/* --- 移除顶部固定颜色装饰条 --- */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* --- 统一聊天框主体样式 (输入与输出) --- */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(135deg, #FFFDF5 0%, #FDF6E3 100%) !important;
    border: 1.5px solid #E6D5B8 !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 20px rgba(184, 150, 110, 0.15) !important;
    padding: 12px 16px !important;
    backdrop-filter: blur(5px) !important;
    margin-bottom: 10px !important;
    isolation: isolate !important;
}

/* --- 文本内容样式：确保绝对可读性 --- */
.markdown-body {
    color: #4A4238 !important; /* 深咖啡色文字 */
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
    line-height: 1.6 !important;
    font-size: 15px !important;
}

/* 强调文字加粗 */
.markdown-body strong {
    color: #8B4513 !important;
    font-weight: 700 !important;
}

/* --- 底部附加元素美化 (按钮、模型名、Token) --- */
/* 底部操作按钮 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #8B7E66 !important;
    transition: all 0.3s ease !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background-color: rgba(230, 213, 184, 0.3) !important;
    color: #5D4037 !important;
}

/* 模型名称文本 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #A69076 !important;
    font-weight: 500 !important;
}

/* Token消耗文本 */
.text-orange-500 {
    color: #D2691E !important; /* 调整为更协调的琥珀色 */
    font-weight: bold !important;
}

/* --- 加载动画自定义 (SMIL SVG 方案) --- */
/* 隐藏默认加载圆点 */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}

/* 容器定位 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
}

/* 使用SVG SMIL实现温馨的呼吸圆点 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    /* 内嵌SVG：一个温暖的琥珀色呼吸圆点 */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" fill="%23D2B48C"><animate attributeName="r" from="10" to="40" dur="1.5s" begin="0s" repeatCount="indefinite" /><animate attributeName="opacity" from="1" to="0" dur="1.5s" begin="0s" repeatCount="indefinite" /></circle><circle cx="50" cy="50" r="15" fill="%23D2B48C"><animate attributeName="opacity" values="0.5;1;0.5" dur="1.5s" repeatCount="indefinite" /></circle></svg>') !important;
}

/* --- 移动端适配 --- */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        border-radius: 14px !important;
        padding: 10px !important;
    }
}