/* ============================================================
   buzheng.html 证书补办独有样式（命名空间 .bz-）
   ============================================================ */

/* ---------- Hero：遗失场景 ---------- */
.bz-hero{position:relative;background:var(--c1);padding-top:var(--header-h);overflow:hidden}
.bz-hero__bg{position:absolute;inset:0}
.bz-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.24}
.bz-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(21,24,27,.95) 35%,rgba(21,24,27,.5))}
.bz-hero__inner{position:relative;z-index:2;padding:54px 24px 80px}
.bz-hero .crumbs{padding:0 0 26px}
.bz-hero__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.bz-hero h1{font-size:clamp(32px,4.8vw,56px);font-weight:900;line-height:1.2;margin-top:10px}
.bz-hero__desc{color:var(--g4);margin-top:16px;max-width:540px}
.bz-hero__shield{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--g3);transform:rotate(-4deg)}
.bz-hero__shield span{font-family:var(--font-en);font-size:12px;letter-spacing:.3em;color:var(--o1)}

/* ---------- 补办材料 ---------- */
.bz-mat{background:var(--c1)}
.bz-mat__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bz-mat__card{background:var(--c2);border:1px dashed var(--line-d);padding:26px 22px;position:relative;transition:border-color .3s,transform .3s}
.bz-mat__card:hover{border-color:var(--o1);transform:translateY(-5px)}
.bz-mat__card b{font-family:var(--font-en);font-size:36px;font-weight:900;color:transparent;-webkit-text-stroke:1.4px var(--o1);display:block;line-height:1}
.bz-mat__card h3{font-size:17px;margin:12px 0 8px}
.bz-mat__card p{font-size:13.5px;color:var(--g4)}

/* ---------- 补办流程（米白区，复用 base .steps） ---------- */

