/* ============ 霓虹发光主题 - 颜色覆盖文件 ============ */

/* all */
body{ background: transparent; color: #b0b0b0;}

/* text */
a, h1, h2, h3, h4, h5, h6{ color: #e0e0e0;}
a:hover{ color: #00f5ff; text-shadow: 0 0 10px rgba(0, 245, 255, 0.5);}
.text-red{ color: #ff4757;}
.text-muted{ color: #888;}

/* form */
.form-control{ 
    background-color: rgba(255, 255, 255, 0.05); 
    color: #e0e0e0; 
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.form-control.colorfff{ background-color: rgba(255, 255, 255, 0.08);}
.form-control:focus{
    border-color: #00f5ff;
    box-shadow: 0 0 0 3px rgba(0, 245, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.08);
}

/* btn */
.btn, .btn:hover, .btn .icon{ color: #fff;}
.btn{ 
    background: linear-gradient(135deg, #00f5ff, #8b5cf6);
    border: none;
}
.btn-default{ 
    background-color: rgba(255, 255, 255, 0.05); 
    color: #b0b0b0;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.btn-default:hover{ 
    background-color: rgba(255, 255, 255, 0.1); 
    color: #00f5ff;
    border-color: rgba(0, 245, 255, 0.3);
}
.btn-primary{ 
    background: linear-gradient(135deg, #00f5ff, #8b5cf6);
    border: none;
    color: #fff;
}
.btn-primary .icon{ color: #fff;}
.btn-primary:hover{ 
    box-shadow: 0 6px 25px rgba(0, 245, 255, 0.5);
    transform: translateY(-2px);
}
.btn-primary:hover .icon{ color: #fff;}

/* dropdown */
.dropdown-menu{ 
    background-color: rgba(20, 20, 40, 0.98); 
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.dropdown-menu:before{
    background-color: rgba(20, 20, 40, 0.98); 
    border-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover{ 
    background: linear-gradient(135deg, #00f5ff, #8b5cf6); 
    color: #fff;
}

/* line */
.split-line{ background-color: rgba(255, 255, 255, 0.2);}
.top-line:before{ border-top: 1px solid rgba(255, 255, 255, 0.1);}
.bottom-line:after{ border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.top-line-dot:before{ border-top: 1px dotted rgba(255, 255, 255, 0.1);}
.bottom-line-dot:before{ border-bottom: 1px dotted rgba(255, 255, 255, 0.1);}

/* badge */
.badge{ background-color: rgba(255, 255, 255, 0.1);}
.badge-first{ 
    background: linear-gradient(135deg, #ff6b6b, #ee5a6f); 
    color: #fff;
    box-shadow: 0 2px 10px rgba(255, 107, 107, 0.4);
}
.badge-second{ 
    background: linear-gradient(135deg, #4facfe, #00f2fe); 
    color: #fff;
    box-shadow: 0 2px 10px rgba(79, 172, 254, 0.4);
}
.badge-third{ 
    background: linear-gradient(135deg, #43e97b, #38f9d7); 
    color: #fff;
    box-shadow: 0 2px 10px rgba(67, 233, 123, 0.4);
}

/* nav */
.nav-head > li.active > a, 
.nav-tabs > li.active > a{ 
    border-bottom: 2px solid #00f5ff; 
    color: #00f5ff;
}
.nav-tag > li > a, 
.nav-page > li > a{ 
    background-color: rgba(255, 255, 255, 0.05); 
    border: 1px solid rgba(255, 255, 255, 0.1); 
    color: #b0b0b0;
}
.nav-tag > li > a:hover, 
.nav-tag > li.active a, 
.nav-page > li > a:hover, 
.nav-page > li.active > a{ 
    background: linear-gradient(135deg, #00f5ff, #8b5cf6); 
    border-color: transparent; 
    color: #fff;
    box-shadow: 0 4px 15px rgba(0, 245, 255, 0.4);
}
.nav-page > li > a:hover > .icon{ color: #fff;}

/* tag */
.tag-type li a{ 
    background-color: rgba(255, 255, 255, 0.05); 
    border: 1px solid rgba(255, 255, 255, 0.1); 
    color: #b0b0b0;
}
.tag-type li a:hover, 
.tag-type li.active a{ 
    background: linear-gradient(135deg, #00f5ff, #8b5cf6); 
    border-color: transparent; 
    color: #fff;
    box-shadow: 0 4px 15px rgba(0, 245, 255, 0.4);
}
.tag-btn li a{ 
    background-color: rgba(255, 255, 255, 0.05); 
    color: #b0b0b0;
}
.tag-btn li a.active, 
.tag-text li a.active, 
.tag-type li.active{ 
    color: #00f5ff;
}
.tag-btn li a:hover, 
.tag li.active a{ 
    background: linear-gradient(135deg, #00f5ff, #8b5cf6); 
    color: #fff;
    box-shadow: 0 4px 15px rgba(0, 245, 255, 0.4);
}

/* pic-tag */
.pic-tag{ 
    background: linear-gradient(135deg, rgba(0, 245, 255, 0.9), rgba(139, 92, 246, 0.9)); 
    color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.pic-tag.active, 
.pic-tag-h{ 
    background: linear-gradient(135deg, #ff00ff, #8b5cf6); 
    color: #fff;
    box-shadow: 0 2px 10px rgba(255, 0, 255, 0.4);
}
.pic-text, 
.pic-title-b{ 
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); 
    color: #fff;
}
.pic-text.active{ 
    background: rgba(0, 0, 0, 0.6); 
    color: #fff;
}
.pic-title-t{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); 
    color: #fff;
}

/* pannel */
.stui-pannel-bg{ 
    background-color: rgba(20, 20, 40, 0.6);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* tabbar */
.stui_nav__taddar .item .icon, 
.stui_nav__taddar .item .title{ color: #888;}
.stui_nav__taddar .item.active .title, 
.stui_nav__taddar .item.active .icon{
    color: #00f5ff;
    text-shadow: 0 0 10px rgba(0, 245, 255, 0.5);
}
.stui_nav__taddar.fixed{ 
    background-color: rgba(20, 20, 40, 0.98);
    backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* vodlist */
.stui-vodlist__bg{
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.stui-vodlist__bg:hover{ 
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
    border-color: rgba(0, 245, 255, 0.3);
}

/* text-list */
.stui-vodlist__text.striped .striped-head,
.stui-vodlist__text.to-color li:nth-of-type(odd){ 
    background-color: rgba(255, 255, 255, 0.03);
}

/* link */
.stui-link__pic li a{ 
    background-color: rgba(20, 20, 40, 0.6); 
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.stui-link__pic li a:hover{ 
    border-color: rgba(0, 245, 255, 0.4);
    box-shadow: 0 4px 20px rgba(0, 245, 255, 0.2);
}

/* screen */
.stui-screen__list li a{ color: #b0b0b0;}
.stui-screen__list li.active a{ 
    background: linear-gradient(135deg, #00f5ff, #8b5cf6); 
    color: #fff;
    box-shadow: 0 4px 15px rgba(0, 245, 255, 0.4);
}

/* playlist */
.stui-content__playlist li a{ 
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.05);
    color: #b0b0b0;
}
.stui-content__playlist li a:hover,
.stui-content__playlist li.active a{ 
    border-color: transparent; 
    background: linear-gradient(135deg, #00f5ff, #8b5cf6); 
    color: #fff;
    box-shadow: 0 4px 15px rgba(0, 245, 255, 0.4);
}

/* player */
.stui-player__video{ background-color: #000;}

/* page */
.stui-page li a,
.stui-page li .num{
    background-color: rgba(255, 255, 255, 0.05); 
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #b0b0b0;
}
.stui-page li a:hover,
.stui-page li.active a,
.stui-page li.active .num,
.stui-page li.disabled a{ 
    background: linear-gradient(135deg, #00f5ff, #8b5cf6); 
    color: #fff; 
    border-color: transparent;
    box-shadow: 0 4px 15px rgba(0, 245, 255, 0.4);
}
.stui-page-text a,
.stui-page-text em,
.stui-page-text span{
    background-color: rgba(255, 255, 255, 0.05); 
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #b0b0b0;
}
.stui-page-text span.pagenow{
    background: linear-gradient(135deg, #00f5ff, #8b5cf6); 
    color: #fff;
    border-color: transparent;
    box-shadow: 0 4px 15px rgba(0, 245, 255, 0.4);
}
.stui-page-text .pagego{ 
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.05);
    color: #b0b0b0;
}
.stui-page-text .pagebtn{
    background-color: rgba(255, 255, 255, 0.05); 
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #b0b0b0;
}
.stui-page-text .pagebtn:hover{
    background: linear-gradient(135deg, #00f5ff, #8b5cf6);
    color: #fff;
    border-color: transparent;
}

/* extra */
.stui-extra li a,
.stui-extra li span{ 
    background-color: rgba(20, 20, 40, 0.6);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.stui-extra li a.backtop{ 
    background: linear-gradient(135deg, #00f5ff, #8b5cf6);
    color: #fff;
    box-shadow: 0 4px 20px rgba(0, 245, 255, 0.4);
}
.stui-extra li .sideslip{ 
    background-color: rgba(20, 20, 40, 0.98); 
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}
.stui-extra li .sideslip:before{ 
    background-color: rgba(20, 20, 40, 0.98); 
    border-color: rgba(255, 255, 255, 0.1);
}

/* popup */
.popup{ 
    background-color: rgba(10, 10, 26, 0.98);
    backdrop-filter: blur(20px);
}
.popup-head{ 
    background-color: rgba(20, 20, 40, 0.98);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 文章导航 */
.news-nav{ position: relative;}
.news-nav li a{ 
    display: block; 
    padding: 15px 0; 
    font-size: 16px; 
    text-align: center;
    color: #b0b0b0;
    transition: all 0.3s ease;
}
.news-nav li.active a{ 
    color: #00f5ff;
    text-shadow: 0 0 10px rgba(0, 245, 255, 0.5);
}

@media (max-width: 991px){	
    .news-nav li{ float: left; margin-left: 10px; margin-right: 10px}
    .news-nav li.top-line-dot:before{ display: none;}
    .news-nav li a{ padding: 0; white-space:nowrap}
}

@media (max-width: 767px){
	
    /* form */
    .form-control{ 
        background-color: rgba(255, 255, 255, 0.05); 
        color: #e0e0e0; 
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
	
    /* pannel */
    .stui-pannel-bg,
    .stui-vodlist__bg,
    .stui-vodlist__bg:hover{
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    }
	
    /* line */		
    .m-top-line:before{ border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .m-bottom-line:after{ border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    .m-top-line-dot:before{ border-top: 1px dotted rgba(255, 255, 255, 0.1);}
    .m-bottom-line-dot:before{ border-bottom: 1px dotted rgba(255, 255, 255, 0.1);}
}