@charset "utf-8";body {  background: var(--bg, #0d1117);  color: var(--text, #e6edf3);}a, h1, h2, h3, h4, h5, h6 { color: #e6edf3; }a:hover { color: #8b5cf6; }.text-red, .text-muted { color: #7d8590; }.form-control {  background-color: #161b22;  color: #e6edf3;  border: 1px solid #30363d;  border-radius: 6px;}.form-control.colorfff { background-color: #161b22; }.form-control:focus {  border-color: #8b5cf6;  box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.2);}.btn, .btn:hover, .btn .icon { color: #e6edf3; }.btn {   border: 1px solid #30363d;   background-color: #21262d;   border-radius: 6px;  transition: all 0.2s ease;}.btn-default { background-color: #161b22; color: #e6edf3; }.btn-default:hover {   background-color: #30363d;   border-color: #8b5cf6;}.btn-primary {  background: linear-gradient(135deg, #8b5cf6, #7c3aed);  border: none;  color: #fff;  font-weight: 500;}.btn-primary:hover {  background: linear-gradient(135deg, #7c3aed, #6d28d9);  transform: translateY(-1px);  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);}.dropdown-menu {  background-color: #161b22;  border: 1px solid #30363d;  border-radius: 6px;  box-shadow: 0 8px 24px rgba(0,0,0,0.5);}.dropdown-menu:before {  background-color: #161b22;  border-color: #30363d;}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {  background-color: #8b5cf6;  color: #fff;}.split-line { background-color: #30363d; }.top-line:before { border-top: 1px solid #30363d; }.bottom-line:after { border-bottom: 1px solid #30363d; }.top-line-dot:before { border-top: 1px dotted #30363d; }.bottom-line-dot:before { border-bottom: 1px dotted #30363d; }.badge { background-color: #30363d; color: #e6edf3; border-radius: 4px; }.badge-first { background-color: #8b5cf6; color: #fff; }.badge-second { background-color: #7c3aed; color: #fff; }.badge-third { background-color: #6d28d9; color: #fff; }.nav-head > li.active > a,.nav-tabs > li.active > a {  border-bottom: 2px solid #8b5cf6;  color: #8b5cf6;  font-weight: 500;}.nav-tag > li > a, .nav-page > li > a {  background-color: #161b22;  border: 1px solid #30363d;  color: #e6edf3;  border-radius: 6px;  transition: all 0.2s ease;}.nav-tag > li > a:hover,.nav-tag > li.active a,.nav-page > li > a:hover,.nav-page > li.active > a {  background-color: #8b5cf6;  border: 1px solid #8b5cf6;  color: #fff;  transform: translateY(-1px);}.tag-type li a {  background-color: #161b22;  border: 1px solid #30363d;  color: #7d8590;  border-radius: 6px;  transition: all 0.2s ease;}.tag-type li a:hover,.tag-type li.active a {  background-color: #8b5cf6;  border: 1px solid #8b5cf6;  color: #fff;}.tag-btn li a {  background-color: #21262d;  color: #7d8590;  border-radius: 6px;}.tag-btn li a.active,.tag-text li a.active,.tag-type li a.active {  color: #8b5cf6;}.tag-btn li a:hover,.tag li.active a {  background-color: #8b5cf6;  color: #fff;}.pic-tag { background-color: rgba(13, 17, 23, 0.9); color: #fff; border-radius: 4px; }.pic-tag.active, .pic-tag-h { background-color: #8b5cf6; color: #fff; }.pic-text, .pic-title-b {  background-image: linear-gradient(transparent, rgba(13, 17, 23, 0.9));  color: #fff;}.pic-text.active { background: rgba(13, 17, 23, 0.8); color: #fff; }.pic-title-t { background: linear-gradient(to bottom, rgba(13, 17, 23, 0.9), transparent); color: #fff; }.stui-pannel-bg {  background-color: #161b22;  border: 1px solid #30363d;  border-radius: 8px;  box-shadow: 0 2px 8px rgba(0,0,0,0.3);}.stui_nav__taddar .item .icon,.stui_nav__taddar .item .title {  color: #7d8590;}.stui_nav__taddar .item.active .title,.stui_nav__taddar .item.active .icon {  color: #8b5cf6;}.stui_nav__taddar.fixed { background-color: #0d1117; border-top: 1px solid #30363d; }.stui-vodlist__bg {  background-color: #161b22;  box-shadow: 0 2px 8px rgba(0,0,0,0.3);  border-radius: 6px;  transition: all 0.3s ease;}.stui-vodlist__bg:hover {  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.2);  transform: translateY(-2px);}.stui-vodlist__text.striped .striped-head,.stui-vodlist__text.to-color li:nth-of-type(odd) {  background-color: #21262d;}.stui-link__pic li a {  background-color: #161b22;  border: 1px solid #30363d;  border-radius: 6px;  transition: all 0.2s ease;}.stui-link__pic li a:hover {  border: 1px solid #8b5cf6;  transform: translateY(-1px);}.stui-screen__list li a { color: #e6edf3; border-radius: 4px; }.stui-screen__list li.active a {  background-color: #8b5cf6;  color: #fff;}.stui-content__playlist li a {  border: 1px solid #30363d;  border-radius: 6px;  transition: all 0.2s ease;}.stui-content__playlist li a:hover,.stui-content__playlist li.active a {  border: 1px solid #8b5cf6;  background-color: #8b5cf6;  color: #fff;  transform: translateY(-1px);}.stui-player__video { background-color: #000; }.stui-page li a,.stui-page li .num,.stui-page-text a,.stui-page-text em,.stui-page-text span {  background-color: #161b22;  border: 1px solid #30363d;  border-radius: 6px;  transition: all 0.2s ease;}.stui-page li a:hover,.stui-page li.active a,.stui-page li.active .num,.stui-page li.disabled a,.stui-page-text span.pagenow {  background-color: #8b5cf6;  color: #fff;  border: 1px solid #8b5cf6;}.stui-page-text .pagego { border: 1px solid #30363d; border-radius: 6px; }.stui-page-text .pagebtn {  background-color: #161b22;  border: 1px solid #30363d;  border-radius: 6px;}.stui-extra li a, .stui-extra li span {  background-color: #161b22;  box-shadow: 0 4px 12px rgba(0,0,0,0.4);  border-radius: 6px;  transition: all 0.3s ease;}.stui-extra li a.backtop {  background-color: rgba(139, 92, 246, 0.9);  color: #fff;}.stui-extra li a.backtop:hover {  background-color: rgba(139, 92, 246, 1);  transform: translateY(-2px);}.stui-extra li .sideslip {  background-color: #161b22;  box-shadow: 0 4px 12px rgba(0,0,0,0.4);  border-radius: 6px;}.stui-extra li .sideslip:before {  background-color: #161b22;  border-color: rgba(255,255,255,0.1);}.popup { background-color: #161b22; border-radius: 0; }.popup-head { background-color: #21262d; }@media (max-width: 767px) {  .form-control { background-color:#21262d; color: #e6edf3; border: 0; border-radius: 6px; }  .stui-pannel-bg, .stui-vodlist__bg, .stui-vodlist__bg:hover {    box-shadow: none;    border: 0;    border-radius: 0;  }  .m-top-line:before { border-top: 1px solid #30363d; }  .m-bottom-line:after { border-bottom: 1px solid #30363d; }  .m-top-line-dot:before { border-top: 1px dotted #30363d; }  .m-bottom-line-dot:before { border-bottom: 1px dotted #30363d; }}