/* ============================================================
   yikeyichi.com · news.html 专属样式
   布局原型：斜纹页头 + 阶梯错位文章列表（无分页）
   ============================================================ */

/* ---------- 页头 Banner（斜切分割） ---------- */
.page-hero{
  position:relative; min-height:420px; display:flex; align-items:flex-end;
  padding:calc(var(--header-h) + 46px) 0 64px; overflow:hidden;
  background:var(--green-950);
}
.page-hero__media{ position:absolute; inset:0; }
.page-hero__media img{ width:100%; height:100%; object-fit:cover; opacity:.5; }
.page-hero__veil{
  position:absolute; inset:0;
  background:linear-gradient(95deg,rgba(27,42,33,.97) 12%,rgba(34,57,46,.72) 55%,rgba(27,42,33,.28) 100%);
}
.page-hero__grid{
  position:relative; z-index:2; display:grid; grid-template-columns:1fr auto;
  align-items:end; gap:30px;
}
.page-hero__copy .breadcrumb{ margin-bottom:18px; }
.page-hero__copy .breadcrumb a{ color:rgba(251,248,241,.62); }
.page-hero__copy .breadcrumb a:hover{ color:var(--brown-500); }
.page-hero__copy .breadcrumb .cur{ color:rgba(251,248,241,.9); }
.page-hero__copy h1{ color:var(--cream-50); font-size:clamp(32px,4.6vw,52px); margin-bottom:12px; letter-spacing:.08em; }
.page-hero__copy p{ color:rgba(251,248,241,.72); max-width:620px; font-size:15.5px; }
.page-hero__stat{
  display:flex; align-items:baseline; gap:14px;
  background:rgba(27,42,33,.4); border:1px solid rgba(176,141,102,.4);
  border-radius:var(--radius-m); padding:22px 28px; backdrop-filter:blur(4px);
  transform:rotate(-2deg);
}
.page-hero__stat b{ font-family:var(--font-serif); font-size:54px; color:var(--brown-500); line-height:1; }
.page-hero__stat span{ font-size:13px; color:rgba(251,248,241,.66); line-height:1.8; letter-spacing:.1em; }

/* ---------- 文章列表（阶梯错位） ---------- */
.news-list__wrap{ display:flex; flex-direction:column; gap:26px; }
.nl-item{
  display:grid; grid-template-columns:minmax(260px,380px) 1fr; gap:28px;
  background:var(--cream-100); border:1px solid var(--line); border-radius:var(--radius-l);
  padding:20px; align-items:center; transition:all .4s var(--ease);
}
.nl-item:nth-child(even){ grid-template-columns:1fr minmax(260px,380px); }
.nl-item:nth-child(even) .nl-item__pic{ order:2; }
.nl-item:hover{ box-shadow:var(--shadow-md); transform:translateY(-5px); border-color:rgba(176,141,102,.5); }
.nl-item__pic{
  display:block; border-radius:var(--radius-m); overflow:hidden; aspect-ratio:16/10;
  background:var(--cream-200); position:relative;
}
.nl-item__pic img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.nl-item:hover .nl-item__pic img{ transform:scale(1.06); }
.nl-item__pic::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:34%;
  background:linear-gradient(180deg,transparent,rgba(27,42,33,.55));
  opacity:0; transition:opacity .4s var(--ease);
}
.nl-item:hover .nl-item__pic::after{ opacity:1; }
.nl-item__body h3{ font-size:20px; line-height:1.5; margin-bottom:10px; }
.nl-item__body h3 a:hover{ color:var(--brown-600); }
.nl-item__body p{
  font-size:14.5px; color:var(--muted); line-height:1.95; margin-bottom:14px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.nl-item__body time{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; color:var(--brown-600); letter-spacing:.08em;
}
.nl-item__body time::before{ content:""; width:18px; height:2px; background:var(--brown-500); }

/* ---------- CTA 横幅 ---------- */
.cta-band{ overflow:hidden; }
.cta-band::after{
  content:""; position:absolute; right:-10%; top:-40%; width:40%; height:180%;
  background:var(--green-800); opacity:.5; transform:rotate(-14deg);
}
.cta-band__inner{
  position:relative; z-index:1; display:flex; flex-wrap:wrap; align-items:center;
  justify-content:space-between; gap:26px;
}
.cta-band__copy .eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; letter-spacing:.32em; color:var(--brown-500); margin-bottom:12px;
}
.cta-band__copy h2{ color:var(--cream-50); margin-bottom:10px; }
.cta-band__copy p{ color:rgba(251,248,241,.72); max-width:640px; }
.cta-band__actions{ display:flex; flex-wrap:wrap; gap:14px; }

