/* ============================================================
   数智展厅 · 设计令牌 (Design Tokens)
   暗黑霓虹 · 科技数智  —  2026 国家级教学成果奖
   ============================================================ */

@font-face {
  font-family: "Orbitron";
  font-weight: 500;
  font-display: swap;
  src: url("../vendor/fonts/orbitron-500.woff2") format("woff2");
}
@font-face {
  font-family: "Orbitron";
  font-weight: 700;
  font-display: swap;
  src: url("../vendor/fonts/orbitron-700.woff2") format("woff2");
}
@font-face {
  font-family: "Orbitron";
  font-weight: 900;
  font-display: swap;
  src: url("../vendor/fonts/orbitron-900.woff2") format("woff2");
}

:root {
  /* ---- 背景与表面 ---- */
  --bg-0: #04060d;          /* 最深底 */
  --bg-1: #070b16;          /* 页面底 */
  --bg-2: #0b1120;          /* 区块底 */
  --surface-1: #0e1526;     /* 卡片 */
  --surface-2: #131c33;     /* 卡片高亮 */
  --surface-3: #18223e;
  --line: rgba(125, 150, 200, 0.14);
  --line-strong: rgba(140, 170, 230, 0.28);

  /* ---- 文本 ---- */
  --text-1: #eaf0fb;        /* 主文本 */
  --text-2: #b3c0db;        /* 次文本 */
  --text-3: #7b89a8;        /* 弱文本/注释 */
  --text-on-accent: #04060d;

  /* ---- 霓虹强调色 ---- */
  --cyan: #2fe6ff;          /* 数据矩阵 */
  --cyan-soft: #6ff1ff;
  --violet: #9b7bff;        /* 培养矩阵 */
  --violet-soft: #c0a8ff;
  --gold: #ffb84d;          /* 数智矩阵 */
  --gold-soft: #ffd089;
  --magenta: #ff5cc8;       /* 点缀 */
  --green: #5cf2a8;         /* 正向/上升 */

  /* 主品牌强调(全局) */
  --accent: var(--cyan);
  --accent-soft: var(--cyan-soft);

  /* ---- 矩阵主题映射 ---- */
  --m-data: var(--cyan);
  --m-data-soft: var(--cyan-soft);
  --m-cult: var(--violet);
  --m-cult-soft: var(--violet-soft);
  --m-digi: var(--gold);
  --m-digi-soft: var(--gold-soft);

  /* ---- 发光 ---- */
  --glow-cyan: 0 0 0 1px rgba(47, 230, 255, 0.35), 0 0 24px rgba(47, 230, 255, 0.28), 0 0 60px rgba(47, 230, 255, 0.16);
  --glow-violet: 0 0 0 1px rgba(155, 123, 255, 0.35), 0 0 24px rgba(155, 123, 255, 0.28), 0 0 60px rgba(155, 123, 255, 0.16);
  --glow-gold: 0 0 0 1px rgba(255, 184, 77, 0.35), 0 0 24px rgba(255, 184, 77, 0.28), 0 0 60px rgba(255, 184, 77, 0.16);
  --shadow-card: 0 18px 40px -20px rgba(0, 0, 0, 0.8), 0 2px 8px -4px rgba(0, 0, 0, 0.6);
  --shadow-deep: 0 40px 90px -40px rgba(0, 0, 0, 0.9);

  /* ---- 字体 ---- */
  --font-cn: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei",
             "Hiragino Sans GB", "Noto Sans CJK SC", system-ui, sans-serif;
  --font-display: "Orbitron", var(--font-cn);
  --font-mono: "Orbitron", ui-monospace, "SFMono-Regular", "Cascadia Mono",
               Consolas, monospace;

  /* ---- 字号(流式) ---- */
  --fs-hero: clamp(2.2rem, 5.2vw, 4.6rem);
  --fs-h1: clamp(1.8rem, 3.6vw, 3rem);
  --fs-h2: clamp(1.45rem, 2.6vw, 2.1rem);
  --fs-h3: clamp(1.15rem, 1.8vw, 1.4rem);
  --fs-body: clamp(0.95rem, 1.05vw, 1.05rem);
  --fs-sm: 0.85rem;
  --fs-xs: 0.74rem;
  --fs-stat: clamp(2.4rem, 4.5vw, 3.8rem);

  /* ---- 间距 ---- */
  --sp-1: 0.4rem;
  --sp-2: 0.75rem;
  --sp-3: 1.15rem;
  --sp-4: 1.75rem;
  --sp-5: 2.6rem;
  --sp-6: 4rem;
  --sp-7: 6rem;
  --sp-8: 9rem;

  /* ---- 半径 ---- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* ---- 布局 ---- */
  --maxw: 1200px;
  --maxw-wide: 1440px;
  --header-h: 68px;

  /* ---- 动效 ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 0.5s;
}