/*===== 全局公共分页样式（所有页面共用，唯一样式源） =====*/
/* 结构：上一页 / 页码数字 / 下一页，全部由 pagination-common.js 动态生成 */
.pagination-wrap{
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    margin-top:40px;
    padding:20px 0;
}

/*基础按钮*/
.pagination-wrap button{
    height:42px;
    line-height:42px;
    padding: 0 12px;
    min-width: 42px;
    border: 1px solid rgba(255,255,255,0.15);
    background-color: rgba(255,255,255,0.08);
    color:#fff;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.25s ease;
    font-size: 16px;
    font-family: inherit;
}
/*数字页码正方形*/
.pagination-wrap .num-page{
    width:42px;
    padding: 0;
}
/*上一页、下一页加宽*/
.pagination-wrap .prev-next{
    width:auto;
    min-width:70px;
    padding:0 14px;
}
.pagination-wrap button:hover:not(:disabled){
    background-color: rgba(70, 130, 255, 0.35);
    border-color:#4682ff;
}
/* 当前激活页！！类名 page-active 和 JS 匹配 */
.pagination-wrap button.page-active{
    background-color:#2563eb;
    border-color:#2563eb;
    color:#fff;
}
/*禁用状态*/
.pagination-wrap button:disabled{
    opacity: 0.35;
    cursor: not-allowed;
}
/* 清除点击后焦点残留边框 */
.pagination-wrap button:focus,
.pagination-wrap button:focus-visible{
    outline: none !important;
    box-shadow: none !important;
}
.pagination-wrap u,
.pagination-wrap br{
    display: none !important;
}

/* ========== 亮色模式适配 ========== */
body.light-mode .pagination-wrap button{
    border: 1px solid rgba(150,180,220,0.35);
    background-color: #ffffff;
    color:#192538;
}
body.light-mode .pagination-wrap button:hover:not(:disabled){
    background-color: #e8f1ff;
    border-color:#4682ff;
}
body.light-mode .pagination-wrap button.page-active{
    background-color:#2563eb;
    border-color:#2563eb;
    color:#ffffff;
}