deepsky 2.56.36 → 2.56.38

package/dist/index.css

@@ -726,146 +726,146 @@ img[data-v-62fa2be8] {
 }
 
 
-.cube-music[data-v-37320336] { position: relative; box-sizing: border-box; max-width: 100%; margin-block: 10px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--selection-bg, #fd6d94) 25%, transparent); border-radius: 18px; color: var(--color, #4b4e62); background: color-mix(in srgb, var(--page-bg, #fff) 94%, #ffe8ee); box-shadow: 0 16px 38px color-mix(in srgb, #656565 20%, transparent);
-}
-.music-top[data-v-37320336] { position: relative; z-index: 2; height: 220px; overflow: hidden; isolation: isolate; perspective: 1100px;
-}.music-flip[data-v-37320336] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.72,.25,1);
-}.music-top.flipped .music-flip[data-v-37320336] { transform: rotateY(180deg);
-}.music-face[data-v-37320336] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
-}.music-now[data-v-37320336] { overflow: visible;
-}.track-strip[data-v-37320336] { position: absolute; z-index: 1; top: 42px; right: 16px; left: 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; min-height: 72px; box-sizing: border-box; padding: 14px 16px 10px 142px; border-radius: 15px 15px 0 0; background: #fff7f7;
-}.track-copy[data-v-37320336] { min-width: 0; display: grid; gap: 2px;
-}.track-copy strong[data-v-37320336] { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap;
-}.track-copy span[data-v-37320336] { color: #f86d92; font-size: 11px;
-}.playlist-toggle[data-v-37320336] { width: 28px; height: 28px; border: 0; color: #acaebd; font-size: 18px; cursor: pointer; background: transparent;
-}.music-progress[data-v-37320336] { grid-column: 1 / -1; width: 100%; height: 4px; margin: 5px 0 0; cursor: pointer; accent-color: #fd6d94;
-}
-.player-panel[data-v-37320336] { position: absolute; z-index: 2; top: 112px; right: 0; left: 0; height: 108px; border-radius: 15px; background: #fff; box-shadow: 0 20px 45px -18px #65656580;
-}.album-disc[data-v-37320336] { position: absolute; z-index: 3; top: -74px; left: 42px; display: grid; width: 100px; height: 100px; place-items: center; border: 5px solid #fff7f7; border-radius: 50%; cursor: pointer; background: repeating-radial-gradient(circle, #273245 0 2px, #38475d 3px 5px, #1d2638 6px 8px); box-shadow: 0 20px 30px -17px #687589;
-}.album-disc[data-v-37320336]::after { content: ''; position: absolute; width: 26px; height: 26px; border-radius: 50%; background: #d6dee7; box-shadow: inset 0 0 0 4px #fff;
-}.album-disc span[data-v-37320336] { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
-}.album-disc.playing[data-v-37320336] { animation: spin-37320336 5s linear infinite;
-}.album-disc i[data-v-37320336] { position: absolute; inset: 15px; border-radius: inherit; border: 1px solid #ffffff30;
-}.top-controls[data-v-37320336] { display: flex; height: 100%;  align-items: center; justify-content: space-evenly;
-}.top-controls button[data-v-37320336] { display: grid; min-width: 28px; padding: 8px; place-items: center; border: 0; color: #aeb8c4; font-size: 20px; cursor: pointer; background: transparent; transition: color .2s ease, transform .2s ease;
-}.top-controls button[data-v-37320336]:hover { color: #fd6d94; transform: translateY(-1px);
-}.top-controls .play[data-v-37320336] { color: #fd6d94; font-size: 18px;
-}.top-controls .mode[data-v-37320336], .top-controls .lyric-toggle[data-v-37320336] { font-size: 20px;
-}.top-controls .lyric-toggle.selected[data-v-37320336] { color: #fd6d94;
-}
-.playlist-face[data-v-37320336] { display: flex; overflow: hidden; flex-direction: column; border-radius: 15px; background: #fff; box-shadow: 0 20px 45px -18px #65656580; transform: rotateY(180deg);
-}.playlist-face header[data-v-37320336] { display: grid; grid-template-columns: 30px 1fr 30px; align-items: center; padding: 13px 15px; border-bottom: 1px solid #f2e7e9; text-align: center;
-}.playlist-face header button[data-v-37320336] { border: 0; color: #fd6d94; font-size: 24px; cursor: pointer; background: transparent;
-}.playlist-face header strong[data-v-37320336] { font-size: 14px;
-}.playlist-list[data-v-37320336] { flex: 1; box-sizing: border-box; overflow: auto;
-}.playlist-list button[data-v-37320336] { display: flex; width: 100%; height: 40px; flex: none; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box; padding: 0 18px; border: 0; color: inherit; text-align: left; cursor: pointer; background: transparent;
-}.playlist-list button[data-v-37320336]:hover, .playlist-list button.selected[data-v-37320336] { color: #f86d92; background: #fff2f5;
-}.playlist-list span[data-v-37320336] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-}.playlist-list em[data-v-37320336] { font-size: 11px; font-style: normal; opacity: .6;
-}.playlist-list .playlist-add[data-v-37320336] { justify-content: center; color: #a9aab5;
-}
-.lyrics-section[data-v-37320336] { position: relative; z-index: 1; min-height: 135px; max-height: 320px; padding: 10px 25px 20px; background: color-mix(in srgb, var(--page-bg, #fff) 94%, #ffe8ee);
-}.lyrics[data-v-37320336] { max-height: 285px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; text-align: center; scrollbar-width: none;
-}.lyrics[data-v-37320336]::-webkit-scrollbar { display: none;
-}.lyrics p[data-v-37320336] { margin: 10px 0; color: #737788; opacity: .42; transition: .18s; cursor: pointer;
-}.lyrics p.active[data-v-37320336] { color: #f86d92; font-size: 17px; font-weight: 700; opacity: 1;
-}.lyrics p span + span[data-v-37320336]::before { content: '\A'; white-space: pre;
-}.music-state[data-v-37320336] { display: grid; min-height: 112px; place-items: center; align-content: center; gap: 10px; color: #9699a7;
-}.music-note[data-v-37320336] { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; color: #fd6d94; font-size: 28px; background: #fff0f4; box-shadow: 0 8px 18px #f86d9230;
-}.music-note.playing[data-v-37320336] { animation: note-pulse-37320336 1.05s ease-in-out infinite alternate;
-}.music-empty[data-v-37320336] { position: relative; display: block; width: 100%; min-height: 210px; box-sizing: border-box; overflow: hidden; border: 0; color: var(--color, #222); cursor: pointer; background: transparent;
-}.music-empty[data-v-37320336]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 128px; height: 128px; border: 1px solid currentColor; border-radius: 50%; opacity: .1; transform: translate(-50%, -50%); transition: transform .25s ease, opacity .25s ease;
-}.music-empty[data-v-37320336]:hover::before { opacity: .2; transform: translate(-50%, -50%) scale(1.08);
-}.music-empty-content[data-v-37320336] { position: absolute; top: 50%; left: 50%; display: grid; width: max-content; max-width: calc(100% - 32px); place-items: center; gap: 7px; text-align: center; transform: translate(-50%, -50%);
-}.music-empty .iconfont[data-v-37320336] { display: grid; width: 64px; height: 64px; place-items: center; box-sizing: border-box; border: 1px solid currentColor; border-radius: 50%; font-size: 29px; opacity: .76; transition: transform .25s ease, opacity .25s ease;
-}.music-empty:hover .iconfont[data-v-37320336] { opacity: 1; transform: scale(1.06);
-}.music-empty strong[data-v-37320336] { font-size: 14px; font-weight: 600;
-}.music-empty small[data-v-37320336] { font-size: 12px; opacity: .55;
+.cube-music[data-v-1fd4a9dc] { position: relative; box-sizing: border-box; max-width: 100%; margin-block: 10px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--selection-bg, #fd6d94) 25%, transparent); border-radius: 18px; color: var(--color, #4b4e62); background: color-mix(in srgb, var(--page-bg, #fff) 94%, #ffe8ee); box-shadow: 0 16px 38px color-mix(in srgb, #656565 20%, transparent);
+}
+.music-top[data-v-1fd4a9dc] { position: relative; z-index: 2; height: 220px; overflow: hidden; isolation: isolate; perspective: 1100px;
+}.music-flip[data-v-1fd4a9dc] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.72,.25,1);
+}.music-top.flipped .music-flip[data-v-1fd4a9dc] { transform: rotateY(180deg);
+}.music-face[data-v-1fd4a9dc] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
+}.music-now[data-v-1fd4a9dc] { overflow: visible;
+}.track-strip[data-v-1fd4a9dc] { position: absolute; z-index: 1; top: 42px; right: 16px; left: 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; min-height: 72px; box-sizing: border-box; padding: 14px 16px 10px 142px; border-radius: 15px 15px 0 0; background: #fff7f7;
+}.track-copy[data-v-1fd4a9dc] { min-width: 0; display: grid; gap: 2px;
+}.track-copy strong[data-v-1fd4a9dc] { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap;
+}.track-copy span[data-v-1fd4a9dc] { color: #f86d92; font-size: 11px;
+}.playlist-toggle[data-v-1fd4a9dc] { width: 28px; height: 28px; border: 0; color: #acaebd; font-size: 18px; cursor: pointer; background: transparent;
+}.music-progress[data-v-1fd4a9dc] { grid-column: 1 / -1; width: 100%; height: 4px; margin: 5px 0 0; cursor: pointer; accent-color: #fd6d94;
+}
+.player-panel[data-v-1fd4a9dc] { position: absolute; z-index: 2; top: 112px; right: 0; left: 0; height: 108px; border-radius: 15px; background: #fff; box-shadow: 0 20px 45px -18px #65656580;
+}.album-disc[data-v-1fd4a9dc] { position: absolute; z-index: 3; top: -70px; left: 30px; display: grid; width: 120px; height: 120px; place-items: center; border: 5px solid #fff7f7; border-radius: 50%; cursor: pointer; background: repeating-radial-gradient(circle, #273245 0 2px, #38475d 3px 5px, #1d2638 6px 8px); box-shadow: 0 20px 30px -17px #687589;
+}.album-disc[data-v-1fd4a9dc]::after { content: ''; position: absolute; width: 26px; height: 26px; border-radius: 50%; background: #d6dee7; box-shadow: inset 0 0 0 4px #fff;
+}.album-disc span[data-v-1fd4a9dc] { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
+}.album-disc.playing[data-v-1fd4a9dc] { animation: spin-1fd4a9dc 5s linear infinite;
+}.album-disc i[data-v-1fd4a9dc] { position: absolute; inset: 15px; border-radius: inherit; border: 1px solid #ffffff30;
+}.top-controls[data-v-1fd4a9dc] { display: flex;margin-left: 136px; height: 100%;  align-items: center; justify-content: space-evenly;
+}.top-controls button[data-v-1fd4a9dc] { display: grid; min-width: 28px; padding: 8px; place-items: center; border: 0; color: #aeb8c4; font-size: 20px; cursor: pointer; background: transparent; transition: color .2s ease, transform .2s ease;
+}.top-controls button[data-v-1fd4a9dc]:hover { color: #fd6d94; transform: translateY(-1px);
+}.top-controls .play[data-v-1fd4a9dc] { color: #fd6d94; font-size: 18px;
+}.top-controls .mode[data-v-1fd4a9dc], .top-controls .lyric-toggle[data-v-1fd4a9dc] { font-size: 20px;
+}.top-controls .lyric-toggle.selected[data-v-1fd4a9dc] { color: #fd6d94;
+}
+.playlist-face[data-v-1fd4a9dc] { display: flex; overflow: hidden; flex-direction: column; border-radius: 15px; background: #fff; box-shadow: 0 20px 45px -18px #65656580; transform: rotateY(180deg);
+}.playlist-face header[data-v-1fd4a9dc] { display: grid; grid-template-columns: 30px 1fr 30px; align-items: center; padding: 13px 15px; border-bottom: 1px solid #f2e7e9; text-align: center;
+}.playlist-face header button[data-v-1fd4a9dc] { border: 0; color: #fd6d94; font-size: 24px; cursor: pointer; background: transparent;
+}.playlist-face header strong[data-v-1fd4a9dc] { font-size: 14px;
+}.playlist-list[data-v-1fd4a9dc] { flex: 1; box-sizing: border-box; overflow: auto;
+}.playlist-list button[data-v-1fd4a9dc] { display: flex; width: 100%; height: 40px; flex: none; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box; padding: 0 18px; border: 0; color: inherit; text-align: left; cursor: pointer; background: transparent;
+}.playlist-list button[data-v-1fd4a9dc]:hover, .playlist-list button.selected[data-v-1fd4a9dc] { color: #f86d92; background: #fff2f5;
+}.playlist-list span[data-v-1fd4a9dc] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}.playlist-list em[data-v-1fd4a9dc] { font-size: 11px; font-style: normal; opacity: .6;
+}.playlist-list .playlist-add[data-v-1fd4a9dc] { justify-content: center; color: #a9aab5;
+}
+.lyrics-section[data-v-1fd4a9dc] { position: relative; z-index: 1; min-height: 135px; max-height: 320px; padding: 10px 25px 20px; background: color-mix(in srgb, var(--page-bg, #fff) 94%, #ffe8ee);
+}.lyrics[data-v-1fd4a9dc] { max-height: 285px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; text-align: center; scrollbar-width: none;
+}.lyrics[data-v-1fd4a9dc]::-webkit-scrollbar { display: none;
+}.lyrics p[data-v-1fd4a9dc] { margin: 10px 0; color: #737788; opacity: .42; transition: .18s; cursor: pointer;
+}.lyrics p.active[data-v-1fd4a9dc] { color: #f86d92; font-size: 17px; font-weight: 700; opacity: 1;
+}.lyrics p span + span[data-v-1fd4a9dc]::before { content: '\A'; white-space: pre;
+}.music-state[data-v-1fd4a9dc] { display: grid; min-height: 112px; place-items: center; align-content: center; gap: 10px; color: #9699a7;
+}.music-note[data-v-1fd4a9dc] { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; color: #fd6d94; font-size: 28px; background: #fff0f4; box-shadow: 0 8px 18px #f86d9230;
+}.music-note.playing[data-v-1fd4a9dc] { animation: note-pulse-1fd4a9dc 1.05s ease-in-out infinite alternate;
+}.music-empty[data-v-1fd4a9dc] { position: relative; display: block; width: 100%; min-height: 210px; box-sizing: border-box; overflow: hidden; border: 0; color: var(--color, #222); cursor: pointer; background: transparent;
+}.music-empty[data-v-1fd4a9dc]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 128px; height: 128px; border: 1px solid currentColor; border-radius: 50%; opacity: .1; transform: translate(-50%, -50%); transition: transform .25s ease, opacity .25s ease;
+}.music-empty[data-v-1fd4a9dc]:hover::before { opacity: .2; transform: translate(-50%, -50%) scale(1.08);
+}.music-empty-content[data-v-1fd4a9dc] { position: absolute; top: 50%; left: 50%; display: grid; width: max-content; max-width: calc(100% - 32px); place-items: center; gap: 7px; text-align: center; transform: translate(-50%, -50%);
+}.music-empty .iconfont[data-v-1fd4a9dc] { display: grid; width: 64px; height: 64px; place-items: center; box-sizing: border-box; border: 1px solid currentColor; border-radius: 50%; font-size: 29px; opacity: .76; transition: transform .25s ease, opacity .25s ease;
+}.music-empty:hover .iconfont[data-v-1fd4a9dc] { opacity: 1; transform: scale(1.06);
+}.music-empty strong[data-v-1fd4a9dc] { font-size: 14px; font-weight: 600;
+}.music-empty small[data-v-1fd4a9dc] { font-size: 12px; opacity: .55;
 }
 
 /* The player and playlist are two faces of one card, so lyrics flip with the controls. */
-.cube-music[data-v-37320336] { background: transparent;
+.cube-music[data-v-1fd4a9dc] { background: transparent;
 }
-.music-card[data-v-37320336] { position: relative; width: 100%; height: 100%; perspective: 1100px;
+.music-card[data-v-1fd4a9dc] { position: relative; width: 100%; height: 100%; perspective: 1100px;
 }
-.music-card .music-flip[data-v-37320336] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.72,.25,1);
+.music-card .music-flip[data-v-1fd4a9dc] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.72,.25,1);
 }
-.music-card.flipped .music-flip[data-v-37320336] { transform: rotateY(180deg);
+.music-card.flipped .music-flip[data-v-1fd4a9dc] { transform: rotateY(180deg);
 }
-.music-card .music-face[data-v-37320336] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
+.music-card .music-face[data-v-1fd4a9dc] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
 }
-.music-card:not(.flipped) .playlist-face[data-v-37320336], .music-card.flipped .music-now[data-v-37320336] { pointer-events: none;
+.music-card:not(.flipped) .playlist-face[data-v-1fd4a9dc], .music-card.flipped .music-now[data-v-1fd4a9dc] { pointer-events: none;
 }
-.music-card .music-now[data-v-37320336] { display: flex; overflow: hidden; flex-direction: column;
+.music-card .music-now[data-v-1fd4a9dc] { display: flex; overflow: hidden; flex-direction: column;
 }
-.music-card .music-top[data-v-37320336] { position: relative; z-index: auto; flex: 0 0 220px; height: 220px; overflow: hidden; isolation: auto; perspective: none;
+.music-card .music-top[data-v-1fd4a9dc] { position: relative; z-index: auto; flex: 0 0 220px; height: 220px; overflow: hidden; isolation: auto; perspective: none;
 }
-.music-card .music-now.without-lyrics .music-top[data-v-37320336] { flex-basis: 100%; height: 100%;
+.music-card .music-now.without-lyrics .music-top[data-v-1fd4a9dc] { flex-basis: 100%; height: 100%;
 }
-.music-card .track-strip[data-v-37320336] { background: transparent; border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
+.music-card .track-strip[data-v-1fd4a9dc] { background: transparent; border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
 }
-.music-card .player-panel[data-v-37320336] { background: transparent; box-shadow: none;
+.music-card .player-panel[data-v-1fd4a9dc] { background: transparent; box-shadow: none;
 }
-.music-card .lyrics-section[data-v-37320336] { display: flex; flex: 1; min-height: 0; max-height: none; padding: 10px 25px 20px; background: transparent;
+.music-card .lyrics-section[data-v-1fd4a9dc] { display: flex; flex: 1; min-height: 0; max-height: none; padding: 10px 25px 20px; background: transparent;
 }
-.music-card .lyrics[data-v-37320336] { flex: 1; min-height: 0; max-height: none;
+.music-card .lyrics[data-v-1fd4a9dc] { flex: 1; min-height: 0; max-height: none;
 }
-.music-card .music-state[data-v-37320336] { flex: 1; min-height: 0;
+.music-card .music-state[data-v-1fd4a9dc] { flex: 1; min-height: 0;
 }
-.music-card .playlist-face[data-v-37320336] { height: 100%; border-radius: 0; background: transparent; box-shadow: none; transform: rotateY(180deg);
+.music-card .playlist-face[data-v-1fd4a9dc] { height: 100%; border-radius: 0; background: transparent; box-shadow: none; transform: rotateY(180deg);
 }
-.music-card .playlist-face header[data-v-37320336] { border-bottom-color: color-mix(in srgb, currentColor 14%, transparent);
+.music-card .playlist-face header[data-v-1fd4a9dc] { border-bottom-color: color-mix(in srgb, currentColor 14%, transparent);
 }
-.music-card .playlist-list button[data-v-37320336]:hover, .music-card .playlist-list button.selected[data-v-37320336] { background: transparent;
+.music-card .playlist-list button[data-v-1fd4a9dc]:hover, .music-card .playlist-list button.selected[data-v-1fd4a9dc] { background: transparent;
 }
-.music-empty[data-v-37320336] { display: grid; width: 100%; height: 100%; min-height: 0; place-content: center; gap: 12px; color: inherit; text-align: center;
+.music-empty[data-v-1fd4a9dc] { display: grid; width: 100%; height: 100%; min-height: 0; place-content: center; gap: 12px; color: inherit; text-align: center;
 }
-.music-empty[data-v-37320336]::before { content: none;
+.music-empty[data-v-1fd4a9dc]::before { content: none;
 }
-.music-empty .iconfont[data-v-37320336] { display: block; width: auto; height: auto; border: 0; border-radius: 0; font-size: 78px; opacity: .68;
+.music-empty .iconfont[data-v-1fd4a9dc] { display: block; width: auto; height: auto; border: 0; border-radius: 0; font-size: 78px; opacity: .68;
 }
-.music-empty:hover .iconfont[data-v-37320336] { opacity: 1; transform: none;
+.music-empty:hover .iconfont[data-v-1fd4a9dc] { opacity: 1; transform: none;
 }
-.music-empty > span[data-v-37320336]:last-child { font-size: 13px; opacity: .58;
+.music-empty > span[data-v-1fd4a9dc]:last-child { font-size: 13px; opacity: .58;
 }
-.music-resizer[data-v-37320336] { position: absolute; z-index: 90; right: 0; bottom: 0; margin: var(--cube-dragger-margin); padding: 10px; border-radius: 50%; cursor: nwse-resize; background: var(--table-dragger-bg); box-shadow: 0 0 10px deeppink; touch-action: none;
+.music-resizer[data-v-1fd4a9dc] { position: absolute; z-index: 90; right: 0; bottom: 0; margin: var(--cube-dragger-margin); padding: 10px; border-radius: 50%; cursor: nwse-resize; background: var(--table-dragger-bg); box-shadow: 0 0 10px deeppink; touch-action: none;
 }
-.music-card .music-state[data-v-37320336] { gap: 8px; padding: 8px 0; color: color-mix(in srgb, currentColor 52%, transparent);
+.music-card .music-state[data-v-1fd4a9dc] { gap: 8px; padding: 8px 0; color: color-mix(in srgb, currentColor 52%, transparent);
 }
-.music-card .music-note[data-v-37320336] { width: auto; height: auto; border-radius: 0; color: inherit; font-size: 36px; background: transparent; box-shadow: none;
+.music-card .music-note[data-v-1fd4a9dc] { width: auto; height: auto; border-radius: 0; color: inherit; font-size: 36px; background: transparent; box-shadow: none;
 }
-.music-card .album-disc[data-v-37320336]::before { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
+.music-card .album-disc[data-v-1fd4a9dc]::before { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
 }
-.music-placeholder[data-v-37320336] { display: block; width: min(190px, 66%); height: 18px; background: linear-gradient(currentColor, currentColor) center top / 100% 4px no-repeat, linear-gradient(currentColor, currentColor) center / 74% 4px no-repeat, linear-gradient(currentColor, currentColor) center bottom / 48% 4px no-repeat; opacity: .16;
+.music-placeholder[data-v-1fd4a9dc] { display: block; width: min(190px, 66%); height: 18px; background: linear-gradient(currentColor, currentColor) center top / 100% 4px no-repeat, linear-gradient(currentColor, currentColor) center / 74% 4px no-repeat, linear-gradient(currentColor, currentColor) center bottom / 48% 4px no-repeat; opacity: .16;
 }
-.music-state.loading .music-placeholder[data-v-37320336] { animation: placeholder-pulse-37320336 1.2s ease-in-out infinite alternate;
+.music-state.loading .music-placeholder[data-v-1fd4a9dc] { animation: placeholder-pulse-1fd4a9dc 1.2s ease-in-out infinite alternate;
 }
-@keyframes spin-37320336 {
+@keyframes spin-1fd4a9dc {
 to { transform: rotate(360deg);
 }
 }
-@keyframes note-pulse-37320336 {
+@keyframes note-pulse-1fd4a9dc {
 from { transform: translateY(2px) scale(.96);
 }
 to { transform: translateY(-4px) scale(1.05);
 }
 }
-@keyframes placeholder-pulse-37320336 {
+@keyframes placeholder-pulse-1fd4a9dc {
 from { opacity: .16;
 }
 to { opacity: .36;
 }
 }
 @media (max-width: 390px) {
-.album-disc[data-v-37320336] { left: 25px; transform: scale(.84); transform-origin: left top;
-}.track-strip[data-v-37320336] { padding-left: 123px;
-}.top-controls[data-v-37320336] { margin-left: 120px;
-}.top-controls button[data-v-37320336] { min-width: 21px; padding-inline: 4px;
+.album-disc[data-v-1fd4a9dc] { left: 25px; transform: scale(.84); transform-origin: left top;
+}.track-strip[data-v-1fd4a9dc] { padding-left: 123px;
+}.top-controls[data-v-1fd4a9dc] { margin-left: 120px;
+}.top-controls button[data-v-1fd4a9dc] { min-width: 21px; padding-inline: 4px;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.music-flip[data-v-37320336], .track-strip[data-v-37320336] { transition-duration: .001ms;
-}.album-disc.playing[data-v-37320336], .music-note.playing[data-v-37320336], .music-state.loading .music-placeholder[data-v-37320336] { animation: none;
+.music-flip[data-v-1fd4a9dc], .track-strip[data-v-1fd4a9dc] { transition-duration: .001ms;
+}.album-disc.playing[data-v-1fd4a9dc], .music-note.playing[data-v-1fd4a9dc], .music-state.loading .music-placeholder[data-v-1fd4a9dc] { animation: none;
 }
 }
 

package/dist/index.d.ts

@@ -3269,17 +3269,62 @@ interface LyricDocument {
 declare function finalize_lyrics(source: LyricDocument["source"], cues: LyricCue[], diagnostics?: LyricDiagnostic[], offsetMs?: number): LyricDocument;
 declare function find_active_cue(document: LyricDocument | undefined, timeMs: number): LyricCue | undefined;
 
+interface MusicPlaybackState {
+    trackKey: string;
+    playing: boolean;
+    currentTime: number;
+    duration: number;
+    error: string;
+}
+/** A single audio output that delegates visible playback state to the active music cube. */
+declare class MusicPlayer {
+    readonly state: {
+        cubeId: string;
+        trackKey: string;
+        playing: boolean;
+        currentTime: number;
+        duration: number;
+        error: string;
+    };
+    protected audio?: HTMLAudioElement;
+    protected cube?: CubeMusic;
+    protected track?: IMusic.Track;
+    protected remove_playing_tip?: () => boolean;
+    is_active(cube: CubeMusic): boolean;
+    protected update_active_playback(patch: Partial<MusicPlaybackState>): void;
+    protected clear_playing_tip(): void;
+    protected show_playing_tip(): void;
+    protected ensure_audio(): HTMLAudioElement | undefined;
+    play(cube: CubeMusic, track: IMusic.Track): Promise<void>;
+    pause(cube?: CubeMusic | undefined): void;
+    stop(): void;
+    toggle(cube: CubeMusic, track: IMusic.Track): Promise<void>;
+    seek(cube: CubeMusic, timeMs: number): void;
+    previous(cube: CubeMusic): void;
+    next(cube: CubeMusic): void;
+    protected switch_track(cube: CubeMusic, direction: -1 | 1): void;
+    stop_for(cube: CubeMusic): void;
+}
+declare const MusicPlayerGlobal: MusicPlayer;
+
 declare class MusicStatus extends CubeStatusBase<IMusic.Data> {
     protected _tracks: vue.ShallowReactive<IMusic.Track[]>;
     protected _lyrics: vue.Ref<LyricDocument | undefined, LyricDocument | undefined>;
     protected _playlist_open: vue.Ref<boolean, boolean>;
+    /** Playback display state belongs to this cube, even though audio output is shared. */
+    protected _player: {
+        trackKey: string;
+        playing: boolean;
+        currentTime: number;
+        duration: number;
+        error: string;
+    };
     readonly active_cue: vue.ComputedRef<LyricCue | undefined>;
     get cube(): CubeMusic;
     get tracks(): IMusic.Track[];
     get lyrics(): LyricDocument | undefined;
     get playlist_open(): boolean;
     get player(): {
-        cubeId: string;
         trackKey: string;
         playing: boolean;
         currentTime: number;
@@ -3290,9 +3335,12 @@ declare class MusicStatus extends CubeStatusBase<IMusic.Data> {
     get is_current_player(): boolean;
     init(): void;
     update_tracks(tracks?: IMusic.Track[]): void;
+    update_attrs(attrs?: Record<string, any>, replace?: boolean): void;
+    update_playback(patch: Partial<MusicPlaybackState>): void;
     toggle_playlist(): void;
     load_current_lyrics(track?: IMusic.Track): Promise<void>;
     select(track: IMusic.Track, play?: boolean): void;
+    protected sync_selected_track(): void;
 }
 
 declare class ReceiverMusic extends ReceiverChild<CubeMusic> {
@@ -3333,42 +3381,6 @@ declare class CubeMusic extends CubeChild<IMusic.Data> {
     gc(): void;
 }
 
-interface MusicPlaybackState {
-    cubeId: string;
-    trackKey: string;
-    playing: boolean;
-    currentTime: number;
-    duration: number;
-    error: string;
-}
-declare class MusicPlayer {
-    readonly state: {
-        cubeId: string;
-        trackKey: string;
-        playing: boolean;
-        currentTime: number;
-        duration: number;
-        error: string;
-    };
-    protected audio?: HTMLAudioElement;
-    protected cube?: CubeMusic;
-    protected track?: IMusic.Track;
-    protected remove_playing_tip?: () => boolean;
-    protected clear_playing_tip(): void;
-    protected show_playing_tip(): void;
-    protected ensure_audio(): HTMLAudioElement | undefined;
-    play(cube: CubeMusic, track: IMusic.Track): Promise<void>;
-    pause(): void;
-    stop(): void;
-    toggle(cube: CubeMusic, track: IMusic.Track): Promise<void>;
-    seek(timeMs: number): void;
-    previous(): void;
-    next(): void;
-    protected switch_track(direction: -1 | 1): void;
-    stop_for(cube: CubeMusic): void;
-}
-declare const MusicPlayerGlobal: MusicPlayer;
-
 declare class AdapterCubeBadge extends CubeAdapterBase {
     get supports_inline_scale(): boolean;
     get meta(): INote.CubeMeta;