/* ============================================================
   统一顶部 Hero 极光主题（全站共用，单一来源）
   设计方向：深靛蓝 → 品红 斜向渐变 + cyan / coral 柔光，
   去掉旧的白色散点与粒子网，叠加极细噪点抑制色带。
   作为各页最后加载的样式表，覆盖页内 .header/.hero 的本地渐变，
   并重定义导航条使用的 --hero-bg / --hero-bg-dark 颜色变量。
   ============================================================ */

/* 导航条沿用这两个变量，跟随极光主题改为深靛蓝 */
:root {
  --hero-bg: #2a1b4d;
  --hero-bg-dark: #1b1638;
}

/* 顶部大背景：两团柔光叠在斜向深色渐变之上 */
.header,
.hero {
  background:
    radial-gradient(72% 88% at 86% 6%, rgba(2, 216, 209, 0.22) 0%, rgba(2, 216, 209, 0) 56%),
    radial-gradient(68% 84% at 6% 104%, rgba(255, 116, 79, 0.20) 0%, rgba(255, 116, 79, 0) 58%),
    linear-gradient(150deg, #1b1638 0%, #2a1b4d 52%, #3a1d3d 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* 用极细灰度噪点替代旧的白色散点（去廉价感 + 抑制渐变色带） */
.header::before,
.hero::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  background-repeat: repeat;
  opacity: 0.045;
}