/* OBOOT — 文章分页样式（后台预览 + 前台应用） */

/* ---------- 后台展示页布局 ---------- */

.oboot-pg-styles-wrap {
    max-width: none;
}

.oboot-pg-styles-intro {
    margin: 12px 0 20px;
    padding: 14px 16px;
    background: #f6f7f7;
    border: 1px solid #c3c4c7;
    border-radius: 8px;
}

.oboot-pg-styles-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.oboot-pg-style-card {
    border: 1px solid #dcdcde;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.oboot-pg-style-card.is-active {
    border: 2px solid #6b1f32;
    box-shadow: 0 4px 16px rgba(107, 31, 50, 0.16);
}

.oboot-pg-style-card__pick {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f6f7f7;
    border: 1px solid #dcdcde;
    font-size: 12px;
    font-weight: 700;
    color: #3d0820;
    white-space: nowrap;
    cursor: pointer;
}

.oboot-pg-style-card.is-active .oboot-pg-style-card__pick {
    background: #6b1f32;
    border-color: #6b1f32;
    color: #fff4e8;
}

.oboot-pg-style-card__pick input {
    margin: 0;
}

.oboot-pg-style-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 10px;
    border-bottom: 1px solid #f0f0f1;
}

.oboot-pg-style-card__title {
    margin: 0;
    font-size: 16px;
    line-height: 1.35;
}

.oboot-pg-style-card__code {
    display: inline-block;
    margin-top: 4px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #646970;
    background: #f0f0f1;
    border-radius: 999px;
}

.oboot-pg-style-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 16px 10px;
}

.oboot-pg-style-card__tag {
    padding: 3px 8px;
    font-size: 11px;
    color: #50575e;
    background: #f6f7f7;
    border: 1px solid #dcdcde;
    border-radius: 999px;
}

.oboot-pg-style-card__preview {
    padding: 22px 20px 18px;
    background: #fafafa;
    border-top: 1px solid #f0f0f1;
    border-bottom: 1px solid #f0f0f1;
    overflow-x: auto;
}

