header{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%);padding:12px 0;border-bottom:1px solid #334155;position:sticky;top:0;z-index:1000}
.stui-header__logo a.logo{width:200px;height:55px;background:url(../img/logo.png) no-repeat center;background-size:contain;display:block}
.stui_header__user li a i{font-size:20px}
.dropdown{background:#1e293b;border:1px solid #334155;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.stui-header__menu{gap:8px}
.stui-header__menu li a{font-size:15px;padding:12px 20px}
.carousel{margin:0 -20px 20px -20px;padding:0 20px}
.stui-banner__item{border-radius:12px;overflow:hidden}
.stui-vodlist{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px}
.stui-vodlist li{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #334155}
.stui-vodlist li:hover{border-color:#38bdf8}
.stui-vodlist__box{height:100%}
.stui-vodlist__thumb{border-radius:10px 10px 0 0}
.stui-vodlist__detail{padding:18px;background:transparent;border-radius:0 0 10px 10px}
.stui-vodlist__detail .title{font-size:16px;font-weight:600}
.stui-vodlist__detail .text{font-size:13px}
.stui-vodlist__head{background:linear-gradient(90deg,transparent 0%,rgba(56,189,248,.05) 50%,transparent 100%);margin-bottom:25px;padding-bottom:18px}
.stui-vodlist__head h3{font-size:22px}
.stui-screen .head{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}
.stui-screen .item{background:#1e293b}
.stui-screen .item ul li a{background:#0f172a;border:1px solid #334155}
.stui-screen .item ul li a:hover,.stui-screen .item ul li.active a{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border-color:#38bdf8}
.stui-content{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #334155}
.stui-content__thumb .pic{border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.stui-content__detail .title{background:linear-gradient(90deg,#38bdf8 0%,#0ea5e9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stui-content__detail .desc{background:#0f172a;border-left:4px solid #38bdf8}
.stui-content__detail .play-btn a{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);box-shadow:0 8px 25px rgba(56,189,248,.4)}
.stui-player{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #334155}
.stui-player__video{box-shadow:0 10px 40px rgba(0,0,0,.5)}
.stui-player__detail{background:#0f172a}
.stui-player__detail .more a{background:#1e293b;border:1px solid #334155}
.stui-player__detail .more a:hover{background:#38bdf8;border-color:#38bdf8}
.stui-player__detail .data-more{background:#0f172a;border-left:4px solid #38bdf8}
.stui-player__side{background:#0f172a;border:1px solid #334155}
.stui-player__side .tab{background:#1e293b}
.stui-player__side .tab li a{border-bottom:3px solid transparent}
.stui-player__side .tab li.active a,.stui-player__side .tab li a:hover{border-bottom-color:#38bdf8;background:rgba(56,189,248,.08)}
.stui-player__side .head{background:#1e293b}
.stui-player__side .tab-top li a{background:#0f172a;border:1px solid #334155}
.stui-player__side .tab-top li.active a,.stui-player__side .tab-top li a:hover{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border-color:#38bdf8}
.stui-play__list li a{background:#0f172a;border:1px solid #334155}
.stui-play__list li.active a,.stui-play__list li a:hover{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border-color:#38bdf8}
.stui-play__list li.down a{background:#0f172a;border:1px solid #334155}
.stui-play__list li.down a:hover{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#f59e0b}
.page-box a,.page-box span{background:#1e293b;border:1px solid #334155}
.page-box a:hover,.page-box span.active{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border-color:#38bdf8}
.col-pd{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #334155}
.jbnotice{background:#0f172a;border-radius:12px}
.btn-blue{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%)}
.btn-yellows{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}
.foot60{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%);border-top:1px solid #334155}
.foot60_top_bar{background:#0f172a;border-bottom:1px solid #1e293b}
.foot60_top_inner a{color:#94a3b8}
.foot60_top_inner a:hover{color:#38bdf8}
.foot60_main{background:linear-gradient(180deg,transparent 0%,rgba(15,23,42,.5) 100%);border-radius:12px;margin:20px auto;padding:50px 30px}
.foot60_left h3{background:linear-gradient(90deg,#38bdf8 0%,#0ea5e9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.foot60_rss a{color:#94a3b8}
.foot60_rss a:hover{color:#38bdf8;text-decoration:underline}
.foot60_top_btn{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);box-shadow:0 6px 25px rgba(56,189,248,.5)}
.foot60_top_btn:hover{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);box-shadow:0 8px 30px rgba(56,189,248,.6)}
@media(max-width:991px){.stui-vodlist{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.stui-content{flex-direction:column}.stui-content__thumb{flex:0 0 auto}.stui-content__thumb .pic{padding-top:56.25%}}
@media(max-width:767px){.carousel{margin:0 -15px 20px -15px;padding:0 15px}.stui-vodlist{grid-template-columns:repeat(2,1fr);gap:12px}.stui-vodlist__detail{padding:12px}.stui-content{padding:18px}.stui-content__detail .title{font-size:22px}.stui-player{padding:15px}.stui-player__side{max-height:450px}.stui-play__list{grid-template-columns:repeat(3,1fr)}.stui-screen .head{flex-direction:column;gap:12px;text-align:center}.stui-screen .item ul li span{min-width:auto;justify-content:center}}
@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
.stui-vodlist li{animation:slideIn .4s ease backwards}
.stui-vodlist li:nth-child(1){animation-delay:.05s}
.stui-vodlist li:nth-child(2){animation-delay:.1s}
.stui-vodlist li:nth-child(3){animation-delay:.15s}
.stui-vodlist li:nth-child(4){animation-delay:.2s}
.stui-vodlist li:nth-child(5){animation-delay:.25s}
.stui-vodlist li:nth-child(6){animation-delay:.3s}
.stui-vodlist li:nth-child(7){animation-delay:.35s}
.stui-vodlist li:nth-child(8){animation-delay:.4s}
.stui-vodlist li:nth-child(9){animation-delay:.45s}
.stui-vodlist li:nth-child(10){animation-delay:.5s}
.stui-vodlist li:nth-child(11){animation-delay:.55s}
.stui-vodlist li:nth-child(12){animation-delay:.6s}
.stui-vodlist__thumb .play::before{content:"▶";font-size:22px;margin-left:4px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.stui-player__side .tab-content::-webkit-scrollbar{width:6px}
.stui-player__side .tab-content::-webkit-scrollbar-track{background:#0f172a}
.stui-player__side .tab-content::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}
.stui-player__side .tab-content::-webkit-scrollbar-thumb:hover{background:#475569}
.stui-player__detail .more a.btn-primary{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border-color:#38bdf8;color:#fff}
.stui-player__detail .more a.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444;color:#fff}
.stui-player__detail .more a.btn-danger:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#dc2626}
.stui-player__detail .more a.btn-primary:hover{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-color:#0ea5e9}
.menu-switch{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;color:#fff;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:500}
.menu-switch:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 4px 15px rgba(239,68,68,.3)}
.btn-default{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #334155;color:#94a3b8;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}
.btn-default:hover{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border-color:#38bdf8;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(56,189,248,.3)}
.stui-content__detail .data span.red{color:#ef4444;font-weight:600}
.stui-content__detail .data span.green{color:#22c55e;font-weight:600}
.stui-content__detail .data span.blue{color:#38bdf8;font-weight:600}
.stui-content__detail .data span.yellow{color:#f59e0b;font-weight:600}
.stui-content__detail .data span.orange{color:#f97316;font-weight:600}
.stui-content__detail .data span.purple{color:#a855f7;font-weight:600}
.stui-content__detail .data span.pink{color:#ec4899;font-weight:600}
.stui-content__detail .data span.cyan{color:#06b6d4;font-weight:600}
.stui-content__detail .data span.teal{color:#14b8a6;font-weight:600}
.stui-content__detail .data span.indigo{color:#6366f1;font-weight:600}
.stui-content__detail .data span.rose{color:#f43f5e;font-weight:600}
.stui-content__detail .data span.emerald{color:#10b981;font-weight:600}
.stui-content__detail .data span.amber{color:#fbbf24;font-weight:600}
.stui-content__detail .data span.lime{color:#84cc16;font-weight:600}
.stui-content__detail .data span.violet{color:#8b5cf6;font-weight:600}
.stui-content__detail .data span.fuchsia{color:#d946ef;font-weight:600}
.stui-content__detail .data span.sky{color:#0ea5e9;font-weight:600}
.stui-content__detail .data span.slate{color:#64748b;font-weight:600}
.stui-content__detail .data span.zinc{color:#71717a;font-weight:600}
.stui-content__detail .data span.neutral{color:#737373;font-weight:600}
.stui-content__detail .data span.stone{color:#78716c;font-weight:600}
.stui-content__detail .data span.gray{color:#6b7280;font-weight:600}
.stui-content__detail .data span.muted{color:#64748b;font-weight:600}
.stui-content__detail .data span.info{color:#38bdf8;font-weight:600}
.stui-content__detail .data span.success{color:#22c55e;font-weight:600}
.stui-content__detail .data span.warning{color:#f59e0b;font-weight:600}
.stui-content__detail .data span.danger{color:#ef4444;font-weight:600}
.stui-content__detail .data span.light{color:#f1f5f9;font-weight:600}
.stui-content__detail .data span.dark{color:#0f172a;font-weight:600}
.stui-content__detail .data span.white{color:#ffffff;font-weight:600}
.stui-content__detail .data span.black{color:#000000;font-weight:600}
.stui-content__detail .data span.sm{font-size:12px}
.stui-content__detail .data span.md{font-size:14px}
.stui-content__detail .data span.lg{font-size:16px}
.stui-content__detail .data span.xl{font-size:18px}
.stui-content__detail .data span.xl2{font-size:20px}
.stui-content__detail .data span.xl3{font-size:24px}
.stui-content__detail .data span.xl4{font-size:28px}
.stui-content__detail .data span.xl5{font-size:32px}
.stui-content__detail .data span.xl6{font-size:36px}
.stui-content__detail .data span.xl7{font-size:40px}
.stui-content__detail .data span.xl8{font-size:48px}
.stui-content__detail .data span.xl9{font-size:56px}
.stui-content__detail .data span.xl10{font-size:64px}