.stui-pannel-side .stui-pannel{margin-bottom:20px}
.stui-pannel-side .stui-pannel-bg{background:#1e293b;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3)}
.stui-pannel-side .col-pd{padding:18px}
.stui-pannel-side .stui-pannel_hd{padding:15px 18px;border-bottom:1px solid #334155;background:#0f172a}
.stui-pannel-side .stui-pannel__head .title{font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}
.stui-pannel-side .stui-pannel__head .title::before{content:"";width:4px;height:18px;background:#3b82f6;border-radius:2px}
.stui-pannel-side .stui-pannel_bd{padding:0;max-height:400px;overflow-y:auto}
.stui-pannel-side .stui-pannel_bd::-webkit-scrollbar{width:4px}
.stui-pannel-side .stui-pannel_bd::-webkit-scrollbar-track{background:#0f172a}
.stui-pannel-side .stui-pannel_bd::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}
.stui-pannel-side .stui-pannel_bd::-webkit-scrollbar-thumb:hover{background:#475569}
.stui-vodlist__media.active{padding:0}
.stui-vodlist__media.active li{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid #334155;transition:all .3s ease;cursor:pointer}
.stui-vodlist__media.active li:last-child{border-bottom:none}
.stui-vodlist__media.active li:hover{background:#0f172a;padding-left:22px}
.stui-vodlist__media.active li .title{flex:1;font-size:13px;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}
.stui-vodlist__media.active li .title:hover{color:#3b82f6}
.stui-vodlist__media.active li .text{font-size:11px;color:#64748b;margin-left:10px;flex-shrink:0}
.stui-pannel-side .stui-vodlist__media.active{padding:5px 0}
@media (max-width:1199px){.visible-lg{display:block}
.stui-pannel-side .stui-pannel_bd{max-height:none;overflow:visible}}
@media (max-width:767px){.stui-pannel-side .col-pd{padding:15px}
.stui-pannel-side .stui-pannel_hd{padding:12px 15px}
.stui-vodlist__media.active li{padding:12px 15px;font-size:12px}
.stui-vodlist__media.active li .title{font-size:12px}}