/* ============================================ */
/* 《病村·雾骨录》游戏界面美化 · 完整版（字体黑色版） */
/* ============================================ */

/* ---------- 隐藏顶部颜色装饰条 ---------- */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* ============================================ */
/* 一、聊天框美化（含输入与输出） */
/* ============================================ */
.bg-gray-100\/90.relative.inline-block {
    background: 
        linear-gradient(135deg, rgba(28, 22, 26, 0.95) 0%, rgba(40, 30, 35, 0.92) 50%, rgba(20, 18, 22, 0.95) 100%) !important,
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.2 0 0 0 0 0.2 0 0 0 0.08 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>") !important;
    border: 1px solid rgba(180, 70, 70, 0.35) !important;
    border-radius: 4px !important;
    box-shadow: 
        0 0 0 1px rgba(0, 0, 0, 0.6) inset,
        0 0 20px rgba(140, 40, 40, 0.15) inset,
        0 8px 24px rgba(0, 0, 0, 0.55),
        0 0 40px rgba(80, 30, 30, 0.2) !important;
    position: relative !important;
    isolation: isolate !important;
    padding: 14px 18px !important;
    backdrop-filter: blur(2px) !important;
}

/* 聊天框边框装饰——四角云纹 */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    inset: 4px !important;
    border: 1px solid rgba(200, 90, 90, 0.25) !important;
    border-radius: 2px !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background: 
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><g fill='none' stroke='%23a04545' stroke-width='0.6' opacity='0.55'><path d='M2 8 Q2 2 8 2'/><path d='M32 2 Q38 2 38 8'/><path d='M38 32 Q38 38 32 38'/><path d='M8 38 Q2 38 2 32'/></g></svg>") no-repeat top left,
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><g fill='none' stroke='%23a04545' stroke-width='0.6' opacity='0.55'><path d='M2 8 Q2 2 8 2'/><path d='M32 2 Q38 2 38 8'/><path d='M38 32 Q38 38 32 38'/><path d='M8 38 Q2 38 2 32'/></g></svg>") no-repeat top right,
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><g fill='none' stroke='%23a04545' stroke-width='0.6' opacity='0.55'><path d='M2 8 Q2 2 8 2'/><path d='M32 2 Q38 2 38 8'/><path d='M38 32 Q38 38 32 38'/><path d='M8 38 Q2 38 2 32'/></g></svg>") no-repeat bottom right,
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><g fill='none' stroke='%23a04545' stroke-width='0.6' opacity='0.55'><path d='M2 8 Q2 2 8 2'/><path d='M32 2 Q38 2 38 8'/><path d='M38 32 Q38 38 32 38'/><path d='M8 38 Q2 38 2 32'/></g></svg>") no-repeat bottom left !important;
}

/* 雾气SVG动效 */
.bg-gray-100\/90.relative.inline-block::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 4px !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: 0.35 !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='200' viewBox='0 0 400 200'><defs><radialGradient id='m' cx='50%25' cy='50%25'><stop offset='0%25' stop-color='%23c89090' stop-opacity='0.5'/><stop offset='100%25' stop-color='%23c89090' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='100' r='60' fill='url(%23m)'><animate attributeName='cx' values='80;320;80' dur='18s' repeatCount='indefinite'/><animate attributeName='cy' values='100;60;100' dur='14s' repeatCount='indefinite'/></circle><circle cx='280' cy='140' r='80' fill='url(%23m)'><animate attributeName='cx' values='280;40;280' dur='22s' repeatCount='indefinite'/><animate attributeName='cy' values='140;80;140' dur='16s' repeatCount='indefinite'/></circle></svg>") !important;
    background-size: cover !important;
    mix-blend-mode: screen !important;
}

/* ---------- 主文本（markdown-body） ---------- */
.markdown-body {
    color: #000000 !important;
    font-family: "Noto Serif SC", "Songti SC", "STSong", serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.95 !important;
    letter-spacing: 0.5px !important;
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.9),
        0 0 6px rgba(255, 240, 210, 0.6) !important;
}

