/* ============================================
   🖤 伊甸高定 · 暗黑奢华 × 圆角紧凑 v5.0
   完整版 · 含日间与夜间模式
   ============================================ */

/* ========== 0. 基础变量与全局文本 ========== */
.markdown-body {
    --energy-orange: #f5d98a;
    --flame-red: #c0392b;
    --sweat-yellow: #ffe9a8;
    --court-brown: #f8f0e0;
    --bg-warm: #0a0505;
    --ice-blue: #88C0D0;
    --steel-blue: #5E81AC;
    --dark-navy: #0B0E14;
    
    color: var(--court-brown) !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    font-family: 'Cormorant Garamond', 'Noto Serif SC', 'PingFang SC', serif !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
}

.markdown-body *:not(svg):not(path):not(button) {
    color: #f8f0e0 !important;
}

.markdown-body strong { 
    color: #ffffff !important; 
    font-weight: 800 !important; 
    background: rgba(212, 175, 55, 0.3) !important;
    padding: 0 5px !important;
    border-radius: 6px !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.9) !important;
}

.markdown-body em { color: #ffe9a8 !important; }
.markdown-body a { color: #ffe9a8 !important; text-decoration: underline !important; }
.markdown-body blockquote {
    background: rgba(212,175,55,0.1) !important;
    border-left: 4px solid #f5d98a !important;
    color: #ffffff !important;
    padding: 10px 14px !important;
    border-radius: 0 8px 8px 0 !important;
}
.markdown-body hr { border-color: #8b7028 !important; }

/* ============================================
   1️⃣ 聊天框美化
   ============================================ */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(135deg, #1a0f0c 0%, #0d0606 100%) !important;
    border: 1px solid #d4af37 !important;
    border-top: 3px solid #f5d98a !important;
    border-radius: 14px 14px 14px 4px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.7) !important;
    position: relative !important;
    isolation: isolate !important;
    transition: all 0.4s ease !important;
}

.chat-answer-container .bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(135deg, #1a0f0c 0%, #0d0606 100%) !important;
    border: 1px solid #d4af37 !important;
    border-top: 3px solid #f5d98a !important;
    border-radius: 14px 14px 4px 14px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.7) !important;
}

.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background: linear-gradient(135deg, #180d0b 0%, #0a0505 100%) !important;
    border: 1px solid #c0392b !important;
    border-top: 3px solid #e8a87c !important;
    border-radius: 14px 14px 4px 14px !important;
}

.bg-gray-100\/90.relative.inline-block p,
.bg-gray-100\/90.relative.inline-block div,
.bg-gray-100\/90.relative.inline-block span,
.bg-gray-100\/90.relative.inline-block li {
    color: #f8f0e0 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
}

.bg-gray-100\/90.relative.inline-block::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(rgba(212, 175, 55, 0.03) 50%, transparent 50%) !important;
    background-size: 100% 4px !important;
    pointer-events: none !important;
    z-index: 0 !important;
    border-radius: inherit !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #f5d98a !important;
    background: rgba(212, 175, 55, 0.2) !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background: #c0392b !important;
    color: #ffffff !important;
}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 { 
    color: #ffe9a8 !important; 
    font-weight: 700 !important; 
}
.text-orange-500 { color: #ff6b5e !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: 60px !important;
    min-height: 50px !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
    content: '' !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 50px !important;
    height: 50px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><ellipse cx='25' cy='42' rx='12' ry='3' fill='rgba(212,175,55,0.4)'><animate attributeName='rx' values='12;6;12' dur='0.8s' repeatCount='indefinite'/><animate attributeName='opacity' values='1;0.3;1' dur='0.8s' repeatCount='indefinite'/></ellipse><g><animateTransform attributeName='transform' type='translate' values='0 -25; 0 0; 0 -25' dur='0.8s' repeatCount='indefinite' calcMode='spline' keyTimes='0;0.5;1' keySplines='0.5 0 1 1; 0 0 0.5 1'/><path d='M25 15 C15 5 5 10 5 22 C5 32 15 38 25 45 C35 38 45 32 45 22 C45 10 35 5 25 15Z' fill='%23c0392b' stroke='%23f5d98a' stroke-width='1.5'/><path d='M25 20 L25 35 M18 27 L32 27' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/></g></svg>") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* ============================================
   2️⃣ 顶部栏 / 底部栏 / 评论区
   ============================================ */
.sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(90deg, #1c0f0c 0%, #0a0505 50%, #180d0b 100%) !important;
    border-bottom: 2px solid #d4af37 !important;
    box-shadow: 0 4px 25px rgba(0,0,0,0.8) !important;
    position: sticky !important;
}
#ai-model-selector .group.flex.items-center {
    background: #1c0f0c !important;
    border-radius: 10px !important;
    border: 1px solid #d4af37 !important;
}
#ai-model-selector .truncate.text-\[13px\] {
    color: #ffe9a8 !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}
