/* --- 基础样式覆盖：移除顶部颜色条 --- */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* --- 统一聊天框美化：韩流霓虹风格 --- */
.bg-gray-100\/90.relative.inline-block {
    background: rgba(25, 15, 45, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    border: 1.5px solid transparent !important;
    background-clip: padding-box !important;
    border-radius: 20px !important;
    padding: 12px 16px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 
                inset 0 0 15px rgba(255, 0, 255, 0.1),
                0 0 5px rgba(0, 255, 255, 0.2) !important;
    position: relative !important;
    isolation: isolate !important;
}

/* 霓虹渐变边框效果 */
.bg-gray-100\/90.relative.inline-block::before {
    content: "";
    position: absolute;
    inset: -1.5px;
    z-index: -1;
    background: linear-gradient(135deg, #ff00ff, #00ffff, #ff00ff) !important;
    border-radius: 20px !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    -webkit-mask-composite: destination-out !important;
}

/* 右上角麦克风点缀 */
.bg-gray-100\/90.relative.inline-block::after {
    content: "";
    position: absolute;
    top: -10px;
    right: 15px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300ffff'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2H3v2a9 9 0 0 0 8 8.93V21H9v2h6v-2h-2v-2.07A9 9 0 0 0 21 12v-2h-2z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    filter: drop-shadow(0 0 5px #00ffff) !important;
}

/* --- 文本可读性强化 --- */
.markdown-body {
    color: #FFFFFF !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    line-height: 1.6 !important;
    z-index: 1 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}

/* --- 底部附加元素（模型名、Token等） --- */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: bold !important;
}

/* --- 加载动画：电子音律 + 霓虹文本 --- */

/* 1. 隐藏默认加载圆点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 2. 容器重构与音律SVG动画 */
.flex.items-center.justify-center.w-6.h-5 {
    width: 120px !important;
    height: 65px !important;
    flex-direction: column !important;
    position: relative !important;
    gap: 8px !important;
}

/* 使用SMIL内联SVG实现电子音律跳动 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "";
    width: 50px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='30' viewBox='0 0 50 30'%3E%3Crect x='0' y='10' width='4' height='10' fill='%23ff00ff'%3E%3Canimate attributeName='height' values='10;25;10' dur='0.6s' repeatCount='indefinite' /%3E%3Canimate attributeName='y' values='10;2.5;10' dur='0.6s' repeatCount='indefinite' /%3E%3C/rect%3E%3Crect x='10' y='5' width='4' height='20' fill='%2300ffff'%3E%3Canimate attributeName='height' values='20;5;20' dur='0.8s' repeatCount='indefinite' /%3E%3Canimate attributeName='y' values='5;12.5;5' dur='0.8s' repeatCount='indefinite' /%3E%3C/rect%3E%3Crect x='20' y='2' width='4' height='26' fill='%23ff00ff'%3E%3Canimate attributeName='height' values='26;10;26' dur='0.7s' repeatCount='indefinite' /%3E%3Canimate attributeName='y' values='2;10;2' dur='0.7s' repeatCount='indefinite' /%3E%3C/rect%3E%3Crect x='30' y='8' width='4' height='14' fill='%2300ffff'%3E%3Canimate attributeName='height' values='14;28;14' dur='0.5s' repeatCount='indefinite' /%3E%3Canimate attributeName='y' values='8;1;8' dur='0.5s' repeatCount='indefinite' /%3E%3C/rect%3E%3Crect x='40' y='12' width='4' height='6' fill='%23ff00ff'%3E%3Canimate attributeName='height' values='6;20;6' dur='0.9s' repeatCount='indefinite' /%3E%3Canimate attributeName='y' values='12;5;12' dur='0.9s' repeatCount='indefinite' /%3E%3C/rect%3E%3C/svg%3E") no-repeat center !important;
}

/* 3. 霓虹闪烁“AI思考中”文字 */
.flex.items-center.justify-center.w-6.h-5::after {
    content: "AI思考中 · · ·";
    font-size: 12px !important;
    font-weight: bold !important;
    color: #00ffff !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    animation: neonPulse 1.5s infinite ease-in-out !important;
}

@keyframes neonPulse {
    0%, 100% {
        opacity: 1;
        text-shadow: 0 0 2px #00ffff, 0 0 8px rgba(0, 255, 255, 0.6);
    }
    50% {
        opacity: 0.4;
        text-shadow: none;
    }
}

/* 移动端适配 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        max-width: 95% !important;
    }
    .flex.items-center.justify-center.w-6.h-5 {
        transform: scale(0.9) !important;
    }
}