/* 隐藏顶部的颜色装饰条 (按需) */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 统一聊天框主体样式：纯黑背景，红色边框，立体阴影 */
.bg-gray-100\/90.relative.inline-block {
    background-color: #000000 !important;
    border: 2px solid #ff0000 !important;
    border-radius: 12px !important;
    box-shadow: 4px 4px 0px #ff0000, 8px 8px 15px rgba(255, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
    /* 建立层叠上下文，以防后续添加背景动效 */
    isolation: isolate !important; 
}

/* 聊天框主要文本内容：强制白色高对比度，取消加粗 */
.markdown-body {
    color: #FFFFFF !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    font-weight: normal !important; /* 取消加粗，设为正常粗细 */
    z-index: 1 !important;
    background: transparent !important;
}

/* 底部附加元素 (按钮, 模型名称, Token)：浅色高对比度 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #EAEAEA !important;
    font-weight: normal !important; /* 底部元素也同步取消加粗，保持协调 */
}

/* --- 加载动画：跳动的红色爱心 --- */

/* 1. 强制隐藏默认的加载圆点和文本 */
.style_dot-flashing__8L91Q,
.style_text__zGhNq {
    display: none !important;
}

/* 2. 设置加载动画父容器，确保居中和尺寸 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    min-height: 24px !important;
    min-width: 24px !important;
}

/* 3. 使用 SMIL SVG 实现跳动爱心 (高鲁棒性，无视CSS动画禁用) */
.flex.items-center.justify-center.w-6.h-5::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="%23ff0000" d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"><animateTransform attributeName="transform" type="scale" values="1; 1.2; 1" dur="0.8s" repeatCount="indefinite" additive="sum" /><animateTransform attributeName="transform" type="translate" values="0 0; -2.4 -2.4; 0 0" dur="0.8s" repeatCount="indefinite" additive="sum" /></path></svg>') !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
}

/* 移动端适配 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        box-shadow: 2px 2px 0px #ff0000, 4px 4px 8px rgba(255, 0, 0, 0.3) !important;
    }
}