/*
  AIHR 文章排版共享样式 v1 (article.css)
  来源：templates/article-v2.html 权威 v2 排版 + 25 篇内联块并集（模板未含部分）
  作用：内容集合化地基；所有文章 link 本文件，移除逐篇内联 <style>。
  设计 token 取自 style.min.css :root（暖沙品牌色），本文件自包含以便未来独立引用。
*/

:root {
  --bg:#f1efe9;--bg-subtle:#eae5da;--bg-warm:#efe9dd;--text:#1a1a1a;--text-secondary:#6b6b6b;--text-muted:#6b6b6b;--text-link:#365314;--text-link-hover:#223a0c;--accent:#3f6212;--accent-pale:#ecf3e0;--line:rgba(0,0,0,0.06);--line-strong:rgba(0,0,0,0.1);--shadow-card:0 1px 3px rgba(13,16,22,0.04);--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;--font-serif:'Georgia','Noto Serif SC','STSong','SimSun',serif;--font-mono:'SF Mono','Fira Code','JetBrains Mono',monospace;--article-width:720px;--page-width:1080px;--header-height:56px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--ease:cubic-bezier(.16,1,.3,1);--ink-0:#fff;--ink-50:#f7f8fa;--ink-100:#eef0f3;--ink-200:#e2e5ea;--ink-300:#cbd0d8;--ink-400:#a6adb8;--ink-500:#7c8492;--ink-600:#5a626f;--ink-700:#3e4450;--ink-800:#272c36;--ink-900:#161a21;--ink-950:#0d1016;--brand-50:#ecf3e0;--brand-100:#dce9c4;--brand-200:#c2d89e;--brand-300:#9cc06a;--brand-400:#6f9a3c;--brand-500:#3f6212;--brand-600:#2f4c0e;--brand-700:#244009;--brand-800:#1a3007;--brand-900:#122105;--data-400:#21bfb8;--data-500:#0fa3a0;--data-600:#0b8481;--warm-400:#c08a4a;--warm-500:#a86a2e;--warm-600:#7e4f1e;--success-500:#1f9d6b;--success-50:#e7f6ef;--warning-500:#e0a23b;--warning-50:#fbf1de;--danger-500:#d6453d;--danger-50:#fbe9e8;--info-500:#3f6212;--info-50:#ecf3e0;--surface:#fff;--surface-sunken:#eae5da;--bg-card:#fff;--border:var(--line);--border-strong:var(--line-strong);--text-primary:var(--text);--text-secondary-2:var(--text-secondary);--text-muted-2:var(--text-muted);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(13,16,22,0.06),0 1px 3px rgba(13,16,22,0.04);--shadow-md:0 4px 12px rgba(13,16,22,0.08),0 2px 4px rgba(13,16,22,0.04);--shadow-lg:0 12px 32px rgba(13,16,22,0.12),0 4px 8px rgba(13,16,22,0.06);--table-header-bg:#f3f4f6;--callout-bg:#f9fafb
}