.sticky.w-full.top-0 svg { color: #f5d98a !important; }

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: #1c0f0c !important;
    border: 1px solid #d4af37 !important;
    border-radius: 10px !important;
}

#ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(135deg, #6b0f1a, #8b7028) !important;
    border-radius: 10px !important;
    color: #f8f0e0 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.6) !important;
    letter-spacing: 2px !important;
    padding: 6px 14px !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(212,175,55,0.4) !important;
}
#ai-mod-button2 button.MuiButton-root svg { color: #f5d98a !important; }

#ai-chat-bottom-input {
    background: #1a0f0c !important;
    border: 2px solid #d4af37 !important;
    border-radius: 14px !important;
    box-shadow: 0 0 25px rgba(212,175,55,0.15) !important;
}
#ai-chat-input { 
    color: #ffffff !important; 
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
    border-radius: 10px !important;
}
#ai-chat-input::placeholder { color: #c9a961 !important; }
#ai-chat-input::selection { background: #6b0f1a !important; color: #ffffff !important; }

.MuiPaginationItem-root {
    color: #f5d98a !important;
    background: #1c0f0c !important;
    border: 1px solid #8b7028 !important;
    border-radius: 8px !important;
}
.MuiPaginationItem-root.Mui-selected {
    background: #c0392b !important;
    color: #ffffff !important;
    border-color: #f5d98a !important;
    font-weight: 800 !important;
}

