/* ========== 统一聊天框基底（深墨绿底+鎏金双框） ========== */
.bg-gray-100\/90.relative.inline-block {
    position: relative !important;
    background: #45493b !important;
    border: 1px solid #decd99 !important;
    border-radius: 2px !important;
    padding: 22px 26px !important;
    margin: 10px 4px !important;
    box-shadow: 
        0 0 0 1px #af9261 inset,
        0 0 0 4px #45493b inset,
        0 0 0 5px #decd99 inset,
        0 4px 14px rgba(0, 0, 0, 0.35) !important;
    isolation: isolate !important;
    font-family: "STKaiti", "KaiTi", "楷体", "Songti SC", "SimSun", serif !important;
}

/* ========== 统一主文本 (深底浅字，强制高对比度) ========== */
.bg-gray-100\/90.relative.inline-block .markdown-body {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    color: #f2e6c7 !important;
    font-family: "STKaiti", "KaiTi", "楷体", "Songti SC", "SimSun", serif !important;
    font-size: 15.5px !important;
    line-height: 1.9 !important;
    letter-spacing: 0.5px !important;
}

.bg-gray-100\/90.relative.inline-block .markdown-body strong,
.bg-gray-100\/90.relative.inline-block .markdown-body b {
    color: #decd99 !important;
    font-weight: bold !important;
}

.bg-gray-100\/90.relative.inline-block .markdown-body em,
.bg-gray-100\/90.relative.inline-block .markdown-body i {
    color: #c9b884 !important;
    font-style: italic !important;
}
/* ========== 底部附加元素（强制适配深色背景） ========== */
/* 底部按钮（复制/编辑等） */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #decd99 !important;
    font-family: "STKaiti", "KaiTi", "楷体", serif !important;
    border: 1px solid rgba(222, 205, 153, 0.4) !important;
    border-radius: 2px !important;
    background: rgba(222, 205, 153, 0.1) !important;
    padding: 3px 10px !important;
    margin: 2px !important;
    transition: all 0.3s ease !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background: rgba(222, 205, 153, 0.25) !important;
    color: #f2e6c7 !important;
}

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

/* Token消耗 */
.text-orange-500 {
    color: #decd99 !important;
    font-family: "STKaiti", "KaiTi", "楷体", serif !important;
    font-size: 12px !important;
}
/* ========== 隐藏顶部装饰条 ========== */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* ========== 底部按钮（复制/编辑等） ========== */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #7f6345 !important;
    font-family: "STKaiti", "KaiTi", "楷体", serif !important;
    border: 1px solid rgba(175, 146, 97, 0.4) !important;
    border-radius: 2px !important;
    background: rgba(222, 205, 153, 0.15) !important;
    padding: 3px 10px !important;
    margin: 2px !important;
    transition: all 0.3s ease !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background: rgba(175, 146, 97, 0.25) !important;
    color: #45493b !important;
    border-color: #af9261 !important;
}

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

/* ========== Token消耗 ========== */
.text-orange-500 {
    color: #af9261 !important;
    font-family: "STKaiti", "KaiTi", "楷体", serif !important;
    font-size: 12px !important;
}
/* ========== 左上角纹样：云雷回纹（鎏金） ========== */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    top: 6px !important;
    left: 6px !important;
    width: 42px !important;
    height: 42px !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><defs><linearGradient id='g1' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23f5d98a'/><stop offset='0.5' stop-color='%23af9261'/><stop offset='1' stop-color='%237f6345'/></linearGradient></defs><g fill='none' stroke='url(%23g1)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4 L28 4 L28 12 L12 12 L12 20 L20 20 L20 16 L16 16'/><path d='M4 4 L4 28 L12 28 L12 20'/><circle cx='24' cy='24' r='2' fill='url(%23g1)' stroke='none'/><path d='M32 8 Q38 8 38 14 Q38 20 32 20'/><path d='M8 32 Q8 38 14 38 Q20 38 20 32'/></g></svg>") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 0.95 !important;
    filter: drop-shadow(0 0 2px rgba(175, 146, 97, 0.5)) !important;
}

