/* ==========================================================================
   zhengzhou-baoming.html 郑州报名流程私有样式
   版式：楼梯式步骤 hero（右列逐级抬升的步骤块）+ 条件表 + 材料双栏
        + 三栏地点卡 + 四节点条 + 折叠 FAQ + 互链卡
   ========================================================================== */

/* ---------- Hero：楼梯步骤 ---------- */
.lb-hero{
  padding:calc(var(--topbar-h) + var(--header-h) + 48px) 0 84px;
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(185,138,94,.16), transparent 55%),
    var(--cream);
  overflow:hidden;
}
.lb-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.lb-kicker{display:flex;align-items:center;gap:12px;font-size:13.5px;letter-spacing:3px;color:var(--green-deep);font-weight:600;margin-bottom:20px}
.lb-kline{width:44px;height:2px;background:var(--wood);display:inline-block}
.lb-title{font-size:clamp(32px,4.6vw,50px);line-height:1.24;letter-spacing:2px;margin-bottom:22px}
.lb-tline{display:block;animation:lbRise .8s var(--ease) both}
.lb-tline-2{color:var(--wood-deep);margin-top:6px;animation-delay:.15s}
@keyframes lbRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
.lb-desc{font-size:15.5px;line-height:2;color:var(--ink-soft);max-width:520px;margin-bottom:30px}
.lb-actions{display:flex;gap:16px;flex-wrap:wrap}

/* 楼梯：四块逐级抬升 */
.lb-stair{display:flex;align-items:flex-end;gap:14px}
.lb-step{
  flex:1;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:20px 16px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.lb-step:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.lb-step span{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--wood-light);display:block;margin-bottom:8px}
.lb-step h3{font-size:15.5px;margin-bottom:4px}
.lb-step p{font-size:12.5px;color:var(--ink-faint)}
.lb-step-1{margin-top:64px;background:var(--cream-3)}
.lb-step-2{margin-top:36px}
.lb-step-3{margin-top:8px}
.lb-step-4{margin-top:-20px;background:linear-gradient(160deg,var(--green),var(--green-deep))}
.lb-step-4 span,.lb-step-4 h3,.lb-step-4 p{color:#fff}
.lb-step-4 p{color:#e7efdd}

/* ---------- 区块 ---------- */
.lb-sec{padding:84px 0}
.lb-sec-alt{background:var(--white)}
.lb-sec-green{background:linear-gradient(160deg,var(--cream-2),#f3ecdb)}
.lb-cond{max-width:900px;margin:0 auto}

/* ---------- 材料双栏 ---------- */
.lb-mat{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1000px;margin:0 auto}
.lb-mat-col{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px 30px 20px;box-shadow:var(--shadow-sm)}
.lb-mat-h{display:flex;align-items:center;gap:12px;font-size:18px;margin-bottom:18px}
.lb-mat-bar{width:5px;height:22px;border-radius:3px;background:var(--green);display:inline-block}
.lb-mat-bar-2{background:var(--wood)}
.lb-mat-list{display:flex;flex-direction:column;gap:12px}
.lb-mat-list li{position:relative;padding-left:22px;font-size:14.5px;color:var(--ink-soft);line-height:1.75}
.lb-mat-list li::before{content:"";position:absolute;left:2px;top:10px;width:9px;height:9px;border-radius:50%;border:2px solid var(--green);background:#fff}

/* ---------- 地点卡 ---------- */
.lb-place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lb-place{background:var(--cream-3);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.lb-place:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);background:#fff}
.lb-place-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--wood),var(--wood-deep));margin-bottom:18px}
.lb-place h3{font-size:18px;margin-bottom:10px}
.lb-place p{font-size:14px;line-height:1.85;color:var(--ink-soft)}
.lb-place-tip{margin-top:26px;text-align:center;font-size:13.5px;color:var(--ink-faint)}

/* ---------- 节点条 ---------- */
.lb-node{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1000px;margin:0 auto}
.lb-node-item{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:26px 22px;box-shadow:var(--shadow-sm)}
.lb-node-dot{display:block;width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(143,174,138,.18);margin-bottom:16px}
.lb-node-item h3{font-size:16.5px;margin-bottom:8px}
.lb-node-item p{font-size:13.5px;line-height:1.8;color:var(--ink-soft)}
.lb-batch-note{margin-top:28px;text-align:center;font-size:13.5px;color:var(--ink-faint);border-top:1px dashed var(--line);padding-top:20px}

/* ---------- FAQ ---------- */
.lb-faq{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.lb-faq-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 22px;box-shadow:var(--shadow-sm)}
.lb-faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 4px;font-size:16px;font-weight:600;color:var(--ink)}
.lb-faq-item summary::-webkit-details-marker{display:none}
.lb-faq-item summary::after{content:"+";font-size:22px;color:var(--wood);transition:transform .3s var(--ease)}
.lb-faq-item[open] summary::after{transform:rotate(45deg)}
.lb-faq-item p{padding:2px 4px 20px;font-size:14.5px;line-height:1.95;color:var(--ink-soft)}

/* ---------- 互链 ---------- */
.lb-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lb-rel-card{background:var(--cream-3);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s}
.lb-rel-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);background:#fff}
.lb-rel-card h3{font-size:17.5px;margin-bottom:8px}
.lb-rel-card p{font-size:14px;color:var(--ink-soft);line-height:1.75;margin-bottom:14px}
.lb-rel-more{font-size:13.5px;color:var(--green-deep);font-weight:600;letter-spacing:1px}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .lb-hero-grid{grid-template-columns:1fr;gap:40px}
  .lb-mat{grid-template-columns:1fr}
  .lb-place-grid{grid-template-columns:1fr}
  .lb-node{grid-template-columns:repeat(2,1fr)}
  .lb-rel-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  .lb-hero{padding-top:calc(var(--topbar-h) + var(--header-h) + 24px)}
  .lb-sec{padding:60px 0}
  .lb-stair{flex-wrap:wrap}
  .lb-step{flex:1 1 40%;margin-top:0 !important}
  .lb-node{grid-template-columns:1fr}
  .lb-rel-grid{grid-template-columns:1fr}
}