:root {
  --ink: #0e1014;
  --text: #39404a;
  --mute: #6f7783;
  --line: #e1e6ed;
  --paper: #f7f8fa;
  --white: #ffffff;
  --pri: #1b1b1f;
  --pri-deep: #000000;
  --accent: #c9f24f;
  --soft: #edf1f6;
  --soft-2: #f3f9d9;
}

/* 评分卡：白色斜卡打底 + 左上评分牌 + 右下帧率圆章 */
.hv-score .hero-visual { min-height: 508px; }
.hv-score .hero-visual::before {
  content: ""; position: absolute; inset: 13% 3% 10% 11%; border-radius: 26px;
  background: linear-gradient(160deg, #ffffff, #eef3f8); border: 1px solid #e2e9f1;
  rotate: 3deg; box-shadow: 0 26px 56px rgba(20,32,44,.16);
}
.hv-score .hero-visual::after {
  content: "设备评分 56"; position: absolute; left: 2%; top: 11%;
  padding: 14px 16px; border-radius: 14px; background: #111; color: #fff;
  font-size: 13px; font-weight: 800; rotate: -3deg; box-shadow: 0 16px 32px rgba(10,16,24,.24);
}
.hv-score .hero-glow { width: 68%; opacity: .35; }
.hv-score .stage-phone {
  width: min(208px, 50%); justify-self: center; align-self: center; margin-top: 18px;
  padding: 7px; border-radius: 26px; background: #0a0a0c; border-color: rgba(255,255,255,.12);
  rotate: -2deg; animation: none; box-shadow: 0 26px 56px rgba(10,16,24,.32);
}
.hv-score .stage-phone img { border-radius: 20px; }
.hv-score .hero-badge {
  left: auto; right: 3%; top: auto; bottom: 9%; width: 92px; height: 92px;
  border-radius: 50%; background: var(--accent); color: #1b1b1f;
  rotate: 6deg; box-shadow: 0 16px 34px rgba(150,190,30,.35);
}
.hv-score .hero-badge strong { font-size: 28px; }
.hv-score .hero-badge span { color: #3c441a; }
.hv-score .hero-strip {
  left: 5%; right: auto; bottom: 3%; gap: 6px; padding: 7px 10px; border-radius: 12px;
  background: #111; border: 1px solid #2a2a30; box-shadow: 0 14px 30px rgba(10,16,24,.28);
}
.hv-score .hero-strip span { background: #26262c; color: #dfe3ea; }
.hv-score .hero-strip span:first-child { background: var(--accent); color: #1b1b1f; }
.fv-index .feature em { color: var(--pri); }
.sv-dark .shot { border-radius: 14px; }

@media (max-width: 640px) {
  .hv-score .hero-grid { grid-template-columns: 1fr; gap: 16px; }
  .hv-score .hero-visual { min-height: 470px; }
  .hv-score .hero-visual::before { inset: 12% 0 8% 6%; }
  .hv-score .hero-visual::after { left: 8px; top: 8%; font-size: 11px; padding: 10px 12px; }
  .hv-score .stage-phone { width: min(170px, 52%); margin-top: 26px; }
  .hv-score .hero-badge { display: grid; left: auto; right: 8px; bottom: 82px; width: 62px; height: 62px; }
  .hv-score .hero-badge strong { font-size: 19px; }
  .hv-score .hero-strip { left: 8px; right: 8px; bottom: 6px; padding: 6px 8px; gap: 4px; justify-content: center; }
  .hv-score .hero-strip span { padding: 3px 7px; font-size: 10px; }
  .fv-index .feature-grid { grid-template-columns: 1fr; }
  .fv-index .feature { padding: 18px 0; border-left: 0; }
}