/* ========== 右下角纹样：如意云头（鎏金） ========== */
.bg-gray-100\/90.relative.inline-block::after {
    content: "" !important;
    position: absolute !important;
    bottom: 6px !important;
    right: 6px !important;
    width: 42px !important;
    height: 42px !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><defs><linearGradient id='g2' x1='1' y1='1' x2='0' y2='0'><stop offset='0' stop-color='%23f5d98a'/><stop offset='0.5' stop-color='%23af9261'/><stop offset='1' stop-color='%237f6345'/></linearGradient></defs><g fill='none' stroke='url(%23g2)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M56 56 L32 56 L32 48 L48 48 L48 40 L40 40 L40 44 L44 44'/><path d='M56 56 L56 32 L48 32 L48 40'/><circle cx='36' cy='36' r='2' fill='url(%23g2)' stroke='none'/><path d='M28 52 Q22 52 22 46 Q22 40 28 40'/><path d='M52 28 Q52 22 46 22 Q40 22 40 28'/></g></svg>") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 0.95 !important;
    filter: drop-shadow(0 0 2px rgba(175, 146, 97, 0.5)) !important;
}
/* ========== 隐藏默认加载动画 ========== */
.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: 80px !important;
    height: 32px !important;
    overflow: visible !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 76px !important;
    height: 28px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 30'><defs><linearGradient id='cg' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23f5d98a'/><stop offset='0.5' stop-color='%23af9261'/><stop offset='1' stop-color='%237f6345'/></linearGradient></defs><g stroke='url(%23cg)' stroke-width='1.6' fill='none'><g transform='translate(15 15)'><circle r='10'><animateTransform attributeName='transform' type='rotate' from='0' to='360' dur='2.4s' repeatCount='indefinite'/></circle><rect x='-3' y='-3' width='6' height='6'><animateTransform attributeName='transform' type='rotate' from='0' to='360' dur='2.4s' repeatCount='indefinite'/></rect><animate attributeName='opacity' values='0.3;1;0.3' dur='1.2s' begin='0s' repeatCount='indefinite'/></g><g transform='translate(45 15)'><circle r='10'><animateTransform attributeName='transform' type='rotate' from='0' to='-360' dur='2.4s' repeatCount='indefinite'/></circle><rect x='-3' y='-3' width='6' height='6'><animateTransform attributeName='transform' type='rotate' from='0' to='-360' dur='2.4s' repeatCount='indefinite'/></rect><animate attributeName='opacity' values='0.3;1;0.3' dur='1.2s' begin='0.4s' repeatCount='indefinite'/></g><g transform='translate(75 15)'><circle r='10'><animateTransform attributeName='transform' type='rotate' from='0' to='360' dur='2.4s' repeatCount='indefinite'/></circle><rect x='-3' y='-3' width='6' height='6'><animateTransform attributeName='transform' type='rotate' from='0' to='360' dur='2.4s' repeatCount='indefinite'/></rect><animate attributeName='opacity' values='0.3;1;0.3' dur='1.2s' begin='0.8s' repeatCount='indefinite'/></g></g></svg>") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: drop-shadow(0 0 3px rgba(175, 146, 97, 0.6)) !important;
}

/* ========== 响应式适配 ========== */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        padding: 16px 18px !important;
    }
    .bg-gray-100\/90.relative.inline-block::before,
    .bg-gray-100\/90.relative.inline-block::after {
        width: 32px !important;
        height: 32px !important;
    }
    .bg-gray-100\/90.relative.inline-block .markdown-body {
        font-size: 14.5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.w-6.h-5::before {
        filter: drop-shadow(0 0 2px rgba(175, 146, 97, 0.4)) !important;
    }
}

/* ========== 状态栏 details 主容器 ========== */
.bg-gray-100\/90.relative.inline-block details {
    position: relative !important;
    background: rgba(30, 34, 26, 0.55) !important;
    border: 1px solid #af9261 !important;
    border-radius: 2px !important;
    margin: 12px 0 !important;
    padding: 0 !important;
    box-shadow: 
        0 0 0 1px rgba(222, 205, 153, 0.25) inset,
        0 2px 8px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
}

