/* ============================================================
   faq-weihu.html 维护常见问题页专属样式 · 烘焙复古风
   版式签名：H2 横幅 Hero + 三档维护套餐卡 + 对撞"维护vs不维护"
   ============================================================ */

.wf-flip{transform:scaleY(-1)}
.call-glow{background:var(--gold);width:260px;height:260px;top:-80px;right:-40px;position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.eyebrow-dark{display:inline-block;font-size:13px;letter-spacing:.3em;color:var(--gold-deep);margin-bottom:12px}

/* ---------- H2 窄幅横幅 Hero ---------- */
.whero{position:relative;min-height:400px;display:flex;align-items:center;padding:150px 0 80px;overflow:hidden;color:var(--cream)}
.whero .banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.whero-mask{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(46,26,12,.85) 0%,rgba(59,35,19,.7) 55%,rgba(46,26,12,.9) 100%);
}
.whero-inner{position:relative;z-index:2;text-align:center;max-width:820px;margin:0 auto}
.crumb--light{justify-content:center;margin-bottom:18px;color:rgba(251,244,232,.7)}
.crumb--light a{color:var(--gold-bright)}
.whero-eyebrow{
  display:inline-block;padding:7px 18px;border-radius:999px;margin-bottom:18px;
  background:rgba(233,180,76,.16);border:1px solid rgba(233,180,76,.55);
  color:var(--gold-bright);font-size:13px;letter-spacing:.24em;
}
.whero h1{color:var(--cream);font-size:clamp(28px,4.4vw,48px);margin-bottom:16px}
.whero-sub{color:rgba(251,244,232,.78);font-size:16px;max-width:620px;margin:0 auto 28px;line-height:1.9}
.whero-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ---------- 三档维护套餐 ---------- */
.wplan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
.wplan-card{
  position:relative;background:var(--paper);border:1px solid var(--line-soft);border-radius:20px;
  padding:36px 30px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);
  transition:transform .3s,box-shadow .3s;
}
.wplan-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.wplan-card--hot{border:2px solid var(--gold);box-shadow:var(--shadow-gold)}
.wplan-flag{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;
  background:var(--sand);color:var(--brown-dark);font-size:12px;font-weight:700;
  letter-spacing:.16em;padding:5px 16px;border-radius:999px;
}
.wplan-card--hot .wplan-flag{background:var(--gold)}
.wplan-card h3{font-family:var(--font-serif);font-size:30px;color:var(--gold-deep);margin:8px 0 8px}
.wplan-desc{font-size:13.5px;color:var(--muted);margin-bottom:18px;padding-bottom:16px;border-bottom:1px dashed var(--line)}
.wplan-card .check-list{flex:1;margin-bottom:22px}

/* ---------- 手风琴 ---------- */
.acc-wh .acc-head{font-size:15.5px}
.acc-wh .acc-body-inner p{line-height:2}

/* ---------- 对撞 ---------- */
.section-wv{background:var(--cream-deep)}
.section-wv .battle-copy p{margin-top:14px}
.section-wv .battle-copy .btn{margin-top:16px}

/* ---------- 相关三卡 ---------- */
.wrelate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.wrelate-card{
  display:block;background:var(--paper);border-radius:18px;overflow:hidden;
  border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);transition:transform .35s,box-shadow .35s;
}
.wrelate-card:nth-child(2){transform:translateY(26px)}
.wrelate-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.wrelate-card:nth-child(2):hover{transform:translateY(20px)}
.wrelate-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.wrelate-card h4{font-size:17px;padding:18px 22px 6px}
.wrelate-card p{font-size:13.5px;padding:0 22px 22px}

/* ---------- wcall-band ---------- */
.wcall-band{
  text-align:center;background:linear-gradient(135deg,var(--cream-deep),var(--cream));
  border:1.5px dashed var(--sand);border-radius:22px;padding:clamp(36px,6vw,60px) 24px;
}
.wcall-band h3{font-size:clamp(22px,3vw,32px);color:var(--brown);margin-bottom:12px}
.wcall-band p{max-width:600px;margin:0 auto 24px;font-size:15px}
.wcall-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .wplan-grid{grid-template-columns:1fr;gap:32px}
  .wrelate-grid{grid-template-columns:1fr;gap:30px}
  .wrelate-card:nth-child(2){transform:none}
}