/* ========== 移除顶部彩色装饰条 ========== */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* ========== 主聊天框：宣纸书卷底 ========== */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(135deg, #f5ecd7 0%, #f8f0dc 25%, #f2e6c8 50%, #f8f0dc 75%, #f5ecd7 100%) !important;
    background-color: #f5ecd7 !important;
    border: 1px solid #a68556 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 18px rgba(90, 60, 30, 0.28), inset 0 0 30px rgba(200, 168, 120, 0.18), 0 0 0 3px rgba(139, 106, 63, 0.15) !important;
    padding: 42px 22px 32px 22px !important;
    position: relative !important;
    font-family: 'KaiTi', '楷体', 'STKaiti', 'Noto Serif SC', serif !important;
    overflow: visible !important;
    isolation: isolate !important;
}

/* ========== 书卷四角水墨云纹装饰 ========== */
.bg-gray-100\/90.relative.inline-block::before {
    content: '' !important;
    position: absolute !important;
    top: 6px !important;
    left: 6px !important;
    right: 6px !important;
    bottom: 6px !important;
    border: 1px dashed rgba(139, 106, 63, 0.35) !important;
    border-radius: 5px !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* ========== 右上角印章：晏清姝 ========== */
.bg-gray-100\/90.relative.inline-block::after {
    content: '晏\A清\A姝' !important;
    white-space: pre !important;
    position: absolute !important;
    top: 10px !important;
    right: 12px !important;
    font-family: 'Ma Shan Zheng', 'STKaiti', '楷体', cursive !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    color: #f5ecd7 !important;
    background: linear-gradient(135deg, #a03e2f, #7a2e22) !important;
    padding: 6px 4px !important;
    border-radius: 3px !important;
    text-align: center !important;
    letter-spacing: 1px !important;
    box-shadow: 0 2px 5px rgba(122, 46, 34, 0.4), inset 0 0 3px rgba(255, 220, 200, 0.3) !important;
    z-index: 2 !important;
    writing-mode: vertical-rl !important;
    font-weight: 700 !important;
}

/* ========== 左下角签名：清姝手书 ========== */
.chat-answer-container .bg-gray-100\/90.relative.inline-block .markdown-body::after {
    content: '— 清姝手书 —' !important;
    display: block !important;
    position: absolute !important;
    bottom: 8px !important;
    left: 14px !important;
    font-family: 'Ma Shan Zheng', '楷体', cursive !important;
    font-size: 10px !important;
    color: #8b6a3f !important;
    font-style: italic !important;
    letter-spacing: 2px !important;
    opacity: 0.75 !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

/* ========== 主要文本：墨色楷书 ========== */
.markdown-body {
    color: #3a2416 !important;
    font-family: 'KaiTi', '楷体', 'STKaiti', 'Noto Serif SC', serif !important;
    font-size: 15px !important;
    line-height: 1.95 !important;
    letter-spacing: 0.5px !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
    padding-bottom: 18px !important;
}

/* ========== 强调文本 ========== */
.markdown-body strong {
    color: #7a2e22 !important;
    font-weight: bold !important;
}

.markdown-body em {
    color: #6b4423 !important;
    font-style: italic !important;
}

/* ========== 段落间距 ========== */
.markdown-body p {
    margin: 10px 0 !important;
    text-indent: 2em !important;
}

/* ========== 独立框：每个 details 卷宗 ========== */
.markdown-body details {
    background: linear-gradient(135deg, #fdf7e6 0%, #f8efd5 100%) !important;
    border: 1.5px solid #a68556 !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
    margin: 12px 0 !important;
    box-shadow: 0 2px 8px rgba(139, 106, 63, 0.18), inset 0 0 12px rgba(200, 168, 120, 0.15) !important;
    position: relative !important;
}

/* details 卷宗左侧朱色书签 */
.markdown-body details::before {
    content: '' !important;
    position: absolute !important;
    left: -1.5px !important;
    top: 12px !important;
    bottom: 12px !important;
    width: 4px !important;
    background: linear-gradient(180deg, #a03e2f, #7a2e22) !important;
    border-radius: 2px !important;
}

.markdown-body details summary {
    font-family: 'Ma Shan Zheng', 'STKaiti', '楷体', cursive !important;
    color: #7a2e22 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    padding: 4px 8px !important;
    letter-spacing: 2px !important;
    border-bottom: 1px dotted #a68556 !important;
    margin-bottom: 8px !important;
    list-style: none !important;
}

.markdown-body details summary::before {
    content: '❦ ' !important;
    color: #a03e2f !important;
    margin-right: 4px !important;
}

/* ========== 表格：卷宗记录簿 ========== */
.markdown-body table {
    background: rgba(253, 247, 230, 0.9) !important;
    border: 1.5px solid #8b6a3f !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    margin: 10px 0 !important;
    box-shadow: 0 2px 6px rgba(139, 106, 63, 0.2) !important;
}

.markdown-body table th {
    background: linear-gradient(180deg, #c8a878, #a68556) !important;
    color: #f5ecd7 !important;
    font-family: '楷体', 'KaiTi', serif !important;
    font-weight: bold !important;
    padding: 8px 10px !important;
    border: 1px solid #8b6a3f !important;
    text-align: center !important;
    letter-spacing: 1px !important;
}

.markdown-body table td {
    padding: 7px 10px !important;
    border: 1px solid #c8a878 !important;
    color: #3a2416 !important;
    background: rgba(253, 247, 230, 0.75) !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
}

.markdown-body table tr:nth-child(even) td {
    background: rgba(245, 236, 215, 0.75) !important;
}

/* ========== 列表：竹简条目 ========== */
.markdown-body ul,
.markdown-body ol {
    background: rgba(253, 247, 230, 0.6) !important;
    border-left: 3px solid #a03e2f !important;
    border-radius: 0 4px 4px 0 !important;
    padding: 10px 15px 10px 32px !important;
    margin: 10px 0 !important;
}

.markdown-body li {
    color: #3a2416 !important;
    margin: 5px 0 !important;
    line-height: 1.85 !important;
}

.markdown-body li::marker {
    color: #a03e2f !important;
    font-weight: bold !important;
}

/* ========== 代码块 ========== */
.markdown-body pre,
.markdown-body code {
    background: rgba(60, 40, 20, 0.08) !important;
    border: 1px solid #a68556 !important;
    border-radius: 4px !important;
    color: #5a3a1a !important;
    font-family: 'Consolas', 'KaiTi', monospace !important;
    padding: 8px 12px !important;
}

/* ========== 引用块：御笔亲批 ========== */
.markdown-body blockquote {
    background: linear-gradient(135deg, rgba(200, 168, 120, 0.2), rgba(160, 62, 47, 0.08)) !important;
    border-left: 4px solid #a03e2f !important;
    border-right: 1px solid #a68556 !important;
    border-top: 1px solid #a68556 !important;
    border-bottom: 1px solid #a68556 !important;
    border-radius: 0 6px 6px 0 !important;
    color: #5a3a1a !important;
    padding: 10px 15px !important;
    margin: 12px 0 !important;
    font-style: italic !important;
    font-family: '楷体', 'KaiTi', serif !important;
}

/* ========== 水平分割线：卷轴分节 ========== */
.markdown-body hr {
    border: none !important;
    height: 12px !important;
    background: none !important;
    text-align: center !important;
    margin: 15px 0 !important;
    position: relative !important;
}

.markdown-body hr::before {
    content: '❦   ❦   ❦' !important;
    color: #a68556 !important;
    letter-spacing: 8px !important;
    font-size: 12px !important;
}

/* ========== 标题层级 ========== */
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4 {
    font-family: 'Ma Shan Zheng', '楷体', cursive !important;
    color: #7a2e22 !important;
    border-bottom: 2px double #a68556 !important;
    padding-bottom: 5px !important;
    margin: 15px 0 10px 0 !important;
    letter-spacing: 2px !important;
}

.markdown-body h1 { font-size: 20px !important; }
.markdown-body h2 { font-size: 18px !important; }
.markdown-body h3 { font-size: 16px !important; }

/* ========== 底部按钮：古朴文吏样式 ========== */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    background: linear-gradient(180deg, #e8d4a8, #c8a878) !important;
    color: #3a2416 !important;
    border: 1px solid #8b6a3f !important;
    border-radius: 4px !important;
    font-family: '楷体', 'KaiTi', serif !important;
    font-size: 12px !important;
    padding: 4px 10px !important;
    margin: 2px !important;
    box-shadow: 0 1px 3px rgba(139, 106, 63, 0.3) !important;
    transition: all 0.3s !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background: linear-gradient(180deg, #f0e0b8, #d8b888) !important;
    transform: translateY(-1px) !important;
}

/* ========== 模型名称 ========== */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #6b4423 !important;
    font-family: '楷体', 'KaiTi', serif !important;
    font-size: 11px !important;
    font-style: italic !important;
    letter-spacing: 1px !important;
}

/* ========== Token 消耗 ========== */
.text-orange-500 {
    color: #a03e2f !important;
    font-family: '楷体', 'KaiTi', serif !important;
    font-size: 11px !important;
}

/* ========== 加载动画：墨云SVG ========== */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}

.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 60px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
    content: '' !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 50px !important;
    height: 25px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 25'><g fill='%237a2e22'><circle cx='10' cy='12.5' r='3'><animate attributeName='opacity' values='0.2;1;0.2' dur='1.2s' repeatCount='indefinite' begin='0s'/><animate attributeName='r' values='2;4;2' dur='1.2s' repeatCount='indefinite' begin='0s'/></circle><circle cx='25' cy='12.5' r='3'><animate attributeName='opacity' values='0.2;1;0.2' dur='1.2s' repeatCount='indefinite' begin='0.4s'/><animate attributeName='r' values='2;4;2' dur='1.2s' repeatCount='indefinite' begin='0.4s'/></circle><circle cx='40' cy='12.5' r='3'><animate attributeName='opacity' values='0.2;1;0.2' dur='1.2s' repeatCount='indefinite' begin='0.8s'/><animate attributeName='r' values='2;4;2' dur='1.2s' repeatCount='indefinite' begin='0.8s'/></circle></g></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    z-index: 1 !important;
}

.flex.items-center.justify-center.w-6.h-5::after {
    content: '姝' !important;
    position: absolute !important;
    right: -18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-family: 'Ma Shan Zheng', 'STKaiti', cursive !important;
    font-size: 12px !important;
    color: #a03e2f !important;
    opacity: 0.6 !important;
    z-index: 2 !important;
}

/* ========== 移动端适配 ========== */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        padding: 38px 15px 30px 15px !important;
    }
    .markdown-body {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }
    .markdown-body table td {
        font-size: 12px !important;
        padding: 5px 6px !important;
    }
    .markdown-body table th {
        padding: 6px 6px !important;
        font-size: 13px !important;
    }
    .markdown-body details summary {
        font-size: 14.5px !important;
    }
    .bg-gray-100\/90.relative.inline-block::after {
        font-size: 10px !important;
        padding: 5px 3px !important;
    }
    .chat-answer-container .bg-gray-100\/90.relative.inline-block .markdown-body::after {
        font-size: 9px !important;
        letter-spacing: 1px !important;
    }
}

/* ========== 低动效模式 ========== */
@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.w-6.h-5::before {
        opacity: 0.7 !important;
    }
}