/* ========== 标题 summary（居中，篆隶风格） ========== */
.bg-gray-100\/90.relative.inline-block details summary {
    position: relative !important;
    text-align: center !important;
    padding: 10px 20px !important;
    background: 
        linear-gradient(180deg, rgba(175, 146, 97, 0.25) 0%, rgba(127, 99, 69, 0.15) 100%) !important;
    border-bottom: 1px solid rgba(222, 205, 153, 0.4) !important;
    color: #decd99 !important;
    font-family: "STXingkai", "STLiti", "STZhongsong", "华文行楷", "隶书", "LiSu", "STXihei", serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    letter-spacing: 4px !important;
    text-indent: 4px !important;
    cursor: pointer !important;
    list-style: none !important;
    user-select: none !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 隐藏默认三角，用装饰纹样代替 */
.bg-gray-100\/90.relative.inline-block details summary::-webkit-details-marker {
    display: none !important;
}

/* 标题左右装饰：鎏金云纹分隔符 */
.bg-gray-100\/90.relative.inline-block details summary::before,
.bg-gray-100\/90.relative.inline-block details summary::after {
    content: "" !important;
    display: inline-block !important;
    width: 32px !important;
    height: 10px !important;
    vertical-align: middle !important;
    margin: 0 12px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 10'><defs><linearGradient id='sg' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='%237f6345' stop-opacity='0'/><stop offset='0.5' stop-color='%23decd99'/><stop offset='1' stop-color='%237f6345' stop-opacity='0'/></linearGradient></defs><g fill='none' stroke='url(%23sg)' stroke-width='1' stroke-linecap='round'><path d='M2 5 L38 5'/><circle cx='20' cy='5' r='1.5' fill='%23decd99' stroke='none'/><path d='M14 5 Q17 2 20 5 Q23 8 26 5'/></g></svg>") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* 展开时summary底边强化 */
.bg-gray-100\/90.relative.inline-block details[open] summary {
    border-bottom: 1px solid #af9261 !important;
    background: 
        linear-gradient(180deg, rgba(175, 146, 97, 0.35) 0%, rgba(127, 99, 69, 0.2) 100%) !important;
}

/* ========== details 正文内容区 ========== */
.bg-gray-100\/90.relative.inline-block details > p,
.bg-gray-100\/90.relative.inline-block details > ul,
.bg-gray-100\/90.relative.inline-block details > ol,
.bg-gray-100\/90.relative.inline-block details > div,
.bg-gray-100\/90.relative.inline-block details > table {
    margin: 8px 16px !important;
    color: #f2e6c7 !important;
    font-family: "STKaiti", "KaiTi", "楷体", serif !important;
    font-size: 14.5px !important;
    line-height: 1.85 !important;
}

.bg-gray-100\/90.relative.inline-block details p {
    margin: 6px 16px !important;
    color: #f2e6c7 !important;
    font-family: "STKaiti", "KaiTi", "楷体", serif !important;
}

.bg-gray-100\/90.relative.inline-block details b {
    color: #decd99 !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
}

/* ========== 列表 ul / ol ========== */
.bg-gray-100\/90.relative.inline-block details ul,
.bg-gray-100\/90.relative.inline-block details ol {
    padding-left: 30px !important;
    margin: 8px 16px !important;
}

.bg-gray-100\/90.relative.inline-block details ul li {
    list-style: none !important;
    position: relative !important;
    color: #f2e6c7 !important;
    padding: 3px 0 !important;
}

.bg-gray-100\/90.relative.inline-block details ul li::before {
    content: "❖" !important;
    position: absolute !important;
    left: -20px !important;
    color: #af9261 !important;
    font-size: 12px !important;
}

.bg-gray-100\/90.relative.inline-block details ol {
    counter-reset: gold-counter !important;
    list-style: none !important;
}

.bg-gray-100\/90.relative.inline-block details ol li {
    counter-increment: gold-counter !important;
    position: relative !important;
    padding: 6px 0 6px 8px !important;
    color: #f2e6c7 !important;
    border-bottom: 1px dashed rgba(175, 146, 97, 0.25) !important;
}

.bg-gray-100\/90.relative.inline-block details ol li::before {
    content: "其" counter(gold-counter, cjk-heavenly-stem) " · " !important;
    color: #decd99 !important;
    font-family: "STLiti", "STXingkai", "隶书", serif !important;
    font-weight: bold !important;
    letter-spacing: 2px !important;
}

/* ========== 人物文牒：卡片滑动容器 ========== */
.bg-gray-100\/90.relative.inline-block details > div[style*="overflow-x: auto"] {
    padding: 12px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #af9261 rgba(30, 34, 26, 0.5) !important;
}

/* 自定义滚动条 */
.bg-gray-100\/90.relative.inline-block details > div[style*="overflow-x: auto"]::-webkit-scrollbar {
    height: 6px !important;
}

.bg-gray-100\/90.relative.inline-block details > div[style*="overflow-x: auto"]::-webkit-scrollbar-track {
    background: rgba(30, 34, 26, 0.5) !important;
    border-radius: 2px !important;
}

.bg-gray-100\/90.relative.inline-block details > div[style*="overflow-x: auto"]::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #7f6345, #decd99, #7f6345) !important;
    border-radius: 2px !important;
}

/* ========== 角色卡片（强制覆盖内联样式） ========== */
.bg-gray-100\/90.relative.inline-block details > div[style*="overflow-x: auto"] > div {
    background: rgba(69, 73, 59, 0.75) !important;
    border: 1px solid #af9261 !important;
    border-radius: 2px !important;
    box-shadow: 
        0 0 0 1px rgba(222, 205, 153, 0.3) inset,
        0 2px 6px rgba(0, 0, 0, 0.35) !important;
    padding: 14px 16px !important;
    position: relative !important;
}

/* 卡片角饰：右上小云纹 */
.bg-gray-100\/90.relative.inline-block details > div[style*="overflow-x: auto"] > div::before {
    content: "" !important;
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='%23decd99' stroke-width='1' stroke-linecap='round'><path d='M4 12 Q4 6 10 6 Q16 6 16 12'/><path d='M8 16 Q8 12 12 12 Q16 12 16 16'/><circle cx='18' cy='18' r='1' fill='%23decd99'/></g></svg>") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 0.7 !important;
}

.bg-gray-100\/90.relative.inline-block details > div[style*="overflow-x: auto"] > div p {
    margin: 4px 0 !important;
    color: #f2e6c7 !important;
    font-family: "STKaiti", "KaiTi", "楷体", serif !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
}

.bg-gray-100\/90.relative.inline-block details > div[style*="overflow-x: auto"] > div p b {
    color: #decd99 !important;
}

/* ========== 表格（长短期记忆） ========== */
.bg-gray-100\/90.relative.inline-block details table {
    width: calc(100% - 32px) !important;
    margin: 10px 16px !important;
    border-collapse: collapse !important;
    border: 1px solid #af9261 !important;
    background: rgba(30, 34, 26, 0.4) !important;
    font-family: "STKaiti", "KaiTi", "楷体", serif !important;
    font-size: 13px !important;
}

.bg-gray-100\/90.relative.inline-block details table thead {
    background: linear-gradient(180deg, rgba(175, 146, 97, 0.35), rgba(127, 99, 69, 0.25)) !important;
}

.bg-gray-100\/90.relative.inline-block details table th {
    color: #decd99 !important;
    font-family: "STLiti", "STXingkai", "隶书", serif !important;
    font-weight: bold !important;
    letter-spacing: 2px !important;
    padding: 8px 6px !important;
    border: 1px solid #af9261 !important;
    text-align: center !important;
}

.bg-gray-100\/90.relative.inline-block details table td {
    color: #f2e6c7 !important;
    padding: 6px !important;
    border: 1px solid rgba(175, 146, 97, 0.5) !important;
    text-align: center !important;
    line-height: 1.6 !important;
}

.bg-gray-100\/90.relative.inline-block details table tbody tr:nth-child(even) {
    background: rgba(175, 146, 97, 0.08) !important;
}

.bg-gray-100\/90.relative.inline-block details table tbody tr:hover {
    background: rgba(222, 205, 153, 0.12) !important;
}

/* ========== 响应式与细节 ========== */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block details summary {
        font-size: 15px !important;
        letter-spacing: 3px !important;
    }
    .bg-gray-100\/90.relative.inline-block details summary::before,
    .bg-gray-100\/90.relative.inline-block details summary::after {
        width: 20px !important;
        margin: 0 6px !important;
    }
    .bg-gray-100\/90.relative.inline-block details p,
    .bg-gray-100\/90.relative.inline-block details li {
        font-size: 13.5px !important;
    }
    .bg-gray-100\/90.relative.inline-block details table {
        font-size: 12px !important;
    }
}

