/* ==================== 全局基础样式 ==================== */

/* 页面背景 - 教堂石墙纹理 */
body {
    background: linear-gradient(135deg, #3a3a3a 0%, #2c2c2c 50%, #1a1a1a 100%) !important;
    background-image: 
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><rect width="200" height="200" fill="%232c2c2c"/><path d="M0,0 L200,0 L200,200 L0,200 Z" fill="none" stroke="%23444" stroke-width="0.5" opacity="0.3"/></svg>'),
        linear-gradient(135deg, #3a3a3a 0%, #2c2c2c 50%, #1a1a1a 100%) !important;
}

/* 主容器 - 羊皮纸背景 */
.message-content,
.group .bg-gray-100\/90,
.chat-answer-container .bg-gray-100\/90 {
    background: linear-gradient(135deg, #f4ead5 0%, #e8dcc4 50%, #f0e6d2 100%) !important;
    background-image: 
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" /></filter><rect width="100" height="100" filter="url(%23noise)" opacity="0.05"/></svg>'),
        linear-gradient(135deg, #f4ead5 0%, #e8dcc4 50%, #f0e6d2 100%) !important;
    position: relative !important;
    font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', serif !important;
    color: #2c1810 !important;
    line-height: 1.8 !important;
    box-shadow: 
        inset 0 0 100px rgba(139, 90, 43, 0.1),
        0 10px 40px rgba(0, 0, 0, 0.3) !important;
}

/* 烛光氛围效果 */
.message-content::before,
.group .bg-gray-100\/90::before,
.chat-answer-container .bg-gray-100\/90::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 150px !important;
    height: 150px !important;
    background: radial-gradient(circle, rgba(255, 200, 87, 0.3) 0%, transparent 70%) !important;
    pointer-events: none !important;
    animation: candleFlicker 3s ease-in-out infinite !important;
    z-index: 0 !important;
}

/* 十字架水印 */
.message-content::after,
.group .bg-gray-100\/90::after,
.chat-answer-container .bg-gray-100\/90::after {
    content: '✝' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 300px !important;
    color: rgba(139, 90, 43, 0.03) !important;
    pointer-events: none !important;
    z-index: 0 !important;
    font-family: serif !important;
}

/* 烛光闪烁动画 */
@keyframes candleFlicker {
    0%, 100% { opacity: 0.8; transform: translateX(-50%) scale(1); }
    50% { opacity: 1; transform: translateX(-50%) scale(1.1); }
}

/* ==================== 消息气泡区 ==================== */

/* 气泡容器 */
.group .bg-gray-100\/90,
.chat-answer-container .bg-gray-100\/90 {
    border: 2px solid #8b5a2b !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin: 15px 0 !important;
    position: relative !important;
    isolation: isolate !important;
}

/* 气泡圆角 */
.group .rounded-xl,
.chat-answer-container .rounded-xl {
    border-radius: 12px !important;
}

/* 用户消息装饰条 */
.group .bg-\[\#c9e1e9\] {
    background: linear-gradient(90deg, #8b4513 0%, #a0522d 100%) !important;
    height: 4px !important;
    border-radius: 2px !important;
}

/* AI消息装饰条 */
.chat-answer-container .bg-\[\#F1CBCB\] {
    background: linear-gradient(90deg, #8b4513 0%, #a0522d 100%) !important;
    height: 4px !important;
    border-radius: 2px !important;
}

/* 消息文本 */
.group .markdown-body,
#ai-chat-answer .markdown-body {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    color: #2c1810 !important;
    font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', serif !important;
    line-height: 1.9 !important;
}

/* 消息文本段落 */
.group .markdown-body p,
#ai-chat-answer .markdown-body p {
    margin: 12px 0 !important;
    text-indent: 2em !important;
}

/* 消息文本首字母装饰 */
.group .markdown-body p:first-of-type::first-letter,
#ai-chat-answer .markdown-body p:first-of-type::first-letter {
    font-size: 3em !important;
    line-height: 0.8 !important;
    float: left !important;
    margin: 0.1em 0.1em 0 0 !important;
    color: #8b4513 !important;
    font-weight: 700 !important;
}

/* 消息操作按钮 */
.group .MuiButton-textPrimary {
    color: #8b4513 !important;
    border: 1px solid #c9a876 !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    background: rgba(244, 234, 213, 0.5) !important;
    transition: all 0.3s ease !important;
}

.group .MuiButton-textPrimary:hover {
    background: rgba(212, 184, 150, 0.7) !important;
    border-color: #8b4513 !important;
    box-shadow: 0 2px 8px rgba(139, 69, 19, 0.2) !important;
}

/* 模型信息 */
.chat-answer-container .text-purple-500 {
    color: #8b4513 !important;
    font-family: 'Georgia', serif !important;
    font-size: 13px !important;
    font-style: italic !important;
}

/* Token消耗 */
.chat-answer-container .text-orange-500 {
    color: #a0522d !important;
    font-weight: 600 !important;
}

/* ==================== 加载动画 ==================== */

/* 隐藏默认加载动画 */
.style_dot-flashing__8L91Q {
    display: none !important;
}

/* 自定义加载动画容器 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
}

/* 烛光加载动画 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: '' !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 80"><defs><radialGradient id="flame" cx="50%25" cy="0%25"><stop offset="0%25" style="stop-color:%23ffc857;stop-opacity:0.8"><animate attributeName="stop-opacity" values="0.8;1;0.8" dur="1.5s" repeatCount="indefinite"/></stop><stop offset="100%25" style="stop-color:%23ffc857;stop-opacity:0"/></radialGradient></defs><ellipse cx="30" cy="10" rx="15" ry="20" fill="url(%23flame)"><animate attributeName="ry" values="20;25;20" dur="1.5s" repeatCount="indefinite"/></ellipse><rect x="25" y="30" width="10" height="50" rx="5" fill="%23f4e4c1"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* ==================== 界面控制区 ==================== */

/* [ADJUSTED v1.3] 顶部控制栏尺寸优化 */
.sticky.top-0 {
    background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%) !important;
    border-bottom: 1px solid #8b5a2b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    padding: 5px 15px !important; 
}

/* [ADJUSTED v1.3] 模型选择器尺寸优化 */
#ai-model-selector {
    background: linear-gradient(135deg, #d4b896 0%, #c9a876 100%) !important;
    border: 1px solid #8b5a2b !important;
    border-radius: 6px !important;
    padding: 4px 30px 4px 10px !important; 
    color: #2c1810 !important;
    font-family: 'Georgia', serif !important;
    font-weight: 600 !important;
    font-size: 13px !important; 
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

#ai-model-selector:hover {
    background: linear-gradient(135deg, #c9a876 0%, #b89968 100%) !important;
    box-shadow: 0 2px 8px rgba(139, 69, 19, 0.3) !important;
}

/* 模型名称文本 */
#ai-model-selector .truncate {
    color: #2c1810 !important;
    font-weight: 600 !important;
}

/* 下拉箭头 */
#ai-model-selector svg[data-icon="ChevronDown"] {
    color: #8b4513 !important;
}

