/* =========================================
   1. 核心清除与基础设定
   ========================================= */

/* 【强制】隐藏顶部默认的颜色装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* =========================================
   2. 聊天框容器美化 (游戏HUD风格)
   ========================================= */

/* 统一聊天框背景：深色半透明玻璃质感 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(145deg, rgba(20, 25, 35, 0.98), rgba(30, 36, 50, 0.95)) !important;
    border: 1px solid rgba(100, 200, 255, 0.15) !important;
    border-left: 3px solid rgba(100, 200, 255, 0.6) !important; /* 左侧高亮条，增加科技感 */
    border-radius: 6px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(8px) !important;
    padding: 15px !important;
}

/* 输入框特别区分 (可选，使其看起来更像输入终端) */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background: rgba(40, 44, 52, 0.95) !important;
    border-left: 3px solid rgba(100, 255, 150, 0.6) !important; /* 输入框左侧为绿色 */
}

/* =========================================
   3. 文本内容与可读性 (Absolute Readability)
   ========================================= */

/* 主文本内容：高对比度灰白色 */
.markdown-body {
    color: #E0E0E0 !important;
    font-family: 'Segoe UI', 'Roboto', sans-serif !important;
    line-height: 1.7 !important;
    font-size: 15px !important;
    text-shadow: none !important; /* 严禁光晕影响阅读 */
}

/* 加粗文本：亮白色，增加强调 */
.markdown-body strong {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

/* =========================================
   4. 状态栏与折叠菜单专属美化 (<details>/<summary>)
   ========================================= */

/* 状态栏容器 */
.markdown-body details {
    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
    margin-bottom: 8px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

/* 状态栏标题 (点击区域) */
.markdown-body summary {
    cursor: pointer !important;
    padding: 8px 12px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: #64B5F6 !important; /* 科技蓝文字 */
    font-weight: bold !important;
    font-size: 14px !important;
    user-select: none !important;
}

.markdown-body summary:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #9BE7FF !important;
}

/* 状态栏展开后的内容区域 */
.markdown-body details[open] summary {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 代码块/记忆区背景 (配合您的状态栏内容) */
.markdown-body pre, 
.markdown-body code {
    background-color: rgba(10, 12, 16, 0.6) !important;
    color: #A5D6FF !important; /* 终端荧光蓝 */
    border-radius: 4px !important;
    font-family: 'Consolas', monospace !important;
    border: none !important;
    text-shadow: none !important;
}

/* =========================================
   5. 底部附加元素 (适配深色背景)
   ========================================= */

/* 底部按钮 (复制/编辑等) */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #AAAAAA !important;
    transition: color 0.2s !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* 模型名称 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #888888 !important;
    font-size: 0.75rem !important;
}

/* Token消耗 */
.text-orange-500 {
    color: #E6A23C !important; /* 调整为更清晰的橙色 */
}