/* seemb9 前台分页统一样式（JS Pagination + front_pagination 服务端分页） */

#pagination-container {
    width: 100%;
}

#pagination-container.page-box,
#pagination-container .page-box {
    margin-top: 24px;
    width: 100%;
    padding: 12px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

#pagination-container.page-box a,
#pagination-container .page-box a {
    padding: 0 10px;
    min-width: 34px;
    height: 34px;
    border: 1px solid #dfe4ed;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

#pagination-container.page-box a:hover,
#pagination-container .page-box a:hover {
    border-color: var(--primary-color, #4066b8);
    color: var(--primary-color, #4066b8);
}

#pagination-container.page-box a.active,
#pagination-container .page-box a.active {
    border-color: var(--primary-color, #4066b8);
    background: var(--primary-color, #4066b8);
    color: #fff;
}

#pagination-container .page-box .page-main {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#pagination-container.page-box .page-prev i,
#pagination-container.page-box .page-next i,
#pagination-container .page-box .page-prev i,
#pagination-container .page-box .page-next i {
    font-size: 14px;
    line-height: 1;
}