div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: linear-gradient(180deg, #1c0f0c 0%, #0a0505 100%) !important;
    border-top: 2px solid #d4af37 !important;
}
div.text-lg.font-bold {
    color: #ffffff !important;
    font-style: italic !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.9) !important;
}
div.text-lg.font-bold::before { content: '✦ '; font-style: normal !important; color: #f5d98a !important; }

p.MuiTypography-body1.text-grey-600 { 
    color: #f8f0e0 !important; 
    font-weight: 500 !important;
}
span.MuiRating-iconEmpty svg { color: #5a3e2b !important; }
span.MuiRating-iconFilled svg { 
    color: #f5d98a !important; 
    filter: drop-shadow(0 2px 5px rgba(245,217,138,0.6)) !important; 
}
span.text-orange-500 { color: #ff6b5e !important; font-weight: 800 !important; }

div.flex.flex-col.border-gray-200 {
    background: #1c0f0c !important;
    border: 1px solid #8b7028 !important;
    border-radius: 10px !important;
}
textarea.rc-textarea { color: #f8f0e0 !important; border-radius: 8px !important; }
div.bg-gray-100.text-gray-500 { 
    background: #0a0505 !important; 
    color: #ffe9a8 !important; 
    font-weight: 700 !important; 
    letter-spacing: 1px !important;
    border-radius: 0 0 10px 10px !important;
}

div.cursor-pointer.group.flex.items-center.justify-center {
    background: linear-gradient(135deg, #6b0f1a, #8b7028) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.6) !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:active {
    transform: scale(0.96) !important;
}

div.group img.rounded-full {
    border: 2px solid #d4af37 !important;
    padding: 2px !important;
    background: #1c0f0c !important;
}
div.text-sm.text-grey-600 span.font-bold { color: #ffe9a8 !important; }
span.text-\[10px\] { 
    background: #6b0f1a !important; 
    color: #ffffff !important; 
    font-weight: 700 !important; 
    border-radius: 6px !important; 
}
div.break-all { color: #f8f0e0 !important; font-weight: 500 !important; }

/* ============================================
   3️⃣ 代码块美化
   ============================================ */
.markdown-body pre {
    background: #0d0606 !important;
    border: 1px solid #d4af37 !important;
    border-left: 4px solid #f5d98a !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.7) !important;
    margin: 12px 0 !important;
}
.markdown-body pre > div > div.flex.justify-between.h-8 {
    background: #0a0505 !important;
    border-bottom: 1px solid #8b7028 !important;
    padding: 4px 10px !important;
}
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\] {
    color: #ffe9a8 !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    font-size: 12px !important;
}
.markdown-body pre > div > div[node] {
    background: #0a0505 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.9) !important;
    border-radius: 0 0 10px 10px !important;
    padding: 10px !important;
    font-size: 13px !important;
}
.markdown-body pre svg.lucide-copy { color: #f5d98a !important; }

/* ============================================
   4️⃣ details 卡片紧凑美化
   ============================================ */
.markdown-body details {
    background: linear-gradient(145deg, #1c0f0c 0%, #0a0505 100%) !important;
    border: 1px solid #d4af37 !important;
    border-left: 4px solid #f5d98a !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    margin: 10px 0 !important;
    box-shadow: 
        0 4px 15px rgba(0,0,0,0.5),
        0 0 12px rgba(212,175,55,0.1),
        inset 0 0 20px rgba(107,15,26,0.08) !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

.markdown-body details::before {
    content: '' !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0 !important;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 15px,
        rgba(212, 175, 55, 0.02) 15px,
        rgba(212, 175, 55, 0.02) 16px
    ) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.markdown-body details:hover {
    border-color: #f5d98a !important;
    box-shadow: 
        0 6px 20px rgba(0,0,0,0.6),
        0 0 20px rgba(212,175,55,0.2),
        inset 0 0 25px rgba(107,15,26,0.12) !important;
}

.markdown-body details[open] {
    border-color: #f5d98a !important;
    box-shadow: 
        0 4px 20px rgba(0,0,0,0.5),
        0 0 18px rgba(212,175,55,0.2),
        inset 0 0 25px rgba(107,15,26,0.15) !important;
}

.markdown-body details summary {
    cursor: pointer !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.9) !important;
    padding: 4px 0 !important;
    list-style: none !important;
    user-select: none !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
    transition: color 0.3s ease !important;
}

.markdown-body details summary:hover {
    color: #ffe9a8 !important;
    text-shadow: 0 0 8px rgba(245,217,138,0.5) !important;
}

.markdown-body details summary::-webkit-details-marker { display: none !important; }

.markdown-body details summary::before {
    content: '✦' !important;
    margin-right: 8px !important;
    color: #f5d98a !important;
    font-size: 16px !important;
    transition: transform 0.3s ease !important;
    display: inline-block !important;
}

.markdown-body details[open] > summary::before {
    transform: rotate(180deg) !important;
    color: #ffe9a8 !important;
}

.markdown-body details details {
    background: #120a08 !important;
    border: 1px solid #8b7028 !important;
    border-left: 3px solid #d4af37 !important;
    border-radius: 8px !important;
    box-shadow: 
        0 2px 10px rgba(0,0,0,0.4),
        inset 0 0 15px rgba(107,15,26,0.08) !important;
    margin: 8px 0 !important;
    padding: 8px 12px !important;
}

.markdown-body details details summary { 
    color: #ffe9a8 !important;
    font-size: 14px !important;
}

.markdown-body details details summary::before {
    content: '◇' !important;
    color: #d4af37 !important;
    font-size: 14px !important;
}

.markdown-body details > div {
    color: #f8f0e0 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.7) !important;
    padding: 10px 4px 4px 4px !important;
    position: relative !important;
    z-index: 2 !important;
}

.markdown-body details strong {
    color: #000000 !important;
    background: linear-gradient(135deg, #f5d98a, #d4af37) !important;
    padding: 1px 8px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    box-shadow: 0 1px 4px rgba(212,175,55,0.3) !important;
    font-size: 13px !important;
}

.markdown-body details hr {
    border: none !important;
    border-top: 1px dashed #8b7028 !important;
    margin: 10px 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

.markdown-body details img {
    border: 2px solid #d4af37 !important;
    border-radius: 8px !important;
    box-shadow: 
        0 4px 15px rgba(212,175,55,0.25),
        0 0 10px rgba(0,0,0,0.4) !important;
    transition: transform 0.3s ease !important;
    cursor: zoom-in !important;
    max-width: 100% !important;
}

.markdown-body details img:hover {
    transform: scale(1.04) !important;
    border-color: #f5d98a !important;
    box-shadow: 
        0 6px 20px rgba(212,175,55,0.4),
        0 0 15px rgba(0,0,0,0.5) !important;
}

.markdown-body details:last-of-type > div {
    background: repeating-linear-gradient(
        transparent,
        transparent 24px,
        rgba(212, 175, 55, 0.05) 24px,
        rgba(212, 175, 55, 0.05) 26px
    ) !important;
    color: #f8f0e0 !important;
    border: 1px solid #8b7028 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
}

.markdown-body details ul,
.markdown-body details ol {
    padding-left: 20px !important;
    margin: 6px 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

.markdown-body details li {
    margin-bottom: 4px !important;
    color: #f8f0e0 !important;
    font-size: 14px !important;
}

.markdown-body details li::marker {
    color: #d4af37 !important;
}

.markdown-body details table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 8px 0 !important;
    position: relative !important;
    z-index: 2 !important;
    font-size: 13px !important;
}

.markdown-body details th {
    background: rgba(212,175,55,0.2) !important;
    color: #ffe9a8 !important;
    padding: 6px 10px !important;
    border: 1px solid #8b7028 !important;
    font-weight: 600 !important;
}

.markdown-body details td {
    background: rgba(10,5,5,0.4) !important;
    color: #f8f0e0 !important;
    padding: 5px 10px !important;
    border: 1px solid #3d2817 !important;
}

/* ============================================
   📱 移动端适配
   ============================================ */
@media (max-width: 480px) {
    .markdown-body { font-size: 14px !important; }
    .markdown-body details { 
        padding: 8px 10px !important; 
        border-radius: 8px !important;
        margin: 8px 0 !important;
    }
    .markdown-body details summary { font-size: 14px !important; }
    .markdown-body details > div { font-size: 13px !important; }
    .flex.items-center.justify-center.w-6.h-5 { min-width: 50px !important; min-height: 40px !important; }
    .flex.items-center.justify-center.w-6.h-5::before { width: 40px !important; height: 40px !important; }
}

/* ============================================
   🌙 夜间模式补丁 · 追加至CSS末尾
   ============================================ */

/* 基础全局 */
.dark .markdown-body {
    color: #f0e8d8 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) !important;
}

.dark .markdown-body *:not(svg):not(path):not(button) {
    color: #f0e8d8 !important;
}

.dark .markdown-body strong {
    color: #ffffff !important;
    background: rgba(200, 160, 80, 0.35) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
}

.dark .markdown-body em {
    color: #f5d98a !important;
}

.dark .markdown-body a {
    color: #f5d98a !important;
}

.dark .markdown-body blockquote {
    background: rgba(200, 160, 80, 0.12) !important;
    border-left-color: #d4af37 !important;
    color: #ffffff !important;
}

.dark .markdown-body hr {
    border-color: #8b7028 !important;
}

/* 聊天框 */
.dark .bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(135deg, #1c110e 0%, #0d0705 100%) !important;
    border: 1px solid #b8943c !important;
    border-top: 3px solid #d4af37 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.85) !important;
}

.dark .chat-answer-container .bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(135deg, #1c110e 0%, #0d0705 100%) !important;
    border: 1px solid #b8943c !important;
    border-top: 3px solid #d4af37 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.85) !important;
}

.dark .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background: linear-gradient(135deg, #1a0f0c 0%, #0c0604 100%) !important;
    border: 1px solid #a04030 !important;
    border-top: 3px solid #c47d5a !important;
}

.dark .bg-gray-100\/90.relative.inline-block p,
.dark .bg-gray-100\/90.relative.inline-block div,
.dark .bg-gray-100\/90.relative.inline-block span,
.dark .bg-gray-100\/90.relative.inline-block li {
    color: #f0e8d8 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) !important;
}

.dark .bg-gray-100\/90.relative.inline-block::before {
    background: linear-gradient(rgba(200, 160, 80, 0.04) 50%, transparent 50%) !important;
    background-size: 100% 4px !important;
}

/* 聊天框底部按钮 */
.dark .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #d4af37 !important;
    background: rgba(200, 160, 80, 0.25) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.dark .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background: #8b3020 !important;
    color: #ffffff !important;
}

.dark .MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #f5d98a !important;
}

.dark .text-orange-500 {
    color: #e87a5e !important;
}

/* 加载动画 */
.dark .flex.items-center.justify-center.w-6.h-5::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><ellipse cx='25' cy='42' rx='12' ry='3' fill='rgba(200,160,80,0.5)'><animate attributeName='rx' values='12;6;12' dur='0.8s' repeatCount='indefinite'/><animate attributeName='opacity' values='1;0.3;1' dur='0.8s' repeatCount='indefinite'/></ellipse><g><animateTransform attributeName='transform' type='translate' values='0 -25; 0 0; 0 -25' dur='0.8s' repeatCount='indefinite' calcMode='spline' keyTimes='0;0.5;1' keySplines='0.5 0 1 1; 0 0 0.5 1'/><path d='M25 15 C15 5 5 10 5 22 C5 32 15 38 25 45 C35 38 45 32 45 22 C45 10 35 5 25 15Z' fill='%238b3020' stroke='%23d4af37' stroke-width='1.5'/><path d='M25 20 L25 35 M18 27 L32 27' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/></g></svg>") !important;
}

/* 顶部栏 */
.dark .sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(90deg, #1c110e 0%, #0d0705 50%, #1a0f0c 100%) !important;
    border-bottom: 2px solid #b8943c !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.85) !important;
}

.dark #ai-model-selector .group.flex.items-center {
    background: #1c110e !important;
    border: 1px solid #b8943c !important;
}

.dark #ai-model-selector .truncate.text-\[13px\] {
    color: #f5d98a !important;
}

.dark .sticky.w-full.top-0 svg {
    color: #d4af37 !important;
}

.dark div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: #1c110e !important;
    border: 1px solid #b8943c !important;
}

/* 按钮栏 */
.dark #ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(135deg, #4a1a10, #6b4f1e) !important;
    color: #f0e8d8 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7) !important;
}

.dark #ai-mod-button2 button.MuiButton-root:hover {
    box-shadow: 0 8px 30px rgba(200, 160, 80, 0.35) !important;
}

.dark #ai-mod-button2 button.MuiButton-root svg {
    color: #d4af37 !important;
}

/* 底部输入区 */
.dark #ai-chat-bottom-input {
    background: #1c110e !important;
    border: 2px solid #b8943c !important;
    box-shadow: 0 0 25px rgba(200, 160, 80, 0.15) !important;
}

