:root {
    --theme-color: #206be7;
    --theme-hover: #1162e8;
    --action-color: #206be7;
    --theme-base-color: #777777;
    --theme-base-red-color: #931c22;
    --theme-base-gray-color: #cdcdcd;
    --theme-base-blue-color: #0070a0;
    --theme-body-bg-color: #f5f5f5;
    --theme-el-bg-color: #1d1d1d;
    --theme-color-h: 0;
    --theme-color-s: 0%;
    --theme-color-l: 10%;
    --theme-color-hsl: var(--theme-color-h), var(--theme-color-s), var(--theme-color-l);
    --theme-black-color: hsl(var(--theme-color-hsl));
    --theme-gray-color: hsla(var(--theme-color-hsl), .8);
    --theme-light-color: hsla(var(--theme-color-hsl), .6);
    --theme-line-color: hsla(var(--theme-color-hsl), .07);
    --theme-border-color: hsla(var(--theme-color-hsl), .2);
    --theme-font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
    --theme-sidebar-width: 300px;
    --theme-content-sidebar-gap:40px;

    --size: 0vmin;
    --speed: 0.9s;
    --ease-emojis: cubic-bezier(0.125, 0.185, 0.55, 1.775);
    --ease-bars: cubic-bezier(0.105, 0.165, 0.55, 1.575);
    --red: #F44336;
    --blue: #1E88E5;
    --yellow: #FDD835;
}

body {
    background-color: var(--theme-el-bg-color);
}

body header.header .logo img {
    opacity: 0.6;
}

#main {
    color: var(--theme-base-color);
}

.dialog-box {
    background: var(--theme-el-bg-color) !important;
    color: var(--theme-base-color);
}

.dialog-box button {
    background-color: var(--theme-base-blue-color) !important;
    color: var(--theme-base-gray-color) !important;
}

.dialog-box button:last-child {
    background-color: rgb(66 66 66) !important;
    color: var(--theme-base-gray-color) !important;
}

#fixedPanel {
    background: var(--theme-el-bg-color) !important;
}

#levelModelBox input {
    background: var(--theme-el-bg-color) !important;
    color: var(--theme-base-color) !important;
}

#levelModelBox button {
    background: var(--theme-base-blue-color) !important;
    color: var(--theme-base-gray-color) !important;
}

.section-container .grid-content .title a, .section-container .grid-content .title a:hover {
    color: var(--theme-base-color);
}

.section-container .section-title {
    color: var(--theme-base-color);
}

.section-container .section-title .more {
    color: var(--theme-base-color);
}

@media (max-width: 991px) {
    body .navbar-relative-container,
    body.header-fixed .banner-container .navbar-container {
        background-color: var(--theme-el-bg-color) !important;
    }

    .navbar-collapse {
        background: var(--theme-el-bg-color);
    }

    body header.header .wpcom-adv-menu li a:active, body header.header .wpcom-adv-menu li a:focus, body header.header .wpcom-adv-menu li a:hover {
        color: var(--theme-base-gray-color) !important;
    }
}

body .navbar-container {
    box-shadow: 0 0 3px 1px hsl(0deg 0% 0% / 32%) !important
}

