/* =====================================================================
   设计令牌 · AIGC 创作大赛
   视觉基调取自赛事视觉调研：Lumen「光」的极简未来感 × ADC「未竟之美」的
   留白张力 × 极限黑客松的紧迫感。深空底色 + 双光色渐变 + 等宽数字承载数据。
   ===================================================================== */

:root {
  /* ---- 底色层次（深空） ---- */
  --ink-900: #08090d;
  --ink-850: #0a0c11;
  --ink-800: #0d0f16;
  --ink-700: #12141c;
  --ink-600: #191c26;
  --ink-500: #222633;

  /* ---- 光（品牌色） ---- */
  --iris: #7c6cff;          /* 主光 · 电紫 */
  --iris-bright: #9a8dff;
  --iris-deep: #5546d6;
  --iris-wash: rgba(124, 108, 255, 0.14);
  --iris-line: rgba(124, 108, 255, 0.35);

  --lumen: #16e0c8;         /* 副光 · 青 */
  --lumen-wash: rgba(22, 224, 200, 0.12);
  --lumen-line: rgba(22, 224, 200, 0.3);

  --flare: #ff5b47;         /* 警示 · 倒计时 */
  --flare-wash: rgba(255, 91, 71, 0.12);
  --amber: #ffb347;
  --amber-wash: rgba(255, 179, 71, 0.12);

  /* ---- 文字 ---- */
  --text: #edeff5;
  --text-2: #99a0b3;
  --text-3: #626a7d;
  --text-4: #454b5a;

  /* ---- 描边与分隔 ---- */
  --line: rgba(255, 255, 255, 0.08);
  --line-2: rgba(255, 255, 255, 0.14);
  --line-3: rgba(255, 255, 255, 0.22);

  /* ---- 渐变 ---- */
  --grad-光: linear-gradient(120deg, var(--iris) 0%, var(--lumen) 100%);
  --grad-panel: linear-gradient(160deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.008));
  --grad-halo: radial-gradient(circle at 50% 0%, rgba(124, 108, 255, 0.22), transparent 62%);

  /* ---- 字体 ---- */
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC",
    "Noto Sans CJK SC", "Microsoft YaHei", system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --font-mono: "SFMono-Regular", "JetBrains Mono", "Roboto Mono", Menlo,
    Consolas, "Courier New", monospace;

  /* ---- 字号（1.25 比例） ---- */
  --fs-hero: clamp(2.6rem, 6.4vw, 5.2rem);
  --fs-h1: clamp(2rem, 4vw, 3rem);
  --fs-h2: clamp(1.5rem, 2.6vw, 2.05rem);
  --fs-h3: 1.25rem;
  --fs-body: 0.9375rem;
  --fs-sm: 0.8125rem;
  --fs-xs: 0.6875rem;

  /* ---- 间距 ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* ---- 圆角 ---- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* ---- 阴影 ---- */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 8px 28px rgba(0, 0, 0, 0.45);
  --shadow-3: 0 24px 64px rgba(0, 0, 0, 0.55);
  --glow-iris: 0 0 0 1px var(--iris-line), 0 8px 32px rgba(124, 108, 255, 0.25);

  /* ---- 布局 ---- */
  --wrap: 1180px;
  --wrap-narrow: 820px;
  --nav-h: 64px;

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

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0.001s; }
  *, *::before, *::after {
    animation-duration: 0.001s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001s !important;
    scroll-behavior: auto !important;
  }
}