@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap";:root{--bg-dark:#050816;--bg-card:#0f172ab8;--bg-card-hover:#1e293bdb;--bg-glass:#050816d1;--modal-surface:#111827;--border-color:#ffffff17;--border-glow:#8052ff5c;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#8052ff;--accent-highlight:#ffb829;--accent-support:#38bdf8;--accent-pink:#f472b6;--accent-purple:#c084fc;--accent-blue:var(--accent-support);--accent-cyan:#2dd4bf;--accent-amber:var(--accent-highlight);--accent-emerald:#34d399;--gradient-main:linear-gradient(135deg, #8052ff 0%, #c084fc 55%, #38bdf8 100%);--gradient-glass:linear-gradient(135deg, #ffffff12, #ffffff05);--font-family:"Outfit", "Noto Sans TC", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-glow:0 0 24px #8052ff47}[data-theme=light]{--bg-dark:#f7f3ed;--bg-card:#fff;--bg-card-hover:#fbf7f1;--bg-glass:#fffffff0;--modal-surface:#fff;--border-color:#0f172a17;--border-glow:#8052ff38;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-primary:#6d4cff;--accent-highlight:#b7791f;--accent-support:#0284c7;--accent-pink:#db2777;--accent-purple:var(--accent-primary);--accent-blue:var(--accent-support);--accent-cyan:#0d9488;--accent-amber:var(--accent-highlight);--accent-emerald:#059669;--gradient-main:linear-gradient(135deg, #6d4cff 0%, #db2777 58%, #0284c7 100%);--gradient-glass:linear-gradient(135deg, #fffffff5, #f7f3eddb);--shadow-glow:0 0 20px #8052ff29}[data-theme=light] body{background-color:var(--bg-dark);color:#0f172a;background-image:radial-gradient(at 0 0,#db277712 0,#0000 50%),radial-gradient(at 100% 0,#d977060f 0,#0000 50%),radial-gradient(at 50% 100%,#9333ea0d 0,#0000 50%)}.navbar-title{letter-spacing:0;background:linear-gradient(90deg,#fff 0%,#f472b6 55%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.3rem;font-weight:800}[data-theme=light] .navbar-title{background:linear-gradient(90deg,#0f172a 0%,#db2777 60%,#9333ea 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}[data-theme=light] header{background:#f8f4f0f2!important;border-bottom-color:#0f172a14!important}[data-theme=light] .glass-panel{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 10px 28px #0f172a12!important}[data-theme=light] .glass-pill{background:var(--gradient-glass)!important;color:var(--text-primary)!important;border-color:#0f172a1c!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:var(--text-primary)!important;background:#fff!important;border-color:#cbd5e1!important}[data-theme=light] input::placeholder{color:#94a3b8!important}[data-theme=light] table{background:#fff!important}[data-theme=light] td,[data-theme=light] th{color:#0f172a!important}[data-theme=light] th{color:#475569!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] tr:hover{background:#f1f5f9!important}[data-theme=light] tr{border-bottom-color:#f1f5f9!important}[data-theme=light] .song-card,[data-theme=light] [style*="background: linear-gradient(135deg, rgba(30, 41, 59"],[data-theme=light] [style*="background: rgba(30, 41, 59"]{color:#0f172a!important;background:#fff!important;border-color:#0f172a17!important;box-shadow:0 4px 16px #0f172a0f!important}[data-theme=light] .song-card:hover{border-color:#db277766!important;box-shadow:0 8px 24px #db27771f!important}[data-theme=light] button[style*="rgba(30, 41, 59"],[data-theme=light] div[style*="rgba(30, 41, 59"]{color:#0f172a!important;background:#fff!important;border-color:#0f172a1f!important}[data-theme=light] .btn-secondary{color:#0f172a!important;background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .btn-secondary:hover{background:#e2e8f0!important}[data-theme=light] .btn-primary{background:var(--accent-primary)!important;color:#fff!important;box-shadow:var(--shadow-glow)!important}[data-theme=light] .modal-content,[data-theme=light] .drawer-content,[data-theme=light] [style*="position: fixed"][style*="background: rgba(15, 23, 42"],[data-theme=light] [style*="position: absolute"][style*="background: rgba(15, 23, 42"]{color:#0f172a!important;background:#fff!important;border-color:#0f172a1a!important;box-shadow:0 20px 60px #0f172a26!important}[data-theme=light] .song-title-link,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] strong,[data-theme=light] b{color:#0f172a!important}[data-theme=light] p,[data-theme=light] span:not([class*=badge]):not([style*=color]){color:#334155}[data-theme=light] [style*="background: linear-gradient(135deg, rgba(30, 41, 59, 0.8)"]{color:#0f172a!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 16px #0f172a0d!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#f472b621 0,#0000 50%),radial-gradient(at 100% 0,#c084fc21 0,#0000 50%),radial-gradient(at 50% 100%,#38bdf81a 0,#0000 50%);background-attachment:fixed;min-height:100vh;transition:background-color .3s,color .3s}input,select,textarea{color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#050816bd}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--border-glow);outline:none;box-shadow:0 0 0 3px #8052ff2e}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a99}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ec489980}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 18px 50px #0000003d}.glass-pill{background:var(--gradient-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-full)}.badge{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-official-mv{color:#34d399;background:#10b9812e;border:1px solid #10b9814d}.badge-reedited-mv{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-live-mv{color:#c084fc;background:#a855f72e;border:1px solid #a855f74d}.badge-original-vocal{color:#f472b6;background:#ec48992e;border:1px solid #ec48994d}.badge-guided-vocal{color:#60a5fa;background:#3b82f62e;border:1px solid #3b82f64d}.btn-primary{background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-glow);border:none;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 28px #8052ff61}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:#ffffff12;align-items:center;gap:6px;padding:8px 14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1c;border-color:#ffffff2e}.btn-copy{color:#f472b6;border-radius:var(--radius-sm);cursor:pointer;background:#ec489926;border:1px solid #ec48994d;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-copy:hover{background:#ec48994d;transform:scale(1.03)}.btn-copy:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentPopIn{0%{opacity:0;transform:translateY(8px)scale(.985)}72%{opacity:1;transform:translateY(0)scale(1.006)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.25s cubic-bezier(.4,0,.2,1) forwards fadeIn}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes heartPopBounce{0%{transform:scale(1)}35%{filter:drop-shadow(0 0 8px #ec4899cc);transform:scale(1.45)rotate(-12deg)}65%{transform:scale(.85)rotate(6deg)}85%{transform:scale(1.15)rotate(-3deg)}to{transform:scale(1)rotate(0)}}.heart-pop-anim{animation:.4s cubic-bezier(.175,.885,.32,1.275) heartPopBounce}.heart-icon-btn{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.heart-icon-btn:hover{transform:scale(1.22)}.heart-icon-btn:active{transform:scale(.88)}@keyframes toastCenterPop{0%{opacity:0;transform:translate(-50%,24px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.toast-notification-container{z-index:99999;background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-primary);-webkit-backdrop-filter:blur(16px);pointer-events:none;border-radius:9999px;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastCenterPop;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000059,0 0 24px #ec48994d}[data-theme=light] .toast-notification-container{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary);box-shadow:0 12px 30px #0f172a1f,0 0 18px #8052ff1f}.legal-modal,.legal-modal-body,.legal-modal-content{min-width:0}.legal-modal-content,.legal-modal-body a{overflow-wrap:anywhere}.empty-state-panel{color:var(--text-secondary)}.brand-chip{will-change:transform}.brand-chip:hover{filter:brightness(1.08);transform:translateY(-1px)}.brand-chip.is-selected:hover{filter:brightness(1.04)}.song-list-click-target{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.song-detail-modal-overlay{animation:.14s ease-out both modalOverlayFadeIn}.song-detail-modal-content{transform-origin:50%;animation:.22s cubic-bezier(.16,1,.3,1) both modalContentPopIn;background:var(--modal-surface)!important}.loading-equalizer{justify-content:center;align-items:end;gap:5px;height:34px;margin-top:18px;display:flex}.loading-equalizer span{background:linear-gradient(180deg, var(--accent-pink), var(--accent-support));width:5px;height:12px;animation:equalizerPulse var(--equalizer-duration,.92s) ease-in-out infinite;animation-delay:var(--equalizer-delay,0s);opacity:.78;border-radius:999px;box-shadow:0 0 10px #f472b63d}@keyframes equalizerPulse{0%,to{opacity:.48;height:9px}45%{height:var(--equalizer-peak,30px);opacity:1}}.home-hero{width:min(1400px,100% - 40px);margin:16px auto 0;padding:18px 2px 0}.home-hero-kicker{color:var(--accent-highlight);align-items:center;gap:6px;margin-bottom:8px;font-size:.82rem;font-weight:800;display:inline-flex}.home-hero-title{max-width:980px;color:var(--text-primary);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(1.9rem,3.35vw,3rem);font-weight:900;line-height:1.08}.home-hero-copy{max-width:760px;color:var(--text-secondary);margin:10px 0 0;font-size:1rem;font-weight:500;line-height:1.7}.home-hero-metrics{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.home-hero-metrics span{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-glass);min-height:28px;color:var(--text-secondary);align-items:center;padding:5px 10px;font-size:.78rem;font-weight:800;display:inline-flex}[data-theme=light] .home-hero-metrics span{color:var(--text-secondary);background:#ffffffb8}.collab-notice{background:linear-gradient(135deg,#ec489924,#fbbf2412 42%,#1e293bc2 100%),#1e293bb8;border:1px solid #ec489975;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:14px;width:min(1400px,100% - 40px);margin:12px auto 10px;padding:12px 14px;animation:5.8s ease-in-out infinite collabNoticeGlowPulse;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #0f172a2e,0 0 24px #ec489938}.collab-notice:before{content:"";border-radius:inherit;pointer-events:none;opacity:.9;-webkit-mask-composite:xor;background:linear-gradient(115deg,#ec4899b8,#fbbf24,#38bdf8b8,#ec4899b8) 0 0/260% 260%;padding:3px;animation:4.8s ease-in-out infinite collabNoticeBorderGlow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.collab-notice>*{z-index:1;position:relative}@keyframes collabNoticeBorderGlow{0%,to{opacity:.76;background-position:0%}50%{opacity:1;background-position:100%}}@keyframes collabNoticeGlowPulse{0%,to{box-shadow:0 10px 26px #0f172a2e,0 0 20px #ec48992e}50%{box-shadow:0 12px 30px #0f172a38,0 0 34px #fbbf2447}}[data-theme=light] .collab-notice{background:linear-gradient(135deg,#ec489933,#f59e0b21 42%,#ffffffeb 100%),#ffffffeb;border-color:#db27778f;box-shadow:0 10px 24px #0f172a14,0 0 28px #db27773d}[data-theme=light] .collab-notice:before{background:linear-gradient(115deg,#db2777c2,#f59e0b,#0ea5e9bd,#db2777c2)}[data-theme=light] .collab-notice{animation-name:collabNoticeLightGlowPulse}@keyframes collabNoticeLightGlowPulse{0%,to{box-shadow:0 10px 24px #0f172a14,0 0 22px #db277733}50%{box-shadow:0 12px 28px #0f172a1c,0 0 42px #f59e0b57}}.collab-notice-copy{min-width:0}.collab-notice h2{color:var(--text-primary);letter-spacing:0;margin:0 0 5px;font-size:.95rem;font-weight:900;line-height:1.35}.collab-notice p{max-width:940px;color:var(--text-secondary);margin:0;font-size:.86rem;font-weight:600;line-height:1.7}.collab-notice-close{border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.collab-notice-close:hover{color:var(--accent-pink);background:#ec489924;border-color:#ec489966}html,body{max-width:100vw;overflow-x:hidden}.quick-filter-scroll-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;ms-overflow-style:none;align-items:center;gap:6px;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.quick-filter-scroll-row::-webkit-scrollbar{display:none}.filter-chip,.filter-summary-button,.bottom-sheet-option{outline:none;min-height:28px}.filter-chip{justify-content:center;align-items:center;line-height:1;display:inline-flex}.filter-chip:hover,.filter-summary-button:hover,.bottom-sheet-option:hover{filter:brightness(1.08)}.filter-chip:focus-visible,.filter-summary-button:focus-visible,.bottom-sheet-option:focus-visible{box-shadow:0 0 0 2px #f472b673!important}[data-theme=light] .filter-chip,[data-theme=light] .filter-summary-button,[data-theme=light] .bottom-sheet-option{background-color:#fff;border-color:#0f172a24}[data-theme=light] .filter-summary-button{box-shadow:0 2px 10px #0f172a0d}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.btn-primary:hover,.btn-copy:hover,.heart-icon-btn:hover,.brand-chip:hover{transform:none!important}.collab-notice,.collab-notice:before{animation:none!important}.collab-notice:before{opacity:.58}}.badge,.glass-pill,[class*=badge],[class*=pill],.nav-actions-group button,.btn-secondary,.btn-primary,.quick-filter-scroll-row button{white-space:nowrap!important}[style*="position: fixed"] button,.modal-content button,.drawer-content button{white-space:normal!important;word-break:break-word!important}@media (width<=640px){.home-hero{width:calc(100% - 20px);margin-top:8px;padding-top:6px}.home-hero-kicker{margin-bottom:5px;font-size:.72rem}.home-hero-title{font-size:1.35rem;line-height:1.18}.home-hero-copy{margin-top:6px;font-size:.8rem;line-height:1.5}.home-hero-metrics{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin-top:8px;overflow-x:auto}.home-hero-metrics::-webkit-scrollbar{display:none}.home-hero-metrics span{white-space:nowrap;flex-shrink:0;min-height:24px;padding:4px 8px;font-size:.7rem}.collab-notice{gap:8px;width:calc(100% - 20px);margin:8px auto;padding:10px 10px 10px 12px}.collab-notice h2{font-size:.88rem}.collab-notice p{font-size:.78rem;line-height:1.65}.collab-notice-close{width:28px;height:28px}.legal-modal{border-radius:14px!important;width:100%!important;height:calc(100vh - 16px)!important;min-height:0!important;max-height:calc(100vh - 16px)!important}.legal-modal-header{align-items:flex-start!important;gap:10px!important;padding:14px 14px 12px!important}.legal-modal-heading{min-width:0}.legal-modal-heading h3{overflow-wrap:anywhere;font-size:1rem!important;line-height:1.35!important}.legal-modal-heading p{overflow-wrap:anywhere;font-size:.72rem!important;line-height:1.45!important}.legal-modal-tabs{scrollbar-width:none;min-height:44px!important;padding:0 10px!important}.legal-modal-tabs::-webkit-scrollbar{display:none}.legal-modal-tab{flex:none;padding:10px 12px!important;font-size:.78rem!important}.legal-modal-tab svg{flex-shrink:0;width:14px;height:14px}.legal-modal-body{padding:16px 14px!important;font-size:.86rem!important;line-height:1.75!important}.legal-modal-content h4{font-size:1rem!important;line-height:1.35!important}.legal-modal-content h5{font-size:.92rem!important;line-height:1.45!important}.desktop-only{display:none!important}.card-view-container,.matrix-view-container,.search-bar-container,.brand-tab-container{padding:0 10px!important}header{padding:8px 10px!important}header>div{flex-wrap:wrap!important;gap:6px!important}.nav-actions-group{flex-wrap:wrap!important;gap:6px!important;max-width:100%!important;margin-top:4px!important}.navbar-title{font-size:1.05rem!important}.ad-slot-container{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:12px 14px!important}.btn-secondary,.btn-primary{gap:4px!important;padding:5px 9px!important;font-size:.78rem!important}input[placeholder*=搜尋歌名]{padding:10px 32px 10px 38px!important;font-size:.84rem!important}.search-bar-filter-group{box-sizing:border-box!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important}.quick-filter-scroll-row{box-sizing:border-box!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;width:100%!important;min-width:0!important;max-width:100%!important;padding-bottom:6px!important;overflow-x:auto!important}.search-bar-bottom-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important;min-width:0!important}.search-bar-bottom-row>div{justify-content:space-between!important;width:100%!important;min-width:0!important}[style*="position: fixed"]>div,.modal-content{box-sizing:border-box!important;max-width:94vw!important;max-height:88vh!important}.drawer-content{width:90vw!important;max-width:360px!important}.song-card{margin-bottom:10px!important;padding:12px 14px!important}.toast-notification-container{white-space:nowrap!important;max-width:92vw!important;padding:10px 18px!important;font-size:.88rem!important;bottom:24px!important}}