/* ==========================================================================
   p-news-hangye.css · 行业动态频道专属样式
   布局：左右交替观察块 + 图文卡网格
   ========================================================================== */

.sec-kicker{font-size:13px;letter-spacing:3px;color:var(--gold);font-weight:700;margin-bottom:10px}
.sec-title{font-size:30px;color:#fff;font-weight:800}
.sec-head{text-align:center;max-width:760px;margin:0 auto 44px}

/* ---------- Hero ---------- */
.hy-hero{padding:64px 0 70px;border-bottom:1px solid var(--line);background:linear-gradient(115deg,#150505,#0E0E13 62%)}
.hy-hero-title{font-size:clamp(26px,3.4vw,40px);color:#fff;font-weight:900;margin:20px 0 12px}
.hy-hero-sub{color:var(--muted);font-size:16px;max-width:660px;line-height:1.9}

/* ---------- 左右交替观察块 ---------- */
.hy-row{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center;margin-bottom:56px}
.hy-row-rev .hy-row-img{order:2}
.hy-row-img{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-2);box-shadow:var(--shadow)}
.hy-row-img img{width:100%;aspect-ratio:16/10;object-fit:cover}
.hy-row-tag{display:inline-block;padding:5px 14px;border:1px solid rgba(255,184,0,.45);color:var(--gold-soft);font-size:12.5px;border-radius:999px;margin-bottom:14px}
.hy-row-text h3{color:#fff;font-size:22px;line-height:1.45;margin-bottom:14px}
.hy-row-text p{color:var(--muted);font-size:14.5px;line-height:1.95;margin-bottom:10px}
.hy-row-text a{color:var(--gold-soft)}

/* ---------- 行业需求 ---------- */
.hy-demand{background:var(--bg)}
.hy-demand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hy-demand-card{padding:26px 22px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:all .3s}
.hy-demand-card h3{color:#fff;font-size:16.5px;margin-bottom:10px}
.hy-demand-card p{color:var(--muted);font-size:13.5px;line-height:1.85}
.hy-demand-card:hover{transform:translateY(-6px);border-color:var(--red);box-shadow:var(--shadow-red)}
.hy-demand-note{margin-top:26px;color:var(--muted-2);font-size:13.5px;max-width:720px;margin-left:auto;margin-right:auto}
.hy-demand-note a{color:var(--gold-soft)}

/* ---------- 列表 ---------- */
.hy-list-sec{background:var(--bg)}
.hy-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hy-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:all .3s}
.hy-card-img{display:block;overflow:hidden}
.hy-card-img img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .4s}
.hy-card-body{padding:18px 20px 20px}
.hy-card-body time{color:var(--gold-soft);font-size:12.5px}
.hy-card-body h3{font-size:16px;line-height:1.5;margin:8px 0 8px}
.hy-card-body h3 a{color:#fff}
.hy-card-body h3 a:hover{color:var(--gold)}
.hy-card-body p{color:var(--muted);font-size:13.5px;line-height:1.75}
.hy-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(255,184,0,.45)}
.hy-card:hover .hy-card-img img{transform:scale(1.05)}

/* ---------- CTA ---------- */
.hy-cta h2{font-size:28px;color:#fff;margin-bottom:10px}
.hy-cta p{color:var(--muted)}
.hy-cta-btns{margin-top:22px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 用工提醒 ---------- */
.hy-warn{background:var(--card);border-block:1px solid var(--line)}
.hy-warn-inner{max-width:900px}
.hy-warn-inner h2{font-size:26px;color:#fff;margin-bottom:16px}
.hy-warn-inner p{color:var(--muted);font-size:15.5px;line-height:2}
.hy-warn-inner a{color:var(--gold-soft)}

/* ---------- 入行引导 ---------- */
.hy-links{background:var(--bg);padding:46px 0}
.hy-links-inner{max-width:900px;margin:0 auto;text-align:center}
.hy-links-inner h2{font-size:24px;color:#fff;margin-bottom:16px}
.hy-links-inner p{color:var(--muted);font-size:15.5px;line-height:2}
.hy-links-inner a{color:var(--gold-soft)}

/* ---------- 收尾说明 ---------- */
.hy-note{padding:34px 0}
.hy-note-inner{max-width:880px;margin:0 auto;text-align:center}
.hy-note-inner p{color:var(--muted-2);font-size:13.5px;line-height:1.95}

/* ---------- 数据卡 ---------- */
.hy-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hy-stat{padding:30px 22px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-align:center}
.hy-stat b{display:block;font-size:34px;color:var(--gold-soft);font-weight:900;margin-bottom:8px}
.hy-stat p{color:var(--muted);font-size:13.5px;line-height:1.8}
.hy-stats-note{margin-top:20px;text-align:center;color:var(--muted-2);font-size:13px}

/* ---------- 趋势表 ---------- */
.hy-trend-tbl{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.hy-trend-tbl table{width:100%;border-collapse:collapse}
.hy-trend-tbl th{padding:16px 18px;text-align:left;color:#fff;font-size:14.5px;background:rgba(224,38,29,.08);border-bottom:1px solid var(--line)}
.hy-trend-tbl td{padding:14px 18px;color:var(--muted);font-size:13.5px;border-bottom:1px solid var(--line)}
.hy-trend-tbl tr:last-child td{border-bottom:0}

/* ---------- 案例 ---------- */
.hy-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hy-case-card{padding:28px 26px;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:all .3s}
.hy-case-card h3{color:#fff;font-size:16.5px;margin-bottom:10px}
.hy-case-card p{color:var(--muted);font-size:14px;line-height:1.9}
.hy-case-card:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:var(--shadow)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .hy-row{grid-template-columns:1fr;gap:22px}
  .hy-row-rev .hy-row-img{order:0}
  .hy-list{grid-template-columns:repeat(2,1fr)}
  .hy-demand-grid{grid-template-columns:repeat(2,1fr)}
  .hy-stats-grid{grid-template-columns:repeat(2,1fr)}
  .hy-case-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .hy-list{grid-template-columns:1fr}
  .hy-demand-grid{grid-template-columns:1fr}
  .hy-stats-grid{grid-template-columns:1fr}
  .hy-trend-tbl{overflow-x:auto}
}