/* 嵌套details的微调（避免层级混淆） */
.bg-gray-100\/90.relative.inline-block details details {
    background: rgba(20, 24, 16, 0.5) !important;
    margin: 8px 12px !important;
}


/* ==========================================
   一、顶部栏 · 宣纸水墨 (新增美化)
========================================== */
/* 顶部主容器：浅色宣纸质感 + 极轻微水墨阴影 */
.sticky.w-full.top-0.flex.items-center {
    background: rgba(252, 250, 245, 0.9) !important;
    backdrop-filter: blur(8px) !important;
    border-bottom: 1px solid rgba(136, 149, 137, 0.3) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}
/* 模型选择器文字与下拉箭头 */
#ai-model-selector .truncate.text-\[13px\],
#ai-model-selector .shrink-0.flex.items-center svg {
    color: #2c3e35 !important; /* 水墨青 */
    font-family: 'Noto Serif SC', 'KaiTi', serif !important;
    font-weight: 600 !important;
}
/* 顶部各类图标统一着墨色 */
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]),
#header-setting-button svg {
    color: #4a5550 !important;
    transition: all 0.3s ease !important;
}
#header-setting-button:hover svg {
    color: #8c5a5a !important; /* 悬浮泛朱砂红 */
    transform: rotate(30deg) !important;
}

