/* ============================================================
   资讯栏目 · 备案指南（news-beian）
   Hero：H3 全宽大图 Banner + 左下标题 + 圆章
   列表：zigzag 镜像交替行（图左文右 / 图右文左）
   布局签名：四步流程卡 + 镜像对撞行交错
   ============================================================ */

/* ---------- H3 Hero ---------- */
.ban3{
  position:relative;min-height:560px;display:flex;align-items:flex-end;
  padding:150px 0 90px;overflow:hidden;
}
.ban3 .banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ban3-mask{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(46,26,12,.88) 0%,rgba(46,26,12,.5) 55%,rgba(46,26,12,.2) 100%);
}
.ban3-stamp{
  position:absolute;top:130px;right:clamp(24px,8vw,110px);z-index:3;
  width:88px;height:88px;font-size:14px;
}
.ban3-inner{position:relative;z-index:2;max-width:740px}
.ban3-eyebrow{display:inline-block;font-size:13px;letter-spacing:.3em;color:var(--gold-bright);margin-bottom:18px}
.ban3 h1{color:var(--cream);margin-bottom:16px}
.ban3-inner>p{color:rgba(251,244,232,.85);font-size:16px;max-width:580px;margin-bottom:28px}
.ban3-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ban3-tel{display:inline-flex;align-items:center;gap:10px;color:var(--cream)}
.ban3-tel b{font-family:var(--font-serif);font-size:24px;color:var(--gold-bright)}
.ban3-crumb{margin-top:30px;color:rgba(251,244,232,.6)}
.ban3-crumb a{color:var(--gold-bright)}
.ban3-crumb span{color:rgba(251,244,232,.9)}

.wave-flip{transform:scaleY(-1)}

/* ---------- 流程速览 ---------- */
.flow-sec{background:var(--cream-deep)}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
/* 签名：流程卡上下错落 */
.step-grid .step-card:nth-child(even){transform:translateY(24px)}
.step-card:hover{transform:translateY(-6px)}
.step-grid .step-card:nth-child(even):hover{transform:translateY(18px)}

/* ---------- zigzag 镜像行 ---------- */
.zz-sec{background:var(--cream)}
.zz-row{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;
  margin-bottom:56px;
}
.zz-thumb{display:block;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md)}
.zz-thumb img{width:100%;transition:transform .6s ease}
.zz-row:hover .zz-thumb img{transform:scale(1.04)}
.zz-body h3{font-size:22px;line-height:1.5;margin:12px 0 12px}
.zz-body h3 a:hover{color:var(--gold-deep)}
.zz-body p{font-size:15px;line-height:1.9}
.zz-meta{
  display:flex;align-items:center;gap:18px;margin-top:18px;
  font-size:13px;color:var(--muted);
}
.zz-meta a{color:var(--gold-deep);font-weight:600}
/* 签名：偶行镜像——图与文位置互换 */
.zz-row--mirror .zz-thumb{order:2}
.zz-row--mirror .zz-body{order:1}

/* ---------- 备案问答 ---------- */
.faq-sec{background:var(--paper)}
.faq-sec .acc{box-shadow:var(--shadow-sm)}

/* ---------- CTA ---------- */
.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.f-mail{font-size:15px;color:var(--gold-bright)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .step-grid{grid-template-columns:1fr 1fr}
  .step-grid .step-card:nth-child(even){transform:none}
  .step-grid .step-card:nth-child(even):hover{transform:translateY(-6px)}
  .zz-row{grid-template-columns:1fr;gap:20px}
  .zz-row--mirror .zz-thumb{order:0}
  .zz-row--mirror .zz-body{order:0}
}
@media (max-width:768px){
  .ban3{min-height:480px}
  .ban3-stamp{display:none}
  .step-grid{grid-template-columns:1fr}
}