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

/* 2. 统一聊天框美化：科技感背板 */
.bg-gray-100\/90.relative.inline-block {
    background: rgba(10, 15, 25, 0.9) !important; /* 深邃科技黑 */
    border: 1px solid #00f3ff !important; /* 霓虹青边框 */
    border-radius: 4px 15px 4px 15px !important; /* 异形切角感 */
    box-shadow: 0 0 15px rgba(0, 243, 255, 0.2), inset 0 0 10px rgba(0, 243, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    isolation: isolate !important;
    position: relative !important;
    overflow: visible !important;
}

/* 聊天框装饰：扫描线效果 */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0 !important;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 243, 255, 0.05) 50%), 
                linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03)) !important;
    background-size: 100% 4px, 3px 100% !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: 0.6 !important;
}

/* 3. 主文本样式：极致可读性 */
.markdown-body {
    color: #f0f0f0 !important; /* 浅灰色高对比度文本 */
    font-family: 'Segoe UI', 'PingFang SC', 'Consolas', monospace !important;
    line-height: 1.6 !important;
    z-index: 1 !important;
    position: relative !important;
}

/* 强调文本颜色 */
.markdown-body strong {
    color: #ff00ff !important; /* 霓虹粉强调色 */
    font-weight: bold !important;
}

/* 4. 底部附加元素样式 */
/* 按钮、模型名、Token消耗 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #00f3ff !important; /* 统一使用霓虹青 */
    opacity: 0.8 !important;
    font-family: 'Consolas', monospace !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* 5. 科技感加载动画 (SMIL SVG) */
/* 隐藏原有点闪烁 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 重塑加载容器 */
.flex.items-center.justify-center.w-6.h-5 {
    width: 100% !important;
    height: 100px !important;
    flex-direction: column !important;
    position: relative !important;
    display: flex !important;
    margin: 10px 0 !important;
}

/* SVG 旋转环动画 (::before) */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    width: 40px !important;
    height: 40px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='%2300f3ff' stroke-width='6' fill='none' stroke-dasharray='180 60' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='1s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='25' stroke='%23ff00ff' stroke-width='4' fill='none' stroke-dasharray='40 40'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 50 50' to='0 50 50' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin-bottom: 10px !important;
}

/* 赛博风格文字提示 (::after) */
.flex.items-center.justify-center.w-6.h-5::after {
    content: "SYSTEM THINKING..." !important;
    color: #00f3ff !important;
    font-family: 'Consolas', 'Courier New', monospace !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    animation: cyber-blink 1s infinite steps(2) !important;
}

@keyframes cyber-blink {
    0% { opacity: 1; text-shadow: 2px 0 #ff00ff; }
    50% { opacity: 0.5; text-shadow: -2px 0 #00f3ff; }
    100% { opacity: 1; text-shadow: 2px 0 #ff00ff; }
}

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