/* 全站分页样式（.xlh-pagination）
   背景（2026-10-19 实测）：站群模板的 inc/*-bind.php 里 stn_*_render_pager() 输出的
   <nav class="xlh-pagination"> 一直只有 HTML、没有 CSS —— 注释写「与站群其它模板同一套样式」，
   但把 templates-git 全库 47 套翻了一遍，一处定义都没有，所以栏目页/搜索页/首页的分页
   全是浏览器默认的纯文字链接（当前页也只是个 <span>，跟普通文字一样）。

   放在本文件（pcba-common.css）而不是 pcba-search.css，原因是加载顺序：
   搜索页的 stylesheet 顺序是 common → search → responsive → archive，
   archive.css 在后，会把这些属性覆盖回默认值。
   分页是全站共用组件，归公共层管，任何页面都拿到同一套样式。 */

.xlh-pagination{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:32px 0 0}
.xlh-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:34px;padding:0 12px;border:1px solid var(--bd);border-radius:var(--rad);
  background:var(--card);color:var(--muted);font-size:13px;line-height:1;
  transition:border-color .2s,color .2s}
.xlh-pagination .page-numbers:hover{border-color:var(--brand);color:var(--brand)}
.xlh-pagination .page-numbers.current{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}
.xlh-pagination .page-numbers.current:hover{color:#fff}
.xlh-pagination .page-numbers.dots{border:none;background:none;color:var(--muted);min-width:auto;padding:0 2px}
@media(max-width:640px){
  .xlh-pagination{gap:6px;margin-top:24px}
  .xlh-pagination .page-numbers{min-width:30px;height:30px;padding:0 8px;font-size:12px}
}

/* 附带修复：.morebtn（「返回首页」按钮）
   2026-10-19 实测同款问题 —— PCBA 模板里 .morebtn 同样只有 HTML 没有 CSS，
   栏目页靠在 archive.php 里手写 style="max-width:280px;margin:36px auto 60px" 才居中，
   搜索页没有那行内联样式，于是「返回首页」孤零零贴在左边（实测 left=123 / 版心左边界 123）。
   统一放进公共层，两个页面一致；栏目页那条内联样式保留（不冲突，值相同量级）。 */
.morebtn{display:block;max-width:280px;margin:28px auto 8px;text-align:center}
.morebtn a{display:block;padding:11px 0;border:1px solid var(--bd);border-radius:var(--rad);
  background:var(--card);color:var(--muted);font-size:13px;transition:border-color .2s,color .2s}
.morebtn a:hover{border-color:var(--brand);color:var(--brand)}
.morebtn.c{text-align:center}
@media(max-width:640px){.morebtn{margin:22px auto 8px}}
