/* ===== 论坛 Markdown 渲染样式（MarkdownService 输出，用户内容，XSS 已转义） =====
 * 独立于 Tailwind 编译产物：public 目录直接生效，无需 npm build
 * 依赖全局 CSS 变量 --bg/--surface/--border/--text/--muted/--accent（明暗主题自适应）
 */
.markdown-body {
    word-break: break-word;
    line-height: 1.7;
}
.markdown-body > :first-child { margin-top: 0; }
.markdown-body > :last-child { margin-bottom: 0; }
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    margin: 1.25em 0 0.5em;
    color: var(--text);
}
.markdown-body h1 { font-size: 1.35em; }
.markdown-body h2 { font-size: 1.2em; }
.markdown-body h3 { font-size: 1.05em; }
.markdown-body h4 { font-size: 1em; }
.markdown-body p { margin: 0.6em 0; }
.markdown-body ul,
.markdown-body ol { margin: 0.6em 0; padding-left: 1.5em; }
.markdown-body ul { list-style: disc; }
.markdown-body ol { list-style: decimal; }
.markdown-body li { margin: 0.25em 0; }
.markdown-body blockquote {
    margin: 0.8em 0;
    padding: 0.5em 1em;
    border-left: 3px solid var(--accent);
    background: var(--bg);
    color: var(--muted);
}
.markdown-body code {
    padding: 0.15em 0.4em;
    background: var(--bg);
    border: 1px solid var(--border);
    font-size: 0.9em;
}
.markdown-body pre {
    margin: 0.8em 0;
    padding: 1em;
    overflow-x: auto;
    background: var(--bg);
    border: 1px solid var(--border);
    line-height: 1.5;
}
.markdown-body pre code {
    padding: 0;
    background: none;
    border: none;
    font-size: 0.85em;
}
.markdown-body table {
    margin: 0.8em 0;
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
}
.markdown-body th,
.markdown-body td {
    padding: 0.5em 0.75em;
    border: 1px solid var(--border);
    text-align: left;
}
.markdown-body th { background: var(--bg); font-weight: 600; }
.markdown-body a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.markdown-body a:hover { opacity: 0.85; }
.markdown-body hr { margin: 1.2em 0; border: none; border-top: 1px solid var(--border); }
.markdown-body img { max-width: 100%; height: auto; }
.markdown-body del { color: var(--muted); }