/* ============================================================
   统一分页条 · 游戏库 × 硬件库第②层共用
   2026-09-12 第二十二轮：用户「二级页面的页码，跟游戏库的保持一致」
   —— 两页原来各写一套（游戏库 `.pgbtn` + 跳页框；硬件 `.hw-pg` 只有 ‹ › 数字），
      现在收成这一份，改样式只改这里。

   🚨 加 class 之前先 grep 同名：硬件页历史上 `.hw-crumb` 撞名导致
      面包屑 chip 凭空多 16px 下边距，排查花了 6 轮。本文件统一用 `pg` 前缀。
   ============================================================ */

/* 容器。⚠️ 类名叫 `.pgbar`（不叫 `.pager`）：避免与页面里已有的语义撞车。 */
.pgbar{display:flex;justify-content:center;align-items:center;gap:6px;margin:26px 0 8px;flex-wrap:wrap}
/* v5 分页可读性（v4 的 surface-2 纸片在 --bg #f5f2fd 上几乎同色，等于没边）：
   改用卡片同款实边（1.5px --edge 深墨 + --surface 白底），按钮形状和边界一眼可辨；
   字号 14px/700，箭头 16px；当前页 = 品牌实心。 */
.pgbtn{min-width:40px;height:40px;padding:0 10px;
  border:1.5px solid var(--edge);border-radius:6px;
  background:var(--surface);color:var(--text);
  font-family:'Sora','Noto Sans SC',sans-serif;font-size:14px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;transition:transform .15s var(--ease),background .15s,color .15s,border-color .15s}
.pgbtn:hover:not(:disabled){transform:translateY(-1px);
  border-color:var(--accent-ink);color:var(--accent-ink)}
.pgbtn:focus-visible{outline:2px solid var(--accent-num);outline-offset:2px}
.pgbtn:disabled{opacity:.35;cursor:default}
.pgbtn.on{background:var(--accent-btn);border-color:var(--accent-btn);color:var(--on-accent)}
/* « ‹ › » 单尖括号在 13px 下几乎看不清 → 放大到 17px 并加粗 */
.pgbtn.arr{font-size:17px;line-height:1;color:var(--text)}
.pgbtn.arr:hover:not(:disabled){color:var(--accent-ink)}
.pg-gap{color:var(--muted);padding:0 2px;font-weight:700}
/* 跳页框：与页码同一套实边语言；「跳转」做成品牌实心 CTA。
   ⚠️ v9.9 起「第 x / y 页」统计文案整体下线（用户：「你有分页了，这个显示的很重复」）
      —— 别加回来，总页数看页码窗口末位（… 12）和 » 箭头就够了。 */
.pg-jump{display:inline-flex;align-items:center;gap:6px;margin-left:6px}
.pg-jump-in{width:58px;height:40px;padding:0 8px;text-align:center;
  border:1.5px solid var(--edge);border-radius:6px;background:var(--surface);color:var(--text);
  font-family:'Sora','Noto Sans SC',sans-serif;font-size:13px;font-weight:700}
.pg-jump-in:focus{outline:none;border-color:var(--accent-ink);box-shadow:0 0 0 2px var(--accent-ink)}
.pg-jump-btn{background:var(--accent-btn);border-color:var(--accent-btn);color:var(--on-accent)}
.pg-jump-btn:hover{background:var(--accent-ink);border-color:var(--accent-ink)}
.pg-jump-in.shake{animation:pgShake .3s var(--ease)}
@keyframes pgShake{0%,100%{transform:none}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}

/* 窄屏（≤560）：行1 = ‹ 页码 ›，行2 = 跳页框。
   放不下 « ‹ 7 格 › » 一整条（实测 372px > 可用 288），
   所以隐藏首末页（跳页框已覆盖），页码窗口同时降档到 5 格（见 UniPager.numbers 的 narrow 分支）。 */
@media (max-width:560px){
  .pgbar{gap:6px;row-gap:12px;margin:22px 0 8px}
  .pgbtn{min-width:34px;height:38px;padding:0 6px;font-size:13px}
  .pgbtn.arr{font-size:15px}
  .pgbtn.arr-first,.pgbtn.arr-last{display:none}
  .pg-jump{margin-left:0}
  .pg-jump-in{height:38px}
}