/* ============================================================
   baoming-zhi-nan.html 报考指南总览页专属样式（前缀 bz-）
   纵向时间线路线图为核心模块，与其他页完全独立
   ============================================================ */

/* ---------- 1. 头图 ---------- */
.bz-hero{position:relative;background:var(--g-deep);padding:150px 0 120px;overflow:hidden}
.bz-hero-bg{position:absolute;inset:0;background:url("../images/peixun-1.jpg") center/cover no-repeat;opacity:.26}
.bz-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(62,124,91,.75),rgba(62,124,91,.35) 60%,rgba(47,53,44,.5))}
.bz-hero-box{position:relative;z-index:2;color:#fff;max-width:780px}
.bz-crumbs{display:flex;gap:8px;align-items:center;font-size:.85rem;color:#cfe3d6;margin-bottom:22px}
.bz-crumbs a{color:#cfe3d6}
.bz-crumbs a:hover{color:#fff}
.bz-crumbs i{font-style:normal;color:#9dbfa9}
.bz-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:1px}
.bz-hero-lead{margin:18px 0 30px;color:#EAF3EC;font-size:1.05rem;line-height:2}
.bz-hero-acts{display:flex;gap:14px;flex-wrap:wrap}
.bz-hero-acts .btn-line{border-color:rgba(255,255,255,.55);color:#fff}
.bz-hero-acts .btn-line:hover{background:rgba(255,255,255,.12)}
.bz-hero-edge{position:absolute;left:0;right:0;bottom:-1px;height:48px;background:var(--paper);clip-path:polygon(0 100%,0 46%,10% 12%,22% 66%,36% 20%,50% 70%,64% 18%,78% 62%,90% 24%,100% 54%,100% 100%)}

/* ---------- 2. 证书是啥 ---------- */
.bz-what{background:var(--paper)}
.bz-what-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.bz-what-txt h2{font-size:1.7rem;margin:12px 0 18px;line-height:1.4}
.bz-what-txt p{color:var(--ink-soft);margin-bottom:14px}
.bz-link{display:inline-block;color:var(--g-deep);font-weight:600;border-bottom:2px solid var(--g-soft)}
.bz-link:hover{color:var(--g)}
.bz-what-img{position:relative;border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.bz-what-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.bz-what-img:hover img{transform:scale(1.04)}
.bz-what-note{position:absolute;left:16px;bottom:16px;background:rgba(250,247,239,.93);color:var(--g-deep);font-size:.84rem;padding:8px 16px;border-radius:99px}

/* ---------- 3. 纵向时间线路线图 ---------- */
.bz-road{background:var(--g-mist)}
.bz-road-line{position:relative;max-width:820px;margin:0 auto;list-style:none;padding-left:36px}
.bz-road-line::before{content:"";position:absolute;left:14px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--g-mid),var(--w))}
.bz-road-line li{position:relative;margin-bottom:26px}
.bz-road-line li:last-child{margin-bottom:0}
.bz-road-dot{position:absolute;left:-36px;top:4px;width:30px;height:30px;border-radius:50%;background:var(--paper);border:3px solid var(--g-deep);color:var(--g-deep);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.bz-road-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:24px 28px;transition:transform .3s ease,box-shadow .3s ease}
.bz-road-card:hover{transform:translateX(6px);box-shadow:var(--shadow-m)}
.bz-road-card h3{font-size:1.1rem;margin-bottom:8px;color:var(--g-deep)}
.bz-road-card p{font-size:.93rem;color:var(--ink-soft)}
.bz-road-card a{color:var(--w-deep);font-weight:600}

/* ---------- 4. 选工种卡片 ---------- */
.bz-work{background:var(--paper)}
.bz-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bz-work-card{border-radius:var(--radius-l);overflow:hidden;border:1px solid var(--line);background:var(--cream);transition:transform .3s ease,box-shadow .3s ease;display:block}
.bz-work-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
.bz-work-card img{width:100%;height:200px;object-fit:cover;transition:transform .6s ease}
.bz-work-card:hover img{transform:scale(1.05)}
.bz-work-body{padding:18px 22px 22px}
.bz-work-body b{display:block;font-size:1.1rem;margin-bottom:6px}
.bz-work-body p{font-size:.88rem;color:var(--ink-soft)}
.bz-work-more{text-align:center;margin-top:30px;color:var(--ink-soft)}
.bz-work-more a{color:var(--g-deep);font-weight:600}

/* ---------- 5. 双城入口（对撞） ---------- */
.bz-city{background:var(--cream)}
.bz-city-row{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;margin-bottom:64px}
.bz-city-row:last-child{margin-bottom:0}
.bz-city-rev .bz-city-img{order:-1}
.bz-city-txt h3{font-size:1.5rem;margin:14px 0 14px}
.bz-city-txt p{color:var(--ink-soft);margin-bottom:22px}
.bz-city-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.bz-city-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.bz-city-img:hover img{transform:scale(1.04)}

/* ---------- 6. 常见顾虑 ---------- */
.bz-worry{background:var(--paper)}
.bz-worry-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bz-worry-item{background:var(--g-mist);border-left:4px solid var(--g);border-radius:0 var(--radius-m) var(--radius-m) 0;padding:26px 26px;transition:transform .3s ease,box-shadow .3s ease}
.bz-worry-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-s)}
.bz-worry-item h3{font-size:1.05rem;margin-bottom:10px;color:var(--ink)}
.bz-worry-item p{font-size:.92rem;color:var(--ink-soft)}

/* ---------- 7. 资讯入口 ---------- */
.bz-news{background:var(--w-mist)}
.bz-news-box{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.bz-news-txt h2{font-size:1.4rem;margin-bottom:8px}
.bz-news-txt p{color:var(--ink-soft)}

/* ---------- 8. CTA ---------- */
.bz-cta{background:var(--ink);padding:96px 0}
.bz-cta-inner{color:#fff;text-align:center}
.bz-cta-inner h2{font-size:clamp(1.5rem,3.4vw,2.1rem);margin-bottom:16px}
.bz-cta-inner p{color:#c8d2c3;line-height:2;margin-bottom:26px}
.bz-cta-inner p a{color:var(--g-soft);font-weight:600}
.bz-cta-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.bz-cta-acts .btn-line{border-color:rgba(255,255,255,.4);color:#fff}
.bz-cta-acts .btn-line:hover{background:rgba(255,255,255,.1)}

/* ---------- 新增：全周期时间轴 ---------- */
.bz-cycle{background:var(--g-mist)}
.bz-cycle-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.bz-cycle-step{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:22px 18px;border-top:4px solid var(--w)}
.bz-cycle-step b{display:block;font-size:.95rem;color:var(--w-deep);margin-bottom:8px}
.bz-cycle-step p{font-size:.82rem;color:var(--ink-soft)}

/* ---------- 新增：常见误区 ---------- */
.bz-mis{background:var(--paper)}
.bz-mis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bz-mis-item{background:var(--cream);border:1px solid var(--line);border-left:4px solid #b34a3a;border-radius:0 var(--radius-m) var(--radius-m) 0;padding:26px 24px}
.bz-mis-item h3{font-size:1rem;color:#b34a3a;margin-bottom:10px}
.bz-mis-item p{font-size:.88rem;color:var(--ink-soft)}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .bz-what-grid,.bz-city-row{grid-template-columns:1fr;gap:32px}
  .bz-city-rev .bz-city-img{order:0}
  .bz-work-grid,.bz-worry-grid{grid-template-columns:1fr 1fr}
  .bz-cycle-steps{grid-template-columns:1fr 1fr}
  .bz-mis-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .bz-work-grid,.bz-worry-grid{grid-template-columns:1fr}
}