/* ARCO tokens.css — 全站唯一的颜色、字体、字号、圆角、阴影、间距、缓动来源。
 * 页面样式只引用这里的变量；部门色映射不可调换（康哲规范 §0.8.2 / 总纲 4.3）。
 */
:root {
  /* 品牌与部门色 */
  --c-med: #FF9900;       /* 医学橙 / 平台橙 */
  --c-ops: #407AAA;       /* 运营蓝 */
  --c-dms: #587B3B;       /* 数统绿 */
  --c-pv: #A85F34;        /* 安全铜 */
  --c-gov: #52627A;       /* 治理岩蓝 */
  --c-gold: #C9932E;      /* 人的决定 */
  --c-gold-hi: #F2D48A;
  --c-gold-ink: #7A5410;  /* 金底上的深字 */
  --c-yellow: #FFCC00;
  --c-amber: #F5A000;
  --c-f3: #F2B233;        /* F3 线路橙黄 */
  --c-f4: #E07B00;        /* F4 线路深橙 */
  --c-risk: #C00000;      /* 仅风险语义 */
  --c-manual: #8C857A;    /* 人工态信件灰 */
  --c-med-ink: #B86A00;   /* 白底上可读的深橙字 */

  /* 浅底 */
  --c-med-soft: #FBE3D6;
  --c-ops-soft: #DCE6F2;
  --c-dms-soft: #DCE9C8;
  --c-pv-soft: #FCF5E6;
  --c-gov-soft: #E3E7EE;

  /* 表面与文字 */
  --bg-0: #FBFAF7;
  --bg-1: #F4F1EA;
  --surface: #FFFFFF;
  --ink: #0F1115;
  --ink-2: #3A3A3A;
  --ink-3: #5E5A55;
  --ink-4: #7A756E;
  --line: #D6D2CD;
  --line-soft: rgba(15, 17, 21, .08);

  /* 字体（设计书 1.6） */
  --f-cn: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --f-en: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --f-ui: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;

  /* 字号（设计书 1.6；画布最小 14px，辅助标注 13px） */
  --fs-hero: 24vw;
  --fs-title: clamp(56px, 4.2vw, 72px);
  --fs-title-s: clamp(44px, 3.4vw, 56px);
  --fs-desc: clamp(20px, 1.35vw, 22px);
  --fs-body: 17px;
  --fs-scene: 16px;
  --fs-label: 15px;
  --fs-chip: 15px;
  --fs-note: 13px;
  --lh-body: 1.6;

  /* 圆角（设计书 1.3 形态家族） */
  --r-tile: 28px;
  --r-card: 18px;
  --r-chip: 20px;
  --r-dock: 18px;
  --r-win: 28px;
  --r-letter: 5px;

  /* 间距 */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 40px; --s8: 56px;

  /* 阴影（暖色、柔和、三层） */
  --sh-1: 0 1px 2px rgba(90, 60, 20, .06), 0 6px 18px -6px rgba(90, 60, 20, .12);
  --sh-2: 0 2px 6px rgba(90, 60, 20, .06), 0 18px 40px -18px rgba(90, 60, 20, .22);
  --sh-3: 0 4px 10px rgba(90, 60, 20, .06), 0 30px 60px -30px rgba(120, 80, 30, .28), 0 2px 6px rgba(120, 80, 30, .06);

  /* 缓动（设计书 1.7） */
  --ease-io: cubic-bezier(.45, 0, .55, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-back: cubic-bezier(.34, 1.56, .64, 1);

  --nav-h: 64px;
  color-scheme: only light;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--f-ui);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--ink-2);
  background: linear-gradient(180deg, var(--bg-0), var(--bg-1));
  background-attachment: fixed;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-break: strict;
  overflow-x: hidden;
}
h1, h2, h3, h4 { color: var(--ink); margin: 0; font-weight: 700; letter-spacing: -.02em; text-wrap: balance; }
p { margin: 0; text-wrap: pretty; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; }
.num { font-family: var(--f-en); font-variant-numeric: tabular-nums; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:focus-visible { outline: 2px solid var(--c-ops); outline-offset: 3px; border-radius: 6px; }
@view-transition { navigation: auto; }
::view-transition-group(arco-capsule) { animation-duration: .7s; animation-timing-function: cubic-bezier(.65, 0, .35, 1); border-radius: 999px; overflow: clip; }
::view-transition-image-pair(arco-capsule) { border-radius: inherit; overflow: clip; }