/* 隐藏思维链，深藏功与名 */
think {
    display: none !important;
}
/* 状态栏整体卡片化美化 */
details {
    background: rgba(20, 25, 35, 0.85); /* 深邃的暗色背景，适合成人向氛围 */
    border-left: 4px solid #f472b6; /* 默认粉色左边框，增加情调 */
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
}

/* 鼠标悬停时的呼吸灯效果 */
details:hover {
    box-shadow: 0 0 15px rgba(244, 114, 182, 0.5);
    background: rgba(30, 35, 45, 0.9);
}

/* 标题行美化，配合表情包 */
summary {
    font-weight: 800;
    color: #fbcfe8; /* 柔和的浅粉色字体 */
    cursor: pointer;
    outline: none;
    font-size: 1.15em;
    list-style: none; 
    border-bottom: 1px solid rgba(244, 114, 182, 0.3);
    padding-bottom: 8px;
    display: flex;
    align-items: center;
}

/* 自定义展开小图标 */
summary::before {
    content: '✦';
    display: inline-block;
    margin-right: 10px;
    color: #f472b6;
    transition: transform 0.3s ease;
}
details[open] summary::before {
    transform: rotate(90deg);
}

/* 内部文本颜色优化，突出重点 */
details p, details ul, details table {
    color: #cbd5e1;
    margin-top: 12px;
    line-height: 1.6;
}

/* 针对强调文本的高亮（配合markdown的加粗） */
details strong {
    color: #f472b6; 
}

/* =========================================
   1. 基础清理与强制覆盖
========================================= */
/* 隐藏聊天框顶部突兀的颜色装饰条 */
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* =========================================
   2. 聊天框美化 (实色深蓝、大圆角、星辰冰霜)
