/* ============================================================
   齿度全站设计令牌（唯一标准源）
   —— 宽度 / 间距 / 字号 / 行高 全站统一，任何页面禁止另立数值。
   颜色与圆角阴影等视觉变量仍由 front.css :root 统一管理。
   ============================================================ */
:root {
  /* —— 内容宽度 —— */
  --w-page: 1200px;   /* 全站正文唯一内容轴：首页/列表/详情/个人中心/表单（1200px 为全网主流内容宽度，导航与正文均舒适） */
  --w-narrow: 640px;  /* 窄场景：搜索框、验证码表单、进度查询、成功提示页 */
  --w-auth: 420px;    /* 登录 / 注册卡片 */
  --w-panel: 1200px;  /* B端 / 医生端后台内容区（与前台内容轴同宽，全站统一） */

  /* —— 间距（8pt 网格，只允许这些刻度） —— */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-8: 48px;

  /* —— 字号 / 行高 —— */
  --fs-h1: 24px;      /* 页面主标题（每页唯一 h1） */
  --fs-h2: 20px;      /* 板块标题 */
  --fs-h3: 16px;      /* 卡片标题 */
  --fs-body: 15px;    /* 正文 */
  --fs-small: 13px;   /* 辅助说明 */
  --fs-tiny: 12px;    /* 标签 / 时间戳 */
  --lh-body: 1.75;    /* 正文行高 */
  --lh-tight: 1.4;    /* 标题行高 */
}

/* 页面间滚动条出现/消失导致内容区横移（B端/医生端导航"动一下"）：恒定预留滚动条轨道 */
html { scrollbar-gutter: stable; }