/* ============================================================
   faq-yuming.html 域名常见问题页专属样式 · 烘焙复古风
   版式签名：H4 左图右文镜像对撞 Hero + 后缀对照表 + 对撞三不要
   ============================================================ */

.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}

/* ---------- H4 左图右文镜像对撞 Hero ---------- */
.mhero{
  position:relative;padding:150px 0 80px;
  background:linear-gradient(160deg,var(--cream) 0%,var(--cream-deep) 100%);
  overflow:hidden;
}
.mhero-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:center}
.mhero-media{position:relative}
.mhero-media img{width:100%;border-radius:18px;box-shadow:var(--shadow-md);aspect-ratio:16/9;object-fit:cover}
.mhero-media::before{
  content:"";position:absolute;inset:18px 18px -18px -18px;border:2px solid var(--gold);
  border-radius:18px;z-index:-1;
}
.mhero-tag{
  position:absolute;bottom:-18px;right:24px;background:var(--brown);color:var(--gold-bright);
  font-size:13px;letter-spacing:.1em;padding:10px 20px;border-radius:999px;box-shadow:var(--shadow-brown);
}
.mhero-copy .crumb{margin-bottom:18px}
.mhero-eyebrow{
  display:inline-block;font-size:13px;letter-spacing:.28em;color:var(--gold-deep);margin-bottom:14px;
}
.mhero-copy h1{font-size:clamp(28px,4.2vw,46px);margin-bottom:18px;line-height:1.3}
.mhero-sub{font-size:16px;line-height:1.95;margin-bottom:28px;max-width:560px}
.mhero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* ---------- 后缀对照表 ---------- */
.sec-table{background:var(--cream)}

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

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

/* ---------- 相关服务三卡 ---------- */
.relate2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.relate2-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;
}
.relate2-card:nth-child(3){transform:translateY(26px)}
.relate2-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.relate2-card:nth-child(3):hover{transform:translateY(20px)}
.relate2-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.relate2-card h4{font-size:17px;padding:18px 22px 6px}
.relate2-card p{font-size:13.5px;padding:0 22px 22px}

/* ---------- call-band2 ---------- */
.call-band2{
  display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;
  background:linear-gradient(120deg,var(--brown),var(--brown-dark));
  border-radius:20px;padding:clamp(28px,4vw,44px) clamp(24px,4vw,48px);color:var(--cream);
}
.call-band2 h3{color:var(--cream);font-size:clamp(20px,2.6vw,28px);margin-bottom:10px}
.call-band2-txt p{color:rgba(251,244,232,.72);font-size:14.5px;max-width:520px}
.call-band2-side{display:flex;flex-direction:column;gap:10px;align-items:center}
.call-band2-side span{font-size:13px;color:rgba(251,244,232,.6)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .mhero-inner{grid-template-columns:1fr;gap:50px}
  .mhero-media::before{inset:14px 14px -14px -14px}
  .relate2-grid{grid-template-columns:1fr;gap:30px}
  .relate2-card:nth-child(3){transform:none}
  .call-band2{grid-template-columns:1fr}
}