/* ============================================================
   jianzhu-jiazi.html · 建筑架子工证页
   区块前缀 jz-
   ============================================================ */

/* ---------- Hero：仰拍全幅 + 巨大描边警示数字 + 内嵌警示条 ---------- */
.jz-hero{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:calc(var(--header-h) + 56px) 0 0}
.jz-hero__bg{position:absolute;inset:0}
.jz-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 28%;opacity:.42}
.jz-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,27,.55),rgba(21,24,27,.8) 62%,rgba(21,24,27,.92))}
.jz-hero__big{position:absolute;right:1%;top:6%;font-family:var(--font-en);font-size:clamp(150px,24vw,330px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(224,91,32,.5);pointer-events:none}
.jz-hero__inner{position:relative;max-width:680px;margin-bottom:44px}
.jz-hero__crumbs{padding:0;margin-bottom:20px}
.jz-hero__kick{display:block;font-family:var(--font-en);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--o1);margin-bottom:16px}
.jz-hero h1{font-size:clamp(34px,5vw,56px);font-weight:900;line-height:1.15}
.jz-hero h1 em{font-style:normal;color:var(--g4)}
.jz-hero__desc{margin-top:20px;font-size:16px;line-height:1.8;color:var(--g4);max-width:540px}
.jz-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
/* hero 底部内嵌警示条 */
.jz-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}
.jz-hero__warn svg{flex-shrink:0;color:var(--o1);margin-top:3px}
.jz-hero__warn b{display:block;font-size:16px;color:var(--white);margin-bottom:5px;letter-spacing:.02em}
.jz-hero__warn p{font-size:13.5px;color:#E8D8CB;line-height:1.7}

/* ---------- 关键数字条 ---------- */
.jz-strip{background:var(--c1);padding:0}
.jz-strip__grid{display:grid;grid-template-columns:repeat(3,1fr)}
.jz-strip__cell{padding:30px 26px;border-right:1px solid var(--line-d)}
.jz-strip__cell:last-child{border-right:none}
.jz-strip__cell b{display:block;font-family:var(--font-en);font-size:38px;font-weight:900;color:var(--o1);line-height:1;margin-bottom:10px}
.jz-strip__cell span{font-size:13.5px;color:var(--g4);line-height:1.7}

/* ---------- 两大工种卡片 ---------- */
.jz-job__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.jz-job__card{background:#fff;border:1px solid var(--line-l);overflow:hidden}
.jz-job__card img{width:100%;height:260px;object-fit:cover}
.jz-job__body{padding:26px}
.jz-job__body h3{font-size:20px;color:var(--c1);margin:12px 0 10px}
.jz-job__body p{font-size:14px;color:#5A6158;margin-bottom:14px}
.jz-job__body ul li{font-size:13.5px;color:#4C5449;padding:7px 0 7px 20px;position:relative;border-top:1px dashed var(--line-l)}
.jz-job__body ul li::before{content:"";position:absolute;left:0;top:14px;width:8px;height:2px;background:var(--o1)}
.jz-job__body ul li a{color:var(--o1)}

/* ---------- 安全要点 ---------- */
.jz-safety{background:var(--c1)}
.jz-safety__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.jz-safety__item{padding:26px 22px;background:var(--c2);border:1px dashed var(--line-d);position:relative}
.jz-safety__no{font-family:var(--font-en);font-size:14px;letter-spacing:.2em;color:var(--o1);font-weight:800}
.jz-safety__item h3{font-size:17px;margin:12px 0 8px}
.jz-safety__item p{font-size:13.5px;color:var(--g4);line-height:1.7}

/* ---------- 报考条件 ---------- */
.jz-req__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.jz-req__col h3{font-size:19px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--o1)}
.jz-req__col ul li{padding:12px 0;border-bottom:1px dashed var(--line-d);font-size:14.5px;color:var(--g4)}
.jz-req__col ul li b{color:var(--white);margin-right:8px}
.jz-req__col .btn{margin-top:20px}

/* ---------- 本地用工互链 ---------- */
.jz-local{background:var(--c2)}
.jz-local__row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line-d)}
.jz-local__link{padding:26px 22px;border-right:1px solid var(--line-d);transition:background .25s}
.jz-local__link:last-child{border-right:none}
.jz-local__link:hover{background:rgba(224,91,32,.08)}
.jz-local__link{display:flex;flex-direction:column;font-weight:700;font-size:15px;color:var(--white)}
.jz-local__link em{font-style:normal;font-size:13px;color:var(--o1);font-weight:400;margin-top:8px}

/* ---------- 误区澄清 ---------- */
.jz-myth__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.jz-myth__item{padding:28px 24px;background:#fff;border:1px solid var(--line-l);border-top:3px solid var(--o1)}
.jz-myth__item b{display:block;font-size:16px;color:var(--c1);margin-bottom:10px}
.jz-myth__item p{font-size:13.5px;color:#5A6158;line-height:1.75}

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

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .jz-strip__grid{grid-template-columns:1fr}
  .jz-strip__cell{border-right:none;border-bottom:1px solid var(--line-d)}
  .jz-strip__cell:last-child{border-bottom:none}
  .jz-safety__grid{grid-template-columns:1fr 1fr}
  .jz-job__grid{grid-template-columns:1fr}
  .jz-req__grid{grid-template-columns:1fr;gap:28px}
  .jz-local__row{grid-template-columns:1fr 1fr}
  .jz-local__link{border-right:none;border-bottom:1px solid var(--line-d)}
  .jz-cta__inner{grid-template-columns:1fr;gap:36px}
}
@media (max-width:640px){
  .jz-safety__grid{grid-template-columns:1fr}
  .jz-local__row{grid-template-columns:1fr}
  .jz-job__card img{height:200px}
  .jz-myth__grid{grid-template-columns:1fr}
}