.dark #ai-chat-input {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) !important;
}

.dark #ai-chat-input::placeholder {
    color: #a08050 !important;
}

.dark #ai-chat-input::selection {
    background: #4a1a10 !important;
    color: #ffffff !important;
}

/* 分页栏 */
.dark .MuiPaginationItem-root {
    color: #d4af37 !important;
    background: #1c110e !important;
    border: 1px solid #6b4f1e !important;
}

.dark .MuiPaginationItem-root.Mui-selected {
    background: #8b3020 !important;
    color: #ffffff !important;
    border-color: #d4af37 !important;
}

/* 评论区 */
.dark div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: linear-gradient(180deg, #1c110e 0%, #0d0705 100%) !important;
    border-top: 2px solid #b8943c !important;
}

.dark div.text-lg.font-bold {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9) !important;
}

.dark div.text-lg.font-bold::before {
    color: #d4af37 !important;
}

.dark p.MuiTypography-body1.text-grey-600 {
    color: #f0e8d8 !important;
}

.dark span.MuiRating-iconEmpty svg {
    color: #4a3020 !important;
}

.dark span.MuiRating-iconFilled svg {
    color: #d4af37 !important;
    filter: drop-shadow(0 2px 5px rgba(212, 175, 55, 0.6)) !important;
}

