.pagination {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    gap: 0.25rem;

    padding: 0;

    margin: 0.5rem auto 0;

    list-style: none;

}



.pagination .page-item {

    flex: none;

    margin: 0;

}



.pagination .page-link {

    display: block;

    padding: 0.4rem 1rem;

    margin: 0;

    line-height: 1.25;

    color: inherit;

    background-color: transparent;

    border: none;

    border-radius: 5px;

    font-size: 14px;

    text-decoration: none;

    transition: all 0.3s ease;

}



.pagination .page-link:hover:not(.active):not(.disabled) {

    color: #fff;

    background-color: #87123e;

}



.pagination .page-link.active {

    background-color: #f7327b;

    color: #fff;

    cursor: default;

}



.pagination .page-link.disabled {

    opacity: 1;

    cursor: default;

}



/* H5：Zeplin Frame 316×69 · https://zpl.io/8Eyzlyx — 双行布局，功能同 PC */

@media (max-width: 768px) {

    .pagination-91-h5-wrap {

        display: none !important;

    }

    .pagination-91-pc-wrap {

        display: block !important;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        align-items: center;

        gap: 8px;

        max-width: 316px;

        margin: 24px auto 16px;

        padding: 0;

        list-style: none;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-item {

        flex: none;

        margin: 0;

    }

    /* 第一行：箭头 + 页码 + 右箭头 */

    .pagination-91-pc-wrap .pagination.pagination-91 .page-item-arrow .page-link {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        min-width: 27px;

        height: 27px;

        padding: 0;

        box-sizing: border-box;

        background-color: #1c1c1c;

        border: none;

        border-radius: 0;

        text-decoration: none;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-item-arrow .page-link svg {

        width: 7px;

        height: 12px;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-item-arrow .page-link.disabled {

        opacity: 0.45;

        cursor: default;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-item-arrow .page-link:hover:not(.disabled) {

        background-color: #f7327b;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-item-arrow .page-link:hover:not(.disabled) svg path {

        fill: #fff;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-item:not(.page-item-arrow):not(.page-item-jump):not(.page-item-ellipsis) .page-link {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        min-width: 27px;

        height: 27px;

        padding: 0 6px;

        box-sizing: border-box;

        font-size: 10.5px;

        font-weight: 500;

        line-height: 1;

        color: #ff4c6f;

        background-color: #1c1c1c;

        border: none;

        border-radius: 0;

        text-decoration: none;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-item.active > .page-link,

    .pagination-91-pc-wrap .pagination.pagination-91 .page-item:not(.page-item-arrow):not(.page-item-jump):not(.page-item-ellipsis) .page-link.active,

    .pagination-91-pc-wrap .pagination.pagination-91 .page-item:not(.page-item-arrow):not(.page-item-jump):not(.page-item-ellipsis) .page-link.active.disabled {

        background-color: #ff4c6f !important;

        color: #fff !important;

        border-radius: 2px;

        cursor: default;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-item-ellipsis {

        display: flex;

        align-items: center;

        justify-content: center;

        min-width: 27px;

        height: 27px;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-ellipsis {

        font-size: 10.5px;

        font-weight: 400;

        color: #ff4c6f;

        line-height: 1;

        letter-spacing: 0.05em;

        user-select: none;

    }

    /* 第二行：跳至（独占一行居中） */

    .pagination-91-pc-wrap .pagination.pagination-91 .page-item-jump {

        flex: 0 0 100%;

        width: 100%;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        gap: 8px;

        margin-top: 12px;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-jump-label {

        font-size: 10.5px;

        color: #fff;

        white-space: nowrap;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-jump-input {

        width: 26px;

        height: 26px;

        padding: 0;

        box-sizing: border-box;

        text-align: center;

        font-size: 10.5px;

        color: #fff;

        background-color: transparent;

        border: 0.75px solid #ff4c6f;

        border-radius: 0;

        outline: none;

        -moz-appearance: textfield;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-jump-input::-webkit-outer-spin-button,

    .pagination-91-pc-wrap .pagination.pagination-91 .page-jump-input::-webkit-inner-spin-button {

        -webkit-appearance: none;

        margin: 0;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-jump-suffix {

        font-size: 10.5px;

        color: #8e8e8e;

        white-space: nowrap;

    }

    .pagination-91-pc-wrap .pagination.pagination-91 .page-jump-btn {

        min-width: 38px;

        height: 27px;

        padding: 0 8px;

        box-sizing: border-box;

        font-size: 10.5px;

        font-weight: 500;

        color: #fff;

        background-color: #ff4c6f;

        border: none;

        border-radius: 2px;

        cursor: pointer;

    }

}



/* ============================================================

   PC 分页 Frame（Zeplin pc/51yc/av-news · Frame 605×36）

   https://zpl.io/7GK61lp

   仅 ≥769px；H5 使用 .pagination-91-h5-wrap，样式不变

   ============================================================ */

@media (min-width: 769px) {

    .pagination-91-h5-wrap {

        display: none !important;

    }



    .pagination.pagination-91 {

        display: flex;

        flex-wrap: nowrap;

        justify-content: center;

        align-items: center;

        gap: 14px;

        margin: 40px auto 24px;

        padding: 0;

        list-style: none;

    }



    .pagination.pagination-91 .page-item {

        flex: none;

        margin: 0;

    }



    /* 左右箭头：36×36，#1c1c1c 底，#f7327b 字 */

    .pagination.pagination-91 .page-item-arrow .page-link {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        min-width: 36px;

        height: 36px;

        padding: 0;

        box-sizing: border-box;

        font-size: 20px;

        font-weight: 500;

        line-height: 1;

        color: #f7327b;

        background-color: #1c1c1c;

        border: none;

        border-radius: 0;

        text-decoration: none;

        transition: background-color 0.2s ease, color 0.2s ease;

    }



    .pagination.pagination-91 .page-item-arrow .page-link.disabled {

        color: #f7327b;

        opacity: 0.45;

        cursor: default;

    }



    .pagination.pagination-91 .page-item-arrow .page-link:hover:not(.disabled) {

        color: #fff;

        background-color: #f7327b;

    }

    .pagination.pagination-91 .page-item-arrow .page-link:hover:not(.disabled) svg path {

        fill: #fff;

    }



    /* 页码：未激活无底纯字；当前页 #f7327b 底白字 */

    .pagination.pagination-91 .page-item:not(.page-item-arrow):not(.page-item-jump):not(.page-item-ellipsis) .page-link {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        min-width: 36px;

        height: 36px;

        padding: 0 10px;

        box-sizing: border-box;

        font-size: 14px;

        font-weight: 500;

        line-height: 1;

        color: #f7327b;

        background-color: transparent;

        border: none;

        border-radius: 0;

        text-decoration: none;

        transition: color 0.2s ease, background-color 0.2s ease;

    }



    .pagination.pagination-91 .page-item:not(.page-item-arrow):not(.page-item-jump):not(.page-item-ellipsis) .page-link:hover:not(.active):not(.disabled) {

        color: #fff;

        background-color: transparent;

    }



    /* 当前页高亮：提高优先级，避免被通用 .page-link 透明底覆盖 */
    .pagination.pagination-91 .page-item.active > .page-link,
    .pagination.pagination-91 .page-item:not(.page-item-arrow):not(.page-item-jump):not(.page-item-ellipsis) .page-link.active,
    .pagination.pagination-91 .page-item:not(.page-item-arrow):not(.page-item-jump):not(.page-item-ellipsis) .page-link.active.disabled {
        background-color: #f7327b !important;
        color: #fff !important;
        border-radius: 2px;
        cursor: default;
    }



    /* 省略号 */

    .pagination.pagination-91 .page-item-ellipsis {

        display: flex;

        align-items: center;

        justify-content: center;

        min-width: 36px;

        height: 36px;

    }



    .pagination.pagination-91 .page-ellipsis {

        font-size: 14px;

        font-weight: 500;

        color: #f7327b;

        line-height: 1;

        user-select: none;

    }



    /* 跳至：跳至/页 文案 + 输入框 + 转跳按钮 */

    .pagination.pagination-91 .page-item-jump {

        display: inline-flex;

        align-items: center;

        gap: 14px;

        flex: none;

    }



    .pagination.pagination-91 .page-jump-label {

        font-size: 14px;

        color: #ffffff;

        white-space: nowrap;

    }



    .pagination.pagination-91 .page-jump-input {

        width: 35px;

        height: 35px;

        padding: 0;

        box-sizing: border-box;

        text-align: center;

        font-size: 14px;

        color: #fff;

        background-color: transparent;

        border: 1px solid #f7327b;

        border-radius: 0;

        outline: none;

        -moz-appearance: textfield;

    }



    .pagination.pagination-91 .page-jump-input::-webkit-outer-spin-button,

    .pagination.pagination-91 .page-jump-input::-webkit-inner-spin-button {

        -webkit-appearance: none;

        margin: 0;

    }



    .pagination.pagination-91 .page-jump-suffix {

        font-size: 14px;

        color: #8e8e8e;

        white-space: nowrap;

    }



    .pagination.pagination-91 .page-jump-btn {

        min-width: 50px;

        height: 36px;

        padding: 0 11px;

        box-sizing: border-box;

        font-size: 14px;

        font-weight: 500;

        color: #fff;

        background-color: #f7327b;

        border: none;

        border-radius: 2px;

        cursor: pointer;

        transition: background-color 0.2s ease;

    }



    .pagination.pagination-91 .page-jump-btn:hover {

        background-color: #e02a6d;

    }

}