From 33cb34a7d79ee259fd652c940d76b7834145ce6e Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Fri, 30 Jan 2026 15:48:26 +0800
Subject: [PATCH 01/19] =?UTF-8?q?=E2=9C=A8=20feat:=20=E5=8F=B2=E8=AF=97?=
 =?UTF-8?q?=E7=BA=A7=E5=8A=A0=E5=BC=BANo-cover?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/List/ListDetail.vue       |  4 +++-
 src/components/Player/MainPlayer.vue     |  5 +++++
 src/components/Setting/config/general.ts | 10 ++++++++++
 src/stores/setting.ts                    |  3 +++
 src/views/Song/wiki.vue                  | 22 ++++++++++++++++++----
 5 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/src/components/List/ListDetail.vue b/src/components/List/ListDetail.vue
index 2bd524ee3..80b8b7fc5 100644
--- a/src/components/List/ListDetail.vue
+++ b/src/components/List/ListDetail.vue
@@ -3,7 +3,7 @@
   <div :class="['list-detail', { small: listScrolling }]">
     <Transition name="fade" mode="out-in">
       <div v-if="detailData" class="detail">
-        <div class="cover">
+        <div class="cover" v-if="!settingStore.hideAllCovers">
           <n-image
             :src="detailData.coverSize?.m || detailData.cover"
             :previewed-img-props="{ style: { borderRadius: '8px' } }"
@@ -210,6 +210,7 @@ import { coverLoaded, formatNumber } from "@/utils/helper";
 import { renderToolbar } from "@/utils/meta";
 import { formatTimestamp } from "@/utils/time";
 import { openDescModal, openJumpArtist } from "@/utils/modal";
+import { useSettingStore } from "@/stores";
 
 interface ListDetailConfig {
   // 标题类型
@@ -253,6 +254,7 @@ const emit = defineEmits<{
 }>();
 
 const router = useRouter();
+const settingStore = useSettingStore();
 
 // 当前 tab
 const currentTab = ref<"songs" | "comments">("songs");
diff --git a/src/components/Player/MainPlayer.vue b/src/components/Player/MainPlayer.vue
index 207eb94ec..9be642696 100644
--- a/src/components/Player/MainPlayer.vue
+++ b/src/components/Player/MainPlayer.vue
@@ -16,6 +16,7 @@
       <!-- 封面 -->
       <Transition name="fade" mode="out-in">
         <div
+          v-if="!settingStore.hideMiniPlayerCover"
           :key="musicStore.playSong.cover"
           class="cover"
           @click.stop="statusStore.showFullPlayer = true"
@@ -51,6 +52,10 @@
               "
               :speed="0.2"
               class="name"
+              style="cursor: pointer"
+              @click.stop="
+                settingStore.hideMiniPlayerCover ? (statusStore.showFullPlayer = true) : null
+              "
             />
             <!-- 倍速 -->
             <n-tag
diff --git a/src/components/Setting/config/general.ts b/src/components/Setting/config/general.ts
index 5dd683e26..cc91d3a63 100644
--- a/src/components/Setting/config/general.ts
+++ b/src/components/Setting/config/general.ts
@@ -212,6 +212,16 @@ export const useGeneralSettings = (): SettingConfig => {
               set: (v) => (settingStore.hideAllCovers = v),
             }),
           },
