/* ============================================================
   HERO — AeroShards WebGPU 碎片背景（试点）
   canvas 淡入 650ms；无 WebGPU / 初始化失败 → data-shards-fallback
   静态 Riso 渐变兜底（ink 底 + red/blue/yellow 光晕）
   ============================================================ */
.typewall-bg .aero-shards__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  transition: opacity 650ms cubic-bezier(0.22, 1, 0.36, 1);
}
.typewall-bg[data-ready="true"] .aero-shards__canvas {
  opacity: 1;
}
.typewall-bg[data-shards-fallback] {
  background:
    radial-gradient(120% 90% at 18% 10%, rgba(201, 0, 25, 0.42) 0%, rgba(201, 0, 25, 0) 55%),
    radial-gradient(110% 100% at 86% 16%, rgba(0, 124, 223, 0.34) 0%, rgba(0, 124, 223, 0) 58%),
    radial-gradient(130% 120% at 68% 92%, rgba(243, 186, 37, 0.26) 0%, rgba(243, 186, 37, 0) 55%),
    #15100e;
}
.typewall-bg[data-shards-fallback] .aero-shards__canvas {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .typewall-bg .aero-shards__canvas {
    transition: none;
  }
}