@media (min-width: 991px) {
    body header.header .banner-container .nav > li > a {
        color: #999 !important;
    }

    body.header-fixed .banner-container .navbar-container {
        background-color: var(--theme-el-bg-color) !important;
    }

    body.header-fixed header.header .banner-container .nav > li > a {
        color: #999 !important;
    }

    .header-fixed .navbar-action .icon-item *,
    .header-fixed .navbar-action .icon-item .header-icon {
        color: var(--theme-base-color)
    }

    body .navbar-container {
        background-color: var(--theme-el-bg-color) !important;
    }

    body header.header > .container {
        background: var(--theme-el-bg-color) !important;
    }


    .navbar-action .icon-item .not-login {
        background: var(--theme-base-blue-color);
    }

    .navbar-action .icon-item .not-login .header-icon {
        color: #e3e3e3;
    }

    .avatar-panel-popover {
        border-radius: 6px;
        background: var(--theme-el-bg-color);
    }

    .v-popover-content {
        border: 1px solid #000;
    }

    .avatar-panel-popover .split-line {
        background: var(--theme-base-color);
    }

    .navbar-action .icon-item i,
    .navbar-action .icon-item * {
        color: #999 !important;
    }

    body header.header .nav > li.menu-item.active > a {
        color: var(--theme-base-blue-color) !important;
    }
}


    .icon-bar {
        background: var(--theme-base-color);
    }

    .navbar-on .icon-bar {
        background: var(--theme-base-color) !important;
    }

    .navbar-action .icon-item.icon-nickname-item a {
        color: var(--theme-base-color);
    }

    .navbar-action .icon-item.lang-change {
        color: var(--theme-base-color);
    }

    .navbar-action .icon-item .i18n-change .i18n-box {
        background: var(--theme-el-bg-color);
    }

    .navbar-action .icon-item .i18n-change .i18n-box a {
        color: var(--theme-base-color);
    }

    .navbar-action .icon-item.model-change {
        color: var(--theme-base-color);
    }

    .navbar-action .icon-item.mobile-nickname-item>div {
        color: var(--theme-base-color);
    }

    body header.header .wpcom-adv-menu .active > a,
    body header.header .wpcom-adv-menu li a {
        color: var(--theme-base-color) !important;
    }

.mobile-search-panel,
.mobile-search-panel .full-search-form {
    background: var(--theme-el-bg-color);
}

.mobile-search-panel .full-search-form {
    border: 1px solid var(--theme-base-color);
}

.mobile-search-panel .full-search-form input {
    color: var(--theme-base-color);
}

.mobile-search-panel .history-list > li a,
.mobile-search-panel .full-btn-close,
.mobile-search-panel .history-title > i {
    color: var(--theme-base-color);
}

.mobile-search-panel .line-split {
    background: #3d3d3d;
}

.mobile-search-panel .history-list > li a {
    border: 1px solid var(--theme-base-color);
}

    .navbar-action .icon-item.icon-logout-item {
        color: var(--theme-base-color) !important;
    }

    .wpcom-slider .slide-title a {
        color: var(--theme-base-gray-color);
    }

    .feature-post a {
        color: var(--theme-base-color)
    }
    .swiper-section > .slider-wrap .feature-post li {
        background: var(--theme-el-bg-color);
    }

    .slider-wrap .feature-post li .feature-post-img .bottom,
    .section-container .img-container .tips {
        color: var(--theme-base-gray-color);
    }

    .right-aside .aside-body,
    .comment-list .comment-item{
        border-bottom: 1px solid var(--theme-base-color);
    }

    .comment-list .comment-item .user-card {
        color: var(--theme-base-color);
    }

    .right-aside .aside-body ul li:nth-child(odd),
    .right-aside .aside-body ul li:nth-child(even){
        background: var(--theme-el-bg-color);
    }

    .right-aside .aside-body {
        box-shadow: 0 2px 10px 1px rgb(0 0 0 / 50%);
    }


@media (min-width: 991px) {
    .right-aside .aside-body {
        border-bottom: 0;
    }
    .right-aside .aside-header .aside-tag {
        background: #4e381e;
    }
    .right-aside .aside-body ul li:nth-child(odd) {
        background: var(--theme-el-bg-color);
    }

    .right-aside .aside-body ul li:nth-child(even) {
        background: var(--theme-el-bg-color);
    }
}

@media (max-width: 991px) {
    .right-aside .aside-header .aside-tag {
        color: var(--theme-base-color);
    }
}

    .right-aside .aside-header a {
        background: #626262;
    }

    .right-aside .aside-body ul li span,
    .right-aside .aside-body ul li span em{
        color: var(--theme-base-color)
    }

    .right-aside .aside-body ul li div .title a {
        color: var(--theme-base-blue-color);
    }


    .login-container {
        background: var(--theme-el-bg-color);
    }

.login-container .login-top h2 {
    color: var(--theme-base-color)
}

.login-container .yue-reg-wrap .yue-reg-group .yue-reg-control {
    color: var(--theme-base-color)
}

.login-container .yue-btn-submit,
.yue-email-send{
    background: var(--theme-base-blue-color);
    color: #e3e3e3;
}

.login-container .yue-pull-left,
.login-container .yue-pull-right {
    color: var(--theme-base-color)
}

