.playlist .stui-pannel_hd{padding:18px 20px;background:#0f172a}
.playlist .stui-pannel__head .more{font-size:12px;color:#64748b;background:#1e293b;padding:4px 12px;border-radius:4px}
.playlist .stui-pannel_bd{padding:20px;background:#1e293b}
.playlist.mb{margin-bottom:20px}
.stui-content__playlist{display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:5px}
.stui-content__playlist::-webkit-scrollbar{display:none}
.stui-content__playlist li{flex:0 0 auto}
.stui-content__playlist li a{display:block;padding:10px 20px;background:#0f172a;color:#cbd5e1;border-radius:6px;font-size:13px;transition:all .3s ease;border:1px solid #1e293b;min-width:60px;text-align:center}
.stui-content__playlist li a:hover{background:#1e293b;color:#3b82f6;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.2)}
.stui-content__playlist li.active a{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 15px rgba(59,130,246,.4)}
.stui-pannel .playlist{margin-bottom:15px}
.stui-pannel .playlist:last-child{margin-bottom:0}
@media (max-width:767px){.playlist .stui-pannel_hd{padding:15px}
.playlist .stui-pannel_bd{padding:15px}
.stui-content__playlist li a{padding:8px 16px;font-size:12px;min-width:50px}}
.stui-content__playlist.column1{display:block}
.stui-content__playlist.column1 li{width:100%;margin-bottom:8px}
.stui-content__playlist.column1 li a{display:block}
.stui-content__playlist.column2{display:flex;flex-wrap:wrap}
.stui-content__playlist.column2 li{flex:0 0 50%;max-width:50%}
.stui-content__playlist.column3 li{flex:0 0 33.333%;max-width:33.333%}
.stui-content__playlist.column4 li{flex:0 0 25%;max-width:25%}
.stui-content__playlist.column5 li{flex:0 0 20%;max-width:20%}
@media (max-width:991px){.stui-content__playlist.column3 li,.stui-content__playlist.column4 li,.stui-content__playlist.column5 li{flex:0 0 33.333%;max-width:33.333%}}
@media (max-width:767px){.stui-content__playlist.column2 li,.stui-content__playlist.column3 li,.stui-content__playlist.column4 li,.stui-content__playlist.column5 li{flex:0 0 33.333%;max-width:33.333%}}
@media (max-width:480px){.stui-content__playlist.column2 li,.stui-content__playlist.column3 li,.stui-content__playlist.column4 li,.stui-content__playlist.column5 li{flex:0 0 33.333%;max-width:33.333%}}