.dark span.text-orange-500 {
    color: #e87a5e !important;
}

.dark div.flex.flex-col.border-gray-200 {
    background: #1c110e !important;
    border: 1px solid #6b4f1e !important;
}

.dark textarea.rc-textarea {
    color: #f0e8d8 !important;
}

.dark div.bg-gray-100.text-gray-500 {
    background: #0d0705 !important;
    color: #f5d98a !important;
}

.dark div.cursor-pointer.group.flex.items-center.justify-center {
    background: linear-gradient(135deg, #4a1a10, #6b4f1e) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7) !important;
}

.dark div.group img.rounded-full {
    border-color: #b8943c !important;
    background: #1c110e !important;
}

.dark div.text-sm.text-grey-600 span.font-bold {
    color: #f5d98a !important;
}

.dark span.text-\[10px\] {
    background: #4a1a10 !important;
    color: #ffffff !important;
}

.dark div.break-all {
    color: #f0e8d8 !important;
}

/* 代码块 */
.dark .markdown-body pre {
    background: #0d0705 !important;
    border: 1px solid #b8943c !important;
    border-left: 4px solid #d4af37 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.8) !important;
}

.dark .markdown-body pre > div > div.flex.justify-between.h-8 {
    background: #0a0503 !important;
    border-bottom: 1px solid #6b4f1e !important;
}

.dark .markdown-body pre > div > div.flex.justify-between > div.text-\[13px\] {
    color: #f5d98a !important;
}

.dark .markdown-body pre > div > div[node] {
    background: #0a0503 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9) !important;
}

.dark .markdown-body pre svg.lucide-copy {
    color: #d4af37 !important;
}

/* details 卡片 */
.dark .markdown-body details {
    background: linear-gradient(145deg, #1c110e 0%, #0d0705 100%) !important;
    border: 1px solid #b8943c !important;
    border-left: 4px solid #d4af37 !important;
    box-shadow: 
        0 4px 18px rgba(0, 0, 0, 0.7),
        0 0 12px rgba(200, 160, 80, 0.12),
        inset 0 0 20px rgba(80, 20, 10, 0.1) !important;
}

.dark .markdown-body details::before {
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 15px,
        rgba(200, 160, 80, 0.03) 15px,
        rgba(200, 160, 80, 0.03) 16px
    ) !important;
}

.dark .markdown-body details:hover {
    border-color: #d4af37 !important;
    box-shadow: 
        0 6px 22px rgba(0, 0, 0, 0.75),
        0 0 20px rgba(200, 160, 80, 0.22),
        inset 0 0 25px rgba(80, 20, 10, 0.15) !important;
}

.dark .markdown-body details[open] {
    border-color: #d4af37 !important;
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.65),
        0 0 18px rgba(200, 160, 80, 0.2),
        inset 0 0 25px rgba(80, 20, 10, 0.18) !important;
}

