fix: volume styling and mini bar switch bug

src/abs.js

@@ -263,8 +263,9 @@ export function absTogglePlay() {
 }
 
 export function absInterrupt() {
+  // Always hide the ABS bar when music takes over, regardless of ABS play state
+  if (_absMiniVisible) { _absMiniVisible = false; _renderMiniBar(); }
   if (!S.absPlayer.item || !S.absPlayer.playing) return;
-  _absMiniVisible = false; // music is taking over — hide ABS bar until ABS plays again
   _getAudio().pause();
 }
 

styles.css

@@ -965,8 +965,8 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
 .abs-mini-open{background:none;border:none;color:var(--text2);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
 .abs-mini-open:hover{color:var(--text)}
 .abs-hbtn.active{color:var(--accent)}
-.abs-volume-row{display:flex;align-items:center;gap:10px;padding:0 24px 14px}
+.abs-volume-row{display:flex;align-items:center;gap:8px;padding:0 24px 16px;width:220px;margin:0 auto}
 .abs-vol-slider{flex:1;-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;background:var(--surface2);outline:none;cursor:pointer}
-.abs-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}
-.abs-vol-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}
+.abs-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer}
+.abs-vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}
 @media(max-width:768px){.abs-mini-bar{bottom:80px;height:var(--player-h)}}