.footer[data-v-43cfe3d0]{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 2rem;height:3.2rem;background:hsla(0,0%,100%,.08);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid hsla(0,0%,100%,.1);border-radius:1.6rem;box-shadow:0 8px 32px rgba(0,0,0,.12),inset 0 0 0 1px hsla(0,0%,100%,.05);transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:1000}.footer[data-v-43cfe3d0]:hover{backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);transform:translateX(-50%) translateY(-5px);box-shadow:0 15px 45px rgba(0,0,0,.18);background:hsla(0,0%,100%,.12)}.footerText[data-v-43cfe3d0]{display:flex;align-items:center;font-size:1rem;color:hsla(0,0%,100%,.85);text-shadow:0 1px 2px rgba(0,0,0,.1)}.clickText1[data-v-43cfe3d0],.copyrightText[data-v-43cfe3d0]{font-size:1.2rem;font-weight:500}.clickText1[data-v-43cfe3d0],.clickText2[data-v-43cfe3d0]{cursor:pointer;transition:color .3s ease;padding:0 4px}.clickText2[data-v-43cfe3d0]{font-size:1.2rem}.clickText1[data-v-43cfe3d0]:hover,.clickText2[data-v-43cfe3d0]:hover{color:#2ecc71}.ip-box[data-v-43cfe3d0]{display:inline-block;white-space:nowrap;overflow:hidden;color:hsla(0,0%,100%,.85);font-size:1.1rem}.fade-width-enter-active[data-v-43cfe3d0],.fade-width-leave-active[data-v-43cfe3d0]{transition:all .6s ease;max-width:500px;opacity:1}.fade-width-enter-from[data-v-43cfe3d0],.fade-width-leave-to[data-v-43cfe3d0]{opacity:0;max-width:0;transform:translateX(10px);overflow:hidden}.component-wrapper[data-v-ce083620]{--card-bg:#fff;--accent-color:#2ecc71;--text-primary:#2d3436;--text-secondary:#636e72;--bar-bg:#dfe6e9;--buffer-bg:#b2bec3;--shadow-color:rgba(0,0,0,.15);--transition-base:all 0.3s cubic-bezier(0.4,0,0.2,1);--playing-time-color:#fff width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.player-card[data-v-ce083620]{width:80%;max-width:400px;aspect-ratio:3/4;background:transparent;border-radius:1.5rem;box-shadow:0 20px 40px var(--shadow-color);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:var(--transition-base)}.player-card[data-v-ce083620]:hover{transform:translateY(-5px);box-shadow:0 25px 50px rgba(0,0,0,.2)}.cover-section[data-v-ce083620]{width:100%;height:75%;position:relative;background:#f0f0f0;overflow:hidden}.cover-section .cover-image[data-v-ce083620]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .8s ease}.cover-section .scale-pulse[data-v-ce083620]{transform:scale(1.05)}.cover-section .buffer-overlay[data-v-ce083620]{position:absolute;inset:0;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;z-index:2}.control-section[data-v-ce083620]{width:100%;height:25%;padding:.75rem 1.25rem;box-sizing:border-box;position:relative;background:transparent;display:flex;flex-direction:column;z-index:10}.control-section[data-v-ce083620]:before{content:"";position:absolute;top:-20px;left:0;right:0;bottom:0;background:linear-gradient(180deg,hsla(0,0%,100%,.15) 20px,hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,0)),rgba(240,245,255,.05);backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);clip-path:inset(20px 0 0 0);z-index:-1}.control-section[data-v-ce083620]:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:hsla(0,0%,100%,.05);z-index:2;pointer-events:none}.control-section[data-v-ce083620]>*{position:relative;z-index:1}.control-section.playing[data-v-ce083620]{animation:glass-breathe-ce083620 4.5s ease-in-out infinite}.control-section.playing[data-v-ce083620]:before{opacity:.4;transition:opacity .6s ease}.meta-frame[data-v-ce083620]{position:relative;z-index:5;height:5rem;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px 10px;margin-bottom:.5rem;padding:.45rem .6rem;border-radius:.6rem;background:linear-gradient(180deg,#0e1513,#121c19);border:1px solid hsla(0,0%,100%,.08);box-shadow:inset 0 1px 2px hsla(0,0%,100%,.06),inset 0 -2px 6px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.35);overflow:hidden;filter:brightness(.85);transition:filter .6s ease,box-shadow .6s ease}.meta-frame.playing[data-v-ce083620]{filter:brightness(1.15);box-shadow:inset 0 1px 2px hsla(0,0%,100%,.15),inset 0 -2px 8px rgba(0,0,0,.7),0 0 10px rgba(46,204,113,.35);animation:lcd-glow-ce083620 2.6s ease-in-out infinite}.meta-frame[data-v-ce083620]:after{background:linear-gradient(120deg,hsla(0,0%,100%,.18),hsla(0,0%,100%,.03) 45%,hsla(0,0%,100%,0) 65%)}.meta-frame[data-v-ce083620]:after,.meta-frame[data-v-ce083620]:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.meta-frame[data-v-ce083620]:before{background:repeating-linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.04) 1px,transparent 0,transparent 3px);opacity:.25}.meta-info[data-v-ce083620]{text-align:center;text-overflow:ellipsis;position:relative;height:1.5rem;line-height:1.5rem;overflow:hidden;white-space:nowrap;color:#b9f6ca;letter-spacing:.04em;text-shadow:0 0 4px rgba(46,204,113,.45),0 0 8px rgba(46,204,113,.25)}.meta-info .song-name[data-v-ce083620]{font-weight:600;font-size:1rem;color:var(--text-primary)}.meta-info .divider[data-v-ce083620]{margin:0 .4rem;color:var(--text-secondary)}.meta-info .singer[data-v-ce083620]{font-size:.85rem;color:var(--text-secondary)}.meta-info .divider[data-v-ce083620],.meta-info .singer[data-v-ce083620],.meta-info .song-name[data-v-ce083620],.meta-info[data-v-ce083620]{color:hsla(0,0%,100%,.6);transition:color .4s ease}.meta-frame.playing .divider[data-v-ce083620],.meta-frame.playing .meta-info[data-v-ce083620],.meta-frame.playing .singer[data-v-ce083620],.meta-frame.playing .song-name[data-v-ce083620]{color:#fff}.scroll-text[data-v-ce083620]{display:inline-block;white-space:nowrap;will-change:transform}.meta-info.scrolling .scroll-text[data-v-ce083620]{animation:text-marquee-ce083620 10s linear infinite}.lcd-progress[data-v-ce083620]{position:relative;height:6px;border-radius:3px;overflow:hidden;cursor:pointer;background:hsla(0,0%,100%,.08)}.lcd-progress-bg[data-v-ce083620]{position:absolute;inset:0}.lcd-progress-buffer[data-v-ce083620]{position:absolute;height:100%;background:hsla(0,0%,100%,.25)}.lcd-progress-current[data-v-ce083620]{position:absolute;height:100%;background:linear-gradient(90deg,#2ecc71,#6dffb2);box-shadow:0 0 6px rgba(46,204,113,.6)}.lcd-time[data-v-ce083620]{display:flex;justify-content:space-between;font-size:1rem;line-height:1;margin-top:2px;opacity:.75}.lcd-time span[data-v-ce083620]{font-variant-numeric:tabular-nums;letter-spacing:.04em}.meta-frame.playing .lcd-time[data-v-ce083620]{opacity:.95;text-shadow:0 0 4px rgba(46,204,113,.4);color:var(--playing-time-color)}.button-group[data-v-ce083620]{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.icon-btn[data-v-ce083620]{background:none;border:none;cursor:pointer;padding:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.icon-btn[data-v-ce083620]:hover{background:rgba(0,0,0,.05);transform:scale(1.1)}.icon-btn img[data-v-ce083620]{width:2rem;height:2rem;-o-object-fit:contain;object-fit:contain}.icon-btn.small img[data-v-ce083620]{width:2rem;height:2rem;opacity:.7}.icon-btn.play-main[data-v-ce083620]{background:var(--accent-color);padding:.6rem}.icon-btn.play-main img[data-v-ce083620]{filter:brightness(0) invert(1);width:1.4rem;height:1.4rem}.icon-btn.play-main[data-v-ce083620]:hover{transform:scale(1.15);box-shadow:0 4px 12px var(--accent-color)}.volume-popover-wrapper[data-v-ce083620]{display:flex;align-items:center}.volume-popover-wrapper .volume-slider[data-v-ce083620]{width:0;opacity:0;transition:var(--transition-base);accent-color:var(--accent-color);cursor:pointer}.volume-popover-wrapper:hover .volume-slider[data-v-ce083620]{width:50px;opacity:1;margin-left:.3rem}.spinner[data-v-ce083620]{width:24px;height:24px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:rotate-ce083620 1s linear infinite}@keyframes rotate-ce083620{to{transform:rotate(1turn)}}@keyframes lcd-glow-ce083620{0%{box-shadow:inset 0 1px 2px hsla(0,0%,100%,.12),inset 0 -2px 6px rgba(0,0,0,.6),0 0 6px rgba(46,204,113,.25)}50%{box-shadow:inset 0 1px 2px hsla(0,0%,100%,.2),inset 0 -2px 10px rgba(0,0,0,.8),0 0 14px rgba(46,204,113,.45)}to{box-shadow:inset 0 1px 2px hsla(0,0%,100%,.12),inset 0 -2px 6px rgba(0,0,0,.6),0 0 6px rgba(46,204,113,.25)}}@keyframes text-marquee-ce083620{0%{transform:translateX(0)}10%{transform:translateX(0)}90%{transform:translateX(calc(-100% + var(--container-width)))}to{transform:translateX(calc(-100% + var(--container-width)))}}@keyframes glass-breathe-ce083620{0%{backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}50%{backdrop-filter:blur(20px) saturate(175%);-webkit-backdrop-filter:blur(20px) saturate(175%)}to{backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}}.Background[data-v-2905e43c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(https://hanxu.fun/data/images/background1.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;background-color:#000}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.Footer{position:fixed;bottom:0;left:0;height:3rem;width:100%}.Bakground{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.MusicPlayer{position:absolute;top:50%;left:75%;width:calc(50% - 2px);height:80%;transform:translate(-50%,-50%)}