.dark .markdown-body details summary {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
}

.dark .markdown-body details summary:hover {
    color: #f5d98a !important;
    text-shadow: 0 0 8px rgba(245, 217, 138, 0.5) !important;
}

.dark .markdown-body details summary::before {
    color: #d4af37 !important;
}

.dark .markdown-body details[open] > summary::before {
    color: #f5d98a !important;
}

.dark .markdown-body details details {
    background: #140c0a !important;
    border: 1px solid #6b4f1e !important;
    border-left: 3px solid #b8943c !important;
    box-shadow: 
        0 2px 10px rgba(0, 0, 0, 0.5),
        inset 0 0 15px rgba(80, 20, 10, 0.1) !important;
}

.dark .markdown-body details details summary {
    color: #f5d98a !important;
}

.dark .markdown-body details details summary::before {
    color: #b8943c !important;
}

.dark .markdown-body details > div {
    color: #f0e8d8 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75) !important;
}

.dark .markdown-body details strong {
    color: #0a0503 !important;
    background: linear-gradient(135deg, #d4af37, #b8943c) !important;
    text-shadow: none !important;
    box-shadow: 0 1px 4px rgba(200, 160, 80, 0.3) !important;
}

.dark .markdown-body details hr {
    border-top: 1px dashed #6b4f1e !important;
}

.dark .markdown-body details img {
    border: 2px solid #b8943c !important;
    box-shadow: 
        0 4px 15px rgba(200, 160, 80, 0.25),
        0 0 10px rgba(0, 0, 0, 0.5) !important;
}

.dark .markdown-body details img:hover {
    border-color: #d4af37 !important;
    box-shadow: 
        0 6px 20px rgba(200, 160, 80, 0.4),
        0 0 15px rgba(0, 0, 0, 0.6) !important;
}

.dark .markdown-body details:last-of-type > div {
    background: repeating-linear-gradient(
        transparent,
        transparent 24px,
        rgba(200, 160, 80, 0.06) 24px,
        rgba(200, 160, 80, 0.06) 26px
    ) !important;
    color: #f0e8d8 !important;
    border: 1px solid #6b4f1e !important;
}

.dark .markdown-body details ul,
.dark .markdown-body details ol {
    padding-left: 20px !important;
    margin: 6px 0 !important;
}

.dark .markdown-body details li {
    color: #f0e8d8 !important;
}

.dark .markdown-body details li::marker {
    color: #b8943c !important;
}

.dark .markdown-body details table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 8px 0 !important;
}

.dark .markdown-body details th {
    background: rgba(200, 160, 80, 0.22) !important;
    color: #f5d98a !important;
    border: 1px solid #6b4f1e !important;
}

.dark .markdown-body details td {
    background: rgba(10, 5, 3, 0.5) !important;
    color: #f0e8d8 !important;
    border: 1px solid #3d2817 !important;
}

/* 移动端夜间 */
@media (max-width: 480px) {
    .dark .markdown-body details {
        padding: 8px 10px !important;
        border-radius: 8px !important;
        margin: 8px 0 !important;
    }
    
    .dark .markdown-body details summary {
        font-size: 14px !important;
    }
    
    .dark .markdown-body details > div {
        font-size: 13px !important;
    }
}