﻿
body {background: #1a1a1a;color: #888;}
h1,h2,h3,h4,h5,h6{color:hsla(0,0%,100%,.85);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#444;}
button:disabled{color:#555;}
.nav-zone-list{background-color:#1a1a1a;color:hsla(0,0%,100%,.85);}
.hl-bg-subs{background-color:#252525;color:hsla(0,0%,100%,.85);}
.hl-bg-muted{background-color:#2f2f2f;color:hsla(0,0%,100%,.85);}
.cover-ribbon{-webkit-filter:grayscale(100%)brightness(100);filter:grayscale(100%)brightness(100);}

.label-line-modal .lg-nav-cell .panel-flex-chip.label-cover{display:none;}
.label-line-modal .lg-nav-cell .panel-flex-chip.hero-alert-drop{display:block;}
.active-banner .form-outer-badge::before,.label-line-modal .nav-tip-item::before{background-color:#1f1f1f;}.label-line-modal .nav-tip-item::before{position:absolute;top:0;left:0;width:100%;height:100%;content:""}

/* 主色文字 */
.active-banner .hl-article-main .hl-article-box,.active-banner .section-text-footer .btn-list-panel a.active,.hl-text-site,.conch-member select,.conch-member .hl-cont-list p>span,input,button,textarea{color:hsla(0,0%,100%,.85);}
/* 辅色文字 */
.menu-side{color: #888;}
/* 辅色文字1 */
.hl-text-color,.details-story h4 em{color: #f90}
/* 浅色文字 */
.active-banner .hl-part-nums,.active-banner .hl-player-tips h3,.active-banner .hl-player-tips.header-inner-fixed li,.active-banner .link-tier-slot .banner-mast i,.sm-grid .zone-border .text-chunk-right a,.label-line-modal .conch-menus ul>li>a>i,.form-mast-hero .block-footer-row a.btn-active-row,.btn-badge-flex li a.btn-active-row,.hl-text-muted,.mac_pop .pop_close,.conch-member .hl-user-set a>i,.conch-member .hl-user-set p>i{color:#666;}
/* 白色文字 */
.active-banner .form-outer-badge,.label-line-modal .nav-tip-item,.label-line-modal .nav-tip-item .icon-badge .hl-nav-item a.active,.label-line-modal .nav-tip-item .hl-nav-more span.active,.modal-btn-line{color:#fff;}
/* 主色背景 */
.active-banner .hl-article-main .hl-tool-icon ul>li>a>em,.active-banner .form-outer-badge:after,.active-banner .row-label:after,.label-line-modal .nav-tip-item .conch-search,.label-line-modal .conch-headwrap:not(.nav-tip-item).fixed,.active-banner .block-bar-lg .hl-alert-box{background-color:#1a1a1a;}
/* 辅色背景 */
.active-banner .hl-article-main .hl-article-head.btn-badge-flex li a.btn-active-row,.actor-title,.active-banner .hl-new-items .left-tip-item li:nth-child(odd),.active-banner .section-text-footer .ribbon-bar-grid .border-bg-inner a,.active-banner .section-text-footer .ribbon-bar-grid li>a,.active-banner .hl-row-box .hl-actor-sm .hl-item-link,.active-banner .hl-row-box .left-section,.label-line-modal .conch-menus ul>li>a.active,.label-line-modal .conch-search,.active-banner .block-bar-lg .hl-search-text,.hl-comm-list .hl-comm-reply,.form-mast-hero .block-footer-row a.btn-active-row,.hl-alert-box.nav-zone-list,.hl-alert-box.nav-zone-list::after,.mac_pop,.role-box-txt,.hl-actor-conts h4,.details-story h4{background-color:#252525;}
.active-banner .row-label,.active-banner .form-outer-badge::before, .label-line-modal .nav-tip-item::before{background-color:#151515;}
/* 浅色背景 */
.active-banner .hl-from-list li.active,.sm-grid .zone-border .text-chunk-right a,.alert-label-slot a.active,.hl-alert-box .hl-bg-subs,.actor-main {background-color: #2f2f2f;}
/* 描边 */
.conch-adjust-res .conch-results,.active-banner .hl-article-main .hl-article-head,.active-banner .hl-article-paged,.active-banner .hl-article-paged a.hl-prev,.active-banner .input-item-alert .row-tab-mast,.active-banner .hl-downinfo-wrap .link-tier-slot .chunk-cell,.active-banner .hl-downs-box,.active-banner .section-text-footer .lg-tier-group,.active-banner .left-tip-item li,.active-banner .hl-row-box .form-block-left .hl-row-div,.active-banner .hl-row-box .hl-art-list li .grid-top-btn,.active-banner .hl-row-box .img-pop-section,.active-banner .hl-row-box .nav-flex-tag .badge-title-text:not(:last-child) .grid-top-btn,.active-banner .hl-row-box .main-row-chip,.active-banner .block-tab-main .outer-panel-row,.sm-grid .outer-wrap-page,.hl-comm-list .hl-comm-each,.block-grid-end .hl-art-list li:not(:last-child) .hl-row-div{border-color:#252525;}
.label-line-modal .conch-search .hl-sh-search,.active-banner .hl-actor-conts,.active-banner .hl-article-main .hl-tool-icon ul>li>a,.hl-comm-form .hl-comm-face-box img,.hl-comm-form .hl-comm-write,.header-inner-fixed li,.hl-member .hl-reg-go a:not(:last-child)::after,.hl-msg-jump .form .item1,.form-mast-hero .block-footer-row a,.btn-badge-flex li .num,.btn-badge-flex li a,.hl-rb-gbook .mac_report .hl-comm-form .hl-comm-content,.hl-reg-wrap form .hl-reg-group,.conch-member .hl-tool-btns,.conch-member .hl-tool-btns a,.conch-member .hl-user-set a,.conch-member .hl-cont-list p,.conch-member .hl-data-list li{border-color:#2f2f2f;}
/* 其他 */
.active-banner .hl-downs-box .btns>a{background:#333;}
.active-banner .hl-row-box .text-hidden-box:after,.active-banner .block-bar-lg .hl-search-select::after,.label-line-modal .conch-search .hl-search-select::after{background:#323232;}
/* 搜索按钮：深色主题下补充橙色背景，防止与搜索框背景混为一色 */
.label-line-modal .nav-tip-item .conch-search .hl-search-submit{color:#fff;background:#f50;background:-webkit-linear-gradient(left,#f50,#f80);background:linear-gradient(90deg,#f50,#f80);}
.active-banner .block-icon .modal-border-box{color:#2f2f2f;}
.conch-input{border-color:#444;}
.sm-grid .body-panel span{color:#444;}
.badge-head-cover .flex-right:not(:last-child)::after,.hl-empty-wrap i{color:#333;}
/* 半透及投影 */
.chunk-stack-block .label-line-modal .conch-headwrap{-webkit-box-shadow:0 0 20px hsla(0,0%,0%,.1);box-shadow:0 0 20px hsla(0,0%,0%,.1);}
.label-line-modal .conch-headwrap{-webkit-box-shadow:0 0 20px hsla(0,0%,0%,.2);box-shadow:0 0 20px hsla(0,0%,0%,.2);}
.label-line-modal .conch-menus.active{-webkit-box-shadow:15px 0 30px rgba(0,0,0,.4);box-shadow:15px 0 30px rgba(0,0,0,.4);}
.conch-scrollbar .swiper-scrollbar-drag,.hl-play-scrollbar .swiper-scrollbar-drag{background:rgba(255, 255, 255, 0.05);}
.active-banner .hl-row-box .hl-topic-list .grid-top-btn:after,.hl-topic-list .grid-top-btn:before{background:rgba(95, 95, 95, 0.25);}
.hl-alert-box{-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.2);box-shadow: 0 5px 20px 0 rgba(0,0,0,.2);}
.form-mast-hero .block-footer-row a.btn-active-row,.btn-badge-flex li a.btn-active-row{opacity:.5;}
.img-head-block{background:-webkit-linear-gradient(left,hsla(0,0%,7%,0),#1a1a1a);background:linear-gradient(90deg,hsla(0,0%,7%,0),#1a1a1a);}
.hl-msg-jump,.conch-member .hl-user-info,.conch-member .hl-user-set ul{background: #252525;}
.hl-pops-bg{background-color: rgba(0,0,0,.8);}
/*演员角色*/
@media (min-width: 768px) {
    /* 主色背景 */
    .active-banner .hl-content-hide a{background:#1a1a1a;} 
    /* 辅色背景 */
    .active-banner .hl-downs-box:hover,.active-banner .hl-rank-items .left-tip-item li:hover,.active-banner .hl-row-box .hl-swiper-item .hl-ls-arrow a:hover,.active-banner .link-tier-slot .tier-item-active .left-panel-group,.label-line-modal .conch-menus ul>li>a:hover,.label-line-modal .conch-list .hl-user-items>a,.conch-results li.ac_over,.item-col-head,.conch-member .hl-cont-left,.conch-member .hl-cont-right,.hl-member .hl-reg-wrap{background-color:#252525;}
    /* 浅色背景 */
    .active-banner .hl-from-list li:hover,.conch-member .hl-user-set li:hover,.conch-member .hl-data-list li:hover,.conch-member .hl-user-info{background-color:#2f2f2f;}
    /* 描边 */
    .active-banner .hl-new-items .left-tip-item,.active-banner .cover-bottom .row-sm-nav,.active-banner .hl-rank-items .left-tip-item,.card-section-hero .tag-list-tier{border-color:#252525;}
    .active-banner .panel-hero .section-text-footer .lg-tier-group,.active-banner .hl-downs-box .url-input,.conch-member .hl-user-set ul:first-child li:last-child a,.active-banner .hl-row-box .hl-cont-right .img-pop-section{border-color:#2f2f2f;}
}
@media (min-width: 992px) {
    .active-banner .page-inner-page{background-color:#252525;}
    .active-banner .panel-hero .section-text-footer .ribbon-bar-grid li>a,.active-banner .panel-hero .section-text-footer .ribbon-bar-grid .border-bg-inner a{background:#2f2f2f;}
    .active-banner .panel-hero .img-head-block{background:-webkit-linear-gradient(left,transparent,#252525);background:linear-gradient(90deg,transparent,#252525);}
}
@media (max-width: 767px) {
    .main-panel::after,.line-foot-group::after,.hl-full-alert{background:#1a1a1a;}
}
