/* ================= 分页条终极优化版 ================= */

/* 1. 容器：强制居中，垂直居中对齐 */
#page-list.pb_sys_common {
    display: flex !important;
    justify-content: center !important; /* 强制居中 */
    align-items: center !important;     /* 垂直居中 */
    flex-wrap: wrap;
    gap: 6px 6px;                       /* 元素间距，替代原来的margin */
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #d1d9e6;     /* 虚线分隔，更美观 */
    width: 100%;}

/* 2. 统一清除原代码中可能引起冲突的 margin 和 span 默认样式 */
.pb_sys_common span {
    margin: 0 !important;
    padding: 0;
    display: inline-flex !important;
    align-items: center !important;     /* 内部元素垂直居中 */
    justify-content: center !important;}

.pb_sys_common .p_pages {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px;}

/* 3. 所有按钮/页码/输入框的基础尺寸 */
.pb_sys_common .p_no,
.pb_sys_common .p_no_d,
.pb_sys_common .p_fun,
.pb_sys_common .p_fun_d,
.pb_sys_common .p_t,
.pb_sys_common .p_goto a {
    height: 34px !important;            /* 统一高度 */
    min-width: 34px !important;         /* 统一最小宽度 */
    border-radius: 6px !important;      /* 统一圆角 */
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 34px !important;       /* 行高等于高度，强制文字垂直居中 */
    box-sizing: border-box !important;
    text-decoration: none;}

/* 4. 页码和功能按钮（首页、上页等） */
.pb_sys_common .p_no a,
.pb_sys_common .p_fun a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    background: #ffffff;
    color: #606266;
    box-sizing: border-box;
    transition: all 0.2s ease;
    line-height: 1 !important;}

.pb_sys_common .p_no a:hover,
.pb_sys_common .p_fun a:hover {
    color: #258CFF;
    border-color: #258CFF;
    background-color: #f0f7ff;}

/* 5. 当前页码（高亮色 #258CFF） */
.pb_sys_common .p_no_d {
    background: #258CFF !important;
    color: #ffffff !important;
    border: 1px solid #258CFF !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 6px rgba(37, 140, 255, 0.4);}

/* 6. 禁用状态的按钮（首页、上页等不可点时） */
.pb_sys_common .p_fun_d,
.pb_sys_common .p_first_d,
.pb_sys_common .p_prev_d,
.pb_sys_common .p_next_d,
.pb_sys_common .p_last_d {
    background: #f5f7fa !important;
    border: 1px solid #e4e7ed !important;
    color: #c0c4cc !important;
    cursor: not-allowed;}

/* 7. 省略号 */
.pb_sys_common .p_dot {
    color: #909399;
    min-width: 20px;
    text-align: center;
    line-height: 34px;}

/* 8. "到第"、"页" 文本 */
.pb_sys_common .p_t {
    color: #606266;
    font-size: 13px;
    padding: 0 4px;
    border: none;
    background: transparent;
    line-height: 34px !important;}

/* 9. 跳转输入框 */
.pb_sys_common .p_goto input.p_goto_input {
    width: 48px !important;
    height: 34px !important;
    line-height: 34px !important;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    color: #333;
    outline: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    transition: border-color 0.2s;}

.pb_sys_common .p_goto input.p_goto_input:focus {
    border-color: #258CFF;
    box-shadow: 0 0 0 2px rgba(37, 140, 255, 0.2);}

/* 10. 跳转按钮 */
.pb_sys_common .p_goto a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px;
    border: 1px solid #dcdfe6;
    background: #ffffff;
    color: #606266;
    cursor: pointer;
    transition: all 0.2s;}

.pb_sys_common .p_goto a:hover {
    color: #258CFF;
    border-color: #258CFF;
    background-color: #f0f7ff;}