.ss-panel{z-index:40;overscroll-behavior:contain;text-align:left;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-height:26rem;position:absolute;overflow-y:auto;box-shadow:0 20px 25px -5px #0f172a1f,0 8px 10px -6px #0f172a1a}.ss-panel ul{margin:0;padding:6px 0;list-style:none}.ss-row{cursor:pointer;white-space:nowrap;align-items:center;gap:12px;padding:12px 16px;font-size:16px;line-height:24px;display:flex}.ss-row>.ss-ico{color:#94a3b8;flex:none;width:16px;height:16px}.ss-row>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.ss-row b{font-weight:700}.ss-row.is-active,.ss-row:hover{background:#f1f5f9}@media (width>=768px){.ss-row{padding:8px 16px}}html.dark .ss-panel{color:#f1f5f9;background:#1f2937;border-color:#374151;box-shadow:0 20px 25px -5px #00000073}html.dark .ss-row>.ss-ico{color:#64748b}html.dark .ss-row.is-active,html.dark .ss-row:hover{background:#374151}.tl-list{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0f172a14,0 8px 24px #0f172a14}.tl-head{display:none}.tl-item+.tl-item{border-top:1px solid #edf0f4}.tl-item.is-playing{background:#4f46e50f}.tl-row{align-items:center;gap:12px;padding:10px 12px;display:flex}.tl-cover{cursor:pointer;background:#0f172a;border:0;border-radius:8px;flex:none;width:56px;height:56px;padding:0;transition:transform .1s;position:relative;overflow:hidden}.tl-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.tl-cover-icon{color:#fff;background:#0f172a4d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tl-cover-icon svg{filter:drop-shadow(0 1px 2px #00000080)}.tl-info{flex:1;min-width:0}.tl-title{color:#0f172a;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:22px;display:-webkit-box}.tl-meta,.tl-title{padding:0;overflow:hidden}.tl-meta{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:14px;line-height:20px}.tl-artist,.tl-dl-label,.tl-time{display:none}.tl-dl{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:0;transition:transform .1s,background-color .15s;display:flex}.tl-dl svg{flex:none;width:20px;height:20px}.tl-dl:disabled{cursor:default;opacity:.85}.tl-spin{animation:.8s linear infinite tl-spin}@keyframes tl-spin{to{transform:rotate(1turn)}}.tl-item.is-playing .tl-title{color:#4338ca}.tl-item.is-playing .tl-meta,.tl-item.is-playing .tl-time{color:#475569}.tl-more{color:#334155;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf0f4;width:100%;height:52px;font-size:15px;font-weight:600;display:block}.tl-cover:active,.tl-dl:active{transform:scale(.96)}.tl-cover:focus-visible,.tl-dl:focus-visible{outline-offset:2px;outline:2px solid #334155}.tl-more:focus-visible{outline-offset:-2px;outline:2px solid #334155}.tl-panel,.tl-player-box{padding:0 12px 12px}.tl-panel>div,.tl-player-box>div{padding-top:0}.tl-player-box>div>div{background:0 0;border-radius:0;padding:0}.tl-player-box iframe{aspect-ratio:16/9;border:0;border-radius:10px;width:100%;height:auto;min-height:200px;display:block}@media (width>=768px){.tl-head,.tl-row{grid-template-columns:52px minmax(0,1fr) 64px 140px;align-items:center;gap:0 16px;display:grid}.tl-head{letter-spacing:.06em;text-transform:uppercase;color:#64748b;border-bottom:1px solid #edf0f4;height:40px;padding:0 16px;font-size:12px;font-weight:600}.tl-head-time{justify-content:flex-end;display:flex}.tl-row{padding:8px 16px}.tl-cover{width:52px;height:52px}.tl-title{font-size:15px;line-height:21px}.tl-meta{font-size:13px;line-height:18px}.tl-meta-full,.tl-meta.no-artist{display:none}.tl-artist{display:inline}.tl-time{color:#64748b;text-align:right;font-variant-numeric:tabular-nums;font-size:14px;display:block}.tl-dl{color:#fff;background:#334155;border:0;justify-self:end;width:auto;max-width:140px;height:38px;padding:0 14px;font-size:14px;font-weight:600}.tl-dl svg{width:16px;height:16px}.tl-dl-label{text-overflow:ellipsis;white-space:nowrap;display:inline;overflow:hidden}.tl-panel,.tl-player-box{padding:0 16px 16px}.tl-player-box iframe{border-radius:12px}}@media (width>=768px) and (hover:hover){.tl-item:hover{background:#f8fafc}.tl-dl:hover{background:#1e293b}.tl-more:hover{background:#f8fafc}}html.dark .tl-list{box-shadow:none;background:#1f2937;border-color:#374151}html.dark .tl-head{color:#9ca3af;border-bottom-color:#374151}html.dark .tl-item+.tl-item,html.dark .tl-more{border-top-color:#374151}html.dark .tl-item.is-playing{background:#6366f124}html.dark .tl-cover{background:#374151}html.dark .tl-title{color:#f3f4f6}html.dark .tl-meta,html.dark .tl-time{color:#9ca3af}html.dark .tl-dl{color:#c7d2fe;background:#6366f129;border-color:#818cf859}html.dark .tl-item.is-playing .tl-title,html.dark .tl-more{color:#a5b4fc}html.dark .tl-item.is-playing .tl-meta,html.dark .tl-item.is-playing .tl-time{color:#9ca3af}html.dark .tl-cover:focus-visible,html.dark .tl-dl:focus-visible,html.dark .tl-more:focus-visible{outline-color:#a5b4fc}@media (width>=768px){html.dark .tl-dl{color:#fff;background:#3730a3;border:0}}@media (width>=768px) and (hover:hover){html.dark .tl-item:hover,html.dark .tl-more:hover{background:#ffffff08}html.dark .tl-dl:hover{background:#4338ca}}