css
/* 
   🏮 宫廷权谋主题 (Royal Intrigue Style) - 移动端完美适配版
   说明：
   1. 色调：朱红、玄黑、鎏金，营造皇室威严与暧昧并存的氛围。
   2. 视觉：丝绸质感，边框如古代窗棂，字体锐利。
*/

/* --- 核心修复 --- */
:root {
    color-scheme: light !important;
}

* {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
}

*:focus, *:active, *:focus-visible {
    outline: 0 !important;
    box-shadow: none !important; 
}

/* --- 容器美化：朱门绣户 --- */
.bg-gray-100\/90.relative.inline-block {
    /* 背景：极淡的米黄色 parchment 质感 */
    background: #FFFBF0 !important; 
    background: linear-gradient(180deg, #FFFBF0 0%, #F5E6D3 100%) !important;
    
    /* 边框：深红色，如同宫墙 */
    border: 2px solid #8B0000 !important; 
    
    /* 圆角：微圆，带有古典韵味 */
    border-radius: 8px !important;
    
    padding: 18px !important;
    margin: 10px auto !important;
    max-width: 100% !important;
    
    /* 阴影：深红色的光晕 */
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.2) !important;
}

/* --- 文本内容区域：宣纸底色 --- */
.markdown-body {
    background-color: rgba(255, 250, 240, 0.9) !important; 
    color: #2B1B17 !important; /* 墨色 */
    font-size: 16px !important; 
    border-radius: 4px !important;
    padding: 15px !important;
    line-height: 1.8 !important;
    font-family: "Songti SC", "SimSun", serif !important; /* 尝试使用宋体风格 */
    
    border: 1px solid #D2B48C !important; /* 浅褐色边框 */
}

/* 标题：鎏金与朱砂 */
.markdown-body h1, .markdown-body h2, .markdown-body h3 {
    color: #800000 !important; /* 栗色/深红 */
    margin-top: 1.2em !important;
    margin-bottom: 0.6em !important;
    font-weight: bold !important;
    border-bottom: 2px solid #B8860B !important; /* 暗金色下划线 */
    padding-bottom: 5px !important;
}

/* --- 代码块：密折风格 --- */
.markdown-body pre, .markdown-body code {
    border: 1px solid #8B4513 !important; /* 鞍褐色 */
    background-color: #FAF0E6 !important; /* 亚麻色 */
    border-radius: 4px !important;
    color: #5D4037 !important;
    
    box-shadow: none !important;
    font-family: "Courier New", Courier, monospace !important;
    font-size: 0.95em !important; 
    padding: 10px !important;
    margin: 10px 0 !important;
    white-space: pre-wrap !important;
}

/* --- 交互面板 (details)：奏折/锦囊 --- */
details {
    background-color: #FFFAF0 !important;
    border: 1px solid #CD5C5C !important; /* 印度红 */
    border-radius: 6px !important;
    margin-bottom: 12px !important;
    padding: 10px !important;
}

/* 摘要 (summary) */
summary {
    color: #A52A2A !important; /* 棕色 */
    font-weight: 700 !important;
    cursor: pointer !important;
    padding: 5px !important;
}

summary::-webkit-details-marker {
    display: none !important;
}

/* 图标：灯笼/玉玺 */
summary::before {
    content: '🏮 ' !important; 
    margin-right: 6px !important;
}

details[open] summary::before {
    content: '📜 ' !important; 
}

/* --- 输入框：御笔亲批 --- */
textarea, input[type="text"] {
    background: #FFFAF0 !important;
    border: 1px solid #8B0000 !important;
    border-radius: 4px !important;
    padding: 8px !important;
    color: #4A0404 !important;
}

textarea:focus, input[type="text"]:focus {
    border-color: #DAA520 !important; /* 聚焦变金 */
    background-color: #FFF !important;
    outline: none !important;
}

/* --- 按钮：金牌令箭 --- */
.MuiButtonBase-root.MuiButton-root {
    background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%) !important;
    color: #FFD700 !important; /* 金色文字 */
    border-radius: 6px !important;
    border: 1px solid #DAA520 !important;
    font-weight: bold !important;
}

/* 隐藏多余元素 */
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 链接 */
.markdown-body a {
    color: #B22222 !important; 
    text-decoration: none !important;
    border-bottom: 1px dashed #B22222 !important;
}