/* ==========================================================================
   德派 · 设计 token 总层（2026-11-04）
   取值依据：workbuddy.cn 线上 CSS 原始值（见 design-kit/WorkBuddy拆解手册.html）

   这一层只做一件事：把「尺度」定死。所有页面（会员中心 / 运营后台 / 落地页）
   都从这里取值，不再各写各的。

   两套密度，一套字：
     落地页（home / pricing / help / updates / install）—— 大留白、大标题，让人"看"
     工具页（会员中心 / 运营后台）—— 紧凑、密、可扫，让人"用"
   字重、缓动、圆角、色阶三套共用 —— 这些统一了，二十个屏才像同一个产品。

   加载顺序：tokens.css → wb-tokens.css → 各页样式
   ========================================================================== */

:root{

  /* ---------- 字重 ----------
   * WorkBuddy 全站最大字重是 500，大标题 400，正文 300。
   * 德派原来是 700/600 打天下 —— 靠加粗显重要。改成靠字号和留白。 */
  --wb-w-thin:    300;   /* 落地页正文、长段落 */
  --wb-w-normal:  400;   /* 大标题、落地页标题 */
  --wb-w-medium:  500;   /* 按钮、卡片标题、工具页标题 —— 全站上限 */

  /* ---------- 缓动 ----------
   * Expo Out：起步极快、尾巴极长。东西像被甩到位后停住。
   * 原来用的 cubic-bezier(.2,.8,.2,1) 偏软，动效显得"黏"。 */
  --wb-ease:    cubic-bezier(.16, 1, .3, 1);
  --wb-ease-io: cubic-bezier(.4, 0, .2, 1);

  /* ---------- 圆角 ----------
   * 20 给大面板，16 给卡片，12 给小卡/输入，8 给按钮/标签。 */
  --wb-r-panel: 20px;
  --wb-r-card:  16px;
  --wb-r-sm:    12px;
  --wb-r-xs:    8px;
  --wb-r-pill:  999px;

  /* ---------- 间距刻度 ----------
   * 只用这几个值，不许出现 13 / 17 / 23 这种随手数。 */
  --wb-s1: 4px;
  --wb-s2: 8px;
  --wb-s3: 12px;
  --wb-s4: 16px;
  --wb-s5: 24px;
  --wb-s6: 32px;
  --wb-s7: 40px;
  --wb-s8: 56px;
  --wb-s9: 96px;

  /* ---------- 两套密度 ---------- */
  --wb-gap-landing: 96px;   /* 落地页区块之间 */
  --wb-gap-app:     32px;   /* 工具页卡片之间（原来是 20，太黏） */

  /* ---------- 落地页色阶（WorkBuddy 原值） ----------
   * 工具页不直接用这组 —— #a3a3a3 只有 2.8:1，正文读不清。
   * 工具页沿用 styles.css 里已经压在 4.5:1 的那组。 */
  --wb-t1: #1a1a1a;
  --wb-t2: #646464;
  --wb-t3: #a3a3a3;
  --wb-t4: #bfbfbf;
  --wb-line-l: #ebebeb;

  /* 品牌：沿用德派青绿，不换 */
  --wb-brand-ink: #009273;   /* WorkBuddy 文字用色，做对比参考 */
}

/* ==========================================================================
   工具页（会员中心 / 运营后台）
   这一层只改"手感"，不改结构 —— 所有选择器都不带页面前缀，
   由 member-v2.css / admin-v2.css 在自己的作用域里引用。
   ========================================================================== */

:root{
  /* 全局缓动换掉：.btn / .card / .tab 的 transition 都吃这个变量 */
  --ease: var(--wb-ease);

  /* 工具页圆角 */
  --r-l: var(--wb-r-panel);
  --r-m: var(--wb-r-card);
  --r-s: var(--wb-r-xs);
}

/* 进度条 / 额度条：生长过程也走 Expo Out，比 ease 更"到位" */
.qrow__fill,
.qrow__bar,
.progress__fill{
  transition: width .7s var(--wb-ease);
}

/* 表格行、列表项的统一手感：只动背景，不动位移（密集区域位移会晃眼） */
.vip tbody tr,
.urow,
.ord-row{
  transition: background-color .18s var(--wb-ease);
}

/* ==========================================================================
   落地页（home / pricing / help / updates / install）
   容器从 1120 提到 1200，但留白按 96 走 —— 两边一起加才显得"贵"。
   ========================================================================== */

.landing-root{
  --container: 1200px;
  --gap-section: var(--wb-gap-landing);
}

/* 落地页的四阶灰：直接映射到 landing.css 已有的变量名，不用改页面 */
.landing-root{
  --ink:   var(--wb-t1);
  --ink-2: var(--wb-t2);
  --ink-3: var(--wb-t3);
  --ink-4: var(--wb-t4);
  --line:  #f2f0ec;
}