/* 宙斯閃電特效（assets/zeus-fx.js）
   Canvas 放在 .hero-photo 裡，跟照片一起被遮罩淡出；閃光層在照片暗化層之上、點陣波浪 / 牌影之下，
   且整個 .hero-bg 在文案與按鈕之下（z-index:-1），閃光最多 7.5% 不透明度，不影響文字可讀性。 */
.hero-photo .zfx-canvas {
  position: absolute; inset: 0; width: 100%; height: 100%;
  display: block; pointer-events: none;
  mix-blend-mode: screen; /* additive-looking light over the photo */
}
.hero-bg .zfx-flash {
  position: absolute; inset: 0; pointer-events: none; opacity: 0;
  background: radial-gradient(120% 95% at var(--zfx-x, 30%) var(--zfx-y, 15%),
    rgba(246,250,255,1) 0%, rgba(200,238,255,.6) 34%, rgba(0,191,232,.18) 60%, rgba(246,250,255,0) 82%);
  will-change: opacity;
}
@media (prefers-reduced-motion: reduce) {
  .hero-bg .zfx-flash { display: none; }
}