@font-face {
  font-family: "SubHub Harmony";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/static/font/HarmonyOS_Sans_SC_Medium.subset.woff2") format("woff2");
}

:root {
  --subhub-font-sans: "SubHub Harmony", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", "Segoe UI", Arial, sans-serif;
  --subhub-font-display: "SubHub Harmony", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", "Segoe UI", Arial, sans-serif;
  --subhub-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --subhub-bg: #f4f6f9;
  --subhub-front-bg: #faf8f5;
  --subhub-surface: #ffffff;
  --subhub-surface-soft: rgba(255, 255, 255, 0.78);
  --subhub-text: #172033;
  --subhub-muted: #667286;
  --subhub-line: rgba(57, 72, 96, 0.14);
  --subhub-line-strong: rgba(57, 72, 96, 0.2);
  --subhub-primary: #536b91;
  --subhub-primary-deep: #22334f;
  --subhub-accent: #b79562;
  --subhub-success: #6d968d;
  --subhub-warning: #bc9562;
  --subhub-danger: #9c6b65;
  --subhub-shadow-sm: 0 12px 30px rgba(34, 51, 79, 0.08);
  --subhub-shadow-md: 0 18px 48px rgba(34, 51, 79, 0.12);
  --subhub-radius-sm: 14px;
  --subhub-radius-md: 20px;
  --subhub-radius-lg: 28px;
  --subhub-radius-pill: 999px;
  --subhub-content-max: 1200px;
  --subhub-content-wide: 1320px;

  /* ============================================================
     SubHub 标准间距阶梯（保持原数字 ID 兼容）
     新增页面优先使用语义别名（xs/sm/md/lg/xl/2xl）
     ============================================================ */
  --subhub-space-0: 0;
  --subhub-space-1: 8px;     /* xs   — 小标签、徽章内边距 */
  --subhub-space-2: 12px;    /* sm   — 紧凑表单 */
  --subhub-space-3: 16px;    /* md   — 默认卡片 */
  --subhub-space-4: 20px;    /* md+  — 主卡片 */
  --subhub-space-5: 24px;    /* lg   — 区块间距 */
  --subhub-space-6: 32px;    /* xl   — 大型分区 */
  --subhub-space-7: 40px;    /* 2xl  — hero 区块 */
  --subhub-space-8: 48px;    /* 3xl  — 顶级容器 */
  --subhub-space-tiny: 4px;  /* 仅用于极紧凑场景，如徽章环间距 */

  /* 语义别名，便于阅读 */
  --subhub-space-xs: var(--subhub-space-1);
  --subhub-space-sm: var(--subhub-space-2);
  --subhub-space-md: var(--subhub-space-3);
  --subhub-space-lg: var(--subhub-space-5);
  --subhub-space-xl: var(--subhub-space-6);
  --subhub-space-2xl: var(--subhub-space-7);
  --subhub-space-3xl: var(--subhub-space-8);

  /* ============================================================
     SubHub 标准响应式断点（4 档收敛）
     新增页面优先使用：mobile / tablet / desktop / wide
     不要再引入 575 / 640 / 680 / 767 / 900 / 980 / 991 / 1199 之类的奇数断点
     ============================================================ */
  --subhub-bp-mobile: 480px;     /* 手机竖屏 */
  --subhub-bp-tablet: 768px;     /* 平板 / 手机横屏 */
  --subhub-bp-desktop: 1024px;   /* 桌面 */
  --subhub-bp-wide: 1200px;      /* 宽屏 */
}

html {
  color-scheme: light;
}

body {
  color: var(--subhub-text);
  font-family: var(--subhub-font-sans);
  font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.subhub-display-type {
  font-family: var(--subhub-font-display);
  letter-spacing: -0.02em;
}

::selection {
  background: rgba(83, 107, 145, 0.18);
}