/* ==========================================
   二、底部栏 · 远山黛影 (接入指定背景图)
========================================== */
/* 底部整条容器：指定国风背景 + 宣纸白渐变遮罩(确保输入框区域视觉干净) */
.bg-gradient-to-t {
    background: linear-gradient(to top, rgba(69, 73, 59, 0.75) 10%, rgba(69, 73, 59, 0.2) 100%), 
                url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEXww9qYgTtpyaKf2Z002HmC5gyebqJ0gACmCIAAmrvEVdVGtl6R6CjNT0E.jpg') center/cover no-repeat !important;
    border-top: 1px solid rgba(136, 149, 137, 0.4) !important;
}
/* 输入框本体：纯净宣纸底 + 黛黑字 */
#ai-chat-input {
    background: rgba(255, 255, 253, 0.85) !important;
    color: #1a1c1a !important;
    font-family: 'Noto Serif SC', 'KaiTi', serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    caret-color: #8c5a5a !important; /* 朱砂红光标 */
    border: 1px solid rgba(136, 149, 137, 0.5) !important;
    border-radius: 4px !important;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.3s ease !important;
}
#ai-chat-input:focus {
    border-color: #6b8273 !important; /* 聚焦时边框变水墨青 */
    box-shadow: 0 0 0 1px #6b8273, inset 0 0 10px rgba(107, 130, 115, 0.1) !important;
}
#ai-chat-input::placeholder {
    color: rgba(74, 85, 80, 0.5) !important;
    font-family: 'Noto Serif SC', serif !important;
}
#ai-chat-input::selection {
    background: rgba(107, 130, 115, 0.3) !important;
    color: #000 !important;
}

/* ==========================================
   三、底部功能按钮 · 青墨雅印
========================================== */
#ai-mod-button2 button.MuiButton-root {
    background: rgba(252, 250, 245, 0.8) !important;
    color: #4a5550 !important;
    border: 1px solid rgba(136, 149, 137, 0.6) !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03) !important;
    font-family: 'Noto Serif SC', serif !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
    background: #6b8273 !important; /* 悬浮变为水墨青底 */
    border-color: #6b8273 !important;
    color: #fcfaf5 !important; /* 文字反白 */
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(107, 130, 115, 0.2) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
    color: inherit !important;
    filter: none !important;
}

