/* ============================================================================
   news-xinxiang.html 新乡资讯栏目专属样式（复古美式工业风）
   ========================================================================== */

/* ---------- 题头：全幅图Banner ---------- */
.xx-head{
  position:relative;min-height:440px;display:flex;align-items:flex-end;
  background:url("../images/index-xinxiang.jpg") center/cover no-repeat;
}
.xx-head-overlay{
  width:100%;padding:calc(var(--header-h) + 60px) 0 56px;
  background:linear-gradient(180deg,rgba(20,12,5,.55),rgba(20,12,5,.88));color:var(--cream-100);
}
.xx-head .crumb{margin-bottom:16px}
.xx-head h1{font-size:clamp(32px,4.6vw,50px);color:var(--cream-50);margin-bottom:12px}
.xx-head p{font-size:15.5px;color:var(--cream-200);max-width:660px;line-height:1.9}

/* ---------- 列表：发丝线交替行卡 ---------- */
.xx-list{max-width:960px;margin:0 auto}
.xx-row{
  display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:center;
  padding:28px 0;border-bottom:1px solid var(--line);
}
.xx-row:nth-child(even){grid-template-columns:1fr 300px}
.xx-row:nth-child(even) .xx-row-media{order:2}
.xx-row:nth-child(even) .xx-row-body{order:1}
.xx-row-media img{width:100%;height:170px;object-fit:cover}
.xx-row-body h2{font-size:19px;line-height:1.5;color:var(--brown-800);margin-bottom:8px}
.xx-row-body h2 a:hover{color:var(--green-600)}
.xx-row-body p{
  font-size:14px;color:var(--ink-soft);line-height:1.85;margin-bottom:8px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.xx-row-body time{font-size:12.5px;color:var(--brass);letter-spacing:.08em}

/* ---------- 本地覆盖 ---------- */
.xx-area{background:var(--cream-100)}
.xx-area-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px;
}
.xx-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;
}
.xx-area-grid a:hover{border-color:var(--brass);color:var(--green-700)}
.xx-area-media img{width:100%;height:240px;object-fit:cover}

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

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

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .xx-row,.xx-row:nth-child(even){grid-template-columns:1fr;gap:14px}
  .xx-row:nth-child(even) .xx-row-media{order:0}
  .xx-row:nth-child(even) .xx-row-body{order:0}
  .xx-area-grid{grid-template-columns:repeat(2,1fr)}
  .xx-guide-wrap{grid-template-columns:1fr}
}

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

/* 新乡各区县特点 */
.xx-county-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.xx-county{background:var(--cream-50);border:1px solid var(--line);padding:18px;	border-top:3px solid var(--brass)}
.xx-county h3{font-size:15.5px;color:var(--brown-800);margin-bottom:6px}
.xx-county p{font-size:13px;color:var(--ink-soft);line-height:1.75}
/* 热门岗位 */
.xx-hot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xx-hot{background:var(--cream-50);border:1px solid var(--line);padding:26px;text-align:center}
.xx-hot h3{font-size:19px;color:var(--green-800);margin-bottom:10px}
.xx-hot p{font-size:14px;color:var(--ink-soft);line-height:1.85}
@media(max-width:900px){.xx-county-grid{grid-template-columns:repeat(2,1fr)}.xx-hot-grid{grid-template-columns:1fr}}

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

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