:root, [data-bs-theme=light]{
    --zy-black:#141414;
    --zy-black-secondary: #202020;
    --zy-text-body: #333333;
    --zy-text-body-secondary: #a1a1a1;
    --zy-text-body-tertiary: #999999;
    --zy-green:#00cc4c;
    --zy-white: #ffffff;
}
body{
    background-color: var(--zy-black);
    color: var(--zy-text-body-secondary);
}
a{
    color: var(--zy-text-body-secondary);
}
a:hover{
    color: var(--zy-white);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    color: var(--zy-white);
}
hr{
    opacity: .25;
}
::-webkit-scrollbar-thumb {
    background-color: var(--zy-text-body-tertiary);
    border-radius: 6px;
    -webkit-transition: background 200ms ease;
    -moz-transition: background 200ms ease;
    transition: background 200ms ease
}

::-webkit-scrollbar {
    width: 8px;
    border-radius: 6px;
    background-color: var(--zy-black);
}

::-webkit-scrollbar-button {
    display: none
}
/* cover */
.btn-danger{
    background-color: #fc3d49;
    --bs-btn-hover-bg: #ed3d49;
    --bs-btn-active-bg: #ed3d49;
}
.btn-success{
    --bs-btn-bg: #00cc4c;
    --bs-btn-hover-bg: #14b851;
    --bs-btn-active-bg: #14b851;
}
.text-success{
    color: var(--zy-green)!important;
}
/* header */
.header{
    background-color: var(--zy-black);
    box-shadow: 0 0 20px hsla(0,0%,0%,.2);
}
.header .nav-link{
    color: var(--zy-text-body-secondary);
}
.header .nav-link:hover,.header .nav-link.active{
    color: var(--zy-white);
}
/* sidebar-nav */
.sidebar-nav{
    background-color: var(--zy-black);
}
.sidebar-nav .nav-link{
    color: var(--zy-white);
}
.sidebar-nav .nav-link:hover{
    color: var(--zy-white);
    background-color: var(--zy-black-secondary);
}
.sidebar-nav .nav-link.active{
    color: var(--zy-white);
    background-color: var(--zy-green);
}
/* sidebar-search  */
.sidebar-search a {
    color: var(--zy-white);
}
.sidebar-search a:hover{
    color: var(--zy-green);
}
.zy-theme {
    background-color: var(--zy-black-secondary);
}
.zy-theme a {
    color: var(--zy-white);
}
/* index */
.z-ranking .nav-link{
    color: var(--zy-text-body-secondary);
}
.z-ranking .nav-link:hover, .z-ranking .nav-link.active{
    color: var(--zy-green);
}
/* type */
.screen .screen-tit{
    color: var(--zy-white);
}
.screen .screen-item,.vod-detail-guild .tag-link{
    color: var(--zy-text-body-secondary);
    background-color: var(--zy-black-secondary);
}
.screen .screen-item.active,.screen .screen-item.active:hover,.vod-detail-guild .tag-link:hover{
    color: var(--zy-white);
    background-color: var(--zy-green);
}
.screen .screen-item:hover{
    color: var(--zy-white);
    background: var(--zy-green);
}
/* page */
.zy-page .page-link {
    color: var(--zy-text-body-secondary);
    background-color: var(--zy-black-secondary);
}

.zy-page .page-link:hover {
    color: var(--zy-white);
    background-color: var(--zy-green);
}
.zy-page.page-link.active, .active > .page-link{
    color: var(--zy-white);
    background-color: var(--zy-green);
}
/* vod-box */
.pic-list a{
    color: var(--zy-white);
}
.pic-list p{
    color: var(--zy-text-body-tertiary);
}
/* pic-list pic-num */
.pic-list .pic-item .score{
    background-color: var(--zy-green);
}
.pic-list .pic-item .num{
    color: #fff;
}
.pic-list .pic-item .num:after{
    background: #7d99d1;

}
.pic-list .pic-item .num-first:after{
    background-color: #f43e6b;
}

.pic-list .pic-item .num-second:after{
    background-color: #ff6d3f;
}

.pic-list .pic-item .num-third:after{
    background-color: #ffab4e;
}
/* tab */
.zy-tab-box{
    background-color: var(--zy-black-secondary);
}
.zy-tab .nav-link{
    color: var(--zy-text-body-secondary);
}
.zy-tab .nav-link:hover,.zy-tab .nav-link.active{
    color: var(--zy-green);
}
.zy-tab .nav-pills .nav-link.active {
    color: var(--zy-white);
    background-color: var(--zy-green);
}
/* detail */
.vod-detail .vod-doc{
    background-color: var(--zy-black-secondary);
}
.vod-list .btn-dark{
    color: var(--zy-text-body-secondary);
    background-color: var(--zy-black-secondary);
}
.vod-list .btn-dark:hover{
    color: var(--zy-white);
    background-color: var(--zy-green);
}
/* down */
.down {
    background-color: var(--zy-black);
}
.zy-tab .nav-tabs .nav-link{
    background-color: var(--zy-black-secondary);
}
.zy-tab .nav-tabs .nav-link:hover{
    color: var(--zy-green);
    background-color: var(--zy-black-secondary);
}
.zy-tab .nav-tabs .nav-link.active{
    color: var(--zy-white);
    background-color: var(--zy-green);
    border: none;
}

/* play-dj-list */
.play-list .btn-dark{
    color: var(--zy-text-body-secondary);
    background-color: var(--zy-black-secondary);
    border: none;
}
.play-list .btn-dark:hover{
    color: var(--zy-white);
    background-color: var(--zy-green);
}
.play-list .btn-dark.active{
    color: var(--zy-white);
    background-color: var(--zy-green);
}
.player h1 a,.player h5,.pic-list-play h4 a{
    color: var(--zy-white)!important;
}
.player-right {
    background-color: var(--zy-black);
}
/* paly-tool */
.paly-tool{
    background-color: var(--zy-black-secondary);
}
.episode-box{
    background-color: var(--zy-black);
}
/* foot */
.foot{
    color: var(--zy-text-body-tertiary);
}
/* up */
.up {
    background-color: var(--zy-black-secondary);
}
.up a{
    color: var(--zy-white);
}