/* ═══════════════════════════════════════════════════════════
   V3 令牌桥 —— 让老页面不改一行自有 CSS 就拿到 v3 的对比度

   背景：站上并存两套令牌，但它们同源——
     styles.css        真源      --bg / --ink / --accent …
     design-tokens.css 别名层    --qiu-* → var(--ink) …      (66 页在用)
     v3-tokens.css     增强层    --v-ink / --v-accent …      (23 页在用)

   老页面的 CSS 写的全是 var(--ink)、var(--accent)，跟 --v-* 不通。
   与其去改 66 个文件里的几千处变量名，不如把真源指向增强值：加载本文件后，
   var(--ink) 自己就变成 #221E1A，--qiu-ink 因为派生自它也跟着变。

   实测对比度提升（对 --bg）：
     主文字   #3A3936 10.9:1  →  #221E1A 15.8:1
     次级正文 #55514C  7.4:1  →  #403A34 10.7:1
     辅助说明 #77716A  4.5:1  →  #5E574F  6.8:1
     强调色   #A65D4E  4.6:1  →  #8E4231  6.8:1   (原值刚过 AA，改完过 AAA 大字)

   ⚠ 按页加载，不是全站默认。ai-education/ 三本书、admin/ 工作台、
   archive/ 归档都不加载它——那些地方各有各的排版，一起改等于同时动几百页
   而没人一页页看过。
   ═══════════════════════════════════════════════════════════ */

:root{
  --bg:           var(--v-bg);
  --bg-2:         var(--v-bg2);
  --bg-3:         var(--v-bg3);
  --surface:      var(--v-card);
  --ink:          var(--v-ink);
  --ink-2:        var(--v-ink2);
  --ink-3:        var(--v-ink3);
  --ink-4:        var(--v-ink4);
  --line:         var(--v-line);
  --line-2:       var(--v-line2);
  --accent:       var(--v-accent);
  --accent-2:     var(--v-accent-2);
  --accent-soft:  var(--v-accent-soft);
}

/* ── 中文不用斜体 ─────────────────────────────────────────────
   v3-tokens.css 头部就写了这条规范，但原子页一直在违反。根因不是"忘了"，
   是这些规则本来是给拉丁文写的：

       .section p em { font-family: var(--font-serif); font-style: italic; }

   --font-serif 是 Source Serif 4，一套**没有中文字形**的拉丁衬线。作者在
   正文里用 <em> 强调中文时就撞上了：字体回退到别的中文字体，再被浏览器做
   倾斜变换（faux italic），笔画糊掉。实测「菜鸟危机」页有 8 处。

   所以这里关的是"通用强调元素"——它们在中文正文里承载中文；而明确标着
   拉丁的类（.en / .en-name / .meta .v em）不动，那些地方 italic 是对的。
   字体也一并交回 inherit，让中文落到 --font-cn-serif 而不是没字形的拉丁体。 */
.section p em,
.section p strong,
.rel-block .head strong,
.big-quote blockquote em,
.big-quote blockquote strong,
.fw-hero .tagline,
.tagline,
.fw-tagline,
.card-tagline,
.yaml .c{
  font-style: normal;
  font-family: inherit;
}
/* 斜体拿掉后强调就没了 —— 补回一个不依赖字形的强调方式 */
.section p em,
.big-quote blockquote em{ color: var(--accent); font-weight: 500; }

/* ── 暗色下的玻璃底 ───────────────────────────────────────────
   card-shared.css 里有 4 处写死的白玻璃，而整份文件**没有一条暗色规则**
   （grep `data-theme="dark"` = 0）。styles.css 却是有暗色块的，会把 --ink
   翻成浅色。两边一合：暗色模式下这些卡变成「浅字压浅底」，大金句几乎读不出来。

   2026-08-08 实测确认这是原本就有的（禁掉本文件后同样如此），不是令牌桥引入的。
   既然正在改这些页，一并补上——白玻璃在暗底上应该是「白色低透明度」而不是
   「不透明白」。 */
html[data-theme="dark"] .chip-ver{
  background: rgba(255,255,255,.07);
}
html[data-theme="dark"] .rel-block{
  background: rgba(255,255,255,.05);
}
html[data-theme="dark"] .footnote{
  background: rgba(255,255,255,.04);
}
html[data-theme="dark"] .big-quote{
  background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
}