/**
 * Theme Name: Shopeo Child
 * Description: Shopeo Child theme
 * Author: Shopeo
 * Author URI: https://shopeo.cn
 * Template: ceomax-pro
 * Text Domain: ceomax-pro
 */
 .videoinit{display:none;}
 @media screen and (max-width: 800px) {
    .ceo-app-gotop {
        position: fixed;
        bottom: 160px !important;
        right: 10px;
        z-index: 999;
    }
}
 .ceo-padding{padding:0px !important;}
.vjs-poster {
         background-size:cover !important;
        }
 a:hover{text-decoration: none !important;}
 .dp__input_icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%);
    color: var(--dp-icon-color);
}
 .dp__input_icons {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    stroke-width: 0;
    font-size:  1rem;
    line-height: calc( 1rem* 1.5);
    padding: 6px 12px;
    color: #959595;
    box-sizing: content-box;
}

 .module-bg{    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
 }
 .live-subject {
    overflow: hidden;
}
 .theme-light .message-style.warning {
    background-color: #fffbf0;
}

.theme-light .warning a, .theme-light .warning {
    color: #ffc11b;
}
 .components {
    margin: 20px 0px 0px 0px;
}
 .theme-light table th, .theme-light .copyright a, .theme-light .color-meta:before, .theme-light .color-meta:after, .theme-light .wp-caption-text, .theme-light .color-meta {
    color: #657C98;
}
 .module-title.color-border {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
 
 .module-title {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 56px;
    position: relative;
}
 .module-title .more {
    flex-grow: 1;
    text-align: right;
    font-weight: 300;
}
 select, input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border-width: 1px;
    border-style: solid;
    padding: 12px;
    font-size: 108%;
}
.comment-list{padding:0 !important;}
 .live-comments .comment-items {
    padding-top: 20px;
}
.components h3 {
    font-size: 16px;
    line-height: 26px;
}
.comment-body .comment-content {
    margin-bottom: 12px;
    font-size: 108%;
    padding: 12px;
}
 .theme-light .color-main {
    color: #ff1c1c !important;
}
 .theme-light .warning a, .theme-light .warning {
    color: #ffc11b;
}
 .list-content h3 {
    overflow: hidden;
    display: block;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 100%;
}
 .live-list .live-items ul li {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
 .theme-light table, .theme-light table td, .theme-light table th, .theme-light .plyr--audio, .theme-light hr, .theme-light figure, .theme-light .color-border {
    border-color: #EFF5FF;
}
 .list-content h3,.live-title h3 {
    font-size: 16px !important;
    line-height: 26px !important;
}


.live-player {
    position: relative
}

.live-player .preview-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.live-player .preview-image img {
    height: 100%;
    max-width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.live-player .on-line {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 120;
    color: #fff;
    font-weight: bold;
    font-size: 14px
}

.live-list .live-header {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.live-list .live-header .live-title {
    display: flex;
    align-items: center
}

.live-list .live-header .filter-date {
    display: flex;
    align-items: stretch
}

.live-list .live-header .filter-date .dp__main {
    width: 200px
}

.live-list .live-header .filter-date .dp__main input {
    font-size: 13px;
    line-height: 20px;
    padding-left:25px !important;
}

.live-list .live-header .filter-date .button-main {
    padding-left: 12px;
    padding-right: 12px
}

.live-list .live-items {
    min-height: 360px;
    padding-bottom: 12px
}

.live-list .live-items ul li {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.live-list .live-items .live-item {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    grid-gap: 8px;
    cursor: pointer;
    padding: 12px
}

.live-list .live-items .live-item .thumb {
    width: 120px
}

.live-list .live-items .live-item .thumb img {
    display: block
}

.live-list .live-items .live-item .list-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.live-list .live-items .live-item .list-content h3 {
    overflow: hidden;
    display: block;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.live-list .live-items .live-item .list-content .metas {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.live-list .live-items .live-item .list-content .metas .status {
    padding: 2px 8px
}

.live-list .message-box {
    margin: 20px
}

.live-subject {
    overflow: hidden
}

.live-subject .title {
    padding: 12px 20px;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.live-subject .content-post {
    padding: 20px
}

.live-subject .content-post .wp-block-image {
    display: inline-block
}



.ranking-items {
    padding: 20px
}

.ranking-items ul li:not(:last-child) {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 12px;
    margin-bottom: 12px
}

.ranking-items .item {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    justify-content: space-between
}

.ranking-items .item a {
    display: flex;
    align-items: center;
    grid-gap: 8px
}

.ranking-items .item a img {
    width: 32px;
    height: 32px;
    border-radius: 100%
}

.ranking-items .item .price {
    font-size: 16px
}

.tipping-like {
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index: 99;
    display: flex;
    flex-direction: column;
    grid-gap: 12px
}

.tipping-like button {
    position: relative;
    border-radius: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    box-shadow: 4px 4px 12px rgba(0,0,0,0.3)
}

.tipping-like button img {
    width: 26px;
    height: 26px
}

.tipping-like button.like {
    position: relative;
    z-index: 133
}

.tipping-like button.like b {
    position: absolute;
    min-width: 24px;
    min-height: 24px;
    padding: 4px;
    border-radius: 100%;
    top: -10px;
    right: -10px;
    border: 2px solid #fff;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 12px;
    font-weight: normal
}

.like-button {
    position: relative
}

.like-button img.lotus {
    position: absolute;
    top: -22px;
    left: 0px;
    z-index: 122;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0) scale(0.6, 0.6)
}

.like-button img.lotus.active {
    opacity: 1;
    visibility: visible;
    animation: move 1s linear forwards, fade 1s ease-in forwards
}

.like-button img.lotus.lotus-2 {
    animation-delay: .3s
}

.like-button img.lotus.lotus-3 {
    animation-delay: .6s
}

.like-button img.lotus.lotus-4 {
    animation-delay: .9s
}

.like-button img.lotus.lotus-5 {
    animation-delay: 1.2s
}

@keyframes move {
    0% {
        transform: translateY(0) scale(0.6, 0.6)
    }

    100% {
        transform: translateY(-100px) scale(1.2, 1.2)
    }
}

@keyframes fade {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.page-template-live #salong-progress-bar,.page-template-live .popup-header,.page-template-live .message-to,.page-template-live .side-buttons,.page-template-live .mobile-buttons {
    display: none
}
.transition {
    transition: ease-in-out 2s;
}
.header-child {
    padding: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.header-child a.logo {
    display: block;
    padding-top: -8px;
    padding-bottom: -8px
}

.header-child a.logo img {
    display: block;
    width: auto
}
.vjs-barrage-screen{ transition-duration:5s; /* 默认移动速度 */}
.header-child h2 {
    flex: 1;
    font-size:0.8rem;
    margin-top:20px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.header-child .user-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px
}

.header-child .user-center .user img {
    width: 32px;
    height: 32px
}

.live-player .tcplayer {
    width: 100%
}

.live-player .vjs-error .vjs-error-display .vjs-modal-dialog-content {
    display: none
}

.menus {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch
}

.menus .menu {
    border-style: solid;
    border-width: 1px;
    width: 100%;
    background:#fff;
    padding: 20px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 8px
}

.menus .menu img {
   
    height: 40px
}

.components {
    margin-top: 20px
}

.live-player {
    position: relative
}

.live-player .preview-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.live-player .preview-image img {
    height: 100%;
    max-width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.live-player .on-line {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 120;
    color: #fff;
    font-weight: bold;
    font-size: 14px
}

.live-list .live-header {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.live-list .live-header .live-title {
    display: flex;
    align-items: center
}

.live-list .live-header .filter-date {
    display: flex;
    align-items: stretch
}

.live-list .live-header .filter-date .dp__main {
    width: 200px
}

.live-list .live-header .filter-date .dp__main input {
    font-size: 13px;
    line-height: 20px
}

.live-list .live-header .filter-date .button-main {
    padding-left: 12px;
    padding-right: 12px
}

.live-list .live-items {
    min-height: 360px;
    padding-bottom: 12px
}

.live-list .live-items ul li {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.live-list .live-items .live-item {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    grid-gap: 8px;
    cursor: pointer;
    padding: 12px
}

.live-list .live-items .live-item .thumb {
    width: 120px
}

.live-list .live-items .live-item .thumb img {
    display: block
}

.live-list .live-items .live-item .list-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
        width: 100%;
}

.live-list .live-items .live-item .list-content h3 {
    overflow: hidden;
    display: block;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.live-list .live-items .live-item .list-content .metas {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.live-list .live-items .live-item .list-content .metas .status {
    padding: 2px 8px
}

.live-list .message-box {
    margin: 20px
}

.live-subject {
    overflow: hidden
}

.live-subject .title {
    padding: 12px 20px;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.live-subject .content-post {
    padding: 20px
}

.live-subject .content-post .wp-block-image {
    display: inline-block
}



.ranking-items {
    padding: 20px
}

.ranking-items ul li:not(:last-child) {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 12px;
    margin-bottom: 12px
}

.ranking-items .item {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    justify-content: space-between
}

.ranking-items .item a {
    display: flex;
    align-items: center;
    grid-gap: 8px
}

.ranking-items .item a img {
    width: 32px;
    height: 32px;
    border-radius: 100%
}

.ranking-items .item .price {
    font-size: 16px
}

.tipping-like {
    position: fixed;
    right: 20px;
    bottom: 180px;
    z-index: 99;
    display: flex;
    flex-direction: column;
    grid-gap: 12px
}

.tipping-like button {
    position: relative;
    border-radius: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    box-shadow: 4px 4px 12px rgba(0,0,0,0.3)
}

.tipping-like button img {
    width: 26px;
    height: 26px
}

.tipping-like button.like {
    position: relative;
    z-index: 133
}

.tipping-like button.like b {
    position: absolute;
    min-width: 24px;
    min-height: 24px;
    padding: 4px;
    border-radius: 100%;
    top: -10px;
    right: -10px;
    border: 2px solid #fff;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 12px;
    font-weight: normal
}

.like-button {
    position: relative
}

.like-button img.lotus {
    position: absolute;
    top: -22px;
    left: 0px;
    z-index: 122;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0) scale(0.6, 0.6)
}

.like-button img.lotus.active {
    opacity: 1;
    visibility: visible;
    animation: move 1s linear forwards, fade 1s ease-in forwards
}

.like-button img.lotus.lotus-2 {
    animation-delay: .3s
}

.like-button img.lotus.lotus-3 {
    animation-delay: .6s
}

.like-button img.lotus.lotus-4 {
    animation-delay: .9s
}

.like-button img.lotus.lotus-5 {
    animation-delay: 1.2s
}

@keyframes move {
    0% {
        transform: translateY(0) scale(0.6, 0.6)
    }

    100% {
        transform: translateY(-100px) scale(1.2, 1.2)
    }
}

@keyframes fade {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.live-comments {
    margin-bottom: 100px
}

.live-comments .comment-form {
    position: fixed;
    z-index:1001;
    bottom: 0;
    right: 0;
    left: 0;
    border-top-width: 1px;
    border-top-style: solid;
    padding: 12px;
    display: flex;
    align-items: center
}

.live-comments .comment-form.active {
    bottom: 60px
}

.live-comments .comment-form input {
    flex-grow: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.live-comments .comment-form button {
    height: 44px;
    padding: 12px 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.live-comments .comment-items {
    padding-top: 20px
}

.live-comments .comment-items .comment-reply {
    display: flex;
    justify-content: space-between
}

.live-comments .comment-items .comment-reply .delete {
    color: #f00
}

@media only screen and (max-width: 480px) {
    .live-header .live-title {
        width:100%;
        display: flex;
        justify-content: space-between
    }

    .live-header .filter-date {
        width: 100%;
        display: flex;
        margin-top: 12px
    }

    .live-header .filter-date .dp__main {
        flex: 1
    }
}

.load-more button {
    font-size: 116%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 12px 20px;
}

.theme-light .button-main {
    background-color: #3f1bf7;
    color: #fff !important;
}


  .theme-light .border-main {
                border-color: #ff1c1c
            }

            .theme-light .salong-loading.main:before {
                border-left-color: #ff1c1c !important
            }

            .theme-light .bg-main,.theme-light .checkbox-switch input[type='checkbox']:checked+label .style,.folding-cube>div:before {
                background-color: #ff1c1c
            }

            .theme-light .tag-posts .post-title:hover,.theme-light .color-main:hover,.theme-light .color-title:hover,.theme-light a.color-text:hover,.theme-light a.color-meta:hover,.theme-light a.color-text:hover span,.theme-light .color-hover,.theme-light a:hover h1,.theme-light a:hover h2,.theme-light a:hover h3,.theme-light a:hover h4,.theme-light a:hover h5,.theme-light ul.menu li:hover > a,.theme-light ul.menu li.current-menu-ancestor > a,.theme-light ul.menu li.current-menu-parent > a,.theme-light ul.menu li.current-menu-item > a,.theme-light ul.menu li.current-post-ancestor > a,.theme-light .copyright a:hover {
                color: #2C74E6
            }

            .theme-light .bg-hover {
                background-color: #2C74E6
            }

            .theme-light .bg-hover-hover:hover {
                background-color: #2C74E6 !important;
                color: #fff !important;
            }

            .theme-light .color-title,.theme-light h1,.theme-light h2,.theme-light h3,.theme-light h4,.theme-light h5 {
                color: #051529
            }

            .theme-light .tag-posts .post-title,.theme-light table td,.theme-light .color-text {
                color: #1B2C3D
            }

            .theme-light table th,.theme-light .copyright a,.theme-light .color-meta:before,.theme-light .color-meta:after,.theme-light .wp-caption-text,.theme-light .color-meta {
                color: #657C98
            }

            .theme-light .header-mobile .header-menu ul.menu li.menu-item-has-children::before,.theme-light .header-mobile .header-menu ul.menu li.menu-item-has-children::after,.theme-light .bg-meta,.theme-light .before-bg-meta:before,.theme-light .after-bg-meta:after {
                background-color: #657C98;
                color: #fff
            }

            .theme-light .bg-text:before,.theme-light .bg-text:after {
                background-color: #1B2C3D;
            }

            .theme-light .header-menu .menu-item-has-children:before {
                border-bottom-color: #657C98;
            }

            .theme-light .header-menu .menu-item-has-children:before {
                border-left-color: #657C98
            }

            .theme-light table,.theme-light table td,.theme-light table th,.theme-light .plyr--audio,.theme-light hr,.theme-light figure,.theme-light .color-border {
                border-color: #EFF5FF
            }

            .theme-light .content-post ol li,.theme-light .content-post ul li {
                border-bottom-color: #EFF5FF;
            }

            .theme-light .user-center-menu:before,.theme-light ul.menu > li > .sub-menu:before {
                border-top-color: #EFF5FF;
                border-left-color: #EFF5FF
            }

            .theme-light table th,.theme-light table thead,.theme-light table tfoot tr:nth-child(2n),.theme-light table tbody tr:nth-child(2n),.theme-light .color-bg {
                background-color: #F7F9FF
            }

            .theme-light .slide-bg-blur {
                backdrop-filter: blur(10px);
                background-color: rgba(0,15,30,.8)
            }

            .theme-light .crumb-bg-blur {
                backdrop-filter: blur(10px);
                background-color: rgba(0,15,30,.8)
            }

            .theme-light .popup-bg-blur {
                backdrop-filter: blur(10px);
                background-color: rgba(0,15,30,.8)
            }

            .theme-light select,.theme-light textarea,.theme-light input {
                border-color: #EFF5FF;
                background-color: #F8F9FC;
                color: #1B2C3D
            }

            .theme-light select:focus,.theme-light textarea:focus,.theme-light input:focus {
                border-color: #ff1c1c;
                background-color: #fff
            }

            .theme-light .content-post {
                color: #1B2C3D
            }

            .theme-light .content-post a {
                color: #ff1c1c;
            }

            .theme-light .button-main {
                background-color: #3f1bf7;
                color: #fff !important;
            }

            .theme-light .button-border:hover,.theme-light .button-main:hover {
                background-color: #2C74E6 !important;
                color: #fff !important;
            }

            .theme-light #tooltip-title {
                background-color: #051529;
                color: #eeee22
            }

            body.theme-light {
                background-color: #F8F9FC;
            }

            .theme-light .module-bg,.theme-light .checkbox-switch .style,.theme-light .checkbox-switch .handle,.theme-light .user-center-menu:before,.theme-light ul.menu > li > .sub-menu:before {
                background-color: #fff;
            }

            .theme-light .share-buttons .wechatQr .qr-popup:before {
                border-top-color: #fff
            }

            .theme-light .footer {
                background-color: #fff;
            }

            .theme-light .message-style.info {
                background-color: #effaff;
            }

            .theme-light .info a,.theme-light .info {
                color: #6dcff6;
            }

            .theme-light .message-style.success {
                background-color: #e7f6f0;
            }

            .theme-light .success a,.theme-light .success {
                color: #2fba87;
            }

            .theme-light .message-style.warning {
                background-color: #fffbf0;
                padding:20px;
            }

            .theme-light .warning a,.theme-light .warning {
                color: #ffc11b;
            }

            .theme-light .message-style.error {
                background-color: #fff0ec;
            }

            .theme-light .error a,.theme-light .error {
                color: #eb5020;
            }

            .theme-dark .color-main {
                color: #1957EA
            }

            .plyr--video {
                --plyr-color-main: #1957EA
            }

            .theme-dark .border-main {
                border-color: #1957EA
            }

            .theme-dark .salong-loading.main:before {
                border-left-color: #1957EA !important
            }

            .theme-dark .bg-main,.theme-dark .checkbox-switch input[type='checkbox']:checked+label .style,.folding-cube>div:before {
                background-color: #1957EA
            }

            .theme-dark .tag-posts .post-title:hover,.theme-dark .color-main:hover,.theme-dark .color-title:hover,.theme-dark a.color-text:hover,.theme-dark a.color-meta:hover,.theme-dark a.color-text:hover span,.theme-dark .color-hover,.theme-dark a:hover h1,.theme-dark a:hover h2,.theme-dark a:hover h3,.theme-dark a:hover h4,.theme-dark a:hover h5,.theme-dark ul.menu li:hover > a,.theme-dark ul.menu li.current-menu-ancestor > a,.theme-dark ul.menu li.current-menu-parent > a,.theme-dark ul.menu li.current-menu-item > a,.theme-dark ul.menu li.current-post-ancestor > a,.theme-dark .copyright a:hover {
                color: #2C74E6
            }

            .theme-dark .bg-hover {
                background-color: #2C74E6
            }

            .theme-dark .bg-hover-hover:hover {
                background-color: #2C74E6 !important
            }

            .theme-dark .color-title,.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5 {
                color: #B1C1E8
            }

            .theme-dark .tag-posts .post-title,.theme-dark table td,.theme-dark .color-text {
                color: #86A3D2
            }

            .theme-dark table th,.theme-dark .copyright a,.theme-dark .color-meta:before,.theme-dark .color-meta:after,.theme-dark .wp-caption-text,.theme-dark .color-meta {
                color: #657C98
            }

            .theme-dark .header-mobile .header-menu ul.menu li.menu-item-has-children:before,.theme-dark .header-mobile .header-menu ul.menu li.menu-item-has-children:after,.theme-dark .bg-meta,.theme-dark .before-bg-meta:before,.theme-dark .after-bg-meta:after {
                background-color: #657C98;
                color: #fff
            }

            .theme-dark .bg-text:before,.theme-dark .bg-text:after {
                background-color: #86A3D2;
            }

            .theme-dark .header-menu .menu-item-has-children:before {
                border-bottom-color: #657C98;
            }

            .theme-dark .header-menu .menu-item-has-children:before {
                border-left-color: #657C98
            }

            .theme-dark table,.theme-dark table td,.theme-dark table th,.theme-dark .plyr--audio,.theme-dark hr,.theme-dark figure,.theme-dark .color-border {
                border-color: #132336
            }

            .theme-dark .content-post ol li,.theme-dark .content-post ul li {
                border-bottom-color: #132336;
            }

            .theme-dark .user-center-menu:before,.theme-dark ul.menu > li > .sub-menu:before {
                border-top-color: #132336;
                border-left-color: #132336
            }

            .theme-dark table th,.theme-dark table thead,.theme-dark table tfoot tr:nth-child(2n),.theme-dark table tbody tr:nth-child(2n),.theme-dark .color-bg {
                background-color: #132336
            }

            .theme-dark .slide-bg-blur {
                backdrop-filter: blur(10px);
                background-color: rgba(0,0,0,0.8)
            }

            .theme-dark .crumb-bg-blur {
                backdrop-filter: blur(10px);
                background-color: rgba(0,0,0,0.8)
            }

            .theme-dark .popup-bg-blur {
                backdrop-filter: blur(10px);
                background-color: rgba(0,0,0,0.8)
            }

            .theme-dark select,.theme-dark textarea,.theme-dark input {
                border-color: #132336;
                background-color: #000E1E;
                color: #86A3D2
            }

            .theme-dark select:focus,.theme-dark textarea:focus,.theme-dark input:focus {
                border-color: #1957EA;
                background-color: #000E1E
            }

            .theme-dark .content-post {
                color: #86A3D2
            }

            .theme-dark .content-post a {
                color: #1957EA;
            }

            .theme-dark .button-main {
                background-color: #1957EA;
                color: #fff !important
            }

            .theme-dark .button-border:hover,.theme-dark .button-main:hover {
                background-color: #2C74E6 !important;
                color: #fff !important;
            }

            .theme-dark #tooltip-title {
                background-color: #EFF5FF;
                color: #051529
            }

            body.theme-dark {
                background-color: #000E1E;
            }

            .theme-dark .module-bg,.theme-dark .checkbox-switch .style,.theme-dark .checkbox-switch .handle,.theme-dark .user-center-menu:before,.theme-dark ul.menu > li > .sub-menu:before {
                background-color: #051529;
            }

            .theme-dark .share-buttons .wechatQr .qr-popup::before {
                border-top-color: #051529
            }

            .theme-dark .footer {
                background-color: #051529;
            }

            .theme-dark .message-style.info {
                background-color: #05488A;
            }

            .theme-dark .info a,.theme-dark .info {
                color: #F4FFFF;
            }

            .theme-dark .message-style.success {
                background-color: #005F38;
            }

            .theme-dark .success a,.theme-dark .success {
                color: #F4FFFF;
            }

            .theme-dark .message-style.warning {
                background-color: #C34915;
            }

            .theme-dark .warning a,.theme-dark .warning {
                color: #F4FFFF;
            }

            .theme-dark .message-style.error {
                background-color: #851C40;
            }

            .theme-dark .error a,.theme-dark .error {
                color: #F4FFFF;
            }

            .notification-info {
                background-color: #ff2323;
            }

            .notification-success {
                background-color: #4caf50;
            }

            .notification-warning {
                background-color: #ffc107;
            }

            .notification-error {
                background-color: #ff5252;
            }

            .salong-button.info {
                background-color: #ff2323;
            }

            .salong-button.success {
                background-color: #4caf50;
            }

            .salong-button.warning {
                background-color: #ffc107;
            }

            .salong-button.error {
                background-color: #ff5252;
            }

            .theme-light .checkbox-style .style {
                background-color: #F7F9FF;
            }

            .theme-light .checkbox-style .handle {
                background-color: #fff;
            }

            .theme-light .checkbox-style input[type=checkbox]:checked+label .style {
                background-color: #ff1c1c;
            }

            .theme-dark .checkbox-style .style {
                background-color: #132336;
            }

            .theme-dark .checkbox-style .handle {
                background-color: #051529;
            }

            .theme-dark .checkbox-style input[type=checkbox]:checked+label .style {
                background-color: #1957EA;
            }
            
            
            
            
  

 
      .coco-btn {
        font-size: 14px;
        text-decoration: none;
        padding: 6px 20px;
        white-space: nowrap;
        border-radius: 5px;
        font-weight: 500;
        display: inline-block;
        cursor: pointer;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        line-height: normal;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      .coco-btn.cancel {
        margin-right: 10px;
        color: #525456;
        background-color: transparent;
        font-weight: 500;
        transition: all 0.06s ease-out;
      }

      .coco-btn,
      .coco-btn span,
      .coco-loading {
        position: relative;
      }
      .coco-btn.ok {
        background-color: #0077ff;
        color: #fefefe;
      }
      .coco-btn.ok::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        transition: all 0.12s ease-out;
        background-color: transparent;
      }
      .coco-btn.ok:hover::before {
        background-color: rgba(255, 255, 255, 0.08);
      }
      .coco-btn.ok:active::before {
        transition: all 80ms ease-out;
        background-color: rgba(0, 0, 0, 0.2);
      }
      .github{
        font-weight: 600;
        text-align: center;
        margin-top: 100px;
      }
    <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2024288230号-1</a>