/* ============================================================
   page-news.css · 新闻资讯列表页（CMS 数据源模板页）
   ============================================================ */

/* ---------- Hero ---------- */
.hero-news{ min-height:440px; padding:170px 0 80px; }
.hero-news .hn-inner{ display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.hero-news h1{ color:#FFF; margin-bottom:14px; text-shadow:0 2px 16px rgba(0,0,0,.22); }
.hero-news p{ color:rgba(255,255,255,.88); max-width:600px; font-size:15px; }
.hero-news .hn-meta{ display:flex; gap:10px; flex-wrap:wrap; }
.hero-news .hn-meta span{ display:inline-flex; align-items:center; gap:7px; padding:8px 16px; border-radius:999px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28); color:#FFF; font-size:13px; font-weight:600; backdrop-filter:blur(6px); }
.hero-news .hn-meta svg{ color:#F5E3B3; }

/* ---------- 频道标签 ---------- */
.ch-tabs{ display:flex; gap:12px; flex-wrap:wrap; }
.ch-tabs a{ padding:9px 22px; border-radius:999px; background:#FFF; border:1.5px solid var(--line); font-size:14px; font-weight:600; color:var(--ink-2); transition:all .3s; }
.ch-tabs a:hover, .ch-tabs a.on{ border-color:var(--amber); color:var(--amber); background:var(--bg-3); transform:translateY(-2px); }

/* ---------- 资讯列表（CMS 循环） ---------- */
.news-list{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.news-item{
  background:#FFF; border:1px solid var(--line); border-radius:20px; overflow:hidden;
  box-shadow:var(--shadow-c); transition:transform .35s,box-shadow .35s; display:flex; flex-direction:column;
}
.news-item:hover{ transform:translateY(-7px); box-shadow:var(--shadow-l); }
.news-item .ni-img{ height:200px; overflow:hidden; background:var(--bg-2); position:relative; }
.news-item .ni-img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.news-item:hover .ni-img img{ transform:scale(1.07); }
.news-item .ni-img .ni-no{ position:absolute; left:14px; top:14px; }
.news-item .ni-body{ padding:20px 22px 24px; flex:1; display:flex; flex-direction:column; }
.news-item .ni-body h3{ font-size:16px; margin-bottom:10px; }
.news-item .ni-body h3 a:hover{ color:var(--amber); }
.news-item .ni-body p{ font-size:13.5px; flex:1; }
.news-item .ni-foot{ display:flex; justify-content:space-between; align-items:center; margin-top:16px; font-size:12.5px; color:var(--ink-3); }
.news-item .ni-foot time{ display:inline-flex; align-items:center; gap:6px; }
.news-item .ni-foot a{ color:var(--amber); font-weight:600; }

/* 注：当前页面已按要求删除分页模块 */

/* ---------- 声明条 ---------- */
.note-band{ background:#FFF; border:1px solid var(--line); border-left:5px solid var(--amber); border-radius:16px; padding:20px 26px; box-shadow:var(--shadow-c); font-size:13.5px; color:var(--ink-2); display:flex; gap:12px; align-items:flex-start; }
.note-band svg{ flex:none; margin-top:4px; color:var(--amber); }

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .news-list{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .hero-news{ padding:130px 0 60px; }
  .hero-news .hn-inner{ flex-direction:column; align-items:flex-start; }
  .news-list{ grid-template-columns:1fr; }
}