/*
 * 全站设计参数：字体、字号、颜色的唯一调整入口。
 * 本轮已接入：导航、备案栏、全站背景。其他页面内部样式逐页迁移。
 * 新增共用组件必须引用这里的参数，不在组件里另写字体或颜色值。
 */
:root {
  /* 1. 字体与字号规范：组件按用途引用，不按页面重新定义。 */
  --font-family-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-size-body: 16px;
  --font-size-caption: 12px;
  --font-family-pixel: "Courier New", monospace;
  --font-size-pixel-label: clamp(7px, 2cqw, 12px);
  --font-size-pixel-status: clamp(5px, 1.14cqw, 7px);
  --font-weight-regular: 400;

  /* 2. 基础颜色与共用颜色角色。 */
  --color-primary-blue: #072d7a;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-border-neutral: #d7d9dc;
  --color-surface-paper: #f2f2ef;
  --color-surface-muted: #d9dde1;
  --color-text-on-background: var(--color-white);
  --color-focus-ring: color-mix(in srgb, var(--color-white) 65%, transparent);
  --color-shadow: color-mix(in srgb, var(--color-black) 18%, transparent);

  /* 3. 背景：颜色统一在这里调；保留现有渐变、光斑与颗粒效果。 */
  --gradient-start-color: var(--color-primary-blue);
  --gradient-end-color: #b6cde3;
  --gradient-angle: 145deg;

  --top-circle-color: #0c0940c4;
  --top-circle-x: 22%;
  --top-circle-y: -23vmax;
  --top-circle-spread: 98vmax;

  --bottom-circle-color: #ded0c29d;
  --bottom-circle-x: 78%;
  --bottom-circle-y: calc(100% + 13vmax);
  --bottom-circle-spread: 64vmax;

  --grain-size: 100px;
  --grain-strength: 0.15;
  --grain-contrast: 280%;
  --background-desaturate-duration: 1200ms;
  --background-desaturate-ease: cubic-bezier(0.2, 0.72, 0.2, 1);

  /* 4. 导航：字体和颜色引用上面的规范；中英字距可以分别调整。
   * line-height 使用 em，修改字号时滚动窗口高度自动同步，避免文字被裁切。
   */
  --site-nav-font-size: var(--font-size-body);
  --site-nav-text: var(--color-text-on-background);
  --site-nav-line-height: 1.5em;
  --site-nav-gap: clamp(44px, 5.35vw, 88px); /* 选项间隔，也可直接改成 80px */
  --site-nav-en-spacing: 0.10em; /* 英文字符间距：保留手动设置 */
  --site-nav-zh-spacing: 0.2em; /* 中文字符间距：保留手动设置 */
  --site-nav-top: 38px;
  --site-nav-right: clamp(32px, 6vw, 112px);
  --site-nav-marker-size: 5px;
  --site-nav-duration: 420ms;
  --site-nav-marker-fade-duration: 180ms;
  --site-nav-ease: cubic-bezier(0.22, 0.75, 0.22, 1);

  /* 左上只保留 Logo，颜色沿用共用文字色。 */
  --site-brand-logo-size: 33px; /* 图形高度，默认实际宽度为 30px */

  /* 5. 备案栏：与导航使用同一字体，字号采用说明文字档位。 */
  --record-bar-background: var(--color-black);
  --record-bar-background-opacity: 64%;
  --record-bar-text: var(--color-text-on-background);
  --record-bar-border: var(--color-border-neutral);
  --record-bar-height: 42px;
  --record-bar-font-size: var(--font-size-caption);
  --record-bar-avatar-size: 28px;
}