feat: 布局三修——navbar 下方统一 32px 间距（章节页横幅零间距修复）；选中项背景＝章节色（与章头横幅统一，书架选中 ink）；字体系统（16px 基准=正文 / t1-t3 三级标题 / 小字两态 mute·strong / 大字两态 t1·幽灵 display 章号）全站应用

apps/tutorial/src/styles/tokens.css

@@ -82,3 +82,40 @@
     animation-duration: 0.01ms;
   }
 }
+
+/* ===== 字体系统 =====
+ * 基准＝浏览器默认 16px＝正文字号（content，不另设基准）。
+ * 向上：t3 → t2 → t1 三级标题；再向上是大字。
+ * 小字两态：t-small-mute 边缘可忽略（弱化灰）/ t-small-strong 缩小但加强（加粗收字距）。
+ * 大字两态：t1 大而强（页面主标题）/ t-display 大而弱（幽灵背景字，可被忽略）。 */
+@theme {
+  --text-content: 1rem;
+  --text-content--line-height: 1.75;
+  --text-t3: 1.125rem;
+  --text-t3--line-height: 1.5;
+  --text-t2: 1.375rem;
+  --text-t2--line-height: 1.45;
+  --text-t1: 1.75rem;
+  --text-t1--line-height: 1.3;
+  --text-small: 0.75rem;
+  --text-small--line-height: 1.65;
+}
+
+.t-small-mute {
+  font-size: var(--text-small);
+  line-height: var(--text-small--line-height);
+  color: var(--color-mute);
+}
+.t-small-strong {
+  font-size: var(--text-small);
+  line-height: 1.5;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+  color: var(--color-ink);
+}
+.t-display {
+  font-size: 4rem;
+  line-height: 1;
+  font-weight: 800;
+  color: color-mix(in srgb, var(--color-ink) 10%, transparent);
+}