/* ============================================================================
   news-jiaozuo.html 焦作资讯栏目专属样式（复古美式工业风）
   ========================================================================== */

/* ---------- 题头：斜切拼色 ---------- */
.jz-head{position:relative;padding-top:var(--header-h);overflow:hidden}
.jz-head-media{position:absolute;inset:0}
.jz-head-media img{width:100%;height:100%;object-fit:cover}
.jz-head-panel{
  position:relative;margin-top:56px;padding:48px 0 60px;
  background:linear-gradient(100deg,rgba(15,33,24,.97) 0%,rgba(15,33,24,.9) 55%,rgba(15,33,24,.6) 100%);
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%);color:var(--cream-100);
}
.jz-head .crumb{margin-bottom:16px}
.jz-head h1{font-size:clamp(32px,4.6vw,50px);color:var(--cream-50);margin-bottom:12px}
.jz-head p{font-size:15.5px;color:var(--cream-200);max-width:620px;line-height:1.9}

/* ---------- 列表：杂志三列卡 ---------- */
.jz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.jz-card{border-bottom:1px solid var(--line);padding-bottom:22px}
.jz-card-media{display:block;overflow:hidden;margin-bottom:14px}
.jz-card-media img{width:100%;height:180px;object-fit:cover;transition:transform .5s ease}
.jz-card:hover .jz-card-media img{transform:scale(1.05)}
.jz-card-body time{
  display:inline-block;font-size:12px;color:var(--brass);letter-spacing:.12em;margin-bottom:8px;
  border-bottom:1px solid var(--brass);padding-bottom:3px;
}
.jz-card-body h2{font-family:var(--font-display);font-size:19px;line-height:1.5;color:var(--brown-800);margin-bottom:8px}
.jz-card-body h2 a:hover{color:var(--green-600)}
.jz-card-body p{
  font-size:13.5px;color:var(--ink-soft);line-height:1.8;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}

/* ---------- 本地覆盖 ---------- */
.jz-area{background:var(--cream-100)}
.jz-area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}
.jz-area-grid a{
  padding:14px;text-align:center;background:var(--cream-50);border:1px solid var(--line);
  color:var(--brown-800);font-size:14.5px;transition:border-color .25s ease,color .25s ease;
}
.jz-area-grid a:hover{border-color:var(--brass);color:var(--green-700)}
.jz-area-media img{width:100%;height:240px;object-fit:cover}

/* ---------- 报考指南入口 ---------- */
.jz-guide-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(26px,4vw,52px);align-items:center}
.jz-guide-body h2{font-size:clamp(22px,2.6vw,30px);color:var(--brown-800);margin-bottom:12px}
.jz-guide-body p{font-size:14.5px;color:var(--ink-soft);line-height:1.9;margin-bottom:16px}
.jz-guide-links{display:flex;gap:12px;flex-wrap:wrap}
.jz-guide-media img{width:100%;height:280px;object-fit:cover;box-shadow:var(--shadow-md)}

/* ---------- 底部行动带 ---------- */
.jz-foot{padding:60px 0;text-align:center}
.jz-foot h2{color:var(--cream-50);font-size:clamp(24px,3vw,32px);margin-bottom:10px}
.jz-foot p{color:var(--cream-200);margin-bottom:22px}
.jz-foot-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .jz-grid{grid-template-columns:1fr}
  .jz-area-grid{grid-template-columns:repeat(2,1fr)}
  .jz-guide-wrap{grid-template-columns:1fr}
}

/* 本地常见情况 */.jz-talk-body{max-width:820px;margin:0 auto}.jz-talk-body p{font-size:14.5px;color:var(--ink-soft);line-height:2;margin-bottom:14px}.jz-talk-body a{color:var(--green-700);font-weight:600;border-bottom:1px solid var(--brass)}

/* 焦作各区县特点 */
.jz-county-list{display:flex;flex-direction:column;gap:0;max-width:860px;margin:0 auto}
.jz-county{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.jz-county h3{font-size:16px;color:var(--brass);font-family:var(--font-display)}
.jz-county p{font-size:14px;color:var(--ink-soft);line-height:1.85}
/* 热门岗位标签 */
.jz-hot-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.jz-hot-tags a{padding:10px 20px;background:var(--cream-50);border:1px solid var(--line);color:var(--brown-800);font-size:14.5px;border-radius:999px;transition:border-color .25s ease,color .25s ease}
.jz-hot-tags a:hover{border-color:var(--brass);color:var(--green-700)}
.jz-hot-note{max-width:820px;margin:18px auto 0;text-align:center;font-size:14px;color:var(--muted)}
@media(max-width:900px){.jz-county{grid-template-columns:1fr;gap:4px}}

/* 焦作企业看这里 */
.jz-company-body{max-width:820px;margin:0 auto}
.jz-company-body p{font-size:14.5px;color:var(--ink-soft);line-height:2;margin-bottom:14px}
.jz-company-body a{color:var(--green-700);font-weight:600;border-bottom:1px solid var(--brass)}

/* 焦作报考时间怎么排 */
.jz-plan-body{max-width:820px;margin:0 auto}
.jz-plan-body p{font-size:14.5px;color:var(--ink-soft);line-height:2;margin-bottom:14px}