.login-container .yue-pull-right .yue-text-conch {
    color: var(--theme-base-blue-color) !important;
}

.login-container .yue-reg-wrap .yue-reg-group .yue-captcha {
    opacity: 0.6;
}

.login-container .yue-reg-wrap .yue-reg-group {
    border-bottom: 1px solid #888888;
}

.login-container .login-close {
    color: var(--theme-base-color)
}

.v-popover * {
    color: var(--theme-base-color) !important;
}

.search-input-container .search-input-wrap.flex-between {
    background: var(--theme-el-bg-color);
}

.search-input-container .search-input-wrap .search-btn {
    background: var(--theme-base-blue-color);
    color: var(--theme-base-gray-color);
    border: 1px solid var(--theme-base-blue-color);
}

.search-input-container .search-input-wrap .search-input {
    color: var(--theme-base-gray-color);
}

.search-input-container .search-input-wrap.search-input-focus {
    border-color: var(--theme-base-blue-color);
}

.search-input-container .search-input-wrap .search-icon {
    color: var(--theme-base-blue-color);
}

.search-list .item-content .item-title a,
.search-tabs-navbar .tabs-nav-item:hover .tabs-nav-text,
.search-tabs-navbar .tabs-nav-item-active .tabs-nav-text {
    color: var(--theme-base-blue-color);
}

.search-list .item-pic a span.yue {
    background: var(--theme-base-blue-color);
    color: var(--theme-base-gray-color);
}

.search-list .item-pic .pic-tag em {
    color: var(--theme-base-gray-color);
}

.search-list .item-row {
    border-bottom: 1px solid var(--theme-base-color);
}

.search-tabs-navbar .tabs-nav-item-active .tabs-nav-text {
    border-bottom: 3px solid var(--theme-base-blue-color);
}

.filter-content .sort-item a, .filter-content .sort-item a:hover {
    color: var(--theme-base-color);
}

.search-tabs .search-tabs-navbar {
    border-bottom: 1px solid var(--theme-base-color);
}

.filter-container {
    box-shadow: 0 2px 10px 1px rgb(0 0 0 / 20%);
}

.filter-container .filter-text,
.filter-container .filter-content span a {
    color: var(--theme-base-color);
}

.filter-container .filter-content span a.active,
.filter-content .sort-item a.active,
.filter-content .sort-item.on i.active {
    color: var(--theme-base-blue-color);
}

.filter-content .sort-item.on i.active {
    border-color: var(--theme-base-blue-color) rgba(0,0,0,0);
}

.filter-content .sort-item i.up {
    border-bottom: 5px solid var(--theme-base-color);
}

.filter-content .sort-item i.down {
    border-top: 5px solid var(--theme-base-color);
}






ul.pagination {
    background: var(--theme-el-bg-color);
}

ul.pagination li, ul.pagination li.active {
    background-color: hsl(0deg 0% 15% / 75%);
    color: #666;
}

ul.pagination > li.active, ul.pagination li:not(.jump-item):not(.cur-page):hover {
    color: var(--theme-base-gray-color);
    background: var(--theme-base-blue-color);
}

ul.pagination input.jump-ipt:focus {
    border-color: var(--theme-base-blue-color);
}

ul.pagination li .jump-btn {
    margin-right: 0 !important;
}

ul.pagination li.active .page-link {
    color: var(--theme-base-gray-color);
}

@media (max-width: 991px) {
    .viu-user-menu {
        border: 1px solid var(--theme-base-color);
    }
    .viu-user-menu .user-menu-item span>i em {
        background: #ffed0000;
    }
}


.viu-user-head .viu-user-name a>span,
.viu-user-menu .user-menu-item .user-menu {
    color: var(--theme-base-color);
}

.viu-user-menu .user-menu-item .user-menu {
    border-bottom-color: var(--theme-base-color);
}

.user-setting-form .modal-content {
    background: var(--theme-el-bg-color);
}

.user-setting-form .modal #cropAndUpload {
    background: var(--theme-base-blue-color);
    color: var(--theme-base-gray-color);
}

.croppie-container {
    background-color: var(--theme-el-bg-color);
}

.croppie-container .cr-boundary {
    background-color: rgb(255 255 255);
}

.right-content .main-content button.save-btn {
    background: var(--theme-base-blue-color);
    color: var(--theme-base-gray-color);
}

