/* ============================================================
   wuliao.html · 物料提升机司机证页
   区块前缀 wl-
   ============================================================ */

/* ---------- Hero：吊笼特写 + 底部严禁乘人警示带 ---------- */
.wl-hero{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:calc(var(--header-h) + 56px) 0 0}
.wl-hero__bg{position:absolute;inset:0}
.wl-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.38}
.wl-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,24,27,.95) 30%,rgba(21,24,27,.8) 62%,rgba(21,24,27,.9))}
.wl-hero__inner{position:relative;max-width:660px;margin-bottom:40px}
.wl-hero__crumbs{padding:0;margin-bottom:20px}
.wl-hero__kick{display:block;font-family:var(--font-en);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--o1);margin-bottom:16px}
.wl-hero h1{font-size:clamp(32px,4.8vw,54px);font-weight:900;line-height:1.15}
.wl-hero h1 em{font-style:normal;color:var(--o2)}
.wl-hero__desc{margin-top:20px;font-size:16px;line-height:1.8;color:var(--g4);max-width:540px}
.wl-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
/* hero 底部：严禁乘人警示带 */
.wl-hero__warn{position:relative;display:flex;gap:16px;align-items:flex-start;background:rgba(224,91,32,.14);border:1px solid rgba(224,91,32,.5);border-left:5px solid var(--o1);padding:20px 24px;margin-bottom:-1px}
.wl-hero__warn svg{flex-shrink:0;color:var(--o1);margin-top:3px}
.wl-hero__warn b{display:block;font-size:16px;color:var(--white);margin-bottom:5px;letter-spacing:.02em}
.wl-hero__warn p{font-size:13.5px;color:#E8D8CB;line-height:1.7}
.wl-hero__warn p a{color:var(--o1);font-weight:700}

/* ---------- 工作内容 ---------- */
.wl-job{background:var(--c1)}
.wl-job__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wl-job__item{padding:26px 22px;background:var(--c2);border:1px solid var(--line-d);border-top:3px solid var(--g3)}
.wl-job__no{font-family:var(--font-en);font-size:14px;letter-spacing:.2em;color:var(--o1);font-weight:800;display:block;margin-bottom:14px}
.wl-job__item h3{font-size:17px;margin-bottom:8px}
.wl-job__item p{font-size:13.5px;color:var(--g4);line-height:1.7}

/* ---------- 严禁乘人警示 + 表 ---------- */
.wl-warn__bar{display:flex;gap:18px;align-items:flex-start;background:rgba(224,91,32,.1);border:1px solid rgba(224,91,32,.45);border-left:5px solid var(--o1);padding:24px 26px;margin-bottom:30px}
.wl-warn__bar svg{flex-shrink:0;color:var(--o1);margin-top:4px}
.wl-warn__bar h2{font-size:19px;color:var(--c1);margin-bottom:6px}
.wl-warn__bar p{font-size:14px;color:#4C5449;line-height:1.75}
.wl-warn__bar p a{color:var(--o1);font-weight:700}
.wl-diff__tbl col:nth-child(1){width:24%}
.wl-diff__tbl col:nth-child(2){width:38%}
.wl-diff__tbl col:nth-child(3){width:38%}

/* ---------- 事故警示案例块 ---------- */
.wl-case{background:#fff;border:1px solid var(--line-l);border-left:5px solid var(--o1);padding:26px 28px;margin-bottom:30px}
.wl-case h3{font-size:18px;color:var(--c1);margin:12px 0 10px}
.wl-case p{font-size:14px;color:#4C5449;line-height:1.8}
.wl-case p b{color:var(--o1)}

/* ---------- 报考条件 ---------- */
.wl-req__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:start}
.wl-req__list li{display:flex;gap:12px;padding:14px 0;border-bottom:1px dashed var(--line-d);font-size:14.5px;color:var(--g4)}
.wl-req__list li b{flex-shrink:0;width:52px;color:var(--white)}
.wl-req__aside{background:var(--c2);border:1px solid var(--line-d);padding:28px;border-top:3px solid var(--o1)}
.wl-req__aside h3{font-size:19px;margin-bottom:16px}
.wl-req__aside p{font-size:14px;color:var(--g4);margin-bottom:12px}
.wl-req__aside p b{color:var(--white)}
.wl-req__aside a{display:inline-flex;align-items:center;gap:6px;color:var(--o1);font-weight:700;font-size:14px}

/* ---------- 安全要点 ---------- */
.wl-safety{background:var(--c2)}
.wl-safety__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wl-safety__item{padding:26px 22px;background:var(--c1);border-left:4px solid var(--o1)}
.wl-safety__item h3{font-size:17px;margin-bottom:8px;color:var(--white)}
.wl-safety__item p{font-size:13.5px;color:var(--g4);line-height:1.7}
.wl-safety__item a{color:var(--o1)}
.wl-safety__link{margin-top:30px;text-align:center;font-size:14px;color:var(--g4)}
.wl-safety__link a{color:var(--o1);font-weight:700;margin:0 4px}

/* ---------- 配套工种互链 ---------- */
.wl-team{background:var(--c1)}
.wl-team__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wl-team__card{padding:26px 22px;background:var(--c2);border:1px dashed var(--line-d);transition:border-color .25s,transform .25s}
.wl-team__card:hover{border-color:var(--o1);transform:translateY(-4px)}
.wl-team__card h3{font-size:17px;margin-bottom:8px;color:var(--white)}
.wl-team__card p{font-size:13.5px;color:var(--g4);line-height:1.7}

/* ---------- 班组配置表 + 报名周期 ---------- */
.wl-config__tbl col:nth-child(1){width:22%}
.wl-config__tbl col:nth-child(2){width:40%}
.wl-config__tbl col:nth-child(3){width:38%}
.wl-config__tbl td:nth-child(3) a{color:var(--o1);font-weight:700}
.wl-cycle{margin-top:36px;background:var(--c2);border:1px solid var(--line-d);padding:28px 30px}
.wl-cycle h3{font-size:19px;color:var(--white);margin-bottom:18px}
.wl-cycle__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wl-cycle__steps b{display:block;font-family:var(--font-en);font-size:16px;font-weight:900;color:var(--o1);margin-bottom:6px}
.wl-cycle__steps span{font-size:13px;color:var(--g4);line-height:1.6}
.wl-cycle__note{margin-top:18px;font-size:13.5px;color:var(--g4)}
.wl-cycle__note a{color:var(--o1);font-weight:700}

/* ---------- 常见问答 ---------- */
.wl-faq{background:var(--c2)}
.wl-faq__list{max-width:880px}
.wl-faq__item{padding:22px 0;border-bottom:1px dashed var(--line-d)}
.wl-faq__item h3{font-size:17px;margin-bottom:8px;color:var(--white)}
.wl-faq__item p{font-size:14px;color:var(--g4);line-height:1.75}

/* ---------- CTA ---------- */
.wl-cta{background:linear-gradient(150deg,var(--g1),var(--c1))}
.wl-cta__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.wl-cta__inner h2{font-size:clamp(26px,3.4vw,40px);font-weight:900;line-height:1.25;margin:14px 0 16px}
.wl-cta__inner p{color:var(--g4);font-size:15px;max-width:460px}
.wl-cta__tel{display:inline-flex;flex-direction:column;margin-top:26px;font-family:var(--font-en);font-weight:900;font-size:34px;color:var(--o1)}
.wl-cta__tel small{font-family:var(--font-cn);font-weight:400;font-size:13px;color:var(--g4);margin-top:4px}
.wl-cta__form{background:var(--c2);border:1px solid var(--line-d);padding:32px;border-top:3px solid var(--o1)}
.wl-cta__form h3{font-size:19px;margin-bottom:18px}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .wl-job__grid{grid-template-columns:1fr 1fr}
  .wl-req__grid{grid-template-columns:1fr;gap:28px}
  .wl-safety__grid{grid-template-columns:1fr 1fr}
  .wl-team__grid{grid-template-columns:1fr 1fr}
  .wl-cycle__steps{grid-template-columns:1fr 1fr}
  .wl-cta__inner{grid-template-columns:1fr;gap:36px}
}
@media (max-width:640px){
  .wl-job__grid{grid-template-columns:1fr}
  .wl-safety__grid{grid-template-columns:1fr}
  .wl-team__grid{grid-template-columns:1fr}
  .wl-cycle__steps{grid-template-columns:1fr}
}