/* ============================================================
   news.css — 资讯中心列表页专属样式（news.html 引用）
   依赖 all.css（公共基础 + page-hero 基线），
   此处覆盖 news 版 Hero 细节并保留列表页独有内容。
   ─────────────────────────────────────────────────────────
   ① Hero 覆盖（news 版尺寸）
   ② 列表容器 / 条目
   ③ 分页器
   ④ 列表页响应式
   ============================================================ */

/* ---------- ① Hero 覆盖（news 版尺寸） ---------- */
.page-hero{padding:80px 0 64px}
.page-hero h1{font-size:38px;margin-bottom:16px}
.page-hero .hero-sub{max-width:680px;margin:0 auto 0}

/* ---------- ② 列表容器 / 条目 ---------- */
.section{padding:72px 0}
.news-list{max-width:1150px;margin:0 auto}
.news-item{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:16px;transition:all .3s var(--ease);display:flex;gap:20px;align-items:flex-start}
.news-item:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--accent)}
.news-meta{flex-shrink:0;width:110px;padding-top:2px}
.news-date{font-size:14px;font-weight:700;color:var(--text-dark)}
.news-date small{display:block;font-size:12px;color:var(--text-mid);font-weight:400;margin-top:2px}
.news-cat{display:inline-block;font-size:12px;font-weight:600;color:var(--accent);background:rgba(0,149,239,.1);padding:3px 10px;border-radius:var(--radius-sm);margin-top:10px}
.news-body{flex:1}
.news-body h3{font-size:18px;margin-bottom:8px;line-height:1.5}
.news-body h3 a{color:var(--text-dark)}
.news-body h3 a:hover{color:var(--accent)}
.news-body p{font-size:14px;color:var(--text-mid);margin-bottom:10px}
.news-more{font-size:14px;font-weight:600}
.news-more::after{content:"→";margin-left:4px;transition:margin-left .2s}
.news-more:hover::after{margin-left:8px}

/* ---------- ③ 分页器 ---------- */
.pagination{display:flex;gap:8px;justify-content:center;margin-top:40px}
.pagination li{list-style:none}
.pagination a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-mid);font-size:14px}
.pagination a.page-num-current{background:var(--accent);color:#fff;border-color:var(--accent)}
.pagination a:hover{border-color:var(--accent);color:#fff}

/* ---------- ④ 列表页响应式 ---------- */
@media(max-width:575px){
  .page-hero{padding:56px 0}
  .page-hero h1{font-size:26px}
  .news-item{flex-direction:column;padding:22px}
  .news-meta{width:100%}
  .section{padding:56px 0}
}