/* ===== 核心聊天框美化 ===== */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(135deg, rgba(20, 20, 35, 0.96), rgba(30, 25, 40, 0.96)) !important;
    border: 2px solid rgba(218, 165, 32, 0.7) !important;
    border-radius: 15px !important;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.6),
        inset 0 0 40px rgba(218, 165, 32, 0.08),
        0 0 60px rgba(139, 69, 19, 0.2) !important;
    position: relative !important;
    isolation: isolate !important;
    backdrop-filter: blur(12px) !important;
}

/* ===== 聊天框背景装饰（龙纹暗影） ===== */
.bg-gray-100\/90.relative.inline-block::before {
    content: '';
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: 
        radial-gradient(circle at 20% 30%, rgba(218, 165, 32, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(139, 69, 19, 0.06) 0%, transparent 50%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M50,100 Q70,80 100,80 T150,100 Q130,120 100,120 T50,100' fill='none' stroke='rgba(218,165,32,0.06)' stroke-width='1.5'/%3E%3Cpath d='M60,110 L80,90 M140,110 L120,90' stroke='rgba(218,165,32,0.05)' stroke-width='1'/%3E%3C/svg%3E") !important;
    background-size: 100% 100%, 100% 100%, 180px 180px !important;
    opacity: 0.5 !important;
    z-index: 0 !important;
    border-radius: 15px !important;
    pointer-events: none !important;
}

/* ===== 聊天框顶部金边装饰 ===== */
.bg-gray-100\/90.relative.inline-block::after {
    content: '';
    position: absolute !important;
    top: 0 !important;
    left: 5% !important;
    right: 5% !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, rgba(218, 165, 32, 0.8), transparent) !important;
    border-radius: 2px !important;
    z-index: 2 !important;
    box-shadow: 0 0 10px rgba(218, 165, 32, 0.5) !important;
}

/* ===== 文本内容层级与强制楷体 ===== */
.markdown-body {
    position: relative !important;
    z-index: 1 !important;
    color: #F5F5F5 !important;
    font-family: 'KaiTi', 'STKaiti', 'FZKai-Z03', 'Microsoft YaHei', serif !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
    line-height: 1.9 !important;
    letter-spacing: 0.5px !important;
}

/* ===== 强制所有文本元素使用楷体 ===== */
.markdown-body *,
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body p,
.markdown-body span,
.markdown-body li,
.markdown-body a,
.markdown-body strong,
.markdown-body em {
    font-family: 'KaiTi', 'STKaiti', 'FZKai-Z03', 'Microsoft YaHei', serif !important;
}

/* ===== 标题强化（金色渐变+阴影） ===== */
.markdown-body h1,
.markdown-body h2,
.markdown-body h3 {
    background: linear-gradient(135deg, #DAA520 0%, #FFD700 50%, #DAA520 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-weight: bold !important;
    text-shadow: none !important;
    filter: drop-shadow(0 2px 6px rgba(218, 165, 32, 0.4)) !important;
}

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

/* ===== 底部按钮美化 ===== */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #c9a961 !important;
    font-family: 'KaiTi', 'STKaiti', serif !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-shadow: 0 0 10px rgba(218, 165, 32, 0.25) !important;
    border-radius: 6px !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #FFD700 !important;
    background: rgba(218, 165, 32, 0.15) !important;
    text-shadow: 0 0 15px rgba(255, 215, 0, 0.6) !important;
    transform: translateY(-1px) !important;
}

/* ===== 模型名称文本 ===== */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #8B7355 !important;
    font-family: 'KaiTi', 'STKaiti', serif !important;
    font-size: 0.88em !important;
}

/* ===== Token消耗文本 ===== */
.text-orange-500 {
    color: #d4a574 !important;
    font-family: 'KaiTi', 'STKaiti', serif !important;
}

