/* ============================================================================
   news-hangye.html 行业动态栏目专属样式（复古美式工业风）
   ========================================================================== */

/* ---------- 题头：深棕+大序号 ---------- */
.hy-head{
  position:relative;padding:calc(var(--header-h) + 60px) 0 56px;overflow:hidden;
  background:linear-gradient(120deg,var(--brown-900),var(--brown-600));color:var(--cream-100);
}
.hy-head-no{
  position:absolute;right:2%;top:calc(var(--header-h) + 10px);
  font-family:var(--font-display);font-size:clamp(60px,10vw,120px);font-weight:700;
  color:rgba(181,137,63,.18);line-height:1;letter-spacing:.05em;
}
.hy-head .crumb{margin-bottom:16px}
.hy-head h1{font-size:clamp(32px,4.6vw,50px);color:var(--cream-50);margin-bottom:12px;position:relative}
.hy-head p{font-size:15.5px;color:var(--cream-200);max-width:660px;line-height:1.9;position:relative}

/* ---------- 导读 ---------- */
.hy-intro-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(26px,4vw,52px);align-items:center}
.hy-intro-media img{width:100%;height:300px;object-fit:cover;box-shadow:var(--shadow-md)}
.hy-intro-body h2{font-size:clamp(22px,2.6vw,30px);color:var(--brown-800);margin-bottom:12px}
.hy-intro-body p{font-size:14.5px;color:var(--ink-soft);line-height:1.9;margin-bottom:10px}

/* ---------- 列表：磁贴 ---------- */
.hy-list-sec{background:var(--cream-100)}
.hy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hy-tile{
  background:var(--cream-50);border:1px solid var(--line);overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease;
}
.hy-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.hy-tile:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1.3fr 1fr}
.hy-tile-media{display:block;overflow:hidden}
.hy-tile-media img{width:100%;height:210px;object-fit:cover;transition:transform .5s ease}
.hy-tile:hover .hy-tile-media img{transform:scale(1.05)}
.hy-tile:first-child .hy-tile-media img{height:100%;min-height:280px}
.hy-tile-body{padding:18px 20px 20px;background:linear-gradient(180deg,var(--cream-50),var(--cream-100));position:relative}
.hy-tile-body::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brass)}
.hy-tile-body h2{font-size:17.5px;line-height:1.5;color:var(--brown-800);margin-bottom:8px}
.hy-tile:first-child .hy-tile-body h2{font-size:clamp(20px,2.2vw,26px)}
.hy-tile-body h2 a:hover{color:var(--green-600)}
.hy-tile-body p{
  font-size:13.5px;color:var(--ink-soft);line-height:1.8;margin-bottom:10px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.hy-tile:first-child .hy-tile-body p{-webkit-line-clamp:4}
.hy-tile-body time{font-size:12.5px;color:var(--brass);letter-spacing:.08em}

/* ---------- 本地产业 ---------- */
.hy-local-media{margin-bottom:22px}
.hy-local-media img{width:100%;height:240px;object-fit:cover}
.hy-local-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hy-local-card{
  background:var(--cream-50);border:1px solid var(--line);padding:24px;
  border-top:4px solid var(--brass);
}
.hy-local-card h3{font-size:17px;color:var(--brown-800);margin-bottom:8px}
.hy-local-card p{font-size:14px;color:var(--ink-soft);line-height:1.85}

/* ---------- 用人趋势 ---------- */
.hy-trend{background:var(--cream-100)}
.hy-trend-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(26px,4vw,52px);align-items:center}
.hy-trend-body h2{font-size:clamp(22px,2.6vw,30px);color:var(--brown-800);margin-bottom:12px}
.hy-trend-body p{font-size:14.5px;color:var(--ink-soft);line-height:1.9;margin-bottom:12px}
.hy-trend-body a{color:var(--green-700);font-weight:600;border-bottom:1px solid var(--brass)}
.hy-trend-media img{width:100%;height:280px;object-fit:cover;box-shadow:var(--shadow-md)}

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

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .hy-grid{grid-template-columns:1fr}
  .hy-tile:first-child{grid-column:auto;display:block}
  .hy-intro-wrap,.hy-trend-wrap{grid-template-columns:1fr}
  .hy-local-grid{grid-template-columns:1fr}
}

/* 看动态的正确姿势 */.hy-talk-body{max-width:820px;margin:0 auto}.hy-talk-body p{font-size:14.5px;color:var(--ink-soft);line-height:2;margin-bottom:14px}

/* 双城资讯互链 */
.hy-cross-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hy-cross-card{background:var(--cream-50);border:1px solid var(--line);padding:26px;border-left:4px solid var(--brass);transition:transform .3s ease,box-shadow .3s ease}
.hy-cross-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.hy-cross-card h3{font-size:19px;color:var(--brown-800);margin-bottom:8px}
.hy-cross-card p{font-size:14px;color:var(--ink-soft);line-height:1.9}
/* 看新闻小贴士 */
.hy-tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hy-tip{background:var(--cream-50);border:1px solid var(--line);padding:24px}
.hy-tip h3{font-size:16.5px;color:var(--brown-800);margin-bottom:8px}
.hy-tip p{font-size:14px;color:var(--ink-soft);line-height:1.85}
@media(max-width:900px){.hy-cross-grid{grid-template-columns:1fr}.hy-tip-grid{grid-template-columns:1fr}}

/* 岗位需求怎么看 */
.hy-demand-body{max-width:820px;margin:0 auto}
.hy-demand-body p{font-size:14.5px;color:var(--ink-soft);line-height:2;margin-bottom:14px}

/* 本地行业氛围 */
.hy-year-body{max-width:820px;margin:0 auto}
.hy-year-body p{font-size:14.5px;color:var(--ink-soft);line-height:2;margin-bottom:14px}
.hy-year-body a{color:var(--green-700);font-weight:600;border-bottom:1px solid var(--brass)}