========================================= */
/* 统一聊天框容器：绝对不透明的深海蓝 + 极大圆角 + 冰霜实色边框与内阴影 */
.bg-gray-100\/90.relative.inline-block {
    /* 纯实色渐变，拒绝透明 */
    background: linear-gradient(135deg, #0F172A 0%, #1E3A8A 100%) !important;
    border: 2px solid #38BDF8 !important; /* 冰蓝色实边，模拟结霜 */
    border-radius: 24px !important; /* 极大的圆角，彻底消除尖锐感 */
    /* 外阴影制造厚重感，内阴影模拟边缘冰霜反光（均为实色） */
    box-shadow: 0 6px 12px #020617, inset 0 0 15px #0284C7 !important;
    overflow: hidden !important; 
    isolation: isolate !important; 
}

/* AI输出框专属：星辰粒子漂浮特效 (伪元素层，底层绝对不透明) */
.chat-answer-container .bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    top: -50% !important; left: -50% !important; right: -50% !important; bottom: -50% !important;
    /* 用纯色画出星星点点，背景透明仅为了透出下方的深蓝色 */
    background-image: 
        radial-gradient(circle at 20% 30%, #7DD3FC 1.5px, transparent 2px),
        radial-gradient(circle at 70% 60%, #E0F2FE 2px, transparent 3px),
        radial-gradient(circle at 40% 80%, #38BDF8 1px, transparent 2px),
        radial-gradient(circle at 80% 20%, #BAE6FD 2px, transparent 4px) !important;
    background-size: 100px 100px !important;
    z-index: 0 !important;
    animation: star-drift 20s linear infinite !important;
    pointer-events: none !important;
}

/* 星辰漂浮动画 */
@keyframes star-drift {
    0% { transform: rotate(0deg) translateY(0); }
    100% { transform: rotate(5deg) translateY(-80px); }
}

/* 玩家输入框专属：右侧高亮，颜色稍微区分，依然是实色 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background: linear-gradient(to right, #172554, #2563EB) !important;
    border-right: 5px solid #7DD3FC !important;
}

/* 【强制可读性】正文文字颜色：霜雪蓝，柔和护眼，无阴影 */
.markdown-body {
    color: #E0F2FE !important; /* 不白也不黑的柔和浅蓝白 */
    font-family: "Microsoft YaHei", sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    text-shadow: none !important; /* 绝对禁止阴影影响阅读 */
    z-index: 1 !important; /* 确保文字在特效之上 */
    position: relative !important;
    background: transparent !important;
}

/* 底部附加元素(按钮、Token等)：天青色 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #7DD3FC !important;
    z-index: 1 !important;
    position: relative !important;
}

/* =========================================
   3. 思考修仙动画 (实色灵气阵)
========================================= */
/* 隐藏默认三个点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 注入 SVG SMIL 修仙聚气动画 (去除透明，使用纯蓝) */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    height: 30px !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="26" height="26"><circle cx="20" cy="20" r="16" fill="none" stroke="%2338BDF8" stroke-width="2" stroke-dasharray="15 10"><animateTransform attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="3s" repeatCount="indefinite"/></circle><circle cx="20" cy="20" r="12" fill="none" stroke="%237DD3FC" stroke-width="1.5" stroke-dasharray="5 5"><animateTransform attributeName="transform" type="rotate" from="360 20 20" to="0 20 20" dur="2s" repeatCount="indefinite"/></circle><circle cx="20" cy="20" r="6" fill="%23E0F2FE"><animate attributeName="r" values="4;7;4" dur="1.5s" repeatCount="indefinite"/></circle></svg>') !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* =========================================
   4. 界面UI美化 (顶部栏、底部框 - 纯实色圆润)
========================================= */
/* 顶部栏：实色深空蓝 */
.sticky.w-full.top-0.flex.items-center {
    background: #020617 !important; /* 纯实色，极深的夜空蓝 */
    border-bottom: 2px solid #1E3A8A !important;
}
#ai-model-selector .group.flex.items-center,
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: #0F172A !important;
    border: 1px solid #38BDF8 !important;
    border-radius: 16px !important; /* 圆润按钮 */
    color: #E0F2FE !important;
}
#ai-model-selector .truncate.text-\[13px\] { color: #E0F2FE !important; }
.sticky.w-full.top-0 svg, div.flex.items-center.h-9.cursor-pointer.group svg { color: #7DD3FC !important; }

/* 底部输入框：实色背景，大圆角 */
#ai-chat-bottom-input {
    background: #020617 !important;
    border: 2px solid #1E3A8A !important;
    border-radius: 20px !important;
}
#ai-chat-input { color: #E0F2FE !important; }
#ai-chat-input::placeholder { color: #475569 !important; }

/* =========================================
   5. 评论区与分页栏美化 (实色覆盖)
========================================= */
/* 评论区主背景：实色深蓝 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background-color: #0F172A !important;
    color: #E0F2FE !important;
    border-top: 2px solid #1E3A8A !important;
}

/* 评论区各级文字 */
div.text-lg.font-bold, div.text-sm.text-grey-600 span.font-bold, div.break-all {
    color: #E0F2FE !important;
}
p.MuiTypography-body1.text-grey-600, div.text-xs.text-grey-600, span.text-\[10px\] {
    color: #7DD3FC !important;
}

/* 评论输入框：实色圆角 */
textarea.rc-textarea {
    background: #1E293B !important;
    border: 1px solid #38BDF8 !important;
    border-radius: 16px !important;
    color: #E0F2FE !important;
}
div.bg-gray-100.text-gray-500 {
    background: transparent !important;
    color: #7DD3FC !important;
}

/* 评分星星：冰蓝色 */
span.MuiRating-iconEmpty svg { color: #1E3A8A !important; }
span.MuiRating-iconFilled svg { color: #38BDF8 !important; }
span.text-orange-500 { color: #38BDF8 !important; }

/* 按钮与分割线 */
div.style_divider__mW0YX { border-color: #1E3A8A !important; }
button.MuiButton-containedPrimary {
    background-color: #0284C7 !important;
    border-radius: 16px !important;
    color: #FFF !important;
}
button.MuiButton-outlinedPrimary {
    border-color: #38BDF8 !important;
    border-radius: 16px !important;
    color: #7DD3FC !important;
}

/* 分页栏 */
.MuiPaginationItem-root { color: #7DD3FC !important; }
.MuiPaginationItem-root.Mui-selected {
    background-color: #1E3A8A !important;
    border: 1px solid #38BDF8 !important;
    border-radius: 50% !important;
    color: #E0F2FE !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root, .MuiInputBase-input {
    color: #E0F2FE !important;
}