.music-player{--mp-bg:var(--color-bg-surface);--mp-fg:var(--color-text-primary);--mp-border:color-mix(in srgb, var(--color-border) 60%, transparent);--mp-highlight:var(--color-accent);--mp-highlight-rgb:var(--color-accent-rgb);--mp-muted:var(--color-bg-muted);--mp-muted-fg:var(--color-text-muted);border:1px solid var(--mp-border);background:var(--mp-bg);color:var(--mp-fg);transition:box-shadow var(--transition-slow), border-color var(--transition-slow);border-radius:16px;grid-template-rows:auto minmax(100px,1fr);grid-template-columns:auto 1fr;margin:1.5em 0;display:grid;overflow:hidden;box-shadow:0 2px 12px -2px #0000000f}.music-player:hover{border-color:rgba(var(--mp-highlight-rgb) / .2);box-shadow:0 4px 20px -4px #0000001a}.music-player p{margin:0}.music-player img{box-shadow:none;cursor:default;border-radius:0}.music-player-disc-area{grid-area:1/1/-1;justify-content:center;align-items:center;padding:.75em .25em .75em .75em;display:flex}.music-player-header{border-bottom:1px solid rgba(var(--mp-highlight-rgb) / .08);grid-area:1/2;align-items:center;gap:.5em;min-width:0;padding:.75em 1em .4em .5em;display:flex}.music-player-info{flex:1;min-width:0}.music-player-song-name{color:var(--mp-fg);text-overflow:ellipsis;white-space:nowrap;font-size:.95em;font-weight:600;overflow:hidden}.music-player-artist{color:var(--mp-muted-fg);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.78em;overflow:hidden}.music-player-actions{flex-shrink:0;align-items:center;gap:.3em;display:flex}.music-player-btn{appearance:none;font:inherit;cursor:pointer;width:28px;height:28px;color:var(--mp-fg);opacity:.6;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .2s,transform .2s;display:inline-flex}.music-player-btn:hover{opacity:1;transform:scale(1.1)}.music-player-btn:active{transform:scale(.9)}.music-player-btn svg{width:15px;height:15px}.music-player-btn-play{appearance:none;font:inherit;cursor:pointer;background:var(--mp-highlight);color:#fff;width:36px;height:36px;box-shadow:0 2px 8px rgba(var(--mp-highlight-rgb) / .3);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .2s,box-shadow .2s;display:inline-flex}.music-player-btn-play:hover{box-shadow:0 3px 12px rgba(var(--mp-highlight-rgb) / .4);transform:scale(1.08)}.music-player-btn-play:active{transform:scale(.92)}.music-player-btn-play svg{fill:#fff;color:#fff;width:16px;height:16px;margin-left:1px}.music-player-volume-group{align-items:center;margin-left:.15em;display:flex}.music-player-volume{appearance:none;background:var(--mp-border);opacity:0;cursor:pointer;border-radius:2px;outline:none;width:0;height:3px;transition:width .25s,opacity .2s}.music-player-volume-group:hover .music-player-volume,.music-player-volume-group:focus-within .music-player-volume{opacity:1;width:50px;margin-left:4px}.music-player-volume::-webkit-slider-thumb{appearance:none;background:var(--mp-highlight);cursor:pointer;border-radius:50%;width:8px;height:8px}.music-player-body{flex-direction:column;grid-area:2/2;min-height:0;padding-left:.5em;display:flex}.music-player-lrc{flex:1;min-height:60px;max-height:120px;padding:.25em .75em;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.music-player-lrc-inner{transition:transform .5s cubic-bezier(.25,1,.5,1)}.music-player-lrc-inner p{color:var(--mp-muted-fg);opacity:.45;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.75em;line-height:1.9;transition:color .3s,opacity .3s;overflow:hidden}.music-player-lrc-inner p.current{color:var(--mp-highlight);opacity:1;font-weight:600}.music-player-lrc-placeholder{color:var(--mp-muted-fg);opacity:.35;text-align:center;justify-content:center;align-items:center;height:100%;font-size:.8em;font-style:italic;display:flex}.music-player-playlist{border-top:1px dashed rgba(var(--mp-highlight-rgb) / .12);flex-shrink:0}.music-player-song-list{scrollbar-width:thin;scrollbar-color:rgba(var(--mp-highlight-rgb) / .2) transparent;flex-direction:column;max-height:160px;display:flex;overflow-y:auto}.music-player-song-list::-webkit-scrollbar{width:4px}.music-player-song-list::-webkit-scrollbar-track{background:0 0}.music-player-song-list::-webkit-scrollbar-thumb{background:rgba(var(--mp-highlight-rgb) / .2);border-radius:2px}.music-player-song-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--mp-highlight-rgb) / .4)}.music-player-song-item{appearance:none;font:inherit;color:inherit;text-align:left;box-sizing:border-box;cursor:pointer;isolation:isolate;background:0 0;border:none;align-items:center;gap:.4em;width:100%;padding:.35em .75em;font-size:.75em;transition:background .15s;display:flex;position:relative}.music-player-song-item:hover{background:var(--mp-muted)}.music-player-song-item.current{color:var(--mp-highlight);font-weight:600}.music-player-song-index{text-align:center;width:1.4em;color:var(--mp-muted-fg);flex-shrink:0;font-size:.9em}.music-player-song-item.current .music-player-song-index{color:var(--mp-highlight)}.music-player-song-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.music-player-song-artist{color:var(--mp-muted-fg);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:30%;font-size:.85em;overflow:hidden}.music-player-song-time{font-variant-numeric:tabular-nums;color:var(--mp-muted-fg);text-align:right;flex-shrink:0;min-width:4em;font-size:.85em}.music-player-song-progress-bg{background:rgba(var(--mp-highlight-rgb) / .1);border-right:2px solid rgba(var(--mp-highlight-rgb) / .25);pointer-events:none;z-index:-1;width:0%;transition:width .2s linear;position:absolute;top:0;bottom:0;left:0}.music-player-disc-wrapper{flex-shrink:0;width:170px;height:170px;position:relative}.music-player-disc{will-change:transform;background:#111;border-radius:50%;width:150px;height:150px;animation-name:music-disc-spin;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;position:absolute;bottom:0;left:10px;box-shadow:0 4px 14px #00000059}.music-player-disc.spinning{animation-play-state:running}.music-player-disc:before{content:"";z-index:1;background:repeating-radial-gradient(#111 0 2px,#1a1a1a 2.5px,#111 3px);border-radius:50%;position:absolute;inset:0}.music-player-disc:after{content:"";z-index:3;background:linear-gradient(to bottom right,#ddd,#999);border:1px solid #777;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.music-player-cover{object-fit:cover;z-index:2;border-radius:50%;width:58%;height:58%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes music-disc-spin{to{transform:rotate(360deg)}}.music-player-needle{z-index:6;pointer-events:none;transform-origin:16px 16px;width:80px;height:80px;transition:transform .5s cubic-bezier(.3,1.5,.5,1);position:absolute;top:-10px;left:-2px;transform:rotate(-25deg)}.music-player-needle.playing{transform:rotate(0)}.music-player-needle:before{content:"";z-index:2;background:radial-gradient(circle at 40% 38%,#ffffff26,#0000 50%),radial-gradient(circle,#555,#333 50%,#222);border-radius:50%;width:24px;height:24px;position:absolute;top:4px;left:4px}.music-player-needle:after{content:"";z-index:3;background:radial-gradient(circle at 38% 35%,#eee,#aaa);border-radius:50%;width:14px;height:14px;position:absolute;top:9px;left:9px}.music-player-needle-arm{transform-origin:top;background:linear-gradient(90deg,#aaa,#ccc,#aaa);border-radius:2px;width:5px;height:36px;position:absolute;top:16px;left:12px;transform:rotate(-12deg)}.music-player-needle-head{transform-origin:top;background:linear-gradient(90deg,#999,#bbb,#999);border-radius:1px;width:3px;height:28px;position:absolute;top:34px;left:50%;transform:translate(-50%)rotate(22deg)}.music-player-needle-head:after{content:"";background:var(--mp-highlight);opacity:.8;border-radius:1px;width:7px;height:9px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}:root[data-theme=dark] .music-player-needle:before{background:radial-gradient(circle at 40% 38%,#ffffff1a,#0000 50%),radial-gradient(circle,#444,#222 50%,#111)}:root[data-theme=dark] .music-player-needle:after{background:radial-gradient(circle at 38% 35%,#ccc,#777)}:root[data-theme=dark] .music-player-needle-arm,:root[data-theme=dark] .music-player-needle-head{background:linear-gradient(90deg,#555,#777,#555)}@media (width<=639px){.music-player-disc-area{padding:.5em .25em .5em .5em}.music-player-disc-wrapper{width:100px;height:100px}.music-player-disc{width:86px;height:86px;left:7px}.music-player-needle{transform-origin:10px 10px;width:50px;height:50px;top:-5px;left:-2px}.music-player-needle:before{width:16px;height:16px;top:2px;left:2px}.music-player-needle:after{width:9px;height:9px;top:6px;left:6px}.music-player-needle-arm{width:3px;height:22px;top:10px;left:8px}.music-player-needle-head{width:2px;height:16px;top:20px}.music-player-needle-head:after{width:4px;height:5px}.music-player-header{flex-direction:column;align-items:flex-start;gap:.3em;padding:.5em .6em .25em .4em}.music-player-actions{align-self:flex-start;gap:.4em}.music-player-song-name{font-size:.82em}.music-player-artist{font-size:.7em}.music-player-btn{width:24px;height:24px}.music-player-btn svg{width:12px;height:12px}.music-player-btn-play{width:28px;height:28px}.music-player-btn-play svg{width:12px;height:12px}.music-player-volume-group{display:none}.music-player-body{padding-left:.25em}.music-player-lrc{height:52px;padding:.2em .5em}.music-player-lrc-inner p{font-size:.68em}.music-player-song-item{padding:.25em .5em;font-size:.68em}.music-player-song-list{max-height:100px}}