/* 分页容器 */
.pager {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* 按钮间距 */
    margin: 20px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

    /* 分页按钮通用样式 */
    .pager a,
    .pager span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 48px;
        height: 48px;
        padding: 0 12px;
        border-radius: 12px; /* 圆角 */
        background-color: #f5f7fa; /* 浅灰背景 */
        color: #333;
        font-size: 16px;
        text-decoration: none;
        transition: all 0.2s ease;
        border: none;
        cursor: pointer;
    }

        /* 数字按钮hover效果 */
        .pager a:hover {
            background-color: #e9ecef;
        }

    /* 当前页样式（对应 CurrentPageButtonClass="current"） */
    .pager .current {
        background-color: #4169e1; /* 蓝色背景 */
        color: #fff;
        font-weight: 500;
        cursor: default;
    }

    /* 禁用状态（比如上一页/下一页不可点时） */
    .pager .disabled {
        background-color: #f5f7fa;
        color: #999;
        cursor: not-allowed;
        opacity: 0.6;
    }