/* ==========================================
   四、分页栏 · 素雅竹简
========================================== */
.MuiPaginationItem-root {
    background: transparent !important;
    color: #4a5550 !important;
    border: 1px solid rgba(136, 149, 137, 0.4) !important;
    font-family: 'Noto Serif SC', serif !important;
    font-weight: 500 !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
}
.MuiPaginationItem-root:hover {
    background: rgba(107, 130, 115, 0.1) !important;
    border-color: #6b8273 !important;
    color: #2c3e35 !important;
}
.MuiPaginationItem-root.Mui-selected {
    background: #6b8273 !important; /* 选中状态为青色 */
    color: #fcfaf5 !important;
    border-color: #6b8273 !important;
    box-shadow: 0 2px 6px rgba(107, 130, 115, 0.3) !important;
}
.MuiPaginationItem-root.Mui-disabled {
    opacity: 0.4 !important;
}
.MuiPaginationItem-icon {
    color: inherit !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
    color: #4a5550 !important;
    font-family: 'Noto Serif SC', serif !important;
}
.MuiStack-root.css-1uwir8f .MuiInputBase-input {
    color: #1a1c1a !important;
    background: rgba(255, 255, 253, 0.9) !important;
    border: 1px solid rgba(136, 149, 137, 0.5) !important;
    border-radius: 2px !important;
}

/* ==========================================
   五、评论区 · 水墨卷轴 (接入指定背景图)
========================================== */
/* 1. 评论区主容器背景：底图 + 极淡的白色遮罩保证整体明亮 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: linear-gradient(rgba(252, 250, 245, 0.6), rgba(252, 250, 245, 0.8)), 
                url('https://www.imgfox.cn/apis/uploads/20260710/f1f8f700f02a4c1f/Camera_1040g3k031rbm50npnu5g5nqolo2g8uco1jkdo58.jpg') center/cover no-repeat fixed !important;
}

/* 顶部标题"评论(x)" */
div.text-lg.font-bold {
    color: #2c3e35 !important;
    font-family: 'Noto Serif SC', 'KaiTi', serif !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(136, 149, 137, 0.3) !important;
}
/* 个人评分文字 */
p.MuiTypography-body1.text-grey-600 {
    color: #6b8273 !important;
    font-family: 'Noto Serif SC', serif !important;
}
/* 星星：暗金色 */
span.MuiRating-iconEmpty svg { color: rgba(136, 149, 137, 0.3) !important; }
span.MuiRating-iconFilled svg { color: #b89b72 !important; }
span.text-orange-500 {
    color: #b89b72 !important;
    font-family: 'Noto Serif SC', serif !important;
    font-weight: bold !important;
}

/* 排序按钮 - 已选中 (暗朱砂) */
button.MuiButton-containedPrimary {
    background: #8c5a5a !important;
    color: #fcfaf5 !important;
    border: 1px solid #8c5a5a !important;
    border-radius: 2px !important;
    font-family: 'Noto Serif SC', serif !important;
    box-shadow: 0 2px 6px rgba(140, 90, 90, 0.2) !important;
}
/* 排序按钮 - 未选中 */
button.MuiButton-outlinedPrimary {
    background: rgba(252, 250, 245, 0.7) !important;
    color: #4a5550 !important;
    border: 1px solid rgba(136, 149, 137, 0.5) !important;
    border-radius: 2px !important;
    font-family: 'Noto Serif SC', serif !important;
}
button.MuiButton-outlinedPrimary:hover {
    background: rgba(136, 149, 137, 0.1) !important;
    color: #2c3e35 !important;
}

/* 发送评论输入框容器 */
div.flex.flex-col.border-gray-200 {
    background: rgba(255, 255, 253, 0.85) !important;
    border: 1px solid rgba(136, 149, 137, 0.5) !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;
}
div.flex.flex-col.border-gray-200:focus-within {
    border-color: #6b8273 !important;
    box-shadow: 0 0 0 1px #6b8273, 0 4px 12px rgba(107, 130, 115, 0.1) !important;
}
textarea.rc-textarea {
    color: #1a1c1a !important;
    font-family: 'Noto Serif SC', serif !important;
    caret-color: #8c5a5a !important;
}
textarea.rc-textarea::placeholder { color: rgba(74, 85, 80, 0.5) !important; }
div.bg-gray-100.text-gray-500 {
    background: rgba(240, 242, 239, 0.8) !important;
    color: #6b8273 !important;
    border-top: 1px dashed rgba(136, 149, 137, 0.4) !important;
    font-family: 'Noto Serif SC', serif !important;
}

/* 发送评论按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
    background: rgba(107, 130, 115, 0.1) !important;
    border-left: 1px solid rgba(136, 149, 137, 0.4) !important;
    transition: all 0.3s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
    background: #6b8273 !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
    color: #6b8273 !important;
    transition: color 0.3s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover div[data-state="closed"] svg[data-icon="Send03"] {
    color: #fcfaf5 !important; /* 悬浮时图标反白 */
}

