:root {
    --theme_btn: #eb9eb6;
    --theme_primary_bg: #f5bbbb;
    --theme_primary_color: #fa0000;
    --theme_secondary_bg: #f9c0c0;
    --theme_secondary_color: #c7564b;
    --theme_gradient: linear-gradient(270deg, #e83226, #ffe600);
    --theme_text_color: #392f2f;
    --theme_light_bg: #ffe6ef;
    --theme_opacity_bg: rgb(255 79 101 / 100%);
}

.v-s-nav-box-h {
    background-color: var(--theme_btn);
}

.alert-primary {
    color: var(--theme_primary_color);
    background-color: var(--theme_primary_bg);
    border-color: var(--theme_primary_bg);
}

.p-card-box .item {
    background: var(--theme_secondary_bg);
    border: 1px var(--theme_secondary_bg) solid;
}

.v-s-nav-search-box3 .s-link-tag {
    background: var(--theme_secondary_color);
}

.s-video-b-btn-box {
    color: #fff;
    background: var(--theme_btn);
}

.try-detail-video {
    background: var(--theme_opacity_bg);
}

.try-detail-video .loginTxt {
    color: var(--theme_text_color);
}

.btn-dark {
    color: #fff;
    background-color: var(--theme_btn);
    border-color: var(--theme_btn);
}

.rank-a .tag-vip {
    background: var(--theme_gradient);
    color: #fff;
}

.benzhan-yumin {
    color: var(--theme_btn);
}

.fload-dipiao-zxcv {
    background-color: var(--theme_btn);
}

.fload-dipiao-zxcv .index-items-wrap {
    background: var(--theme_btn);
}

.p-card-txt {
    background-color: var(--theme_primary_bg);
    color: var(--theme_primary_color) !important;
}

.item-box .item-title-box .title-name {
    color: var(--theme_btn);
    font-weight: 700;
}

body {
    background: var(--theme_light_bg) !important;
}

.x_tap_top {
    background-color: var(--theme_btn);
}

.page-item.active .page-link {
    background-color: var(--theme_btn);
    border-color: var(--theme_btn);
    border: 1px solid var(--theme_btn);
}

.page-link {
    color: var(--theme_btn);
    border: 1px solid var(--theme_btn);
}

.btn-primary {
    background-color: var(--theme_btn);
    border-color: var(--theme_btn);
    border: 1px solid var(--theme_btn);
}

.s-link-s2 {
    color: var(--theme_btn) !important;
}

.footer-box a {
    color: var(--theme_btn);
}

.swiper-pagination-bullet-active {
    color: var(--theme_btn);
    background-color: var(--theme_btn);
}

.item-box .rank-title:hover {
    color: var(--theme_btn);
}

.s-tel-wrap a {
    color: var(--theme_btn) !important;
}

.content .active[data-v-0d8f65f2] {
    color: var(--theme_btn) !important;
}

#fload-zxcv-xy {
    border: 2px solid var(--theme_btn);
}

.s-nv-entry h2 {
    color: var(--theme_btn);
}

html,
body,
.layout-root,
.item-box,
.item-box .ran-box,
.index-items-wrap,
.v-s-ul-category-tag,
.footer-box,
.s-page-wrap-s1,
.s-video-st,
#s-cg-detail {
    background-color: var(--theme_light_bg) !important;
}

.s-main-box,
.s-main-box-middle {
    background-color: var(--theme_primary_bg) !important;
}

:root {
    --theme_btn: #b8325d;
    --theme_primary_bg: #ffd6e3;
    --theme_primary_color: #761b3d;
    --theme_secondary_bg: #f7abc1;
    --theme_secondary_color: #9f2b50;
    --theme_text_color: #3a1f2c;
    --theme_muted_text: #765064;
    --theme_light_bg: #ffe8f1;
    --theme_surface_bg: #fff2f7;
}

body,
.layout-root,
.item-box,
.item-box .ran-box,
.index-items-wrap,
.footer-box,
.s-page-wrap-s1,
.s-video-st,
#s-cg-detail {
    color: var(--theme_text_color) !important;
}

.item-box .rank-title,
.item-box .rank-title a,
.grid-box-s1 .name,
.grid-box-s2 .name,
.work-content .section .title-text,
.work-list .novel-item .bottom {
    color: var(--theme_text_color) !important;
}

.item-box .item-title-box .title-name,
.s-cg-title {
    color: var(--theme_primary_color) !important;
}

.item-box .item-title-box .title-more,
.item-box .item-title-box .title-more i,
.last_page_p,
.footer-box,
.footer-box p,
.s-tel-wrap,
.s-footer-tel {
    color: var(--theme_muted_text) !important;
}

.s-main-box,
.v-s-nav-box-h,
.x_tap_top,
.fload-dipiao-zxcv {
    background-color: var(--theme_btn) !important;
}

.s-main-box-middle,
.swiper-slide {
    background-color: var(--theme_primary_bg) !important;
}

