/* ==========================================================================
   工试云启 — 行业资讯页独有样式（仅 hyzx.html 引用）
   模块：内页 hero（工地回访背景）、资讯图文流（上图下文卡片）、
        行业观察（大图文块）、频道速览、FAQ、相关推荐、预约 CTA
   说明：资讯为静态占位卡片，上线时替换为 CMS 频道循环。
   ========================================================================== */

/* ---------- 内页 hero ---------- */
.hyzx-hero{
  background-image:url('../../images/case-anli.jpg');
}
.hyzx-hero .hero-channels{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hyzx-hero .hero-channels a{
  display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;
  border:1px solid rgba(201,164,92,.5);color:var(--gold-pale);font-size:13px;
  background:rgba(13,13,12,.35);transition:all .25s ease;
}
.hyzx-hero .hero-channels a:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}

/* ---------- 模块一：资讯图文流 ---------- */
.hz-feed{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.hz-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  transition:all .3s ease;display:flex;flex-direction:column;
}
.hz-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--gold-line)}
.hz-card .hz-thumb{position:relative;display:block;overflow:hidden;height:210px}
.hz-card .hz-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hz-card:hover .hz-thumb img{transform:scale(1.05)}
.hz-card .hz-thumb .hz-cat{
  position:absolute;left:16px;top:16px;padding:3px 12px;border-radius:999px;font-size:12px;
  background:rgba(13,13,12,.72);color:var(--gold-pale);letter-spacing:.05em;
}
.hz-card .hz-body{padding:22px 24px 24px}
.hz-card time{display:block;font-size:12.5px;color:var(--gold-deep);font-weight:700;margin-bottom:10px}
.hz-card h3{font-size:18px;line-height:1.5;margin-bottom:10px}
.hz-card:hover h3{color:var(--gold-deep)}
.hz-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}

/* ---------- 模块：双城用工速览 ---------- */
.hz-region{padding-top:0}
.hz-region-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.hz-region-card{
  border:1px solid var(--line);border-radius:var(--radius);padding:30px 32px;background:var(--paper);
}
.hz-region-card h3{font-size:19px;margin-bottom:12px}
.hz-region-card p{font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:16px}
.hz-region-card ul{margin-bottom:18px}
.hz-region-card li{
  font-size:14px;color:var(--ink-soft);padding:7px 0 7px 22px;position:relative;
  border-bottom:1px dashed var(--line);
}
.hz-region-card li::before{
  content:"";position:absolute;left:0;top:14px;width:8px;height:8px;background:var(--gold);
  transform:rotate(45deg);
}
.hz-region-link{font-size:14px;font-weight:600;color:var(--gold-deep)}
.hz-region-note{font-size:13.5px;color:var(--muted);line-height:1.8;margin:0 0 14px;padding:10px 14px;background:var(--paper-warm);border-radius:var(--radius-sm);border-left:2px solid var(--gold)}

/* ---------- 模块二：行业观察（大图文） ---------- */
.hz-observe{
  display:grid;grid-template-columns:1.1fr 1fr;gap:0;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;background:var(--paper);
}
.hz-observe .ob-media{min-height:360px;position:relative}
.hz-observe .ob-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hz-observe .ob-body{padding:44px 46px}
.hz-observe .ob-body .kicker{margin-bottom:12px}
.hz-observe .ob-body .ob-kicker{
  display:inline-block;color:var(--gold-deep);font-size:13px;letter-spacing:.22em;
  font-weight:600;margin-bottom:14px;
}
.hz-observe .ob-body h2{font-size:26px;line-height:1.45;margin-bottom:16px}
.hz-observe .ob-body p{font-size:14.5px;color:var(--muted);line-height:1.9;margin-bottom:14px}
.hz-observe .ob-body .ob-points{margin:18px 0 24px}
.hz-observe .ob-body .ob-points li{
  display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-soft);margin-bottom:10px;
}
.hz-observe .ob-body .ob-points svg{flex:0 0 auto;color:var(--gold-deep);margin-top:4px}

/* ---------- 模块三：频道速览 ---------- */
.hz-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hz-ch{
  display:flex;flex-direction:column;gap:10px;padding:24px 22px;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--paper-soft);transition:all .28s ease;
}
.hz-ch:hover{border-color:var(--gold-deep);background:var(--paper);transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.hz-ch .hz-ico{
  width:42px;height:42px;border-radius:10px;background:var(--paper-warm);color:var(--gold-deep);
  display:flex;align-items:center;justify-content:center;
}
.hz-ch h3{font-size:16px}
.hz-ch p{font-size:13px;color:var(--muted);margin:0;line-height:1.7;flex:1}
.hz-ch .hz-more{font-size:13px;font-weight:600;color:var(--gold-deep);display:inline-flex;align-items:center;gap:5px}

/* ---------- 模块：考证干货入口 ---------- */
.hz-tips{padding-top:0}
.tips-bar{
  background:var(--paper-warm);border-radius:var(--radius);padding:30px 36px;
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
}
.tips-bar-head h2{font-size:21px;margin-bottom:6px}
.tips-bar-head p{font-size:13.5px;color:var(--muted);margin:0}
.tips-bar-links{display:flex;gap:10px;flex-wrap:wrap}
.tips-bar-links a{
  padding:9px 18px;border:1px solid var(--gold-line);border-radius:999px;font-size:13.5px;
  font-weight:600;color:var(--ink-soft);transition:all .25s ease;
}
.tips-bar-links a:hover{background:var(--ink);color:var(--gold-pale);border-color:var(--ink)}

/* ---------- FAQ / 相关推荐 / CTA ---------- */
.hz-faq .faq-wrap{max-width:860px;margin:0 auto}
.hz-related .related-list{margin-top:8px}
.hz-cta .cta-flex{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.hz-cta .cta-kicker{display:block;color:var(--gold);font-size:13px;letter-spacing:.22em;font-weight:600;margin-bottom:12px}
.hz-cta .cta-actions{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .hz-feed{grid-template-columns:1fr}
  .hz-observe{grid-template-columns:1fr}
  .hz-observe .ob-media{min-height:240px}
  .hz-observe .ob-body{padding:30px 26px}
  .hz-channels{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .hz-channels{grid-template-columns:1fr}
  .hz-card .hz-thumb{height:180px}
  .hz-region-grid{grid-template-columns:1fr}
}