:root {
  --ink: #2a1f2c;
  --text: #4b3a4d;
  --mute: #8a7590;
  --line: #f0e3ea;
  --paper: #fef8fb;
  --white: #ffffff;
  --pri: #c4538a;
  --pri-deep: #a23f70;
  --accent: #f6a6c4;
  --soft: #fdeaf2;
  --soft-2: #eaf3ff;
}

/* 横屏游戏画面英雄区：手机框改成 16:9 的游戏窗口 */
.hv-screen .hero { padding: 46px 0 50px; }
.hv-screen .hero::before { left: auto; right: -8%; top: -20%; width: 54%; height: 140%; background: radial-gradient(circle at 50% 45%, rgba(196,83,138,.14), transparent 66%); }
.hv-screen .hero-grid { grid-template-columns: 1fr 1.1fr; gap: 40px; }
.hv-screen .hero-visual { min-height: 472px; }
.hv-screen .hero-glow { width: 82%; background: radial-gradient(circle at 50% 50%, rgba(196,83,138,.16), transparent 70%); }
.hv-screen .stage-phone {
  width: 100%; max-width: 520px; aspect-ratio: 16 / 9; padding: 0; border-radius: 18px;
  background: #1d1620; overflow: hidden; rotate: 0deg; animation: none;
  border: 1px solid rgba(42,31,44,.14); box-shadow: 0 26px 50px rgba(42,31,44,.26);
}
.hv-screen .stage-phone img { width: 100%; height: 100%; object-fit: cover; border-radius: 18px; }
.hv-screen .hero-badge { left: 0; right: auto; top: 0; bottom: auto; width: 88px; height: 88px; }
.hv-screen .hero-strip { left: auto; right: 0; top: 0; bottom: auto; }

@media (max-width: 980px) {
  .hv-screen .hero-grid { grid-template-columns: 1fr; gap: 26px; }
  .hv-screen .hero-visual { min-height: 0; }
}
@media (max-width: 640px) {
  .hv-screen .hero { padding: 28px 0 30px; }
  .hv-screen .hero-visual { display: flex; flex-direction: column; align-items: center; gap: 16px; }
  .hv-screen .stage-phone { max-width: 100%; }
  .hv-screen .hero-strip { position: static; margin: 0; flex-wrap: wrap; justify-content: center; }
}