.pager{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:28px;flex-wrap:wrap}

.page{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:6px;font-size:13px;text-decoration:none;background:#f5f6fa;color:#333;border:1px solid #e0e3e8;transition:all .15s}
.page:hover{background:#e3f2fd;color:#0f9ee5;border-color:#bbdefb}
.page.active{background:#0f9ee5;color:#fff;border-color:#0f9ee5;font-weight:700}

.page-ellipsis{display:inline-flex;align-items:center;height:36px;padding:0 6px;color:#999;font-size:14px}

.page-nav{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:6px;font-size:13px;text-decoration:none;background:#f5f6fa;color:#333;border:1px solid #e0e3e8;transition:all .15s}
.page-nav:hover{background:#e3f2fd;color:#0f9ee5;border-color:#bbdefb}