/* ============================================================
   zaixian-biaodan.html 在线表单页专属样式 · 烘焙复古风
   版式签名：H5 图底双栏 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}

/* ---------- H5 图底 Hero ---------- */
.xhero{position:relative;min-height:460px;display:flex;align-items:center;padding:150px 0 90px;color:var(--cream);overflow:hidden}
.xhero-bg{position:absolute;inset:0;z-index:0}
.xhero-bg .banner-bg{width:100%;height:100%;object-fit:cover}
.xhero-mask{position:absolute;inset:0;background:linear-gradient(100deg,rgba(46,26,12,.92) 0%,rgba(59,35,19,.78) 55%,rgba(46,26,12,.55) 100%)}
.xhero-inner{position:relative;z-index:2;max-width:760px}
.crumb--light{margin-bottom:18px;color:rgba(251,244,232,.7)}
.crumb--light a{color:var(--gold-bright)}
.xhero-eyebrow{display:inline-block;font-size:13px;letter-spacing:.3em;color:var(--gold);margin-bottom:16px}
.xhero-copy h1{color:var(--cream);font-size:clamp(30px,4.8vw,54px);line-height:1.25;margin-bottom:18px}
.xhero-sub{color:rgba(251,244,232,.8);font-size:16px;line-height:1.95;max-width:620px;margin-bottom:30px}
.xhero-trust{display:flex;gap:36px;flex-wrap:wrap}
.xt-item b{display:block;font-family:var(--font-serif);font-size:30px;color:var(--gold-bright);line-height:1.2}
.xt-item span{font-size:13px;color:rgba(251,244,232,.65)}

/* ---------- 表单区 ---------- */
.sec-form{background:var(--cream)}
.form-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,4vw,60px);align-items:start}
.form-aside h2{font-size:clamp(24px,3vw,34px);margin-bottom:16px;line-height:1.35}
.form-aside > p{font-size:15px;line-height:1.9;margin-bottom:18px}
.form-aside .check-list{margin-bottom:22px}
.aside-note{
  background:var(--paper);border-left:4px solid var(--gold);border-radius:12px;
  padding:20px 22px;margin-bottom:22px;box-shadow:var(--shadow-sm);
}
.aside-note h4{font-size:15px;margin-bottom:8px;color:var(--brown)}
.aside-note p{font-size:13.5px;line-height:1.9}
.aside-contact{
  text-align:center;background:linear-gradient(135deg,var(--brown),var(--brown-dark));
  border-radius:14px;padding:22px;color:var(--cream);
}
.aside-contact span{display:block;font-size:13px;color:rgba(251,244,232,.7)}
.aside-contact a{display:block;font-family:var(--font-serif);font-size:26px;color:var(--gold-bright);font-weight:700;margin:6px 0}

.form-wrap{position:sticky;top:100px}
.form-title{font-size:22px;margin-bottom:6px}
.form-sub{font-size:13px;margin-bottom:20px}
.form-sub em{color:var(--gold-deep);font-style:normal}
.form-privacy{font-size:12px;color:var(--muted);margin-top:14px;text-align:center;line-height:1.7}

/* ---------- 四步流程 ---------- */
.sec-xflow{background:var(--cream-deep)}
.xflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.xflow-step{
  background:var(--paper);border-radius:16px;padding:28px 22px;position:relative;
  border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);
}
.xflow-step:nth-child(odd){transform:translateY(14px)}
.xflow-no{
  display:inline-block;font-family:var(--font-serif);font-size:36px;font-weight:700;
  color:transparent;-webkit-text-stroke:1.5px var(--gold-deep);line-height:1;margin-bottom:12px;
}
.xflow-step h4{font-size:16px;margin-bottom:8px}
.xflow-step p{font-size:13.5px;line-height:1.8}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .form-layout{grid-template-columns:1fr}
  .form-wrap{position:static}
  .xflow-grid{grid-template-columns:repeat(2,1fr)}
  .xflow-step:nth-child(odd){transform:none}
}