.v-s-li-nav-link-vs_442378ea5a0a0b9d99bed43dc146baa0,
.v-s-li-nav-link-vs_442378ea5a0a0b9d99bed43dc146baa0:hover,
.nav-menu-selected,
.v-s-logo-text,
.v-s-nav-search-box .search-input,
.v-s-nav-search-box .search-btn,
.v-s-nav-search-box .search-person,
.v-s-nav-search-box2 .s-search,
.v-s-nav-search-box2 .s-tips,
.v-s-nav-search-box2 .s-link-tag,
.v-s-nav-search-box3 .s-search,
.v-s-nav-search-box3 .s-tips,
.v-s-nav-search-box3 .s-link-tag,
.js-show-ios.site,
.site.is-ios {
    color: #fff !important;
}

.v-s-li-nav-link-tag {
    color: var(--theme_primary_color) !important;
    background: rgb(184 50 93 / 14%) !important;
}

.nav-category-tag-selected,
.v-s-li-nav-link-tag:active {
    color: #fff !important;
    background: var(--theme_btn) !important;
}

.p-card-txt,
.alert-primary {
    color: var(--theme_primary_color) !important;
    background-color: var(--theme_surface_bg) !important;
    border-color: #e8a6ba !important;
}

/* 17c2 nav tone */
:root {
    --theme_nav_bg: #ff4f6b;
    --theme_nav_text: #fff;
    --theme_nav_text_muted: rgba(255, 255, 255, 0.82);
    --theme_nav_chip_bg: rgba(255, 255, 255, 0.22);
    --theme_nav_chip_active_bg: rgba(255, 255, 255, 0.42);
}

.v-s-nav-box-h,
.v-s-nav-box-h .s-main-box,
.v-s-nav-box-h .v-s-ul-time-vs_442378ea5a0a0b9d99bed43dc146baa0,
.v-s-nav-box-h .v-s-ul-category-tag,
.x_tap_top,
.fload-dipiao-zxcv {
    background-color: var(--theme_nav_bg) !important;
}

.v-s-nav-box-h .v-s-li-nav-link-vs_442378ea5a0a0b9d99bed43dc146baa0 {
    color: var(--theme_nav_text_muted) !important;
}

.v-s-nav-box-h .v-s-li-nav-link-vs_442378ea5a0a0b9d99bed43dc146baa0:hover,
.v-s-nav-box-h .nav-menu-selected,
.v-s-nav-box-h .v-s-logo-text,
.v-s-nav-box-h .v-s-nav-search-box .search-input,
.v-s-nav-box-h .v-s-nav-search-box .search-btn,
.v-s-nav-box-h .v-s-nav-search-box .search-person,
.v-s-nav-box-h .v-s-nav-search-box2 .s-search,
.v-s-nav-box-h .v-s-nav-search-box2 .s-link-tag,
.v-s-nav-box-h .v-s-nav-search-box3 .s-search,
.v-s-nav-box-h .v-s-nav-search-box3 .s-link-tag,
.v-s-nav-box-h .js-show-ios.site,
.v-s-nav-box-h .site.is-ios {
    color: var(--theme_nav_text) !important;
}

.v-s-nav-box-h .v-s-nav-search-box2 .s-tips,
.v-s-nav-box-h .v-s-nav-search-box3 .s-tips {
    color: rgba(255, 255, 255, 0.68) !important;
}

.v-s-nav-box-h .v-s-nav-search-box2 .s-search,
.v-s-nav-box-h .v-s-nav-search-box2 .s-link-tag,
.v-s-nav-box-h .v-s-nav-search-box3 .s-search,
.v-s-nav-box-h .v-s-nav-search-box3 .s-link-tag,
.v-s-nav-box-h .v-s-li-nav-link-tag {
    background: var(--theme_nav_chip_bg) !important;
    border-color: transparent !important;
}

.v-s-nav-box-h .v-s-li-nav-link-tag {
    color: var(--theme_nav_text_muted) !important;
}

.v-s-nav-box-h .nav-category-tag-selected,
.v-s-nav-box-h .v-s-li-nav-link-tag:active,
.v-s-nav-box-h .v-s-nav-search-box2 .s-link-tag:hover,
.v-s-nav-box-h .v-s-nav-search-box3 .s-link-tag:hover {
    color: var(--theme_nav_text) !important;
    background: var(--theme_nav_chip_active_bg) !important;
}

/* 17sui logo size */
.v-s-nav-box-h .s-main-box {
    min-height: 1.36rem;
    padding-left: 0.08rem;
}

.v-s-nav-box-h .s-logo {
    flex: 0 0 auto;
    width: 2rem;
    height: 1rem;
    display: flex;
    align-items: center;
    margin-right: 0.08rem;
    overflow: hidden;
}

.v-s-nav-box-h .s-logo img {
    width: 2rem;
    height: 1rem;
    max-width: none;
    object-fit: cover;
    object-position: center 48%;
    display: block;
}

@media (max-width: 350px) {
    .v-s-nav-box-h .s-logo {
        width: 1.78rem;
        height: 0.92rem;
        margin-right: 0.04rem;
    }

    .v-s-nav-box-h .s-logo img {
        width: 1.78rem;
        height: 0.92rem;
    }
}