/* ===== 评论区完整渲染（深度覆盖） ===== */
.MuiPaper-root,
.MuiCard-root,
.MuiBox-root,
div[class*="comment"],
div[class*="reply"],
div[class*="discussion"],
div[class*="feedback"] {
    background: linear-gradient(135deg, rgba(20, 20, 35, 0.92), rgba(30, 25, 40, 0.92)) !important;
    border: 1px solid rgba(218, 165, 32, 0.35) !important;
    border-radius: 10px !important;
    color: #e8e8e8 !important;
    font-family: 'KaiTi', 'STKaiti', 'Microsoft YaHei', serif !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* ===== 评论区所有文本强制楷体（深度覆盖） ===== */
.MuiTypography-root,
.MuiInputBase-root,
.MuiButton-root,
textarea,
input[type="text"],
p,
span,
div {
    font-family: 'KaiTi', 'STKaiti', 'Microsoft YaHei', serif !important;
    color: #d4d4d4 !important;
}

/* ===== 评论区输入框 ===== */
.MuiInputBase-root.MuiOutlinedInput-root {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(218, 165, 32, 0.45) !important;
    border-radius: 8px !important;
    font-family: 'KaiTi', 'STKaiti', serif !important;
    color: #e8e8e8 !important;
}

.MuiInputBase-root.MuiOutlinedInput-root:focus-within {
    border-color: #DAA520 !important;
    box-shadow: 0 0 20px rgba(218, 165, 32, 0.35) !important;
}

/* ===== 评论区按钮 ===== */
.MuiButton-contained,
.MuiButton-outlined {
    background: linear-gradient(135deg, rgba(139, 69, 19, 0.8), rgba(101, 67, 33, 0.8)) !important;
    color: #DAA520 !important;
    border: 1px solid rgba(218, 165, 32, 0.6) !important;
    font-family: 'KaiTi', 'STKaiti', serif !important;
    transition: all 0.3s !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

.MuiButton-contained:hover,
.MuiButton-outlined:hover {
    background: linear-gradient(135deg, rgba(101, 67, 33, 0.9), rgba(74, 50, 31, 0.9)) !important;
    box-shadow: 0 0 25px rgba(218, 165, 32, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* ===== 代码块特殊处理（保留等宽字体但增加古风边框） ===== */
.markdown-body pre,
.markdown-body code {
    background: rgba(0, 0, 0, 0.7) !important;
    border: 1px solid rgba(139, 69, 19, 0.6) !important;
    border-radius: 8px !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5) !important;
}

.markdown-body pre {
    border-left: 3px solid rgba(218, 165, 32, 0.6) !important;
}

/* ===== 链接样式 ===== */
.markdown-body a {
    color: #DAA520 !important;
    text-decoration: none !important;
    border-bottom: 1px dotted rgba(218, 165, 32, 0.6) !important;
    transition: all 0.3s !important;
    font-family: 'KaiTi', 'STKaiti', serif !important;
}

.markdown-body a:hover {
    color: #FFD700 !important;
    border-bottom-color: #FFD700 !important;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.7) !important;
}

/* ===== 列表样式优化 ===== */
.markdown-body ul,
.markdown-body ol {
    color: #d4d4d4 !important;
}

.markdown-body li {
    margin-bottom: 6px !important;
    color: #c9a961 !important;
}

/* ===== 引用块美化 ===== */
.markdown-body blockquote {
    border-left: 4px solid rgba(218, 165, 32, 0.7) !important;
    background: rgba(139, 69, 19, 0.1) !important;
    padding: 12px 16px !important;
    color: #c9a961 !important;
    font-style: italic !important;
}

/* ===== 移动端适配 ===== */
@media (max-width: 768px) {
    .bg-gray-100\/90.relative.inline-block {
        border-radius: 10px !important;
        padding: 14px !important;
    }
    
    .markdown-body {
        font-size: 0.96em !important;
        line-height: 1.8 !important;
    }
    
    .MuiButton-root {
        font-size: 0.9em !important;
        padding: 8px 12px !important;
    }
}