/* =============================================================
   全站设计点位表（Design Tokens）v1 —— 2026-10-03
   所有页面必须在 app.css 之前最先加载本文件。

   约定（新增/改动样式时必须遵守）：
   · 间距只用 --tk-sp-1..9 这 9 档（4px 基数）
   · 圆角只用 --tk-r-* 这 5 档：6 / 8 / 12 / 16 / 999
   · 控件高度：常规按钮/输入框 40px，大按钮 48px
   · 断点全站只用两档：≤640（手机）、≤1024（平板及以下）
     （CSS 变量进不了 media query，断点值在各自文件写死，
       但公共页只允许这两个数；后台工作台沿用 900 特例）
   ============================================================= */
:root {
  /* ---- 布局 ---- */
  --tk-container: 1200px;
  --tk-gutter: 24px;

  /* ---- 间距阶 ---- */
  --tk-sp-1: 4px;
  --tk-sp-2: 8px;
  --tk-sp-3: 12px;
  --tk-sp-4: 16px;
  --tk-sp-5: 24px;
  --tk-sp-6: 32px;
  --tk-sp-7: 48px;
  --tk-sp-8: 64px;
  --tk-sp-9: 96px;

  /* ---- 圆角阶 ---- */
  --tk-r-xs: 6px;
  --tk-r-sm: 8px;
  --tk-r-md: 12px;
  --tk-r-lg: 16px;
  --tk-r-pill: 999px;

  /* ---- 控件尺寸档 ---- */
  --tk-btn-h: 40px;
  --tk-btn-h-lg: 48px;
  --tk-input-h: 40px;
}

/* ---- 跨浏览器基线 ----
   scrollbar-gutter：滚动条出现/消失时页面不再整体左右跳
   （Windows 下 Edge 与 Chrome 滚动条宽度不同，这是
   「换个浏览器宽度就不一样」的主要原因）；
   text-size-adjust：禁止移动端浏览器擅自放大文字。 */
html {
  scrollbar-gutter: stable;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* ---- 公共营销页（首页/登录/帮助）box-sizing 基线 ----
   只作用于 body.lp-body，不影响后台工作台既有布局。 */
body.lp-body,
body.lp-body *,
body.lp-body *::before,
body.lp-body *::after {
  box-sizing: border-box;
}