/* ============================================================
   文章列表页专属样式 (posts.css)
   承载 posts.html 的页面级覆盖：
   - 更宽的 .container（90vw，承载三列网格）
   - 页面头 .page-head 排版
   - 筛选条 .filter-bar（分类 tabs + 结果计数）
   - 分页 .pagination
   共享 token / 卡片 / cat-tab 由 style.css 提供。
   ============================================================ */

.container { max-width: 95vw; }
.page-head { padding: 64px 0 8px; }
.page-head .eyebrow { margin-bottom: 14px; }
.page-head h1 { font-size: clamp(34px, 4.5vw, 50px); font-weight: 600; color: var(--ink); line-height: 1.1; letter-spacing: -0.01em; }
.page-head p { color: var(--muted); margin-top: 12px; font-size: 17px; max-width: 560px; }
.filter-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 28px 0 8px; border-bottom: 1px solid var(--hairline); margin-bottom: 36px; flex-wrap: wrap; }
.result-count { font-size: 14px; color: var(--muted-soft); font-weight: 600; }
.pagination { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 48px 0 16px; }
.pagination a, .pagination span {
  min-width: 40px; height: 40px; padding: 0 12px; border-radius: var(--r-md);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 600; color: var(--muted);
}
.pagination a:hover { background: var(--surface-card); color: var(--ink); }
.pagination .current { background: var(--ink); color: var(--on-dark); }