From 1797c8f9c5175c84ca51574aa4dedbe6408777ef Mon Sep 17 00:00:00 2001
From: imsyy <one@imsyy.top>
Date: Thu, 21 May 2026 01:00:17 +0800
Subject: [PATCH 01/14] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE=E5=99=A8=E6=AD=8C=E8=AF=8D=E6=B8=B2=E6=9F=93=E7=9A=84?=
 =?UTF-8?q?=20GPU=20=E5=8D=A0=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/player/FullPlayer/PlayerBackground.vue | 2 +-
 src/components/player/Lyrics/engine/index.ts          | 9 ++++++++-
 src/components/player/Lyrics/index.vue                | 2 --
 src/components/player/Lyrics/renderer.css             | 7 -------
 4 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/components/player/FullPlayer/PlayerBackground.vue b/src/components/player/FullPlayer/PlayerBackground.vue
index 545cf77..4f9db7e 100644
--- a/src/components/player/FullPlayer/PlayerBackground.vue
+++ b/src/components/player/FullPlayer/PlayerBackground.vue
@@ -112,7 +112,6 @@ onBeforeUnmount(() => {
   position: absolute;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.5);
-  backdrop-filter: blur(100px) saturate(1.2);
 }
 
 /* 模糊模式 */
@@ -128,6 +127,7 @@ onBeforeUnmount(() => {
   height: 100%;
   object-fit: cover;
   transform: scale(1.5);
+  filter: blur(45px) saturate(1.2);
   opacity: 0;
   transition: opacity 0.5s ease-in-out;
 }
diff --git a/src/components/player/Lyrics/engine/index.ts b/src/components/player/Lyrics/engine/index.ts
index c69b584..cfbfabb 100644
--- a/src/components/player/Lyrics/engine/index.ts
+++ b/src/components/player/Lyrics/engine/index.ts
@@ -903,7 +903,10 @@ export class LyricRenderer {
         const blurKey = blurCurrent.toFixed(2);
         if (this.cachedBlurKeys[i] !== blurKey) {
           this.cachedBlurKeys[i] = blurKey;
-          this.lineElements[i].style.setProperty("--blur", blurKey);
+          // 仅在确有模糊时挂 filter，归零时移除，避免非模糊行常驻 filter 合成层
+          const lineStyle = this.lineElements[i].style;
+          if (blurCurrent > 0.01) lineStyle.filter = `blur(${(blurCurrent * 1.5).toFixed(2)}px)`;
+          else lineStyle.removeProperty("filter");
         }
       }
     }
@@ -1014,6 +1017,10 @@ export class LyricRenderer {
       // 所有动画完成后触发清理
       anim.onfinish = tryCleanup;
     }
+    // 已结束或暂停的动画不会再触发 onfinish，主动计入，避免该行动画永不被清理
+    for (const anim of anims) {
+      if (anim.playState === "finished" || anim.playState === "paused") tryCleanup();
+    }
   };
 
   /** 清理所有非激活行的残留动画，释放合成资源 */