/* ---- 变量 ---- */
    /* ---- 文章头部 ---- */
    .article-header { text-align: center; padding: 3rem 0 1.5rem; }
    /* 分类标签 pill */
    .article-header .cat { display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-pale);padding:.3em .9em;border-radius:50px;margin-bottom:.8rem; }
    /* H1 主标题 */
    .article-header h1 { font-size:2.1rem;font-weight:800;line-height:1.28;letter-spacing:-.02em;margin:.8rem 0;color:var(--text); }
    /* Meta 行（日期 · 来源 · 分类 · 阅读时长）*/
    .article-meta { color:var(--text-muted);font-size:.88rem;line-height:1.6; }
    .article-meta span { margin:0 .35em; }
    /* Lead 衬线导语，在 header 里、banner 前 */
    .article-header .lead { font-family:var(--font-serif);font-size:1.15rem;line-height:1.78;color:var(--text-secondary);max-width:680px;margin:1.2rem auto 0;text-align:left; }
    /* ---- 正文容器 ---- */
    .article-body { max-width:720px;margin:0 auto;font-size:17.5px;line-height:1.86;color:#222; }
    .article-body p { margin-top:1.35em;letter-spacing:.004em;text-align:justify;text-justify:auto; }
    .article-body p:first-of-type { margin-top:0; }
    .article-body strong { font-weight:700;color:var(--text); }
    /* ---- h2 节标题 + 分隔线节奏 ---- */
    .article-body h2 { font-size:1.5rem;font-weight:800;letter-spacing:-.01em;line-height:1.35;margin-top:2.8rem;padding-top:1.6rem;border-top:1px solid var(--line);color:var(--text); }
    .article-body h3 { font-size:1.18rem;font-weight:700;margin-top:1.8rem;margin-bottom:.5rem;color:var(--text); }
    /* ---- blockquote 暖色卡片 ---- */
    .article-body blockquote { margin:1.8em 0;padding:1em 1.3em;background:var(--bg-warm);border-left:4px solid var(--accent);border-radius:0 10px 10px 0;color:var(--text-secondary);font-family:var(--font-serif);line-height:1.8; }
    /* ---- 列表 ---- */
    .article-body ul,.article-body ol { margin:1.15em 0;padding-left:1.6em; }
    .article-body li { margin-top:.5em;line-height:1.82; }
    /* ---- 表格 ---- */
    .article-body table { width:100%;border-collapse:collapse;margin:1.8em 0;font-size:.92rem;border:1px solid var(--line);border-radius:10px;overflow:hidden; }
    .article-body th { background:var(--bg-subtle);text-align:left;padding:.75em 1em;border-bottom:1px solid var(--line-strong); }
    .article-body td { padding:.75em 1em;border-bottom:1px solid var(--line);color:var(--text-secondary); }
    /* ---- 内联链接高亮 ---- */
    .article-body .ilink { color:var(--text-link);background:var(--accent-pale);border-radius:3px;padding:.05em .22em;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:none;border-bottom:1px solid rgba(63,98,18,.35); }
    .article-body .ilink:hover { background:rgba(63,98,18,.12); }
    /* ---- 内联延伸阅读（降跳出率核心杠杆）---- */
    .inline-related { margin:2rem 0;padding:1.25rem 1.5rem;background:var(--bg-subtle);border-left:3px solid var(--accent);border-radius:0 10px 10px 0; }
    .inline-related__label { font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;display:block; }
    .inline-related ul { list-style:none;padding:0;margin:0; }
    .inline-related li { padding:.3rem 0;font-size:.92rem;border-bottom:1px dashed var(--line); }
    .inline-related li:last-child { border-bottom:none; }
    .inline-related a { color:var(--text-link);text-decoration:none; }
    .inline-related a:hover { text-decoration:underline; }
    /*
     * ══════════════════════════════════════
     * ⚠️ 重要：以下三个尾页区块必须在 .article-body 的 </div> 之前！
     * 顺序固定：RQS = Related-reading → QR → Sources
     * ══════════════════════════════════════
     */
    /* ---- 相关阅读 ---- */
    .related-reading { margin:3rem 0 1.5rem;padding-top:1.5rem;border-top:1px solid var(--line); }
    .related-reading h3 { font-size:1.15rem;font-weight:700;margin-bottom:.8rem;color:var(--text); }
    .related-reading ul { list-style:none;padding:0;margin:0; }
    .related-reading li { padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,0.05);font-size:.95rem;line-height:1.6; }
    .related-reading li:last-child { border-bottom:none; }
    .related-reading a { color:var(--text-link);text-decoration:none;transition:color .2s; }
    .related-reading a:hover { color:var(--text-link-hover);text-decoration:underline; }
    /* ---- 公众号二维码 ---- */
    .article-footer-qr { background:linear-gradient(135deg,#f8f9fb 0%,#eef2fa 100%);border:1px solid rgba(0,0,0,0.08);border-radius:16px;padding:2rem;text-align:center;margin:2rem 0 0; }
    .article-footer-qr img { border-radius:12px;margin-bottom:.75rem; }
    .article-footer-qr p { margin:0;font-size:.9rem;color:#555; }

/* ===== 25 篇内联块并集（模板未含的文章特有选择器，保证零样式丢失） ===== */
.article-sources { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #E3E0D4; color: #868e96; font-size: 0.85rem; line-height: 1.6; }
.report-card { margin:1.8em 0;padding:1.3rem 1.5rem;background:var(--bg-subtle);border-radius:12px;border:1px solid var(--line); }
.report-card__pub { font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--accent);margin-bottom:.3rem; }
.report-card__name { font-size:1.05rem;font-weight:700;margin-bottom:.7rem;color:var(--text); }
.report-card__data { font-family:var(--font-serif);font-size:1.02rem;line-height:1.7;color:var(--text-secondary);margin:.6rem 0; }
.report-card__data b { color:var(--accent); }
.report-card__so { font-size:.92rem;line-height:1.7;color:var(--text-secondary);margin-top:.6rem; }
.report-card__so b { color:var(--text); }
.cluster-header { text-align: center; padding: 3rem 0 1.5rem; }
.cluster-header h1 { font-size: 2rem; line-height: 1.4; margin-bottom: 0.75rem; }
.cluster-header .lead { color: #495057; max-width: 640px; margin: 0 auto; line-height: 1.8; }
.cluster-grid { max-width: 820px; margin: 2rem auto 3rem; display: grid; gap: 1.25rem; }
.cluster-card { display: flex; gap: 1rem; align-items: flex-start; padding: 1.25rem 1.5rem; border: 1px solid #EAE5DA; border-radius: 12px; background: #fff; transition: border-color .2s, box-shadow .2s; }
.cluster-card:hover { border-color: #4263eb; box-shadow: 0 4px 16px rgba(66,99,235,.12); }
.cluster-num { flex: 0 0 2rem; font-size: 1.5rem; font-weight: 700; color: #4263eb; font-family: Georgia, serif; }
.cluster-body h3 { margin: 0 0 0.4rem; font-size: 1.1rem; }
.cluster-body h3 a { color: #212529; text-decoration: none; }
.cluster-body h3 a:hover { color: #4263eb; }
.cluster-body p { margin: 0; color: #868e96; font-size: 0.92rem; line-height: 1.6; }
.cluster-body .read { display: inline-block; margin-top: 0.5rem; color: #4263eb; font-size: 0.85rem; font-weight: 600; }
.cluster-footer { max-width: 720px; margin: 0 auto 3rem; padding: 1.5rem; background: var(--callout-bg); border-radius: 12px; color: #495057; line-height: 1.8; }
.cluster-h2, .faq-section h2, .inline-related h2, .related-reading h2, .cluster-footer h2 { font-size: 1.35rem; line-height: 1.4; margin: 2.25rem 0 1rem; color: #212529;
  border-left: 4px solid #4263eb; padding-left: 0.65rem; }
.cluster-cards { display: grid; gap: 1.25rem; }
.cluster-summary { margin-top: 1rem; font-weight: 600; color: #212529; }
.article-body hr { border: none; border-top: 1px solid #E3E0D4; margin: 2.5rem 0; }
.article-body th, .article-body td { border: 1px solid #E3E0D4; padding: 0.5rem 0.75rem; text-align: left; }
.article-body td:first-child, .article-body td:nth-child(2), .article-body td:nth-child(3) { white-space: nowrap; }
.article-footer-qr strong { color: #e8590c; }
.geo-answer-capsule { max-width:720px;margin:1.5rem auto 0;padding:1.1rem 1.4rem;background:var(--accent-pale);border:1px solid rgba(63,98,18,.25);border-radius:0 12px 12px 0; }
.geo-answer-capsule__label { font-size:.78rem;font-weight:700;letter-spacing:.05em;color:var(--accent);margin:0 0 .4rem; }
.geo-answer-capsule__text { margin:0;font-size:1.02rem;line-height:1.75;color:var(--text); }
.article-banner img { max-width:100%;height:auto;display:block }
.topic-cluster { margin:1.5rem 0;text-align:center;font-size:.88rem;color:var(--text-muted) }
.cluster-label { font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-right:.5em }
.references { margin:2rem 0 0;padding:1.25rem 1.5rem;background:var(--bg-subtle);border:1px solid rgba(0,0,0,0.06);border-radius:10px; }
.references h3 { font-size:1rem;font-weight:700;margin-bottom:.7rem;color:var(--text); }
.references ul { list-style:none;padding:0;margin:0; }
.references li { font-size:.84rem;line-height:1.65;color:#666;margin-bottom:.35rem;padding-left:1em;position:relative; }
.references li::before { content:"—";position:absolute;left:0;color:#bbb; }
.step-card { margin:1.4em 0;padding:1.1rem 1.4rem;background:var(--bg-subtle);border-radius:12px;border-left:3px solid var(--accent); }
.step-card__n { font-size:.8rem;font-weight:700;color:var(--accent);letter-spacing:.05em; }
.step-card__t { font-weight:700;margin:.2rem 0 .4rem;color:var(--text); }
.step-card__d { font-size:.94rem;line-height:1.7;color:var(--text-secondary);margin:0; }