/* ============================================================
   weihua.html · 危化品安全作业 页面样式
   独特类名前缀 wh-，暗底 hero + 参数条
   ============================================================ */

/* ===== Hero：暗底 + 底部参数条 ===== */
.wh-hero{position:relative;min-height:600px;display:flex;align-items:flex-end;padding-top:var(--header-h);background:var(--c1);overflow:hidden}
.wh-hero__bg{position:absolute;inset:0}
.wh-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.wh-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,27,.6) 0%,rgba(21,24,27,.55) 40%,rgba(21,24,27,.94) 100%)}
.wh-hero__inner{position:relative;z-index:2;padding-block:80px 140px}
.wh-hero__kick{font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--o1);margin-bottom:16px}
.wh-hero h1{font-size:clamp(36px,5.4vw,62px);font-weight:900;line-height:1.16;margin-bottom:18px}
.wh-hero__desc{max-width:540px;color:#D6DBD2;font-size:15.5px;margin-bottom:28px}
.wh-hero__cta{display:flex;flex-wrap:wrap;gap:14px}
.wh-hero__bar{position:absolute;left:0;right:0;bottom:0;z-index:3;background:rgba(15,18,20,.94);border-top:1px solid var(--line-d)}
.wh-hero__bar-row{display:grid;grid-template-columns:repeat(4,1fr)}
.wh-hero__bar-row>div{padding:18px 24px;border-left:1px dashed var(--line-d)}
.wh-hero__bar-row>div:first-child{border-left:none}
.wh-hero__bar-row b{display:block;font-family:var(--font-en);font-size:clamp(17px,2vw,24px);font-weight:900;color:var(--o1)}
.wh-hero__bar-row span{font-size:12.5px;color:var(--g4)}

/* ===== 目录速览（米白表格，用 base .tbl--paper） ===== */
.wh-list .tbl td{font-size:13.5px}
.wh-list .tbl tbody tr:hover{background:rgba(224,91,32,.05)}

/* ===== 报考条件 ===== */
.wh-tj{background:var(--c1)}
.wh-tj__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.wh-tj__item{padding:28px 24px;background:var(--c2);border:1px solid var(--line-d);border-top:3px solid var(--g3)}
.wh-tj__item h3{font-size:16px;margin-bottom:10px}
.wh-tj__item p{font-size:13.5px;color:var(--g4)}
.wh-tj__item a{color:var(--o1)}

/* ===== 培训学时时间轴（沿用 base .timeline） ===== */
.wh-hour .timeline__body p{color:var(--g4)}

/* ===== 园区提醒条 ===== */
.wh-note{padding:80px 0;background:var(--g1)}
.wh-note__inner{display:grid;grid-template-columns:420px 1fr;gap:48px;align-items:center}
.wh-note__inner img{width:100%;height:auto;border:1px solid rgba(255,255,255,.12)}
.wh-note__inner h2{font-size:clamp(22px,2.6vw,32px);font-weight:900;margin:16px 0 14px}
.wh-note__inner p{color:#C6CEBC;font-size:15px;max-width:620px}
.wh-note__inner a{color:var(--o2);border-bottom:1px dotted rgba(244,123,51,.6)}

/* ===== 相关工种互链 ===== */
.wh-rel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wh-rel__card{height:100%}
.wh-rel__card:hover h3{color:var(--o2)}

/* ===== CTA（军绿底） ===== */
.wh-cta{padding:100px 0;background:var(--g1);position:relative;overflow:hidden}
.wh-cta::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--o1) 0 40px,transparent 40px 80px)}
.wh-cta__inner{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.wh-cta__inner h2{font-size:clamp(26px,3.2vw,40px);font-weight:900;line-height:1.3;margin:12px 0 16px}
.wh-cta__inner p{color:#C6CEBC;font-size:15px}
.wh-cta__actions{display:grid;gap:14px}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .wh-tj__grid{grid-template-columns:1fr 1fr}
  .wh-note__inner,.wh-cta__inner{grid-template-columns:1fr;gap:36px}
  .wh-rel__grid{grid-template-columns:1fr}
  .wh-hero__bar-row{grid-template-columns:1fr 1fr}
  .wh-hero__bar-row>div{border-left:none;border-top:1px dashed var(--line-d)}
}
@media (max-width:640px){
  .wh-tj__grid,.wh-hero__bar-row{grid-template-columns:1fr}
  .wh-hero__inner{padding-bottom:200px}
}

/* ===== 禁考情形警示条 ===== */
.wh-ban{padding:64px 0;background:var(--c2);border-top:1px solid var(--line-d)}
.wh-ban__inner{display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:center}
.wh-ban__badge{display:grid;place-items:center;width:64px;height:64px;background:var(--o1);color:#fff;font-weight:900;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.wh-ban__inner h2{font-size:clamp(20px,2.4vw,28px);font-weight:900;margin-bottom:10px}
.wh-ban__inner p{color:var(--g4);font-size:14.5px;max-width:680px}
.wh-cta__pic{width:100%;max-width:340px;height:auto;margin-bottom:16px;border:1px solid rgba(255,255,255,.15)}
.wh-list .tbl th:nth-child(1),.wh-list .tbl td:nth-child(1){width:14%}
.wh-list .tbl th:nth-child(2),.wh-list .tbl td:nth-child(2){width:43%}

/* ===== 企业持证率数据带 ===== */
.wh-rate{background:var(--c1)}
.wh-rate__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(255,255,255,.12)}
.wh-rate__item{padding:26px 24px;border-right:1px solid rgba(255,255,255,.12)}
.wh-rate__item:last-child{border-right:none}
.wh-rate__item b{display:block;font-family:var(--font-en);font-size:26px;font-weight:900;color:var(--o1);margin-bottom:8px}
.wh-rate__item span{font-size:12.5px;color:var(--g4);line-height:1.6}
@media (max-width:960px){
  .wh-rate__inner{grid-template-columns:1fr 1fr}
  .wh-rate__item:nth-child(2){border-right:none}
  .wh-rate__item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
}
@media (max-width:640px){
  .wh-rate__inner{grid-template-columns:1fr}
  .wh-rate__item{border-right:none;border-bottom:1px solid rgba(255,255,255,.12)}
  .wh-rate__item:last-child{border-bottom:none}
}