/* ============================================================
   Pinyin Bridge · 品牌设计令牌 v1（2026-08-29）
   来源：从已出版产品实测提取——学生用书(gen.py)、读本产线(build_reader.py/covers)。
   建站直接 <link> 本文件，然后用 var(--pb-*)。
   ============================================================ */

:root {
  /* ── 色彩 · 核心（来自学生用书与读本纸面）───────────── */
  --pb-vermilion:      #c8502a;  /* 主色 朱红 = 学生用书锚点/调型线色 */
  --pb-vermilion-tint: #f4d9d0;  /* 朱红浅底（学生用书卡片底） */
  --pb-ink:            #2b2b2b;  /* 墨色 · 正文/标题 */
  --pb-paper:          #faf6ee;  /* 纸色 · 页面底/卡片底（读本米色） */
  --pb-paper-warm:     #fdf8f0;  /* 纸色浅一档（课程书页底） */
  --pb-muted:          #6f6a63;  /* 次要文字（暖灰） */
  --pb-faint:          #a8a29a;  /* 弱化文字/页脚 */
  --pb-border:         #e8dfd0;  /* 卡片描边 */
  --pb-border-strong:  #ddd4c6;  /* 字块/表格描边 */
  --pb-rule:           #e5ddd2;  /* 表格行分隔线 */
  --pb-white:          #ffffff;

  /* ── 色彩 · 产品线（书架识别色，封面/站内分区用）────── */
  --pb-course:    var(--pb-vermilion);  /* 课程书（学生用书/练习册/拼读/合订本） */
  --pb-reader-l1: #b5651d;              /* 读本 Level 1 · 橙棕（我的猫叫包子） */
  --pb-reader-l2: #1f7a70;              /* 读本 Level 2 · 青绿（包子的一年） */
  --pb-reader-l3: #445e8c;              /* 读本 Level 3 · 靛蓝（预留，未上书） */

  /* ── 字体（网页栈；印刷版对应 Songti SC / Helvetica Neue）── */
  --pb-font-hanzi: "Noto Serif SC", "Songti SC", "Source Han Serif SC", serif;
  --pb-font-ui:    "Inter", "Helvetica Neue", "PingFang SC", Arial, sans-serif;
  --pb-font-pinyin: var(--pb-font-ui);  /* 拼音永远无衬线，letter-spacing:0 */

  /* ── 字号阶（对应书内比例）────────────────────────── */
  --pb-fs-hero: 3.5rem;    /* 大字 tile / 首屏汉字 */
  --pb-fs-h1:   2rem;
  --pb-fs-h2:   1.35rem;
  --pb-fs-body: 1rem;
  --pb-fs-sub:  .875rem;   /* 次要说明 */
  --pb-fs-tag:  .75rem;    /* 系列行/眉标 */

  /* ── 几何 ────────────────────────────────────────── */
  --pb-radius-card: 10px;   /* 卡片（书内 2.5mm）*/
  --pb-radius-tile: 5px;    /* 字块（书内 1.2mm）*/
  --pb-radius-pill: 999px;  /* 徽章/按钮 */
  --pb-tracking-series: .22em;  /* 系列行字距 */
}

/* ── 基础组件（与书内版式一一对应）───────────────────── */

/* 系列行：PINYIN BRIDGE READERS · LEVEL 2 */
.pb-series {
  font: 700 var(--pb-fs-tag)/1.4 var(--pb-font-ui);
  letter-spacing: var(--pb-tracking-series);
  text-transform: uppercase;
  color: var(--pb-vermilion);
}

/* 徽章（书封的 level 胶囊）：300 words · 12 stories */
.pb-pill {
  display: inline-block;
  border: 1.5px solid var(--pb-vermilion);
  color: var(--pb-vermilion);
  border-radius: var(--pb-radius-pill);
  padding: .35em 1.1em;
  font: 600 var(--pb-fs-sub)/1.4 var(--pb-font-ui);
}

/* 说明卡（书内 .note）：米底描边圆角 */
.pb-note {
  background: var(--pb-paper);
  border: 1px solid var(--pb-border);
  border-radius: var(--pb-radius-card);
  padding: 1em 1.25em;
  font: 400 var(--pb-fs-sub)/1.8 var(--pb-font-ui);
  color: var(--pb-muted);
}
.pb-note b { color: var(--pb-ink); }

/* 注音 ruby（品牌核心机制；正文默认展示形态） */
.pb-ruby ruby { ruby-position: over; margin: 0 .06em; }
.pb-ruby rt {
  font: 400 .48em/1 var(--pb-font-pinyin);
  color: var(--pb-muted);
  letter-spacing: 0;
}
.pb-ruby { font-family: var(--pb-font-hanzi); line-height: 2.6; }

/* 字块（书尾字表网格） */
.pb-chartile {
  width: 2.2em; height: 2.2em;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--pb-border-strong);
  border-radius: var(--pb-radius-tile);
  font-family: var(--pb-font-hanzi);
}

/* 词表行（读本 voc 表） */
.pb-voc { width: 100%; border-collapse: collapse; font-family: var(--pb-font-ui); }
.pb-voc td { padding: .55em .25em; border-bottom: 1px solid var(--pb-rule); vertical-align: baseline; }
.pb-voc td.zh { font-family: var(--pb-font-hanzi); font-size: 1.15em; }
.pb-voc td.py { color: var(--pb-vermilion); }
.pb-voc td.en { color: var(--pb-muted); font-size: .9em; }

/* 主按钮（站点 CTA；书内无按钮，从胶囊徽章延伸） */
.pb-btn {
  display: inline-block;
  background: var(--pb-vermilion);
  color: var(--pb-paper);
  border-radius: var(--pb-radius-pill);
  padding: .6em 1.6em;
  font: 700 var(--pb-fs-body)/1.4 var(--pb-font-ui);
  text-decoration: none;
}
.pb-btn:hover { filter: brightness(.94); }