/* ============================================================
   baojia.html 在线报价 · 烘焙复古风
   版式签名：H5 左文案右表单双栏 + 报价区间表 + 四步流程
   ============================================================ */

.a-deep{background:var(--cream-deep)}
.mt16{margin-top:16px}
.mt20{margin-top:20px}
.mt28{margin-top:28px}
.btn-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.wf-flip{transform:scaleY(-1)}
.glow-gold{background:var(--gold);width:240px;height:240px;top:-70px;right:-50px}
.tbl-link{color:var(--gold-deep);font-weight:600;white-space:nowrap}

/* ---------- H5 Hero + 表单 ---------- */
.bj-hero{
  position:relative;overflow:hidden;padding:150px 0 80px;
  background:linear-gradient(150deg,var(--cream) 0%,var(--cream-deep) 100%);
}
.bj-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6vw,80px);align-items:start}
.bj-hero-copy{padding-top:10px}
.bj-hero-copy .crumb{margin-bottom:20px}
.bj-eyebrow{
  display:inline-block;padding:7px 18px;border-radius:999px;font-size:12px;letter-spacing:.2em;
  color:var(--gold-deep);background:rgba(233,180,76,.14);border:1px solid rgba(233,180,76,.45);margin-bottom:20px;
}
.bj-hero-copy h1{font-size:clamp(30px,4.4vw,50px);line-height:1.3;margin-bottom:18px}
.bj-hl{color:var(--brown);position:relative}
.bj-hl::after{
  content:"";position:absolute;left:0;right:0;bottom:4px;height:12px;z-index:-1;
  background:linear-gradient(90deg,rgba(233,180,76,.5),rgba(233,180,76,.06));border-radius:4px;
}
.bj-sub{font-size:15.5px;max-width:520px;margin-bottom:24px}
.bj-points{margin:0 0 10px;padding:0}
.bj-points li{position:relative;padding:7px 0 7px 30px;font-size:14.5px;color:var(--brown-soft)}
.bj-points li::before{
  content:"";position:absolute;left:2px;top:14px;width:14px;height:8px;
  border-left:2.5px solid var(--gold-deep);border-bottom:2.5px solid var(--gold-deep);transform:rotate(-45deg);
}
/* 表单卡 */
.bj-form-wrap{position:sticky;top:100px}
.bj-form-title{font-size:21px;margin-bottom:20px;text-align:center}
.bj-form-note{font-size:12px;color:var(--muted);text-align:center;margin-top:14px;line-height:1.7}

/* ---------- 四步流程 ---------- */
.bj-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* ---------- 响应式 ---------- */
@media(max-width:1024px){
  .bj-hero-in{grid-template-columns:1fr}
  .bj-form-wrap{position:static}
  .bj-steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .bj-steps{grid-template-columns:1fr}
}