@font-face {
  font-family: "Hufu Source Han Serif Heavy";
  src: url("../fonts/source-han-serif-sc-heavy-hero-v1.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

:root {
  --page-surface: #fdfcf9;
  --page-surface-muted: #fbfaf7;
  --ink: #252822;
  --ink-soft: #65685f;
  --jade: #526854;
  --jade-deep: #3d5140;
  --jade-pale: #dbe0d6;
  --gold: #b59c6b;
  --gold-text: #7b6942;
  --gold-pale: #d8c8a8;
  --line: rgba(181, 156, 107, 0.58);
  --line-soft: rgba(82, 104, 84, 0.22);
  --border-default: rgba(82, 104, 84, 0.32);
  --border-strong: rgba(82, 104, 84, 0.52);
  --surface-interactive: rgba(255, 255, 255, 0.72);
  --surface-hover: rgba(255, 255, 255, 0.94);
  --surface-hover-subtle: rgba(82, 104, 84, 0.045);
  --surface-selected: rgba(82, 104, 84, 0.09);
  --surface-pressed: rgba(82, 104, 84, 0.14);
  --interactive-border: var(--border-default);
  --interactive-border-hover: var(--border-strong);
  --disabled-opacity: 0.52;
  --focus-ring-color: rgba(61, 81, 64, 0.76);
  --focus-ring-offset: 3px;
  --focus-ring-shadow: 0 0 0 3px rgba(82, 104, 84, 0.12);
  --shadow-control: 0 1px 2px rgba(55, 51, 43, 0.08);
  --shadow-interactive: 0 3px 10px rgba(55, 51, 43, 0.08);
  --shadow-interactive-hover: 0 10px 24px rgba(61, 55, 44, 0.14);
  --shadow: 0 10px 28px rgba(61, 55, 44, 0.12);
  --font-slogan: "Source Han Serif SC", "思源宋体", "Noto Serif CJK SC", "Songti SC", "STSong", serif;
  --font-hero-title: "Hufu Source Han Serif Heavy", "Source Han Serif SC", "思源宋体", "Noto Serif CJK SC", "Songti SC", "STSong", serif;
  --font-display: var(--font-heading);
  --font-heading: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;
  --text-section-title: 40px;
  --text-display: 44px;
  --text-body-lg: 17px;
  --text-body-md: 16px;
  --text-body: 16px;
  --text-body-sm: 15px;
  --text-body-xs: 14px;
  --text-label: 13px;
  --text-caption: 12px;
  --text-micro: 11px;
  --text-card-title: 22px;
  --leading-tight: 1.25;
  --leading-heading: 1.35;
  --leading-body: 1.7;
  --leading-compact: 1.5;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-heavy: 900;
  --space-2: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --icon-stroke-width: 1.8;
  --icon-control-size: 40px;
  --content: 1100px;
  --header-h: 64px;
  --radius-control: 2px;
  --radius-card: 4px;
  --radius-surface: 8px;
  --radius-icon: var(--radius-surface);
  --radius-primary-action: 12px;
  --ease-ui: 180ms ease;
  --ease-out: 260ms cubic-bezier(0.22, 1, 0.36, 1);
  --z-scene: 0;
  --z-atmosphere: 5;
  --z-assets: 10;
  --z-text: 20;
  --z-navigation: 100;
}