.markdown-body strong, .markdown-body b {
    color: #000000 !important;
    font-weight: 900 !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 8px rgba(217, 104, 104, 0.8) !important;
}

.markdown-body em, .markdown-body i {
    color: #000000 !important;
    font-style: italic !important;
    font-weight: 600 !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.9),
        0 0 6px rgba(200, 168, 136, 0.7) !important;
}

.markdown-body blockquote {
    border-left: 3px solid #8b3a3a !important;
    background: rgba(40, 20, 22, 0.5) !important;
    color: #000000 !important;
    font-weight: 600 !important;
    padding: 8px 14px !important;
    margin: 10px 0 !important;
    border-radius: 2px !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.85),
        0 0 6px rgba(184, 160, 144, 0.6) !important;
}

.markdown-body code {
    background: rgba(60, 30, 32, 0.7) !important;
    color: #000000 !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    border-radius: 2px !important;
    border: 1px solid rgba(160, 80, 60, 0.3) !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.95),
        0 0 6px rgba(224, 184, 120, 0.7) !important;
}

/* ---------- 单独输入聊天框（用户气泡）—— 偏苔青冷调 ---------- */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background: 
        linear-gradient(135deg, rgba(22, 28, 26, 0.95) 0%, rgba(30, 38, 35, 0.92) 100%) !important;
    border: 1px solid rgba(80, 130, 110, 0.35) !important;
    box-shadow: 
        0 0 0 1px rgba(0, 0, 0, 0.6) inset,
        0 0 16px rgba(40, 80, 60, 0.18) inset,
        0 6px 20px rgba(0, 0, 0, 0.5) !important;
}

.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::before {
    border-color: rgba(120, 170, 140, 0.3) !important;
}

/* ---------- 底部按钮 ---------- */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #000000 !important;
    font-weight: 700 !important;
    background: rgba(30, 22, 24, 0.6) !important;
    border: 1px solid rgba(160, 80, 70, 0.3) !important;
    border-radius: 2px !important;
    font-family: "Songti SC", serif !important;
    transition: all 0.4s ease !important;
    margin: 0 2px !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.9),
        0 0 6px rgba(200, 168, 144, 0.6) !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #000000 !important;
    background: rgba(80, 30, 30, 0.7) !important;
    border-color: rgba(217, 104, 104, 0.6) !important;
    box-shadow: 0 0 12px rgba(217, 104, 104, 0.35) !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 8px rgba(240, 216, 176, 0.8) !important;
}

.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #000000 !important;
    font-weight: 600 !important;
    font-family: "Songti SC", serif !important;
    font-style: italic !important;
    letter-spacing: 1px !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.85),
        0 0 6px rgba(160, 136, 120, 0.6) !important;
}

.text-orange-500 {
    color: #000000 !important;
    font-weight: 800 !important;
    font-family: "Songti SC", serif !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 8px rgba(212, 160, 80, 0.8) !important;
}

/* ---------- 自定义加载动画（朱砂烛火） ---------- */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 60px !important;
    height: 30px !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60px !important;
    height: 30px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='30' viewBox='0 0 60 30'><g><circle cx='15' cy='15' r='3' fill='%23d96868'><animate attributeName='r' values='3;5;3' dur='1.4s' repeatCount='indefinite' begin='0s'/><animate attributeName='opacity' values='0.4;1;0.4' dur='1.4s' repeatCount='indefinite' begin='0s'/></circle><circle cx='30' cy='15' r='3' fill='%23d4a050'><animate attributeName='r' values='3;5;3' dur='1.4s' repeatCount='indefinite' begin='0.4s'/><animate attributeName='opacity' values='0.4;1;0.4' dur='1.4s' repeatCount='indefinite' begin='0.4s'/></circle><circle cx='45' cy='15' r='3' fill='%23d96868'><animate attributeName='r' values='3;5;3' dur='1.4s' repeatCount='indefinite' begin='0.8s'/><animate attributeName='opacity' values='0.4;1;0.4' dur='1.4s' repeatCount='indefinite' begin='0.8s'/></circle></g></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: drop-shadow(0 0 4px rgba(217, 104, 104, 0.6)) !important;
}

