/* =============================================
   蜜茶 · 压力觉醒
   base-hue:35  base-sat:45%  is-dark:0  accent-hue:340  accent-sat:60%

   bg-deep:#faf6f4   bg-default:#fdfafa   bg-paper:#fffefa
   text-main:#2d2520  text-sub:#8a7e76
   accent:#c4707a     accent-soft:#f5d4d8
   glow:0 0 18px rgba(196,112,122,0.12)
   ============================================= */

/* ═══════════════════════════════════════════════
   全局基础
   ═══════════════════════════════════════════════ */
.max-w-\[720px\] {
    --bg-deep: #faf6f4;
    --bg-default: #fdfafa;
    --bg-paper: #fffefa;
    --text-main: #2d2520;
    --text-sub: #8a7e76;
    --accent: #c4707a;
    --accent-soft: #f5d4d8;
    --accent-bright: #d48a94;
    --border: #e8ddd8;
    --border-light: #f0e8e4;
    --panel: #f5f0ee;
    --glow: 0 0 18px rgba(196,112,122,0.12);
}

/* ═══════════════════════════════════════════════
   正文排版
   ═══════════════════════════════════════════════ */
.max-w-\[720px\] p {
    margin: 0.6em 0;
    line-height: 1.95;
    color: var(--text-main);
    font-size: 15px;
    letter-spacing: 0.01em;
}

/* ═══════════════════════════════════════════════
   对话颜色
   ═══════════════════════════════════════════════ */
.dialogue-player { color: #4a6a8a !important; font-weight: 500; }
.dialogue-mian { color: #c4707a !important; font-weight: 500; }
.dialogue-other { color: #888888 !important; font-weight: 500; }

/* ═══════════════════════════════════════════════
   折叠面板
   ═══════════════════════════════════════════════ */
.max-w-\[720px\] details {
    background: var(--bg-paper);
    border: 1px solid var(--border);
    border-radius: 10px;
    margin: 10px 0;
    overflow: hidden;
    transition: border-color 0.3s;
}

.max-w-\[720px\] details:hover {
    border-color: var(--accent-soft);
}

.max-w-\[720px\] summary {
    padding: 12px 18px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--accent);
    background: var(--panel);
    border-bottom: 1px solid var(--border-light);
    user-select: none;
    transition: background 0.3s;
    list-style: none;
}

.max-w-\[720px\] summary::-webkit-details-marker { display: none; }
.max-w-\[720px\] summary::before {
    content: '▸';
    margin-right: 8px;
    transition: transform 0.2s;
    display: inline-block;
}
.max-w-\[720px\] details[open] summary::before {
    transform: rotate(90deg);
}

.max-w-\[720px\] details[open] summary {
    border-bottom: 1px solid var(--border);
}

.max-w-\[720px\] details > div,
.max-w-\[720px\] details > p {
    padding: 14px 18px;
}

/* ═══════════════════════════════════════════════
   状态栏内表格
   ═══════════════════════════════════════════════ */
.max-w-\[720px\] table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.max-w-\[720px\] th {
    background: var(--panel);
    padding: 8px 10px;
    text-align: left;
    font-weight: 600;
    color: var(--accent);
    border-bottom: 1px solid var(--border);
}

.max-w-\[720px\] td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--border-light);
    color: var(--text-main);
    line-height: 1.7;
}

/* ═══════════════════════════════════════════════
   代码块美化隐藏
   ═══════════════════════════════════════════════ */
/* 隐藏"MarkDown"标签 */
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\],
.markdown-body pre > div > div.flex.justify-between > div[class*="text-gray-500"] {
    display: none !important;
}

/* 头部栏透明 */
.markdown-body pre > div > div.flex.justify-between {
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

/* 代码内容区 */
.markdown-body pre > div > div[style*="overflow-x"] {
    background-color: transparent !important;
    color: #555555 !important;
}

/* 代码标签 */
.markdown-body pre code,
.markdown-body code.language-markdown {
    background-color: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
    color: #555555 !important;
    white-space: normal !important;
    font-size: 14px !important;
}

/* ═══════════════════════════════════════════════
   行动选项
   ═══════════════════════════════════════════════ */
.max-w-\[720px\] code.language-markdown {
    display: block;
    padding: 10px 14px;
    background: var(--panel) !important;
    border-left: 3px solid var(--accent);
    border-radius: 6px;
    margin: 6px 0;
    color: var(--text-main) !important;
    font-size: 14px !important;
    line-height: 1.7;
    white-space: normal !important;
}

/* ═══════════════════════════════════════════════
   滚动条
   ═══════════════════════════════════════════════ */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--bg-deep); }
::-webkit-scrollbar-thumb { background: var(--accent-soft); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }

/* ═══════════════════════════════════════════════
   全局字体
   ═══════════════════════════════════════════════ */
.max-w-\[720px\],
.max-w-\[720px\] * {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
}

.max-w-\[720px\] th,
.max-w-\[720px\] td,
.max-w-\[720px\] summary,
.max-w-\[720px\] p,
.max-w-\[720px\] span {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
}

/* ═══════════════════════════════════════════════
   强调与分隔
   ═══════════════════════════════════════════════ */
.max-w-\[720px\] strong {
    color: var(--accent);
    font-weight: 600;
}

.max-w-\[720px\] hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border), transparent);
    margin: 20px 0;
}

/* ═══════════════════════════════════════════════
   暖光晕
   ═══════════════════════════════════════════════ */
.max-w-\[720px\] details[open] {
    box-shadow: var(--glow);
}