fix: hide bottom bar when choices panel is visible

src/App.vue

@@ -346,6 +346,7 @@ init()
         :current-speed="currentSpeed"
         :visible="showTopBar"
         :show-quality="!isLocalMode"
+        :hide="store.choices.length > 0"
         @skip="handleSkip"
         @speed-change="handleSpeedChange"
       />

src/components/PlaybackBar.vue

@@ -11,6 +11,7 @@ const props = defineProps<{
   currentSpeed: number
   visible: boolean
   showQuality: boolean
+  hide: boolean
 }>()
 
 const emit = defineEmits<{
@@ -35,12 +36,12 @@ onMounted(() => updateLabel(props.currentSpeed))
 </script>
 
 <template>
-  <div class="bottom-bar left" :class="{ hidden: !visible }">
+  <div class="bottom-bar left" :class="{ hidden: !visible }" v-if="!hide">
     <button v-if="canSkip" class="bb-btn skip-btn" @click="emit('skip')">{{ t('ui.skip') }}</button>
     <button class="bb-btn" @click="toggleSpeed">{{ speedLabel }}</button>
   </div>
 
-  <div v-if="showQuality" class="bottom-bar right" :class="{ hidden: !visible }">
+  <div v-if="showQuality && !hide" class="bottom-bar right" :class="{ hidden: !visible }">
     <select class="bb-select" :value="store.preferredQuality" @change="store.setPreferredQuality(($event.target as HTMLSelectElement).value)">
       <option value="">自动</option>
       <option value="超清 (1080P)">超清 (1080P)</option>