/* ============================================ */
/* 二、顶部栏美化 */
/* ============================================ */
.sticky.w-full.top-0.flex.items-center {
    background: 
        linear-gradient(180deg, rgba(18, 14, 16, 0.98) 0%, rgba(28, 20, 22, 0.95) 100%) !important;
    border-bottom: 1px solid rgba(140, 60, 60, 0.4) !important;
    box-shadow: 
        0 2px 12px rgba(0, 0, 0, 0.6),
        0 0 30px rgba(140, 40, 40, 0.1) inset !important;
    backdrop-filter: blur(8px) !important;
}

#ai-model-selector .group.flex.items-center {
    background: linear-gradient(135deg, rgba(40, 25, 28, 0.8), rgba(28, 20, 22, 0.8)) !important;
    border: 1px solid rgba(160, 80, 70, 0.4) !important;
    border-radius: 3px !important;
    padding: 4px 12px !important;
    transition: all 0.4s !important;
}

#ai-model-selector .group.flex.items-center:hover {
    border-color: rgba(217, 104, 104, 0.7) !important;
    box-shadow: 0 0 12px rgba(217, 104, 104, 0.3) !important;
}

#ai-model-selector .truncate.text-\[13px\] {
    color: #000000 !important;
    font-weight: 700 !important;
    font-family: "Songti SC", serif !important;
    letter-spacing: 1px !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 6px rgba(217, 160, 100, 0.7) !important;
}

#ai-model-selector .shrink-0.flex.items-center svg {
    color: #c89060 !important;
}

.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
    color: #c8a890 !important;
    filter: drop-shadow(0 0 4px rgba(200, 160, 144, 0.4)) !important;
    transition: all 0.3s !important;
}

.sticky.w-full.top-0 svg.lucide-clock-8:hover,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover {
    color: #d96868 !important;
    transform: rotate(15deg) !important;
}

.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
    background: #d96868 !important;
    box-shadow: 0 0 8px rgba(217, 104, 104, 0.8) !important;
}

#header-setting-button {
    background: rgba(40, 25, 28, 0.6) !important;
    border: 1px solid rgba(160, 80, 70, 0.35) !important;
    border-radius: 50% !important;
    transition: all 0.4s !important;
}

#header-setting-button:hover {
    border-color: rgba(217, 104, 104, 0.7) !important;
    box-shadow: 0 0 14px rgba(217, 104, 104, 0.4) !important;
    transform: rotate(90deg) !important;
}

#header-setting-button svg {
    color: #d4a050 !important;
}

/* ============================================ */
/* 三、开场白选择器 */
/* ============================================ */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: linear-gradient(135deg, rgba(35, 22, 25, 0.9), rgba(28, 20, 22, 0.9)) !important;
    border: 1px solid rgba(160, 80, 70, 0.4) !important;
    border-radius: 3px !important;
    color: #000000 !important;
    font-weight: 700 !important;
    transition: all 0.4s !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 6px rgba(232, 208, 176, 0.7) !important;
}

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
    border-color: rgba(217, 104, 104, 0.7) !important;
    box-shadow: 0 0 14px rgba(217, 104, 104, 0.3) !important;
}

div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
    color: #d4a050 !important;
}

