/*! 码泓科技 · 全局布局令牌 v1.1（2026-10-24）
 * 增补：@font-face 自托管阿里巴巴普惠体 3.0（4 字重）——三域此前无 @font-face，
 *       导致 body 声明了 "Alibaba PuHuiTi 3.0" 但实际全部回退系统字体（实测渲染探针）。
 * 相对 URL ⇒ 解析为 /policies/assets/fonts/alibaba-puhuiti-3/…
 * 依据：2026-10-24 UI/UX 走查审计 · 字体族 7 族混用
 */

@font-face {
  font-family: "Alibaba PuHuiTi 3.0"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/alibaba-puhuiti-3/AlibabaPuHuiTi-3-55-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Alibaba PuHuiTi 3.0"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("fonts/alibaba-puhuiti-3/AlibabaPuHuiTi-3-65-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Alibaba PuHuiTi 3.0"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fonts/alibaba-puhuiti-3/AlibabaPuHuiTi-3-75-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Alibaba PuHuiTi 3.0"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/alibaba-puhuiti-3/AlibabaPuHuiTi-3-85-Bold.woff2") format("woff2");
}

:root {
  /* ── R1 容器与栅格 ─────────────────────────────── */
  --mh-container: 1200px;      /* 唯一内容容器宽（官网原 1080 → 三域原 1180，统一 1200）*/
  --mh-gutter: 24px;           /* 页面左右留白 */
  --mh-side: 240px;            /* 侧栏宽（原 236 统一到 240）*/
  --mh-section-gap: 64px;      /* 桌面区块纵向间距 */

  /* ── R2 字体（唯一 2 套）───────────────────────── */
  /* ⚠️ 官网原写 'AlibabaPuHuiTi'（无空格）→ 字体不生效、实际回退系统字体，故四域粗细不一致 */
  --mh-font-sans: "Alibaba PuHuiTi 3.0", "Noto Sans SC", -apple-system, BlinkMacSystemFont,
                  "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --mh-font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;

  /* ── R3 字号阶梯（8 级，下限 12px）─────────────── */
  --mh-fs-display: 44px;   --mh-lh-display: 50.6px;  /* 官网主标题 */
  --mh-fs-h1: 27px;        --mh-lh-h1: 36px;
  --mh-fs-h2: 22px;        --mh-lh-h2: 29.7px;
  --mh-fs-h3: 17px;        --mh-lh-h3: 27.2px;
  --mh-fs-body: 14px;      --mh-lh-body: 22.4px;      /* 正文基准 */
  --mh-fs-small: 13px;     --mh-lh-small: 20.8px;
  --mh-fs-caption: 12px;   --mh-lh-caption: 19.2px;    /* 下限，禁 <12px */
  --mh-fs-caption-strong: 12px; --mh-lh-caption-strong: 19.2px;

  /* ── R4 圆角 / 阴影（4 + 3 档）─────────────────── */
  --mh-radius-sm: 8px;      /* 徽章 / 标签 / 输入框 */
  --mh-radius-md: 12px;     /* 按钮 / 小卡片 */
  --mh-radius-lg: 16px;     /* 大卡片 / hero / banner */
  --mh-radius-pill: 999px;
  --mh-shadow-1: 0 1px 2px rgba(15,23,42,.06);
  --mh-shadow-2: 0 4px 16px rgba(15,23,42,.08);
  --mh-shadow-3: 0 14px 36px rgba(15,23,42,.12);

  /* ── R5 间距（4px 基线）────────────────────────── */
  --mh-s1: 4px;   --mh-s2: 8px;   --mh-s3: 12px;  --mh-s4: 16px;
  --mh-s5: 20px;  --mh-s6: 24px;  --mh-s8: 32px;  --mh-s10: 40px;
  --mh-s12: 48px; --mh-s16: 64px;

  /* ── R6 中性色（四域已一致，保持不变）──────────── */
  --mh-n-0: #FFFFFF;   --mh-n-50: #F8FAFC;  --mh-n-100: #F1F5F9;
  --mh-n-200: #E2E8F0; --mh-n-300: #CBD5E1; --mh-n-500: #64748B;
  --mh-n-700: #334155; --mh-n-900: #0F172A;

  /* ── 移动端（≤860px）──────────────────────────── */
  --mh-section-gap-mobile: 40px;
  --mh-touch-min: 40px;      /* 触摸目标最小高度 */
}

/* ── 基础应用 ─────────────────────────────────────── */
html {
  font-family: var(--mh-font-sans);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  font-family: var(--mh-font-sans) !important;   /* 三域页面自身 body 规则覆盖，需 !important 兜底 */
  font-size: 16px !important;                     /* 篇章基准 body 字号 */
  line-height: normal !important;                  /* 篇章基准行高口径 */
}
/* 代码 / 密钥 / ID 统一等宽 */
code, kbd, pre, samp, .mono, [class*="code"], [class*="mono"] {
  font-family: var(--mh-font-mono);
}
/* 触摸目标：移动端交互元素补足命中区 */
@media (max-width: 860px) {
  a, button, [role="button"], input, select, textarea {
    min-height: var(--mh-touch-min);
  }
  a:not([class*="btn"]):not([class*="button"]):not(.btn):not(.button) {
    display: inline-flex;
    align-items: center;
  }
}