新增: 音频可视化8种主题+节拍检测+交互效果

web-ui/src/settings/components/WallpaperSection.vue

@@ -34,7 +34,7 @@
       <template v-if="s.theme === 'audio-viz'">
         <div class="flex justify-between items-center px-3.5 py-2 border-t border-[var(--card-divider)]">
           <div class="text-xs font-medium text-[var(--text-muted)]">可视化样式</div>
-          <div class="flex gap-1">
+          <div class="flex flex-wrap gap-1 justify-end">
             <button v-for="st in audioVizStyles" :key="st.value"
               @click="s.audioVizStyle = st.value; go.saveAudioVizStyle(st.value)"
               :class="s.audioVizStyle === st.value
@@ -167,6 +167,14 @@ const audioVizStyles = [
   { value: 'bars', label: '柱状' },
   { value: 'waveform', label: '波形' },
   { value: 'circular', label: '环形' },
+  { value: 'particles', label: '粒子' },
+  { value: 'ripples', label: '涟漪' },
+  { value: 'text', label: '文字' },
+  { value: 'stars', label: '星空' },
+  { value: 'dna', label: 'DNA' },
+  { value: 'matrix', label: '矩阵' },
+  { value: 'jellyfish', label: '水母' },
+  { value: 'aurora', label: '极光' },
 ]
 
 const audioColors = [