/* ============================================ */
/* 四、按钮栏 */
/* ============================================ */
#ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(135deg, rgba(40, 25, 28, 0.85), rgba(28, 20, 22, 0.85)) !important;
    border: 1px solid rgba(160, 80, 70, 0.35) !important;
    border-radius: 2px !important;
    color: #000000 !important;
    font-weight: 700 !important;
    font-family: "Songti SC", serif !important;
    letter-spacing: 1px !important;
    transition: all 0.4s !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 6px rgba(232, 208, 176, 0.7) !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
    background: linear-gradient(135deg, rgba(80, 30, 35, 0.9), rgba(50, 25, 28, 0.9)) !important;
    border-color: rgba(217, 104, 104, 0.7) !important;
    color: #000000 !important;
    box-shadow: 0 0 14px rgba(217, 104, 104, 0.35) !important;
    transform: translateY(-1px) !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 8px rgba(245, 220, 192, 0.85) !important;
}

#ai-mod-button2 button.MuiButton-root svg {
    color: #d4a050 !important;
    filter: drop-shadow(0 0 3px rgba(212, 160, 80, 0.5)) !important;
}

/* ============================================ */
/* 五、底部输入栏 */
/* ============================================ */
.bg-gradient-to-t {
    background: linear-gradient(180deg, transparent 0%, rgba(18, 14, 16, 0.95) 30%, rgba(18, 14, 16, 1) 100%) !important;
}

#ai-chat-bottom-input {
    background: linear-gradient(135deg, rgba(28, 20, 22, 0.95), rgba(38, 26, 30, 0.95)) !important;
    border: 1px solid rgba(160, 80, 70, 0.4) !important;
    border-radius: 4px !important;
    box-shadow: 
        0 0 0 1px rgba(0, 0, 0, 0.5) inset,
        0 4px 16px rgba(0, 0, 0, 0.5),
        0 0 24px rgba(140, 40, 40, 0.15) !important;
}

#ai-chat-input {
    color: #000000 !important;
    font-weight: 700 !important;
    font-family: "Songti SC", "Noto Serif SC", serif !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    background: transparent !important;
    caret-color: #d96868 !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.9),
        0 0 6px rgba(232, 216, 200, 0.65) !important;
}

#ai-chat-input::placeholder {
    color: rgba(50, 40, 35, 0.7) !important;
    font-style: italic !important;
    font-family: "Songti SC", serif !important;
}

#ai-chat-input::selection {
    background: rgba(217, 104, 104, 0.4) !important;
    color: #000000 !important;
}

/* ============================================ */
/* 六、分页栏 */
/* ============================================ */
.MuiPaginationItem-root {
    color: #000000 !important;
    font-weight: 700 !important;
    background: rgba(28, 20, 22, 0.7) !important;
    border: 1px solid rgba(120, 70, 60, 0.3) !important;
    font-family: "Songti SC", serif !important;
    transition: all 0.3s !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 6px rgba(200, 168, 144, 0.7) !important;
}

.MuiPaginationItem-root:hover {
    background: rgba(80, 35, 38, 0.8) !important;
    color: #000000 !important;
    border-color: rgba(217, 104, 104, 0.5) !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 8px rgba(240, 216, 176, 0.85) !important;
}

.MuiPaginationItem-root.Mui-selected {
    background: linear-gradient(135deg, #8b3a3a, #5a2a2a) !important;
    color: #000000 !important;
    font-weight: 900 !important;
    border-color: rgba(217, 104, 104, 0.8) !important;
    box-shadow: 0 0 10px rgba(217, 104, 104, 0.5) !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 8px rgba(255, 245, 224, 0.9) !important;
}

.MuiPaginationItem-root.Mui-disabled {
    color: rgba(0, 0, 0, 0.35) !important;
    background: rgba(20, 15, 17, 0.5) !important;
}

.MuiPaginationItem-icon {
    color: #d4a050 !important;
}

.MuiStack-root.css-1uwir8f .MuiBox-root {
    color: #000000 !important;
    font-weight: 700 !important;
    font-family: "Songti SC", serif !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.9),
        0 0 6px rgba(200, 168, 144, 0.65) !important;
}

.MuiInputBase-input {
    color: #000000 !important;
    font-weight: 700 !important;
    background: rgba(28, 20, 22, 0.7) !important;
    border-radius: 2px !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.9),
        0 0 6px rgba(232, 208, 176, 0.65) !important;
}

