/* 
   【天命篡夺者 - 反派终端风格】
   设计理念：暗黑卡片背景 + 紫色霓虹呼吸边框 + 终端字体
   功能：强制覆盖默认样式，优化深色模式阅读体验
*/
/* 1. 隐藏顶部默认的颜色装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}
/* 2. 统一聊天框样式 (输入与输出) - 复刻 .card 样式 */
.bg-gray-100\/90.relative.inline-block {
    /* 背景：深色卡片背景，带轻微透明度 */
    background: rgba(21, 21, 32, 0.95) !important;
    /* 边框：紫色细边框 */
    border: 1px solid rgba(138, 43, 226, 0.5) !important;
    /* 圆角：稍微硬朗一点的圆角 */
    border-radius: 8px !important;
    /* 阴影：紫色微光晕 */
    box-shadow: 0 0 15px rgba(138, 43, 226, 0.15) !important;
    /* 文本颜色：确保基础文本为浅色 */
    color: #e0e0e0 !important;
    /* 过渡效果 */
    transition: all 0.3s ease !important;
}
/* 3. 输入框特别强化 (模拟 .input-group 样式) */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background: rgba(10, 10, 15, 0.95) !important; /* 更深的背景 */
    border-color: #9b4cff !important; /* 更亮的边框 */
    box-shadow: 0 0 10px rgba(138, 43, 226, 0.3) !important;
}
/* 4. 核心文本内容美化 - 绝对可读性 */
.markdown-body {
    /* 字体：优先使用微软雅黑，符合原设 */
    font-family: 'Microsoft YaHei', sans-serif !important;
    /* 颜色：高亮灰白，对比度极高 */
    color: #e0e0e0 !important;
    line-height: 1.6 !important;
    background: transparent !important;
}
/* 文本段落优化 */
.markdown-body p {
    color: #e0e0e0 !important;
}
/* 标题颜色 - 对应 h1/h2 的紫色高亮 */
.markdown-body h1, 
.markdown-body h2, 
.markdown-body h3 {
    color: #9b4cff !important; /* 浅紫色高亮 */
    border-bottom: 1px solid rgba(138, 43, 226, 0.3) !important;
    padding-bottom: 5px !important;
    font-weight: bold !important;
}
/* 代码块美化 - 模拟终端显示 */
.markdown-body pre, 
.markdown-body code {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(138, 43, 226, 0.3) !important;
    color: #2ecc71 !important; /* 成功色(绿色)代码文字，更有黑客感 */
    border-radius: 4px !important;
    text-shadow: none !important;
}
/* 5. 底部附加元素美化 */
/* 底部操作按钮 (复制, 编辑等) - 对应 .btn 悬停色 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #9b4cff !important; /* 浅紫色 */
    font-weight: bold !important;
    transition: all 0.3s ease !important;
}
/* 模型名称文本 - 对应辅助文字色 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #a0a0a0 !important;
    font-size: 0.85rem !important;
}
/* Token消耗文本 - 对应警告/强调色 */
.text-orange-500 {
    color: #e74c3c !important; /* 红色/危险色 */
    font-weight: bold !important;
}
/* 6. 加载动画替换 - 紫色能量脉冲 */
/* 隐藏默认加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}
/* 加载容器定位 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 40px !important; /* 稍微加宽以容纳特效 */
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* 创建新的 SVG 动画 (紫色旋转光环) */
.flex.items-center.justify-center.w-6.h-5::after {
    content: '' !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    /* 使用SVG数据URI绘制紫色光环 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%238a2be2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9' opacity='.5'/%3E%3Cpath d='M12 3a9 9 0 1 0 9 9' stroke-dasharray='30 60' stroke-dashoffset='20'%3E%3CanimateTransform attributeName='transform' attributeType='XML' dur='1s' from='0 12 12' repeatCount='indefinite' to='360 12 12' type='rotate'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}