.stui-content__playlist,.stui-play__list{display:flex !important;flex-wrap:wrap !important;gap:10px;width:100% !important;box-sizing:border-box !important;grid-template-columns:none !important}
.stui-player__side{max-height:none !important;height:auto !important}
#play-box .item{height:auto !important;max-height:none !important;overflow:visible !important}
/* 详情页播放列表容器 - 限制高度并滚动 */
.stui-vodlist__head .stui-content__playlist{max-height:250px;overflow-y:auto;overflow-x:hidden}
.stui-vodlist__head .stui-content__playlist::-webkit-scrollbar{width:6px}
.stui-vodlist__head .stui-content__playlist::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}
.stui-vodlist__head .stui-content__playlist::-webkit-scrollbar-thumb{background:rgba(56,189,248,.5);border-radius:3px}
.stui-vodlist__head .stui-content__playlist::-webkit-scrollbar-thumb:hover{background:rgba(56,189,248,.8)}
.stui-content__playlist li,.stui-play__list li{flex:0 0 auto !important;width:calc(10% - 9px) !important;min-width:60px !important;max-width:150px !important;float:none !important;margin:0 !important;padding:0 !important;overflow:visible !important}
.stui-content__playlist li a,.stui-play__list li a{white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;display:block;background:#0f172a;color:#94a3b8;padding:10px 8px;border-radius:6px;font-size:13px;text-align:center;transition:all .3s ease;border:1px solid #334155}
.stui-content__playlist li.active a,.stui-content__playlist li a:hover,.stui-play__list li.active a,.stui-play__list li a:hover{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);color:#fff;border-color:#38bdf8;box-shadow:0 2px 10px rgba(56,189,248,.2)}
@media(max-width:1200px){.stui-content__playlist li,.stui-play__list li{width:calc(12.5% - 9px) !important}}
@media(max-width:992px){.stui-content__playlist li,.stui-play__list li{width:calc(16.666% - 9px) !important}}
@media(max-width:768px){.stui-content__playlist li,.stui-play__list li{width:calc(20% - 8px) !important;min-width:50px !important}}
@media(max-width:480px){.stui-content__playlist li,.stui-play__list li{width:calc(25% - 8px) !important;min-width:45px !important}}
.nav-tabs li a{color:#94a3b8;font-size:14px;transition:all .3s ease;padding:10px 15px;border-radius:6px;display:block}
.nav-tabs li.active a,.nav-tabs li a:hover{color:#38bdf8;background:rgba(56,189,248,.05);border-bottom:2px solid #38bdf8}
.dpplay{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #334155}
.dpplay .title{font-size:20px;font-weight:700;color:#e2e8f0;margin:0}
.dpplay .nav-tabs{display:flex;gap:8px;margin:0}
.dpplay .nav-tabs li{margin:0}
.stui-pannel_bd{background:transparent;padding:15px;border-radius:8px;border:1px solid #334155}
.bottom-line{position:relative}
.bottom-line::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#38bdf8 0%,#0ea5e9 100%);border-radius:1px}
@media(max-width:767px){.stui-content__playlist li a{padding:8px 6px;font-size:12px}.dpplay{flex-direction:column;gap:10px;text-align:center}.dpplay .title{font-size:18px}.dpplay .nav-tabs{flex-wrap:wrap;justify-content:center}}
@media(max-width:480px){.stui-content__playlist li a{padding:7px 4px;font-size:11px}}