:root {
  --ink: #1e1510;
  --text: #4b3a2d;
  --mute: #8a7462;
  --line: #ece0d3;
  --paper: #fbf6f0;
  --white: #ffffff;
  --pri: #d9782e;
  --pri-deep: #b25a17;
  --accent: #f4b45f;
  --soft: #fdeede;
  --soft-2: #f8e3c8;
}

/* 深色英雄区 + 双机错位 */
.hv-duo .hero { padding: 46px 0 54px; background: linear-gradient(155deg, #251912 0%, #1b120d 58%, #150e0a 100%); }
.hv-duo .hero::before { right: -14%; top: -30%; width: 72%; height: 150%; background: radial-gradient(circle at 55% 45%, rgba(244,180,95,.26), rgba(217,120,46,.08) 52%, transparent 72%); }
.hv-duo .hero-grid { grid-template-columns: 1.06fr .94fr; gap: 44px; }
.hv-duo .eyebrow { background: rgba(244,180,95,.14); color: #f6c184; }
.hv-duo .eyebrow i { background: #f4b45f; }
.hv-duo .hero h1 { color: #fff7ee; }
.hv-duo .hero-sub { color: #f7c88f; }
.hv-duo .hero-desc { color: rgba(255,246,236,.66); }
.hv-duo .hero-points { border-top-color: rgba(255,246,236,.16); }
.hv-duo .hero-points li { color: #fff7ee; }
.hv-duo .hero-points small { color: rgba(255,246,236,.5); }
.hv-duo .btn-secondary { background: transparent; color: #fff7ee; border-color: rgba(255,246,236,.26); }
.hv-duo .hero-visual { min-height: 620px; }
.hv-duo .hero-glow { width: 76%; background: radial-gradient(circle at 50% 46%, rgba(244,180,95,.4), rgba(217,120,46,.14) 55%, transparent 73%); }
.hv-duo .stage-phone { width: min(214px, 46%); margin-left: -6%; rotate: -5deg; }
.hv-duo .hero-visual::after {
  content: ""; position: absolute; right: 0; top: 13%; z-index: 1; width: 164px; height: 358px;
  border: 7px solid #191009; border-radius: 26px; rotate: 5deg;
  background: url(../images/shot-3.jpg) top center / cover no-repeat;
  box-shadow: 0 26px 52px rgba(0,0,0,.46);
}
.hv-duo .hero-badge { left: 0; right: auto; top: 3%; width: 94px; height: 94px; rotate: -7deg; background: #f4b45f; color: #241811; box-shadow: 0 16px 34px rgba(244,180,95,.26); }
.hv-duo .hero-badge strong { font-size: 28px; }
.hv-duo .hero-strip { left: 0; right: 0; margin-inline: auto; width: max-content; bottom: 0; background: rgba(255,255,255,.07); border-color: rgba(255,246,236,.16); box-shadow: none; }
.hv-duo .hero-strip span { background: rgba(255,255,255,.1); color: #f7c88f; }

/* 特色区左栏吸附 */
.fv-split .feature:nth-child(even) { background: var(--soft); }
.fv-split .feature em { color: var(--pri); }

/* 界面展示深色带 */
.sv-dark .shot figcaption { background: rgba(255,255,255,.08); color: #f7c88f; }

@media (max-width: 980px) {
  .hv-duo .hero-grid { grid-template-columns: 1fr; }
  .hv-duo .hero-visual { min-height: 560px; }
  .hv-duo .stage-phone { margin-left: 0; width: min(206px, 54%); }
  .hv-duo .hero-visual::after { width: 138px; height: 300px; top: 12%; }
}
@media (max-width: 640px) {
  .hv-duo .hero { padding: 32px 0 30px; }
  .hv-duo .hero-visual { min-height: 540px; }
  .hv-duo .hero-visual::after { display: none; }
  .hv-duo .stage-phone { width: min(224px, 66%); rotate: 0deg; }
  .hv-duo .hero-strip { left: 0; right: auto; margin-inline: 0; justify-content: flex-start; }
}