/* ---------- 报考指引 ---------- */
.guide__grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:22px;
}
.guide-card{
  display:block; background:var(--cream-50); border:1px solid var(--line);
  border-radius:var(--radius-l); padding:30px 26px; text-align:center;
  transition:all .4s var(--ease); position:relative; overflow:hidden;
}
.guide-card::before{
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:0; height:4px; background:var(--brown-500); transition:width .45s var(--ease);
}
.guide-card:hover{ transform:translateY(-8px); box-shadow:var(--shadow-md); }
.guide-card:hover::before{ width:80%; }
.guide-card__icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:64px; height:64px; border-radius:50%;
  background:rgba(44,74,58,.10); color:var(--green-700); margin-bottom:18px;
  transition:all .4s var(--ease);
}
.guide-card__icon svg{ width:30px; height:30px; }
.guide-card:hover .guide-card__icon{ background:var(--green-800); color:var(--cream-50); transform:rotate(8deg); }
.guide-card h3{ font-size:18px; margin-bottom:8px; }
.guide-card p{ font-size:13.5px; color:var(--muted); margin-bottom:14px; }
.guide-card em{ font-style:normal; font-size:13px; color:var(--green-700); letter-spacing:.08em; }

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .guide__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  .page-hero{ min-height:380px; }
  .page-hero__grid{ grid-template-columns:1fr; }
  .page-hero__stat{ display:none; }
  .nl-item,.nl-item:nth-child(even){ grid-template-columns:1fr; }
  .nl-item:nth-child(even) .nl-item__pic{ order:0; }
}
@media (max-width:640px){
  .guide__grid{ grid-template-columns:1fr; }
}

/* ============================================================
   新增静态区块（news-digest / news-trades / news-hotline）
   与既有模块形态区分：细线步骤 + 平排工种卡 + 大电话热线条
   ============================================================ */

/* ---------- 频道导读：两栏 + 细线步骤 ---------- */
.news-digest{ background:var(--cream-100); border-top:1px solid var(--line); }
.news-digest__grid{
  display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(30px,5vw,64px); align-items:start;
}
.news-digest__lead h2{ margin:10px 0 18px; }
.news-digest__lead p{ margin-bottom:16px; }
.news-digest__steps{ margin-top:24px; border-top:1px solid var(--line-strong); }
.news-digest__steps li{
  display:flex; gap:16px; padding:16px 0; border-bottom:1px solid var(--line);
}
.news-digest__steps li > span{
  flex:none; width:34px; height:34px; border:1px solid var(--line-strong); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-serif); font-size:14px; color:var(--green-800);
}
.news-digest__steps b{ display:block; font-family:var(--font-serif); font-size:16.5px; color:var(--green-900); margin-bottom:3px; }
.news-digest__steps p{ font-size:14px; margin:0; }
.news-digest__links{ display:flex; flex-direction:column; gap:16px; }
.news-digest__link{
  display:block; background:var(--cream-50); border:1px solid var(--line);
  border-left:3px solid var(--brown-500); border-radius:0 var(--radius-m) var(--radius-m) 0;
  padding:20px 22px; transition:all .35s var(--ease);
}
.news-digest__link:hover{ transform:translateX(6px); box-shadow:var(--shadow-sm); border-left-color:var(--green-700); }
.news-digest__link b{ font-family:var(--font-serif); font-size:18px; color:var(--green-900); }
.news-digest__link p{ font-size:14px; margin:6px 0 10px; }
.news-digest__link em{ font-style:normal; font-size:13px; color:var(--green-700); letter-spacing:.05em; }
.news-digest__side-note{
  font-size:13px; color:var(--muted); padding:12px 4px 0;
  border-top:1px dashed var(--line-strong);
}

/* ---------- 热门工种：平排卡 + 底部提示 ---------- */
.news-trades__intro{
  font-size:15px; color:var(--ink-soft); max-width:760px;
  padding:18px 22px; background:var(--cream-50); border-radius:var(--radius-m);
  border-left:3px solid var(--brown-500); margin-bottom:26px;
}
.news-trades__grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
.news-trades__card{
  display:block; background:var(--cream-50); border:1px solid var(--line);
  border-radius:var(--radius-m); padding:24px 22px; transition:all .35s var(--ease);
}
.news-trades__card:hover{ border-color:var(--brown-500); transform:translateY(-5px); box-shadow:var(--shadow-md); }
.news-trades__card b{ font-family:var(--font-serif); font-size:19px; color:var(--green-900); display:block; margin-bottom:8px; }
.news-trades__card p{ font-size:13.5px; margin-bottom:14px; }
.news-trades__card span{ font-size:13px; color:var(--green-700); letter-spacing:.05em; }
.news-trades__note{
  margin-top:26px; text-align:center; font-size:14px; color:var(--muted);
  padding-top:20px; border-top:1px dashed var(--line-strong);
}

/* ---------- 直拨热线：米白大条 + 大电话 ---------- */
.news-hotline{ background:var(--cream-50); border-top:1px solid var(--line); }
.news-hotline__inner{
  display:grid; grid-template-columns:1.2fr .8fr; gap:26px; align-items:center;
  background:var(--cream-100); border:1px solid var(--line-strong); border-radius:var(--radius-l);
  padding:clamp(26px,4vw,44px);
}
.news-hotline__copy h2{ margin:8px 0 12px; }
.news-hotline__action{ text-align:right; }
.news-hotline__phone{
  display:block; font-family:var(--font-serif); font-size:clamp(28px,3.6vw,44px);
  color:var(--green-800); letter-spacing:.04em; line-height:1.1; margin-bottom:16px;
}
.news-hotline__btns{ display:inline-flex; gap:12px; flex-wrap:wrap; justify-content:flex-end; }

@media (max-width:1024px){
  .news-digest__grid{ grid-template-columns:1fr; }
  .news-trades__grid{ grid-template-columns:1fr 1fr; }
  .news-hotline__inner{ grid-template-columns:1fr; }
  .news-hotline__action{ text-align:left; }
  .news-hotline__btns{ justify-content:flex-start; }
}
@media (max-width:640px){
  .news-trades__grid{ grid-template-columns:1fr; }
}