.right-content .viu-data-list .viu-item-content .viu-item-title a,
.right-content .main-content .content-list p>input {
    color: var(--theme-base-color);
}

.right-content .viu-data-list li {
    border-bottom: 1px solid var(--theme-base-color);
}

.content-list .viu-tool-btn {
    border: 1px solid var(--theme-base-color);
    color: var(--theme-base-color);
}

.content-list .viu-tool-btn span {
    border-right: 1px solid var(--theme-base-color);
    color: var(--theme-base-color);
}



.viu-user-counter ul {
    border: 1px solid var(--theme-base-color);
}

.right-content .main-content .content-list p {
    border-bottom: 1px solid var(--theme-base-color);
}



    .conch-footer .hl-foot-nav {
        background: var(--theme-el-bg-color);
    }

    .conch-footer .hl-foot-nav .hl-fn-item a {
        color: var(--theme-base-color)
    }

    .conch-footer .hl-foot-nav .hl-fn-item.active * {
        color: var(--theme-base-red-color)
    }

.footer-container .footer-right .footer-qrcode-img img {
    opacity: 0.6;
}

.panel-search-icon {
    color: var(--theme-base-color);
}


.flex-center {
    color: var(--theme-base-color);
}

.side_toolbar_item {
    background-color: #000;
    border-bottom: 1px solid var(--theme-el-bg-color);
}

.side_toolbar_item .stb_item:hover i {
    color: var(--theme-base-gray-color);
}

.side_toolbar_item .stb_item span.stb_desc {
    background: var(--theme-base-blue-color);
    color: var(--theme-base-gray-color);
}

.side_toolbar_item .code_item .stb_box {
    background: var(--theme-el-bg-color);
    border: 1px solid var(--theme-base-gray-color);
}


#dl_qrcode {
    opacity: 0.6;
}



#player {
    aspect-ratio: 16/9;
    -webkit-box-shadow: none;
    box-shadow: none;
}

section.toolbar .toolbar-left .item-tool i.ri-tv-fill i {
    color: var(--theme-base-gray-color);
}

article.section-container {
    border-top: 1px solid var(--theme-base-color);
    border-bottom: 1px solid var(--theme-base-color);
}

article.section-container .intro-show-text {
    color: var(--theme-base-color);
}

@media (min-width: 767px) {
    article.section-container .intro-show-text {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #0000008c 100%);
    }
}

@media (max-width: 991px) {
    article.section-container .intro .intro-mobile-mask {
        background: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#23232387 100%);
    }

    .right-aside .aside-header {
        border-top: 1px solid var(--theme-base-color);
    }
}

.aside-content {
    background-color: var(--theme-el-bg-color);
}

.series-content .play-list li.active {
    background: var(--theme-base-blue-color);
}

.series-content .play-list li.active a em {
    color: var(--theme-base-gray-color);
}

.series-content .play-list li {
    background: #525252;
}

.series-content .play-list li a em {
    color: var(--theme-base-color);
}

.comment-container .comment-body .textarea-box {
    background: #e8e8e8 !important;
}

.comment-container .comment-body .textarea-box:hover, .comment-container .comment-body .textarea-box:focus, .comment-container .comment-body .textarea-box:active {
    background: #e8e8e8 !important;
}

.modal-content {
    background: var(--theme-el-bg-color) !important;
    color: var(--theme-base-color) !important;
}

.modal-content textarea {
    border: 1px solid var(--theme-base-color) !important;
    background: var(--theme-el-bg-color) !important;
    color: var(--theme-base-color) !important;
}

.modal-content #submitButton {
    background: var(--theme-base-blue-color) !important;
    color: var(--theme-base-gray-color) !important;
}

.error-container {
    border: 1px solid var(--theme-base-color);
}

.error-container .return-tools .return {
    color: var(--theme-base-blue-color);
}

.log-reg form h4 {
    color: var(--theme-base-gray-color);
}

.third-party-login-container .title-outside {
    color: var(--theme-base-gray-color);
}

.third-party-login-container .left-hr,
.third-party-login-container .right-hr,
.log-reg .reg-ts a::after {
    border-color: var(--theme-base-color) !important;
}

