.stui-vodlist__media li.active{display:flex;align-items:flex-start;padding:20px;background:#0f172a;border-radius:10px;margin-bottom:15px;transition:all .3s ease;border:1px solid #334155}
.stui-vodlist__media li.active:hover{transform:translateX(5px);border-color:#3b82f6;box-shadow:0 5px 20px rgba(59,130,246,.2)}
.stui-vodlist__media li.active .thumb{flex:0 0 200px;margin-right:20px}
.stui-vodlist__media li.active .thumb .v-thumb{display:block;position:relative;padding-top:140%;border-radius:8px;overflow:hidden;background:#1e293b}
.stui-vodlist__media li.active .thumb .v-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.stui-vodlist__media li.active:hover .thumb .v-thumb img{transform:scale(1.05)}
.stui-vodlist__media li.active .thumb .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(59,130,246,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.stui-vodlist__media li.active .thumb .play::before{content:"▶";color:#fff;font-size:18px;margin-left:3px}
.stui-vodlist__media li.active .thumb .pic-text{position:absolute;bottom:0;right:0;padding:5px 10px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;border-radius:5px 0 8px 0}
.stui-vodlist__media li.active .detail{flex:1}
.stui-vodlist__media li.active .detail .title{font-size:18px;font-weight:600;color:#e2e8f0;margin-bottom:12px}
.stui-vodlist__media li.active .detail .title a:hover{color:#3b82f6}
.stui-vodlist__media li.active .detail p{font-size:13px;color:#94a3b8;margin-bottom:8px}
.stui-vodlist__media li.active .detail p .text-muted{color:#64748b;margin-right:5px}
.stui-vodlist__media li.active .detail .margin-0{margin-top:15px}
.btn-min{padding:8px 20px;font-size:13px;border-radius:6px;cursor:pointer;border:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.btn-min.btn-primary{background:#3b82f6;color:#fff}
.btn-min.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 15px rgba(59,130,246,.4)}
.btn-min.btn-default{background:#1e293b;color:#e2e8f0;border:1px solid #334155}
.btn-min.btn-default:hover{background:#334155;color:#fff;border-color:#3b82f6}
.top-line-dot{border-top:1px dashed #334155;padding-top:15px}
@media (max-width:991px){.stui-vodlist__media li.active{flex-direction:column}
.stui-vodlist__media li.active .thumb{flex:0 0 100%;width:100%;margin-right:0;margin-bottom:15px}
.stui-vodlist__media li.active .thumb .v-thumb{padding-top:56.25%}}
@media (max-width:767px){.stui-vodlist__media li.active{padding:15px}
.stui-vodlist__media li.active .detail .title{font-size:16px}
.btn-min{padding:6px 16px;font-size:12px}}
.stui-vodlist__text li{padding:12px 10px;border-bottom:1px solid #334155;transition:all .3s ease;display:flex;align-items:center}
.stui-vodlist__text li:hover{background:#0f172a;padding-left:15px;border-radius:4px}
.stui-vodlist__text li .num{flex:0 0 30px;height:24px;background:#1e293b;border-radius:4px;color:#64748b;font-size:12px;display:flex;align-items:center;justify-content:center;margin-right:10px}
.stui-vodlist__text li:nth-child(1) .num{background:#ef4444;color:#fff}
.stui-vodlist__text li:nth-child(2) .num{background:#f59e0b;color:#fff}
.stui-vodlist__text li:nth-child(3) .num{background:#22c55e;color:#fff}
.stui-vodlist__text li .title{flex:1;font-size:13px;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stui-vodlist__text li .title:hover{color:#3b82f6}
.col-lg-wide-75{flex:0 0 75%;max-width:75%;padding:0 15px}
.col-lg-wide-25{flex:0 0 25%;max-width:25%;padding:0 15px}
@media (max-width:1199px){.col-lg-wide-75,.col-lg-wide-25{flex:0 0 100%;max-width:100%}
.col-lg-wide-25{margin-top:20px}}
.hidden-mi{display:inline-block}
@media (max-width:767px){.hidden-mi{display:none}}