:root{color-scheme:light;--ink:#183f48;--accent:#205d66}*{box-sizing:border-box}.xz-music{margin:0;background:linear-gradient(145deg,#d5f4ea,#c5e8f0);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Microsoft YaHei",sans-serif;min-height:100vh;min-height:100svh}#music-player{max-width:720px;margin:auto;padding:22px 24px 32px;text-align:center}header{display:flex;justify-content:space-between;gap:16px;font-size:13px}a{color:inherit}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit;background:transparent}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.music-brand{margin:24px 0 20px;font-weight:600}.music-brand span{font-size:13px;font-weight:400;display:inline-block;margin-left:8px}.music-cover{position:relative;width:min(64vw,280px);aspect-ratio:1;margin:auto;background:#ffffff70;border-radius:28px;overflow:hidden;box-shadow:0 18px 50px #173f4818;display:grid;place-items:center}.music-cover>span{font-size:100px;opacity:.25}.music-cover img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}h1{font-size:clamp(26px,5vw,42px);line-height:1.25;overflow-wrap:anywhere;margin:26px 0 6px}#music-artist{margin:0;min-height:26px;opacity:.8}.music-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:20px 0}.music-controls button{display:grid;place-items:center;font-size:28px;width:48px;height:48px}#music-play{width:68px;height:68px;border-radius:50%;background:var(--ink);color:#d5f4ea;font-size:30px}.music-progress{display:flex;align-items:center;gap:12px;max-width:460px;margin:auto;font-variant-numeric:tabular-nums;font-size:14px}.music-progress input{flex:1;min-width:0}input[type=range]{accent-color:var(--accent)}.music-volume{display:flex;justify-content:center;align-items:center;gap:12px;margin:16px auto;font-size:13px}.music-volume input{max-width:150px}#music-status{font-size:13px;min-height:21px;margin:8px 0}.music-list{text-align:left;max-width:460px;margin:20px auto;background:#ffffff65;border-radius:14px;padding:12px 16px}.music-list ol{padding-left:28px;max-height:260px;overflow:auto;margin-bottom:0}.music-list button{width:100%;text-align:left;padding:9px 6px;overflow-wrap:anywhere}.music-list button[aria-current=true]{font-weight:700;color:var(--accent)}.music-list small{display:block;font-weight:400;opacity:.7}footer{font-size:12px;opacity:.8;margin-top:24px;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:400px){#music-player{padding:16px}header{font-size:12px}.music-brand{margin-top:20px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#dbf4ee;--accent:#9ed5c8}.xz-music{background:linear-gradient(145deg,#193730,#173441)}#music-play{color:#193730}.music-list,.music-cover{background:#ffffff0c}}

.music-mode{position:relative}.music-controls #music-mode{display:grid;place-items:center;width:40px;height:44px;border-radius:8px}.music-mode-options{position:absolute;z-index:10;bottom:calc(100% + 14px);left:0;width:156px;padding:6px;background:#fff;color:#26383c;border-radius:12px;box-shadow:0 3px 18px #0003;text-align:left}.music-mode-options:after{content:"";position:absolute;bottom:-8px;left:12px;border:8px solid transparent;border-bottom:0;border-top-color:#fff}.music-controls .music-mode-options button{display:flex;align-items:center;gap:12px;width:100%;height:46px;padding:0 12px;font-size:14px;border-radius:0}.music-mode-options button+button{border-top:1px solid #edf0f1}.music-mode-options button:hover,.music-mode-options button[aria-pressed=true]{background:#eaf4f2}.music-mode-options svg{flex:none}@media(max-width:400px){.music-controls{gap:14px}}

.music-controls #music-list-toggle{width:40px;height:44px;display:grid;place-items:center;border-radius:8px}#music-list-toggle[aria-expanded=true]{background:#ffffff55}

#music-status:empty{display:none}

#music-play{display:grid;place-items:center}#music-play .music-pause-icon,#music-play.is-playing .music-play-icon{display:none}#music-play.is-playing .music-pause-icon{display:block}