feat: 跨平台持久化与版本管理优化

- Cookie 存储从 temp_dir 迁移至 Tauri app_data_dir，兼容 Linux
- 简单统一风格，UI优化
- recentLocal 播放历史持久化到 localStorage
- 添加设置界面可以修改简单的设置

src/views/Discover.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="p-8 text-white">
+  <div class="p-8 text-content">
     <h1 class="text-2xl font-bold mb-4">发现音乐</h1>
 
     <!-- 搜索框 -->
@@ -7,7 +7,7 @@
       v-model="keyword"
       @keyup.enter="handleSearch"
       placeholder="搜索歌曲、歌手、专辑..."
-      class="mb-4 w-full rounded-xl bg-white/10 p-3 text-white placeholder-gray-400 outline-none backdrop-blur"
+      class="mb-4 w-full rounded-xl bg-muted p-3 text-content placeholder-content-2 outline-none backdrop-blur"
     />
 
     <!-- 热门搜索标签（仅在没有搜索且未显示结果时出现） -->
@@ -18,7 +18,7 @@
           v-for="tag in hotTags"
           :key="tag.searchWord"
           @click="searchTag(tag.searchWord)"
-          class="px-3 py-1 rounded-full bg-white/10 hover:bg-white/20 cursor-pointer transition text-sm"
+          class="px-3 py-1 rounded-full bg-muted hover:bg-emphasis cursor-pointer transition text-sm"
         >
           {{ tag.searchWord }}
         </span>
@@ -27,31 +27,31 @@
 
     <!-- 输出设备选择 -->
     <!-- <div class="mb-4">
-      <label class="mr-2 text-sm text-gray-400">输出设备：</label>
-      <select v-model="selectedDevice" @change="changeDevice" class="bg-white/10 text-white rounded p-1 text-sm">
+      <label class="mr-2 text-sm text-content-2">输出设备：</label>
+      <select v-model="selectedDevice" @change="changeDevice" class="bg-muted text-white rounded p-1 text-sm">
         <option :value="null">跟随系统默认</option>
         <option v-for="dev in devices" :key="dev" :value="dev">{{ dev }}</option>
       </select>
     </div> -->
 
     <!-- 搜索结果 -->
-    <div v-if="loading" class="text-gray-400">搜索中...</div>
+    <div v-if="loading" class="text-content-2">搜索中...</div>
     <div v-else class="space-y-3">
       <div
         v-for="song in results"
         :key="song.id"
         @click="playSong(song)"
-        class="flex items-center gap-4 p-3 rounded-xl backdrop-blur-md bg-white/5 hover:bg-white/10 border border-white/5 cursor-pointer transition"
+        class="flex items-center gap-4 p-3 rounded-xl backdrop-blur-md bg-subtle hover:bg-muted border border-line-2 cursor-pointer transition"
       >
         <img :src="song.al?.picUrl" class="w-12 h-12 rounded-lg object-cover" />
         <div>
           <p class="font-medium">{{ song.name }}</p>
-          <p class="text-sm text-gray-400">
+          <p class="text-sm text-content-2">
             {{ song.ar?.map((a: any) => a.name).join(' / ') }}
           </p>
         </div>
       </div>
-      <p v-if="!loading && hasSearched && results.length === 0" class="text-gray-400">无结果</p>
+      <p v-if="!loading && hasSearched && results.length === 0" class="text-content-2">无结果</p>
     </div>
   </div>
 </template>
@@ -120,4 +120,4 @@ async function playSong(song: any) {
   player.play(song);
 }
 
-</script>
+</script>