+          {
+            key: "hideMiniPlayerCover",
+            label: "隐藏迷你播放器封面",
+            type: "switch",
+            description: "开启后将隐藏底部迷你播放器的封面",
+            value: computed({
+              get: () => settingStore.hideMiniPlayerCover,
+              set: (v) => (settingStore.hideMiniPlayerCover = v),
+            }),
+          },
           {
             key: "menuShowCover",
             label: "侧边栏显示封面",
diff --git a/src/stores/setting.ts b/src/stores/setting.ts
index bb312efec..e8dee8e72 100644
--- a/src/stores/setting.ts
+++ b/src/stores/setting.ts
@@ -215,6 +215,8 @@ export interface SettingState {
   showLocalCover: boolean;
   /** 隐藏全部封面 */
   hideAllCovers: boolean;
+  /** 隐藏迷你播放器封面 */
+  hideMiniPlayerCover: boolean;
   /** 路由动画 */
   routeAnimation: "none" | "fade" | "zoom" | "slide" | "up";
   /** 播放器展开动画 */
@@ -450,6 +452,7 @@ export const useSettingStore = defineStore("setting", {
     localSeparators: ["/", "&"],
     showLocalCover: true,
     hideAllCovers: false,
+    hideMiniPlayerCover: false,
     downloadPath: "",
     cacheEnabled: true,
     songCacheEnabled: true,
diff --git a/src/views/Song/wiki.vue b/src/views/Song/wiki.vue
index deb318f4a..e0c223de1 100644
--- a/src/views/Song/wiki.vue
+++ b/src/views/Song/wiki.vue
@@ -22,7 +22,11 @@
             />
           </div>
           <div class="data">
-            <n-h2 class="name text-hidden">{{ currentSong.name }}</n-h2>
+            <n-h2 class="name text-hidden">{{
+              settingStore.hideLyricBrackets
+                ? removeBrackets(currentSong.name)
+                : currentSong.name
+            }}</n-h2>
             <div class="meta">
               <div class="item">
                 <SvgIcon name="Person" :depth="3" />
@@ -47,9 +51,17 @@
                   class="text-hidden"
                   @click="$router.push({ name: 'album', query: { id: currentSong.album.id } })"
                 >
-                  {{ currentSong.album.name }}
+                  {{
+                    settingStore.hideLyricBrackets
+                      ? removeBrackets(currentSong.album.name)
+                      : currentSong.album.name
+                  }}
                 </n-text>
-                <n-text v-else class="text-hidden">{{ currentSong.album }}</n-text>
+                <n-text v-else class="text-hidden">{{
+                  settingStore.hideLyricBrackets
+                    ? removeBrackets(currentSong.album)
+                    : currentSong.album
+                }}</n-text>
               </div>
             </div>
             <div class="actions">
@@ -277,11 +289,13 @@ import {
   songSheetPreview,
   songFirstListenInfo,
 } from "@/api/song";
-import { formatSongsList } from "@/utils/format";
+import { formatSongsList, removeBrackets } from "@/utils/format";
+import { useSettingStore } from "@/stores";
 import dayjs from "dayjs";
 
 const route = useRoute();
 const player = usePlayerController();
+const settingStore = useSettingStore();
 
 const loading = ref(true);
 const currentSongId = ref<number>(0);

From 71cfe0510aadd7ff8d16063cddc04e3efdc1b746 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Fri, 30 Jan 2026 16:09:03 +0800
Subject: [PATCH 02/19] =?UTF-8?q?=E2=9C=A8=20feat:=20=E8=87=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=E6=AD=8C=E5=8D=95=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                               |  1 +
 src/components/List/ListDetail.vue            | 25 ++++++--
 .../Modal/Setting/PlaylistPageManager.vue     | 63 +++++++++++++++++++
 src/components/Setting/config/general.ts      |  9 +++
 src/stores/setting.ts                         | 14 +++++
 src/utils/modal.ts                            | 16 +++++
 6 files changed, 123 insertions(+), 5 deletions(-)
 create mode 100644 src/components/Modal/Setting/PlaylistPageManager.vue

diff --git a/components.d.ts b/components.d.ts
index 05a460bd3..9440f931d 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -161,6 +161,7 @@ declare module 'vue' {
     PlayerSlider: typeof import('./src/components/Player/PlayerComponents/PlayerSlider.vue')['default']
     PlayerSpectrum: typeof import('./src/components/Player/PlayerComponents/PlayerSpectrum.vue')['default']
     PlaylistAdd: typeof import('./src/components/Modal/PlaylistAdd.vue')['default']
+    PlaylistPageManager: typeof import('./src/components/Modal/Setting/PlaylistPageManager.vue')['default']
     PlaySetting: typeof import('./src/components/Setting/old/PlaySetting.vue')['default']
     Provider: typeof import('./src/components/Global/Provider.vue')['default']
     ProxyConfig: typeof import('./src/components/Setting/components/ProxyConfig.vue')['default']
diff --git a/src/components/List/ListDetail.vue b/src/components/List/ListDetail.vue
index 80b8b7fc5..51a392ead 100644
--- a/src/components/List/ListDetail.vue
+++ b/src/components/List/ListDetail.vue
@@ -56,7 +56,7 @@
           <n-collapse-transition :show="!listScrolling" class="collapse">
             <!-- 简介 -->
             <n-text
-              v-if="detailData.description"
+              v-if="detailData.description && settingStore.playlistPageElements.description"
               class="description text-hidden"
               @click="handleDescriptionClick"
             >
@@ -65,7 +65,13 @@
             <!-- 信息 -->
             <n-flex class="meta">
               <!-- 艺术家/创建者 -->
-              <div v-if="config.showArtist || config.showCreator" class="item">
+              <div
+                v-if="
+                  (config.showArtist || config.showCreator) &&
+                  settingStore.playlistPageElements.creator
+                "
+                class="item"
+              >
                 <SvgIcon name="Person" :depth="3" />
                 <div
                   v-if="config.showArtist && Array.isArray(detailData.artists)"
@@ -97,17 +103,26 @@
                 <n-text>{{ detailData.count }}</n-text>
               </div>
               <!-- 更新时间 -->
-              <div v-if="detailData.updateTime" class="item">
+              <div
+                v-if="detailData.updateTime && settingStore.playlistPageElements.time"
+                class="item"
+              >
                 <SvgIcon name="Update" :depth="3" />
                 <n-text>{{ formatTimestamp(detailData.updateTime) }}</n-text>
               </div>
               <!-- 创建时间 -->
-              <div v-else-if="detailData.createTime" class="item">
+              <div
+                v-else-if="detailData.createTime && settingStore.playlistPageElements.time"
+                class="item"
+              >
                 <SvgIcon name="Time" :depth="3" />
                 <n-text>{{ formatTimestamp(detailData.createTime) }}</n-text>
               </div>
               <!-- 标签 -->
-              <div v-if="detailData.tags?.length" class="item hidden">
+              <div
+                v-if="detailData.tags?.length && settingStore.playlistPageElements.tags"
+                class="item hidden"
+              >
                 <SvgIcon name="Tag" :depth="3" />
                 <n-flex class="tags">
                   <n-tag
diff --git a/src/components/Modal/Setting/PlaylistPageManager.vue b/src/components/Modal/Setting/PlaylistPageManager.vue
new file mode 100644
index 000000000..6941ea286
--- /dev/null
+++ b/src/components/Modal/Setting/PlaylistPageManager.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="playlist-page-manager">
+    <div class="list">
+      <n-card
+        v-for="item in items"
+        :key="item.key"
+        :content-style="{
+          display: 'flex',
+          alignItems: 'center',
+          gap: '12px',
+          padding: '16px',
+        }"
+        class="item"
+      >
+        <n-text class="name">{{ item.label }}</n-text>
+        <n-switch
+          :value="settingStore.playlistPageElements[item.key]"
+          :round="false"
+          @update:value="(val) => updateSetting(item.key, val)"
+        />
+      </n-card>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useSettingStore } from "@/stores";
+import type { SettingState } from "@/stores/setting";
+
+const settingStore = useSettingStore();
+
+type PlaylistPageElementKey = keyof SettingState["playlistPageElements"];
+type Item = { label: string; key: PlaylistPageElementKey };
+
+const items: Item[] = [
+  { label: "显示标签", key: "tags" },
+  { label: "显示创建者/艺术家", key: "creator" },
+  { label: "显示创建/更新时间", key: "time" },
+  { label: "显示描述", key: "description" },
+];
+
+const updateSetting = (key: PlaylistPageElementKey, val: boolean) => {
+  settingStore.playlistPageElements[key] = val;
+};
+</script>
+
+<style scoped lang="scss">
+.list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  .item {
+    border-radius: 8px;
+    .name {
+      font-size: 16px;
+      line-height: normal;
+    }
+    .n-switch {
+      margin-left: auto;
+    }
+  }
+}
+</style>
diff --git a/src/components/Setting/config/general.ts b/src/components/Setting/config/general.ts
index cc91d3a63..a1462320b 100644
--- a/src/components/Setting/config/general.ts
+++ b/src/components/Setting/config/general.ts
@@ -8,6 +8,7 @@ import {
   openCustomCode,
   openThemeConfig,
   openExcludeComment,
+  openPlaylistPageManager,
 } from "@/utils/modal";
 import { sendRegisterProtocol } from "@/utils/protocol";
 import { SettingConfig } from "@/types/settings";
@@ -248,6 +249,14 @@ export const useGeneralSettings = (): SettingConfig => {
             buttonLabel: "配置",
             action: openHomePageSectionManager,
           },
+          {
+            key: "playlistPageElements",
+            label: "歌单界面配置",
+            type: "button",
+            description: "自定义歌单界面的标签、拥有者、时间、描述显示",
+            buttonLabel: "配置",
+            action: openPlaylistPageManager,
+          },
           {
             key: "showSongQuality",
             label: "显示歌曲音质",
diff --git a/src/stores/setting.ts b/src/stores/setting.ts
index e8dee8e72..2247e7f79 100644
--- a/src/stores/setting.ts
+++ b/src/stores/setting.ts
@@ -288,6 +288,14 @@ export interface SettingState {
     /** 隐藏心动模式 */
     hideHeartbeatMode: boolean;
   };
+  /** 歌单界面元素显示配置 */
+  // Controls the visibility of elements on the playlist detail page
+  playlistPageElements: {
+    tags: boolean;
+    creator: boolean;
+    time: boolean;
+    description: boolean;
+  };
   /** 启用搜索关键词获取 */
   enableSearchKeyword: boolean;
   /** 失焦后自动清空搜索框 */
@@ -494,6 +502,12 @@ export const useSettingStore = defineStore("setting", {
       hideLikedPlaylists: false,
       hideHeartbeatMode: false,
     },
+    playlistPageElements: {
+      tags: true,
+      creator: true,
+      time: true,
+      description: true,
+    },
     enableSearchKeyword: true,
     clearSearchOnBlur: false,
     showHomeGreeting: true,
diff --git a/src/utils/modal.ts b/src/utils/modal.ts
index 8cd057d1f..fd46c1a76 100644
--- a/src/utils/modal.ts
+++ b/src/utils/modal.ts
@@ -68,6 +68,22 @@ export const openUserAgreement = async () => {
   });
 };
 
+/** 打开歌单界面配置弹窗 */
+export const openPlaylistPageManager = async () => {
+  const { default: PlaylistPageManager } =
+    await import("@/components/Modal/Setting/PlaylistPageManager.vue");
+  window.$modal.create({
+    preset: "card",
+    transformOrigin: "center",
+    autoFocus: false,
+    style: { width: "500px" },
+    title: "歌单界面配置",
+    content: () => {
+      return h(PlaylistPageManager);
+    },
+  });
+};
+
 // 用户登录
 export const openUserLogin = async (
   showTip: boolean = false,

From edf5dc1a09effdac3ec36698aae746fbd0214af5 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Fri, 30 Jan 2026 17:12:04 +0800
Subject: [PATCH 03/19] =?UTF-8?q?=E2=9C=A8=20feat:=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E6=8E=92=E5=B8=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Setting/MainSetting.vue        |  73 ++-
 src/components/Setting/config/appearance.ts   | 486 ++++++++++++++++++
 src/components/Setting/config/general.ts      | 457 +++++++---------
 .../Setting/config/{third.ts => network.ts}   | 184 ++++++-
 src/components/Setting/config/other.ts        | 291 -----------
 src/components/Setting/config/play.ts         | 301 ++---------
 src/components/Setting/config/streaming.ts    |  40 --
 src/types/main.ts                             |   5 +-
 src/views/Streaming/layout.vue                |   2 +-
 9 files changed, 896 insertions(+), 943 deletions(-)
 create mode 100644 src/components/Setting/config/appearance.ts
 rename src/components/Setting/config/{third.ts => network.ts} (70%)
 delete mode 100644 src/components/Setting/config/other.ts
 delete mode 100644 src/components/Setting/config/streaming.ts

diff --git a/src/components/Setting/MainSetting.vue b/src/components/Setting/MainSetting.vue
index 0475584b0..b6e87cde9 100644
--- a/src/components/Setting/MainSetting.vue
+++ b/src/components/Setting/MainSetting.vue
@@ -73,6 +73,12 @@
             :groups="generalConfig.groups"
             :highlight-key="highlightKey"
           />
+          <!-- 外观 -->
+          <UniversalSetting
+            v-else-if="activeKey === 'appearance'"
+            :groups="appearanceConfig.groups"
+            :highlight-key="highlightKey"
+          />
           <!-- 播放 -->
           <UniversalSetting
             v-else-if="activeKey === 'play'"
@@ -97,22 +103,10 @@
             :groups="localConfig.groups"
             :highlight-key="highlightKey"
           />
-          <!-- 第三方 -->
-          <UniversalSetting
-            v-else-if="activeKey === 'third'"
-            :groups="thirdConfig.groups"
-            :highlight-key="highlightKey"
-          />
-          <!-- 流媒体 -->
+          <!-- 网络 -->
           <UniversalSetting
-            v-else-if="activeKey === 'streaming'"
-            :groups="streamingConfig.groups"
-            :highlight-key="highlightKey"
-          />
-          <!-- 其他 -->
-          <UniversalSetting
-            v-else-if="activeKey === 'other'"
-            :groups="otherConfig.groups"
+            v-else-if="activeKey === 'network'"
+            :groups="networkConfig.groups"
             :highlight-key="highlightKey"
           />
           <!-- 关于 -->
@@ -136,47 +130,43 @@ import { useStatusStore } from "@/stores";
 import packageJson from "@/../package.json";
 import { usePlaySettings } from "./config/play";
 import { useGeneralSettings } from "./config/general";
+import { useAppearanceSettings } from "./config/appearance";
 import { useLyricSettings } from "./config/lyric";
 import { useKeyboardSettings } from "./config/keyboard";
 import { useLocalSettings } from "./config/local";
-import { useThirdSettings } from "./config/third";
-import { useStreamingSettings } from "./config/streaming";
-import { useOtherSettings } from "./config/other";
+import { useNetworkSettings } from "./config/network";
 
 const props = defineProps<{ type: SettingType; scrollTo?: string }>();
 
 const playConfig = usePlaySettings();
 const generalConfig = useGeneralSettings();
+const appearanceConfig = useAppearanceSettings();
 const lyricConfig = useLyricSettings();
 const keyboardConfig = useKeyboardSettings();
 const localConfig = useLocalSettings();
-const thirdConfig = useThirdSettings();
-const streamingConfig = useStreamingSettings();
-const otherConfig = useOtherSettings();
+const networkConfig = useNetworkSettings();
 
 // 配置映射表
 const configs: Record<string, any> = {
   play: playConfig,
   general: generalConfig,
+  appearance: appearanceConfig,
   lyrics: lyricConfig,
   keyboard: keyboardConfig,
   local: localConfig,
-  third: thirdConfig,
-  streaming: streamingConfig,
-  other: otherConfig,
+  network: networkConfig,
 };
 
 // 聚合所有设置
 const allSettingGroups = computed(() => {
   return [
     { key: "general", groups: generalConfig.groups },
+    { key: "appearance", groups: appearanceConfig.groups },
     { key: "play", groups: playConfig.groups },
     { key: "lyrics", groups: lyricConfig.groups },
     { key: "keyboard", groups: keyboardConfig.groups },
     { key: "local", groups: localConfig.groups },
-    { key: "third", groups: thirdConfig.groups },
-    { key: "streaming", groups: streamingConfig.groups },
-    { key: "other", groups: otherConfig.groups },
+    { key: "network", groups: networkConfig.groups },
   ];
 });
 
@@ -304,6 +294,11 @@ const menuOptions: MenuOption[] = [
     label: "常规设置",
     icon: renderIcon("SettingsLine"),
   },
+  {
+    key: "appearance",
+    label: "外观设置",
+    icon: renderIcon("Palette"),
+  },
   {
     key: "play",
     label: "播放设置",
@@ -314,12 +309,6 @@ const menuOptions: MenuOption[] = [
     label: "歌词设置",
     icon: renderIcon("Lyrics"),
   },
-  {
-    key: "keyboard",
-    label: "快捷键设置",
-    show: isElectron,
-    icon: renderIcon("Keyboard"),
-  },
   {
     key: "local",
     label: "本地与缓存",
@@ -327,19 +316,15 @@ const menuOptions: MenuOption[] = [
     icon: renderIcon("Storage"),
   },
   {
-    key: "third",
-    label: "连接与集成",
-    icon: renderIcon("Extension"),
-  },
-  {
-    key: "streaming",
-    label: "流媒体设置",
-    icon: renderIcon("Stream"),
+    key: "keyboard",
+    label: "快捷键设置",
+    show: isElectron,
+    icon: renderIcon("Keyboard"),
   },
   {
-    key: "other",
-    label: "其他设置",
-    icon: renderIcon("SettingsOther"),
+    key: "network",
+    label: "网络与连接",
+    icon: renderIcon("Link"),
   },
   {
     key: "about",
diff --git a/src/components/Setting/config/appearance.ts b/src/components/Setting/config/appearance.ts
new file mode 100644
index 000000000..86720e6d7
--- /dev/null
+++ b/src/components/Setting/config/appearance.ts
@@ -0,0 +1,486 @@
+import { useSettingStore, useStatusStore } from "@/stores";
+import { isElectron } from "@/utils/env";
+import {
+  openFontManager,
+  openCustomCode,
+  openThemeConfig,
+  openSidebarHideManager,
+  openHomePageSectionManager,
+  openPlaylistPageManager,
+} from "@/utils/modal";
+import { SettingConfig } from "@/types/settings";
+import { computed, ref } from "vue";
+import { isLogin } from "@/utils/auth";
+
+export const useAppearanceSettings = (): SettingConfig => {
+  const settingStore = useSettingStore();
+  const statusStore = useStatusStore();
+
+  // --- Window / Borderless Logic (from general.ts) ---
+  const useBorderless = ref(true);
+
+  const handleBorderlessChange = async (val: boolean) => {
+    if (!isElectron) return;
+    const windowConfig = await window.api.store.get("window");
+    window.api.store.set("window", {
+      ...windowConfig,
+      useBorderless: val,
+    });
+    window.$message.warning("设置已保存，重启软件后生效");
+  };
+
+  const onActivate = async () => {
+    if (isElectron) {
+      const windowConfig = await window.api.store.get("window");
+      useBorderless.value = windowConfig?.useBorderless ?? true;
+    }
+  };
+
+  return {
+    onActivate,
+    groups: [
+      {
+        title: "主题与风格",
+        items: [
+          {
+            key: "themeMode",
+            label: "主题模式",
+            type: "select",
+            description: () =>
+              statusStore.themeBackgroundMode === "image"
+                ? "请关闭自定义背景图后调节"
+                : "调整全局主题明暗模式",
+            disabled: computed(() => statusStore.themeBackgroundMode === "image"),
+            options: [
+              { label: "跟随系统", value: "auto" },
+              { label: "浅色模式", value: "light" },
+              { label: "深色模式", value: "dark" },
+            ],
+            value: computed({
+              get: () => settingStore.themeMode,
+              set: (v) => (settingStore.themeMode = v),
+            }),
+          },
+          {
+            key: "themeConfig",
+            label: "主题配置",
+            type: "button",
+            description: "更改主题色或自定义图片",
+            buttonLabel: "配置",
+            action: openThemeConfig,
+          },
+          {
+            key: "useBorderless",
+            label: "无边框窗口模式",
+            type: "switch",
+            show: isElectron,
+            description: "是否开启无边框窗口模式，关闭后将使用系统原生边框（需重启）",
+            value: computed({
+              get: () => useBorderless.value,
+              set: (v) => {
+                useBorderless.value = v;
+                handleBorderlessChange(v);
+              },
+            }),
+          },
+          {
+            key: "fontConfig",
+            label: "全局字体",
+            type: "button",
+            description: "统一配置全局及歌词区域的字体",
+            buttonLabel: "配置",
+            action: openFontManager,
+          },
+          {
+            key: "customCode",
+            label: "自定义代码注入",
+            type: "button",
+            description: "注入自定义 CSS 和 JavaScript 代码",
+            buttonLabel: "配置",
+            action: openCustomCode,
+            show: statusStore.isDeveloperMode,
+          },
+        ],
+      },
+      {
+        title: "界面布局",
+        items: [
+          {
+            key: "sidebarHide",
+            label: "侧边栏管理",
+            type: "button",
+            description: "配置需要在侧边栏隐藏的菜单项",
+            buttonLabel: "配置",
+            action: openSidebarHideManager,
+          },
+          {
+            key: "homePageSection",
+            label: "首页栏目",
+            type: "button",
+            description: "调整首页各栏目的显示顺序或隐藏不需要的栏目",
+            buttonLabel: "配置",
+            action: openHomePageSectionManager,
+          },
+          {
+            key: "playlistPageElements",
+            label: "歌单界面",
+            type: "button",
+            description: "自定义歌单界面的标签、拥有者、时间、描述显示",
+            buttonLabel: "配置",
+            action: openPlaylistPageManager,
+          },
+          {
+            key: "menuShowCover",
+            label: "侧边栏显示歌单封面",
+            type: "switch",
+            description: "是否在侧边栏显示歌单的封面（如有）",
+            value: computed({
+              get: () => settingStore.menuShowCover,
+              set: (v) => (settingStore.menuShowCover = v),
+            }),
+          },
+          {
+            key: "showPlaylistCount",
+            label: "显示播放列表数量",
+            type: "switch",
+            description: "在右下角的播放列表按钮处显示播放列表的歌曲数量",
+            value: computed({
+              get: () => settingStore.showPlaylistCount,
+              set: (v) => (settingStore.showPlaylistCount = v),
+            }),
+          },
+          {
+            key: "routeAnimation",
+            label: "页面切换动画",
+            type: "select",
+            description: "选择页面切换时的动画效果",
+            options: [
+              { label: "无动画", value: "none" },
+              { label: "淡入淡出", value: "fade" },
+              { label: "缩放", value: "zoom" },
+              { label: "滑动", value: "slide" },
+              { label: "上浮", value: "up" },
+            ],
+            value: computed({
+              get: () => settingStore.routeAnimation,
+              set: (v) => (settingStore.routeAnimation = v),
+            }),
+          },
+        ],
+      },
+      {
+        title: "播放器外观",
+        items: [
+          {
+            key: "playerType",
+            label: "播放器样式",
+            type: "select",
+            description: "播放器主体样式",
+            options: [
+              { label: "封面模式", value: "cover" },
+              { label: "唱片模式", value: "record" },
+              { label: "全屏封面", value: "fullscreen" },
+            ],
+            value: computed({
+              get: () => settingStore.playerType,
+              set: (v) => (settingStore.playerType = v),
+            }),
+            children: [
+              {
+                key: "playerStyleRatio",
+                label: "封面 / 歌词占比",
+                type: "slider",
+                description: "调整全屏播放器的封面与歌词的宽度比例",
+                min: 30,
+                max: 70,
+                step: 1,
+                marks: { 50: "默认" },
+                show: () => settingStore.playerType !== "fullscreen",
+                formatTooltip: (v) => `${v}%`,
+                value: computed({
+                  get: () => settingStore.playerStyleRatio,
+                  set: (v) => (settingStore.playerStyleRatio = v),
+                }),
+              },
+              {
+                key: "playerFullscreenGradient",
+                label: "封面过渡位置",
+                type: "slider",
+                description: "调整全屏封面右侧的渐变过渡位置",
+                show: () => settingStore.playerType === "fullscreen",
+                min: 0,
+                max: 100,
+                step: 1,
+                marks: { 15: "默认" },
+                formatTooltip: (v) => `${v}%`,
+                value: computed({
+                  get: () => settingStore.playerFullscreenGradient,
+                  set: (v) => (settingStore.playerFullscreenGradient = v),
+                }),
+              },
+            ],
+          },
+          {
+            key: "playerBackgroundType",
+            label: "播放器背景样式",
+            type: "select",
+            description: "切换播放器背景类型",
+            options: [
+              { label: "流体效果", value: "animation" },
+              { label: "封面模糊", value: "blur" },
+              { label: "封面主色", value: "color" },
+            ],
+            value: computed({
+              get: () => settingStore.playerBackgroundType,
+              set: (v) => (settingStore.playerBackgroundType = v),
+            }),
+            children: [
+              {
+                key: "playerBackgroundFps",
+                label: "背景动画帧率",
+                type: "input-number",
+                description: "单位 fps，最小 24，最大 240",
+                min: 24,
+                max: 256,
+                show: () => settingStore.playerBackgroundType === "animation",
+                value: computed({
+                  get: () => settingStore.playerBackgroundFps,
+                  set: (v) => (settingStore.playerBackgroundFps = v),
+                }),
+              },
+              {
+                key: "playerBackgroundFlowSpeed",
+                label: "背景动画流动速度",
+                type: "input-number",
+                description: "单位 倍数，最小 0.1，最大 10",
+                min: 0.1,
+                max: 10,
+                show: () => settingStore.playerBackgroundType === "animation",
+                value: computed({
+                  get: () => settingStore.playerBackgroundFlowSpeed,
+                  set: (v) => (settingStore.playerBackgroundFlowSpeed = v),
+                }),
+              },
+              {
+                key: "playerBackgroundRenderScale",
+                label: "背景渲染缩放比例",
+                type: "input-number",
+                description:
+                  "设置当前渲染缩放比例，默认 0.5。适当提高此值（如 1.0 或 1.5）可以减少分界线锯齿，让效果更好，但也会增加显卡压力",
+                min: 0.1,
+                max: 10,
+                show: () => settingStore.playerBackgroundType === "animation",
+                value: computed({
+                  get: () => settingStore.playerBackgroundRenderScale,
+                  set: (v) => (settingStore.playerBackgroundRenderScale = v),
+                }),
+              },
+              {
+                key: "playerBackgroundPause",
+                label: "背景动画暂停时暂停",
+                type: "switch",
+                description: "在暂停时是否也暂停背景动画",
+                show: () => settingStore.playerBackgroundType === "animation",
+                value: computed({
+                  get: () => settingStore.playerBackgroundPause,
+                  set: (v) => (settingStore.playerBackgroundPause = v),
+                }),
+              },
+              {
+                key: "playerBackgroundLowFreqVolume",
+                label: "背景跳动效果",
+                type: "switch",
+                description: "使流体背景根据音乐低频节拍产生脉动效果",
+                show: () => settingStore.playerBackgroundType === "animation",
+                value: computed({
+                  get: () => settingStore.playerBackgroundLowFreqVolume,
+                  set: (v) => (settingStore.playerBackgroundLowFreqVolume = v),
+                }),
+              },
+            ],
+          },
+          {
+            key: "playerExpandAnimation",
+            label: "播放器展开动画",
+            type: "select",
+            description: "选择播放器展开时的动画效果",
+            options: [
+              { label: "上浮", value: "up" },
+              { label: "平滑", value: "smooth" },
+            ],
+            value: computed({
+              get: () => settingStore.playerExpandAnimation,
+              set: (v) => (settingStore.playerExpandAnimation = v),
+            }),
+          },
+          {
+            key: "playerFollowCoverColor",
+            label: "播放器主色跟随封面",
+            type: "switch",
+            description: "播放器主颜色是否跟随封面主色，下一曲生效",
+            value: computed({
+              get: () => settingStore.playerFollowCoverColor,
+              set: (v) => (settingStore.playerFollowCoverColor = v),
+            }),
+          },
+          {
+            key: "dynamicCover",
+            label: "动态封面",
+            type: "switch",
+            description: "可展示部分歌曲的动态封面，仅在封面模式有效",
+            disabled: () => isLogin() !== 1,
+            value: computed({
+              get: () => settingStore.dynamicCover,
+              set: (v) => (settingStore.dynamicCover = v),
+            }),
+          },
+          {
+            key: "showSpectrums",
+            label: "音乐频谱",
+            type: "switch",
+            show: isElectron,
+            description:
+              settingStore.playbackEngine === "mpv"
+                ? "MPV 引擎暂不支持显示音乐频谱"
+                : "开启音乐频谱会影响性能或增加内存占用，如遇问题请关闭",
+            disabled: () => settingStore.playbackEngine === "mpv",
+            value: computed({
+              get: () => settingStore.showSpectrums,
+              set: (v) => (settingStore.showSpectrums = v),
+            }),
+          },
+        ],
+      },
+      {
+        title: "界面元素显示",
+        items: [
+          {
+            key: "hideAllCovers",
+            label: "隐藏歌曲列表封面",
+            type: "switch",
+            description: "开启后将隐藏列表中所有歌曲的封面",
+            value: computed({
+              get: () => settingStore.hideAllCovers,
+              set: (v) => (settingStore.hideAllCovers = v),
+            }),
+          },
+          {
+            key: "hideMiniPlayerCover",
+            label: "隐藏迷你播放器封面",
+            type: "switch",
+            description: "开启后将隐藏底部迷你播放器的封面",
+            value: computed({
+              get: () => settingStore.hideMiniPlayerCover,
+              set: (v) => (settingStore.hideMiniPlayerCover = v),
+            }),
+          },
+          {
+            key: "autoHidePlayerMeta",
+            label: "播放器元素自动隐藏",
+            type: "switch",
+            description: "鼠标静止一段时间或者离开播放器时自动隐藏控制元素",
+            value: computed({
+              get: () => settingStore.autoHidePlayerMeta,
+              set: (v) => (settingStore.autoHidePlayerMeta = v),
+            }),
+          },
+          {
+            key: "showPlayMeta",
+            label: "展示播放状态信息",
+            type: "switch",
+            description: "展示当前歌曲及歌词的状态信息",
+            value: computed({
+              get: () => settingStore.showPlayMeta,
+              set: (v) => (settingStore.showPlayMeta = v),
+            }),
+          },
+          {
+            key: "barLyricShow",
+            label: "底栏显示歌词",
+            type: "switch",
+            description: "在播放时将歌手信息更改为歌词",
+            value: computed({
+              get: () => settingStore.barLyricShow,
+              set: (v) => (settingStore.barLyricShow = v),
+            }),
+          },
+          {
+            key: "showSongQuality",
+            label: "显示歌曲音质",
+            type: "switch",
+            description: "是否列表中显示歌曲音质",
+            value: computed({
+              get: () => settingStore.showSongQuality,
+              set: (v) => (settingStore.showSongQuality = v),
+            }),
+          },
+          {
+            key: "showPlayerQuality",
+            label: "显示播放器切换音质按钮",
+            type: "switch",
+            description: "是否在播放器显示切换音质按钮",
+            value: computed({
+              get: () => settingStore.showPlayerQuality,
+              set: (v) => (settingStore.showPlayerQuality = v),
+            }),
+          },
+          {
+            key: "countDownShow",
+            label: "显示前奏倒计时",
+            type: "switch",
+            description: "部分歌曲前奏可能存在显示错误",
+            value: computed({
+              get: () => settingStore.countDownShow,
+              set: (v) => (settingStore.countDownShow = v),
+            }),
+          },
+          {
+            key: "timeFormat",
+            label: "时间显示格式",
+            type: "select",
+            description: "底栏右侧和播放页面底部的时间如何显示（单击时间可以快速切换）",
+            options: [
+              { label: "播放时间 / 总时长", value: "current-total" },
+              { label: "剩余时间 / 总时长", value: "remaining-total" },
+              { label: "播放时间 / 剩余时间", value: "current-remaining" },
+            ],
+            value: computed({
+              get: () => settingStore.timeFormat,
+              set: (v) => (settingStore.timeFormat = v),
+            }),
+          },
+          {
+            key: "showSongPrivilegeTag",
+            label: "显示特权标签",
+            type: "switch",
+            description: "是否显示如 VIP、EP 等特权标签",
+            value: computed({
+              get: () => settingStore.showSongPrivilegeTag,
+              set: (v) => (settingStore.showSongPrivilegeTag = v),
+            }),
+          },
+          {
+            key: "showSongExplicitTag",
+            label: "显示脏标",
+            type: "switch",
+            description: "是否显示歌曲脏标（🅴）",
+            value: computed({
+              get: () => settingStore.showSongExplicitTag,
+              set: (v) => (settingStore.showSongExplicitTag = v),
+            }),
+          },
+          {
+            key: "showSongOriginalTag",
+            label: "显示原唱翻唱标签",
+            type: "switch",
+            description: "是否显示歌曲原唱翻唱标签",
+            value: computed({
+              get: () => settingStore.showSongOriginalTag,
+              set: (v) => (settingStore.showSongOriginalTag = v),
+            }),
+          },
+        ],
+      },
+    ],
+  };
+};
diff --git a/src/components/Setting/config/general.ts b/src/components/Setting/config/general.ts
index a1462320b..fa919fd18 100644
--- a/src/components/Setting/config/general.ts
+++ b/src/components/Setting/config/general.ts
@@ -2,16 +2,12 @@ import { useDataStore, useMusicStore, useSettingStore, useStatusStore } from "@/
 import { usePlayerController } from "@/core/player/PlayerController";
 import { isElectron } from "@/utils/env";
 import {
-  openSidebarHideManager,
-  openHomePageSectionManager,
-  openFontManager,
-  openCustomCode,
-  openThemeConfig,
   openExcludeComment,
-  openPlaylistPageManager,
 } from "@/utils/modal";
 import { sendRegisterProtocol } from "@/utils/protocol";
 import { SettingConfig } from "@/types/settings";
+import { ref, computed, h } from "vue";
+import { NAlert } from "naive-ui";
 
 export const useGeneralSettings = (): SettingConfig => {
   const dataStore = useDataStore();
@@ -72,17 +68,6 @@ export const useGeneralSettings = (): SettingConfig => {
     }
   };
 
-  const useBorderless = ref(true);
-
-  const handleBorderlessChange = async (val: boolean) => {
-    if (!isElectron) return;
-    const windowConfig = await window.api.store.get("window");
-    window.api.store.set("window", {
-      ...windowConfig,
-      useBorderless: val,
-    });
-    window.$message.warning("设置已保存，重启软件后生效");
-  };
   // 任务栏进度
   const closeTaskbarProgress = (val: boolean) => {
     if (!isElectron) return;
@@ -93,68 +78,177 @@ export const useGeneralSettings = (): SettingConfig => {
     sendRegisterProtocol("orpheus", isRegistry);
   };
 
-  const onActivate = async () => {
-    if (isElectron) {
-      // 获取无边框窗口配置
-      const windowConfig = await window.api.store.get("window");
-      useBorderless.value = windowConfig?.useBorderless ?? true;
+  // --- Backup & Restore Logic (from other.ts) ---
+  const exportSettings = async () => {
+    try {
+      const rendererData = {
+        "setting-store": localStorage.getItem("setting-store"),
+        "shortcut-store": localStorage.getItem("shortcut-store"),
+      };
+      const result = await window.api.store.export(rendererData);
+      if (result) {
+        window.$message.success("设置导出成功");
+      } else {
+        window.$message.error("设置导出失败");
+      }
+    } catch (error) {
+      window.$message.error("设置导出出错");
     }
   };
 
+  const importSettings = async () => {
+    window.$dialog.warning({
+      title: "导入设置",
+      content: () =>
+        h("div", null, [
+          h(
+            NAlert,
+            { type: "warning", showIcon: true, style: { marginBottom: "12px" } },
+            { default: () => "目前备份数据功能属于测试阶段，不保证可用性" },
+          ),
+          h("div", null, "导入设置将覆盖当前所有配置并重启软件，是否继续？"),
+        ]),
+      positiveText: "确定",
+      negativeText: "取消",
+      onPositiveClick: async () => {
+        try {
+          const data = await window.api.store.import();
+          if (data) {
+            if (data.renderer) {
+              if (data.renderer["setting-store"])
+                localStorage.setItem("setting-store", data.renderer["setting-store"]);
+              if (data.renderer["shortcut-store"])
+                localStorage.setItem("shortcut-store", data.renderer["shortcut-store"]);
+            }
+            window.$message.success("设置导入成功，即将重启");
+            setTimeout(() => {
+              window.location.reload();
+            }, 1000);
+          } else {
+            window.$message.error("设置导入失败或已取消");
+          }
+        } catch (error) {
+          window.$message.error("设置导入出错");
+        }
+      },
+    });
+  };
+
+  // --- Reset Logic (from other.ts) ---
+  const resetSetting = () => {
+    window.$dialog.warning({
+      title: "警告",
+      content: "此操作将重置所有设置，是否继续?",
+      positiveText: "确定",
+      negativeText: "取消",
+      onPositiveClick: () => {
+        settingStore.$reset();
+        if (isElectron) window.electron.ipcRenderer.send("reset-setting");
+        window.$message.success("设置重置完成");
+      },
+    });
+  };
+
+  const clearAllData = () => {
+    window.$dialog.warning({
+      title: "高危操作",
+      content: "此操作将重置所有设置并清除全部数据，同时将退出登录状态，是否继续?",
+      positiveText: "确定",
+      negativeText: "取消",
+      onPositiveClick: async () => {
+        window.localStorage.clear();
+        window.sessionStorage.clear();
+        await dataStore.deleteDB();
+        if (isElectron) window.electron.ipcRenderer.send("reset-setting");
+        window.$message.loading("数据清除完成，软件即将热重载", {
+          duration: 3000,
+          onAfterLeave: () => window.location.reload(),
+        });
+      },
+    });
+  };
+
   return {
-    onActivate,
     groups: [
       {
-        title: "全局设置",
+        title: "系统行为",
+        show: isElectron,
         items: [
           {
-            key: "themeMode",
-            label: "主题模式",
+            key: "useOnlineService",
+            label: "在线服务",
+            type: "switch",
+            description: "是否开启软件的在线服务",
+            value: computed({
+              get: () => useOnlineService.value,
+              set: (v) => handleModeChange(v),
+            }),
+          },
+          {
+            key: "closeAppMethod",
+            label: "关闭软件时",
             type: "select",
-            description: () =>
-              statusStore.themeBackgroundMode === "image"
-                ? "请关闭自定义背景图后调节"
-                : "调整全局主题明暗模式",
-            disabled: computed(() => statusStore.themeBackgroundMode === "image"),
+            description: "选择关闭软件的方式",
+            disabled: computed(() => settingStore.showCloseAppTip),
             options: [
-              { label: "跟随系统", value: "auto" },
-              { label: "浅色模式", value: "light" },
-              { label: "深色模式", value: "dark" },
+              { label: "最小化到任务栏", value: "hide" },
+              { label: "直接退出", value: "close" },
             ],
             value: computed({
-              get: () => settingStore.themeMode,
-              set: (v) => (settingStore.themeMode = v),
+              get: () => settingStore.closeAppMethod,
+              set: (v) => (settingStore.closeAppMethod = v),
             }),
           },
           {
-            key: "themeConfig",
-            label: "主题配置",
-            type: "button",
-            description: "更改主题色或自定义图片",
-            buttonLabel: "配置",
-            action: openThemeConfig,
+            key: "showCloseAppTip",
+            label: "每次关闭前都进行提醒",
+            type: "switch",
+            value: computed({
+              get: () => settingStore.showCloseAppTip,
+              set: (v) => (settingStore.showCloseAppTip = v),
+            }),
           },
           {
-            key: "fontConfig",
-            label: "字体设置",
-            type: "button",
-            description: "统一配置全局及歌词区域的字体",
-            buttonLabel: "配置",
-            action: openFontManager,
+            key: "showTaskbarProgress",
+            label: "任务栏显示播放进度",
+            type: "switch",
+            description: "是否在任务栏显示歌曲播放进度",
+            value: computed({
+              get: () => settingStore.showTaskbarProgress,
+              set: (v) => {
+                settingStore.showTaskbarProgress = v;
+                closeTaskbarProgress(v);
+              },
+            }),
           },
           {
-            key: "customCode",
-            label: "自定义代码注入",
-            type: "button",
-            description: "注入自定义 CSS 和 JavaScript 代码",
-            buttonLabel: "配置",
-            action: openCustomCode,
-            show: statusStore.isDeveloperMode,
+            key: "orpheusProtocol",
+            label: "通过 Orpheus 协议唤起本应用",
+            type: "switch",
+            description:
+              "该协议通常用于官方网页端唤起官方客户端， 启用后可能导致官方客户端无法被唤起",
+            value: computed({
+              get: () => settingStore.registryProtocol.orpheus,
+              set: (v) => {
+                settingStore.registryProtocol.orpheus = v;
+                handleOrpheusChange(v);
+              },
+            }),
+          },
+          {
+            key: "checkUpdateOnStart",
+            label: "自动检查更新",
+            type: "switch",
+            description: "在每次开启软件时自动检查更新",
+            value: computed({
+              get: () => settingStore.checkUpdateOnStart,
+              set: (v) => (settingStore.checkUpdateOnStart = v),
+            }),
           },
         ],
       },
       {
-        title: "杂项设置",
+        title: "搜索设置",
         items: [
           {
             key: "showSearchHistory",
@@ -203,236 +297,53 @@ export const useGeneralSettings = (): SettingConfig => {
             buttonLabel: "配置",
             action: openExcludeComment,
           },
+        ],
+      },
+      {
+        title: "备份与恢复",
+        tags: [{ text: "Beta", type: "warning" }],
+        show: isElectron,
+        items: [
           {
-            key: "hideAllCovers",
-            label: "隐藏歌曲封面",
-            type: "switch",
-            description: "开启后将隐藏列表中所有歌曲的封面",
-            value: computed({
-              get: () => settingStore.hideAllCovers,
-              set: (v) => (settingStore.hideAllCovers = v),
-            }),
-          },
-          {
-            key: "hideMiniPlayerCover",
-            label: "隐藏迷你播放器封面",
-            type: "switch",
-            description: "开启后将隐藏底部迷你播放器的封面",
-            value: computed({
-              get: () => settingStore.hideMiniPlayerCover,
-              set: (v) => (settingStore.hideMiniPlayerCover = v),
-            }),
-          },
-          {
-            key: "menuShowCover",
-            label: "侧边栏显示封面",
-            type: "switch",
-            description: "是否显示歌单的封面，如果有",
-            value: computed({
-              get: () => settingStore.menuShowCover,
-              set: (v) => (settingStore.menuShowCover = v),
-            }),
-          },
-          {
-            key: "sidebarHide",
-            label: "侧边栏隐藏",
-            type: "button",
-            description: "配置需要在侧边栏隐藏的菜单项",
-            buttonLabel: "配置",
-            action: openSidebarHideManager,
-          },
-          {
-            key: "homePageSection",
-            label: "首页栏目配置",
+            key: "exportSettings",
+            label: "导出设置",
             type: "button",
-            description: "调整首页各栏目的显示顺序或隐藏不需要的栏目",
-            buttonLabel: "配置",
-            action: openHomePageSectionManager,
+            description: "将当前所有设置导出为 JSON 文件",
+            buttonLabel: "导出设置",
+            action: exportSettings,
+            componentProps: { type: "primary" },
           },
           {
-            key: "playlistPageElements",
-            label: "歌单界面配置",
+            key: "importSettings",
+            label: "导入设置",
             type: "button",
-            description: "自定义歌单界面的标签、拥有者、时间、描述显示",
-            buttonLabel: "配置",
-            action: openPlaylistPageManager,
-          },
-          {
-            key: "showSongQuality",
-            label: "显示歌曲音质",
-            type: "switch",
-            description: "是否列表中显示歌曲音质",
-            value: computed({
-              get: () => settingStore.showSongQuality,
-              set: (v) => (settingStore.showSongQuality = v),
-            }),
-          },
-          {
-            key: "showPlayerQuality",
-            label: "显示播放器切换音质按钮",
-            type: "switch",
-            description: "是否在播放器显示切换音质按钮",
-            value: computed({
-              get: () => settingStore.showPlayerQuality,
-              set: (v) => (settingStore.showPlayerQuality = v),
-            }),
-          },
-          {
-            key: "showSongPrivilegeTag",
-            label: "显示特权标签",
-            type: "switch",
-            description: "是否显示如 VIP、EP 等特权标签",
-            value: computed({
-              get: () => settingStore.showSongPrivilegeTag,
-              set: (v) => (settingStore.showSongPrivilegeTag = v),
-            }),
-          },
-          {
-            key: "showSongExplicitTag",
-            label: "显示脏标",
-            type: "switch",
-            description: "是否显示歌曲脏标（🅴）",
-            value: computed({
-              get: () => settingStore.showSongExplicitTag,
-              set: (v) => (settingStore.showSongExplicitTag = v),
-            }),
-          },
-          {
-            key: "showSongOriginalTag",
-            label: "显示原唱翻唱标签",
-            type: "switch",
-            description: "是否显示歌曲原唱翻唱标签",
-            value: computed({
-              get: () => settingStore.showSongOriginalTag,
-              set: (v) => (settingStore.showSongOriginalTag = v),
-            }),
-          },
-          {
-            key: "useKeepAlive",
-            label: "开启页面缓存",
-            type: "switch",
-            description: "是否开启部分页面的缓存，这将会增加内存占用",
-            value: computed({
-              get: () => settingStore.useKeepAlive,
-              set: (v) => (settingStore.useKeepAlive = v),
-            }),
-          },
-          {
-            key: "routeAnimation",
-            label: "页面切换动画",
-            type: "select",
-            description: "选择页面切换时的动画效果",
-            options: [
-              { label: "无动画", value: "none" },
-              { label: "淡入淡出", value: "fade" },
-              { label: "缩放", value: "zoom" },
-              { label: "滑动", value: "slide" },
-              { label: "上浮", value: "up" },
-            ],
-            value: computed({
-              get: () => settingStore.routeAnimation,
-              set: (v) => (settingStore.routeAnimation = v),
-            }),
+            description: "从 JSON 文件恢复设置（导入后将自动重启）",
+            buttonLabel: "导入设置",
+            action: importSettings,
+            componentProps: { type: "primary" },
           },
         ],
       },
       {
-        title: "系统设置",
-        show: isElectron,
+        title: "重置",
         items: [
           {
-            key: "useOnlineService",
-            label: "在线服务",
-            type: "switch",
-            description: "是否开启软件的在线服务",
-            value: computed({
-              get: () => useOnlineService.value,
-              set: (v) => handleModeChange(v),
-            }),
-          },
-          {
-            key: "closeAppMethod",
-            label: "关闭软件时",
-            type: "select",
-            description: "选择关闭软件的方式",
-            disabled: computed(() => settingStore.showCloseAppTip),
-            options: [
-              { label: "最小化到任务栏", value: "hide" },
-              { label: "直接退出", value: "close" },
-            ],
-            value: computed({
-              get: () => settingStore.closeAppMethod,
-              set: (v) => (settingStore.closeAppMethod = v),
-            }),
-          },
-          {
-            key: "showCloseAppTip",
-            label: "每次关闭前都进行提醒",
-            type: "switch",
-            value: computed({
-              get: () => settingStore.showCloseAppTip,
-              set: (v) => (settingStore.showCloseAppTip = v),
-            }),
-          },
-          {
-            key: "showTaskbarProgress",
-            label: "任务栏显示播放进度",
-            type: "switch",
-            description: "是否在任务栏显示歌曲播放进度",
-            value: computed({
-              get: () => settingStore.showTaskbarProgress,
-              set: (v) => {
-                settingStore.showTaskbarProgress = v;
-                closeTaskbarProgress(v);
-              },
-            }),
-          },
-          {
-            key: "preventSleep",
-            label: "阻止系统息屏",
-            type: "switch",
-            description: "是否在播放界面阻止系统息屏",
-            value: computed({
-              get: () => settingStore.preventSleep,
-              set: (v) => (settingStore.preventSleep = v),
-            }),
-          },
-          {
-            key: "useBorderless",
-            label: "无边框窗口模式",
-            type: "switch",
-            description: "是否开启无边框窗口模式，关闭后将使用系统原生边框（需重启）",
-            value: computed({
-              get: () => useBorderless.value,
-              set: (v) => {
-                useBorderless.value = v;
-                handleBorderlessChange(v);
-              },
-            }),
-          },
-          {
-            key: "orpheusProtocol",
-            label: "通过 Orpheus 协议唤起本应用",
-            type: "switch",
-            description:
-              "该协议通常用于官方网页端唤起官方客户端， 启用后可能导致官方客户端无法被唤起",
-            value: computed({
-              get: () => settingStore.registryProtocol.orpheus,
-              set: (v) => {
-                settingStore.registryProtocol.orpheus = v;
-                handleOrpheusChange(v);
-              },
-            }),
+            key: "resetSetting",
+            label: "重置所有设置",
+            type: "button",
+            description: "重置所有设置，恢复软件默认值",
+            buttonLabel: "重置设置",
+            action: resetSetting,
+            componentProps: { type: "warning" },
           },
           {
-            key: "checkUpdateOnStart",
-            label: "自动检查更新",
-            type: "switch",
-            description: "在每次开启软件时自动检查更新",
-            value: computed({
-              get: () => settingStore.checkUpdateOnStart,
-              set: (v) => (settingStore.checkUpdateOnStart = v),
-            }),
+            key: "clearAllData",
+            label: "清除全部数据",
+            type: "button",
+            description: "重置所有设置，清除全部数据",
+            buttonLabel: "清除全部",
+            action: clearAllData,
+            componentProps: { type: "error" },
           },
         ],
       },
diff --git a/src/components/Setting/config/third.ts b/src/components/Setting/config/network.ts
similarity index 70%
rename from src/components/Setting/config/third.ts
rename to src/components/Setting/config/network.ts
index 8bdb4df7e..75908946b 100644
--- a/src/components/Setting/config/third.ts
+++ b/src/components/Setting/config/network.ts
@@ -1,14 +1,50 @@
 import { useSettingStore } from "@/stores";
 import { isElectron } from "@/utils/env";
 import { SettingConfig } from "@/types/settings";
+import { computed, ref, h, markRaw } from "vue";
+import { debounce } from "lodash-es";
 import { NA } from "naive-ui";
 import { disableDiscordRpc, enableDiscordRpc, updateDiscordConfig } from "@/core/player/PlayerIpc";
 import { getAuthToken, getAuthUrl, getSession } from "@/api/lastfm";
+import StreamingServerList from "../components/StreamingServerList.vue";
 
-export const useThirdSettings = (): SettingConfig => {
+export const useNetworkSettings = (): SettingConfig => {
   const settingStore = useSettingStore();
+  const testProxyLoading = ref<boolean>(false);
 
-  // 更新 Discord 配置
+  // --- Network Proxy Logic (from other.ts) ---
+  const proxyConfig = computed(() => ({
+    protocol: settingStore.proxyProtocol,
+    server: settingStore.proxyServe,
+    port: settingStore.proxyPort,
+  }));
+
+  const setProxy = debounce(() => {
+    if (
+      settingStore.proxyProtocol === "off" ||
+      !settingStore.proxyServe ||
+      !settingStore.proxyPort
+    ) {
+      window.electron.ipcRenderer.send("remove-proxy");
+      window.$message.success("成功关闭网络代理");
+      return;
+    }
+    window.electron.ipcRenderer.send("set-proxy", proxyConfig.value);
+    window.$message.success("网络代理配置完成，请重启软件");
+  }, 300);
+
+  const testProxy = async () => {
+    testProxyLoading.value = true;
+    const result = await window.electron.ipcRenderer.invoke("test-proxy", proxyConfig.value);
+    if (result) {
+      window.$message.success("该代理可正常使用");
+    } else {
+      window.$message.error("代理测试失败，请重试");
+    }
+    testProxyLoading.value = false;
+  };
+
+  // --- Discord RPC Logic (from third.ts) ---
   const handleDiscordConfigUpdate = () => {
     if (!settingStore.discordRpc.enabled) return;
     updateDiscordConfig({
@@ -17,7 +53,6 @@ export const useThirdSettings = (): SettingConfig => {
     });
   };
 
-  // 切换 Discord 启用状态
   const handleDiscordEnabledUpdate = (val: boolean) => {
     settingStore.discordRpc.enabled = val;
     if (val) {
@@ -28,13 +63,11 @@ export const useThirdSettings = (): SettingConfig => {
     }
   };
 
-  // --- WebSocket Logic ---
-  // socket
+  // --- WebSocket Logic (from third.ts) ---
   const socketPort = ref(25885);
   const socketEnabled = ref(false);
   const socketPortSaved = ref<number | null>(null);
 
-  // 初始化 socket 配置
   const initSocketConfig = async () => {
     if (!isElectron) return;
     const wsOptions = await window.api.store.get("websocket");
@@ -44,7 +77,6 @@ export const useThirdSettings = (): SettingConfig => {
     socketEnabled.value = wsOptions?.enabled ?? false;
   };
 
-  // 保存 socket 配置
   const saveSocketConfig = async () => {
     if (!isElectron) return;
     await window.api.store.set("websocket", {
@@ -53,7 +85,6 @@ export const useThirdSettings = (): SettingConfig => {
     });
   };
 
-  // 切换启用状态
   const handleSocketEnabledUpdate = async (value: boolean) => {
     if (!isElectron) {
       socketEnabled.value = value;
@@ -87,7 +118,6 @@ export const useThirdSettings = (): SettingConfig => {
     }
   };
 
-  // 测试 socket 端口
   const testSocketPort = async () => {
     if (!isElectron) return;
     if (!socketPort.value) {
@@ -108,12 +138,9 @@ export const useThirdSettings = (): SettingConfig => {
     }
   };
 
-  // --- Last.fm Logic ---
+  // --- Last.fm Logic (from third.ts) ---
   const lastfmAuthLoading = ref(false);
 
-  /**
-   * 连接 Last.fm 账号
-   */
   const connectLastfm = async () => {
     try {
       lastfmAuthLoading.value = true;
@@ -163,9 +190,6 @@ export const useThirdSettings = (): SettingConfig => {
     }
   };
 
-  /**
-   * 断开 Last.fm 账号
-   */
   const disconnectLastfm = () => {
     window.$dialog.warning({
       title: "断开连接",
@@ -188,7 +212,128 @@ export const useThirdSettings = (): SettingConfig => {
     onActivate,
     groups: [
       {
-        title: "系统集成",
+        title: "流媒体服务",
+        items: [
+          {
+            key: "streamingEnabled",
+            label: "启用流媒体",
+            type: "switch",
+            description: "开启后可使用并管理 Navidrome、Jellyfin 等流媒体服务",
+            value: computed({
+              get: () => settingStore.streamingEnabled,
+              set: (v) => (settingStore.streamingEnabled = v),
+            }),
+          },
+          {
+            key: "serverList",
+            label: "服务器管理",
+            type: "custom",
+            description: "在此添加和管理您的流媒体服务器",
+            noWrapper: true,
+            component: markRaw(StreamingServerList),
+          },
+        ],
+      },
+      {
+        title: "网络代理",
+        show: isElectron,
+        items: [
+          {
+            key: "proxyProtocol",
+            label: "网络代理",
+            type: "select",
+            description: "修改后请点击保存或重启软件以应用",
+            options: [
+              { label: "关闭代理", value: "off" },
+              { label: "HTTP 代理", value: "HTTP" },
+              { label: "HTTPS 代理", value: "HTTPS" },
+            ],
+            value: computed({
+              get: () => settingStore.proxyProtocol,
+              set: (v) => (settingStore.proxyProtocol = v),
+            }),
+            extraButton: {
+              label: "保存并应用",
+              action: setProxy,
+              type: "primary",
+              secondary: true,
+              strong: true,
+            },
+          },
+          {
+            key: "proxyServe",
+            label: "代理服务器地址",
+            type: "text-input",
+            description: "请填写代理服务器地址，如 127.0.0.1",
+            disabled: computed(() => settingStore.proxyProtocol === "off"),
+            prefix: computed(() =>
+              settingStore.proxyProtocol === "off" ? "-" : settingStore.proxyProtocol,
+            ),
+            componentProps: {
+              placeholder: "请填写代理服务器地址",
+            },
+            value: computed({
+              get: () => settingStore.proxyServe,
+              set: (v) => (settingStore.proxyServe = v),
+            }),
+          },
+          {
+            key: "proxyPort",
+            label: "代理服务器端口",
+            type: "input-number",
+            description: "请填写代理服务器端口，如 80",
+            disabled: computed(() => settingStore.proxyProtocol === "off"),
+            componentProps: {
+              min: 1,
+              max: 65535,
+              showButton: false,
+              placeholder: "请填写代理服务器端口",
+            },
+            value: computed({
+              get: () => settingStore.proxyPort,
+              set: (v) => (settingStore.proxyPort = v),
+            }),
+          },
+          {
+            key: "proxyTest",
+            label: "测试代理",
+            type: "button",
+            description: "测试代理配置是否可正常连通",
+            buttonLabel: "测试代理",
+            action: testProxy,
+            condition: () => settingStore.proxyProtocol !== "off",
+            componentProps: computed(() => ({
+              loading: testProxyLoading.value,
+              type: "primary",
+            })),
+          },
+          {
+            key: "useRealIP",
+            label: "使用真实 IP 地址",
+            type: "switch",
+            description: "在海外或部分地区可能会受到限制，可开启此处尝试解决",
+            value: computed({
+              get: () => settingStore.useRealIP,
+              set: (v) => (settingStore.useRealIP = v),
+            }),
+          },
+          {
+            key: "realIP",
+            label: "真实 IP 地址",
+            type: "text-input",
+            description: "可在此处输入国内 IP，不填写则为随机",
+            disabled: computed(() => !settingStore.useRealIP),
+            prefix: "IP",
+            componentProps: { placeholder: "127.0.0.1" },
+            value: computed({
+              get: () => settingStore.realIP,
+              set: (v) => (settingStore.realIP = v),
+            }),
+          },
+        ],
+      },
+      {
+        title: "第三方集成",
         items: [
           {
             key: "smtcOpen",
@@ -202,11 +347,6 @@ export const useThirdSettings = (): SettingConfig => {
               set: (v) => (settingStore.smtcOpen = v),
             }),
           },
-        ],
-      },
-      {
-        title: "Last.fm 集成",
-        items: [
           {
             key: "lastfm_enabled",
             label: "启用 Last.fm",
diff --git a/src/components/Setting/config/other.ts b/src/components/Setting/config/other.ts
deleted file mode 100644
index e18e71d3c..000000000
--- a/src/components/Setting/config/other.ts
+++ /dev/null
@@ -1,291 +0,0 @@
-import { useSettingStore, useDataStore } from "@/stores";
-import { isElectron } from "@/utils/env";
-import { SettingConfig } from "@/types/settings";
-import { computed, ref, h } from "vue";
-import { debounce } from "lodash-es";
-import { NAlert } from "naive-ui";
-
-export const useOtherSettings = (): SettingConfig => {
-  const settingStore = useSettingStore();
-  const dataStore = useDataStore();
-
-  const testProxyLoading = ref<boolean>(false);
-
-  // --- Network Proxy Logic ---
-  const proxyConfig = computed(() => ({
-    protocol: settingStore.proxyProtocol,
-    server: settingStore.proxyServe,
-    port: settingStore.proxyPort,
-  }));
-
-  const setProxy = debounce(() => {
-    if (
-      settingStore.proxyProtocol === "off" ||
-      !settingStore.proxyServe ||
-      !settingStore.proxyPort
-    ) {
-      window.electron.ipcRenderer.send("remove-proxy");
-      window.$message.success("成功关闭网络代理");
-      return;
-    }
-    window.electron.ipcRenderer.send("set-proxy", proxyConfig.value);
-    window.$message.success("网络代理配置完成，请重启软件");
-  }, 300);
-
-  const testProxy = async () => {
-    testProxyLoading.value = true;
-    const result = await window.electron.ipcRenderer.invoke("test-proxy", proxyConfig.value);
-    if (result) {
-      window.$message.success("该代理可正常使用");
-    } else {
-      window.$message.error("代理测试失败，请重试");
-    }
-    testProxyLoading.value = false;
-  };
-
-  // --- Backup & Restore Logic ---
-  const exportSettings = async () => {
-    try {
-      const rendererData = {
-        "setting-store": localStorage.getItem("setting-store"),
-        "shortcut-store": localStorage.getItem("shortcut-store"),
-      };
-      const result = await window.api.store.export(rendererData);
-      if (result) {
-        window.$message.success("设置导出成功");
-      } else {
-        window.$message.error("设置导出失败");
-      }
-    } catch (error) {
-      window.$message.error("设置导出出错");
-    }
-  };
-
-  const importSettings = async () => {
-    window.$dialog.warning({
-      title: "导入设置",
-      content: () =>
-        h("div", null, [
-          h(
-            NAlert,
-            { type: "warning", showIcon: true, style: { marginBottom: "12px" } },
-            { default: () => "目前备份数据功能属于测试阶段，不保证可用性" },
-          ),
-          h("div", null, "导入设置将覆盖当前所有配置并重启软件，是否继续？"),
-        ]),
-      positiveText: "确定",
-      negativeText: "取消",
-      onPositiveClick: async () => {
-        try {
-          const data = await window.api.store.import();
-          if (data) {
-            if (data.renderer) {
-              if (data.renderer["setting-store"])
-                localStorage.setItem("setting-store", data.renderer["setting-store"]);
-              if (data.renderer["shortcut-store"])
-                localStorage.setItem("shortcut-store", data.renderer["shortcut-store"]);
-            }
-            window.$message.success("设置导入成功，即将重启");
-            setTimeout(() => {
-              window.location.reload();
-            }, 1000);
-          } else {
-            window.$message.error("设置导入失败或已取消");
-          }
-        } catch (error) {
-          window.$message.error("设置导入出错");
-        }
-      },
-    });
-  };
-
-  // --- Reset Logic ---
-  const resetSetting = () => {
-    window.$dialog.warning({
-      title: "警告",
-      content: "此操作将重置所有设置，是否继续?",
-      positiveText: "确定",
-      negativeText: "取消",
-      onPositiveClick: () => {
-        settingStore.$reset();
-        if (isElectron) window.electron.ipcRenderer.send("reset-setting");
-        window.$message.success("设置重置完成");
-      },
-    });
-  };
-
-  const clearAllData = () => {
-    window.$dialog.warning({
-      title: "高危操作",
-      content: "此操作将重置所有设置并清除全部数据，同时将退出登录状态，是否继续?",
-      positiveText: "确定",
-      negativeText: "取消",
-      onPositiveClick: async () => {
-        window.localStorage.clear();
-        window.sessionStorage.clear();
-        await dataStore.deleteDB();
-        if (isElectron) window.electron.ipcRenderer.send("reset-setting");
-        window.$message.loading("数据清除完成，软件即将热重载", {
-          duration: 3000,
-          onAfterLeave: () => window.location.reload(),
-        });
-      },
-    });
-  };
-
-  return {
-    groups: [
-      {
-        title: "地区解锁",
-        items: [
-          {
-            key: "useRealIP",
-            label: "使用真实 IP 地址",
-            type: "switch",
-            description: "在海外或部分地区可能会受到限制，可开启此处尝试解决",
-            value: computed({
-              get: () => settingStore.useRealIP,
-              set: (v) => (settingStore.useRealIP = v),
-            }),
-          },
-          {
-            key: "realIP",
-            label: "真实 IP 地址",
-            type: "text-input",
-            description: "可在此处输入国内 IP，不填写则为随机",
-            disabled: computed(() => !settingStore.useRealIP),
-            prefix: "IP",
-            componentProps: { placeholder: "127.0.0.1" },
-            value: computed({
-              get: () => settingStore.realIP,
-              set: (v) => (settingStore.realIP = v),
-            }),
-          },
-        ],
-      },
-      {
-        title: "网络代理",
-        show: isElectron,
-        items: [
-          {
-            key: "proxyProtocol",
-            label: "网络代理",
-            type: "select",
-            description: "修改后请点击保存或重启软件以应用",
-            options: [
-              { label: "关闭代理", value: "off" },
-              { label: "HTTP 代理", value: "HTTP" },
-              { label: "HTTPS 代理", value: "HTTPS" },
-            ],
-            value: computed({
-              get: () => settingStore.proxyProtocol,
-              set: (v) => (settingStore.proxyProtocol = v),
-            }),
-            extraButton: {
-              label: "保存并应用",
-              action: setProxy,
-              type: "primary",
-              secondary: true,
-              strong: true,
-            },
-          },
-          {
-            key: "proxyServe",
-            label: "代理服务器地址",
-            type: "text-input",
-            description: "请填写代理服务器地址，如 127.0.0.1",
-            disabled: computed(() => settingStore.proxyProtocol === "off"),
-            prefix: computed(() =>
-              settingStore.proxyProtocol === "off" ? "-" : settingStore.proxyProtocol,
-            ),
-            componentProps: {
-              placeholder: "请填写代理服务器地址",
-            },
-            value: computed({
-              get: () => settingStore.proxyServe,
-              set: (v) => (settingStore.proxyServe = v),
-            }),
-          },
-          {
-            key: "proxyPort",
-            label: "代理服务器端口",
-            type: "input-number",
-            description: "请填写代理服务器端口，如 80",
-            disabled: computed(() => settingStore.proxyProtocol === "off"),
-            componentProps: {
-              min: 1,
-              max: 65535,
-              showButton: false,
-              placeholder: "请填写代理服务器端口",
-            },
-            value: computed({
-              get: () => settingStore.proxyPort,
-              set: (v) => (settingStore.proxyPort = v),
-            }),
-          },
-          {
-            key: "proxyTest",
-            label: "测试代理",
-            type: "button",
-            description: "测试代理配置是否可正常连通",
-            buttonLabel: "测试代理",
-            action: testProxy,
-            condition: () => settingStore.proxyProtocol !== "off",
-            componentProps: computed(() => ({
-              loading: testProxyLoading.value,
-              type: "primary",
-            })),
-          },
-        ],
-      },
-      {
-        title: "备份与恢复",
-        tags: [{ text: "Beta", type: "warning" }],
-        show: isElectron,
-        items: [
-          {
-            key: "exportSettings",
-            label: "导出设置",
-            type: "button",
-            description: "将当前所有设置导出为 JSON 文件",
-            buttonLabel: "导出设置",
-            action: exportSettings,
-            componentProps: { type: "primary" },
-          },
-          {
-            key: "importSettings",
-            label: "导入设置",
-            type: "button",
-            description: "从 JSON 文件恢复设置（导入后将自动重启）",
-            buttonLabel: "导入设置",
-            action: importSettings,
-            componentProps: { type: "primary" },
-          },
-        ],
-      },
-      {
-        title: "重置",
-        items: [
-          {
-            key: "resetSetting",
-            label: "重置所有设置",
-            type: "button",
-            description: "重置所有设置，恢复软件默认值",
-            buttonLabel: "重置设置",
-            action: resetSetting,
-            componentProps: { type: "warning" },
-          },
-          {
-            key: "clearAllData",
-            label: "清除全部数据",
-            type: "button",
-            description: "重置所有设置，清除全部数据",
-            buttonLabel: "清除全部",
-            action: clearAllData,
-            componentProps: { type: "error" },
-          },
-        ],
-      },
-    ],
-  };
-};
diff --git a/src/components/Setting/config/play.ts b/src/components/Setting/config/play.ts
index 4d7ed786f..257fbdf17 100644
--- a/src/components/Setting/config/play.ts
+++ b/src/components/Setting/config/play.ts
@@ -8,7 +8,8 @@ import { AI_AUDIO_LEVELS } from "@/utils/meta";
 import { openSongUnlockManager } from "@/utils/modal";
 import { NTooltip, SelectOption } from "naive-ui";
 import { uniqBy } from "lodash-es";
-import { isLogin, filterAuthorizedQualityOptions } from "@/utils/auth";
+import { filterAuthorizedQualityOptions } from "@/utils/auth";
+import { computed, ref, h, watch } from "vue";
 
 export const usePlaySettings = (): SettingConfig => {
   const settingStore = useSettingStore();
@@ -300,18 +301,11 @@ export const usePlaySettings = (): SettingConfig => {
     },
   );
 
-  // 时间格式选项
-  const timeFormatOptions = [
-    { label: "播放时间 / 总时长", value: "current-total" },
-    { label: "剩余时间 / 总时长", value: "remaining-total" },
-    { label: "播放时间 / 剩余时间", value: "current-remaining" },
-  ];
-
   return {
     onActivate,
     groups: [
       {
-        title: "歌曲播放",
+        title: "播放控制",
         items: [
           {
             key: "autoPlay",
@@ -345,6 +339,16 @@ export const usePlaySettings = (): SettingConfig => {
               set: (v) => (settingStore.memoryLastSeek = v),
             }),
           },
+          {
+            key: "preventSleep",
+            label: "阻止系统息屏",
+            type: "switch",
+            description: "是否在播放界面阻止系统息屏",
+            value: computed({
+              get: () => settingStore.preventSleep,
+              set: (v) => (settingStore.preventSleep = v),
+            }),
+          },
           {
             key: "progressTooltipShow",
             label: "显示进度条悬浮信息",
@@ -399,6 +403,25 @@ export const usePlaySettings = (): SettingConfig => {
               },
             ],
           },
+        ],
+      },
+      {
+        title: "音频设置",
+        items: [
+          {
+            key: "songLevel",
+            label: "在线歌曲音质",
+            type: "select",
+            description: () => songLevelData[settingStore.songLevel]?.tip,
+            options: songLevelOptions,
+            componentProps: {
+              renderOption,
+            },
+            value: computed({
+              get: () => settingStore.songLevel,
+              set: (v) => (settingStore.songLevel = v),
+            }),
+          },
           {
             key: "disableAiAudio",
             label: "Fuck AI Mode",
@@ -420,20 +443,6 @@ export const usePlaySettings = (): SettingConfig => {
               set: (v) => (settingStore.disableDjMode = v),
             }),
           },
-          {
-            key: "songLevel",
-            label: "在线歌曲音质",
-            type: "select",
-            description: () => songLevelData[settingStore.songLevel]?.tip,
-            options: songLevelOptions,
-            componentProps: {
-              renderOption,
-            },
-            value: computed({
-              get: () => settingStore.songLevel,
-              set: (v) => (settingStore.songLevel = v),
-            }),
-          },
           {
             key: "audioEngine",
             label: "音频处理引擎",
@@ -522,252 +531,6 @@ export const usePlaySettings = (): SettingConfig => {
           },
         ],
       },
-      {
-        title: "播放器",
-        items: [
-          {
-            key: "playerExpandAnimation",
-            label: "播放器展开动画",
-            type: "select",
-            description: "选择播放器展开时的动画效果",
-            options: [
-              { label: "上浮", value: "up" },
-              { label: "平滑", value: "smooth" },
-            ],
-            value: computed({
-              get: () => settingStore.playerExpandAnimation,
-              set: (v) => (settingStore.playerExpandAnimation = v),
-            }),
-          },
-          {
-            key: "playerType",
-            label: "播放器样式",
-            type: "select",
-            description: "播放器主体样式",
-            options: [
-              { label: "封面模式", value: "cover" },
-              { label: "唱片模式", value: "record" },
-              { label: "全屏封面", value: "fullscreen" },
-            ],
-            value: computed({
-              get: () => settingStore.playerType,
-              set: (v) => (settingStore.playerType = v),
-            }),
-            condition: () => true,
-            children: [
-              {
-                key: "playerStyleRatio",
-                label: "封面 / 歌词占比",
-                type: "slider",
-                description: "调整全屏播放器的封面与歌词的宽度比例",
-                min: 30,
-                max: 70,
-                step: 1,
-                marks: { 50: "默认" },
-                show: () => settingStore.playerType !== "fullscreen",
-                formatTooltip: (v) => `${v}%`,
-                value: computed({
-                  get: () => settingStore.playerStyleRatio,
-                  set: (v) => (settingStore.playerStyleRatio = v),
-                }),
-              },
-              {
-                key: "playerFullscreenGradient",
-                label: "封面过渡位置",
-                type: "slider",
-                description: "调整全屏封面右侧的渐变过渡位置",
-                show: () => settingStore.playerType === "fullscreen",
-                min: 0,
-                max: 100,
-                step: 1,
-                marks: { 15: "默认" },
-                formatTooltip: (v) => `${v}%`,
-                value: computed({
-                  get: () => settingStore.playerFullscreenGradient,
-                  set: (v) => (settingStore.playerFullscreenGradient = v),
-                }),
-              },
-            ],
-          },
-          {
-            key: "playerBackgroundType",
-            label: "播放器背景样式",
-            type: "select",
-            description: "切换播放器背景类型",
-            options: [
-              { label: "流体效果", value: "animation" },
-              { label: "封面模糊", value: "blur" },
-              { label: "封面主色", value: "color" },
-            ],
-            value: computed({
-              get: () => settingStore.playerBackgroundType,
-              set: (v) => (settingStore.playerBackgroundType = v),
-            }),
-            condition: () => settingStore.playerBackgroundType === "animation",
-            children: [
-              {
-                key: "playerBackgroundFps",
-                label: "背景动画帧率",
-                type: "input-number",
-                description: "单位 fps，最小 24，最大 240",
-                min: 24,
-                max: 256,
-                value: computed({
-                  get: () => settingStore.playerBackgroundFps,
-                  set: (v) => (settingStore.playerBackgroundFps = v),
-                }),
-              },
-              {
-                key: "playerBackgroundFlowSpeed",
-                label: "背景动画流动速度",
-                type: "input-number",
-                description: "单位 倍数，最小 0.1，最大 10",
-                min: 0.1,
-                max: 10,
-                value: computed({
-                  get: () => settingStore.playerBackgroundFlowSpeed,
-                  set: (v) => (settingStore.playerBackgroundFlowSpeed = v),
-                }),
-              },
-              {
-                key: "playerBackgroundRenderScale",
-                label: "背景渲染缩放比例",
-                type: "input-number",
-                description:
-                  "设置当前渲染缩放比例，默认 0.5。适当提高此值（如 1.0 或 1.5）可以减少分界线锯齿，让效果更好，但也会增加显卡压力",
-                min: 0.1,
-                max: 10,
-                value: computed({
-                  get: () => settingStore.playerBackgroundRenderScale,
-                  set: (v) => (settingStore.playerBackgroundRenderScale = v),
-                }),
-              },
-              {
-                key: "playerBackgroundPause",
-                label: "背景动画暂停时暂停",
-                type: "switch",
-                description: "在暂停时是否也暂停背景动画",
-                value: computed({
-                  get: () => settingStore.playerBackgroundPause,
-                  set: (v) => (settingStore.playerBackgroundPause = v),
-                }),
-              },
-              {
-                key: "playerBackgroundLowFreqVolume",
-                label: "背景跳动效果",
-                type: "switch",
-                description: "使流体背景根据音乐低频节拍产生脉动效果",
-                value: computed({
-                  get: () => settingStore.playerBackgroundLowFreqVolume,
-                  set: (v) => (settingStore.playerBackgroundLowFreqVolume = v),
-                }),
-              },
-            ],
-          },
-          {
-            key: "playerFollowCoverColor",
-            label: "播放器主色跟随封面",
-            type: "switch",
-            description: "播放器主颜色是否跟随封面主色，下一曲生效",
-            value: computed({
-              get: () => settingStore.playerFollowCoverColor,
-              set: (v) => (settingStore.playerFollowCoverColor = v),
-            }),
-          },
-          {
-            key: "countDownShow",
-            label: "显示前奏倒计时",
-            type: "switch",
-            description: "部分歌曲前奏可能存在显示错误",
-            value: computed({
-              get: () => settingStore.countDownShow,
-              set: (v) => (settingStore.countDownShow = v),
-            }),
-          },
-          {
-            key: "autoHidePlayerMeta",
-            label: "播放器元素自动隐藏",
-            type: "switch",
-            description: "鼠标静止一段时间或者离开播放器时自动隐藏控制元素",
-            value: computed({
-              get: () => settingStore.autoHidePlayerMeta,
-              set: (v) => (settingStore.autoHidePlayerMeta = v),
-            }),
-          },
-          {
-            key: "showPlayMeta",
-            label: "展示播放状态信息",
-            type: "switch",
-            description: "展示当前歌曲及歌词的状态信息",
-            value: computed({
-              get: () => settingStore.showPlayMeta,
-              set: (v) => (settingStore.showPlayMeta = v),
-            }),
-          },
-          {
-            key: "dynamicCover",
-            label: "动态封面",
-            type: "switch",
-            description: "可展示部分歌曲的动态封面，仅在封面模式有效",
-            disabled: () => isLogin() !== 1,
-            value: computed({
-              get: () => settingStore.dynamicCover,
-              set: (v) => (settingStore.dynamicCover = v),
-            }),
-          },
-          {
-            key: "showSpectrums",
-            label: "音乐频谱",
-            type: "switch",
-            show: isElectron,
-            description:
-              settingStore.playbackEngine === "mpv"
-                ? "MPV 引擎暂不支持显示音乐频谱"
-                : "开启音乐频谱会影响性能或增加内存占用，如遇问题请关闭",
-            disabled: () => settingStore.playbackEngine === "mpv",
-            value: computed({
-              get: () => settingStore.showSpectrums,
-              set: (v) => (settingStore.showSpectrums = v),
-            }),
-          },
-        ],
-      },
-      {
-        title: "全局播放器",
-        items: [
-          {
-            key: "timeFormat",
-            label: "时间显示格式",
-            type: "select",
-            description: "底栏右侧和播放页面底部的时间如何显示（单击时间可以快速切换）",
-            options: timeFormatOptions,
-            value: computed({
-              get: () => settingStore.timeFormat,
-              set: (v) => (settingStore.timeFormat = v),
-            }),
-          },
-          {
-            key: "showPlaylistCount",
-            label: "播放列表歌曲数量",
-            type: "switch",
-            description: "在右下角的播放列表按钮处显示播放列表的歌曲数量",
-            value: computed({
-              get: () => settingStore.showPlaylistCount,
-              set: (v) => (settingStore.showPlaylistCount = v),
-            }),
-          },
-          {
-            key: "barLyricShow",
-            label: "底栏歌词显示",
-            type: "switch",
-            description: "在播放时将歌手信息更改为歌词",
-            value: computed({
-              get: () => settingStore.barLyricShow,
-              set: (v) => (settingStore.barLyricShow = v),
-            }),
-          },
-        ],
-      },
     ],
   };
 };
diff --git a/src/components/Setting/config/streaming.ts b/src/components/Setting/config/streaming.ts
deleted file mode 100644
index dc5256aad..000000000
--- a/src/components/Setting/config/streaming.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useSettingStore } from "@/stores";
-import { SettingConfig } from "@/types/settings";
-import StreamingServerList from "../components/StreamingServerList.vue";
-
-export const useStreamingSettings = (): SettingConfig => {
-  const settingStore = useSettingStore();
-
-  return {
-    groups: [
-      {
-        title: "流媒体功能",
-        items: [
-          {
-            key: "streamingEnabled",
-            label: "启用流媒体",
-            type: "switch",
-            description: "开启后可使用并管理 Navidrome、Jellyfin 等流媒体服务",
-            value: computed({
-              get: () => settingStore.streamingEnabled,
-              set: (v) => (settingStore.streamingEnabled = v),
-            }),
-          },
-        ],
-      },
-      {
-        title: "流媒体管理",
-        items: [
-          {
-            key: "serverList",
-            label: "服务器列表",
-            type: "custom",
-            description: "在此添加和管理您的流媒体服务器",
-            noWrapper: true,
-            component: markRaw(StreamingServerList),
-          },
-        ],
-      },
-    ],
-  };
-};
diff --git a/src/types/main.ts b/src/types/main.ts
index f67c361dc..334a300db 100644
--- a/src/types/main.ts
+++ b/src/types/main.ts
@@ -310,13 +310,12 @@ export type SongLevelDataType = {
 // setting
 export type SettingType =
   | "general"
+  | "appearance"
   | "play"
   | "lyrics"
   | "keyboard"
   | "local"
-  | "third"
-  | "streaming"
-  | "other"
+  | "network"
   | "about";
 
 // UpdateLog
diff --git a/src/views/Streaming/layout.vue b/src/views/Streaming/layout.vue
index 64dfbcbf6..46ec27969 100644
--- a/src/views/Streaming/layout.vue
+++ b/src/views/Streaming/layout.vue
@@ -251,7 +251,7 @@ const moreOptions = computed<DropdownOption[]>(() => [
     label: "流媒体设置",
     key: "setting",
     props: {
-      onClick: () => openSetting("streaming"),
+      onClick: () => openSetting("network"),
     },
     icon: renderIcon("Settings"),
   },

From 4f581b1462305aa8cdd36898368723f2c55f3b29 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Fri, 30 Jan 2026 17:21:15 +0800
Subject: [PATCH 04/19] =?UTF-8?q?=E2=9C=A8=20feat:=20=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E5=85=B3=E9=97=AD=E5=BC=80=E5=8F=91=E8=80=85=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Setting/AboutSetting.vue     | 17 +++++++++--------
 src/components/Setting/config/appearance.ts |  2 +-
 src/components/Setting/config/local.ts      |  2 +-
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/Setting/AboutSetting.vue b/src/components/Setting/AboutSetting.vue
index 1952ddfd6..98230868f 100644
--- a/src/components/Setting/AboutSetting.vue
+++ b/src/components/Setting/AboutSetting.vue
@@ -291,17 +291,18 @@ const getUpdateData = async () => (updateData.value = await getUpdateLog());
 // 打开开发者模式
 const openDeveloperMode = useThrottleFn(() => {
   developerModeClickCount.value++;
+  const isEnabled = statusStore.developerMode;
   if (developerModeClickCount.value >= 5 && developerModeClickCount.value < 8) {
-    if (statusStore.developerMode) {
-      window.$message.info("已处于开发者模式！");
-      developerModeClickCount.value = 0;
-      return;
-    }
-    window.$message.info(`再点击${8 - developerModeClickCount.value}次以开启开发者模式`);
+    const action = isEnabled ? "关闭" : "开启";
+    window.$message.info(`再点击${8 - developerModeClickCount.value}次以${action}开发者模式`);
   } else if (developerModeClickCount.value >= 8) {
     developerModeClickCount.value = 0;
-    statusStore.developerMode = true;
-    window.$message.warning("开发者模式已开启，请谨慎使用！");
+    statusStore.developerMode = !isEnabled;
+    if (!isEnabled) {
+      window.$message.warning("开发者模式已开启，请谨慎使用！");
+    } else {
+      window.$message.success("开发者模式已关闭");
+    }
   }
 }, 100);
 
diff --git a/src/components/Setting/config/appearance.ts b/src/components/Setting/config/appearance.ts
index 86720e6d7..501fbb237 100644
--- a/src/components/Setting/config/appearance.ts
+++ b/src/components/Setting/config/appearance.ts
@@ -98,7 +98,7 @@ export const useAppearanceSettings = (): SettingConfig => {
             description: "注入自定义 CSS 和 JavaScript 代码",
             buttonLabel: "配置",
             action: openCustomCode,
-            show: statusStore.isDeveloperMode,
+            show: computed(() => statusStore.isDeveloperMode),
           },
         ],
       },
diff --git a/src/components/Setting/config/local.ts b/src/components/Setting/config/local.ts
index 2ee003f1f..7c2aeefb2 100644
--- a/src/components/Setting/config/local.ts
+++ b/src/components/Setting/config/local.ts
@@ -303,7 +303,7 @@ export const useLocalSettings = (): SettingConfig => {
       },
       {
         title: "下载配置",
-        show: statusStore.isDeveloperMode,
+        show: computed(() => statusStore.isDeveloperMode),
         items: [
           {
             key: "downloadPath",

From 9af1829ea4475adbddd6e1a6772e879d84dac5be Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Fri, 30 Jan 2026 18:18:41 +0800
Subject: [PATCH 05/19] =?UTF-8?q?=E2=9C=A8=20feat:=20=E6=AD=8C=E8=AF=8D?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E6=95=B4=E7=90=86=20=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E6=8B=AC=E5=8F=B7=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Setting/config/appearance.ts |  10 ++
 src/components/Setting/config/lyric.ts      |  11 +-
 src/core/player/LyricManager.ts             | 130 ++++++++++++++++++++
 src/stores/setting.ts                       |   3 +
 4 files changed, 149 insertions(+), 5 deletions(-)

diff --git a/src/components/Setting/config/appearance.ts b/src/components/Setting/config/appearance.ts
index 501fbb237..a6f3fb02a 100644
--- a/src/components/Setting/config/appearance.ts
+++ b/src/components/Setting/config/appearance.ts
@@ -479,6 +479,16 @@ export const useAppearanceSettings = (): SettingConfig => {
               set: (v) => (settingStore.showSongOriginalTag = v),
             }),
           },
+          {
+            key: "hideLyricBrackets",
+            label: "隐藏括号内容",
+            type: "switch",
+            description: "隐藏括号内的内容，如 (Live)、(伴奏) 等",
+            value: computed({
+              get: () => settingStore.hideLyricBrackets,
+              set: (v) => (settingStore.hideLyricBrackets = v),
+            }),
+          },
         ],
       },
     ],
diff --git a/src/components/Setting/config/lyric.ts b/src/components/Setting/config/lyric.ts
index e19699b04..160c2cc4b 100644
--- a/src/components/Setting/config/lyric.ts
+++ b/src/components/Setting/config/lyric.ts
@@ -210,15 +210,16 @@ export const useLyricSettings = (): SettingConfig => {
             }),
           },
           {
-            key: "hideLyricBrackets",
-            label: "隐藏歌词括号内容",
+            key: "replaceLyricBrackets",
+            label: "替换歌词括号内容",
             type: "switch",
-            description: "隐藏歌词中括号内的内容，如 (Live)、(伴奏) 等",
+            description: "将歌词中的括号内容替换为 - 形式，例如 abc（897） 替换成 abc - 897",
             value: computed({
-              get: () => settingStore.hideLyricBrackets,
-              set: (v) => (settingStore.hideLyricBrackets = v),
+              get: () => settingStore.replaceLyricBrackets,
+              set: (v) => (settingStore.replaceLyricBrackets = v),
             }),
           },
+
           {
             key: "lyricsScrollOffset",
             label: "歌词滚动位置",
diff --git a/src/core/player/LyricManager.ts b/src/core/player/LyricManager.ts
index b21df7d86..61937bc8e 100644
--- a/src/core/player/LyricManager.ts
+++ b/src/core/player/LyricManager.ts
@@ -676,6 +676,133 @@ class LyricManager {
     }
   }
 
+  /**
+   * 替换歌词括号内容
+   * @param lyricData 歌词数据
+   * @returns 替换后的歌词数据
+   */
+  private applyBracketReplacement(lyricData: SongLyric): SongLyric {
+    const settingStore = useSettingStore();
+    if (!settingStore.replaceLyricBrackets) {
+      return lyricData;
+    }
+
+    const newLyricData = cloneDeep(lyricData);
+
+    const processLines = (lines: LyricLine[] | undefined) => {
+      if (!lines) return;
+      lines.forEach((line) => {
+        // 1. Reconstruct full text to check for full bracket enclosure
+        const fullText = line.words.map((w) => w.word).join("");
+
+        // Check if the line matches ^\s*[\(（][^()（）]*[\)）]\s*$
+        const isFullBracket = /^\s*[\(（][^()（）]*[\)）]\s*$/.test(fullText);
+
+        if (isFullBracket) {
+          // Remove first ( or （
+          let foundStart = false;
+          for (const word of line.words) {
+            if (foundStart) break;
+            if (/[\(（]/.test(word.word)) {
+              word.word = word.word.replace(/[\(（]/, "");
+              foundStart = true;
+            }
+          }
+          // Remove last ) or ）
+          let foundEnd = false;
+          for (let i = line.words.length - 1; i >= 0; i--) {
+            if (foundEnd) break;
+            const word = line.words[i];
+            if (/[\)）]/.test(word.word)) {
+              const lastIndex = Math.max(
+                word.word.lastIndexOf(")"),
+                word.word.lastIndexOf("）"),
+              );
+              if (lastIndex !== -1) {
+                word.word =
+                  word.word.substring(0, lastIndex) +
+                  word.word.substring(lastIndex + 1);
+                foundEnd = true;
+              }
+            }
+          }
+        } else {
+          // Normal replacement: ( -> " - ", ) -> " - " or ""
+          line.words.forEach((word, index) => {
+            word.word = word.word.replace(/[\(（]/g, " - ");
+            
+            // Replace ) with " - " OR "" depending on position
+            word.word = word.word.replace(/[\)）]/g, (_, offset, string) => {
+               // Check if this ) is effectively at the end of the word
+               const isAtEnd = offset === string.length - 1;
+               
+               if (isAtEnd) {
+                 // If at end of word, check if it is the last word
+                 if (index === line.words.length - 1) {
+                   return ""; // Last word's last char -> remove
+                 } else {
+                   return " - "; // Not last word -> separator
+                 }
+               } else {
+                 // Not at end of word -> separator
+                 return " - ";
+               }
+            });
+          });
+
+          // Cleanup double dashes
+          line.words.forEach((word, index) => {
+            // Intra-word cleanup
+            word.word = word.word.replace(/(?:\s*-\s*){2,}/g, " - ");
+
+            // Inter-word cleanup
+            if (index > 0) {
+              const prev = line.words[index - 1];
+              // Check if prev ends with dash and curr starts with dash
+              if (/-\s*$/.test(prev.word) && /^\s*-/.test(word.word)) {
+                // Remove trailing dash from prev
+                prev.word = prev.word.replace(/-\s*$/, "");
+                // Ensure curr starts with " - "
+                if (!/^\s*-\s+/.test(word.word)) {
+                  word.word = " - " + word.word.replace(/^\s*-\s*/, "");
+                }
+              }
+            }
+          });
+        }
+
+        // Process translations and romaji
+        const processString = (str: string) => {
+          if (!str) return str;
+          if (/^\s*[\(（][^()（）]*[\)）]\s*$/.test(str)) {
+            return str
+              .replace(/^\s*[\(（]/, "")
+              .replace(/[\)）]\s*$/, "")
+              .trim();
+          } else {
+            return str
+              .replace(/[\(（]/g, " - ")
+              .replace(/[\)）](?=\s*$)/g, "") // Remove if at end
+              .replace(/[\)）]/g, " - ")      // Else replace with dash
+              .replace(/(?:\s*-\s*){2,}/g, " - "); // Cleanup double dashes
+          }
+        };
+
+        if (line.translatedLyric) {
+          line.translatedLyric = processString(line.translatedLyric);
+        }
+        if (line.romanLyric) {
+          line.romanLyric = processString(line.romanLyric);
+        }
+      });
+    };
+
+    processLines(newLyricData.lrcData);
+    processLines(newLyricData.yrcData);
+
+    return newLyricData;
+  }
+
   /**
    * 比较歌词数据是否相同
    * @param oldData 旧歌词数据
@@ -739,6 +866,9 @@ class LyricManager {
     // 若非本次
     if (this.activeLyricReq !== req) return;
 
+    // 应用括号替换
+    lyricData = this.applyBracketReplacement(lyricData);
+
     // 规范化时间
     this.normalizeLyricLines(lyricData.yrcData);
     this.normalizeLyricLines(lyricData.lrcData);
diff --git a/src/stores/setting.ts b/src/stores/setting.ts
index 2247e7f79..93f5615fd 100644
--- a/src/stores/setting.ts
+++ b/src/stores/setting.ts
@@ -75,6 +75,8 @@ export interface SettingState {
   lyricAlignRight: boolean;
   /** 隐藏歌词括号内容和别名 */
   hideLyricBrackets: boolean;
+  /** 替换歌词括号内容 */
+  replaceLyricBrackets: boolean;
   /** 下载路径 */
   downloadPath: string;
   /** 是否启用缓存 */
@@ -445,6 +447,7 @@ export const useSettingStore = defineStore("setting", {
     lyricHorizontalOffset: 10,
     lyricAlignRight: false,
     hideLyricBrackets: false,
+    replaceLyricBrackets: false,
     enableExcludeLyrics: true,
     enableExcludeLyricsTTML: false,
     enableExcludeLyricsLocal: false,

From 2e51005d9ee047d7a634dbb8879d2b28a11fffdb Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Fri, 30 Jan 2026 18:57:39 +0800
Subject: [PATCH 06/19] =?UTF-8?q?=E2=9C=A8=20feat:=20=E6=AD=8C=E8=AF=8D?=
 =?UTF-8?q?=E6=8B=AC=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Setting/config/lyric.ts |  35 ++++++-
 src/core/player/LyricManager.ts        | 132 ++++++++++++++++---------
 src/stores/setting.ts                  |   6 ++
 3 files changed, 128 insertions(+), 45 deletions(-)

diff --git a/src/components/Setting/config/lyric.ts b/src/components/Setting/config/lyric.ts
index 160c2cc4b..79ecbbd30 100644
--- a/src/components/Setting/config/lyric.ts
+++ b/src/components/Setting/config/lyric.ts
@@ -213,12 +213,45 @@ export const useLyricSettings = (): SettingConfig => {
             key: "replaceLyricBrackets",
             label: "替换歌词括号内容",
             type: "switch",
-            description: "将歌词中的括号内容替换为 - 形式，例如 abc（897） 替换成 abc - 897",
+            description: "将歌词中的括号内容替换为指定格式",
             value: computed({
               get: () => settingStore.replaceLyricBrackets,
               set: (v) => (settingStore.replaceLyricBrackets = v),
             }),
           },
+          {
+            key: "bracketReplacementPreset",
+            label: "括号替换样式",
+            type: "select",
+            description: "选择替换后的括号样式",
+            disabled: computed(() => !settingStore.replaceLyricBrackets),
+            options: [
+              { label: "连字符 ( - )", value: "dash" },
+              { label: "六角括号 (〔 〕)", value: "angleBrackets" },
+              { label: "直角引号 (「 」)", value: "cornerBrackets" },
+              { label: "自定义", value: "custom" },
+            ],
+            value: computed({
+              get: () => settingStore.bracketReplacementPreset,
+              set: (v) => (settingStore.bracketReplacementPreset = v),
+            }),
+          },
+          {
+            key: "customBracketReplacement",
+            label: "自定义替换内容",
+            type: "text-input",
+            description: "输入自定义的替换字符。支持单个分隔符（如 - ）或成对符号（如 () ）",
+            disabled: computed(() => !settingStore.replaceLyricBrackets || settingStore.bracketReplacementPreset !== "custom"),
+            value: computed({
+              get: () => settingStore.customBracketReplacement,
+              set: (v) => {
+                const trimmed = v.trim();
+                if (v.length === 0 || (trimmed.length > 0 && trimmed.length <= 5)) {
+                  settingStore.customBracketReplacement = v;
+                }
+              },
+            }),
+          },
 
           {
             key: "lyricsScrollOffset",
diff --git a/src/core/player/LyricManager.ts b/src/core/player/LyricManager.ts
index 61937bc8e..c410d05da 100644
--- a/src/core/player/LyricManager.ts
+++ b/src/core/player/LyricManager.ts
@@ -689,6 +689,37 @@ class LyricManager {
 
     const newLyricData = cloneDeep(lyricData);
 
+    // Determine replacement strategy
+    const preset = settingStore.bracketReplacementPreset || "dash";
+    const custom = settingStore.customBracketReplacement || "-";
+
+    let startStr = " - ";
+    let endStr = " ";
+    let isEnclosure = false;
+
+    if (preset === "angleBrackets") {
+      startStr = "〔";
+      endStr = "〕";
+      isEnclosure = true;
+    } else if (preset === "cornerBrackets") {
+      startStr = "「";
+      endStr = "」";
+      isEnclosure = true;
+    } else if (preset === "custom") {
+      const trimmed = custom.trim();
+      // Heuristic: if length is 2 and not just dashes, treat as pair
+      if (trimmed.length === 2 && trimmed[0] !== trimmed[1] && !trimmed.includes("-")) {
+        startStr = trimmed[0];
+        endStr = trimmed[1];
+        isEnclosure = true;
+      } else {
+        startStr = " " + trimmed + " ";
+        startStr = startStr.replace(/\s+/g, " ");
+        endStr = " ";
+        isEnclosure = false;
+      }
+    }
+
     const processLines = (lines: LyricLine[] | undefined) => {
       if (!lines) return;
       lines.forEach((line) => {
@@ -698,7 +729,7 @@ class LyricManager {
         // Check if the line matches ^\s*[\(（][^()（）]*[\)）]\s*$
         const isFullBracket = /^\s*[\(（][^()（）]*[\)）]\s*$/.test(fullText);
 
-        if (isFullBracket) {
+        if (isFullBracket && !isEnclosure) {
           // Remove first ( or （
           let foundStart = false;
           for (const word of line.words) {
@@ -727,64 +758,77 @@ class LyricManager {
             }
           }
         } else {
-          // Normal replacement: ( -> " - ", ) -> " - " or ""
+          // Normal replacement
           line.words.forEach((word, index) => {
-            word.word = word.word.replace(/[\(（]/g, " - ");
-            
-            // Replace ) with " - " OR "" depending on position
-            word.word = word.word.replace(/[\)）]/g, (_, offset, string) => {
-               // Check if this ) is effectively at the end of the word
-               const isAtEnd = offset === string.length - 1;
-               
-               if (isAtEnd) {
-                 // If at end of word, check if it is the last word
-                 if (index === line.words.length - 1) {
-                   return ""; // Last word's last char -> remove
-                 } else {
-                   return " - "; // Not last word -> separator
-                 }
-               } else {
-                 // Not at end of word -> separator
-                 return " - ";
-               }
-            });
+            word.word = word.word.replace(/[\(（]/g, startStr);
+
+            if (isEnclosure) {
+              word.word = word.word.replace(/[\)）]/g, endStr);
+            } else {
+              // Replace ) with endStr OR "" depending on position
+              word.word = word.word.replace(/[\)）]/g, (_, offset, string) => {
+                // Check if this ) is effectively at the end of the word
+                const isAtEnd = offset === string.length - 1;
+
+                if (isAtEnd) {
+                  // If at end of word, check if it is the last word
+                  if (index === line.words.length - 1) {
+                    return ""; // Last word's last char -> remove
+                  } else {
+                    return endStr; // Not last word -> separator
+                  }
+                } else {
+                  // Not at end of word -> separator
+                  return endStr;
+                }
+              });
+            }
           });
 
-          // Cleanup double dashes
-          line.words.forEach((word, index) => {
-            // Intra-word cleanup
-            word.word = word.word.replace(/(?:\s*-\s*){2,}/g, " - ");
-
-            // Inter-word cleanup
-            if (index > 0) {
-              const prev = line.words[index - 1];
-              // Check if prev ends with dash and curr starts with dash
-              if (/-\s*$/.test(prev.word) && /^\s*-/.test(word.word)) {
-                // Remove trailing dash from prev
-                prev.word = prev.word.replace(/-\s*$/, "");
-                // Ensure curr starts with " - "
-                if (!/^\s*-\s+/.test(word.word)) {
-                  word.word = " - " + word.word.replace(/^\s*-\s*/, "");
+          // Cleanup double dashes (only for separator mode with dash)
+          if (!isEnclosure && startStr.includes("-")) {
+            line.words.forEach((word, index) => {
+              // Intra-word cleanup
+              word.word = word.word.replace(/(?:\s*-\s*){2,}/g, " - ");
+
+              // Inter-word cleanup
+              if (index > 0) {
+                const prev = line.words[index - 1];
+                // Check if prev ends with dash and curr starts with dash
+                if (/-\s*$/.test(prev.word) && /^\s*-/.test(word.word)) {
+                  // Remove trailing dash from prev
+                  prev.word = prev.word.replace(/-\s*$/, "");
+                  // Ensure curr starts with " - "
+                  if (!/^\s*-\s+/.test(word.word)) {
+                    word.word = " - " + word.word.replace(/^\s*-\s*/, "");
+                  }
                 }
               }
-            }
-          });
+            });
+          }
         }
 
         // Process translations and romaji
         const processString = (str: string) => {
           if (!str) return str;
-          if (/^\s*[\(（][^()（）]*[\)）]\s*$/.test(str)) {
+          if (!isEnclosure && /^\s*[\(（][^()（）]*[\)）]\s*$/.test(str)) {
             return str
               .replace(/^\s*[\(（]/, "")
               .replace(/[\)）]\s*$/, "")
               .trim();
           } else {
-            return str
-              .replace(/[\(（]/g, " - ")
-              .replace(/[\)）](?=\s*$)/g, "") // Remove if at end
-              .replace(/[\)）]/g, " - ")      // Else replace with dash
-              .replace(/(?:\s*-\s*){2,}/g, " - "); // Cleanup double dashes
+            let res = str.replace(/[\(（]/g, startStr);
+            if (isEnclosure) {
+              res = res.replace(/[\)）]/g, endStr);
+            } else {
+              res = res
+                .replace(/[\)）](?=\s*$)/g, "") // Remove if at end
+                .replace(/[\)）]/g, endStr); // Else replace with separator
+              if (startStr.includes("-")) {
+                res = res.replace(/(?:\s*-\s*){2,}/g, " - "); // Cleanup double dashes
+              }
+            }
+            return res;
           }
         };
 
diff --git a/src/stores/setting.ts b/src/stores/setting.ts
index 93f5615fd..cfbe4872c 100644
--- a/src/stores/setting.ts
+++ b/src/stores/setting.ts
@@ -77,6 +77,10 @@ export interface SettingState {
   hideLyricBrackets: boolean;
   /** 替换歌词括号内容 */
   replaceLyricBrackets: boolean;
+  /** 歌词括号替换预设 */
+  bracketReplacementPreset: "dash" | "angleBrackets" | "cornerBrackets" | "custom";
+  /** 自定义歌词括号替换内容 */
+  customBracketReplacement: string;
   /** 下载路径 */
   downloadPath: string;
   /** 是否启用缓存 */
@@ -448,6 +452,8 @@ export const useSettingStore = defineStore("setting", {
     lyricAlignRight: false,
     hideLyricBrackets: false,
     replaceLyricBrackets: false,
+    bracketReplacementPreset: "dash",
+    customBracketReplacement: "-",
     enableExcludeLyrics: true,
     enableExcludeLyricsTTML: false,
     enableExcludeLyricsLocal: false,

From 83ad4a8f585d579c465bfd96c082e38b931356d4 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Fri, 30 Jan 2026 19:05:49 +0800
Subject: [PATCH 07/19] =?UTF-8?q?=F0=9F=90=9E=20fix:=20=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E5=AE=A1=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Player/MainPlayer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Player/MainPlayer.vue b/src/components/Player/MainPlayer.vue
index 9be642696..7fe71b3bf 100644
--- a/src/components/Player/MainPlayer.vue
+++ b/src/components/Player/MainPlayer.vue
@@ -54,7 +54,7 @@
               class="name"
               style="cursor: pointer"
               @click.stop="
-                settingStore.hideMiniPlayerCover ? (statusStore.showFullPlayer = true) : null
+                settingStore.hideMiniPlayerCover && (statusStore.showFullPlayer = true)
               "
             />
             <!-- 倍速 -->

From 5840a8cd4765854c0ac507836ad6f6b9a93caad6 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Fri, 30 Jan 2026 21:49:10 +0800
Subject: [PATCH 08/19] =?UTF-8?q?=E2=9C=A8=20feat:=20=E5=8F=B2=E8=AF=97?=
 =?UTF-8?q?=E7=BA=A7=E5=8A=A0=E5=BC=BANo-cover=20x2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                               |  1 +
 src/components/Card/SongListCard.vue          |  3 +-
 src/components/List/ArtistList.vue            | 24 +++++--
 src/components/List/CommentList.vue           | 16 ++---
 src/components/List/CoverList.vue             | 26 ++++++--
 src/components/List/SongList.vue              |  2 +-
 src/components/Modal/Setting/CoverManager.vue | 62 +++++++++++++++++++
 src/components/Player/MainPlayer.vue          |  4 +-
 .../Player/PlayerComponents/PersonalFM.vue    | 55 +++++++++++++---
 src/components/Setting/config/appearance.ts   | 25 +++-----
 src/components/Setting/config/general.ts      |  3 +-
 src/stores/setting.ts                         | 44 +++++++++++++
 src/utils/modal.ts                            | 16 +++++
 src/views/Artist/layout.vue                   |  4 +-
 src/views/Artist/videos.vue                   |  4 ++
 src/views/Discover/artists.vue                | 10 ++-
 src/views/Discover/new.vue                    |  4 ++
 src/views/Discover/playlists.vue              |  4 +-
 src/views/Discover/toplists.vue               | 10 ++-
 src/views/Home/HomeOnline.vue                 |  6 +-
 src/views/Like/albums.vue                     | 10 ++-
 src/views/Like/artists.vue                    |  9 ++-
 src/views/Like/playlists.vue                  | 11 +++-
 src/views/Like/radios.vue                     | 10 ++-
 src/views/Like/videos.vue                     |  4 +-
 src/views/Radio/hot.vue                       | 16 ++++-
 src/views/Radio/type.vue                      | 16 ++++-
 src/views/Search/videos.vue                   |  4 ++
 src/views/Video.vue                           | 11 +++-
 29 files changed, 344 insertions(+), 70 deletions(-)
 create mode 100644 src/components/Modal/Setting/CoverManager.vue

diff --git a/components.d.ts b/components.d.ts
index 9440f931d..d9247dcfe 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -29,6 +29,7 @@ declare module 'vue' {
     copy: typeof import('./src/components/Global/Provider copy.vue')['default']
     CopyLyrics: typeof import('./src/components/Modal/CopyLyrics.vue')['default']
     CoverList: typeof import('./src/components/List/CoverList.vue')['default']
+    CoverManager: typeof import('./src/components/Modal/Setting/CoverManager.vue')['default']
     CoverMenu: typeof import('./src/components/Menu/CoverMenu.vue')['default']
     CreatePlaylist: typeof import('./src/components/Modal/CreatePlaylist.vue')['default']
     CustomCode: typeof import('./src/components/Modal/Setting/CustomCode.vue')['default']
diff --git a/src/components/Card/SongListCard.vue b/src/components/Card/SongListCard.vue
index 242954eee..cedff1a32 100644
--- a/src/components/Card/SongListCard.vue
+++ b/src/components/Card/SongListCard.vue
@@ -7,7 +7,7 @@
     </n-flex>
     <div class="content">
       <!-- 封面 -->
-      <div class="cover">
+      <div v-if="!hiddenCover" class="cover">
         <n-image v-if="cover" :src="cover" preview-disabled lazy @load="coverLoaded">
           <template #placeholder>
             <div class="cover-loading">
@@ -65,6 +65,7 @@ const props = defineProps<{
   loading?: boolean;
   height?: number;
   cover?: string;
+  hiddenCover?: boolean;
 }>();
 
 // 列表前三首
diff --git a/src/components/List/ArtistList.vue b/src/components/List/ArtistList.vue
index 3da9aed85..45a3cd424 100644
--- a/src/components/List/ArtistList.vue
+++ b/src/components/List/ArtistList.vue
@@ -5,7 +5,7 @@
         <div
           v-for="(item, index) in data"
           :key="index"
-          class="artist-item"
+          :class="['artist-item', { 'no-cover': hiddenCover }]"
           @click="
             router.push({
               name: 'artist',
@@ -14,7 +14,7 @@
           "
         >
           <!-- 封面 -->
-          <div class="cover">
+          <div v-if="!hiddenCover" class="cover">
             <s-image
               :src="item.coverSize?.m || item.cover"
               default-src="/images/artist.jpg?asset"
@@ -49,8 +49,8 @@
     </div>
     <div v-else-if="loading" class="artist-list">
       <div class="artist-grid">
-        <div v-for="item in 50" :key="item" class="artist-item">
-          <div class="cover">
+        <div v-for="item in 50" :key="item" :class="['artist-item', { 'no-cover': hiddenCover }]">
+          <div v-if="!hiddenCover" class="cover">
             <n-skeleton class="cover-img" />
           </div>
           <div class="cover-data">
@@ -73,6 +73,7 @@ defineProps<{
   loadMore?: boolean;
   loading?: boolean;
   loadingText?: string;
+  hiddenCover?: boolean;
 }>();
 
 const emit = defineEmits<{
@@ -191,6 +192,21 @@ const router = useRouter();
     &:active {
       transform: scale(0.98);
     }
+    &.no-cover {
+      background-color: var(--surface-container-hex);
+      border: 2px solid rgba(var(--primary), 0.12);
+      padding: 12px 0;
+      &:hover {
+        border-color: rgba(var(--primary), 0.58);
+      }
+      .cover-data {
+        height: 100%;
+        justify-content: center;
+        .name {
+          font-weight: bold;
+        }
+      }
+    }
   }
   .load-more {
     margin: 20px 0;
diff --git a/src/components/List/CommentList.vue b/src/components/List/CommentList.vue
index d7206826d..5ba54eead 100644
--- a/src/components/List/CommentList.vue
+++ b/src/components/List/CommentList.vue
@@ -2,13 +2,13 @@
   <Transition name="fade" mode="out-in">
     <n-flex v-if="data.length > 0" :size="20" :class="['comment-list', { transparent }]" vertical>
       <n-flex
-        v-for="(item, index) in data"
-        :key="index"
-        :size="20"
-        class="comments"
-        @dblclick="handleDoubleClick(item)"
-      >
-        <div v-if="!transparent" class="user">
+      v-for="(item, index) in data"
+      :key="index"
+      :size="0"
+      class="comments"
+      @dblclick="handleDoubleClick(item)"
+    >
+        <div v-if="!transparent && !hiddenCover" class="user">
           <div class="avatar">
             <n-image
               :src="
@@ -116,6 +116,7 @@ const props = defineProps<{
   transparent?: boolean;
   // 资源 ID
   resId: number;
+  hiddenCover?: boolean;
 }>();
 
 const emit = defineEmits<{
@@ -228,6 +229,7 @@ const handleDoubleClick = debounce(async (item: CommentType) => {
       align-items: center;
       min-width: 60px;
       width: 60px;
+      margin-right: 12px;
       .avatar {
         position: relative;
         display: flex;
diff --git a/src/components/List/CoverList.vue b/src/components/List/CoverList.vue
index a1b4646db..22e0a1c2b 100644
--- a/src/components/List/CoverList.vue
+++ b/src/components/List/CoverList.vue
@@ -5,12 +5,12 @@
         <div
           v-for="(item, index) in data"
           :key="index"
-          class="cover-item"
+          :class="['cover-item', { 'no-cover': hiddenCover }]"
           @click="goDetail(item)"
           @contextmenu="coverMenuRef?.openDropdown($event, item, type)"
         >
           <!-- 封面 -->
-          <div class="cover">
+          <div v-if="!hiddenCover" class="cover">
             <s-image
               :key="item.cover"
               :src="
@@ -94,8 +94,8 @@
     </div>
     <div v-else-if="loading" :class="['cover-list', 'loading', type]">
       <div class="cover-grid">
-        <div v-for="item in loadingNum || 50" :key="item" class="cover-item">
-          <div class="cover">
+        <div v-for="item in loadingNum || 50" :key="item" :class="['cover-item', { 'no-cover': hiddenCover }]">
+          <div v-if="!hiddenCover" class="cover">
             <n-skeleton class="cover-img" />
           </div>
           <div class="cover-data">
@@ -133,6 +133,7 @@ const props = defineProps<{
   emptyDescription?: string;
   /** 是否为流媒体数据 */
   isStreaming?: boolean;
+  hiddenCover?: boolean;
 }>();
 
 const emit = defineEmits<{
@@ -408,6 +409,23 @@ const getListData = async (id: number | string): Promise<SongType[]> => {
         }
       }
     }
+    &.no-cover {
+      background-color: var(--surface-container-hex);
+      border: 2px solid rgba(var(--primary), 0.12);
+      padding: 0;
+      overflow: hidden;
+      &:hover {
+        border-color: rgba(var(--primary), 0.58);
+      }
+      .cover-data {
+        height: 100%;
+        justify-content: center;
+        .name {
+          font-size: 18px;
+          font-weight: bold;
+        }
+      }
+    }
   }
   .load-more {
     margin: 20px 0;
diff --git a/src/components/List/SongList.vue b/src/components/List/SongList.vue
index de15ae64b..b99613140 100644
--- a/src/components/List/SongList.vue
+++ b/src/components/List/SongList.vue
@@ -88,7 +88,7 @@
                 v-if="item.type === 'song'"
                 :song="item.data"
                 :index="index"
-                :hiddenCover="hiddenCover || settingStore.hideAllCovers"
+                :hiddenCover="hiddenCover || settingStore.hiddenCovers.list"
                 :hiddenAlbum="hiddenAlbum"
                 :hiddenSize="hiddenSize"
                 @click.stop="handleSongClick(item.data)"
diff --git a/src/components/Modal/Setting/CoverManager.vue b/src/components/Modal/Setting/CoverManager.vue
new file mode 100644
index 000000000..b459218af
--- /dev/null
+++ b/src/components/Modal/Setting/CoverManager.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="cover-manager">
+    <div class="list">
+      <n-card
+        v-for="item in coverItems"
+        :key="item.key"
+        :content-style="{
+          display: 'flex',
+          alignItems: 'center',
+          gap: '12px',
+          padding: '16px',
+        }"
+        class="item"
+      >
+        <n-text class="name">{{ item.name }}</n-text>
+        <n-switch v-model:value="settingStore.hiddenCovers[item.key]" :round="false" />
+      </n-card>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useSettingStore } from "@/stores";
+
+const settingStore = useSettingStore();
+
+const coverItems = [
+  { key: "home", name: "为我推荐" },
+  { key: "playlist", name: "歌单广场" },
+  { key: "toplist", name: "排行榜" },
+  { key: "artist", name: "歌手" },
+  { key: "new", name: "最新音乐" },
+  { key: "personalFM", name: "私人FM" },
+  { key: "player", name: "播放器" },
+  { key: "list", name: "歌单详情/歌曲列表" },
+  { key: "artistDetail", name: "歌手详情" },
+  { key: "radio", name: "播客电台" },
+  { key: "like", name: "我的收藏" },
+  { key: "video", name: "视频" },
+  { key: "videoDetail", name: "视频详情页" },
+] as const;
+</script>
+
+<style scoped lang="scss">
+.cover-manager {
+  .list {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    .item {
+      border-radius: 8px;
+      .name {
+        font-size: 16px;
+        line-height: normal;
+      }
+      .n-switch {
+        margin-left: auto;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/Player/MainPlayer.vue b/src/components/Player/MainPlayer.vue
index 7fe71b3bf..a9d4afb9c 100644
--- a/src/components/Player/MainPlayer.vue
+++ b/src/components/Player/MainPlayer.vue
@@ -16,7 +16,7 @@
       <!-- 封面 -->
       <Transition name="fade" mode="out-in">
         <div
-          v-if="!settingStore.hideMiniPlayerCover"
+          v-if="!settingStore.hiddenCovers.player"
           :key="musicStore.playSong.cover"
           class="cover"
           @click.stop="statusStore.showFullPlayer = true"
@@ -54,7 +54,7 @@
               class="name"
               style="cursor: pointer"
               @click.stop="
-                settingStore.hideMiniPlayerCover && (statusStore.showFullPlayer = true)
+                settingStore.hiddenCovers.player && (statusStore.showFullPlayer = true)
               "
             />
             <!-- 倍速 -->
diff --git a/src/components/Player/PlayerComponents/PersonalFM.vue b/src/components/Player/PlayerComponents/PersonalFM.vue
index 6e8c97bd6..493d7da12 100644
--- a/src/components/Player/PlayerComponents/PersonalFM.vue
+++ b/src/components/Player/PlayerComponents/PersonalFM.vue
@@ -3,6 +3,7 @@
     <!-- 封面 -->
     <Transition name="fade" mode="out-in">
       <n-image
+        v-if="!settingStore.hiddenCovers.personalFM"
         :key="musicStore.personalFMSong?.id"
         :src="musicStore.personalFMSong?.coverSize?.m"
         class="cover"
@@ -19,7 +20,10 @@
     </Transition>
     <!-- 信息 -->
     <Transition name="fade" mode="out-in">
-      <div :key="musicStore.personalFMSong?.id" class="info">
+      <div
+        :key="musicStore.personalFMSong?.id"
+        :class="['info', { 'no-cover': settingStore.hiddenCovers.personalFM }]"
+      >
         <n-text class="name text-hidden">
           {{ musicStore.personalFMSong?.name || "未知曲目" }}
         </n-text>
@@ -37,6 +41,13 @@
         </div>
         <!-- 功能 -->
         <n-flex :wrap="false" class="menu" align="center">
+          <!-- 不喜欢 -->
+          <div
+            class="menu-icon"
+            v-debounce="() => songManager.personalFMTrash(musicStore.personalFMSong?.id)"
+          >
+            <SvgIcon class="icon" size="18" name="ThumbDown" />
+          </div>
           <!-- 播放暂停 -->
           <n-button
             :loading="statusStore.personalFmMode && statusStore.playLoading"
@@ -57,13 +68,6 @@
           <div class="menu-icon" @click.stop="fmPlayNext">
             <SvgIcon size="26" name="SkipNext" />
           </div>
-          <!-- 不喜欢 -->
-          <div
-            class="menu-icon"
-            v-debounce="() => songManager.personalFMTrash(musicStore.personalFMSong?.id)"
-          >
-            <SvgIcon class="icon" size="18" name="ThumbDown" />
-          </div>
         </n-flex>
         <!-- 图标 -->
         <div class="radio">
@@ -78,12 +82,13 @@
 <script setup lang="ts">
 import { usePlayerController } from "@/core/player/PlayerController";
 import { useSongManager } from "@/core/player/SongManager";
-import { useMusicStore, useStatusStore } from "@/stores";
+import { useMusicStore, useStatusStore, useSettingStore } from "@/stores";
 import { coverLoaded } from "@/utils/helper";
 import { debounce, isObject } from "lodash-es";
 
 const musicStore = useMusicStore();
 const statusStore = useStatusStore();
+const settingStore = useSettingStore();
 
 const player = usePlayerController();
 const songManager = useSongManager();
@@ -227,6 +232,38 @@ onMounted(() => songManager.initPersonalFM());
         }
       }
     }
+    &.no-cover {
+      width: 100%;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      .name {
+        font-size: 24px;
+        margin-bottom: 6px;
+      }
+      .artists {
+        margin-top: 0;
+        font-size: 15px;
+        opacity: 0.8;
+      }
+      .menu {
+        margin-top: 28px;
+        justify-content: center;
+        gap: 8px;
+        .menu-icon {
+          width: 42px;
+          height: 42px;
+          background-color: rgba(var(--primary), 0.06);
+          &:hover {
+            background-color: rgba(var(--primary), 0.12);
+          }
+        }
+        .play {
+          width: 52px;
+          height: 52px;
+        }
+      }
+    }
   }
   .radio {
     position: absolute;
diff --git a/src/components/Setting/config/appearance.ts b/src/components/Setting/config/appearance.ts
index a6f3fb02a..298d5a6df 100644
--- a/src/components/Setting/config/appearance.ts
+++ b/src/components/Setting/config/appearance.ts
@@ -7,6 +7,7 @@ import {
   openSidebarHideManager,
   openHomePageSectionManager,
   openPlaylistPageManager,
+  openCoverManager,
 } from "@/utils/modal";
 import { SettingConfig } from "@/types/settings";
 import { computed, ref } from "vue";
@@ -355,24 +356,12 @@ export const useAppearanceSettings = (): SettingConfig => {
         title: "界面元素显示",
         items: [
           {
-            key: "hideAllCovers",
-            label: "隐藏歌曲列表封面",
-            type: "switch",
-            description: "开启后将隐藏列表中所有歌曲的封面",
-            value: computed({
-              get: () => settingStore.hideAllCovers,
-              set: (v) => (settingStore.hideAllCovers = v),
-            }),
-          },
-          {
-            key: "hideMiniPlayerCover",
-            label: "隐藏迷你播放器封面",
-            type: "switch",
-            description: "开启后将隐藏底部迷你播放器的封面",
-            value: computed({
-              get: () => settingStore.hideMiniPlayerCover,
-              set: (v) => (settingStore.hideMiniPlayerCover = v),
-            }),
+            key: "coverManager",
+            label: "封面显示管理",
+            type: "button",
+            description: "配置各界面封面是否隐藏（如歌单广场、排行榜、播放器等）",
+            buttonLabel: "配置",
+            action: openCoverManager,
           },
           {
             key: "autoHidePlayerMeta",
diff --git a/src/components/Setting/config/general.ts b/src/components/Setting/config/general.ts
index fa919fd18..2d04e131f 100644
--- a/src/components/Setting/config/general.ts
+++ b/src/components/Setting/config/general.ts
@@ -1,4 +1,4 @@
-import { useDataStore, useMusicStore, useSettingStore, useStatusStore } from "@/stores";
+import { useDataStore, useMusicStore, useSettingStore } from "@/stores";
 import { usePlayerController } from "@/core/player/PlayerController";
 import { isElectron } from "@/utils/env";
 import {
@@ -13,7 +13,6 @@ export const useGeneralSettings = (): SettingConfig => {
   const dataStore = useDataStore();
   const musicStore = useMusicStore();
   const settingStore = useSettingStore();
-  const statusStore = useStatusStore();
   const player = usePlayerController();
 
   const useOnlineService = ref(settingStore.useOnlineService);
diff --git a/src/stores/setting.ts b/src/stores/setting.ts
index cfbe4872c..d4cc4761d 100644
--- a/src/stores/setting.ts
+++ b/src/stores/setting.ts
@@ -219,6 +219,35 @@ export interface SettingState {
   localSeparators: string[];
   /** 显示本地封面 */
   showLocalCover: boolean;
+  /** 封面显示配置 */
+  hiddenCovers: {
+    /** 为我推荐 */
+    home: boolean;
+    /** 歌单广场 */
+    playlist: boolean;
+    /** 排行榜 */
+    toplist: boolean;
+    /** 歌手 */
+    artist: boolean;
+    /** 最新音乐 */
+    new: boolean;
+    /** 播放器 */
+    player: boolean;
+    /** 歌单详情/歌曲列表 */
+    list: boolean;
+    /** 私人FM */
+    personalFM: boolean;
+    /** 歌手详情 */
+    artistDetail: boolean;
+    /** 播客电台 */
+    radio: boolean;
+    /** 我的收藏 */
+    like: boolean;
+    /** 视频 */
+    video: boolean;
+    /** 视频详情页 */
+    videoDetail: boolean;
+  };
   /** 隐藏全部封面 */
   hideAllCovers: boolean;
   /** 隐藏迷你播放器封面 */
@@ -468,6 +497,21 @@ export const useSettingStore = defineStore("setting", {
     localFolderDisplayMode: "tab",
     localSeparators: ["/", "&"],
     showLocalCover: true,
+    hiddenCovers: {
+      home: false,
+      playlist: false,
+      toplist: false,
+      artist: false,
+      new: false,
+      player: false,
+      list: false,
+      personalFM: false,
+      artistDetail: false,
+      radio: false,
+      like: false,
+      video: false,
+      videoDetail: false,
+    },
     hideAllCovers: false,
     hideMiniPlayerCover: false,
     downloadPath: "",
diff --git a/src/utils/modal.ts b/src/utils/modal.ts
index fd46c1a76..f75c6b79d 100644
--- a/src/utils/modal.ts
+++ b/src/utils/modal.ts
@@ -430,6 +430,22 @@ export const openSidebarHideManager = async () => {
   });
 };
 
+/** 打开封面隐藏配置弹窗 */
+export const openCoverManager = async () => {
+  const { default: CoverManager } =
+    await import("@/components/Modal/Setting/CoverManager.vue");
+  window.$modal.create({
+    preset: "card",
+    transformOrigin: "center",
+    autoFocus: false,
+    style: { width: "500px" },
+    title: "封面隐藏配置",
+    content: () => {
+      return h(CoverManager);
+    },
+  });
+};
+
 /** 打开首页栏目配置弹窗 */
 export const openHomePageSectionManager = async () => {
   const { default: HomePageSectionManager } =
diff --git a/src/views/Artist/layout.vue b/src/views/Artist/layout.vue
index ded0b0ab1..c44496c90 100644
--- a/src/views/Artist/layout.vue
+++ b/src/views/Artist/layout.vue
@@ -2,7 +2,7 @@
   <div :key="artistId" :class="['artist', { small: listScrolling }]">
     <Transition name="fade" mode="out-in">
       <div v-if="artistDetailData" class="detail">
-        <div class="cover">
+        <div v-if="!settingStore.hiddenCovers.artistDetail" class="cover">
           <n-image
             :src="artistDetailData.coverSize?.m || artistDetailData.cover"
             :previewed-img-props="{ style: { borderRadius: '8px' } }"
@@ -110,7 +110,7 @@
         </div>
       </div>
       <div v-else class="detail">
-        <n-skeleton class="cover" />
+        <n-skeleton v-if="!settingStore.hiddenCovers.artistDetail" class="cover" />
         <div class="data">
           <n-skeleton :repeat="4" text />
         </div>
diff --git a/src/views/Artist/videos.vue b/src/views/Artist/videos.vue
index ffeb18f1c..d58913178 100644
--- a/src/views/Artist/videos.vue
+++ b/src/views/Artist/videos.vue
@@ -6,6 +6,7 @@
       :loadMore="hasMore"
       type="video"
       cols="2 600:2 800:3 900:4 1200:5 1400:6"
+      :hiddenCover="settingStore.hiddenCovers.video"
       @loadMore="loadMore"
     />
   </div>
@@ -15,11 +16,14 @@
 import type { CoverType } from "@/types/main";
 import { artistVideos } from "@/api/artist";
 import { formatCoverList } from "@/utils/format";
+import { useSettingStore } from "@/stores";
 
 const props = defineProps<{
   id: number;
 }>();
 
+const settingStore = useSettingStore();
+
 // 歌曲数据
 const loading = ref<boolean>(true);
 const hasMore = ref<boolean>(true);
diff --git a/src/views/Discover/artists.vue b/src/views/Discover/artists.vue
index f698074c7..d7086846a 100644
--- a/src/views/Discover/artists.vue
+++ b/src/views/Discover/artists.vue
@@ -28,7 +28,13 @@
         </n-tag>
       </n-flex>
     </div>
-    <ArtistList :data="artistsData" :loading="loading" :loadMore="hasMore" @loadMore="loadMore" />
+    <ArtistList
+      :data="artistsData"
+      :loading="loading"
+      :loadMore="hasMore"
+      :hiddenCover="settingStore.hiddenCovers.artist"
+      @loadMore="loadMore"
+    />
   </div>
 </template>
 
@@ -36,8 +42,10 @@
 import type { ArtistType } from "@/types/main";
 import { artistTypeList } from "@/api/artist";
 import { formatArtistsList } from "@/utils/format";
+import { useSettingStore } from "@/stores";
 
 const router = useRouter();
+const settingStore = useSettingStore();
 
 // 歌手标签数据
 const artistInitials = [
diff --git a/src/views/Discover/new.vue b/src/views/Discover/new.vue
index 15994d9da..ccfc9c571 100644
--- a/src/views/Discover/new.vue
+++ b/src/views/Discover/new.vue
@@ -35,12 +35,14 @@
         :loadMore="hasMore"
         @loadMore="loadMore"
         type="album"
+        :hiddenCover="settingStore.hiddenCovers.new"
       />
       <SongList
         v-else-if="newTypeChoose === 1"
         :data="newSongData"
         :loading="loading"
         disabledSort
+        :hiddenCover="settingStore.hiddenCovers.new"
       />
     </Transition>
   </div>
@@ -50,8 +52,10 @@
 import { newAlbumsAll, newSongs } from "@/api/rec";
 import type { CoverType, SongType } from "@/types/main";
 import { formatCoverList, formatSongsList } from "@/utils/format";
+import { useSettingStore } from "@/stores";
 
 const router = useRouter();
+const settingStore = useSettingStore();
 
 // 分类数据
 const newTypeNames = ["新碟上架", "新歌速递"];
diff --git a/src/views/Discover/playlists.vue b/src/views/Discover/playlists.vue
index b52903666..23d7546ab 100644
--- a/src/views/Discover/playlists.vue
+++ b/src/views/Discover/playlists.vue
@@ -39,6 +39,7 @@
       :loading="loading"
       :loadMore="hasMore"
       type="playlist"
+      :hiddenCover="settingStore.hiddenCovers.playlist"
       @loadMore="loadMore"
     />
     <!-- 分类选择 -->
@@ -94,12 +95,13 @@
 
 <script setup lang="ts">
 import type { CoverType } from "@/types/main";
-import { useDataStore } from "@/stores";
+import { useDataStore, useSettingStore } from "@/stores";
 import { allCatlistPlaylist } from "@/api/playlist";
 import { formatCoverList } from "@/utils/format";
 
 const router = useRouter();
 const dataStore = useDataStore();
+const settingStore = useSettingStore();
 
 const catChangeShow = ref<boolean>(false);
 
diff --git a/src/views/Discover/toplists.vue b/src/views/Discover/toplists.vue
index fac1b75e9..d8c04153f 100644
--- a/src/views/Discover/toplists.vue
+++ b/src/views/Discover/toplists.vue
@@ -11,6 +11,7 @@
               :height="160"
               :description="item.updateTip"
               size="normal"
+              :hiddenCover="settingStore.hiddenCovers.toplist"
               @click="router.push({ name: 'playlist', query: { id: item.id } })"
             >
               <template #info>
@@ -41,7 +42,12 @@
       </div>
     </Transition>
     <n-divider style="margin-bottom: 0"> 精选榜 </n-divider>
-    <CoverList :data="topListData.selected" :loading="true" type="playlist" />
+    <CoverList
+      :data="topListData.selected"
+      :loading="true"
+      type="playlist"
+      :hiddenCover="settingStore.hiddenCovers.toplist"
+    />
   </div>
 </template>
 
@@ -49,8 +55,10 @@
 import { topPlaylist } from "@/api/playlist";
 import type { CoverType } from "@/types/main";
 import { formatCoverList } from "@/utils/format";
+import { useSettingStore } from "@/stores";
 
 const router = useRouter();
+const settingStore = useSettingStore();
 
 // 排行榜数据
 const topListData = ref<{
diff --git a/src/views/Home/HomeOnline.vue b/src/views/Home/HomeOnline.vue
index 4ca8856dd..e2a740322 100644
--- a/src/views/Home/HomeOnline.vue
+++ b/src/views/Home/HomeOnline.vue
@@ -11,6 +11,7 @@
             :height="90"
             description="根据你的音乐口味 · 每日更新"
             size="small"
+            :hiddenCover="settingStore.hiddenCovers.home"
             @click="router.push({ name: 'daily-songs' })"
           />
           <!-- 我喜欢的音乐 -->
@@ -20,6 +21,7 @@
             title="我喜欢的音乐"
             description="发现你独特的音乐品味"
             size="small"
+            :hiddenCover="settingStore.hiddenCovers.home"
             @click="router.push({ name: 'like-songs' })"
           />
         </n-flex>
@@ -41,8 +43,8 @@
         </n-h3>
       </n-flex>
       <!-- 列表 -->
-      <ArtistList v-if="item.type === 'artist'" :data="item.list" :loading="true" />
-      <CoverList v-else :data="item.list" :type="item.type" :loading="true" />
+      <ArtistList v-if="item.type === 'artist'" :data="item.list" :loading="true" :hiddenCover="settingStore.hiddenCovers.home" />
+      <CoverList v-else :data="item.list" :type="item.type" :loading="true" :hiddenCover="settingStore.hiddenCovers.home" />
     </div>
   </div>
 </template>
diff --git a/src/views/Like/albums.vue b/src/views/Like/albums.vue
index 2fd296be3..4db8f05cb 100644
--- a/src/views/Like/albums.vue
+++ b/src/views/Like/albums.vue
@@ -1,11 +1,17 @@
 <template>
   <div class="like-type">
-    <CoverList :data="dataStore.userLikeData.albums" :loading="true" type="album" />
+    <CoverList
+      :data="dataStore.userLikeData.albums"
+      :loading="true"
+      type="album"
+      :hiddenCover="settingStore.hiddenCovers.like"
+    />
   </div>
 </template>
 
 <script setup lang="ts">
-import { useDataStore } from "@/stores";
+import { useDataStore, useSettingStore } from "@/stores";
 
 const dataStore = useDataStore();
+const settingStore = useSettingStore();
 </script>
diff --git a/src/views/Like/artists.vue b/src/views/Like/artists.vue
index 6e26c165f..beb0a9e96 100644
--- a/src/views/Like/artists.vue
+++ b/src/views/Like/artists.vue
@@ -1,11 +1,16 @@
 <template>
   <div class="like-type">
-    <ArtistList :data="dataStore.userLikeData.artists" :loading="true" />
+    <ArtistList
+      :data="dataStore.userLikeData.artists"
+      :loading="true"
+      :hiddenCover="settingStore.hiddenCovers.like"
+    />
   </div>
 </template>
 
 <script setup lang="ts">
-import { useDataStore } from "@/stores";
+import { useDataStore, useSettingStore } from "@/stores";
 
 const dataStore = useDataStore();
+const settingStore = useSettingStore();
 </script>
diff --git a/src/views/Like/playlists.vue b/src/views/Like/playlists.vue
index dc2326df1..edd9cb53f 100644
--- a/src/views/Like/playlists.vue
+++ b/src/views/Like/playlists.vue
@@ -14,15 +14,22 @@
       </n-tag>
     </n-flex>
     <Transition name="fade" mode="out-in">
-      <CoverList :key="plTypeChoose" :data="listData" :loading="true" type="playlist" />
+      <CoverList
+        :key="plTypeChoose"
+        :data="listData"
+        :loading="true"
+        type="playlist"
+        :hiddenCover="settingStore.hiddenCovers.like"
+      />
     </Transition>
   </div>
 </template>
 
 <script setup lang="ts">
-import { useDataStore } from "@/stores";
+import { useDataStore, useSettingStore } from "@/stores";
 
 const dataStore = useDataStore();
+const settingStore = useSettingStore();
 
 // 歌单分类
 const plTypeChoose = ref(0);
diff --git a/src/views/Like/radios.vue b/src/views/Like/radios.vue
index e2fe45331..0bb161982 100644
--- a/src/views/Like/radios.vue
+++ b/src/views/Like/radios.vue
@@ -1,11 +1,17 @@
 <template>
   <div class="like-type">
-    <CoverList :data="dataStore.userLikeData.djs" :loading="true" type="radio" />
+    <CoverList
+      :data="dataStore.userLikeData.djs"
+      :loading="true"
+      type="radio"
+      :hiddenCover="settingStore.hiddenCovers.like"
+    />
   </div>
 </template>
 
 <script setup lang="ts">
-import { useDataStore } from "@/stores";
+import { useDataStore, useSettingStore } from "@/stores";
 
 const dataStore = useDataStore();
+const settingStore = useSettingStore();
 </script>
diff --git a/src/views/Like/videos.vue b/src/views/Like/videos.vue
index a4db18ce1..673567bf5 100644
--- a/src/views/Like/videos.vue
+++ b/src/views/Like/videos.vue
@@ -5,12 +5,14 @@
       :loading="true"
       cols="2 600:2 800:3 900:4 1200:5 1400:6"
       type="video"
+      :hiddenCover="settingStore.hiddenCovers.like"
     />
   </div>
 </template>
 
 <script setup lang="ts">
-import { useDataStore } from "@/stores";
+import { useDataStore, useSettingStore } from "@/stores";
 
 const dataStore = useDataStore();
+const settingStore = useSettingStore();
 </script>
diff --git a/src/views/Radio/hot.vue b/src/views/Radio/hot.vue
index 5c67e4bbc..f28c489ec 100644
--- a/src/views/Radio/hot.vue
+++ b/src/views/Radio/hot.vue
@@ -45,14 +45,24 @@
       <n-h3 class="title" prefix="bar">
         <n-text class="name">热门推荐</n-text>
       </n-h3>
-      <CoverList :data="radioHotData" :loading="true" type="radio" />
+      <CoverList
+        :data="radioHotData"
+        :loading="true"
+        type="radio"
+        :hiddenCover="settingStore.hiddenCovers.radio"
+      />
       <!-- 分类推荐 -->
       <template v-for="(item, index) in radioCatRecData" :key="index">
         <n-h3 class="title" prefix="bar">
           <n-text class="name">{{ item.name }}</n-text>
           <SvgIcon :size="26" name="Right" />
         </n-h3>
-        <CoverList :data="item.radio || []" :loading="true" type="radio" />
+        <CoverList
+          :data="item.radio || []"
+          :loading="true"
+          type="radio"
+          :hiddenCover="settingStore.hiddenCovers.radio"
+        />
       </template>
     </div>
   </div>
@@ -63,6 +73,7 @@ import type { CoverType } from "@/types/main";
 import { radioCatList, radioToplist, radioTypes } from "@/api/radio";
 import { getCacheData } from "@/utils/cache";
 import { formatCoverList } from "@/utils/format";
+import { useSettingStore } from "@/stores";
 
 interface RadioType {
   id: number;
@@ -71,6 +82,7 @@ interface RadioType {
 }
 
 const router = useRouter();
+const settingStore = useSettingStore();
 
 // 栅格折叠
 const gridCollapsed = ref<boolean>(true);
diff --git a/src/views/Radio/type.vue b/src/views/Radio/type.vue
index 3082a3655..aabd83cdf 100644
--- a/src/views/Radio/type.vue
+++ b/src/views/Radio/type.vue
@@ -13,10 +13,20 @@
     <n-tabs class="tabs" type="segment" animated>
       <!-- 类别热门 -->
       <n-tab-pane name="type-hot" tab="热门">
-        <CoverList :data="radioHotData" :loading="true" type="radio" />
+        <CoverList
+          :data="radioHotData"
+          :loading="true"
+          type="radio"
+          :hiddenCover="settingStore.hiddenCovers.radio"
+        />
       </n-tab-pane>
       <n-tab-pane name="type-rec" tab="推荐">
-        <CoverList :data="radioRecData" :loading="true" type="radio" />
+        <CoverList
+          :data="radioRecData"
+          :loading="true"
+          type="radio"
+          :hiddenCover="settingStore.hiddenCovers.radio"
+        />
       </n-tab-pane>
     </n-tabs>
   </div>
@@ -26,8 +36,10 @@
 import { radioCatHot, radioCatRecommend } from "@/api/radio";
 import type { CoverType } from "@/types/main";
 import { formatCoverList } from "@/utils/format";
+import { useSettingStore } from "@/stores";
 
 const router = useRouter();
+const settingStore = useSettingStore();
 
 // 播客数据
 const radioId = ref<number>(Number(router.currentRoute.value.query.id as string));
diff --git a/src/views/Search/videos.vue b/src/views/Search/videos.vue
index 0b07f884e..cb64365b6 100644
--- a/src/views/Search/videos.vue
+++ b/src/views/Search/videos.vue
@@ -8,6 +8,7 @@
         :loadMore="hasMore"
         cols="2 600:2 800:3 900:4 1200:5 1400:6"
         type="video"
+        :hiddenCover="settingStore.hiddenCovers.video"
         @loadMore="loadMore"
       />
       <n-empty
@@ -28,11 +29,14 @@
 import type { CoverType } from "@/types/main";
 import { searchResult } from "@/api/search";
 import { formatCoverList } from "@/utils/format";
+import { useSettingStore } from "@/stores";
 
 const props = defineProps<{
   keyword: string;
 }>();
 
+const settingStore = useSettingStore();
+
 // 搜索数据
 const hasMore = ref<boolean>(true);
 const loading = ref<boolean>(true);
diff --git a/src/views/Video.vue b/src/views/Video.vue
index edba7241e..fedc9bd76 100644
--- a/src/views/Video.vue
+++ b/src/views/Video.vue
@@ -46,7 +46,12 @@
             })
           "
         >
-          <n-avatar :src="artistData?.cover || '/images/artist.jpg?asset'" class="cover" round />
+          <n-avatar
+            v-if="!settingStore.hiddenCovers.videoDetail"
+            :src="artistData?.cover || '/images/artist.jpg?asset'"
+            class="cover"
+            round
+          />
           <n-text class="name">{{ artistData?.name || "未知歌手" }}</n-text>
         </div>
         <n-flex class="control">
@@ -119,6 +124,7 @@
         :type="videoType === 'mv' ? 1 : 5"
         :loadMore="commentHasMore"
         :res-id="videoId"
+        :hiddenCover="settingStore.hiddenCovers.videoDetail"
         @loadMore="loadMoreComment"
       />
     </div>
@@ -127,7 +133,7 @@
 
 <script setup lang="ts">
 import type { CoverType, CommentType } from "@/types/main";
-import { useStatusStore } from "@/stores";
+import { useStatusStore, useSettingStore } from "@/stores";
 import { videoDetail, videoUrl, videoDetailInfo } from "@/api/video";
 import { formatCommentList, formatCoverList } from "@/utils/format";
 import { isArray, isEmpty } from "lodash-es";
@@ -142,6 +148,7 @@ import { formatTimestamp } from "@/utils/time";
 const router = useRouter();
 const player = usePlayerController();
 const statusStore = useStatusStore();
+const settingStore = useSettingStore();
 
 // 是否激活
 const isActivated = ref<boolean>(false);

From ff339cff35453648b266d174ed5bb51988b722e8 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Fri, 30 Jan 2026 21:49:52 +0800
Subject: [PATCH 09/19] =?UTF-8?q?=F0=9F=90=9E=20fix:=20=E5=AF=B9=E9=BD=90?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Setting/config/appearance.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Setting/config/appearance.ts b/src/components/Setting/config/appearance.ts
index 298d5a6df..d9317bc90 100644
--- a/src/components/Setting/config/appearance.ts
+++ b/src/components/Setting/config/appearance.ts
@@ -357,7 +357,7 @@ export const useAppearanceSettings = (): SettingConfig => {
         items: [
           {
             key: "coverManager",
-            label: "封面显示管理",
+            label: "封面隐藏管理",
             type: "button",
             description: "配置各界面封面是否隐藏（如歌单广场、排行榜、播放器等）",
             buttonLabel: "配置",

From f499f684d85857e3a36dcbcbf8d232a9672f879a Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Fri, 30 Jan 2026 22:00:31 +0800
Subject: [PATCH 10/19] =?UTF-8?q?=F0=9F=90=9E=20fix:=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=9C=A8=E6=9F=90=E4=BA=9B=E6=83=85=E5=86=B5=E4=B8=8B=EF=BC=88?=
 =?UTF-8?q?=E5=A6=82=E6=AD=8C=E6=89=8B=E4=BF=A1=E6=81=AF=E4=B8=BA=E7=BA=AF?=
 =?UTF-8?q?=E5=AD=97=E7=AC=A6=E4=B8=B2=E8=80=8C=E9=9D=9E=E6=95=B0=E7=BB=84?=
 =?UTF-8?q?=E6=97=B6=EF=BC=89=E5=8F=AF=E8=83=BD=E5=AF=BC=E8=87=B4=E5=85=83?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=86=99=E5=85=A5=E5=A4=B1=E8=B4=A5=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 electron/main/ipc/ipc-file.ts | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/electron/main/ipc/ipc-file.ts b/electron/main/ipc/ipc-file.ts
index 649fc2f15..f693c69b1 100644
--- a/electron/main/ipc/ipc-file.ts
+++ b/electron/main/ipc/ipc-file.ts
@@ -636,9 +636,26 @@ const initFileIpc = (): void => {
         Id3v2Settings.defaultVersion = 3;
 
         songFile.tag.title = songData?.name || "未知曲目";
-        songFile.tag.album = songData?.album?.name || "未知专辑";
-        songFile.tag.performers = songData?.artists?.map((ar: any) => ar.name) || ["未知艺术家"];
-        songFile.tag.albumArtists = songData?.artists?.map((ar: any) => ar.name) || ["未知艺术家"];
+        songFile.tag.album =
+          (typeof songData?.album === "string" ? songData.album : songData?.album?.name) || "未知专辑";
+        // 处理歌手信息（兼容字符串和数组格式）
+        const getArtistNames = (artists: any): string[] => {
+          if (Array.isArray(artists)) {
+            return artists
+              .map((ar: any) => (typeof ar === "string" ? ar : ar?.name || ""))
+              .filter((name) => name && name.trim().length > 0);
+          }
+          if (typeof artists === "string" && artists.trim().length > 0) {
+            return [artists];
+          }
+          return [];
+        };
+
+        const artistNames = getArtistNames(songData?.artists);
+        const finalArtists = artistNames.length > 0 ? artistNames : ["未知艺术家"];
+
+        songFile.tag.performers = finalArtists;
+        songFile.tag.albumArtists = finalArtists;
         if (lyric && downloadLyric) songFile.tag.lyrics = lyric;
         if (songCover && downloadCover) songFile.tag.pictures = [songCover];
         // 保存元信息

From 68c50a8f36a85241d41c6cb417e5b237def58b53 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Fri, 30 Jan 2026 22:25:34 +0800
Subject: [PATCH 11/19] =?UTF-8?q?=F0=9F=90=9E=20fix:=20=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E5=AE=A1=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Card/SongCard.vue              |   6 +-
 src/components/List/ListDetail.vue            |   2 +-
 src/components/Player/FullPlayerMobile.vue    |   2 +-
 src/components/Player/MainPlayer.vue          |   2 +-
 .../Player/PlayerComponents/PlayerComment.vue |   2 +-
 .../Player/PlayerMeta/PlayerData.vue          |   8 +-
 src/components/Setting/config/appearance.ts   |   6 +-
 src/components/Setting/config/general.ts      |   6 +-
 src/core/player/LyricManager.ts               | 284 ++++++++++--------
 src/stores/setting.ts                         |   4 +-
 src/views/Song/wiki.vue                       |   6 +-
 11 files changed, 173 insertions(+), 155 deletions(-)

diff --git a/src/components/Card/SongCard.vue b/src/components/Card/SongCard.vue
index 49ac0ead1..5dd6a862b 100644
--- a/src/components/Card/SongCard.vue
+++ b/src/components/Card/SongCard.vue
@@ -40,12 +40,12 @@
               class="name-text"
             >
               {{
-                settingStore.hideLyricBrackets
+                settingStore.hideBracketedContent
                   ? removeBrackets(song?.name)
                   : song?.name || "未知曲目"
               }}
               <n-text
-                v-if="song.alia?.length && !settingStore.hideLyricBrackets"
+                v-if="song.alia?.length && !settingStore.hideBracketedContent"
                 class="alia"
                 depth="3"
               >
@@ -236,7 +236,7 @@ const qualityColor = computed(() => {
 const albumName = computed(() => {
   const album = song.value.album;
   const name = isObject(album) ? album.name : album;
-  return (settingStore.hideLyricBrackets ? removeBrackets(name) : name) || "未知专辑";
+  return (settingStore.hideBracketedContent ? removeBrackets(name) : name) || "未知专辑";
 });
 
 // 加载本地歌曲封面
diff --git a/src/components/List/ListDetail.vue b/src/components/List/ListDetail.vue
index 51a392ead..45c77020f 100644
--- a/src/components/List/ListDetail.vue
+++ b/src/components/List/ListDetail.vue
@@ -3,7 +3,7 @@
   <div :class="['list-detail', { small: listScrolling }]">
     <Transition name="fade" mode="out-in">
       <div v-if="detailData" class="detail">
-        <div class="cover" v-if="!settingStore.hideAllCovers">
+        <div class="cover" v-if="!settingStore.hiddenCovers.list">
           <n-image
             :src="detailData.coverSize?.m || detailData.cover"
             :previewed-img-props="{ style: { borderRadius: '8px' } }"
diff --git a/src/components/Player/FullPlayerMobile.vue b/src/components/Player/FullPlayerMobile.vue
index a3ac9b423..dbb73a2e9 100644
--- a/src/components/Player/FullPlayerMobile.vue
+++ b/src/components/Player/FullPlayerMobile.vue
@@ -129,7 +129,7 @@
           <div class="lyric-info">
             <div class="name text-hidden">
               {{
-                settingStore.hideLyricBrackets
+                settingStore.hideBracketedContent
                   ? removeBrackets(musicStore.playSong.name)
                   : musicStore.playSong.name
               }}
diff --git a/src/components/Player/MainPlayer.vue b/src/components/Player/MainPlayer.vue
index a9d4afb9c..2d86b2509 100644
--- a/src/components/Player/MainPlayer.vue
+++ b/src/components/Player/MainPlayer.vue
@@ -46,7 +46,7 @@
             <TextContainer
               :key="musicStore.playSong.name"
               :text="
-                settingStore.hideLyricBrackets
+                settingStore.hideBracketedContent
                   ? removeBrackets(musicStore.playSong.name)
                   : musicStore.playSong.name
               "
diff --git a/src/components/Player/PlayerComponents/PlayerComment.vue b/src/components/Player/PlayerComponents/PlayerComment.vue
index d40bba123..a222b546d 100644
--- a/src/components/Player/PlayerComponents/PlayerComment.vue
+++ b/src/components/Player/PlayerComponents/PlayerComment.vue
@@ -17,7 +17,7 @@
       </n-image>
       <n-flex :size="2" class="song-info" vertical>
         <span class="title text-hidden">{{
-          settingStore.hideLyricBrackets
+          settingStore.hideBracketedContent
             ? removeBrackets(musicStore.playSong.name)
             : musicStore.playSong.name
         }}</span>
diff --git a/src/components/Player/PlayerMeta/PlayerData.vue b/src/components/Player/PlayerMeta/PlayerData.vue
index 6c9452d41..ffc5cf78f 100644
--- a/src/components/Player/PlayerMeta/PlayerData.vue
+++ b/src/components/Player/PlayerMeta/PlayerData.vue
@@ -7,7 +7,7 @@
     <div class="name">
       <span class="name-text text-hidden">
         {{
-          settingStore.hideLyricBrackets
+          settingStore.hideBracketedContent
             ? removeBrackets(musicStore.playSong.name)
             : musicStore.playSong.name || "未知曲目"
         }}
@@ -38,7 +38,7 @@
     </div>
     <!-- 别名 -->
     <span
-      v-if="musicStore.playSong.alia && !settingStore.hideLyricBrackets"
+      v-if="musicStore.playSong.alia && !settingStore.hideBracketedContent"
       class="alia text-hidden"
     >
       {{ musicStore.playSong.alia }}
@@ -94,14 +94,14 @@
           @click="jumpPage({ name: 'album', query: { id: musicStore.playSong.album.id } })"
         >
           {{
-            (settingStore.hideLyricBrackets
+            (settingStore.hideBracketedContent
               ? removeBrackets(musicStore.playSong.album?.name)
               : musicStore.playSong.album?.name) || "未知专辑"
           }}
         </span>
         <span v-else class="name-text text-hidden">
           {{
-            (settingStore.hideLyricBrackets
+            (settingStore.hideBracketedContent
               ? removeBrackets(musicStore.playSong.album)
               : musicStore.playSong.album) || "未知专辑"
           }}
diff --git a/src/components/Setting/config/appearance.ts b/src/components/Setting/config/appearance.ts
index d9317bc90..282130dc9 100644
--- a/src/components/Setting/config/appearance.ts
+++ b/src/components/Setting/config/appearance.ts
@@ -469,13 +469,13 @@ export const useAppearanceSettings = (): SettingConfig => {
             }),
           },
           {
-            key: "hideLyricBrackets",
+            key: "hideBracketedContent",
             label: "隐藏括号内容",
             type: "switch",
             description: "隐藏括号内的内容，如 (Live)、(伴奏) 等",
             value: computed({
-              get: () => settingStore.hideLyricBrackets,
-              set: (v) => (settingStore.hideLyricBrackets = v),
+              get: () => settingStore.hideBracketedContent,
+              set: (v) => (settingStore.hideBracketedContent = v),
             }),
           },
         ],
diff --git a/src/components/Setting/config/general.ts b/src/components/Setting/config/general.ts
index 2d04e131f..fe425d001 100644
--- a/src/components/Setting/config/general.ts
+++ b/src/components/Setting/config/general.ts
@@ -279,13 +279,13 @@ export const useGeneralSettings = (): SettingConfig => {
             }),
           },
           {
-            key: "hideLyricBrackets",
+            key: "hideBracketedContent",
             label: "隐藏括号与别名",
             type: "switch",
             description: "隐藏歌曲名与专辑名中的括号内容和别名",
             value: computed({
-              get: () => settingStore.hideLyricBrackets,
-              set: (v) => (settingStore.hideLyricBrackets = v),
+              get: () => settingStore.hideBracketedContent,
+              set: (v) => (settingStore.hideBracketedContent = v),
             }),
           },
           {
diff --git a/src/core/player/LyricManager.ts b/src/core/player/LyricManager.ts
index c410d05da..a30e24a69 100644
--- a/src/core/player/LyricManager.ts
+++ b/src/core/player/LyricManager.ts
@@ -689,156 +689,174 @@ class LyricManager {
 
     const newLyricData = cloneDeep(lyricData);
 
-    // Determine replacement strategy
-    const preset = settingStore.bracketReplacementPreset || "dash";
-    const custom = settingStore.customBracketReplacement || "-";
-
-    let startStr = " - ";
-    let endStr = " ";
-    let isEnclosure = false;
-
-    if (preset === "angleBrackets") {
-      startStr = "〔";
-      endStr = "〕";
-      isEnclosure = true;
-    } else if (preset === "cornerBrackets") {
-      startStr = "「";
-      endStr = "」";
-      isEnclosure = true;
-    } else if (preset === "custom") {
-      const trimmed = custom.trim();
-      // Heuristic: if length is 2 and not just dashes, treat as pair
-      if (trimmed.length === 2 && trimmed[0] !== trimmed[1] && !trimmed.includes("-")) {
-        startStr = trimmed[0];
-        endStr = trimmed[1];
+    // --- Configuration Helper ---
+    // Helper to determine the replacement strategy based on settings
+    const getReplacementConfig = () => {
+      const preset = settingStore.bracketReplacementPreset || "dash";
+      const custom = settingStore.customBracketReplacement || "-";
+      let startStr = " - ";
+      let endStr = " ";
+      let isEnclosure = false;
+
+      if (preset === "angleBrackets") {
+        startStr = "〔";
+        endStr = "〕";
         isEnclosure = true;
+      } else if (preset === "cornerBrackets") {
+        startStr = "「";
+        endStr = "」";
+        isEnclosure = true;
+      } else if (preset === "custom") {
+        const trimmed = custom.trim();
+        // Heuristic: if length is 2 and not just dashes, treat as pair (e.g. "()")
+        // This allows users to input "()" to mean replace ( with ( and ) with )
+        if (trimmed.length === 2 && trimmed[0] !== trimmed[1] && !trimmed.includes("-")) {
+          startStr = trimmed[0];
+          endStr = trimmed[1];
+          isEnclosure = true;
+        } else {
+          // Treat as separator
+          startStr = " " + trimmed + " ";
+          startStr = startStr.replace(/\s+/g, " "); // Normalize spaces
+          endStr = " ";
+          isEnclosure = false;
+        }
+      }
+      return { startStr, endStr, isEnclosure };
+    };
+
+    const { startStr, endStr, isEnclosure } = getReplacementConfig();
+
+    // --- Processing Helpers ---
+
+    // Process a string (used for translations and romaji)
+    const processString = (str: string): string => {
+      if (!str) return str;
+
+      // If the entire string is enclosed in brackets (e.g. "(Chorus)"), remove them if not in enclosure mode
+      if (!isEnclosure && /^\s*[\(（][^()（）]*[\)）]\s*$/.test(str)) {
+        return str
+          .replace(/^\s*[\(（]/, "")
+          .replace(/[\)）]\s*$/, "")
+          .trim();
+      }
+
+      let res = str.replace(/[\(（]/g, startStr);
+      if (isEnclosure) {
+        res = res.replace(/[\)）]/g, endStr);
       } else {
-        startStr = " " + trimmed + " ";
-        startStr = startStr.replace(/\s+/g, " ");
-        endStr = " ";
-        isEnclosure = false;
+        // Separator mode:
+        // 1. Remove ) if it's at the end of the string (effectively just a closing marker)
+        // 2. Otherwise replace ) with endStr (usually space)
+        res = res
+          .replace(/[\)）](?=\s*$)/g, "")
+          .replace(/[\)）]/g, endStr);
+
+        // Cleanup double dashes if the separator contains a dash
+        if (startStr.includes("-")) {
+          res = res.replace(/(?:\s*-\s*){2,}/g, " - ");
+        }
       }
-    }
+      return res;
+    };
 
-    const processLines = (lines: LyricLine[] | undefined) => {
-      if (!lines) return;
-      lines.forEach((line) => {
-        // 1. Reconstruct full text to check for full bracket enclosure
-        const fullText = line.words.map((w) => w.word).join("");
-
-        // Check if the line matches ^\s*[\(（][^()（）]*[\)）]\s*$
-        const isFullBracket = /^\s*[\(（][^()（）]*[\)）]\s*$/.test(fullText);
-
-        if (isFullBracket && !isEnclosure) {
-          // Remove first ( or （
-          let foundStart = false;
-          for (const word of line.words) {
-            if (foundStart) break;
-            if (/[\(（]/.test(word.word)) {
-              word.word = word.word.replace(/[\(（]/, "");
-              foundStart = true;
-            }
+    // Process a single lyric line (LRC/YRC)
+    const processLine = (line: LyricLine) => {
+      // 1. Check for "Full Bracket" line (e.g. "(Music)")
+      // If the whole line is in brackets and we are NOT in enclosure mode (e.g. dash mode),
+      // we likely want to strip the brackets entirely instead of replacing them with dashes.
+      const fullText = line.words.map((w) => w.word).join("");
+      const isFullBracket = /^\s*[\(（][^()（）]*[\)）]\s*$/.test(fullText);
+
+      if (isFullBracket && !isEnclosure) {
+        // Remove the first opening bracket found in the words
+        let foundStart = false;
+        for (const word of line.words) {
+          if (foundStart) break;
+          if (/[\(（]/.test(word.word)) {
+            word.word = word.word.replace(/[\(（]/, "");
+            foundStart = true;
           }
-          // Remove last ) or ）
-          let foundEnd = false;
-          for (let i = line.words.length - 1; i >= 0; i--) {
-            if (foundEnd) break;
-            const word = line.words[i];
-            if (/[\)）]/.test(word.word)) {
-              const lastIndex = Math.max(
-                word.word.lastIndexOf(")"),
-                word.word.lastIndexOf("）"),
-              );
-              if (lastIndex !== -1) {
-                word.word =
-                  word.word.substring(0, lastIndex) +
-                  word.word.substring(lastIndex + 1);
-                foundEnd = true;
-              }
+        }
+        // Remove the last closing bracket found in the words
+        let foundEnd = false;
+        for (let i = line.words.length - 1; i >= 0; i--) {
+          if (foundEnd) break;
+          const word = line.words[i];
+          if (/[\)）]/.test(word.word)) {
+            // Find the last occurrence of ) or ）
+            const lastIndex = Math.max(word.word.lastIndexOf(")"), word.word.lastIndexOf("）"));
+            if (lastIndex !== -1) {
+              word.word =
+                word.word.substring(0, lastIndex) + word.word.substring(lastIndex + 1);
+              foundEnd = true;
             }
           }
-        } else {
-          // Normal replacement
-          line.words.forEach((word, index) => {
-            word.word = word.word.replace(/[\(（]/g, startStr);
-
-            if (isEnclosure) {
-              word.word = word.word.replace(/[\)）]/g, endStr);
-            } else {
-              // Replace ) with endStr OR "" depending on position
-              word.word = word.word.replace(/[\)）]/g, (_, offset, string) => {
-                // Check if this ) is effectively at the end of the word
-                const isAtEnd = offset === string.length - 1;
-
-                if (isAtEnd) {
-                  // If at end of word, check if it is the last word
-                  if (index === line.words.length - 1) {
-                    return ""; // Last word's last char -> remove
-                  } else {
-                    return endStr; // Not last word -> separator
-                  }
+        }
+      } else {
+        // Normal replacement logic
+        line.words.forEach((word, index) => {
+          // Replace opening brackets
+          word.word = word.word.replace(/[\(（]/g, startStr);
+
+          if (isEnclosure) {
+            // Enclosure mode: simply replace closing brackets with endStr
+            word.word = word.word.replace(/[\)）]/g, endStr);
+          } else {
+            // Separator mode: logic to handle closing brackets nicely
+            word.word = word.word.replace(/[\)）]/g, (_, offset, string) => {
+              const isAtEnd = offset === string.length - 1;
+              // If ) is at the end of the word...
+              if (isAtEnd) {
+                // ...and it's the last word of the line, remove it (it's just closing the line)
+                if (index === line.words.length - 1) {
+                  return "";
                 } else {
-                  // Not at end of word -> separator
+                  // ...otherwise it's a separator between this word and the next
                   return endStr;
                 }
-              });
-            }
-          });
-
-          // Cleanup double dashes (only for separator mode with dash)
-          if (!isEnclosure && startStr.includes("-")) {
-            line.words.forEach((word, index) => {
-              // Intra-word cleanup
-              word.word = word.word.replace(/(?:\s*-\s*){2,}/g, " - ");
-
-              // Inter-word cleanup
-              if (index > 0) {
-                const prev = line.words[index - 1];
-                // Check if prev ends with dash and curr starts with dash
-                if (/-\s*$/.test(prev.word) && /^\s*-/.test(word.word)) {
-                  // Remove trailing dash from prev
-                  prev.word = prev.word.replace(/-\s*$/, "");
-                  // Ensure curr starts with " - "
-                  if (!/^\s*-\s+/.test(word.word)) {
-                    word.word = " - " + word.word.replace(/^\s*-\s*/, "");
-                  }
-                }
+              } else {
+                // If not at end of word, it's a separator
+                return endStr;
               }
             });
           }
-        }
+        });
 
-        // Process translations and romaji
-        const processString = (str: string) => {
-          if (!str) return str;
-          if (!isEnclosure && /^\s*[\(（][^()（）]*[\)）]\s*$/.test(str)) {
-            return str
-              .replace(/^\s*[\(（]/, "")
-              .replace(/[\)）]\s*$/, "")
-              .trim();
-          } else {
-            let res = str.replace(/[\(（]/g, startStr);
-            if (isEnclosure) {
-              res = res.replace(/[\)）]/g, endStr);
-            } else {
-              res = res
-                .replace(/[\)）](?=\s*$)/g, "") // Remove if at end
-                .replace(/[\)）]/g, endStr); // Else replace with separator
-              if (startStr.includes("-")) {
-                res = res.replace(/(?:\s*-\s*){2,}/g, " - "); // Cleanup double dashes
+        // Cleanup double dashes (only for separator mode with dash)
+        if (!isEnclosure && startStr.includes("-")) {
+          line.words.forEach((word, index) => {
+            // 1. Intra-word cleanup: " -  - " -> " - "
+            word.word = word.word.replace(/(?:\s*-\s*){2,}/g, " - ");
+
+            // 2. Inter-word cleanup: Prev word ends with dash, current starts with dash
+            if (index > 0) {
+              const prev = line.words[index - 1];
+              if (/-\s*$/.test(prev.word) && /^\s*-/.test(word.word)) {
+                // Remove trailing dash from previous word
+                prev.word = prev.word.replace(/-\s*$/, "");
+                // Ensure current word starts with proper separator
+                if (!/^\s*-\s+/.test(word.word)) {
+                  word.word = " - " + word.word.replace(/^\s*-\s*/, "");
+                }
               }
             }
-            return res;
-          }
-        };
-
-        if (line.translatedLyric) {
-          line.translatedLyric = processString(line.translatedLyric);
-        }
-        if (line.romanLyric) {
-          line.romanLyric = processString(line.romanLyric);
+          });
         }
-      });
+      }
+
+      // Process extra fields
+      if (line.translatedLyric) {
+        line.translatedLyric = processString(line.translatedLyric);
+      }
+      if (line.romanLyric) {
+        line.romanLyric = processString(line.romanLyric);
+      }
+    };
+
+    const processLines = (lines: LyricLine[] | undefined) => {
+      if (!lines) return;
+      lines.forEach(processLine);
     };
 
     processLines(newLyricData.lrcData);
diff --git a/src/stores/setting.ts b/src/stores/setting.ts
index d4cc4761d..f90b49bf0 100644
--- a/src/stores/setting.ts
+++ b/src/stores/setting.ts
@@ -74,7 +74,7 @@ export interface SettingState {
   /** 歌词默认靠右（对唱互换） */
   lyricAlignRight: boolean;
   /** 隐藏歌词括号内容和别名 */
-  hideLyricBrackets: boolean;
+  hideBracketedContent: boolean;
   /** 替换歌词括号内容 */
   replaceLyricBrackets: boolean;
   /** 歌词括号替换预设 */
@@ -479,7 +479,7 @@ export const useSettingStore = defineStore("setting", {
     lyricsScrollOffset: 0.25,
     lyricHorizontalOffset: 10,
     lyricAlignRight: false,
-    hideLyricBrackets: false,
+    hideBracketedContent: false,
     replaceLyricBrackets: false,
     bracketReplacementPreset: "dash",
     customBracketReplacement: "-",
diff --git a/src/views/Song/wiki.vue b/src/views/Song/wiki.vue
index e0c223de1..40a9d7127 100644
--- a/src/views/Song/wiki.vue
+++ b/src/views/Song/wiki.vue
@@ -23,7 +23,7 @@
           </div>
           <div class="data">
             <n-h2 class="name text-hidden">{{
-              settingStore.hideLyricBrackets
+              settingStore.hideBracketedContent
                 ? removeBrackets(currentSong.name)
                 : currentSong.name
             }}</n-h2>
@@ -52,13 +52,13 @@
                   @click="$router.push({ name: 'album', query: { id: currentSong.album.id } })"
                 >
                   {{
-                    settingStore.hideLyricBrackets
+                    settingStore.hideBracketedContent
                       ? removeBrackets(currentSong.album.name)
                       : currentSong.album.name
                   }}
                 </n-text>
                 <n-text v-else class="text-hidden">{{
-                  settingStore.hideLyricBrackets
+                  settingStore.hideBracketedContent
                     ? removeBrackets(currentSong.album)
                     : currentSong.album
                 }}</n-text>

From d6e50527df90116b0e14f5ffefa1917f41d8a5f2 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Sat, 31 Jan 2026 13:48:51 +0800
Subject: [PATCH 12/19] =?UTF-8?q?=E2=9C=A8=20feat:=20=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=AD=8C=E6=89=8B=E4=BF=A1=E6=81=AF=E7=9A=84?=
 =?UTF-8?q?=E6=8B=AC=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Card/SongCard.vue              | 12 +++++++--
 src/components/Card/SongDataCard.vue          | 16 ++++++++++--
 src/components/List/ArtistList.vue            |  7 +++++-
 src/components/List/CoverList.vue             | 19 +++++++++++---
 src/components/List/ListDetail.vue            | 17 +++++++++++--
 src/components/List/SongPlayList.vue          | 25 ++++++++++++++++---
 src/components/Modal/JumpArtist.vue           |  7 +++++-
 src/components/Player/MainPlayer.vue          | 16 +++++++++---
 .../Player/PlayerMeta/PlayerData.vue          | 10 ++++++--
 src/views/Artist/layout.vue                   |  8 ++++--
 src/views/Song/wiki.vue                       | 12 +++++++--
 11 files changed, 124 insertions(+), 25 deletions(-)

diff --git a/src/components/Card/SongCard.vue b/src/components/Card/SongCard.vue
index 5dd6a862b..5dc66e46b 100644
--- a/src/components/Card/SongCard.vue
+++ b/src/components/Card/SongCard.vue
@@ -120,14 +120,22 @@
                 class="ar"
                 @click="openJumpArtist(song.artists, ar.id)"
               >
-                {{ ar.name }}
+                {{
+                  settingStore.hideBracketedContent ? removeBrackets(ar.name) : ar.name
+                }}
               </n-text>
             </div>
             <div v-else-if="song.type === 'radio'" class="artists">
               <n-text class="ar"> 电台节目 </n-text>
             </div>
             <div v-else class="artists" @click="openJumpArtist(song.artists)">
-              <n-text class="ar"> {{ song.artists || "未知艺术家" }} </n-text>
+              <n-text class="ar">
+                {{
+                  settingStore.hideBracketedContent
+                    ? removeBrackets(song.artists)
+                    : song.artists || "未知艺术家"
+                }}
+              </n-text>
             </div>
           </n-flex>
         </n-flex>
diff --git a/src/components/Card/SongDataCard.vue b/src/components/Card/SongDataCard.vue
index 2760a1560..bd8bcec9f 100644
--- a/src/components/Card/SongDataCard.vue
+++ b/src/components/Card/SongDataCard.vue
@@ -19,12 +19,20 @@
         <div v-if="Array.isArray(data.artists)" class="artists text-hidden">
           <SvgIcon name="Artist" :depth="3" />
           <n-text v-for="ar in data.artists" :key="ar.id" class="ar">
-            {{ ar.name }}
+            {{
+              settingStore.hideBracketedContent ? removeBrackets(ar.name) : ar.name
+            }}
           </n-text>
         </div>
         <div v-else class="artists text-hidden">
           <SvgIcon name="Artist" :depth="3" />
-          <n-text class="ar"> {{ data.artists || "未知艺术家" }} </n-text>
+          <n-text class="ar">
+            {{
+              settingStore.hideBracketedContent
+                ? removeBrackets(data.artists)
+                : data.artists || "未知艺术家"
+            }}
+          </n-text>
         </div>
         <div class="album text-hidden">
           <SvgIcon name="Album" :depth="3" />
@@ -47,6 +55,10 @@
 import type { SongType } from "@/types/main";
 import { coverLoaded } from "@/utils/helper";
 import { isObject } from "lodash-es";
+import { removeBrackets } from "@/utils/format";
+import { useSettingStore } from "@/stores";
+
+const settingStore = useSettingStore();
 
 defineProps<{
   data: SongType | null;
diff --git a/src/components/List/ArtistList.vue b/src/components/List/ArtistList.vue
index 45a3cd424..a382393ed 100644
--- a/src/components/List/ArtistList.vue
+++ b/src/components/List/ArtistList.vue
@@ -31,7 +31,9 @@
           </div>
           <!-- 信息 -->
           <div class="cover-data">
-            <n-text class="name text-hidden">{{ item.name }}</n-text>
+            <n-text class="name text-hidden">{{
+              settingStore.hideBracketedContent ? removeBrackets(item.name) : item.name
+            }}</n-text>
             <!-- 数量 -->
             <div v-if="item.musicSize" class="num">
               <SvgIcon name="Music" :depth="3" />
@@ -66,6 +68,8 @@
 
 <script setup lang="ts">
 import type { ArtistType } from "@/types/main";
+import { removeBrackets } from "@/utils/format";
+import { useSettingStore } from "@/stores";
 
 defineProps<{
   data: ArtistType[];
@@ -82,6 +86,7 @@ const emit = defineEmits<{
 }>();
 
 const router = useRouter();
+const settingStore = useSettingStore();
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/List/CoverList.vue b/src/components/List/CoverList.vue
index 22e0a1c2b..1b7728e34 100644
--- a/src/components/List/CoverList.vue
+++ b/src/components/List/CoverList.vue
@@ -73,11 +73,21 @@
             <template v-if="type === 'video' && item.artists">
               <div v-if="Array.isArray(item.artists)" class="artists text-hidden">
                 <n-text v-for="(ar, arIndex) in item.artists" :key="arIndex" class="ar">
-                  {{ ar.name || "未知艺术家" }}
+                  {{
+                    settingStore.hideBracketedContent
+                      ? removeBrackets(ar.name)
+                      : ar.name || "未知艺术家"
+                  }}
                 </n-text>
               </div>
               <div v-else class="artists text-hidden">
-                <n-text class="ar"> {{ item.artists || "未知艺术家" }} </n-text>
+                <n-text class="ar">
+                  {{
+                    settingStore.hideBracketedContent
+                      ? removeBrackets(item.artists)
+                      : item.artists || "未知艺术家"
+                  }}
+                </n-text>
               </div>
             </template>
           </div>
@@ -113,9 +123,9 @@
 import type { CoverType, SongType } from "@/types/main";
 import { albumDetail } from "@/api/album";
 import { formatNumber } from "@/utils/helper";
-import { useMusicStore, useStatusStore, useLocalStore } from "@/stores";
+import { useMusicStore, useStatusStore, useLocalStore, useSettingStore } from "@/stores";
 import { debounce } from "lodash-es";
-import { formatSongsList } from "@/utils/format";
+import { formatSongsList, removeBrackets } from "@/utils/format";
 import { songDetail } from "@/api/song";
 import { playlistAllSongs } from "@/api/playlist";
 import { radioAllProgram } from "@/api/radio";
@@ -145,6 +155,7 @@ const router = useRouter();
 const musicStore = useMusicStore();
 const statusStore = useStatusStore();
 const localStore = useLocalStore();
+const settingStore = useSettingStore();
 const player = usePlayerController();
 
 // 右键菜单
diff --git a/src/components/List/ListDetail.vue b/src/components/List/ListDetail.vue
index 45c77020f..e5e077e8d 100644
--- a/src/components/List/ListDetail.vue
+++ b/src/components/List/ListDetail.vue
@@ -83,7 +83,11 @@
                     class="ar"
                     @click="openJumpArtist(detailData.artists, ar.id)"
                   >
-                    {{ ar.name || "未知艺术家" }}
+                    {{
+                      settingStore.hideBracketedContent
+                        ? removeBrackets(ar.name)
+                        : ar.name || "未知艺术家"
+                    }}
                   </n-text>
                 </div>
                 <div
@@ -91,7 +95,15 @@
                   class="artists text-hidden"
                   @click="openJumpArtist(detailData.artists || '')"
                 >
-                  <n-text class="ar"> {{ detailData.artists || "未知艺术家" }} </n-text>
+                  <n-text class="ar">
+                    {{
+                      settingStore.hideBracketedContent
+                        ? removeBrackets(
+                            typeof detailData.artists === 'string' ? detailData.artists : undefined,
+                          )
+                        : detailData.artists || "未知艺术家"
+                    }}
+                  </n-text>
                 </div>
                 <n-text v-else-if="config.showCreator">
                   {{ detailData.creator?.name || "未知用户名" }}
@@ -222,6 +234,7 @@
 import type { CoverType, SongType } from "@/types/main";
 import type { DropdownOption } from "naive-ui";
 import { coverLoaded, formatNumber } from "@/utils/helper";
+import { removeBrackets } from "@/utils/format";
 import { renderToolbar } from "@/utils/meta";
 import { formatTimestamp } from "@/utils/time";
 import { openDescModal, openJumpArtist } from "@/utils/modal";
diff --git a/src/components/List/SongPlayList.vue b/src/components/List/SongPlayList.vue
index 727bb2978..7bac30d38 100644
--- a/src/components/List/SongPlayList.vue
+++ b/src/components/List/SongPlayList.vue
@@ -53,15 +53,30 @@
               <div class="data">
                 <n-text class="name text-hidden">{{ songData.name || "未知曲目" }}</n-text>
                 <div v-if="Array.isArray(songData?.artists)" class="artists">
-                  <n-text v-for="ar in songData.artists" :key="ar.id" depth="3" class="ar">
-                    {{ ar.name }}
+                  <n-text
+                    v-for="ar in songData.artists"
+                    :key="ar.id"
+                    depth="3"
+                    class="ar"
+                  >
+                    {{
+                      settingStore.hideBracketedContent
+                        ? removeBrackets(ar.name)
+                        : ar.name
+                    }}
                   </n-text>
                 </div>
                 <div v-else-if="songData.type === 'radio'" class="artists">
                   <n-text class="ar" depth="3"> 播客电台 </n-text>
                 </div>
                 <div v-else class="artists">
-                  <n-text class="ar" depth="3"> {{ songData?.artists || "未知艺术家" }} </n-text>
+                  <n-text class="ar" depth="3">
+                    {{
+                      settingStore.hideBracketedContent
+                        ? removeBrackets(songData?.artists)
+                        : songData?.artists || "未知艺术家"
+                    }}
+                  </n-text>
                 </div>
               </div>
               <!-- 移除 -->
@@ -110,12 +125,14 @@
 </template>
 
 <script setup lang="ts">
-import { useStatusStore, useDataStore } from "@/stores";
+import { useStatusStore, useDataStore, useSettingStore } from "@/stores";
 import VirtualScroll from "@/components/UI/VirtualScroll.vue";
 import { usePlayerController } from "@/core/player/PlayerController";
+import { removeBrackets } from "@/utils/format";
 
 const dataStore = useDataStore();
 const statusStore = useStatusStore();
+const settingStore = useSettingStore();
 const player = usePlayerController();
 
 const playListRef = ref<InstanceType<typeof VirtualScroll> | null>(null);
diff --git a/src/components/Modal/JumpArtist.vue b/src/components/Modal/JumpArtist.vue
index 857e677cc..7da009eeb 100644
--- a/src/components/Modal/JumpArtist.vue
+++ b/src/components/Modal/JumpArtist.vue
@@ -14,7 +14,11 @@
           @click="jumpArtist(item.id)"
         >
           <n-avatar :src="item.cover || '/images/artist.jpg?asset'" class="cover" round />
-          <n-text class="name">{{ item.name }}</n-text>
+          <n-text class="name">
+            {{
+              settingStore.hideBracketedContent ? removeBrackets(item.name) : item.name
+            }}
+          </n-text>
         </n-card>
       </div>
       <div v-else class="ar-list">
@@ -29,6 +33,7 @@ import type { SongType, MetaData } from "@/types/main";
 import { useSettingStore } from "@/stores";
 import { searchArtist, artistDetail } from "@/api/artist";
 import { uniq } from "lodash-es";
+import { removeBrackets } from "@/utils/format";
 
 const props = defineProps<{
   artist: SongType["artists"];
diff --git a/src/components/Player/MainPlayer.vue b/src/components/Player/MainPlayer.vue
index 2d86b2509..739214797 100644
--- a/src/components/Player/MainPlayer.vue
+++ b/src/components/Player/MainPlayer.vue
@@ -102,11 +102,21 @@
                   class="ar-item"
                   @click="openJumpArtist(musicStore.playSong.artists, item.id)"
                 >
-                  {{ item.name }}
+                  {{
+                    settingStore.hideBracketedContent ? removeBrackets(item.name) : item.name
+                  }}
                 </n-text>
               </template>
-              <n-text v-else class="ar-item" @click="openJumpArtist(musicStore.playSong.artists)">
-                {{ musicStore.playSong.artists || "未知艺术家" }}
+              <n-text
+                v-else
+                class="ar-item"
+                @click="openJumpArtist(musicStore.playSong.artists)"
+              >
+                {{
+                  settingStore.hideBracketedContent
+                    ? removeBrackets(musicStore.playSong.artists)
+                    : musicStore.playSong.artists || "未知艺术家"
+                }}
               </n-text>
             </div>
           </Transition>
diff --git a/src/components/Player/PlayerMeta/PlayerData.vue b/src/components/Player/PlayerMeta/PlayerData.vue
index ffc5cf78f..e96de7121 100644
--- a/src/components/Player/PlayerMeta/PlayerData.vue
+++ b/src/components/Player/PlayerMeta/PlayerData.vue
@@ -72,11 +72,17 @@
             class="ar"
             @click="jumpPage({ name: 'artist', query: { id: ar.id } })"
           >
-            {{ ar.name }}
+            {{
+              settingStore.hideBracketedContent ? removeBrackets(ar.name) : ar.name
+            }}
           </span>
         </div>
         <div v-else class="ar-list">
-          <span class="ar">{{ musicStore.playSong.artists || "未知艺术家" }}</span>
+          <span class="ar">{{
+            settingStore.hideBracketedContent
+              ? removeBrackets(musicStore.playSong.artists)
+              : musicStore.playSong.artists || "未知艺术家"
+          }}</span>
         </div>
       </div>
       <div v-else class="artists">
diff --git a/src/views/Artist/layout.vue b/src/views/Artist/layout.vue
index c44496c90..b2e8d4dca 100644
--- a/src/views/Artist/layout.vue
+++ b/src/views/Artist/layout.vue
@@ -27,7 +27,11 @@
         </div>
         <div class="data">
           <div class="name text-hidden">
-            <n-text class="name-text">{{ artistDetailData.name || "未知艺术家" }}</n-text>
+            <n-text class="name-text">{{
+              settingStore.hideBracketedContent
+                ? removeBrackets(artistDetailData.name)
+                : artistDetailData.name || "未知艺术家"
+            }}</n-text>
             <n-text v-if="artistDetailData?.alia" class="name-alias" depth="3">
               {{ artistDetailData.alia || "未知艺术家" }}
             </n-text>
@@ -154,7 +158,7 @@ import { coverLoaded, renderIcon, copyData } from "@/utils/helper";
 import { renderToolbar } from "@/utils/meta";
 import { openDescModal, openBatchList } from "@/utils/modal";
 import { artistDetail } from "@/api/artist";
-import { formatArtistsList } from "@/utils/format";
+import { formatArtistsList, removeBrackets } from "@/utils/format";
 import { useDataStore, useSettingStore } from "@/stores";
 import { toLikeArtist } from "@/utils/auth";
 import ArtistSongs from "./songs.vue";
diff --git a/src/views/Song/wiki.vue b/src/views/Song/wiki.vue
index 40a9d7127..7eedb9764 100644
--- a/src/views/Song/wiki.vue
+++ b/src/views/Song/wiki.vue
@@ -37,11 +37,19 @@
                       :key="ar.id"
                       @click="$router.push({ name: 'artist', query: { id: ar.id } })"
                     >
-                      {{ ar.name }}
+                      {{
+                        settingStore.hideBracketedContent
+                          ? removeBrackets(ar.name)
+                          : ar.name
+                      }}
                       <span v-if="index < currentSong.artists.length - 1"> / </span>
                     </n-text>
                   </template>
-                  <n-text v-else>{{ currentSong.artists }}</n-text>
+                  <n-text v-else>{{
+                    settingStore.hideBracketedContent
+                      ? removeBrackets(currentSong.artists)
+                      : currentSong.artists
+                  }}</n-text>
                 </div>
               </div>
               <div class="item" v-if="currentSong.album">

From 20b47902aab1bef0d12caf8e184f554c277c585d Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Sat, 31 Jan 2026 14:05:59 +0800
Subject: [PATCH 13/19] =?UTF-8?q?=E2=9C=A8=20feat:=20=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E9=AA=A8=E6=9E=B6=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/List/ArtistList.vue            |  3 +-
 src/components/List/CoverList.vue             |  3 +-
 src/components/List/SongList.vue              | 67 +++++++++++++++++--
 src/components/Modal/Setting/CoverManager.vue | 53 ++++++++++-----
 src/views/Discover/toplists.vue               | 25 +++++--
 5 files changed, 124 insertions(+), 27 deletions(-)

diff --git a/src/components/List/ArtistList.vue b/src/components/List/ArtistList.vue
index a382393ed..a4b23b1ce 100644
--- a/src/components/List/ArtistList.vue
+++ b/src/components/List/ArtistList.vue
@@ -56,7 +56,8 @@
             <n-skeleton class="cover-img" />
           </div>
           <div class="cover-data">
-            <n-skeleton text round :repeat="2" />
+            <n-skeleton v-if="hiddenCover" text round style="width: 60%; height: 20px" />
+            <n-skeleton v-else text round :repeat="2" />
           </div>
         </div>
       </div>
diff --git a/src/components/List/CoverList.vue b/src/components/List/CoverList.vue
index 1b7728e34..1d4c6db42 100644
--- a/src/components/List/CoverList.vue
+++ b/src/components/List/CoverList.vue
@@ -109,7 +109,8 @@
             <n-skeleton class="cover-img" />
           </div>
           <div class="cover-data">
-            <n-skeleton text round :repeat="2" />
+            <n-skeleton v-if="hiddenCover" text round style="width: 60%; height: 22px" />
+            <n-skeleton v-else text round :repeat="2" />
           </div>
         </div>
       </div>
diff --git a/src/components/List/SongList.vue b/src/components/List/SongList.vue
index b99613140..f739ed030 100644
--- a/src/components/List/SongList.vue
+++ b/src/components/List/SongList.vue
@@ -129,7 +129,30 @@
     </div>
     <!-- 列表加载 - 骨架屏 -->
     <div v-else-if="loading" class="song-list loading">
-      <n-skeleton :repeat="10" text />
+      <div v-for="i in 15" :key="i" class="song-card-skeleton">
+        <div class="num">
+          <n-skeleton text width="20px" />
+        </div>
+        <div class="title">
+          <n-skeleton
+            v-if="!hiddenCover && !settingStore.hiddenCovers.list"
+            class="cover"
+            height="40px"
+            width="40px"
+            :sharp="false"
+          />
+          <div class="info">
+            <n-skeleton text width="140px" />
+            <n-skeleton text width="80px" style="margin-top: 6px" />
+          </div>
+        </div>
+        <div v-if="!hiddenAlbum" class="album">
+          <n-skeleton text width="120px" />
+        </div>
+        <div class="meta">
+          <n-skeleton text width="40px" />
+        </div>
+      </div>
     </div>
     <!-- 空列表 -->
     <n-empty v-else description="列表光秃秃的，啥都没有哦" size="large" class="song-list empty" />
@@ -571,11 +594,43 @@ onBeforeUnmount(() => {
   }
   // 加载
   &.loading {
-    margin-top: 20px;
-    :deep(.n-skeleton) {
-      height: 72px;
-      margin-bottom: 12px;
-      border-radius: 12px;
+    padding: 0 20px;
+    gap: 0;
+    overflow: hidden;
+  }
+  .song-card-skeleton {
+    display: flex;
+    align-items: center;
+    padding: 12px 0;
+    .num {
+      width: 50px;
+      display: flex;
+      justify-content: center;
+      margin-right: 12px;
+    }
+    .title {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      .cover {
+        margin-right: 12px;
+        border-radius: 4px;
+        flex-shrink: 0;
+      }
+      .info {
+        display: flex;
+        flex-direction: column;
+      }
+    }
+    .album {
+      flex: 0.4;
+      display: flex;
+      align-items: center;
+    }
+    .meta {
+      width: 100px;
+      display: flex;
+      justify-content: flex-end;
     }
   }
   // 空列表
diff --git a/src/components/Modal/Setting/CoverManager.vue b/src/components/Modal/Setting/CoverManager.vue
index b459218af..b297cd171 100644
--- a/src/components/Modal/Setting/CoverManager.vue
+++ b/src/components/Modal/Setting/CoverManager.vue
@@ -1,20 +1,27 @@
 <template>
   <div class="cover-manager">
-    <div class="list">
-      <n-card
-        v-for="item in coverItems"
-        :key="item.key"
-        :content-style="{
-          display: 'flex',
-          alignItems: 'center',
-          gap: '12px',
-          padding: '16px',
-        }"
-        class="item"
-      >
-        <n-text class="name">{{ item.name }}</n-text>
-        <n-switch v-model:value="settingStore.hiddenCovers[item.key]" :round="false" />
-      </n-card>
+    <n-scrollbar style="max-height: 50vh" content-style="padding-right: 12px">
+      <div class="list">
+        <n-card
+          v-for="item in coverItems"
+          :key="item.key"
+          :content-style="{
+            display: 'flex',
+            alignItems: 'center',
+            gap: '12px',
+            padding: '16px',
+          }"
+          class="item"
+        >
+          <n-text class="name">{{ item.name }}</n-text>
+          <n-switch v-model:value="settingStore.hiddenCovers[item.key]" :round="false" />
+        </n-card>
+      </div>
+    </n-scrollbar>
+    <div class="footer">
+      <n-button @click="allEnabled = !allEnabled">
+        {{ allEnabled ? "全部显示" : "全部隐藏" }}
+      </n-button>
     </div>
   </div>
 </template>
@@ -39,10 +46,26 @@ const coverItems = [
   { key: "video", name: "视频" },
   { key: "videoDetail", name: "视频详情页" },
 ] as const;
+
+const allEnabled = computed({
+  get: () => coverItems.every((item) => settingStore.hiddenCovers[item.key]),
+  set: (val) => {
+    coverItems.forEach((item) => {
+      settingStore.hiddenCovers[item.key] = val;
+    });
+  },
+});
 </script>
 
 <style scoped lang="scss">
 .cover-manager {
+  .footer {
+    display: flex;
+    justify-content: flex-end;
+    padding-top: 12px;
+    margin-top: 12px;
+    border-top: 1px solid var(--n-border-color);
+  }
   .list {
     display: flex;
     flex-direction: column;
diff --git a/src/views/Discover/toplists.vue b/src/views/Discover/toplists.vue
index d8c04153f..fef076aa6 100644
--- a/src/views/Discover/toplists.vue
+++ b/src/views/Discover/toplists.vue
@@ -32,9 +32,15 @@
         <n-grid cols="1 600:2 1000:3" x-gap="20" y-gap="20">
           <n-gi v-for="item in 4" :key="item">
             <n-card class="loading">
-              <n-skeleton class="cover" />
-              <div class="desc">
-                <n-skeleton text round :repeat="3" />
+              <div class="header">
+                <n-skeleton text style="width: 100px; height: 20px" />
+                <n-skeleton text style="width: 60px; height: 14px" />
+              </div>
+              <div class="content">
+                <n-skeleton v-if="!settingStore.hiddenCovers.toplist" class="cover" />
+                <div class="desc">
+                  <n-skeleton text round :repeat="3" />
+                </div>
               </div>
             </n-card>
           </n-gi>
@@ -97,9 +103,20 @@ onMounted(getTopPlaylistData);
     cursor: pointer;
     :deep(.n-card__content) {
       display: flex;
+      flex-direction: column;
       height: 100%;
       padding: 16px;
     }
+    .header {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 12px;
+    }
+    .content {
+      display: flex;
+      flex: 1;
+      height: 0;
+    }
     .cover {
       height: 100%;
       width: auto;
@@ -111,7 +128,7 @@ onMounted(getTopPlaylistData);
       display: flex;
       flex-direction: column;
       justify-content: space-evenly;
-      width: 100%;
+      flex: 1;
       :deep(.n-skeleton) {
         height: 20px;
       }

From a00455c91f18fa11573c9f13f181756f89e23d68 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Sat, 31 Jan 2026 14:13:07 +0800
Subject: [PATCH 14/19] =?UTF-8?q?Revert=20"=E2=9C=A8=20feat:=20=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E9=AA=A8=E6=9E=B6=E4=BF=AE=E6=94=B9"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit 20b47902aab1bef0d12caf8e184f554c277c585d.
---
 src/components/List/ArtistList.vue            |  3 +-
 src/components/List/CoverList.vue             |  3 +-
 src/components/List/SongList.vue              | 67 ++-----------------
 src/components/Modal/Setting/CoverManager.vue | 53 +++++----------
 src/views/Discover/toplists.vue               | 25 ++-----
 5 files changed, 27 insertions(+), 124 deletions(-)

diff --git a/src/components/List/ArtistList.vue b/src/components/List/ArtistList.vue
index a4b23b1ce..a382393ed 100644
--- a/src/components/List/ArtistList.vue
+++ b/src/components/List/ArtistList.vue
@@ -56,8 +56,7 @@
             <n-skeleton class="cover-img" />
           </div>
           <div class="cover-data">
-            <n-skeleton v-if="hiddenCover" text round style="width: 60%; height: 20px" />
-            <n-skeleton v-else text round :repeat="2" />
+            <n-skeleton text round :repeat="2" />
           </div>
         </div>
       </div>
diff --git a/src/components/List/CoverList.vue b/src/components/List/CoverList.vue
index 1d4c6db42..1b7728e34 100644
--- a/src/components/List/CoverList.vue
+++ b/src/components/List/CoverList.vue
@@ -109,8 +109,7 @@
             <n-skeleton class="cover-img" />
           </div>
           <div class="cover-data">
-            <n-skeleton v-if="hiddenCover" text round style="width: 60%; height: 22px" />
-            <n-skeleton v-else text round :repeat="2" />
+            <n-skeleton text round :repeat="2" />
           </div>
         </div>
       </div>
diff --git a/src/components/List/SongList.vue b/src/components/List/SongList.vue
index f739ed030..b99613140 100644
--- a/src/components/List/SongList.vue
+++ b/src/components/List/SongList.vue
@@ -129,30 +129,7 @@
     </div>
     <!-- 列表加载 - 骨架屏 -->
     <div v-else-if="loading" class="song-list loading">
-      <div v-for="i in 15" :key="i" class="song-card-skeleton">
-        <div class="num">
-          <n-skeleton text width="20px" />
-        </div>
-        <div class="title">
-          <n-skeleton
-            v-if="!hiddenCover && !settingStore.hiddenCovers.list"
-            class="cover"
-            height="40px"
-            width="40px"
-            :sharp="false"
-          />
-          <div class="info">
-            <n-skeleton text width="140px" />
-            <n-skeleton text width="80px" style="margin-top: 6px" />
-          </div>
-        </div>
-        <div v-if="!hiddenAlbum" class="album">
-          <n-skeleton text width="120px" />
-        </div>
-        <div class="meta">
-          <n-skeleton text width="40px" />
-        </div>
-      </div>
+      <n-skeleton :repeat="10" text />
     </div>
     <!-- 空列表 -->
     <n-empty v-else description="列表光秃秃的，啥都没有哦" size="large" class="song-list empty" />
@@ -594,43 +571,11 @@ onBeforeUnmount(() => {
   }
   // 加载
   &.loading {
-    padding: 0 20px;
-    gap: 0;
-    overflow: hidden;
-  }
-  .song-card-skeleton {
-    display: flex;
-    align-items: center;
-    padding: 12px 0;
-    .num {
-      width: 50px;
-      display: flex;
-      justify-content: center;
-      margin-right: 12px;
-    }
-    .title {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      .cover {
-        margin-right: 12px;
-        border-radius: 4px;
-        flex-shrink: 0;
-      }
-      .info {
-        display: flex;
-        flex-direction: column;
-      }
-    }
-    .album {
-      flex: 0.4;
-      display: flex;
-      align-items: center;
-    }
-    .meta {
-      width: 100px;
-      display: flex;
-      justify-content: flex-end;
+    margin-top: 20px;
+    :deep(.n-skeleton) {
+      height: 72px;
+      margin-bottom: 12px;
+      border-radius: 12px;
     }
   }
   // 空列表
diff --git a/src/components/Modal/Setting/CoverManager.vue b/src/components/Modal/Setting/CoverManager.vue
index b297cd171..b459218af 100644
--- a/src/components/Modal/Setting/CoverManager.vue
+++ b/src/components/Modal/Setting/CoverManager.vue
@@ -1,27 +1,20 @@
 <template>
   <div class="cover-manager">
-    <n-scrollbar style="max-height: 50vh" content-style="padding-right: 12px">
-      <div class="list">
-        <n-card
-          v-for="item in coverItems"
-          :key="item.key"
-          :content-style="{
-            display: 'flex',
-            alignItems: 'center',
-            gap: '12px',
-            padding: '16px',
-          }"
-          class="item"
-        >
-          <n-text class="name">{{ item.name }}</n-text>
-          <n-switch v-model:value="settingStore.hiddenCovers[item.key]" :round="false" />
-        </n-card>
-      </div>
-    </n-scrollbar>
-    <div class="footer">
-      <n-button @click="allEnabled = !allEnabled">
-        {{ allEnabled ? "全部显示" : "全部隐藏" }}
-      </n-button>
+    <div class="list">
+      <n-card
+        v-for="item in coverItems"
+        :key="item.key"
+        :content-style="{
+          display: 'flex',
+          alignItems: 'center',
+          gap: '12px',
+          padding: '16px',
+        }"
+        class="item"
+      >
+        <n-text class="name">{{ item.name }}</n-text>
+        <n-switch v-model:value="settingStore.hiddenCovers[item.key]" :round="false" />
+      </n-card>
     </div>
   </div>
 </template>
@@ -46,26 +39,10 @@ const coverItems = [
   { key: "video", name: "视频" },
   { key: "videoDetail", name: "视频详情页" },
 ] as const;
-
-const allEnabled = computed({
-  get: () => coverItems.every((item) => settingStore.hiddenCovers[item.key]),
-  set: (val) => {
-    coverItems.forEach((item) => {
-      settingStore.hiddenCovers[item.key] = val;
-    });
-  },
-});
 </script>
 
 <style scoped lang="scss">
 .cover-manager {
-  .footer {
-    display: flex;
-    justify-content: flex-end;
-    padding-top: 12px;
-    margin-top: 12px;
-    border-top: 1px solid var(--n-border-color);
-  }
   .list {
     display: flex;
     flex-direction: column;
diff --git a/src/views/Discover/toplists.vue b/src/views/Discover/toplists.vue
index fef076aa6..d8c04153f 100644
--- a/src/views/Discover/toplists.vue
+++ b/src/views/Discover/toplists.vue
@@ -32,15 +32,9 @@
         <n-grid cols="1 600:2 1000:3" x-gap="20" y-gap="20">
           <n-gi v-for="item in 4" :key="item">
             <n-card class="loading">
-              <div class="header">
-                <n-skeleton text style="width: 100px; height: 20px" />
-                <n-skeleton text style="width: 60px; height: 14px" />
-              </div>
-              <div class="content">
-                <n-skeleton v-if="!settingStore.hiddenCovers.toplist" class="cover" />
-                <div class="desc">
-                  <n-skeleton text round :repeat="3" />
-                </div>
+              <n-skeleton class="cover" />
+              <div class="desc">
+                <n-skeleton text round :repeat="3" />
               </div>
             </n-card>
           </n-gi>
@@ -103,20 +97,9 @@ onMounted(getTopPlaylistData);
     cursor: pointer;
     :deep(.n-card__content) {
       display: flex;
-      flex-direction: column;
       height: 100%;
       padding: 16px;
     }
-    .header {
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 12px;
-    }
-    .content {
-      display: flex;
-      flex: 1;
-      height: 0;
-    }
     .cover {
       height: 100%;
       width: auto;
@@ -128,7 +111,7 @@ onMounted(getTopPlaylistData);
       display: flex;
       flex-direction: column;
       justify-content: space-evenly;
-      flex: 1;
+      width: 100%;
       :deep(.n-skeleton) {
         height: 20px;
       }

From ec9f88ebcdf896487147501725ae49cad0e16754 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Sat, 31 Jan 2026 14:39:28 +0800
Subject: [PATCH 15/19] =?UTF-8?q?=E2=9C=A8=20feat:=20=E9=81=AE=E7=BD=A9?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/List/CoverList.vue           | 11 +++-
 src/components/Setting/config/appearance.ts |  5 +-
 src/stores/setting.ts                       |  4 +-
 src/style/animate.scss                      | 71 +++++++++++++++++++++
 src/views/Discover/toplists.vue             | 13 +++-
 5 files changed, 98 insertions(+), 6 deletions(-)

diff --git a/src/components/List/CoverList.vue b/src/components/List/CoverList.vue
index 1b7728e34..1de8719dc 100644
--- a/src/components/List/CoverList.vue
+++ b/src/components/List/CoverList.vue
@@ -108,7 +108,7 @@
           <div v-if="!hiddenCover" class="cover">
             <n-skeleton class="cover-img" />
           </div>
-          <div class="cover-data">
+          <div class="cover-data" :style="hiddenCover ? { width: '100%', padding: '0 12px' } : {}">
             <n-skeleton text round :repeat="2" />
           </div>
         </div>
@@ -455,6 +455,15 @@ const getListData = async (id: number | string): Promise<SongType[]> => {
     .cover {
       box-shadow: none;
     }
+    .cover-item.no-cover {
+      height: 80px;
+      .cover-data {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+      }
+    }
   }
 }
 .n-empty {
diff --git a/src/components/Setting/config/appearance.ts b/src/components/Setting/config/appearance.ts
index 282130dc9..a3c920c6e 100644
--- a/src/components/Setting/config/appearance.ts
+++ b/src/components/Setting/config/appearance.ts
@@ -161,6 +161,9 @@ export const useAppearanceSettings = (): SettingConfig => {
               { label: "缩放", value: "zoom" },
               { label: "滑动", value: "slide" },
               { label: "上浮", value: "up" },
+              { label: "流体", value: "flow" },
+              { label: "左右遮罩", value: "mask-left" },
+              { label: "上下遮罩", value: "mask-top" },
             ],
             value: computed({
               get: () => settingStore.routeAnimation,
@@ -307,7 +310,7 @@ export const useAppearanceSettings = (): SettingConfig => {
             description: "选择播放器展开时的动画效果",
             options: [
               { label: "上浮", value: "up" },
-              { label: "平滑", value: "smooth" },
+              { label: "流体", value: "flow" },
             ],
             value: computed({
               get: () => settingStore.playerExpandAnimation,
diff --git a/src/stores/setting.ts b/src/stores/setting.ts
index f90b49bf0..08c0b42a6 100644
--- a/src/stores/setting.ts
+++ b/src/stores/setting.ts
@@ -253,9 +253,9 @@ export interface SettingState {
   /** 隐藏迷你播放器封面 */
   hideMiniPlayerCover: boolean;
   /** 路由动画 */
-  routeAnimation: "none" | "fade" | "zoom" | "slide" | "up";
+  routeAnimation: "none" | "fade" | "zoom" | "slide" | "up" | "flow" | "mask-left" | "mask-top";
   /** 播放器展开动画 */
-  playerExpandAnimation: "up" | "smooth";
+  playerExpandAnimation: "up" | "flow";
   /** 是否使用真实 IP */
   useRealIP: boolean;
   /** 真实 IP 地址 */
diff --git a/src/style/animate.scss b/src/style/animate.scss
index ad12267ad..219680d33 100644
--- a/src/style/animate.scss
+++ b/src/style/animate.scss
@@ -49,6 +49,62 @@
   opacity: 0;
 }
 
+// flow
+.router-flow-enter-active,
+.router-flow-leave-active {
+  transition:
+    opacity 0.4s cubic-bezier(0.2, 0, 0.2, 1),
+    transform 0.4s cubic-bezier(0.2, 0, 0.2, 1);
+}
+.router-flow-enter-from {
+  opacity: 0;
+  transform: translateY(10px) scale(0.99);
+}
+.router-flow-leave-to {
+  opacity: 0;
+  transform: translateY(-5px) scale(0.99);
+}
+
+// mask-left
+.router-mask-left-enter-active {
+  transition: clip-path 0.6s cubic-bezier(0, 0, 0.2, 1);
+}
+.router-mask-left-leave-active {
+  transition: clip-path 0.25s ease-in;
+}
+.router-mask-left-enter-from {
+  clip-path: inset(0 100% 0 0);
+}
+.router-mask-left-enter-to {
+  clip-path: inset(0 0 0 0);
+}
+.router-mask-left-leave-from {
+  clip-path: inset(0 0 0 0);
+}
+.router-mask-left-leave-to {
+  clip-path: inset(0 0 0 100%);
+}
+
+// mask-top
+.router-mask-top-enter-active {
+  transition: clip-path 0.6s cubic-bezier(0, 0, 0.2, 1);
+}
+.router-mask-top-leave-active {
+  transition: clip-path 0.25s ease-in;
+}
+.router-mask-top-enter-from {
+  clip-path: inset(0 0 100% 0);
+}
+.router-mask-top-enter-to {
+  clip-path: inset(0 0 0 0);
+}
+.router-mask-top-leave-from {
+  clip-path: inset(0 0 0 0);
+}
+.router-mask-top-leave-to {
+  clip-path: inset(100% 0 0 0);
+}
+
 // fade
 .fade-enter-active,
 .fade-leave-active {
@@ -157,6 +213,21 @@
   transform: translateY(20px) scale(0.96);
 }
 
+// flow (player)
+.flow-enter-active,
+.flow-leave-active {
+  transition:
+    opacity 0.5s cubic-bezier(0.2, 0, 0.2, 1),
+    transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
+    filter 0.5s cubic-bezier(0.2, 0, 0.2, 1);
+}
+.flow-enter-from,
+.flow-leave-to {
+  opacity: 0;
+  transform: scale(0.92) translateY(30px);
+  filter: blur(10px);
+}
+
 // 侧边栏滑入动画
 .slideLeft-enter-active,
 .slideLeft-leave-active {
diff --git a/src/views/Discover/toplists.vue b/src/views/Discover/toplists.vue
index d8c04153f..30df617f6 100644
--- a/src/views/Discover/toplists.vue
+++ b/src/views/Discover/toplists.vue
@@ -31,8 +31,8 @@
       <div v-else class="official-list">
         <n-grid cols="1 600:2 1000:3" x-gap="20" y-gap="20">
           <n-gi v-for="item in 4" :key="item">
-            <n-card class="loading">
-              <n-skeleton class="cover" />
+            <n-card class="loading" :class="{ 'no-cover': settingStore.hiddenCovers.toplist }">
+              <n-skeleton v-if="!settingStore.hiddenCovers.toplist" class="cover" />
               <div class="desc">
                 <n-skeleton text round :repeat="3" />
               </div>
@@ -116,6 +116,15 @@ onMounted(getTopPlaylistData);
         height: 20px;
       }
     }
+    &.no-cover {
+      :deep(.n-card__content) {
+        padding: 12px;
+      }
+      .desc {
+        justify-content: center;
+        gap: 12px;
+      }
+    }
   }
 }
 </style>

From e1f0b710c8713fb1625d2f3cb47aad7c0687b6dd Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Sat, 31 Jan 2026 14:44:16 +0800
Subject: [PATCH 16/19] =?UTF-8?q?=E2=9C=A8=20feat:=20=E4=B8=80=E9=94=AE?=
 =?UTF-8?q?=E5=BC=80=E5=90=AF=E5=85=B3=E9=97=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Modal/Setting/CoverManager.vue | 58 ++++++++++++++-----
 1 file changed, 43 insertions(+), 15 deletions(-)

diff --git a/src/components/Modal/Setting/CoverManager.vue b/src/components/Modal/Setting/CoverManager.vue
index b459218af..9b0d37d6f 100644
--- a/src/components/Modal/Setting/CoverManager.vue
+++ b/src/components/Modal/Setting/CoverManager.vue
@@ -1,26 +1,35 @@
 <template>
   <div class="cover-manager">
-    <div class="list">
-      <n-card
-        v-for="item in coverItems"
-        :key="item.key"
-        :content-style="{
-          display: 'flex',
-          alignItems: 'center',
-          gap: '12px',
-          padding: '16px',
-        }"
-        class="item"
-      >
-        <n-text class="name">{{ item.name }}</n-text>
-        <n-switch v-model:value="settingStore.hiddenCovers[item.key]" :round="false" />
-      </n-card>
+    <n-scrollbar style="max-height: 400px">
+      <div class="list">
+        <n-card
+          v-for="item in coverItems"
+          :key="item.key"
+          :content-style="{
+            display: 'flex',
+            alignItems: 'center',
+            gap: '12px',
+            padding: '16px',
+          }"
+          class="item"
+        >
+          <n-text class="name">{{ item.name }}</n-text>
+          <n-switch v-model:value="settingStore.hiddenCovers[item.key]" :round="false" />
+        </n-card>
+      </div>
+    </n-scrollbar>
+    <div class="footer">
+      <n-button @click="toggleAll">
+        {{ isAllHidden ? "显示全部" : "隐藏全部" }}
+      </n-button>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
+import { computed } from "vue";
 import { useSettingStore } from "@/stores";
+import { NScrollbar, NButton } from "naive-ui";
 
 const settingStore = useSettingStore();
 
@@ -39,14 +48,28 @@ const coverItems = [
   { key: "video", name: "视频" },
   { key: "videoDetail", name: "视频详情页" },
 ] as const;
+
+const isAllHidden = computed(() => {
+  return coverItems.every((item) => settingStore.hiddenCovers[item.key]);
+});
+
+const toggleAll = () => {
+  const target = !isAllHidden.value;
+  coverItems.forEach((item) => {
+    settingStore.hiddenCovers[item.key] = target;
+  });
+};
 </script>
 
 <style scoped lang="scss">
 .cover-manager {
+  display: flex;
+  flex-direction: column;
   .list {
     display: flex;
     flex-direction: column;
     gap: 12px;
+    padding-right: 12px;
     .item {
       border-radius: 8px;
       .name {
@@ -58,5 +81,10 @@ const coverItems = [
       }
     }
   }
+  .footer {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+  }
 }
 </style>

From d10f5b72a70fb306e981261bab6d39b70fc6ec99 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Sat, 31 Jan 2026 14:51:47 +0800
Subject: [PATCH 17/19] =?UTF-8?q?=F0=9F=90=9E=20fix:=20=E7=A1=AE=E8=AE=A4?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Modal/Setting/CoverManager.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Modal/Setting/CoverManager.vue b/src/components/Modal/Setting/CoverManager.vue
index 9b0d37d6f..6b068fdeb 100644
--- a/src/components/Modal/Setting/CoverManager.vue
+++ b/src/components/Modal/Setting/CoverManager.vue
@@ -29,11 +29,17 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import { useSettingStore } from "@/stores";
+import type { SettingState } from "@/stores/setting";
 import { NScrollbar, NButton } from "naive-ui";
 
 const settingStore = useSettingStore();
 
-const coverItems = [
+type CoverItem = {
+  key: keyof SettingState["hiddenCovers"];
+  name: string;
+};
+
+const coverItems: CoverItem[] = [
   { key: "home", name: "为我推荐" },
   { key: "playlist", name: "歌单广场" },
   { key: "toplist", name: "排行榜" },
@@ -47,7 +53,7 @@ const coverItems = [
   { key: "like", name: "我的收藏" },
   { key: "video", name: "视频" },
   { key: "videoDetail", name: "视频详情页" },
-] as const;
+];
 
 const isAllHidden = computed(() => {
   return coverItems.every((item) => settingStore.hiddenCovers[item.key]);

From 6ef58f14c5d16731a90cd8f908a083238c532ec1 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Sat, 31 Jan 2026 14:57:20 +0800
Subject: [PATCH 18/19] =?UTF-8?q?=F0=9F=90=9E=20fix:=20=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E5=AE=A1=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Setting/config/lyric.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Setting/config/lyric.ts b/src/components/Setting/config/lyric.ts
index 79ecbbd30..628cbaff7 100644
--- a/src/components/Setting/config/lyric.ts
+++ b/src/components/Setting/config/lyric.ts
@@ -245,10 +245,11 @@ export const useLyricSettings = (): SettingConfig => {
             value: computed({
               get: () => settingStore.customBracketReplacement,
               set: (v) => {
-                const trimmed = v.trim();
-                if (v.length === 0 || (trimmed.length > 0 && trimmed.length <= 5)) {
-                  settingStore.customBracketReplacement = v;
+                if (v.trim().length > 5) {
+                  window.$message.warning("自定义替换内容不能超过5个字符");
+                  return;
                 }
+                settingStore.customBracketReplacement = v;
               },
             }),
           },

From 816505aefe6798b66930965e618d0cdf370a85f0 Mon Sep 17 00:00:00 2001
From: kazukokawagawa <2580099704@qq.com>
Date: Sat, 31 Jan 2026 15:25:11 +0800
Subject: [PATCH 19/19] =?UTF-8?q?=E2=9C=A8=20feat:=20=E6=9C=AC=E5=9C=B0?=
 =?UTF-8?q?=E8=AF=BB=E5=8F=96=E5=93=8D=E5=BA=A6=20#411?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 electron/main/ipc/ipc-file.ts               | 12 +++++
 src/components/Setting/config/play.ts       | 26 +++++++++
 src/core/audio-player/AudioElementPlayer.ts | 25 ++++++++-
 src/core/audio-player/IPlaybackEngine.ts    |  6 +++
 src/core/player/AudioManager.ts             |  8 +++
 src/core/player/PlayerController.ts         | 58 +++++++++++++++++++++
 src/stores/setting.ts                       |  6 +++
 src/types/main.ts                           |  9 ++++
 8 files changed, 149 insertions(+), 1 deletion(-)

diff --git a/electron/main/ipc/ipc-file.ts b/electron/main/ipc/ipc-file.ts
index f693c69b1..332dec0c0 100644
--- a/electron/main/ipc/ipc-file.ts
+++ b/electron/main/ipc/ipc-file.ts
@@ -156,6 +156,12 @@ const initFileIpc = (): void => {
               size: (size / (1024 * 1024)).toFixed(2),
               path: fullPath,
               quality: format.bitrate ?? 0,
+              replayGain: {
+                trackGain: common.replaygain_track_gain?.ratio,
+                trackPeak: common.replaygain_track_peak?.ratio,
+                albumGain: common.replaygain_album_gain?.ratio,
+                albumPeak: common.replaygain_album_peak?.ratio,
+              },
             };
           } catch (err) {
             ipcLog.warn(`⚠️ Failed to parse file: ${fullPath}`, err);
@@ -193,6 +199,12 @@ const initFileIpc = (): void => {
         format,
         // md5
         md5: await getFileMD5(filePath),
+        replayGain: {
+          trackGain: common.replaygain_track_gain?.ratio,
+          trackPeak: common.replaygain_track_peak?.ratio,
+          albumGain: common.replaygain_album_gain?.ratio,
+          albumPeak: common.replaygain_album_peak?.ratio,
+        },
       };
     } catch (error) {
       ipcLog.error("❌ Error fetching music metadata:", error);
diff --git a/src/components/Setting/config/play.ts b/src/components/Setting/config/play.ts
index 257fbdf17..cd8d9051e 100644
--- a/src/components/Setting/config/play.ts
+++ b/src/components/Setting/config/play.ts
@@ -503,6 +503,32 @@ export const usePlaySettings = (): SettingConfig => {
               set: (v) => playDeviceChange(v),
             }),
           },
+          {
+            key: "enableReplayGain",
+            label: "音量平衡",
+            type: "switch",
+            description: "平衡不同音频内容之间的音量大小（需要本地歌曲标签中有 replayGain 数据才会生效）",
+            value: computed({
+              get: () => settingStore.enableReplayGain,
+              set: (v) => (settingStore.enableReplayGain = v),
+            }),
+            children: [
+              {
+                key: "replayGainMode",
+                label: "平衡模式",
+                type: "select",
+                description: "选择音量平衡的计算基准",
+                options: [
+                  { label: "单曲 (Track)", value: "track" },
+                  { label: "专辑 (Album)", value: "album" },
+                ],
+                value: computed({
+                  get: () => settingStore.replayGainMode,
+                  set: (v) => (settingStore.replayGainMode = v),
+                }),
+              },
+            ],
+          },
         ],
       },
       {
diff --git a/src/core/audio-player/AudioElementPlayer.ts b/src/core/audio-player/AudioElementPlayer.ts
index 0218487c8..5285a626f 100644
--- a/src/core/audio-player/AudioElementPlayer.ts
+++ b/src/core/audio-player/AudioElementPlayer.ts
@@ -17,6 +17,10 @@ export class AudioElementPlayer extends BaseAudioPlayer {
   private audioElement: HTMLAudioElement;
   /** MediaElementAudioSourceNode 用于连接 Web Audio API */
   private sourceNode: MediaElementAudioSourceNode | null = null;
+  /** ReplayGain 增益节点 */
+  private replayGainNode: GainNode | null = null;
+  /** 缓存的 ReplayGain 值 */
+  private currentReplayGain = 1;
 
   /** Seek 锁，用于在 seek 过程中返回稳定的 currentTime */
   private isInternalSeeking = false;
@@ -52,7 +56,13 @@ export class AudioElementPlayer extends BaseAudioPlayer {
     try {
       this.sourceNode = this.audioCtx.createMediaElementSource(this.audioElement);
 
-      this.sourceNode.connect(this.inputNode);
+      // 创建 ReplayGain 节点
+      this.replayGainNode = this.audioCtx.createGain();
+      this.replayGainNode.gain.value = this.currentReplayGain;
+
+      // 连接: Source -> ReplayGain -> Input
+      this.sourceNode.connect(this.replayGainNode);
+      this.replayGainNode.connect(this.inputNode);
     } catch (error) {
       console.error("[AudioElementPlayer] SourceNode 创建失败", error);
     }
@@ -104,6 +114,19 @@ export class AudioElementPlayer extends BaseAudioPlayer {
     }
   }
 
+  /**
+   * 设置 ReplayGain 增益
+   * @param gain 线性增益值
+   */
+  public setReplayGain(gain: number): void {
+    this.currentReplayGain = gain;
+    if (this.replayGainNode && this.audioCtx) {
+      const currentTime = this.audioCtx.currentTime;
+      this.replayGainNode.gain.cancelScheduledValues(currentTime);
+      this.replayGainNode.gain.setTargetAtTime(gain, currentTime, 0.1);
+    }
+  }
+
   /**
    * 设置播放速率
    * @param value 速率值 (0.5 - 2.0)
diff --git a/src/core/audio-player/IPlaybackEngine.ts b/src/core/audio-player/IPlaybackEngine.ts
index 339c8bb94..37e97ea2c 100644
--- a/src/core/audio-player/IPlaybackEngine.ts
+++ b/src/core/audio-player/IPlaybackEngine.ts
@@ -147,6 +147,12 @@ export interface IPlaybackEngine {
    */
   getLowFrequencyVolume?(): number;
 
+  /**
+   * 设置 ReplayGain 增益
+   * @param gain 线性增益值 (1.0 为原始音量)
+   */
+  setReplayGain?(gain: number): void;
+
   /**
    * 获取最后一次错误码
    */
diff --git a/src/core/player/AudioManager.ts b/src/core/player/AudioManager.ts
index 068e5ace6..521d4cb39 100644
--- a/src/core/player/AudioManager.ts
+++ b/src/core/player/AudioManager.ts
@@ -135,6 +135,14 @@ class AudioManager extends TypedEventTarget<AudioEventMap> implements IPlaybackE
     this.engine.seek(time);
   }
 
+  /**
+   * 设置 ReplayGain 增益
+   * @param gain 线性增益值
+   */
+  public setReplayGain(gain: number): void {
+    this.engine.setReplayGain?.(gain);
+  }
+
   /**
    * 设置音量
    * @param value 音量值 (0.0 - 1.0)
diff --git a/src/core/player/PlayerController.ts b/src/core/player/PlayerController.ts
index ca7c383d3..f05db78ed 100644
--- a/src/core/player/PlayerController.ts
+++ b/src/core/player/PlayerController.ts
@@ -52,9 +52,64 @@ class PlayerController {
       audioManager.setSinkId(settingStore.playDevice).catch(console.warn);
     }
 
+    // 监听设置变化以更新 ReplayGain
+    settingStore.$subscribe((mutation) => {
+      if (
+        mutation.events &&
+        (mutation.events as any).key &&
+        ["enableReplayGain", "replayGainMode"].includes((mutation.events as any).key)
+      ) {
+        this.applyReplayGain();
+      }
+    });
+
     this.bindAudioEvents();
   }
 
+  /**
+   * 应用 ReplayGain (音量平衡)
+   */
+  private applyReplayGain() {
+    const musicStore = useMusicStore();
+    const settingStore = useSettingStore();
+    const audioManager = useAudioManager();
+
+    if (!settingStore.enableReplayGain) {
+      audioManager.setReplayGain(1);
+      return;
+    }
+
+    const song = musicStore.playSong;
+    if (!song || !song.replayGain) {
+      audioManager.setReplayGain(1);
+      return;
+    }
+
+    const { trackGain, albumGain, trackPeak, albumPeak } = song.replayGain;
+    let targetGain = 1;
+
+    // 优先使用指定模式的增益，如果不存在则回退到另一种
+    // 注意：music-metadata 提取的 gain 通常是 dB 值，需要转换，但我们在 ipc-file.ts 中使用了 .ratio
+    // 如果 .ratio 存在，则直接使用线性值
+    if (settingStore.replayGainMode === "album") {
+      targetGain = albumGain ?? trackGain ?? 1;
+    } else {
+      targetGain = trackGain ?? albumGain ?? 1;
+    }
+
+    // 简单的防削波保护 (如果有峰值信息)
+    // 目标: gain * peak <= 1.0
+    const peak = settingStore.replayGainMode === "album" ? (albumPeak ?? trackPeak) : (trackPeak ?? albumPeak);
+    if (peak && peak > 0) {
+      if (targetGain * peak > 1.0) {
+        targetGain = 1.0 / peak;
+      }
+    }
+
+    console.log(`🔊 [ReplayGain] Applied: ${targetGain.toFixed(4)} (Mode: ${settingStore.replayGainMode})`);
+    audioManager.setReplayGain(targetGain);
+  }
+
   /**
    * 初始化并播放歌曲
    * @param options 配置
@@ -204,6 +259,9 @@ class PlayerController {
       audioManager.setRate(statusStore.playRate);
     }
 
+    // 应用 ReplayGain
+    this.applyReplayGain();
+
     // 切换输出设备（非 MPV 引擎且未开启频谱时）
     if (audioManager.engineType !== "mpv" && !settingStore.showSpectrums) {
       this.toggleOutputDevice();
diff --git a/src/stores/setting.ts b/src/stores/setting.ts
index 08c0b42a6..e36e22975 100644
--- a/src/stores/setting.ts
+++ b/src/stores/setting.ts
@@ -143,6 +143,10 @@ export interface SettingState {
   songVolumeFade: boolean;
   /** 渐入渐出时间 */
   songVolumeFadeTime: number;
+  /** 是否启用 ReplayGain (音量平衡) */
+  enableReplayGain: boolean;
+  /** ReplayGain 模式: 轨道增益 (track) 或 专辑增益 (album) */
+  replayGainMode: "track" | "album";
   /** 是否使用解灰 */
   useSongUnlock: boolean;
   /** 歌曲解锁音源 */
@@ -429,6 +433,8 @@ export const useSettingStore = defineStore("setting", {
     useNextPrefetch: true,
     songVolumeFade: true,
     songVolumeFadeTime: 300,
+    enableReplayGain: false,
+    replayGainMode: "track",
     useSongUnlock: true,
     songUnlockServer: [
       { key: SongUnlockServer.BODIAN, enabled: true },
diff --git a/src/types/main.ts b/src/types/main.ts
index 334a300db..96ff7c826 100644
--- a/src/types/main.ts
+++ b/src/types/main.ts
@@ -113,8 +113,17 @@ export type SongType = {
   source?: "streaming";
   /** 标记 */
   mark?: number;
+  /** ReplayGain 信息 */
+  replayGain?: ReplayGainType;
 };
 
+export interface ReplayGainType {
+  trackGain?: number;
+  trackPeak?: number;
+  albumGain?: number;
+  albumPeak?: number;
+}
+
 // Cover
 export type CoverType = {
   id: number | string;