/* ============================================ */
/* 七、评论区 */
/* ============================================ */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: 
        linear-gradient(180deg, rgba(22, 16, 18, 0.98) 0%, rgba(28, 20, 22, 0.98) 100%) !important;
    border-top: 1px solid rgba(140, 60, 60, 0.4) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5) !important;
}

div.text-lg.font-bold {
    color: #000000 !important;
    font-weight: 900 !important;
    font-family: "Songti SC", serif !important;
    letter-spacing: 2px !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 8px rgba(217, 160, 100, 0.85) !important;
    border-bottom: 1px solid rgba(160, 80, 70, 0.3) !important;
    padding-bottom: 6px !important;
}

p.MuiTypography-body1.text-grey-600 {
    color: #000000 !important;
    font-weight: 700 !important;
    font-family: "Songti SC", serif !important;
    letter-spacing: 1px !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.9),
        0 0 6px rgba(200, 168, 144, 0.65) !important;
}

span.MuiRating-iconEmpty svg {
    color: rgba(180, 130, 90, 0.3) !important;
}

span.MuiRating-iconFilled svg {
    color: #d96868 !important;
    filter: drop-shadow(0 0 4px rgba(217, 104, 104, 0.6)) !important;
}

span.text-orange-500 {
    color: #000000 !important;
    font-weight: 900 !important;
    font-family: "Songti SC", serif !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 8px rgba(212, 160, 80, 0.85) !important;
}

div.flex.flex-col.border-gray-200 {
    background: rgba(35, 22, 25, 0.7) !important;
    border: 1px solid rgba(160, 80, 70, 0.35) !important;
    border-radius: 3px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) inset !important;
}

textarea.rc-textarea {
    color: #000000 !important;
    font-weight: 700 !important;
    background: transparent !important;
    font-family: "Songti SC", serif !important;
    caret-color: #d96868 !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.9),
        0 0 6px rgba(232, 216, 200, 0.65) !important;
}

textarea.rc-textarea::placeholder {
    color: rgba(50, 40, 35, 0.6) !important;
    font-style: italic !important;
}

div.bg-gray-100.text-gray-500 {
    background: rgba(40, 25, 28, 0.6) !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border-radius: 2px !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.85),
        0 0 6px rgba(184, 152, 120, 0.6) !important;
}

