/* --- 基础框架与顶部清理 --- */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* --- 聊天框主体：黑色半透明质感 --- */
.bg-gray-100\/90.relative.inline-block {
    background-color: rgba(20, 20, 20, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
    margin-bottom: 10px !important;
}

/* --- 文本可读性核心保障 --- */
.markdown-body {
    color: #F0F0F0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
    line-height: 1.6 !important;
    z-index: 1 !important;
}

/* --- 小标题自动添加表情装饰 --- */
.markdown-body h1::before { content: "💎 "; }
.markdown-body h2::before { content: "🔮 "; }
.markdown-body h3::before { content: "📍 "; }
.markdown-body h4::before { content: "🔖 "; }
.markdown-body h5::before { content: "🔹 "; }
.markdown-body h6::before { content: "▪️ "; }

.markdown-body h1, .markdown-body h2, .markdown-body h3 {
    color: #FFFFFF !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding-bottom: 0.3em !important;
    margin-top: 1.5em !important;
}

/* --- 底部附加元素（按钮、Token、模型名） --- */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #EAEAEA !important;
    opacity: 0.8 !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* --- 加载动画：爱心与星星上下移动 --- */
/* 1. 隐藏默认闪烁点 */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}

/* 2. 重塑加载容器 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 60px !important;
    height: 30px !important;
    display: flex !important;
    gap: 8px !important;
}

/* 3. 使用::before制作跳动红心 (SMIL SVG) */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    width: 20px !important;
    height: 20px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff4d4f' 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'%3E%3CanimateTransform attributeName='transform' type='translate' values='0,3; 0,-3; 0,3' dur='1s' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E") !important;
}

/* 4. 使用::after制作跳动金星 (SMIL SVG) */
.flex.items-center.justify-center.w-6.h-5::after {
    content: "" !important;
    width: 20px !important;
    height: 20px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffec3d' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'%3E%3CanimateTransform attributeName='transform' type='translate' values='0,-3; 0,3; 0,-3' dur='1s' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E") !important;
}

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