/* ==========================================================================
   都市夜霓虹 (Urban Neon Noir) - 沉浸式半透明聊天框美化方案
   ========================================================================== */
/* 1. 隐藏默认顶部颜色条 (去除突兀的色彩，保持暗黑风格统一) */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}
/* 2. 统一聊天框主体美化 (输入与输出) */
.bg-gray-100\/90.relative.inline-block {
    /* 深色半透明背景：模拟夜色中的玻璃 */
    background: rgba(20, 22, 31, 0.85) !important;
    /* 磨砂玻璃效果 */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    /* 边框与圆角 */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    /* 霓虹光晕阴影：新颖的视觉焦点 */
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(139, 92, 246, 0.1), /* 紫色微光 */
        0 0 15px rgba(139, 92, 246, 0.05) !important;
    /* 平滑过渡 */
    transition: all 0.3s ease !important;
    color: #ffffff !important;
}
/* 3. 针对用户的输入框特别处理 (区分右侧，增加一点青色调) */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background: rgba(30, 35, 45, 0.9) !important;
    border: 1px solid rgba(56, 189, 248, 0.2) !important; /* 青色边框 */
    box-shadow: 
        0 4px 15px rgba(0, 0, 0, 0.3),
        0 0 10px rgba(56, 189, 248, 0.1) !important;
}
/* 4. 核心文本内容强制高亮 (Absolute Readability) */
.markdown-body {
    color: #F0F2F5 !important; /* 近乎纯白，确保深色背景下的可读性 */
    font-family: system-ui, -apple-system, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    text-shadow: none !important; /* 禁止文字阴影，保证清晰 */
}
/* 代码块背景微调，融入整体风格 */
.markdown-body pre, .markdown-body code {
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: #e2e8f0 !important;
    border-radius: 6px !important;
}
/* 5. 底部附加元素美化 (按钮、模型名、Token) */
/* 统一设置为浅灰色，避免抢夺主文视线 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #94a3b8 !important; /* 浅蓝灰色 */
    opacity: 0.8 !important;
    font-size: 12px !important;
    transition: color 0.2s !important;
}
/* 鼠标悬停时点亮按钮 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
}
/* Token消耗文字改为强调色 */
.text-orange-500 {
    color: #fb7185 !important; /* 玫瑰红，呼应霓虹主题 */
}
/* 6. 加载动画重构 (Heartbeat Pulse) */
/* 隐藏默认加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}
/* 定义加载容器 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 40px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* 创建自定义SVG动画 - 心率脉冲 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    animation: neon-pulse 1.5s ease-in-out infinite !important;
    opacity: 0.8 !important;
}
/* 定义动画关键帧 */
@keyframes neon-pulse {
    0% { transform: scale(1); opacity: 0.5; filter: drop-shadow(0 0 0px rgba(167, 139, 250, 0)); }
    50% { transform: scale(1.1); opacity: 1; filter: drop-shadow(0 0 5px rgba(167, 139, 250, 0.8)); }
    100% { transform: scale(1); opacity: 0.5; filter: drop-shadow(0 0 0px rgba(167, 139, 250, 0)); }
}