/* ==========================================================================
   建筑业政策专题样式 zhengce-jianzhu.css（周口八大员人才网 pzsr.cn）
   骨架：全幅城市图带 hero → 政策沿革横轴时间线 → 要点卡组(四色)
       → 影响解读图文 → 行业数据条 → 相关互链 → CTA
   专属前缀 jz-，不污染全局
   ========================================================================== */

/* ---------- 全幅图带 hero ---------- */
.jz-hero{position:relative;overflow:hidden;padding:clamp(120px,15vw,180px) 0 clamp(60px,8vw,96px)}
.jz-hero-bg{
  position:absolute;inset:0;background:url("../images/chengshi.jpg") center/cover no-repeat;
}
.jz-hero-mask{
  position:absolute;inset:0;
  background:linear-gradient(120deg,rgba(58,53,80,.82) 0%,rgba(124,108,217,.62) 55%,rgba(111,191,243,.55) 100%);
}
.jz-hero .container{position:relative;z-index:2}
.jz-hero .crumbs{margin-bottom:18px}
.jz-hero .crumbs a{color:#EDE6FC}
.jz-hero .tag{margin-bottom:16px}
.jz-hero h1{color:#fff;font-size:clamp(30px,4.4vw,50px);margin:8px 0 16px}
.jz-hero h1 .grad-text{background:linear-gradient(120deg,#FFD6EA,#DDF1FD);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.jz-hero .sub{color:rgba(255,255,255,.92);font-size:clamp(14px,1.5vw,17px);max-width:640px}

/* ---------- 横轴时间线 ---------- */
.jz-axis{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:10px}
.jz-axis-line{
  position:absolute;top:20px;left:6%;right:6%;height:4px;border-radius:4px;
  background:var(--grad-brand);
}
.jz-node{position:relative;padding-top:46px;text-align:center}
.jz-node::before{
  content:"";position:absolute;top:11px;left:50%;transform:translateX(-50%);
  width:18px;height:18px;border-radius:50%;background:#fff;border:5px solid var(--purple);
  box-shadow:0 0 0 5px var(--purple-mist);z-index:2;
}
.jz-node:nth-child(3)::before{border-color:var(--pink);box-shadow:0 0 0 5px var(--pink-soft)}
.jz-node:nth-child(4)::before{border-color:var(--blue);box-shadow:0 0 0 5px var(--blue-mist)}
.jz-year{
  display:inline-block;font-size:13px;font-weight:700;color:var(--purple-deep);
  background:var(--purple-mist);padding:3px 12px;border-radius:var(--r-full);margin-bottom:12px;
}
.jz-node h3{font-size:17px;margin-bottom:8px}
.jz-node p{font-size:13px;color:var(--ink-3);line-height:1.6}

/* ---------- 要点卡组 ---------- */
.jz-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.jz-card{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:26px 22px;box-shadow:var(--shadow-sm);transition:transform .35s,box-shadow .35s;
}
.jz-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.jz-ico{
  width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:var(--purple-mist);color:var(--purple-deep);margin-bottom:16px;
}
.jz-ico svg{width:24px;height:24px}
.jz-card.pink .jz-ico{background:var(--pink-soft);color:var(--pink-deep)}
.jz-card.blue .jz-ico{background:var(--blue-mist);color:#3E8BC7}
.jz-card h3{font-size:17px;margin-bottom:10px}
.jz-card p{font-size:14px;color:var(--ink-3)}

/* ---------- 影响解读图文 ---------- */
.jz-media{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(26px,4vw,54px);align-items:center}
.jz-media-img img{width:100%;height:380px;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.jz-media-body .eyebrow{margin-bottom:12px}
.jz-media-body h2{font-size:clamp(22px,2.8vw,32px);margin-bottom:16px}
.jz-media-body p{font-size:15px;color:var(--ink-2);margin-bottom:14px}

/* ---------- 数据条 ---------- */
.jz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;padding:clamp(30px,4vw,46px) 0}
.jz-stat .num{font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1.1}
.jz-stat .lbl{font-size:13px;color:var(--ink-3);margin-top:6px}

/* ---------- 互链 ---------- */
.jz-relgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.jz-rel{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm);
  transition:transform .35s,box-shadow .35s,border-color .35s;
}
.jz-rel:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--purple-soft)}
.jz-rel b{font-size:17px}
.jz-rel span{font-size:13px;color:var(--purple-deep)}

/* ---------- CTA ---------- */
.jz-cta{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#9B8AEA 0%,#6FBFF3 55%,#FF7EBC 100%);
  padding:clamp(50px,7vw,80px) 0;border-radius:var(--r-xl);
  width:min(1200,92%);margin:0 auto var(--sec-pad);
}
.jz-cta .container{position:relative;z-index:2;text-align:center}
.jz-cta h2{color:#fff;font-size:clamp(24px,3vw,34px);margin-bottom:12px}
.jz-cta p{color:rgba(255,255,255,.92);max-width:560px;margin:0 auto 26px}
.jz-cta-form{display:flex;gap:10px;max-width:560px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.jz-cta-form input{flex:1;min-width:200px;padding:14px 20px;border-radius:var(--r-full);border:none;outline:none;font-size:15px}
.jz-cta-form .btn{box-shadow:0 10px 26px rgba(0,0,0,.18)}
.jz-cta-link{font-size:13px;color:rgba(255,255,255,.85);margin-top:18px}
.jz-cta-link a{color:#fff;font-weight:600;text-decoration:underline}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .jz-axis{grid-template-columns:1fr;gap:8px}
  .jz-axis-line{display:none}
  .jz-node{padding-top:0;text-align:left;padding-left:34px}
  .jz-node::before{left:0;top:4px;transform:none}
  .jz-cards{grid-template-columns:1fr 1fr}
  .jz-media{grid-template-columns:1fr}
  .jz-stats{grid-template-columns:1fr 1fr}
  .jz-relgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
  .jz-cards{grid-template-columns:1fr}
  .jz-relgrid{grid-template-columns:1fr}
  .jz-cta{border-radius:var(--r-lg)}
  .jz-media-img img{height:240px}
}

/* ===== 新增：行业数据条 ===== */
.jz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.jz-stat .num{font-size:clamp(28px,3.6vw,44px);font-weight:800}
.jz-stat .lbl{font-size:13px;color:var(--ink-3);margin-top:6px}
/* ===== 新增：图解图文 ===== */
.jz-media{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(26px,4vw,54px);align-items:center}
.jz-media-img img{width:100%;height:360px;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-md)}
.jz-media-body .eyebrow{margin-bottom:12px}
.jz-media-body h2{font-size:clamp(22px,2.8vw,32px);margin-bottom:16px}
.jz-media-body p{font-size:15px;color:var(--ink-2);margin-bottom:14px;line-height:1.9}
@media(max-width:1024px){.jz-media{grid-template-columns:1fr}.jz-stats{grid-template-columns:1fr 1fr}}