/* 切片工作台 · 设计 token。这是全站唯一的变量层，加载在所有样式之前。
   页面样式只用这里的值，不要在页面文件里再定义一套字号或圆角。 */
:root{
  /* 字阶：11px 是下限。改版前站内有 8px 61 处、9px 112 处、10px 200 处，
     在笔记本上就要凑近看，手机上不可读，所以全部抬到 11px 以上。 */
  --t-micro:11px;   /* 角标、计数、单位 */
  --t-small:12px;   /* 辅助说明、表格次要列 */
  --t-body:13px;    /* 正文、列表主字段 */
  --t-strong:14px;  /* 需要先被读到的正文 */
  --t-sub:16px;     /* 卡片标题 */
  --t-title:20px;   /* 区块标题 */
  --t-page:24px;    /* 页面标题 */
  --t-metric:28px;  /* 主指标数字 */

  /* 圆角：站内原有 51 种取值，收敛成 4 档 */
  --r-chip:8px;
  --r-control:12px;
  --r-card:18px;
  --r-panel:22px;
  --r-round:999px;

  /* 断点（供新写的样式使用，写在注释里以便查阅）：
     手机 max-width:760px · 平板 max-width:1000px · 窄桌面 max-width:1280px */
}

/* <small> 的默认字号是 0.83em，放在 11px 的父级里会掉到 9.2px——比全站任何一条显式声明都小。
   给它一个下限，同时保留在大字号环境里的相对比例。 */
small{font-size:max(var(--t-micro), .84em)}