/* [ADJUSTED v1.3] 设置按钮尺寸优化 */
#header-setting-button {
    background: rgba(212, 184, 150, 0.2) !important;
    border: 1px solid #8b5a2b !important;
    border-radius: 6px !important;
    padding: 5px !important; 
    color: #f4ead5 !important;
    transition: all 0.3s ease !important;
}

#header-setting-button:hover {
    background: rgba(212, 184, 150, 0.4) !important;
    box-shadow: 0 1px 6px rgba(139, 69, 19, 0.3) !important;
}

/* 音乐按钮 */
button .lucide-music2 {
    color: #f4ead5 !important;
}

/* [ADJUSTED v1.3] 快捷按钮组尺寸优化 */
#ai-mod-button2 {
    background: rgba(44, 44, 44, 0.5) !important;
    border: 1px solid #8b5a2b !important;
    border-radius: 6px !important;
    padding: 2px !important; 
    margin: 4px 0 !important; 
}

/* [ADJUSTED v1.3] 快捷按钮尺寸优化 */
#ai-mod-button2 .MuiButton-outlinedPrimary {
    background: linear-gradient(135deg, #d4b896 0%, #c9a876 100%) !important;
    border: 1px solid #8b5a2b !important;
    border-radius: 4px !important;
    color: #2c1810 !important;
    font-family: 'Georgia', serif !important;
    font-weight: 600 !important;
    font-size: 10px !important; 
    padding: 1px 6px !important; 
    margin: 2px !important; 
    min-width: auto !important; 
    transition: all 0.3s ease !important;
}

#ai-mod-button2 .MuiButton-outlinedPrimary:hover {
    background: linear-gradient(135deg, #c9a876 0%, #b89968 100%) !important;
    box-shadow: 0 1px 6px rgba(139, 69, 19, 0.2) !important;
    transform: translateY(-1px) !important;
}

/* 快捷按钮图标 */
#ai-mod-button2 svg {
    color: #8b4513 !important;
}

/* [ADJUSTED v1.3] 底部输入区背景渐变尺寸优化 */
.bg-gradient-to-t {
    background: linear-gradient(to top, rgba(44, 44, 44, 0.95) 0%, transparent 100%) !important;
    padding: 4px 10px 2px !important;
}

/* [ADJUSTED v1.3] 输入框容器尺寸优化 */
.bg-white.border-\[1\.5px\] {
    background: linear-gradient(135deg, #f4ead5 0%, #e8dcc4 100%) !important;
    border: 1px solid #8b5a2b !important;
    border-radius: 8px !important;
    padding: 4px !important; 
    box-shadow: 
        inset 0 0 10px rgba(139, 90, 43, 0.1),
        0 2px 6px rgba(0, 0, 0, 0.2) !important;
    position: relative !important;
}

/* 输入框容器十字架装饰 */
.bg-white.border-\[1\.5px\]::before {
    content: '✝' !important;
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    font-size: 16px !important;
    color: rgba(139, 90, 43, 0.1) !important;
    pointer-events: none !important;
}

/* 主输入框 */
#ai-chat-input {
    background: transparent !important;
    border: none !important;
    color: #2c1810 !important;
    font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    resize: none !important;
    outline: none !important;
}

/* 占位符 */
#ai-chat-input::placeholder {
    color: rgba(44, 24, 16, 0.5) !important;
    font-style: italic !important;
}

/* 文字选中效果 */
#ai-chat-input::selection {
    background: rgba(139, 69, 19, 0.3) !important;
    color: #2c1810 !important;
}

/* 字符计数器 */
.absolute.bottom-2.right-2 .bg-gray-100 {
    background: rgba(212, 184, 150, 0.5) !important;
    border: 1px solid #c9a876 !important;
    border-radius: 4px !important;
    padding: 1px 4px !important;
    color: #8b4513 !important;
    font-family: 'Georgia', serif !important;
    font-size: 9px !important;
}

/* [ADJUSTED v1.3] 发送按钮尺寸优化 */
#ai-send-button {
    background: linear-gradient(135deg, #8b4513 0%, #a0522d 100%) !important;
    border: 1px solid #6b3410 !important;
    border-radius: 6px !important;
    padding: 3px 12px !important; 
    color: #f4ead5 !important;
    font-family: 'Georgia', serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    box-shadow: 0 1px 6px rgba(139, 69, 19, 0.4) !important;
    transition: all 0.3s ease !important;
}

#ai-send-button:hover {
    background: linear-gradient(135deg, #a0522d 0%, #8b4513 100%) !important;
    box-shadow: 0 2px 10px rgba(139, 69, 19, 0.6) !important;
    transform: translateY(-1px) !important;
}

#ai-send-button:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 4px rgba(139, 69, 19, 0.4) !important;
}

/* 发送图标 */
#ai-send-button .icon-icon-send {
    color: #f4ead5 !important;
}

