/* ============================================================
   设计变量 · 单一来源
   之前三张页面各自抄一份样式，改一处要改三次；现在全部收在这里。
   ============================================================ */
:root{
  color-scheme: dark;

  /* 文字 */
  --ink:#ffffff;
  --ink-2:rgba(255,255,255,.66);
  --ink-3:rgba(255,255,255,.46);
  --ink-4:rgba(255,255,255,.32);

  /* 线 / 卡片 */
  --line:rgba(255,255,255,.12);
  --card-bg:linear-gradient(140deg,rgba(255,255,255,.085),rgba(255,255,255,.028));
  --card-bd:1px solid rgba(255,255,255,.115);

  /* 圆角 */
  --r-lg:19px;
  --r-md:14px;
  --r-sm:9px;

  /* 动效 */
  --dur:.26s;
  --ease:cubic-bezier(.22,.8,.26,1);

  /* 安全区（刘海屏 / 底部指示条） */
  --safe-t:env(safe-area-inset-top,0px);
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-l:env(safe-area-inset-left,0px);
  --safe-r:env(safe-area-inset-right,0px);

  /* 触控最小热区 */
  --tap:44px;

  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
}

/* ---------- 主题：蓝青（首页 / 报名通道） ---------- */
body[data-theme="blue"]{
  --a1:#3B82F6;
  --a2:#22D3EE;
  --btn-ink:#04182B;
  --accent:#7EE3F5;
  --accent-soft:rgba(34,211,238,.14);
  --accent-bd:rgba(34,211,238,.42);
  --accent-ink:#B9F0FF;

  --app-bg:
    radial-gradient(115% 70% at 12% -6%, rgba(59,130,246,.42), transparent 56%),
    radial-gradient(95% 62% at 92% 6%, rgba(139,92,246,.38), transparent 60%),
    radial-gradient(80% 55% at 50% 104%, rgba(34,211,238,.20), transparent 62%),
    linear-gradient(178deg,#0A0E2E 0%,#110F3B 46%,#160F45 100%);
  --grid-c:rgba(126,166,255,.075);
  /* 顶部光晕：两层径向渐变，纯渐变无滤镜（原来是一块 conic + blur(34px)） */
  --glow-a:rgba(34,211,238,.13);
  --glow-b:rgba(139,92,246,.16);
  --bar-tint:rgba(9,13,40,.68);
  --bar-tint-solid:rgba(9,13,40,.94);

  --pg1:rgba(74,100,220,.22);
  --pg2:rgba(150,90,240,.16);
}

/* ---------- 主题：紫粉（需求征集通道） ---------- */
body[data-theme="violet"]{
  --a1:#8B5CF6;
  --a2:#E879F9;
  --btn-ink:#FFFFFF;
  --accent:#D8C7FF;
  --accent-soft:rgba(139,92,246,.16);
  --accent-bd:rgba(167,139,250,.42);
  --accent-ink:#E4D6FF;

  --app-bg:
    radial-gradient(115% 62% at 12% -6%, rgba(108,74,230,.42), transparent 56%),
    radial-gradient(95% 54% at 94% 4%, rgba(59,110,235,.28), transparent 60%),
    radial-gradient(80% 50% at 50% 108%, rgba(232,121,249,.20), transparent 62%),
    linear-gradient(178deg,#0A0A2C 0%,#120D3C 48%,#160D46 100%);
  --grid-c:rgba(150,140,255,.07);
  --glow-a:rgba(232,121,249,.13);
  --glow-b:rgba(120,92,240,.17);
  --bar-tint:rgba(12,10,42,.68);
  --bar-tint-solid:rgba(12,10,42,.94);

  --pg1:rgba(110,70,220,.22);
  --pg2:rgba(232,121,249,.10);
}