diff --git a/src/components/player/Lyrics/index.vue b/src/components/player/Lyrics/index.vue
index 09d8458..b38107f 100644
--- a/src/components/player/Lyrics/index.vue
+++ b/src/components/player/Lyrics/index.vue
@@ -157,7 +157,6 @@ const handleLineClick = (timeMs: number) => {
 };
 
 onMounted(() => {
-  console.log("[LyricPlayer] onMounted");
   if (!containerRef.value) return;
   const { lyricLines: _lyricLines, ...config } = props;
   renderer = new LyricRenderer(containerRef.value, {
@@ -171,7 +170,6 @@ onMounted(() => {
 });
 
 onUnmounted(() => {
-  console.log("[LyricPlayer] onUnmounted");
   renderer?.dispose();
   renderer = null;
 });
diff --git a/src/components/player/Lyrics/renderer.css b/src/components/player/Lyrics/renderer.css
index 1c624a7..98d8097 100644
--- a/src/components/player/Lyrics/renderer.css
+++ b/src/components/player/Lyrics/renderer.css
@@ -33,14 +33,10 @@
   transform-origin: left;
   opacity: var(--lp-inactive-opacity, 0.3);
   contain: content;
-  will-change: transform, filter;
-  backface-visibility: hidden;
   transition: opacity 0.3s ease;
   pointer-events: none;
   --ba: 0.2;
   --da: 0.2;
-  --blur: 0;
-  filter: blur(calc(var(--blur) * 1.5px));
 
   &.active {
     opacity: var(--lp-active-opacity, 1);
@@ -117,7 +113,6 @@
     display: inline-block;
     white-space: pre-wrap;
     vertical-align: bottom;
-    backface-visibility: hidden;
   }
 
   /* 强调单词包裹层（逐字符拆分的容器） */
@@ -125,14 +120,12 @@
     display: inline-block;
     white-space: pre;
     vertical-align: bottom;
-    backface-visibility: hidden;
     /* 为缩放/辉光溢出预留空间，负 margin 抵消布局影响 */
     padding: 1em;
     margin: -1em;
 
     & > span {
       display: inline-block;
-      backface-visibility: hidden;
       padding: 1em;
       margin: -1em;
     }

From d83934d253ec9fd202b56b346d0e974069c1d9ec Mon Sep 17 00:00:00 2001
From: imsyy <imsyy1024@gmail.com>
Date: Thu, 21 May 2026 11:31:53 +0800
Subject: [PATCH 02/14] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E9=A1=B5=E9=9D=A2=E7=9A=84=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 electron/main/services/thumbar.ts   |  5 +++
 electron/main/window/main.ts        |  2 +-
 index.html                          |  4 +--
 shared/defaults/hotkeys.ts          |  6 ++++
 shared/types/hotkey.ts              |  3 +-
 src/components/layout/NavSearch.vue |  8 ++++-
 src/core/hotkey/registry.ts         |  4 +++
 src/core/player/index.ts            |  2 +-
 src/i18n/locales/en-US.json         | 48 +++++------------------------
 src/i18n/locales/zh-CN.json         | 48 +++++------------------------
 src/pages/Cloud.vue                 | 10 +-----
 src/pages/Liked.vue                 | 10 +-----
 src/stores/history.ts               | 21 ++++++++-----
 src/stores/status.ts                |  3 ++
 14 files changed, 63 insertions(+), 111 deletions(-)

diff --git a/electron/main/services/thumbar.ts b/electron/main/services/thumbar.ts
index bb7028d..7304e79 100644
--- a/electron/main/services/thumbar.ts
+++ b/electron/main/services/thumbar.ts
@@ -23,6 +23,7 @@ class ThumbarImpl implements Thumbar {
   private pause: ThumbarButton;
   private isPlaying: boolean = false;
   private onThemeUpdated: () => void;
+  private onWindowShown: () => void;
 
   constructor(win: BrowserWindow) {
     this.win = win;
@@ -57,9 +58,13 @@ class ThumbarImpl implements Thumbar {
       this.updateThumbar(this.isPlaying);
     };
     nativeTheme.on("updated", this.onThemeUpdated);
+    // 窗口从托盘恢复显示后系统会清空任务栏按钮，需重新下发一次
+    this.onWindowShown = () => this.updateThumbar(this.isPlaying);
+    win.on("show", this.onWindowShown);
     // 窗口销毁时移除监听
     win.on("closed", () => {
       nativeTheme.removeListener("updated", this.onThemeUpdated);
+      win.removeListener("show", this.onWindowShown);
     });
   }
 
diff --git a/electron/main/window/main.ts b/electron/main/window/main.ts
index 3191dd6..7f8debf 100644
--- a/electron/main/window/main.ts
+++ b/electron/main/window/main.ts
@@ -43,7 +43,7 @@ export const createMainWindow = (): BrowserWindow => {
   initTray();
 
   // 缩略图工具栏
-  mainWindow.once("ready-to-show", () => {
+  mainWindow.webContents.once("did-finish-load", () => {
     initThumbar(mainWindow!);
   });
 
diff --git a/index.html b/index.html
index 8f1125b..3cb7d4e 100644
--- a/index.html
+++ b/index.html
@@ -104,8 +104,8 @@
         text-align: center;
         font-size: 12px;
         font-family:
-          -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
-          "Microsoft YaHei", sans-serif;
+          -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei",
+          sans-serif;
         animation: splash-rise-footer 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.36s both;
       }
       @keyframes splash-rise {
diff --git a/shared/defaults/hotkeys.ts b/shared/defaults/hotkeys.ts
index e454056..a8082a0 100644
--- a/shared/defaults/hotkeys.ts
+++ b/shared/defaults/hotkeys.ts
@@ -127,6 +127,12 @@ export const HOTKEY_ACTIONS: HotkeyActionMeta[] = [
     defaultBinding: { inApp: "CommandOrControl+P", global: null },
     allowGlobal: false,
   },
+  {
+    id: "view.openSearch",
+    labelKey: "settings.hotkeys.actions.openSearch",
+    defaultBinding: { inApp: "CommandOrControl+F", global: null },
+    allowGlobal: false,
+  },
 ];
 
 /** 默认绑定表（HotkeyBindingsMap） */
diff --git a/shared/types/hotkey.ts b/shared/types/hotkey.ts
index 6aaade6..14aa70e 100644
--- a/shared/types/hotkey.ts
+++ b/shared/types/hotkey.ts
@@ -18,7 +18,8 @@ export type HotkeyActionId =
   | "window.toggleTaskbarLyric"
   | "view.openPlayer"
   | "view.closePlayer"
-  | "view.togglePlaylist";
+  | "view.togglePlaylist"
+  | "view.openSearch";
 
 /** 单个动作的两条作用域绑定 */
 export interface HotkeyBinding {
diff --git a/src/components/layout/NavSearch.vue b/src/components/layout/NavSearch.vue
index 576e4b5..705e0cd 100644
--- a/src/components/layout/NavSearch.vue
+++ b/src/components/layout/NavSearch.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useDataStore } from "@/stores/data";
+import { useStatusStore } from "@/stores/status";
 import { getHotSearches, type HotSearchItem } from "@/apis/search/hot";
 import { getSearchSuggest, type SuggestData } from "@/apis/search/suggest";
 import { songsByIds as getNeteaseSongsByIds } from "@/apis/song/netease";
@@ -9,8 +10,13 @@ import * as player from "@/core/player";
 const { t, locale } = useI18n();
 const router = useRouter();
 const data = useDataStore();
+const status = useStatusStore();
 
-const dialogOpen = ref(false);
+/** 弹窗开关挂在 status store，便于快捷键打开 */
+const dialogOpen = computed({
+  get: () => status.searchOpen,
+  set: (value: boolean) => (status.searchOpen = value),
+});
 const searchQuery = ref("");
 
 const trimmedQuery = computed(() => searchQuery.value.trim());
diff --git a/src/core/hotkey/registry.ts b/src/core/hotkey/registry.ts
index 92e1cc5..727cefd 100644
--- a/src/core/hotkey/registry.ts
+++ b/src/core/hotkey/registry.ts
@@ -84,6 +84,10 @@ export const buildRegistry = (): void => {
     const status = useStatusStore();
     status.playlistOpen = !status.playlistOpen;
   });
+  // 打开搜索
+  handlers.set("view.openSearch", () => {
+    useStatusStore().searchOpen = true;
+  });
 };
 
 /**
diff --git a/src/core/player/index.ts b/src/core/player/index.ts
index 8e064c9..c3fa492 100644
--- a/src/core/player/index.ts
+++ b/src/core/player/index.ts
@@ -156,7 +156,7 @@ const loadTrack = async (track: Track | null): Promise<void> => {
       shouldSkip = true;
     } else if (result.ok) {
       // 用户主动触发的成功播放记入历史；initPlayer 的恢复路径走 load() 不经此处
-      useHistoryStore().record(track);
+      void useHistoryStore().record(track);
       if (resolved.cacheRequest) {
         cacheScheduler.schedule(track.id, resolved.cacheRequest);
       }
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index 6cd143f..0c2ddbc 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -2,7 +2,6 @@
   "common": {
     "confirm": "Confirm",
     "cancel": "Cancel",
-    "apply": "Apply",
     "close": "Close",
     "save": "Save",
     "reset": "Reset",
@@ -10,23 +9,17 @@
     "loading": "Loading",
     "noData": "No data",
     "noMore": "No more ~",
-    "refresh": "Refresh",
     "refreshCache": "Refresh cache",
-    "success": "Success",
-    "error": "Error",
     "copied": "Copied",
     "copyFailed": "Copy failed",
     "playAll": "Play All",
     "totalSongs": "{count} songs",
     "totalAlbums": "{count} albums",
     "totalArtists": "{count} artists",
-    "totalPlaylists": "{count} playlists",
-    "comingSoon": "Feature coming soon"
+    "totalPlaylists": "{count} playlists"
   },
   "equalizer": {
     "title": "Equalizer",
-    "statusOn": "Enabled",
-    "statusOff": "Disabled",
     "preamp": "Preamp",
     "preset": {
       "label": "Preset",
@@ -83,7 +76,6 @@
     "favorites": "Favorites",
     "cloud": "My Cloud",
     "streaming": "Streaming",
-    "settings": "Settings",
     "reload": "Reload",
     "devtools": "Developer Tools",
     "globalSettings": "Global Settings",
@@ -97,10 +89,6 @@
     }
   },
   "login": {
-    "description": "Link your account for cloud playlists, favorites and personalized recommendations",
-    "thisApp": "This app",
-    "netease": "NetEase Music",
-    "qrTitle": "Scan to sign in",
     "qrTipWaiting": "Open the Cloud Music app and scan the QR code",
     "qrTipScanned": "Scanned, please confirm in the app",
     "qrTipExpired": "QR code expired, refreshing",
@@ -112,12 +100,10 @@
     "autoFetchTip": "This feature can't guarantee account safety — use it at your own discretion. If the official page goes blank or unresponsive, close it and try again.",
     "autoFetchConfirm": "I understand",
     "manualCookie": "Manual cookie",
-    "openWeb": "Sign in",
     "cookieHint": "Only the MUSIC_U field from your cookie is needed. e.g. MUSIC_U=xxxx;",
     "cookiePlaceholder": "Paste cookie, must contain MUSIC_U=xxx;",
     "cookieInvalid": "Invalid cookie. MUSIC_U is required.",
     "cookieConfirm": "Sign in",
-    "back": "Back",
     "success": "Signed in",
     "failed": "Sign-in failed, please try again",
     "unknownUser": "Unknown user",
@@ -195,20 +181,12 @@
       }
     },
     "actions": {
-      "refresh": "Refresh",
-      "search": "Search",
       "settings": "Streaming settings"
     }
   },
   "player": {
-    "play": "Play",
-    "pause": "Pause",
     "prev": "Previous",
     "next": "Next",
-    "shuffle": "Shuffle",
-    "repeat": "Repeat",
-    "repeatOne": "Repeat One",
-    "volume": "Volume",
     "lyricOffset": {
       "title": "Lyric Offset",
       "hint": "Positive values advance lyrics, in milliseconds"
@@ -225,7 +203,6 @@
       "mode": "Sort Mode",
       "order": "Sort Order",
       "default": "Default",
-      "restore": "Restore",
       "asc": "Ascending",
       "desc": "Descending",
       "byTitle": "Sort by Title",
@@ -255,7 +232,6 @@
       "selected": "{count} selected",
       "invert": "Invert",
       "addToQueue": "Add to Queue",
-      "delete": "Delete",
       "exit": "Exit"
     },
     "delete": {
@@ -294,20 +270,20 @@
     },
     "empty": {
       "local": "No liked local songs yet — click the heart next to a song to add it",
-      "online": "No liked songs on your NetEase account yet"
+      "online": "No liked online songs yet"
     },
-    "needLogin": "Log in to NetEase to view online liked songs",
+    "needLogin": "Sign in to view your online liked songs",
     "toast": {
       "added": "Added to liked",
       "removed": "Removed from liked",
-      "needLogin": "Please log in to NetEase first",
+      "needLogin": "Please log in first",
       "unsupported": "This source does not support liking",
       "failed": "Action failed, please try again"
     }
   },
   "cloud": {
     "title": "My Cloud",
-    "empty": "No songs in your cloud yet — upload some via the NetEase Music app",
+    "empty": "No songs in your cloud yet",
     "needLogin": "Sign in to view your cloud library",
     "removeAction": "Remove from cloud",
     "removeTitle": "Remove from Cloud",
@@ -342,17 +318,10 @@
     "scanAll": "Full Scan",
     "scanning": "Scanning...",
     "scanProgress": "Scanning {scanned}/{total}",
-    "scanDone": "Scan complete",
-    "scanError": "Scan failed",
-    "cancel": "Cancel Scan",
     "folders": "Music Directories",
     "foldersDescription": "Songs are automatically synced when added or removed",
-    "folderCount": "{count} folders",
     "removeFolder": "Remove Directory",
-    "removeFolderConfirm": "Removing this directory will delete its songs from the library!",
-    "folderExists": "This folder already exists",
-    "folderNested": "This folder overlaps with an existing folder",
-    "duration": "{time}"
+    "removeFolderConfirm": "Removing this directory will delete its songs from the library!"
   },
   "settings": {
     "title": "Settings",
@@ -554,7 +523,8 @@
         "toggleTaskbarLyric": "Toggle taskbar lyric",
         "openPlayer": "Open player view",
         "closePlayer": "Close player view",
-        "togglePlaylist": "Show / hide playlist"
+        "togglePlaylist": "Show / hide playlist",
+        "openSearch": "Open search"
       }
     },
     "autoCenterCover": {
@@ -1139,7 +1109,6 @@
   "collection": {
     "totalDuration": "About {time}",
     "unknownAlbum": "Unknown Album",
-    "unknownCreator": "Unknown Creator",
     "empty": "No songs",
     "noDescription": "No description yet~",
     "album": "Album",
@@ -1157,7 +1126,6 @@
     "addTo": "Add to {type}",
     "removeFrom": "Remove from {type}",
     "tracksAdded": "{count} songs added",
-    "tracksRemoved": "{count} songs removed",
     "alreadyInPlaylist": "Already in the playlist",
     "edit": "Edit {type}",
     "subscribe": "Subscribe",
diff --git a/src/i18n/locales/zh-CN.json b/src/i18n/locales/zh-CN.json
index 37975a0..aacbcb0 100644
--- a/src/i18n/locales/zh-CN.json
+++ b/src/i18n/locales/zh-CN.json
@@ -2,7 +2,6 @@
   "common": {
     "confirm": "确认",
     "cancel": "取消",
-    "apply": "应用",
     "close": "关闭",
     "save": "保存",
     "reset": "重置",
@@ -10,23 +9,17 @@
     "loading": "加载中",
     "noData": "暂无数据",
     "noMore": "没有更多了 ~",
-    "refresh": "刷新",
     "refreshCache": "刷新缓存",
-    "success": "操作成功",
-    "error": "操作失败",
     "copied": "已复制",
     "copyFailed": "复制失败",
     "playAll": "播放全部",
     "totalSongs": "共 {count} 首",
     "totalAlbums": "共 {count} 张专辑",
     "totalArtists": "共 {count} 位歌手",
-    "totalPlaylists": "共 {count} 个歌单",
-    "comingSoon": "功能开发中，敬请期待"
+    "totalPlaylists": "共 {count} 个歌单"
   },
   "equalizer": {
     "title": "均衡器",
-    "statusOn": "已启用",
-    "statusOff": "已关闭",
     "preamp": "前级",
     "preset": {
       "label": "预设",
@@ -83,7 +76,6 @@
     "favorites": "我的收藏",
     "cloud": "我的云盘",
     "streaming": "流媒体",
-    "settings": "设置",
     "reload": "热重载",
     "devtools": "开发者工具",
     "globalSettings": "全局设置",
@@ -97,10 +89,6 @@
     }
   },
   "login": {
-    "description": "绑定您的账号，使用云端歌单、收藏与个性化推荐",
-    "thisApp": "本软件",
-    "netease": "网易云音乐",
-    "qrTitle": "扫码登录",
     "qrTipWaiting": "请打开云音乐 APP 扫码登录",
     "qrTipScanned": "扫描成功，请在客户端确认登录",
     "qrTipExpired": "二维码已过期，正在重试",
@@ -112,12 +100,10 @@
     "autoFetchTip": "该功能无法保证账号绝对安全，请自行判断是否使用。打开窗口后如出现白屏或无法点击，请关闭并重试",
     "autoFetchConfirm": "我已了解",
     "manualCookie": "手动输入",
-    "openWeb": "前往登录",
     "cookieHint": "只需 Cookie 中的 MUSIC_U 字段，例如：MUSIC_U=xxxx;",
     "cookiePlaceholder": "粘贴 Cookie，至少需要 MUSIC_U=xxx;",
     "cookieInvalid": "Cookie 无效，必须包含 MUSIC_U",
     "cookieConfirm": "登录",
-    "back": "返回",
     "success": "登录成功",
     "failed": "登录失败，请重试",
     "unknownUser": "未知用户",
@@ -195,20 +181,12 @@
       }
     },
     "actions": {
-      "refresh": "刷新",
-      "search": "搜索",
       "settings": "流媒体配置"
     }
   },
   "player": {
-    "play": "播放",
-    "pause": "暂停",
     "prev": "上一首",
     "next": "下一首",
-    "shuffle": "随机播放",
-    "repeat": "循环播放",
-    "repeatOne": "单曲循环",
-    "volume": "音量",
     "lyricOffset": {
       "title": "歌词偏移",
       "hint": "正值为歌词提前，单位毫秒"
@@ -225,7 +203,6 @@
       "mode": "排列方式",
       "order": "排序方向",
       "default": "默认",
-      "restore": "恢复",
       "asc": "正序",
       "desc": "倒序",
       "byTitle": "按标题",
@@ -255,7 +232,6 @@
       "selected": "已选 {count} 首",
       "invert": "反选",
       "addToQueue": "添加到播放列表",
-      "delete": "删除",
       "exit": "退出"
     },
     "delete": {
@@ -294,20 +270,20 @@
     },
     "empty": {
       "local": "还没有收藏的本地歌曲，点击歌曲右侧的红心试试",
-      "online": "网易云账号下还没有喜欢的歌曲"
+      "online": "还没有喜欢的在线音乐"
     },
-    "needLogin": "请先登录网易云账号查看在线喜欢",
+    "needLogin": "登录后才能查看在线喜欢的音乐",
     "toast": {
       "added": "已添加到喜欢",
       "removed": "已从喜欢中移除",
-      "needLogin": "请先登录网易云账号",
+      "needLogin": "请先登录账号",
       "unsupported": "该来源暂不支持喜欢",
       "failed": "操作失败，请稍后重试"
     }
   },
   "cloud": {
     "title": "我的云盘",
-    "empty": "云盘里还没有歌曲，先去网易云音乐 App 上传一些吧",
+    "empty": "云盘里还没有歌曲",
     "needLogin": "登录后才能查看云盘歌曲",
     "removeAction": "从云盘删除",
     "removeTitle": "删除云盘歌曲",
@@ -342,17 +318,10 @@
     "scanAll": "全量扫描",
     "scanning": "正在扫描...",
     "scanProgress": "正在扫描 {scanned}/{total}",
-    "scanDone": "扫描完成",
-    "scanError": "扫描出错",
-    "cancel": "取消扫描",
     "folders": "本地歌曲目录",
     "foldersDescription": "文件夹内歌曲增删自动同步",
-    "folderCount": "{count} 个文件夹",
     "removeFolder": "移除此目录",
-    "removeFolderConfirm": "移除该目录后，其中的歌曲将从音乐库中删除！",
-    "folderExists": "该文件夹已存在",
-    "folderNested": "该文件夹与已有文件夹存在包含关系",
-    "duration": "{time}"
+    "removeFolderConfirm": "移除该目录后，其中的歌曲将从音乐库中删除！"
   },
   "settings": {
     "title": "设置",
@@ -554,7 +523,8 @@
         "toggleTaskbarLyric": "切换任务栏歌词",
         "openPlayer": "打开播放界面",
         "closePlayer": "关闭播放界面",
-        "togglePlaylist": "展开 / 收起播放列表"
+        "togglePlaylist": "展开 / 收起播放列表",
+        "openSearch": "打开搜索"
       }
     },
     "autoCenterCover": {
@@ -1139,7 +1109,6 @@
   "collection": {
     "totalDuration": "约 {time}",
     "unknownAlbum": "未知专辑",
-    "unknownCreator": "未知创建者",
     "empty": "暂无歌曲",
     "noDescription": "还没有描述哦~",
     "album": "专辑",
@@ -1157,7 +1126,6 @@
     "addTo": "添加到{type}",
     "removeFrom": "从{type}移除",
     "tracksAdded": "已添加 {count} 首歌曲",
-    "tracksRemoved": "已移除 {count} 首歌曲",
     "alreadyInPlaylist": "歌曲已在歌单中",
     "edit": "编辑{type}",
     "subscribe": "收藏",
diff --git a/src/pages/Cloud.vue b/src/pages/Cloud.vue
index 80204ca..c0a2938 100644
--- a/src/pages/Cloud.vue
+++ b/src/pages/Cloud.vue
@@ -10,7 +10,6 @@ import IconLucideCloud from "~icons/lucide/cloud";
 import IconLucideHardDrive from "~icons/lucide/hard-drive";
 
 const { t } = useI18n();
-const router = useRouter();
 const user = useUserStore();
 
 const searchQuery = ref("");
@@ -46,10 +45,6 @@ const handleMoreMenu = (key: string): void => {
   else if (key === "batch") songListRef.value?.enterBatch();
 };
 
-const goToLogin = (): void => {
-  router.push("/library");
-};
-
 watch(
   () => user.isLoggedIn,
   (loggedIn) => {
@@ -132,10 +127,7 @@ watch(
       <div v-if="!user.isLoggedIn" key="login" class="flex-1 flex items-center justify-center">
         <div class="text-center text-on-surface-variant/50">
           <IconLucideCloud class="size-12 mx-auto mb-3 opacity-30" />
-          <div class="text-sm mb-4">{{ t("cloud.needLogin") }}</div>
-          <SButton type="primary" variant="secondary" @click="goToLogin">
-            {{ t("login.netease") }}
-          </SButton>
+          <div class="text-sm">{{ t("cloud.needLogin") }}</div>
         </div>
       </div>
       <!-- 列表 -->
diff --git a/src/pages/Liked.vue b/src/pages/Liked.vue
index 3efdd29..5db1164 100644
--- a/src/pages/Liked.vue
+++ b/src/pages/Liked.vue
@@ -11,7 +11,6 @@ import IconLucideListChecks from "~icons/lucide/list-checks";
 import IconLucideRefreshCw from "~icons/lucide/refresh-cw";
 
 const { t } = useI18n();
-const router = useRouter();
 const library = useLibraryStore();
 const user = useUserStore();
 const status = useStatusStore();
@@ -64,10 +63,6 @@ onMounted(() => {
   if (!library.initialized) library.load();
 });
 
-const goToLogin = (): void => {
-  router.push("/library");
-};
-
 /** SongList 引用：本地 / 在线两个分支共用同一 ref，因为同时只挂载一个 */
 const songListRef = shallowRef<InstanceType<typeof SongList> | null>(null);
 
@@ -187,10 +182,7 @@ const handleMoreMenu = (key: string): void => {
       >
         <div class="text-center text-on-surface-variant/50">
           <IconMaterialSymbolsFavoriteOutlineRounded class="size-12 mx-auto mb-3 opacity-30" />
-          <div class="text-sm mb-4">{{ t("liked.needLogin") }}</div>
-          <SButton type="primary" variant="secondary" @click="goToLogin">
-            {{ t("login.netease") }}
-          </SButton>
+          <div class="text-sm">{{ t("liked.needLogin") }}</div>
         </div>
       </div>
       <div
diff --git a/src/stores/history.ts b/src/stores/history.ts
index e3e6f2c..f683d49 100644
--- a/src/stores/history.ts
+++ b/src/stores/history.ts
@@ -20,7 +20,8 @@ const keyOf = (track: Track): string => `${track.source}:${track.id}`;
 export const useHistoryStore = defineStore("history", () => {
   /** 倒序：最近播放在前 */
   const entries = shallowRef<HistoryEntry[]>([]);
-  let loaded = false;
+  /** 首次读盘，并发调用复用同一个 */
+  let loadPromise: Promise<void> | null = null;
 
   /** 持久化 */
   const persist = (): void => {
@@ -28,19 +29,25 @@ export const useHistoryStore = defineStore("history", () => {
   };
 
   /** 启动时读一次盘，之后内存为真值源 */
-  const load = async (): Promise<void> => {
-    if (loaded) return;
-    loaded = true;
-    const cached = await db.getItem<HistoryEntry[]>(HISTORY_KEY).catch(() => null);
-    if (Array.isArray(cached)) entries.value = cached;
+  const load = (): Promise<void> => {
+    if (!loadPromise) {
+      loadPromise = db
+        .getItem<HistoryEntry[]>(HISTORY_KEY)
+        .then((cached) => {
+          if (Array.isArray(cached)) entries.value = cached;
+        })
+        .catch(() => {});
+    }
+    return loadPromise;
   };
 
   /**
    * 记录一次播放：同源同 id 去重后置顶
    * @param track 当前播放曲目
    */
-  const record = (track: Track): void => {
+  const record = async (track: Track): Promise<void> => {
     if (!track?.id) return;
+    await load();
     const key = keyOf(track);
     const filtered = entries.value.filter((item) => keyOf(item.track) !== key);
     entries.value = [{ track, playedAt: Date.now() }, ...filtered].slice(0, MAX_HISTORY);
diff --git a/src/stores/status.ts b/src/stores/status.ts
index d9aac20..af85933 100644
--- a/src/stores/status.ts
+++ b/src/stores/status.ts
@@ -27,6 +27,8 @@ export const useStatusStore = defineStore(
     const isExpanded = ref(false);
     /** 播放列表状态 */
     const playlistOpen = ref(false);
+    /** 搜索弹窗状态 */
+    const searchOpen = ref(false);
     /** 全屏播放器是否展示歌词 */
     const showLyric = ref(true);
     /** 当前播放索引 */
@@ -92,6 +94,7 @@ export const useStatusStore = defineStore(
       trackLoading,
       isExpanded,
       playlistOpen,
+      searchOpen,
       showLyric,
       outputDevices,
       playIndex,

From f011b72facd1cd77fe3db86cc3d95d91d37ca1ff Mon Sep 17 00:00:00 2001
From: imsyy <imsyy1024@gmail.com>
Date: Thu, 21 May 2026 11:42:35 +0800
Subject: [PATCH 03/14] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20discord=20?=
 =?UTF-8?q?=E5=B0=81=E9=9D=A2=E6=97=A0=E6=B3=95=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 electron/main/ipc/player.ts | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/electron/main/ipc/player.ts b/electron/main/ipc/player.ts
index 8de5aed..5ee35d0 100644
--- a/electron/main/ipc/player.ts
+++ b/electron/main/ipc/player.ts
@@ -151,6 +151,13 @@ export const registerPlayerIpc = (): void => {
       };
       sendToMain("player:event", loadingEvent);
       wsBroadcast(loadingEvent);
+      // 在线封面原图 URL
+      const remoteCover =
+        authoritative && authoritative.source !== "local"
+          ? (authoritative.coverOriginal ?? authoritative.cover)
+          : undefined;
+      const coverUrl =
+        remoteCover && /^https?:\/\//i.test(remoteCover) ? remoteCover : undefined;
       // 写一次 SMTC/托盘/标题
       const applyDisplay = (
         title: string,
@@ -160,7 +167,7 @@ export const registerPlayerIpc = (): void => {
         durationMs: number,
       ): void => {
         const header = artist ? `${title} - ${artist}` : title || appName;
-        mediaService.setMetadata({ title, artist, album, coverData, durationMs });
+        mediaService.setMetadata({ title, artist, album, coverData, coverUrl, durationMs });
         mediaService.setPlayState({ status: autoPlay ? "Playing" : "Paused" });
         getMainWindow()?.setTitle(header);
         setTraySongName(header);
@@ -188,9 +195,8 @@ export const registerPlayerIpc = (): void => {
       const localCover = isRemote ? null : (inst.getCoverRaw() ?? null);
       applyDisplay(displayTitle, displayArtist, displayAlbum, localCover ?? undefined, durationMs);
       // 远端高清封面
-      const remoteCover = isRemote ? (authoritative?.coverOriginal ?? authoritative?.cover) : null;
-      if (remoteCover && /^https?:\/\//i.test(remoteCover)) {
-        void fetchBytes(remoteCover).then((buf) => {
+      if (coverUrl) {
+        void fetchBytes(coverUrl).then((buf) => {
           if (!buf) return;
           if (seq !== loadSeq) return;
           mediaService.setMetadata({
@@ -198,6 +204,7 @@ export const registerPlayerIpc = (): void => {
             artist: displayArtist,
             album: displayAlbum,
             coverData: buf,
+            coverUrl,
             durationMs,
           });
         });

From b284fae5eeb7f1cc4e53cbe74c2ef8008db7a8a5 Mon Sep 17 00:00:00 2001
From: imsyy <imsyy1024@gmail.com>
Date: Thu, 21 May 2026 14:34:25 +0800
Subject: [PATCH 04/14] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE=E5=8E=86=E5=8F=B2=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 electron/main/database/index.ts     |  21 ++++++
 electron/main/database/playStats.ts |  47 +++++++++++++
 electron/main/ipc/index.ts          |   2 +
 electron/main/ipc/stats.ts          |  13 ++++
 electron/preload/index.d.ts         |   2 +
 electron/preload/index.ts           |   7 ++
 shared/types/stats.ts               |  33 +++++++++
 src/composables/useFavorite.ts      |  11 +++
 src/core/player/events.ts           |   9 ++-
 src/core/player/index.ts            |   6 +-
 src/core/player/stats.ts            | 100 ++++++++++++++++++++++++++++
 11 files changed, 247 insertions(+), 4 deletions(-)
 create mode 100644 electron/main/database/playStats.ts
 create mode 100644 electron/main/ipc/stats.ts
 create mode 100644 shared/types/stats.ts
 create mode 100644 src/core/player/stats.ts

diff --git a/electron/main/database/index.ts b/electron/main/database/index.ts
index 9d7d8dd..9710cdb 100644
--- a/electron/main/database/index.ts
+++ b/electron/main/database/index.ts
@@ -93,6 +93,27 @@ export const initDatabase = (): void => {
     );
     CREATE INDEX IF NOT EXISTS idx_song_cache_last_used ON song_cache(last_used_at);
     CREATE INDEX IF NOT EXISTS idx_song_cache_source ON song_cache(source);
+
+    CREATE TABLE IF NOT EXISTS play_history (
+      id INTEGER PRIMARY KEY AUTOINCREMENT,
+      track_id TEXT NOT NULL,
+      source TEXT NOT NULL,
+      started_at INTEGER NOT NULL,
+      listened_ms INTEGER NOT NULL,
+      track_json TEXT NOT NULL
+    );
+    CREATE INDEX IF NOT EXISTS idx_play_history_started ON play_history(started_at);
+    CREATE INDEX IF NOT EXISTS idx_play_history_track ON play_history(source, track_id);
+
+    CREATE TABLE IF NOT EXISTS favorite_history (
+      id INTEGER PRIMARY KEY AUTOINCREMENT,
+      track_id TEXT NOT NULL,
+      source TEXT NOT NULL,
+      action TEXT NOT NULL,
+      at INTEGER NOT NULL,
+      track_json TEXT NOT NULL
+    );
+    CREATE INDEX IF NOT EXISTS idx_favorite_history_at ON favorite_history(at);
   `);
   migrate(db);
   libraryLog.info(`数据库已初始化: ${dbPath}`);
diff --git a/electron/main/database/playStats.ts b/electron/main/database/playStats.ts
new file mode 100644
index 0000000..e42c26d
--- /dev/null
+++ b/electron/main/database/playStats.ts
@@ -0,0 +1,47 @@
+/**
+ * 播放统计采集
+ */
+
+import { getDb } from "./index";
+import { libraryLog } from "@main/utils/logger";
+import type { PlayEventInput, FavoriteEventInput } from "@shared/types/stats";
+
+/** 写入一条播放记录 */
+export const insertPlayEvent = (event: PlayEventInput): void => {
+  try {
+    getDb()
+      .prepare(
+        `INSERT INTO play_history (track_id, source, started_at, listened_ms, track_json)
+         VALUES (?, ?, ?, ?, ?)`,
+      )
+      .run(
+        event.track.id,
+        event.track.source,
+        event.startedAt,
+        event.listenedMs,
+        JSON.stringify(event.track),
+      );
+  } catch (error) {
+    libraryLog.error("写入播放记录失败:", error);
+  }
+};
+
+/** 写入一条收藏变更记录 */
+export const insertFavoriteEvent = (event: FavoriteEventInput): void => {
+  try {
+    getDb()
+      .prepare(
+        `INSERT INTO favorite_history (track_id, source, action, at, track_json)
+         VALUES (?, ?, ?, ?, ?)`,
+      )
+      .run(
+        event.track.id,
+        event.track.source,
+        event.action,
+        Date.now(),
+        JSON.stringify(event.track),
+      );
+  } catch (error) {
+    libraryLog.error("写入收藏记录失败:", error);
+  }
+};
diff --git a/electron/main/ipc/index.ts b/electron/main/ipc/index.ts
index 57cdc48..a278cb5 100644
--- a/electron/main/ipc/index.ts
+++ b/electron/main/ipc/index.ts
@@ -12,6 +12,7 @@ import { registerThemeIpc } from "./theme";
 import { registerStreamingIpc } from "./streaming";
 import { registerCacheIpc } from "./cache";
 import { registerExternalApiIpc } from "./externalApi";
+import { registerStatsIpc } from "./stats";
 
 /** 注册所有 IPC 处理 */
 export const registerIpcHandlers = (): void => {
@@ -29,4 +30,5 @@ export const registerIpcHandlers = (): void => {
   registerStreamingIpc();
   registerCacheIpc();
   registerExternalApiIpc();
+  registerStatsIpc();
 };
diff --git a/electron/main/ipc/stats.ts b/electron/main/ipc/stats.ts
new file mode 100644
index 0000000..a42979c
--- /dev/null
+++ b/electron/main/ipc/stats.ts
@@ -0,0 +1,13 @@
+import { ipcMain } from "electron";
+import { insertPlayEvent, insertFavoriteEvent } from "@main/database/playStats";
+import type { PlayEventInput, FavoriteEventInput } from "@shared/types/stats";
+
+/** 播放统计采集 IPC */
+export const registerStatsIpc = (): void => {
+  ipcMain.on("stats:recordPlay", (_event, payload: PlayEventInput) => {
+    insertPlayEvent(payload);
+  });
+  ipcMain.on("stats:recordFavorite", (_event, payload: FavoriteEventInput) => {
+    insertFavoriteEvent(payload);
+  });
+};
diff --git a/electron/preload/index.d.ts b/electron/preload/index.d.ts
index f8b4741..55ba11e 100644
--- a/electron/preload/index.d.ts
+++ b/electron/preload/index.d.ts
@@ -15,6 +15,7 @@ import {
 import { HotkeyApi } from "@shared/types/hotkey";
 import { StreamingApi } from "@shared/types/streaming";
 import { IpcResponse } from "@shared/types/player";
+import { StatsApi } from "@shared/types/stats";
 
 declare global {
   interface Window {
@@ -65,6 +66,7 @@ declare global {
           cancel: (cacheKey: string) => Promise<void>;
         };
       };
+      stats: StatsApi;
       hotkey: HotkeyApi;
       streaming: StreamingApi;
       externalApi: {
diff --git a/electron/preload/index.ts b/electron/preload/index.ts
index 143b5a6..98ba92e 100644
--- a/electron/preload/index.ts
+++ b/electron/preload/index.ts
@@ -5,6 +5,7 @@ import type { PluginInfo, PluginResolveUrlArgs } from "@shared/types/plugin";
 import type { HotkeyActionId, HotkeyBinding, HotkeyConflict } from "@shared/types/hotkey";
 import type { LoadOptions, TrackSource } from "@shared/types/player";
 import type { StreamingServerConfig } from "@shared/types/streaming";
+import type { PlayEventInput, FavoriteEventInput } from "@shared/types/stats";
 
 /** 订阅主进程推送的事件 */
 const subscribe = <T>(channel: string, callback: (data: T) => void): (() => void) => {
@@ -369,6 +370,12 @@ const api = {
     // 查询当前运行状态
     getStatus: () => ipcRenderer.invoke("externalApi:getStatus"),
   },
+  stats: {
+    // 记录一次播放
+    recordPlay: (event: PlayEventInput) => ipcRenderer.send("stats:recordPlay", event),
+    // 记录一次收藏变更
+    recordFavorite: (event: FavoriteEventInput) => ipcRenderer.send("stats:recordFavorite", event),
+  },
   hotkey: {
     getAll: () => ipcRenderer.invoke("hotkey:getAll"),
     set: (id: HotkeyActionId, binding: HotkeyBinding) =>
diff --git a/shared/types/stats.ts b/shared/types/stats.ts
new file mode 100644
index 0000000..650f6e7
--- /dev/null
+++ b/shared/types/stats.ts
@@ -0,0 +1,33 @@
+/**
+ * 播放统计采集类型
+ *
+ * 渲染端构造、主进程写入 SQLite。直接带完整 Track,行即自包含、可还原重播。
+ */
+
+import type { Track } from "./player";
+
+/** 一次播放的统计事件,写入 play_history */
+export interface PlayEventInput {
+  /** 完整曲目（播放当时的快照） */
+  track: Track;
+  /** 本次播放开始 unix ms */
+  startedAt: number;
+  /** 实际收听墙钟毫秒（扣掉暂停） */
+  listenedMs: number;
+}
+
+/** 一次收藏变更事件,写入 favorite_history */
+export interface FavoriteEventInput {
+  /** 完整曲目（操作当时的快照） */
+  track: Track;
+  /** 收藏 / 取消收藏 */
+  action: "add" | "remove";
+}
+
+/** preload 暴露的统计写入 API */
+export interface StatsApi {
+  /** 记录一次播放 */
+  recordPlay: (event: PlayEventInput) => void;
+  /** 记录一次收藏变更 */
+  recordFavorite: (event: FavoriteEventInput) => void;
+}
diff --git a/src/composables/useFavorite.ts b/src/composables/useFavorite.ts
index 6be67ac..21e8b27 100644
--- a/src/composables/useFavorite.ts
+++ b/src/composables/useFavorite.ts
@@ -4,6 +4,15 @@ import { useUserStore } from "@/stores/user";
 import { toast } from "@/composables/useToast";
 import { useI18n } from "vue-i18n";
 
+/** 
+ * 记一次收藏变更
+ * @param track 歌曲
+ * @param liked 是否已收藏
+ */
+const recordFavoriteChange = (track: Track, liked: boolean): void => {
+  window.api.stats.recordFavorite({ track, action: liked ? "add" : "remove" });
+};
+
 /**
  * 红心收藏的统一入口
  * 按 track.source 分发
@@ -49,6 +58,7 @@ export const useFavorite = () => {
     if (!track) return;
     if (track.source === "local") {
       const next = library.toggleLike(track.id);
+      recordFavoriteChange(track, next);
       toast.success(t(next ? "liked.toast.added" : "liked.toast.removed"));
       return;
     }
@@ -63,6 +73,7 @@ export const useFavorite = () => {
         toast.error(t("liked.toast.failed"));
         return;
       }
+      recordFavoriteChange(track, !wasLiked);
       toast.success(t(wasLiked ? "liked.toast.removed" : "liked.toast.added"));
       return;
     }
diff --git a/src/core/player/events.ts b/src/core/player/events.ts
index e04e05f..cd5e4b4 100644
--- a/src/core/player/events.ts
+++ b/src/core/player/events.ts
@@ -5,6 +5,7 @@ import * as playback from "@/services/playback";
 import * as autoClose from "@/services/autoClose";
 import * as abLoop from "@/services/abLoop";
 import * as cacheScheduler from "@/services/cacheScheduler";
+import * as playStats from "./stats";
 import {
   hasReachedSeekTarget,
   isSeeking,
@@ -68,10 +69,14 @@ export const handleEvent = async (event: PlayerEvent): Promise<void> => {
       if (endedGuard) return;
       endedGuard = true;
       try {
+        const stopByTimer = autoClose.onTrackEnded();
+        const repeatOne = status.repeatMode === "one";
+        // 结算播放统计
+        playStats.onTrackEnded(repeatOne && !stopByTimer);
         // 定时关闭"等本曲结束"模式
-        if (autoClose.onTrackEnded()) break;
+        if (stopByTimer) break;
         // 单曲循环：seek 回开头继续播放
-        if (status.repeatMode === "one") {
+        if (repeatOne) {
           await seek(0);
           await play();
         } else {
diff --git a/src/core/player/index.ts b/src/core/player/index.ts
index c3fa492..53f5f3b 100644
--- a/src/core/player/index.ts
+++ b/src/core/player/index.ts
@@ -13,6 +13,7 @@ import * as lyricLoader from "@/services/lyricLoader";
 import * as abLoop from "@/services/abLoop";
 import * as cacheScheduler from "@/services/cacheScheduler";
 import { resolveTrackSource } from "@/services/audioSource";
+import { installPlayStats } from "./stats";
 import { extractColorFromUrl } from "@/utils/color";
 import { handleError, isSkippableError } from "@/utils/errors";
 
@@ -625,8 +626,7 @@ export const initPlayer = async (): Promise<void> => {
   await window.api.player.setFadeDuration(fadeEnabled ? fadeDuration : 0);
   // 应用音量均衡配置
   await window.api.player.setNormalizationEnabled(loudnessNormalization ?? false);
-  // 应用均衡器配置（频段/前级先下发，再切总开关，避免开关瞬间用旧值）
-  // 注意：reactive 数组无法被 IPC structured-clone，需 spread 解包
+  // 应用均衡器配置
   if (equalizer) {
     await window.api.player.setEqualizerBands([...equalizer.bands]);
     await window.api.player.setPreampGain(equalizer.preamp);
@@ -640,6 +640,8 @@ export const initPlayer = async (): Promise<void> => {
   // 先订阅事件，确保 load 触发播放后 position 事件能被接收
   if (unsubscribe) unsubscribe();
   unsubscribe = window.api.player.onEvent(handleEvent);
+  // 安装播放统计累加器
+  installPlayStats();
   // 订阅主进程下发的歌词偏移变化
   const media = useMediaStore();
   window.api.nowPlaying.onLyricOffsetChange(({ offsetMs }) => {
diff --git a/src/core/player/stats.ts b/src/core/player/stats.ts
new file mode 100644
index 0000000..690d6f1
--- /dev/null
+++ b/src/core/player/stats.ts
@@ -0,0 +1,100 @@
+/**
+ * 播放统计采集:累计每首歌的实际收听时长,结算后写入主进程 play_history 表
+ *
+ * 会话由两个 watcher 驱动:
+ * - media.track 身份变化 → 结算旧会话、为新曲开会话
+ * - status.state 进出 playing → 累计 / 暂停墙钟计时
+ *
+ * 单曲循环不切歌,由 events.ts 的 ended 分支显式调 onTrackEnded(true) 把每圈断成独立会话。
+ * 墙钟用 Date.now() 差值,不依赖定时器与 position 事件,窗口隐藏时也准确。
+ */
+
+import type { Track } from "@shared/types/player";
+import { useMediaStore } from "@/stores/media";
+import { useStatusStore } from "@/stores/status";
+
+/** 低于此收听时长不记录 */
+const MIN_RECORD_MS = 5000;
+
+interface Session {
+  track: Track;
+  /** 本次播放开始 unix ms */
+  startedAt: number;
+  /** 已累计的收听墙钟毫秒 */
+  listenedMs: number;
+  /** 进入 playing 的墙钟时刻 */
+  playingSince: number | null;
+}
+
+let session: Session | null = null;
+let installed = false;
+
+/** 曲目身份标识 */
+const trackKey = (track: Track): string => `${track.source}:${track.id}`;
+
+/** 把进行中的 playing 区间结清进 listenedMs */
+const settle = (): void => {
+  if (!session || session.playingSince === null) return;
+  session.listenedMs += Date.now() - session.playingSince;
+  session.playingSince = null;
+};
+
+/** 为指定曲目开新会话 */
+const begin = (track: Track, playing: boolean): void => {
+  const now = Date.now();
+  session = { track, startedAt: now, listenedMs: 0, playingSince: playing ? now : null };
+};
+
+/** 结算当前会话并落库 */
+const finalize = (): void => {
+  if (!session) return;
+  settle();
+  const { track, startedAt, listenedMs } = session;
+  session = null;
+  if (listenedMs < MIN_RECORD_MS) return;
+  window.api.stats.recordPlay({ track, startedAt, listenedMs });
+};
+
+/**
+ * 歌曲自然播完时调用
+ * @param restart - 单曲循环:结算后立即为同一首开新会话,使每圈各成一行
+ */
+export const onTrackEnded = (restart: boolean): void => {
+  finalize();
+  if (!restart) return;
+  const track = useMediaStore().track;
+  if (track) begin(track, true);
+};
+
+/** 安装播放统计累加器 */
+export const installPlayStats = (): void => {
+  if (installed) return;
+  installed = true;
+  const media = useMediaStore();
+  const status = useStatusStore();
+
+  // 曲目身份变化:结算旧会话,为新曲开会话
+  watch(
+    () => (media.track ? trackKey(media.track) : null),
+    () => {
+      finalize();
+      if (media.track) begin(media.track, status.state === "playing");
+    },
+  );
+
+  // 播放态变化:在同一会话内累计 / 暂停计时
+  watch(
+    () => status.state,
+    (state) => {
+      if (!session) return;
+      if (state === "playing") {
+        if (session.playingSince === null) session.playingSince = Date.now();
+      } else {
+        settle();
+      }
+    },
+  );
+
+  // 退出前刷出最后一首
+  window.addEventListener("beforeunload", finalize);
+};

From 8c613f7012fc3f28e4b656d46627d61e64cd2de8 Mon Sep 17 00:00:00 2001
From: imsyy <imsyy1024@gmail.com>
Date: Thu, 21 May 2026 18:29:49 +0800
Subject: [PATCH 05/14] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E5=86=85=E5=AE=B9=E5=B9=B6=E6=8E=A5=E5=85=A5=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                              |   2 +
 electron/main/database/index.ts              |   1 +
 electron/main/database/playStats.ts          | 130 ++++++++-
 electron/main/database/queries.ts            |   8 +
 electron/main/ipc/library.ts                 |  10 +
 electron/main/ipc/player.ts                  |   3 +-
 electron/main/ipc/stats.ts                   |  11 +-
 electron/preload/index.ts                    |   6 +
 shared/types/library.ts                      |   2 +
 shared/types/stats.ts                        |  34 ++-
 src/components/list/CoverCard.vue            |  74 +++++
 src/components/list/CoverList.vue            |  90 ++----
 src/components/ui/SCard.vue                  |  14 +-
 src/composables/home/useContinueListening.ts |  49 ++++
 src/composables/home/useHomeHeader.ts        | 143 ++++++++++
 src/composables/home/useQuickActions.ts      |  70 +++++
 src/composables/useFavorite.ts               |   2 +-
 src/i18n/locales/en-US.json                  |  60 ++++
 src/i18n/locales/zh-CN.json                  |  60 ++++
 src/pages/Home.vue                           | 284 ++++++++++---------
 20 files changed, 846 insertions(+), 207 deletions(-)
 create mode 100644 src/components/list/CoverCard.vue
 create mode 100644 src/composables/home/useContinueListening.ts
 create mode 100644 src/composables/home/useHomeHeader.ts
 create mode 100644 src/composables/home/useQuickActions.ts

diff --git a/components.d.ts b/components.d.ts
index eb040d8..4bd25d0 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -36,6 +36,7 @@ declare module 'vue' {
     ContextMenuSubContent: typeof import('reka-ui')['ContextMenuSubContent']
     ContextMenuSubTrigger: typeof import('reka-ui')['ContextMenuSubTrigger']
     ContextMenuTrigger: typeof import('reka-ui')['ContextMenuTrigger']
+    CoverCard: typeof import('./src/components/list/CoverCard.vue')['default']
     CoverList: typeof import('./src/components/list/CoverList.vue')['default']
     DbCacheManager: typeof import('./src/components/settings/custom/DbCacheManager.vue')['default']
     DeviceSelector: typeof import('./src/components/settings/custom/DeviceSelector.vue')['default']
@@ -83,6 +84,7 @@ declare module 'vue' {
     IconLucideFolderPlus: typeof import('~icons/lucide/folder-plus')['default']
     IconLucideGithub: typeof import('~icons/lucide/github')['default']
     IconLucideHardDrive: typeof import('~icons/lucide/hard-drive')['default']
+    IconLucideHeadphones: typeof import('~icons/lucide/headphones')['default']
     IconLucideHistory: typeof import('~icons/lucide/history')['default']
     IconLucideInfo: typeof import('~icons/lucide/info')['default']
     IconLucideKeyRound: typeof import('~icons/lucide/key-round')['default']
diff --git a/electron/main/database/index.ts b/electron/main/database/index.ts
index 9710cdb..739afc6 100644
--- a/electron/main/database/index.ts
+++ b/electron/main/database/index.ts
@@ -141,6 +141,7 @@ export {
   getAlbumTracks,
   getArtistTracks,
   getTracksByIds,
+  getRandomTrack,
 } from "./queries";
 
 export type { FileRecord, UpsertTrack } from "./queries";
diff --git a/electron/main/database/playStats.ts b/electron/main/database/playStats.ts
index e42c26d..1dd1d60 100644
--- a/electron/main/database/playStats.ts
+++ b/electron/main/database/playStats.ts
@@ -4,7 +4,13 @@
 
 import { getDb } from "./index";
 import { libraryLog } from "@main/utils/logger";
-import type { PlayEventInput, FavoriteEventInput } from "@shared/types/stats";
+import type { Track } from "@shared/types/player";
+import type {
+  PlayEventInput,
+  FavoriteEventInput,
+  PlayStatsSummary,
+  TopTrack,
+} from "@shared/types/stats";
 
 /** 写入一条播放记录 */
 export const insertPlayEvent = (event: PlayEventInput): void => {
@@ -45,3 +51,125 @@ export const insertFavoriteEvent = (event: FavoriteEventInput): void => {
     libraryLog.error("写入收藏记录失败:", error);
   }
 };
+
+/** 今日 00:00 的 unix ms（本地时区） */
+const dayStartMs = (now: number): number => {
+  const date = new Date(now);
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+};
+
+/** 本周一 00:00 的 unix ms（本地时区） */
+const weekStartMs = (now: number): number => {
+  const date = new Date(now);
+  const daysFromMonday = (date.getDay() + 6) % 7;
+  const monday = new Date(date.getFullYear(), date.getMonth(), date.getDate() - daysFromMonday);
+  return monday.getTime();
+};
+
+/** 本地日期 key：YYYY-MM-DD */
+const dayKey = (date: Date): string => {
+  const pad = (value: number): string => String(value).padStart(2, "0");
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+};
+
+/** 从倒序的有播放日期列表算连续天数 */
+const computeStreak = (descDays: string[]): number => {
+  if (descDays.length === 0) return 0;
+  const today = new Date();
+  const yesterday = new Date(today);
+  yesterday.setDate(today.getDate() - 1);
+  if (descDays[0] !== dayKey(today) && descDays[0] !== dayKey(yesterday)) return 0;
+  const present = new Set(descDays);
+  const cursor = new Date(today);
+  // 今天还没听则从昨天起算
+  if (descDays[0] !== dayKey(today)) cursor.setDate(cursor.getDate() - 1);
+  let streak = 0;
+  while (present.has(dayKey(cursor))) {
+    streak += 1;
+    cursor.setDate(cursor.getDate() - 1);
+  }
+  return streak;
+};
+
+/** 读盘失败时的兜底空统计 */
+const EMPTY_SUMMARY: PlayStatsSummary = {
+  todayListenedMs: 0,
+  weekListenedMs: 0,
+  lastWeekListenedMs: 0,
+  totalListenedMs: 0,
+  weekPlayCount: 0,
+  totalPlayCount: 0,
+  weekFavoriteAdds: 0,
+  streakDays: 0,
+};
+
+/**
+ * 取播放统计汇总
+ * 读盘失败时返回全 0
+ */
+export const getStatsSummary = (): PlayStatsSummary => {
+  try {
+    const db = getDb();
+    const now = Date.now();
+    const dayStart = dayStartMs(now);
+    const weekStart = weekStartMs(now);
+    const lastWeekStart = weekStart - 7 * 24 * 60 * 60 * 1000;
+
+    /** 取单值聚合结果 */
+    const scalar = (sql: string, ...params: number[]): number =>
+      (db.prepare(sql).get(...params) as { value: number }).value;
+
+    const listenedSince =
+      "SELECT COALESCE(SUM(listened_ms), 0) AS value FROM play_history WHERE started_at >= ?";
+    const playCountSince = "SELECT COUNT(*) AS value FROM play_history WHERE started_at >= ?";
+
+    const dayRows = db
+      .prepare(
+        "SELECT DISTINCT date(started_at / 1000, 'unixepoch', 'localtime') AS day FROM play_history ORDER BY day DESC",
+      )
+      .all() as { day: string }[];
+
+    return {
+      todayListenedMs: scalar(listenedSince, dayStart),
+      weekListenedMs: scalar(listenedSince, weekStart),
+      lastWeekListenedMs: scalar(
+        "SELECT COALESCE(SUM(listened_ms), 0) AS value FROM play_history WHERE started_at >= ? AND started_at < ?",
+        lastWeekStart,
+        weekStart,
+      ),
+      totalListenedMs: scalar(listenedSince, 0),
+      weekPlayCount: scalar(playCountSince, weekStart),
+      totalPlayCount: scalar(playCountSince, 0),
+      weekFavoriteAdds: scalar(
+        "SELECT COUNT(*) AS value FROM favorite_history WHERE action = 'add' AND at >= ?",
+        weekStart,
+      ),
+      streakDays: computeStreak(dayRows.map((row) => row.day)),
+    };
+  } catch (error) {
+    libraryLog.error("读取播放统计失败:", error);
+    return EMPTY_SUMMARY;
+  }
+};
+
+/** 取最常播放的曲目（含播放次数），按次数倒序；读盘失败返回空 */
+export const getTopTracks = (limit: number): TopTrack[] => {
+  try {
+    const rows = getDb()
+      .prepare(
+        `SELECT track_json, COUNT(*) AS plays
+         FROM play_history
+         GROUP BY source, track_id
+         ORDER BY plays DESC, MAX(started_at) DESC
+         LIMIT ?`,
+      )
+      .all(limit) as { track_json: string; plays: number }[];
+    return rows.map((row) => ({
+      track: JSON.parse(row.track_json) as Track,
+      playCount: row.plays,
+    }));
+  } catch (error) {
+    libraryLog.error("读取最常播放失败:", error);
+    return [];
+  }
+};
diff --git a/electron/main/database/queries.ts b/electron/main/database/queries.ts
index 6397abf..b7ffb90 100644
--- a/electron/main/database/queries.ts
+++ b/electron/main/database/queries.ts
@@ -64,6 +64,14 @@ export const getTrackCount = (): number => {
   return row.count;
 };
 
+/** 随机取一首曲目，库为空时返回 null */
+export const getRandomTrack = (): Track | null => {
+  const row = getDb().prepare("SELECT * FROM tracks ORDER BY RANDOM() LIMIT 1").get() as
+    | TrackRow
+    | undefined;
+  return row ? rowToTrack(row) : null;
+};
+
 /** 用于增量扫描比对的文件记录 */
 export interface FileRecord {
   path: string;
diff --git a/electron/main/ipc/library.ts b/electron/main/ipc/library.ts
index 09ef659..6bec40f 100644
--- a/electron/main/ipc/library.ts
+++ b/electron/main/ipc/library.ts
@@ -12,6 +12,7 @@ import {
   getAlbumTracks,
   getArtistTracks,
   getTracksByIds,
+  getRandomTrack,
 } from "@main/database";
 import { startScan, cancelScan, isScanning } from "@main/services/scanner";
 import { fetchArtistAvatar, prefetchArtistAvatars } from "@main/apis/musicbrainz";
@@ -113,6 +114,15 @@ export const registerLibraryIpc = (): void => {
     }
   });
 
+  // 随机取一首曲目
+  ipcMain.handle("library:getRandomTrack", () => {
+    try {
+      return { success: true, data: getRandomTrack() };
+    } catch (_error) {
+      return { success: false, error: ErrorCode.UNKNOWN };
+    }
+  });
+
   // 获取扫描状态
   ipcMain.handle("library:isScanning", () => {
     return { success: true, data: isScanning() };
diff --git a/electron/main/ipc/player.ts b/electron/main/ipc/player.ts
index 5ee35d0..859b03d 100644
--- a/electron/main/ipc/player.ts
+++ b/electron/main/ipc/player.ts
@@ -156,8 +156,7 @@ export const registerPlayerIpc = (): void => {
         authoritative && authoritative.source !== "local"
           ? (authoritative.coverOriginal ?? authoritative.cover)
           : undefined;
-      const coverUrl =
-        remoteCover && /^https?:\/\//i.test(remoteCover) ? remoteCover : undefined;
+      const coverUrl = remoteCover && /^https?:\/\//i.test(remoteCover) ? remoteCover : undefined;
       // 写一次 SMTC/托盘/标题
       const applyDisplay = (
         title: string,
diff --git a/electron/main/ipc/stats.ts b/electron/main/ipc/stats.ts
index a42979c..91d730d 100644
--- a/electron/main/ipc/stats.ts
+++ b/electron/main/ipc/stats.ts
@@ -1,8 +1,13 @@
 import { ipcMain } from "electron";
-import { insertPlayEvent, insertFavoriteEvent } from "@main/database/playStats";
+import {
+  insertPlayEvent,
+  insertFavoriteEvent,
+  getStatsSummary,
+  getTopTracks,
+} from "@main/database/playStats";
 import type { PlayEventInput, FavoriteEventInput } from "@shared/types/stats";
 
-/** 播放统计采集 IPC */
+/** 播放统计 IPC */
 export const registerStatsIpc = (): void => {
   ipcMain.on("stats:recordPlay", (_event, payload: PlayEventInput) => {
     insertPlayEvent(payload);
@@ -10,4 +15,6 @@ export const registerStatsIpc = (): void => {
   ipcMain.on("stats:recordFavorite", (_event, payload: FavoriteEventInput) => {
     insertFavoriteEvent(payload);
   });
+  ipcMain.handle("stats:getStatsSummary", () => getStatsSummary());
+  ipcMain.handle("stats:getTopTracks", (_event, limit: number) => getTopTracks(limit));
 };
diff --git a/electron/preload/index.ts b/electron/preload/index.ts
index 98ba92e..b487f7e 100644
--- a/electron/preload/index.ts
+++ b/electron/preload/index.ts
@@ -140,6 +140,8 @@ const api = {
     searchTracks: (query: string) => ipcRenderer.invoke("library:searchTracks", query),
     // 获取曲目总数
     getTrackCount: () => ipcRenderer.invoke("library:getTrackCount"),
+    // 随机取一首曲目
+    getRandomTrack: () => ipcRenderer.invoke("library:getRandomTrack"),
     // 获取扫描状态
     isScanning: () => ipcRenderer.invoke("library:isScanning"),
     // 弹出目录选择器，添加扫描目录
@@ -375,6 +377,10 @@ const api = {
     recordPlay: (event: PlayEventInput) => ipcRenderer.send("stats:recordPlay", event),
     // 记录一次收藏变更
     recordFavorite: (event: FavoriteEventInput) => ipcRenderer.send("stats:recordFavorite", event),
+    // 取播放统计汇总
+    getStatsSummary: () => ipcRenderer.invoke("stats:getStatsSummary"),
+    // 取最常播放的曲目
+    getTopTracks: (limit: number) => ipcRenderer.invoke("stats:getTopTracks", limit),
   },
   hotkey: {
     getAll: () => ipcRenderer.invoke("hotkey:getAll"),
diff --git a/shared/types/library.ts b/shared/types/library.ts
index 3422f73..852cff3 100644
--- a/shared/types/library.ts
+++ b/shared/types/library.ts
@@ -54,6 +54,8 @@ export interface LibraryApi {
   searchTracks: (query: string) => Promise<IpcResponse<Track[]>>;
   /** 获取曲目总数 */
   getTrackCount: () => Promise<IpcResponse<number>>;
+  /** 随机取一首曲目 */
+  getRandomTrack: () => Promise<IpcResponse<Track | null>>;
   /** 获取扫描状态 */
   isScanning: () => Promise<IpcResponse<boolean>>;
   /** 弹出目录选择器，添加扫描目录 */
diff --git a/shared/types/stats.ts b/shared/types/stats.ts
index 650f6e7..f2291ba 100644
--- a/shared/types/stats.ts
+++ b/shared/types/stats.ts
@@ -24,10 +24,42 @@ export interface FavoriteEventInput {
   action: "add" | "remove";
 }
 
-/** preload 暴露的统计写入 API */
+/** 播放统计汇总 */
+export interface PlayStatsSummary {
+  /** 今日收听时长（毫秒） */
+  todayListenedMs: number;
+  /** 本周收听时长（毫秒） */
+  weekListenedMs: number;
+  /** 上周收听时长（毫秒，用于环比） */
+  lastWeekListenedMs: number;
+  /** 累计收听时长（毫秒） */
+  totalListenedMs: number;
+  /** 本周播放次数 */
+  weekPlayCount: number;
+  /** 累计播放次数 */
+  totalPlayCount: number;
+  /** 本周新增收藏数 */
+  weekFavoriteAdds: number;
+  /** 连续收听天数 */
+  streakDays: number;
+}
+
+/** 一首高频曲目及其播放次数 */
+export interface TopTrack {
+  /** 曲目（播放当时的快照） */
+  track: Track;
+  /** 累计播放次数 */
+  playCount: number;
+}
+
+/** preload 暴露的统计 API */
 export interface StatsApi {
   /** 记录一次播放 */
   recordPlay: (event: PlayEventInput) => void;
   /** 记录一次收藏变更 */
   recordFavorite: (event: FavoriteEventInput) => void;
+  /** 取播放统计汇总 */
+  getStatsSummary: () => Promise<PlayStatsSummary>;
+  /** 取最常播放的曲目（按次数倒序） */
+  getTopTracks: (limit: number) => Promise<TopTrack[]>;
 }
diff --git a/src/components/list/CoverCard.vue b/src/components/list/CoverCard.vue
new file mode 100644
index 0000000..17c0f5d
--- /dev/null
+++ b/src/components/list/CoverCard.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+import type { CoverItem } from "@/types/artist";
+import artistFallback from "@/assets/images/artist.jpg";
+
+export interface CoverCardProps {
+  /** 卡片数据 */
+  item: CoverItem;
+  /** 类型：default / artist */
+  type?: "default" | "artist";
+  /** 封面圆角 class */
+  rounded?: string;
+  /** 封面占位图 */
+  fallback?: string;
+}
+
+const props = withDefaults(defineProps<CoverCardProps>(), {
+  type: "default",
+  rounded: "rounded-xl",
+});
+
+defineEmits<{ click: [] }>();
+
+const coverRounded = computed(() => (props.type === "artist" ? "rounded-full" : props.rounded));
+const actualFallback = computed(() => (props.type === "artist" ? artistFallback : props.fallback));
+</script>
+
+<template>
+  <div
+    class="cursor-pointer group rounded-xl transition-colors duration-300"
+    :class="type !== 'artist' ? 'hover:bg-primary/10' : ''"
+    @click="$emit('click')"
+  >
+    <!-- 封面 -->
+    <div class="relative overflow-hidden group-hover:will-change-transform" :class="coverRounded">
+      <SImg
+        :src="item.cover"
+        :fallback="actualFallback"
+        :alt="item.title"
+        class="w-full aspect-square transition-[transform,filter] duration-300 ease-out group-hover:scale-108 group-hover:brightness-80"
+      />
+      <!-- 播放按钮 -->
+      <div
+        class="absolute size-9 flex items-center justify-center rounded-full opacity-0 transition-[opacity,transform] duration-300 group-hover:opacity-100"
+        :class="
+          type === 'artist'
+            ? 'inset-0 m-auto'
+            : 'right-2 bottom-2 bg-white/50 translate-y-1.5 group-hover:translate-y-0'
+        "
+      >
+        <IconLucidePlay v-if="type !== 'artist'" class="size-4.5 text-white" />
+        <IconLucideUser v-else class="size-8 text-white" />
+      </div>
+    </div>
+    <!-- 信息 -->
+    <div
+      class="flex flex-col gap-0.5 px-2.5 py-2.5"
+      :class="type === 'artist' ? 'items-center' : ''"
+    >
+      <div
+        class="text-sm text-on-surface line-clamp-2 leading-snug"
+        :class="type === 'artist' ? 'text-center w-full' : ''"
+      >
+        {{ item.title }}
+      </div>
+      <div
+        v-if="item.subtitle"
+        class="text-xs text-on-surface-variant/50 truncate"
+        :class="type === 'artist' ? 'text-center w-full' : ''"
+      >
+        {{ item.subtitle }}
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/components/list/CoverList.vue b/src/components/list/CoverList.vue
index afc5f5c..14b9661 100644
--- a/src/components/list/CoverList.vue
+++ b/src/components/list/CoverList.vue
@@ -1,13 +1,14 @@
 <script setup lang="ts">
 import type { CoverItem } from "@/types/artist";
 import type { SVirtualListExposed } from "@/components/ui/SVirtualList.vue";
-import artistFallback from "@/assets/images/artist.jpg";
 
 export interface CoverListProps {
   /** 列表数据 */
   items: CoverItem[];
   /** 列表类型 */
   type?: "default" | "artist";
+  /** 是否虚拟滚动 */
+  virtual?: boolean;
   /** 单项最小宽度（px） */
   minSize?: number;
   /** 项间距（px） */
@@ -30,6 +31,7 @@ export interface CoverListProps {
 
 const props = withDefaults(defineProps<CoverListProps>(), {
   type: "default",
+  virtual: true,
   minSize: 140,
   gap: 20,
   rounded: "rounded-xl",
@@ -42,16 +44,6 @@ const props = withDefaults(defineProps<CoverListProps>(), {
 
 const { t } = useI18n();
 
-const coverRounded = computed(() => {
-  if (props.type === "artist") return "rounded-full";
-  return props.rounded;
-});
-
-const actualFallback = computed(() => {
-  if (props.type === "artist") return artistFallback;
-  return props.fallback;
-});
-
 const emit = defineEmits<{
   click: [item: CoverItem];
   reachBottom: [];
@@ -103,7 +95,9 @@ const getRowKey = (row: Row): string => row.id;
 </script>
 
 <template>
+  <!-- 虚拟滚动 -->
   <SVirtualList
+    v-if="virtual"
     ref="virtualListRef"
     :items="rows"
     :item-height="rowHeight"
@@ -139,58 +133,36 @@ const getRowKey = (row: Row): string => row.id;
           gap: `${gap}px`,
         }"
       >
-        <div
+        <CoverCard
           v-for="item in row.items"
           :key="item.id"
-          class="cursor-pointer group rounded-xl transition-colors duration-300"
-          :class="type !== 'artist' ? 'hover:bg-primary/10' : ''"
+          :item="item"
+          :type="type"
+          :rounded="rounded"
+          :fallback="fallback"
           @click="emit('click', item)"
-        >
-          <!-- 封面 -->
-          <div
-            class="relative overflow-hidden group-hover:will-change-transform"
-            :class="coverRounded"
-          >
-            <SImg
-              :src="item.cover"
-              :fallback="actualFallback"
-              :alt="item.title"
-              class="w-full aspect-square transition-[transform,filter] duration-300 ease-out group-hover:scale-108 group-hover:brightness-80"
-            />
-            <!-- 播放按钮 -->
-            <div
-              class="absolute size-9 flex items-center justify-center rounded-full opacity-0 transition-[opacity,transform] duration-300 group-hover:opacity-100"
-              :class="
-                type === 'artist'
-                  ? 'inset-0 m-auto'
-                  : 'right-2 bottom-2 bg-white/50 translate-y-1.5 group-hover:translate-y-0'
-              "
-            >
-              <IconLucidePlay v-if="type !== 'artist'" class="size-4.5 text-white" />
-              <IconLucideUser v-else class="size-8 text-white" />
-            </div>
-          </div>
-          <!-- 信息 -->
-          <div
-            class="flex flex-col gap-0.5 px-2.5 py-2.5"
-            :class="type === 'artist' ? 'items-center' : ''"
-          >
-            <div
-              class="text-sm text-on-surface line-clamp-2 leading-snug"
-              :class="type === 'artist' ? 'text-center w-full' : ''"
-            >
-              {{ item.title }}
-            </div>
-            <div
-              v-if="item.subtitle"
-              class="text-xs text-on-surface-variant/50 truncate"
-              :class="type === 'artist' ? 'text-center w-full' : ''"
-            >
-              {{ item.subtitle }}
-            </div>
-          </div>
-        </div>
+        />
       </div>
     </template>
   </SVirtualList>
+  <!-- 普通网格 -->
+  <div
+    v-else
+    class="grid"
+    :style="{
+      padding: `${paddingTop}px ${paddingX}px ${paddingBottom}px`,
+      gridTemplateColumns: `repeat(auto-fill, minmax(${minSize}px, 1fr))`,
+      gap: `${gap}px`,
+    }"
+  >
+    <CoverCard
+      v-for="item in items"
+      :key="item.id"
+      :item="item"
+      :type="type"
+      :rounded="rounded"
+      :fallback="fallback"
+      @click="emit('click', item)"
+    />
+  </div>
 </template>
diff --git a/src/components/ui/SCard.vue b/src/components/ui/SCard.vue
index ccd9352..bc84435 100644
--- a/src/components/ui/SCard.vue
+++ b/src/components/ui/SCard.vue
@@ -6,6 +6,8 @@ export interface SCardProps {
   bordered?: boolean;
   /** 内边距尺寸 */
   size?: "small" | "medium" | "large";
+  /** 圆角尺寸 */
+  radius?: "md" | "lg" | "xl";
   /** 鼠标悬浮高亮 */
   hoverable?: boolean;
 }
@@ -13,6 +15,7 @@ export interface SCardProps {
 withDefaults(defineProps<SCardProps>(), {
   bordered: true,
   size: "medium",
+  radius: "lg",
 });
 
 const sizePadding: Record<NonNullable<SCardProps["size"]>, string> = {
@@ -21,6 +24,12 @@ const sizePadding: Record<NonNullable<SCardProps["size"]>, string> = {
   large: "px-5 py-4",
 };
 
+const radiusClass: Record<NonNullable<SCardProps["radius"]>, string> = {
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+};
+
 const slots = useSlots();
 
 const structured = computed(() => !!slots.header || !!slots["header-extra"] || !!slots.footer);
@@ -28,10 +37,11 @@ const structured = computed(() => !!slots.header || !!slots["header-extra"] || !
 
 <template>
   <div
-    class="rounded-lg transition-shadow duration-150"
+    class="bg-surface-panel transition-shadow duration-200"
     :class="[
+      radiusClass[radius],
       bordered && 'border border-solid border-primary/20',
-      hoverable && 'hover:shadow-md',
+      hoverable && 'cursor-pointer hover:shadow-md',
       !structured && !title && sizePadding[size],
     ]"
   >
diff --git a/src/composables/home/useContinueListening.ts b/src/composables/home/useContinueListening.ts
new file mode 100644
index 0000000..d4c8baf
--- /dev/null
+++ b/src/composables/home/useContinueListening.ts
@@ -0,0 +1,49 @@
+import type { Track } from "@shared/types/player";
+
+/** 区域展示曲目数上限 */
+const MAX_ITEMS = 6;
+/** 最高播放次数达到此值才呈现为「反复聆听」，否则降为「继续聆听」 */
+const REPEAT_TITLE_THRESHOLD = 2;
+
+/**
+ * 首页「反复聆听 / 继续聆听」区域
+ *
+ * 统一取最常播放的曲目，不足时由播放次数少的、乃至只播过一次的补足
+ * （getTopTracks 同次数按最近播放排序，故次数都很低时即等价于「继续聆听」）。
+ * 最高播放次数达阈值才呈现为「反复聆听」，否则标题降为「继续聆听」。
+ */
+export const useContinueListening = () => {
+  const { t } = useI18n();
+
+  // shallowRef：Track 数组不做深度代理，避免入队列后 IDB 持久化报 DataCloneError
+  const tracks = shallowRef<Track[]>([]);
+  /** 是否呈现为「反复聆听」 */
+  const isRepeat = ref(false);
+
+  /** 区域标题 */
+  const title = computed(() =>
+    isRepeat.value ? t("home.continue.repeatTitle") : t("home.continue.continueTitle"),
+  );
+
+  /** 区域副标题，无数据时为空 */
+  const subtitle = computed(() => {
+    const count = tracks.value.length;
+    if (count === 0) return "";
+    return isRepeat.value
+      ? t("home.continue.repeatSubtitle", { count })
+      : t("home.continue.continueSubtitle", { count });
+  });
+
+  /** 拉取最常播放曲目 */
+  const load = async (): Promise<void> => {
+    try {
+      const top = await window.api.stats.getTopTracks(MAX_ITEMS);
+      tracks.value = top.map((item) => item.track);
+      isRepeat.value = (top[0]?.playCount ?? 0) >= REPEAT_TITLE_THRESHOLD;
+    } catch (error) {
+      console.warn("[home] getTopTracks failed:", error);
+    }
+  };
+
+  return { tracks, title, subtitle, load };
+};
diff --git a/src/composables/home/useHomeHeader.ts b/src/composables/home/useHomeHeader.ts
new file mode 100644
index 0000000..1006965
--- /dev/null
+++ b/src/composables/home/useHomeHeader.ts
@@ -0,0 +1,143 @@
+import type { PlayStatsSummary } from "@shared/types/stats";
+import { useUserStore } from "@/stores/user";
+import { useHistoryStore } from "@/stores/history";
+
+/** 单个统计卡片 */
+export interface HeaderStat {
+  value: string;
+  unit: string;
+  label: string;
+}
+
+/** 一条副标题 */
+interface SubtitlePick {
+  key: string;
+  days?: number;
+  count?: number;
+  /** 需按当前语言格式化的时长（毫秒） */
+  durationMs?: number;
+}
+
+/** 始终可用的纯问候语 */
+const PLAIN_KEYS = ["home.subtitle.plain1", "home.subtitle.plain2", "home.subtitle.plain3"];
+
+/** 随机取数组一项 */
+const pickRandom = <T>(list: T[]): T => list[Math.floor(Math.random() * list.length)];
+
+/**
+ * 首页头部数据：按时段问候语、随机副标题、右侧统计
+ *
+ * 副标题每次进入随机挑一条（连续天数 / 本周时长 / 环比 / 新增收藏 / 最近播放），
+ * 数据不足的条目自动不入池，纯问候恒在
+ */
+export const useHomeHeader = () => {
+  const { t } = useI18n();
+  const user = useUserStore();
+  const history = useHistoryStore();
+
+  /** 时长格式化：X 小时 Y 分钟 */
+  const formatHm = (ms: number): string => {
+    const totalMin = Math.round(ms / 60000);
+    const hours = Math.floor(totalMin / 60);
+    const minutes = totalMin % 60;
+    if (hours > 0 && minutes > 0) return t("home.duration.hm", { hours, minutes });
+    if (hours > 0) return t("home.duration.hours", { hours });
+    return t("home.duration.minutes", { minutes });
+  };
+
+  /** 按时段问候 key */
+  const greetingKey = computed(() => {
+    const hour = new Date().getHours();
+    if (hour < 6) return "home.greeting.dawn";
+    if (hour < 12) return "home.greeting.morning";
+    if (hour < 14) return "home.greeting.noon";
+    if (hour < 18) return "home.greeting.afternoon";
+    return "home.greeting.evening";
+  });
+
+  /** 问候标题：登录时附用户名，未登录仅问候语 */
+  const greetingTitle = computed(() => {
+    const greeting = t(greetingKey.value);
+    const name = user.profile?.nickname;
+    return name ? t("home.greetingLine", { greeting, name }) : greeting;
+  });
+
+  const stats = ref<PlayStatsSummary | null>(null);
+
+  /** 右侧三项统计 */
+  const headerStats = computed<HeaderStat[]>(() => {
+    const data = stats.value;
+    return [
+      {
+        value: data ? (data.weekListenedMs / 3600000).toFixed(1) : "0",
+        unit: t("home.stats.unitHour"),
+        label: t("home.stats.weekDuration"),
+      },
+      {
+        value: String(data?.weekFavoriteAdds ?? 0),
+        unit: t("home.stats.unitSong"),
+        label: t("home.stats.newFavorites"),
+      },
+      {
+        value: String(data?.streakDays ?? 0),
+        unit: t("home.stats.unitDay"),
+        label: t("home.stats.listenStreak"),
+      },
+    ];
+  });
+
+  /** 副标题候选池 */
+  const buildSubtitles = (): SubtitlePick[] => {
+    const pool: SubtitlePick[] = PLAIN_KEYS.map((key) => ({ key }));
+    const data = stats.value;
+    if (data) {
+      if (data.streakDays >= 2) {
+        pool.push({ key: "home.subtitle.streak", days: data.streakDays });
+      }
+      if (data.weekListenedMs > 0) {
+        pool.push({ key: "home.subtitle.weekListened", durationMs: data.weekListenedMs });
+        const diff = data.weekListenedMs - data.lastWeekListenedMs;
+        if (data.lastWeekListenedMs > 0 && Math.abs(diff) >= 60000) {
+          pool.push({
+            key: diff > 0 ? "home.subtitle.weekMore" : "home.subtitle.weekLess",
+            durationMs: Math.abs(diff),
+          });
+        }
+      }
+      if (data.weekFavoriteAdds > 0) {
+        pool.push({ key: "home.subtitle.favorites", count: data.weekFavoriteAdds });
+      }
+    }
+    const recentCount = history.tracks.length;
+    if (recentCount > 0) {
+      pool.push({ key: "home.subtitle.recent", count: recentCount });
+    }
+    return pool;
+  };
+
+  /** 随机挑中的副标题 */
+  const subtitlePick = ref<SubtitlePick>({ key: pickRandom(PLAIN_KEYS) });
+
+  /** 副标题文案 */
+  const greetingSub = computed(() => {
+    const pick = subtitlePick.value;
+    const params: Record<string, string | number> = {};
+    if (pick.days !== undefined) params.days = pick.days;
+    if (pick.count !== undefined) params.count = pick.count;
+    if (pick.durationMs !== undefined) params.duration = formatHm(pick.durationMs);
+    return t(pick.key, params);
+  });
+
+  /** 拉取统计并重挑副标题 */
+  const load = async (): Promise<void> => {
+    await history.load();
+    try {
+      stats.value = await window.api.stats.getStatsSummary();
+    } catch (error) {
+      console.warn("[home] getStatsSummary failed:", error);
+    }
+    subtitlePick.value = pickRandom(buildSubtitles());
+  };
+
+  return { greetingTitle, greetingSub, headerStats, load };
+};
diff --git a/src/composables/home/useQuickActions.ts b/src/composables/home/useQuickActions.ts
new file mode 100644
index 0000000..d0e1695
--- /dev/null
+++ b/src/composables/home/useQuickActions.ts
@@ -0,0 +1,70 @@
+import { useUserStore } from "@/stores/user";
+import { toast } from "@/composables/useToast";
+import * as player from "@/core/player";
+import IconDices from "~icons/lucide/dices";
+import IconCalendarDays from "~icons/lucide/calendar-days";
+import IconHeart from "~icons/lucide/heart";
+import IconRadio from "~icons/lucide/radio";
+
+/**
+ * 首页快捷入口
+ */
+export const useQuickActions = () => {
+  const { t } = useI18n();
+  const user = useUserStore();
+
+  /** 试试手气 */
+  const playLucky = useThrottleFn(async (): Promise<void> => {
+    const online = user.likedPlaylistTracks;
+    const countRes = await window.api.library.getTrackCount();
+    const hasLocal = (countRes.success ? (countRes.data ?? 0) : 0) > 0;
+    const hasOnline = online.length > 0;
+    if (!hasLocal && !hasOnline) {
+      toast.warning(t("home.quickActions.luck.empty"));
+      return;
+    }
+    // 两侧都有则各 50% 随机一侧，只有一侧则直接用那侧
+    const fromLocal = hasLocal && (!hasOnline || Math.random() < 0.5);
+    if (fromLocal) {
+      const trackRes = await window.api.library.getRandomTrack();
+      const localTrack = trackRes.success ? trackRes.data : null;
+      if (localTrack) await player.playNow(localTrack);
+      return;
+    }
+    const onlineTrack = online[Math.floor(Math.random() * online.length)];
+    if (onlineTrack) await player.playNow(onlineTrack);
+  }, 800);
+
+  /** 暂未实现的入口占位 */
+  const noop = (): void => {};
+
+  /** 快捷入口列表 */
+  const quickActions = computed(() => [
+    {
+      icon: IconDices,
+      title: t("home.quickActions.luck.title"),
+      desc: t("home.quickActions.luck.desc"),
+      run: playLucky,
+    },
+    {
+      icon: IconCalendarDays,
+      title: t("home.quickActions.daily.title"),
+      desc: t("home.quickActions.daily.desc"),
+      run: noop,
+    },
+    {
+      icon: IconHeart,
+      title: t("home.quickActions.heartMode.title"),
+      desc: t("home.quickActions.heartMode.desc"),
+      run: noop,
+    },
+    {
+      icon: IconRadio,
+      title: t("home.quickActions.fm.title"),
+      desc: t("home.quickActions.fm.desc"),
+      run: noop,
+    },
+  ]);
+
+  return { quickActions };
+};
diff --git a/src/composables/useFavorite.ts b/src/composables/useFavorite.ts
index 21e8b27..e2b44f0 100644
--- a/src/composables/useFavorite.ts
+++ b/src/composables/useFavorite.ts
@@ -4,7 +4,7 @@ import { useUserStore } from "@/stores/user";
 import { toast } from "@/composables/useToast";
 import { useI18n } from "vue-i18n";
 
-/** 
+/**
  * 记一次收藏变更
  * @param track 歌曲
  * @param liked 是否已收藏
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index 0c2ddbc..1189ed6 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -88,6 +88,66 @@
       "hot": "Trending"
     }
   },
+  "home": {
+    "greetingLine": "{greeting}, {name}",
+    "greeting": {
+      "dawn": "Good morning",
+      "morning": "Good morning",
+      "noon": "Good afternoon",
+      "afternoon": "Good afternoon",
+      "evening": "Good evening"
+    },
+    "stats": {
+      "weekDuration": "This week",
+      "newFavorites": "New favorites",
+      "listenStreak": "Streak",
+      "unitHour": "h",
+      "unitSong": "songs",
+      "unitDay": "days"
+    },
+    "duration": {
+      "hm": "{hours} h {minutes} min",
+      "hours": "{hours} h",
+      "minutes": "{minutes} min"
+    },
+    "subtitle": {
+      "plain1": "May good music keep you company today",
+      "plain2": "Put on your headphones and let the world quiet down",
+      "plain3": "Music's ready — pick a track to start",
+      "streak": "You've listened {days} days straight, keep it up",
+      "weekListened": "You've listened for {duration} this week",
+      "weekMore": "That's {duration} more than last week",
+      "weekLess": "That's {duration} less than last week",
+      "favorites": "You added {count} new favorites this week",
+      "recent": "What to play today? Pick up your {count} recently played"
+    },
+    "quickActions": {
+      "luck": {
+        "title": "Feeling lucky",
+        "desc": "Play a random track",
+        "empty": "No tracks available yet"
+      },
+      "daily": {
+        "title": "Daily picks",
+        "desc": "Fresh picks every day"
+      },
+      "heartMode": {
+        "title": "Heart mode",
+        "desc": "Smart play by your taste"
+      },
+      "fm": {
+        "title": "Personal FM",
+        "desc": "Endless recommendations"
+      }
+    },
+    "continue": {
+      "repeatTitle": "On Repeat",
+      "repeatSubtitle": "Your {count} most-played tracks",
+      "continueTitle": "Continue Listening",
+      "continueSubtitle": "{count} tracks you recently played",
+      "empty": "No play history yet — go listen to something"
+    }
+  },
   "login": {
     "qrTipWaiting": "Open the Cloud Music app and scan the QR code",
     "qrTipScanned": "Scanned, please confirm in the app",
diff --git a/src/i18n/locales/zh-CN.json b/src/i18n/locales/zh-CN.json
index aacbcb0..0afda92 100644
--- a/src/i18n/locales/zh-CN.json
+++ b/src/i18n/locales/zh-CN.json
@@ -88,6 +88,66 @@
       "hot": "热搜榜"
     }
   },
+  "home": {
+    "greetingLine": "{greeting}，{name}",
+    "greeting": {
+      "dawn": "凌晨好",
+      "morning": "早上好",
+      "noon": "中午好",
+      "afternoon": "下午好",
+      "evening": "晚上好"
+    },
+    "stats": {
+      "weekDuration": "本周时长",
+      "newFavorites": "新增收藏",
+      "listenStreak": "连续收听",
+      "unitHour": "h",
+      "unitSong": "首",
+      "unitDay": "天"
+    },
+    "duration": {
+      "hm": "{hours} 小时 {minutes} 分钟",
+      "hours": "{hours} 小时",
+      "minutes": "{minutes} 分钟"
+    },
+    "subtitle": {
+      "plain1": "愿今天有好音乐与你相伴",
+      "plain2": "戴上耳机，让世界安静一会儿",
+      "plain3": "音乐已就绪，挑一首开始吧",
+      "streak": "你已连续收听 {days} 天，继续保持",
+      "weekListened": "本周已经听了 {duration}",
+      "weekMore": "本周比上周多听了 {duration}",
+      "weekLess": "本周比上周少听了 {duration}",
+      "favorites": "本周新收藏了 {count} 首歌",
+      "recent": "今天想听点什么？继续上次的 {count} 首最近播放吧"
+    },
+    "quickActions": {
+      "luck": {
+        "title": "试试手气",
+        "desc": "随机播放一首",
+        "empty": "曲库里还没有歌曲"
+      },
+      "daily": {
+        "title": "每日推荐",
+        "desc": "每天为你精选"
+      },
+      "heartMode": {
+        "title": "心动模式",
+        "desc": "根据喜好智能播放"
+      },
+      "fm": {
+        "title": "私人 FM",
+        "desc": "为你不停推荐"
+      }
+    },
+    "continue": {
+      "repeatTitle": "反复聆听",
+      "repeatSubtitle": "你最常听的 {count} 首歌",
+      "continueTitle": "继续聆听",
+      "continueSubtitle": "你最近在听的 {count} 首歌",
+      "empty": "还没有播放记录，去听点什么吧"
+    }
+  },
   "login": {
     "qrTipWaiting": "请打开云音乐 APP 扫码登录",
     "qrTipScanned": "扫描成功，请在客户端确认登录",
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 1feb6f8..1892f87 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -1,154 +1,160 @@
 <script setup lang="ts">
-import { useMediaStore } from "@/stores/media";
-import { netease } from "@/apis/netease";
-import { qqmusic } from "@/apis/qqmusic";
-import { kugou } from "@/apis/kugou";
-import type { Platform } from "@shared/types/platform";
+import type { Track } from "@shared/types/player";
+import type { CoverItem } from "@/types/artist";
+import { useHomeHeader } from "@/composables/home/useHomeHeader";
+import { useContinueListening } from "@/composables/home/useContinueListening";
+import { useQuickActions } from "@/composables/home/useQuickActions";
+import * as player from "@/core/player";
 
-const media = useMediaStore();
+const { t } = useI18n();
 
-const platform = ref<Platform>("netease");
-const loading = ref(false);
-const errorMsg = ref("");
-const rawSearch = ref<unknown>(null);
-const rawLyric = ref<unknown>(null);
-const picked = ref<unknown>(null);
+/** 头部 */
+const { greetingTitle, greetingSub, headerStats, load: loadHeader } = useHomeHeader();
+/** 快捷入口：内容 + 点击行为 */
+const { quickActions } = useQuickActions();
+/** 继续聆听 / 反复聆听 */
+const {
+  tracks: continueTracks,
+  title: continueTitle,
+  subtitle: continueSubtitle,
+  load: loadContinue,
+} = useContinueListening();
 
-const toJson = (v: unknown, n = 12000): string => {
-  try {
-    const s = JSON.stringify(v, null, 2);
-    return s.length > n ? `${s.slice(0, n)}…` : s;
-  } catch {
-    return String(v);
-  }
-};
+onMounted(() => {
+  void loadHeader();
+  void loadContinue();
+});
 
-/** 各平台独立拉 search 原始返回 + 第一条 lyric 原始返回 */
-const runMatch = async (): Promise<void> => {
-  const track = media.track;
-  if (!track) {
-    errorMsg.value = "当前没有播放曲目";
-    return;
-  }
-  loading.value = true;
-  errorMsg.value = "";
-  rawSearch.value = null;
-  rawLyric.value = null;
-  picked.value = null;
+/** 拼接歌手名 */
+const artistName = (track: Track): string => track.artists.map((artist) => artist.name).join(" / ");
 
-  const keyword = `${track.title} ${track.artists[0]?.name ?? ""}`.trim();
-
-  try {
-    if (platform.value === "netease") {
-      const body = (await netease.search({ keywords: keyword, type: 1, limit: 25 })) as {
-        result?: { songs?: { id: number }[] };
-      };
-      rawSearch.value = body;
-      const first = body?.result?.songs?.[0];
-      if (first) {
-        picked.value = first;
-        rawLyric.value = await netease.lyric_new({ id: String(first.id) });
-      }
-    } else if (platform.value === "qqmusic") {
-      const body = (await qqmusic.search({ keywords: keyword, limit: 25 })) as {
-        songs?: { id: string; name: string; artist: string; album: string; duration: number }[];
-      };
-      rawSearch.value = body;
-      const first = body.songs?.[0];
-      if (first) {
-        picked.value = first;
-        rawLyric.value = await qqmusic.lyric({
-          id: first.id,
-          name: first.name,
-          artist: first.artist,
-          album: first.album,
-          duration: Math.floor((first.duration ?? 0) / 1000),
-        });
-      }
-    } else if (platform.value === "kugou") {
-      const body = (await kugou.search({ keywords: keyword, limit: 25 })) as {
-        songs?: { hash: string; name: string; duration: number }[];
-      };
-      rawSearch.value = body;
-      const first = body.songs?.[0];
-      if (first) {
-        picked.value = first;
-        rawLyric.value = await kugou.lyric({
-          hash: first.hash,
-          name: first.name,
-          duration: Math.floor((first.duration ?? 0) / 1000),
-        });
-      }
-    }
-  } catch (err) {
-    errorMsg.value = err instanceof Error ? err.message : String(err);
-  } finally {
-    loading.value = false;
-  }
-};
+/** 推荐歌单（占位） */
+const recommendPlaylists: CoverItem[] = Array.from({ length: 6 }, (_, index) => ({
+  id: `placeholder-${index}`,
+  title: `推荐歌单 ${index + 1}`,
+  subtitle: "根据你的口味",
+  trackCount: 0,
+}));
 </script>
 
 <template>
-  <div class="flex flex-col gap-4 p-8 max-w-3xl mx-auto w-full">
-    <h2 class="text-lg font-semibold">歌词匹配测试</h2>
-
-    <div class="rounded-xl border border-solid border-outline-variant/40 p-4 space-y-3">
-      <div v-if="media.track" class="text-xs text-on-surface-variant">
-        当前：{{ media.track.title }} —
-        {{ media.track.artists.map((a) => a.name).join(" / ") }}
-        <span v-if="media.track.album?.name">· {{ media.track.album.name }}</span>
-        <span v-if="media.track.duration">· {{ Math.round(media.track.duration / 1000) }}s</span>
-      </div>
-      <div v-else class="text-xs text-on-surface-variant/60">暂无播放曲目</div>
-
-      <div class="flex items-center gap-3 flex-wrap">
-        <span class="text-xs text-on-surface-variant">平台</span>
-        <select
-          v-model="platform"
-          class="px-2 py-1.5 rounded-lg text-sm border border-solid border-outline-variant bg-surface-alt text-on-surface outline-none"
+  <div class="h-full overflow-y-auto">
+    <div class="mx-auto flex max-w-[1400px] flex-col gap-7 px-6 pt-6 pb-10">
+      <!-- 问候区 -->
+      <header class="flex items-start justify-between gap-6">
+        <div class="min-w-0">
+          <h1 class="text-3xl font-bold text-on-surface">{{ greetingTitle }}</h1>
+          <p class="mt-2 text-sm text-on-surface-variant/70">{{ greetingSub }}</p>
+        </div>
+        <div class="shrink-0 flex items-center gap-6">
+          <div v-for="stat in headerStats" :key="stat.label" class="text-right">
+            <div class="flex items-baseline justify-end gap-0.5">
+              <span class="text-2xl font-bold text-on-surface tabular-nums">{{ stat.value }}</span>
+              <span class="text-sm text-on-surface-variant">{{ stat.unit }}</span>
+            </div>
+            <div class="mt-0.5 text-xs text-on-surface-variant/50">{{ stat.label }}</div>
+          </div>
+        </div>
+      </header>
+      <!-- 每日推荐 Banner -->
+      <section
+        class="relative overflow-hidden rounded-2xl border border-solid border-on-surface/10"
+      >
+        <div
+          class="absolute inset-0 bg-gradient-to-br from-primary/25 via-primary/8 to-on-surface/10"
+        />
+        <div class="relative flex items-center gap-5 p-5">
+          <div class="size-32 shrink-0 rounded-xl bg-on-surface/15" />
+          <div class="min-w-0 flex flex-col gap-2">
+            <STag type="default" round size="small" class="self-start">每日推荐</STag>
+            <h2 class="truncate text-2xl font-bold text-on-surface">万能青年旅店《同名专辑》</h2>
+            <p class="truncate text-sm text-on-surface-variant/70">豆瓣高分专辑 · 共 9 首</p>
+            <div class="mt-1 flex items-center gap-3">
+              <SButton type="primary" round>
+                <template #icon><IconLucidePlay /></template>
+                立即播放
+              </SButton>
+              <SButton variant="secondary" round>
+                <template #icon><IconLucidePlus /></template>
+                稍后听
+              </SButton>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- 快捷入口 -->
+      <section class="grid grid-cols-4 gap-3">
+        <SCard
+          v-for="action in quickActions"
+          :key="action.title"
+          radius="xl"
+          hoverable
+          class="flex items-center gap-3"
+          @click="action.run()"
         >
-          <option value="netease">Netease</option>
-          <option value="qqmusic">QQMusic</option>
-          <option value="kugou">Kugou</option>
-        </select>
-        <SButton
-          type="primary"
-          size="small"
-          :loading="loading"
-          :disabled="!media.track"
-          @click="runMatch"
+          <div
+            class="flex size-9 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary"
+          >
+            <component :is="action.icon" class="size-5" />
+          </div>
+          <div class="min-w-0">
+            <div class="truncate text-sm font-medium text-on-surface">{{ action.title }}</div>
+            <div class="truncate text-xs text-on-surface-variant/50">{{ action.desc }}</div>
+          </div>
+        </SCard>
+      </section>
+      <!-- 继续聆听 / 反复聆听 -->
+      <section class="flex flex-col gap-3">
+        <div>
+          <h3 class="text-lg font-semibold text-on-surface">{{ continueTitle }}</h3>
+          <p v-if="continueSubtitle" class="mt-0.5 text-xs text-on-surface-variant/50">
+            {{ continueSubtitle }}
+          </p>
+        </div>
+        <div v-if="continueTracks.length > 0" class="grid grid-cols-3 gap-3">
+          <SCard
+            v-for="track in continueTracks"
+            :key="`${track.source}:${track.id}`"
+            radius="xl"
+            size="small"
+            hoverable
+            class="group flex items-center gap-3"
+            @click="player.playNow(track)"
+          >
+            <div class="relative size-12 shrink-0">
+              <SImg :src="track.cover" :alt="track.title" class="size-12 rounded-lg" />
+              <div
+                class="absolute inset-0 flex items-center justify-center rounded-lg bg-black/45 opacity-0 transition-opacity duration-200 group-hover:opacity-100"
+              >
+                <IconLucidePlay class="size-5 text-white" />
+              </div>
+            </div>
+            <div class="min-w-0">
+              <div class="truncate text-sm text-on-surface">{{ track.title }}</div>
+              <div class="truncate text-xs text-on-surface-variant/50">{{ artistName(track) }}</div>
+            </div>
+          </SCard>
+        </div>
+        <div
+          v-else
+          class="flex flex-col items-center justify-center gap-2 rounded-xl border border-dashed border-on-surface/12 py-10 text-on-surface-variant/40"
         >
-          执行
-        </SButton>
-      </div>
+          <IconLucideHeadphones class="size-7" />
+          <span class="text-sm">{{ t("home.continue.empty") }}</span>
+        </div>
+      </section>
 
-      <div v-if="errorMsg" class="rounded-md bg-red-500/10 px-2 py-1.5 text-xs text-red-500">
-        {{ errorMsg }}
-      </div>
-
-      <details v-if="rawSearch" open class="text-xs">
-        <summary class="cursor-pointer text-on-surface">search 原始返回</summary>
-        <pre
-          class="mt-2 max-h-96 overflow-auto whitespace-pre-wrap rounded bg-on-surface/5 p-2 font-mono text-[11px]"
-          >{{ toJson(rawSearch) }}</pre
-        >
-      </details>
-
-      <details v-if="picked" class="text-xs">
-        <summary class="cursor-pointer text-on-surface">选中的第一条候选（lyric 参数来源）</summary>
-        <pre
-          class="mt-2 max-h-60 overflow-auto whitespace-pre-wrap rounded bg-on-surface/5 p-2 font-mono text-[11px]"
-          >{{ toJson(picked) }}</pre
-        >
-      </details>
-
-      <details v-if="rawLyric" open class="text-xs">
-        <summary class="cursor-pointer text-on-surface">lyric 原始返回</summary>
-        <pre
-          class="mt-2 max-h-96 overflow-auto whitespace-pre-wrap rounded bg-on-surface/5 p-2 font-mono text-[11px]"
-          >{{ toJson(rawLyric) }}</pre
-        >
-      </details>
+      <!-- 推荐歌单 -->
+      <section class="flex flex-col gap-3">
+        <div class="flex items-center justify-between">
+          <h3 class="text-lg font-semibold text-on-surface">推荐歌单</h3>
+          <SButton variant="text" size="tiny">
+            查看全部
+            <IconLucideChevronRight class="size-3.5" />
+          </SButton>
+        </div>
+        <CoverList :items="recommendPlaylists" :virtual="false" :gap="16" />
+      </section>
     </div>
   </div>
 </template>

From deb8a74b4050f090cb89fbc16a5e34f64d074c96 Mon Sep 17 00:00:00 2001
From: imsyy <one@imsyy.top>
Date: Fri, 22 May 2026 01:49:34 +0800
Subject: [PATCH 06/14] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                               |   1 +
 electron/main/apis/netease/modules/index.ts   |   5 +
 .../apis/netease/modules/recommend_songs.ts   |  17 +++
 electron/main/database/index.ts               |   1 +
 electron/main/database/queries.ts             |   8 ++
 electron/main/ipc/library.ts                  |  10 ++
 electron/preload/index.ts                     |   2 +
 shared/types/library.ts                       |   2 +
 src/apis/recommend/netease.ts                 |   9 ++
 src/components/player/Lyrics/renderer.css     |   1 +
 src/components/ui/SCard.vue                   |   4 +-
 src/components/ui/SImg.vue                    |   2 +-
 src/composables/home/useDailyRecommend.ts     | 122 ++++++++++++++++++
 src/composables/home/useQuickActions.ts       |   3 +-
 src/composables/useMultiSelect.ts             |   4 +-
 src/core/player/index.ts                      |  21 +++
 src/i18n/locales/en-US.json                   |  25 ++++
 src/i18n/locales/zh-CN.json                   |  25 ++++
 src/pages/Daily.vue                           |  65 ++++++++++
 src/pages/Home.vue                            |  58 +++++----
 src/router/index.ts                           |   5 +
 src/stores/data.ts                            |  64 +++++++++
 src/stores/queue.ts                           |  16 +++
 23 files changed, 440 insertions(+), 30 deletions(-)
 create mode 100644 electron/main/apis/netease/modules/recommend_songs.ts
 create mode 100644 src/apis/recommend/netease.ts
 create mode 100644 src/composables/home/useDailyRecommend.ts
 create mode 100644 src/pages/Daily.vue

diff --git a/components.d.ts b/components.d.ts
index 4bd25d0..fb23522 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -66,6 +66,7 @@ declare module 'vue' {
     IconLucideArrowRight: typeof import('~icons/lucide/arrow-right')['default']
     IconLucideArrowUp: typeof import('~icons/lucide/arrow-up')['default']
     IconLucideArrowUpCircle: typeof import('~icons/lucide/arrow-up-circle')['default']
+    IconLucideCalendarDays: typeof import('~icons/lucide/calendar-days')['default']
     IconLucideCheck: typeof import('~icons/lucide/check')['default']
     IconLucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
     IconLucideChevronLeft: typeof import('~icons/lucide/chevron-left')['default']
diff --git a/electron/main/apis/netease/modules/index.ts b/electron/main/apis/netease/modules/index.ts
index cfad087..e77d790 100644
--- a/electron/main/apis/netease/modules/index.ts
+++ b/electron/main/apis/netease/modules/index.ts
@@ -53,6 +53,9 @@ import cloud_lyric_get from "./cloud_lyric_get";
 import song_detail from "./song_detail";
 import song_url from "./song_url";
 
+// 每日推荐
+import recommend_songs from "./recommend_songs";
+
 // 歌单 / 喜欢
 import playlist_detail from "./playlist_detail";
 import playlist_create from "./playlist_create";
@@ -120,6 +123,8 @@ export const modules: Record<string, NeteaseModule> = {
   song_detail,
   song_url,
 
+  recommend_songs,
+
   playlist_detail,
   playlist_create,
   playlist_delete,
diff --git a/electron/main/apis/netease/modules/recommend_songs.ts b/electron/main/apis/netease/modules/recommend_songs.ts
new file mode 100644
index 0000000..efcadf0
--- /dev/null
+++ b/electron/main/apis/netease/modules/recommend_songs.ts
@@ -0,0 +1,17 @@
+/**
+ * 每日推荐歌曲（每日 30 首，需登录）
+ *
+ * 响应：`{ code, data: { dailySongs: NeteaseSong[], recommendReasons } }`
+ */
+
+import { createOption } from "../core/option";
+import type { NeteaseModule } from "../core/types";
+
+const recommendSongs: NeteaseModule = (query, request) => {
+  if (query.cookie && typeof query.cookie === "object") {
+    (query.cookie as Record<string, string>).os = "ios";
+  }
+  return request("/api/v3/discovery/recommend/songs", {}, createOption(query, "weapi"));
+};
+
+export default recommendSongs;
diff --git a/electron/main/database/index.ts b/electron/main/database/index.ts
index 739afc6..b0499e3 100644
--- a/electron/main/database/index.ts
+++ b/electron/main/database/index.ts
@@ -142,6 +142,7 @@ export {
   getArtistTracks,
   getTracksByIds,
   getRandomTrack,
+  getRandomTracks,
 } from "./queries";
 
 export type { FileRecord, UpsertTrack } from "./queries";
diff --git a/electron/main/database/queries.ts b/electron/main/database/queries.ts
index b7ffb90..b975be0 100644
--- a/electron/main/database/queries.ts
+++ b/electron/main/database/queries.ts
@@ -72,6 +72,14 @@ export const getRandomTrack = (): Track | null => {
   return row ? rowToTrack(row) : null;
 };
 
+/** 随机取多首曲目 */
+export const getRandomTracks = (limit: number): Track[] => {
+  const rows = getDb()
+    .prepare("SELECT * FROM tracks ORDER BY RANDOM() LIMIT ?")
+    .all(limit) as TrackRow[];
+  return rows.map(rowToTrack);
+};
+
 /** 用于增量扫描比对的文件记录 */
 export interface FileRecord {
   path: string;
diff --git a/electron/main/ipc/library.ts b/electron/main/ipc/library.ts
index 6bec40f..dd16d7a 100644
--- a/electron/main/ipc/library.ts
+++ b/electron/main/ipc/library.ts
@@ -13,6 +13,7 @@ import {
   getArtistTracks,
   getTracksByIds,
   getRandomTrack,
+  getRandomTracks,
 } from "@main/database";
 import { startScan, cancelScan, isScanning } from "@main/services/scanner";
 import { fetchArtistAvatar, prefetchArtistAvatars } from "@main/apis/musicbrainz";
@@ -123,6 +124,15 @@ export const registerLibraryIpc = (): void => {
     }
   });
 
+  // 随机取多首曲目
+  ipcMain.handle("library:getRandomTracks", (_event, limit: number) => {
+    try {
+      return { success: true, data: getRandomTracks(limit) };
+    } catch (_error) {
+      return { success: false, error: ErrorCode.UNKNOWN };
+    }
+  });
+
   // 获取扫描状态
   ipcMain.handle("library:isScanning", () => {
     return { success: true, data: isScanning() };
diff --git a/electron/preload/index.ts b/electron/preload/index.ts
index b487f7e..7305c82 100644
--- a/electron/preload/index.ts
+++ b/electron/preload/index.ts
@@ -142,6 +142,8 @@ const api = {
     getTrackCount: () => ipcRenderer.invoke("library:getTrackCount"),
     // 随机取一首曲目
     getRandomTrack: () => ipcRenderer.invoke("library:getRandomTrack"),
+    // 随机取多首曲目
+    getRandomTracks: (limit: number) => ipcRenderer.invoke("library:getRandomTracks", limit),
     // 获取扫描状态
     isScanning: () => ipcRenderer.invoke("library:isScanning"),
     // 弹出目录选择器，添加扫描目录
diff --git a/shared/types/library.ts b/shared/types/library.ts
index 852cff3..7172588 100644
--- a/shared/types/library.ts
+++ b/shared/types/library.ts
@@ -56,6 +56,8 @@ export interface LibraryApi {
   getTrackCount: () => Promise<IpcResponse<number>>;
   /** 随机取一首曲目 */
   getRandomTrack: () => Promise<IpcResponse<Track | null>>;
+  /** 随机取多首曲目 */
+  getRandomTracks: (limit: number) => Promise<IpcResponse<Track[]>>;
   /** 获取扫描状态 */
   isScanning: () => Promise<IpcResponse<boolean>>;
   /** 弹出目录选择器，添加扫描目录 */
diff --git a/src/apis/recommend/netease.ts b/src/apis/recommend/netease.ts
new file mode 100644
index 0000000..06523b4
--- /dev/null
+++ b/src/apis/recommend/netease.ts
@@ -0,0 +1,9 @@
+import type { Track } from "@shared/types/player";
+import { netease as neteaseApi } from "@/apis/netease";
+import { songsToTracks } from "@/utils/format/netease";
+
+/** 每日推荐歌曲（每日 30 首，需登录） */
+export const fetchDailySongs = async (): Promise<Track[]> => {
+  const body = await neteaseApi.recommend_songs({ timestamp: Date.now() });
+  return songsToTracks(body?.data?.dailySongs);
+};
diff --git a/src/components/player/Lyrics/renderer.css b/src/components/player/Lyrics/renderer.css
index 98d8097..751d7bb 100644
--- a/src/components/player/Lyrics/renderer.css
+++ b/src/components/player/Lyrics/renderer.css
@@ -34,6 +34,7 @@
   opacity: var(--lp-inactive-opacity, 0.3);
   contain: content;
   transition: opacity 0.3s ease;
+  will-change: transform, filter;
   pointer-events: none;
   --ba: 0.2;
   --da: 0.2;
diff --git a/src/components/ui/SCard.vue b/src/components/ui/SCard.vue
index bc84435..3cdc1e5 100644
--- a/src/components/ui/SCard.vue
+++ b/src/components/ui/SCard.vue
@@ -10,6 +10,8 @@ export interface SCardProps {
   radius?: "md" | "lg" | "xl";
   /** 鼠标悬浮高亮 */
   hoverable?: boolean;
+  /** 无内边距 */
+  flush?: boolean;
 }
 
 withDefaults(defineProps<SCardProps>(), {
@@ -42,7 +44,7 @@ const structured = computed(() => !!slots.header || !!slots["header-extra"] || !
       radiusClass[radius],
       bordered && 'border border-solid border-primary/20',
       hoverable && 'cursor-pointer hover:shadow-md',
-      !structured && !title && sizePadding[size],
+      !structured && !title && !flush && sizePadding[size],
     ]"
   >
     <!-- 结构化：头部 -->
diff --git a/src/components/ui/SImg.vue b/src/components/ui/SImg.vue
index 1a77df2..c74aea6 100644
--- a/src/components/ui/SImg.vue
+++ b/src/components/ui/SImg.vue
@@ -37,7 +37,7 @@ watch(
 </script>
 
 <template>
-  <div class="relative overflow-hidden">
+  <div class="relative isolate overflow-hidden">
     <!-- 占位图：封面加载完后淡出移除 -->
     <Transition name="fade">
       <img
diff --git a/src/composables/home/useDailyRecommend.ts b/src/composables/home/useDailyRecommend.ts
new file mode 100644
index 0000000..5cd8cf5
--- /dev/null
+++ b/src/composables/home/useDailyRecommend.ts
@@ -0,0 +1,122 @@
+import type { Track } from "@shared/types/player";
+import { useUserStore } from "@/stores/user";
+import { useDataStore } from "@/stores/data";
+import { toast } from "@/composables/useToast";
+import * as player from "@/core/player";
+
+/** hero 源类型 */
+type HeroKind = "daily" | "liked" | "local";
+
+/** hero 渲染内容 */
+export interface HeroContent {
+  kind: HeroKind;
+  /** 角标文案 */
+  tag: string;
+  /** 主标题 */
+  title: string;
+  /** 副标题 */
+  subtitle: string;
+  /** 封面 */
+  cover?: string;
+}
+
+/** 选中的来源：曲目 + 代表曲目下标 */
+interface HeroSource {
+  kind: HeroKind;
+  /** 代表曲目下标：决定封面、daily 标题歌名、立即播放的起点 */
+  featuredIndex: number;
+  tracks: Track[];
+}
+
+/** 本地曲库随机取曲数 */
+const LOCAL_RANDOM_LIMIT = 50;
+
+/** 随机下标 */
+const randomIndex = (length: number): number => Math.floor(Math.random() * length);
+
+/** 曲目组装成来源，空则返回 null */
+const toSource = (kind: HeroKind, tracks: Track[]): HeroSource | null =>
+  tracks.length > 0 ? { kind, featuredIndex: randomIndex(tracks.length), tracks } : null;
+
+/**
+ * 首页 hero「每日推荐」
+ *
+ * 来源：每日推荐曲目 / 我喜欢的音乐 / 本地曲库随机
+ * 每次进首页随机选一种展示，该来源无内容则顺延下一种。
+ * 每日推荐数据由 data store 按天缓存（IndexedDB），此处不再额外缓存。
+ */
+export const useDailyRecommend = () => {
+  const { t } = useI18n();
+  const user = useUserStore();
+  const data = useDataStore();
+
+  const slide = shallowRef<HeroSource | null>(null);
+  const loading = ref(true);
+
+  /** 当前展示内容 */
+  const hero = computed<HeroContent | null>(() => {
+    const current = slide.value;
+    if (!current) return null;
+    const featured = current.tracks[current.featuredIndex];
+    return {
+      kind: current.kind,
+      tag: t(`home.hero.${current.kind}.tag`),
+      title: t(`home.hero.${current.kind}.title`, { song: featured?.title ?? "" }),
+      subtitle: t(`home.hero.${current.kind}.subtitle`, { count: current.tracks.length }),
+      cover: featured?.cover,
+    };
+  });
+
+  /** 构建单个来源，失败返回 null */
+  const tryBuild = async (kind: HeroKind): Promise<HeroSource | null> => {
+    try {
+      if (kind === "daily") return toSource("daily", await data.ensureDailyRecommend());
+      if (kind === "liked") return toSource("liked", [...user.likedPlaylistTracks]);
+      const res = await window.api.library.getRandomTracks(LOCAL_RANDOM_LIMIT);
+      return toSource("local", res.success ? (res.data ?? []) : []);
+    } catch (error) {
+      console.warn(`[home] hero source ${kind} failed:`, error);
+      return null;
+    }
+  };
+
+  /** 随机来源展示，无内容则顺延下一种 */
+  const load = async (): Promise<void> => {
+    loading.value = true;
+    const kinds: HeroKind[] = ["local"];
+    if (user.isLoggedIn) kinds.push("daily");
+    if (user.likedPlaylistTracks.length > 0) kinds.push("liked");
+    const start = randomIndex(kinds.length);
+    for (let offset = 0; offset < kinds.length; offset++) {
+      const built = await tryBuild(kinds[(start + offset) % kinds.length]);
+      if (built) {
+        slide.value = built;
+        break;
+      }
+    }
+    loading.value = false;
+  };
+
+  /** 立即播放：从代表曲目起播整组 */
+  const playAll = async (): Promise<void> => {
+    const current = slide.value;
+    if (!current || current.tracks.length === 0) {
+      toast.warning(t("home.hero.empty"));
+      return;
+    }
+    await player.playFrom(current.tracks, current.featuredIndex);
+  };
+
+  /** 添加到队列：整组插入当前曲目之后 */
+  const addToQueue = (): void => {
+    const current = slide.value;
+    if (!current || current.tracks.length === 0) {
+      toast.warning(t("home.hero.empty"));
+      return;
+    }
+    const added = player.insertManyToQueue(current.tracks);
+    if (added > 0) toast.success(t("home.hero.added", { count: added }));
+  };
+
+  return { hero, loading, playAll, addToQueue, load };
+};
diff --git a/src/composables/home/useQuickActions.ts b/src/composables/home/useQuickActions.ts
index d0e1695..3867f4b 100644
--- a/src/composables/home/useQuickActions.ts
+++ b/src/composables/home/useQuickActions.ts
@@ -11,6 +11,7 @@ import IconRadio from "~icons/lucide/radio";
  */
 export const useQuickActions = () => {
   const { t } = useI18n();
+  const router = useRouter();
   const user = useUserStore();
 
   /** 试试手气 */
@@ -50,7 +51,7 @@ export const useQuickActions = () => {
       icon: IconCalendarDays,
       title: t("home.quickActions.daily.title"),
       desc: t("home.quickActions.daily.desc"),
-      run: noop,
+      run: () => router.push("/daily"),
     },
     {
       icon: IconHeart,
diff --git a/src/composables/useMultiSelect.ts b/src/composables/useMultiSelect.ts
index 6d3dbb1..7a5787f 100644
--- a/src/composables/useMultiSelect.ts
+++ b/src/composables/useMultiSelect.ts
@@ -164,9 +164,7 @@ export const useMultiSelect = (items: Ref<Track[]>, options: MultiSelectOptions)
   const addToQueue = (): void => {
     const tracks = selectedItems.value;
     if (tracks.length === 0) return;
-    for (const track of tracks) {
-      player.insertToQueue(track);
-    }
+    player.insertManyToQueue(tracks);
     exit();
   };
 
diff --git a/src/core/player/index.ts b/src/core/player/index.ts
index 53f5f3b..cda8b8b 100644
--- a/src/core/player/index.ts
+++ b/src/core/player/index.ts
@@ -567,6 +567,27 @@ export const insertToQueue = (item: Track, afterIndex?: number): number => {
   return safeAt;
 };
 
+/**
+ * 批量插入曲目到当前曲目之后，一次性切片落盘，避免逐首插入的卡顿
+ * 跳过队列中已存在的（含当前播放曲目）与传入列表内部的重复
+ * @param items - 要插入的曲目
+ * @returns 实际插入的数量
+ */
+export const insertManyToQueue = (items: readonly Track[]): number => {
+  if (items.length === 0) return 0;
+  const status = useStatusStore();
+  const seen = new Set(queue.queue.value.map((track) => track.id));
+  const fresh: Track[] = [];
+  for (const item of items) {
+    if (seen.has(item.id)) continue;
+    seen.add(item.id);
+    fresh.push(item);
+  }
+  if (fresh.length === 0) return 0;
+  queue.insertManyToQueue(fresh, status.playIndex + 1);
+  return fresh.length;
+};
+
 /**
  * 插入歌曲到当前位置之后并立即播放
  * 如果是当前正在播放的歌曲则继续播放，不重新加载
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index 1189ed6..08cc732 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -146,6 +146,27 @@
       "continueTitle": "Continue Listening",
       "continueSubtitle": "{count} tracks you recently played",
       "empty": "No play history yet — go listen to something"
+    },
+    "hero": {
+      "play": "Play now",
+      "addQueue": "Add to queue",
+      "empty": "No playable tracks",
+      "added": "Added {count} tracks to the queue",
+      "daily": {
+        "tag": "Daily Mix",
+        "title": "Start with “{song}”",
+        "subtitle": "Picked for your taste · {count} tracks"
+      },
+      "local": {
+        "tag": "Local",
+        "title": "Dive into your library~",
+        "subtitle": "Random picks from your library · {count} tracks"
+      },
+      "liked": {
+        "tag": "Favorites",
+        "title": "Revisit your favorites~",
+        "subtitle": "All your liked music · {count} tracks"
+      }
     }
   },
   "login": {
@@ -357,6 +378,10 @@
     "clearConfirmTitle": "Clear Play History",
     "clearConfirmContent": "Clear all play history? This cannot be undone."
   },
+  "daily": {
+    "title": "Daily Recommend",
+    "empty": "No daily recommendations available"
+  },
   "favorites": {
     "title": "Favorites",
     "empty": "Nothing here yet — go explore and save something you like",
diff --git a/src/i18n/locales/zh-CN.json b/src/i18n/locales/zh-CN.json
index 0afda92..4943472 100644
--- a/src/i18n/locales/zh-CN.json
+++ b/src/i18n/locales/zh-CN.json
@@ -146,6 +146,27 @@
       "continueTitle": "继续聆听",
       "continueSubtitle": "你最近在听的 {count} 首歌",
       "empty": "还没有播放记录，去听点什么吧"
+    },
+    "hero": {
+      "play": "立即播放",
+      "addQueue": "添加到队列",
+      "empty": "暂无可播放的曲目",
+      "added": "已添加 {count} 首到播放队列",
+      "daily": {
+        "tag": "每日推荐",
+        "title": "从「{song}」听起",
+        "subtitle": "根据你的口味精选 · {count} 首"
+      },
+      "local": {
+        "tag": "本地曲库",
+        "title": "随便听听你的曲库吧~",
+        "subtitle": "从本地曲库随机精选 · {count} 首"
+      },
+      "liked": {
+        "tag": "我的最爱",
+        "title": "听听你喜欢的音乐吧~",
+        "subtitle": "你收藏的全部音乐 · {count} 首"
+      }
     }
   },
   "login": {
@@ -357,6 +378,10 @@
     "clearConfirmTitle": "清空播放历史",
     "clearConfirmContent": "确认清空全部播放历史吗？此操作不可撤销！"
   },
+  "daily": {
+    "title": "每日推荐",
+    "empty": "暂无每日推荐内容"
+  },
   "favorites": {
     "title": "我的收藏",
     "empty": "这里还空空如也，去发现一些喜欢的内容吧",
diff --git a/src/pages/Daily.vue b/src/pages/Daily.vue
new file mode 100644
index 0000000..7446ee2
--- /dev/null
+++ b/src/pages/Daily.vue
@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { useDataStore } from "@/stores/data";
+import SongList from "@/components/list/SongList.vue";
+import * as player from "@/core/player";
+
+const { t } = useI18n();
+const data = useDataStore();
+
+/** 首次进入且无缓存时显示加载态 */
+const loading = ref(data.dailyRecommend.length === 0);
+
+const handlePlayAll = (): void => {
+  if (data.dailyRecommend.length === 0) return;
+  player.playFrom(data.dailyRecommend, 0);
+};
+
+onMounted(async () => {
+  await data.ensureDailyRecommend();
+  loading.value = false;
+});
+</script>
+
+<template>
+  <div class="flex flex-col h-full">
+    <!-- 顶栏 -->
+    <div class="shrink-0 px-5 pb-2">
+      <div class="flex items-center justify-between mt-2 mb-4">
+        <div class="flex items-baseline gap-4">
+          <h1 class="text-3xl font-bold text-on-surface">{{ t("daily.title") }}</h1>
+          <span
+            v-if="data.dailyRecommend.length > 0"
+            class="text-sm text-on-surface-variant/50 flex items-center gap-1"
+          >
+            <IconLucideMusic class="size-3.5" />
+            {{ t("common.totalSongs", { count: data.dailyRecommend.length }) }}
+          </span>
+        </div>
+      </div>
+      <SButton
+        type="primary"
+        variant="secondary"
+        round
+        :disabled="data.dailyRecommend.length === 0"
+        @click="handlePlayAll"
+      >
+        <template #icon>
+          <IconLucidePlay />
+        </template>
+        {{ t("common.playAll") }}
+      </SButton>
+    </div>
+    <!-- 列表 -->
+    <Transition name="fade" mode="out-in" :duration="150">
+      <div v-if="data.dailyRecommend.length > 0" key="list" class="flex-1 min-h-0">
+        <SongList :items="data.dailyRecommend" />
+      </div>
+      <div v-else key="empty" class="flex-1 flex items-center justify-center">
+        <div class="text-center text-on-surface-variant/50">
+          <IconLucideCalendarDays class="size-12 mx-auto mb-3 opacity-30" />
+          <div class="text-sm">{{ loading ? t("common.loading") : t("daily.empty") }}</div>
+        </div>
+      </div>
+    </Transition>
+  </div>
+</template>
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 1892f87..1f6e898 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -2,6 +2,7 @@
 import type { Track } from "@shared/types/player";
 import type { CoverItem } from "@/types/artist";
 import { useHomeHeader } from "@/composables/home/useHomeHeader";
+import { useDailyRecommend } from "@/composables/home/useDailyRecommend";
 import { useContinueListening } from "@/composables/home/useContinueListening";
 import { useQuickActions } from "@/composables/home/useQuickActions";
 import * as player from "@/core/player";
@@ -10,7 +11,15 @@ const { t } = useI18n();
 
 /** 头部 */
 const { greetingTitle, greetingSub, headerStats, load: loadHeader } = useHomeHeader();
-/** 快捷入口：内容 + 点击行为 */
+/** 重点推荐 */
+const {
+  hero,
+  loading: heroLoading,
+  playAll: playHero,
+  addToQueue: addHeroToQueue,
+  load: loadHero,
+} = useDailyRecommend();
+/** 快捷入口 */
 const { quickActions } = useQuickActions();
 /** 继续聆听 / 反复聆听 */
 const {
@@ -22,13 +31,14 @@ const {
 
 onMounted(() => {
   void loadHeader();
+  void loadHero();
   void loadContinue();
 });
 
 /** 拼接歌手名 */
 const artistName = (track: Track): string => track.artists.map((artist) => artist.name).join(" / ");
 
-/** 推荐歌单（占位） */
+/** 推荐歌单 */
 const recommendPlaylists: CoverItem[] = Array.from({ length: 6 }, (_, index) => ({
   id: `placeholder-${index}`,
   title: `推荐歌单 ${index + 1}`,
@@ -39,8 +49,8 @@ const recommendPlaylists: CoverItem[] = Array.from({ length: 6 }, (_, index) =>
 
 <template>
   <div class="h-full overflow-y-auto">
-    <div class="mx-auto flex max-w-[1400px] flex-col gap-7 px-6 pt-6 pb-10">
-      <!-- 问候区 -->
+    <div class="mx-auto flex max-w-[1400px] flex-col gap-6 px-6 pt-6 pb-10">
+      <!-- 问候 -->
       <header class="flex items-start justify-between gap-6">
         <div class="min-w-0">
           <h1 class="text-3xl font-bold text-on-surface">{{ greetingTitle }}</h1>
@@ -56,32 +66,33 @@ const recommendPlaylists: CoverItem[] = Array.from({ length: 6 }, (_, index) =>
           </div>
         </div>
       </header>
-      <!-- 每日推荐 Banner -->
-      <section
-        class="relative overflow-hidden rounded-2xl border border-solid border-on-surface/10"
-      >
-        <div
-          class="absolute inset-0 bg-gradient-to-br from-primary/25 via-primary/8 to-on-surface/10"
-        />
-        <div class="relative flex items-center gap-5 p-5">
-          <div class="size-32 shrink-0 rounded-xl bg-on-surface/15" />
-          <div class="min-w-0 flex flex-col gap-2">
-            <STag type="default" round size="small" class="self-start">每日推荐</STag>
-            <h2 class="truncate text-2xl font-bold text-on-surface">万能青年旅店《同名专辑》</h2>
-            <p class="truncate text-sm text-on-surface-variant/70">豆瓣高分专辑 · 共 9 首</p>
-            <div class="mt-1 flex items-center gap-3">
-              <SButton type="primary" round>
+      <!-- Hero -->
+      <SCard v-if="heroLoading || hero" radius="xl" flush class="min-h-40 -mb-3">
+        <div class="flex items-center gap-4 p-4">
+          <!-- 封面 -->
+          <div class="size-32 shrink-0 overflow-hidden rounded-xl">
+            <SImg :src="hero?.cover" :alt="hero?.title" class="size-full" />
+          </div>
+          <!-- 信息 -->
+          <div class="flex min-w-0 flex-1 flex-col gap-1.5">
+            <STag v-if="hero" type="default" round size="small" class="self-start">
+              {{ hero.tag }}
+            </STag>
+            <h2 class="truncate text-xl font-bold text-on-surface">{{ hero?.title }}</h2>
+            <p class="truncate text-sm text-on-surface-variant/70">{{ hero?.subtitle }}</p>
+            <div class="mt-0.5 flex items-center gap-2">
+              <SButton type="primary" round :disabled="heroLoading" @click="playHero">
                 <template #icon><IconLucidePlay /></template>
-                立即播放
+                {{ t("home.hero.play") }}
               </SButton>
-              <SButton variant="secondary" round>
+              <SButton variant="secondary" round :disabled="heroLoading" @click="addHeroToQueue">
                 <template #icon><IconLucidePlus /></template>
-                稍后听
+                {{ t("home.hero.addQueue") }}
               </SButton>
             </div>
           </div>
         </div>
-      </section>
+      </SCard>
       <!-- 快捷入口 -->
       <section class="grid grid-cols-4 gap-3">
         <SCard
@@ -143,7 +154,6 @@ const recommendPlaylists: CoverItem[] = Array.from({ length: 6 }, (_, index) =>
           <span class="text-sm">{{ t("home.continue.empty") }}</span>
         </div>
       </section>
-
       <!-- 推荐歌单 -->
       <section class="flex flex-col gap-3">
         <div class="flex items-center justify-between">
diff --git a/src/router/index.ts b/src/router/index.ts
index fb1d189..d0c8ced 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -27,6 +27,11 @@ const router = createRouter({
           name: "history",
           component: () => import("@/pages/History.vue"),
         },
+        {
+          path: "daily",
+          name: "daily",
+          component: () => import("@/pages/Daily.vue"),
+        },
         {
           path: "favorites",
           name: "favorites",
diff --git a/src/stores/data.ts b/src/stores/data.ts
index 118fb02..8c8c097 100644
--- a/src/stores/data.ts
+++ b/src/stores/data.ts
@@ -1,4 +1,21 @@
+import localforage from "localforage";
+import type { Track } from "@shared/types/player";
+import { fetchDailySongs } from "@/apis/recommend/netease";
+
 const MAX_SEARCH_HISTORY = 20;
+/** 每日推荐 IndexedDB 缓存键 */
+const DAILY_RECOMMEND_KEY = "daily-recommend";
+
+const cacheDb = localforage.createInstance({ name: "splayer", storeName: "data-cache" });
+
+/** 本地日期 key，用于判断每日数据是否过期 */
+const todayKey = (): string => new Date().toDateString();
+
+/** 每日推荐 IndexedDB 缓存结构 */
+interface DailyRecommendCache {
+  date: string;
+  tracks: Track[];
+}
 
 /**
  * 通用本地数据 store
@@ -29,11 +46,58 @@ export const useDataStore = defineStore(
       searchHistory.value = [];
     };
 
+    /** 每日推荐曲目 */
+    const dailyRecommend = shallowRef<Track[]>([]);
+    /** dailyRecommend 对应的日期 */
+    let dailyRecommendDate = "";
+    /** 进行中的拉取，去重并发调用 */
+    let dailyRecommendLoading: Promise<Track[]> | null = null;
+
+    /**
+     * 取每日推荐曲目：当天已有直接返回，否则按 IndexedDB → 网络 顺序获取并落库
+     * 跨天自动失效重拉，失败返回空数组。各处可直接调用，已就绪时即时返回
+     */
+    const ensureDailyRecommend = async (): Promise<Track[]> => {
+      if (dailyRecommendDate === todayKey() && dailyRecommend.value.length > 0) {
+        return dailyRecommend.value;
+      }
+      if (dailyRecommendLoading) return dailyRecommendLoading;
+      dailyRecommendLoading = (async () => {
+        try {
+          const cached = await cacheDb
+            .getItem<DailyRecommendCache>(DAILY_RECOMMEND_KEY)
+            .catch(() => null);
+          if (cached?.date === todayKey() && cached.tracks.length > 0) {
+            dailyRecommend.value = cached.tracks;
+            dailyRecommendDate = cached.date;
+            return cached.tracks;
+          }
+          const tracks = await fetchDailySongs();
+          if (tracks.length > 0) {
+            dailyRecommend.value = tracks;
+            dailyRecommendDate = todayKey();
+            cacheDb
+              .setItem(DAILY_RECOMMEND_KEY, { date: dailyRecommendDate, tracks })
+              .catch(() => {});
+          }
+          return dailyRecommend.value;
+        } catch (error) {
+          console.warn("[data] daily recommend failed:", error);
+          return dailyRecommend.value;
+        } finally {
+          dailyRecommendLoading = null;
+        }
+      })();
+      return dailyRecommendLoading;
+    };
+
     return {
       searchHistory,
       addSearchHistory,
       removeSearchHistory,
       clearSearchHistory,
+      dailyRecommend,
+      ensureDailyRecommend,
     };
   },
   {
diff --git a/src/stores/queue.ts b/src/stores/queue.ts
index 7ed54f8..78b0f89 100644
--- a/src/stores/queue.ts
+++ b/src/stores/queue.ts
@@ -69,6 +69,22 @@ export const insertToQueue = (item: Track, index: number): void => {
   save();
 };
 
+/**
+ * 在指定位置批量插入曲目，一次性切片与持久化（避免逐首插入的 O(n²) 与多次落盘）
+ * @param items - 要插入的歌曲
+ * @param index - 插入位置（该位置原有元素后移）
+ */
+export const insertManyToQueue = (items: Track[], index: number): void => {
+  if (items.length === 0) return;
+  const list = queue.value;
+  const safeIndex = Math.max(0, Math.min(index, list.length));
+  queue.value = [...list.slice(0, safeIndex), ...items, ...list.slice(safeIndex)];
+  if (originalQueue.value) {
+    originalQueue.value = [...originalQueue.value, ...items];
+  }
+  save();
+};
+
 /**
  * 移除指定位置的歌曲，同时从 originalQueue 中移除同 ID 的歌
  * @param index - 要移除的位置，越界时静默忽略

From 5df388f1bd1138158ac07ea58696e655022525b0 Mon Sep 17 00:00:00 2001
From: imsyy <imsyy1024@gmail.com>
Date: Fri, 22 May 2026 12:06:30 +0800
Subject: [PATCH 07/14] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E6=AF=8F?=
 =?UTF-8?q?=E6=97=A5=E6=8E=A8=E8=8D=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/SButton.vue                |   4 +-
 src/composables/home/useContinueListening.ts |  12 +-
 src/composables/home/useDailyRecommend.ts    |  15 +-
 src/i18n/locales/en-US.json                  |  11 +-
 src/i18n/locales/zh-CN.json                  |  11 +-
 src/pages/Daily.vue                          | 236 ++++++++++++++++---
 src/pages/Home.vue                           |  57 ++++-
 src/stores/data.ts                           |  78 ++++--
 8 files changed, 337 insertions(+), 87 deletions(-)

diff --git a/src/components/ui/SButton.vue b/src/components/ui/SButton.vue
index ed0156e..5019af5 100644
--- a/src/components/ui/SButton.vue
+++ b/src/components/ui/SButton.vue
@@ -195,7 +195,9 @@ const variantStyles = {
 
 /** 计算按钮的变体类 */
 const variantClass = computed(() => {
-  const classes: string[] = [variantStyles[props.variant][props.type]];
+  const styles = variantStyles[props.variant];
+  const semanticType = props.type in styles ? props.type : "default";
+  const classes: string[] = [styles[semanticType]];
   if (props.dashed && (props.variant === "outline" || props.variant === "bordered")) {
     classes.push("border-dashed");
   }
diff --git a/src/composables/home/useContinueListening.ts b/src/composables/home/useContinueListening.ts
index d4c8baf..b377caf 100644
--- a/src/composables/home/useContinueListening.ts
+++ b/src/composables/home/useContinueListening.ts
@@ -1,4 +1,4 @@
-import type { Track } from "@shared/types/player";
+import type { TopTrack } from "@shared/types/stats";
 
 /** 区域展示曲目数上限 */
 const MAX_ITEMS = 6;
@@ -15,8 +15,8 @@ const REPEAT_TITLE_THRESHOLD = 2;
 export const useContinueListening = () => {
   const { t } = useI18n();
 
-  // shallowRef：Track 数组不做深度代理，避免入队列后 IDB 持久化报 DataCloneError
-  const tracks = shallowRef<Track[]>([]);
+  // shallowRef：不深度代理 TopTrack 内的 Track，入队列后 IDB 持久化才不报 DataCloneError
+  const items = shallowRef<TopTrack[]>([]);
   /** 是否呈现为「反复聆听」 */
   const isRepeat = ref(false);
 
@@ -27,7 +27,7 @@ export const useContinueListening = () => {
 
   /** 区域副标题，无数据时为空 */
   const subtitle = computed(() => {
-    const count = tracks.value.length;
+    const count = items.value.length;
     if (count === 0) return "";
     return isRepeat.value
       ? t("home.continue.repeatSubtitle", { count })
@@ -38,12 +38,12 @@ export const useContinueListening = () => {
   const load = async (): Promise<void> => {
     try {
       const top = await window.api.stats.getTopTracks(MAX_ITEMS);
-      tracks.value = top.map((item) => item.track);
+      items.value = top;
       isRepeat.value = (top[0]?.playCount ?? 0) >= REPEAT_TITLE_THRESHOLD;
     } catch (error) {
       console.warn("[home] getTopTracks failed:", error);
     }
   };
 
-  return { tracks, title, subtitle, load };
+  return { items, title, subtitle, load };
 };
diff --git a/src/composables/home/useDailyRecommend.ts b/src/composables/home/useDailyRecommend.ts
index 5cd8cf5..a72aa6b 100644
--- a/src/composables/home/useDailyRecommend.ts
+++ b/src/composables/home/useDailyRecommend.ts
@@ -31,6 +31,9 @@ interface HeroSource {
 /** 本地曲库随机取曲数 */
 const LOCAL_RANDOM_LIMIT = 50;
 
+/** hero 队列预览展示曲目数 */
+const HERO_PREVIEW_COUNT = 4;
+
 /** 随机下标 */
 const randomIndex = (length: number): number => Math.floor(Math.random() * length);
 
@@ -67,6 +70,16 @@ export const useDailyRecommend = () => {
     };
   });
 
+  /** hero 队列预览曲目：从代表曲目（封面/标题所示那首）起，截取展示数 */
+  const previewTracks = computed<Track[]>(() => {
+    const current = slide.value;
+    if (!current) return [];
+    return [
+      ...current.tracks.slice(current.featuredIndex),
+      ...current.tracks.slice(0, current.featuredIndex),
+    ].slice(0, HERO_PREVIEW_COUNT);
+  });
+
   /** 构建单个来源，失败返回 null */
   const tryBuild = async (kind: HeroKind): Promise<HeroSource | null> => {
     try {
@@ -118,5 +131,5 @@ export const useDailyRecommend = () => {
     if (added > 0) toast.success(t("home.hero.added", { count: added }));
   };
 
-  return { hero, loading, playAll, addToQueue, load };
+  return { hero, loading, previewTracks, playAll, addToQueue, load };
 };
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index 08cc732..0f7188c 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -145,7 +145,8 @@
       "repeatSubtitle": "Your {count} most-played tracks",
       "continueTitle": "Continue Listening",
       "continueSubtitle": "{count} tracks you recently played",
-      "empty": "No play history yet — go listen to something"
+      "empty": "No play history yet — go listen to something",
+      "playCount": "Played {count} time | Played {count} times"
     },
     "hero": {
       "play": "Play now",
@@ -159,7 +160,7 @@
       },
       "local": {
         "tag": "Local",
-        "title": "Dive into your library~",
+        "title": "Randomly landed on “{song}”",
         "subtitle": "Random picks from your library · {count} tracks"
       },
       "liked": {
@@ -380,7 +381,11 @@
   },
   "daily": {
     "title": "Daily Recommend",
-    "empty": "No daily recommendations available"
+    "tagline": "Based on your music taste",
+    "today": "Today",
+    "refresh": "Refresh",
+    "empty": "No daily recommendations available",
+    "needLogin": "Sign in to see daily recommendations"
   },
   "favorites": {
     "title": "Favorites",
diff --git a/src/i18n/locales/zh-CN.json b/src/i18n/locales/zh-CN.json
index 4943472..846aedd 100644
--- a/src/i18n/locales/zh-CN.json
+++ b/src/i18n/locales/zh-CN.json
@@ -145,7 +145,8 @@
       "repeatSubtitle": "你最常听的 {count} 首歌",
       "continueTitle": "继续聆听",
       "continueSubtitle": "你最近在听的 {count} 首歌",
-      "empty": "还没有播放记录，去听点什么吧"
+      "empty": "还没有播放记录，去听点什么吧",
+      "playCount": "播放 {count} 次"
     },
     "hero": {
       "play": "立即播放",
@@ -159,7 +160,7 @@
       },
       "local": {
         "tag": "本地曲库",
-        "title": "随便听听你的曲库吧~",
+        "title": "随机翻到了「{song}」",
         "subtitle": "从本地曲库随机精选 · {count} 首"
       },
       "liked": {
@@ -380,7 +381,11 @@
   },
   "daily": {
     "title": "每日推荐",
-    "empty": "暂无每日推荐内容"
+    "tagline": "根据你的音乐口味",
+    "today": "今天",
+    "refresh": "刷新日推",
+    "empty": "暂无每日推荐内容",
+    "needLogin": "登录后查看每日推荐"
   },
   "favorites": {
     "title": "我的收藏",
diff --git a/src/pages/Daily.vue b/src/pages/Daily.vue
index 7446ee2..ee5b0c2 100644
--- a/src/pages/Daily.vue
+++ b/src/pages/Daily.vue
@@ -1,63 +1,227 @@
 <script setup lang="ts">
+import type { Track } from "@shared/types/player";
+import type { SSelectOption } from "@/components/ui/SSelect.vue";
+import type { DropdownMenuItem } from "@/components/ui/SDropdownMenu.vue";
 import { useDataStore } from "@/stores/data";
+import { useUserStore } from "@/stores/user";
 import SongList from "@/components/list/SongList.vue";
 import * as player from "@/core/player";
+import IconLucideRefreshCw from "~icons/lucide/refresh-cw";
+import IconLucideListChecks from "~icons/lucide/list-checks";
 
-const { t } = useI18n();
+const { t, locale } = useI18n();
 const data = useDataStore();
+const user = useUserStore();
+
+/** 一天的视图模型 */
+interface DayView {
+  /** 唯一键："today" 或归档日期 */
+  key: string;
+  /** 该天日期 */
+  date: Date;
+  /** 当天推荐曲目 */
+  tracks: Track[];
+  /** 是否今天 */
+  isToday: boolean;
+}
+
+/** 今日 + 历史的可选天列表（今日在前） */
+const days = computed<DayView[]>(() => {
+  if (!user.isLoggedIn) return [];
+  const result: DayView[] = [];
+  if (data.dailyRecommend.length > 0) {
+    result.push({ key: "today", date: new Date(), tracks: data.dailyRecommend, isToday: true });
+  }
+  for (const entry of data.dailyHistory) {
+    result.push({
+      key: entry.date,
+      date: new Date(entry.date),
+      tracks: entry.tracks,
+      isToday: false,
+    });
+  }
+  return result;
+});
+
+/** 当前选中的天键 */
+const selectedKey = ref("today");
+
+/** 当前选中的天，选不中时回落到首项 */
+const selectedDay = computed<DayView | null>(
+  () => days.value.find((day) => day.key === selectedKey.value) ?? days.value[0] ?? null,
+);
 
 /** 首次进入且无缓存时显示加载态 */
 const loading = ref(data.dailyRecommend.length === 0);
 
+/** 播放选中天的全部曲目 */
 const handlePlayAll = (): void => {
-  if (data.dailyRecommend.length === 0) return;
-  player.playFrom(data.dailyRecommend, 0);
+  const tracks = selectedDay.value?.tracks ?? [];
+  if (tracks.length > 0) player.playFrom(tracks, 0);
 };
 
-onMounted(async () => {
-  await data.ensureDailyRecommend();
-  loading.value = false;
-});
+/** 按当前语言格式化日期的某个部分 */
+const formatDate = (date: Date, options: Intl.DateTimeFormatOptions): string =>
+  new Intl.DateTimeFormat(locale.value, options).format(date);
+
+/** 日期下拉选项 */
+const dayOptions = computed<SSelectOption[]>(() =>
+  days.value.map((day) => ({
+    value: day.key,
+    label: day.isToday ? t("daily.today") : formatDate(day.date, { month: "long", day: "numeric" }),
+  })),
+);
+
+const songListRef = shallowRef<InstanceType<typeof SongList> | null>(null);
+
+/** 更多操作菜单 */
+const moreMenuItems = computed<DropdownMenuItem[]>(() => [
+  { key: "refresh", label: t("daily.refresh"), icon: markRaw(IconLucideRefreshCw) },
+  { key: "batch", label: t("songList.batch.manage"), icon: markRaw(IconLucideListChecks) },
+]);
+
+/** 处理更多操作 */
+const handleMore = (key: string): void => {
+  if (key === "refresh") {
+    selectedKey.value = "today";
+    data.ensureDailyRecommend(true);
+  } else if (key === "batch") {
+    songListRef.value?.enterBatch();
+  }
+};
+
+watch(
+  () => user.isLoggedIn,
+  (loggedIn) => {
+    if (!loggedIn) {
+      loading.value = false;
+      return;
+    }
+    if (data.dailyRecommend.length === 0) loading.value = true;
+    data.ensureDailyRecommend().finally(() => {
+      loading.value = false;
+    });
+  },
+  { immediate: true },
+);
 </script>
 
 <template>
-  <div class="flex flex-col h-full">
+  <div class="flex h-full flex-col">
     <!-- 顶栏 -->
-    <div class="shrink-0 px-5 pb-2">
-      <div class="flex items-center justify-between mt-2 mb-4">
-        <div class="flex items-baseline gap-4">
-          <h1 class="text-3xl font-bold text-on-surface">{{ t("daily.title") }}</h1>
-          <span
-            v-if="data.dailyRecommend.length > 0"
-            class="text-sm text-on-surface-variant/50 flex items-center gap-1"
-          >
-            <IconLucideMusic class="size-3.5" />
-            {{ t("common.totalSongs", { count: data.dailyRecommend.length }) }}
-          </span>
+    <div class="shrink-0 px-5 pt-2 pb-3">
+      <div class="flex items-center gap-5">
+        <!-- 日历磁贴 -->
+        <div
+          class="flex size-28 shrink-0 flex-col items-center justify-center rounded-2xl border border-solid border-primary/15 bg-primary/8"
+        >
+          <template v-if="selectedDay">
+            <span class="text-xs text-on-surface-variant/60">
+              {{ formatDate(selectedDay.date, { month: "short" }) }}
+            </span>
+            <span class="text-4xl font-bold leading-tight text-primary tabular-nums">
+              {{ selectedDay.date.getDate() }}
+            </span>
+            <span class="text-xs text-on-surface-variant/60">
+              {{ formatDate(selectedDay.date, { weekday: "short" }) }}
+            </span>
+          </template>
+          <IconLucideCalendarDays v-else class="size-8 text-primary/40" />
+        </div>
+        <!-- 信息 -->
+        <div class="flex min-w-0 flex-1 flex-col gap-2">
+          <!-- 标题 -->
+          <div class="flex items-baseline gap-3">
+            <h1 class="text-3xl font-bold text-on-surface">{{ t("daily.title") }}</h1>
+            <span
+              v-if="selectedDay && selectedDay.tracks.length > 0"
+              class="flex items-center gap-1 text-sm text-on-surface-variant/50"
+            >
+              <IconLucideMusic class="size-3.5" />
+              {{ t("common.totalSongs", { count: selectedDay.tracks.length }) }}
+            </span>
+          </div>
+          <!-- 副标语 -->
+          <p class="text-sm text-on-surface-variant/70">
+            {{
+              selectedDay && !selectedDay.isToday
+                ? formatDate(selectedDay.date, { year: "numeric", month: "long", day: "numeric" })
+                : t("daily.tagline")
+            }}
+          </p>
+          <!-- 操作行 -->
+          <div class="mt-1 flex items-center justify-between gap-3">
+            <div class="flex items-center gap-2">
+              <SButton
+                type="primary"
+                variant="secondary"
+                round
+                :disabled="!selectedDay || selectedDay.tracks.length === 0"
+                @click="handlePlayAll"
+              >
+                <template #icon>
+                  <IconLucidePlay />
+                </template>
+                {{ t("common.playAll") }}
+              </SButton>
+              <SDropdownMenu :items="moreMenuItems" align="start" @select="handleMore">
+                <template #trigger>
+                  <SButton variant="secondary" circle :disabled="!user.isLoggedIn">
+                    <template #icon>
+                      <IconLucideEllipsis />
+                    </template>
+                  </SButton>
+                </template>
+              </SDropdownMenu>
+            </div>
+            <!-- 历史日推：选今日 / 任一历史日 -->
+            <SPopselect
+              :model-value="selectedKey"
+              :options="dayOptions"
+              align="end"
+              @update:model-value="selectedKey = String($event)"
+            >
+              <template #trigger="{ selected }">
+                <SButton variant="secondary" round>
+                  <IconLucideCalendarDays class="size-4 shrink-0 opacity-60" />
+                  {{ selected?.label ?? t("daily.today") }}
+                  <IconLucideChevronDown class="size-3.5 shrink-0 opacity-50" />
+                </SButton>
+              </template>
+            </SPopselect>
+          </div>
         </div>
       </div>
-      <SButton
-        type="primary"
-        variant="secondary"
-        round
-        :disabled="data.dailyRecommend.length === 0"
-        @click="handlePlayAll"
-      >
-        <template #icon>
-          <IconLucidePlay />
-        </template>
-        {{ t("common.playAll") }}
-      </SButton>
     </div>
     <!-- 列表 -->
     <Transition name="fade" mode="out-in" :duration="150">
-      <div v-if="data.dailyRecommend.length > 0" key="list" class="flex-1 min-h-0">
-        <SongList :items="data.dailyRecommend" />
+      <!-- 未登录 -->
+      <div v-if="!user.isLoggedIn" key="login" class="flex flex-1 items-center justify-center">
+        <div class="text-center text-on-surface-variant/50">
+          <IconLucideCalendarDays class="mx-auto mb-3 size-12 opacity-30" />
+          <div class="text-sm">{{ t("daily.needLogin") }}</div>
+        </div>
+      </div>
+      <!-- 列表 -->
+      <div
+        v-else-if="selectedDay && selectedDay.tracks.length > 0"
+        :key="selectedDay.key"
+        class="min-h-0 flex-1"
+      >
+        <SongList ref="songListRef" :items="selectedDay.tracks" source="netease" />
+      </div>
+      <!-- 加载中 -->
+      <div v-else-if="loading" key="loading" class="flex flex-1 items-center justify-center">
+        <div class="text-center text-on-surface-variant/60">
+          <SLoading class="mx-auto mb-4 block text-4xl text-primary/70" />
+          <div class="text-sm">{{ t("common.loading") }}</div>
+        </div>
       </div>
-      <div v-else key="empty" class="flex-1 flex items-center justify-center">
+      <!-- 空 -->
+      <div v-else key="empty" class="flex flex-1 items-center justify-center">
         <div class="text-center text-on-surface-variant/50">
-          <IconLucideCalendarDays class="size-12 mx-auto mb-3 opacity-30" />
-          <div class="text-sm">{{ loading ? t("common.loading") : t("daily.empty") }}</div>
+          <IconLucideCalendarDays class="mx-auto mb-3 size-12 opacity-30" />
+          <div class="text-sm">{{ t("daily.empty") }}</div>
         </div>
       </div>
     </Transition>
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 1f6e898..165e3b7 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -15,6 +15,7 @@ const { greetingTitle, greetingSub, headerStats, load: loadHeader } = useHomeHea
 const {
   hero,
   loading: heroLoading,
+  previewTracks: heroPreview,
   playAll: playHero,
   addToQueue: addHeroToQueue,
   load: loadHero,
@@ -23,7 +24,7 @@ const {
 const { quickActions } = useQuickActions();
 /** 继续聆听 / 反复聆听 */
 const {
-  tracks: continueTracks,
+  items: continueItems,
   title: continueTitle,
   subtitle: continueSubtitle,
   load: loadContinue,
@@ -38,6 +39,9 @@ onMounted(() => {
 /** 拼接歌手名 */
 const artistName = (track: Track): string => track.artists.map((artist) => artist.name).join(" / ");
 
+/** 序号补零为两位 */
+const trackNo = (index: number): string => String(index + 1).padStart(2, "0");
+
 /** 推荐歌单 */
 const recommendPlaylists: CoverItem[] = Array.from({ length: 6 }, (_, index) => ({
   id: `placeholder-${index}`,
@@ -68,13 +72,13 @@ const recommendPlaylists: CoverItem[] = Array.from({ length: 6 }, (_, index) =>
       </header>
       <!-- Hero -->
       <SCard v-if="heroLoading || hero" radius="xl" flush class="min-h-40 -mb-3">
-        <div class="flex items-center gap-4 p-4">
+        <div class="flex items-stretch gap-4 p-4">
           <!-- 封面 -->
-          <div class="size-32 shrink-0 overflow-hidden rounded-xl">
+          <div class="size-32 shrink-0 self-center overflow-hidden rounded-xl">
             <SImg :src="hero?.cover" :alt="hero?.title" class="size-full" />
           </div>
           <!-- 信息 -->
-          <div class="flex min-w-0 flex-1 flex-col gap-1.5">
+          <div class="flex min-w-0 flex-1 flex-col justify-center gap-1.5">
             <STag v-if="hero" type="default" round size="small" class="self-start">
               {{ hero.tag }}
             </STag>
@@ -91,6 +95,25 @@ const recommendPlaylists: CoverItem[] = Array.from({ length: 6 }, (_, index) =>
               </SButton>
             </div>
           </div>
+          <!-- 队列预览 -->
+          <ul
+            v-if="heroPreview.length > 0"
+            class="w-100 shrink-0 flex-col border-l border-on-surface/8 pl-4 lg:flex"
+          >
+            <li
+              v-for="(track, index) in heroPreview"
+              :key="`${track.source}:${track.id}`"
+              class="flex flex-1 items-center gap-2.5"
+            >
+              <span class="w-5 shrink-0 text-xs tabular-nums text-on-surface-variant/35">
+                {{ trackNo(index) }}
+              </span>
+              <span class="flex-1 truncate text-sm text-on-surface">{{ track.title }}</span>
+              <span class="max-w-24 shrink-0 truncate text-xs text-on-surface-variant/45">
+                {{ artistName(track) }}
+              </span>
+            </li>
+          </ul>
         </div>
       </SCard>
       <!-- 快捷入口 -->
@@ -122,28 +145,38 @@ const recommendPlaylists: CoverItem[] = Array.from({ length: 6 }, (_, index) =>
             {{ continueSubtitle }}
           </p>
         </div>
-        <div v-if="continueTracks.length > 0" class="grid grid-cols-3 gap-3">
+        <div v-if="continueItems.length > 0" class="grid grid-cols-3 gap-3">
           <SCard
-            v-for="track in continueTracks"
-            :key="`${track.source}:${track.id}`"
+            v-for="(item, index) in continueItems"
+            :key="`${item.track.source}:${item.track.id}`"
             radius="xl"
             size="small"
             hoverable
             class="group flex items-center gap-3"
-            @click="player.playNow(track)"
+            @click="player.playNow(item.track)"
           >
+            <span
+              class="w-5 shrink-0 text-center text-sm font-semibold tabular-nums text-on-surface-variant/30"
+            >
+              {{ trackNo(index) }}
+            </span>
             <div class="relative size-12 shrink-0">
-              <SImg :src="track.cover" :alt="track.title" class="size-12 rounded-lg" />
+              <SImg :src="item.track.cover" :alt="item.track.title" class="size-12 rounded-lg" />
               <div
                 class="absolute inset-0 flex items-center justify-center rounded-lg bg-black/45 opacity-0 transition-opacity duration-200 group-hover:opacity-100"
               >
                 <IconLucidePlay class="size-5 text-white" />
               </div>
             </div>
-            <div class="min-w-0">
-              <div class="truncate text-sm text-on-surface">{{ track.title }}</div>
-              <div class="truncate text-xs text-on-surface-variant/50">{{ artistName(track) }}</div>
+            <div class="min-w-0 flex-1">
+              <div class="truncate text-sm text-on-surface">{{ item.track.title }}</div>
+              <div class="truncate text-xs text-on-surface-variant/50">
+                {{ artistName(item.track) }}
+              </div>
             </div>
+            <span class="shrink-0 text-xs tabular-nums text-on-surface-variant/45">
+              {{ t("home.continue.playCount", { count: item.playCount }, item.playCount) }}
+            </span>
           </SCard>
         </div>
         <div
diff --git a/src/stores/data.ts b/src/stores/data.ts
index 8c8c097..453dd47 100644
--- a/src/stores/data.ts
+++ b/src/stores/data.ts
@@ -3,17 +3,25 @@ import type { Track } from "@shared/types/player";
 import { fetchDailySongs } from "@/apis/recommend/netease";
 
 const MAX_SEARCH_HISTORY = 20;
-/** 每日推荐 IndexedDB 缓存键 */
-const DAILY_RECOMMEND_KEY = "daily-recommend";
+/** 每日推荐归档 IndexedDB 缓存键 */
+const DAILY_RECOMMEND_KEY = "daily-recommend-archive";
+/** 每日推荐归档保留天数 */
+const MAX_DAILY_ARCHIVE = 14;
 
 const cacheDb = localforage.createInstance({ name: "splayer", storeName: "data-cache" });
 
-/** 本地日期 key，用于判断每日数据是否过期 */
-const todayKey = (): string => new Date().toDateString();
+/** 每日推荐逻辑日切换时刻：每日 6:00 更新，0-6 点仍算前一天 */
+const DAILY_REFRESH_HOUR = 6;
 
-/** 每日推荐 IndexedDB 缓存结构 */
-interface DailyRecommendCache {
+/** 每日推荐逻辑日 key */
+const todayKey = (): string =>
+  new Date(Date.now() - DAILY_REFRESH_HOUR * 3600 * 1000).toDateString();
+
+/** 一天的每日推荐 */
+export interface DailyRecommendEntry {
+  /** 本地日期 key（Date.toDateString()，可被 new Date() 解析回 Date） */
   date: string;
+  /** 当天推荐曲目 */
   tracks: Track[];
 }
 
@@ -46,39 +54,58 @@ export const useDataStore = defineStore(
       searchHistory.value = [];
     };
 
-    /** 每日推荐曲目 */
+    /** 每日推荐归档（最新在前，含今日；非响应，作为今日 / 历史两个 ref 的数据源） */
+    let dailyArchive: DailyRecommendEntry[] = [];
+    /** 今日每日推荐曲目 */
     const dailyRecommend = shallowRef<Track[]>([]);
-    /** dailyRecommend 对应的日期 */
-    let dailyRecommendDate = "";
+    /** 历史每日推荐（不含今日，最新在前） */
+    const dailyHistory = shallowRef<DailyRecommendEntry[]>([]);
     /** 进行中的拉取，去重并发调用 */
     let dailyRecommendLoading: Promise<Track[]> | null = null;
 
+    /** 用归档刷新今日 / 历史两个对外 ref */
+    const syncDaily = (): void => {
+      const head = dailyArchive[0];
+      const todayReady = head?.date === todayKey();
+      dailyRecommend.value = todayReady ? (head?.tracks ?? []) : [];
+      dailyHistory.value = todayReady ? dailyArchive.slice(1) : dailyArchive;
+    };
+
     /**
-     * 取每日推荐曲目：当天已有直接返回，否则按 IndexedDB → 网络 顺序获取并落库
-     * 跨天自动失效重拉，失败返回空数组。各处可直接调用，已就绪时即时返回
+     * 取每日推荐曲目：当天已有直接返回，否则按 IndexedDB → 网络 顺序获取
+     * 新一天的数据会把旧数据沉淀进历史归档（IndexedDB 持久化，保留近 14 天）
+     * 逻辑日以 6:00 为界，失败返回空数组。各处可直接调用，已就绪时即时返回
+     * @param force - 强制重新拉取并覆盖当天归档
      */
-    const ensureDailyRecommend = async (): Promise<Track[]> => {
-      if (dailyRecommendDate === todayKey() && dailyRecommend.value.length > 0) {
+    const ensureDailyRecommend = async (force = false): Promise<Track[]> => {
+      const head = dailyArchive[0];
+      if (!force && head?.date === todayKey() && head.tracks.length > 0) {
         return dailyRecommend.value;
       }
       if (dailyRecommendLoading) return dailyRecommendLoading;
       dailyRecommendLoading = (async () => {
         try {
-          const cached = await cacheDb
-            .getItem<DailyRecommendCache>(DAILY_RECOMMEND_KEY)
-            .catch(() => null);
-          if (cached?.date === todayKey() && cached.tracks.length > 0) {
-            dailyRecommend.value = cached.tracks;
-            dailyRecommendDate = cached.date;
-            return cached.tracks;
+          if (dailyArchive.length === 0) {
+            const cached = await cacheDb
+              .getItem<DailyRecommendEntry[]>(DAILY_RECOMMEND_KEY)
+              .catch(() => null);
+            if (cached?.length) {
+              dailyArchive = cached;
+              syncDaily();
+            }
+          }
+          const cachedHead = dailyArchive[0];
+          if (!force && cachedHead?.date === todayKey() && cachedHead.tracks.length > 0) {
+            return dailyRecommend.value;
           }
           const tracks = await fetchDailySongs();
           if (tracks.length > 0) {
-            dailyRecommend.value = tracks;
-            dailyRecommendDate = todayKey();
-            cacheDb
-              .setItem(DAILY_RECOMMEND_KEY, { date: dailyRecommendDate, tracks })
-              .catch(() => {});
+            // 当天已在归档则覆盖，否则前插为新的一天
+            const rest =
+              dailyArchive[0]?.date === todayKey() ? dailyArchive.slice(1) : dailyArchive;
+            dailyArchive = [{ date: todayKey(), tracks }, ...rest].slice(0, MAX_DAILY_ARCHIVE);
+            syncDaily();
+            cacheDb.setItem(DAILY_RECOMMEND_KEY, dailyArchive).catch(() => {});
           }
           return dailyRecommend.value;
         } catch (error) {
@@ -97,6 +124,7 @@ export const useDataStore = defineStore(
       removeSearchHistory,
       clearSearchHistory,
       dailyRecommend,
+      dailyHistory,
       ensureDailyRecommend,
     };
   },

From 95acbf43bff2681acda87be84c25b79e72498dbc Mon Sep 17 00:00:00 2001
From: imsyy <imsyy1024@gmail.com>
Date: Fri, 22 May 2026 15:10:59 +0800
Subject: [PATCH 08/14] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E6=AD=8C?=
 =?UTF-8?q?=E5=8D=95=E6=8E=A8=E8=8D=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 electron/main/apis/netease/modules/index.ts   |  4 ++
 .../main/apis/netease/modules/personalized.ts | 15 +++++
 .../netease/modules/recommend_resource.ts     | 14 +++++
 src/apis/recommend/netease.ts                 | 47 ++++++++++++++-
 src/components/list/CoverList.vue             | 10 +++-
 src/components/list/SongList.vue              |  3 +-
 src/composables/useFloatingPlayerBar.ts       | 20 +++++++
 src/i18n/locales/en-US.json                   |  6 ++
 src/i18n/locales/zh-CN.json                   |  6 ++
 src/pages/Home.vue                            | 58 +++++++++++++------
 src/utils/navigate.ts                         |  8 +--
 11 files changed, 167 insertions(+), 24 deletions(-)
 create mode 100644 electron/main/apis/netease/modules/personalized.ts
 create mode 100644 electron/main/apis/netease/modules/recommend_resource.ts
 create mode 100644 src/composables/useFloatingPlayerBar.ts

diff --git a/electron/main/apis/netease/modules/index.ts b/electron/main/apis/netease/modules/index.ts
index e77d790..d99103a 100644
--- a/electron/main/apis/netease/modules/index.ts
+++ b/electron/main/apis/netease/modules/index.ts
@@ -55,6 +55,8 @@ import song_url from "./song_url";
 
 // 每日推荐
 import recommend_songs from "./recommend_songs";
+import personalized from "./personalized";
+import recommend_resource from "./recommend_resource";
 
 // 歌单 / 喜欢
 import playlist_detail from "./playlist_detail";
@@ -124,6 +126,8 @@ export const modules: Record<string, NeteaseModule> = {
   song_url,
 
   recommend_songs,
+  personalized,
+  recommend_resource,
 
   playlist_detail,
   playlist_create,
diff --git a/electron/main/apis/netease/modules/personalized.ts b/electron/main/apis/netease/modules/personalized.ts
new file mode 100644
index 0000000..33aae34
--- /dev/null
+++ b/electron/main/apis/netease/modules/personalized.ts
@@ -0,0 +1,15 @@
+/**
+ * 推荐歌单（无需登录）
+ *
+ * 响应：`{ code, result: NeteasePlaylist[] }`
+ */
+
+import { createOption } from "../core/option";
+import type { NeteaseModule } from "../core/types";
+
+const personalized: NeteaseModule = (query, request) => {
+  const data = { limit: query.limit ?? 30, total: true, n: 1000 };
+  return request("/api/personalized/playlist", data, createOption(query, "weapi"));
+};
+
+export default personalized;
diff --git a/electron/main/apis/netease/modules/recommend_resource.ts b/electron/main/apis/netease/modules/recommend_resource.ts
new file mode 100644
index 0000000..62f5963
--- /dev/null
+++ b/electron/main/apis/netease/modules/recommend_resource.ts
@@ -0,0 +1,14 @@
+/**
+ * 每日推荐歌单 / 专属歌单（需登录）
+ *
+ * 响应：`{ code, recommend: NeteasePlaylist[] }`
+ */
+
+import { createOption } from "../core/option";
+import type { NeteaseModule } from "../core/types";
+
+const recommendResource: NeteaseModule = (query, request) => {
+  return request("/api/v1/discovery/recommend/resource", {}, createOption(query, "weapi"));
+};
+
+export default recommendResource;
diff --git a/src/apis/recommend/netease.ts b/src/apis/recommend/netease.ts
index 06523b4..503879d 100644
--- a/src/apis/recommend/netease.ts
+++ b/src/apis/recommend/netease.ts
@@ -1,9 +1,54 @@
 import type { Track } from "@shared/types/player";
+import type { CoverItem } from "@/types/artist";
 import { netease as neteaseApi } from "@/apis/netease";
-import { songsToTracks } from "@/utils/format/netease";
+import { songsToTracks, withPicSize } from "@/utils/format/netease";
 
 /** 每日推荐歌曲（每日 30 首，需登录） */
 export const fetchDailySongs = async (): Promise<Track[]> => {
   const body = await neteaseApi.recommend_songs({ timestamp: Date.now() });
   return songsToTracks(body?.data?.dailySongs);
 };
+
+/** 推荐歌单展示上限 */
+const RECOMMEND_PLAYLIST_LIMIT = 12;
+/** personalized 拉取数 */
+const PERSONALIZED_FETCH_LIMIT = 20;
+
+interface RawRecommendPlaylist {
+  id: number | string;
+  name: string;
+  picUrl?: string;
+  copywriter?: string;
+  trackCount?: number;
+}
+
+/** 推荐歌单原始结构 → 封面卡片 */
+const playlistToCover = (raw: RawRecommendPlaylist): CoverItem => ({
+  id: String(raw.id),
+  title: raw.name,
+  cover: withPicSize(raw.picUrl),
+  subtitle: raw.copywriter || undefined,
+  trackCount: raw.trackCount ?? 0,
+});
+
+/**
+ * 推荐歌单
+ * 已登录取每日专属歌单（recommend/resource），未登录取通用推荐（personalized）；
+ * 过滤掉「私人雷达」类个性化歌单
+ * @param loggedIn - 是否已登录
+ * @returns 歌单封面卡片列表
+ */
+export const fetchRecommendPlaylists = async (loggedIn: boolean): Promise<CoverItem[]> => {
+  const list = loggedIn
+    ? ((await neteaseApi.recommend_resource<{ recommend?: RawRecommendPlaylist[] }>())?.recommend ??
+      [])
+    : ((
+        await neteaseApi.personalized<{ result?: RawRecommendPlaylist[] }>({
+          limit: PERSONALIZED_FETCH_LIMIT,
+        })
+      )?.result ?? []);
+  return list
+    .filter((raw) => !raw.name.includes("私人雷达"))
+    .slice(0, RECOMMEND_PLAYLIST_LIMIT)
+    .map(playlistToCover);
+};
diff --git a/src/components/list/CoverList.vue b/src/components/list/CoverList.vue
index 14b9661..bc3f400 100644
--- a/src/components/list/CoverList.vue
+++ b/src/components/list/CoverList.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { CoverItem } from "@/types/artist";
 import type { SVirtualListExposed } from "@/components/ui/SVirtualList.vue";
+import { useFloatingPlayerBar, PLAYER_BAR_GAP } from "@/composables/useFloatingPlayerBar";
 
 export interface CoverListProps {
   /** 列表数据 */
@@ -44,6 +45,13 @@ const props = withDefaults(defineProps<CoverListProps>(), {
 
 const { t } = useI18n();
 
+const { isFloatingBar } = useFloatingPlayerBar();
+
+/** 虚拟模式底部 padding：悬浮播放栏下留白避免遮挡 */
+const virtualPaddingBottom = computed(() =>
+  isFloatingBar.value ? PLAYER_BAR_GAP : props.paddingBottom,
+);
+
 const emit = defineEmits<{
   click: [item: CoverItem];
   reachBottom: [];
@@ -104,7 +112,7 @@ const getRowKey = (row: Row): string => row.id;
     item-fixed
     :get-item-key="getRowKey"
     :padding-top="paddingTop"
-    :padding-bottom="paddingBottom"
+    :padding-bottom="virtualPaddingBottom"
     height="100%"
     @reach-bottom="emit('reachBottom')"
   >
diff --git a/src/components/list/SongList.vue b/src/components/list/SongList.vue
index c78989f..48e6ebd 100644
--- a/src/components/list/SongList.vue
+++ b/src/components/list/SongList.vue
@@ -7,6 +7,7 @@ import { useSettingsStore } from "@/stores/settings";
 import { useTrackMenu } from "@/composables/useTrackMenu";
 import { useMultiSelect } from "@/composables/useMultiSelect";
 import { useFavorite } from "@/composables/useFavorite";
+import { PLAYER_BAR_GAP } from "@/composables/useFloatingPlayerBar";
 import PlaylistPickerDialog from "@/components/modals/PlaylistPickerDialog.vue";
 import { formatTime } from "@/utils/time";
 import { formatFileSize } from "@/utils/format";
@@ -279,7 +280,7 @@ defineExpose({
         ref="virtualListRef"
         :items="sortedItems"
         :item-height="88"
-        :padding-bottom="80"
+        :padding-bottom="isFloatingPlayerBar ? PLAYER_BAR_GAP : 80"
         :get-item-key="(item: Track) => item.id"
         item-fixed
         height="100%"
diff --git a/src/composables/useFloatingPlayerBar.ts b/src/composables/useFloatingPlayerBar.ts
new file mode 100644
index 0000000..de20c5c
--- /dev/null
+++ b/src/composables/useFloatingPlayerBar.ts
@@ -0,0 +1,20 @@
+import { useSettingsStore } from "@/stores/settings";
+import { useMediaStore } from "@/stores/media";
+
+/** 悬浮播放栏底部留白 */
+export const PLAYER_BAR_GAP = 112;
+
+/**
+ * 悬浮播放栏状态
+ */
+export const useFloatingPlayerBar = () => {
+  const settings = useSettingsStore();
+  const media = useMediaStore();
+
+  /** 是否处于悬浮播放栏 */
+  const isFloatingBar = computed(
+    () => settings.appearance.layoutMode === "floating" && !!media.track,
+  );
+
+  return { isFloatingBar };
+};
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index 0f7188c..84c683d 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -148,6 +148,12 @@
       "empty": "No play history yet — go listen to something",
       "playCount": "Played {count} time | Played {count} times"
     },
+    "recommend": {
+      "title": "Made For You",
+      "titleGuest": "Recommended Playlists",
+      "subtitle": "Playlists handpicked for your taste",
+      "subtitleGuest": "Popular playlists everyone's listening to"
+    },
     "hero": {
       "play": "Play now",
       "addQueue": "Add to queue",
diff --git a/src/i18n/locales/zh-CN.json b/src/i18n/locales/zh-CN.json
index 846aedd..511ac34 100644
--- a/src/i18n/locales/zh-CN.json
+++ b/src/i18n/locales/zh-CN.json
@@ -148,6 +148,12 @@
       "empty": "还没有播放记录，去听点什么吧",
       "playCount": "播放 {count} 次"
     },
+    "recommend": {
+      "title": "专属歌单",
+      "titleGuest": "推荐歌单",
+      "subtitle": "为你量身定制的歌单精选",
+      "subtitleGuest": "大家都在听的热门歌单"
+    },
     "hero": {
       "play": "立即播放",
       "addQueue": "添加到队列",
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 165e3b7..af00abf 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -5,9 +5,15 @@ import { useHomeHeader } from "@/composables/home/useHomeHeader";
 import { useDailyRecommend } from "@/composables/home/useDailyRecommend";
 import { useContinueListening } from "@/composables/home/useContinueListening";
 import { useQuickActions } from "@/composables/home/useQuickActions";
+import { useFloatingPlayerBar } from "@/composables/useFloatingPlayerBar";
+import { useUserStore } from "@/stores/user";
+import { fetchRecommendPlaylists } from "@/apis/recommend/netease";
+import { navigateToPlaylist } from "@/utils/navigate";
 import * as player from "@/core/player";
 
 const { t } = useI18n();
+const user = useUserStore();
+const { isFloatingBar } = useFloatingPlayerBar();
 
 /** 头部 */
 const { greetingTitle, greetingSub, headerStats, load: loadHeader } = useHomeHeader();
@@ -30,10 +36,31 @@ const {
   load: loadContinue,
 } = useContinueListening();
 
+/** 推荐歌单 / 专属歌单 */
+const recommendPlaylists = shallowRef<CoverItem[]>([]);
+const recommendTitle = computed(() =>
+  user.isLoggedIn ? t("home.recommend.title") : t("home.recommend.titleGuest"),
+);
+const recommendSubtitle = computed(() =>
+  user.isLoggedIn ? t("home.recommend.subtitle") : t("home.recommend.subtitleGuest"),
+);
+
+const loadRecommend = async (): Promise<void> => {
+  try {
+    recommendPlaylists.value = await fetchRecommendPlaylists(user.isLoggedIn);
+  } catch (error) {
+    console.warn("[home] recommend playlists failed:", error);
+  }
+};
+
+// 登录态变化后重新拉取（专属 / 通用 数据源不同）
+watch(() => user.isLoggedIn, loadRecommend);
+
 onMounted(() => {
   void loadHeader();
   void loadHero();
   void loadContinue();
+  void loadRecommend();
 });
 
 /** 拼接歌手名 */
@@ -42,18 +69,18 @@ const artistName = (track: Track): string => track.artists.map((artist) => artis
 /** 序号补零为两位 */
 const trackNo = (index: number): string => String(index + 1).padStart(2, "0");
 
-/** 推荐歌单 */
-const recommendPlaylists: CoverItem[] = Array.from({ length: 6 }, (_, index) => ({
-  id: `placeholder-${index}`,
-  title: `推荐歌单 ${index + 1}`,
-  subtitle: "根据你的口味",
-  trackCount: 0,
-}));
+/** 打开歌单详情 */
+const openPlaylist = (item: CoverItem): void => {
+  navigateToPlaylist(item.id, { source: "netease", name: item.title });
+};
 </script>
 
 <template>
   <div class="h-full overflow-y-auto">
-    <div class="mx-auto flex max-w-[1400px] flex-col gap-6 px-6 pt-6 pb-10">
+    <div
+      class="mx-auto flex max-w-[1400px] flex-col gap-6 px-6 pt-6"
+      :class="isFloatingBar ? 'pb-28' : 'pb-10'"
+    >
       <!-- 问候 -->
       <header class="flex items-start justify-between gap-6">
         <div class="min-w-0">
@@ -187,16 +214,13 @@ const recommendPlaylists: CoverItem[] = Array.from({ length: 6 }, (_, index) =>
           <span class="text-sm">{{ t("home.continue.empty") }}</span>
         </div>
       </section>
-      <!-- 推荐歌单 -->
-      <section class="flex flex-col gap-3">
-        <div class="flex items-center justify-between">
-          <h3 class="text-lg font-semibold text-on-surface">推荐歌单</h3>
-          <SButton variant="text" size="tiny">
-            查看全部
-            <IconLucideChevronRight class="size-3.5" />
-          </SButton>
+      <!-- 推荐歌单 / 专属歌单 -->
+      <section v-if="recommendPlaylists.length > 0" class="flex flex-col gap-3">
+        <div>
+          <h3 class="text-lg font-semibold text-on-surface">{{ recommendTitle }}</h3>
+          <p class="mt-0.5 text-xs text-on-surface-variant/50">{{ recommendSubtitle }}</p>
         </div>
-        <CoverList :items="recommendPlaylists" :virtual="false" :gap="16" />
+        <CoverList :items="recommendPlaylists" :virtual="false" :gap="16" @click="openPlaylist" />
       </section>
     </div>
   </div>
diff --git a/src/utils/navigate.ts b/src/utils/navigate.ts
index 5a3058e..16d2266 100644
--- a/src/utils/navigate.ts
+++ b/src/utils/navigate.ts
@@ -52,10 +52,10 @@ export const navigateToArtist = (
 
 /**
  * 跳转到歌单页
- * 任意来源都依赖 playlistId（不像专辑/歌手有本地"按名聚合"的语义）
- * @param playlistId - 歌单 ID（必填）
- * @param options.source - 来源；默认为 local
- * @param options.name - 标题兜底（元数据返回前用于头部占位）
+ * 任意来源都依赖 playlistId
+ * @param playlistId - 歌单 ID
+ * @param options.source - 来源
+ * @param options.name - 标题兜底
  */
 export const navigateToPlaylist = (
   playlistId: string | undefined,

From 683c4d112bee307f415a912c32aac096133494e7 Mon Sep 17 00:00:00 2001
From: imsyy <imsyy1024@gmail.com>
Date: Fri, 22 May 2026 16:19:35 +0800
Subject: [PATCH 09/14] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/apis/netease/modules/album_new.ts    |  15 +++
 electron/main/apis/netease/modules/index.ts   |   6 +-
 .../main/apis/netease/modules/top_artists.ts  |  15 +++
 src/apis/recommend/netease.ts                 |  58 +++++++++-
 src/composables/home/useHomeDiscover.ts       | 103 ++++++++++++++++++
 src/i18n/locales/en-US.json                   |  12 ++
 src/i18n/locales/zh-CN.json                   |  12 ++
 src/pages/Favorites.vue                       |   1 +
 src/pages/Home.vue                            |  78 +++++++++----
 src/pages/Search.vue                          |   1 +
 src/pages/Streaming/Artists.vue               |   1 +
 11 files changed, 272 insertions(+), 30 deletions(-)
 create mode 100644 electron/main/apis/netease/modules/album_new.ts
 create mode 100644 electron/main/apis/netease/modules/top_artists.ts
 create mode 100644 src/composables/home/useHomeDiscover.ts

diff --git a/electron/main/apis/netease/modules/album_new.ts b/electron/main/apis/netease/modules/album_new.ts
new file mode 100644
index 0000000..3538780
--- /dev/null
+++ b/electron/main/apis/netease/modules/album_new.ts
@@ -0,0 +1,15 @@
+/**
+ * 新碟上架（无需登录）
+ *
+ * 响应：`{ code, albums: NeteaseAlbum[] }`
+ */
+
+import { createOption } from "../core/option";
+import type { NeteaseModule } from "../core/types";
+
+const albumNew: NeteaseModule = (query, request) => {
+  const data = { area: "ALL", offset: 0, total: true, limit: query.limit ?? 30 };
+  return request("/api/album/new", data, createOption(query, "weapi"));
+};
+
+export default albumNew;
diff --git a/electron/main/apis/netease/modules/index.ts b/electron/main/apis/netease/modules/index.ts
index d99103a..ac2677c 100644
--- a/electron/main/apis/netease/modules/index.ts
+++ b/electron/main/apis/netease/modules/index.ts
@@ -53,10 +53,12 @@ import cloud_lyric_get from "./cloud_lyric_get";
 import song_detail from "./song_detail";
 import song_url from "./song_url";
 
-// 每日推荐
+// 每日推荐 / 发现
 import recommend_songs from "./recommend_songs";
 import personalized from "./personalized";
 import recommend_resource from "./recommend_resource";
+import top_artists from "./top_artists";
+import album_new from "./album_new";
 
 // 歌单 / 喜欢
 import playlist_detail from "./playlist_detail";
@@ -128,6 +130,8 @@ export const modules: Record<string, NeteaseModule> = {
   recommend_songs,
   personalized,
   recommend_resource,
+  top_artists,
+  album_new,
 
   playlist_detail,
   playlist_create,
diff --git a/electron/main/apis/netease/modules/top_artists.ts b/electron/main/apis/netease/modules/top_artists.ts
new file mode 100644
index 0000000..0003840
--- /dev/null
+++ b/electron/main/apis/netease/modules/top_artists.ts
@@ -0,0 +1,15 @@
+/**
+ * 热门歌手（无需登录）
+ *
+ * 响应：`{ code, artists: NeteaseArtist[] }`
+ */
+
+import { createOption } from "../core/option";
+import type { NeteaseModule } from "../core/types";
+
+const topArtists: NeteaseModule = (query, request) => {
+  const data = { offset: 0, total: true, limit: query.limit ?? 50 };
+  return request("/api/artist/top", data, createOption(query, "weapi"));
+};
+
+export default topArtists;
diff --git a/src/apis/recommend/netease.ts b/src/apis/recommend/netease.ts
index 503879d..49b379f 100644
--- a/src/apis/recommend/netease.ts
+++ b/src/apis/recommend/netease.ts
@@ -1,7 +1,8 @@
 import type { Track } from "@shared/types/player";
 import type { CoverItem } from "@/types/artist";
 import { netease as neteaseApi } from "@/apis/netease";
-import { songsToTracks, withPicSize } from "@/utils/format/netease";
+import { songsToTracks, withPicSize, toPlaylist, toArtist, toAlbum } from "@/utils/format/netease";
+import { playlistToCoverItem, artistToCoverItem, albumToCoverItem } from "@/utils/format/coverItem";
 
 /** 每日推荐歌曲（每日 30 首，需登录） */
 export const fetchDailySongs = async (): Promise<Track[]> => {
@@ -9,8 +10,8 @@ export const fetchDailySongs = async (): Promise<Track[]> => {
   return songsToTracks(body?.data?.dailySongs);
 };
 
-/** 推荐歌单展示上限 */
-const RECOMMEND_PLAYLIST_LIMIT = 12;
+/** 首页推荐区块展示数 */
+const HOME_GRID_LIMIT = 12;
 /** personalized 拉取数 */
 const PERSONALIZED_FETCH_LIMIT = 20;
 
@@ -48,7 +49,54 @@ export const fetchRecommendPlaylists = async (loggedIn: boolean): Promise<CoverI
         })
       )?.result ?? []);
   return list
-    .filter((raw) => !raw.name.includes("私人雷达"))
-    .slice(0, RECOMMEND_PLAYLIST_LIMIT)
+    .filter((raw) => !raw.name.includes("雷达"))
+    .slice(0, HOME_GRID_LIMIT)
     .map(playlistToCover);
 };
+
+/** 雷达歌单固定 id（私人 / 会员 / 时光 / 乐迷 / 宝藏 / 新歌 / 神秘） */
+const RADAR_PLAYLIST_IDS = [
+  "3136952023",
+  "8402996200",
+  "5320167908",
+  "5327906368",
+  "5362359247",
+  "5300458264",
+  "5341776086",
+];
+
+/**
+ * 雷达歌单
+ * 按固定 id 逐个取歌单详情组装成封面卡片，个别失败不影响整体
+ * @returns 雷达歌单封面卡片列表
+ */
+export const fetchRadarPlaylists = async (): Promise<CoverItem[]> => {
+  const results = await Promise.allSettled(
+    RADAR_PLAYLIST_IDS.map((id) => neteaseApi.playlist_detail({ id })),
+  );
+  const covers: CoverItem[] = [];
+  for (const result of results) {
+    if (result.status === "fulfilled" && result.value?.playlist) {
+      covers.push(playlistToCoverItem(toPlaylist(result.value.playlist)));
+    }
+  }
+  return covers;
+};
+
+/**
+ * 热门歌手
+ * @returns 歌手封面卡片列表
+ */
+export const fetchArtists = async (): Promise<CoverItem[]> => {
+  const body = await neteaseApi.top_artists<{ artists?: unknown[] }>({ limit: HOME_GRID_LIMIT });
+  return (body?.artists ?? []).map((raw) => artistToCoverItem(toArtist(raw)));
+};
+
+/**
+ * 新碟上架
+ * @returns 专辑封面卡片列表
+ */
+export const fetchNewAlbums = async (): Promise<CoverItem[]> => {
+  const body = await neteaseApi.album_new<{ albums?: unknown[] }>({ limit: HOME_GRID_LIMIT });
+  return (body?.albums ?? []).map((raw) => albumToCoverItem(toAlbum(raw)));
+};
diff --git a/src/composables/home/useHomeDiscover.ts b/src/composables/home/useHomeDiscover.ts
new file mode 100644
index 0000000..df9ebf0
--- /dev/null
+++ b/src/composables/home/useHomeDiscover.ts
@@ -0,0 +1,103 @@
+import type { CoverItem } from "@/types/artist";
+import { useUserStore } from "@/stores/user";
+import {
+  fetchRecommendPlaylists,
+  fetchRadarPlaylists,
+  fetchArtists,
+  fetchNewAlbums,
+} from "@/apis/recommend/netease";
+
+/** 首页推荐内容缓存有效期 */
+const CACHE_TTL = 30 * 60 * 1000;
+
+/** 首页推荐内容缓存 */
+interface DiscoverCache {
+  at: number;
+  loggedIn: boolean;
+  recommend: CoverItem[];
+  radar: CoverItem[];
+  artists: CoverItem[];
+  albums: CoverItem[];
+}
+
+/** 模块级缓存，跨页面 / 重新挂载复用 */
+let cache: DiscoverCache | null = null;
+
+/** 包裹拉取：失败记日志并回退空数组，单区块失败不影响整体 */
+const safe = (label: string, task: Promise<CoverItem[]>): Promise<CoverItem[]> =>
+  task.catch((error) => {
+    console.warn(`[home] ${label} failed:`, error);
+    return [];
+  });
+
+/**
+ * 首页推荐内容
+ *
+ * 聚合「推荐歌单 / 雷达 / 歌手 / 新碟」四个区块，统一拉取与缓存
+ * 命中缓存（30 分钟内、登录态一致）直接复用，避免重新挂载首页时重复请求
+ */
+export const useHomeDiscover = () => {
+  const { t } = useI18n();
+  const user = useUserStore();
+
+  /** 推荐歌单 / 专属歌单 */
+  const recommendPlaylists = shallowRef<CoverItem[]>([]);
+  /** 雷达歌单 */
+  const radarPlaylists = shallowRef<CoverItem[]>([]);
+  /** 歌手推荐 */
+  const artists = shallowRef<CoverItem[]>([]);
+  /** 新碟上架 */
+  const newAlbums = shallowRef<CoverItem[]>([]);
+
+  /** 推荐歌单标题 */
+  const recommendTitle = computed(() =>
+    user.isLoggedIn ? t("home.recommend.title") : t("home.recommend.titleGuest"),
+  );
+  /** 推荐歌单副标题 */
+  const recommendSubtitle = computed(() =>
+    user.isLoggedIn ? t("home.recommend.subtitle") : t("home.recommend.subtitleGuest"),
+  );
+
+  /** 用缓存填充各区块 */
+  const apply = (data: DiscoverCache): void => {
+    recommendPlaylists.value = data.recommend;
+    radarPlaylists.value = data.radar;
+    artists.value = data.artists;
+    newAlbums.value = data.albums;
+  };
+
+  /** 拉取首页推荐内容 */
+  const load = async (): Promise<void> => {
+    const loggedIn = user.isLoggedIn;
+    if (cache && cache.loggedIn === loggedIn && Date.now() - cache.at < CACHE_TTL) {
+      apply(cache);
+      return;
+    }
+    const [recommend, radar, artistList, albums] = await Promise.all([
+      safe("recommend playlists", fetchRecommendPlaylists(loggedIn)),
+      loggedIn ? safe("radar playlists", fetchRadarPlaylists()) : Promise.resolve<CoverItem[]>([]),
+      safe("artists", fetchArtists()),
+      safe("new albums", fetchNewAlbums()),
+    ]);
+    cache = { at: Date.now(), loggedIn, recommend, radar, artists: artistList, albums };
+    apply(cache);
+  };
+
+  // 登录态变化
+  watch(
+    () => user.isLoggedIn,
+    () => {
+      void load();
+    },
+  );
+
+  return {
+    recommendPlaylists,
+    recommendTitle,
+    recommendSubtitle,
+    radarPlaylists,
+    artists,
+    newAlbums,
+    load,
+  };
+};
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index 84c683d..6011bc5 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -154,6 +154,18 @@
       "subtitle": "Playlists handpicked for your taste",
       "subtitleGuest": "Popular playlists everyone's listening to"
     },
+    "radar": {
+      "title": "Radar",
+      "subtitle": "Keeps recommending music for your taste"
+    },
+    "artists": {
+      "title": "Artists",
+      "subtitle": "Discover artists you may like"
+    },
+    "albums": {
+      "title": "New Releases",
+      "subtitle": "Freshly released albums"
+    },
     "hero": {
       "play": "Play now",
       "addQueue": "Add to queue",
diff --git a/src/i18n/locales/zh-CN.json b/src/i18n/locales/zh-CN.json
index 511ac34..e70c7b8 100644
--- a/src/i18n/locales/zh-CN.json
+++ b/src/i18n/locales/zh-CN.json
@@ -154,6 +154,18 @@
       "subtitle": "为你量身定制的歌单精选",
       "subtitleGuest": "大家都在听的热门歌单"
     },
+    "radar": {
+      "title": "雷达歌单",
+      "subtitle": "持续推荐符合你的音乐口味"
+    },
+    "artists": {
+      "title": "歌手推荐",
+      "subtitle": "发现你可能喜欢的音乐人"
+    },
+    "albums": {
+      "title": "新碟上架",
+      "subtitle": "新鲜出炉的专辑"
+    },
     "hero": {
       "play": "立即播放",
       "addQueue": "添加到队列",
diff --git a/src/pages/Favorites.vue b/src/pages/Favorites.vue
index 1f02169..5d57d60 100644
--- a/src/pages/Favorites.vue
+++ b/src/pages/Favorites.vue
@@ -118,6 +118,7 @@ const handleClick = (item: CoverItem): void => {
         <CoverList
           :items="currentItems"
           :type="activeTab === 'artist' ? 'artist' : 'default'"
+          :min-size="activeTab === 'artist' ? 120 : 140"
           :padding-x="20"
           :padding-top="8"
           :padding-bottom="20"
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index af00abf..b542f50 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -5,14 +5,12 @@ import { useHomeHeader } from "@/composables/home/useHomeHeader";
 import { useDailyRecommend } from "@/composables/home/useDailyRecommend";
 import { useContinueListening } from "@/composables/home/useContinueListening";
 import { useQuickActions } from "@/composables/home/useQuickActions";
+import { useHomeDiscover } from "@/composables/home/useHomeDiscover";
 import { useFloatingPlayerBar } from "@/composables/useFloatingPlayerBar";
-import { useUserStore } from "@/stores/user";
-import { fetchRecommendPlaylists } from "@/apis/recommend/netease";
-import { navigateToPlaylist } from "@/utils/navigate";
+import { navigateToPlaylist, navigateToArtist, navigateToAlbum } from "@/utils/navigate";
 import * as player from "@/core/player";
 
 const { t } = useI18n();
-const user = useUserStore();
 const { isFloatingBar } = useFloatingPlayerBar();
 
 /** 头部 */
@@ -36,31 +34,22 @@ const {
   load: loadContinue,
 } = useContinueListening();
 
-/** 推荐歌单 / 专属歌单 */
-const recommendPlaylists = shallowRef<CoverItem[]>([]);
-const recommendTitle = computed(() =>
-  user.isLoggedIn ? t("home.recommend.title") : t("home.recommend.titleGuest"),
-);
-const recommendSubtitle = computed(() =>
-  user.isLoggedIn ? t("home.recommend.subtitle") : t("home.recommend.subtitleGuest"),
-);
-
-const loadRecommend = async (): Promise<void> => {
-  try {
-    recommendPlaylists.value = await fetchRecommendPlaylists(user.isLoggedIn);
-  } catch (error) {
-    console.warn("[home] recommend playlists failed:", error);
-  }
-};
-
-// 登录态变化后重新拉取（专属 / 通用 数据源不同）
-watch(() => user.isLoggedIn, loadRecommend);
+/** 推荐内容：推荐歌单 / 雷达 / 歌手 / 新碟 */
+const {
+  recommendPlaylists,
+  recommendTitle,
+  recommendSubtitle,
+  radarPlaylists,
+  artists,
+  newAlbums,
+  load: loadDiscover,
+} = useHomeDiscover();
 
 onMounted(() => {
   void loadHeader();
   void loadHero();
   void loadContinue();
-  void loadRecommend();
+  void loadDiscover();
 });
 
 /** 拼接歌手名 */
@@ -73,6 +62,16 @@ const trackNo = (index: number): string => String(index + 1).padStart(2, "0");
 const openPlaylist = (item: CoverItem): void => {
   navigateToPlaylist(item.id, { source: "netease", name: item.title });
 };
+
+/** 打开歌手页 */
+const openArtist = (item: CoverItem): void => {
+  navigateToArtist(item.title, { source: "netease", artistId: item.id });
+};
+
+/** 打开专辑页 */
+const openAlbum = (item: CoverItem): void => {
+  navigateToAlbum(item.title, { source: "netease", albumId: item.id });
+};
 </script>
 
 <template>
@@ -222,6 +221,37 @@ const openPlaylist = (item: CoverItem): void => {
         </div>
         <CoverList :items="recommendPlaylists" :virtual="false" :gap="16" @click="openPlaylist" />
       </section>
+      <!-- 雷达歌单 -->
+      <section v-if="radarPlaylists.length > 0" class="flex flex-col gap-3">
+        <div>
+          <h3 class="text-lg font-semibold text-on-surface">{{ t("home.radar.title") }}</h3>
+          <p class="mt-0.5 text-xs text-on-surface-variant/50">{{ t("home.radar.subtitle") }}</p>
+        </div>
+        <CoverList :items="radarPlaylists" :virtual="false" :gap="16" @click="openPlaylist" />
+      </section>
+      <!-- 歌手推荐 -->
+      <section v-if="artists.length > 0" class="flex flex-col gap-3">
+        <div>
+          <h3 class="text-lg font-semibold text-on-surface">{{ t("home.artists.title") }}</h3>
+          <p class="mt-0.5 text-xs text-on-surface-variant/50">{{ t("home.artists.subtitle") }}</p>
+        </div>
+        <CoverList
+          :items="artists"
+          type="artist"
+          :min-size="120"
+          :virtual="false"
+          :gap="16"
+          @click="openArtist"
+        />
+      </section>
+      <!-- 新碟上架 -->
+      <section v-if="newAlbums.length > 0" class="flex flex-col gap-3">
+        <div>
+          <h3 class="text-lg font-semibold text-on-surface">{{ t("home.albums.title") }}</h3>
+          <p class="mt-0.5 text-xs text-on-surface-variant/50">{{ t("home.albums.subtitle") }}</p>
+        </div>
+        <CoverList :items="newAlbums" :virtual="false" :gap="16" @click="openAlbum" />
+      </section>
     </div>
   </div>
 </template>
diff --git a/src/pages/Search.vue b/src/pages/Search.vue
index 7c5ec44..db2926d 100644
--- a/src/pages/Search.vue
+++ b/src/pages/Search.vue
@@ -264,6 +264,7 @@ const isEmptyResult = computed(() => {
         v-else-if="activeTab === 'artists'"
         :items="states.artists.items"
         type="artist"
+        :min-size="120"
         :padding-x="20"
         :padding-top="8"
         :padding-bottom="20"
diff --git a/src/pages/Streaming/Artists.vue b/src/pages/Streaming/Artists.vue
index 2a569e0..783c900 100644
--- a/src/pages/Streaming/Artists.vue
+++ b/src/pages/Streaming/Artists.vue
@@ -40,6 +40,7 @@ const handleClick = (item: CoverItem): void => {
       v-if="artists.length > 0"
       :items="items"
       type="artist"
+      :min-size="120"
       :padding-x="20"
       :padding-top="8"
       :padding-bottom="20"

From c5c0270a150f6485f515781ec68b0b428d813980 Mon Sep 17 00:00:00 2001
From: imsyy <imsyy1024@gmail.com>
Date: Fri, 22 May 2026 18:27:44 +0800
Subject: [PATCH 10/14] =?UTF-8?q?style:=20=E6=9B=BF=E6=8D=A2=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                            |  9 +++++++++
 src/assets/icons/play-order.svg            | 14 ++++++++++++++
 src/components/player/FullPlayer/index.vue |  6 ++++--
 src/components/player/PlayerControls.vue   |  7 +++++--
 4 files changed, 32 insertions(+), 4 deletions(-)
 create mode 100644 src/assets/icons/play-order.svg

diff --git a/components.d.ts b/components.d.ts
index fb23522..a323960 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -64,6 +64,7 @@ declare module 'vue' {
     FullPlayer: typeof import('./src/components/player/FullPlayer/index.vue')['default']
     HotkeyConfig: typeof import('./src/components/settings/custom/HotkeyConfig.vue')['default']
     IconLucideArrowRight: typeof import('~icons/lucide/arrow-right')['default']
+    IconLucideArrowRightToLine: typeof import('~icons/lucide/arrow-right-to-line')['default']
     IconLucideArrowUp: typeof import('~icons/lucide/arrow-up')['default']
     IconLucideArrowUpCircle: typeof import('~icons/lucide/arrow-up-circle')['default']
     IconLucideCalendarDays: typeof import('~icons/lucide/calendar-days')['default']
@@ -90,11 +91,15 @@ declare module 'vue' {
     IconLucideInfo: typeof import('~icons/lucide/info')['default']
     IconLucideKeyRound: typeof import('~icons/lucide/key-round')['default']
     IconLucideLink: typeof import('~icons/lucide/link')['default']
+    IconLucideList: typeof import('~icons/lucide/list')['default']
+    IconLucideListEnd: typeof import('~icons/lucide/list-end')['default']
     IconLucideListMusic: typeof import('~icons/lucide/list-music')['default']
+    IconLucideListOrdered: typeof import('~icons/lucide/list-ordered')['default']
     IconLucideLocate: typeof import('~icons/lucide/locate')['default']
     IconLucideLock: typeof import('~icons/lucide/lock')['default']
     IconLucideLogOut: typeof import('~icons/lucide/log-out')['default']
     IconLucideMaximize: typeof import('~icons/lucide/maximize')['default']
+    IconLucideMenu: typeof import('~icons/lucide/menu')['default']
     IconLucideMessageCircle: typeof import('~icons/lucide/message-circle')['default']
     IconLucideMic: typeof import('~icons/lucide/mic')['default']
     IconLucideMicVocal: typeof import('~icons/lucide/mic-vocal')['default']
@@ -128,7 +133,11 @@ declare module 'vue' {
     IconLucideX: typeof import('~icons/lucide/x')['default']
     IconLucideZap: typeof import('~icons/lucide/zap')['default']
     IconMaterialSymbolsFavoriteOutlineRounded: typeof import('~icons/material-symbols/favorite-outline-rounded')['default']
+    IconMaterialSymbolsPlaylistPlayRounded: typeof import('~icons/material-symbols/playlist-play-rounded')['default']
+    IconMaterialSymbolsShuffleRounded: typeof import('~icons/material-symbols/shuffle-rounded')['default']
     IconSpLossless: typeof import('~icons/sp/lossless')['default']
+    IconSpPlayOrder: typeof import('~icons/sp/play-order')['default']
+    IconSpRepeatOff: typeof import('~icons/sp/repeat-off')['default']
     LoginCookieDialog: typeof import('./src/components/modals/LoginCookieDialog.vue')['default']
     LoginDialog: typeof import('./src/components/modals/LoginDialog.vue')['default']
     LyricFormatOrderConfig: typeof import('./src/components/settings/custom/LyricFormatOrderConfig.vue')['default']
diff --git a/src/assets/icons/play-order.svg b/src/assets/icons/play-order.svg
new file mode 100644
index 0000000..f919469
--- /dev/null
+++ b/src/assets/icons/play-order.svg
@@ -0,0 +1,14 @@
+<svg
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M2 6h16" />
+  <path d="m18 2 4 4-4 4" />
+  <path d="M2 18h16" />
+  <path d="m18 14 4 4-4 4" />
+</svg>
diff --git a/src/components/player/FullPlayer/index.vue b/src/components/player/FullPlayer/index.vue
index f252437..f4ef5df 100644
--- a/src/components/player/FullPlayer/index.vue
+++ b/src/components/player/FullPlayer/index.vue
@@ -405,10 +405,12 @@ const resetLyricOffset = (): void => writeOffset(0);
                 type="cover"
                 variant="ghost"
                 circle
-                :class="shuffleMode === 'on' ? 'opacity-100' : 'opacity-40'"
                 @click="player.toggleShuffleMode()"
               >
-                <template #icon><IconLucideShuffle /></template>
+                <template #icon>
+                  <IconLucideShuffle v-if="shuffleMode === 'on'" />
+                  <IconSpPlayOrder v-else />
+                </template>
               </SButton>
               <SButton
                 type="cover"
diff --git a/src/components/player/PlayerControls.vue b/src/components/player/PlayerControls.vue
index cec363f..65bc920 100644
--- a/src/components/player/PlayerControls.vue
+++ b/src/components/player/PlayerControls.vue
@@ -21,14 +21,17 @@ const hasTrack = computed(() => !!media.track);
 <template>
   <div class="flex items-center" :class="compact ? 'gap-0' : 'gap-2.5'">
     <SButton
+      type="primary"
       variant="ghost"
       circle
       ripple
       :size="compact ? 32 : 38"
-      :class="shuffleMode === 'on' ? 'text-primary' : 'text-on-surface-variant'"
       @click="player.toggleShuffleMode()"
     >
-      <template #icon><IconLucideShuffle /></template>
+      <template #icon>
+        <IconLucideShuffle v-if="shuffleMode === 'on'" />
+        <IconSpPlayOrder v-else />
+      </template>
     </SButton>
     <SButton
       type="primary"

From 56c95dcc823044542995c2977203588f2171ec4b Mon Sep 17 00:00:00 2001
From: imsyy <one@imsyy.top>
Date: Sat, 23 May 2026 15:46:11 +0800
Subject: [PATCH 11/14] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E5=BF=83?=
 =?UTF-8?q?=E5=8A=A8=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                               |  2 +
 electron/main/apis/netease/index.ts           |  1 +
 electron/main/apis/netease/modules/index.ts   |  2 +
 .../netease/modules/playmode_intelligence.ts  | 28 ++++++++
 electron/main/database/index.ts               |  3 +
 electron/main/database/playStats.ts           |  4 +-
 src/apis/recommend/netease.ts                 | 18 ++++++
 src/assets/icons/heart-mode.svg               |  9 +++
 src/components/layout/SideBar.vue             | 30 ++++++++-
 src/components/player/FullPlayer/index.vue    | 18 ++++--
 src/components/player/PlayerControls.vue      |  7 +-
 src/components/ui/SMenu.vue                   | 12 +++-
 src/composables/home/useQuickActions.ts       |  9 ++-
 src/composables/useHeartMode.ts               | 64 +++++++++++++++++++
 src/core/player/index.ts                      | 24 +++++++
 src/i18n/locales/en-US.json                   |  8 +++
 src/i18n/locales/zh-CN.json                   |  8 +++
 src/stores/status.ts                          |  4 ++
 18 files changed, 239 insertions(+), 12 deletions(-)
 create mode 100644 electron/main/apis/netease/modules/playmode_intelligence.ts
 create mode 100644 src/assets/icons/heart-mode.svg
 create mode 100644 src/composables/useHeartMode.ts

diff --git a/components.d.ts b/components.d.ts
index a323960..9580582 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -87,6 +87,7 @@ declare module 'vue' {
     IconLucideGithub: typeof import('~icons/lucide/github')['default']
     IconLucideHardDrive: typeof import('~icons/lucide/hard-drive')['default']
     IconLucideHeadphones: typeof import('~icons/lucide/headphones')['default']
+    IconLucideHeart: typeof import('~icons/lucide/heart')['default']
     IconLucideHistory: typeof import('~icons/lucide/history')['default']
     IconLucideInfo: typeof import('~icons/lucide/info')['default']
     IconLucideKeyRound: typeof import('~icons/lucide/key-round')['default']
@@ -135,6 +136,7 @@ declare module 'vue' {
     IconMaterialSymbolsFavoriteOutlineRounded: typeof import('~icons/material-symbols/favorite-outline-rounded')['default']
     IconMaterialSymbolsPlaylistPlayRounded: typeof import('~icons/material-symbols/playlist-play-rounded')['default']
     IconMaterialSymbolsShuffleRounded: typeof import('~icons/material-symbols/shuffle-rounded')['default']
+    IconSpHeartMode: typeof import('~icons/sp/heart-mode')['default']
     IconSpLossless: typeof import('~icons/sp/lossless')['default']
     IconSpPlayOrder: typeof import('~icons/sp/play-order')['default']
     IconSpRepeatOff: typeof import('~icons/sp/repeat-off')['default']
diff --git a/electron/main/apis/netease/index.ts b/electron/main/apis/netease/index.ts
index 840da81..6bf88fe 100644
--- a/electron/main/apis/netease/index.ts
+++ b/electron/main/apis/netease/index.ts
@@ -47,6 +47,7 @@ const NON_CACHEABLE: ReadonlySet<string> = new Set([
   "user_cloud",
   "user_cloud_del",
   "album_sub",
+  "playmode_intelligence",
 ]);
 
 /** 内存缓存 */
diff --git a/electron/main/apis/netease/modules/index.ts b/electron/main/apis/netease/modules/index.ts
index ac2677c..e825696 100644
--- a/electron/main/apis/netease/modules/index.ts
+++ b/electron/main/apis/netease/modules/index.ts
@@ -52,6 +52,7 @@ import cloud_lyric_get from "./cloud_lyric_get";
 // 播放
 import song_detail from "./song_detail";
 import song_url from "./song_url";
+import playmode_intelligence from "./playmode_intelligence";
 
 // 每日推荐 / 发现
 import recommend_songs from "./recommend_songs";
@@ -126,6 +127,7 @@ export const modules: Record<string, NeteaseModule> = {
 
   song_detail,
   song_url,
+  playmode_intelligence,
 
   recommend_songs,
   personalized,
diff --git a/electron/main/apis/netease/modules/playmode_intelligence.ts b/electron/main/apis/netease/modules/playmode_intelligence.ts
new file mode 100644
index 0000000..d5f0c4f
--- /dev/null
+++ b/electron/main/apis/netease/modules/playmode_intelligence.ts
@@ -0,0 +1,28 @@
+/**
+ * 心动模式 / 智能播放列表
+ *
+ * params:
+ * - id   种子歌曲 id
+ * - pid  歌单 id（通常为「我喜欢的音乐」）
+ * - sid  起始歌曲 id，缺省取 id
+ *
+ * count 字段服务端必传，缺省取 1，否则返回 500。
+ *
+ * 响应：`{ code, data: [{ songInfo: NeteaseSong, recommended }] }`
+ */
+
+import { createOption } from "../core/option";
+import type { NeteaseModule } from "../core/types";
+
+const playmodeIntelligence: NeteaseModule = (query, request) => {
+  const data = {
+    songId: query.id,
+    type: "fromPlayOne",
+    playlistId: query.pid,
+    startMusicId: query.sid ?? query.id,
+    count: query.count ?? 1,
+  };
+  return request("/api/playmode/intelligence/list", data, createOption(query, "weapi"));
+};
+
+export default playmodeIntelligence;
diff --git a/electron/main/database/index.ts b/electron/main/database/index.ts
index b0499e3..ed0d93d 100644
--- a/electron/main/database/index.ts
+++ b/electron/main/database/index.ts
@@ -17,6 +17,9 @@ export const getDb = (): Database.Database => {
   return db;
 };
 
+/** 数据库是否已打开 */
+export const isDbOpen = (): boolean => db !== null;
+
 /** 初始化数据库：打开连接、启用 WAL、建表建索引、执行迁移 */
 export const initDatabase = (): void => {
   fs.mkdirSync(dbDir, { recursive: true });
diff --git a/electron/main/database/playStats.ts b/electron/main/database/playStats.ts
index 1dd1d60..d621692 100644
--- a/electron/main/database/playStats.ts
+++ b/electron/main/database/playStats.ts
@@ -2,7 +2,7 @@
  * 播放统计采集
  */
 
-import { getDb } from "./index";
+import { getDb, isDbOpen } from "./index";
 import { libraryLog } from "@main/utils/logger";
 import type { Track } from "@shared/types/player";
 import type {
@@ -14,6 +14,7 @@ import type {
 
 /** 写入一条播放记录 */
 export const insertPlayEvent = (event: PlayEventInput): void => {
+  if (!isDbOpen()) return;
   try {
     getDb()
       .prepare(
@@ -34,6 +35,7 @@ export const insertPlayEvent = (event: PlayEventInput): void => {
 
 /** 写入一条收藏变更记录 */
 export const insertFavoriteEvent = (event: FavoriteEventInput): void => {
+  if (!isDbOpen()) return;
   try {
     getDb()
       .prepare(
diff --git a/src/apis/recommend/netease.ts b/src/apis/recommend/netease.ts
index 49b379f..ab658be 100644
--- a/src/apis/recommend/netease.ts
+++ b/src/apis/recommend/netease.ts
@@ -1,5 +1,6 @@
 import type { Track } from "@shared/types/player";
 import type { CoverItem } from "@/types/artist";
+import type { NeteaseSong } from "@/types/netease";
 import { netease as neteaseApi } from "@/apis/netease";
 import { songsToTracks, withPicSize, toPlaylist, toArtist, toAlbum } from "@/utils/format/netease";
 import { playlistToCoverItem, artistToCoverItem, albumToCoverItem } from "@/utils/format/coverItem";
@@ -10,6 +11,23 @@ export const fetchDailySongs = async (): Promise<Track[]> => {
   return songsToTracks(body?.data?.dailySongs);
 };
 
+/**
+ * 心动模式智能播放列表
+ * @param seedId - 种子歌曲 id
+ * @param playlistId - 歌单 id（「我喜欢的音乐」）
+ * @returns 智能推荐的 Track 列表
+ */
+export const fetchHeartModeList = async (
+  seedId: string,
+  playlistId: string,
+): Promise<Track[]> => {
+  const body = await neteaseApi.playmode_intelligence<{ data?: { songInfo: NeteaseSong }[] }>({
+    id: seedId,
+    pid: playlistId,
+  });
+  return songsToTracks((body?.data ?? []).map((item) => item.songInfo));
+};
+
 /** 首页推荐区块展示数 */
 const HOME_GRID_LIMIT = 12;
 /** personalized 拉取数 */
diff --git a/src/assets/icons/heart-mode.svg b/src/assets/icons/heart-mode.svg
new file mode 100644
index 0000000..73b4071
--- /dev/null
+++ b/src/assets/icons/heart-mode.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
+  <path
+    fill="currentColor"
+    stroke="currentColor"
+    stroke-width="8"
+    stroke-linejoin="round"
+    d="M72 144H32a8 8 0 0 1 0-16h35.72l13.62-20.44a8 8 0 0 1 13.32 0l25.34 38l9.34-14A8 8 0 0 1 136 128h24a8 8 0 0 1 0 16h-19.72l-13.62 20.44a8 8 0 0 1-13.32 0L88 126.42l-9.34 14A8 8 0 0 1 72 144M178 40c-20.65 0-38.73 8.88-50 23.89C116.73 48.88 98.65 40 78 40a62.07 62.07 0 0 0-62 62v2.25a8 8 0 1 0 16-.5V102a46.06 46.06 0 0 1 46-46c19.45 0 35.78 10.36 42.6 27a8 8 0 0 0 14.8 0c6.82-16.67 23.15-27 42.6-27a46.06 46.06 0 0 1 46 46c0 53.61-77.76 102.15-96 112.8c-10.83-6.31-42.63-26-66.68-52.21a8 8 0 1 0-11.8 10.82c31.17 34 72.93 56.68 74.69 57.63a8 8 0 0 0 7.58 0C136.21 228.66 240 172 240 102a62.07 62.07 0 0 0-62-62"
+  />
+</svg>
diff --git a/src/components/layout/SideBar.vue b/src/components/layout/SideBar.vue
index f832c4c..30bd894 100644
--- a/src/components/layout/SideBar.vue
+++ b/src/components/layout/SideBar.vue
@@ -6,6 +6,8 @@ import { useSettingsStore } from "@/stores/settings";
 import { useStatusStore } from "@/stores/status";
 import { usePlaylistStore } from "@/stores/playlist";
 import { useUserStore } from "@/stores/user";
+import { useHeartMode } from "@/composables/useHeartMode";
+import * as player from "@/core/player";
 import IconLucideHome from "~icons/lucide/home";
 import IconLucideMusic from "~icons/lucide/music";
 import IconLucideUser from "~icons/lucide/user";
@@ -19,6 +21,7 @@ import IconLucideHistory from "~icons/lucide/history";
 import IconLucideCloud from "~icons/lucide/cloud";
 import IconLucidePlus from "~icons/lucide/plus";
 import IconLucideChevronDown from "~icons/lucide/chevron-down";
+import IconSpHeartMode from "~icons/sp/heart-mode";
 import SButton from "@/components/ui/SButton.vue";
 import SPopselect from "@/components/ui/SPopselect.vue";
 
@@ -29,6 +32,26 @@ const { appearance, system: systemSettings } = useSettingsStore();
 const status = useStatusStore();
 const playlistStore = usePlaylistStore();
 const userStore = useUserStore();
+const { enterHeartMode } = useHeartMode();
+
+/** 心动模式 */
+const toggleHeartMode = useThrottleFn((): void => {
+  if (status.heartMode) player.exitHeartMode();
+  else void enterHeartMode();
+}, 800);
+
+const renderHeartTrailing = () =>
+  h(
+    SButton,
+    {
+      type: status.heartMode ? "primary" : "default",
+      variant: "tertiary",
+      size: "tiny",
+      round: true,
+      onClick: toggleHeartMode,
+    },
+    { icon: () => h(IconSpHeartMode) },
+  );
 
 const sourceOptions = computed<SSelectOption[]>(() => [
   { value: "local", label: t("collection.localPlaylist") },
@@ -137,7 +160,12 @@ const menuItems = computed<SMenuItem[]>(() => [
   { key: "/folders", label: t("folder.label"), icon: markRaw(IconLucideFolder) },
   // 个人歌曲
   { key: "divider-personal", type: "divider" },
-  { key: "/liked", label: t("nav.liked"), icon: markRaw(IconMaterialSymbolsFavoriteOutline) },
+  {
+    key: "/liked",
+    label: t("nav.liked"),
+    icon: markRaw(IconMaterialSymbolsFavoriteOutline),
+    trailing: renderHeartTrailing,
+  },
   { key: "/favorites", label: t("nav.favorites"), icon: markRaw(IconLucideStar) },
   { key: "/cloud", label: t("nav.cloud"), icon: markRaw(IconLucideCloud) },
   ...(systemSettings.streaming.enabled
diff --git a/src/components/player/FullPlayer/index.vue b/src/components/player/FullPlayer/index.vue
index f4ef5df..fd814cd 100644
--- a/src/components/player/FullPlayer/index.vue
+++ b/src/components/player/FullPlayer/index.vue
@@ -18,8 +18,17 @@ const media = useMediaStore();
 const settings = useSettingsStore();
 const settingsDialog = useSettingsDialog();
 const fav = useFavorite();
-const { isPlaying, isLoading, position, duration, isExpanded, repeatMode, shuffleMode, showLyric } =
-  storeToRefs(status);
+const {
+  isPlaying,
+  isLoading,
+  position,
+  duration,
+  isExpanded,
+  repeatMode,
+  shuffleMode,
+  heartMode,
+  showLyric,
+} = storeToRefs(status);
 
 /** 歌词组件引用 */
 const lyricRef = ref<InstanceType<typeof Lyrics>>();
@@ -405,10 +414,11 @@ const resetLyricOffset = (): void => writeOffset(0);
                 type="cover"
                 variant="ghost"
                 circle
-                @click="player.toggleShuffleMode()"
+                @click="heartMode ? player.exitHeartMode() : player.toggleShuffleMode()"
               >
                 <template #icon>
-                  <IconLucideShuffle v-if="shuffleMode === 'on'" />
+                  <IconSpHeartMode v-if="heartMode" />
+                  <IconLucideShuffle v-else-if="shuffleMode === 'on'" />
                   <IconSpPlayOrder v-else />
                 </template>
               </SButton>
diff --git a/src/components/player/PlayerControls.vue b/src/components/player/PlayerControls.vue
index 65bc920..cd7ffa6 100644
--- a/src/components/player/PlayerControls.vue
+++ b/src/components/player/PlayerControls.vue
@@ -13,7 +13,7 @@ withDefaults(
 
 const status = useStatusStore();
 const media = useMediaStore();
-const { isPlaying, isLoading, repeatMode, shuffleMode } = storeToRefs(status);
+const { isPlaying, isLoading, repeatMode, shuffleMode, heartMode } = storeToRefs(status);
 
 const hasTrack = computed(() => !!media.track);
 </script>
@@ -26,10 +26,11 @@ const hasTrack = computed(() => !!media.track);
       circle
       ripple
       :size="compact ? 32 : 38"
-      @click="player.toggleShuffleMode()"
+      @click="heartMode ? player.exitHeartMode() : player.toggleShuffleMode()"
     >
       <template #icon>
-        <IconLucideShuffle v-if="shuffleMode === 'on'" />
+        <IconSpHeartMode v-if="heartMode" />
+        <IconLucideShuffle v-else-if="shuffleMode === 'on'" />
         <IconSpPlayOrder v-else />
       </template>
     </SButton>
diff --git a/src/components/ui/SMenu.vue b/src/components/ui/SMenu.vue
index c327bd7..482ab06 100644
--- a/src/components/ui/SMenu.vue
+++ b/src/components/ui/SMenu.vue
@@ -14,6 +14,8 @@ export interface SMenuItem {
   disabled?: boolean;
   /** group 类型的自定义渲染内容 */
   render?: () => VNode;
+  /** item 类型的行尾自定义内容 */
+  trailing?: () => VNode;
 }
 
 const props = withDefaults(
@@ -115,11 +117,19 @@ const handleSelect = (item: SMenuItem) => {
             :class="[sizeClass.icon, 'shrink-0 transition-[width,height] duration-300']"
           />
           <span
-            class="truncate transition-opacity duration-300"
+            class="flex-1 min-w-0 truncate transition-opacity duration-300"
             :class="collapsed ? 'opacity-0' : 'opacity-100'"
           >
             {{ item.label }}
           </span>
+          <!-- 行尾自定义 -->
+          <div
+            v-if="!collapsed && item.trailing"
+            class="shrink-0 transition-opacity duration-300"
+            @click.stop
+          >
+            <component :is="item.trailing" />
+          </div>
           <Transition name="fade">
             <span
               v-if="modelValue === item.key"
diff --git a/src/composables/home/useQuickActions.ts b/src/composables/home/useQuickActions.ts
index 3867f4b..f42b8a4 100644
--- a/src/composables/home/useQuickActions.ts
+++ b/src/composables/home/useQuickActions.ts
@@ -1,9 +1,10 @@
 import { useUserStore } from "@/stores/user";
+import { useHeartMode } from "@/composables/useHeartMode";
 import { toast } from "@/composables/useToast";
 import * as player from "@/core/player";
 import IconDices from "~icons/lucide/dices";
 import IconCalendarDays from "~icons/lucide/calendar-days";
-import IconHeart from "~icons/lucide/heart";
+import IconHeart from "~icons/sp/heart-mode";
 import IconRadio from "~icons/lucide/radio";
 
 /**
@@ -13,6 +14,7 @@ export const useQuickActions = () => {
   const { t } = useI18n();
   const router = useRouter();
   const user = useUserStore();
+  const { enterHeartMode } = useHeartMode();
 
   /** 试试手气 */
   const playLucky = useThrottleFn(async (): Promise<void> => {
@@ -36,6 +38,9 @@ export const useQuickActions = () => {
     if (onlineTrack) await player.playNow(onlineTrack);
   }, 800);
 
+  /** 进入心动模式 */
+  const playHeartMode = useThrottleFn(() => enterHeartMode(), 800);
+
   /** 暂未实现的入口占位 */
   const noop = (): void => {};
 
@@ -57,7 +62,7 @@ export const useQuickActions = () => {
       icon: IconHeart,
       title: t("home.quickActions.heartMode.title"),
       desc: t("home.quickActions.heartMode.desc"),
-      run: noop,
+      run: playHeartMode,
     },
     {
       icon: IconRadio,
diff --git a/src/composables/useHeartMode.ts b/src/composables/useHeartMode.ts
new file mode 100644
index 0000000..ed60d63
--- /dev/null
+++ b/src/composables/useHeartMode.ts
@@ -0,0 +1,64 @@
+import type { Track } from "@shared/types/player";
+import { useUserStore } from "@/stores/user";
+import { useMediaStore } from "@/stores/media";
+import { useStatusStore } from "@/stores/status";
+import { fetchHeartModeList } from "@/apis/recommend/netease";
+import { toast } from "@/composables/useToast";
+import * as player from "@/core/player";
+
+/**
+ * 心动模式
+ *
+ * 以种子歌曲 + 「我喜欢的音乐」歌单调用网易云智能播放接口，
+ * 生成推荐队列并进入心动模式。
+ */
+export const useHeartMode = () => {
+  const { t } = useI18n();
+  const user = useUserStore();
+  const media = useMediaStore();
+  const status = useStatusStore();
+
+  /**
+   * 进入心动模式
+   * @param seed - 指定种子歌曲；缺省时取当前播放的网易云歌曲，再退而取随机红心歌曲
+   */
+  const enterHeartMode = async (seed?: Track): Promise<void> => {
+    if (status.heartMode) {
+      toast.info(t("player.heartMode.already"));
+      return;
+    }
+    if (!user.isLoggedIn) {
+      toast.warning(t("player.heartMode.needLogin"));
+      return;
+    }
+    const playlistId = user.likedPlaylistId;
+    const current = media.track;
+    const liked = user.likedPlaylistTracks;
+    const seedTrack =
+      seed ??
+      (current?.source === "netease"
+        ? current
+        : liked[Math.floor(Math.random() * liked.length)]);
+    if (!playlistId || !seedTrack) {
+      toast.warning(t("player.heartMode.noSeed"));
+      return;
+    }
+    const loading = toast.loading(t("player.heartMode.loading"), { duration: 0 });
+    try {
+      const tracks = await fetchHeartModeList(seedTrack.id, playlistId);
+      if (tracks.length === 0) {
+        toast.warning(t("player.heartMode.failed"));
+        return;
+      }
+      await player.playHeartMode(tracks);
+      toast.success(t("player.heartMode.entered"));
+    } catch (error) {
+      console.error("[heartMode] 进入失败:", error);
+      toast.warning(t("player.heartMode.failed"));
+    } finally {
+      loading.close();
+    }
+  };
+
+  return { enterHeartMode };
+};
diff --git a/src/core/player/index.ts b/src/core/player/index.ts
index cda8b8b..3133f18 100644
--- a/src/core/player/index.ts
+++ b/src/core/player/index.ts
@@ -386,6 +386,8 @@ export const playFrom = async (items: readonly Track[], startIndex = 0): Promise
   if (items.length === 0) return;
   const status = useStatusStore();
   const media = useMediaStore();
+  // 退出心动模式
+  status.heartMode = false;
   const idx = Math.max(0, Math.min(startIndex, items.length - 1));
   const isSameTrack = media.track?.id === items[idx]?.id;
   queue.setQueue(items);
@@ -401,6 +403,26 @@ export const playFrom = async (items: readonly Track[], startIndex = 0): Promise
   }
 };
 
+/**
+ * 进入心动模式：用智能推荐列表替换队列并从头播放
+ * @param tracks - 网易云智能推荐曲目
+ */
+export const playHeartMode = async (tracks: readonly Track[]): Promise<void> => {
+  if (tracks.length === 0) return;
+  const status = useStatusStore();
+  queue.setQueue(tracks);
+  status.playIndex = 0;
+  status.shuffleMode = "off";
+  status.heartMode = true;
+  syncPlayMode();
+  await loadTrack(status.currentTrack);
+};
+
+/** 退出心动模式，保留当前队列继续播放 */
+export const exitHeartMode = (): void => {
+  useStatusStore().heartMode = false;
+};
+
 /** 播放下一首，队列末尾时根据循环模式决定行为 */
 export const nextTrack = async (): Promise<void> => {
   const status = useStatusStore();
@@ -498,6 +520,8 @@ export const toggleShuffleMode = (): void => {
  */
 export const setShuffleMode = (mode: ShuffleMode): void => {
   const status = useStatusStore();
+  // 心动模式下忽略
+  if (status.heartMode) return;
   if (status.shuffleMode === mode) return;
   status.shuffleMode = mode;
   if (mode === "on") {
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index 6011bc5..45e7ac7 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -287,6 +287,14 @@
   "player": {
     "prev": "Previous",
     "next": "Next",
+    "heartMode": {
+      "needLogin": "Sign in to use Heart Mode",
+      "noSeed": "No seed track available for Heart Mode",
+      "loading": "Starting Heart Mode…",
+      "entered": "Heart Mode started",
+      "already": "Already in Heart Mode",
+      "failed": "Failed to start Heart Mode, please try again later"
+    },
     "lyricOffset": {
       "title": "Lyric Offset",
       "hint": "Positive values advance lyrics, in milliseconds"
diff --git a/src/i18n/locales/zh-CN.json b/src/i18n/locales/zh-CN.json
index e70c7b8..86dbc3e 100644
--- a/src/i18n/locales/zh-CN.json
+++ b/src/i18n/locales/zh-CN.json
@@ -287,6 +287,14 @@
   "player": {
     "prev": "上一首",
     "next": "下一首",
+    "heartMode": {
+      "needLogin": "登录后才能使用心动模式",
+      "noSeed": "暂无可用的心动种子歌曲",
+      "loading": "正在开启心动模式…",
+      "entered": "已开启心动模式",
+      "already": "已处于心动模式",
+      "failed": "心动模式开启失败，请稍后重试"
+    },
     "lyricOffset": {
       "title": "歌词偏移",
       "hint": "正值为歌词提前，单位毫秒"
diff --git a/src/stores/status.ts b/src/stores/status.ts
index af85933..937c848 100644
--- a/src/stores/status.ts
+++ b/src/stores/status.ts
@@ -37,6 +37,8 @@ export const useStatusStore = defineStore(
     const repeatMode = ref<RepeatMode>("list");
     /** 随机模式 */
     const shuffleMode = ref<ShuffleMode>("off");
+    /** 心动模式 */
+    const heartMode = ref(false);
     /** 播放速度（0.5 ~ 2.0），不持久化 */
     const speed = ref(1.0);
     /** 音调偏移（半音 -12 ~ 12），不持久化 */
@@ -100,6 +102,7 @@ export const useStatusStore = defineStore(
       playIndex,
       repeatMode,
       shuffleMode,
+      heartMode,
       speed,
       pitch,
       pitchSync,
@@ -119,6 +122,7 @@ export const useStatusStore = defineStore(
         "playIndex",
         "repeatMode",
         "shuffleMode",
+        "heartMode",
         "volume",
         "position",
         "searchPlatform",

From ea8ef53ed116746ab25f2e6e954d3b418b60aa5f Mon Sep 17 00:00:00 2001
From: imsyy <one@imsyy.top>
Date: Sun, 24 May 2026 12:53:39 +0800
Subject: [PATCH 12/14] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E7=A7=81?=
 =?UTF-8?q?=E4=BA=BA=20FM?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                               |  2 +
 electron/main/apis/netease/index.ts           |  2 +
 .../main/apis/netease/modules/fm_trash.ts     | 22 ++++++
 electron/main/apis/netease/modules/index.ts   |  4 +
 .../main/apis/netease/modules/personal_fm.ts  | 15 ++++
 src/apis/recommend/netease.ts                 | 16 +++-
 src/components/player/FullPlayer/index.vue    | 20 +++--
 src/components/player/PlayerControls.vue      | 21 +++--
 src/components/player/Toolbar.vue             |  1 +
 src/composables/home/useQuickActions.ts       |  8 +-
 src/composables/useFmMode.ts                  | 40 ++++++++++
 src/composables/useHeartMode.ts               |  4 +-
 src/core/player/fm.ts                         | 77 +++++++++++++++++++
 src/core/player/index.ts                      | 41 +++++++++-
 src/i18n/locales/en-US.json                   |  7 ++
 src/i18n/locales/zh-CN.json                   |  7 ++
 src/stores/status.ts                          |  3 +
 src/types/netease.ts                          | 17 ++--
 src/utils/format/netease.ts                   | 16 ++--
 19 files changed, 289 insertions(+), 34 deletions(-)
 create mode 100644 electron/main/apis/netease/modules/fm_trash.ts
 create mode 100644 electron/main/apis/netease/modules/personal_fm.ts
 create mode 100644 src/composables/useFmMode.ts
 create mode 100644 src/core/player/fm.ts

diff --git a/components.d.ts b/components.d.ts
index 9580582..ca19716 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -88,7 +88,9 @@ declare module 'vue' {
     IconLucideHardDrive: typeof import('~icons/lucide/hard-drive')['default']
     IconLucideHeadphones: typeof import('~icons/lucide/headphones')['default']
     IconLucideHeart: typeof import('~icons/lucide/heart')['default']
+    IconLucideHeartOff: typeof import('~icons/lucide/heart-off')['default']
     IconLucideHistory: typeof import('~icons/lucide/history')['default']
+    IconLucideInfinity: typeof import('~icons/lucide/infinity')['default']
     IconLucideInfo: typeof import('~icons/lucide/info')['default']
     IconLucideKeyRound: typeof import('~icons/lucide/key-round')['default']
     IconLucideLink: typeof import('~icons/lucide/link')['default']
diff --git a/electron/main/apis/netease/index.ts b/electron/main/apis/netease/index.ts
index 6bf88fe..51ab873 100644
--- a/electron/main/apis/netease/index.ts
+++ b/electron/main/apis/netease/index.ts
@@ -48,6 +48,8 @@ const NON_CACHEABLE: ReadonlySet<string> = new Set([
   "user_cloud_del",
   "album_sub",
   "playmode_intelligence",
+  "personal_fm",
+  "fm_trash",
 ]);
 
 /** 内存缓存 */
diff --git a/electron/main/apis/netease/modules/fm_trash.ts b/electron/main/apis/netease/modules/fm_trash.ts
new file mode 100644
index 0000000..39bbca3
--- /dev/null
+++ b/electron/main/apis/netease/modules/fm_trash.ts
@@ -0,0 +1,22 @@
+/**
+ * 私人 FM 减少推荐（不喜欢，影响后续推荐）
+ *
+ * params:
+ * - id    歌曲 id
+ * - time  已播放秒数，默认 25
+ * - alg   推荐算法标识，默认 "RT"
+ */
+
+import { createOption } from "../core/option";
+import type { NeteaseModule } from "../core/types";
+
+const fmTrash: NeteaseModule = (query, request) => {
+  const data = {
+    songId: query.id,
+    alg: query.alg ?? "RT",
+    time: query.time ?? 25,
+  };
+  return request("/api/radio/trash/add", data, createOption(query, "weapi"));
+};
+
+export default fmTrash;
diff --git a/electron/main/apis/netease/modules/index.ts b/electron/main/apis/netease/modules/index.ts
index e825696..4ca8ce0 100644
--- a/electron/main/apis/netease/modules/index.ts
+++ b/electron/main/apis/netease/modules/index.ts
@@ -53,6 +53,8 @@ import cloud_lyric_get from "./cloud_lyric_get";
 import song_detail from "./song_detail";
 import song_url from "./song_url";
 import playmode_intelligence from "./playmode_intelligence";
+import personal_fm from "./personal_fm";
+import fm_trash from "./fm_trash";
 
 // 每日推荐 / 发现
 import recommend_songs from "./recommend_songs";
@@ -128,6 +130,8 @@ export const modules: Record<string, NeteaseModule> = {
   song_detail,
   song_url,
   playmode_intelligence,
+  personal_fm,
+  fm_trash,
 
   recommend_songs,
   personalized,
diff --git a/electron/main/apis/netease/modules/personal_fm.ts b/electron/main/apis/netease/modules/personal_fm.ts
new file mode 100644
index 0000000..ace037c
--- /dev/null
+++ b/electron/main/apis/netease/modules/personal_fm.ts
@@ -0,0 +1,15 @@
+/**
+ * 私人 FM（需登录）
+ * 服务端按用户偏好返回一批推荐曲目，通常 3 首
+ *
+ * 响应：`{ code, data: NeteaseSong[] }`
+ */
+
+import { createOption } from "../core/option";
+import type { NeteaseModule } from "../core/types";
+
+const personalFm: NeteaseModule = (query, request) => {
+  return request("/api/v1/radio/get", {}, createOption(query, "weapi"));
+};
+
+export default personalFm;
diff --git a/src/apis/recommend/netease.ts b/src/apis/recommend/netease.ts
index ab658be..32338a6 100644
--- a/src/apis/recommend/netease.ts
+++ b/src/apis/recommend/netease.ts
@@ -17,10 +17,7 @@ export const fetchDailySongs = async (): Promise<Track[]> => {
  * @param playlistId - 歌单 id（「我喜欢的音乐」）
  * @returns 智能推荐的 Track 列表
  */
-export const fetchHeartModeList = async (
-  seedId: string,
-  playlistId: string,
-): Promise<Track[]> => {
+export const fetchHeartModeList = async (seedId: string, playlistId: string): Promise<Track[]> => {
   const body = await neteaseApi.playmode_intelligence<{ data?: { songInfo: NeteaseSong }[] }>({
     id: seedId,
     pid: playlistId,
@@ -28,6 +25,17 @@ export const fetchHeartModeList = async (
   return songsToTracks((body?.data ?? []).map((item) => item.songInfo));
 };
 
+/** 取一批私人 FM 推荐 */
+export const fetchPersonalFm = async (): Promise<Track[]> => {
+  const body = await neteaseApi.personal_fm<{ data?: NeteaseSong[] }>();
+  return songsToTracks(body?.data ?? []);
+};
+
+/** 私人 FM 减少推荐（不喜欢当前曲目，调用 fm_trash 接口影响后续推荐） */
+export const dislikeFmTrack = async (songId: string): Promise<void> => {
+  await neteaseApi.fm_trash({ id: songId });
+};
+
 /** 首页推荐区块展示数 */
 const HOME_GRID_LIMIT = 12;
 /** personalized 拉取数 */
diff --git a/src/components/player/FullPlayer/index.vue b/src/components/player/FullPlayer/index.vue
index fd814cd..dadb7d9 100644
--- a/src/components/player/FullPlayer/index.vue
+++ b/src/components/player/FullPlayer/index.vue
@@ -27,6 +27,7 @@ const {
   repeatMode,
   shuffleMode,
   heartMode,
+  fmMode,
   showLyric,
 } = storeToRefs(status);
 
@@ -414,10 +415,17 @@ const resetLyricOffset = (): void => writeOffset(0);
                 type="cover"
                 variant="ghost"
                 circle
-                @click="heartMode ? player.exitHeartMode() : player.toggleShuffleMode()"
+                @click="
+                  fmMode
+                    ? player.dislikeFmTrack()
+                    : heartMode
+                      ? player.exitHeartMode()
+                      : player.toggleShuffleMode()
+                "
               >
                 <template #icon>
-                  <IconSpHeartMode v-if="heartMode" />
+                  <IconLucideHeartOff v-if="fmMode" />
+                  <IconSpHeartMode v-else-if="heartMode" />
                   <IconLucideShuffle v-else-if="shuffleMode === 'on'" />
                   <IconSpPlayOrder v-else />
                 </template>
@@ -426,7 +434,7 @@ const resetLyricOffset = (): void => writeOffset(0);
                 type="cover"
                 variant="ghost"
                 circle
-                :disabled="!hasTrack"
+                :disabled="!hasTrack || fmMode"
                 @click="player.prevTrack()"
               >
                 <template #icon><IconLucideSkipBack /></template>
@@ -458,11 +466,13 @@ const resetLyricOffset = (): void => writeOffset(0);
                 type="cover"
                 variant="ghost"
                 circle
-                :class="repeatMode === 'off' ? 'opacity-40' : 'opacity-100'"
+                :disabled="fmMode"
+                :class="fmMode || repeatMode === 'off' ? 'opacity-40' : 'opacity-100'"
                 @click="player.cycleRepeatMode()"
               >
                 <template #icon>
-                  <IconLucideRepeat1 v-if="repeatMode === 'one'" />
+                  <IconLucideInfinity v-if="fmMode" />
+                  <IconLucideRepeat1 v-else-if="repeatMode === 'one'" />
                   <IconLucideRepeat v-else />
                 </template>
               </SButton>
diff --git a/src/components/player/PlayerControls.vue b/src/components/player/PlayerControls.vue
index cd7ffa6..2e805a0 100644
--- a/src/components/player/PlayerControls.vue
+++ b/src/components/player/PlayerControls.vue
@@ -13,7 +13,7 @@ withDefaults(
 
 const status = useStatusStore();
 const media = useMediaStore();
-const { isPlaying, isLoading, repeatMode, shuffleMode, heartMode } = storeToRefs(status);
+const { isPlaying, isLoading, repeatMode, shuffleMode, heartMode, fmMode } = storeToRefs(status);
 
 const hasTrack = computed(() => !!media.track);
 </script>
@@ -26,10 +26,17 @@ const hasTrack = computed(() => !!media.track);
       circle
       ripple
       :size="compact ? 32 : 38"
-      @click="heartMode ? player.exitHeartMode() : player.toggleShuffleMode()"
+      @click="
+        fmMode
+          ? player.dislikeFmTrack()
+          : heartMode
+            ? player.exitHeartMode()
+            : player.toggleShuffleMode()
+      "
     >
       <template #icon>
-        <IconSpHeartMode v-if="heartMode" />
+        <IconLucideHeartOff v-if="fmMode" />
+        <IconSpHeartMode v-else-if="heartMode" />
         <IconLucideShuffle v-else-if="shuffleMode === 'on'" />
         <IconSpPlayOrder v-else />
       </template>
@@ -40,7 +47,7 @@ const hasTrack = computed(() => !!media.track);
       circle
       ripple
       :size="compact ? 34 : 38"
-      :disabled="!hasTrack"
+      :disabled="!hasTrack || fmMode"
       @click="player.prevTrack()"
     >
       <template #icon><IconLucideSkipBack /></template>
@@ -77,11 +84,13 @@ const hasTrack = computed(() => !!media.track);
       circle
       ripple
       :size="compact ? 32 : 38"
-      :class="repeatMode === 'off' ? 'text-on-surface-variant' : 'text-primary'"
+      :disabled="fmMode"
+      :class="fmMode || repeatMode === 'off' ? 'text-on-surface-variant' : 'text-primary'"
       @click="player.cycleRepeatMode()"
     >
       <template #icon>
-        <IconLucideRepeat1 v-if="repeatMode === 'one'" />
+        <IconLucideInfinity v-if="fmMode" />
+        <IconLucideRepeat1 v-else-if="repeatMode === 'one'" />
         <IconLucideRepeat v-else />
       </template>
     </SButton>
diff --git a/src/components/player/Toolbar.vue b/src/components/player/Toolbar.vue
index ff37671..936ba7c 100644
--- a/src/components/player/Toolbar.vue
+++ b/src/components/player/Toolbar.vue
@@ -123,6 +123,7 @@ const onMoreMenuSelect = (key: string): void => {
       <template #icon><IconLucideMicVocal /></template>
     </SButton>
     <SButton
+      v-if="!status.fmMode"
       :type="buttonType"
       variant="ghost"
       circle
diff --git a/src/composables/home/useQuickActions.ts b/src/composables/home/useQuickActions.ts
index f42b8a4..9949c7a 100644
--- a/src/composables/home/useQuickActions.ts
+++ b/src/composables/home/useQuickActions.ts
@@ -1,5 +1,6 @@
 import { useUserStore } from "@/stores/user";
 import { useHeartMode } from "@/composables/useHeartMode";
+import { useFmMode } from "@/composables/useFmMode";
 import { toast } from "@/composables/useToast";
 import * as player from "@/core/player";
 import IconDices from "~icons/lucide/dices";
@@ -15,6 +16,7 @@ export const useQuickActions = () => {
   const router = useRouter();
   const user = useUserStore();
   const { enterHeartMode } = useHeartMode();
+  const { enterFmMode } = useFmMode();
 
   /** 试试手气 */
   const playLucky = useThrottleFn(async (): Promise<void> => {
@@ -41,8 +43,8 @@ export const useQuickActions = () => {
   /** 进入心动模式 */
   const playHeartMode = useThrottleFn(() => enterHeartMode(), 800);
 
-  /** 暂未实现的入口占位 */
-  const noop = (): void => {};
+  /** 进入私人 FM */
+  const playFm = useThrottleFn(() => enterFmMode(), 800);
 
   /** 快捷入口列表 */
   const quickActions = computed(() => [
@@ -68,7 +70,7 @@ export const useQuickActions = () => {
       icon: IconRadio,
       title: t("home.quickActions.fm.title"),
       desc: t("home.quickActions.fm.desc"),
-      run: noop,
+      run: playFm,
     },
   ]);
 
diff --git a/src/composables/useFmMode.ts b/src/composables/useFmMode.ts
new file mode 100644
index 0000000..49bef38
--- /dev/null
+++ b/src/composables/useFmMode.ts
@@ -0,0 +1,40 @@
+import { useUserStore } from "@/stores/user";
+import { useStatusStore } from "@/stores/status";
+import { toast } from "@/composables/useToast";
+import * as player from "@/core/player";
+
+/**
+ * 私人 FM
+ *
+ * 调用网易云 /personal_fm 拉一批推荐，进入 FM 模式播放
+ */
+export const useFmMode = () => {
+  const { t } = useI18n();
+  const user = useUserStore();
+  const status = useStatusStore();
+
+  /** 进入私人 FM */
+  const enterFmMode = async (): Promise<void> => {
+    if (status.fmMode) {
+      toast.info(t("player.fm.already"));
+      return;
+    }
+    if (!user.isLoggedIn) {
+      toast.warning(t("player.fm.needLogin"));
+      return;
+    }
+    const loading = toast.loading(t("player.fm.loading"), { duration: 0 });
+    try {
+      const ok = await player.playPersonalFm();
+      if (ok) toast.success(t("player.fm.entered"));
+      else toast.warning(t("player.fm.failed"));
+    } catch (error) {
+      console.error("[fm] 进入失败:", error);
+      toast.warning(t("player.fm.failed"));
+    } finally {
+      loading.close();
+    }
+  };
+
+  return { enterFmMode };
+};
diff --git a/src/composables/useHeartMode.ts b/src/composables/useHeartMode.ts
index ed60d63..2b3f5a0 100644
--- a/src/composables/useHeartMode.ts
+++ b/src/composables/useHeartMode.ts
@@ -36,9 +36,7 @@ export const useHeartMode = () => {
     const liked = user.likedPlaylistTracks;
     const seedTrack =
       seed ??
-      (current?.source === "netease"
-        ? current
-        : liked[Math.floor(Math.random() * liked.length)]);
+      (current?.source === "netease" ? current : liked[Math.floor(Math.random() * liked.length)]);
     if (!playlistId || !seedTrack) {
       toast.warning(t("player.heartMode.noSeed"));
       return;
diff --git a/src/core/player/fm.ts b/src/core/player/fm.ts
new file mode 100644
index 0000000..082c923
--- /dev/null
+++ b/src/core/player/fm.ts
@@ -0,0 +1,77 @@
+/**
+ * 私人 FM
+ */
+
+import type { Track } from "@shared/types/player";
+import { fetchPersonalFm, dislikeFmTrack } from "@/apis/recommend/netease";
+
+/** 剩余曲目不足此数时后台续推，FM 单次返回约 3 首 */
+const FM_PREFETCH_AHEAD = 1;
+
+let list: Track[] = [];
+let index = 0;
+/** 续推在途 promise，并发复用 */
+let fetchingPromise: Promise<void> | null = null;
+
+/** 当前 FM 曲目；池空返回 null */
+export const current = (): Track | null => list[index] ?? null;
+
+/** 池是否非空 */
+export const hasTracks = (): boolean => list.length > index;
+
+/** 拉一批新曲目追加到池末 */
+const fetchMore = (): Promise<void> => {
+  if (fetchingPromise) return fetchingPromise;
+  fetchingPromise = (async () => {
+    try {
+      const more = await fetchPersonalFm();
+      const seen = new Set(list.map((track) => track.id));
+      const fresh = more.filter((track) => !seen.has(track.id));
+      if (fresh.length > 0) list = [...list, ...fresh];
+    } catch (error) {
+      console.error("[fm] 拉取失败:", error);
+    } finally {
+      fetchingPromise = null;
+    }
+  })();
+  return fetchingPromise;
+};
+
+/** 剩余曲目临近阈值时后台续推 */
+const maybeFetch = (): void => {
+  if (list.length - index <= FM_PREFETCH_AHEAD) {
+    void fetchMore();
+  }
+};
+
+/** 进入 FM */
+export const start = async (): Promise<Track | null> => {
+  if (list.length === 0) await fetchMore();
+  return current();
+};
+
+/** 推进到下一首 */
+export const next = async (): Promise<Track | null> => {
+  index++;
+  maybeFetch();
+  if (index >= list.length) {
+    await fetchMore();
+    if (index >= list.length) return null;
+  }
+  return current();
+};
+
+/** 减少推荐 */
+export const dislikeCurrent = async (): Promise<Track | null> => {
+  const track = current();
+  if (!track) return null;
+  // API 失败不阻塞推进
+  dislikeFmTrack(track.id).catch((error) => console.error("[fm] 减少推荐失败:", error));
+  list = [...list.slice(0, index), ...list.slice(index + 1)];
+  maybeFetch();
+  if (index >= list.length) {
+    await fetchMore();
+    if (index >= list.length) return null;
+  }
+  return current();
+};
diff --git a/src/core/player/index.ts b/src/core/player/index.ts
index 3133f18..ac4b2ba 100644
--- a/src/core/player/index.ts
+++ b/src/core/player/index.ts
@@ -8,6 +8,7 @@ import { useStreamingStore } from "@/stores/streaming";
 import { usePluginsStore } from "@/stores/plugins";
 import { useHistoryStore } from "@/stores/history";
 import * as queue from "@/stores/queue";
+import * as fm from "./fm";
 import * as playback from "@/services/playback";
 import * as lyricLoader from "@/services/lyricLoader";
 import * as abLoop from "@/services/abLoop";
@@ -386,8 +387,9 @@ export const playFrom = async (items: readonly Track[], startIndex = 0): Promise
   if (items.length === 0) return;
   const status = useStatusStore();
   const media = useMediaStore();
-  // 退出心动模式
+  // 退出特殊模式
   status.heartMode = false;
+  status.fmMode = false;
   const idx = Math.max(0, Math.min(startIndex, items.length - 1));
   const isSameTrack = media.track?.id === items[idx]?.id;
   queue.setQueue(items);
@@ -414,6 +416,8 @@ export const playHeartMode = async (tracks: readonly Track[]): Promise<void> =>
   status.playIndex = 0;
   status.shuffleMode = "off";
   status.heartMode = true;
+  // 心动 / FM 互斥
+  status.fmMode = false;
   syncPlayMode();
   await loadTrack(status.currentTrack);
 };
@@ -423,9 +427,39 @@ export const exitHeartMode = (): void => {
   useStatusStore().heartMode = false;
 };
 
+/** 进入私人 FM */
+export const playPersonalFm = async (): Promise<boolean> => {
+  const status = useStatusStore();
+  const track = await fm.start();
+  if (!track) return false;
+  status.fmMode = true;
+  // 心动 / FM 互斥
+  status.heartMode = false;
+  await loadTrack(track);
+  return true;
+};
+
+/** 退出私人 FM */
+export const exitPersonalFm = (): void => {
+  useStatusStore().fmMode = false;
+};
+
+/** 私人 FM 减少推荐 */
+export const dislikeFmTrack = async (): Promise<void> => {
+  if (!useStatusStore().fmMode) return;
+  const next = await fm.dislikeCurrent();
+  if (next) await loadTrack(next);
+};
+
 /** 播放下一首，队列末尾时根据循环模式决定行为 */
 export const nextTrack = async (): Promise<void> => {
   const status = useStatusStore();
+  // 私人 FM
+  if (status.fmMode) {
+    const next = await fm.next();
+    if (next) await loadTrack(next);
+    return;
+  }
   if (queue.queueLength.value === 0) return;
   // 到末尾了
   if (status.playIndex >= queue.queueLength.value - 1) {
@@ -462,6 +496,8 @@ export const playAtIndex = async (index: number): Promise<void> => {
     if (!status.isPlaying && useMediaStore().track) play();
     return;
   }
+  // 退出 FM
+  status.fmMode = false;
   status.playIndex = index;
   await loadTrack(status.currentTrack);
 };
@@ -469,6 +505,7 @@ export const playAtIndex = async (index: number): Promise<void> => {
 /** 播放上一首，首位时回绕到末尾 */
 export const prevTrack = async (): Promise<void> => {
   const status = useStatusStore();
+  if (status.fmMode) return;
   if (queue.queueLength.value === 0) return;
   status.playIndex = status.playIndex > 0 ? status.playIndex - 1 : queue.queueLength.value - 1;
   await loadTrack(status.currentTrack);
@@ -624,6 +661,8 @@ export const playNow = async (item: Track): Promise<void> => {
     if (!status.isPlaying) play();
     return;
   }
+  // 退出 FM
+  status.fmMode = false;
   status.playIndex = insertToQueue(item);
   await loadTrack(item);
 };
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index 45e7ac7..8042b65 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -295,6 +295,13 @@
       "already": "Already in Heart Mode",
       "failed": "Failed to start Heart Mode, please try again later"
     },
+    "fm": {
+      "needLogin": "Sign in to use Personal FM",
+      "loading": "Starting Personal FM…",
+      "entered": "Personal FM started",
+      "already": "Already in Personal FM",
+      "failed": "Failed to start Personal FM, please try again later"
+    },
     "lyricOffset": {
       "title": "Lyric Offset",
       "hint": "Positive values advance lyrics, in milliseconds"
diff --git a/src/i18n/locales/zh-CN.json b/src/i18n/locales/zh-CN.json
index 86dbc3e..b6e41c9 100644
--- a/src/i18n/locales/zh-CN.json
+++ b/src/i18n/locales/zh-CN.json
@@ -295,6 +295,13 @@
       "already": "已处于心动模式",
       "failed": "心动模式开启失败，请稍后重试"
     },
+    "fm": {
+      "needLogin": "登录后才能使用私人 FM",
+      "loading": "正在开启私人 FM…",
+      "entered": "已开启私人 FM",
+      "already": "已处于私人 FM",
+      "failed": "私人 FM 开启失败，请稍后重试"
+    },
     "lyricOffset": {
       "title": "歌词偏移",
       "hint": "正值为歌词提前，单位毫秒"
diff --git a/src/stores/status.ts b/src/stores/status.ts
index 937c848..26e7c5f 100644
--- a/src/stores/status.ts
+++ b/src/stores/status.ts
@@ -39,6 +39,8 @@ export const useStatusStore = defineStore(
     const shuffleMode = ref<ShuffleMode>("off");
     /** 心动模式 */
     const heartMode = ref(false);
+    /** 私人 FM 模式 */
+    const fmMode = ref(false);
     /** 播放速度（0.5 ~ 2.0），不持久化 */
     const speed = ref(1.0);
     /** 音调偏移（半音 -12 ~ 12），不持久化 */
@@ -103,6 +105,7 @@ export const useStatusStore = defineStore(
       repeatMode,
       shuffleMode,
       heartMode,
+      fmMode,
       speed,
       pitch,
       pitchSync,
diff --git a/src/types/netease.ts b/src/types/netease.ts
index 514aa54..53794d4 100644
--- a/src/types/netease.ts
+++ b/src/types/netease.ts
@@ -87,16 +87,21 @@ export interface NeteasePrivilege {
 export interface NeteaseSong {
   id: number;
   name: string;
-  /** 别名 */
-  alia?: string[];
   /** 翻译名（中英互译） */
   tns?: string[];
   /** 歌手列表 */
-  ar: NeteaseArtist[];
+  ar?: NeteaseArtist[];
+  artists?: NeteaseArtist[];
   /** 专辑 */
-  al: NeteaseAlbumLite;
-  /** 时长（毫秒） */
-  dt: number;
+  al?: NeteaseAlbumLite;
+  album?: NeteaseAlbumLite;
+  /** 时长，毫秒 */
+  dt?: number;
+  duration?: number;
+  /** 别名 */
+  alia?: string[];
+  /** 别名 */
+  alias?: string[];
   /** 高音质（320k） */
   h?: NeteaseQuality | null;
   /** 中音质（192k） */
diff --git a/src/utils/format/netease.ts b/src/utils/format/netease.ts
index c204c38..c34bfc3 100644
--- a/src/utils/format/netease.ts
+++ b/src/utils/format/netease.ts
@@ -85,17 +85,21 @@ const pickQuality = (song: NeteaseSong): AudioQuality | undefined => {
  * @param song - 原始 song 对象
  */
 export const songToTrack = (song: NeteaseSong): Track => {
-  const cover = withPicSize(song.al?.picUrl);
-  const coverOriginal = withPicSize(song.al?.picUrl, 1024);
-  const comment = song.alia?.find((s) => s?.trim()) ?? undefined;
+  // 兼容旧字段
+  const album = song.al ?? song.album;
+  const ar = song.ar ?? song.artists ?? [];
+  const aliasList = song.alia ?? song.alias;
+  const cover = withPicSize(album?.picUrl);
+  const coverOriginal = withPicSize(album?.picUrl, 1024);
+  const comment = aliasList?.find((s) => s?.trim()) ?? undefined;
   return {
     id: String(song.id),
     source: "netease",
     title: song.name,
     comment,
-    artists: (song.ar ?? []).map((artist) => ({ id: String(artist.id), name: artist.name })),
-    album: song.al ? { id: String(song.al.id), name: song.al.name, cover } : undefined,
-    duration: song.dt ?? 0,
+    artists: ar.map((artist) => ({ id: String(artist.id), name: artist.name })),
+    album: album ? { id: String(album.id), name: album.name, cover } : undefined,
+    duration: song.dt ?? song.duration ?? 0,
     cover,
     coverOriginal,
     quality: pickQuality(song),

From 496d6cfcb8614faa0938c23734c8906882eaa94c Mon Sep 17 00:00:00 2001
From: imsyy <one@imsyy.top>
Date: Sun, 24 May 2026 18:00:35 +0800
Subject: [PATCH 13/14] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=AE=A1?=
 =?UTF-8?q?=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 electron/main/apis/netease/index.ts |  1 +
 electron/main/database/queries.ts   |  4 ++-
 src/composables/useHeartMode.ts     | 16 +++++-----
 src/core/player/events.ts           |  3 +-
 src/core/player/fm.ts               | 46 +++++++++++++----------------
 src/core/player/index.ts            |  5 ----
 src/pages/Daily.vue                 |  7 +++++
 src/stores/data.ts                  | 26 +++++++++++-----
 8 files changed, 61 insertions(+), 47 deletions(-)

diff --git a/electron/main/apis/netease/index.ts b/electron/main/apis/netease/index.ts
index 51ab873..10c580c 100644
--- a/electron/main/apis/netease/index.ts
+++ b/electron/main/apis/netease/index.ts
@@ -50,6 +50,7 @@ const NON_CACHEABLE: ReadonlySet<string> = new Set([
   "playmode_intelligence",
   "personal_fm",
   "fm_trash",
+  "recommend_songs",
 ]);
 
 /** 内存缓存 */
diff --git a/electron/main/database/queries.ts b/electron/main/database/queries.ts
index b975be0..3c6c601 100644
--- a/electron/main/database/queries.ts
+++ b/electron/main/database/queries.ts
@@ -74,9 +74,11 @@ export const getRandomTrack = (): Track | null => {
 
 /** 随机取多首曲目 */
 export const getRandomTracks = (limit: number): Track[] => {
+  const safe = Math.max(0, Math.min(limit | 0, 500));
+  if (safe === 0) return [];
   const rows = getDb()
     .prepare("SELECT * FROM tracks ORDER BY RANDOM() LIMIT ?")
-    .all(limit) as TrackRow[];
+    .all(safe) as TrackRow[];
   return rows.map(rowToTrack);
 };
 
diff --git a/src/composables/useHeartMode.ts b/src/composables/useHeartMode.ts
index 2b3f5a0..2f0e325 100644
--- a/src/composables/useHeartMode.ts
+++ b/src/composables/useHeartMode.ts
@@ -20,7 +20,7 @@ export const useHeartMode = () => {
 
   /**
    * 进入心动模式
-   * @param seed - 指定种子歌曲；缺省时取当前播放的网易云歌曲，再退而取随机红心歌曲
+   * @param seed - 指定种子歌曲；缺省时取当前播放的网易云歌曲，再退而取随机红心歌曲 id
    */
   const enterHeartMode = async (seed?: Track): Promise<void> => {
     if (status.heartMode) {
@@ -33,17 +33,19 @@ export const useHeartMode = () => {
     }
     const playlistId = user.likedPlaylistId;
     const current = media.track;
-    const liked = user.likedPlaylistTracks;
-    const seedTrack =
-      seed ??
-      (current?.source === "netease" ? current : liked[Math.floor(Math.random() * liked.length)]);
-    if (!playlistId || !seedTrack) {
+    const likedIds = [...user.likedSongIds];
+    const seedId =
+      seed?.id ??
+      (current?.source === "netease"
+        ? current.id
+        : likedIds[Math.floor(Math.random() * likedIds.length)]);
+    if (!playlistId || !seedId) {
       toast.warning(t("player.heartMode.noSeed"));
       return;
     }
     const loading = toast.loading(t("player.heartMode.loading"), { duration: 0 });
     try {
-      const tracks = await fetchHeartModeList(seedTrack.id, playlistId);
+      const tracks = await fetchHeartModeList(seedId, playlistId);
       if (tracks.length === 0) {
         toast.warning(t("player.heartMode.failed"));
         return;
diff --git a/src/core/player/events.ts b/src/core/player/events.ts
index cd5e4b4..83ad232 100644
--- a/src/core/player/events.ts
+++ b/src/core/player/events.ts
@@ -70,7 +70,8 @@ export const handleEvent = async (event: PlayerEvent): Promise<void> => {
       endedGuard = true;
       try {
         const stopByTimer = autoClose.onTrackEnded();
-        const repeatOne = status.repeatMode === "one";
+        // FM 模式跳过
+        const repeatOne = status.repeatMode === "one" && !status.fmMode;
         // 结算播放统计
         playStats.onTrackEnded(repeatOne && !stopByTimer);
         // 定时关闭"等本曲结束"模式
diff --git a/src/core/player/fm.ts b/src/core/player/fm.ts
index 082c923..56864f5 100644
--- a/src/core/player/fm.ts
+++ b/src/core/player/fm.ts
@@ -8,16 +8,15 @@ import { fetchPersonalFm, dislikeFmTrack } from "@/apis/recommend/netease";
 /** 剩余曲目不足此数时后台续推，FM 单次返回约 3 首 */
 const FM_PREFETCH_AHEAD = 1;
 
-let list: Track[] = [];
-let index = 0;
+let pool: Track[] = [];
 /** 续推在途 promise，并发复用 */
 let fetchingPromise: Promise<void> | null = null;
 
 /** 当前 FM 曲目；池空返回 null */
-export const current = (): Track | null => list[index] ?? null;
+export const current = (): Track | null => pool[0] ?? null;
 
 /** 池是否非空 */
-export const hasTracks = (): boolean => list.length > index;
+export const hasTracks = (): boolean => pool.length > 0;
 
 /** 拉一批新曲目追加到池末 */
 const fetchMore = (): Promise<void> => {
@@ -25,9 +24,9 @@ const fetchMore = (): Promise<void> => {
   fetchingPromise = (async () => {
     try {
       const more = await fetchPersonalFm();
-      const seen = new Set(list.map((track) => track.id));
+      const seen = new Set(pool.map((track) => track.id));
       const fresh = more.filter((track) => !seen.has(track.id));
-      if (fresh.length > 0) list = [...list, ...fresh];
+      if (fresh.length > 0) pool = [...pool, ...fresh];
     } catch (error) {
       console.error("[fm] 拉取失败:", error);
     } finally {
@@ -39,39 +38,34 @@ const fetchMore = (): Promise<void> => {
 
 /** 剩余曲目临近阈值时后台续推 */
 const maybeFetch = (): void => {
-  if (list.length - index <= FM_PREFETCH_AHEAD) {
-    void fetchMore();
+  if (pool.length <= FM_PREFETCH_AHEAD) void fetchMore();
+};
+
+/** 弹出队头并保证剩余至少一首，无可用曲目返回 null */
+const advance = async (): Promise<Track | null> => {
+  pool = pool.slice(1);
+  maybeFetch();
+  if (pool.length === 0) {
+    await fetchMore();
+    if (pool.length === 0) return null;
   }
+  return current();
 };
 
 /** 进入 FM */
 export const start = async (): Promise<Track | null> => {
-  if (list.length === 0) await fetchMore();
+  if (pool.length === 0) await fetchMore();
   return current();
 };
 
 /** 推进到下一首 */
-export const next = async (): Promise<Track | null> => {
-  index++;
-  maybeFetch();
-  if (index >= list.length) {
-    await fetchMore();
-    if (index >= list.length) return null;
-  }
-  return current();
-};
+export const next = (): Promise<Track | null> => advance();
 
 /** 减少推荐 */
 export const dislikeCurrent = async (): Promise<Track | null> => {
   const track = current();
   if (!track) return null;
   // API 失败不阻塞推进
-  dislikeFmTrack(track.id).catch((error) => console.error("[fm] 减少推荐失败:", error));
-  list = [...list.slice(0, index), ...list.slice(index + 1)];
-  maybeFetch();
-  if (index >= list.length) {
-    await fetchMore();
-    if (index >= list.length) return null;
-  }
-  return current();
+  void dislikeFmTrack(track.id).catch((error) => console.error("[fm] 减少推荐失败:", error));
+  return advance();
 };
diff --git a/src/core/player/index.ts b/src/core/player/index.ts
index ac4b2ba..c63519d 100644
--- a/src/core/player/index.ts
+++ b/src/core/player/index.ts
@@ -439,11 +439,6 @@ export const playPersonalFm = async (): Promise<boolean> => {
   return true;
 };
 
-/** 退出私人 FM */
-export const exitPersonalFm = (): void => {
-  useStatusStore().fmMode = false;
-};
-
 /** 私人 FM 减少推荐 */
 export const dislikeFmTrack = async (): Promise<void> => {
   if (!useStatusStore().fmMode) return;
diff --git a/src/pages/Daily.vue b/src/pages/Daily.vue
index ee5b0c2..f4a1ec3 100644
--- a/src/pages/Daily.vue
+++ b/src/pages/Daily.vue
@@ -51,6 +51,13 @@ const selectedDay = computed<DayView | null>(
   () => days.value.find((day) => day.key === selectedKey.value) ?? days.value[0] ?? null,
 );
 
+watch(days, (list) => {
+  if (list.length === 0) return;
+  if (!list.some((day) => day.key === selectedKey.value)) {
+    selectedKey.value = list[0].key;
+  }
+});
+
 /** 首次进入且无缓存时显示加载态 */
 const loading = ref(data.dailyRecommend.length === 0);
 
diff --git a/src/stores/data.ts b/src/stores/data.ts
index 453dd47..da36b7a 100644
--- a/src/stores/data.ts
+++ b/src/stores/data.ts
@@ -1,10 +1,9 @@
 import localforage from "localforage";
 import type { Track } from "@shared/types/player";
 import { fetchDailySongs } from "@/apis/recommend/netease";
+import { useUserStore } from "@/stores/user";
 
 const MAX_SEARCH_HISTORY = 20;
-/** 每日推荐归档 IndexedDB 缓存键 */
-const DAILY_RECOMMEND_KEY = "daily-recommend-archive";
 /** 每日推荐归档保留天数 */
 const MAX_DAILY_ARCHIVE = 14;
 
@@ -54,8 +53,12 @@ export const useDataStore = defineStore(
       searchHistory.value = [];
     };
 
-    /** 每日推荐归档（最新在前，含今日；非响应，作为今日 / 历史两个 ref 的数据源） */
+    const user = useUserStore();
+
+    /** 每日推荐归档 */
     let dailyArchive: DailyRecommendEntry[] = [];
+    /** 当前内存归档归属的 userId */
+    let dailyArchiveUserId: number | null = null;
     /** 今日每日推荐曲目 */
     const dailyRecommend = shallowRef<Track[]>([]);
     /** 历史每日推荐（不含今日，最新在前） */
@@ -73,11 +76,22 @@ export const useDataStore = defineStore(
 
     /**
      * 取每日推荐曲目：当天已有直接返回，否则按 IndexedDB → 网络 顺序获取
+     * 缓存按 userId 分键（`daily-recommend-archive:${uid}`）
      * 新一天的数据会把旧数据沉淀进历史归档（IndexedDB 持久化，保留近 14 天）
      * 逻辑日以 6:00 为界，失败返回空数组。各处可直接调用，已就绪时即时返回
      * @param force - 强制重新拉取并覆盖当天归档
      */
     const ensureDailyRecommend = async (force = false): Promise<Track[]> => {
+      const uid = user.profile?.userId ?? null;
+      if (uid == null) return [];
+      // 用户切换 → 丢弃旧用户的内存归档，避免串数据
+      if (dailyArchiveUserId !== uid) {
+        dailyArchive = [];
+        dailyArchiveUserId = uid;
+        dailyRecommend.value = [];
+        dailyHistory.value = [];
+      }
+      const cacheKey = `daily-recommend-archive:${uid}`;
       const head = dailyArchive[0];
       if (!force && head?.date === todayKey() && head.tracks.length > 0) {
         return dailyRecommend.value;
@@ -86,9 +100,7 @@ export const useDataStore = defineStore(
       dailyRecommendLoading = (async () => {
         try {
           if (dailyArchive.length === 0) {
-            const cached = await cacheDb
-              .getItem<DailyRecommendEntry[]>(DAILY_RECOMMEND_KEY)
-              .catch(() => null);
+            const cached = await cacheDb.getItem<DailyRecommendEntry[]>(cacheKey).catch(() => null);
             if (cached?.length) {
               dailyArchive = cached;
               syncDaily();
@@ -105,7 +117,7 @@ export const useDataStore = defineStore(
               dailyArchive[0]?.date === todayKey() ? dailyArchive.slice(1) : dailyArchive;
             dailyArchive = [{ date: todayKey(), tracks }, ...rest].slice(0, MAX_DAILY_ARCHIVE);
             syncDaily();
-            cacheDb.setItem(DAILY_RECOMMEND_KEY, dailyArchive).catch(() => {});
+            cacheDb.setItem(cacheKey, dailyArchive).catch(() => {});
           }
           return dailyRecommend.value;
         } catch (error) {

From c476958bea7f48aae5da92785166d803766a723e Mon Sep 17 00:00:00 2001
From: imsyy <one@imsyy.top>
Date: Sun, 24 May 2026 22:47:26 +0800
Subject: [PATCH 14/14] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=AE=A1?=
 =?UTF-8?q?=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/recommend/netease.ts | 13 ++++++++++---
 src/core/player/fm.ts         | 13 +++++++++----
 src/core/player/index.ts      |  3 ++-
 3 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/apis/recommend/netease.ts b/src/apis/recommend/netease.ts
index 32338a6..20adce7 100644
--- a/src/apis/recommend/netease.ts
+++ b/src/apis/recommend/netease.ts
@@ -31,9 +31,16 @@ export const fetchPersonalFm = async (): Promise<Track[]> => {
   return songsToTracks(body?.data ?? []);
 };
 
-/** 私人 FM 减少推荐（不喜欢当前曲目，调用 fm_trash 接口影响后续推荐） */
-export const dislikeFmTrack = async (songId: string): Promise<void> => {
-  await neteaseApi.fm_trash({ id: songId });
+/**
+ * 私人 FM 减少推荐
+ * @param songId - 歌曲 id
+ * @param playedSec - 实际播放秒数，作为算法反馈
+ */
+export const submitFmTrash = async (songId: string, playedSec?: number): Promise<void> => {
+  await neteaseApi.fm_trash({
+    id: songId,
+    ...(playedSec !== undefined ? { time: playedSec } : {}),
+  });
 };
 
 /** 首页推荐区块展示数 */
diff --git a/src/core/player/fm.ts b/src/core/player/fm.ts
index 56864f5..4bfc6a9 100644
--- a/src/core/player/fm.ts
+++ b/src/core/player/fm.ts
@@ -3,7 +3,7 @@
  */
 
 import type { Track } from "@shared/types/player";
-import { fetchPersonalFm, dislikeFmTrack } from "@/apis/recommend/netease";
+import { fetchPersonalFm, submitFmTrash } from "@/apis/recommend/netease";
 
 /** 剩余曲目不足此数时后台续推，FM 单次返回约 3 首 */
 const FM_PREFETCH_AHEAD = 1;
@@ -61,11 +61,16 @@ export const start = async (): Promise<Track | null> => {
 /** 推进到下一首 */
 export const next = (): Promise<Track | null> => advance();
 
-/** 减少推荐 */
-export const dislikeCurrent = async (): Promise<Track | null> => {
+/**
+ * 减少推荐
+ * @param playedSec - 当前曲目已播放秒数，作为算法反馈
+ */
+export const dislikeCurrent = async (playedSec?: number): Promise<Track | null> => {
   const track = current();
   if (!track) return null;
   // API 失败不阻塞推进
-  void dislikeFmTrack(track.id).catch((error) => console.error("[fm] 减少推荐失败:", error));
+  void submitFmTrash(track.id, playedSec).catch((error) =>
+    console.error("[fm] 减少推荐失败:", error),
+  );
   return advance();
 };
diff --git a/src/core/player/index.ts b/src/core/player/index.ts
index c63519d..b702b31 100644
--- a/src/core/player/index.ts
+++ b/src/core/player/index.ts
@@ -442,7 +442,8 @@ export const playPersonalFm = async (): Promise<boolean> => {
 /** 私人 FM 减少推荐 */
 export const dislikeFmTrack = async (): Promise<void> => {
   if (!useStatusStore().fmMode) return;
-  const next = await fm.dislikeCurrent();
+  const playedSec = Math.max(0, Math.round(playback.getCurrentTime() / 1000));
+  const next = await fm.dislikeCurrent(playedSec);
   if (next) await loadTrack(next);
 };