:root {
  --ink: #152232;
  --text: #33465c;
  --mute: #76899e;
  --line: #e0e8f1;
  --paper: #f6f9fc;
  --white: #ffffff;
  --pri: #2277c4;
  --pri-deep: #195c9b;
  --accent: #35b39a;
  --soft: #e8f2fb;
  --soft-2: #e3f6f1;
}

/* 居中英雄区：文案居中，手机从底部升起 */
.hv-mid .hero { padding: 54px 0 0; text-align: center; }
.hv-mid .hero::before { left: 0; right: 0; top: -10%; width: 100%; height: 120%; background: radial-gradient(circle at 50% 18%, rgba(34,119,196,.12), rgba(53,179,154,.06) 46%, transparent 66%); }
.hv-mid .hero-grid { display: flex; flex-direction: column; align-items: center; gap: 26px; }
.hv-mid .hero-copy { max-width: 730px; margin: 0 auto; }
.hv-mid .hero-actions { justify-content: center; }
.hv-mid .hero-points { border-top: 0; padding-top: 0; margin-top: 22px; grid-template-columns: repeat(3, auto); justify-content: center; gap: 0 34px; }
.hv-mid .hero-visual { width: 100%; min-height: 442px; display: flex; justify-content: center; align-items: flex-end; }
.hv-mid .hero-glow { display: none; }
.hv-mid .hero-badge, .hv-mid .hero-strip { display: none; }
.hv-mid .stage-phone {
  width: min(252px, 64%); padding: 8px 8px 0; border-radius: 26px 26px 0 0;
  background: #ffffff; border: 1px solid var(--line); border-bottom: 0;
  box-shadow: 0 -4px 44px rgba(21,34,50,.16); rotate: 0deg; animation: none; margin-bottom: 0;
}
.hv-mid .stage-phone img { border-radius: 19px 19px 0 0; }

@media (max-width: 640px) {
  .hv-mid .hero { padding: 28px 0 0; }
  .hv-mid .hero-points { grid-template-columns: 1fr; gap: 8px; }
  .hv-mid .stage-phone { width: min(228px, 70%); }
}