/* 分割线 */
div.style_divider__mW0YX {
    background: linear-gradient(90deg, transparent 0%, rgba(136, 149, 137, 0.3) 50%, transparent 100%) !important;
    height: 1px !important;
}

/* ===== 评论卡片 · 高不透明度宣纸卡片 (确保文字在复杂背景上清晰) ===== */
div.group.ml-0 {
    background: rgba(255, 255, 253, 0.92) !important; /* 高不透明度确保可读性 */
    border: 1px solid rgba(136, 149, 137, 0.4) !important;
    border-left: 3px solid #6b8273 !important; /* 左侧青色点缀 */
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
}
div.group.ml-0:hover {
    border-color: rgba(107, 130, 115, 0.6) !important;
    box-shadow: 0 6px 16px rgba(107, 130, 115, 0.08) !important;
}

/* 头像 */
div.group img.rounded-full {
    border: 1px solid rgba(136, 149, 137, 0.5) !important;
    padding: 2px !important;
    background: #fff !important;
}
/* 用户名 */
div.text-sm.text-grey-600 span.font-bold {
    color: #2c3e35 !important;
    font-family: 'Noto Serif SC', serif !important;
    font-weight: 700 !important;
}
/* "（你）" 标签 - 暗朱砂 */
span.text-\[10px\] {
    background: rgba(140, 90, 90, 0.1) !important;
    color: #8c5a5a !important;
    border: 1px solid rgba(140, 90, 90, 0.3) !important;
    border-radius: 2px !important;
    font-family: 'Noto Serif SC', serif !important;
}
/* 评论正文 - 黛黑色确保绝对清晰 */
div.break-all {
    color: #1a1c1a !important;
    font-family: 'Noto Serif SC', 'KaiTi', serif !important;
    font-size: 14.5px !important;
    line-height: 1.8 !important;
}
/* 时间戳 */
div.text-xs.text-grey-600 {
    color: rgba(74, 85, 80, 0.6) !important;
    font-family: 'Noto Serif SC', serif !important;
}
/* 点赞按钮 */
button.text-gray-400 {
    background: transparent !important;
    border: 1px solid rgba(136, 149, 137, 0.3) !important;
    border-radius: 2px !important;
}
button.text-gray-400:hover {
    background: rgba(140, 90, 90, 0.08) !important;
    border-color: rgba(140, 90, 90, 0.4) !important;
}
button.text-gray-400 svg {
    color: #6b8273 !important;
}
button.text-gray-400:hover svg {
    color: #8c5a5a !important; /* 悬浮点赞变朱砂红 */
}
/* 回复按钮 */
span.cursor-pointer {
    color: #6b8273 !important;
    font-family: 'Noto Serif SC', serif !important;
    font-weight: 600 !important;
}
span.cursor-pointer:hover {
    color: #8c5a5a !important;
    background: transparent !important;
}
/* 回复区域边框 */
div.ml-8.border-l {
    border-left: 1px solid rgba(136, 149, 137, 0.3) !important;
}
div.ml-8.border-l::before {
    content: '■' !important;
    color: #6b8273 !important;
    font-size: 8px !important;
    background: transparent !important;
    text-shadow: none !important;
}