:root {
  --ink: #14243a;
  --text: #36506d;
  --mute: #6f87a3;
  --line: #dde8f5;
  --paper: #f6fafe;
  --white: #ffffff;
  --pri: #2b76c9;
  --pri-deep: #1e5a9e;
  --accent: #f5a73b;
  --soft: #e8f2fc;
  --soft-2: #fff2dc;
}

/* 托板式英雄区：手机立在浅蓝圆角托板上 */
.hv-plinth .hero { padding: 50px 0 44px; }
.hv-plinth .hero::before { left: auto; right: -10%; top: -14%; width: 56%; height: 128%; background: radial-gradient(circle at 50% 50%, rgba(43,118,201,.16), rgba(43,118,201,.04) 52%, transparent 68%); }
.hv-plinth .hero-grid { grid-template-columns: .96fr 1.04fr; gap: 40px; }
.hv-plinth .hero-visual { min-height: 566px; }
.hv-plinth .hero-glow { display: none; }
.hv-plinth .hero-visual::before {
  content: ""; position: absolute; left: 8%; right: 8%; top: 12%; bottom: 6%;
  border-radius: 30px; background: linear-gradient(170deg, #e9f2fd, #ffffff 78%);
  border: 1px solid var(--line); box-shadow: 0 22px 48px rgba(20,36,58,.08);
}
.hv-plinth .stage-phone { width: min(224px, 48%); padding: 8px; border-radius: 26px; background: #16233a; rotate: -2deg; animation: none; box-shadow: 0 20px 42px rgba(20,36,58,.26); }
.hv-plinth .stage-phone img { border-radius: 19px; }
.hv-plinth .hero-badge { left: 3%; right: auto; top: 4%; width: 108px; height: 62px; border-radius: 14px; rotate: -4deg; gap: 0; }
.hv-plinth .hero-badge strong { font-size: 24px; }
.hv-plinth .hero-strip { left: auto; right: 2%; bottom: 2%; }

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