@charset "UTF-8";

/* 首屏文字涟漪仅作为装饰层，原有文字和按钮保持在其上方。 */
.hero-ascii-ripple {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  clip-path: inset(66px 0 0 0);
  -webkit-mask-image: radial-gradient(ellipse 70% 62% at 82% 20%, #000 0%, rgba(0, 0, 0, .75) 40%, transparent 100%);
  mask-image: radial-gradient(ellipse 70% 62% at 82% 20%, #000 0%, rgba(0, 0, 0, .75) 40%, transparent 100%);
}
.hero-ascii-ripple canvas { display: block; width: 100%; height: 100%; }

@media (max-width: 760px) {
  .hero-ascii-ripple {
    opacity: .5;
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .16), rgba(0, 0, 0, .42) 38%, transparent 78%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .16), rgba(0, 0, 0, .42) 38%, transparent 78%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-ascii-ripple { opacity: .35; }
}
@media print {
  .hero-ascii-ripple { display: none; }
}