/* ============================================================
   V20 Aurora Background · ReactBits Aurora 原生 WebGL 适配层
   删除 index.html 中本文件与 v20-aurora-background.js 即移除背景。
   ============================================================ */

@media (prefers-reduced-motion: no-preference) {
  html.v20-aurora-bg,
  html.v20-aurora-bg body {
    background: #041026;
  }

  html.v20-aurora-bg body {
    background: #041026 !important;
  }

  html.v20-aurora-bg body::before,
  html.v20-aurora-bg body::after {
    display: none;
  }

  .v20-aurora {
    position: fixed;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 700ms ease;
  }

  .v20-aurora.is-ready {
    opacity: 1;
  }

  html.v20-aurora-bg .promo-page {
    position: relative;
    z-index: 1;
  }

  html.v20-aurora-bg .promo-page > section:not([hidden]),
  html.v20-aurora-bg .partners-title {
    content-visibility: visible;
    contain-intrinsic-size: none;
    background-color: color-mix(in srgb, var(--card) 30%, transparent);
    backdrop-filter: blur(10px) saturate(145%);
    -webkit-backdrop-filter: blur(10px) saturate(145%);
  }

  html.v20-aurora-bg .hero__kv > canvas {
    display: none;
  }

  html.v20-aurora-bg .portrait-result figcaption,
  html.v20-aurora-bg .portrait-result figcaption strong,
  html.v20-aurora-bg .portrait-result figcaption p {
    color: #111;
  }
}