@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";body{font-family:Noto Sans SC,sans-serif;-webkit-tap-highlight-color:transparent}#app-container{height:100vh;height:100dvh}#app-container.with-mini-player{padding-bottom:64px}.lyrics-container,.chart-list{overflow-x:hidden;scroll-padding-top:50%;scroll-padding-bottom:50%;scrollbar-width:none;-ms-overflow-style:none}.lyrics-container::-webkit-scrollbar,.chart-list::-webkit-scrollbar{display:none;width:0}.lyric-line{transition:color .4s ease,transform .4s ease;transform-origin:center left}.lyric-line.active{color:#22d3ee;transform:scale(1.05)}.progress-bar-container{margin-top:1rem;margin-bottom:.5rem}.progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#fff3;border-radius:2px;outline:none;transition:background .3s}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 0 8px #ffffffb3;transition:transform .2s ease}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.1)}.progress-bar::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 8px #ffffffb3}.progress-bar::-moz-range-thumb:hover{transform:scale(1.1)}.song-cover-shadow{box-shadow:0 10px 30px -5px #00000080}.mini-player-cover-shadow{box-shadow:0 2px 8px #0006}.animate-spin-slow{animation:spin 20s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-scrollbar{scrollbar-width:none;-ms-overflow-style:none;overflow:auto;overflow-y:auto;overflow-x:hidden}.custom-scrollbar::-webkit-scrollbar{width:0;display:none;background:transparent}.chart-list{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.like-effect{transition:all 1s ease-out;opacity:1;transform:scale(1) translateY(0)}.like-effect-animate{opacity:0;transform:scale(1.5) translateY(-50px) rotate(var(--random-rotation, 0deg))}.like-limit-toast,.general-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background-color:#000000bf;color:#fff;padding:14px 24px;border-radius:12px;font-size:14px;font-weight:500;z-index:10000;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006;pointer-events:none;text-align:center;white-space:nowrap;max-width:90vw;word-break:keep-all}.like-limit-toast.show,.general-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.toast-success{background-color:#22c55ee6;border-color:#22c55e4d}.toast-warning{background-color:#fb923ce6;border-color:#fb923c4d}.toast-error{background-color:#ef4444e6;border-color:#ef44444d}.toast-info{background-color:#3b82f6e6;border-color:#3b82f64d}.qrcode-modal{animation:fadeIn .3s ease}.qrcode-modal>div{animation:scaleIn .3s ease;box-shadow:0 10px 25px #0003}.qrcode-container{display:flex;justify-content:center;align-items:center}.qrcode-container img.qrcode-img{border-radius:8px;box-shadow:0 2px 10px #0000001a;width:200px;height:200px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}