/* zhengshu-buiban.css · 证书补办（斜切题头 / 情形双栏 / 编号清单 / 竖向时间线 / 阶梯+图 / 手风琴 / 横幅CTA） */

/* H2 斜切色带 */
.zb-hero{background:linear-gradient(120deg,#331C0D,#241407);color:var(--cream-100);padding-top:calc(var(--header-h) + 60px);padding-bottom:clamp(56px,7vw,90px);clip-path:polygon(0 0,100% 0,100% calc(100% - 46px),0 100%)}
.zb-hero-inner{max-width:760px}
.zb-hero h1{color:var(--cream-50);font-size:clamp(28px,4vw,46px);margin:16px 0 14px}
.zb-sub{color:var(--cream-200);font-size:16px;line-height:1.9}

.zb-narrow{max-width:960px;margin:0 auto}
.zb-casegrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.zb-casegrid h3{font-size:19px;color:var(--green-700);margin-bottom:8px}
.zb-casegrid p{font-size:14.5px;color:var(--ink-soft);line-height:1.85}
.zb-note{font-size:13px;color:var(--muted);margin-top:22px;border-left:3px solid var(--brass);padding-left:14px}

/* C1 编号清单 */
.zb-mat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto}
.zb-mat li{background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-sm);padding:22px 18px}
.zb-mat li>span{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--brass);line-height:1}
.zb-mat h3{font-size:16px;margin:10px 0 6px}
.zb-mat p{font-size:13.5px;color:var(--ink-soft)}

/* D2 时间线 */
.zb-tl{position:relative;max-width:780px;margin:0 auto}
.zb-tl::before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:repeating-linear-gradient(var(--brass) 0 8px,transparent 8px 16px)}
.zb-tl li{position:relative;padding:0 0 28px 64px}
.zb-tl-no{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--brown-700);color:var(--brass-light);border:2px solid var(--brass);font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center}
.zb-tl h3{font-size:18px;margin-bottom:6px}
.zb-tl p{color:var(--ink-soft);font-size:14.5px}

/* B5 阶梯 + 图 */
.zb-stairwrap .sec-head h2{color:var(--cream-50)}
.zb-stairwrap .sec-head p{color:var(--cream-200)}
.zb-stair{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px}
.zb-step{background:rgba(251,247,236,.06);border:1px solid var(--line-dark);border-radius:var(--r-sm);padding:22px;transform:translateY(calc(var(--d)*14px))}
.zb-step:nth-child(1){--d:0}
.zb-step:nth-child(2){--d:1}
.zb-step:nth-child(3){--d:2}
.zb-step b{display:block;color:var(--brass-light);font-size:17px;margin-bottom:8px}
.zb-step p{font-size:13.5px;color:var(--cream-200)}
.zb-img img{width:100%;height:300px;object-fit:cover;box-shadow:var(--shadow-lg);border:1px solid var(--line-dark)}

/* F1 */
.zb-qa-narrow{max-width:820px;margin:0 auto}
.zb-qa-item{background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:12px;overflow:hidden}
.zb-qa-q{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;text-align:left;padding:16px 20px;font-weight:600;font-size:15.5px;color:var(--brown-800)}
.zb-qa-q:hover{background:var(--cream-100)}
.zb-qa-sign{color:var(--brass);font-size:20px;transition:transform .3s;flex-shrink:0}
.zb-qa-item.open .zb-qa-sign{transform:rotate(45deg)}
.zb-qa-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.zb-qa-a p{padding:0 20px 18px;color:var(--ink-soft);font-size:14.5px;line-height:1.8}

/* G1 */
.zb-banner{padding:clamp(50px,6vw,80px) 0}
.zb-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.zb-banner h2{color:var(--cream-50);font-size:clamp(24px,3.2vw,36px);margin-bottom:10px}
.zb-banner p{color:var(--cream-200);max-width:560px}

@media (max-width:1024px){
  .zb-casegrid{grid-template-columns:1fr}
  .zb-mat{grid-template-columns:repeat(2,1fr)}
  .zb-stair{grid-template-columns:1fr}
  .zb-step{transform:none}
}

/* ===== 扩充模块 ===== */
.zbb-who{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.zbb-who-card{background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-sm);padding:24px;border-top:3px solid var(--brass)}
.zbb-who-card h3{font-size:16.5px;color:var(--brown-800);margin-bottom:10px}
.zbb-who-card p{font-size:14px;color:var(--ink-soft);line-height:1.85}
.zbb-local{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.zbb-local-img img{width:100%;height:300px;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow-md)}
.zbb-local-body h2{font-size:clamp(22px,3vw,32px);margin-bottom:14px}
.zbb-local-body p{color:var(--ink-soft);margin-bottom:14px;line-height:1.9;font-size:15px}
.zbb-tip{max-width:900px;margin:0 auto;text-align:center}
.zbb-tip h2{color:var(--cream-50);margin-bottom:16px;font-size:clamp(22px,3vw,30px)}
.zbb-tip p{color:var(--cream-200);font-size:15px;line-height:2}
@media(max-width:1024px){.zbb-who,.zbb-local{grid-template-columns:1fr}}
.zbb-aud{max-width:920px;margin:0 auto}
.zbb-aud h2{font-size:22px;margin-bottom:16px;color:var(--brown-800)}
.zbb-aud p{font-size:15px;color:var(--ink-soft);line-height:2}
.zbb-related h2{font-size:22px;margin-bottom:18px;color:var(--brown-800)}
.zbb-chips{display:flex;flex-wrap:wrap;gap:10px}
.zbb-chips a{background:var(--cream-50);border:1px solid var(--line);border-left:3px solid var(--green-700);border-radius:var(--r-xs);padding:9px 16px;font-size:13.5px;color:var(--brown-700)}
.zbb-chips a:hover{background:var(--green-700);color:var(--cream-50)}

/* endnote */
.endnote-wrap{max-width:860px;margin:0 auto}
.endnote-wrap h2{font-size:22px;margin-bottom:14px;color:var(--brown-800)}
.endnote-wrap p{font-size:15px;color:var(--ink-soft);line-height:2}