/* gongzhong.html — 工种大全 · S4 错位网格 · D1 光带 + D3 切角卡 */

.gz-hero{
  padding:calc(var(--header-h) + 64px) 0 84px;
  background:
    radial-gradient(circle at 88% 12%, rgba(199,180,154,.20), transparent 55%),
    linear-gradient(135deg, #FBFAF7 0%, #F3F1EC 60%, #ECE8E1 100%);
}
.gz-hero-in{max-width:780px;}
.gz-rot{transform:rotate(-2deg);}
.gz-hero h1{font-size:44px;line-height:1.25;margin:22px 0 18px;letter-spacing:1px;}
.gz-lede{font-size:16.5px;color:var(--text-weak);max-width:700px;}
.gz-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;}

.gz-sec-head{max-width:760px;margin-bottom:44px;}
.gz-sec-head h2{font-size:30px;margin:16px 0 12px;line-height:1.35;}
.gz-sec-head p{color:var(--text-weak);font-size:15px;}

/* 两体系卡 */
.gz-sys{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.gz-sys-card{
  background:#fff;padding:34px 32px;box-shadow:var(--shadow-b);
  border-top:3px solid var(--brown-200);
}
.gz-sys-card h3{font-size:19px;color:var(--brown-400);margin-bottom:14px;}
.gz-sys-card p{font-size:14.5px;color:var(--text);}
.gz-sys-card ul{margin:14px 0 6px;}
.gz-sys-card li{padding:6px 0 6px 18px;position:relative;font-size:14px;color:var(--text-weak);}
.gz-sys-card li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;background:var(--brown-100);transform:rotate(45deg);}
.gz-more{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;}

/* 错位网格 S4 */
.gz-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
  grid-auto-rows:12px;
}
.gz-card{
  background:#fff;box-shadow:var(--shadow-s);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;
}
.gz-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-b);}
.gz-card img{width:100%;height:auto;}
.gz-card-bd{padding:18px 20px 22px;}
.gz-card-bd h3{font-size:18px;margin-bottom:8px;}
.gz-card-bd p{font-size:13.5px;color:var(--text-weak);margin-bottom:10px;}
.gz-go{font-size:13px;font-weight:700;color:var(--brown-400);letter-spacing:1px;}
.gz-big{grid-column:span 2;}
.gz-wide{grid-column:span 2;}

/* 建筑 / 特种设备 双栏 */
.gz-two{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.gz-col{background:#fff;box-shadow:var(--shadow-b);overflow:hidden;}
.gz-col img{width:100%;height:auto;}
.gz-col h3{font-size:20px;color:var(--brown-400);padding:22px 26px 0;}
.gz-col p{padding:12px 26px 0;font-size:14.5px;color:var(--text-weak);}
.gz-col-links{display:flex;gap:18px;flex-wrap:wrap;padding:16px 26px 26px;}
.gz-col-links a{font-size:14px;font-weight:600;border-bottom:1px dashed var(--brown-200);padding-bottom:2px;}

/* 三步 */
.gz-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.gz-step{
  background:#fff;padding:32px 28px;box-shadow:var(--shadow-s);position:relative;
  border-left:3px solid var(--brown-200);
}
.gz-step-n{
  font-size:40px;font-weight:800;color:var(--brown-100);line-height:1;
  font-style:italic;letter-spacing:2px;
}
.gz-step h3{font-size:17px;margin:14px 0 10px;}
.gz-step p{font-size:14px;color:var(--text-weak);}

/* 本地就业 */
.gz-job{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start;}
.gz-job-txt h2{font-size:28px;margin:14px 0 16px;line-height:1.35;}
.gz-job-txt p{font-size:15px;color:var(--text);}
.gz-job-side{background:#fff;padding:30px 28px;box-shadow:var(--shadow-b);}
.gz-job-side h3{font-size:17px;color:var(--brown-400);margin-bottom:14px;}
.gz-job-side li{font-size:13.5px;color:var(--text-weak);padding:7px 0;line-height:1.7;}

/* CTA 带 */
.gz-cta{
  text-align:center;
  background:linear-gradient(135deg,var(--brown-300),var(--brown-400));
  color:#fff;
}
.gz-cta h2{color:#fff;font-size:30px;margin-bottom:14px;}
.gz-cta p{color:rgba(255,255,255,.85);max-width:640px;margin:0 auto 26px;}
.gz-cta .gz-hero-cta{justify-content:center;}

@media (max-width:920px){
  .gz-hero h1{font-size:32px;}
  .gz-grid{grid-template-columns:1fr 1fr;}
  .gz-big,.gz-wide{grid-column:span 2;}
  .gz-sys,.gz-two,.gz-steps,.gz-job{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .gz-grid{grid-template-columns:1fr;}
  .gz-big,.gz-wide{grid-column:span 1;}
}