deepsky 2.58.26 → 2.58.31

package/dist/index.css

@@ -613,7 +613,7 @@ img[data-v-62fa2be8] {
 
 
 .cube-gallery {
-&[data-v-2010a2f4] {
+&[data-v-3ba52d85] {
     position: relative;
     display: block;
     box-sizing: border-box;
@@ -623,7 +623,20 @@ img[data-v-62fa2be8] {
     margin-block: 8px;
     clear: both;
 }
-.gallery-empty[data-v-2010a2f4] {
+&.dropping[data-v-3ba52d85]::after {
+        position: absolute;
+        z-index: 100;
+        inset: 0;
+        border: 2px dashed var(--selection-bg, #54d8ff);
+        border-radius: 10px;
+        content: "释放以添加图片";
+        display: grid;
+        place-items: center;
+        color: var(--color);
+        background: color-mix(in srgb, var(--page-bg, white) 76%, transparent);
+        pointer-events: none;
+}
+.gallery-empty[data-v-3ba52d85] {
         display: grid;
         place-items: center;
         min-height: 140px;
@@ -633,7 +646,7 @@ img[data-v-62fa2be8] {
         opacity: 0.7;
         cursor: pointer;
 }
-.gallery-dragger[data-v-2010a2f4] {
+.gallery-dragger[data-v-3ba52d85] {
         position: absolute;
         z-index: 90;
         bottom: 0px;
@@ -648,24 +661,28 @@ img[data-v-62fa2be8] {
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.cube-gallery[data-v-2010a2f4] * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important;
+.cube-gallery[data-v-3ba52d85] * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important;
 }
 }
 
 
 .cube-files {
-&[data-v-168f11f4] {
+&[data-v-5ba82c5e] {
     display: block;
     width: min(100%, 960px);
     margin-block: 8px;
     clear: both;
 }
-.files-grid[data-v-168f11f4] {
+&.dropping .files-grid[data-v-5ba82c5e] {
+        outline: 2px dashed var(--selection-bg, #54d8ff);
+        outline-offset: 4px;
+}
+.files-grid[data-v-5ba82c5e] {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
         gap: 10px;
 }
-.file-card[data-v-168f11f4], .file-add[data-v-168f11f4] {
+.file-card[data-v-5ba82c5e], .file-add[data-v-5ba82c5e] {
         position: relative;
         display: grid;
         place-items: center;
@@ -678,15 +695,15 @@ img[data-v-62fa2be8] {
         color: var(--color, #333);
         background: color-mix(in srgb, var(--page-bg, white) 90%, var(--selection-bg, #54d8ff));
 }
-.file-card[data-v-168f11f4] { cursor: pointer;
+.file-card[data-v-5ba82c5e] { cursor: pointer;
 }
-.file-card[data-v-168f11f4]:hover, .file-card[data-v-168f11f4]:focus-visible, .file-add[data-v-168f11f4]:hover, .file-add[data-v-168f11f4]:focus-visible {
+.file-card[data-v-5ba82c5e]:hover, .file-card[data-v-5ba82c5e]:focus-visible, .file-add[data-v-5ba82c5e]:hover, .file-add[data-v-5ba82c5e]:focus-visible {
         outline: 2px solid color-mix(in srgb, var(--selection-bg, #54d8ff) 72%, transparent);
         outline-offset: 2px;
 }
-.file-icon[data-v-168f11f4] { font-size: 42px; line-height: 1;
+.file-icon[data-v-5ba82c5e] { font-size: 42px; line-height: 1;
 }
-.file-name[data-v-168f11f4] {
+.file-name[data-v-5ba82c5e] {
         display: -webkit-box;
         width: 100%;
         min-height: 2.8em;
@@ -698,9 +715,9 @@ img[data-v-62fa2be8] {
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
 }
-.file-meta[data-v-168f11f4] { display: flex; gap: 4px; margin-top: 7px;
+.file-meta[data-v-5ba82c5e] { display: flex; gap: 4px; margin-top: 7px;
 }
-.file-tag[data-v-168f11f4] {
+.file-tag[data-v-5ba82c5e] {
         padding: 2px 5px;
         border-radius: 4px;
         font-size: 10px;
@@ -708,11 +725,11 @@ img[data-v-62fa2be8] {
         color: var(--color, #333);
         background: color-mix(in srgb, var(--selection-bg, #54d8ff) 18%, transparent);
 }
-.file-add[data-v-168f11f4] { min-height: 136px; cursor: pointer; gap: 8px; opacity: 0.72;
+.file-add[data-v-5ba82c5e] { min-height: 136px; cursor: pointer; gap: 8px; opacity: 0.72;
 }
-.file-add .iconfont[data-v-168f11f4] { font-size: 30px;
+.file-add .iconfont[data-v-5ba82c5e] { font-size: 30px;
 }
-.file-remove[data-v-168f11f4] {
+.file-remove[data-v-5ba82c5e] {
         --size: 15px;
         position: absolute;
         top: 5px;
@@ -726,146 +743,148 @@ img[data-v-62fa2be8] {
 }
 
 
-.cube-music[data-v-1548e8dc] { 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-1548e8dc] { position: relative; z-index: 2; height: 220px; overflow: hidden; isolation: isolate; perspective: 1100px;
-}.music-flip[data-v-1548e8dc] { 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-1548e8dc] { transform: rotateY(180deg);
-}.music-face[data-v-1548e8dc] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
-}.music-now[data-v-1548e8dc] { overflow: visible;
-}.track-strip[data-v-1548e8dc] { 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-1548e8dc] { min-width: 0; display: grid; gap: 2px;
-}.track-copy strong[data-v-1548e8dc] { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap;
-}.track-copy span[data-v-1548e8dc] { color: #f86d92; font-size: 11px;
-}.playlist-toggle[data-v-1548e8dc] { width: 28px; height: 28px; border: 0; color: #acaebd; font-size: 18px; cursor: pointer; background: transparent;
-}.music-progress[data-v-1548e8dc] { grid-column: 1 / -1; width: 100%; height: 4px; margin: 5px 0 0; cursor: pointer; accent-color: #fd6d94;
-}
-.player-panel[data-v-1548e8dc] { 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-1548e8dc] { 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-1548e8dc]::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-1548e8dc] { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
-}.album-disc.playing[data-v-1548e8dc] { animation: spin-1548e8dc 5s linear infinite;
-}.album-disc i[data-v-1548e8dc] { position: absolute; inset: 15px; border-radius: inherit; border: 1px solid #ffffff30;
-}.top-controls[data-v-1548e8dc] { display: flex;margin-left: 136px; height: 100%;  align-items: center; justify-content: space-evenly;
-}.top-controls button[data-v-1548e8dc] { 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-1548e8dc]:hover { color: #fd6d94; transform: translateY(-1px);
-}.top-controls .play[data-v-1548e8dc] { color: #fd6d94; font-size: 18px;
-}.top-controls .mode[data-v-1548e8dc], .top-controls .lyric-toggle[data-v-1548e8dc] { font-size: 20px;
-}.top-controls .lyric-toggle.selected[data-v-1548e8dc] { color: #fd6d94;
-}
-.playlist-face[data-v-1548e8dc] { 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-1548e8dc] { 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-1548e8dc] { border: 0; color: #fd6d94; font-size: 24px; cursor: pointer; background: transparent;
-}.playlist-face header strong[data-v-1548e8dc] { font-size: 14px;
-}.playlist-list[data-v-1548e8dc] { flex: 1; box-sizing: border-box; overflow: auto;
-}.playlist-list button[data-v-1548e8dc] { 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-1548e8dc]:hover, .playlist-list button.selected[data-v-1548e8dc] { color: #f86d92; background: #fff2f5;
-}.playlist-list span[data-v-1548e8dc] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-}.playlist-list em[data-v-1548e8dc] { font-size: 11px; font-style: normal; opacity: .6;
-}.playlist-list .playlist-add[data-v-1548e8dc] { justify-content: center; color: #a9aab5;
-}
-.lyrics-section[data-v-1548e8dc] { 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-1548e8dc] { max-height: 285px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; text-align: center; scrollbar-width: none;
-}.lyrics[data-v-1548e8dc]::-webkit-scrollbar { display: none;
-}.lyrics p[data-v-1548e8dc] { margin: 10px 0; color: #737788; opacity: .42; transition: .18s; cursor: pointer;
-}.lyrics p.active[data-v-1548e8dc] { color: #f86d92; font-size: 17px; font-weight: 700; opacity: 1;
-}.lyrics p span + span[data-v-1548e8dc]::before { content: '\A'; white-space: pre;
-}.music-state[data-v-1548e8dc] { display: grid; min-height: 112px; place-items: center; align-content: center; gap: 10px; color: #9699a7;
-}.music-note[data-v-1548e8dc] { 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-1548e8dc] { animation: note-pulse-1548e8dc 1.05s ease-in-out infinite alternate;
-}.music-empty[data-v-1548e8dc] { 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-1548e8dc]::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-1548e8dc]:hover::before { opacity: .2; transform: translate(-50%, -50%) scale(1.08);
-}.music-empty-content[data-v-1548e8dc] { 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-1548e8dc] { 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-1548e8dc] { opacity: 1; transform: scale(1.06);
-}.music-empty strong[data-v-1548e8dc] { font-size: 14px; font-weight: 600;
-}.music-empty small[data-v-1548e8dc] { font-size: 12px; opacity: .55;
+.cube-music[data-v-31358bf4] { 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);
+}
+.cube-music.dropping[data-v-31358bf4]::after { position: absolute; z-index: 100; inset: 0; border: 2px dashed var(--selection-bg, #fd6d94); border-radius: inherit; content: "释放以添加音频和歌词"; display: grid; place-items: center; color: var(--color); background: color-mix(in srgb, var(--page-bg, white) 76%, transparent); pointer-events: none;
+}
+.music-top[data-v-31358bf4] { position: relative; z-index: 2; height: 220px; overflow: hidden; isolation: isolate; perspective: 1100px;
+}.music-flip[data-v-31358bf4] { 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-31358bf4] { transform: rotateY(180deg);
+}.music-face[data-v-31358bf4] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
+}.music-now[data-v-31358bf4] { overflow: visible;
+}.track-strip[data-v-31358bf4] { 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-31358bf4] { min-width: 0; display: grid; gap: 2px;
+}.track-copy strong[data-v-31358bf4] { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap;
+}.track-copy span[data-v-31358bf4] { color: #f86d92; font-size: 11px;
+}.playlist-toggle[data-v-31358bf4] { width: 28px; height: 28px; border: 0; color: #acaebd; font-size: 18px; cursor: pointer; background: transparent;
+}.music-progress[data-v-31358bf4] { grid-column: 1 / -1; width: 100%; height: 4px; margin: 5px 0 0; cursor: pointer; accent-color: #fd6d94;
+}
+.player-panel[data-v-31358bf4] { 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-31358bf4] { 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-31358bf4]::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-31358bf4] { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
+}.album-disc.playing[data-v-31358bf4] { animation: spin-31358bf4 5s linear infinite;
+}.album-disc i[data-v-31358bf4] { position: absolute; inset: 15px; border-radius: inherit; border: 1px solid #ffffff30;
+}.top-controls[data-v-31358bf4] { display: flex;margin-left: 136px; height: 100%;  align-items: center; justify-content: space-evenly;
+}.top-controls button[data-v-31358bf4] { 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-31358bf4]:hover { color: #fd6d94; transform: translateY(-1px);
+}.top-controls .play[data-v-31358bf4] { color: #fd6d94; font-size: 18px;
+}.top-controls .mode[data-v-31358bf4], .top-controls .lyric-toggle[data-v-31358bf4] { font-size: 20px;
+}.top-controls .lyric-toggle.selected[data-v-31358bf4] { color: #fd6d94;
+}
+.playlist-face[data-v-31358bf4] { 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-31358bf4] { 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-31358bf4] { border: 0; color: #fd6d94; font-size: 24px; cursor: pointer; background: transparent;
+}.playlist-face header strong[data-v-31358bf4] { font-size: 14px;
+}.playlist-list[data-v-31358bf4] { flex: 1; box-sizing: border-box; overflow: auto;
+}.playlist-list button[data-v-31358bf4] { 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-31358bf4]:hover, .playlist-list button.selected[data-v-31358bf4] { color: #f86d92; background: #fff2f5;
+}.playlist-list span[data-v-31358bf4] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}.playlist-list em[data-v-31358bf4] { font-size: 11px; font-style: normal; opacity: .6;
+}.playlist-list .playlist-add[data-v-31358bf4] { justify-content: center; color: #a9aab5;
+}
+.lyrics-section[data-v-31358bf4] { 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-31358bf4] { max-height: 285px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; text-align: center; scrollbar-width: none;
+}.lyrics[data-v-31358bf4]::-webkit-scrollbar { display: none;
+}.lyrics p[data-v-31358bf4] { margin: 10px 0; color: #737788; opacity: .42; transition: .18s; cursor: pointer;
+}.lyrics p.active[data-v-31358bf4] { color: #f86d92; font-size: 17px; font-weight: 700; opacity: 1;
+}.lyrics p span + span[data-v-31358bf4]::before { content: '\A'; white-space: pre;
+}.music-state[data-v-31358bf4] { display: grid; min-height: 112px; place-items: center; align-content: center; gap: 10px; color: #9699a7;
+}.music-note[data-v-31358bf4] { 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-31358bf4] { animation: note-pulse-31358bf4 1.05s ease-in-out infinite alternate;
+}.music-empty[data-v-31358bf4] { 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-31358bf4]::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-31358bf4]:hover::before { opacity: .2; transform: translate(-50%, -50%) scale(1.08);
+}.music-empty-content[data-v-31358bf4] { 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-31358bf4] { 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-31358bf4] { opacity: 1; transform: scale(1.06);
+}.music-empty strong[data-v-31358bf4] { font-size: 14px; font-weight: 600;
+}.music-empty small[data-v-31358bf4] { 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-1548e8dc] { background: transparent;
+.cube-music[data-v-31358bf4] { background: transparent;
 }
-.music-card[data-v-1548e8dc] { position: relative; width: 100%; height: 100%; perspective: 1100px;
+.music-card[data-v-31358bf4] { position: relative; width: 100%; height: 100%; perspective: 1100px;
 }
-.music-card .music-flip[data-v-1548e8dc] { 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-31358bf4] { 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-1548e8dc] { transform: rotateY(180deg);
+.music-card.flipped .music-flip[data-v-31358bf4] { transform: rotateY(180deg);
 }
-.music-card .music-face[data-v-1548e8dc] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
+.music-card .music-face[data-v-31358bf4] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
 }
-.music-card:not(.flipped) .playlist-face[data-v-1548e8dc], .music-card.flipped .music-now[data-v-1548e8dc] { pointer-events: none;
+.music-card:not(.flipped) .playlist-face[data-v-31358bf4], .music-card.flipped .music-now[data-v-31358bf4] { pointer-events: none;
 }
-.music-card .music-now[data-v-1548e8dc] { display: flex; overflow: hidden; flex-direction: column;
+.music-card .music-now[data-v-31358bf4] { display: flex; overflow: hidden; flex-direction: column;
 }
-.music-card .music-top[data-v-1548e8dc] { position: relative; z-index: auto; flex: 0 0 220px; height: 220px; overflow: hidden; isolation: auto; perspective: none;
+.music-card .music-top[data-v-31358bf4] { 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-1548e8dc] { flex-basis: 100%; height: 100%;
+.music-card .music-now.without-lyrics .music-top[data-v-31358bf4] { flex-basis: 100%; height: 100%;
 }
-.music-card .track-strip[data-v-1548e8dc] { background: transparent; border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
+.music-card .track-strip[data-v-31358bf4] { background: transparent; border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
 }
-.music-card .player-panel[data-v-1548e8dc] { background: transparent; box-shadow: none;
+.music-card .player-panel[data-v-31358bf4] { background: transparent; box-shadow: none;
 }
-.music-card .lyrics-section[data-v-1548e8dc] { display: flex; flex: 1; min-height: 0; max-height: none; padding: 10px 25px 20px; background: transparent;
+.music-card .lyrics-section[data-v-31358bf4] { display: flex; flex: 1; min-height: 0; max-height: none; padding: 10px 25px 20px; background: transparent;
 }
-.music-card .lyrics[data-v-1548e8dc] { flex: 1; min-height: 0; max-height: none;
+.music-card .lyrics[data-v-31358bf4] { flex: 1; min-height: 0; max-height: none;
 }
-.music-card .music-state[data-v-1548e8dc] { flex: 1; min-height: 0;
+.music-card .music-state[data-v-31358bf4] { flex: 1; min-height: 0;
 }
-.music-card .playlist-face[data-v-1548e8dc] { height: 100%; border-radius: 0; background: transparent; box-shadow: none; transform: rotateY(180deg);
+.music-card .playlist-face[data-v-31358bf4] { height: 100%; border-radius: 0; background: transparent; box-shadow: none; transform: rotateY(180deg);
 }
-.music-card .playlist-face header[data-v-1548e8dc] { border-bottom-color: color-mix(in srgb, currentColor 14%, transparent);
+.music-card .playlist-face header[data-v-31358bf4] { border-bottom-color: color-mix(in srgb, currentColor 14%, transparent);
 }
-.music-card .playlist-list button[data-v-1548e8dc]:hover, .music-card .playlist-list button.selected[data-v-1548e8dc] { background: transparent;
+.music-card .playlist-list button[data-v-31358bf4]:hover, .music-card .playlist-list button.selected[data-v-31358bf4] { background: transparent;
 }
-.music-empty[data-v-1548e8dc] { display: grid; width: 100%; height: 100%; min-height: 0; place-content: center; gap: 12px; color: inherit; text-align: center;
+.music-empty[data-v-31358bf4] { display: grid; width: 100%; height: 100%; min-height: 0; place-content: center; gap: 12px; color: inherit; text-align: center;
 }
-.music-empty[data-v-1548e8dc]::before { content: none;
+.music-empty[data-v-31358bf4]::before { content: none;
 }
-.music-empty .iconfont[data-v-1548e8dc] { display: block; width: auto; height: auto; border: 0; border-radius: 0; font-size: 78px; opacity: .68;
+.music-empty .iconfont[data-v-31358bf4] { display: block; width: auto; height: auto; border: 0; border-radius: 0; font-size: 78px; opacity: .68;
 }
-.music-empty:hover .iconfont[data-v-1548e8dc] { opacity: 1; transform: none;
+.music-empty:hover .iconfont[data-v-31358bf4] { opacity: 1; transform: none;
 }
-.music-empty > span[data-v-1548e8dc]:last-child { font-size: 13px; opacity: .58;
+.music-empty > span[data-v-31358bf4]:last-child { font-size: 13px; opacity: .58;
 }
-.music-resizer[data-v-1548e8dc] { 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-31358bf4] { 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-1548e8dc] { gap: 8px; padding: 8px 0; color: color-mix(in srgb, currentColor 52%, transparent);
+.music-card .music-state[data-v-31358bf4] { gap: 8px; padding: 8px 0; color: color-mix(in srgb, currentColor 52%, transparent);
 }
-.music-card .music-note[data-v-1548e8dc] { width: auto; height: auto; border-radius: 0; color: inherit; font-size: 36px; background: transparent; box-shadow: none;
+.music-card .music-note[data-v-31358bf4] { width: auto; height: auto; border-radius: 0; color: inherit; font-size: 36px; background: transparent; box-shadow: none;
 }
-.music-card .album-disc[data-v-1548e8dc]::before { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
+.music-card .album-disc[data-v-31358bf4]::before { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
 }
-.music-placeholder[data-v-1548e8dc] { 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-31358bf4] { 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-1548e8dc] { animation: placeholder-pulse-1548e8dc 1.2s ease-in-out infinite alternate;
+.music-state.loading .music-placeholder[data-v-31358bf4] { animation: placeholder-pulse-31358bf4 1.2s ease-in-out infinite alternate;
 }
-@keyframes spin-1548e8dc {
+@keyframes spin-31358bf4 {
 to { transform: rotate(360deg);
 }
 }
-@keyframes note-pulse-1548e8dc {
+@keyframes note-pulse-31358bf4 {
 from { transform: translateY(2px) scale(.96);
 }
 to { transform: translateY(-4px) scale(1.05);
 }
 }
-@keyframes placeholder-pulse-1548e8dc {
+@keyframes placeholder-pulse-31358bf4 {
 from { opacity: .16;
 }
 to { opacity: .36;
 }
 }
 @media (max-width: 390px) {
-.album-disc[data-v-1548e8dc] { left: 25px; transform: scale(.84); transform-origin: left top;
-}.track-strip[data-v-1548e8dc] { padding-left: 123px;
-}.top-controls[data-v-1548e8dc] { margin-left: 120px;
-}.top-controls button[data-v-1548e8dc] { min-width: 21px; padding-inline: 4px;
+.album-disc[data-v-31358bf4] { left: 25px; transform: scale(.84); transform-origin: left top;
+}.track-strip[data-v-31358bf4] { padding-left: 123px;
+}.top-controls[data-v-31358bf4] { margin-left: 120px;
+}.top-controls button[data-v-31358bf4] { min-width: 21px; padding-inline: 4px;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.music-flip[data-v-1548e8dc], .track-strip[data-v-1548e8dc] { transition-duration: .001ms;
-}.album-disc.playing[data-v-1548e8dc], .music-note.playing[data-v-1548e8dc], .music-state.loading .music-placeholder[data-v-1548e8dc] { animation: none;
+.music-flip[data-v-31358bf4], .track-strip[data-v-31358bf4] { transition-duration: .001ms;
+}.album-disc.playing[data-v-31358bf4], .music-note.playing[data-v-31358bf4], .music-state.loading .music-placeholder[data-v-31358bf4] { animation: none;
 }
 }
 
@@ -4970,7 +4989,7 @@ small[data-v-51900102] {
 }
 
 
-.box-input[data-v-d7f52fd2] {
+.box-input[data-v-2068aec7] {
     position: relative;
     margin: 8px 0px;
     border-radius: 8px;
@@ -4979,7 +4998,7 @@ small[data-v-51900102] {
     box-shadow: var(--ui-base-input-overlay-shadow);
     overflow: hidden;
 }
-.box-input[data-v-d7f52fd2]::before {
+.box-input[data-v-2068aec7]::before {
     content: "";
     position: absolute;
     inset: 1px;
@@ -4987,7 +5006,7 @@ small[data-v-51900102] {
     background: var(--ui-base-input-container-gradient);
     pointer-events: none;
 }
-.box-input input[data-v-d7f52fd2] {
+.box-input input[data-v-2068aec7] {
     position: relative;
     z-index: 1;
     background: var(--ui-base-input-bg);
@@ -5002,11 +5021,11 @@ small[data-v-51900102] {
     box-sizing: border-box;
     transition: all 0.3s ease;
 }
-.box-input input[data-v-d7f52fd2]:focus {
+.box-input input[data-v-2068aec7]:focus {
     border-color: var(--ui-base-input-border-focus);
     box-shadow: var(--ui-base-input-shadow-focus);
 }
-.box-input div[data-v-d7f52fd2] {
+.box-input div[data-v-2068aec7] {
     z-index: 2;
     transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
     position: absolute;
@@ -5026,12 +5045,19 @@ small[data-v-51900102] {
     clip-path: circle(150% at right bottom);
     text-shadow: var(--ui-base-input-text-shadow);
 }
-.box-input input:focus + div[data-v-d7f52fd2],
-.box-input.has-value div[data-v-d7f52fd2] {
+.box-input input:focus + div[data-v-2068aec7],
+.box-input.has-value div[data-v-2068aec7] {
     opacity: 0;
     clip-path: circle(0px at left bottom);
     scale: 0.9 0.9;
 }
+@media (prefers-color-scheme: dark) {
+.box-input[data-v-2068aec7] {
+        /* Themes provide a light transparent input by default. Give it an opaque dark surface. */
+        --ui-base-input-bg: var(--menu-bg, var(--page-bg, #1a1a2e));
+        --ui-base-input-container-gradient: var(--menu-bg, var(--page-bg, #1a1a2e));
+}
+}
 
 
 /* ── 右上角关闭按钮（覆盖 dialog-common 默认样式） ── */
@@ -8410,12 +8436,12 @@ to { transform: rotate(360deg) translateX(var(--orbit)) rotate(-360deg);
 
 
 .sidebar-config {
-&[data-v-930f2040] {
+&[data-v-21909e69] {
     user-select: none;
     padding-bottom: 6px;
 }
 .config-box {
-&[data-v-930f2040] {
+&[data-v-21909e69] {
         /* display: grid;
         grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); */
         column-width: 300px;
@@ -8423,7 +8449,7 @@ to { transform: rotate(360deg) translateX(var(--orbit)) rotate(-360deg);
         padding: 4px;
 }
 .config-group {
-&[data-v-930f2040] {
+&[data-v-21909e69] {
             display: flex;
             flex-flow: column nowrap;
             gap: 4px;
@@ -8436,11 +8462,11 @@ to { transform: rotate(360deg) translateX(var(--orbit)) rotate(-360deg);
             min-width: 0;
             margin-bottom: 8px;
 }
-.active[data-v-930f2040] {
+.active[data-v-21909e69] {
                 color: var(--ui-config-active-icon-color);
                 text-shadow: 0px 0px 4px var(--ui-config-active-icon-color);
 }
-.config-title[data-v-930f2040] {
+.config-title[data-v-21909e69] {
                 display: flex;
                 justify-content: center;
                 align-items: center;
@@ -8453,7 +8479,7 @@ to { transform: rotate(360deg) translateX(var(--orbit)) rotate(-360deg);
                 margin-bottom: 2px;
 }
 .config-item {
-&[data-v-930f2040] {
+&[data-v-21909e69] {
                 display: flex;
                 gap: 10px;
                 align-items: center;
@@ -8463,37 +8489,54 @@ to { transform: rotate(360deg) translateX(var(--orbit)) rotate(-360deg);
                 margin: 0 4px;
                 transition: background 0.18s ease;
 }
-&[data-v-930f2040]:hover {
+&[data-v-21909e69]:hover {
                     background: var(--ui-config-item-hover-bg);
 }
-.color-cube[data-v-930f2040] {
+.color-cube[data-v-21909e69] {
                     border-radius: 4px;
                     padding: 10px;
 }
 .flexbox {
-&[data-v-930f2040] {
+&[data-v-21909e69] {
                     display: flex;
                     flex-flow: row nowrap;
                     gap: 6px;
                     padding: 6px 10px;
 }
-.iconfont[data-v-930f2040] {
+.iconfont[data-v-21909e69] {
                         font-size: 24px;
 }
-.iconfont[data-v-930f2040]:hover {
+.iconfont[data-v-21909e69]:hover {
                         color: var(--ui-config-active-icon-color);
                         text-shadow: 0px 0px 4px var(--ui-config-active-icon-color);
 }
 }
-.iconfont[data-v-930f2040]::before {
+.iconfont[data-v-21909e69]::before {
                     margin-right: 5px;
 }
-.el-slider[data-v-930f2040] {
+.el-slider[data-v-21909e69] {
                     width: 100%;
                     min-width: 120px;
                     max-width: 250px;
 }
-.config-item-name[data-v-930f2040] {
+.config-control-with-hint {
+&[data-v-21909e69] {
+                    display: grid;
+                    flex: 1;
+                    min-width: 120px;
+                    gap: 2px;
+}
+.el-slider[data-v-21909e69] {
+                        width: 100%;
+                        max-width: 250px;
+}
+span[data-v-21909e69] {
+                        color: color-mix(in srgb, var(--ui-config-item-name-color) 68%, transparent);
+                        font-size: 11px;
+                        line-height: 1.35;
+}
+}
+.config-item-name[data-v-21909e69] {
                     padding: 2px 7px;
                     background: var(--ui-config-item-name-bg);
                     color: var(--ui-config-item-name-color);