:root{--bg-primary: #0a0b0e;--bg-secondary: #121318;--bg-surface: rgba(26, 28, 36, .65);--bg-surface-hover: rgba(38, 41, 54, .85);--bg-glass: rgba(18, 19, 24, .75);--accent-cyan: #00f2fe;--accent-coral: #ff5252;--accent-purple: #7928ca;--accent-gradient: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--accent-glow: rgba(0, 242, 254, .25);--text-main: #f0f2f5;--text-secondary: #8c93a3;--text-muted: #565d6d;--border-light: rgba(255, 255, 255, .08);--border-focus: rgba(0, 242, 254, .45);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--player-bar-height: 84px;--mobile-nav-height: 60px;--sidebar-width: 230px;--theme-accent-rgb: 0, 242, 254;--theme-secondary-rgb: 121, 40, 202;--theme-highlight-hex: #fff7d2;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}:root,html[data-glass-theme=frosted]{--glass-tint-base: rgba(16, 18, 24, .82);--glass-tint-dock: rgba(18, 20, 26, .85);--glass-tint-card: rgba(22, 24, 32, .78);--glass-tint-popover: rgba(18, 20, 28, .92);--glass-tint-pill: rgba(255, 255, 255, .08);--glass-filter-standard: blur(20px);--glass-filter-deep: blur(30px);--glass-filter-subtle: blur(12px);--glass-specular-border: 1px solid rgba(255, 255, 255, .08);--glass-specular-edge: inset 0 1px 0 rgba(255, 255, 255, .12);--glass-shadow-floating: 0 16px 40px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .25);--glass-shadow-panel: 0 10px 28px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .15);--glass-shadow-pill: 0 4px 14px rgba(0, 0, 0, .25)}html[data-glass-theme=liquid]{--glass-tint-base: rgba(12, 14, 18, .65);--glass-tint-dock: rgba(12, 14, 18, .62);--glass-tint-card: rgba(16, 18, 24, .68);--glass-tint-popover: rgba(14, 16, 22, .82);--glass-tint-pill: rgba(255, 255, 255, .06);--glass-filter-standard: blur(28px) saturate(1.85) brightness(1.08);--glass-filter-deep: blur(40px) saturate(2) brightness(1.06);--glass-filter-subtle: blur(16px) saturate(1.5);--glass-specular-border: 1px solid rgba(255, 255, 255, .15);--glass-specular-edge: inset 0 0 2px 1px rgba(255, 255, 255, .35), inset 0 0 12px 3px rgba(255, 255, 255, .12);--glass-shadow-floating: 0 24px 60px rgba(0, 0, 0, .45), 0 4px 16px rgba(0, 0, 0, .25), var(--glass-specular-edge);--glass-shadow-panel: 0 16px 40px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .22);--glass-shadow-pill: inset 0 0 1.5px .8px rgba(255, 255, 255, .38), inset 0 0 8px 2px rgba(255, 255, 255, .14), 0 8px 20px rgba(0, 0, 0, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased}button,.btn,.icon-btn,.nav-item,.chip-item,.vinyl-display,.progress-bar-container,.volume-slider-box{user-select:none;-webkit-user-select:none}.lyrics-view-box,.lyric-line,.track-title-cell,.track-singer,.track-album,.detail-hero,.setting-card,.modal-body{user-select:text;-webkit-user-select:text}.ambient-glow{position:fixed;top:-150px;right:-150px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,242,254,.07) 0%,rgba(121,40,202,.04) 50%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.ambient-aura-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;opacity:.85;transition:background 1.2s cubic-bezier(.16,1,.3,1)}.custom-bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden;transition:opacity .8s ease}.custom-bg-video{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;display:none;filter:blur(var(--custom-bg-blur, 28px)) saturate(var(--custom-bg-saturate, 1.8)) brightness(var(--custom-bg-brightness, 1));transform:scale(1.08)}.custom-bg-image{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;width:calc(100% + 80px);height:calc(100% + 80px);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(var(--custom-bg-blur, 28px)) saturate(var(--custom-bg-saturate, 1.8)) brightness(var(--custom-bg-brightness, 1));transform:scale(1.08);transition:background-image .8s ease}.custom-bg-veil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,var(--custom-bg-veil, .15)),transparent 40%),linear-gradient(180deg,#0a0b0e66,#0a0b0ed1);pointer-events:none}body.bg-mode-minimal .custom-bg-layer{opacity:0}@media (min-width: 769px){html[data-glass-theme=liquid].control-glass-svg-ok .player-bar{backdrop-filter:url(#openmedia-control-glass-filter) saturate(1.2);-webkit-backdrop-filter:url(#openmedia-control-glass-filter) saturate(1.2)}html[data-glass-theme=liquid].control-glass-svg-ok .timing-stepper-btn,html[data-glass-theme=liquid].control-glass-svg-ok .mini-queue-toggle-btn{backdrop-filter:url(#openmedia-pill-glass-filter) saturate(1.1);-webkit-backdrop-filter:url(#openmedia-pill-glass-filter) saturate(1.1)}}@media (max-width: 768px){html.control-glass-svg-ok .player-bar,.player-bar{backdrop-filter:var(--glass-filter-standard)!important;-webkit-backdrop-filter:var(--glass-filter-standard)!important}}.app-layout{display:flex;width:100vw;height:100vh}.desktop-sidebar{width:var(--sidebar-width);height:100vh;background:var(--glass-tint-base);backdrop-filter:var(--glass-filter-standard);-webkit-backdrop-filter:var(--glass-filter-standard);border-right:1px solid rgba(255,255,255,.08);box-shadow:inset -1px 0 #ffffff0a;display:flex;flex-direction:column;padding:24px 16px;flex-shrink:0;z-index:10;overflow:hidden;white-space:nowrap;transition:width .3s cubic-bezier(.16,1,.3,1),padding .3s cubic-bezier(.16,1,.3,1)}.brand-logo{display:flex;align-items:center;gap:12px;cursor:pointer;padding-left:8px;margin-bottom:32px;transition:padding .3s cubic-bezier(.16,1,.3,1),justify-content .3s ease}.brand-icon{width:32px;height:32px;flex-shrink:0}.brand-icon-sm{width:24px;height:24px}.brand-text{font-size:20px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 40%,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .2s ease}.sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left;overflow:hidden}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item span{transition:opacity .2s ease}.nav-item:hover{background:#ffffff0f;box-shadow:var(--glass-shadow-pill);color:var(--text-main)}.nav-item.active{background:rgba(var(--theme-accent-rgb, 0, 242, 254),.14);color:rgb(var(--theme-accent-rgb, 0, 242, 254));border:1px solid rgba(var(--theme-accent-rgb, 0, 242, 254),.35);box-shadow:0 4px 16px rgba(var(--theme-accent-rgb, 0, 242, 254),.16),inset 0 0 10px rgba(var(--theme-accent-rgb, 0, 242, 254),.2)}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center}.sidebar-collapse-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);overflow:hidden;white-space:nowrap}.sidebar-collapse-btn:hover{background:#ffffff14;color:var(--text-main);border-color:#ffffff2e;box-shadow:0 2px 10px #0003}.sidebar-collapse-icon{width:18px;height:18px;flex-shrink:0;transition:transform .3s cubic-bezier(.16,1,.3,1)}.sidebar-collapse-text{transition:opacity .2s ease}.desktop-sidebar.collapsed{width:72px;padding:24px 10px}.desktop-sidebar.collapsed .brand-logo{padding-left:0;justify-content:center}.desktop-sidebar.collapsed .brand-text{opacity:0;display:none}.desktop-sidebar.collapsed .nav-item{justify-content:center;padding:12px 0;gap:0}.desktop-sidebar.collapsed .nav-item span{opacity:0;display:none}.desktop-sidebar.collapsed .sidebar-collapse-btn{justify-content:center;padding:10px 0}.desktop-sidebar.collapsed .sidebar-collapse-text{opacity:0;display:none}.desktop-sidebar.collapsed .sidebar-collapse-icon{transform:rotate(180deg)}.mobile-header{display:none;height:52px;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);position:fixed;top:0;left:0;right:0;z-index:10}.main-viewport{flex:1;height:100vh;overflow-y:auto;overflow-x:hidden;padding:32px 40px;padding-bottom:calc(var(--player-bar-height) + 40px);scroll-behavior:smooth;position:relative}.tab-pane{display:none;animation:fadeIn .3s ease}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pane-header{margin-bottom:28px}.pane-header.with-actions{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.header-action-group{display:flex;gap:12px}.pane-title{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:6px}.pane-subtitle{font-size:14px;color:var(--text-secondary)}.section-group{margin-bottom:36px}.section-head-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.section-title{font-size:20px;font-weight:600;margin-bottom:16px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.chart-card{position:relative;background:var(--glass-tint-card);backdrop-filter:var(--glass-filter-subtle);-webkit-backdrop-filter:var(--glass-filter-subtle);border:var(--glass-specular-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-smooth);display:flex;flex-direction:column}.chart-card:hover{transform:translateY(-5px);background:#1a1d26d1;border-color:rgba(var(--theme-accent-rgb, 0, 242, 254),.35);box-shadow:0 16px 36px #00000073,inset 0 0 2px 1px #ffffff40}.chart-cover-box{width:100%;aspect-ratio:1;position:relative;overflow:hidden;background:var(--bg-secondary)}.chart-cover-box img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.chart-card:hover .chart-cover-box img{transform:scale(1.05)}.chart-play-badge{position:absolute;bottom:12px;right:12px;width:44px;height:44px;border-radius:50%;background:var(--accent-cyan);color:#000;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);transition:all var(--transition-fast);box-shadow:0 4px 12px #00f2fe66}.chart-play-badge svg{width:20px;height:20px;margin-left:2px}.chart-card:hover .chart-play-badge{opacity:1;transform:translateY(0)}.card-corner-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transform:translateY(-4px);transition:all var(--transition-fast);z-index:6}.chart-card:hover .card-corner-actions{opacity:1;transform:translateY(0)}.card-action-btn{width:30px;height:30px;border-radius:50%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);padding:0}.card-action-btn:hover{transform:scale(1.12);background:#000000e6}.card-action-btn.edit-pl-btn:hover{color:var(--accent-cyan);border-color:#00f2fe99;box-shadow:0 0 10px #00f2fe59}.card-action-btn.delete-pl-btn:hover{color:#ff5252;border-color:#ff525299;box-shadow:0 0 10px #ff525259}.card-action-btn.collect-pl-btn.collected{color:var(--accent-cyan);border-color:#00f2fe99;box-shadow:0 0 8px #00f2fe4d}.card-action-btn.collect-pl-btn.collected svg{fill:var(--accent-cyan)}.card-action-btn.collect-pl-btn:hover{color:var(--accent-cyan);border-color:#00f2fe99}.chart-info{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.chart-title{font-size:15px;font-weight:600;color:var(--text-main)}.chart-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.discover-plaza-header,.leaderboard-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.discover-header-title-box{display:flex;align-items:center;gap:12px}.btn-circle-refresh{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-light);background:#ffffff0d;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);outline:none}.btn-circle-refresh svg{width:17px;height:17px;transition:transform .4s ease}.btn-circle-refresh:hover{background:#00f2fe1f;border-color:#00f2fe66;color:var(--accent-cyan);box-shadow:0 0 12px #00f2fe40;transform:scale(1.05)}.btn-circle-refresh:active{transform:scale(.95)}.btn-circle-refresh.spinning svg{animation:spinCircle .8s linear infinite;color:var(--accent-cyan)}@keyframes spinCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pull-refresh-indicator{display:flex;align-items:center;justify-content:center;gap:10px;height:0;overflow:hidden;opacity:0;margin-bottom:0;transition:height .2s cubic-bezier(.2,0,0,1),opacity .2s ease,margin-bottom .2s ease;pointer-events:none}.pull-refresh-indicator.visible{opacity:1}.pull-refresh-spinner{width:28px;height:28px;border-radius:50%;background:#00f2fe1f;border:1px solid rgba(0,242,254,.3);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan)}.pull-refresh-spinner svg{width:16px;height:16px;transition:transform .1s linear}.pull-refresh-indicator.refreshing .pull-refresh-spinner svg{animation:spinCircle .8s linear infinite}.pull-refresh-text{font-size:13px;font-weight:500;color:var(--accent-cyan);letter-spacing:.3px}.discover-platform-tabs,.leaderboard-platform-tabs{display:flex;gap:8px;background:#ffffff0a;padding:4px;border-radius:var(--radius-lg);border:1px solid var(--border-light)}.discover-platform-tabs .platform-tab,.leaderboard-platform-tabs .platform-tab{padding:6px 14px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.discover-platform-tabs .platform-tab:hover,.leaderboard-platform-tabs .platform-tab:hover{color:var(--text-main);background:#ffffff0d}.discover-platform-tabs .platform-tab.active,.leaderboard-platform-tabs .platform-tab.active{background:#00f2fe26;border-color:#00f2fe4d;color:var(--accent-cyan);box-shadow:0 2px 8px #00f2fe26}.playlist-search-container{display:flex;align-items:center;gap:10px;margin-bottom:16px;width:100%}.playlist-search-input-wrap{flex:1;display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--border-light);border-radius:var(--radius-full);padding:0 16px;height:40px;transition:all var(--transition-fast)}.playlist-search-input-wrap:focus-within{background:#ffffff14;border-color:#00f2fe66;box-shadow:0 0 12px #00f2fe26}.playlist-search-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.playlist-search-input-wrap input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:13px;outline:none}.playlist-search-input-wrap input::placeholder{color:var(--text-muted)}.playlist-search-clear{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color var(--transition-fast)}.playlist-search-clear:hover{color:var(--text-main)}.playlist-search-clear svg{width:14px;height:14px}.playlist-search-submit-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#00f2fe33,#4facfe4d);border:1px solid rgba(0,242,254,.4);color:#fff;border-radius:var(--radius-full);padding:0 18px;height:40px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast)}.playlist-search-submit-btn:hover{background:linear-gradient(135deg,#00f2fe59,#4facfe73);box-shadow:0 0 15px #00f2fe4d;transform:translateY(-1px)}.playlist-search-status-bar{display:flex;align-items:center;justify-content:space-between;background:#00f2fe14;border:1px solid rgba(0,242,254,.2);border-radius:var(--radius-md);padding:8px 16px;margin-bottom:16px;gap:12px}.search-status-text{font-size:13px;color:var(--accent-cyan);font-weight:500}.btn-back-categories{display:inline-flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid var(--border-light);color:var(--text-secondary);border-radius:var(--radius-full);padding:4px 12px;font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.btn-back-categories:hover{background:#ffffff26;color:var(--text-main);border-color:#ffffff40}.tag-chips-wrapper{margin-bottom:20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tag-chips-wrapper::-webkit-scrollbar{display:none}.tag-chips{display:flex;gap:8px;padding:2px 0;width:max-content}.chip-item{padding:5px 14px;border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-secondary);font-size:12.5px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.chip-item:hover{color:var(--text-main);background:var(--bg-surface-hover)}.chip-item.active{background:#00f2fe26;border-color:var(--accent-cyan);color:var(--accent-cyan)}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.load-more-row{display:flex;justify-content:center;margin-top:28px;margin-bottom:12px}.load-more-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-main);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.load-more-btn:hover{background:var(--bg-surface-hover);border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 4px 12px #00f2fe26}.load-more-btn:active{transform:translateY(0)}.load-more-btn svg{transition:transform var(--transition-fast)}.load-more-btn:hover svg{transform:translateY(2px)}.discover-segment-switch{margin-bottom:24px}.discover-subview-content{animation:fadeIn .25s ease-in-out}.search-hero{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.search-input-group{display:flex;align-items:center;background:var(--glass-tint-dock);backdrop-filter:var(--glass-filter-standard);-webkit-backdrop-filter:var(--glass-filter-standard);border:var(--glass-specular-border);border-radius:var(--radius-lg);padding:6px 8px 6px 18px;box-shadow:var(--glass-shadow-panel);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input-group:focus-within{border-color:rgba(var(--theme-accent-rgb, 0, 242, 254),.45);box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb, 0, 242, 254),.25),var(--glass-specular-edge)}.search-svg{width:22px;height:22px;color:var(--text-secondary);margin-right:12px}#search-input{flex:1;background:transparent;border:none;outline:none;font-size:16px;color:var(--text-main)}#search-input::placeholder{color:var(--text-muted)}.search-submit-btn{padding:10px 24px;border-radius:var(--radius-md);border:none;background:var(--accent-gradient);color:#000;font-weight:600;font-size:14px;cursor:pointer;transition:opacity var(--transition-fast)}.search-submit-btn:hover{opacity:.9}.search-platform-selector{display:flex;gap:10px}.platform-tab{padding:6px 16px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.platform-tab.active{background:#ffffff1f;border-color:#ffffff40;color:#fff}.search-clear-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:8px;transition:all var(--transition-fast)}.search-clear-btn:hover{color:var(--text-main);background:#ffffff1a;transform:scale(1.1)}.search-discovery-panel{display:flex;flex-direction:column;gap:28px;margin-top:8px;animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}.search-section{display:flex;flex-direction:column;gap:12px}.search-section .section-title-row{display:flex;align-items:center;justify-content:space-between}.search-section .section-subtitle{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-main);letter-spacing:.3px}.search-section .section-subtitle svg{color:var(--accent-cyan)}.btn-clear-history{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-clear-history:hover{color:#ff6b6b;background:#ff6b6b1a}.history-tags{display:flex;flex-wrap:wrap;gap:8px}.history-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff0a;border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.history-chip:hover{background:#00f2fe14;border-color:#00f2fe4d;color:var(--accent-cyan);transform:translateY(-1px)}.history-chip-del{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:var(--text-muted);font-size:14px;line-height:1;transition:all var(--transition-fast)}.history-chip-del:hover{color:#ff6b6b;background:#ff6b6b33}.inspiration-tags{display:flex;flex-wrap:wrap;gap:10px}.tag-chip-btn{display:inline-flex;align-items:center;padding:6px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.tag-chip-btn:hover{background:linear-gradient(135deg,#00f2fe26,#4facfe33);border-color:#00f2fe59;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00f2fe26}.hot-source-tabs{display:flex;align-items:center;gap:4px;background:#00000040;padding:3px;border-radius:var(--radius-full);border:1px solid var(--border-light)}.hot-tab{padding:4px 12px;font-size:12px;font-weight:500;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.hot-tab.active{background:#00f2fe33;color:var(--accent-cyan);font-weight:600;box-shadow:0 2px 6px #00f2fe26}.hot-search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px}.hot-search-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.hot-search-item:hover{background:#ffffff12;border-color:#00f2fe40;transform:translate(3px)}.hot-rank-num{font-size:15px;font-weight:700;width:22px;text-align:center;color:var(--text-muted);flex-shrink:0}.hot-search-item:nth-child(1) .hot-rank-num{color:#ff4d4f;text-shadow:0 0 10px rgba(255,77,79,.4)}.hot-search-item:nth-child(2) .hot-rank-num{color:#fa8c16;text-shadow:0 0 10px rgba(250,140,22,.4)}.hot-search-item:nth-child(3) .hot-rank-num{color:#faad14;text-shadow:0 0 10px rgba(250,173,20,.4)}.hot-info-col{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.hot-word-line{display:flex;align-items:center;gap:8px}.hot-word-title{font-size:14px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.hot-search-item:hover .hot-word-title{color:var(--accent-cyan)}.hot-badge{font-size:10px;font-weight:700;line-height:1;padding:2px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.hot-badge.hot{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff;box-shadow:0 2px 6px #ff416c4d}.hot-badge.new{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff;box-shadow:0 2px 6px #00b09b4d}.hot-word-desc{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-score-val{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:8px}.search-results-wrapper{animation:fadeIn .25s cubic-bezier(.16,1,.3,1)}.search-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.search-status{font-size:14px;color:var(--text-muted);font-weight:500}.btn-back-hot{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:#00f2fe14;border:1px solid rgba(0,242,254,.25);color:var(--accent-cyan);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-back-hot:hover{background:#00f2fe2e;border-color:#00f2fe73;transform:translateY(-1px);box-shadow:0 4px 12px #00f2fe26}.search-input-group{position:relative}.search-suggest-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#101420f5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,240,255,.28);border-radius:12px;box-shadow:0 16px 36px #000000a6,0 0 20px #00f0ff1f;z-index:950;overflow:hidden;animation:suggestFadeIn .2s ease}@keyframes suggestFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.suggest-items-container{max-height:380px;overflow-y:auto;padding:6px}.suggest-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .15s ease}.suggest-item:hover,.suggest-item.highlighted{background:#00f0ff1f;box-shadow:inset 3px 0 0 var(--accent-cyan)}.suggest-type-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.suggest-type-icon.song{background:#00f0ff26;color:var(--accent-cyan)}.suggest-type-icon.singer{background:#ff4d4f26;color:#ff4d4f}.suggest-type-icon.album{background:#b37feb26;color:#b37feb}.suggest-text{flex:1;min-width:0;display:flex;flex-direction:column}.suggest-title{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggest-subtitle{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-update-badge{font-size:11px;font-weight:500;color:var(--accent-cyan);background:#00f0ff1a;border:1px solid rgba(0,240,255,.25);padding:2px 8px;border-radius:10px;margin-left:8px}.hot-search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.hot-search-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.hot-search-item:hover{background:#00f0ff14;border-color:#00f0ff4d;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.hot-rank-num{font-size:15px;font-weight:800;width:24px;text-align:center;flex-shrink:0;color:var(--text-muted)}.hot-search-item:nth-child(1) .hot-rank-num{color:#ff4d4f;text-shadow:0 0 10px rgba(255,77,79,.5)}.hot-search-item:nth-child(2) .hot-rank-num{color:#ff7a45;text-shadow:0 0 10px rgba(255,122,69,.5)}.hot-search-item:nth-child(3) .hot-rank-num{color:#ffa940;text-shadow:0 0 10px rgba(255,169,64,.5)}.hot-word-text{flex:1;min-width:0;font-size:13.5px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-search-item:hover .hot-word-text{color:var(--accent-cyan)}.hot-tag-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;flex-shrink:0}.hot-tag-badge.top{background:#ff4d4f33;color:#ff4d4f;border:1px solid rgba(255,77,79,.4)}.hot-tag-badge.hot{background:#ff7a4533;color:#ff7a45;border:1px solid rgba(255,122,69,.4)}.hot-tag-badge.new{background:#00f0ff26;color:var(--accent-cyan);border:1px solid rgba(0,240,255,.35)}.track-table{display:flex;flex-direction:column;gap:4px}.track-row{display:flex;align-items:center;padding:10px 14px;border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer}.track-row:hover{background:var(--bg-surface)}.track-row.playing{background:#00f2fe1a}.track-row.track-loading{background:#00f2fe14;box-shadow:inset 0 0 0 1px #00f2fe59;animation:trackPulse 1.2s infinite ease-in-out}.track-row.track-loading .track-col-index{color:var(--accent-cyan);font-weight:700}@keyframes trackPulse{0%,to{opacity:.85}50%{opacity:1;background:#00f2fe29}}.track-col-index{width:32px;font-size:13px;color:var(--text-muted);text-align:center}.track-col-cover{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;margin:0 12px;flex-shrink:0;background:var(--bg-secondary)}.track-col-cover img{width:100%;height:100%;object-fit:cover}.track-col-main{flex:2;min-width:0;display:flex;flex-direction:column;gap:2px}.track-name-text{font-size:14px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.platform-chip{display:inline-block;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;margin-right:6px;flex-shrink:0}.platform-chip.wy{background:#e6002633;color:#ff4d6d}.platform-chip.tx,.platform-chip.qq{background:#31c27c33;color:#31c27c}.platform-chip.kg{background:#09f3;color:#00b4d8}.platform-chip.kw{background:#fa03;color:#fa0}.track-singer-text{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-col-album{flex:1.5;min-width:0;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 12px}.track-col-duration{width:60px;font-size:13px;color:var(--text-muted);text-align:right;padding-right:12px}.track-col-actions{display:flex;align-items:center;gap:6px}.track-col-actions .icon-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);padding:0}.track-col-actions .icon-btn svg{width:17px;height:17px;transition:transform .18s cubic-bezier(.175,.885,.32,1.275)}.track-col-actions .icon-btn:hover{color:var(--text-main);background:#ffffff14}.track-col-actions .icon-btn:hover svg{transform:scale(1.15)}.heart-btn{color:var(--text-muted);transition:all .22s cubic-bezier(.4,0,.2,1)}.heart-btn:hover{color:#ff5252d9}.heart-btn .heart-filled{display:none}.heart-btn .heart-outline{display:block}.heart-btn.active,.btn-track-fav.active,.ctrl-btn.heart-btn.active{color:var(--accent-coral)!important;filter:drop-shadow(0 0 8px rgba(255,82,82,.65))}.heart-btn.active svg,.btn-track-fav.active svg,.ctrl-btn.heart-btn.active svg{fill:var(--accent-coral)!important}.heart-btn.active .heart-filled{display:block;animation:heartPopAnim .36s cubic-bezier(.175,.885,.32,1.275)}.heart-btn.active .heart-outline{display:none}@keyframes heartPopAnim{0%{transform:scale(.5);opacity:.5}60%{transform:scale(1.28);opacity:1}to{transform:scale(1);opacity:1}}.heart-btn:active svg{transform:scale(.85)}.heart-btn.active:active svg{transform:scale(.85)}#player-bar-artist .singer-link{color:var(--text-secondary);cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;text-decoration:none}#player-bar-artist .singer-link:hover{color:var(--accent-cyan);text-shadow:0 0 10px rgba(0,240,255,.5);text-decoration:underline;text-underline-offset:3px}.singer-separator{color:var(--text-muted);font-size:12px;margin:0 1px;-webkit-user-select:none;user-select:none}.library-special-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.special-card{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;background:var(--bg-surface);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-smooth)}.special-card:hover{background:var(--bg-surface-hover);transform:translateY(-2px);border-color:#ffffff26}.special-card.active{background:#ffffff14;border-color:#00f0ff80;box-shadow:0 0 16px #00f0ff2e,inset 0 0 10px #00f0ff0f}.special-card.active#card-favorites{border-color:#ff52528c;box-shadow:0 0 16px #ff525238,inset 0 0 10px #ff525214}.special-card.active#card-history{border-color:#00f2fe8c;box-shadow:0 0 16px #00f2fe38,inset 0 0 10px #00f2fe14}.card-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;background:#ffffff0d;flex-shrink:0}.card-icon.heart{background:#ff525226}.card-icon.clock{background:#00f2fe26}.card-meta{display:flex;align-items:center;gap:8px}.card-title{font-size:13.5px;font-weight:600;margin-bottom:0;white-space:nowrap}.card-count{font-size:12px;color:var(--text-muted);background:#ffffff14;padding:1px 7px;border-radius:10px;white-space:nowrap}.library-category-tabs-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:6px 4px 18px;margin-bottom:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.library-category-tabs-bar::-webkit-scrollbar{display:none}.library-cat-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.library-cat-tab:hover{background:#ffffff1a;color:var(--text-main);border-color:#fff3}.library-cat-tab.active{background:linear-gradient(135deg,#00f2fe38,#7928ca38);border-color:#00f2fe8c;color:#fff;box-shadow:0 4px 16px #00f2fe26}.cat-tab-icon{font-size:14px}.cat-tab-badge{display:inline-block;padding:1px 6px;border-radius:10px;font-size:11px;background:#ffffff1a;color:var(--text-muted);font-weight:600}.library-cat-tab.active .cat-tab-badge{background:#00f2fe40;color:var(--accent-cyan)}.library-subview{animation:fadeIn .2s ease forwards}.card-corner-actions{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:6px;opacity:.85;transform:translateY(0);transition:all var(--transition-fast);z-index:10;pointer-events:auto}.chart-card:hover .card-corner-actions,.radio-card:hover .card-corner-actions,.podcast-card:hover .card-corner-actions,.stream-radio-card:hover .card-corner-actions,.stream-tv-card:hover .card-corner-actions,.vod-card:hover .card-corner-actions,.card-corner-actions:hover,.card-corner-actions:has(.favorited){opacity:1;transform:translateY(0)}.card-heart-btn{width:30px;height:30px;border-radius:50%;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#ffffffd9;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);padding:0;box-shadow:0 2px 8px #00000073}.card-heart-btn:hover{transform:scale(1.15);background:#000000e6;color:#ff5252;border-color:#ff525299}.card-heart-btn.favorited{color:#ff5252!important;border-color:#ff5252cc;background:#ff525238;box-shadow:0 0 12px #ff525280;opacity:1!important}.card-heart-btn.favorited svg{fill:#ff5252}@media (hover: none) and (pointer: coarse){.card-corner-actions{opacity:.95}.chart-play-badge{opacity:.92;transform:translateY(0)}.podcast-card-play-overlay,.radio-card-play-overlay{opacity:.85}}.podcast-card-cover-wrap{position:relative;flex-shrink:0;width:76px;height:76px;border-radius:12px;overflow:hidden}.podcast-card-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;cursor:pointer;z-index:5}.podcast-card:hover .podcast-card-play-overlay{opacity:1}.podcast-play-btn-circle{width:32px;height:32px;border-radius:50%;background:var(--accent-cyan);color:#080c14;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00f0ff99;transition:transform var(--transition-fast)}.podcast-play-btn-circle:hover{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.library-subview .charts-grid,.library-subview .leaderboard-grid,.library-subview .playlists-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:18px!important}.library-subview .radio-grid-container,.library-subview .podcast-grid-container{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:18px!important}.library-subview .stream-radio-grid-container{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:14px!important;min-height:auto!important}.library-subview .stream-radio-card{padding:10px 12px;gap:12px}.library-subview .stream-radio-card .stream-radio-cover-wrap{width:52px;height:52px}.library-subview .stream-tv-grid-container{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:18px!important;margin-top:14px}.library-subview .charts-grid>.empty-tip,.library-subview .leaderboard-grid>.empty-tip,.library-subview .playlists-grid>.empty-tip,.library-subview .radio-grid-container>.empty-tip,.library-subview .podcast-grid-container>.empty-tip,.library-subview .stream-radio-grid-container>.empty-tip,.library-subview .stream-tv-grid-container>.empty-tip,.library-subview .vod-grid-container>.empty-tip{grid-column:1 / -1;width:100%}.history-media-tabs-bar{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.history-media-tabs-bar .platform-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:13px;border-radius:20px;white-space:nowrap;cursor:pointer;background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-secondary);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation}.history-media-tabs-bar .platform-tab *{pointer-events:none}.history-media-tabs-bar .platform-tab:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:#fff3}.history-media-tabs-bar .platform-tab.active{background:#00f0ff1f;border-color:var(--accent-cyan);color:#fff;font-weight:600;box-shadow:0 0 12px #00f0ff33}.history-media-tabs-bar .tab-badge{font-size:11px;padding:1px 6px;border-radius:10px;background:#ffffff1a;color:var(--text-muted)}.history-media-tabs-bar .platform-tab.active .tab-badge{background:#00f0ff40;color:#fff}.history-universal-list{display:flex;flex-direction:column;gap:6px}.history-universal-row{display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:10px;background:var(--bg-surface);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.history-universal-row:hover{background:var(--bg-surface-hover);border-color:#ffffff14;transform:translate(4px)}.history-row-index{width:28px;font-size:13px;color:var(--text-muted);text-align:center;flex-shrink:0}.history-row-cover{width:44px;height:44px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#ffffff0d;display:flex;align-items:center;justify-content:center;position:relative}.history-row-cover img{width:100%;height:100%;object-fit:cover}.history-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.history-row-title-box{display:flex;align-items:center;gap:8px}.history-row-title{font-size:13.5px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-row-sub{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-row-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.history-row-time{font-size:12px;color:var(--text-muted);white-space:nowrap}.history-row-actions{display:flex;align-items:center;gap:6px;opacity:.7;transition:opacity var(--transition-fast)}.history-universal-row:hover .history-row-actions{opacity:1}.history-btn-del{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.history-btn-del:hover{background:#ff525240;border-color:#ff525280;color:#ff5252;transform:scale(1.08)}.history-card-del-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#ffffffd9;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:12;transition:all var(--transition-fast);pointer-events:auto}.history-card-del-btn:hover{background:#ff5252d9;border-color:#ff5252;color:#fff;transform:scale(1.1);box-shadow:0 2px 10px #ff525259}.media-type-tag{display:inline-flex;align-items:center;padding:1px 7px;border-radius:4px;font-size:10.5px;font-weight:600;line-height:1.4;flex-shrink:0}.media-type-tag.track{background:#00f0ff26;color:#00f0ff;border:1px solid rgba(0,240,255,.3)}.media-type-tag.podcast{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.media-type-tag.stream_radio{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.media-type-tag.vod{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.media-type-tag.stream_tv{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.settings-container{display:flex;flex-direction:column;gap:20px;max-width:800px}.setting-card{padding:24px;border-radius:var(--radius-lg);background:var(--glass-tint-card);backdrop-filter:var(--glass-filter-subtle);-webkit-backdrop-filter:var(--glass-filter-subtle);border:var(--glass-specular-border);box-shadow:var(--glass-shadow-panel)}.setting-card-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;margin-bottom:18px}.setting-card-title svg{width:20px;height:20px;color:var(--accent-cyan)}.setting-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.setting-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.custom-select{padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-main);font-size:14px;outline:none;cursor:pointer}.action-buttons{display:flex;gap:12px}.account-uuid-status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#00f2fe0d;border:1px solid rgba(0,242,254,.2);border-radius:var(--radius-md);margin-bottom:14px}.account-uuid-status-bar.unlogged{background:#ffffff08;border-color:var(--border-light)}.account-uuid-meta{display:flex;align-items:center;gap:10px}.account-uuid-label{font-size:13px;font-weight:600;color:var(--text-main)}.account-uuid-badge{font-size:11px;padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.account-uuid-badge.active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.account-uuid-badge.unlogged{background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3)}.account-uuid-code{font-family:monospace;font-size:13px;color:var(--accent-cyan);background:var(--bg-surface);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-light);-webkit-user-select:all;user-select:all}.account-sync-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:4px}.account-sync-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.sync-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e99;flex-shrink:0}.auth-logged-view{display:flex;flex-direction:column;gap:16px}.user-profile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.user-avatar-badge{width:46px;height:46px;border-radius:50%;background:#00f2fe26;color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar-badge svg{width:24px;height:24px}.user-profile-meta{flex:1;margin-left:16px;display:flex;flex-direction:column;gap:3px}.user-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.user-profile-nickname{font-size:16px;font-weight:700;color:var(--text-main)}.user-profile-sub{font-size:13px;color:var(--text-secondary)}.user-account-header-handle{font-size:13px;font-weight:500;color:var(--text-secondary);background:#ffffff0f;border:1px solid var(--border-light);padding:2px 8px;border-radius:var(--radius-sm);margin-left:6px;letter-spacing:.3px}.cloud-key-code{font-family:monospace;padding:6px 10px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--accent-cyan);font-size:13px;letter-spacing:.5px;-webkit-user-select:all;user-select:all}.badge-active{display:inline-block;padding:3px 8px;border-radius:var(--radius-full);font-size:11.5px;background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.user-account-card-title{display:flex;align-items:center;justify-content:space-between;width:100%}.user-account-card-title .title-left{display:flex;align-items:center;gap:10px}.account-header-sync{display:flex;align-items:center;gap:12px;margin-left:auto}.account-header-sync .account-sync-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.btn.sm{padding:6px 14px;font-size:12px}.cache-usage-box{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;margin-bottom:12px}.cache-usage-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cache-status-text{font-size:13.5px;font-weight:500;color:var(--text-primary, #fff)}.cache-percent-badge{font-size:12px;font-weight:600;color:var(--accent-cyan, #00f0ff);background:#00f0ff1f;padding:2px 8px;border-radius:12px}.cache-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.cache-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan, #00f0ff),#7928ca);border-radius:3px;transition:width .3s ease}.cache-extra-tip{font-size:11.5px;color:var(--text-secondary, rgba(255, 255, 255, .5))}.setting-row .row-sublabel{font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .5));margin-top:2px;line-height:1.4}.playlist-detail-view{display:none}.playlist-detail-view.active{display:block}.detail-header-card{margin-bottom:28px}.detail-back-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;margin-bottom:16px;transition:color var(--transition-fast)}.detail-back-btn svg{width:18px;height:18px}.detail-back-btn:hover{color:var(--accent-cyan)}.detail-hero{display:flex;gap:28px;align-items:flex-end}.detail-cover{width:180px;height:180px;border-radius:var(--radius-lg);object-fit:cover;box-shadow:0 16px 36px #00000080;flex-shrink:0}.detail-info{display:flex;flex-direction:column;gap:8px}.detail-tag{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--accent-cyan);background:#00f2fe1f;padding:4px 8px;border-radius:var(--radius-sm);align-self:flex-start}.detail-title{font-size:26px;font-weight:700}.detail-creator{font-size:13px;color:var(--text-secondary)}.detail-desc{font-size:13px;color:var(--text-muted);max-width:600px;line-height:1.4}.detail-actions{display:flex;gap:12px;margin-top:8px}.player-bar{position:fixed;bottom:14px;right:max(18px,(100vw - 1200px) / 2);width:min(1200px,calc(100vw - 36px));height:76px;background:var(--glass-tint-dock);backdrop-filter:var(--glass-filter-standard);-webkit-backdrop-filter:var(--glass-filter-standard);border:var(--glass-specular-border);border-radius:20px;box-shadow:var(--glass-shadow-floating);display:flex;flex-direction:column;justify-content:center;padding:0 20px;z-index:2000;box-sizing:border-box;overflow:visible;contain:layout;will-change:transform,opacity;transform:translateY(0) translateZ(0);opacity:1;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .24s cubic-bezier(.16,1,.3,1)}.player-bar.collapsed{transform:translateY(calc(100% + 24px)) scale(.96);opacity:0;pointer-events:none}.immersive-stage.active~#app-container .player-bar,.immersive-stage.active~.player-bar,body:has(.immersive-stage.active) .player-bar{z-index:2000;background:#0e1016d9;box-shadow:0 20px 50px #000000a6,var(--glass-specular-edge);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4)}.player-progress-dock{position:absolute;top:0;left:18px;right:18px;height:6px;transform:translateY(-50%) scaleY(1);transform-origin:center;background:#ffffff14;border-radius:var(--radius-full);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast),background var(--transition-fast);will-change:transform;z-index:5}.progress-spark-canvas{position:absolute;top:-24px;bottom:-24px;left:-20px;right:-20px;width:calc(100% + 40px);height:54px;pointer-events:none;z-index:20}.player-progress-dock:hover,.player-progress-dock.seeking{transform:translateY(-50%) scaleY(1.333);background:#ffffff26}.player-progress-dock .progress-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--accent-cyan),#00d2ff,#7928ca);border-radius:var(--radius-full);position:relative;pointer-events:none;box-shadow:0 0 12px #00f2fe73}.player-progress-dock .progress-thumb{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%) scale(.6);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 10px #00f2fee6,0 2px 6px #0006;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.player-progress-dock:hover .progress-thumb,.player-progress-dock.seeking .progress-thumb{opacity:1;transform:translate(-50%,-50%) scale(1)}.controls-grid{display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);align-items:center;gap:16px;width:100%;height:100%}.control-cluster{display:flex;align-items:center;min-width:0}.cluster-actions{justify-content:flex-start;gap:12px}.control-track{display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer;padding:4px 6px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.control-track:hover{background:#ffffff0a}.control-cover{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 4px 14px #00000059;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease}.control-track:hover .control-cover,.control-cover:hover{transform:scale(1.06);box-shadow:0 6px 18px #00000080,0 0 12px #00f2fe4d}.control-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.control-title-row{display:flex;align-items:center;gap:8px;min-width:0}.control-title{font-size:14px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.control-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.ctrl-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;position:relative}.ctrl-btn svg{width:19px;height:19px}.ctrl-btn:hover{color:var(--text-main);background:#ffffff14}.ctrl-btn:active{transform:scale(.9);color:var(--accent-cyan)}.ctrl-btn.heart-btn.active{color:var(--accent-coral)}#btn-loop-mode.active{color:var(--accent-cyan);background:#00f2fe1f}.cluster-transport{justify-content:center;gap:16px}.icon-btn-play{width:46px;height:46px;border-radius:50%;border:none;background:#fff;color:#0a0b0e;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 18px #ffffff47;transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.icon-btn-play svg{width:22px;height:22px;margin-left:2px}.icon-btn-play:hover{transform:scale(1.08);box-shadow:0 6px 24px #ffffff73}.icon-btn-play:active{transform:scale(.92)}.icon-btn-play.loading{background:#ffffffe6;box-shadow:0 0 20px #00f2fe80}.player-spinner-icon{animation:playerSpin .85s linear infinite;margin-left:0!important}@keyframes playerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mini-queue-control{position:relative}.mini-queue-popover{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(8px);width:380px;max-height:440px;background:var(--glass-tint-popover);backdrop-filter:var(--glass-filter-standard);-webkit-backdrop-filter:var(--glass-filter-standard);border:var(--glass-specular-border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--glass-shadow-floating);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:300;display:flex;flex-direction:column}.mini-queue-control.open .mini-queue-popover{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mini-queue-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.mini-queue-title-wrap{display:flex;align-items:center;gap:8px}.mini-queue-heading{font-size:13.5px;font-weight:700;color:var(--text-main)}.mini-queue-badge{font-size:11px;color:var(--accent-cyan);background:#00f2fe1a;padding:2px 7px;border-radius:var(--radius-full)}.btn-text-sm{background:transparent;border:none;color:var(--text-muted);font-size:11.5px;cursor:pointer;transition:color var(--transition-fast)}.btn-text-sm:hover{color:var(--accent-coral)}.mini-queue-list-box{display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:320px;padding-right:4px}.mini-queue-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:background var(--transition-fast)}.mini-queue-row:hover{background:#ffffff0d}.mini-queue-row.active{background:#00f2fe1a}.mini-queue-row-title{font-size:12.5px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.mini-queue-row.active .mini-queue-row-title{color:var(--accent-cyan);font-weight:600}.mini-queue-del-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:15px;padding:0 4px}.mini-queue-del-btn:hover{color:var(--accent-coral)}.cluster-modes{justify-content:flex-end;gap:12px}.lyric-timing-control{position:relative}.lyric-calib-btn{font-weight:700;font-size:13px}.lyric-calib-text{font-size:13px;line-height:1}.lyric-timing-popover{position:absolute;bottom:calc(100% + 14px);right:0;width:220px;background:var(--glass-tint-popover);backdrop-filter:var(--glass-filter-standard);-webkit-backdrop-filter:var(--glass-filter-standard);border:var(--glass-specular-border);border-radius:var(--radius-md);padding:12px;box-shadow:var(--glass-shadow-floating);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s;z-index:100}.lyric-timing-control.open .lyric-timing-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.popover-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:11.5px;color:var(--text-muted)}.popover-head-row strong{color:var(--accent-cyan);font-family:monospace;font-size:12.5px}.lyric-calib-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.btn-step{height:28px;border-radius:6px;border:1px solid var(--border-light);background:#ffffff0a;color:var(--text-main);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.btn-step:hover{background:#00f2fe26;border-color:#00f2fe66}.btn-step.reset{color:var(--text-muted)}.sleep-timer-control{position:relative}.sleep-timer-badge{position:absolute;top:4px;right:4px;font-size:9px;background:var(--accent-cyan);color:#000;font-weight:800;border-radius:999px;padding:1px 4px;line-height:1}.sleep-timer-popover{position:absolute;bottom:calc(100% + 14px);right:0;width:210px;background:var(--glass-tint-popover);backdrop-filter:var(--glass-filter-standard);-webkit-backdrop-filter:var(--glass-filter-standard);border:var(--glass-specular-border);border-radius:var(--radius-md);padding:12px;box-shadow:var(--glass-shadow-floating);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s;z-index:100}.sleep-timer-control.open .sleep-timer-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.sleep-timer-options{display:flex;flex-direction:column;gap:4px}.sleep-option-btn{padding:7px 10px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.sleep-option-btn:hover{background:#ffffff0d;color:var(--text-main)}.sleep-option-btn.active{background:#00f2fe1f;border-color:#00f2fe59;color:var(--accent-cyan);font-weight:600}.volume-control-box{position:relative}.volume-popover{position:absolute;bottom:calc(100% + 14px);right:0;width:180px;background:var(--glass-tint-popover);backdrop-filter:var(--glass-filter-standard);-webkit-backdrop-filter:var(--glass-filter-standard);border:var(--glass-specular-border);border-radius:var(--radius-md);padding:12px;box-shadow:var(--glass-shadow-floating);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s;z-index:100}.volume-control-box.open .volume-popover,.volume-control-box:hover .volume-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.volume-slider-row{display:flex;align-items:center;gap:8px}.vol-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.vol-val{font-size:11px;color:var(--accent-cyan);font-family:monospace;width:28px;text-align:right}#volume-slider{flex:1;height:4px;border-radius:var(--radius-full);outline:none;background:#ffffff26;cursor:pointer;accent-color:var(--accent-cyan)}.time-display-box{display:flex;align-items:center;gap:3px;font-size:12px;font-family:monospace;color:var(--text-muted);padding:4px 8px;border-radius:var(--radius-sm);background:#ffffff0a}.time-label.curr{color:var(--text-main);font-weight:600}.time-sep{opacity:.5}.ctrl-btn.collapse-toggle-btn.cover-disc-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;padding:0;background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:0 2px 8px #00000059;cursor:pointer;overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.25,1),border-color .2s ease,box-shadow .2s ease}.ctrl-btn.collapse-toggle-btn.cover-disc-btn:before,.player-floating-disc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at center,#0c0e1473,#0c0e1440);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:2;pointer-events:none;transition:background .2s ease}.ctrl-btn.collapse-toggle-btn.cover-disc-btn:hover{transform:scale(1.06);border-color:var(--accent-cyan);box-shadow:0 0 12px var(--accent-glow)}.ctrl-btn.collapse-toggle-btn.cover-disc-btn:hover:before{background:radial-gradient(circle at center,#0c0e1499,#0c0e1459)}.ctrl-btn.collapse-toggle-btn.cover-disc-btn:active{transform:scale(.94)}.player-floating-disc{position:fixed;right:24px;bottom:20px;width:52px;height:52px;border-radius:50%;padding:0;border:1.5px solid rgba(255,255,255,.18);background:var(--glass-tint-dock);backdrop-filter:var(--glass-filter-standard);-webkit-backdrop-filter:var(--glass-filter-standard);box-shadow:0 10px 28px #0009,inset 0 1px #ffffff59;cursor:pointer;z-index:2000;overflow:hidden;display:flex;align-items:center;justify-content:center;transform:scale(.4) translateY(24px);opacity:0;pointer-events:none;visibility:hidden;will-change:transform,opacity;transition:transform .3s cubic-bezier(.34,1.25,.64,1),opacity .22s ease,visibility .3s,border-color .2s ease,box-shadow .2s ease}body:has(.player-bar.collapsed) .player-floating-disc,.player-floating-disc.active{transform:scale(1) translateY(0);opacity:1;pointer-events:auto;visibility:visible}.player-floating-disc:hover{transform:scale(1.08) translateY(-2px);border-color:var(--accent-cyan);box-shadow:0 12px 34px #000000bf,0 0 20px var(--accent-glow)}.player-floating-disc:hover:before{background:radial-gradient(circle at center,#0c0e14a6,#0c0e1466)}.player-floating-disc:active{transform:scale(.94)}.cover-disc-spin{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none;will-change:transform}.cover-disc-img{width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0d0f14;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.09) 0%,rgba(255,255,255,.02) 22%,transparent 24%),repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 2px,rgba(255,255,255,.028) 3px,transparent 4px),radial-gradient(circle at 35% 35%,#202634f2,#0e1016fa 60%,#080a0e);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 8px #000000b3;transition:filter .2s ease}@keyframes coverDiscSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-bar.is-playing .cover-disc-spin,.player-floating-disc.is-playing .cover-disc-spin{animation:coverDiscSpin 14s linear infinite;animation-play-state:running}.player-bar:not(.is-playing) .cover-disc-spin,.player-floating-disc:not(.is-playing) .cover-disc-spin{animation:coverDiscSpin 14s linear infinite;animation-play-state:paused}@keyframes discBreathingGlow{0%,to{box-shadow:0 8px 24px #0009,0 0 12px var(--accent-glow)}50%{box-shadow:0 12px 32px #000000bf,0 0 22px #00f2fe8c,inset 0 0 8px #00f2fe33}}.player-floating-disc.is-playing{animation:discBreathingGlow 2.8s infinite ease-in-out}.cover-disc-icon{width:17px;height:17px;position:relative;z-index:5;color:var(--text-main);opacity:.82;transform:scale(.9);filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));pointer-events:none;transition:opacity .2s cubic-bezier(.2,.8,.25,1),transform .2s cubic-bezier(.2,.8,.25,1),color .2s ease}.player-floating-disc .cover-disc-icon{width:20px;height:20px;opacity:.88}.ctrl-btn.collapse-toggle-btn.cover-disc-btn:hover .cover-disc-icon,.player-floating-disc:hover .cover-disc-icon{opacity:1;transform:scale(1.05);color:var(--accent-cyan)}.ctrl-btn.collapse-toggle-btn.cover-disc-btn:hover .cover-disc-img,.player-floating-disc:hover .cover-disc-img{filter:brightness(.8)}.queue-drawer{position:fixed;top:0;right:0;bottom:0;width:360px;background:var(--bg-glass);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-left:1px solid var(--border-light);box-shadow:-12px 0 40px #000000a6;z-index:2200;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-smooth)}.queue-drawer.active{transform:translate(0)}.drawer-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border-light)}.drawer-title{font-size:15px;font-weight:600}.drawer-actions{display:flex;align-items:center;gap:12px}.drawer-close{background:transparent;border:none;font-size:24px;color:var(--text-muted);cursor:pointer}.queue-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px}.queue-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;cursor:pointer;transition:background var(--transition-fast);gap:8px}.queue-item:hover{background:var(--bg-surface)}.queue-item.active{background:#00f2fe1a}.queue-item-main{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.queue-item-index{font-size:12px;color:var(--text-muted);width:20px;text-align:center;flex-shrink:0}.queue-item-info{display:flex;flex-direction:column;min-width:0;flex:1}.queue-item-name{font-size:13px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item.active .queue-item-name{color:var(--accent-cyan)}.queue-item-singer{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-actions,.mini-queue-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.queue-btn-more,.mini-queue-more-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.queue-btn-more:hover,.mini-queue-more-btn:hover{color:var(--text-main);background:#ffffff1a}.queue-more-menu-dropdown{position:fixed;z-index:2500;width:176px;background:#161b22f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);box-shadow:0 12px 32px #0000008c,0 0 0 1px #ffffff0d;padding:6px;display:none;flex-direction:column;gap:2px;animation:menuFadeIn .16s cubic-bezier(.16,1,.3,1) forwards}.queue-more-menu-dropdown.visible{display:flex}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.queue-menu-header{padding:6px 8px 4px}.queue-menu-title{font-size:12px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-menu-singer{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-menu-divider{height:1px;background:#ffffff14;margin:4px 0}.queue-menu-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-main);font-size:12.5px;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.queue-menu-item:hover{background:#ffffff14;color:var(--accent-cyan)}.queue-menu-item.danger:hover{background:#ff52521f;color:#ff5252}.queue-menu-item svg{flex-shrink:0}.radar-btn{position:relative;overflow:visible;transition:all var(--transition-fast)}.radar-btn .radar-icon{width:17px;height:17px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),stroke .25s ease}.radar-btn:hover .radar-icon{transform:rotate(25deg);color:var(--accent-cyan)}.radar-btn.active{color:var(--accent-cyan);background:#00f2fe29;border-color:#00f2fe73;box-shadow:0 0 16px #00f2fe59}.radar-btn.active .radar-icon{animation:radarScanSpin 4s linear infinite;color:var(--accent-cyan)}@keyframes radarScanSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-btn .radar-sonar-wave{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:1.5px solid rgba(0,242,254,.7);transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;z-index:0}.radar-btn.active .radar-sonar-wave{animation:radarSonarPulse 2.4s cubic-bezier(.2,.8,.4,1) infinite}@keyframes radarSonarPulse{0%{transform:translate(-50%,-50%) scale(.85);opacity:.85;border-color:#00f2fecc}50%{opacity:.4;border-color:#7928ca99}to{transform:translate(-50%,-50%) scale(2.2);opacity:0;border-color:#00f2fe00}}.stage-radar-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:20px;background:#00f2fe1f;border:1px solid rgba(0,242,254,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 12px #00f2fe40;font-size:11.5px;color:var(--text-main);animation:fadeIn .3s ease}.stage-radar-badge .radar-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan);animation:radarDotBlink 1.4s ease-in-out infinite}@keyframes radarDotBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.stage-radar-badge .radar-text{font-weight:500;letter-spacing:.2px;color:var(--accent-cyan)}.immersive-stage{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(var(--theme-accent-rgb, 0, 242, 254),.12) 0%,transparent 55%),radial-gradient(circle at 20% 80%,rgba(var(--theme-secondary-rgb, 121, 40, 202),.1) 0%,transparent 60%),linear-gradient(180deg,#0a0b0e73,#0a0b0eb8);backdrop-filter:blur(28px) saturate(1.85) brightness(1.04);-webkit-backdrop-filter:blur(28px) saturate(1.85) brightness(1.04);z-index:100;display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--transition-smooth),background .8s ease}.immersive-stage.active{transform:translateY(0)}.stage-visual-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;will-change:transform;transform:translateZ(0)}.stage-top-bar{height:64px;display:flex;align-items:center;justify-content:center;padding:0 24px;border-bottom:1px solid var(--border-light);position:relative;z-index:2}.stage-close-btn{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.stage-close-btn:hover{background:#ffffff2e;border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-50%) scale(1.06)}.stage-header-info{text-align:center}.stage-title{font-size:16px;font-weight:600}.stage-artist{font-size:12px;color:var(--text-secondary)}.stage-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);background:#00f2fe26;color:var(--accent-cyan)}.stage-body{flex:1;display:flex;overflow:hidden;padding:24px 32px calc(var(--player-bar-height) + 24px) 32px;position:relative;z-index:2}.vinyl-display{flex:1;display:flex;align-items:center;justify-content:center;position:relative;perspective:1200px;transform-style:preserve-3d;will-change:transform}.vinyl-disc-container{width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#1a1a1a,#080808 60%,#000);box-shadow:0 20px 60px #000c,inset 0 0 0 12px #181818;display:flex;align-items:center;justify-content:center;position:relative;animation:spinRecord 24s linear infinite;animation-play-state:paused;will-change:transform;transform:translateZ(0)}.vinyl-disc-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at var(--disc-shine-x, 35%) var(--disc-shine-y, 35%),rgba(255,255,255,.22) 0%,transparent 65%);pointer-events:none;z-index:5;mix-blend-mode:screen;transition:background .1s ease}.vinyl-disc-container.playing{animation-play-state:running}@keyframes spinRecord{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-cover-img{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 0 20px #0009}.vinyl-inner-ring{position:absolute;width:36px;height:36px;border-radius:50%;background:#0a0b0e;border:4px solid #333}.lyrics-view-box{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%)}.lyrics-scroll-container{width:100%;max-width:480px;height:480px;overflow-y:auto;scroll-behavior:smooth;display:flex;flex-direction:column;align-items:center;padding:240px 0;scrollbar-width:none}.lyrics-scroll-container::-webkit-scrollbar{display:none}.lyric-line{font-size:16px;line-height:2.2;color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;text-align:center;padding:0 16px}.lyric-line:hover{color:var(--text-secondary)}.lyric-line.active{font-size:22px;font-weight:700;color:#fff;transform:scale(1.05);text-shadow:0 0 16px var(--accent-glow)}.stage-video-viewport{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:5;padding:10px}.stage-video-wrapper{position:relative;width:min(100%,960px);aspect-ratio:16 / 9;max-height:calc(100vh - 220px);background:#000;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px #000000bf,0 0 0 1px #00f0ff40}.stage-video-wrapper video{width:100%;height:100%;object-fit:contain;background:#000}.stage-video-overlay-ctrls{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:8px;opacity:0;transition:opacity var(--transition-fast);z-index:10}.stage-video-wrapper:hover .stage-video-overlay-ctrls{opacity:1}.stage-video-btn{display:inline-flex;align-items:center;gap:6px;background:#0e1018c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:12px;padding:6px 12px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.stage-video-btn:hover{background:var(--accent-cyan);color:#000;border-color:var(--accent-cyan);box-shadow:0 0 12px #00f0ff66}@media (max-width: 768px){.stage-body{flex-direction:column}.stage-video-wrapper{width:100%;max-height:280px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-overlay.active{display:flex}.modal-card{width:100%;max-width:480px;background:var(--glass-tint-card);backdrop-filter:var(--glass-filter-standard);-webkit-backdrop-filter:var(--glass-filter-standard);border:var(--glass-specular-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--glass-shadow-floating);animation:modalScale .25s cubic-bezier(.16,1,.3,1)}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-title{font-size:18px;font-weight:600}.modal-close{background:transparent;border:none;font-size:24px;color:var(--text-muted);cursor:pointer}.modal-tip{font-size:13px;color:var(--text-secondary);margin-bottom:14px;line-height:1.4}.modal-textarea,.modal-input{width:100%;padding:12px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-main);font-size:14px;outline:none;resize:none;font-family:inherit;margin-bottom:14px}.modal-textarea:focus,.modal-input:focus{border-color:var(--border-focus)}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.qr-box{width:200px;height:200px;margin:0 auto 16px;background:#fff;border-radius:var(--radius-md);padding:10px;display:flex;align-items:center;justify-content:center}.qr-img{width:100%;height:100%;object-fit:contain}.qr-tip{text-align:center;font-size:13px;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn svg{width:16px;height:16px}.btn.primary{background:var(--accent-gradient);color:#000}.btn.primary:hover{opacity:.9;box-shadow:0 4px 14px #00f2fe4d}.btn.secondary{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-main)}.btn.secondary:hover{background:var(--bg-surface-hover)}#btn-collect-playlist:hover svg{color:#ff5252}#btn-collect-playlist.collected{background:#ff525226;border-color:#ff525273;color:#ff5252;box-shadow:0 0 14px #ff525233}#btn-collect-playlist.collected svg{fill:#ff5252;stroke:#ff5252}.btn.danger{background:#ff525226;border:1px solid rgba(255,82,82,.3);color:var(--accent-coral)}.btn.danger:hover{background:#ff525247;border-color:#ff52528c;box-shadow:0 0 12px #ff525240}.btn-text{background:transparent;border:none;font-size:13px;cursor:pointer;color:var(--text-secondary)}.btn-text.danger{color:var(--accent-coral)}.toast-container{position:fixed;bottom:calc(var(--player-bar-height) + 20px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:300;pointer-events:none}.toast{background:#181920eb;border:1px solid var(--border-light);color:#fff;padding:10px 20px;border-radius:var(--radius-full);font-size:13px;box-shadow:0 8px 24px #00000080;animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-bottom-nav{display:none}.icon-btn-ghost{background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;cursor:pointer}.icon-btn-ghost svg{width:20px;height:20px}@media (max-width: 768px){:root{--player-bar-height: 104px;--mobile-nav-height: 56px}html,body,.app-layout{overflow-x:hidden!important;width:100vw;max-width:100vw}.desktop-sidebar{display:none!important}.mobile-header{display:flex}#player-bar-heart{display:inline-flex!important;width:32px!important;height:32px!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;flex-shrink:0!important;margin-left:2px!important;color:var(--text-secondary)!important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-light);z-index:2100;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0px)}.m-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;min-width:48px;min-height:44px;justify-content:center}.m-nav-item svg{width:20px;height:20px}.m-nav-item.active{color:var(--accent-cyan)}.main-viewport{padding:64px 14px calc(var(--player-bar-height) + var(--mobile-nav-height) + env(safe-area-inset-bottom,16px) + 24px) 14px!important;overflow-x:hidden!important;max-width:100vw!important;box-sizing:border-box!important}.player-bar{right:8px!important;left:8px!important;bottom:calc(var(--mobile-nav-height) + 8px + env(safe-area-inset-bottom,0px))!important;width:calc(100vw - 16px)!important;height:var(--player-bar-height)!important;padding:10px 14px 8px!important;border-radius:18px!important;backdrop-filter:var(--glass-filter-standard)!important;-webkit-backdrop-filter:var(--glass-filter-standard)!important;contain:layout!important;z-index:2000;box-sizing:border-box!important;justify-content:space-between!important}.player-floating-disc{right:14px!important;bottom:calc(var(--mobile-nav-height) + 12px + env(safe-area-inset-bottom,0px))!important;width:46px!important;height:46px!important;z-index:2050}.progress-spark-canvas{display:none!important}.controls-grid{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;gap:8px 10px!important;width:100%!important;height:100%!important;align-items:center!important}.cluster-actions{grid-column:1 / 2!important;grid-row:1 / 2!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;width:100%!important}.control-track{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1 1 0%!important;max-width:none!important;padding:0!important;cursor:pointer!important}.control-cover{width:38px!important;height:38px!important;border-radius:8px!important;box-shadow:0 4px 10px #0006!important;flex-shrink:0!important}.control-meta{min-width:0!important;flex:1 1 0%!important;display:flex!important;flex-direction:column!important;gap:2px!important}.control-title{max-width:100%!important;font-size:13.5px!important;font-weight:600!important;color:var(--text-main)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.25!important}.control-artist{max-width:100%!important;font-size:11.5px!important;color:var(--text-secondary)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.cluster-modes{grid-column:2 / 3!important;grid-row:1 / 2!important;display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-end!important;flex-shrink:0!important}.lyric-timing-control,.sleep-timer-control,.volume-control-box{display:none!important}.time-display-box{display:flex!important;align-items:center!important;font-size:11px!important;color:var(--text-muted)!important;font-variant-numeric:tabular-nums!important;letter-spacing:.2px!important}#btn-toggle-player-collapse{width:32px!important;height:32px!important;flex-shrink:0!important}.cluster-transport{grid-column:1 / -1!important;grid-row:2 / 3!important;width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 4px!important;box-sizing:border-box!important;gap:8px!important}.cluster-transport .ctrl-btn{width:36px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;border-radius:50%!important;color:var(--text-secondary)!important;transition:transform .15s ease!important}.cluster-transport .ctrl-btn:active{transform:scale(.92)!important}.cluster-transport .ctrl-btn svg{width:18px!important;height:18px!important}#btn-player-play,.icon-btn-play{width:42px!important;height:42px!important;border-radius:50%!important;background:var(--accent-gradient)!important;color:#000!important;box-shadow:0 4px 14px #00f2fe66!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;border:none!important;transition:transform .15s ease!important}#btn-player-play:active,.icon-btn-play:active{transform:scale(.92)!important}#btn-player-play svg,.icon-btn-play svg{width:20px!important;height:20px!important}.mini-queue-popover{width:calc(100vw - 28px)!important;max-width:360px!important;left:50%!important;right:auto!important;transform:translate(-50%) translateY(8px)!important;bottom:calc(100% + 12px)!important}.mini-queue-control.open .mini-queue-popover{transform:translate(-50%) translateY(0)!important}@media (max-width: 360px){.time-display-box{display:none!important}.cluster-transport{gap:4px!important;padding:0!important}}.track-col-album,.track-col-duration{display:none}.discover-platform-tabs,.leaderboard-platform-tabs,.radio-categories-tabs,.stream-radio-categories-tabs,.stream-radio-dimension-bar,#vod-dimension-tabs,#vod-category-tabs,.vod-type-tabs,.short-video-categories-tabs,.stream-tv-categories-tabs,.library-category-tabs-bar,.radio-segment-switch,.cinema-segment-switch,.discover-segment-switch{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:8px!important;padding:4px 2px!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}.discover-platform-tabs::-webkit-scrollbar,.leaderboard-platform-tabs::-webkit-scrollbar,.radio-categories-tabs::-webkit-scrollbar,.stream-radio-categories-tabs::-webkit-scrollbar,.stream-radio-dimension-bar::-webkit-scrollbar,#vod-dimension-tabs::-webkit-scrollbar,#vod-category-tabs::-webkit-scrollbar,.vod-type-tabs::-webkit-scrollbar,.short-video-categories-tabs::-webkit-scrollbar,.stream-tv-categories-tabs::-webkit-scrollbar,.library-category-tabs-bar::-webkit-scrollbar,.radio-segment-switch::-webkit-scrollbar,.cinema-segment-switch::-webkit-scrollbar,.discover-segment-switch::-webkit-scrollbar{display:none!important}.radio-segment-btn,.platform-tab,.stream-dimension-tab,.library-cat-tab{white-space:nowrap!important;flex-shrink:0!important;min-height:36px!important}.stream-radio-filter-toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:14px!important}.stream-radio-search-controls{width:100%!important;display:flex!important}.stream-radio-search-bar{flex:1!important;width:100%!important}.radio-hero-banner,.podcast-hero-banner,.cinema-hero-banner{padding:16px 18px!important;margin-bottom:16px!important}.radio-hero-title,.podcast-hero-title,.cinema-hero-title{font-size:20px!important}.radio-grid-container{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.radio-card{padding:12px!important}.radio-card-cover-wrapper{margin-bottom:8px!important}.radio-card-title{font-size:13.5px!important}.radio-card-desc{font-size:11px!important;-webkit-line-clamp:1!important}.short-video-genres-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.short-video-genre-card{flex-direction:column!important;align-items:stretch!important;padding:10px!important;gap:10px!important}.short-video-genre-card .radio-card-cover-box{width:100%!important;height:118px!important;border-radius:10px!important}.short-video-genre-card .radio-card-content{width:100%!important;gap:3px!important}.short-video-genre-card .radio-card-title{font-size:13.5px!important}.short-video-genre-card .radio-card-desc{font-size:11px!important;-webkit-line-clamp:1!important}.short-video-genre-card .radio-card-meta{margin-top:2px!important}.short-video-hero-banner .discover-header-title-box{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.short-video-hero-banner .stream-radio-header-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}.short-video-ctrl-btn{padding:5px 10px!important;font-size:12px!important;min-height:34px!important}.short-video-stage-header{top:10px!important;left:10px!important;right:10px!important}.short-video-side-bar{right:8px!important;bottom:74px!important;gap:12px!important}.short-video-btn-icon-wrap{width:40px!important;height:40px!important}.short-video-bottom-info{right:10px!important;left:10px!important;bottom:12px!important;align-items:flex-start!important}.short-video-author-name{max-width:110px!important;font-size:13px!important}.short-video-title-desc{font-size:12.5px!important;max-width:calc(100vw - 80px)!important}.vod-grid-container{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.vod-card-title{font-size:12px!important}.stream-tv-grid-container,.stream-tv-custom-grid,.library-subview .stream-tv-grid-container{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.stream-tv-info{padding:7px 6px 8px!important;gap:2px!important}.stream-tv-name{font-size:11.5px!important;line-height:1.25!important;font-weight:600!important}.stream-tv-meta{font-size:9.5px!important;gap:4px!important}.stream-tv-live-tag{top:4px!important;right:4px!important;font-size:8.5px!important;padding:1px 4px!important}.stream-tv-quality,.stream-tv-badge,.stream-tv-tag{font-size:9px!important;padding:0 4px!important}.playlists-grid,.charts-grid,.leaderboard-grid,.library-subview .playlists-grid,.library-subview .charts-grid,.library-subview .leaderboard-grid,.grid-container{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 8px!important}.chart-info{padding:8px 8px 10px!important;gap:3px!important}.chart-title{font-size:12.5px!important;line-height:1.3!important;font-weight:600!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important}.chart-desc{font-size:10.5px!important;line-height:1.25!important;-webkit-line-clamp:1!important}.chart-play-badge{width:32px!important;height:32px!important;bottom:6px!important;right:6px!important}.chart-play-badge svg{width:15px!important;height:15px!important;margin-left:1px!important}.card-corner-actions{top:5px!important;right:5px!important;gap:4px!important}.card-heart-btn,.card-action-btn{width:26px!important;height:26px!important}.card-heart-btn svg,.card-action-btn svg{width:12px!important;height:12px!important}.chart-count-badge{top:5px!important;left:5px!important;font-size:9.5px!important;padding:1px 5px!important;border-radius:6px!important}.btn-circle-refresh,.card-heart-btn,.history-card-del-btn,.icon-btn,.collect-pl-btn,.card-action-btn{position:relative!important}.btn-circle-refresh:after,.card-heart-btn:after,.history-card-del-btn:after,.icon-btn:after,.collect-pl-btn:after,.card-action-btn:after{content:""!important;position:absolute!important;top:-7px!important;right:-7px!important;bottom:-7px!important;left:-7px!important;pointer-events:auto!important}.setting-card{padding:16px 14px!important;border-radius:14px!important}.setting-card-title{font-size:15px!important;margin-bottom:12px!important}.detail-header-card{margin-bottom:16px!important}.detail-back-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 14px 6px 10px!important;background:#ffffff0f!important;border:1px solid var(--border-light)!important;border-radius:20px!important;font-size:13px!important;color:var(--text-secondary)!important;margin-bottom:14px!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:transform .15s ease,background .15s ease!important}.detail-back-btn:active{transform:scale(.96)!important;background:#ffffff1f!important}.detail-hero{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:14px!important;width:100%!important}.detail-cover{width:130px!important;height:130px!important;border-radius:14px!important;box-shadow:0 10px 24px #00000073!important;margin-bottom:2px!important}.detail-info{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important}.detail-tag{align-self:center!important;font-size:11px!important;padding:2px 8px!important;border-radius:6px!important}.detail-title{font-size:18px!important;font-weight:700!important;line-height:1.35!important;max-width:90vw!important;margin:2px 0!important;word-break:break-word!important}.detail-creator{font-size:12px!important;color:var(--text-secondary)!important}.detail-desc{font-size:12px!important;color:var(--text-muted)!important;line-height:1.45!important;max-width:92vw!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important}.detail-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;margin-top:12px!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important}#btn-play-all{flex:1.4 1 140px!important;min-height:42px!important;height:42px!important;font-size:14px!important;font-weight:600!important;border-radius:21px!important;justify-content:center!important;white-space:nowrap!important;box-shadow:0 4px 14px #00f2fe4d!important}.detail-actions .btn:not(#btn-play-all){flex:1 1 110px!important;min-height:38px!important;height:38px!important;font-size:12.5px!important;padding:0 12px!important;border-radius:19px!important;justify-content:center!important;white-space:nowrap!important;text-overflow:ellipsis!important}.detail-actions .btn svg{flex-shrink:0!important}.detail-actions .btn:active{transform:scale(.97)!important}@media (max-width: 360px){#btn-play-all{flex:1 1 100%!important}.detail-actions .btn:not(#btn-play-all){flex:1 1 calc(50% - 4px)!important;min-width:90px!important;font-size:12px!important;padding:0 8px!important}}.playlist-detail-view .track-row{padding:8px 6px!important;border-radius:10px!important}.playlist-detail-view .track-col-index{width:24px!important;font-size:12px!important;margin-right:4px!important}.playlist-detail-view .track-col-cover{width:38px!important;height:38px!important;margin:0 8px 0 0!important;border-radius:6px!important}.playlist-detail-view .track-name-text{font-size:13.5px!important;line-height:1.3!important}.playlist-detail-view .platform-chip{font-size:9.5px!important;padding:1px 4px!important;margin-right:4px!important}.playlist-detail-view .track-singer-text{font-size:11.5px!important}.playlist-detail-view .track-col-actions{gap:2px!important;flex-shrink:0!important}.playlist-detail-view .track-col-actions .icon-btn{width:32px!important;height:32px!important}.stage-body{flex-direction:column;padding:12px 16px calc(var(--player-bar-height) + var(--mobile-nav-height) + 20px) 16px}.vinyl-disc-container{width:220px;height:220px}.vinyl-cover-img{width:130px;height:130px}.lyrics-scroll-container{height:260px;padding:130px 0}}.stage-top-actions{display:flex;align-items:center;gap:10px}.stage-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);cursor:pointer;transition:all .25s ease}.stage-icon-btn:hover{background:#00f0ff29;border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 12px #00f0ff4d;transform:translateY(-1px)}.switch-toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.switch-toggle.mini-switch{width:36px;height:20px}.switch-toggle input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff26;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:24px;border:1px solid rgba(255,255,255,.2)}.switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0006}.mini-switch .switch-slider:before{height:12px;width:12px;left:3px;bottom:3px}.switch-toggle input:checked+.switch-slider{background:var(--gradient-primary);border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff66}.switch-toggle input:checked+.switch-slider:before{transform:translate(20px);background-color:#0b0e14}.mini-switch input:checked+.switch-slider:before{transform:translate(16px)}.pill-segmented-control{display:flex;background:#0006;padding:4px;border-radius:24px;border:1px solid rgba(255,255,255,.1);gap:4px}.pill-segment{flex:1;background:transparent;border:none;color:var(--text-secondary);font-size:12px;font-weight:500;padding:6px 12px;border-radius:20px;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:center}.pill-segment:hover{color:var(--text-primary)}.pill-segment.active{background:var(--gradient-primary);color:#0b0e14;font-weight:700;box-shadow:0 2px 8px #00f0ff4d}.btn-glow{background:var(--gradient-primary)!important;color:#0b0e14!important;font-weight:700!important;box-shadow:0 0 16px #00f0ff66!important;border:none!important}.btn-glow:hover{box-shadow:0 0 24px #00f0ff99!important;transform:translateY(-1px)}.track-col-checkbox{width:32px;display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0}.batch-checkbox-custom{width:18px;height:18px;border-radius:4px;border:1.5px solid rgba(255,255,255,.35);background:#0006;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.batch-checkbox-custom svg{display:none;stroke:#0a0e17;stroke-width:3}.track-row.selected .batch-checkbox-custom{background:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff80}.track-row.selected .batch-checkbox-custom svg{display:block}.track-row.selected{background:#00f0ff1a!important;box-shadow:inset 3px 0 0 var(--accent-cyan)}#btn-toggle-batch.active{background:#00f0ff29;border-color:#00f0ff80;color:var(--accent-cyan);box-shadow:0 0 14px #00f0ff40}.batch-action-bar{position:fixed;bottom:calc(var(--player-bar-height) + 16px);left:50%;transform:translate(-50%);z-index:1050;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#0e121ce0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,240,255,.3);box-shadow:0 12px 38px #000000a6,0 0 24px #00f0ff29;border-radius:9999px;animation:batchBarSlideUp .28s cubic-bezier(.16,1,.3,1);white-space:nowrap;max-width:94vw}@keyframes batchBarSlideUp{0%{opacity:0;transform:translate(-50%,24px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.batch-bar-left{display:flex;align-items:center;gap:8px;border-right:1px solid rgba(255,255,255,.12);padding-right:12px}.batch-count-badge{font-size:13px;font-weight:600;color:#fff;background:#ffffff14;padding:4px 10px;border-radius:12px}.batch-count-badge span{color:var(--accent-cyan);font-size:14px;font-weight:700}.batch-bar-actions{display:flex;align-items:center;gap:8px}.batch-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:20px;font-size:13px;font-weight:500;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:all .2s ease}.batch-action-btn:hover{background:#ffffff24;border-color:#ffffff40;transform:translateY(-1px)}.batch-action-btn.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.batch-action-btn.btn-ghost:hover{background:#ffffff14;color:#fff}.batch-action-btn.btn-glow{background:var(--gradient-primary);border:none;color:#080c14;font-weight:600;box-shadow:0 0 14px #00f0ff59}.batch-action-btn.btn-glow:hover{box-shadow:0 0 20px #00f0ff8c;transform:translateY(-1px)}.batch-action-btn.btn-danger{background:#ff525226;border-color:#ff52524d;color:var(--accent-coral)}.batch-action-btn.btn-danger:hover{background:#ff525240;border-color:#ff525280;box-shadow:0 0 12px #ff52524d}.batch-bar-close{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:none;border-left:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease;margin-left:4px}.batch-bar-close:hover{color:#fff}@media (max-width: 768px){.batch-action-bar{bottom:calc(var(--player-bar-height) + 64px);padding:6px 10px;gap:6px;border-radius:18px;max-width:96vw}.batch-action-btn span{display:none}.batch-action-btn{padding:6px 8px}.batch-bar-left{padding-right:6px;gap:4px}.batch-count-badge{padding:3px 6px;font-size:11px}}.batch-playlist-picker-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.batch-pl-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.batch-pl-item:hover{background:#00f0ff1f;border-color:#00f0ff59;transform:translate(4px)}.batch-pl-item-cover{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;background:#ffffff0d;flex-shrink:0}.batch-pl-item-info{display:flex;flex-direction:column;overflow:hidden;flex:1}.batch-pl-item-title{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-pl-item-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.radio-hero-banner{background:linear-gradient(135deg,#161c30d9,#0d111cf2);border:1px solid rgba(0,240,255,.18);border-radius:var(--radius-lg);padding:30px 32px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 12px 36px #0006,inset 0 1px #ffffff14}.radio-hero-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:320px;height:320px;background:radial-gradient(circle,rgba(0,240,255,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.radio-live-badge{display:inline-flex;align-items:center;gap:8px;background:#00f0ff1f;border:1px solid rgba(0,240,255,.3);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:var(--accent-cyan);margin-bottom:12px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#0f8;box-shadow:0 0 8px #0f8;animation:pulseLive 1.6s infinite}@keyframes pulseLive{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 12px #0f8}to{transform:scale(.9);opacity:.8}}.radio-hero-title{font-size:26px;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px}.radio-hero-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:18px}.radio-current-playing-card{display:inline-flex;align-items:center;gap:16px;margin-top:14px;background:#00000073;border:1px solid rgba(0,240,255,.28);border-radius:var(--radius-md);padding:10px 18px;box-shadow:0 6px 20px #0006}.radio-wave-bars{display:flex;align-items:flex-end;gap:3px;height:18px}.radio-wave-bars span{width:3px;height:100%;background:var(--accent-cyan);border-radius:2px;animation:waveBar 1.2s ease-in-out infinite alternate}.radio-wave-bars span:nth-child(1){animation-delay:.1s;height:60%}.radio-wave-bars span:nth-child(2){animation-delay:.3s;height:100%}.radio-wave-bars span:nth-child(3){animation-delay:.2s;height:40%}.radio-wave-bars span:nth-child(4){animation-delay:.4s;height:80%}@keyframes waveBar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.radio-current-info{display:flex;flex-direction:column}.radio-current-label{font-size:11px;color:var(--text-muted)}.radio-current-name{font-size:14px;font-weight:700;color:#fff}.radio-mode-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:500;color:var(--accent-cyan);background:#00f0ff14;border:1px solid rgba(0,240,255,.25);border-radius:999px;padding:4px 10px;letter-spacing:.5px;-webkit-user-select:none;user-select:none;white-space:nowrap}.radio-categories-tabs{display:flex;gap:10px;margin-bottom:22px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.radio-categories-tabs::-webkit-scrollbar{display:none}.radio-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.radio-card{background:#141826b3;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:16px;display:flex;gap:16px;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden}.radio-card:hover{background:#1c2338d9;border-color:#00f0ff59;transform:translateY(-2px);box-shadow:0 8px 26px #00000080,0 0 16px #00f0ff1f}.radio-card.active{border-color:var(--accent-cyan);background:#00f0ff1a;box-shadow:0 0 20px #00f0ff40}.radio-card-cover-box{width:80px;height:80px;border-radius:10px;overflow:hidden;position:relative;flex-shrink:0;box-shadow:0 4px 12px #0006}.radio-card-cover-box img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.radio-card:hover .radio-card-cover-box img{transform:scale(1.06)}.radio-card-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.radio-card:hover .radio-card-play-overlay,.radio-card.active .radio-card-play-overlay{opacity:1}.radio-play-btn-circle{width:36px;height:36px;border-radius:50%;background:var(--accent-cyan);color:#080c14;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #00f0ff99}.radio-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.radio-card-title{font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-card-desc{font-size:12px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.radio-card-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.radio-tag-chip{font-size:11px;padding:2px 8px;border-radius:10px;background:#ffffff14;color:var(--text-secondary)}.radio-listen-count{font-size:11px;color:var(--text-muted)}.stream-radio-hero-banner{background:linear-gradient(135deg,#10203ce0,#0a1224f2);border:1px solid rgba(0,240,255,.22);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 12px 36px #0006,inset 0 1px #ffffff14}.stream-radio-hero-banner:after{content:"";position:absolute;top:-40%;right:-5%;width:320px;height:320px;background:radial-gradient(circle,rgba(0,240,255,.16) 0%,transparent 70%);border-radius:50%;pointer-events:none}.stream-radio-live-badge{display:inline-flex;align-items:center;gap:8px;background:#00f0ff1f;border:1px solid rgba(0,240,255,.3);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:var(--accent-cyan);margin-bottom:12px}.stream-radio-hero-title{font-size:26px;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px}.stream-radio-header-actions{display:flex;align-items:center;gap:12px}.btn-primary-compact{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#00f0ff33,#7928ca4d);border:1px solid rgba(0,240,255,.4);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary-compact:hover{background:linear-gradient(135deg,#00f0ff59,#7928ca73);box-shadow:0 4px 14px #00f0ff40;transform:translateY(-1px)}.stream-radio-current-card{display:flex;align-items:center;gap:16px;background:#00f0ff14;border:1px solid rgba(0,240,255,.25);border-radius:var(--radius-md);padding:14px 20px;margin-top:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:1}.stream-radio-wave-bars{display:flex;align-items:flex-end;gap:3px;height:22px}.stream-radio-wave-bars span{width:4px;background:var(--accent-cyan);border-radius:2px;animation:streamWave 1.2s ease-in-out infinite alternate}.stream-radio-wave-bars span:nth-child(1){height:18px;animation-delay:0s}.stream-radio-wave-bars span:nth-child(2){height:12px;animation-delay:.2s}.stream-radio-wave-bars span:nth-child(3){height:22px;animation-delay:.4s}.stream-radio-wave-bars span:nth-child(4){height:8px;animation-delay:.1s}@keyframes streamWave{0%{transform:scaleY(.3)}to{transform:scaleY(1.1)}}.stream-radio-current-info{flex:1;display:flex;flex-direction:column;gap:3px}.stream-radio-current-label{font-size:11px;color:var(--accent-cyan);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stream-radio-current-name{font-size:16px;font-weight:700;color:#fff}.stream-radio-current-meta{font-size:12px;color:var(--text-secondary)}.stream-radio-mode-tag{font-size:11px;padding:4px 10px;border-radius:12px;background:#00ff881f;color:#0f8;border:1px solid rgba(0,255,136,.3);font-weight:600}.stream-radio-section-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:14px}.stream-radio-count-badge{font-size:12px;padding:3px 10px;border-radius:12px;background:#00f0ff1f;color:var(--accent-cyan);border:1px solid rgba(0,240,255,.25);font-weight:600}.stream-radio-dimension-bar{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto}.stream-dimension-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.stream-dimension-tab:hover{color:#fff;background:#ffffff14;border-color:#fff3}.stream-dimension-tab.active{background:linear-gradient(135deg,#00f0ff40,#7928ca59);border-color:var(--accent-cyan);color:#fff;box-shadow:0 4px 12px #00f0ff33}.stream-radio-filter-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:20px}.stream-radio-categories-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:260px}.stream-radio-search-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stream-radio-sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0f;border:1px solid var(--border-light);border-radius:18px;padding:6px 14px;color:var(--text-secondary);font-size:12.5px;font-weight:600;outline:none;cursor:pointer;transition:all var(--transition-fast)}.stream-radio-sort-select:hover,.stream-radio-sort-select:focus{border-color:var(--accent-cyan);color:#fff;background:#ffffff17}.stream-radio-sort-select option{background:#111827;color:#fff}.stream-radio-search-bar{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--border-light);border-radius:20px;padding:6px 14px;min-width:260px;position:relative;transition:all var(--transition-fast)}.stream-radio-search-bar:focus-within{border-color:var(--accent-cyan);background:#ffffff14;box-shadow:0 0 12px #00f0ff33}.stream-radio-search-icon{width:15px;height:15px;color:var(--text-muted);flex-shrink:0}.stream-radio-search-bar input{flex:1;background:transparent;border:none;color:#fff;font-size:13px;outline:none}.stream-radio-search-bar input::placeholder{color:var(--text-muted)}.stream-radio-votes{font-size:11px;color:gold;display:inline-flex;align-items:center}.stream-radio-loadmore-wrap{display:flex;justify-content:center;align-items:center;margin-top:28px;margin-bottom:20px}.stream-radio-loadmore-btn{padding:10px 28px;font-size:14px}.load-more-spinner{display:none;animation:spin 1s linear infinite}.stream-radio-loadmore-btn.loading .load-more-spinner{display:inline-block}.stream-radio-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;min-height:200px}.stream-radio-custom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.stream-radio-card{display:flex;align-items:center;gap:14px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:12px;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.stream-radio-card:hover{background:#ffffff12;border-color:#00f0ff59;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.stream-radio-card.playing{background:#00f0ff14;border-color:var(--accent-cyan);box-shadow:0 0 16px #00f0ff40}.stream-radio-cover-wrap{width:58px;height:58px;border-radius:var(--radius-sm);background:#0006;position:relative;overflow:hidden;flex-shrink:0}.stream-radio-cover{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.stream-radio-card:hover .stream-radio-cover{transform:scale(1.05)}.stream-radio-play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;opacity:0;transition:opacity var(--transition-fast)}.stream-radio-card:hover .stream-radio-play-btn{opacity:1}.stream-radio-card.playing .stream-radio-play-btn{opacity:1;background:#00f0ffb3;color:#080c14}.stream-radio-live-tag{position:absolute;top:4px;left:4px;font-size:9px;font-weight:700;background:#00ff88d9;color:#000;padding:1px 4px;border-radius:4px;line-height:1.2}.stream-radio-del-btn{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:#ff003cbf;color:#fff;font-size:14px;line-height:18px;cursor:pointer;display:none;align-items:center;justify-content:center}.stream-radio-card:hover .stream-radio-del-btn{display:flex}.stream-radio-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.stream-radio-name{font-size:14.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-radio-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.stream-radio-country{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-radio-bitrate{font-size:11px;padding:1px 6px;border-radius:4px;background:#ffffff14;color:var(--accent-cyan)}.stream-radio-tags-row{display:flex;align-items:center;gap:4px;margin-top:2px}.stream-radio-tag{font-size:10.5px;padding:1px 6px;border-radius:6px;background:#ffffff0d;color:var(--text-muted);max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-radio-badge{font-size:10px;padding:1px 5px;border-radius:4px;background:#00f0ff26;color:var(--accent-cyan)}.stream-tv-hero-banner{background:linear-gradient(135deg,#1c1030e0,#0e0b1af2);border:1px solid rgba(168,85,247,.25);border-radius:var(--radius-lg);padding:30px 32px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000073,inset 0 1px #ffffff14}.stream-tv-hero-banner:after{content:"";position:absolute;top:-40%;right:-5%;width:320px;height:320px;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none}.stream-tv-live-badge{display:inline-flex;align-items:center;gap:8px;background:#a855f726;border:1px solid rgba(168,85,247,.35);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#c084fc;margin-bottom:12px}.stream-tv-hero-title{font-size:26px;font-weight:800;color:#fff;margin:0}.stream-tv-current-card{margin-top:20px;background:#00000059;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-md);padding:14px 18px;display:flex;align-items:center;gap:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stream-tv-current-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.stream-tv-current-label{font-size:11px;color:#c084fc;font-weight:600;text-transform:uppercase}.stream-tv-current-name{font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-tv-current-meta{font-size:12px;color:var(--text-secondary)}.stream-tv-section-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:14px}.stream-tv-grid-container,.stream-tv-custom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-top:16px}.stream-tv-card{background:#ffffff08;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column}.stream-tv-card:hover{background:#ffffff0f;border-color:#a855f773;transform:translateY(-3px);box-shadow:0 10px 24px #0006}.stream-tv-card.playing{border-color:#c084fc;background:#a855f71f;box-shadow:0 0 18px #a855f759}.stream-tv-card.status-online{border-color:#a855f738}.stream-tv-card.status-online .stream-tv-cover-wrap{background:radial-gradient(circle at center,#a855f717,#090b10)}.stream-tv-card.status-online .stream-tv-cover{max-width:80%;max-height:80%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7))}.stream-tv-card.status-online .stream-tv-live-tag{background:#10b981e0;box-shadow:0 0 8px #10b98159}.stream-tv-card.status-offline .stream-tv-cover-wrap{background:#090b10}.stream-tv-card.status-offline .stream-tv-cover{filter:none;opacity:.85}.stream-tv-card.status-offline .stream-tv-live-tag{background:#ef4444bf}.stream-tv-cover-wrap{width:100%;aspect-ratio:16 / 9;position:relative;background:#090b10;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background var(--transition-fast)}.stream-tv-cover{max-width:75%;max-height:75%;object-fit:contain;transition:transform var(--transition-smooth),filter var(--transition-fast),opacity var(--transition-fast)}.stream-tv-card:hover .stream-tv-cover{transform:scale(1.06)}.stream-tv-live-tag{position:absolute;top:8px;right:8px;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;background:#ef4444d9;color:#fff;letter-spacing:.5px;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.stream-tv-play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;opacity:0;transition:opacity var(--transition-fast);color:#fff}.stream-tv-card:hover .stream-tv-play-btn{opacity:1}.stream-tv-card.playing .stream-tv-play-btn{opacity:1;background:#a855f74d;color:#c084fc}.stream-tv-del-btn{position:absolute;top:6px;left:6px;width:24px;height:24px;border-radius:50%;background:#000000b3;border:1px solid rgba(255,255,255,.2);color:#ff5252;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;z-index:5}.stream-tv-card:hover .stream-tv-del-btn{opacity:1}.stream-tv-info{padding:12px 14px;display:flex;flex-direction:column;gap:5px}.stream-tv-name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-tv-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--text-secondary)}.stream-tv-group{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-tv-quality{font-size:10px;padding:1px 5px;border-radius:4px;background:#ffffff14;color:#c084fc}.stream-tv-badge{font-size:10px;padding:1px 5px;border-radius:4px;background:#a855f733;color:#c084fc}.stream-tv-tag{font-size:10px;padding:1px 5px;border-radius:4px;background:#ffffff14;color:var(--text-muted)}.radio-segment-switch{display:inline-flex;background:#ffffff0d;border:1px solid var(--border-light);border-radius:var(--radius-full);padding:4px;gap:6px;margin-bottom:20px}.radio-segment-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.radio-segment-btn:hover{color:var(--text-main);background:#ffffff0d}.radio-segment-btn.active{background:linear-gradient(135deg,#00f2fe33,#7928ca40);color:var(--accent-cyan);border:1px solid rgba(0,242,254,.4);box-shadow:0 4px 14px #00f2fe26}.podcast-hero-banner{background:linear-gradient(135deg,#161c30d9,#0d111cf2);border:1px solid rgba(168,85,247,.28);border-radius:var(--radius-lg);padding:30px 32px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 12px 36px #0006,inset 0 1px #ffffff14}.podcast-hero-banner:after{content:"";position:absolute;top:-40%;right:-5%;width:320px;height:320px;background:radial-gradient(circle,rgba(168,85,247,.18) 0%,transparent 70%);border-radius:50%;pointer-events:none}.podcast-live-badge{display:inline-flex;align-items:center;gap:8px;background:#a855f726;border:1px solid rgba(168,85,247,.35);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#c084fc;margin-bottom:12px}.podcast-hero-title{font-size:26px;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px}.podcast-actions-group{display:flex;align-items:center;gap:12px}.podcast-subview-nav-bar{display:flex;align-items:center;gap:10px;margin-bottom:22px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.podcast-subview-nav-bar::-webkit-scrollbar{display:none}.podcast-nav-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation}.podcast-nav-tab *{pointer-events:none}.podcast-nav-tab:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:#fff3}.podcast-nav-tab.active{background:linear-gradient(135deg,#a855f738,#00f0ff2e);border-color:#a855f78c;color:#fff;font-weight:700;box-shadow:0 4px 16px #a855f733}.podcast-nav-badge{font-size:11px;padding:1px 7px;border-radius:10px;background:#ffffff1a;color:var(--text-muted);font-weight:600}.podcast-nav-tab.active .podcast-nav-badge{background:#a855f759;color:#fff}.podcast-subview-pane{animation:fadeIn .2s ease forwards}.podcast-section{display:flex;flex-direction:column;gap:16px}.section-title-row{display:flex;align-items:center;justify-content:space-between}.podcast-section-title{font-size:17px;font-weight:700;color:var(--text-main)}.podcast-sync-hint{font-size:12px;color:var(--accent-cyan);background:#00f2fe14;border:1px solid rgba(0,242,254,.2);padding:2px 10px;border-radius:var(--radius-full)}.podcast-filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:4px}.podcast-categories-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;flex:1 1 auto}.podcast-categories-tabs::-webkit-scrollbar{display:none}.podcast-search-bar{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--border-light);border-radius:var(--radius-full);padding:6px 14px;min-width:250px;max-width:320px;transition:all var(--transition-fast)}.podcast-search-bar:focus-within{background:#ffffff14;border-color:var(--accent-cyan);box-shadow:0 0 12px #00f2fe33}.podcast-search-icon{width:15px;height:15px;color:var(--text-muted);flex-shrink:0}.podcast-search-bar input{background:transparent;border:none;color:var(--text-main);font-size:13px;outline:none;width:100%}.podcast-search-bar input::placeholder{color:var(--text-muted);font-size:12.5px}@media (max-width: 768px){.podcast-filter-toolbar{flex-direction:column;align-items:stretch;gap:12px}.podcast-search-bar{max-width:100%;min-width:100%}}.podcast-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.podcast-card{background:#141826b3;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:16px;display:flex;gap:14px;align-items:center;cursor:pointer;transition:all .25s ease;position:relative}.podcast-card:hover{background:#1c2338d9;border-color:#7928ca66;transform:translateY(-2px);box-shadow:0 8px 24px #00000080,0 0 16px #7928ca33}.podcast-card.gacha-draw{animation:gachaCardEnter .4s cubic-bezier(.16,1,.3,1) backwards}@keyframes gachaCardEnter{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.podcast-card-cover{width:76px;height:76px;border-radius:12px;object-fit:cover;flex-shrink:0;background:var(--bg-surface);border:1px solid var(--border-light)}.podcast-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.podcast-card-title{font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podcast-card-author{font-size:12px;color:var(--accent-cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podcast-card-desc{font-size:12px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.podcast-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.podcast-card-btn-sub{font-size:11px;padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:#ffffff0d;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.podcast-card-btn-sub:hover{color:#fff;border-color:var(--accent-cyan)}.podcast-card-btn-sub.subscribed{background:#22c55e26;border-color:#22c55e66;color:#22c55e}.podcast-episodes-card{max-width:680px}.podcast-modal-header-info{display:flex;align-items:center;gap:14px}.podcast-modal-cover{width:56px;height:56px;border-radius:8px;object-fit:cover}.podcast-modal-author{font-size:13px;color:var(--accent-cyan);margin-top:2px}.podcast-modal-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.podcast-modal-actions-bar{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-light)}.podcast-episodes-list{display:flex;flex-direction:column;gap:8px}.podcast-episode-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff08;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.podcast-episode-row:hover{background:#00f0ff14;border-color:#00f0ff4d;transform:translate(4px)}.podcast-episode-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.podcast-episode-title{font-size:14px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podcast-episode-meta{font-size:11px;color:var(--text-muted);display:flex;gap:10px}.podcast-episode-play-icon{width:32px;height:32px;border-radius:50%;background:#00f0ff26;color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:12px;transition:all var(--transition-fast)}.podcast-episode-row.episode-loading{background:#00f0ff1f!important;border-color:#00f0ff80!important;box-shadow:inset 0 0 12px #00f0ff26;animation:episodePulse 1.2s infinite ease-in-out}.podcast-episode-row.episode-loading .podcast-episode-play-icon{background:#00f0ff4d;animation:playerSpin .9s linear infinite}.podcast-episode-row.playing{background:#00f0ff1a;border-color:#00f0ff66}.podcast-episode-row.playing .podcast-episode-title{color:var(--accent-cyan)}@keyframes episodePulse{0%,to{opacity:1}50%{opacity:.65}}.cinema-segment-switch{margin-bottom:24px}.cinema-subview-content{animation:fadeIn .25s ease-in-out}.cinema-hero-banner{background:linear-gradient(135deg,#ef444429,#9333ea24,#00f2fe14);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:24px;position:relative;overflow:hidden}.cinema-hero-banner:after{content:"";position:absolute;top:0;right:0;width:280px;height:100%;background:radial-gradient(circle at 80% 20%,rgba(239,68,68,.22) 0%,transparent 70%);pointer-events:none}.cinema-live-badge{display:inline-flex;align-items:center;gap:8px;background:#ef44442e;border:1px solid rgba(239,68,68,.4);color:#ff6b6b;border-radius:var(--radius-full);padding:4px 14px;font-size:12px;font-weight:600;margin-bottom:12px}.cinema-hero-title{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.5px}.vod-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:18px}.vod-card{position:relative;background:var(--glass-tint-card);backdrop-filter:var(--glass-filter-subtle);-webkit-backdrop-filter:var(--glass-filter-subtle);border:var(--glass-specular-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-smooth);display:flex;flex-direction:column}.vod-card:hover{transform:translateY(-5px);background:#1c202cd9;border-color:#ef444473;box-shadow:0 16px 36px #00000080,inset 0 0 2px 1px #ffffff40}.vod-card-cover-wrap{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden;background:var(--bg-secondary)}.vod-card-cover{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.vod-card:hover .vod-card-cover{transform:scale(1.05)}.vod-remarks-tag{position:absolute;top:8px;left:8px;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ff6b6b;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;border:1px solid rgba(239,68,68,.3);z-index:5}.vod-card:hover .card-corner-actions{opacity:1;transform:translateY(0)}.vod-score-tag{position:absolute;bottom:8px;left:8px;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffca28;font-size:11.5px;font-weight:700;padding:2px 6px;border-radius:4px;display:flex;align-items:center;gap:3px}.vod-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.vod-card:hover .vod-play-overlay{opacity:1}.vod-play-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#9333ea);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ef444480;transform:scale(.9);transition:transform var(--transition-fast)}.vod-card:hover .vod-play-circle{transform:scale(1)}.vod-card-info{padding:12px 14px;display:flex;flex-direction:column;gap:4px}.vod-card-title{font-size:14.5px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vod-card-meta{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vod-modal-content{display:flex;flex-direction:column;gap:18px;max-height:80vh;overflow-y:auto}.vod-detail-header{display:flex;gap:20px}.vod-detail-poster{width:140px;aspect-ratio:2 / 3;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-light);flex-shrink:0}.vod-detail-summary{display:flex;flex-direction:column;gap:6px;flex:1}.vod-routes-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;margin-bottom:6px}.vod-route-btn{padding:6px 14px;border-radius:var(--radius-full);font-size:12.5px;font-weight:600;background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.vod-route-btn.active{background:linear-gradient(135deg,#ef444440,#9333ea4d);border-color:#ef4444;color:#fff;box-shadow:0 2px 10px #ef444440}.vod-episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;max-height:240px;overflow-y:auto;padding:4px}.vod-episode-btn{padding:8px 10px;background:#ffffff0a;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;text-align:center;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all var(--transition-fast)}.vod-episode-btn:hover{background:#ffffff1f;color:var(--text-main);border-color:#ef444466}.vod-episode-btn.active{background:#ef4444;color:#fff;border-color:#ef4444;font-weight:700;box-shadow:0 2px 12px #ef444466}.tv-modal-content{display:flex;flex-direction:column;gap:16px}.tv-modal-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#ffffff0a,#00f2fe0a);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px}.tv-modal-logo-wrap{width:72px;height:72px;border-radius:var(--radius-md);background:#00000059;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 14px #0000004d}.tv-modal-logo{max-width:80%;max-height:80%;object-fit:contain}.tv-modal-meta{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.tv-modal-name{font-size:18px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-modal-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tv-badge-group{font-size:11px;padding:2px 8px;border-radius:4px;background:#ffffff14;color:var(--text-secondary)}.tv-badge-live{font-size:11px;padding:2px 8px;border-radius:4px;background:#00f2fe26;color:var(--accent-cyan);display:inline-flex;align-items:center;gap:4px;font-weight:600}.tv-routes-box{display:flex;flex-direction:column;gap:10px}.tv-routes-header{display:flex;align-items:center;justify-content:space-between}.tv-routes-title{font-size:13.5px;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:6px}.tv-routes-count{font-size:11.5px;color:var(--accent-cyan);background:#00f2fe1a;padding:2px 8px;border-radius:4px}.tv-routes-list{display:flex;flex-direction:column;gap:8px}.tv-route-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff0a;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.tv-route-item:hover{background:#ffffff14;border-color:#00f2fe66}.tv-route-item.active{background:linear-gradient(135deg,#00f2fe29,#4f46e533);border-color:var(--accent-cyan);box-shadow:0 0 12px #00f2fe40}.tv-route-info{display:flex;align-items:center;gap:10px;min-width:0}.tv-route-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.tv-route-item.active .tv-route-radio{border-color:var(--accent-cyan)}.tv-route-radio-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-cyan);opacity:0;transform:scale(.5);transition:all var(--transition-fast)}.tv-route-item.active .tv-route-radio-dot{opacity:1;transform:scale(1)}.tv-route-label{font-size:13px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-route-status-tag{font-size:11px;padding:2px 8px;border-radius:var(--radius-full);background:#ffffff0f;color:var(--text-muted)}.tv-route-item.active .tv-route-status-tag{background:#00f2fe33;color:#fff;font-weight:600}.tv-dual-mechanism-tip{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);background:#00f2fe0d;border:1px dashed rgba(0,242,254,.25);font-size:12px;line-height:1.5;color:var(--text-secondary)}.tv-dual-mechanism-tip strong{color:var(--accent-cyan)}.tv-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.tv-play-btn-main{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--accent-cyan),#4f46e5);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #00f2fe59;transition:all var(--transition-fast)}.tv-play-btn-main:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 6px 18px #00f2fe73}.tv-fav-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff0f;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tv-fav-btn:hover{background:#ffffff1a;color:var(--text-main)}.tv-fav-btn.favorited{color:#ff5252;border-color:#ff525266}.short-video-hero-banner{background:linear-gradient(135deg,#00f2fe29,#ff2a5f24,#9333ea1a);border:1px solid rgba(0,242,254,.25)}.short-video-hero-banner:after{background:radial-gradient(circle at 80% 20%,rgba(0,242,254,.22) 0%,transparent 70%)}.short-video-live-badge{background:#00f2fe29;border:1px solid rgba(0,242,254,.45);color:#00f2fe}.short-video-ctrl-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#f0f2f5;transition:all .2s ease}.short-video-ctrl-btn:hover{background:#ffffff26;border-color:#ffffff4d}.short-video-ctrl-btn.active{background:#00f2fe33;border-color:#00f2fe99;color:#00f2fe;box-shadow:0 0 14px #00f2fe59}.short-video-categories-tabs{margin-bottom:22px}.short-video-genres-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.short-video-genre-card{background:var(--glass-tint-card, rgba(20, 24, 38, .7));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md, 12px);padding:16px;display:flex;gap:16px;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden}.short-video-genre-card:hover{background:#1c2338e0;border-color:#00f2fe66;transform:translateY(-3px);box-shadow:0 10px 28px #00000080,0 0 16px #00f2fe26}.short-video-genre-card.active{border-color:#00f2fe;background:#00f2fe1a;box-shadow:0 0 20px #00f2fe40}.short-video-genre-card .radio-card-cover-box{width:88px;height:88px;border-radius:12px;overflow:hidden;position:relative;flex-shrink:0;box-shadow:0 4px 14px #00000073}.short-video-genre-card .radio-card-cover-box img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.short-video-genre-card:hover .radio-card-cover-box img{transform:scale(1.08)}.short-video-stage-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y}.short-video-stage-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#05070cd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.short-video-stage-window{position:relative;width:440px;max-width:96vw;height:calc(100vh - 40px);height:calc(100dvh - 40px);max-height:840px;background:#000;border-radius:var(--radius-lg, 16px);overflow:hidden;box-shadow:0 24px 60px #000c,0 0 0 1px #ffffff1f;z-index:10;display:flex;flex-direction:column;contain:layout paint;transform:translateZ(0)}@media (max-width: 768px){.short-video-stage-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000}.short-video-stage-window{width:100vw;max-width:100vw;height:100%;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:none;overscroll-behavior:contain;touch-action:pan-y}}.short-video-stage-header{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;z-index:25;pointer-events:none}.short-video-stage-channel-tag{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;background:#00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:5px 14px;color:#fff;font-size:12px;font-weight:700}.short-video-stage-close-btn{pointer-events:auto;width:36px;height:36px;border-radius:50%;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.short-video-stage-close-btn:hover{background:#ff33664d;border-color:#f369;transform:rotate(90deg)}.short-video-stage-player-box{width:100%;height:100%;position:relative;background:#000;overflow:hidden;-webkit-user-select:none;user-select:none;contain:strict;transform:translateZ(0)}.short-video-feed-viewport{width:100%;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.short-video-feed-viewport::-webkit-scrollbar{display:none}.short-video-card{position:relative;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;contain:layout paint;transform:translateZ(0);touch-action:pan-y}.short-video-player-el{width:100%;height:100%;object-fit:cover;background:#000;pointer-events:auto;transform:translateZ(0)}.short-video-side-bar{position:absolute;right:12px;bottom:80px;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:20;pointer-events:auto}.short-video-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#fff;cursor:pointer;padding:0;transition:transform .18s cubic-bezier(.4,0,.2,1)}.short-video-action-btn:active{transform:scale(.88)}.short-video-btn-icon-wrap{width:44px;height:44px;border-radius:50%;background:#1414198c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0006;transition:all .25s ease}.short-video-action-btn:hover .short-video-btn-icon-wrap{background:#1e1e28bf;border-color:#ffffff4d}.short-video-action-btn.active .short-video-btn-icon-wrap{color:#f36;border-color:#ff336673;background:#ff33662e}.short-video-action-btn.radar-active .short-video-btn-icon-wrap{color:#00f2fe;border-color:#00f2fe99;background:#00f2fe33;box-shadow:0 0 16px #00f2fe73;animation:radarBtnSpin 4s linear infinite}@keyframes radarBtnSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.short-video-btn-label{font-size:11px;font-weight:600;color:#f0f2f5;text-shadow:0 1px 3px rgba(0,0,0,.8)}.short-video-bottom-info{position:absolute;right:14px;bottom:10px;z-index:26;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.short-video-author-row{display:flex;align-items:center;gap:8px;pointer-events:auto}.short-video-avatar-box{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1.5px solid rgba(255,255,255,.85);box-shadow:0 2px 8px #00000080}.short-video-author-avatar{width:100%;height:100%;object-fit:cover;display:block}.short-video-author-avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,#4f46e5,#06b6d4);display:flex;align-items:center;justify-content:center;color:#fff}.short-video-author-name{font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.85);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.short-video-platform-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:12px;line-height:1.2;white-space:nowrap;letter-spacing:.3px}.short-video-platform-badge.bilibili{background:#fb729938;color:#ff85ad;border:1px solid rgba(251,114,153,.5);box-shadow:0 0 8px #fb729940}.short-video-platform-badge.kuaishou{background:#ff500038;color:#ff7033;border:1px solid rgba(255,80,0,.5);box-shadow:0 0 8px #ff500040}.short-video-platform-badge.douyin{background:#00f2fe38;color:#00f2fe;border:1px solid rgba(0,242,254,.5);box-shadow:0 0 8px #00f2fe40}.short-video-platform-badge.tiktok{background:#fe2c5538;color:#fe2c55;border:1px solid rgba(37,244,238,.5);box-shadow:0 0 10px #fe2c554d,inset 0 0 6px #25f4ee26}.short-video-platform-badge.youtube{background:#ff003338;color:#f35;border:1px solid rgba(255,0,51,.5);box-shadow:0 0 8px #ff003340}.short-video-platform-badge.pexels{background:#05a08138;color:#10b981;border:1px solid rgba(5,160,129,.5);box-shadow:0 0 8px #05a08140}.short-video-title-desc{font-size:13px;font-weight:500;line-height:1.45;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.9);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.short-video-tags-row{display:flex;flex-wrap:wrap;gap:6px}.short-video-tag-item{font-size:11px;font-weight:600;color:#00f2fe;background:#00f2fe1f;padding:2px 7px;border-radius:4px}.short-video-card.is-horizontal-video .short-video-player-el{object-fit:contain;background:#000}.short-video-card .short-video-side-bar,.short-video-card .short-video-bottom-info,.short-video-stage-header{transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}.short-video-card.controls-hidden .short-video-side-bar,.short-video-card.controls-hidden .short-video-bottom-info,.short-video-card.controls-hidden~.short-video-stage-header{opacity:0!important;pointer-events:none!important}.short-video-card.controls-hidden{cursor:none}.short-video-time-tag{font-size:11px;font-family:var(--font-mono, monospace);font-weight:600;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.9)}.short-video-progress-bar{position:absolute;left:0;right:0;bottom:0;height:6px;background:#ffffff2e;z-index:25;cursor:pointer;pointer-events:auto;transition:height .15s ease}.short-video-progress-bar:hover,.short-video-progress-bar.is-scrubbing{height:10px}.short-video-progress-track{position:relative;width:100%;height:100%}.short-video-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#00f2fe,#f36)}.short-video-progress-bar.is-scrubbing .short-video-progress-fill{transition:none}.short-video-progress-thumb{position:absolute;top:50%;left:0%;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #ff3366;box-shadow:0 0 8px #f36c;transform:translate(-50%,-50%) scale(0);pointer-events:none;transition:transform .15s ease}.short-video-progress-bar:hover .short-video-progress-thumb,.short-video-progress-bar.is-scrubbing .short-video-progress-thumb{transform:translate(-50%,-50%) scale(1)}.short-video-seek-tooltip{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-family:var(--font-mono, monospace);font-weight:600;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.2);pointer-events:none;opacity:0;transition:opacity .15s ease;white-space:nowrap}.short-video-progress-bar:hover .short-video-seek-tooltip,.short-video-progress-bar.is-scrubbing .short-video-seek-tooltip{opacity:1}.short-video-play-state-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);z-index:15}.short-video-play-state-overlay.visible{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.short-video-heart-burst{position:absolute;pointer-events:none;z-index:30;color:#ff2a5f;transform:translate(-50%,-50%) scale(0);animation:heartBurstAnim .75s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes heartBurstAnim{0%{transform:translate(-50%,-50%) scale(.2) rotate(-15deg);opacity:.9}45%{transform:translate(-50%,-50%) scale(1.3) rotate(0);opacity:1}to{transform:translate(-50%,-60px) scale(1) rotate(15deg);opacity:0}}.short-video-fav-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.short-video-fav-card{background:var(--bg-surface, rgba(255, 255, 255, .04));border:1px solid var(--border-light, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 12px);padding:10px;cursor:pointer;transition:all var(--transition-smooth, .25s cubic-bezier(.16, 1, .3, 1));display:flex;flex-direction:column;position:relative;overflow:hidden}.short-video-fav-card:hover{background:var(--bg-surface-hover, rgba(255, 255, 255, .08));border-color:#00f2fe66;transform:translateY(-4px);box-shadow:0 10px 24px #00000080,0 0 16px #00f2fe26}.short-video-fav-cover-wrap{position:relative;width:100%;aspect-ratio:9 / 14;border-radius:8px;overflow:hidden;background:#000;box-shadow:0 4px 12px #00000059}.short-video-fav-cover{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.short-video-fav-card:hover .short-video-fav-cover{transform:scale(1.06)}.short-video-fav-tag{position:absolute;top:8px;left:8px;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;color:#fff;z-index:5}.short-video-fav-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:6}.short-video-fav-card:hover .short-video-fav-play-overlay{opacity:1}.short-video-fav-play-circle{width:44px;height:44px;border-radius:50%;background:#00f2fee6;color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00f2fe80;transform:scale(.9);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.short-video-fav-card:hover .short-video-fav-play-circle{transform:scale(1)}.short-video-fav-info{margin-top:10px;display:flex;flex-direction:column;gap:4px}.short-video-fav-title{font-size:13.5px;font-weight:600;color:var(--text-main, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.short-video-fav-meta{font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .55));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.auth-locked .app-layout{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.auth-locked #app-gatekeeper{display:flex!important;visibility:visible!important;opacity:1!important}.gatekeeper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:99999;background-color:#08090c;background-image:radial-gradient(circle at 50% 10%,rgba(0,242,254,.12) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(121,40,202,.1) 0%,transparent 50%);display:none;align-items:center;justify-content:center;padding:20px;overflow-y:auto;box-sizing:border-box}.gatekeeper-card{width:100%;max-width:440px;background:var(--glass-tint-card);backdrop-filter:var(--glass-filter-standard);-webkit-backdrop-filter:var(--glass-filter-standard);border:var(--glass-specular-border);border-radius:20px;padding:36px 32px 32px;box-shadow:var(--glass-shadow-floating);display:flex;flex-direction:column;position:relative;z-index:10;animation:gatekeeperCardIn .35s cubic-bezier(.16,1,.3,1)}@keyframes gatekeeperCardIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.gatekeeper-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px}.gatekeeper-logo{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,#00f2fe33,#7928ca1f 70%);border:1px solid rgba(0,242,254,.35);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 0 20px #00f2fe40}.gatekeeper-title{font-size:22px;font-weight:700;letter-spacing:-.5px;color:#fff;margin:0}.gatekeeper-desc{font-size:13px;color:#ffffff73;margin-top:6px;letter-spacing:.5px}.gatekeeper-tabs{display:flex;background:#ffffff0d;border-radius:10px;padding:4px;margin-bottom:22px;border:1px solid rgba(255,255,255,.06)}.gatekeeper-tab-btn{flex:1;border:none;background:transparent;color:#ffffff8c;font-size:14px;font-weight:600;padding:9px 0;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.gatekeeper-tab-btn.active{background:#00f2fe26;color:#00f2fe;box-shadow:0 2px 8px #0003}.gatekeeper-form{display:flex;flex-direction:column;gap:16px}.gatekeeper-form .form-group{display:flex;flex-direction:column;gap:7px}.gatekeeper-form .form-label{font-size:12.5px;font-weight:600;color:#ffffffbf}.gatekeeper-form .modal-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:12px 14px;font-size:14px;transition:all .2s ease}.gatekeeper-form .modal-input:focus{border-color:#00f2fe;background:#00f2fe0a;box-shadow:0 0 0 3px #00f2fe26;outline:none}.gatekeeper-form .password-input-wrap .modal-input{padding-right:44px}.gatekeeper-tip{font-size:13px;min-height:20px;color:#ff5252;margin-top:-4px;line-height:1.4}.gatekeeper-submit-btn{background:linear-gradient(135deg,#00f2fe,#4facfe);color:#050608;font-size:15px;font-weight:700;border:none;border-radius:10px;padding:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #00f2fe4d;margin-top:4px}.gatekeeper-submit-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #00f2fe66}.gatekeeper-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}body.tv-mode-active{-webkit-user-select:none!important;user-select:none!important}body.tv-mode-active .tv-focused,body.tv-mode-active :focus-visible{outline:none!important;box-shadow:0 0 0 2.5px var(--accent-cyan, #00f2fe),0 0 22px #00f2fea6,0 10px 28px #000000bf!important;transform:scale(1.04) translateZ(0)!important;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),border-color .16s ease!important;z-index:100!important;position:relative}body.tv-mode-active input.tv-focused,body.tv-mode-active input:focus-visible{transform:scale(1.01) translateZ(0)!important;border-color:var(--accent-cyan, #00f2fe)!important;box-shadow:0 0 0 2px var(--accent-cyan, #00f2fe),0 0 16px #00f2fe73!important}body.tv-mode-active .card.tv-focused,body.tv-mode-active .vod-card.tv-focused,body.tv-mode-active .stream-tv-card.tv-focused,body.tv-mode-active .short-video-feed-item.tv-focused,body.tv-mode-active .setting-card.tv-focused{border-color:var(--accent-cyan, #00f2fe)!important;transform:scale(1.05) translateY(-3px) translateZ(0)!important;box-shadow:0 0 0 2.5px var(--accent-cyan, #00f2fe),0 0 30px #00f2fe8c,0 16px 36px #000000d9!important}body.tv-mode-active .track-row.tv-focused{background:#00f2fe29!important;box-shadow:inset 0 0 0 1.5px var(--accent-cyan, #00f2fe),0 0 14px #00f2fe59!important;transform:scale(1.015) translateZ(0)!important}body.tv-mode-active .category-pill.tv-focused,body.tv-mode-active .tab-btn.tv-focused,body.tv-mode-active .nav-item.tv-focused,body.tv-mode-active .m-nav-item.tv-focused{background:#00f2fe38!important;color:#fff!important;box-shadow:0 0 0 2px var(--accent-cyan, #00f2fe),0 0 18px #00f2fe8c!important}body.tv-mode-active .ctrl-btn.tv-focused,body.tv-mode-active .icon-btn-play.tv-focused,body.tv-mode-active .btn.tv-focused{box-shadow:0 0 0 2.5px var(--accent-cyan, #00f2fe),0 0 18px #00f2feb3!important;transform:scale(1.12) translateZ(0)!important}.tv-hud-overlay{position:fixed;top:36px;right:48px;display:flex;align-items:center;gap:14px;padding:14px 22px;background:#0e121aeb;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1.5px solid var(--accent-cyan, #00f2fe);border-radius:16px;box-shadow:0 16px 40px #000c,0 0 24px #00f2fe73;color:#fff;z-index:99999;pointer-events:none;opacity:0;transform:translateY(-16px) scale(.96);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}.tv-hud-overlay.visible{opacity:1;transform:translateY(0) scale(1)}.tv-hud-icon{width:32px;height:32px;color:var(--accent-cyan, #00f2fe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tv-hud-icon svg{width:28px;height:28px}.tv-hud-content{display:flex;flex-direction:column;gap:3px}.tv-hud-title{font-size:16px;font-weight:700;color:var(--text-main, #f0f2f5);letter-spacing:.3px}.tv-hud-subtitle{font-size:12.5px;color:var(--accent-cyan, #00f2fe)}.tv-keyguide-dialog{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(30px);background:#0c0e14f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:12px 24px;display:flex;align-items:center;gap:24px;color:var(--text-secondary);font-size:13px;z-index:99998;opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease;box-shadow:0 12px 36px #000000b3}.tv-keyguide-dialog.visible{opacity:1;transform:translate(-50%) translateY(0)}.tv-keyguide-item{display:inline-flex;align-items:center;gap:6px}.tv-key-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#fff;font-size:11px;font-weight:600;box-shadow:inset 0 1px #fff3}