/* 
 * PROJECT: ALGORITHM HIJACK - THE "LESSON" SUITE
 * THEME: HIGH CONTRAST READABILITY (DARK TEXT ON LIGHT TECH-BG)
 * AUTHOR: CHATBOX BEAUTIFICATION SPECIALIST
 */

/* [1] 移除顶部默认颜色装饰条 - 确保界面纯净度 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* [2] 统一聊天框主体美化 - 输入与输出共有 */
.bg-gray-100\/90.relative.inline-block {
    background: rgba(242, 246, 250, 0.98) !important;
    border: 2px solid #334155 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 0 20px rgba(79, 70, 229, 0.05) !important;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    backdrop-filter: blur(10px) !important;
}

/* [3] 背景动态扫描线纹理 - 模拟催眠APP界面 */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        rgba(15, 23, 42, 0.02) 50%, 
        transparent 50%
    ) !important;
    background-size: 100% 4px !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: 0.5 !important;
}

/* [4] 核心文本内容样式 - 强制高对比度深色文字 */
.markdown-body {
    color: #0F172A !important; /* 绝对深色，极高可读性 */
    font-family: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    z-index: 1 !important;
    position: relative !important;
    text-shadow: none !important; /* 禁止光晕，确保文字边缘锐利 */
}

/* 强调文本颜色 - 使用深紫色体现崩坏感 */
.markdown-body strong {
    color: #4338CA !important;
    font-weight: 800 !important;
    border-bottom: 1px dashed #4338CA !important;
}

/* [5] 底部附加元素美化 (按钮、Token、模型名) */
/* 统一设置为深色，确保在浅色背景下清晰 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #334155 !important;
    font-weight: bold !important;
    opacity: 0.8 !important;
    transition: all 0.3s ease !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #4F46E5 !important;
    background-color: rgba(79, 70, 229, 0.1) !important;
}

/* [6] 自定义加载动画 - θ波脉冲 (SMIL内联方案) */
/* 隐藏默认加载圆点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 在父容器创建脉冲波纹 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !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='0' fill='none' stroke='%234F46E5' stroke-width='4'%3E%3Canimate attributeName='r' from='0' to='40' dur='1.5s' begin='0s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' from='1' to='0' dur='1.5s' begin='0s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='0' fill='none' stroke='%234F46E5' stroke-width='4'%3E%3Canimate attributeName='r' from='0' to='40' dur='1.5s' begin='0.75s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' from='1' to='0' dur='1.5s' begin='0.75s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 30px !important;
    height: 30px !important;
}

/* [7] 移动端适配适配优化 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        margin: 5px !important;
        padding: 2px !important;
        border-width: 1px !important;
    }
    .markdown-body {
        font-size: 15px !important; /* 移动端略微放大字体增加清晰度 */
    }
}

/* [8] 针对“算法劫持”APP风格的特殊边角装饰 */
.bg-gray-100\/90.relative.inline-block::after {
    content: "ALGORITHM HIJACKING: ACTIVE" !important;
    position: absolute !important;
    bottom: 2px !important;
    right: 10px !important;
    font-size: 8px !important;
    font-family: monospace !important;
    color: rgba(15, 23, 42, 0.3) !important;
    letter-spacing: 1px !important;
}