div.cursor-pointer.group.flex.items-center.justify-center {
    background: linear-gradient(135deg, #8b3a3a, #5a2a2a) !important;
    border: 1px solid rgba(217, 104, 104, 0.6) !important;
    border-radius: 3px !important;
    transition: all 0.4s !important;
    box-shadow: 0 0 8px rgba(217, 104, 104, 0.3) !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:hover {
    background: linear-gradient(135deg, #a04545, #6a3030) !important;
    box-shadow: 0 0 16px rgba(217, 104, 104, 0.6) !important;
    transform: translateY(-1px) !important;
}

div[data-state="closed"] svg[data-icon="Send03"] {
    color: #fff5e0 !important;
    filter: drop-shadow(0 0 4px rgba(255, 245, 224, 0.5)) !important;
}

div.style_divider__mW0YX {
    background: linear-gradient(90deg, transparent, rgba(160, 80, 70, 0.5), transparent) !important;
    height: 1px !important;
}

button.MuiButton-containedPrimary {
    background: linear-gradient(135deg, #8b3a3a, #5a2a2a) !important;
    color: #000000 !important;
    font-weight: 900 !important;
    border: 1px solid rgba(217, 104, 104, 0.6) !important;
    font-family: "Songti SC", serif !important;
    letter-spacing: 1px !important;
    box-shadow: 0 0 10px rgba(217, 104, 104, 0.4) !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 8px rgba(255, 245, 224, 0.9) !important;
}

button.MuiButton-outlinedPrimary {
    background: rgba(28, 20, 22, 0.7) !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border: 1px solid rgba(160, 80, 70, 0.4) !important;
    font-family: "Songti SC", serif !important;
    letter-spacing: 1px !important;
    transition: all 0.3s !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 6px rgba(200, 168, 144, 0.7) !important;
}

button.MuiButton-outlinedPrimary:hover {
    color: #000000 !important;
    border-color: rgba(217, 104, 104, 0.7) !important;
    background: rgba(60, 28, 32, 0.8) !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 8px rgba(232, 208, 176, 0.85) !important;
}

div.group.ml-0 {
    background: rgba(28, 20, 22, 0.5) !important;
    border-left: 2px solid rgba(160, 80, 70, 0.4) !important;
    border-radius: 0 3px 3px 0 !important;
    margin-bottom: 8px !important;
    transition: all 0.3s !important;
}

div.group.ml-0:hover {
    background: rgba(40, 25, 28, 0.7) !important;
    border-left-color: rgba(217, 104, 104, 0.7) !important;
}

div.group img.rounded-full {
    border: 2px solid rgba(160, 80, 70, 0.5) !important;
    box-shadow: 0 0 8px rgba(140, 40, 40, 0.3) !important;
}

div.text-sm.text-grey-600 span.font-bold {
    color: #000000 !important;
    font-weight: 900 !important;
    font-family: "Songti SC", serif !important;
    letter-spacing: 1px !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 6px rgba(232, 208, 176, 0.75) !important;
}

span.text-\[10px\] {
    background: rgba(217, 104, 104, 0.25) !important;
    color: #000000 !important;
    font-weight: 800 !important;
    border: 1px solid rgba(217, 104, 104, 0.4) !important;
    border-radius: 2px !important;
    padding: 1px 5px !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.95),
        0 0 5px rgba(240, 200, 152, 0.8) !important;
}

div.break-all {
    color: #000000 !important;
    font-weight: 700 !important;
    font-family: "Songti SC", serif !important;
    line-height: 1.8 !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.9),
        0 0 6px rgba(216, 200, 184, 0.65) !important;
}

div.text-xs.text-grey-600 {
    color: #000000 !important;
    font-weight: 600 !important;
    font-style: italic !important;
    font-family: "Songti SC", serif !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.85),
        0 0 6px rgba(160, 136, 120, 0.6) !important;
}

button.text-gray-400 {
    color: #000000 !important;
    font-weight: 700 !important;
    transition: all 0.3s !important;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.85),
        0 0 6px rgba(184, 152, 120, 0.6) !important;
}

button.text-gray-400:hover {
    color: #000000 !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 8px rgba(217, 104, 104, 0.85) !important;
}

button.text-gray-400 svg {
    transition: transform 0.3s !important;
}

button.text-gray-400:hover svg {
    transform: scale(1.2) !important;
    filter: drop-shadow(0 0 4px rgba(217, 104, 104, 0.6)) !important;
}

span.cursor-pointer {
    color: #000000 !important;
    font-weight: 800 !important;
    font-family: "Songti SC", serif !important;
    border-bottom: 1px dashed rgba(212, 160, 80, 0.4) !important;
    transition: all 0.3s !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 6px rgba(212, 160, 80, 0.8) !important;
}

span.cursor-pointer:hover {
    color: #000000 !important;
    border-bottom-color: rgba(217, 104, 104, 0.7) !important;
    text-shadow: 
        0 0 3px rgba(255, 255, 255, 1),
        0 0 8px rgba(217, 104, 104, 0.85) !important;
}

div.ml-8.border-l {
    border-left: 1px dashed rgba(160, 80, 70, 0.4) !important;
}

/* ============================================ */
/* 八、移动端适配 */
/* ============================================ */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        padding: 10px 14px !important;
    }
    .markdown-body {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }
    .flex.items-center.justify-center.w-6.h-5 {
        width: 48px !important;
        height: 24px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bg-gray-100\/90.relative.inline-block::after {
        opacity: 0.2 !important;
    }
}