/* =========================================================
   list.css —— 列表页专属样式（仅 list.html 引用）
   包含：面包屑 / 分页
   模板卡片(.tpl-*) 与区块(.section/.section-head) 见 common.css
   ========================================================= */

/* ---------- 0. 面包屑 ---------- */
.crumb{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  margin:6px 0 26px;font-size:14px;color:var(--muted);
}
.crumb a{color:#475569;text-decoration:none;transition:.2s;}
.crumb a:hover{color:var(--primary);}
.crumb .sep{color:#cbd5e1;}
.crumb .cur{color:var(--primary);font-weight:600;}

/* ---------- 1. 二级栏目导航（纯链接进入栏目页，非选项卡） ----------
   默认「全部」高亮；点击栏目名称跳转到 list.html?cat=xxx，
   当前栏目名称保留高亮背景色。 */
.cat-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:34px;}
.cat-chip{
  padding:10px 22px;border-radius:999px;border:1px solid var(--border);background:#fff;
  font-size:14.5px;color:#475569;cursor:pointer;transition:.28s;font-weight:500;
  text-decoration:none;line-height:1.4;
}
.cat-chip:hover{border-color:var(--primary-light);color:var(--primary);transform:translateY(-2px);}
.cat-chip.active{
  background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;border-color:transparent;
  font-weight:600;box-shadow:0 10px 22px rgba(79,70,229,.3);
}

/* ---------- 2. 列表工具条：结果数 + 栏目内搜索 ---------- */
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 24px;}
.list-result{font-size:14.5px;color:var(--muted);}
.list-result b{color:var(--primary);font-size:18px;font-weight:800;margin:0 2px;}
.toolbar .search-box{margin:0;max-width:360px;}

/* ---------- 3. 分页：当前页用 span（不可点击），其余为 a 链接 ---------- */
.pager{display:flex;justify-content:center;align-items:center;gap:10px;margin:48px 0 12px;flex-wrap:wrap;}
.pager a,.pager span{
  min-width:44px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
  display:inline-flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:600;
  color:var(--muted);background:#fff;transition:.25s;text-decoration:none;line-height:1;
}
.pager a:not(.disabled):hover{color:#fff;background:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 18px rgba(79,70,229,.3);}
.pager span.active{color:#fff;background:linear-gradient(135deg,var(--primary),#7c3aed);border-color:transparent;cursor:default;box-shadow:0 8px 18px rgba(79,70,229,.3);}
.pager span.disabled,.pager a.disabled{opacity:.4;cursor:not-allowed;}

/* ---------- 4. 响应式 ---------- */
@media (max-width:820px){
  .toolbar .search-box{max-width:none;}
}
@media (max-width:560px){
  .pager{margin:32px 0 8px;}
}