/* ========================================
   王者荣耀风格聊天框 (深蓝与暗金)
======================================== */
/* 1. 统一聊天框主体美化：暗夜深蓝渐变底色 + 璀璨金边 + 辉光阴影 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(160deg, #161A2B 0%, #0D111D 100%) !important;
    border: 1px solid #C89B40 !important;
    border-radius: 4px 16px 4px 16px !important; /* 经典的不对称凌厉切角风格 */
    box-shadow: 
        0 4px 15px rgba(0, 0, 0, 0.6), 
        inset 0 0 20px rgba(200, 155, 64, 0.15), 
        0 0 6px rgba(200, 155, 64, 0.4) !important;
    isolation: isolate !important;
    transition: all 0.3s ease-in-out !important;
}
/* 2. 核心文本样式：仅修改此处为黑色，其余完全不变 */
.bg-gray-100\/90.relative.inline-block .markdown-body {
    color:#F8F9FA !important; /* 仅修改：纯净黑色 */
    background: transparent !important;
    z-index: 1 !important;
    font-weight: 500 !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    text-shadow: none !important; /* 严禁文字发光以防模糊 */
}
/* 代码块等特殊元素适配深色背景 */
.bg-gray-100\/90.relative.inline-block .markdown-body pre,
.bg-gray-100\/90.relative.inline-block .markdown-body code {
    background: rgba(0, 0, 0, 0.4) !important;
    color: #E6C280 !important; /* 代码淡金色 保留不变 */
    border: 1px solid rgba(200, 155, 64, 0.2) !important;
}
/* 3. 底部附加元素：提亮以适配深色背景，融入淡金色调 */
.bg-gray-100\/90.relative.inline-block .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.bg-gray-100\/90.relative.inline-block .MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.bg-gray-100\/90.relative.inline-block .text-orange-500 {
    color: #E6C280 !important; /* 荣耀淡金 保留不变 */
    opacity: 0.9 !important;
}
/* ========================================
   华丽动态图案：金色荣耀法阵 (加载动画)
======================================== */
/* 隐藏平台默认的无聊加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}
/* 重新定义加载动画容器，确保法阵有足够的展示空间 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    min-width: 40px !important;
    min-height: 40px !important;
    background: transparent !important;
}
/* 使用内嵌SVG与SMIL技术生成法阵，无视CSS动画禁用限制 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='40' height='40'%3E%3C!-- 外层逆时针星轨 --%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%23E6C280' stroke-width='1' stroke-dasharray='4 4'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 25 25' to='0 25 25' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3C!-- 内层顺时针符文环 --%3E%3Ccircle cx='25' cy='25' r='15' fill='none' stroke='%23D4AF37' stroke-width='2' stroke-dasharray='15 10 5 10'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C!-- 核心荣耀星芒阵 --%3E%3Cpolygon points='25,12 29,21 38,25 29,29 25,38 21,29 12,25 21,21' fill='%23FFD700'%3E%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='1.5s' repeatCount='indefinite'/%3E%3C/polygon%3E%3C/svg%3E") !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
}
/* ========================================
   响应式与无障碍适配
======================================== */
/* 移动端微调尺寸 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        border-radius: 4px 12px 4px 12px !important;
    }
    .flex.items-center.justify-center.w-6.h-5 {
        min-width: 32px !important;
        min-height: 32px !important;
    }
}
/* 降低动效模式（为法阵降速而不关闭，保留视觉体验） */
@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.w-6.h-5::before {
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='40' height='40'%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%23E6C280' stroke-width='1' stroke-dasharray='4 4'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 25 25' to='0 25 25' dur='12s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='25' cy='25' r='15' fill='none' stroke='%23D4AF37' stroke-width='2' stroke-dasharray='15 10 5 10'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpolygon points='25,12 29,21 38,25 29,29 25,38 21,29 12,25 21,21' fill='%23FFD700'%3E%3Canimate attributeName='opacity' values='0.6;1;0.6' dur='4s' repeatCount='indefinite'/%3E%3C/polygon%3E%3C/svg%3E") !important;
    }
}