.pages ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 替代 Bootstrap 的 .my-4（站点无此工具类） */
.pages nav[aria-label] {
 
}

/* --------------------------------------------------------------------------
   2. 分页条容器：水平居中、可换行（窄屏自动折行）
   -------------------------------------------------------------------------- */
.pages .pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
}

/* --------------------------------------------------------------------------
   3. 页码按钮：40px 方块，与皮肤 .pages ul li a 规范一致
      同时覆盖两种写法：
        <a class="page-item page-link">首页</a>   （文字页码）
        <a class="page-num">2</a>                 （数字页码）
   -------------------------------------------------------------------------- */
.pages .pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 40px;
    height: 40px;
    padding: 0 16px;                    /* 「首页 / 上一页」等两字按钮需要横向留白 */
    background: #f8f8f8;
    border: 1px solid #e2e2e2;
    color: #666;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.pages .pagination a:hover {
    background: #0069ba;
    border-color: #0069ba;
    color: #fff;
}

.pages .pagination a:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 105, 186, .25);
}

/* 数字页码：固定 40px 宽的正方块 */
.pages .pagination a.page-num {
    padding: 0;
}

/* 当前页：蓝底白字，不可再点 */
.pages .pagination a.page-num-current,
.pages .pagination a.page-num-current:hover {
    background: #0069ba;
    border-color: #0069ba;
    color: #fff;
    font-weight: 600;
    cursor: default;
}

/* --------------------------------------------------------------------------
   4. 禁用态：模板对「不可上一页」输出的是 href="javascript:;"，
      用属性选择器精准识别并置灰（避免误导用户点击）
   -------------------------------------------------------------------------- */
.pages .pagination a[href="javascript:;"],
.pages .pagination a[href="javascript:;"]:hover {
    background: #f8f8f8;
    border-color: #e2e2e2;
    color: #bfbfbf;
    cursor: not-allowed;
}

/* --------------------------------------------------------------------------
   5. 窄屏适配：小屏时按钮略缩小，避免折行拥挤
   -------------------------------------------------------------------------- */
@media (max-width: 576px) {
    .pages .pagination {
        gap: 6px;
    }
    .pages .pagination a {
        min-width: 34px;
        height: 34px;
        padding: 0 10px;
        font-size: 13px;
    }
    .pages .pagination a.page-num {
        padding: 0;
    }
}