/* ===== 当前页高亮 ===== */
.menu a.active{color:var(--primary)}
.menu a.active::after{width:100%}

/* ===== 页头 Banner ===== */
.page-hero{position:relative;height:340px;overflow:hidden;color:#fff}
.page-hero-bg{position:absolute;inset:0}
.page-hero-bg img{width:100%;height:100%;object-fit:cover}
.page-hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,46,61,.88) 0%,rgba(26,46,61,.45) 60%,rgba(26,46,61,.2) 100%)}
.page-hero-content{position:relative;z-index:2;padding:96px 80px 0}
.breadcrumb{font-size:13px;color:var(--on-dark-soft);margin-bottom:14px;display:flex;gap:8px;align-items:center}
.breadcrumb a{color:var(--on-dark-soft)}
.breadcrumb a:hover{color:#fff}
.breadcrumb span.sep{opacity:.5}
.breadcrumb .cur{color:var(--gold-light)}
.page-hero h1{font-size:52px;font-weight:700;line-height:1.2}
.page-hero .sub{font-size:16px;color:var(--on-dark-text);margin-top:12px;max-width:560px}

/* ===== 主体 ===== */
.page-body{padding:64px 80px 96px}
.content-grid{display:grid;grid-template-columns:1fr 320px;gap:56px;align-items:start}

/* ===== 分类筛选 ===== */
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}
.chip{font-size:13px;font-weight:500;padding:8px 18px;border-radius:2px;border:1px solid var(--border);background:#fff;color:var(--ink-2);cursor:pointer;transition:all .2s ease}
.chip:hover{border-color:var(--primary);color:var(--primary)}
.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}

/* ===== 新闻列表项 ===== */
.news-list{display:flex;flex-direction:column}
.news-item{display:flex;gap:28px;padding:28px 0;border-bottom:1px solid var(--border);align-items:flex-start;transition:padding-left .25s ease}
.news-item:first-child{padding-top:0}
.news-item:last-child{border-bottom:none}
.news-item:hover{padding-left:8px}
.news-item .thumb{flex:0 0 240px;height:150px;border-radius:2px;overflow:hidden}
.news-item .thumb img{transition:transform .5s ease}
.news-item:hover .thumb img{transform:scale(1.05)}
.news-item .body{flex:1;min-width:0}
.news-meta{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--gold);font-weight:500;margin-bottom:10px}
.news-meta .tag{background:var(--primary);color:#fff;padding:2px 10px;border-radius:2px;font-weight:500}
.news-item .t{font-family:'Noto Serif SC',serif;font-weight:700;font-size:21px;line-height:1.45;transition:color .2s ease}
.news-item:hover .t{color:var(--primary)}
.news-item .d{font-size:14px;color:var(--ink-2);line-height:1.65;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-item .more{font-size:13px;font-weight:500;color:var(--primary);margin-top:12px;display:inline-flex;align-items:center;gap:4px}
.news-item .more:hover{color:var(--gold)}

/* ===== 分页（SSCMS STL） ===== */
.pagenavi{display:flex;gap:10px;justify-content:center;margin-top:56px}
.pagenavi a{min-width:42px;height:42px;padding:0 14px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#fff;color:var(--ink-2);font-size:14px;font-weight:500;border-radius:2px;cursor:pointer;transition:all .2s ease;text-decoration:none}
.pagenavi a.a_btn:hover,.pagenavi a.a_num:hover{border-color:var(--primary);color:var(--primary)}
.pagenavi a.a_cur{background:var(--primary);border-color:var(--primary);color:#fff;cursor:default}

/* ===== 侧边栏 ===== */
.side-card{background:#fff;border:1px solid var(--border);border-radius:2px;padding:26px 24px;margin-bottom:24px}
.side-card h3{font-family:'Noto Serif SC',serif;font-weight:700;font-size:18px;padding-bottom:14px;border-bottom:2px solid var(--gold);margin-bottom:18px;display:flex;align-items:center;gap:10px}
.side-card h3::before{content:"";width:4px;height:18px;background:var(--gold)}
.hot-item{display:flex;gap:14px;padding:12px 0;align-items:flex-start;border-bottom:1px solid var(--border)}
.hot-item:last-child{border-bottom:none;padding-bottom:0}
.hot-item:first-of-type{padding-top:0}
.hot-rank{flex:0 0 24px;height:24px;background:var(--bg-paper);border:1px solid var(--border);color:var(--ink-2);font-family:'Noto Serif SC',serif;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;border-radius:2px}
.hot-item:nth-child(-n+3) .hot-rank{background:var(--gold);border-color:var(--gold);color:#fff}
.hot-item .tt{font-size:14px;font-weight:600;line-height:1.5;transition:color .2s ease}
.hot-item:hover .tt{color:var(--primary)}
.hot-item .dt{font-size:11px;color:var(--ink-3);margin-top:4px}
.cat-item{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border);font-size:14px;font-weight:500;transition:color .2s ease}
.cat-item:last-child{border-bottom:none}
.cat-item:hover{color:var(--primary)}
.cat-item .count{font-size:12px;color:var(--ink-3);background:var(--bg-paper);border:1px solid var(--border);padding:1px 9px;border-radius:20px}

/* ===== 响应式 — 列表页专属 ===== */
@media (max-width:1100px){
  .page-hero-content{padding:80px 40px 0}
  .page-body{padding:48px 40px 72px}
  .content-grid{grid-template-columns:1fr;gap:40px}
}
@media (max-width:720px){
  /* 页头 */
  .page-hero{height:240px}
  .page-hero-content{padding:50px 20px 0}
  .page-hero h1{font-size:30px}
  .page-hero .sub{font-size:14px}
  /* 主体 */
  .page-body{padding:36px 20px 48px}
  .news-item{flex-direction:column;gap:14px;padding:20px 0}
  .news-item .thumb{flex:none;width:100%;height:160px}
  .news-item .info .t{font-size:15px}
  .news-item .info .desc{font-size:13px}
  /* 侧边栏 */
  .side-box{padding:20px}
  /* 分页 */
  .pager{gap:6px}
  .pager a{padding:6px 12px;font-size:13px}
}
@media (max-width:420px){
  .page-hero h1{font-size:26px}
}