/* ===========================================================
   Fonts · 字体分层
   ───────────────────────────────────────────────────────────
   上一版把文楷铺到全站，导航/按钮/标签都成了手写小字，
   骨架散、小字号发虚 —— 这是"不协调"的主因。

   现在分两层：
     · 界面（导航、按钮、标签、日期、表单、后台）→ 系统无衬线，骨架清楚
     · 内容（文章标题、列表标题、正文）→ 霞鹜文楷，给阅读一点书卷气
   文楷自托管、按 unicode-range 懒加载，生僻字回退系统字体。
   许可证（SIL OFL 1.1）见 assets/fonts/wk/LICENSE.txt。
   =========================================================== */

@import url("./fonts/wk/wk.css");

:root {
  /* 界面：跟随操作系统的中文黑体，小字号下笔画最稳 */
  --font-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
             "Microsoft YaHei", "Segoe UI", "Noto Sans SC", "Source Han Sans SC", sans-serif;
  /* 内容：文楷，只用在真正"要读"的地方 */
  --font-read: "LXGW WenKai Screen", "Songti SC", Georgia, serif;
}

html, body {
  font-family: var(--font-ui);
}

/* ---- 只有这些用文楷：标题与正文 ---- */
.row-title,
.feature-body h2,
.article-head h1,
.related-title,
.prose,
.prose h1,
.prose h2,
.prose h3,
.prose h4 {
  font-family: var(--font-read);
}

/* 文楷只有 400，别让浏览器合成假粗体（中文会糊成一团） */
.prose h2,
.prose h3,
.row-title,
.feature-body h2,
.article-head h1 {
  font-weight: 400;
}

/* 界面元素显式声明一次，避免被上面的规则牵连 */
.nav a,
.brand,
.btn,
.pill,
.tag-btn,
.side-title,
.toc-title,
.row-meta,
.row-date,
.side-card,
.admin-main,
.input,
.textarea,
.select {
  font-family: var(--font-ui);
}

/* 等宽区域（代码、日期数字、日志）保持原字体，避免字宽不一致 */
code, pre, .mono, .row-date b, kbd, samp {
  font-family: ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace;
}