/* --- 顶部栏美化：权力之巅 --- */
.sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(135deg, #0a0a0a 0%, #2a0000 100%) !important;
    border-bottom: 2px solid #d4af37 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.8) !important;
}

/* 模型选择器：贵族勋章 */
#ai-model-selector .group.flex.items-center {
    background: rgba(139, 0, 0, 0.2) !important;
    border: 1px solid #d4af37 !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

#ai-model-selector .group.flex.items-center:hover {
    background: rgba(139, 0, 0, 0.4) !important;
    box-shadow: 0 0 10px #d4af37 !important;
}

#ai-model-selector .truncate.text-\[13px\] {
    color: #d4af37 !important;
    font-weight: bold !important;
    font-family: 'Palatino', 'serif' !important;
}

/* 顶部图标颜色统一 */
.sticky.w-full.top-0 svg, #header-setting-button svg {
    color: #d4af37 !important;
    filter: drop-shadow(0 0 2px rgba(212, 175, 55, 0.5)) !important;
}

/* --- 开场白/引导选择器：档案夹风格 --- */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background-color: #1a1a1a !important;
    border: 1px solid #8b0000 !important;
    color: #e0e0e0 !important;
}

div.flex.items-center.h-9.cursor-pointer.group svg {
    color: #8b0000 !important;
}

/* --- 按钮栏：禁忌指令 --- */
#ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(to bottom, #4a0000, #8b0000) !important;
    border: 1px solid #d4af37 !important;
    color: #ffffff !important;
    font-family: 'serif' !important;
    text-shadow: 1px 1px 2px #000 !important;
    transition: transform 0.2s !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 15px rgba(139, 0, 0, 0.6) !important;
}

/* --- 底部输入栏：忏悔室 --- */
#ai-chat-bottom-input {
    background: #0a0a0a !important;
    border-top: 1px solid #d4af37 !important;
}

#ai-chat-input {
    background-color: #151515 !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    font-family: 'Georgia', 'serif' !important;
    line-height: 1.6 !important;
}

#ai-chat-input::placeholder {
    color: #5a0000 !important;
    font-style: italic !important;
}

#ai-chat-input::selection {
    background: #8b0000 !important;
    color: white !important;
}

/* --- 分页栏：命运轮转 --- */
.MuiPaginationItem-root {
    color: #d4af37 !important;
    border: 1px solid #8b0000 !important;
}

.MuiPaginationItem-root.Mui-selected {
    background-color: #8b0000 !important;
    color: #fff !important;
}

/* --- 评论区：审判庭 --- */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background-color: #0d0d0d !important;
    color: #d1d1d1 !important;
}

/* 评论项装饰 */
div.group.ml-0 {
    border-left: 2px solid #8b0000 !important;
    background: rgba(255, 255, 255, 0.02) !important;
    margin-bottom: 12px !important;
    padding: 10px !important;
    border-radius: 0 8px 8px 0 !important;
}

/* 评分星星：纯金质感 */
span.MuiRating-iconFilled svg {
    color: #d4af37 !important;
    filter: drop-shadow(0 0 3px rgba(212, 175, 55, 0.8)) !important;
}

/* 用户名与标签 */
div.text-sm.text-grey-600 span.font-bold {
    color: #d4af37 !important;
}

span.text-\[10px\] {
    background-color: #8b0000 !important;
    color: #fff !important;
    padding: 1px 4px !important;
    border-radius: 4px !important;
}

/* 评论输入框 */
textarea.rc-textarea {
    background: #1a1a1a !important;
    color: #eee !important;
    border: 1px solid #444 !important;
}

/* 发送按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
    background: #8b0000 !important;
    border-radius: 50% !important;
}
@keyframes blood-pulse {
    0% { box-shadow: 0 0 5px #8b0000; }
    50% { box-shadow: 0 0 20px #ff3e3e; }
    100% { box-shadow: 0 0 5px #8b0000; }
}
/* 应用于模型选择器 */
#ai-model-selector .group.flex.items-center {
    animation: blood-pulse 4s infinite ease-in-out !important;
}
/* --- 移除顶部装饰条 --- */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* --- 统一聊天框主体样式 --- */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(145deg, #0d0d0d, #1a0505) !important;
    border: 1px solid #d4af37 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), inset 0 0 15px rgba(139, 0, 0, 0.2) !important;
    padding: 12px !important;
    isolation: isolate !important;
}

/* --- 文本可读性核心 (Markdown内容) --- */
.markdown-body {
    color: #f0f0f0 !important;
    font-family: 'Palatino', 'Georgia', serif !important;
    line-height: 1.7 !important;
    text-rendering: optimizeLegibility !important;
}

/* 强调文字颜色 */
.markdown-body strong {
    color: #ff3e3e !important;
    text-shadow: 0 0 2px rgba(255, 62, 62, 0.3) !important;
}

/* --- 底部附加元素美化 (按钮与信息) --- */
/* 操作按钮 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #d4af37 !important;
    background: rgba(212, 175, 55, 0.05) !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background: rgba(212, 175, 55, 0.2) !important;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.4) !important;
}

/* 模型名称与Token消耗 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #a0a0a0 !important;
    font-size: 0.75rem !important;
    opacity: 0.8 !important;
}

/* --- 自定义加载动画 (SMIL SVG) --- */
.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' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%238b0000' d='M12,2L4.5,20.29L5.21,21L12,18L18.79,21L19.5,20.29L12,2Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    min-width: 30px !important;
    min-height: 30px !important;
}

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