/**
 * 法律信息页样式（legal.htm）
 * 提取自模板内联 <style>，对齐 demo-ui/account/agreement.html 的法律文档样式
 *
 * 引入方式：<link rel="stylesheet" href="/static/css/legal.css" />
 * 全局基础样式已在 style.css 中定义，此处仅做页面级扩展
 */

/* ========================================================================
   1. 法律文档主体（.legal-doc）
   ======================================================================== */

.legal-doc { max-width: 800px; margin: 0 auto; padding: 48px 0; }
.legal-doc > h1 { font-size: 1.8rem; font-weight: 800; color: var(--c-ink); margin-bottom: 8px; }
.legal-doc .doc-meta { font-size: var(--fs-sm); color: var(--c-muted); margin-bottom: 32px; padding-bottom: 20px; border-bottom: 1px solid var(--c-line); }

/* 标题层级（h2 / h3） */
.legal-doc h2 { font-size: 1.25rem; font-weight: 700; color: var(--c-primary); margin-top: 32px; margin-bottom: 14px; }
.legal-doc h3 { font-size: 1.1rem; font-weight: 700; color: var(--c-primary); margin-top: 32px; margin-bottom: 14px; }

/* 段落 / 列表 */
.legal-doc p { font-size: var(--fs-sm); color: var(--c-text); line-height: 1.85; margin-bottom: 14px; }
.legal-doc ul, .legal-doc ol { font-size: var(--fs-sm); color: var(--c-text); line-height: 1.85; margin: 0 0 14px 1.5em; }
.legal-doc ul { list-style: disc; }
.legal-doc ol { list-style: decimal; }
.legal-doc li { margin-bottom: 6px; }

/* 链接 / 强调 / 引用 */
.legal-doc a { color: var(--c-primary); text-decoration: underline; }
.legal-doc strong, .legal-doc b { font-weight: 700; color: var(--c-ink); }
.legal-doc blockquote { border-left: 3px solid var(--c-primary); padding: 12px 20px; margin: 20px 0; background: var(--c-bg-soft); color: var(--c-text); font-style: italic; }

/* 底部返回 */
.legal-doc .doc-back { margin-top: 40px; text-align: center; padding-top: 32px; border-top: 1px solid var(--c-line); }

/* ========================================================================
   2. 法律文档空状态（.legal-doc-empty）
   ======================================================================== */

.legal-doc-empty { max-width: 800px; margin: 0 auto; padding: 64px 24px; text-align: center; color: var(--c-muted); }
.legal-doc-empty svg { width: 56px; height: 56px; margin-bottom: 16px; opacity: .5; }
.legal-doc-empty p { font-size: var(--fs-sm); line-height: 1.8; }

/* ========================================================================
   3. 响应式
   ======================================================================== */

@media (max-width: 768px) {
  .legal-doc { padding: 32px 20px; }
  .legal-doc > h1 { font-size: 1.5rem; }
}