/* [ADJUSTED v1.3] 分页控制尺寸优化 */
.mo-pagination {
    background: rgba(44, 44, 44, 0.8) !important;
    border: 1px solid #8b5a2b !important;
    border-radius: 6px !important;
    padding: 4px !important; 
    margin: 8px 0 !important; 
}

/* [ADJUSTED v1.3] 页码按钮尺寸优化 */
.MuiPaginationItem-root {
    background: linear-gradient(135deg, #d4b896 0%, #c9a876 100%) !important;
    border: 1px solid #8b5a2b !important;
    border-radius: 4px !important;
    color: #2c1810 !important;
    font-family: 'Georgia', serif !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    margin: 0 2px !important; 
    min-width: 22px !important; 
    height: 22px !important; 
    padding: 0 3px !important; 
    transition: all 0.3s ease !important;
}

.MuiPaginationItem-root:hover {
    background: linear-gradient(135deg, #c9a876 0%, #b89968 100%) !important;
    box-shadow: 0 1px 6px rgba(139, 69, 19, 0.3) !important;
}

/* 选中状态 */
.MuiPaginationItem-root.Mui-selected {
    background: linear-gradient(135deg, #8b4513 0%, #a0522d 100%) !important;
    color: #f4ead5 !important;
    border-color: #6b3410 !important;
    box-shadow: 0 2px 8px rgba(139, 69, 19, 0.4) !important;
}

/* 禁用状态 */
.MuiPaginationItem-root.Mui-disabled {
    background: rgba(212, 184, 150, 0.3) !important;
    color: rgba(44, 24, 16, 0.4) !important;
    border-color: rgba(139, 90, 43, 0.3) !important;
}

/* 翻页箭头 */
.MuiPaginationItem-previousNext .MuiPaginationItem-icon {
    color: #8b4513 !important;
}

/* 跳转输入框 */
.forum-pagination-input-wrapper .MuiInputBase-input {
    background: rgba(244, 234, 213, 0.8) !important;
    border: 1px solid #8b5a2b !important;
    border-radius: 4px !important;
    color: #2c1810 !important;
    font-family: 'Georgia', serif !important;
    padding: 2px 6px !important; 
    height: 22px !important;
    box-sizing: border-box;
}

/* ==================== 评论区模块 ==================== */

/* 评论面板主容器 */
.absolute.inset-x-0.bottom-0.z-20.bg-white {
    background: linear-gradient(135deg, #f4ead5 0%, #e8dcc4 100%) !important;
    border-top: 3px solid #8b5a2b !important;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3) !important;
}

/* 评论区标题 */
.text-lg.font-bold.pl-3 {
    color: #8b4513 !important;
    font-family: 'Georgia', serif !important;
    font-size: 20px !important;
    padding: 15px 20px !important;
    border-bottom: 2px solid #c9a876 !important;
}

/* 关闭按钮 */
button[aria-label="close"] {
    color: #8b4513 !important;
    background: rgba(212, 184, 150, 0.3) !important;
    border-radius: 50% !important;
    padding: 8px !important;
    transition: all 0.3s ease !important;
}

button[aria-label="close"]:hover {
    background: rgba(212, 184, 150, 0.5) !important;
    transform: rotate(90deg) !important;
}

/* 评分星星 */
.MuiRating-root {
    color: #8b4513 !important;
}

.MuiRating-iconEmpty {
    color: rgba(139, 69, 19, 0.3) !important;
}

.MuiRating-iconFilled {
    color: #a0522d !important;
}

/* 评分数字 */
.text-orange-500.w-14 {
    color: #8b4513 !important;
    font-family: 'Georgia', serif !important;
    font-weight: 700 !important;
}

/* 评论输入框容器 */
.flex.flex-col.border-\[1\.5px\].border-gray-200 {
    background: rgba(255, 255, 255, 0.6) !important;
    border: 2px solid #8b5a2b !important;
    border-radius: 10px !important;
    padding: 15px !important;
    margin: 15px !important;
}

/* 评论输入框 */
textarea[placeholder="发表评论"] {
    background: transparent !important;
    border: none !important;
    color: #2c1810 !important;
    font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    resize: none !important;
    outline: none !important;
}

textarea[placeholder="发表评论"]::placeholder {
    color: rgba(44, 24, 16, 0.5) !important;
    font-style: italic !important;
}

/* 字数统计 */
.bg-gray-100.text-xs.font-medium {
    background: rgba(212, 184, 150, 0.4) !important;
    color: #8b4513 !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
}

/* 评论发送按钮 */
div[data-state="closed"] .cursor-pointer.group {
    background: linear-gradient(135deg, #8b4513 0%, #a0522d 100%) !important;
    border: 2px solid #6b3410 !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    transition: all 0.3s ease !important;
}

div[data-state="closed"] .cursor-pointer.group:hover {
    background: linear-gradient(135deg, #a0522d 0%, #8b4513 100%) !important;
    box-shadow: 0 4px 12px rgba(139, 69, 19, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* 发送图标 */
svg[data-icon="Send03"] {
    color: #f4ead5 !important;
}

/* 排序按钮 */
.MuiButton-containedPrimary {
    background: linear-gradient(135deg, #8b4513 0%, #a0522d 100%) !important;
    border: 2px solid #6b3410 !important;
    color: #f4ead5 !important;
    font-family: 'Georgia', serif !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(139, 69, 19, 0.3) !important;
}

.MuiButton-outlinedPrimary {
    background: transparent !important;
    border: 2px solid #8b5a2b !important;
    color: #8b4513 !important;
    font-family: 'Georgia', serif !important;
    font-weight: 600 !important;
}

.MuiButton-outlinedPrimary:hover {
    background: rgba(212, 184, 150, 0.3) !important;
    border-color: #8b4513 !important;
}

/* 评论列表容器 */
.p-3.overflow-y-auto.h-full {
    background: rgba(244, 234, 213, 0.3) !important;
}

/* 评论项头像 */
img.rounded-full {
    border: 2px solid #8b5a2b !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

/* 评论用户名 */
.text-sm.text-grey-600 span.font-bold {
    color: #8b4513 !important;
    font-family: 'Georgia', serif !important;
}

/* 评论内容 */
div.break-all {
    color: #2c1810 !important;
    font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', serif !important;
    line-height: 1.8 !important;
}

/* 评论时间戳 */
.text-xs.text-grey-600 {
    color: rgba(139, 69, 19, 0.6) !important;
    font-style: italic !important;
}

/* 点赞按钮 */
button.text-gray-400 {
    color: #8b4513 !important;
    transition: all 0.3s ease !important;
}

button.text-gray-400:hover {
    color: #a0522d !important;
    transform: scale(1.1) !important;
}

/* 回复区域边框 */
div.ml-8.border-l {
    border-left: 2px solid #c9a876 !important;
    padding-left: 15px !important;
}

/* 评论列表滚动条 */
.p-3.overflow-y-auto.h-full::-webkit-scrollbar {
    width: 10px !important;
}

.p-3.overflow-y-auto.h-full::-webkit-scrollbar-track {
    background: rgba(232, 220, 196, 0.5) !important;
    border-radius: 5px !important;
}

.p-3.overflow-y-auto.h-full::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #8b5a2b, #a0522d) !important;
    border-radius: 5px !important;
    border: 2px solid rgba(244, 234, 213, 0.5) !important;
}

.p-3.overflow-y-auto.h-full::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #a0522d, #8b4513) !important;
}

/* ==================== 思维链和状态栏样式 ==================== */

/* 所有details折叠区 */
details {
  background: rgba(244, 234, 213, 0.9) !important;
    border: 2px solid #8b5a2b !important;
    border-radius: 8px !important;
    margin: 20px 0 !important;
    box-shadow: 
        0 6px 15px rgba(0, 0, 0, 0.15),
        inset 0 0 20px rgba(139, 90, 43, 0.05) !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

/* 折叠区标题 */
details > summary {
    background: linear-gradient(135deg, #d4b896 0%, #c9a876 100%) !important;
    border-bottom: 2px solid #8b5a2b !important;
    padding: 15px 50px 15px 20px !important;
    font-family: 'Georgia', serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #2c1810 !important;
    cursor: pointer !important;
    list-style: none !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

details > summary::-webkit-details-marker {
    display: none !important;
}

/* 折叠箭头 */
details > summary::after {
    content: '▼' !important;
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) rotate(-90deg) !important;
    transition: transform 0.3s ease !important;
    color: #8b4513 !important;
    font-size: 14px !important;
}

details[open] > summary::after {
    transform: translateY(-50%) rotate(0deg) !important;
}

/* 折叠区悬停效果 */
details > summary:hover {
    background: linear-gradient(135deg, #c9a876 0%, #b89968 100%) !important;
    box-shadow: inset 0 0 10px rgba(139, 69, 19, 0.2) !important;
}

/* 折叠区内容 */
details > *:not(summary) {
    padding: 20px !important;
    background: transparent !important;
}

/* ==================== 思维链区域 ==================== */

/* 思维链标题 */
details:has(summary:contains("思维链")) > summary,
details[open] > summary:first-child {
    background: linear-gradient(135deg, #d4b896 0%, #c9a876 100%) !important;
    border: 2px solid #8b5a2b !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 15px 20px !important;
    font-family: 'Georgia', serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #2c1810 !important;
    cursor: pointer !important;
    position: relative !important;
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        0 4px 8px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* 思维链十字架装饰 */
details:has(summary:contains("思维链")) > summary::before,
details[open] > summary:first-child::before {
    content: '✝' !important;
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 20px !important;
    color: #8b4513 !important;
}

/* 思维链蜡烛装饰 */
details:has(summary:contains("思维链")) > summary::after,
details[open] > summary:first-child::after {
    content: '🕯️' !important;
    position: absolute !important;
    right: 50px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 18px !important;
}

/* 思维链内容区 */
details:has(summary:contains("思维链")),
details[open]:first-of-type {
    background: rgba(244, 234, 213, 0.95) !important;
    border: 2px solid #8b5a2b !important;
    border-radius: 8px !important;
    margin-bottom: 25px !important;
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.15),
        inset 0 0 30px rgba(139, 90, 43, 0.05) !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 思维链内部标题 */
details:has(summary:contains("思维链")) strong,
details[open]:first-of-type strong {
    color: #8b4513 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    display: block !important;
    margin: 15px 0 10px 0 !important;
    padding-left: 25px !important;
    position: relative !important;
}

details:has(summary:contains("思维链")) strong::before,
details[open]:first-of-type strong::before {
    content: '†' !important;
    position: absolute !important;
    left: 0 !important;
    color: #a0522d !important;
    font-size: 18px !important;
}

/* 思维链分隔线 */
details:has(summary:contains("思维链")) hr,
details[open]:first-of-type hr {
    border: none !important;
    height: 2px !important;
    background: linear-gradient(to right, transparent, #8b5a2b, transparent) !important;
    margin: 20px 0 !important;
    position: relative !important;
}

details:has(summary:contains("思维链")) hr::after,
details[open]:first-of-type hr::after {
    content: '✦' !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: #f4ead5 !important;
    padding: 0 10px !important;
    color: #8b5a2b !important;
    font-size: 14px !important;
}

/* 思维链表格 */
details:has(summary:contains("思维链")) table,
details[open]:first-of-type table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 15px 0 !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid #c9a876 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

details:has(summary:contains("思维链")) table th,
details[open]:first-of-type table th {
    background: linear-gradient(135deg, #d4b896, #c9a876) !important;
    color: #2c1810 !important;
    padding: 12px !important;
    font-weight: 600 !important;
    text-align: left !important;
    border-bottom: 2px solid #8b5a2b !important;
}

details:has(summary:contains("思维链")) table td,
details[open]:first-of-type table td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #e8dcc4 !important;
    color: #2c1810 !important;
}

details:has(summary:contains("思维链")) table tr:last-child td,
details[open]:first-of-type table tr:last-child td {
    border-bottom: none !important;
}

details:has(summary:contains("思维链")) table tr:hover,
details[open]:first-of-type table tr:hover {
    background: rgba(212, 184, 150, 0.2) !important;
}

/* ==================== 当前情况 ==================== */

details:has(summary:contains("当前情况")) > summary::before {
    content: '🕰️' !important;
    position: absolute !important;
    left: 20px !important;
    font-size: 18px !important;
}

/* ==================== 主角信息 ==================== */

details:has(summary:contains("主角信息")) > summary::before {
    content: '👤' !important;
    position: absolute !important;
    left: 20px !important;
    font-size: 18px !important;
}

/* 主角信息内部样式 */
details:has(summary:contains("主角信息")) strong {
    color: #8b4513 !important;
    font-weight: 600 !important;
}

details:has(summary:contains("主角信息")) ul,
details:has(summary:contains("主角信息")) ol {
    margin: 10px 0 !important;
    padding-left: 30px !important;
}

details:has(summary:contains("主角信息")) li {
    margin: 8px 0 !important;
    color: #2c1810 !important;
    position: relative !important;
}

details:has(summary:contains("主角信息")) li::marker {
    color: #8b4513 !important;
}

/* ==================== NPC信息 ==================== */

details:has(summary:contains("NPC信息")) > summary::before {
    content: '👥' !important;
    position: absolute !important;
    left: 20px !important;
    font-size: 18px !important;
}

/* NPC分隔线 */
details:has(summary:contains("NPC信息")) hr {
    border: none !important;
    height: 2px !important;
    background: linear-gradient(to right, transparent, #8b5a2b, transparent) !important;
    margin: 25px 0 !important;
    position: relative !important;
}

details:has(summary:contains("NPC信息")) hr::after {
    content: '✦' !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: #f4ead5 !important;
    padding: 0 10px !important;
    color: #8b5a2b !important;
}

/* ==================== 心理博弈仪表盘 ==================== */

details:has(summary:contains("心理博弈")) > summary::before {
    content: '⚖️' !important;
    position: absolute !important;
    left: 20px !important;
    font-size: 18px !important;
}

/* 仪表盘标题 */
details:has(summary:contains("心理博弈")) strong {
    color: #8b4513 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    display: block !important;
    margin: 20px 0 10px 0 !important;
    padding: 10px 15px !important;
    background: rgba(212, 184, 150, 0.3) !important;
    border-left: 4px solid #8b4513 !important;
    border-radius: 4px !important;
}

/* 数值显示 */
details:has(summary:contains("心理博弈")) ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 10px 0 !important;
}

details:has(summary:contains("心理博弈")) li {
    padding: 8px 15px !important;
    margin: 5px 0 !important;
    background: rgba(255, 255, 255, 0.4) !important;
    border-left: 3px solid #c9a876 !important;
    border-radius: 4px !important;
    color: #2c1810 !important;
    position: relative !important;
}

/* 内心独白样式 */
details:has(summary:contains("心理博弈")) em {
    display: block !important;
    padding: 15px !important;
    margin: 15px 0 !important;
    background: rgba(139, 69, 19, 0.08) !important;
    border: 1px dashed #8b4513 !important;
    border-radius: 6px !important;
    font-style: italic !important;
    color: #5c3317 !important;
    position: relative !important;
}

details:has(summary:contains("心理博弈")) em::before {
    content: '"' !important;
    position: absolute !important;
    left: 10px !important;
    top: 5px !important;
    font-size: 30px !important;
    color: #8b4513 !important;
    opacity: 0.3 !important;
}

/* 数值变动表格 */
details:has(summary:contains("心理博弈")) table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 15px 0 !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid #c9a876 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

details:has(summary:contains("心理博弈")) table th {
    background: linear-gradient(135deg, #d4b896, #c9a876) !important;
    color: #2c1810 !important;
    padding: 12px !important;
    font-weight: 600 !important;
    text-align: left !important;
    border-bottom: 2px solid #8b5a2b !important;
}

details:has(summary:contains("心理博弈")) table td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #e8dcc4 !important;
    color: #2c1810 !important;
}

details:has(summary:contains("心理博弈")) table tr:last-child td {
    border-bottom: none !important;
}

details:has(summary:contains("心理博弈")) table tr:hover {
    background: rgba(212, 184, 150, 0.2) !important;
}

/* ==================== 罪与罚·事件簿 ==================== */

details:has(summary:contains("罪与罚")) > summary::before {
    content: '📜' !important;
    position: absolute !important;
    left: 20px !important;
    font-size: 18px !important;
}

/* 事件簿标题 */
details:has(summary:contains("罪与罚")) strong {
    color: #8b4513 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    display: block !important;
    margin: 20px 0 10px 0 !important;
    padding: 10px 15px !important;
    background: rgba(139, 69, 19, 0.1) !important;
    border-left: 4px solid #8b4513 !important;
    border-radius: 4px !important;
}

/* 事件列表 */
details:has(summary:contains("罪与罚")) ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 10px 0 !important;
}

details:has(summary:contains("罪与罚")) li {
    padding: 12px 15px 12px 35px !important;
    margin: 8px 0 !important;
    background: rgba(255, 255, 255, 0.4) !important;
    border-left: 3px solid #a0522d !important;
    border-radius: 4px !important;
    color: #2c1810 !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

details:has(summary:contains("罪与罚")) li:hover {
    background: rgba(212, 184, 150, 0.3) !important;
    border-left-width: 5px !important;
    padding-left: 40px !important;
}

details:has(summary:contains("罪与罚")) li::before {
    content: '†' !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #8b4513 !important;
    font-size: 16px !important;
}

/* 十字架装饰 */
details:has(summary:contains("罪与罚"))::before {
    content: '✝' !important;
    position: absolute !important;
    top: 10px !important;
    right: 60px !important;
    font-size: 24px !important;
    color: rgba(139, 69, 19, 0.2) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* ==================== 圣言·镜像 ==================== */

details:has(summary:contains("圣言")) > summary::before {
    content: '✝️' !important;
    position: absolute !important;
    left: 20px !important;
    font-size: 18px !important;
}

/* 经文引用 */
details:has(summary:contains("圣言")) blockquote {
    margin: 20px 0 !important;
    padding: 20px 25px !important;
    background: rgba(255, 255, 255, 0.6) !important;
    border: 2px solid #8b5a2b !important;
    border-radius: 8px !important;
    position: relative !important;
    font-style: italic !important;
    color: #5c3317 !important;
    box-shadow: inset 0 0 20px rgba(139, 90, 43, 0.1) !important;
}

details:has(summary:contains("圣言")) blockquote::before {
    content: '"' !important;
    position: absolute !important;
    left: 15px !important;
    top: 10px !important;
    font-size: 60px !important;
    color: #8b4513 !important;
    opacity: 0.2 !important;
    font-family: 'Georgia', serif !important;
}

details:has(summary:contains("圣言")) blockquote::after {
    content: '"' !important;
    position: absolute !important;
    right: 15px !important;
    bottom: -10px !important;
    font-size: 60px !important;
    color: #8b4513 !important;
    opacity: 0.2 !important;
    font-family: 'Georgia', serif !important;
}

/* 经文出处 */
details:has(summary:contains("圣言")) blockquote + p {
    text-align: right !important;
    font-style: italic !important;
    color: #8b4513 !important;
    margin-top: -10px !important;
    font-size: 14px !important;
}

/* 罪与罚天平 */
details:has(summary:contains("圣言")) ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 15px 0 !important;
}

details:has(summary:contains("圣言")) li {
    padding: 12px 20px !important;
    margin: 10px 0 !important;
    background: rgba(255, 255, 255, 0.4) !important;
    border-left: 4px solid #8b4513 !important;
    border-radius: 4px !important;
    color: #2c1810 !important;
    position: relative !important;
}

details:has(summary:contains("圣言")) li strong {
    color: #8b4513 !important;
    font-weight: 700 !important;
}

/* 蜡烛装饰 */
details[open]:has(summary:contains("圣言"))::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important;
    height: 80px !important;
    background: 
        radial-gradient(ellipse at 50% 0%, rgba(255, 200, 87, 0.6) 0%, transparent 50%),
        linear-gradient(180deg, #f4e4c1 0%, #d4b896 100%) !important;
    border-radius: 50% 50% 0 0 / 20% 20% 0 0 !important;
    pointer-events: none !important;
    z-index: 10 !important;
    animation: candleFlicker 2s ease-in-out infinite !important;
}

/* ==================== 星记忆区 ==================== */

details:has(summary:contains("星记忆")) > summary::before {
    content: '⭐' !important;
    position: absolute !important;
    left: 20px !important;
    font-size: 18px !important;
}

/* 记忆区标题 */
details:has(summary:contains("星记忆")) h3,
details:has(summary:contains("星记忆")) strong {
    color: #8b4513 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    display: block !important;
    margin: 20px 0 10px 0 !important;
    padding: 10px 15px !important;
    background: rgba(212, 184, 150, 0.3) !important;
    border-left: 4px solid #8b4513 !important;
    border-radius: 4px !important;
}

/* 记忆表格 */
details:has(summary:contains("星记忆")) table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 15px 0 !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid #c9a876 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    font-size: 14px !important;
}

details:has(summary:contains("星记忆")) table th {
    background: linear-gradient(135deg, #d4b896, #c9a876) !important;
    color: #2c1810 !important;
    padding: 10px !important;
    font-weight: 600 !important;
    text-align: left !important;
    border-bottom: 2px solid #8b5a2b !important;
    font-size: 13px !important;
}

details:has(summary:contains("星记忆")) table td {
    padding: 8px 10px !important;
    border-bottom: 1px solid #e8dcc4 !important;
    color: #2c1810 !important;
    vertical-align: top !important;
}

details:has(summary:contains("星记忆")) table tr:last-child td {
    border-bottom: none !important;
}

details:has(summary:contains("星记忆")) table tr:hover {
    background: rgba(212, 184, 150, 0.2) !important;
}

/* 记忆分隔线 */
details:has(summary:contains("星记忆")) hr {
    border: none !important;
    height: 2px !important;
    background: linear-gradient(to right, transparent, #8b5a2b, transparent) !important;
    margin: 25px 0 !important;
    position: relative !important;
}

details:has(summary:contains("星记忆")) hr::after {
    content: '✦' !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: #f4ead5 !important;
    padding: 0 10px !important;
    color: #8b5a2b !important;
}

/* ==================== 行动推荐 ==================== */

details:has(summary:contains("行动推荐")) > summary::before {
    content: '🎯' !important;
    position: absolute !important;
    left: 20px !important;
    font-size: 18px !important;
}

/* 行动列表 */
details:has(summary:contains("行动推荐")) ol {
    counter-reset: action-counter !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 10px 0 !important;
}

details:has(summary:contains("行动推荐")) li {
    counter-increment: action-counter !important;
    padding: 12px 15px 12px 50px !important;
    margin: 10px 0 !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid #c9a876 !important;
    border-radius: 6px !important;
    color: #2c1810 !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

details:has(summary:contains("行动推荐")) li::before {
    content: counter(action-counter) !important;
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 28px !important;
    background: linear-gradient(135deg, #8b4513, #a0522d) !important;
    color: #f4ead5 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

details:has(summary:contains("行动推荐")) li:hover {
    background: rgba(212, 184, 150, 0.4) !important;
    border-color: #8b4513 !important;
    transform: translateX(5px) !important;
    box-shadow: 0 4px 12px rgba(139, 69, 19, 0.2) !important;
}

/* ==================== 圣母像装饰 ==================== */

details:has(summary:contains("心理博弈"))::after {
    content: '🕊️' !important;
    position: absolute !important;
    bottom: 20px !important;
    right: 20px !important;
    font-size: 30px !important;
    opacity: 0.15 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* ==================== 响应式适配 ==================== */

@media (max-width: 768px) {
    /* 主容器 */
    .message-content,
    .group .bg-gray-100\/90,
    .chat-answer-container .bg-gray-100\/90 {
        padding: 20px 15px !important;
    }
    
    /* 烛光效果 */
    .message-content::before,
    .group .bg-gray-100\/90::before,
    .chat-answer-container .bg-gray-100\/90::before {
        width: 120px !important;
        height: 120px !important;
    }
    
    /* 十字架水印 */
    .message-content::after,
    .group .bg-gray-100\/90::after,
    .chat-answer-container .bg-gray-100\/90::after {
        font-size: 200px !important;
    }
    
    /* 顶部控制栏 */
    .sticky.top-0 {
        padding: 8px 12px !important;
    }
    
    /* 模型选择器 */
    #ai-model-selector {
        padding: 5px 30px 5px 10px !important;
        font-size: 13px !important;
    }
    
    /* 快捷按钮 */
    #ai-mod-button2 .MuiButton-outlinedPrimary {
        padding: 3px 8px !important;
        font-size: 11px !important;
    }
    
    /* 输入框容器 */
    .bg-white.border-\[1\.5px\] {
        padding: 8px !important;
    }
    
    /* 发送按钮 */
    #ai-send-button {
        padding: 6px 14px !important;
        font-size: 13px !important;
    }
    
    /* 折叠区 */
    details > summary {
        padding: 12px 40px 12px 15px !important;
        font-size: 15px !important;
    }
    
    details > *:not(summary) {
        padding: 15px !important;
    }
    
    /* 表格 */
    details table {
        font-size: 12px !important;
    }
    
    details table th,
    details table td {
        padding: 6px 8px !important;
    }
    
    /* 评论区 */
    .text-lg.font-bold.pl-3 {
        font-size: 16px !important;
        padding: 12px 15px !important;
    }
    
       /* 评论输入框 */
    .flex.flex-col.border-\[1\.5px\].border-gray-200 {
        padding: 12px !important;
        margin: 12px !important;
    }
    
    /* 评论发送按钮 */
    div[data-state="closed"] .cursor-pointer.group {
        padding: 8px 16px !important;
    }
    
    /* 分页控制 */
    .mo-pagination {
        padding: 8px !important;
    }
    
    .MuiPaginationItem-root {
        margin: 0 2px !important;
        min-width: 24px !important;
        height: 24px !important;
        font-size: 11px !important;
    }
}

/* ==================== 滚动条美化 ==================== */

/* 主容器滚动条 */
.message-content::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 12px !important;
}

.message-content::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: rgba(232, 220, 196, 0.5) !important;
    border-radius: 6px !important;
}

.message-content::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #8b5a2b, #a0522d) !important;
    border-radius: 6px !important;
    border: 2px solid rgba(244, 234, 213, 0.5) !important;
}

.message-content::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #a0522d, #8b4513) !important;
}

/* 折叠区滚动条 */
details::-webkit-scrollbar {
    width: 8px !important;
}

details::-webkit-scrollbar-track {
    background: rgba(232, 220, 196, 0.3) !important;
    border-radius: 4px !important;
}

details::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #c9a876, #b89968) !important;
    border-radius: 4px !important;
}

details::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #8b5a2b, #a0522d) !important;
}

/* ==================== 文本选择样式 ==================== */

.message-content ::selection,
.group ::selection,
.chat-answer-container ::selection,
details ::selection {
    background: rgba(139, 69, 19, 0.3) !important;
    color: #2c1810 !important;
}

.message-content ::-moz-selection,
.group ::-moz-selection,
.chat-answer-container ::-moz-selection,
details ::-moz-selection {
    background: rgba(139, 69, 19, 0.3) !important;
    color: #2c1810 !important;
}

/* ==================== 打印样式 ==================== */

@media print {
    /* 页面背景 */
    body {
        background: white !important;
    }
    
    /* 主容器 */
    .message-content,
    .group .bg-gray-100\/90,
    .chat-answer-container .bg-gray-100\/90 {
        background: white !important;
        box-shadow: none !important;
        border: 1px solid #8b5a2b !important;
    }
    
    /* 隐藏装饰元素 */
    .message-content::before,
    .message-content::after,
    .group .bg-gray-100\/90::before,
    .group .bg-gray-100\/90::after,
    .chat-answer-container .bg-gray-100\/90::before,
    .chat-answer-container .bg-gray-100\/90::after,
    details::before,
    details::after {
        display: none !important;
    }
    
    /* 折叠区 */
    details {
        border: 1px solid #8b5a2b !important;
        box-shadow: none !important;
    }
    
    details[open] > summary {
        page-break-after: avoid !important;
    }
    
    /* 隐藏交互元素 */
    #ai-send-button,
    #header-setting-button,
    button[aria-label="close"],
    .MuiButton-textPrimary,
    #ai-mod-button2 {
        display: none !important;
    }
}

/* ==================== 动画效果 ==================== */

/* 页面加载淡入 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.message-content,
.group .bg-gray-100\/90,
.chat-answer-container .bg-gray-100\/90 {
    animation: fadeIn 0.6s ease-out !important;
}

/* 折叠区展开动画 */
@keyframes slideDown {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 3000px;
    }
}

details[open] > *:not(summary) {
    animation: slideDown 0.4s ease-out !important;
}

/* 悬停光晕效果 */
@keyframes hoverGlow {
    0%, 100% {
        box-shadow: 0 0 10px rgba(255, 200, 87, 0.3);
    }
    50% {
        box-shadow: 0 0 20px rgba(255, 200, 87, 0.5);
    }
}

details > summary:hover {
    animation: hoverGlow 2s ease-in-out infinite !important;
}

/* 按钮脉冲效果 */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

#ai-send-button:hover,
div[data-state="closed"] .cursor-pointer.group:hover {
    animation: pulse 1s ease-in-out infinite !important;
}

/* 加载动画旋转 */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* 文字打字机效果（可选） */
@keyframes typing {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

/* 渐入渐出 */
@keyframes fadeInOut {
    0%, 100% {
        opacity: 0.6;
    }
    50% {
        opacity: 1;
    }
}

/* 十字架闪烁 */
.message-content::after,
.group .bg-gray-100\/90::after,
.chat-answer-container .bg-gray-100\/90::after {
    animation: fadeInOut 5s ease-in-out infinite !important;
}

/* ==================== 特殊交互效果 ==================== */

/* 按钮点击反馈 */
.MuiButton-textPrimary:active,
#ai-send-button:active,
div[data-state="closed"] .cursor-pointer.group:active {
    transform: scale(0.95) !important;
    transition: transform 0.1s ease !important;
}

/* 输入框聚焦效果 */
#ai-chat-input:focus,
textarea[placeholder="发表评论"]:focus {
    outline: 2px solid #8b4513 !important;
    outline-offset: 2px !important;
    transition: outline 0.3s ease !important;
}

/* 链接悬停效果 */
a {
    color: #8b4513 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(139, 69, 19, 0.3) !important;
    transition: all 0.3s ease !important;
}

a:hover {
    color: #a0522d !important;
    text-decoration-color: #a0522d !important;
}

/* 图片悬停效果 */
img {
    transition: all 0.3s ease !important;
}

img:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* ==================== 无障碍优化 ==================== */

/* 焦点可见性 */
*:focus-visible {
    outline: 2px solid #8b4513 !important;
    outline-offset: 2px !important;
}

/* 跳过链接（屏幕阅读器） */
.skip-link {
    position: absolute !important;
    top: -40px !important;
    left: 0 !important;
    background: #8b4513 !important;
    color: #f4ead5 !important;
    padding: 8px !important;
    text-decoration: none !important;
    z-index: 100 !important;
}

.skip-link:focus {
    top: 0 !important;
}

/* 减少动画（用户偏好） */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .message-content::before,
    .group .bg-gray-100\/90::before,
    .chat-answer-container .bg-gray-100\/90::before {
        animation: none !important;
    }
}

/* 高对比度模式 */
@media (prefers-contrast: high) {
    .message-content,
    .group .bg-gray-100\/90,
    .chat-answer-container .bg-gray-100\/90 {
        border: 3px solid #000 !important;
    }
    
    details {
        border: 2px solid #000 !important;
    }
    
    details > summary {
        background: #fff !important;
        color: #000 !important;
        border-bottom: 2px solid #000 !important;
    }
}

/* ==================== 深色模式适配（可选） ==================== */

@media (prefers-color-scheme: dark) {
    /* 如果用户系统偏好深色模式，可以添加深色主题 */
    /* 这里保持明亮的手抄本风格，不做深色适配 */
    /* 如需深色模式，取消下方注释并调整颜色 */
    
    /*
    body {
        background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%) !important;
    }
    
    .message-content,
    .group .bg-gray-100\/90,
    .chat-answer-container .bg-gray-100\/90 {
        background: linear-gradient(135deg, #2c2416 0%, #1f1a10 100%) !important;
        color: #e8dcc4 !important;
    }
    */
}

/* ==================== 结束标记 ==================== */

/* ==================== 圣像图片容器 ==================== */

/* 雕像图片容器 (竖向 3:4 比例) */
.statue-img {
    width: 190px !important;
    height: 260px !important;
    border: 2px solid #8b5a2b !important;
    border-radius: 8px !important;
    box-shadow: 
        0 4px 8px rgba(0, 0, 0, 0.3),
        inset 0 0 20px rgba(139, 90, 43, 0.1) !important;
    background-color: #f4ead5 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: block !important;
    margin: 10px auto !important;
    position: relative !important;
}

/* 雕像图片装饰边框 */
.statue-img::before {
    content: '' !important;
    position: absolute !important;
    top: -5px !important;
    left: -5px !important;
    right: -5px !important;
    bottom: -5px !important;
    border: 1px solid rgba(139, 90, 43, 0.3) !important;
    border-radius: 10px !important;
    pointer-events: none !important;
}

/* 雕像图片十字架水印 */
.statue-img::after {
    content: '✝' !important;
    position: absolute !important;
    bottom: 10px !important;
    right: 10px !important;
    font-size: 24px !important;
    color: rgba(139, 90, 43, 0.2) !important;
    pointer-events: none !important;
}

/* ==================== 雕像图片类名（根据数值范围） ==================== */

/* 0-20: 破碎的十字架 - 罪孽深重 */
.statue-0-20 {
    background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETmoFp64NjpxxS_IJ5ruNcnrOlPfxMvwACuyMAAn6SYFeRqmVP__87vDsE.png') !important;
}

/* 20-40: 哭泣的圣母 - 悲伤与忏悔 */
.statue-20-40 {
    background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETmoVp64XosC1MF5z_9LENtyIifAM5hAACyiMAAn6SYFe2-PVpJ8TFGzsE.png') !important;
}

/* 40-60: 祈祷的天使 - 寻求救赎 */
.statue-40-60 {
    background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETmoRp64WPUrjpGhol2lwbrYni2jjW5gACySMAAn6SYFcpco2TrzzccjsE.png') !important;
}

/* 60-80: 圣母怀抱圣婴 - 慈悲与希望 */
.statue-60-80 {
    background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETmoJp64R5BGeVqjv7J8Bt-mZwhy12LwACwSMAAn6SYFcQdlMJicEZLzsE.png') !important;
}

/* 80-100: 光辉的十字架 - 救赎与圣洁 */
.statue-80-100 {
    background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETmnNp64HpaKZaR2Gv0Y1jgWBJIqaJMwACqyMAAn6SYFdtwBDSV-9TxTsE.png') !important;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .statue-img {
        width: 150px !important;
        height: 200px !important;
    }
}