.oboot-pg-style-card__preview--dark {
    background: linear-gradient(145deg, #1a1028 0%, #2a1538 100%);
}

.oboot-pg-demo {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.oboot-pg-demo__links {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    max-width: none;
    white-space: nowrap;
}

.oboot-pg-styles-wrap .oboot-pg-demo__links a,
.oboot-pg-styles-wrap .oboot-pg-demo__links span {
    flex-shrink: 0;
}

.oboot-pg-demo__links a,
.oboot-pg-demo__links span {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    text-decoration: none;
    line-height: 1;
    font-size: 14px;
    transition: all 0.22s ease;
}

.oboot-pg-demo__dots {
    color: #787c82;
    padding: 0 4px;
    font-size: 14px;
}

.oboot-pg-demo__links .is-disabled {
    opacity: 0.45;
    pointer-events: none;
    cursor: default;
}

/* 后台预览区：隔离 WP 管理端链接色，避免与深色背景混在一起 */
.oboot-pg-styles-wrap .oboot-pg-style-card__preview .oboot-pg-demo__links a.oboot-pg-demo__link,
.oboot-pg-styles-wrap .oboot-pg-style-card__preview .oboot-pg-demo__links a.oboot-pg-demo__link:link,
.oboot-pg-styles-wrap .oboot-pg-style-card__preview .oboot-pg-demo__links a.oboot-pg-demo__link:visited,
.oboot-pg-styles-wrap .oboot-pg-style-card__preview .oboot-pg-demo__links a.oboot-pg-demo__link:active {
    text-decoration: none;
}

.oboot-pg-styles-wrap .oboot-pg-style-card__preview--dark .oboot-pg-demo__dots {
    color: rgba(255, 255, 255, 0.72);
}

/* 后台预览：强制各款式可读配色（覆盖 admin-chrome 全局链接色） */
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-01 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #6b1f32 !important; background: #fff8f4 !important; border: 1px solid #c4a574 !important; -webkit-text-fill-color: #6b1f32 !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-01 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #5e1224 !important; background: #f5d76e !important; border-color: #b8892e !important; -webkit-text-fill-color: #5e1224 !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-01 .oboot-pg-demo__links .is-current { color: #fff8f4 !important; background: #6b1f32 !important; border: 1px solid #f5d76e !important; -webkit-text-fill-color: #fff8f4 !important; font-weight: 700; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-02 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #ffe566 !important; background: #2a1020 !important; border: 1px solid rgba(245, 215, 110, 0.78) !important; -webkit-text-fill-color: #ffe566 !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-02 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #2a1020 !important; background: #f5d76e !important; border-color: #ffe566 !important; -webkit-text-fill-color: #2a1020 !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-02 .oboot-pg-demo__links .is-current { color: #2a1020 !important; background: linear-gradient(135deg, #ffe566 0%, #f5d76e 100%) !important; border: 1px solid #ffe566 !important; -webkit-text-fill-color: #2a1020 !important; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-03 .oboot-pg-demo__links a.oboot-pg-demo__link,
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-03 .oboot-pg-demo__links span.oboot-pg-demo__num:not(.is-current) { color: #3c434a !important; background: transparent !important; border: none !important; border-bottom: 2px solid transparent !important; -webkit-text-fill-color: #3c434a !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-03 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #1d2327 !important; border-bottom-color: #787c82 !important; -webkit-text-fill-color: #1d2327 !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-03 .oboot-pg-demo__links .is-current { color: #135e96 !important; border-bottom-color: #2271b1 !important; -webkit-text-fill-color: #135e96 !important; font-weight: 700; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-04 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #5b21b6 !important; background: #ede9fe !important; border: 1px solid #c4b5fd !important; -webkit-text-fill-color: #5b21b6 !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-04 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #fff !important; background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%) !important; -webkit-text-fill-color: #fff !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-04 .oboot-pg-demo__links .is-current { color: #fff !important; background: linear-gradient(135deg, #7c3aed 0%, #db2777 100%) !important; -webkit-text-fill-color: #fff !important; font-weight: 700; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-05 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #4a3020 !important; background: #fff8f4 !important; border: 2px solid #c4a574 !important; -webkit-text-fill-color: #4a3020 !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-05 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #fff8f4 !important; background: #6b1f32 !important; border-color: #5e1224 !important; -webkit-text-fill-color: #fff8f4 !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-05 .oboot-pg-demo__links .is-current { color: #fff !important; background: #5e1224 !important; border: 2px solid #f5d76e !important; -webkit-text-fill-color: #fff !important; font-weight: 700; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-06 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #a5f3fc !important; background: #0c1830 !important; border: 1px solid rgba(103, 232, 249, 0.72) !important; -webkit-text-fill-color: #a5f3fc !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-06 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #fff !important; background: #152a4a !important; border-color: #f472b6 !important; -webkit-text-fill-color: #fff !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-06 .oboot-pg-demo__links .is-current { color: #fff !important; background: #1a3058 !important; border: 1px solid #f9a8d4 !important; -webkit-text-fill-color: #fff !important; font-weight: 700; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-07 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #fff !important; background: #6b1d3a !important; border: 1px solid #a8325a !important; -webkit-text-fill-color: #fff !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-07 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #fff !important; background: #8b2948 !important; border-color: #c4456d !important; -webkit-text-fill-color: #fff !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-07 .oboot-pg-demo__links .is-current { color: #fff !important; background: linear-gradient(180deg, #a8325a 0%, #6b1d3a 100%) !important; border: 1px solid #c4456d !important; -webkit-text-fill-color: #fff !important; font-weight: 700; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-08 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #523120 !important; background: #f5f0ff !important; border: 1px solid #9b7bb8 !important; -webkit-text-fill-color: #523120 !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-08 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #fff6e8 !important; background: #7a2840 !important; border-color: #6b1f32 !important; -webkit-text-fill-color: #fff6e8 !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-08 .oboot-pg-demo__links .is-current { color: #fff !important; background: linear-gradient(135deg, #6b1f32 0%, #4a2d6a 100%) !important; border: 1px solid #f5d76e !important; -webkit-text-fill-color: #fff !important; font-weight: 700; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-09 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #1f2937 !important; background: linear-gradient(180deg, #f9fafb 0%, #e5e7eb 100%) !important; border: 1px solid #6b7280 !important; -webkit-text-fill-color: #1f2937 !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-09 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #111827 !important; background: linear-gradient(180deg, #e5e7eb 0%, #d1d5db 100%) !important; -webkit-text-fill-color: #111827 !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-09 .oboot-pg-demo__links .is-current { color: #111827 !important; background: linear-gradient(180deg, #d1d5db 0%, #9ca3af 100%) !important; border: 1px solid #6b7280 !important; -webkit-text-fill-color: #111827 !important; font-weight: 700; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__num,
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-10 .oboot-pg-demo__links span.oboot-pg-demo__num { color: #3730a3 !important; background: #e0e7ff !important; border: 2px solid #818cf8 !important; -webkit-text-fill-color: #3730a3 !important; font-weight: 600; width: 36px !important; min-width: 36px !important; height: 36px !important; padding: 0 !important; border-radius: 50% !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__num:hover { color: #fff !important; background: #6366f1 !important; border-color: #6366f1 !important; -webkit-text-fill-color: #fff !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-10 .oboot-pg-demo__links .is-current { color: #fff !important; background: #4f46e5 !important; border: 2px solid #818cf8 !important; -webkit-text-fill-color: #fff !important; font-weight: 700; width: 36px !important; min-width: 36px !important; height: 36px !important; padding: 0 !important; border-radius: 50% !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__prev,
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__next { color: #3730a3 !important; background: #e0e7ff !important; border: 2px solid #818cf8 !important; -webkit-text-fill-color: #3730a3 !important; font-weight: 600; width: auto !important; min-width: 72px !important; height: 36px !important; padding: 0 14px !important; border-radius: 999px !important; white-space: nowrap !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__prev:hover,
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__next:hover { color: #fff !important; background: #6366f1 !important; border-color: #6366f1 !important; -webkit-text-fill-color: #fff !important; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-11 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #f3dce8 !important; background: #1a0a14 !important; border: 1px solid #4b0024 !important; -webkit-text-fill-color: #f3dce8 !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-11 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #f5d76e !important; background: #4b0024 !important; border-color: #6b1f32 !important; -webkit-text-fill-color: #f5d76e !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-11 .oboot-pg-demo__links .is-current { color: #fff !important; background: linear-gradient(180deg, #4b0024 0%, #2a0610 100%) !important; border: 1px solid #f5d76e !important; -webkit-text-fill-color: #fff !important; font-weight: 700; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-12 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #fff8f4 !important; background: #501b28 !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; -webkit-text-fill-color: #fff8f4 !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-12 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #fff !important; background: #e60012 !important; border-color: #fff !important; -webkit-text-fill-color: #fff !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-12 .oboot-pg-demo__links .is-current { color: #fff !important; background: #e60012 !important; border: 1px solid #fff !important; -webkit-text-fill-color: #fff !important; font-weight: 700; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35) !important; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-13 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #f5e6b3 !important; background: #1a0a14 !important; border: 1px solid #9a7b2c !important; -webkit-text-fill-color: #f5e6b3 !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-13 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #2a0610 !important; background: linear-gradient(180deg, #f5e6b3 0%, #c4a574 100%) !important; border-color: #9a7b2c !important; -webkit-text-fill-color: #2a0610 !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-13 .oboot-pg-demo__links .is-current { color: #2a0610 !important; background: linear-gradient(180deg, #ffe566 0%, #f5d76e 100%) !important; border: 1px solid #9a7b2c !important; -webkit-text-fill-color: #2a0610 !important; font-weight: 700; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-14 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #fff !important; background: linear-gradient(180deg, #7a2840 0%, #4b0024 100%) !important; border: 1px solid rgba(245, 215, 110, 0.42) !important; -webkit-text-fill-color: #fff !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-14 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #fff !important; background: linear-gradient(180deg, #8b2948 0%, #6b1f32 100%) !important; border-color: #f5d76e !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 4px 14px rgba(74, 0, 36, 0.45) !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-14 .oboot-pg-demo__links .is-current { color: #fff !important; background: linear-gradient(180deg, #a8325a 0%, #6b1f32 45%, #4b0024 100%) !important; border: 1px solid #f5d76e !important; -webkit-text-fill-color: #fff !important; font-weight: 700; box-shadow: 0 0 12px rgba(245, 215, 110, 0.28) !important; }

#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-15 .oboot-pg-demo__links a.oboot-pg-demo__link { color: #4a3020 !important; background: #eae6f2 !important; border: 1px solid #6b5b8a !important; -webkit-text-fill-color: #4a3020 !important; font-weight: 600; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-15 .oboot-pg-demo__links a.oboot-pg-demo__link:hover { color: #fff8f4 !important; background: #5c4a7a !important; border-color: #4a3020 !important; -webkit-text-fill-color: #fff8f4 !important; }
#wpbody-content .oboot-pg-styles-wrap .oboot-pg-style-15 .oboot-pg-demo__links .is-current { color: #f5e6b3 !important; background: linear-gradient(135deg, #4a3020 0%, #5c4a7a 100%) !important; border: 1px solid #c4a574 !important; -webkit-text-fill-color: #f5e6b3 !important; font-weight: 700; }

/* ---------- 通用前台选择器 ---------- */

body[class*="oboot-pagination-style-"] .navigation.pagination,
body[class*="oboot-pagination-style-"] .pagination {
    margin-bottom: 10px;
}

body[class*="oboot-pagination-style-"] .navigation.pagination .nav-links,
body[class*="oboot-pagination-style-"] .pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

body[class*="oboot-pagination-style-"] .navigation.pagination .nav-links a,
body[class*="oboot-pagination-style-"] .navigation.pagination .nav-links span,
body[class*="oboot-pagination-style-"] .pagination .nav-links a,
body[class*="oboot-pagination-style-"] .pagination .nav-links span {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    text-decoration: none;
    line-height: 1;
    font-size: 14px;
    transition: all 0.22s ease;
}

/* ---------- 01 紫红黄棕圆角 ---------- */

.oboot-pg-style-01 .oboot-pg-demo__links a,
body.oboot-pagination-style-style-01 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-01 .pagination .nav-links a.page-numbers {
    color: #6b1f32;
    background: #fff8f4;
    border: 1px solid #c4a574;
    border-radius: 6px;
    font-weight: 600;
}

.oboot-pg-style-01 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-01 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-01 .pagination .nav-links a.page-numbers:hover {
    color: #5e1224;
    background: #f5d76e;
    border-color: #b8892e;
}

.oboot-pg-style-01 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-01 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-01 .pagination .nav-links span.current {
    color: #fff8f4;
    background: #6b1f32;
    border: 1px solid #f5d76e;
    border-radius: 6px;
    font-weight: 700;
}

/* ---------- 02 暗夜流金 ---------- */

.oboot-pg-style-02 .oboot-pg-demo__links a,
.oboot-pg-style-02 .oboot-pg-demo__links a:link,
.oboot-pg-style-02 .oboot-pg-demo__links a:visited,
body.oboot-pagination-style-style-02 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-02 .pagination .nav-links a.page-numbers {
    color: #ffe566;
    background: #2a1020;
    border: 1px solid rgba(245, 215, 110, 0.72);
    border-radius: 8px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

.oboot-pg-styles-wrap .oboot-pg-style-card__preview .oboot-pg-style-02 .oboot-pg-demo__links a,
.oboot-pg-styles-wrap .oboot-pg-style-card__preview .oboot-pg-style-02 .oboot-pg-demo__links a:link,
.oboot-pg-styles-wrap .oboot-pg-style-card__preview .oboot-pg-style-02 .oboot-pg-demo__links a:visited {
    color: #ffe566;
}

.oboot-pg-style-02 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-02 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-02 .pagination .nav-links a.page-numbers:hover {
    color: #2a1020;
    background: #f5d76e;
    border-color: #ffe566;
    box-shadow: 0 0 16px rgba(245, 215, 110, 0.45);
    text-shadow: none;
}

.oboot-pg-style-02 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-02 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-02 .pagination .nav-links span.current {
    color: #2a1020;
    background: linear-gradient(135deg, #ffe566 0%, #f5d76e 100%);
    border: 1px solid #ffe566;
    border-radius: 8px;
    font-weight: 700;
    box-shadow: 0 0 20px rgba(245, 215, 110, 0.45);
    text-shadow: none;
}

/* ---------- 03 极简底线 ---------- */

.oboot-pg-style-03 .oboot-pg-demo__links a,
.oboot-pg-style-03 .oboot-pg-demo__links span,
body.oboot-pagination-style-style-03 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-03 .navigation.pagination .nav-links span,
body.oboot-pagination-style-style-03 .pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-03 .pagination .nav-links span {
    min-width: 32px;
    height: 34px;
    padding: 0 6px;
    color: #50575e;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
}

.oboot-pg-style-03 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-03 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-03 .pagination .nav-links a.page-numbers:hover {
    color: #1d2327;
    border-bottom-color: #787c82;
}

.oboot-pg-style-03 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-03 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-03 .pagination .nav-links span.current {
    color: #135e96;
    border-bottom-color: #2271b1;
    font-weight: 700;
}

/* ---------- 04 渐变胶囊 ---------- */

.oboot-pg-style-04 .oboot-pg-demo__links a,
body.oboot-pagination-style-style-04 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-04 .pagination .nav-links a.page-numbers {
    color: #5b21b6;
    background: #ede9fe;
    border: 1px solid #c4b5fd;
    border-radius: 999px;
    font-weight: 600;
}

.oboot-pg-style-04 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-04 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-04 .pagination .nav-links a.page-numbers:hover {
    color: #fff;
    background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
    transform: scale(1.06);
}

.oboot-pg-style-04 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-04 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-04 .pagination .nav-links span.current {
    color: #fff;
    background: linear-gradient(135deg, #7c3aed 0%, #db2777 100%);
    border-radius: 999px;
    font-weight: 700;
    box-shadow: 0 6px 18px rgba(124, 58, 237, 0.35);
}

/* ---------- 05 方格矩阵（咖啡棕 + 酒红 + 黄棕） ---------- */

.oboot-pg-style-05 .oboot-pg-demo__links a,
body.oboot-pagination-style-style-05 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-05 .pagination .nav-links a.page-numbers {
    color: #4a3020;
    background: #fff8f4;
    border: 2px solid #c4a574;
    border-radius: 0;
    font-weight: 600;
}

.oboot-pg-style-05 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-05 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-05 .pagination .nav-links a.page-numbers:hover {
    color: #fff8f4;
    background: #6b1f32;
    border-color: #5e1224;
}

.oboot-pg-style-05 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-05 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-05 .pagination .nav-links span.current {
    color: #fff;
    background: #5e1224;
    border: 2px solid #f5d76e;
    border-radius: 0;
    font-weight: 700;
}

/* ---------- 06 霓虹脉冲 ---------- */

.oboot-pg-style-06 .oboot-pg-demo__links a,
.oboot-pg-style-06 .oboot-pg-demo__links a:link,
.oboot-pg-style-06 .oboot-pg-demo__links a:visited,
body.oboot-pagination-style-style-06 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-06 .pagination .nav-links a.page-numbers {
    color: #a5f3fc;
    background: #0c1830;
    border: 1px solid rgba(103, 232, 249, 0.65);
    border-radius: 8px;
    font-weight: 600;
    text-shadow: 0 0 8px rgba(103, 232, 249, 0.35);
}

.oboot-pg-styles-wrap .oboot-pg-style-card__preview .oboot-pg-style-06 .oboot-pg-demo__links a,
.oboot-pg-styles-wrap .oboot-pg-style-card__preview .oboot-pg-style-06 .oboot-pg-demo__links a:link,
.oboot-pg-styles-wrap .oboot-pg-style-card__preview .oboot-pg-style-06 .oboot-pg-demo__links a:visited {
    color: #a5f3fc;
}

.oboot-pg-style-06 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-06 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-06 .pagination .nav-links a.page-numbers:hover {
    color: #fff;
    background: #152a4a;
    border-color: #f472b6;
    box-shadow: 0 0 12px rgba(244, 114, 182, 0.55), 0 0 24px rgba(103, 232, 249, 0.35);
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.45);
}

.oboot-pg-style-06 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-06 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-06 .pagination .nav-links span.current {
    color: #fff;
    background: #1a3058;
    border: 1px solid #f9a8d4;
    border-radius: 8px;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 14px rgba(244, 114, 182, 0.7), 0 0 28px rgba(103, 232, 249, 0.35);
    animation: oboot-pg-neon-pulse 1.8s ease-in-out infinite;
}

@keyframes oboot-pg-neon-pulse {
    0%, 100% { box-shadow: 0 0 10px rgba(244, 114, 182, 0.55), 0 0 20px rgba(103, 232, 249, 0.25); }
    50% { box-shadow: 0 0 18px rgba(244, 114, 182, 0.85), 0 0 36px rgba(103, 232, 249, 0.45); }
}

/* ---------- 07 酒红雅致 ---------- */

.oboot-pg-style-07 .oboot-pg-demo__links a,
body.oboot-pagination-style-style-07 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-07 .pagination .nav-links a.page-numbers {
    color: #fff;
    background: #6b1d3a;
    border: 1px solid #a8325a;
    border-radius: 10px;
    font-weight: 600;
}

.oboot-pg-style-07 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-07 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-07 .pagination .nav-links a.page-numbers:hover {
    color: #fff;
    background: #8b2948;
    border-color: #a8325a;
}

.oboot-pg-style-07 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-07 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-07 .pagination .nav-links span.current {
    color: #fff;
    background: linear-gradient(180deg, #a8325a 0%, #6b1d3a 100%);
    border: 1px solid #c4456d;
    border-radius: 10px;
    font-weight: 700;
}

/* ---------- 08 紫红酒红（圆角上浮） ---------- */

.oboot-pg-style-08 .oboot-pg-demo__links a,
body.oboot-pagination-style-style-08 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-08 .pagination .nav-links a.page-numbers {
    color: #523120;
    background: #f5f0ff;
    border: 1px solid #9b7bb8;
    border-radius: 12px;
    font-weight: 600;
    box-shadow: 0 2px 0 rgba(107, 31, 50, 0.1);
}

.oboot-pg-style-08 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-08 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-08 .pagination .nav-links a.page-numbers:hover {
    color: #fff6e8;
    background: #7a2840;
    border-color: #6b1f32;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(107, 31, 50, 0.28);
}

.oboot-pg-style-08 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-08 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-08 .pagination .nav-links span.current {
    color: #fff;
    background: linear-gradient(135deg, #6b1f32 0%, #4a2d6a 100%);
    border: 1px solid #f5d76e;
    border-radius: 12px;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(94, 18, 36, 0.32);
}

/* ---------- 09 立体浮雕 ---------- */

.oboot-pg-style-09 .oboot-pg-demo__links a,
body.oboot-pagination-style-style-09 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-09 .pagination .nav-links a.page-numbers {
    color: #374151;
    background: linear-gradient(180deg, #f9fafb 0%, #e5e7eb 100%);
    border: 1px solid #9ca3af;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 #fff, 0 2px 0 #d1d5db;
}

.oboot-pg-style-09 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-09 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-09 .pagination .nav-links a.page-numbers:hover {
    background: linear-gradient(180deg, #e5e7eb 0%, #d1d5db 100%);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.12);
    transform: translateY(1px);
}

.oboot-pg-style-09 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-09 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-09 .pagination .nav-links span.current {
    color: #111827;
    background: linear-gradient(180deg, #d1d5db 0%, #9ca3af 100%);
    border: 1px solid #6b7280;
    border-radius: 4px;
    font-weight: 700;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.18);
}

/* ---------- 10 气泡圆点（页码圆形，上一页/下一页胶囊） ---------- */

.oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__num,
.oboot-pg-style-10 .oboot-pg-demo__links span.oboot-pg-demo__num,
body.oboot-pagination-style-style-10 .navigation.pagination .nav-links a.page-numbers:not(.prev):not(.next),
body.oboot-pagination-style-style-10 .navigation.pagination .nav-links span.page-numbers,
body.oboot-pagination-style-style-10 .pagination .nav-links a.page-numbers:not(.prev):not(.next),
body.oboot-pagination-style-style-10 .pagination .nav-links span.page-numbers {
    box-sizing: border-box;
    min-width: 36px;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50%;
}

.oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__num,
body.oboot-pagination-style-style-10 .navigation.pagination .nav-links a.page-numbers:not(.prev):not(.next),
body.oboot-pagination-style-style-10 .pagination .nav-links a.page-numbers:not(.prev):not(.next) {
    color: #4338ca;
    background: #e0e7ff;
    border: 2px solid #a5b4fc;
    font-weight: 600;
}

.oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__num:hover,
body.oboot-pagination-style-style-10 .navigation.pagination .nav-links a.page-numbers:not(.prev):not(.next):hover,
body.oboot-pagination-style-style-10 .pagination .nav-links a.page-numbers:not(.prev):not(.next):hover {
    color: #fff;
    background: #6366f1;
    border-color: #6366f1;
    transform: scale(1.12);
}

.oboot-pg-style-10 .oboot-pg-demo__links span.oboot-pg-demo__num.is-current,
body.oboot-pagination-style-style-10 .navigation.pagination .nav-links span.page-numbers.current,
body.oboot-pagination-style-style-10 .pagination .nav-links span.page-numbers.current {
    color: #fff;
    background: #4f46e5;
    border: 2px solid #818cf8;
    font-weight: 700;
    transform: scale(1.15);
    box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35);
}

.oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__prev,
.oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__next,
body.oboot-pagination-style-style-10 .navigation.pagination .nav-links a.prev.page-numbers,
body.oboot-pagination-style-style-10 .navigation.pagination .nav-links a.next.page-numbers,
body.oboot-pagination-style-style-10 .pagination .nav-links a.prev.page-numbers,
body.oboot-pagination-style-style-10 .pagination .nav-links a.next.page-numbers {
    width: auto;
    min-width: 72px;
    height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    white-space: nowrap;
    color: #4338ca;
    background: #e0e7ff;
    border: 2px solid #a5b4fc;
    font-weight: 600;
}

.oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__prev:hover,
.oboot-pg-style-10 .oboot-pg-demo__links a.oboot-pg-demo__next:hover,
body.oboot-pagination-style-style-10 .navigation.pagination .nav-links a.prev.page-numbers:hover,
body.oboot-pagination-style-style-10 .navigation.pagination .nav-links a.next.page-numbers:hover,
body.oboot-pagination-style-style-10 .pagination .nav-links a.prev.page-numbers:hover,
body.oboot-pagination-style-style-10 .pagination .nav-links a.next.page-numbers:hover {
    color: #fff;
    background: #6366f1;
    border-color: #6366f1;
    transform: none;
}

.oboot-pg-style-10 .oboot-pg-demo__dots,
body.oboot-pagination-style-style-10 .navigation.pagination .nav-links span.page-numbers.dots,
body.oboot-pagination-style-style-10 .pagination .nav-links span.page-numbers.dots {
    width: auto;
    min-width: auto;
    height: auto;
    padding: 0 4px;
    border: none;
    background: transparent;
    border-radius: 0;
    color: #6366f1;
    font-weight: 700;
}

/* ---------- 11 深酒分层（#1a0a14 / #4b0024） ---------- */

.oboot-pg-style-11 .oboot-pg-demo__links a,
body.oboot-pagination-style-style-11 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-11 .pagination .nav-links a.page-numbers {
    color: #f3dce8;
    background: #1a0a14;
    border: 1px solid #4b0024;
    border-radius: 8px;
    font-weight: 600;
}

.oboot-pg-style-11 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-11 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-11 .pagination .nav-links a.page-numbers:hover {
    color: #f5d76e;
    background: #4b0024;
    border-color: #6b1f32;
}

.oboot-pg-style-11 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-11 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-11 .pagination .nav-links span.current {
    color: #fff;
    background: linear-gradient(180deg, #4b0024 0%, #2a0610 100%);
    border: 1px solid #f5d76e;
    border-radius: 8px;
    font-weight: 700;
}

/* ---------- 12 勃艮第亮红（#501b28 + #e60012） ---------- */

.oboot-pg-style-12 .oboot-pg-demo__links a,
body.oboot-pagination-style-style-12 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-12 .pagination .nav-links a.page-numbers {
    color: #fff8f4;
    background: #501b28;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    font-weight: 600;
}

.oboot-pg-style-12 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-12 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-12 .pagination .nav-links a.page-numbers:hover {
    color: #fff;
    background: #e60012;
    border-color: #fff;
}

.oboot-pg-style-12 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-12 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-12 .pagination .nav-links span.current {
    color: #fff;
    background: #e60012;
    border: 1px solid #fff;
    border-radius: 8px;
    font-weight: 700;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}

/* ---------- 13 暗夜鎏金（暗底 + #f5e6b3 / #9a7b2c） ---------- */

.oboot-pg-style-13 .oboot-pg-demo__links a,
body.oboot-pagination-style-style-13 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-13 .pagination .nav-links a.page-numbers {
    color: #f5e6b3;
    background: #1a0a14;
    border: 1px solid #9a7b2c;
    border-radius: 8px;
    font-weight: 600;
}

.oboot-pg-style-13 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-13 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-13 .pagination .nav-links a.page-numbers:hover {
    color: #2a0610;
    background: linear-gradient(180deg, #f5e6b3 0%, #c4a574 100%);
    border-color: #9a7b2c;
}

.oboot-pg-style-13 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-13 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-13 .pagination .nav-links span.current {
    color: #2a0610;
    background: linear-gradient(180deg, #ffe566 0%, #f5d76e 100%);
    border: 1px solid #9a7b2c;
    border-radius: 8px;
    font-weight: 700;
}

/* ---------- 14 紫红渐变（会员按钮风） ---------- */

.oboot-pg-style-14 .oboot-pg-demo__links a,
body.oboot-pagination-style-style-14 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-14 .pagination .nav-links a.page-numbers {
    color: #fff;
    background: linear-gradient(180deg, #7a2840 0%, #4b0024 100%);
    border: 1px solid rgba(245, 215, 110, 0.42);
    border-radius: 8px;
    font-weight: 600;
}

.oboot-pg-style-14 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-14 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-14 .pagination .nav-links a.page-numbers:hover {
    color: #fff;
    background: linear-gradient(180deg, #8b2948 0%, #6b1f32 100%);
    border-color: #f5d76e;
    box-shadow: 0 4px 14px rgba(74, 0, 36, 0.45);
}

.oboot-pg-style-14 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-14 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-14 .pagination .nav-links span.current {
    color: #fff;
    background: linear-gradient(180deg, #a8325a 0%, #6b1f32 45%, #4b0024 100%);
    border: 1px solid #f5d76e;
    border-radius: 8px;
    font-weight: 700;
    box-shadow: 0 0 12px rgba(245, 215, 110, 0.28);
}

/* ---------- 15 咖啡紫蓝 ---------- */

.oboot-pg-style-15 .oboot-pg-demo__links a,
body.oboot-pagination-style-style-15 .navigation.pagination .nav-links a.page-numbers,
body.oboot-pagination-style-style-15 .pagination .nav-links a.page-numbers {
    color: #4a3020;
    background: #eae6f2;
    border: 1px solid #6b5b8a;
    border-radius: 8px;
    font-weight: 600;
}

.oboot-pg-style-15 .oboot-pg-demo__links a:hover,
body.oboot-pagination-style-style-15 .navigation.pagination .nav-links a.page-numbers:hover,
body.oboot-pagination-style-style-15 .pagination .nav-links a.page-numbers:hover {
    color: #fff8f4;
    background: #5c4a7a;
    border-color: #4a3020;
}

.oboot-pg-style-15 .oboot-pg-demo__links .is-current,
body.oboot-pagination-style-style-15 .navigation.pagination .nav-links span.current,
body.oboot-pagination-style-style-15 .pagination .nav-links span.current {
    color: #f5e6b3;
    background: linear-gradient(135deg, #4a3020 0%, #5c4a7a 100%);
    border: 1px solid #c4a574;
    border-radius: 8px;
    font-weight: 700;
}

@media (max-width: 782px) {
    .oboot-pg-styles-grid {
        grid-template-columns: 1fr;
    }

    .oboot-pg-style-card__preview {
        padding-left: 12px;
        padding-right: 12px;
    }
}