/* ── 猎隼 · 版式规范（08-19 凯丹：整体密度/呼吸感，全站级）──────────────────
   管**空间**：栏宽、留白、间距阶梯、表格密度。
   排在 /brand/tokens.css（字体·灰阶·语义色）与 brand.css（品牌色）之后。

   为什么要有：实测 14 页全都用 .wrapx 做主容器，却有 7 种宽度
   （1080/1120/1160/1240/1300/1340）和 6 种上留白（10/14/16/22/24px）——
   跳页面时内容边缘在左右跳，这是版式层的割裂。另外表格单元格内边距 30 种、
   flex 间距 43 种（含 3px/5px/7px/9px 这种随手值），密度全靠手感。

   定调（凯丹口味：**字紧、块松**）：
     字号继续走集团阶梯的低档（表格 12.5~13px），不放大；
     加的是**块与块之间**的呼吸 —— 卡片间距、区块分段。

   ⚠ 间距只用阶梯里的值。想要「介于中间」的间距 = 设计错了，回阶梯里选。
   ⚠ 本文件只放**全站安全**的规则。卡片内边距、表格密度各页语义不同
     （decl 的 .card 内边距本来就是 0，靠子块自己撑，无差别加会双重内边距），
     所以做成**按需选用的类**，逐页收编时再挂上去，不做无差别覆盖。 */
:root{
  /* 间距阶梯：4 的倍数，六档够用 */
  --sp-1:4px;    /* 图标贴文字 */
  --sp-2:8px;    /* 同组元素 */
  --sp-3:12px;   /* 卡片内相邻块 */
  --sp-4:16px;   /* 卡片之间 */
  --sp-5:24px;   /* 卡片内边距 / 区块之间 */
  --sp-6:32px;   /* 页面大分段 */

  /* 栏宽：统一一个值，跳页面时内容边缘不动 */
  --w-page:1300px;
  --w-narrow:1080px;    /* 表单类窄页，用 .wrapx.narrow 切 */

  /* 表格密度两档，别再有第三种 */
  --td-y:10px;      --td-x:12px;        /* 常规表：行高约 40px */
  --td-y-dense:6px; --td-x-dense:10px;  /* 密集表：约 32px，配 --fs-dense */
}

/* ① 主容器 —— 全站唯一的栏宽与留白。页面里不要再写 .wrapx 的 max-width/padding */
.wrapx{max-width:var(--w-page);margin:0 auto;padding:var(--sp-5) var(--sp-5) 80px}
.wrapx.narrow{max-width:var(--w-narrow)}
@media(max-width:900px){.wrapx{padding:var(--sp-4) var(--sp-4) 60px}}

/* ② 逐页收编时按需挂的类（不做无差别覆盖，挂谁谁生效） */
.pad{padding:var(--sp-5)}                       /* 标准卡片内边距 */
.stack > * + *{margin-top:var(--sp-4)}          /* 子块之间统一呼吸 */
.t-norm td{padding:var(--td-y) var(--td-x);font-size:var(--fs-sm)}
.t-norm th{padding:var(--sp-2) var(--td-x);font-size:var(--fs-xs)}
.t-dense td{padding:var(--td-y-dense) var(--td-x-dense);
            font-size:var(--fs-dense);line-height:var(--lh-dense)}
.t-dense th{padding:var(--sp-1) var(--td-x-dense);font-size:var(--fs-xs)}

/* ── 收编记录：哪些页用窄栏 ────────────────────────────────
   settings（系统管理）：整页是表单列，1300px 下右边空掉一半、表单被拉散，
   实测后改用 .wrapx.narrow。其余 13 页内容是表格/卡片，1300px 合适。 */