/* ============================================================
   qizhong.html 起重机械作业 · 页面专属样式（前缀 qz-）
   满幅吊装 hero + 底部文字条 / 分类表 / 条件卡 / 司索配图 / CTA
   ============================================================ */

/* ---------- Hero：满幅图 + 底部文字条 ---------- */
.qz-hero{position:relative;min-height:600px;display:flex;align-items:flex-end;background:var(--c1);overflow:hidden}
.qz-hero__bg{position:absolute;inset:0}
.qz-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center top}
.qz-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,27,.35) 0%,rgba(21,24,27,.15) 45%,rgba(21,24,27,.92) 100%)}
.qz-hero__inner{position:relative;z-index:2;width:100%;padding-bottom:60px}
.qz-hero__inner .container{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:end}
.qz-hero__kick{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--o1);margin-bottom:16px}
.qz-hero__kick::before{content:"";width:36px;height:2px;background:var(--o1)}
.qz-hero h1{font-size:clamp(34px,5vw,60px);font-weight:900;line-height:1.12;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.qz-hero h1 em{font-style:normal;color:var(--o1)}
.qz-hero__desc{margin:18px 0 26px;max-width:560px;color:#D6DBCF;font-size:15.5px}
.qz-hero__cta{display:flex;flex-wrap:wrap;gap:14px}
.qz-hero__side{border-left:2px solid var(--o1);padding-left:22px}
.qz-hero__side b{font-family:var(--font-en);font-size:30px;font-weight:900;color:var(--o1);display:block;line-height:1.1}
.qz-hero__side span{font-size:13px;color:var(--g4)}

/* ---------- 分类表 ---------- */
.qz-cat{background:var(--c2)}
.qz-cat .tbl-wrap{margin-top:36px}
.qz-cat__note{margin-top:20px;font-size:13px;color:var(--g4);border-left:3px solid var(--o1);padding-left:16px}

/* ---------- 报考条件：三卡 ---------- */
.qz-cond__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.qz-cond__card{background:var(--c3);border:1px solid var(--line-d);padding:30px 26px}
.qz-cond__card h3{font-size:18px;margin:14px 0 10px;display:flex;align-items:center;gap:10px}
.qz-cond__card h3 svg{color:var(--o1)}
.qz-cond__card p{font-size:14px;color:var(--g4)}

/* ---------- 司索配合：图左文右 ---------- */
.qz-signal{background:var(--paper);color:var(--c1)}
.qz-signal__inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.qz-signal__inner img{width:100%;height:360px;object-fit:cover}
.qz-signal__inner h3{font-size:22px;margin-bottom:14px}
.qz-signal__inner p{color:#4C5449;margin-bottom:14px}
.qz-signal__inner ul{margin-top:16px}
.qz-signal__inner li{padding-left:26px;position:relative;margin-bottom:10px;color:#3A4138;font-size:14.5px}
.qz-signal__inner li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:12px;border:2px solid var(--o1);transform:rotate(45deg)}

/* ---------- 实操考试：横排步骤 ---------- */
.qz-exam__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.qz-exam__col{background:rgba(255,255,255,.03);border:1px solid var(--line-d);padding:32px 30px}
.qz-exam__col h3{font-size:20px;margin-bottom:18px;display:flex;align-items:center;gap:12px}
.qz-exam__col h3 .badge{font-size:11px}
.qz-exam__col ul li{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line-d);color:#D6DBCF;font-size:14px}
.qz-exam__col ul li:last-child{border-bottom:none}
.qz-exam__col ul li b{font-family:var(--font-en);color:var(--o1);flex-shrink:0}

/* ---------- CTA ---------- */
.qz-cta{background:var(--g1);border-top:3px solid var(--o1)}
.qz-cta__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.qz-cta__left h2{font-size:clamp(26px,3.4vw,38px);font-weight:900;margin-bottom:16px}
.qz-cta__left p{color:#D6DBCF;margin-bottom:24px;max-width:460px}
.qz-cta__tel{display:inline-flex;align-items:baseline;gap:12px;font-family:var(--font-en);font-weight:900;font-size:32px;color:var(--o1)}
.qz-cta__tel small{font-size:13px;color:#A8B598;font-family:var(--font-cn)}
.qz-cta__form{background:var(--c1);border:1px solid rgba(255,255,255,.14);padding:30px 28px}
.qz-cta__form h3{font-size:19px;margin-bottom:6px}
.qz-cta__form>p{font-size:13px;color:var(--g4);margin-bottom:20px}

/* ---------- 内联样式收编：工具类 ---------- */
.qz-link{color:var(--o1);font-weight:700}
.qz-faq-wrap{max-width:860px}
.qz-hero .crumbs{padding:0 0 12px;color:#C7CDC4}
.qz-hero .crumbs a{color:#A8B598}
.qz-hero .crumbs b{color:#fff}
.qz-cat__tbl th:nth-child(1){width:14%}
.qz-cat__tbl th:nth-child(2){width:26%}
.qz-cat__tbl th:nth-child(3){width:40%}
.qz-cat__tbl th:nth-child(4){width:20%}
.qz-cat__tbl td b{color:var(--o1)}
.qz-signal__kick{color:var(--o1)}
.qz-signal__title{margin-top:10px}
.qz-signal__note{margin-top:14px}
.qz-signal__note a{color:var(--o1);font-weight:700}

/* ---------- 6. 多证联动：四证节点链 ---------- */
.qz-linkage__chain{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:36px;align-items:stretch}
.qz-linkage__node{position:relative;padding:30px 22px;background:var(--c3);border:1px solid var(--line-d);text-align:center}
.qz-linkage__node:not(:last-child){margin-right:34px}
.qz-linkage__node:not(:last-child)::after{content:"";position:absolute;right:-26px;top:50%;width:26px;height:2px;background:repeating-linear-gradient(90deg,var(--o1) 0 6px,transparent 6px 11px)}
.qz-linkage__node b{font-family:var(--font-en);font-size:30px;font-weight:900;color:var(--o1);display:block;margin-bottom:8px}
.qz-linkage__node h3{font-size:16px;margin-bottom:6px}
.qz-linkage__node p{font-size:12.5px;color:var(--g4);margin-bottom:12px}
.qz-linkage__node a{display:inline-block;font-size:12.5px;color:var(--g3);border:1px solid var(--line-d);padding:5px 12px;transition:color .25s,border-color .25s}
.qz-linkage__node a:hover{color:var(--o1);border-color:var(--o1)}
.qz-linkage__tip{margin-top:28px;font-size:13.5px;color:var(--g4);border-left:3px solid var(--o1);padding-left:16px}

/* ---------- 7. 就业行情数据带 ---------- */
.qz-jobs{background:var(--g1)}
.qz-jobs__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px}
.qz-jobs__cell{background:rgba(21,24,27,.35);border:1px solid rgba(255,255,255,.12);padding:28px 22px}
.qz-jobs__cell b{font-family:var(--font-en);font-size:34px;font-weight:900;color:var(--o1);display:block;line-height:1.05}
.qz-jobs__cell b small{font-size:15px;color:var(--white);margin-left:3px}
.qz-jobs__cell span{display:block;margin-top:10px;font-size:13px;color:#D6DBCF}
.qz-jobs__note{margin-top:26px;font-size:13.5px;color:#A8B598}

/* ---------- 8. FAQ 手风琴 ---------- */
.qz-faq__item{border:1px solid var(--line-d);margin-bottom:12px;background:var(--c2)}
.qz-faq__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:15.5px;font-weight:700;color:var(--white);text-align:left;cursor:pointer}
.qz-faq__head svg{color:var(--o1);flex-shrink:0;transition:transform .3s}
.qz-faq__item.is-open .qz-faq__head svg{transform:rotate(180deg)}
.qz-faq__body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.qz-faq__body p{padding:0 22px 20px;color:var(--g4);font-size:14.5px}
.qz-faq__item.is-open .qz-faq__body{max-height:320px}

/* ---------- 9. 复审提醒 ---------- */
.qz-renew__warn{display:flex;gap:16px;align-items:center;background:rgba(224,91,32,.1);border:1px solid rgba(224,91,32,.4);padding:20px 24px;margin-bottom:36px}
.qz-renew__warn svg{color:var(--o1);flex-shrink:0}
.qz-renew__warn p{color:#F4C9A8;font-size:14.5px}
.qz-renew__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.qz-renew__item{border:1px dashed var(--line-d);padding:26px 22px;text-align:center}
.qz-renew__item b{font-family:var(--font-en);font-size:36px;font-weight:900;color:var(--g3);display:block;margin-bottom:8px}
.qz-renew__item h3{font-size:16px;margin-bottom:6px}
.qz-renew__item p{font-size:13px;color:var(--g4)}

/* ---------- CTA 前信任条 ---------- */
.qz-trust{background:var(--c2);border-top:1px solid var(--line-d)}
.qz-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:34px 0}
.qz-trust__item{display:flex;align-items:center;gap:12px;color:#D6DBCF;font-size:13.5px}
.qz-trust__item svg{color:var(--o1);flex-shrink:0}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .qz-hero{min-height:auto;padding-top:calc(var(--header-h) + 40px)}
  .qz-hero__inner .container{grid-template-columns:1fr;gap:24px}
  .qz-hero__side{border-left:none;padding-left:0;border-top:1px dashed var(--line-d);padding-top:16px}
  .qz-cond__grid{grid-template-columns:1fr}
  .qz-signal__inner,.qz-exam__grid,.qz-cta__inner{grid-template-columns:1fr}
  .qz-signal__inner img{height:240px}
  .qz-linkage__chain{grid-template-columns:1fr;gap:16px}
  .qz-linkage__node:not(:last-child){margin-right:0}
  .qz-linkage__node:not(:last-child)::after{right:50%;top:auto;bottom:-18px;width:2px;height:18px;background:repeating-linear-gradient(180deg,var(--o1) 0 6px,transparent 6px 11px)}
  .qz-jobs__grid,.qz-renew__grid,.qz-trust__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .qz-jobs__grid,.qz-renew__grid,.qz-trust__grid{grid-template-columns:1fr}
}