.log-reg .btn-brand, .log-reg .send-button {
    background: var(--theme-base-blue-color) !important;
    color: var(--theme-base-gray-color) !important;
}

.log-reg form .reg-group-tips, .yue-reg-form .reg-group-tips  {
    color: #880000 !important;
}

.log-reg form .reg-group {
    border: 1px solid var(--theme-base-color) !important;
    background: var(--theme-el-bg-color) !important;
    color: var(--theme-base-color) !important;
}

.log-reg form .reg-group .reg-control {
    color: var(--theme-base-color) !important;
}

.log-reg .m-hi {
    border-radius: 0;
    margin-bottom: 2px;
}

.log-reg .layout .copyright p {
    color: var(--theme-base-color) !important;
}

.content-list .tab-buttons {
    border: 1px solid var(--theme-base-color);
}

.content-list .tab-btn {
    color: var(--theme-base-color);
    border-right: 1px solid var(--theme-base-color);
}

.content-list .tab-btn.active {
    background-color: var(--theme-base-blue-color);
    color: var(--theme-base-gray-color);
}

@media (max-width: 650px) {
    .danmu-navbar-on.danmu-navbar-on-shadow {
        background: rgb(0 0 0 / 50%);

    }
}

.art-danmuku-emitter .art-danmuku-send {
    background-color: var(--theme-base-blue-color) !important;
    color: var(--theme-base-gray-color);
}

.content-list .tab-btn a {
    color: var(--theme-base-color);
}

.user-card-wrap {
    background: #383838;
}

.user-card-cover {
    opacity: 0.5;
}

.user-card-name, .user-card-desc, .user-stats-item {
    color: var(--theme-base-color);
}

.user-card-action .btn-primary {
    background: var(--theme-base-blue-color);
    color: var(--theme-base-gray-color);
}

.wpcom-modal .modal-content {
    background-color: #383838 !important;
}

.wpcom-modal .modal-title {
    color: var(--theme-base-color);
}

.modal-message .modal-message-text {
    border: 0 !important;
    background: #474747 !important;
}

.modal-message .modal-message-content {
    background: hsl(0deg 0% 10% / 34%);
}

.modal-message .message-sender .modal-message-content:before {
    border-left: 8px solid hsl(0deg 0% 10% / 34%);
}

.modal-message .modal-message-content:before {
    border-left: 8px solid hsl(0deg 0% 10% / 5%);
}

.modal-message .modal-message-content .message-text {
    color: var(--theme-base-color);
}

.modal-message .modal-message-time {
    color: var(--theme-base-color) !important;
}

.pr-tab-content .private-msg-item:hover {
    background-color: #343434 !important;
}

.pr-tab-content .private-msg-item {
    border-bottom: 1px solid var(--theme-base-color) !important;
}

.pr-tab-content .private-msg-item .bottom .bottom-right .deleted {
    color: var(--theme-base-blue-color) !important;
}

.pr-tab-content .private-msg-item .pr-content .title a {
    color: var(--theme-base-blue-color);
}

.person-head .person-information .person-avatar {
    background: var(--theme-base-color)
}

.person-head .person-information .person-info-cell h5 {
    color: var(--theme-base-gray-color);
}

.tab-top-select ul li.active {
    background: var(--theme-el-bg-color);
}

.tab-top-select ul li.active a, .tab-top-select ul li.active span {
    border-bottom: 2px solid var(--theme-base-blue-color)
}

@media (max-width: 767px) {
    .tab-top-select ul li.active {
        border-bottom: 2px solid var(--theme-base-blue-color);
    }
}

.tab-top-select ul li.active a,
.tab-top-select ul li.active span {
    color: var(--theme-base-blue-color);
}

.person-info-container .info-group ul li {
    border-bottom: 1px solid var(--theme-base-color);
}

@media (max-width: 991px) {
    body header.header .navbar-header .mobile-header-title h2 {
        color: #666;
    }
}

.v-filter .arrow-btn .v-list {
    background: var(--theme-el-bg-color);
}

.v-filter .arrow-btn {
    color: var(--theme-base-gray-color);
}

.v-filter .arrow-btn .v-list li:hover {
    background: var(--theme-base-blue-color);
}

.v-filter .arrow-btn .v-list li:hover a {
    color: var(--theme-base-gray-color);
}