/*
 * ==============================================
 *   【山水卷轴·桃粉梅花版】
 *   特色：桃粉梅花 + 米黄统一背景 + 居中太极
 * ==============================================
 */
/*
 * ---------------------------------
 *   【核心】华文楷体全局应用
 * ---------------------------------
 */
body, * {
    font-family: 'STKaiti', 'KaiTi', 'KaiTi_GB2312', '华文楷体', 'SimKai', serif;
}
/* 代码块保持等宽字体 */
code, pre, .hljs, .language-* {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
}
/*
 * ---------------------------------
 *   【卷轴一】紧凑木纹双层边框对话框
 * ---------------------------------
 */
/* 气泡最底层背景（手机端防透明 - 圆角） */
.group .bg-gray-100\/90 {
    position: relative;
    z-index: 1; /* 确保对话框主体在背景之上 */
    border-radius: 12px; /* 提前设置圆角，避免覆盖 */
    /* 统一米黄背景（与输入框一致）*/
    background: linear-gradient(180deg, #FFF9E6 0%, #F2EBDB 100%);
    color: #2C2C2C;
    padding: 17px 19px;  /* 缩短到原来的2/3 (26px→17px, 28px→19px) */
    font-size: 14px; /* 全局正文字体 */
    font-weight: 500;
    line-height: 1.8;
    overflow: visible;
}
.group .bg-gray-100\/90::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(180deg, #FFF9E6 0%, #F2EBDB 100%);
    border-radius: 15px; /* 比对话框主体大一点的圆角 */
    z-index: -2; /* 确保在对话框主体之下 */
    pointer-events: none;
}
/* 对话框主体 - 圆角处理 */
.group .bg-gray-100\/90 {
    /* 外层木纹边框 - 圆角 */
    border: 5px solid transparent;
    border-image: linear-gradient(
        145deg,
        #6B5745 0%,
        #5A4535 15%,
        #704A35 30%,
        #6B5745 45%,
        #5A4535 60%,
        #6B5745 75%,
        #704A35 90%,
        #6B5745 100%
    ) 1;
    /* 移除多余内层边框，保持简洁 */
    box-shadow:
        -3px 0 12px rgba(107, 87, 69, 0.25),
        5px 8px 20px rgba(0, 0, 0, 0.15);
}
/* 🌸 左上角桃粉梅花枝 */
.group .bg-gray-100\/90::after {
    content: '';
    position: absolute;
    top: -18px;
    left: -22px;
    width: 110px;
    height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3C!-- 遒劲主枝 --%3E%3Cpath d='M8 92 Q20 75 32 60 Q40 50 48 40 Q58 28 70 16' stroke='%23704A35' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C!-- 细枝分叉1 --%3E%3Cpath d='M32 60 Q37 53 42 46' stroke='%23704A35' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C!-- 细枝分叉2 --%3E%3Cpath d='M48 40 Q55 33 62 26' stroke='%23704A35' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C!-- 桃粉梅花1（超大） --%3E%3Ccircle cx='42' cy='46' r='11' fill='%23FFE4E8'/%3E%3Ccircle cx='42' cy='46' r='7' fill='%23FFD1DA'/%3E%3Ccircle cx='42' cy='46' r='2.5' fill='%23F5C6D3'/%3E%3C!-- 桃粉花瓣 --%3E%3Ccircle cx='37' cy='40' r='4' fill='%23FFCCD9' opacity='1'/%3E%3Ccircle cx='47' cy='41' r='4' fill='%23FFCCD9' opacity='1'/%3E%3Ccircle cx='40' cy='52' r='4' fill='%23FFCCD9' opacity='1'/%3E%3Ccircle cx='36' cy='49' r='3.5' fill='%23FFD6E3' opacity='0.95'/%3E%3Ccircle cx='48' cy='49' r='3.5' fill='%23FFD6E3' opacity='0.95'/%3E%3C!-- 桃粉梅花2（大） --%3E%3Ccircle cx='62' cy='26' r='10' fill='%23FFE4E8'/%3E%3Ccircle cx='62' cy='26' r='6.5' fill='%23FFD1DA'/%3E%3Ccircle cx='62' cy='26' r='2' fill='%23F5C6D3'/%3E%3C!-- 桃粉花瓣 --%3E%3Ccircle cx='57.5' cy='20.5' r='3.5' fill='%23FFCCD9' opacity='1'/%3E%3Ccircle cx='66.5' cy='21.5' r='3.5' fill='%23FFCCD9' opacity='1'/%3E%3Ccircle cx='60' cy='32' r='3.5' fill='%23FFCCD9' opacity='1'/%3E%3Ccircle cx='56' cy='29' r='3' fill='%23FFD6E3' opacity='0.95'/%3E%3Ccircle cx='68' cy='29' r='3' fill='%23FFD6E3' opacity='0.95'/%3E%3C!-- 桃粉花骨朵（中等） --%3E%3Ccircle cx='70' cy='16' r='6' fill='%23FFE8ED'/%3E%3Ccircle cx='70' cy='16' r='3.5' fill='%23FFCCD9'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.85;
    pointer-events: none;
    z-index: 2;
}
/* 通过子元素实现右下角梅花 */
.group .bg-gray-100\/90 > *:last-child::after {
    content: '';
    position: absolute;
    bottom: -30px;
    right: -33px;
    width: 95px;
    height: 95px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 85'%3E%3C!-- 遒劲主枝 --%3E%3Cpath d='M77 8 Q63 20 49 32 Q40 42 30 54 Q20 66 10 78' stroke='%23704A35' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E%3C!-- 细枝分叉 --%3E%3Cpath d='M49 32 Q43 39 37 46' stroke='%23704A35' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3C!-- 桃粉梅花（大） --%3E%3Ccircle cx='43' cy='36' r='10' fill='%23FFE4E8'/%3E%3Ccircle cx='43' cy='36' r='6.5' fill='%23FFD1DA'/%3E%3Ccircle cx='43' cy='36' r='2' fill='%23F5C6D3'/%3E%3C!-- 桃粉花瓣 --%3E%3Ccircle cx='38.5' cy='30.5' r='3.5' fill='%23FFCCD9' opacity='1'/%3E%3Ccircle cx='47.5' cy='31.5' r='3.5' fill='%23FFCCD9' opacity='1'/%3E%3Ccircle cx='41' cy='42' r='3.5' fill='%23FFCCD9' opacity='1'/%3E%3Ccircle cx='37' cy='39' r='3' fill='%23FFD6E3' opacity='0.95'/%3E%3Ccircle cx='49' cy='39' r='3' fill='%23FFD6E3' opacity='0.95'/%3E%3C!-- 桃粉花骨朵（中等） --%3E%3Ccircle cx='37' cy='46' r='6' fill='%23FFE8ED'/%3E%3Ccircle cx='37' cy='46' r='3.5' fill='%23FFCCD9'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
    pointer-events: none;
    z-index: 2;
}
/*
 * ---------------------------------
 *   ❌ 彻底移除角色台词分色功能
 * ---------------------------------
 */
/* ✅ 所有文字统一使用标准墨色，不再区分角色 */
.group .bg-gray-100\/90 p,
.group .bg-gray-100\/90 p strong,
.group .bg-gray-100\/90 p b,
.group .bg-gray-100\/90 blockquote,
.group .bg-gray-100\/90 blockquote p,
.group .bg-gray-100\/90 > div > p {
    color: #2C2C2C;
    text-shadow: none;
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    background: transparent;
}
/*
 * ---------------------------------
 *   ⏳ 天机推演加载动画（换行+居中太极）
 * ---------------------------------
 */
/* 隐藏原始三点 */
.style_dot-flashing__8L91Q {
    display: none;
}
/* 加载容器样式 - 圆角 */
.flex.items-center.justify-center.w-6.h-5 {
    width: auto;
    height: auto;
    min-width: 200px;
    padding: 16px 20px;
    background: linear-gradient(180deg, #FFF9E6 0%, #F2EBDB 100%);
    border: 2px solid transparent;
    border-image: linear-gradient(145deg, #6B5745, #5A4535, #704A35, #6B5745) 1;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(107, 87, 69, 0.2);
    position: relative;
    overflow: visible;
    /* 弹性布局支持换行 */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
/* 天机推演文字（换行显示） */
.flex.items-center.justify-center.w-6.h-5::before {
    content: '（正在推演天机）' '\A' '推荐4记忆pro游玩';
    font-family: 'STKaiti', 'KaiTi', '华文楷体', serif;
    font-size: 13px;
    font-weight: 600;
    color: #8B6914;
    letter-spacing: 1.5px;
    text-shadow: 0 0 3px rgba(139, 105, 20, 0.3), 0 0 8px rgba(139, 105, 20, 0.15);
    animation: divineGlow 2s ease-in-out infinite;
    white-space: pre-line;
    text-align: center;
    display: block;
    line-height: 1.8;
}
@keyframes divineGlow {
    0%, 100% {
        text-shadow: 0 0 3px rgba(139, 105, 20, 0.3), 0 0 8px rgba(139, 105, 20, 0.15);
        opacity: 0.85;
    }
    50% {
        text-shadow: 0 0 6px rgba(139, 105, 20, 0.5), 0 0 12px rgba(139, 105, 20, 0.25), 0 0 18px rgba(255, 215, 0, 0.15);
        opacity: 1;
    }
}
/* 居中大太极（透明） */
.flex.items-center.justify-center.w-6.h-5::after {
    content: '☯';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: #8B7355;
    opacity: 0.15;
    animation: baguaRotate 8s linear infinite;
    z-index: 0;
    pointer-events: none;
}
@keyframes baguaRotate {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
/*
 * ---------------------------------
 *   📜 折叠消耗容器（默认显示小标签）
 * ---------------------------------
 */
/* 消耗容器外层包装 - 圆角 */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j {
    position: relative;
    margin-top: 10px;
    /* 默认状态：显示为小标签 */
    background: linear-gradient(135deg, #F5F0E3 0%, #E8DCC8 100%);
    border: 2px solid transparent;
    border-image: linear-gradient(145deg, #6B5745, #704A35, #6B5745) 1;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(107, 87, 69, 0.15);
    padding: 6px 14px;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    overflow: hidden;
}
/* 小标签状态显示提示文字 */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j::before {
    content: '【点击查看消耗详情】';
    display: block;
    font-family: 'STKaiti', 'KaiTi', '华文楷体', serif;
    font-size: 18px;
    font-weight: 600;
    color: #8B7355;
    letter-spacing: 1px;
    text-align: center;
    transition: opacity 0.3s ease;
}
/* 隐藏实际消耗内容（默认状态） */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j .MuiTypography-root {
    opacity: 0;
    max-height: 0;
    margin: 0;
    transition: all 0.4s ease;
}
/* 悬停展开完整玉简样式 - 圆角 */
.group:hover .MuiStack-root.text-purple-500.mt-1.css-1kz283j,
.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover {
    background: linear-gradient(180deg, #FFF9E6 0%, #F2EBDB 100%);
    border: 3px solid transparent;
    border-image: linear-gradient(145deg, #6B5745, #5A4535, #704A35, #6B5745, #5A4535) 1;
    border-radius: 10px;
    box-shadow:
        0 6px 16px rgba(107, 87, 69, 0.3),
        0 3px 8px rgba(0, 0, 0, 0.15);
    padding: 14px 18px;
    transform: translateY(-2px);
}
/* 悬停时隐藏提示文字 */
.group:hover .MuiStack-root.text-purple-500.mt-1.css-1kz283j::before,
.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover::before {
    opacity: 0;
    max-height: 0;
}
/* 悬停时显示消耗内容 */
.group:hover .MuiStack-root.text-purple-500.mt-1.css-1kz283j .MuiTypography-root,
.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover .MuiTypography-root {
    opacity: 1;
    max-height: 100px;
    margin: 4px 0;
}
/* 竹简纹理（仅悬停时显示）- 圆角 */
.group:hover .MuiStack-root.text-purple-500.mt-1.css-1kz283j::after,
.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: repeating-linear-gradient(
        90deg,
        transparent,
        transparent 18px,
        rgba(139, 115, 85, 0.08) 18px,
        rgba(139, 115, 85, 0.08) 20px
    );
    border-radius: 10px;
    pointer-events: none;
    z-index: 0;
    opacity: 1;
    transition: opacity 0.3s ease;
}
/* 消耗文字基础样式 */
.MuiStack-root.text-purple-500.mt-1 .MuiTypography-root {
    font-family: 'STKaiti', 'KaiTi', '华文楷体', serif;
    font-size: 13px;
    line-height: 1.8;
    font-weight: 600;
    position: relative;
    z-index: 1;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
}
/* 模型名称 */
.MuiStack-root.text-purple-500.mt-1 .css-6c0gf2 {
    color: #1A4B5C;
    font-weight: 700;
    letter-spacing: 1px;
    border-left: 3px solid #4A7C8C;
    padding-left: 10px;
    text-shadow: 0 0 2px rgba(26, 75, 92, 0.15);
}
/* 输入消耗 - 圆角 */
.MuiStack-root.text-purple-500.mt-1 .css-1x48u03:nth-of-type(2) {
    color: #8B6914;
    background: linear-gradient(90deg, rgba(139, 105, 20, 0.08) 0%, rgba(139, 105, 20, 0.15) 50%, rgba(139, 105, 20, 0.08) 100%);
    border-left: 3px solid #B8860B;
    padding-left: 10px;
    margin-left: 2px;
    border-radius: 4px;
}
/* 输出消耗 - 圆角 */
.MuiStack-root.text-purple-500.mt-1 .css-1x48u03:nth-of-type(3) {
    color: #A0522D;
    background: linear-gradient(90deg, rgba(160, 82, 45, 0.08) 0%, rgba(160, 82, 45, 0.15) 50%, rgba(160, 82, 45, 0.08) 100%);
    border-left: 3px solid #CD5C5C;
    padding-left: 10px;
    margin-left: 2px;
    border-radius: 4px;
}
/*
 * ---------------------------------
 *   其他功能按钮
 * ---------------------------------
 */
.flex.items-center.gap-2.pb-2 > button {
    background: linear-gradient(180deg, #F5F0E3 0%, #E8DCCB 100%);
    color: #4A4A4A;
    border: 1.5px solid #D4C4B0;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 7px 18px;
    position: relative;
    overflow: hidden;
}
.flex.items-center.gap-2.pb-2 > button::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    width: 0; height: 0;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(180, 160, 140, 0.2) 0%, transparent 70%);
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}
.flex.items-center.gap-2.pb-2 > button:hover::after {
    width: 200px;
    height: 200px;
}
.flex.items-center.gap-2.pb-2 > button:hover {
    background: linear-gradient(180deg, #E8DCCB 0%, #DDD1BB 100%);
    color: #1A1A1A;
    border-color: #C8B299;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
}
/*
 * ---------------------------------
 *   笔砚输入框
 * ---------------------------------
 */
#ai-chat-input {
    background: linear-gradient(180deg, #FFF9E6 0%, #F2EBDB 100%);
    border: none;
    border-top: 2px solid #D4C4B0;
    border-bottom: 2px solid #C8B299;
    border-radius: 8px;
    color: #2C2C2C;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06), inset 0 -1px 2px rgba(139, 115, 85, 0.1);
    padding: 12px 16px;
    font-size: 15px; /* 输入框字体大小 */
    line-height: 1.6;
}
#ai-chat-input::placeholder {
    color: #9A8A7A;
    opacity: 0.6;
}
#ai-chat-input:focus {
    border-top-color: #8B7355;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(139, 115, 85, 0.15);
}
#ai-chat-bottom-input {
    background: transparent;
    backdrop-filter: none;
}
/*
 * ---------------------------------
 *   滚动条水墨化
 * ---------------------------------
 */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #D4C4B0 0%, #C8B299 100%);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #C8B299 0%, #B8A68D 100%);
}
/*
 * ==============================================
 *   【新增】折叠状态栏美化（details/summary）
 * ==============================================
 */
/* details 整体容器 - 简化边框+圆角+外描边 */
details {
    background: linear-gradient(180deg, #FFF9E6 0%, #F2EBDB 100%);
    border: 3px solid #8B7355;  /* 加粗外描边 */
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(107, 87, 69, 0.2);
    padding: 10px 12px;  /* 进一步缩短内边距 */
    margin: 6px 0;  /* 缩短外边距 */
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
/* details 展开状态 */
details[open] {
    box-shadow: 0 5px 15px rgba(107, 87, 69, 0.3);
}
/* summary 标题样式 - 圆角 */
summary {
    font-family: 'STKaiti', 'KaiTi', '华文楷体', serif;
    font-size: 1.2em; /* 保持相对大小 */
    font-weight: 700;
    color: #2C2C2C;
    cursor: pointer;
    list-style: none;
    padding: 4px 8px;  /* 缩短内边距 */
    margin: -3px -4px 6px -4px;  /* 缩短外边距 */
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(139, 115, 85, 0.08) 0%, rgba(139, 115, 85, 0.15) 100%);
    transition: all 0.3s ease;
    position: relative;
}
/* 隐藏默认三角箭头 */
summary::-webkit-details-marker {
    display: none;
}
summary::marker {
    display: none;
}
/* 自定义展开/收起图标 */
summary::before {
    content: '▶';
    display: inline-block;
    margin-right: 10px;
    font-size: 0.85em;
    color: #8B7355;
    transition: transform 0.3s ease;
}
details[open] summary::before {
    transform: rotate(90deg);
}
/* summary 悬停效果 */
summary:hover {
    background: linear-gradient(135deg, rgba(139, 115, 85, 0.12) 0%, rgba(139, 115, 85, 0.22) 100%);
    color: #1A1A1A;
}
/* details 内部内容样式 */
details > *:not(summary) {
    font-size: 18px; /* 统一正文字体大小 */
    color: #2C2C2C;
    line-height: 1.8;
    margin-top: 5px;  /* 缩短顶部间距 */
}
/*
 * ---------------------------------
 *   Markdown 表格特殊美化
 * ---------------------------------
 */
/* 表格容器 - 外描边+无内边框+圆角 */
details table,
.markdown-body table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 5px 0;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: linear-gradient(180deg, #FFFBF0 0%, #F8F4E8 100%);
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(107, 87, 69, 0.12);
    border: 2px solid #8B7355;
}
/* 表格头部 - 圆角 */
details thead,
.markdown-body thead {
    background: linear-gradient(180deg, #E8DCC8 0%, #D9C9B0 100%);
}
details thead tr:first-child th:first-child {
    border-top-left-radius: 6px;
}
details thead tr:first-child th:last-child {
    border-top-right-radius: 6px;
}
details th,
.markdown-body th {
    font-family: 'STKaiti', 'KaiTi', '华文楷体', serif;
    font-size: 1.05em; /* 保持相对大小 */
    font-weight: 700;
    color: #1A1A1A;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
    padding: 6px 8px;
    text-align: left;
    border-right: none;
    border-bottom: 1px solid #6B5745;
    white-space: nowrap;
}
details th:last-child,
.markdown-body th:last-child {
    border-right: none;
}
/* 表格单元格 - 无内边框 */
details td,
.markdown-body td {
    font-size: 0.95em; /* 保持相对大小 */
    color: #333333;
    padding: 5px 8px;
    border-bottom: none;
    border-right: none;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}
details td:last-child,
.markdown-body td:last-child {
    border-right: none;
}
/* 表格行交替背景 */
details tbody tr:nth-child(odd),
.markdown-body tbody tr:nth-child(odd) {
    background: rgba(255, 251, 240, 0.5);
}
details tbody tr:nth-child(even),
.markdown-body tbody tr:nth-child(even) {
    background: rgba(248, 244, 232, 0.5);
}
/* 表格行悬停效果 */
details tbody tr:hover,
.markdown-body tbody tr:hover {
    background: rgba(232, 220, 200, 0.35);
    transition: background 0.2s ease;
}
/* 最后一行圆角 */
details tbody tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}
details tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}
/*
 * ---------------------------------
 *   移动端表格优化（手机端）
 * ---------------------------------
 */
@media screen and (max-width: 768px) {
    details table,
    .markdown-body table {
        font-size: 0.9em;
    }
    details th,
    .markdown-body th {
        font-size: 0.95em;
        padding: 5px 6px;
    }
    details td,
    .markdown-body td {
        font-size: 0.85em;
        padding: 4px 6px;
        min-width: 80px;
    }
    details table,
    .markdown-body table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }
    details {
        margin: 4px 0;
        padding: 6px 8px;
    }
}
/*
 * ---------------------------------
 *   代码块/行内代码在 details 中的样式 - 圆角
 * ---------------------------------
 */
details code,
details pre {
    background: rgba(139, 115, 85, 0.08);
    border: 1px solid #D9C9B0;
    border-radius: 6px;
    padding: 2px 6px;
    font-size: 0.92em; /* 保持相对大小 */
    color: #704A35;
}
details pre {
    padding: 8px 12px;  /* 缩短内边距 */
    overflow-x: auto;
    margin: 7px 0;  /* 缩短外边距 */
}
/*
 * ---------------------------------
 *   列表在 details 中的样式
 * ---------------------------------
 */
details ul,
details ol {
    margin: 7px 0;  /* 缩短外边距 */
    padding-left: 20px;  /* 缩短缩进 */
    color: #2C2C2C;
}
details li {
    margin: 3px 0;  /* 缩短间距 */
    line-height: 1.8;
}
/*
 * ---------------------------------
 *   强调文本在 details 中的样式
 * ---------------------------------
 */
details strong,
details b {
    color: #1A4B5C;
    font-weight: 700;
}
details em,
details i {
    color: #8B6914;
    font-style: italic;
}
/* ====== 强制覆盖 Markdown 正文字体大小 ====== */
/*
 * 针对 .markdown-body 及其所有子元素，统一设置字体大小为 18px。
 * 考虑到该类可能应用于复杂内容，使用 !important 确保覆盖性。
 * 对于其他非 .markdown-body 的正文内容，已在 .group .bg-gray-100\/90 和 details > *:not(summary) 中直接设置。
 */
.markdown-body,
.markdown-body p,
.markdown-body li,
.markdown-body dd,
.markdown-body td,
.markdown-body th {
    font-size: 18px !important; /* 统一正文字体大小，保留 !important 确保覆盖性 */
    line-height: 1.8;   /* 可选，调整行距舒适度 */
}
/* 确保代码块和行内代码的字体大小不受 .markdown-body 的 18px 影响，保持等宽字体和原始相对大小 */
.markdown-body code,
.markdown-body pre,
.markdown-body .hljs,
.markdown-body .language-* {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: inherit; /* 继承父元素或由自身规则控制 */
}