/* ---------- 时长费用数据带 ---------- */
.bz-time{background:var(--c2)}
.bz-time__band{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-d)}
.bz-time__band>div{padding:36px 16px;text-align:center;border-right:1px dashed var(--line-d)}
.bz-time__band>div:last-child{border-right:none;background:var(--g1)}
.bz-time__band b{font-family:var(--font-en);font-size:clamp(44px,5vw,64px);font-weight:900;color:var(--o1);display:block;line-height:1}
.bz-time__band span{font-size:13px;color:var(--g4);margin-top:10px;display:block}
.bz-time__note{margin-top:22px;text-align:center;font-size:13px;color:#6E7A82}

/* ---------- 防丢建议卡 ---------- */
.bz-tips{background:var(--c1)}
.bz-tips__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bz-tips__card{background:var(--c2);border:1px solid var(--line-d);overflow:hidden;transition:transform .3s,border-color .3s}
.bz-tips__card:hover{transform:translateY(-6px);border-color:var(--o1)}
.bz-tips__card img{width:100%;height:200px;object-fit:cover;filter:saturate(.85)}
.bz-tips__card h3{font-size:17px;margin:18px 20px 10px}
.bz-tips__card p{font-size:13.5px;color:var(--g4);margin:0 20px 22px;line-height:1.8}

/* ---------- 不能补办的情况 ---------- */
.bz-ban{background:var(--g1)}
.bz-ban__box{display:grid;grid-template-columns:160px 1fr;gap:30px;background:rgba(224,91,32,.08);border:1px solid rgba(224,91,32,.4);border-left:6px solid var(--o1);padding:34px}
.bz-ban__tag{align-self:start;font-family:var(--font-en);font-size:15px;font-weight:900;letter-spacing:.15em;color:var(--o1)}
.bz-ban__box h2{font-size:21px;margin-bottom:12px}
.bz-ban__box p{color:var(--white);font-size:14.5px;line-height:1.9;max-width:680px}

/* ---------- 页底 CTA ---------- */
.bz-cta{background:var(--paper);color:var(--c1)}
.bz-cta h2{color:var(--c1)}
.bz-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.bz-cta__inner p{color:#5A6158;margin-top:10px;max-width:480px}
.bz-cta__inner a{color:var(--o1);font-weight:700}
.bz-cta__inner a:hover{text-decoration:underline}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .bz-hero__grid{grid-template-columns:1fr}
  .bz-mat__grid{grid-template-columns:1fr 1fr}
  .bz-tips__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .bz-mat__grid{grid-template-columns:1fr}
  .bz-time__band{grid-template-columns:1fr}
  .bz-time__band>div{border-right:none;border-bottom:1px dashed var(--line-d)}
  .bz-ban__box{grid-template-columns:1fr}
}

/* ---------- 补办期间怎么干活 ---------- */
.bz-gap{background:var(--c2)}
.bz-gap__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bz-gap__grid>div{background:var(--c1);border:1px dashed var(--line-d);padding:24px 22px}
.bz-gap__grid b{display:block;font-size:16px;color:var(--o2);margin-bottom:8px}
.bz-gap__grid p{font-size:13.5px;color:var(--g4);line-height:1.8}
@media (max-width:1024px){.bz-gap__grid{grid-template-columns:1fr}}

/* ---------- Hero 补办周期倒计时条 ---------- */
.bz-hero__count{display:flex;align-items:stretch;gap:0;margin-top:26px;border:1px solid var(--line-d);background:rgba(30,35,41,.85);backdrop-filter:blur(4px);max-width:520px}
.bz-hero__count>span{flex:1;padding:14px 16px}
.bz-hero__count b{font-family:var(--font-en);font-size:22px;font-weight:900;color:var(--g4);display:block}
.bz-hero__count em{font-style:normal;font-size:12px;color:var(--g4)}
.bz-hero__count>i{width:1px;background:var(--line-d)}
.bz-hero__count--hot{background:var(--g1)}
.bz-hero__count--hot b{color:var(--o1)}
/* Hero 放大镜视觉 */
.bz-hero__lens{position:relative;width:200px;height:200px;align-self:center}
.bz-certmini{position:absolute;left:10px;top:30px;width:110px;height:76px;background:var(--g1);border:1px solid rgba(255,255,255,.25);transform:rotate(-8deg)}
.bz-certmini::before{content:"";position:absolute;left:12px;top:12px;width:46px;height:6px;background:rgba(255,255,255,.4);box-shadow:0 12px 0 rgba(255,255,255,.25)}
.bz-magnifier{position:absolute;right:6px;bottom:14px;width:88px;height:88px;border:5px solid var(--o1);border-radius:50%;opacity:.9}
.bz-magnifier::after{content:"";position:absolute;right:-26px;bottom:-20px;width:34px;height:9px;background:var(--o1);transform:rotate(-45deg);border-radius:4px}
/* 国网查证步骤 */
.bz-verify{background:var(--c1)}
.bz-verify__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.bz-verify__steps{display:grid;gap:18px}
.bz-verify__steps>div{display:grid;grid-template-columns:48px 1fr;gap:6px 16px;background:var(--c2);border:1px solid var(--line-d);padding:18px 20px}
.bz-verify__steps b{font-family:var(--font-en);font-size:20px;font-weight:900;color:var(--o1);grid-row:span 2;align-self:start}
.bz-verify__steps h3{font-size:16px;margin-bottom:6px}
.bz-verify__steps p{font-size:13.5px;color:var(--g4);line-height:1.7}
.bz-verify__steps a{color:var(--o2);font-weight:700}
.bz-verify__img img{width:100%;height:340px;object-fit:cover}
/* 倒计时时间轴条 */
.bz-countdown__bar{display:flex;align-items:center;border:1px solid var(--line-l);background:#fff;padding:28px 20px}
.bz-cd{flex:1;text-align:center}
.bz-cd b{font-family:var(--font-en);font-size:22px;font-weight:900;color:var(--c1);display:block}
.bz-cd span{font-size:13px;color:#5A6158}
.bz-countdown__bar>i{color:var(--o1);font-style:normal;margin:0 6px}
.bz-cd--hot b{color:var(--o1)}
.bz-countdown__note{margin-top:16px;font-size:13px;color:#5A6158}
/* 无证上岗风险警示 */
.bz-risk{background:var(--c1)}
.bz-risk__box{display:grid;grid-template-columns:auto 1fr;gap:26px;background:rgba(224,91,32,.1);border-left:4px solid var(--o1);padding:30px 32px}
.bz-risk__tag{align-self:start;background:var(--o1);color:#fff;font-size:12.5px;font-weight:700;padding:5px 12px;letter-spacing:.1em}
.bz-risk__box h2{font-size:20px;margin-bottom:10px}
.bz-risk__box p{font-size:14px;color:var(--g4);line-height:1.9}
.bz-risk__foot{margin-top:10px;font-size:13px;color:var(--g3)}
@media (max-width:1024px){.bz-verify__grid{grid-template-columns:1fr}.bz-countdown__bar{flex-wrap:wrap}.bz-countdown__bar>i{display:none}.bz-cd{flex:1 1 40%;padding:10px 0}.bz-risk__box{grid-template-columns:1fr}}