/* =========================================
   1. 核心美化：暧昧不清的磨砂玻璃风格
   ========================================= */
/* 统一聊天框样式 (输入与输出) */
.bg-gray-100\/90.relative.inline-block {
    /* 背景：深邃的紫红渐变，营造暧昧氛围 */
    background: linear-gradient(145deg, rgba(45, 15, 50, 0.9), rgba(80, 20, 60, 0.85)) !important;
    /* 边框：极细的粉色光边 */
    border: 1px solid rgba(255, 182, 193, 0.15) !important;
    /* 阴影：柔和的霓虹辉光 */
    box-shadow: 0 0 15px rgba(219, 112, 147, 0.15), 
                inset 0 0 20px rgba(0, 0, 0, 0.2) !important;
    /* 质感：磨砂模糊 */
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    /* 圆角：更加圆润柔和 */
    border-radius: 18px !important;
    color: #FCE4EC !important; /* 确保继承颜色 */
}
/* 区分输入框 (用户侧) - 稍微亮一点，偏向蓝紫 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background: linear-gradient(145deg, rgba(30, 20, 60, 0.9), rgba(60, 40, 90, 0.85)) !important;
    box-shadow: 0 0 15px rgba(138, 43, 226, 0.15) !important;
    border: 1px solid rgba(216, 191, 216, 0.15) !important;
}
/* =========================================
   2. 强制可读性保障 (Absolute Readability)
   ========================================= */
/* 主文本内容 - 必须是高对比度的浅色 */
.markdown-body {
    color: #FCE4EC !important; /* 极浅的粉白色 */
    font-family: 'Segoe UI', system-ui, sans-serif !important;
    font-weight: 400 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important; /* 增加文字立体感，防止背景干扰 */
    background: transparent !important;
}
/* 底部操作区文本 (按钮/模型名/Token) - 统一浅色化 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #E1BEE7 !important; /* 浅紫色 */
    opacity: 1 !important; /* 恢复全透明度，增加清晰度 */
    font-size: 0.85em !important;
    text-shadow: none !important; /* 移除阴影，解决模糊问题 */
}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #E1BEE7 !important; /* 浅紫色 */
    opacity: 0.8 !important;
    font-size: 0.85em !important;
}
/* =========================================
   3. 加载动画替换：趣味吐槽 (Roast Mode)
   ========================================= */
/* 隐藏原本的三个点加载动画 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}
/* 设置加载容器属性 */
.flex.items-center.justify-center.w-6.h-5 {
    width: auto !important; /* 宽度自适应文字 */
    height: auto !important;
    min-width: 80px !important;
    position: relative !important;
    overflow: visible !important;
}
/* 注入吐槽文本与动画 */
.flex.items-center.justify-center.w-6.h-5::after {
    content: "正在编..." !important; /* 默认文本 */
    display: block !important;
    color: #FF69B4 !important; /* 亮粉色文字 */
    font-size: 13px !important;
    font-weight: bold !important;
    font-style: italic !important;
    white-space: nowrap !important;
    /* 应用文字循环动画 */
    animation: roastTextLoop 6s infinite step-end !important;
}
/* 定义吐槽文本变化的关键帧 */
@keyframes roastTextLoop {
    0%   { content: "正在编..."; }
    15%  { content: "别催了..."; }
    30%  { content: "CPU要烧了..."; }
    45%  { content: "在想骚话..."; }
    60%  { content: "网线被踩住了..."; }
    75%  { content: "这就好了..."; }
    90%  { content: "再等等嘛..."; }
}
/* =========================================
   4. 细节优化：隐藏顶部默认颜色条 (可选)
   ========================================= */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}