/* --- 楚汉传奇：宣纸墨韵风格 --- */

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

/* 2. 统一聊天框美化 (输入与输出) */
.bg-gray-100\/90.relative.inline-block {
    background-color: #fcfaf2 !important; /* 古牙色 */
    background-image: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(247,243,232,0) 100%) !important;
    border: 1px solid #d6cfba !important;
    border-radius: 4px !important; /* 较小的圆角更显方正古朴 */
    box-shadow: 2px 2px 8px rgba(0,0,0,0.05), inset 0 0 20px rgba(214,207,186,0.3) !important;
    padding: 12px !important;
}

/* 3. 文字可读性核心：玄铁黑 */
.markdown-body {
    color: #1a1a1a !important; /* 极深灰色，确保绝对可读 */
    font-family: "Noto Serif SC", "Source Han Serif SC", "SimSun", serif !important;
    line-height: 1.7 !important;
    letter-spacing: 0.02em !important;
}

/* 4. 输出框专属装饰：朱砂印章感 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block::after {
    content: "漢";
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 24px;
    height: 24px;
    border: 1.5px solid #a61b1b;
    color: #a61b1b;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-center: center;
    opacity: 0.3;
    pointer-events: none;
}

/* 5. 底部附加元素 (模型名、Token等) */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #666050 !important; /* 沉稳的古铜色系 */
    font-size: 11px !important;
}

/* 6. 顶部栏美化 */
.sticky.w-full.top-0.flex.items-center {
    background-color: #f7f3e8 !important;
    border-bottom: 2px solid #333333 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

#ai-model-selector .truncate.text-\[13px\] {
    color: #1a1a1a !important;
    font-weight: bold !important;
}

/* 7. 输入区域美化 */
#ai-chat-bottom-input {
    background-color: #fcfaf2 !important;
    border: 1px solid #d6cfba !important;
    border-radius: 8px !important;
}

#ai-chat-input {
    color: #1a1a1a !important;
}

#ai-chat-input::placeholder {
    color: #a8a495 !important;
}

/* 8. 评论区与按钮美化 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background-color: #f7f3e8 !important;
}

button.MuiButton-containedPrimary {
    background-color: #333333 !important; /* 秦风黑 */
    color: #f7f3e8 !important;
}

button.MuiButton-outlinedPrimary {
    border-color: #333333 !important;
    color: #333333 !important;
}

/* 9. 水墨韵律加载动画 (SMIL) */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="%23333333"><animate attributeName="r" values="4;10;4" dur="1.5s" repeatCount="indefinite" /><animate attributeName="opacity" values="0.8;0.2;0.8" dur="1.5s" repeatCount="indefinite" /></circle></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

/* 10. 选中文本效果 */
#ai-chat-input::selection, .markdown-body ::selection {
    background-color: #a61b1b !important; /* 朱砂红选中 */
    color: #ffffff !important;
}