/*
 * 文章页排版。只作用于 main.article-v52，不碰全站样式。
 *
 * 数值**照交付包 article.css 抄**（那份才是设计定稿，我第一版自己拟了一套，
 * @amy-xiao 的评价是"非常 raw、字号差别很大、格式很乱"，原因就是没照设计走）：
 *   正文栏宽 730px · 正文 18px/1.95 · h1 46px · h2 30px(上间距 64px) · h3 23px
 *   手机 ≤600px：h1 31px · h2 25px · 正文 17px/1.9
 * 一处刻意偏离：**图片不满宽**。设计里图比正文栏宽，amy 要求"头图和配图都可以缩小"，
 * 所以图统一收到正文栏宽，整页就是干净的单栏。
 *
 * readability-v47.css 用 !important 锁死 body main 的 h1/h2/p 字号，
 * 所以这里的字号也必须带 !important，否则写了不生效。
 */
/* 标题里的英文与正文英文统一（@amy-xiao 2026-09-17，她拍了 03 段的 H2 为例）。
   站内 --serif 是 `Caslon, Songti SC, …`：拉丁字用 Caslon（衬线），而正文拉丁字是 DM（无衬线），
   所以标题里的 "03 FDE"、"AI" 和正文里的 "Palantir"、"Prompt" 看起来不是一套。
   做法：把正文那支拉丁字体 DM 放在栈首，CJK 仍然落到 Songti SC ——
   **只换英文，中文的衬线编辑感不动**（那是 @Amy-GTM 通过的设计基线）。 */
/* ARTICLE_HEADING_FONT */
main.article-v52 .article-body h1,
main.article-v52 .article-body h2,
main.article-v52 .article-body h3 {
  font-family: DM, 'Songti SC', 'Noto Serif SC', Georgia, serif;
}

main.article-v52 { padding: 24px 0 80px; }

main.article-v52 .article-body { max-width: 1000px; }

/* 正文、列表、标题都收在 730px 的栏宽里居中 */
main.article-v52 .article-body > p,
main.article-v52 .article-body > ul,
main.article-v52 .article-body > ol,
main.article-v52 .article-body > h2,
main.article-v52 .article-body > h3,
main.article-v52 .article-body > figure,
main.article-v52 .article-body > .article-meta { max-width: 730px; margin-inline: auto; }

main.article-v52 .article-body h1 {
  font-size: 46px !important;
  font-weight: 500;
  line-height: 1.35 !important;
  letter-spacing: -0.005em;
  margin: 16px 0 36px;
  overflow-wrap: anywhere;
}

main.article-v52 .article-body .article-meta { margin: 0 auto 8px; }
main.article-v52 .article-body .article-meta p {
  color: var(--muted);
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin: 0 0 10px !important;
  max-width: none;
}

main.article-v52 .article-body > p {
  font-size: 18px !important;
  line-height: 1.95 !important;
  margin: 22px auto !important;
}

main.article-v52 .article-body h2 {
  font-size: 30px !important;
  font-weight: 500;
  line-height: 1.55 !important;
  margin: 64px auto 26px;
}

main.article-v52 .article-body h3 {
  font-size: 23px !important;
  line-height: 1.5 !important;
  margin: 34px auto 20px;
}

main.article-v52 .article-body ul,
main.article-v52 .article-body ol {
  font-size: 18px !important;
  line-height: 1.95 !important;
  margin: 22px auto !important;
  padding-left: 26px;
}
main.article-v52 .article-body li { margin: 0 0 6px; }

/* 图：收到正文栏宽。图里已带毛玻璃质感，不要再加 CSS 模糊或阴影 */
main.article-v52 .article-body figure { margin: 38px auto; }
main.article-v52 .article-body figure img { display: block; width: 100%; height: auto; }
main.article-v52 .article-body figure.article-cover { margin: 8px auto 40px; }

main.article-v52 .article-back {
  display: block; max-width: 730px; margin: 0 auto 22px;
  font-size: 14px; color: var(--muted);
}
main.article-v52 .article-back:hover { color: var(--ink); }

@media (max-width: 600px) {
  main.article-v52 { padding: 16px 0 50px; }
  /* 交付基线是 31px，@amy-xiao 与 @Amy-GTM 2026-09-17 覆盖为 26px：31px 下英文标题六行，
     把封面和正文都挤出首屏。不靠压字距、也不缩内容栏，只降字号与行高。
     h2 跟着降到 22px，否则 26 对 25 层级就看不出来了（要求是"仍明显高于正文与后续 H2"）。 */
  main.article-v52 .article-body h1 { font-size: 26px !important; line-height: 1.28 !important; letter-spacing: normal; }
  main.article-v52 .article-body h2 { font-size: 22px !important; margin-top: 42px; }
  main.article-v52 .article-body h3 { font-size: 19px !important; }
  main.article-v52 .article-body > p,
  main.article-v52 .article-body ul,
  main.article-v52 .article-body ol { font-size: 17px !important; line-height: 1.9 !important; }
  main.article-v52 .article-body figure { margin: 28px auto; }
}