feat: 皮肤系统重构、seek暂停修复、本地音乐优化、外观一体化

- 重构皮肤系统：提取 skins.ts 管理预设皮肤，CSS 变量由 JS 动态设置

- 提取公共 color.ts 工具函数（hexToRgba/toHex），消除重复定义

- 修复 seek 时暂停状态丢失的 bug（后端 audio_paused 状态保留）

- 本地音乐页面：循环排序切换、三点菜单、打开所在文件夹

- 本地音乐文件夹管理：支持启用/禁用切换，兼容旧数据迁移

- 新增 show_item_in_folder 命令（Windows/macOS/Linux 跨平台）

- 外观一体化：有壁纸时 TitleBar/Sidebar 透明，PlayerBar 统一透明度+backdrop-blur

- 进度条外层直角、内层填充圆角

- 滚动条默认透明，悬停时显示

- 移除 PageHeader 粘性栏

- 内存优化：keep-alive TTL 5min、pageCache TTL 30min/上限30条、colorCache 上限200

- recentLocal 防抖写入、播放器 tick interval 500ms

src/components/TitleBar.vue

@@ -2,7 +2,7 @@
   <div
     data-tauri-drag-region
     class="h-10 flex items-center justify-between px-4 flex-shrink-0 select-none relative z-10"
-    :class="darkMode ? '' : 'bg-surface/90 backdrop-blur'"
+    :style="titleBarBgStyle"
   >
     <slot name="left">
       <span v-if="!darkMode" class="text-xs text-content-3 font-medium ml-2">Nekosonic Music</span>
@@ -16,16 +16,28 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue';
 import { getCurrentWindow } from '@tauri-apps/api/window';
+import { useSettingsStore } from '../stores/settings';
 
-defineProps<{
+const props = defineProps<{
   darkMode?: boolean;
+  transparent?: boolean;
 }>();
 
 defineEmits<{
   close: [];
 }>();
 
+const settings = useSettingsStore();
+
+const titleBarBgStyle = computed(() => {
+  if (props.transparent) return {};
+  if (settings.currentWallpaper.path) return {}; // 有壁纸时透明，由遮罩层统一提供背景
+  if (props.darkMode) return {};
+  return { backgroundColor: settings.currentColors.surface };
+});
+
 const currentWindow = getCurrentWindow();
 
 function minimizeWindow() {