/* ============================================================
   smartpaginatorweb.css 完整重写版 v4（对齐修复）
   1. flex 布局，数字按钮独立边框、间距均匀
   2. 关键尺寸全部加 !important，压过模板 .yema 残留规则
   3. ul 增加 align-items: center，确保数字与文字按钮中线对齐
   4. 保留 red / green / black 全部主题
   ============================================================ */
.pager{
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    padding: 25px 0 15px !important;
    margin: 0 !important;
    height: auto !important;
}
.pager > span,
.pager div.short{
    display: none !important;
}

/* 上页/下页按钮 + 数字按钮 统一样式（关键属性全 !important） */
.pager > .btn,
.pager > ul > li > a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 10px !important;
    margin: 0 4px 10px !important;
    border: 1px solid #dfdfdf !important;
    border-radius: 2px !important;
    background: #fff !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: border-color .15s, color .15s, background .15s !important;
    vertical-align: middle !important;
}
.pager > ul{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* 关键覆盖：抵消模板内联 .yema li 的 float/width/margin */
.pager > ul > li{
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pager > .btn:hover,
.pager > ul > li > a:hover{
    border-color: #013D80 !important;
    color: #013D80 !important;
}
.pager > .btn.disabled{
    color: #ccc !important;
    border-color: #eee !important;
    background: #fafafa !important;
    cursor: not-allowed !important;
}

/* ===== 主题 red（本站使用） ===== */
.pager > ul > li > a.red.normal{
    color: #333 !important;
    border: solid 1px #dfdfdf !important;
    background: #fff !important;
}
.pager > ul > li > a.red.active,
.pager > .red.active{
    background: #E43A37 !important;
    color: #fff !important;
    border: solid 1px #E43A37 !important;
}
.pager.red > .btn{
    color: #333 !important;
    border: solid 1px #999 !important;
    background: #fff !important;
}

/* ===== 主题 green（保留兼容） ===== */
.pager > ul > li > a.green.normal{
    background-color: #588500 !important;
    color: #fff !important;
    border: solid 1px #5f9000 !important;
}
.pager > ul > li > a.green.active{
    background-color: #344C00 !important;
    color: #F8EB00 !important;
    border: solid 1px #5f9000 !important;
}
.pager.green > .btn{
    background-color: #588500 !important;
    color: #fff !important;
    border: solid 1px #5f9000 !important;
}

/* ===== 主题 black（保留兼容） ===== */
.pager > ul > li > a.black.normal{
    background-color: #1d1d1d !important;
    color: #B0D551 !important;
    border: solid 1px #000 !important;
}
.pager > ul > li > a.black.active{
    background-color: #333333 !important;
    color: #fff !important;
    border: solid 1px #000 !important;
}
.pager.black > .btn{
    background-color: #1d1d1d !important;
    color: #fff !important;
    border: solid 1px #000 !important;
}