🔧 fix: 优化音频服务和EQ设置的跨平台兼容性

🚀 release: v4.0.0
✨ feat: 优化歌词窗口交互和同步机制
2026-04-04 06:50:49 +08:00 · 2025-03-08 21:27:05 +08:00 · 2025-03-08 20:58:53 +08:00 · 2025-03-08 19:00:50 +08:00 · 2025-03-08 18:31:46 +08:00 · 2025-03-08 17:07:32 +08:00
95 changed files with 6153 additions and 1188 deletions
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -38,6 +38,7 @@ module.exports = {
  rules: {
    'vue/require-default-prop': 'off',
    'vue/multi-word-component-names': 'off',
+    'no-underscore-dangle': 'off',
    'no-nested-ternary': 'off',
    'no-console': 'off',
    'no-await-in-loop': 'off',
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,12 +1,17 @@
 # 更新日志

-## v3.7.2
-### ✨ 优化
- 优化歌词缓存
- 优化音乐播放体验 如果播放失败自动播放下一首
+## v4.0.0

+### ✨ 新功能
+- **音效均衡器 (EQ)**: 新增音效调节功能，支持低音、高音等实时调整，并提供流行、摇滚、古典等多种预设。
+- **歌词体验升级**: 优化歌词窗口交互，滚动更流畅，同步更精准。
+- **播放状态记忆**: 应用重启后自动恢复上次的播放进度和状态。

-## 咖啡☕️
-|                                        微信                                 |       |                                       支付宝                                       |
-| :--------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------: |
-| <img src="https://www.ghproxy.cn/https://raw.githubusercontent.com/algerkong/AlgerMusicPlayer/dev_electron/src/renderer/assets/wechat.png" alt="WeChat QRcode" width=200>|           | <img src="https://www.ghproxy.cn/https://raw.githubusercontent.com/algerkong/AlgerMusicPlayer/dev_electron/src/renderer/assets/alipay.png" alt="Wechat QRcode" width=200> |
+### 🔧 功能优化
+- **音乐列表**: 优化列表加载速度和响应性能，大量歌曲也能快速加载。
+- **随机播放修复**: 修复手动点击"下一首"按钮不随机的问题。
+- **下载体验优化**: 改进网页版下载代理，提高下载速度和成功率。
+
+### 🧹 其他改进
+- **细节优化**: 改进按钮反馈、音量调节等交互细节，提升整体使用体验。
+- 其他已知问题优化
--- a/README.md
+++ b/README.md
@@ -45,15 +45,16 @@ QQ群:789288579
 - Naive UI - 基于 Vue 3 的组件库


-## 咖啡☕️
-|                                        微信                                        |                                       支付宝                                       |
+## 赞赏☕️
+[赞赏列表](http://donate.alger.fun/)
+|                                        微信赞赏                                        |                                       支付宝赞赏                                       |
 | :--------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------: |
-| <img src="https://github.com/algerkong/algerkong/blob/main/wechat.jpg?raw=true" alt="WeChat QRcode" width=200> | <img src="https://github.com/algerkong/algerkong/blob/main/alipay.jpg?raw=true" alt="Wechat QRcode" width=200> |
+| <img src="https://github.com/algerkong/algerkong/blob/main/wechat.jpg?raw=true" alt="WeChat QRcode" width=200> <br><small>喝点咖啡继续干</small> | <img src="https://github.com/algerkong/algerkong/blob/main/alipay.jpg?raw=true" alt="Wechat QRcode" width=200> <br><small>来包辣条吧~</small> |


-## Stargazers over time
+## 项目统计
 [![Stargazers over time](https://starchart.cc/algerkong/AlgerMusicPlayer.svg?variant=adaptive)](https://starchart.cc/algerkong/AlgerMusicPlayer)
-
+![Alt](https://repobeats.axiom.co/api/embed/c4d01b3632e241c90cdec9508dfde86a7f54c9f5.svg "Repobeats analytics image")



--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "AlgerMusicPlayer",
-  "version": "3.7.2",
+  "version": "4.0.0",
  "description": "Alger Music Player",
  "author": "Alger <algerkc@qq.com>",
  "main": "./out/main/index.js",
@@ -26,7 +26,9 @@
    "@unblockneteasemusic/server": "^0.27.8-patch.1",
    "electron-store": "^8.1.0",
    "electron-updater": "^6.1.7",
-    "netease-cloud-music-api-alger": "^4.25.0"
+    "font-list": "^1.5.1",
+    "netease-cloud-music-api-alger": "^4.25.0",
+    "vue-i18n": "9"
  },
  "devDependencies": {
    "@electron-toolkit/eslint-config": "^1.0.2",
@@ -36,6 +38,7 @@
    "@tailwindcss/postcss7-compat": "^2.2.4",
    "@types/howler": "^2.2.12",
    "@types/node": "^20.14.8",
+    "@types/tinycolor2": "^1.4.6",
    "@typescript-eslint/eslint-plugin": "^7.0.0",
    "@typescript-eslint/parser": "^7.0.0",
    "@vitejs/plugin-vue": "^5.0.5",
@@ -45,11 +48,12 @@
    "@vue/runtime-core": "^3.5.0",
    "@vueuse/core": "^11.0.3",
    "@vueuse/electron": "^11.0.3",
+    "animate.css": "^4.1.1",
    "autoprefixer": "^10.4.20",
    "axios": "^1.7.7",
    "cross-env": "^7.0.3",
-    "electron": "^31.0.2",
-    "electron-builder": "^24.13.3",
+    "electron": "^34.0.0",
+    "electron-builder": "^25.1.8",
    "electron-vite": "^2.3.0",
    "eslint": "^8.57.0",
    "eslint-config-airbnb-base": "^15.0.0",
@@ -66,8 +70,9 @@
    "postcss": "^8.4.49",
    "prettier": "^3.3.2",
    "remixicon": "^4.2.0",
-    "sass": "^1.82.0",
-    "tailwindcss": "^3.4.15",
+    "sass": "^1.83.4",
+    "tailwindcss": "^3.4.17",
+    "tinycolor2": "^1.6.0",
    "typescript": "^5.5.2",
    "unplugin-auto-import": "^0.18.2",
    "unplugin-vue-components": "^0.27.4",
@@ -75,11 +80,11 @@
    "vite": "^5.3.1",
    "vite-plugin-compression": "^0.5.1",
    "vite-plugin-vue-devtools": "7.4.0",
-    "vue": "^3.4.30",
-    "vue-router": "^4.4.3",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0",
    "vue-tsc": "^2.0.22",
    "vuex": "^4.1.0",
-    "animate.css": "^4.1.1"
+    "tunajs": "^1.0.15"
  },
  "build": {
    "appId": "com.alger.music",
--- a/src/i18n/lang/en-US/artist.ts
+++ b/src/i18n/lang/en-US/artist.ts
@@ -0,0 +1,5 @@
+export default {
+  hotSongs: 'Hot Songs',
+  albums: 'Albums',
+  description: 'Artist Introduction'
+};
--- a/src/i18n/lang/en-US/common.ts
+++ b/src/i18n/lang/en-US/common.ts
@@ -0,0 +1,47 @@
+export default {
+  play: 'Play',
+  next: 'Next',
+  previous: 'Previous',
+  volume: 'Volume',
+  settings: 'Settings',
+  search: 'Search',
+  loading: 'Loading...',
+  loadingMore: 'Loading more...',
+  alipay: 'Alipay',
+  wechat: 'WeChat Pay',
+  on: 'On',
+  off: 'Off',
+  show: 'Show',
+  hide: 'Hide',
+  confirm: 'Confirm',
+  cancel: 'Cancel',
+  configure: 'Configure',
+  open: 'Open',
+  modify: 'Modify',
+  success: 'Operation Successful',
+  error: 'Operation Failed',
+  warning: 'Warning',
+  info: 'Info',
+  save: 'Save',
+  delete: 'Delete',
+  refresh: 'Refresh',
+  retry: 'Retry',
+  validation: {
+    required: 'This field is required',
+    invalidInput: 'Invalid input',
+    selectRequired: 'Please select an option',
+    numberRange: 'Please enter a number between {min} and {max}',
+    ipAddress: 'Please enter a valid IP address',
+    portNumber: 'Please enter a valid port number (1-65535)'
+  },
+  viewMore: 'View More',
+  noMore: 'No more',
+  expand: 'Expand',
+  collapse: 'Collapse',
+  songCount: '{count} songs',
+  tray: {
+    show: 'Show',
+    quit: 'Quit'
+  },
+  language: 'Language'
+};
--- a/src/i18n/lang/en-US/comp.ts
+++ b/src/i18n/lang/en-US/comp.ts
@@ -0,0 +1,89 @@
+export default {
+  installApp: {
+    description: 'Install the application on the desktop for a better experience',
+    noPrompt: 'Do not prompt again',
+    install: 'Install now',
+    cancel: 'Cancel',
+    download: 'Download',
+    downloadFailed: 'Download failed',
+    downloadComplete: 'Download complete',
+    downloadProblem: 'Download problem? Go to',
+    downloadProblemLinkText: 'Download the latest version'
+  },
+  playlistDrawer: {
+    title: 'Add to playlist',
+    createPlaylist: 'Create new playlist',
+    cancelCreate: 'Cancel create',
+    create: 'Create',
+    playlistName: 'Playlist name',
+    privatePlaylist: 'Private playlist',
+    publicPlaylist: 'Public playlist',
+    createSuccess: 'Playlist created successfully',
+    createFailed: 'Playlist creation failed',
+    addSuccess: 'Song added successfully',
+    addFailed: 'Song addition failed',
+    private: 'Private',
+    public: 'Public',
+    count: 'songs',
+    loginFirst: 'Please login first',
+    getPlaylistFailed: 'Get playlist failed',
+    inputPlaylistName: 'Please enter the playlist name'
+  },
+  update: {
+    title: 'New version found',
+    currentVersion: 'Current version',
+    cancel: 'Do not update',
+    prepareDownload: 'Preparing to download...',
+    downloading: 'Downloading...',
+    nowUpdate: 'Update now',
+    downloadFailed: 'Download failed, please try again or download manually',
+    startFailed: 'Start download failed, please try again or download manually',
+    noDownloadUrl:
+      'No suitable installation package found for the current system, please download manually'
+  },
+  coffee: {
+    title: 'Buy me a coffee',
+    alipay: 'Alipay',
+    wechat: 'Wechat',
+    alipayQR: 'Alipay QR code',
+    wechatQR: 'Wechat QR code',
+    coffeeDesc: 'A cup of coffee, a support',
+    coffeeDescLinkText: 'View more',
+    qqGroup: 'QQ group: 789288579',
+    messages: {
+      copySuccess: 'Copied to clipboard'
+    }
+  },
+  playlistType: {
+    title: 'Playlist Category',
+    showAll: 'Show all',
+    hide: 'Hide some'
+  },
+  recommendAlbum: {
+    title: 'Latest Album'
+  },
+  recommendSinger: {
+    title: 'Daily Recommendation',
+    songlist: 'Daily Recommendation List'
+  },
+  recommendSonglist: {
+    title: 'Weekly Hot Music'
+  },
+  searchBar: {
+    login: 'Login',
+    toLogin: 'To Login',
+    logout: 'Logout',
+    set: 'Set',
+    theme: 'Theme',
+    restart: 'Restart',
+    refresh: 'Refresh',
+    currentVersion: 'Current Version',
+    searchPlaceholder: 'Search for something...'
+  },
+  titleBar: {
+    closeTitle: 'Choose how to close',
+    minimizeToTray: 'Minimize to Tray',
+    exitApp: 'Exit App',
+    rememberChoice: 'Remember my choice'
+  }
+};
--- a/src/i18n/lang/en-US/donation.ts
+++ b/src/i18n/lang/en-US/donation.ts
@@ -0,0 +1,6 @@
+export default {
+  description:
+    'Your donation will be used to support development and maintenance work, including but not limited to server maintenance, domain name renewal, etc.',
+  message: 'You can leave your email or github name when leaving a message.',
+  refresh: 'Refresh List'
+};
--- a/src/i18n/lang/en-US/download.ts
+++ b/src/i18n/lang/en-US/download.ts
@@ -0,0 +1,36 @@
+export default {
+  title: 'Download Manager',
+  localMusic: 'Local Music',
+  tabs: {
+    downloading: 'Downloading',
+    downloaded: 'Downloaded'
+  },
+  empty: {
+    noTasks: 'No download tasks',
+    noDownloaded: 'No downloaded songs'
+  },
+  progress: {
+    total: 'Total Progress: {progress}%'
+  },
+  status: {
+    downloading: 'Downloading',
+    completed: 'Completed',
+    failed: 'Failed',
+    unknown: 'Unknown'
+  },
+  artist: {
+    unknown: 'Unknown Artist'
+  },
+  delete: {
+    title: 'Delete Confirmation',
+    message: 'Are you sure you want to delete "{filename}"? This action cannot be undone.',
+    confirm: 'Delete',
+    cancel: 'Cancel',
+    success: 'Successfully deleted',
+    failed: 'Failed to delete'
+  },
+  message: {
+    downloadComplete: '{filename} download completed',
+    downloadFailed: '{filename} download failed: {error}'
+  }
+};
--- a/src/i18n/lang/en-US/favorite.ts
+++ b/src/i18n/lang/en-US/favorite.ts
@@ -0,0 +1,15 @@
+export default {
+  title: 'Favorites',
+  count: 'Total {count}',
+  batchDownload: 'Batch Download',
+  selectAll: 'All',
+  download: 'Download ({count})',
+  cancel: 'Cancel',
+  emptyTip: 'No favorite songs yet',
+  viewMore: 'View More',
+  noMore: 'No more',
+  downloadSuccess: 'Download completed',
+  downloadFailed: 'Download failed',
+  downloading: 'Downloading, please wait...',
+  selectSongsFirst: 'Please select songs to download first'
+};
--- a/src/i18n/lang/en-US/history.ts
+++ b/src/i18n/lang/en-US/history.ts
@@ -0,0 +1,5 @@
+export default {
+  title: 'Play History',
+  playCount: '{count}',
+  getHistoryFailed: 'Failed to get play history'
+};
--- a/src/i18n/lang/en-US/index.ts
+++ b/src/i18n/lang/en-US/index.ts
@@ -0,0 +1,29 @@
+import artist from './artist';
+import common from './common';
+import comp from './comp';
+import donation from './donation';
+import download from './download';
+import favorite from './favorite';
+import history from './history';
+import login from './login';
+import player from './player';
+import search from './search';
+import settings from './settings';
+import songItem from './songItem';
+import user from './user';
+
+export default {
+  common,
+  donation,
+  favorite,
+  history,
+  login,
+  player,
+  search,
+  settings,
+  songItem,
+  user,
+  download,
+  comp,
+  artist
+};
--- a/src/i18n/lang/en-US/login.ts
+++ b/src/i18n/lang/en-US/login.ts
@@ -0,0 +1,22 @@
+export default {
+  title: {
+    qr: 'QR Code Login',
+    phone: 'Phone Login'
+  },
+  qrTip: 'Scan with NetEase Cloud Music APP',
+  phoneTip: 'Login with NetEase Cloud account',
+  placeholder: {
+    phone: 'Phone Number',
+    password: 'Password'
+  },
+  button: {
+    login: 'Login',
+    switchToQr: 'QR Code Login',
+    switchToPhone: 'Phone Login'
+  },
+  message: {
+    loginSuccess: 'Login successful',
+    loadError: 'Error loading login information',
+    qrCheckError: 'Error checking QR code status'
+  }
+};
--- a/src/i18n/lang/en-US/player.ts
+++ b/src/i18n/lang/en-US/player.ts
@@ -0,0 +1,76 @@
+export default {
+  nowPlaying: 'Now Playing',
+  playlist: 'Playlist',
+  lyrics: 'Lyrics',
+  previous: 'Previous',
+  play: 'Play',
+  pause: 'Pause',
+  next: 'Next',
+  volumeUp: 'Volume Up',
+  volumeDown: 'Volume Down',
+  mute: 'Mute',
+  unmute: 'Unmute',
+  songNum: 'Song Number: {num}',
+  playMode: {
+    sequence: 'Sequence',
+    loop: 'Loop',
+    random: 'Random'
+  },
+  fullscreen: {
+    enter: 'Enter Fullscreen',
+    exit: 'Exit Fullscreen'
+  },
+  close: 'Close',
+  modeHint: {
+    single: 'Single',
+    list: 'Next'
+  },
+  lrc: {
+    noLrc: 'No lyrics, please enjoy'
+  },
+  playBar: {
+    expand: 'Expand Lyrics',
+    collapse: 'Collapse Lyrics',
+    like: 'Like',
+    lyric: 'Lyric',
+    noSongPlaying: 'No song playing',
+    eq: 'Equalizer',
+    playList: 'Play List',
+    playMode: {
+      sequence: 'Sequence',
+      loop: 'Loop',
+      random: 'Random'
+    },
+    play: 'Play',
+    pause: 'Pause',
+    prev: 'Previous',
+    next: 'Next',
+    volume: 'Volume',
+    favorite: 'Favorite {name}',
+    unFavorite: 'Unfavorite {name}'
+  },
+  eq: {
+    title: 'Equalizer',
+    reset: 'Reset',
+    on: 'On',
+    off: 'Off',
+    bass: 'Bass',
+    midrange: 'Midrange',
+    treble: 'Treble',
+    presets: {
+      flat: 'Flat',
+      pop: 'Pop',
+      rock: 'Rock',
+      classical: 'Classical',
+      jazz: 'Jazz',
+      electronic: 'Electronic',
+      hiphop: 'Hip-Hop',
+      rb: 'R&B',
+      metal: 'Metal',
+      vocal: 'Vocal',
+      dance: 'Dance',
+      acoustic: 'Acoustic',
+      custom: 'Custom'
+    }
+  }
+};
--- a/src/i18n/lang/en-US/search.ts
+++ b/src/i18n/lang/en-US/search.ts
@@ -0,0 +1,19 @@
+export default {
+  title: {
+    hotSearch: 'Hot Search',
+    searchList: 'Search Results',
+    searchHistory: 'Search History'
+  },
+  button: {
+    clear: 'Clear',
+    back: 'Back'
+  },
+  loading: {
+    more: 'Loading...',
+    failed: 'Search failed'
+  },
+  noMore: 'No more results',
+  error: {
+    searchFailed: 'Search failed'
+  }
+};
--- a/src/i18n/lang/en-US/settings.ts
+++ b/src/i18n/lang/en-US/settings.ts
@@ -0,0 +1,208 @@
+export default {
+  theme: 'Theme',
+  language: 'Language',
+  regard: 'About',
+  logout: 'Logout',
+  sections: {
+    basic: 'Basic Settings',
+    playback: 'Playback Settings',
+    application: 'Application Settings',
+    network: 'Network Settings',
+    system: 'System Management',
+    donation: 'Donation',
+    regard: 'About'
+  },
+  basic: {
+    themeMode: 'Theme Mode',
+    themeModeDesc: 'Switch between light/dark theme',
+    language: 'Language Settings',
+    languageDesc: 'Change display language',
+    font: 'Font Settings',
+    fontDesc: 'Select fonts, prioritize fonts in order',
+    fontScope: {
+      global: 'Global',
+      lyric: 'Lyrics Only'
+    },
+    animation: 'Animation Speed',
+    animationDesc: 'Enable/disable animations',
+    animationSpeed: {
+      slow: 'Very Slow',
+      normal: 'Normal',
+      fast: 'Very Fast'
+    },
+    fontPreview: {
+      title: 'Font Preview',
+      chinese: 'Chinese',
+      english: 'English',
+      japanese: 'Japanese',
+      korean: 'Korean',
+      chineseText: '静夜思 床前明月光 疑是地上霜',
+      englishText: 'The quick brown fox jumps over the lazy dog',
+      japaneseText: 'あいうえお かきくけこ さしすせそ',
+      koreanText: '가나다라마 바사아자차 카타파하'
+    }
+  },
+  playback: {
+    quality: 'Audio Quality',
+    qualityDesc: 'Select music playback quality (VIP)',
+    qualityOptions: {
+      standard: 'Standard',
+      higher: 'Higher',
+      exhigh: 'Extreme',
+      lossless: 'Lossless',
+      hires: 'Hi-Res',
+      jyeffect: 'HD Surround',
+      sky: 'Immersive',
+      dolby: 'Dolby Atmos',
+      jymaster: 'Master'
+    },
+    autoPlay: 'Auto Play',
+    autoPlayDesc: 'Auto resume playback when reopening the app'
+  },
+  application: {
+    closeAction: 'Close Action',
+    closeActionDesc: 'Choose action when closing window',
+    closeOptions: {
+      ask: 'Ask Every Time',
+      minimize: 'Minimize to Tray',
+      close: 'Exit Directly'
+    },
+    shortcut: 'Shortcut Settings',
+    shortcutDesc: 'Customize global shortcuts',
+    download: 'Download Management',
+    downloadDesc: 'Always show download list button',
+    downloadPath: 'Download Directory',
+    downloadPathDesc: 'Choose download location for music files'
+  },
+  network: {
+    apiPort: 'Music API Port',
+    apiPortDesc: 'Restart required after modification',
+    proxy: 'Proxy Settings',
+    proxyDesc: 'Enable proxy when unable to access music',
+    proxyHost: 'Proxy Host',
+    proxyHostPlaceholder: 'Enter proxy host',
+    proxyPort: 'Proxy Port',
+    proxyPortPlaceholder: 'Enter proxy port',
+    realIP: 'RealIP Settings',
+    realIPDesc: 'Use realIP parameter with mainland China IP to resolve access restrictions abroad',
+    messages: {
+      proxySuccess: 'Proxy settings saved, restart required to take effect',
+      proxyError: 'Please check your input',
+      realIPSuccess: 'RealIP settings saved',
+      realIPError: 'Please enter a valid IP address'
+    }
+  },
+  system: {
+    cache: 'Cache Management',
+    cacheDesc: 'Clear cache',
+    cacheClearTitle: 'Select cache types to clear:',
+    cacheTypes: {
+      history: {
+        label: 'Play History',
+        description: 'Clear played song records'
+      },
+      favorite: {
+        label: 'Favorites',
+        description: 'Clear local favorite songs (cloud favorites not affected)'
+      },
+      user: {
+        label: 'User Data',
+        description: 'Clear login info and user-related data'
+      },
+      settings: {
+        label: 'App Settings',
+        description: 'Clear all custom app settings'
+      },
+      downloads: {
+        label: 'Download History',
+        description: 'Clear download history (downloaded files not affected)'
+      },
+      resources: {
+        label: 'Music Resources',
+        description: 'Clear cached music files, lyrics and other resources'
+      },
+      lyrics: {
+        label: 'Lyrics Resources',
+        description: 'Clear cached lyrics resources'
+      }
+    },
+    restart: 'Restart',
+    restartDesc: 'Restart application',
+    messages: {
+      clearSuccess: 'Cache cleared successfully, some settings will take effect after restart'
+    }
+  },
+  about: {
+    version: 'Version',
+    checkUpdate: 'Check for Updates',
+    checking: 'Checking...',
+    latest: 'Already latest version',
+    hasUpdate: 'New version available',
+    gotoUpdate: 'Go to Update',
+    gotoGithub: 'Go to Github',
+    author: 'Author',
+    authorDesc: 'algerkong Give a star🌟',
+    messages: {
+      checkError: 'Failed to check for updates, please try again later'
+    }
+  },
+  validation: {
+    selectProxyProtocol: 'Please select proxy protocol',
+    proxyHost: 'Please enter proxy host',
+    portNumber: 'Please enter a valid port number (1-65535)'
+  },
+  lyricSettings: {
+    title: 'Lyric Settings',
+    pureMode: 'Pure Mode',
+    hideCover: 'Hide Cover',
+    centerDisplay: 'Center Display',
+    showTranslation: 'Show Translation',
+    hidePlayBar: 'Hide Play Bar',
+    fontSize: 'Font Size',
+    letterSpacing: 'Letter Spacing',
+    lineHeight: 'Line Height',
+    backgroundTheme: 'Background Theme',
+    fontSizeMarks: {
+      small: 'Small',
+      medium: 'Medium',
+      large: 'Large'
+    },
+    letterSpacingMarks: {
+      compact: 'Compact',
+      default: 'Default',
+      loose: 'Loose'
+    },
+    lineHeightMarks: {
+      compact: 'Compact',
+      default: 'Default',
+      loose: 'Loose'
+    },
+    themeOptions: {
+      default: 'Default',
+      light: 'Light',
+      dark: 'Dark'
+    }
+  },
+  shortcutSettings: {
+    title: 'Shortcut Settings',
+    shortcut: 'Shortcut',
+    shortcutDesc: 'Customize global shortcuts',
+    shortcutConflict: 'Shortcut Conflict',
+    inputPlaceholder: 'Click to input shortcut',
+    resetShortcuts: 'Reset',
+    togglePlay: 'Play/Pause',
+    prevPlay: 'Previous',
+    nextPlay: 'Next',
+    volumeUp: 'Volume Up',
+    volumeDown: 'Volume Down',
+    toggleFavorite: 'Favorite/Unfavorite',
+    toggleWindow: 'Show/Hide Window',
+    messages: {
+      resetSuccess: 'Shortcuts reset successfully, please save',
+      conflict: 'Shortcut conflict, please reset',
+      saveSuccess: 'Shortcuts saved successfully',
+      saveError: 'Failed to save shortcuts',
+      cancelEdit: 'Edit cancelled'
+    }
+  }
+};
--- a/src/i18n/lang/en-US/songItem.ts
+++ b/src/i18n/lang/en-US/songItem.ts
@@ -0,0 +1,18 @@
+export default {
+  menu: {
+    play: 'Play',
+    playNext: 'Play Next',
+    download: 'Download',
+    addToPlaylist: 'Add to Playlist',
+    favorite: 'Like',
+    unfavorite: 'Unlike',
+    removeFromPlaylist: 'Remove from Playlist'
+  },
+  message: {
+    downloading: 'Downloading, please wait...',
+    downloadFailed: 'Download failed',
+    downloadQueued: 'Added to download queue',
+    addedToNextPlay: 'Added to play next',
+    getUrlFailed: 'Failed to get music download URL'
+  }
+};
--- a/src/i18n/lang/en-US/user.ts
+++ b/src/i18n/lang/en-US/user.ts
@@ -0,0 +1,21 @@
+export default {
+  profile: {
+    followers: 'Followers',
+    following: 'Following',
+    level: 'Level'
+  },
+  playlist: {
+    created: 'Created Playlists',
+    trackCount: '{count} tracks',
+    playCount: 'Played {count} times'
+  },
+  ranking: {
+    title: 'Listening History',
+    playCount: '{count} times'
+  },
+  message: {
+    loadFailed: 'Failed to load user page',
+    deleteSuccess: 'Successfully deleted',
+    deleteFailed: 'Failed to delete'
+  }
+};
--- a/src/i18n/lang/zh-CN/artist.ts
+++ b/src/i18n/lang/zh-CN/artist.ts
@@ -0,0 +1,5 @@
+export default {
+  hotSongs: '热门歌曲',
+  albums: '专辑',
+  description: '艺人介绍'
+};
--- a/src/i18n/lang/zh-CN/common.ts
+++ b/src/i18n/lang/zh-CN/common.ts
@@ -0,0 +1,46 @@
+export default {
+  play: '播放',
+  next: '下一首',
+  previous: '上一首',
+  volume: '音量',
+  settings: '设置',
+  search: '搜索',
+  loading: '加载中...',
+  loadingMore: '加载更多...',
+  alipay: '支付宝',
+  wechat: '微信支付',
+  on: '开启',
+  off: '关闭',
+  show: '显示',
+  hide: '隐藏',
+  confirm: '确认',
+  cancel: '取消',
+  configure: '配置',
+  open: '打开',
+  modify: '修改',
+  success: '操作成功',
+  error: '操作失败',
+  warning: '警告',
+  info: '提示',
+  save: '保存',
+  delete: '删除',
+  refresh: '刷新',
+  retry: '重试',
+  validation: {
+    required: '此项是必填的',
+    invalidInput: '输入无效',
+    selectRequired: '请选择一个选项',
+    numberRange: '请输入 {min} 到 {max} 之间的数字'
+  },
+  viewMore: '查看更多',
+  noMore: '没有更多了',
+  selectAll: '全选',
+  expand: '展开',
+  collapse: '收起',
+  songCount: '{count}首',
+  language: '语言',
+  tray: {
+    show: '显示',
+    quit: '退出'
+  }
+};
--- a/src/i18n/lang/zh-CN/comp.ts
+++ b/src/i18n/lang/zh-CN/comp.ts
@@ -0,0 +1,88 @@
+export default {
+  installApp: {
+    description: '在桌面安装应用，获得更好的体验',
+    noPrompt: '不再提示',
+    install: '立即安装',
+    cancel: '暂不安装',
+    download: '下载',
+    downloadFailed: '下载失败',
+    downloadComplete: '下载完成',
+    downloadProblem: '下载遇到问题？去',
+    downloadProblemLinkText: '下载最新版本'
+  },
+  playlistDrawer: {
+    title: '添加到歌单',
+    createPlaylist: '创建新歌单',
+    cancelCreate: '取消创建',
+    create: '创建',
+    playlistName: '歌单名称',
+    privatePlaylist: '私密歌单',
+    publicPlaylist: '公开歌单',
+    createSuccess: '歌单创建成功',
+    createFailed: '歌单创建失败',
+    addSuccess: '歌曲添加成功',
+    addFailed: '歌曲添加失败',
+    private: '私密',
+    public: '公开',
+    count: '首歌曲',
+    loginFirst: '请先登录',
+    getPlaylistFailed: '获取歌单失败',
+    inputPlaylistName: '请输入歌单名称'
+  },
+  update: {
+    title: '发现新版本',
+    currentVersion: '当前版本',
+    cancel: '暂不更新',
+    prepareDownload: '准备下载...',
+    downloading: '下载中...',
+    nowUpdate: '立即更新',
+    downloadFailed: '下载失败，请重试或手动下载',
+    startFailed: '启动下载失败，请重试或手动下载',
+    noDownloadUrl: '未找到适合当前系统的安装包，请手动下载'
+  },
+  coffee: {
+    title: '请我喝咖啡',
+    alipay: '支付宝',
+    wechat: '微信支付',
+    alipayQR: '支付宝收款码',
+    wechatQR: '微信收款码',
+    coffeeDesc: '一杯咖啡，一份支持',
+    coffeeDescLinkText: '查看更多',
+    qqGroup: 'QQ群：789288579',
+    messages: {
+      copySuccess: '已复制到剪贴板'
+    }
+  },
+  playlistType: {
+    title: '歌单分类',
+    showAll: '显示全部',
+    hide: '隐藏一些'
+  },
+  recommendAlbum: {
+    title: '最新专辑'
+  },
+  recommendSinger: {
+    title: '每日推荐',
+    songlist: '每日推荐列表'
+  },
+  recommendSonglist: {
+    title: '本周最热音乐'
+  },
+  searchBar: {
+    login: '登录',
+    toLogin: '去登录',
+    logout: '退出登录',
+    set: '设置',
+    theme: '主题',
+    restart: '重启',
+    refresh: '刷新',
+    currentVersion: '当前版本',
+    searchPlaceholder: '搜索点什么吧...'
+  },
+  titleBar: {
+    closeTitle: '请选择关闭方式',
+    minimizeToTray: '最小化到托盘',
+    exitApp: '退出应用',
+    rememberChoice: '记住我的选择'
+  }
+};
--- a/src/i18n/lang/zh-CN/donation.ts
+++ b/src/i18n/lang/zh-CN/donation.ts
@@ -0,0 +1,5 @@
+export default {
+  description: '您的捐赠将用于支持开发和维护工作，包括但不限于服务器维护、域名续费等。',
+  message: '留言时可留下您的邮箱或 github名称。',
+  refresh: '刷新列表'
+};
--- a/src/i18n/lang/zh-CN/download.ts
+++ b/src/i18n/lang/zh-CN/download.ts
@@ -0,0 +1,36 @@
+export default {
+  title: '下载管理',
+  localMusic: '本地音乐',
+  tabs: {
+    downloading: '下载中',
+    downloaded: '已下载'
+  },
+  empty: {
+    noTasks: '暂无下载任务',
+    noDownloaded: '暂无已下载歌曲'
+  },
+  progress: {
+    total: '总进度: {progress}%'
+  },
+  status: {
+    downloading: '下载中',
+    completed: '已完成',
+    failed: '失败',
+    unknown: '未知'
+  },
+  artist: {
+    unknown: '未知歌手'
+  },
+  delete: {
+    title: '删除确认',
+    message: '确定要删除歌曲 "{filename}" 吗？此操作不可恢复。',
+    confirm: '确定删除',
+    cancel: '取消',
+    success: '删除成功',
+    failed: '删除失败'
+  },
+  message: {
+    downloadComplete: '{filename} 下载完成',
+    downloadFailed: '{filename} 下载失败: {error}'
+  }
+};
--- a/src/i18n/lang/zh-CN/favorite.ts
+++ b/src/i18n/lang/zh-CN/favorite.ts
@@ -0,0 +1,11 @@
+export default {
+  title: '我的收藏',
+  count: '共 {count} 首',
+  batchDownload: '批量下载',
+  download: '下载 ({count})',
+  emptyTip: '还没有收藏歌曲',
+  downloadSuccess: '下载完成',
+  downloadFailed: '下载失败',
+  downloading: '正在下载中，请稍候...',
+  selectSongsFirst: '请先选择要下载的歌曲'
+};
--- a/src/i18n/lang/zh-CN/history.ts
+++ b/src/i18n/lang/zh-CN/history.ts
@@ -0,0 +1,5 @@
+export default {
+  title: '播放历史',
+  playCount: '{count}',
+  getHistoryFailed: '获取历史记录失败'
+};
--- a/src/i18n/lang/zh-CN/index.ts
+++ b/src/i18n/lang/zh-CN/index.ts
@@ -0,0 +1,29 @@
+import artist from './artist';
+import common from './common';
+import comp from './comp';
+import donation from './donation';
+import download from './download';
+import favorite from './favorite';
+import history from './history';
+import login from './login';
+import player from './player';
+import search from './search';
+import settings from './settings';
+import songItem from './songItem';
+import user from './user';
+
+export default {
+  common,
+  donation,
+  favorite,
+  history,
+  login,
+  player,
+  search,
+  settings,
+  songItem,
+  user,
+  download,
+  comp,
+  artist
+};
--- a/src/i18n/lang/zh-CN/login.ts
+++ b/src/i18n/lang/zh-CN/login.ts
@@ -0,0 +1,22 @@
+export default {
+  title: {
+    qr: '扫码登录',
+    phone: '手机号登录'
+  },
+  qrTip: '使用网易云APP扫码登录',
+  phoneTip: '使用网易云账号登录',
+  placeholder: {
+    phone: '手机号',
+    password: '密码'
+  },
+  button: {
+    login: '登录',
+    switchToQr: '扫码登录',
+    switchToPhone: '手机号登录'
+  },
+  message: {
+    loginSuccess: '登录成功',
+    loadError: '加载登录信息时出错',
+    qrCheckError: '检查二维码状态时出错'
+  }
+};
--- a/src/i18n/lang/zh-CN/player.ts
+++ b/src/i18n/lang/zh-CN/player.ts
@@ -0,0 +1,76 @@
+export default {
+  nowPlaying: '正在播放',
+  playlist: '播放列表',
+  lyrics: '歌词',
+  previous: '上一个',
+  play: '播放',
+  pause: '暂停',
+  next: '下一个',
+  volumeUp: '音量增加',
+  volumeDown: '音量减少',
+  mute: '静音',
+  unmute: '取消静音',
+  songNum: '歌曲总数：{num}',
+  playMode: {
+    sequence: '顺序播放',
+    loop: '循环播放',
+    random: '随机播放'
+  },
+  fullscreen: {
+    enter: '全屏',
+    exit: '退出全屏'
+  },
+  close: '关闭',
+  modeHint: {
+    single: '单曲循环',
+    list: '自动播放下一个'
+  },
+  lrc: {
+    noLrc: '暂无歌词, 请欣赏'
+  },
+  playBar: {
+    expand: '展开歌词',
+    collapse: '收起歌词',
+    like: '喜欢',
+    lyric: '歌词',
+    noSongPlaying: '没有正在播放的歌曲',
+    eq: '均衡器',
+    playList: '播放列表',
+    playMode: {
+      sequence: '顺序播放',
+      loop: '循环播放',
+      random: '随机播放'
+    },
+    play: '开始播放',
+    pause: '暂停播放',
+    prev: '上一首',
+    next: '下一首',
+    volume: '音量',
+    favorite: '已收藏{name}',
+    unFavorite: '已取消收藏{name}'
+  },
+  eq: {
+    title: '均衡器',
+    reset: '重置',
+    on: '开启',
+    off: '关闭',
+    bass: '低音',
+    midrange: '中音',
+    treble: '高音',
+    presets: {
+      flat: '平坦',
+      pop: '流行',
+      rock: '摇滚',
+      classical: '古典',
+      jazz: '爵士',
+      electronic: '电子',
+      hiphop: '嘻哈',
+      rb: 'R&B',
+      metal: '金属',
+      vocal: '人声',
+      dance: '舞曲',
+      acoustic: '原声',
+      custom: '自定义'
+    }
+  }
+};
--- a/src/i18n/lang/zh-CN/search.ts
+++ b/src/i18n/lang/zh-CN/search.ts
@@ -0,0 +1,19 @@
+export default {
+  title: {
+    hotSearch: '热搜列表',
+    searchList: '搜索列表',
+    searchHistory: '搜索历史'
+  },
+  button: {
+    clear: '清空',
+    back: '返回'
+  },
+  loading: {
+    more: '加载中...',
+    failed: '搜索失败'
+  },
+  noMore: '没有更多了',
+  error: {
+    searchFailed: '搜索失败'
+  }
+};
--- a/src/i18n/lang/zh-CN/settings.ts
+++ b/src/i18n/lang/zh-CN/settings.ts
@@ -0,0 +1,208 @@
+export default {
+  theme: '主题',
+  language: '语言',
+  regard: '关于',
+  logout: '退出登录',
+  sections: {
+    basic: '基础设置',
+    playback: '播放设置',
+    application: '应用设置',
+    network: '网络设置',
+    system: '系统管理',
+    donation: '捐赠支持',
+    regard: '关于'
+  },
+  basic: {
+    themeMode: '主题模式',
+    themeModeDesc: '切换日间/夜间主题',
+    language: '语言设置',
+    languageDesc: '切换显示语言',
+    font: '字体设置',
+    fontDesc: '选择字体，优先使用排在前面的字体',
+    fontScope: {
+      global: '全局',
+      lyric: '仅歌词'
+    },
+    animation: '动画速度',
+    animationDesc: '是否开启动画',
+    animationSpeed: {
+      slow: '极慢',
+      normal: '正常',
+      fast: '极快'
+    },
+    fontPreview: {
+      title: '字体预览',
+      chinese: '中文',
+      english: 'English',
+      japanese: '日本語',
+      korean: '한국어',
+      chineseText: '静夜思 床前明月光 疑是地上霜',
+      englishText: 'The quick brown fox jumps over the lazy dog',
+      japaneseText: 'あいうえお かきくけこ さしすせそ',
+      koreanText: '가나다라마 바사아자차 카타파하'
+    }
+  },
+  playback: {
+    quality: '音质设置',
+    qualityDesc: '选择音乐播放音质（VIP）',
+    qualityOptions: {
+      standard: '标准',
+      higher: '较高',
+      exhigh: '极高',
+      lossless: '无损',
+      hires: 'Hi-Res',
+      jyeffect: '高清环绕声',
+      sky: '沉浸环绕声',
+      dolby: '杜比全景声',
+      jymaster: '超清母带'
+    },
+    autoPlay: '自动播放',
+    autoPlayDesc: '重新打开应用时是否自动继续播放'
+  },
+  application: {
+    closeAction: '关闭行为',
+    closeActionDesc: '选择关闭窗口时的行为',
+    closeOptions: {
+      ask: '每次询问',
+      minimize: '最小化到托盘',
+      close: '直接退出'
+    },
+    shortcut: '快捷键设置',
+    shortcutDesc: '自定义全局快捷键',
+    download: '下载管理',
+    downloadDesc: '是否始终显示下载列表按钮',
+    downloadPath: '下载目录',
+    downloadPathDesc: '选择音乐文件的下载位置'
+  },
+  network: {
+    apiPort: '音乐API端口',
+    apiPortDesc: '修改后需要重启应用',
+    proxy: '代理设置',
+    proxyDesc: '无法访问音乐时可以开启代理',
+    proxyHost: '代理地址',
+    proxyHostPlaceholder: '请输入代理地址',
+    proxyPort: '代理端口',
+    proxyPortPlaceholder: '请输入代理端口',
+    realIP: 'realIP设置',
+    realIPDesc: '由于限制,此项目在国外使用会受到限制可使用realIP参数,传进国内IP解决',
+    messages: {
+      proxySuccess: '代理设置已保存，重启应用后生效',
+      proxyError: '请检查输入是否正确',
+      realIPSuccess: '真实IP设置已保存',
+      realIPError: '请输入有效的IP地址'
+    }
+  },
+  system: {
+    cache: '缓存管理',
+    cacheDesc: '清除缓存',
+    cacheClearTitle: '请选择要清除的缓存类型：',
+    cacheTypes: {
+      history: {
+        label: '播放历史',
+        description: '清除播放过的歌曲记录'
+      },
+      favorite: {
+        label: '收藏记录',
+        description: '清除本地收藏的歌曲记录(不会影响云端收藏)'
+      },
+      user: {
+        label: '用户数据',
+        description: '清除登录信息和用户相关数据'
+      },
+      settings: {
+        label: '应用设置',
+        description: '清除应用的所有自定义设置'
+      },
+      downloads: {
+        label: '下载记录',
+        description: '清除下载历史记录(不会删除已下载的文件)'
+      },
+      resources: {
+        label: '音乐资源',
+        description: '清除已加载的音乐文件、歌词等资源缓存'
+      },
+      lyrics: {
+        label: '歌词资源',
+        description: '清除已加载的歌词资源缓存'
+      }
+    },
+    restart: '重启',
+    restartDesc: '重启应用',
+    messages: {
+      clearSuccess: '清除成功，部分设置在重启后生效'
+    }
+  },
+  about: {
+    version: '版本',
+    checkUpdate: '检查更新',
+    checking: '检查中...',
+    latest: '当前已是最新版本',
+    hasUpdate: '发现新版本',
+    gotoUpdate: '前往更新',
+    gotoGithub: '前往 Github',
+    author: '作者',
+    authorDesc: 'algerkong 点个star🌟呗',
+    messages: {
+      checkError: '检查更新失败，请稍后重试'
+    }
+  },
+  validation: {
+    selectProxyProtocol: '请选择代理协议',
+    proxyHost: '请输入代理地址',
+    portNumber: '请输入有效的端口号(1-65535)'
+  },
+  lyricSettings: {
+    title: '页面设置',
+    pureMode: '纯净模式',
+    hideCover: '隐藏封面',
+    centerDisplay: '居中显示',
+    showTranslation: '显示翻译',
+    hidePlayBar: '隐藏播放栏',
+    fontSize: '字体大小',
+    fontSizeMarks: {
+      small: '小',
+      medium: '中',
+      large: '大'
+    },
+    letterSpacing: '文字间距',
+    letterSpacingMarks: {
+      compact: '紧凑',
+      default: '默认',
+      loose: '宽松'
+    },
+    lineHeight: '行高',
+    lineHeightMarks: {
+      compact: '紧凑',
+      default: '默认',
+      loose: '宽松'
+    },
+    backgroundTheme: '背景主题',
+    themeOptions: {
+      default: '默认',
+      light: '亮色',
+      dark: '暗色'
+    }
+  },
+  shortcutSettings: {
+    title: '快捷键设置',
+    shortcut: '快捷键',
+    shortcutDesc: '自定义快捷键',
+    shortcutConflict: '快捷键冲突',
+    inputPlaceholder: '点击输入快捷键',
+    resetShortcuts: '恢复默认',
+    togglePlay: '播放/暂停',
+    prevPlay: '上一首',
+    nextPlay: '下一首',
+    volumeUp: '音量增加',
+    volumeDown: '音量减少',
+    toggleFavorite: '收藏/取消收藏',
+    toggleWindow: '显示/隐藏窗口',
+    messages: {
+      resetSuccess: '已恢复默认快捷键，请记得保存',
+      conflict: '存在冲突的快捷键，请重新设置',
+      saveSuccess: '快捷键设置已保存',
+      saveError: '保存快捷键失败，请重试',
+      cancelEdit: '已取消修改'
+    }
+  }
+};
--- a/src/i18n/lang/zh-CN/songItem.ts
+++ b/src/i18n/lang/zh-CN/songItem.ts
@@ -0,0 +1,18 @@
+export default {
+  menu: {
+    play: '播放',
+    playNext: '下一首播放',
+    download: '下载歌曲',
+    addToPlaylist: '添加到歌单',
+    favorite: '喜欢',
+    unfavorite: '取消喜欢',
+    removeFromPlaylist: '从歌单中删除'
+  },
+  message: {
+    downloading: '正在下载中，请稍候...',
+    downloadFailed: '下载失败',
+    downloadQueued: '已加入下载队列',
+    addedToNextPlay: '已添加到下一首播放',
+    getUrlFailed: '获取音乐下载地址失败'
+  }
+};
--- a/src/i18n/lang/zh-CN/user.ts
+++ b/src/i18n/lang/zh-CN/user.ts
@@ -0,0 +1,21 @@
+export default {
+  profile: {
+    followers: '粉丝',
+    following: '关注',
+    level: '等级'
+  },
+  playlist: {
+    created: '创建的歌单',
+    trackCount: '{count}首',
+    playCount: '播放{count}次'
+  },
+  ranking: {
+    title: '听歌排行',
+    playCount: '{count}次'
+  },
+  message: {
+    loadFailed: '加载用户页面失败',
+    deleteSuccess: '删除成功',
+    deleteFailed: '删除失败'
+  }
+};
--- a/src/i18n/main.ts
+++ b/src/i18n/main.ts
@@ -0,0 +1,38 @@
+import enUS from './lang/en-US';
+import zhCN from './lang/zh-CN';
+
+const messages = {
+  'zh-CN': zhCN,
+  'en-US': enUS
+} as const;
+
+type Language = keyof typeof messages;
+
+// 为主进程提供一个简单的 i18n 实现
+const mainI18n = {
+  global: {
+    currentLocale: 'zh-CN' as Language,
+    get locale() {
+      return this.currentLocale;
+    },
+    set locale(value: Language) {
+      this.currentLocale = value;
+    },
+    t(key: string) {
+      const keys = key.split('.');
+      let current: any = messages[this.currentLocale];
+      for (const k of keys) {
+        if (current[k] === undefined) {
+          // 如果找不到翻译，返回键名
+          return key;
+        }
+        current = current[k];
+      }
+      return current;
+    },
+    messages
+  }
+};
+
+export type { Language };
+export default mainI18n;
--- a/src/i18n/renderer.ts
+++ b/src/i18n/renderer.ts
@@ -0,0 +1,21 @@
+import { createI18n } from 'vue-i18n';
+
+import enUS from './lang/en-US';
+import zhCN from './lang/zh-CN';
+
+const messages = {
+  'zh-CN': zhCN,
+  'en-US': enUS
+};
+
+const i18n = createI18n({
+  legacy: false,
+  locale: 'zh-CN',
+  fallbackLocale: 'en-US',
+  messages,
+  globalInjection: true,
+  silentTranslationWarn: true,
+  silentFallbackWarn: true
+});
+
+export default i18n;
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -2,11 +2,15 @@ import { electronApp, optimizer } from '@electron-toolkit/utils';
 import { app, ipcMain, nativeImage } from 'electron';
 import { join } from 'path';

+import type { Language } from '../i18n/main';
+import i18n from '../i18n/main';
 import { loadLyricWindow } from './lyric';
 import { initializeConfig } from './modules/config';
 import { initializeFileManager } from './modules/fileManager';
+import { initializeFonts } from './modules/fonts';
 import { initializeShortcuts, registerShortcuts } from './modules/shortcuts';
-import { initializeTray } from './modules/tray';
+import { initializeTray, updateTrayMenu } from './modules/tray';
+import { setupUpdateHandlers } from './modules/update';
 import { createMainWindow, initializeWindowManager } from './modules/window';
 import { startMusicApi } from './server';

@@ -25,11 +29,20 @@ let mainWindow: Electron.BrowserWindow;
 // 初始化应用
 function initialize() {
  // 初始化配置管理
-  initializeConfig();
+  const store = initializeConfig();
+
+  // 设置初始语言
+  const savedLanguage = store.get('set.language') as Language;
+  if (savedLanguage) {
+    i18n.global.locale = savedLanguage;
+  }
+
  // 初始化文件管理
  initializeFileManager();
  // 初始化窗口管理
  initializeWindowManager();
+  // 初始化字体管理
+  initializeFonts();

  // 创建主窗口
  mainWindow = createMainWindow(icon);
@@ -45,46 +58,77 @@ function initialize() {

  // 初始化快捷键
  initializeShortcuts(mainWindow);
+
+  // 初始化更新处理程序
+  setupUpdateHandlers(mainWindow);
 }

-// 应用程序准备就绪时的处理
-app.whenReady().then(() => {
-  // 设置应用ID
-  electronApp.setAppUserModelId('com.alger.music');
+// 检查是否为第一个实例
+const isSingleInstance = app.requestSingleInstanceLock();

-  // 监听窗口创建事件
-  app.on('browser-window-created', (_, window) => {
-    optimizer.watchWindowShortcuts(window);
+if (!isSingleInstance) {
+  app.quit();
+} else {
+  // 当第二个实例启动时，将焦点转移到第一个实例的窗口
+  app.on('second-instance', () => {
+    if (mainWindow) {
+      if (mainWindow.isMinimized()) {
+        mainWindow.restore();
+      }
+      mainWindow.show();
+      mainWindow.focus();
+    }
  });

-  // 初始化应用
-  initialize();
+  // 应用程序准备就绪时的处理
+  app.whenReady().then(() => {
+    // 设置应用ID
+    electronApp.setAppUserModelId('com.alger.music');

-  // macOS 激活应用时的处理
-  app.on('activate', () => {
-    if (mainWindow === null) initialize();
+    // 监听窗口创建事件
+    app.on('browser-window-created', (_, window) => {
+      optimizer.watchWindowShortcuts(window);
+    });
+
+    // 初始化应用
+    initialize();
+
+    // macOS 激活应用时的处理
+    app.on('activate', () => {
+      if (mainWindow === null) initialize();
+    });
  });
-});

-// 监听快捷键更新
-ipcMain.on('update-shortcuts', () => {
-  registerShortcuts(mainWindow);
-});
+  // 监听快捷键更新
+  ipcMain.on('update-shortcuts', () => {
+    registerShortcuts(mainWindow);
+  });

-// 所有窗口关闭时的处理
-app.on('window-all-closed', () => {
-  if (process.platform !== 'darwin') {
-    app.quit();
-  }
-});
+  // 监听语言切换
+  ipcMain.on('change-language', (_, locale: Language) => {
+    // 更新主进程的语言设置
+    i18n.global.locale = locale;
+    // 更新托盘菜单
+    updateTrayMenu();
+    // 通知所有窗口语言已更改
+    mainWindow?.webContents.send('language-changed', locale);
+  });

-// 重启应用
-ipcMain.on('restart', () => {
-  app.relaunch();
-  app.exit(0);
-});
+  // 所有窗口关闭时的处理
+  app.on('window-all-closed', () => {
+    if (process.platform !== 'darwin') {
+      app.quit();
+    }
+  });

-// 获取系统架构信息
-ipcMain.on('get-arch', (event) => {
-  event.returnValue = process.arch;
-});
+  // 重启应用
+  ipcMain.on('restart', () => {
+    app.relaunch();
+    app.exit(0);
+  });
+
+  // 获取系统架构信息
+  ipcMain.on('get-arch', (event) => {
+    event.returnValue = process.arch;
+  });
+}
--- a/src/main/lyric.ts
+++ b/src/main/lyric.ts
@@ -25,9 +25,15 @@ const createWin = () => {
  const validPosition =
    x !== undefined && y !== undefined && x >= 0 && y >= 0 && x < screenWidth && y < screenHeight;

+  // 确保宽高合理
+  const defaultWidth = 800;
+  const defaultHeight = 200;
+  const validWidth = width && width > 0 ? width : defaultWidth;
+  const validHeight = height && height > 0 ? height : defaultHeight;
+
  lyricWindow = new BrowserWindow({
-    width: width || 800,
-    height: height || 200,
+    width: validWidth,
+    height: validHeight,
    x: validPosition ? x : undefined,
    y: validPosition ? y : undefined,
    frame: false,
@@ -50,6 +56,17 @@ const createWin = () => {
    }
  });

+  // 监听窗口大小变化事件，保存新的尺寸
+  lyricWindow.on('resize', () => {
+    if (lyricWindow && !lyricWindow.isDestroyed()) {
+      const [width, height] = lyricWindow.getSize();
+      const [x, y] = lyricWindow.getPosition();
+
+      // 保存窗口位置和大小
+      store.set('lyricWindowBounds', { x, y, width, height });
+    }
+  });
+
  return lyricWindow;
 };

@@ -118,6 +135,7 @@ export const loadLyricWindow = (ipcMain: IpcMain, mainWin: BrowserWindow): void
    if (lyricWindow && !lyricWindow.isDestroyed()) {
      lyricWindow.webContents.send('lyric-window-close');
      mainWin.webContents.send('lyric-control-back', 'close');
+      mainWin.webContents.send('lyric-window-closed');
      lyricWindow.destroy();
      lyricWindow = null;
    }
@@ -150,12 +168,14 @@ export const loadLyricWindow = (ipcMain: IpcMain, mainWin: BrowserWindow): void

    lyricWindow.setPosition(newX, newY);

-    // 保存新位置
-    store.set('lyricWindowBounds', {
-      ...lyricWindow.getBounds(),
+    // 保存新位置，但只保存位置信息，不使用getBounds()避免在Windows下引起尺寸变化
+    const bounds = {
      x: newX,
-      y: newY
-    });
+      y: newY,
+      width: windowWidth, // 使用当前保存的宽度
+      height: windowHeight // 使用当前保存的高度
+    };
+    store.set('lyricWindowBounds', bounds);
  });

  // 添加鼠标穿透事件处理
--- a/src/main/modules/config.ts
+++ b/src/main/modules/config.ts
@@ -4,15 +4,29 @@ import Store from 'electron-store';
 import set from '../set.json';
 import { defaultShortcuts } from './shortcuts';

-interface StoreType {
-  set: {
-    isProxy: boolean;
-    noAnimate: boolean;
-    animationSpeed: number;
-    author: string;
-    authorUrl: string;
-    musicApiPort: number;
+type SetConfig = {
+  isProxy: boolean;
+  proxyConfig: {
+    enable: boolean;
+    protocol: string;
+    host: string;
+    port: number;
  };
+  enableRealIP: boolean;
+  realIP: string;
+  noAnimate: boolean;
+  animationSpeed: number;
+  author: string;
+  authorUrl: string;
+  musicApiPort: number;
+  closeAction: 'ask' | 'minimize' | 'close';
+  musicQuality: string;
+  fontFamily: string;
+  fontScope: 'global' | 'lyric';
+  language: string;
+};
+interface StoreType {
+  set: SetConfig;
  shortcuts: typeof defaultShortcuts;
 }

@@ -25,7 +39,7 @@ export function initializeConfig() {
  store = new Store<StoreType>({
    name: 'config',
    defaults: {
-      set,
+      set: set as SetConfig,
      shortcuts: defaultShortcuts
    }
  });
--- a/src/main/modules/fileManager.ts
+++ b/src/main/modules/fileManager.ts
@@ -60,13 +60,22 @@ export function initializeFileManager() {
  // 通用的打开目录处理
  ipcMain.on('open-directory', (_, filePath) => {
    try {
-      if (fs.statSync(filePath).isDirectory()) {
-        shell.openPath(filePath);
+      // 验证文件路径
+      if (!filePath) {
+        console.error('无效的文件路径: 路径为空');
+        return;
+      }
+
+      // 统一处理路径分隔符
+      const normalizedPath = path.normalize(filePath);
+
+      if (fs.statSync(normalizedPath).isDirectory()) {
+        shell.openPath(normalizedPath);
      } else {
-        shell.showItemInFolder(filePath);
+        shell.showItemInFolder(normalizedPath);
      }
    } catch (error) {
-      console.error('Error opening path:', error);
+      console.error('打开路径失败:', error);
    }
  });

--- a/src/main/modules/fonts.ts
+++ b/src/main/modules/fonts.ts
@@ -0,0 +1,42 @@
+import { ipcMain } from 'electron';
+import { getFonts } from 'font-list';
+
+/**
+ * 清理字体名称
+ * @param fontName 原始字体名称
+ * @returns 清理后的字体名称
+ */
+function cleanFontName(fontName: string): string {
+  return fontName
+    .trim()
+    .replace(/^["']|["']$/g, '') // 移除首尾的引号
+    .replace(/\s+/g, ' '); // 将多个空格替换为单个空格
+}
+
+/**
+ * 获取系统字体列表
+ */
+async function getSystemFonts(): Promise<string[]> {
+  try {
+    // 使用 font-list 获取系统字体
+    const fonts = await getFonts();
+    // 清理字体名称并去重
+    const cleanedFonts = [...new Set(fonts.map(cleanFontName))];
+    // 添加系统默认字体并排序
+    return ['system-ui', ...cleanedFonts].sort();
+  } catch (error) {
+    console.error('获取系统字体失败:', error);
+    // 如果获取失败，至少返回系统默认字体
+    return ['system-ui'];
+  }
+}
+
+/**
+ * 初始化字体管理模块
+ */
+export function initializeFonts() {
+  // 添加获取系统字体的 IPC 处理
+  ipcMain.handle('get-system-fonts', async () => {
+    return await getSystemFonts();
+  });
+}
--- a/src/main/modules/tray.ts
+++ b/src/main/modules/tray.ts
@@ -1,8 +1,59 @@
 import { app, BrowserWindow, Menu, nativeImage, Tray } from 'electron';
 import { join } from 'path';

+import type { Language } from '../../i18n/main';
+import i18n from '../../i18n/main';
+
 let tray: Tray | null = null;

+const LANGUAGES: { label: string; value: Language }[] = [
+  { label: '简体中文', value: 'zh-CN' },
+  { label: 'English', value: 'en-US' }
+];
+
+// 导出更新菜单的函数
+export function updateTrayMenu() {
+  if (!tray) return;
+
+  // 创建一个上下文菜单
+  const contextMenu = Menu.buildFromTemplate([
+    {
+      label: i18n.global.t('common.tray.show'),
+      click: () => {
+        BrowserWindow.getAllWindows()[0]?.show();
+      }
+    },
+    { type: 'separator' },
+    {
+      label: i18n.global.t('common.language'),
+      submenu: LANGUAGES.map(({ label, value }) => ({
+        label,
+        type: 'radio',
+        checked: i18n.global.locale === value,
+        click: () => {
+          // 更新主进程的语言设置
+          i18n.global.locale = value;
+          // 更新托盘菜单
+          updateTrayMenu();
+          // 通知渲染进程
+          const win = BrowserWindow.getAllWindows()[0];
+          win?.webContents.send('set-language', value);
+        }
+      }))
+    },
+    { type: 'separator' },
+    {
+      label: i18n.global.t('common.tray.quit'),
+      click: () => {
+        app.quit();
+      }
+    }
+  ]);
+
+  // 设置系统托盘图标的上下文菜单
+  tray.setContextMenu(contextMenu);
+}
+
 /**
 * 初始化系统托盘
 */
@@ -12,25 +63,8 @@ export function initializeTray(iconPath: string, mainWindow: BrowserWindow) {
    .resize({ width: 16, height: 16 });
  tray = new Tray(trayIcon);

-  // 创建一个上下文菜单
-  const contextMenu = Menu.buildFromTemplate([
-    {
-      label: '显示',
-      click: () => {
-        mainWindow.show();
-      }
-    },
-    {
-      label: '退出',
-      click: () => {
-        mainWindow.destroy();
-        app.quit();
-      }
-    }
-  ]);
-
-  // 设置系统托盘图标的上下文菜单
-  tray.setContextMenu(contextMenu);
+  // 初始化菜单
+  updateTrayMenu();

  // 当系统托盘图标被点击时，切换窗口的显示/隐藏
  tray.on('click', () => {
--- a/src/main/modules/update.ts
+++ b/src/main/modules/update.ts
@@ -0,0 +1,90 @@
+import axios from 'axios';
+import { exec } from 'child_process';
+import { app, BrowserWindow, ipcMain } from 'electron';
+import * as fs from 'fs';
+import * as path from 'path';
+
+export function setupUpdateHandlers(_mainWindow: BrowserWindow) {
+  ipcMain.on('start-download', async (event, url: string) => {
+    try {
+      const response = await axios({
+        url,
+        method: 'GET',
+        responseType: 'stream',
+        onDownloadProgress: (progressEvent: { loaded: number; total?: number }) => {
+          if (!progressEvent.total) return;
+          const percent = Math.round((progressEvent.loaded / progressEvent.total) * 100);
+          const downloaded = (progressEvent.loaded / 1024 / 1024).toFixed(2);
+          const total = (progressEvent.total / 1024 / 1024).toFixed(2);
+          event.sender.send('download-progress', percent, `已下载 ${downloaded}MB / ${total}MB`);
+        }
+      });
+
+      const fileName = url.split('/').pop() || 'update.exe';
+      const downloadPath = path.join(app.getPath('downloads'), fileName);
+
+      // 创建写入流
+      const writer = fs.createWriteStream(downloadPath);
+
+      // 将响应流写入文件
+      response.data.pipe(writer);
+
+      // 处理写入完成
+      writer.on('finish', () => {
+        event.sender.send('download-complete', true, downloadPath);
+      });
+
+      // 处理写入错误
+      writer.on('error', (error) => {
+        console.error('Write file error:', error);
+        event.sender.send('download-complete', false, '');
+      });
+    } catch (error) {
+      console.error('Download failed:', error);
+      event.sender.send('download-complete', false, '');
+    }
+  });
+
+  ipcMain.on('install-update', (_event, filePath: string) => {
+    if (!fs.existsSync(filePath)) {
+      console.error('Installation file not found:', filePath);
+      return;
+    }
+
+    const { platform } = process;
+
+    // 关闭当前应用
+    app.quit();
+
+    // 根据不同平台执行安装
+    if (platform === 'win32') {
+      exec(`"${filePath}"`, (error) => {
+        if (error) {
+          console.error('Error starting installer:', error);
+        }
+      });
+    } else if (platform === 'darwin') {
+      // 挂载 DMG 文件
+      exec(`open "${filePath}"`, (error) => {
+        if (error) {
+          console.error('Error opening DMG:', error);
+        }
+      });
+    } else if (platform === 'linux') {
+      const ext = path.extname(filePath);
+      if (ext === '.AppImage') {
+        exec(`chmod +x "${filePath}" && "${filePath}"`, (error) => {
+          if (error) {
+            console.error('Error running AppImage:', error);
+          }
+        });
+      } else if (ext === '.deb') {
+        exec(`pkexec dpkg -i "${filePath}"`, (error) => {
+          if (error) {
+            console.error('Error installing deb package:', error);
+          }
+        });
+      }
+    }
+  });
+}
--- a/src/main/modules/window.ts
+++ b/src/main/modules/window.ts
@@ -91,7 +91,8 @@ export function createMainWindow(icon: Electron.NativeImage): BrowserWindow {
    webPreferences: {
      preload: join(__dirname, '../preload/index.js'),
      sandbox: false,
-      contextIsolation: true
+      contextIsolation: true,
+      webSecurity: false
    }
  });

--- a/src/main/set.json
+++ b/src/main/set.json
@@ -14,5 +14,11 @@
  "authorUrl": "https://github.com/algerkong",
  "musicApiPort": 30488,
  "closeAction": "ask",
-  "musicQuality": "higher"
+  "musicQuality": "higher",
+  "fontFamily": "system-ui",
+  "fontScope": "global",
+  "autoPlay": false,
+  "downloadPath": "",
+  "language": "zh-CN",
+  "alwaysShowDownloadButton": false
 }
--- a/src/main/unblockMusic.ts
+++ b/src/main/unblockMusic.ts
@@ -1,5 +1,4 @@
 import match from '@unblockneteasemusic/server';
-import Store from 'electron-store';

 type Platform = 'qq' | 'migu' | 'kugou' | 'pyncmd' | 'joox' | 'kuwo' | 'bilibili' | 'youtube';

@@ -28,73 +27,6 @@ interface UnblockResult {
  };
 }

-interface CacheData extends UnblockResult {
-  timestamp: number;
-}
-
-interface CacheStore {
-  [key: string]: CacheData;
-}
-
-// 初始化缓存存储
-const store = new Store<CacheStore>({
-  name: 'unblock-cache'
-});
-
-// 缓存过期时间（24小时）
-const CACHE_EXPIRY = 24 * 60 * 60 * 1000;
-
-/**
- * 检查缓存是否有效
- * @param cacheData 缓存数据
- * @returns boolean
- */
-const isCacheValid = (cacheData: CacheData | null): boolean => {
-  if (!cacheData) return false;
-  const now = Date.now();
-  return now - cacheData.timestamp < CACHE_EXPIRY;
-};
-
-/**
- * 从缓存中获取数据
- * @param id 歌曲ID
- * @returns CacheData | null
- */
-const getFromCache = (id: string | number): CacheData | null => {
-  const cacheData = store.get(String(id)) as CacheData | null;
-  if (isCacheValid(cacheData)) {
-    return cacheData;
-  }
-  // 清除过期缓存
-  store.delete(String(id));
-  return null;
-};
-
-/**
- * 将数据存入缓存
- * @param id 歌曲ID
- * @param data 解析结果
- */
-const saveToCache = (id: string | number, data: UnblockResult): void => {
-  const cacheData: CacheData = {
-    ...data,
-    timestamp: Date.now()
-  };
-  store.set(String(id), cacheData);
-};
-
-/**
- * 清理过期缓存
- */
-const cleanExpiredCache = (): void => {
-  const allData = store.store;
-  Object.entries(allData).forEach(([id, data]) => {
-    if (!isCacheValid(data)) {
-      store.delete(id);
-    }
-  });
-};
-
 /**
 * 音乐解析函数
 * @param id 歌曲ID
@@ -107,12 +39,6 @@ const unblockMusic = async (
  songData: SongData,
  retryCount = 3
 ): Promise<UnblockResult> => {
-  // 检查缓存
-  const cachedData = getFromCache(id);
-  if (cachedData) {
-    return cachedData;
-  }
-
  // 所有可用平台
  const platforms: Platform[] = ['migu', 'kugou', 'pyncmd', 'joox', 'kuwo', 'bilibili', 'youtube'];

@@ -128,9 +54,6 @@ const unblockMusic = async (
          }
        }
      };
-
-      // 保存到缓存
-      saveToCache(id, result);
      return result;
    } catch (err) {
      if (attempt < retryCount) {
@@ -149,14 +72,4 @@ const unblockMusic = async (
  return retry(1);
 };

-// 定期清理过期缓存（每小时执行一次）
-setInterval(cleanExpiredCache, 60 * 60 * 1000);
-
-export {
-  cleanExpiredCache, // 导出清理缓存函数，以便手动调用
-  type Platform,
-  type ResponseData,
-  type SongData,
-  unblockMusic,
-  type UnblockResult
-};
+export { type Platform, type ResponseData, type SongData, unblockMusic, type UnblockResult };
--- a/src/preload/index.d.ts
+++ b/src/preload/index.d.ts
@@ -13,6 +13,11 @@ declare global {
      miniTray: () => void;
      restart: () => void;
      unblockMusic: (id: number, data: any) => Promise<any>;
+      onLyricWindowClosed: (callback: () => void) => void;
+      startDownload: (url: string) => void;
+      onDownloadProgress: (callback: (progress: number, status: string) => void) => void;
+      onDownloadComplete: (callback: (success: boolean, filePath: string) => void) => void;
+      removeDownloadListeners: () => void;
      invoke: (channel: string, ...args: any[]) => Promise<any>;
    };
    $message: any;
--- a/src/preload/index.ts
+++ b/src/preload/index.ts
@@ -12,13 +12,36 @@ const api = {
  openLyric: () => ipcRenderer.send('open-lyric'),
  sendLyric: (data) => ipcRenderer.send('send-lyric', data),
  unblockMusic: (id) => ipcRenderer.invoke('unblock-music', id),
+  // 歌词窗口关闭事件
+  onLyricWindowClosed: (callback: () => void) => {
+    ipcRenderer.on('lyric-window-closed', () => callback());
+  },
+  // 更新相关
+  startDownload: (url: string) => ipcRenderer.send('start-download', url),
+  onDownloadProgress: (callback: (progress: number, status: string) => void) => {
+    ipcRenderer.on('download-progress', (_event, progress, status) => callback(progress, status));
+  },
+  onDownloadComplete: (callback: (success: boolean, filePath: string) => void) => {
+    ipcRenderer.on('download-complete', (_event, success, filePath) => callback(success, filePath));
+  },
+  removeDownloadListeners: () => {
+    ipcRenderer.removeAllListeners('download-progress');
+    ipcRenderer.removeAllListeners('download-complete');
+  },
  // 歌词缓存相关
  invoke: (channel: string, ...args: any[]) => {
-    const validChannels = ['get-cached-lyric', 'cache-lyric', 'clear-lyric-cache'];
+    const validChannels = [
+      'get-lyrics',
+      'clear-lyrics-cache',
+      'get-system-fonts',
+      'get-cached-lyric',
+      'cache-lyric',
+      'clear-lyric-cache'
+    ];
    if (validChannels.includes(channel)) {
      return ipcRenderer.invoke(channel, ...args);
    }
-    return Promise.reject(new Error(`Invalid channel: ${channel}`));
+    return Promise.reject(new Error(`未授权的 IPC 通道: ${channel}`));
  }
 };

--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -12,27 +12,91 @@

 <script setup lang="ts">
 import { darkTheme, lightTheme } from 'naive-ui';
-import { onMounted } from 'vue';
+import { computed, onMounted, onUnmounted, watch } from 'vue';
+import { useI18n } from 'vue-i18n';

 import homeRouter from '@/router/home';
-import store from '@/store';
+import globalStore from '@/store';
 import { isElectron } from '@/utils';

 import { isMobile } from './utils';

+const { locale } = useI18n();
+
+const savedLanguage = isElectron
+  ? window.electron.ipcRenderer.sendSync('get-store-value', 'set.language')
+  : JSON.parse(localStorage.getItem('appSettings') || '{}').language || 'zh-CN';
+if (savedLanguage) {
+  locale.value = savedLanguage;
+}
+
 const theme = computed(() => {
-  return store.state.theme;
+  return globalStore.state.theme;
 });

+// 监听字体变化并应用
+watch(
+  () => [globalStore.state.setData.fontFamily, globalStore.state.setData.fontScope],
+  ([newFont, fontScope]) => {
+    const appElement = document.body;
+    if (!appElement) return;
+
+    const defaultFonts =
+      'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
+
+    // 只有在全局模式下才应用字体
+    if (fontScope !== 'global') {
+      appElement.style.fontFamily = defaultFonts;
+      return;
+    }
+
+    if (newFont === 'system-ui') {
+      appElement.style.fontFamily = defaultFonts;
+    } else {
+      // 处理多个字体，确保每个字体名都被正确引用
+      const fontList = newFont.split(',').map((font) => {
+        const trimmedFont = font.trim();
+        // 如果字体名包含空格或特殊字符，添加引号（如果还没有引号的话）
+        return /[\s'"()]/.test(trimmedFont) && !/^['"].*['"]$/.test(trimmedFont)
+          ? `"${trimmedFont}"`
+          : trimmedFont;
+      });
+
+      // 将选择的字体和默认字体组合
+      appElement.style.fontFamily = `${fontList.join(', ')}, ${defaultFonts}`;
+    }
+  },
+  { immediate: true }
+);
+
+// 监听来自主进程的语言切换事件
+const handleSetLanguage = (_: any, value: string) => {
+  // 更新 i18n locale
+  locale.value = value;
+  // 通过 mutation 更新 store
+  globalStore.commit('setLanguage', value);
+};
+
 onMounted(() => {
-  store.dispatch('initializeSettings');
-  store.dispatch('initializeTheme');
+  globalStore.dispatch('initializeSettings');
+  globalStore.dispatch('initializeTheme');
+  globalStore.dispatch('initializeSystemFonts');
+  globalStore.dispatch('initializePlayState');
  if (isMobile.value) {
-    store.commit(
+    globalStore.commit(
      'setMenus',
      homeRouter.filter((item) => item.meta.isMobile)
    );
  }
+  if (isElectron) {
+    window.electron.ipcRenderer.on('set-language', handleSetLanguage);
+  }
+});
+
+onUnmounted(() => {
+  if (isElectron) {
+    window.electron.ipcRenderer.removeListener('set-language', handleSetLanguage);
+  }
 });
 </script>

--- a/src/renderer/api/donation.ts
+++ b/src/renderer/api/donation.ts
@@ -0,0 +1,20 @@
+import axios from 'axios';
+
+export interface Donor {
+  id: number;
+  name: string;
+  amount: number;
+  date: string;
+  message?: string;
+  avatar?: string;
+  badge: string;
+  badgeColor: string;
+}
+
+/**
+ * 获取捐赠列表
+ */
+export const getDonationList = async (): Promise<Donor[]> => {
+  const { data } = await axios.get('http://110.42.251.190:8766/api/donations');
+  return data;
+};
--- a/src/renderer/api/music.ts
+++ b/src/renderer/api/music.ts
@@ -13,16 +13,25 @@ export const getMusicQualityDetail = (id: number) => {
 };

 // 根据音乐Id获取音乐播放URl
-export const getMusicUrl = async (id: number) => {
-  const res = await request.get('/song/download/url/v1', {
-    params: {
-      id,
-      level: store.state.setData.musicQuality || 'higher'
-    }
-  });
+export const getMusicUrl = async (id: number, isDownloaded: boolean = false) => {
+  // 判断是否登录
+  try {
+    if (store.state.user && isDownloaded && store.state.user.vipType !== 0) {
+      const url = '/song/download/url/v1';
+      const res = await request.get(url, {
+        params: {
+          id,
+          level: store.state.setData.musicQuality || 'higher',
+          cookie: `${localStorage.getItem('token')} os=pc;`
+        }
+      });

-  if (res.data.data.url) {
-    return { data: { data: [{ ...res.data.data }] } };
+      if (res.data.data.url) {
+        return { data: { data: [{ ...res.data.data }] } };
+      }
+    }
+  } catch (error) {
+    console.error('error', error);
  }

  return await request.get('/song/url/v1', {
@@ -80,6 +89,22 @@ export const likeSong = (id: number, like: boolean = true) => {
 };

 // 获取用户喜欢的音乐列表
-export const getLikedList = () => {
-  return request.get('/likelist');
+export const getLikedList = (uid: number) => {
+  return request.get('/likelist', {
+    params: { uid }
+  });
+};
+
+// 创建歌单
+export const createPlaylist = (params: { name: string; privacy: number }) => {
+  return request.post('/playlist/create', params);
+};
+
+// 添加或删除歌单歌曲
+export const updatePlaylistTracks = (params: {
+  op: 'add' | 'del';
+  pid: number;
+  tracks: string;
+}) => {
+  return request.get('/playlist/tracks', { params });
 };
--- a/src/renderer/assets/css/base.css
+++ b/src/renderer/assets/css/base.css
@@ -9,3 +9,11 @@ body {
  border-radius: 0.5rem !important;
  overflow: hidden !important;
 }
+.n-popover:has(.transparent-popover ) {
+  background-color: transparent !important;
+  padding: 0 !important;
+}
+
+.settings-slider .n-slider-mark {
+  font-size: 10px !important;
+}
--- a/src/renderer/components.d.ts
+++ b/src/renderer/components.d.ts
@@ -31,6 +31,8 @@ declare module 'vue' {
    NModal: typeof import('naive-ui')['NModal']
    NPopover: typeof import('naive-ui')['NPopover']
    NProgress: typeof import('naive-ui')['NProgress']
+    NRadio: typeof import('naive-ui')['NRadio']
+    NRadioGroup: typeof import('naive-ui')['NRadioGroup']
    NScrollbar: typeof import('naive-ui')['NScrollbar']
    NSelect: typeof import('naive-ui')['NSelect']
    NSlider: typeof import('naive-ui')['NSlider']
--- a/src/renderer/components/Coffee.vue
+++ b/src/renderer/components/Coffee.vue
@@ -7,7 +7,7 @@
            quaternary
            class="inline-flex items-center gap-2 px-4 py-2 transition-all duration-300 hover:-translate-y-0.5"
          >
-            请我喝咖啡
+            {{ t('comp.coffee.title') }}
          </n-button>
        </slot>
      </template>
@@ -17,20 +17,24 @@
          <div class="flex flex-col items-center gap-2">
            <n-image
              :src="alipayQR"
-              alt="支付宝收款码"
+              :alt="t('comp.coffee.alipayQR')"
              class="w-32 h-32 rounded-lg cursor-none"
              preview-disabled
            />
-            <span class="text-sm text-gray-700 dark:text-gray-200">支付宝</span>
+            <span class="text-sm text-gray-700 dark:text-gray-200">{{
+              t('comp.coffee.alipay')
+            }}</span>
          </div>
          <div class="flex flex-col items-center gap-2">
            <n-image
              :src="wechatQR"
-              alt="微信收款码"
+              :alt="t('comp.coffee.wechatQR')"
              class="w-32 h-32 rounded-lg cursor-none"
              preview-disabled
            />
-            <span class="text-sm text-gray-700 dark:text-gray-200">微信支付</span>
+            <span class="text-sm text-gray-700 dark:text-gray-200">{{
+              t('comp.coffee.wechat')
+            }}</span>
          </div>
        </div>

@@ -39,7 +43,7 @@
            class="text-sm text-gray-700 dark:text-gray-200 text-center cursor-pointer hover:text-green-500"
            @click="copyQQ"
          >
-            QQ群：789288579
+            {{ t('comp.coffee.qqGroup') }}
          </p>
        </div>
      </div>
@@ -48,11 +52,14 @@
 </template>

 <script setup>
-import { NButton, NImage, NPopover } from 'naive-ui';
+import { NButton, NImage, NPopover, useMessage } from 'naive-ui';
+import { useI18n } from 'vue-i18n';

 import alipay from '@/assets/alipay.png';
 import wechat from '@/assets/wechat.png';

+const { t } = useI18n();
+
 const message = useMessage();
 const copyQQ = () => {
  navigator.clipboard.writeText('789288579');
--- a/src/renderer/components/EQControl.vue
+++ b/src/renderer/components/EQControl.vue
@@ -0,0 +1,355 @@
+<template>
+  <div class="eq-control">
+    <div class="eq-header">
+      <h3>{{ t('player.eq.title') }}</h3>
+      <div class="eq-controls">
+        <n-switch v-model:value="isEnabled" @update:value="toggleEQ">
+          <template #checked>{{ t('player.eq.on') }}</template>
+          <template #unchecked>{{ t('player.eq.off') }}</template>
+        </n-switch>
+      </div>
+    </div>
+
+    <div class="eq-presets">
+      <n-scrollbar x-scrollable>
+        <n-space :size="6" :wrap="false">
+          <n-tag
+            v-for="preset in presetOptions"
+            :key="preset.value"
+            :type="currentPreset === preset.value ? 'success' : 'default'"
+            :bordered="false"
+            size="medium"
+            round
+            clickable
+            @click="applyPreset(preset.value)"
+          >
+            {{ preset.label }}
+          </n-tag>
+        </n-space>
+      </n-scrollbar>
+    </div>
+
+    <div class="eq-sliders">
+      <div v-for="freq in frequencies" :key="freq" class="eq-slider">
+        <div class="freq-label">{{ formatFreq(freq) }}</div>
+        <n-slider
+          v-model:value="eqValues[freq.toString()]"
+          :min="-12"
+          :max="12"
+          :step="0.1"
+          vertical
+          :disabled="!isEnabled"
+          @update:value="updateEQ(freq.toString(), $event)"
+        />
+        <div class="gain-value">{{ eqValues[freq.toString()] }}dB</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import { audioService } from '@/services/audioService';
+
+const { t } = useI18n();
+
+const frequencies = [31, 62, 125, 250, 500, 1000, 2000, 4000, 8000, 16000];
+const eqValues = ref<{ [key: string]: number }>({});
+const isEnabled = ref(audioService.isEQEnabled());
+const currentPreset = ref(audioService.getCurrentPreset() || 'flat');
+
+// 预设配置
+const presets = {
+  flat: {
+    label: t('player.eq.presets.flat'),
+    values: Object.fromEntries(frequencies.map((f) => [f, 0]))
+  },
+  pop: {
+    label: t('player.eq.presets.pop'),
+    values: {
+      31: -1.5,
+      62: 3.5,
+      125: 5.5,
+      250: 3.5,
+      500: -0.5,
+      1000: -1.5,
+      2000: 1.5,
+      4000: 2.5,
+      8000: 2.5,
+      16000: 2.5
+    }
+  },
+  rock: {
+    label: t('player.eq.presets.rock'),
+    values: {
+      31: 4.5,
+      62: 3.5,
+      125: 2,
+      250: 0.5,
+      500: -0.5,
+      1000: -1,
+      2000: 0.5,
+      4000: 2,
+      8000: 2.5,
+      16000: 3.5
+    }
+  },
+  classical: {
+    label: t('player.eq.presets.classical'),
+    values: {
+      31: 3.5,
+      62: 3,
+      125: 2.5,
+      250: 1.5,
+      500: -0.5,
+      1000: -1.5,
+      2000: -1.5,
+      4000: 0.5,
+      8000: 2,
+      16000: 3
+    }
+  },
+  jazz: {
+    label: t('player.eq.presets.jazz'),
+    values: {
+      31: 3,
+      62: 2,
+      125: 1.5,
+      250: 2,
+      500: -1,
+      1000: -1.5,
+      2000: -0.5,
+      4000: 1,
+      8000: 2.5,
+      16000: 3
+    }
+  },
+  hiphop: {
+    label: t('player.eq.presets.hiphop'),
+    values: {
+      31: 5,
+      62: 4.5,
+      125: 3,
+      250: 1.5,
+      500: -0.5,
+      1000: -1,
+      2000: 0.5,
+      4000: 1.5,
+      8000: 2,
+      16000: 2.5
+    }
+  },
+  vocal: {
+    label: t('player.eq.presets.vocal'),
+    values: {
+      31: -2,
+      62: -1.5,
+      125: -1,
+      250: 0.5,
+      500: 2,
+      1000: 3.5,
+      2000: 3,
+      4000: 1.5,
+      8000: 0.5,
+      16000: 0
+    }
+  },
+  dance: {
+    label: t('player.eq.presets.dance'),
+    values: {
+      31: 4,
+      62: 3.5,
+      125: 2.5,
+      250: 1,
+      500: 0,
+      1000: -0.5,
+      2000: 1.5,
+      4000: 2.5,
+      8000: 3,
+      16000: 2.5
+    }
+  },
+  acoustic: {
+    label: t('player.eq.presets.acoustic'),
+    values: {
+      31: 2,
+      62: 1.5,
+      125: 1,
+      250: 1.5,
+      500: 2,
+      1000: 1.5,
+      2000: 2,
+      4000: 2.5,
+      8000: 2,
+      16000: 1.5
+    }
+  }
+};
+
+const presetOptions = Object.entries(presets).map(([value, preset]) => ({
+  label: preset.label,
+  value
+}));
+
+const toggleEQ = (enabled: boolean) => {
+  audioService.setEQEnabled(enabled);
+};
+
+const applyPreset = (presetName: string) => {
+  currentPreset.value = presetName;
+  audioService.setCurrentPreset(presetName);
+  const preset = presets[presetName as keyof typeof presets];
+  if (preset) {
+    Object.entries(preset.values).forEach(([freq, gain]) => {
+      updateEQ(freq, gain);
+    });
+  }
+};
+
+onMounted(() => {
+  // 恢复 EQ 设置
+  const settings = audioService.getAllEQSettings();
+  eqValues.value = settings;
+
+  // 如果有保存的预设，应用该预设
+  const savedPreset = audioService.getCurrentPreset();
+  if (savedPreset && presets[savedPreset as keyof typeof presets]) {
+    currentPreset.value = savedPreset;
+  }
+});
+
+const updateEQ = (frequency: string, gain: number) => {
+  audioService.setEQFrequencyGain(frequency, gain);
+  eqValues.value = {
+    ...eqValues.value,
+    [frequency]: gain
+  };
+
+  // 检查当前值是否与任何预设匹配
+  const currentValues = eqValues.value;
+  let matchedPreset: string | null = null;
+
+  // 检查是否与任何预设完全匹配
+  Object.entries(presets).forEach(([presetName, preset]) => {
+    const isMatch = Object.entries(preset.values).every(
+      ([freq, value]) => Math.abs(currentValues[freq] - value) < 0.1
+    );
+    if (isMatch) {
+      matchedPreset = presetName;
+    }
+  });
+
+  // 更新当前预设状态
+  if (matchedPreset !== null) {
+    currentPreset.value = matchedPreset;
+    audioService.setCurrentPreset(matchedPreset);
+  } else if (currentPreset.value !== 'custom') {
+    // 如果与任何预设都不匹配，将状态设置为自定义
+    currentPreset.value = 'custom';
+    audioService.setCurrentPreset('custom');
+  }
+};
+
+const formatFreq = (freq: number) => {
+  if (freq >= 1000) {
+    return `${freq / 1000}kHz`;
+  }
+  return `${freq}Hz`;
+};
+</script>
+
+<style lang="scss" scoped>
+.eq-control {
+  @apply p-6 rounded-lg;
+  @apply bg-light dark:bg-dark;
+  @apply shadow-lg dark:shadow-none;
+  width: 100%;
+  max-width: 700px;
+
+  .eq-header {
+    @apply flex justify-between items-center mb-4;
+
+    h3 {
+      @apply text-xl font-semibold;
+      @apply text-gray-800 dark:text-gray-200;
+    }
+  }
+
+  .eq-presets {
+    @apply mb-2 relative;
+    height: 40px;
+
+    :deep(.n-scrollbar) {
+      @apply -mx-2 px-2;
+    }
+
+    :deep(.n-tag) {
+      @apply cursor-pointer transition-all duration-200;
+      text-align: center;
+
+      &:hover {
+        transform: translateY(-2px);
+      }
+    }
+
+    :deep(.n-space) {
+      flex-wrap: nowrap;
+      padding: 4px 0;
+    }
+  }
+
+  .eq-sliders {
+    @apply flex justify-between items-end;
+    @apply bg-gray-50 dark:bg-gray-800 gap-1;
+    @apply rounded-lg p-2;
+    height: 300px;
+
+    .eq-slider {
+      @apply flex flex-col items-center;
+      width: 45px;
+      height: 100%;
+
+      .n-slider {
+        flex: 1;
+        margin: 12px 0;
+        min-height: 180px;
+      }
+
+      .freq-label {
+        @apply text-xs font-medium text-center;
+        @apply text-gray-600 dark:text-gray-400;
+        white-space: nowrap;
+        margin: 8px 0;
+        height: 20px;
+      }
+
+      .gain-value {
+        @apply text-xs font-medium text-center;
+        @apply text-gray-600 dark:text-gray-400;
+        white-space: nowrap;
+        margin: 4px 0;
+        height: 16px;
+      }
+    }
+  }
+}
+
+:deep(.n-slider) {
+  --n-rail-height: 4px;
+  --n-rail-color: theme('colors.gray.200');
+  --n-rail-color-hover: theme('colors.gray.300');
+  --n-fill-color: theme('colors.green.500');
+  --n-fill-color-hover: theme('colors.green.600');
+  --n-handle-color: theme('colors.green.500');
+  --n-handle-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+  .n-slider-handle {
+    @apply transition-all duration-200;
+    &:hover {
+      transform: scale(1.2);
+    }
+  }
+}
+</style>
--- a/src/renderer/components/LanguageSwitcher.vue
+++ b/src/renderer/components/LanguageSwitcher.vue
@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import { computed, onMounted, onUnmounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useStore } from 'vuex';
+
+import { isElectron } from '@/utils';
+
+const store = useStore();
+const { locale } = useI18n();
+
+const languages = [
+  { label: '简体中文', value: 'zh-CN' },
+  { label: 'English', value: 'en-US' }
+];
+
+// 使用计算属性来获取当前语言
+const currentLanguage = computed({
+  get: () => store.state.setData.language || 'zh-CN',
+  set: (value: string) => {
+    handleLanguageChange(value);
+  }
+});
+
+// 当语言改变时的处理函数
+const handleLanguageChange = (value: string) => {
+  // 更新 i18n locale
+  locale.value = value;
+  // 通过 mutation 更新 store
+  store.commit('setLanguage', value);
+  // 通知主进程语言已更改
+  if (isElectron) {
+    window.electron.ipcRenderer.send('change-language', value);
+  }
+};
+
+// 监听来自主进程的语言切换事件
+const handleSetLanguage = (_: any, value: string) => {
+  handleLanguageChange(value);
+};
+
+onMounted(() => {
+  if (isElectron) {
+    window.electron.ipcRenderer.on('set-language', handleSetLanguage);
+  }
+});
+
+onUnmounted(() => {
+  if (isElectron) {
+    window.electron.ipcRenderer.removeListener('set-language', handleSetLanguage);
+  }
+});
+</script>
+
+<template>
+  <n-select v-model:value="currentLanguage" :options="languages" size="small" />
+</template>
--- a/src/renderer/components/MusicList.vue
+++ b/src/renderer/components/MusicList.vue
@@ -37,12 +37,12 @@
            <n-avatar round :size="24" :src="getImgUrl(listInfo.creator.avatarUrl, '50y50')" />
            <span class="creator-name">{{ listInfo.creator.nickname }}</span>
          </div>
+          <div v-if="total" class="music-total">{{ t('player.songNum', { num: total }) }}</div>

-          <n-scrollbar style="max-height: 200">
+          <n-scrollbar style="max-height: 200px">
            <div v-if="listInfo?.description" class="music-desc">
              {{ listInfo.description }}
            </div>
-            <play-bottom />
          </n-scrollbar>
        </div>

@@ -59,9 +59,19 @@
                    :class="setAnimationClass('animate__bounceInUp')"
                    :style="getItemAnimationDelay(index)"
                  >
-                    <song-item :item="formatDetail(item)" @play="handlePlay" />
+                    <song-item
+                      :item="formatSong(item)"
+                      :can-remove="canRemove"
+                      @play="handlePlay"
+                      @remove-song="(id) => emit('remove-song', id)"
+                    />
+                  </div>
+                  <div v-if="isLoadingMore" class="loading-more">
+                    {{ t('common.loadingMore') }}
+                  </div>
+                  <div v-if="!hasMore" class="loading-more">
+                    {{ t('common.noMore') }}
                  </div>
-                  <div v-if="isLoadingMore" class="loading-more">加载更多...</div>
                  <play-bottom />
                </div>
              </n-spin>
@@ -75,6 +85,8 @@
 </template>

 <script setup lang="ts">
+import { computed, onUnmounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

 import { getMusicDetail } from '@/api/music';
@@ -83,6 +95,7 @@ import { getImgUrl, isMobile, setAnimationClass, setAnimationDelay } from '@/uti

 import PlayBottom from './common/PlayBottom.vue';

+const { t } = useI18n();
 const store = useStore();

 const props = withDefaults(
@@ -97,21 +110,27 @@ const props = withDefaults(
      [key: string]: any;
    };
    cover?: boolean;
+    canRemove?: boolean;
  }>(),
  {
    loading: false,
    cover: true,
-    zIndex: 9996
+    zIndex: 9996,
+    canRemove: false
  }
 );

-const emit = defineEmits(['update:show', 'update:loading']);
+const emit = defineEmits(['update:show', 'update:loading', 'remove-song']);

 const page = ref(0);
-const pageSize = 20;
+const pageSize = 40;
 const isLoadingMore = ref(false);
 const displayedSongs = ref<any[]>([]);
 const loadingList = ref(false);
+const loadedIds = ref(new Set<number>()); // 用于追踪已加载的歌曲ID
+const isPlaylistLoading = ref(false); // 标记是否正在加载播放列表
+const completePlaylist = ref<any[]>([]); // 存储完整的播放列表
+const hasMore = ref(true); // 标记是否还有更多数据可加载

 // 计算总数
 const total = computed(() => {
@@ -121,108 +140,229 @@ const total = computed(() => {
  return props.songList.length;
 });

-const formatDetail = computed(() => (detail: any) => {
-  const song = {
-    artists: detail.ar,
-    name: detail.al.name,
-    id: detail.al.id
+// 格式化歌曲数据
+const formatSong = (item: any) => {
+  return {
+    ...item,
+    picUrl: item.al?.picUrl || item.picUrl,
+    song: {
+      artists: item.ar || item.artists,
+      name: item.al?.name || item.name,
+      id: item.al?.id || item.id
+    }
  };
+};

-  detail.song = song;
-  detail.picUrl = detail.al.picUrl;
-  return detail;
-});
+/**
+ * 加载歌曲数据的核心函数
+ * @param ids 要加载的歌曲ID数组
+ * @param appendToList 是否将加载的歌曲追加到现有列表
+ * @param updateComplete 是否更新完整播放列表
+ */
+const loadSongs = async (ids: number[], appendToList = true, updateComplete = false) => {
+  if (ids.length === 0) return [];

-const handlePlay = () => {
-  const tracks = props.songList || [];
-  store.commit(
-    'setPlayList',
-    tracks.map((item) => ({
-      ...item,
-      picUrl: item.al.picUrl,
-      song: {
-        artists: item.ar
+  try {
+    const { data } = await getMusicDetail(ids);
+    if (data?.songs) {
+      // 更新已加载ID集合
+      const newSongs = data.songs.filter((song: any) => !loadedIds.value.has(song.id));
+
+      newSongs.forEach((song: any) => {
+        loadedIds.value.add(song.id);
+      });
+
+      if (appendToList) {
+        displayedSongs.value.push(...newSongs);
      }
-    }))
-  );
+
+      if (updateComplete) {
+        completePlaylist.value.push(...newSongs);
+      }
+
+      return newSongs;
+    }
+  } catch (error) {
+    console.error('加载歌曲失败:', error);
+  }
+
+  return [];
+};
+
+// 加载完整播放列表
+const loadFullPlaylist = async () => {
+  if (isPlaylistLoading.value) return;
+  isPlaylistLoading.value = true;
+  completePlaylist.value = [...displayedSongs.value]; // 先用当前已加载的歌曲初始化
+
+  try {
+    // 如果没有trackIds，直接使用当前歌曲列表
+    if (!props.listInfo?.trackIds) {
+      return;
+    }
+
+    // 获取所有未加载的歌曲ID
+    const allIds = props.listInfo.trackIds.map((item) => item.id);
+    const unloadedIds = allIds.filter((id) => !loadedIds.value.has(id));
+
+    // 如果所有歌曲都已加载，直接返回
+    if (unloadedIds.length === 0) {
+      return;
+    }
+
+    // 分批加载未加载的歌曲
+    const batchSize = 500; // 每批加载的歌曲数量
+    for (let i = 0; i < unloadedIds.length; i += batchSize) {
+      const batchIds = unloadedIds.slice(i, i + batchSize);
+      if (batchIds.length === 0) continue;
+
+      await loadSongs(batchIds, false, true);
+
+      // 添加小延迟避免请求过于密集
+      if (i + batchSize < unloadedIds.length) {
+        // 使用 setTimeout 直接延迟，避免 Promise 相关的 linter 错误
+        await new Promise<void>((resolve) => {
+          setTimeout(() => resolve(), 300);
+        });
+      }
+    }
+  } catch (error) {
+    console.error('加载完整播放列表失败:', error);
+  } finally {
+    isPlaylistLoading.value = false;
+  }
+};
+
+// 处理播放
+const handlePlay = async () => {
+  // 先使用当前已加载的歌曲开始播放
+  store.commit('setPlayList', displayedSongs.value.map(formatSong));
+
+  // 在后台加载完整播放列表
+  loadFullPlaylist().then(() => {
+    // 加载完成后，更新播放列表为完整列表
+    if (completePlaylist.value.length > 0) {
+      store.commit('setPlayList', completePlaylist.value.map(formatSong));
+    }
+  });
 };

 const close = () => {
  emit('update:show', false);
 };

-// 优化加载更多歌曲的函数
+// 加载更多歌曲
 const loadMoreSongs = async () => {
-  if (isLoadingMore.value || displayedSongs.value.length >= total.value) return;
+  // 检查是否正在加载或已经加载完成
+  if (isLoadingMore.value || displayedSongs.value.length >= total.value) {
+    hasMore.value = false;
+    return;
+  }

  isLoadingMore.value = true;
  try {
-    if (props.listInfo?.trackIds) {
-      // 如果有 trackIds，需要分批请求歌曲详情
-      const start = page.value * pageSize;
-      const end = Math.min((page.value + 1) * pageSize, total.value);
-      const trackIds = props.listInfo.trackIds.slice(start, end).map((item) => item.id);
+    const start = displayedSongs.value.length;
+    const end = Math.min(start + pageSize, total.value);

-      if (trackIds.length > 0) {
-        const { data } = await getMusicDetail(trackIds);
-        displayedSongs.value = [...displayedSongs.value, ...data.songs];
-        page.value++;
+    if (props.listInfo?.trackIds) {
+      // 获取这一批次需要加载的所有ID
+      const trackIdsToLoad = props.listInfo.trackIds
+        .slice(start, end)
+        .map((item) => item.id)
+        .filter((id) => !loadedIds.value.has(id));
+
+      if (trackIdsToLoad.length > 0) {
+        await loadSongs(trackIdsToLoad, true, false);
      }
-    } else {
-      // 如果没有 trackIds，直接使用 songList 分页
-      const start = page.value * pageSize;
-      const end = Math.min((page.value + 1) * pageSize, props.songList.length);
+    } else if (start < props.songList.length) {
+      // 直接使用 songList 分页
      const newSongs = props.songList.slice(start, end);
-      displayedSongs.value = [...displayedSongs.value, ...newSongs];
-      page.value++;
+      newSongs.forEach((song) => {
+        if (!loadedIds.value.has(song.id)) {
+          loadedIds.value.add(song.id);
+          displayedSongs.value.push(song);
+        }
+      });
    }
+
+    // 更新是否还有更多数据的状态
+    hasMore.value = displayedSongs.value.length < total.value;
  } catch (error) {
-    console.error('加载歌曲失败:', error);
+    console.error('加载更多歌曲失败:', error);
  } finally {
    isLoadingMore.value = false;
    loadingList.value = false;
  }
 };

-const getItemAnimationDelay = (index: number) => {
-  const currentPageIndex = index % pageSize;
-  return setAnimationDelay(currentPageIndex, 20);
-};
-
 // 修改滚动处理函数
 const handleScroll = (e: Event) => {
  const target = e.target as HTMLElement;
  if (!target) return;

  const { scrollTop, scrollHeight, clientHeight } = target;
-  if (scrollHeight - scrollTop - clientHeight < 100 && !isLoadingMore.value) {
+  const threshold = 200;
+
+  if (
+    scrollHeight - scrollTop - clientHeight < threshold &&
+    !isLoadingMore.value &&
+    hasMore.value
+  ) {
    loadMoreSongs();
  }
 };

-watch(
-  () => props.show,
-  (newVal) => {
-    loadingList.value = newVal;
-    if (!props.cover) {
-      loadingList.value = false;
-    }
-  }
-);
+const getItemAnimationDelay = (index: number) => {
+  const currentPageIndex = index % pageSize;
+  return setAnimationDelay(currentPageIndex, 20);
+};

-// 监听 songList 变化，重置分页状态
+// 重置列表状态
+const resetListState = () => {
+  page.value = 0;
+  loadedIds.value.clear();
+  displayedSongs.value = [];
+  completePlaylist.value = [];
+  hasMore.value = true;
+  loadingList.value = false;
+};
+
+// 初始化歌曲列表
+const initSongList = (songs: any[]) => {
+  if (songs.length > 0) {
+    displayedSongs.value = [...songs];
+    songs.forEach((song) => loadedIds.value.add(song.id));
+    page.value = Math.ceil(songs.length / pageSize);
+  }
+
+  // 检查是否还有更多数据可加载
+  hasMore.value = displayedSongs.value.length < total.value;
+};
+
+// 修改 songList 监听器
 watch(
  () => props.songList,
  (newSongs) => {
-    page.value = 0;
-    displayedSongs.value = newSongs.slice(0, pageSize);
-    if (newSongs.length > pageSize) {
-      page.value = 1;
+    // 重置所有状态
+    resetListState();
+
+    // 初始化歌曲列表
+    initSongList(newSongs);
+
+    // 如果还有更多歌曲需要加载，且差距较小，立即加载
+    if (hasMore.value && props.listInfo?.trackIds) {
+      setTimeout(() => {
+        loadMoreSongs();
+      }, 300);
    }
-    loadingList.value = false;
  },
  { immediate: true }
 );
+
+// 组件卸载时清理状态
+onUnmounted(() => {
+  isPlaylistLoading.value = false;
+});
 </script>

 <style scoped lang="scss">
@@ -231,6 +371,10 @@ watch(
    @apply text-xl font-bold text-gray-900 dark:text-white;
  }

+  &-total {
+    @apply text-sm font-normal text-gray-500 dark:text-gray-400;
+  }
+
  &-page {
    @apply px-8 w-full h-full bg-light dark:bg-black bg-opacity-75 dark:bg-opacity-75 rounded-t-2xl;
    backdrop-filter: blur(20px);
--- a/src/renderer/components/MvPlayer.vue
+++ b/src/renderer/components/MvPlayer.vue
@@ -54,7 +54,7 @@
                    </template>
                  </n-button>
                </template>
-                上一个
+                {{ t('player.previous') }}
              </n-tooltip>

              <n-tooltip placement="top">
@@ -68,7 +68,7 @@
                    </template>
                  </n-button>
                </template>
-                {{ isPlaying ? '暂停' : '播放' }}
+                {{ isPlaying ? t('player.pause') : t('player.play') }}
              </n-tooltip>

              <n-tooltip v-if="!props.noList" placement="top">
@@ -82,7 +82,7 @@
                    </template>
                  </n-button>
                </template>
-                下一个
+                {{ t('player.next') }}
              </n-tooltip>

              <div class="time-display">
@@ -104,7 +104,7 @@
                      </template>
                    </n-button>
                  </template>
-                  {{ volume === 0 ? '取消静音' : '静音' }}
+                  {{ volume === 0 ? t('player.unmute') : t('player.mute') }}
                </n-tooltip>
                <n-slider
                  v-model:value="volume"
@@ -129,7 +129,9 @@
                    </template>
                  </n-button>
                </template>
-                {{ playMode === 'single' ? '单曲循环' : '列表循环' }}
+                {{
+                  playMode === 'single' ? t('player.modeHint.single') : t('player.modeHint.list')
+                }}
              </n-tooltip>

              <n-tooltip placement="top">
@@ -144,7 +146,7 @@
                    </template>
                  </n-button>
                </template>
-                {{ isFullscreen ? '退出全屏' : '全屏' }}
+                {{ isFullscreen ? t('player.fullscreen.exit') : t('player.fullscreen.enter') }}
              </n-tooltip>

              <n-tooltip placement="top">
@@ -157,7 +159,7 @@
                    </template>
                  </n-button>
                </template>
-                关闭
+                {{ t('player.close') }}
              </n-tooltip>
            </div>
          </div>
@@ -170,7 +172,7 @@
              <i :class="playMode === 'single' ? 'ri-repeat-one-line' : 'ri-play-list-line'"></i>
            </n-icon>
            <div class="mode-text">
-              {{ playMode === 'single' ? '单曲循环' : '自动播放下一个' }}
+              {{ playMode === 'single' ? t('player.modeHint.single') : t('player.modeHint.list') }}
            </div>
          </div>
        </transition>
@@ -188,11 +190,13 @@
 <script setup lang="ts">
 import { NButton, NIcon, NSlider, NTooltip } from 'naive-ui';
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

 import { getMvUrl } from '@/api/mv';
 import { IMvItem } from '@/type/mv';

+const { t } = useI18n();
 type PlayMode = 'single' | 'auto';
 const PLAY_MODE = {
  Single: 'single' as PlayMode,
--- a/src/renderer/components/PlaylistType.vue
+++ b/src/renderer/components/PlaylistType.vue
@@ -1,7 +1,9 @@
 <template>
  <!-- 歌单分类列表 -->
  <div class="play-list-type">
-    <div class="title" :class="setAnimationClass('animate__fadeInLeft')">歌单分类</div>
+    <div class="title" :class="setAnimationClass('animate__fadeInLeft')">
+      {{ t('comp.playlistType.title') }}
+    </div>
    <div>
      <template v-for="(item, index) in playlistCategory?.sub" :key="item.name">
        <span
@@ -34,7 +36,9 @@
        "
        @click="handleToggleShowAllPlaylistCategory"
      >
-        {{ !isShowAllPlaylistCategory ? '显示全部' : '隐藏一些' }}
+        {{
+          !isShowAllPlaylistCategory ? t('comp.playlistType.showAll') : t('comp.playlistType.hide')
+        }}
      </div>
    </div>
  </div>
@@ -42,11 +46,14 @@

 <script lang="ts" setup>
 import { computed, onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';

 import { getPlaylistCategory } from '@/api/home';
 import type { IPlayListSort } from '@/type/playlist';
 import { setAnimationClass, setAnimationDelay } from '@/utils';
+
+const { t } = useI18n();
 // 歌单分类
 const playlistCategory = ref<IPlayListSort>();
 // 是否显示全部歌单分类
--- a/src/renderer/components/RecommendAlbum.vue
+++ b/src/renderer/components/RecommendAlbum.vue
@@ -1,6 +1,8 @@
 <template>
  <div class="recommend-album">
-    <div class="title" :class="setAnimationClass('animate__fadeInRight')">最新专辑</div>
+    <div class="title" :class="setAnimationClass('animate__fadeInRight')">
+      {{ t('comp.recommendAlbum.title') }}
+    </div>
    <div class="recommend-album-list">
      <template v-for="(item, index) in albumData?.albums" :key="item.id">
        <div
@@ -33,6 +35,7 @@

 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';

 import { getNewAlbum } from '@/api/home';
 import { getAlbum } from '@/api/list';
@@ -40,6 +43,7 @@ import MusicList from '@/components/MusicList.vue';
 import type { IAlbumNew } from '@/type/album';
 import { getImgUrl, setAnimationClass, setAnimationDelay } from '@/utils';

+const { t } = useI18n();
 const albumData = ref<IAlbumNew>();
 const loadAlbumList = async () => {
  const { data } = await getNewAlbum();
--- a/src/renderer/components/RecommendSinger.vue
+++ b/src/renderer/components/RecommendSinger.vue
@@ -19,7 +19,9 @@
            class="recommend-singer-item-count p-2 text-base text-gray-200 z-10 cursor-pointer"
            @click="showMusic = true"
          >
-            <div class="font-bold text-xl">每日推荐</div>
+            <div class="font-bold text-lg">
+              {{ t('comp.recommendSinger.title') }}
+            </div>

            <div class="mt-2">
              <p
@@ -45,7 +47,7 @@
            class="recommend-singer-item-bg"
          ></div>
          <div class="recommend-singer-item-count p-2 text-base text-gray-200 z-10">
-            {{ item.musicSize }}首
+            {{ t('common.songCount', { count: item.musicSize }) }}
          </div>
          <div class="recommend-singer-item-info z-10">
            <div class="recommend-singer-item-info-play" @click="toSearchSinger(item.name)">
@@ -61,7 +63,7 @@
      <music-list
        v-if="dayRecommendData?.dailySongs.length"
        v-model:show="showMusic"
-        name="每日推荐列表"
+        :name="t('comp.recommendSinger.songlist')"
        :song-list="dayRecommendData?.dailySongs"
        :cover="false"
      />
@@ -71,6 +73,7 @@

 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

 import { getDayRecommend, getHotSinger } from '@/api/home';
@@ -81,6 +84,7 @@ import type { IHotSinger } from '@/type/singer';
 import { getImgUrl, setAnimationClass, setAnimationDelay, setBackgroundImg } from '@/utils';

 const store = useStore();
+const { t } = useI18n();

 // 歌手信息
 const hotSingerData = ref<IHotSinger>();
--- a/src/renderer/components/RecommendSonglist.vue
+++ b/src/renderer/components/RecommendSonglist.vue
@@ -1,6 +1,8 @@
 <template>
  <div class="recommend-music">
-    <div class="title" :class="setAnimationClass('animate__fadeInLeft')">本周最热音乐</div>
+    <div class="title" :class="setAnimationClass('animate__fadeInLeft')">
+      {{ t('comp.recommendSonglist.title') }}
+    </div>
    <div
      v-show="recommendMusic?.result"
      v-loading="loading"
@@ -21,6 +23,7 @@
 </template>

 <script lang="ts" setup>
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

 import { getRecommendMusic } from '@/api/home';
@@ -29,6 +32,7 @@ import { setAnimationClass, setAnimationDelay } from '@/utils';

 import SongItem from './common/SongItem.vue';

+const { t } = useI18n();
 const store = useStore();
 // 推荐歌曲
 const recommendMusic = ref<IRecommendMusic>();
--- a/src/renderer/components/common/ArtistDrawer.vue
+++ b/src/renderer/components/common/ArtistDrawer.vue
@@ -33,7 +33,7 @@

      <!-- 标签页切换 -->
      <n-tabs v-model:value="activeTab" class="flex-1" type="line" animated>
-        <n-tab-pane name="songs" tab="热门歌曲">
+        <n-tab-pane name="songs" :tab="t('artist.hotSongs')">
          <div ref="songListRef" class="songs-list">
            <n-scrollbar style="max-height: 61vh" :size="5" @scroll="handleSongScroll">
              <div class="song-list-content">
@@ -44,14 +44,14 @@
                  :list="true"
                  @play="handlePlay"
                />
-                <div v-if="songLoading" class="loading-more">加载中...</div>
+                <div v-if="songLoading" class="loading-more">{{ t('common.loading') }}</div>
              </div>
              <play-bottom />
            </n-scrollbar>
          </div>
        </n-tab-pane>

-        <n-tab-pane name="albums" tab="专辑">
+        <n-tab-pane name="albums" :tab="t('artist.albums')">
          <div ref="albumListRef" class="albums-list">
            <n-scrollbar style="max-height: 61vh" :size="5" @scroll="handleAlbumScroll">
              <div class="albums-grid">
@@ -69,14 +69,14 @@
                    type: '专辑'
                  }"
                />
-                <div v-if="albumLoading" class="loading-more">加载中...</div>
+                <div v-if="albumLoading" class="loading-more">{{ t('common.loading') }}</div>
              </div>
              <play-bottom />
            </n-scrollbar>
          </div>
        </n-tab-pane>

-        <n-tab-pane name="about" tab="艺人介绍">
+        <n-tab-pane name="about" :tab="t('artist.description')">
          <div class="artist-description">
            <n-scrollbar style="max-height: 60vh">
              <div class="description-content" v-html="artistInfo?.briefDesc"></div>
@@ -91,6 +91,7 @@
 <script setup lang="ts">
 import { useDateFormat } from '@vueuse/core';
 import { ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

 import { getArtistAlbums, getArtistDetail, getArtistTopSongs } from '@/api/artist';
@@ -102,6 +103,8 @@ import { getImgUrl } from '@/utils';

 import PlayBottom from './PlayBottom.vue';

+const { t } = useI18n();
+
 const modelValue = defineModel<boolean>('show', { required: true });

 const store = useStore();
--- a/src/renderer/components/common/DonationList.vue
+++ b/src/renderer/components/common/DonationList.vue
@@ -5,7 +5,7 @@
        <template #icon>
          <i class="ri-refresh-line"></i>
        </template>
-        刷新列表
+        {{ t('donation.refresh') }}
      </n-button>
    </div>
    <div class="donation-grid" :class="{ 'grid-expanded': isExpanded }">
@@ -72,33 +72,33 @@
        <template #icon>
          <i :class="isExpanded ? 'ri-arrow-up-s-line' : 'ri-arrow-down-s-line'"></i>
        </template>
-        {{ isExpanded ? '收起' : '展开更多' }}
+        {{ isExpanded ? t('common.collapse') : t('common.expand') }}
      </n-button>
    </div>

    <div class="p-6 rounded-lg shadow-lg bg-light dark:bg-gray-800">
      <div class="description text-center text-sm text-gray-700 dark:text-gray-200">
-        <p>您的捐赠将用于支持开发和维护工作，包括但不限于服务器维护、域名续费等。</p>
-        <p>留言时可留下您的邮箱或 github名称。</p>
+        <p>{{ t('donation.description') }}</p>
+        <p>{{ t('donation.message') }}</p>
      </div>
      <div class="flex justify-between">
        <div class="flex flex-col items-center gap-2">
          <n-image
            :src="alipay"
-            alt="支付宝收款码"
+            :alt="t('common.alipay')"
            class="w-60 h-60 rounded-lg cursor-none"
            preview-disabled
          />
-          <span class="text-sm text-gray-700 dark:text-gray-200">支付宝</span>
+          <span class="text-sm text-gray-700 dark:text-gray-200">{{ t('common.alipay') }}</span>
        </div>
        <div class="flex flex-col items-center gap-2">
          <n-image
            :src="wechat"
-            alt="微信收款码"
+            :alt="t('common.wechat')"
            class="w-60 h-60 rounded-lg cursor-none"
            preview-disabled
          />
-          <span class="text-sm text-gray-700 dark:text-gray-200">微信支付</span>
+          <span class="text-sm text-gray-700 dark:text-gray-200">{{ t('common.wechat') }}</span>
        </div>
      </div>
    </div>
@@ -106,38 +106,27 @@
 </template>

 <script setup lang="ts">
-import axios from 'axios';
 import { computed, onActivated, onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';

+import type { Donor } from '@/api/donation';
+import { getDonationList } from '@/api/donation';
 import alipay from '@/assets/alipay.png';
 import wechat from '@/assets/wechat.png';

+const { t } = useI18n();
+
 // 默认头像
 const defaultAvatar = 'https://avatars.githubusercontent.com/u/0?v=4';

-// 捐赠者数据
-interface Donor {
-  id: number;
-  name: string;
-  amount: number;
-  date: string;
-  message?: string;
-  avatar?: string;
-  badge: string;
-  badgeColor: string;
-}
-
 const donors = ref<Donor[]>([]);
-
 const isLoading = ref(false);

 const fetchDonors = async () => {
  isLoading.value = true;
  try {
-    const response = await axios.get(
-      'https://www.ghproxy.cn/https://raw.githubusercontent.com/algerkong/data/main/donors.json'
-    );
-    donors.value = response.data.map((donor: Donor, index: number) => ({
+    const data = await getDonationList();
+    donors.value = data.map((donor, index) => ({
      ...donor,
      avatar: `https://api.dicebear.com/7.x/micah/svg?seed=${index}`
    }));
--- a/src/renderer/components/common/DownloadDrawer.vue
+++ b/src/renderer/components/common/DownloadDrawer.vue
@@ -1,7 +1,7 @@
 <template>
  <div class="download-drawer-trigger">
    <n-badge :value="downloadingCount" :max="99" :show="downloadingCount > 0">
-      <n-button circle @click="showDrawer = true">
+      <n-button circle @click="store.commit('setShowDownloadDrawer', true)">
        <template #icon>
          <i class="iconfont ri-download-cloud-2-line"></i>
        </template>
@@ -9,19 +9,26 @@
    </n-badge>
  </div>

-  <n-drawer v-model:show="showDrawer" :height="'80%'" placement="bottom">
-    <n-drawer-content title="下载管理" closable :native-scrollbar="false">
+  <n-drawer
+    v-model:show="showDrawer"
+    :height="'80%'"
+    placement="bottom"
+    @after-leave="handleDrawerClose"
+  >
+    <n-drawer-content :title="t('download.title')" closable :native-scrollbar="false">
      <div class="drawer-container">
        <n-tabs type="line" animated class="h-full">
          <!-- 下载列表 -->
-          <n-tab-pane name="downloading" tab="下载中" class="h-full">
+          <n-tab-pane name="downloading" :tab="t('download.tabs.downloading')" class="h-full">
            <div class="download-list">
              <div v-if="downloadList.length === 0" class="empty-tip">
-                <n-empty description="暂无下载任务" />
+                <n-empty :description="t('download.empty.noTasks')" />
              </div>
              <template v-else>
                <div class="total-progress">
-                  <div class="total-progress-text">总进度: {{ totalProgress.toFixed(1) }}%</div>
+                  <div class="total-progress-text">
+                    {{ t('download.progress.total', { progress: totalProgress.toFixed(1) }) }}
+                  </div>
                  <n-progress
                    type="line"
                    :percentage="Number(totalProgress.toFixed(1))"
@@ -47,7 +54,10 @@
                            {{ item.filename }}
                          </div>
                          <div class="download-item-artist">
-                            {{ item.songInfo?.ar?.map((a) => a.name).join(', ') || '未知歌手' }}
+                            {{
+                              item.songInfo?.ar?.map((a) => a.name).join(', ') ||
+                              t('download.artist.unknown')
+                            }}
                          </div>
                          <div class="download-item-progress">
                            <n-progress
@@ -78,14 +88,14 @@
          </n-tab-pane>

          <!-- 已下载列表 -->
-          <n-tab-pane name="downloaded" tab="已下载" class="h-full">
+          <n-tab-pane name="downloaded" :tab="t('download.tabs.downloaded')" class="h-full">
            <div class="downloaded-list">
              <div v-if="downloadedList.length === 0" class="empty-tip">
-                <n-empty description="暂无已下载歌曲" />
+                <n-empty :description="t('download.empty.noDownloaded')" />
              </div>
              <div v-else class="downloaded-content">
                <div class="downloaded-items">
-                  <div v-for="item in downloadedList" :key="item.path" class="downloaded-item">
+                  <div v-for="item in downList" :key="item.path" class="downloaded-item">
                    <div class="downloaded-item-content">
                      <div class="downloaded-item-cover">
                        <n-image
@@ -105,11 +115,11 @@
                        <div class="downloaded-item-size">{{ formatSize(item.size) }}</div>
                      </div>
                      <div class="downloaded-item-actions">
-                        <n-button text type="primary" size="large" @click="handlePlayMusic(item)">
+                        <!-- <n-button text type="primary" size="large" @click="handlePlayMusic(item)">
                          <template #icon>
                            <i class="iconfont ri-play-circle-line text-xl"></i>
                          </template>
-                        </n-button>
+                        </n-button> -->
                        <n-button
                          text
                          type="primary"
@@ -138,19 +148,28 @@
  </n-drawer>

  <!-- 删除确认对话框 -->
-  <n-modal v-model:show="showDeleteConfirm" preset="dialog" type="warning" title="删除确认">
+  <n-modal
+    v-model:show="showDeleteConfirm"
+    preset="dialog"
+    type="warning"
+    :title="t('download.delete.title')"
+  >
    <template #header>
      <div class="flex items-center">
        <i class="iconfont ri-error-warning-line mr-2 text-xl"></i>
-        <span>删除确认</span>
+        <span>{{ t('download.delete.title') }}</span>
      </div>
    </template>
    <div class="delete-confirm-content">
-      确定要删除歌曲 "{{ itemToDelete?.filename }}" 吗？此操作不可恢复。
+      {{ t('download.delete.message', { filename: itemToDelete?.filename }) }}
    </div>
    <template #action>
-      <n-button size="small" @click="showDeleteConfirm = false">取消</n-button>
-      <n-button size="small" type="warning" @click="confirmDelete">确定删除</n-button>
+      <n-button size="small" @click="showDeleteConfirm = false">{{
+        t('download.delete.cancel')
+      }}</n-button>
+      <n-button size="small" type="warning" @click="confirmDelete">{{
+        t('download.delete.confirm')
+      }}</n-button>
    </template>
  </n-modal>
 </template>
@@ -159,12 +178,15 @@
 import type { ProgressStatus } from 'naive-ui';
 import { useMessage } from 'naive-ui';
 import { computed, onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

 import { getMusicDetail } from '@/api/music';
-import { audioService } from '@/services/audioService';
+// import { audioService } from '@/services/audioService';
 import { getImgUrl } from '@/utils';

+const { t } = useI18n();
+
 interface DownloadItem {
  filename: string;
  progress: number;
@@ -185,15 +207,26 @@ interface DownloadedItem {
  ar: { name: string }[];
 }

-const store = useStore();
 const message = useMessage();
-const showDrawer = ref(false);
+const store = useStore();
+
+const showDrawer = computed({
+  get: () => store.state.showDownloadDrawer,
+  set: (val) => store.commit('setShowDownloadDrawer', val)
+});
+
 const downloadList = ref<DownloadItem[]>([]);
-const downloadedList = ref<DownloadedItem[]>([]);
+const downloadedList = ref<DownloadedItem[]>(
+  JSON.parse(localStorage.getItem('downloadedList') || '[]')
+);
+
+const downList = computed(() => {
+  return (downloadedList.value as DownloadedItem[]).reverse();
+});

 // 获取播放状态
-const play = computed(() => store.state.play as boolean);
-const currentMusic = computed(() => store.state.playMusic);
+// const play = computed(() => store.state.play as boolean);
+// const currentMusic = computed(() => store.state.playMusic);

 // 计算下载中的任务数量
 const downloadingCount = computed(() => {
@@ -231,13 +264,13 @@ const getStatusType = (item: DownloadItem) => {
 const getStatusText = (item: DownloadItem) => {
  switch (item.status) {
    case 'downloading':
-      return '下载中';
+      return t('download.status.downloading');
    case 'completed':
-      return '已完成';
+      return t('download.status.completed');
    case 'error':
-      return '失败';
+      return t('download.status.failed');
    default:
-      return '未知';
+      return t('download.status.unknown');
  }
 };

@@ -264,8 +297,7 @@ const formatSize = (bytes: number) => {

 // 打开目录
 const openDirectory = (path: string) => {
-  const directory = path.substring(0, path.lastIndexOf('/'));
-  window.electron.ipcRenderer.send('open-directory', directory);
+  window.electron.ipcRenderer.send('open-directory', path);
 };

 // 删除相关
@@ -288,14 +320,22 @@ const confirmDelete = async () => {
      itemToDelete.value.path
    );
    if (success) {
+      localStorage.setItem(
+        'downloadedList',
+        JSON.stringify(
+          downloadedList.value.filter(
+            (item) => item.id !== (itemToDelete.value as DownloadedItem).id
+          )
+        )
+      );
      await refreshDownloadedList();
-      message.success('删除成功');
+      message.success(t('download.delete.success'));
    } else {
-      message.error('删除失败');
+      message.error(t('download.delete.failed'));
    }
  } catch (error) {
    console.error('Failed to delete music:', error);
-    message.error('删除失败');
+    message.error(t('download.delete.failed'));
  } finally {
    showDeleteConfirm.value = false;
    itemToDelete.value = null;
@@ -303,58 +343,59 @@ const confirmDelete = async () => {
 };

 // 播放音乐
-const handlePlayMusic = async (item: DownloadedItem) => {
-  // 确保路径正确编码
-  const encodedPath = encodeURIComponent(item.path);
-  const localUrl = `local://${encodedPath}`;
+// const handlePlayMusic = async (item: DownloadedItem) => {
+//   // 确保路径正确编码
+//   const encodedPath = encodeURIComponent(item.path);
+//   const localUrl = `local://${encodedPath}`;

-  const musicInfo = {
-    name: item.filename,
-    id: item.id,
-    url: localUrl,
-    playMusicUrl: localUrl,
-    picUrl: item.picUrl,
-    ar: item.ar || [{ name: '本地音乐' }],
-    song: {
-      artists: item.ar || [{ name: '本地音乐' }]
-    },
-    al: {
-      picUrl: item.picUrl || '/images/default_cover.png'
-    }
-  };
+//   const musicInfo = {
+//     name: item.filename,
+//     id: item.id,
+//     url: localUrl,
+//     playMusicUrl: localUrl,
+//     picUrl: item.picUrl,
+//     ar: item.ar || [{ name: '本地音乐' }],
+//     song: {
+//       artists: item.ar || [{ name: '本地音乐' }]
+//     },
+//     al: {
+//       picUrl: item.picUrl || '/images/default_cover.png'
+//     }
+//   };

-  // 如果是当前播放的音乐，则切换播放状态
-  if (currentMusic.value?.id === item.id) {
-    if (play.value) {
-      audioService.getCurrentSound()?.pause();
-      store.commit('setPlayMusic', false);
-    } else {
-      audioService.getCurrentSound()?.play();
-      store.commit('setPlayMusic', true);
-    }
-    return;
-  }
+//   // 如果是当前播放的音乐，则切换播放状态
+//   if (currentMusic.value?.id === item.id) {
+//     if (play.value) {
+//       audioService.getCurrentSound()?.pause();
+//       store.commit('setPlayMusic', false);
+//     } else {
+//       audioService.getCurrentSound()?.play();
+//       store.commit('setPlayMusic', true);
+//     }
+//     return;
+//   }

-  // 播放新的音乐
-  store.commit('setPlay', musicInfo);
-  store.commit('setPlayMusic', true);
-  store.commit('setIsPlay', true);
+//   // 播放新的音乐
+//   store.commit('setPlay', musicInfo);
+//   store.commit('setPlayMusic', true);
+//   store.commit('setIsPlay', true);

-  store.commit(
-    'setPlayList',
-    downloadedList.value.map((item) => ({
-      ...item,
-      playMusicUrl: `local://${encodeURIComponent(item.path)}`
-    }))
-  );
-};
+//   store.commit(
+//     'setPlayList',
+//     downloadedList.value.map((item) => ({
+//       ...item,
+//       playMusicUrl: `local://${encodeURIComponent(item.path)}`
+//     }))
+//   );
+// };

 // 获取已下载音乐列表
 const refreshDownloadedList = async () => {
  try {
+    let saveList: any = [];
    const list = await window.electron.ipcRenderer.invoke('get-downloaded-music');
    if (!Array.isArray(list) || list.length === 0) {
-      downloadedList.value = [];
+      saveList = [];
      return;
    }

@@ -369,27 +410,39 @@ const refreshDownloadedList = async () => {
          return acc;
        }, {});

-        downloadedList.value = list.map((item) => {
+        saveList = list.map((item) => {
          const songDetail = songDetails[item.id];
          return {
            ...item,
            picUrl: songDetail?.al?.picUrl || item.picUrl || '/images/default_cover.png',
-            ar: songDetail?.ar || item.ar || [{ name: '本地音乐' }]
+            ar: songDetail?.ar || item.ar || [{ name: t('download.localMusic') }]
          };
        });
      } catch (detailError) {
        console.error('Failed to get music details:', detailError);
-        downloadedList.value = list;
+        saveList = list;
      }
    } else {
-      downloadedList.value = list;
+      saveList = list;
    }
+    setLocalDownloadedList(saveList);
  } catch (error) {
    console.error('Failed to get downloaded music list:', error);
    downloadedList.value = [];
  }
 };

+const setLocalDownloadedList = (list: DownloadedItem[]) => {
+  const localList = localStorage.getItem('downloadedList');
+  // 合并 去重
+  const saveList = [...(localList ? JSON.parse(localList) : []), ...list];
+  const uniqueList = saveList.filter(
+    (item, index, self) => index === self.findIndex((t) => t.id === item.id)
+  );
+  localStorage.setItem('downloadedList', JSON.stringify(uniqueList));
+  downloadedList.value = uniqueList;
+};
+
 // 监听抽屉显示状态
 watch(
  () => showDrawer.value,
@@ -432,7 +485,7 @@ onMounted(() => {
      downloadList.value = downloadList.value.filter((item) => item.filename !== data.filename);
      // 刷新已下载列表
      refreshDownloadedList();
-      message.success(`${data.filename} 下载完成`);
+      message.success(t('download.message.downloadComplete', { filename: data.filename }));
    } else {
      const existingItem = downloadList.value.find((item) => item.filename === data.filename);
      if (existingItem) {
@@ -445,7 +498,9 @@ onMounted(() => {
          downloadList.value = downloadList.value.filter((item) => item.filename !== data.filename);
        }, 3000);
      }
-      message.error(`${data.filename} 下载失败: ${data.error}`);
+      message.error(
+        t('download.message.downloadFailed', { filename: data.filename, error: data.error })
+      );
    }
  });

@@ -465,6 +520,10 @@ onMounted(() => {
    }
  });
 });
+
+const handleDrawerClose = () => {
+  store.commit('setShowDownloadDrawer', false);
+};
 </script>

 <style lang="scss" scoped>
--- a/src/renderer/components/common/InstallAppModal.vue
+++ b/src/renderer/components/common/InstallAppModal.vue
@@ -13,24 +13,28 @@
        </div>
        <div class="app-info">
          <h2 class="app-name">Alger Music Player {{ config.version }}</h2>
-          <p class="app-desc mb-2">在桌面安装应用，获得更好的体验</p>
-          <n-checkbox v-model:checked="noPrompt">不再提示</n-checkbox>
+          <p class="app-desc mb-2">{{ t('comp.installApp.description') }}</p>
+          <n-checkbox v-model:checked="noPrompt">{{ t('comp.installApp.noPrompt') }}</n-checkbox>
        </div>
      </div>
      <div class="modal-actions">
-        <n-button class="cancel-btn" @click="closeModal">暂不安装</n-button>
-        <n-button type="primary" class="install-btn" @click="handleInstall">立即安装</n-button>
+        <n-button class="cancel-btn" @click="closeModal">{{
+          t('comp.installApp.cancel')
+        }}</n-button>
+        <n-button type="primary" class="install-btn" @click="handleInstall">{{
+          t('comp.installApp.install')
+        }}</n-button>
      </div>
      <div class="modal-desc mt-4 text-center">
        <p class="text-xs text-gray-400">
-          下载遇到问题？去
+          {{ t('comp.installApp.downloadProblem') }}
          <a
            class="text-green-500"
            target="_blank"
            href="https://github.com/algerkong/AlgerMusicPlayer/releases"
            >GitHub</a
          >
-          下载最新版本
+          {{ t('comp.installApp.downloadProblemLinkText') }}
        </p>
      </div>
    </div>
@@ -39,12 +43,15 @@

 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';

 import { isElectron, isMobile } from '@/utils';
-import { getLatestReleaseInfo } from '@/utils/update';
+import { getLatestReleaseInfo, getProxyNodes } from '@/utils/update';

 import config from '../../../../package.json';

+const { t } = useI18n();
+
 const showModal = ref(false);
 const noPrompt = ref(false);
 const releaseInfo = ref<any>(null);
@@ -56,6 +63,8 @@ const closeModal = () => {
  }
 };

+const proxyHosts = ref<string[]>([]);
+
 onMounted(async () => {
  // 如果是 electron 环境，不显示安装提示
  if (isElectron || isMobile.value) {
@@ -71,6 +80,7 @@ onMounted(async () => {
  // 获取最新版本信息
  releaseInfo.value = await getLatestReleaseInfo();
  showModal.value = true;
+  proxyHosts.value = await getProxyNodes();
 });

 const handleInstall = async (): Promise<void> => {
@@ -111,7 +121,8 @@ const handleInstall = async (): Promise<void> => {
  }

  if (downloadUrl) {
-    window.open(`https://ghproxy.cn/${downloadUrl}`, '_blank');
+    const proxyDownloadUrl = `${proxyHosts.value[0]}/${downloadUrl}`;
+    window.open(proxyDownloadUrl, '_blank');
  } else {
    // 如果没有找到对应的安装包，跳转到 release 页面
    window.open('https://github.com/algerkong/AlgerMusicPlayer/releases/latest', '_blank');
--- a/src/renderer/components/common/PlaylistDrawer.vue
+++ b/src/renderer/components/common/PlaylistDrawer.vue
@@ -0,0 +1,370 @@
+<template>
+  <n-drawer
+    :show="modelValue"
+    :width="400"
+    placement="right"
+    @update:show="$emit('update:modelValue', $event)"
+  >
+    <n-drawer-content :title="t('comp.playlistDrawer.title')" class="mac-style-drawer">
+      <n-scrollbar class="h-full">
+        <div class="playlist-drawer">
+          <!-- 创建新歌单按钮和表单 -->
+          <div class="create-playlist-section">
+            <div
+              class="create-playlist-button"
+              :class="{ 'is-expanded': isCreating }"
+              @click="toggleCreateForm"
+            >
+              <div class="create-playlist-icon">
+                <i class="iconfont" :class="isCreating ? 'ri-close-line' : 'ri-add-line'"></i>
+              </div>
+              <div class="create-playlist-text">
+                {{
+                  isCreating
+                    ? t('comp.playlistDrawer.cancelCreate')
+                    : t('comp.playlistDrawer.createPlaylist')
+                }}
+              </div>
+            </div>
+
+            <!-- 创建歌单表单 -->
+            <div class="create-playlist-form" :class="{ 'is-visible': isCreating }">
+              <n-input
+                v-model:value="formValue.name"
+                :placeholder="t('comp.playlistDrawer.playlistName')"
+                maxlength="40"
+                class="mac-style-input"
+                :status="inputError ? 'error' : undefined"
+              >
+                <template #prefix>
+                  <i class="iconfont ri-music-2-line"></i>
+                </template>
+              </n-input>
+              <div class="privacy-switch">
+                <div class="privacy-label">
+                  <i
+                    class="iconfont"
+                    :class="formValue.privacy ? 'ri-lock-line' : 'ri-earth-line'"
+                  ></i>
+                  <span>{{
+                    formValue.privacy
+                      ? t('comp.playlistDrawer.privatePlaylist')
+                      : t('comp.playlistDrawer.publicPlaylist')
+                  }}</span>
+                </div>
+                <n-switch v-model:value="formValue.privacy" class="mac-style-switch">
+                  <template #checked>{{ t('comp.playlistDrawer.private') }}</template>
+                  <template #unchecked>{{ t('comp.playlistDrawer.public') }}</template>
+                </n-switch>
+              </div>
+              <div class="form-actions">
+                <n-button
+                  type="primary"
+                  quaternary
+                  class="mac-style-button"
+                  :loading="creating"
+                  :disabled="!formValue.name"
+                  @click="handleCreatePlaylist"
+                >
+                  {{ t('comp.playlistDrawer.create') }}
+                </n-button>
+              </div>
+            </div>
+          </div>
+
+          <!-- 歌单列表 -->
+          <div class="playlist-list">
+            <div
+              v-for="playlist in playlists"
+              :key="playlist.id"
+              class="playlist-item"
+              @click="handleAddToPlaylist(playlist)"
+            >
+              <n-image
+                :src="getImgUrl(playlist.coverImgUrl || playlist.picUrl, '100y100')"
+                class="playlist-item-img"
+                preview-disabled
+                :img-props="{
+                  crossorigin: 'anonymous'
+                }"
+              />
+              <div class="playlist-item-info">
+                <div class="playlist-item-name">{{ playlist.name }}</div>
+                <div class="playlist-item-count">
+                  {{ playlist.trackCount }}
+                  {{ t('comp.playlistDrawer.count') }}
+                </div>
+              </div>
+              <div class="playlist-item-action">
+                <i class="iconfont ri-add-line"></i>
+              </div>
+            </div>
+          </div>
+        </div>
+      </n-scrollbar>
+    </n-drawer-content>
+  </n-drawer>
+</template>
+
+<script lang="ts" setup>
+import { useMessage } from 'naive-ui';
+import { computed, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useStore } from 'vuex';
+
+import { createPlaylist, updatePlaylistTracks } from '@/api/music';
+import { getUserPlaylist } from '@/api/user';
+import { getImgUrl } from '@/utils';
+
+const { t } = useI18n();
+const props = defineProps<{
+  modelValue: boolean;
+  songId?: number;
+}>();
+
+const emit = defineEmits(['update:modelValue']);
+
+const message = useMessage();
+const playlists = ref<any[]>([]);
+const creating = ref(false);
+const store = useStore();
+const isCreating = ref(false);
+
+const formValue = ref({
+  name: '',
+  privacy: false
+});
+
+const inputError = computed(() => {
+  return isCreating.value && !formValue.value.name;
+});
+
+const toggleCreateForm = () => {
+  if (creating.value) return;
+  isCreating.value = !isCreating.value;
+  if (!isCreating.value) {
+    formValue.value.name = '';
+    formValue.value.privacy = false;
+  }
+};
+
+// 获取用户歌单
+const fetchUserPlaylists = async () => {
+  try {
+    const { user } = store.state;
+    if (!user?.userId) {
+      message.error(t('comp.playlistDrawer.loginFirst'));
+      emit('update:modelValue', false);
+      return;
+    }
+
+    const res = await getUserPlaylist(user.userId);
+    if (res.data?.playlist) {
+      playlists.value = res.data.playlist;
+    }
+  } catch (error) {
+    console.error('获取歌单失败:', error);
+    message.error(t('comp.playlistDrawer.getPlaylistFailed'));
+  }
+};
+
+// 添加到歌单
+const handleAddToPlaylist = async (playlist: any) => {
+  if (!props.songId) return;
+  try {
+    const res = await updatePlaylistTracks({
+      op: 'add',
+      pid: playlist.id,
+      tracks: props.songId.toString()
+    });
+    console.log('res.data', res.data);
+
+    if (res.status === 200) {
+      message.success(t('comp.playlistDrawer.addSuccess'));
+      emit('update:modelValue', false);
+    } else {
+      throw new Error(res.data?.msg || t('comp.playlistDrawer.addFailed'));
+    }
+  } catch (error: any) {
+    console.error('添加到歌单失败:', error);
+    message.error(error.message || t('comp.playlistDrawer.addFailed'));
+  }
+};
+
+// 创建歌单
+const handleCreatePlaylist = async () => {
+  if (!formValue.value.name) {
+    message.error(t('comp.playlistDrawer.inputPlaylistName'));
+    return;
+  }
+
+  try {
+    creating.value = true;
+
+    const res = await createPlaylist({
+      name: formValue.value.name,
+      privacy: formValue.value.privacy ? 10 : 0
+    });
+
+    if (res.data?.id) {
+      message.success(t('comp.playlistDrawer.createSuccess'));
+      isCreating.value = false;
+      formValue.value.name = '';
+      formValue.value.privacy = false;
+      await fetchUserPlaylists();
+    }
+  } catch (error) {
+    console.error('创建歌单失败:', error);
+    message.error(t('comp.playlistDrawer.createFailed'));
+  } finally {
+    creating.value = false;
+  }
+};
+
+// 监听显示状态变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    if (newVal) {
+      fetchUserPlaylists();
+    }
+  }
+);
+</script>
+
+<style lang="scss" scoped>
+.mac-style-drawer {
+  @apply h-full;
+
+  :deep(.n-drawer-header__main) {
+    @apply text-base font-medium;
+  }
+
+  :deep(.n-drawer-content) {
+    @apply h-full;
+  }
+
+  :deep(.n-drawer-content-wrapper) {
+    @apply h-full;
+  }
+
+  :deep(.n-scrollbar-rail) {
+    @apply right-0.5;
+  }
+}
+
+.playlist-drawer {
+  @apply flex flex-col gap-6;
+}
+
+.create-playlist-section {
+  @apply flex flex-col;
+}
+
+.create-playlist-button {
+  @apply flex items-center gap-4 p-3 rounded-xl cursor-pointer transition-all duration-200
+         bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700;
+
+  &.is-expanded {
+    @apply bg-gray-100 dark:bg-gray-700;
+
+    .create-playlist-icon {
+      transform: rotate(45deg);
+    }
+  }
+
+  &-icon {
+    @apply w-10 h-10 rounded-xl bg-green-500 flex items-center justify-center text-white
+           transition-all duration-300;
+
+    .iconfont {
+      @apply text-xl transition-transform duration-300;
+    }
+  }
+
+  &-text {
+    @apply text-sm font-medium transition-colors duration-300;
+  }
+}
+
+.create-playlist-form {
+  @apply max-h-0 overflow-hidden transition-all duration-300 ease-in-out opacity-0;
+
+  &.is-visible {
+    @apply max-h-[200px] mt-4 opacity-100;
+  }
+
+  .mac-style-input {
+    @apply rounded-lg;
+    :deep(.n-input-wrapper) {
+      @apply bg-gray-50 dark:bg-gray-800 border-0;
+    }
+    :deep(.n-input__input) {
+      @apply text-sm;
+    }
+    :deep(.n-input__prefix) {
+      @apply text-gray-400;
+    }
+  }
+
+  .form-actions {
+    @apply mt-4;
+    .mac-style-button {
+      @apply w-full rounded-lg text-sm py-2 bg-green-500 hover:bg-green-600 text-white;
+    }
+  }
+}
+
+.privacy-switch {
+  @apply flex items-center justify-between mt-4 px-2;
+
+  .privacy-label {
+    @apply flex items-center gap-2;
+
+    .iconfont {
+      @apply text-base text-gray-500 dark:text-gray-400;
+    }
+    span {
+      @apply text-sm;
+    }
+  }
+
+  :deep(.n-switch) {
+    @apply h-5 min-w-[40px];
+  }
+}
+
+.playlist-list {
+  @apply flex flex-col gap-2;
+}
+
+.playlist-item {
+  @apply flex items-center gap-3 p-2 rounded-xl cursor-pointer transition-all duration-200
+         hover:bg-gray-50 dark:hover:bg-gray-800;
+
+  &-img {
+    @apply w-10 h-10 rounded-xl;
+  }
+
+  &-info {
+    @apply flex-1 min-w-0;
+  }
+
+  &-name {
+    @apply text-sm font-medium truncate;
+  }
+
+  &-count {
+    @apply text-xs text-gray-500 dark:text-gray-400;
+  }
+
+  &-action {
+    @apply w-8 h-8 rounded-lg flex items-center justify-center
+           text-gray-400 hover:text-green-500 transition-colors duration-200;
+
+    .iconfont {
+      @apply text-xl;
+    }
+  }
+}
+</style>
--- a/src/renderer/components/common/SongItem.vue
+++ b/src/renderer/components/common/SongItem.vue
@@ -73,9 +73,10 @@
    <n-dropdown
      v-if="isElectron"
      :show="showDropdown"
-      :options="dropdownOptions"
      :x="dropdownX"
      :y="dropdownY"
+      :options="dropdownOptions"
+      :z-index="99999"
      placement="bottom-start"
      @clickoutside="showDropdown = false"
      @select="handleSelect"
@@ -86,8 +87,9 @@
 <script lang="ts" setup>
 import { cloneDeep } from 'lodash';
 import type { MenuOption } from 'naive-ui';
-import { useMessage } from 'naive-ui';
-import { computed, h, ref, useTemplateRef } from 'vue';
+import { NImage, NText, useMessage } from 'naive-ui';
+import { computed, h, inject, ref, useTemplateRef } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

 import { getSongUrl } from '@/hooks/MusicListHook';
@@ -96,6 +98,8 @@ import type { SongResult } from '@/type/music';
 import { getImgUrl, isElectron } from '@/utils';
 import { getImageBackground } from '@/utils/linearColor';

+const { t } = useI18n();
+
 const props = withDefaults(
  defineProps<{
    item: SongResult;
@@ -104,13 +108,15 @@ const props = withDefaults(
    favorite?: boolean;
    selectable?: boolean;
    selected?: boolean;
+    canRemove?: boolean;
  }>(),
  {
    mini: false,
    list: false,
    favorite: true,
    selectable: false,
-    selected: false
+    selected: false,
+    canRemove: false
  }
 );

@@ -132,14 +138,114 @@ const dropdownY = ref(0);

 const isDownloading = ref(false);

-const dropdownOptions = computed<MenuOption[]>(() => [
-  {
-    label: isDownloading.value ? '下载中...' : `下载 ${props.item.name}`,
-    key: 'download',
-    icon: () => h('i', { class: 'iconfont ri-download-line' }),
-    disabled: isDownloading.value
+const openPlaylistDrawer = inject<(songId: number) => void>('openPlaylistDrawer');
+
+const renderSongPreview = () => {
+  return h(
+    'div',
+    {
+      class: 'flex items-center gap-3 px-2 py-1 dark:border-gray-800'
+    },
+    [
+      h(NImage, {
+        src: getImgUrl(props.item.picUrl || props.item.al?.picUrl, '100y100'),
+        class: 'w-10 h-10 rounded-lg flex-shrink-0',
+        previewDisabled: true,
+        imgProps: {
+          crossorigin: 'anonymous'
+        }
+      }),
+      h(
+        'div',
+        {
+          class: 'flex-1 min-w-0 py-1'
+        },
+        [
+          h(
+            'div',
+            {
+              class: 'mb-1'
+            },
+            [
+              h(
+                NText,
+                {
+                  depth: 1,
+                  class: 'text-sm font-medium'
+                },
+                {
+                  default: () => props.item.name
+                }
+              )
+            ]
+          )
+        ]
+      )
+    ]
+  );
+};
+
+const dropdownOptions = computed<MenuOption[]>(() => {
+  const options: MenuOption[] = [
+    {
+      key: 'header',
+      type: 'render',
+      render: renderSongPreview
+    },
+    {
+      key: 'divider1',
+      type: 'divider'
+    },
+    {
+      label: t('songItem.menu.play'),
+      key: 'play',
+      icon: () => h('i', { class: 'iconfont ri-play-circle-line' })
+    },
+    {
+      label: t('songItem.menu.playNext'),
+      key: 'playNext',
+      icon: () => h('i', { class: 'iconfont ri-play-list-2-line' })
+    },
+    {
+      type: 'divider',
+      key: 'd1'
+    },
+    {
+      label: t('songItem.menu.download'),
+      key: 'download',
+      icon: () => h('i', { class: 'iconfont ri-download-line' })
+    },
+    {
+      label: t('songItem.menu.addToPlaylist'),
+      key: 'addToPlaylist',
+      icon: () => h('i', { class: 'iconfont ri-folder-add-line' })
+    },
+    {
+      label: isFavorite.value ? t('songItem.menu.unfavorite') : t('songItem.menu.favorite'),
+      key: 'favorite',
+      icon: () =>
+        h('i', {
+          class: `iconfont ${isFavorite.value ? 'ri-heart-fill text-red-500' : 'ri-heart-line'}`
+        })
+    }
+  ];
+
+  if (props.canRemove) {
+    options.push(
+      {
+        type: 'divider',
+        key: 'd2'
+      },
+      {
+        label: t('songItem.menu.removeFromPlaylist'),
+        key: 'remove',
+        icon: () => h('i', { class: 'iconfont ri-delete-bin-line' })
+      }
+    );
  }
-]);
+
+  return options;
+});

 const handleContextMenu = (e: MouseEvent) => {
  e.preventDefault();
@@ -152,13 +258,23 @@ const handleSelect = (key: string | number) => {
  showDropdown.value = false;
  if (key === 'download') {
    downloadMusic();
+  } else if (key === 'playNext') {
+    handlePlayNext();
+  } else if (key === 'addToPlaylist') {
+    openPlaylistDrawer?.(props.item.id);
+  } else if (key === 'favorite') {
+    toggleFavorite(new Event('click'));
+  } else if (key === 'play') {
+    playMusicEvent(props.item);
+  } else if (key === 'remove') {
+    emits('remove-song', props.item.id);
  }
 };

 // 下载音乐
 const downloadMusic = async () => {
  if (isDownloading.value) {
-    message.warning('正在下载中，请稍候...');
+    message.warning(t('songItem.message.downloading'));
    return;
  }

@@ -167,7 +283,7 @@ const downloadMusic = async () => {

    const data = (await getSongUrl(props.item.id, cloneDeep(props.item), true)) as any;
    if (!data || !data.url) {
-      throw new Error('获取音乐下载地址失败');
+      throw new Error(t('songItem.message.getUrlFailed'));
    }

    // 构建文件名
@@ -185,7 +301,7 @@ const downloadMusic = async () => {
      }
    });

-    message.success('已加入下载队列');
+    message.success(t('songItem.message.downloadQueued'));

    // 监听下载完成事件
    const handleDownloadComplete = (_, result) => {
@@ -218,11 +334,11 @@ const downloadMusic = async () => {
  } catch (error: any) {
    console.error('Download error:', error);
    isDownloading.value = false;
-    message.error(error.message || '下载失败');
+    message.error(error.message || t('songItem.message.downloadFailed'));
  }
 };

-const emits = defineEmits(['play', 'select']);
+const emits = defineEmits(['play', 'select', 'remove-song']);
 const songImageRef = useTemplateRef('songImg');

 const imageLoad = async () => {
@@ -281,6 +397,12 @@ const handleArtistClick = (id: number) => {
 const artists = computed(() => {
  return (props.item.ar || props.item.song?.artists)?.slice(0, 4) || [];
 });
+
+// 添加到下一首播放
+const handlePlayNext = () => {
+  store.commit('addToNextPlay', props.item);
+  message.success(t('songItem.message.addedToNextPlay'));
+};
 </script>

 <style lang="scss" scoped>
@@ -450,4 +572,56 @@ const artists = computed(() => {
    }
  }
 }
+
+:deep(.n-dropdown-menu) {
+  @apply min-w-[240px] overflow-hidden rounded-lg border dark:border-gray-800;
+
+  .n-dropdown-option {
+    @apply h-9 text-sm;
+
+    &:hover {
+      @apply bg-gray-100 dark:bg-gray-800;
+    }
+
+    .n-dropdown-option-body {
+      @apply h-full;
+
+      .n-dropdown-option-body__prefix {
+        @apply w-8 flex justify-center items-center;
+
+        .iconfont {
+          @apply text-base;
+        }
+      }
+    }
+  }
+
+  .n-dropdown-divider {
+    @apply my-1;
+  }
+}
+
+:deep(.song-preview) {
+  @apply flex items-center gap-3 p-3 border-b dark:border-gray-800;
+
+  .n-image {
+    @apply w-12 h-12 rounded-lg flex-shrink-0;
+  }
+
+  .song-preview-info {
+    @apply flex-1 min-w-0 py-1;
+
+    .song-preview-name {
+      @apply text-sm font-medium truncate mb-1;
+    }
+
+    .song-preview-artist {
+      @apply text-xs text-gray-500 dark:text-gray-400 truncate;
+    }
+  }
+}
+
+:deep(.n-dropdown-option-body--render) {
+  @apply p-0;
+}
 </style>
--- a/src/renderer/components/common/UpdateModal.vue
+++ b/src/renderer/components/common/UpdateModal.vue
@@ -3,7 +3,8 @@
    v-model:show="showModal"
    preset="dialog"
    :show-icon="false"
-    :mask-closable="true"
+    :mask-closable="!downloading"
+    :closable="!downloading"
    class="update-app-modal"
    style="width: 800px; max-width: 90vw"
  >
@@ -13,9 +14,10 @@
          <img src="@/assets/logo.png" alt="App Icon" />
        </div>
        <div class="app-info">
-          <h2 class="app-name">发现新版本 {{ updateInfo.latestVersion }}</h2>
-          <p class="app-desc mb-2">当前版本 {{ updateInfo.currentVersion }}</p>
-          <n-checkbox v-model:checked="noPrompt">不再提示</n-checkbox>
+          <h2 class="app-name">{{ t('comp.update.title') }} {{ updateInfo.latestVersion }}</h2>
+          <p class="app-desc mb-2">
+            {{ t('comp.update.currentVersion') }} {{ updateInfo.currentVersion }}
+          </p>
        </div>
      </div>
      <div class="update-info">
@@ -23,20 +25,44 @@
          <div class="update-body" v-html="parsedReleaseNotes"></div>
        </n-scrollbar>
      </div>
-      <div class="modal-actions">
-        <n-button class="cancel-btn" @click="closeModal">暂不更新</n-button>
-        <n-button type="primary" class="update-btn" @click="handleUpdate">立即更新</n-button>
+      <div v-if="downloading" class="download-status mt-6">
+        <div class="flex items-center justify-between mb-2">
+          <span class="text-sm text-gray-500">{{ downloadStatus }}</span>
+          <span class="text-sm font-medium">{{ downloadProgress }}%</span>
+        </div>
+        <div class="progress-bar-wrapper">
+          <div class="progress-bar" :style="{ width: `${downloadProgress}%` }"></div>
+        </div>
      </div>
-      <div class="modal-desc mt-4 text-center">
+      <div class="modal-actions" :class="{ 'mt-6': !downloading }">
+        <n-button
+          class="cancel-btn"
+          :disabled="downloading"
+          :loading="downloading"
+          @click="closeModal"
+        >
+          {{ t('comp.update.cancel') }}
+        </n-button>
+        <n-button
+          type="primary"
+          class="update-btn"
+          :loading="downloading"
+          :disabled="downloading"
+          @click="handleUpdate"
+        >
+          {{ downloadBtnText }}
+        </n-button>
+      </div>
+      <div v-if="!downloading" class="modal-desc mt-4 text-center">
        <p class="text-xs text-gray-400">
-          下载遇到问题？去
+          {{ t('comp.installApp.downloadProblem') }}
          <a
            class="text-green-500"
            target="_blank"
            href="https://github.com/algerkong/AlgerMusicPlayer/releases"
            >GitHub</a
          >
-          下载最新版本
+          {{ t('comp.installApp.downloadProblemLinkText') }}
        </p>
      </div>
    </div>
@@ -45,13 +71,16 @@

 <script setup lang="ts">
 import { marked } from 'marked';
-import { computed, onMounted, ref, watch } from 'vue';
+import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

-import { checkUpdate, UpdateResult } from '@/utils/update';
+import { checkUpdate, getProxyNodes, UpdateResult } from '@/utils/update';

 import config from '../../../../package.json';

+const { t } = useI18n();
+
 // 配置 marked
 marked.setOptions({
  breaks: true, // 支持 GitHub 风格的换行
@@ -59,7 +88,6 @@ marked.setOptions({
 });

 const showModal = ref(false);
-const noPrompt = ref(false);
 const updateInfo = ref<UpdateResult>({
  hasUpdate: false,
  latestVersion: '',
@@ -102,9 +130,6 @@ const parsedReleaseNotes = computed(() => {

 const closeModal = () => {
  showModal.value = false;
-  if (noPrompt.value) {
-    localStorage.setItem('updatePromptDismissed', 'true');
-  }
 };

 const checkForUpdates = async () => {
@@ -112,21 +137,54 @@ const checkForUpdates = async () => {
    const result = await checkUpdate(config.version);
    if (result) {
      updateInfo.value = result;
-      if (localStorage.getItem('updatePromptDismissed') !== 'true') {
-        showModal.value = true;
-      }
+      showModal.value = true;
    }
  } catch (error) {
    console.error('检查更新失败:', error);
  }
 };

+const downloading = ref(false);
+const downloadProgress = ref(0);
+const downloadStatus = ref(t('comp.update.prepareDownload'));
+const downloadBtnText = computed(() => {
+  if (downloading.value) return t('comp.update.downloading');
+  return t('comp.update.nowUpdate');
+});
+
+// 处理下载状态更新
+const handleDownloadProgress = (_event: any, progress: number, status: string) => {
+  downloadProgress.value = progress;
+  downloadStatus.value = status;
+};
+
+// 处理下载完成
+const handleDownloadComplete = (_event: any, success: boolean, filePath: string) => {
+  downloading.value = false;
+  if (success) {
+    window.electron.ipcRenderer.send('install-update', filePath);
+  } else {
+    window.$message.error(t('comp.update.downloadFailed'));
+  }
+};
+
+// 监听下载事件
+onMounted(() => {
+  checkForUpdates();
+  window.electron.ipcRenderer.on('download-progress', handleDownloadProgress);
+  window.electron.ipcRenderer.on('download-complete', handleDownloadComplete);
+});
+
+// 清理事件监听
+onUnmounted(() => {
+  window.electron.ipcRenderer.removeListener('download-progress', handleDownloadProgress);
+  window.electron.ipcRenderer.removeListener('download-complete', handleDownloadComplete);
+});
+
 const handleUpdate = async () => {
  const assets = updateInfo.value.releaseInfo?.assets || [];
  const { platform } = window.electron.process;
  const arch = window.electron.ipcRenderer.sendSync('get-arch');
-  console.log('arch', arch);
-  console.log('platform', platform);
  const version = updateInfo.value.latestVersion;
  const downUrls = {
    win32: {
@@ -170,16 +228,26 @@ const handleUpdate = async () => {
  }

  if (downloadUrl) {
-    window.open(`https://www.ghproxy.cn/${downloadUrl}`, '_blank');
+    try {
+      downloading.value = true;
+      downloadStatus.value = t('comp.update.prepareDownload');
+
+      // 获取代理节点列表
+      const proxyHosts = await getProxyNodes();
+      const proxyDownloadUrl = `${proxyHosts[0]}/${downloadUrl}`;
+
+      // 发送所有可能的下载地址到主进程
+      window.electron.ipcRenderer.send('start-download', proxyDownloadUrl);
+    } catch (error) {
+      downloading.value = false;
+      window.$message.error(t('comp.update.startFailed'));
+      console.error('下载失败:', error);
+    }
  } else {
-    // 如果没有找到对应的安装包，跳转到 release 页面
+    window.$message.error(t('comp.update.noDownloadUrl'));
    window.open('https://github.com/algerkong/AlgerMusicPlayer/releases/latest', '_blank');
  }
 };
-
-onMounted(() => {
-  checkForUpdates();
-});
 </script>

 <style lang="scss" scoped>
@@ -266,8 +334,18 @@ onMounted(() => {
        }
      }
    }
+    .download-status {
+      @apply p-2;
+      .progress-bar-wrapper {
+        @apply w-full h-2 bg-gray-100 dark:bg-gray-700 rounded-full overflow-hidden;
+        .progress-bar {
+          @apply h-full bg-green-500 rounded-full transition-all duration-300 ease-out;
+          box-shadow: 0 0 10px rgba(34, 197, 94, 0.5);
+        }
+      }
+    }
    .modal-actions {
-      @apply flex gap-4 mt-6;
+      @apply flex gap-4;
      .n-button {
        @apply flex-1 text-base py-2;
      }
@@ -276,12 +354,18 @@ onMounted(() => {
        &:hover {
          @apply bg-gray-700;
        }
+        &:disabled {
+          @apply opacity-50 cursor-not-allowed;
+        }
      }
      .update-btn {
        @apply bg-green-600 border-none;
        &:hover {
          @apply bg-green-500;
        }
+        &:disabled {
+          @apply opacity-50 cursor-not-allowed;
+        }
      }
    }
  }
--- a/src/renderer/components/lyric/LyricSettings.vue
+++ b/src/renderer/components/lyric/LyricSettings.vue
@@ -0,0 +1,195 @@
+<template>
+  <div class="settings-panel transparent-popover">
+    <div class="settings-title">{{ t('settings.lyricSettings.title') }}</div>
+    <div class="settings-content">
+      <div class="settings-item">
+        <span>{{ t('settings.lyricSettings.pureMode') }}</span>
+        <n-switch v-model:value="config.pureModeEnabled" />
+      </div>
+
+      <div class="settings-item">
+        <span>{{ t('settings.lyricSettings.hideCover') }}</span>
+        <n-switch v-model:value="config.hideCover" />
+      </div>
+
+      <div class="settings-item">
+        <span>{{ t('settings.lyricSettings.centerDisplay') }}</span>
+        <n-switch v-model:value="config.centerLyrics" />
+      </div>
+
+      <div class="settings-item">
+        <span>{{ t('settings.lyricSettings.showTranslation') }}</span>
+        <n-switch v-model:value="config.showTranslation" />
+      </div>
+
+      <div class="settings-item">
+        <span>{{ t('settings.lyricSettings.hidePlayBar') }}</span>
+        <n-switch v-model:value="config.hidePlayBar" />
+      </div>
+
+      <div class="settings-slider">
+        <span>{{ t('settings.lyricSettings.fontSize') }}</span>
+        <n-slider
+          v-model:value="config.fontSize"
+          :step="1"
+          :min="12"
+          :max="32"
+          :marks="{
+            12: t('settings.lyricSettings.fontSizeMarks.small'),
+            22: t('settings.lyricSettings.fontSizeMarks.medium'),
+            32: t('settings.lyricSettings.fontSizeMarks.large')
+          }"
+        />
+      </div>
+
+      <div class="settings-slider">
+        <span>{{ t('settings.lyricSettings.letterSpacing') }}</span>
+        <n-slider
+          v-model:value="config.letterSpacing"
+          :step="0.2"
+          :min="-2"
+          :max="10"
+          :marks="{
+            '-2': t('settings.lyricSettings.letterSpacingMarks.compact'),
+            0: t('settings.lyricSettings.letterSpacingMarks.default'),
+            10: t('settings.lyricSettings.letterSpacingMarks.loose')
+          }"
+        />
+      </div>
+
+      <div class="settings-slider">
+        <span>{{ t('settings.lyricSettings.lineHeight') }}</span>
+        <n-slider
+          v-model:value="config.lineHeight"
+          :step="0.1"
+          :min="1"
+          :max="3"
+          :marks="{
+            1: t('settings.lyricSettings.lineHeightMarks.compact'),
+            1.5: t('settings.lyricSettings.lineHeightMarks.default'),
+            3: t('settings.lyricSettings.lineHeightMarks.loose')
+          }"
+        />
+      </div>
+
+      <div class="settings-item">
+        <span>{{ t('settings.lyricSettings.backgroundTheme') }}</span>
+        <n-radio-group v-model:value="config.theme" name="theme">
+          <n-radio value="default">{{ t('settings.lyricSettings.themeOptions.default') }}</n-radio>
+          <n-radio value="light">{{ t('settings.lyricSettings.themeOptions.light') }}</n-radio>
+          <n-radio value="dark">{{ t('settings.lyricSettings.themeOptions.dark') }}</n-radio>
+        </n-radio-group>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+
+interface LyricConfig {
+  hideCover: boolean;
+  centerLyrics: boolean;
+  fontSize: number;
+  letterSpacing: number;
+  lineHeight: number;
+  showTranslation: boolean;
+  theme: 'default' | 'light' | 'dark';
+  hidePlayBar: boolean;
+  pureModeEnabled: boolean;
+}
+
+const config = ref<LyricConfig>({
+  hideCover: false,
+  centerLyrics: false,
+  fontSize: 22,
+  letterSpacing: 0,
+  lineHeight: 2,
+  showTranslation: true,
+  theme: 'default',
+  hidePlayBar: false,
+  pureModeEnabled: false
+});
+
+const emit = defineEmits(['themeChange']);
+
+// 监听配置变化并保存到本地存储
+watch(
+  () => config.value,
+  (newConfig) => {
+    updateCSSVariables(newConfig);
+  },
+  { deep: true }
+);
+
+// 监听主题变化
+watch(
+  () => config.value.theme,
+  (newTheme) => {
+    emit('themeChange', newTheme);
+  }
+);
+
+// 更新 CSS 变量
+const updateCSSVariables = (config: LyricConfig) => {
+  document.documentElement.style.setProperty('--lyric-font-size', `${config.fontSize}px`);
+  document.documentElement.style.setProperty('--lyric-letter-spacing', `${config.letterSpacing}px`);
+  document.documentElement.style.setProperty('--lyric-line-height', config.lineHeight.toString());
+};
+
+// 加载保存的配置
+onMounted(() => {
+  const savedConfig = localStorage.getItem('music-full-config');
+  if (savedConfig) {
+    config.value = { ...config.value, ...JSON.parse(savedConfig) };
+    updateCSSVariables(config.value);
+  }
+});
+
+defineExpose({
+  config
+});
+</script>
+
+<style scoped lang="scss">
+.settings-panel {
+  @apply p-4 w-72 rounded-lg relative overflow-hidden backdrop-blur-lg bg-black/10;
+  .settings-title {
+    @apply text-base font-bold mb-4;
+    color: var(--text-color-active);
+  }
+
+  .settings-content {
+    @apply space-y-4;
+  }
+
+  .settings-item {
+    @apply flex items-center justify-between;
+    span {
+      @apply text-sm;
+      color: var(--text-color-primary);
+    }
+  }
+
+  .settings-slider {
+    @apply space-y-2;
+    @apply mb-10 !important;
+    span {
+      @apply text-sm;
+      color: var(--text-color-primary);
+    }
+  }
+}
+
+// 修改 slider 字体颜色
+:deep(.n-slider-mark) {
+  color: var(--text-color-primary) !important;
+}
+// 修改 radio 字体颜色
+:deep(.n-radio__label) {
+  color: var(--text-color-active) !important;
+}
+</style>
--- a/src/renderer/components/settings/ShortcutSettings.vue
+++ b/src/renderer/components/settings/ShortcutSettings.vue
@@ -2,7 +2,7 @@
  <n-modal
    v-model:show="visible"
    preset="dialog"
-    title="快捷键设置"
+    :title="t('settings.shortcutSettings.title')"
    :show-icon="false"
    style="width: 600px"
    @after-leave="handleAfterLeave"
@@ -20,7 +20,7 @@
                  <n-input
                    :value="formatShortcut(shortcut)"
                    :status="duplicateKeys[key] ? 'error' : undefined"
-                    placeholder="点击输入快捷键"
+                    :placeholder="t('settings.shortcutSettings.inputPlaceholder')"
                    readonly
                    @keydown="(e) => handleKeyDown(e, key)"
                    @focus="() => startRecording(key)"
@@ -32,7 +32,7 @@
                        <i class="ri-error-warning-line"></i>
                      </n-icon>
                    </template>
-                    快捷键冲突
+                    {{ t('settings.shortcutSettings.shortcutConflict') }}
                  </n-tooltip>
                </div>
              </div>
@@ -42,10 +42,12 @@

        <div class="shortcut-footer">
          <n-space justify="end">
-            <n-button size="small" @click="handleCancel">取消</n-button>
-            <n-button size="small" @click="resetShortcuts">恢复默认</n-button>
+            <n-button size="small" @click="handleCancel">{{ t('common.cancel') }}</n-button>
+            <n-button size="small" @click="resetShortcuts">{{
+              t('settings.shortcutSettings.resetShortcuts')
+            }}</n-button>
            <n-button type="primary" size="small" :disabled="hasConflict" @click="handleSave">
-              保存
+              {{ t('common.save') }}
            </n-button>
          </n-space>
        </div>
@@ -58,9 +60,12 @@
 import { cloneDeep } from 'lodash';
 import { useMessage } from 'naive-ui';
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';

 import { isElectron } from '@/utils';

+const { t } = useI18n();
+
 interface Shortcuts {
  togglePlay: string;
  prevPlay: string;
@@ -121,13 +126,13 @@ onMounted(() => {
 });

 const shortcutLabels: Record<keyof Shortcuts, string> = {
-  togglePlay: '播放/暂停',
-  prevPlay: '上一首',
-  nextPlay: '下一首',
-  volumeUp: '音量增加',
-  volumeDown: '音量减少',
-  toggleFavorite: '收藏/取消收藏',
-  toggleWindow: '显示/隐藏窗口'
+  togglePlay: t('settings.shortcutSettings.togglePlay'),
+  prevPlay: t('settings.shortcutSettings.prevPlay'),
+  nextPlay: t('settings.shortcutSettings.nextPlay'),
+  volumeUp: t('settings.shortcutSettings.volumeUp'),
+  volumeDown: t('settings.shortcutSettings.volumeDown'),
+  toggleFavorite: t('settings.shortcutSettings.toggleFavorite'),
+  toggleWindow: t('settings.shortcutSettings.toggleWindow')
 };

 const getShortcutLabel = (key: keyof Shortcuts) => shortcutLabels[key];
@@ -221,12 +226,12 @@ const handleKeyDown = (e: KeyboardEvent, key: keyof Shortcuts) => {

 const resetShortcuts = () => {
  tempShortcuts.value = { ...defaultShortcuts };
-  message.success('已恢复默认快捷键，请记得保存');
+  message.success(t('settings.shortcutSettings.messages.resetSuccess'));
 };

 const saveShortcuts = () => {
  if (hasConflict.value) {
-    message.error('存在冲突的快捷键，请重新设置');
+    message.error(t('settings.shortcutSettings.messages.conflict'));
    return;
  }

@@ -241,17 +246,17 @@ const saveShortcuts = () => {
      window.electron.ipcRenderer.send('set-store-value', 'shortcuts', shortcutsToSave);
      // 然后更新快捷键
      window.electron.ipcRenderer.send('update-shortcuts');
-      message.success('快捷键设置已保存');
+      message.success(t('settings.shortcutSettings.messages.saveSuccess'));
    } catch (error) {
      console.error('保存快捷键失败:', error);
-      message.error('保存快捷键失败，请重试');
+      message.error(t('settings.shortcutSettings.messages.saveError'));
    }
  }
 };

 const cancelEdit = () => {
  tempShortcuts.value = { ...shortcuts.value };
-  message.info('已取消修改');
+  message.info(t('settings.shortcutSettings.messages.cancelEdit'));
  emit('update:show', false);
 };

--- a/src/renderer/hooks/MusicHook.ts
+++ b/src/renderer/hooks/MusicHook.ts
@@ -1,3 +1,4 @@
+import { createDiscreteApi } from 'naive-ui';
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue';

 import useIndexedDB from '@/hooks/IndexDBHook';
@@ -51,18 +52,207 @@ document.onkeyup = (e) => {
  }
 };

+const { message } = createDiscreteApi(['message']);
+
+// 全局变量
+let progressAnimationInitialized = false;
+let globalAnimationFrameId: number | null = null;
+
+// 全局停止函数
+const stopProgressAnimation = () => {
+  if (globalAnimationFrameId) {
+    cancelAnimationFrame(globalAnimationFrameId);
+    globalAnimationFrameId = null;
+  }
+};
+
+// 全局更新函数
+const updateProgress = () => {
+  if (!store.state.play) {
+    stopProgressAnimation();
+    return;
+  }
+
+  const currentSound = sound.value;
+  if (!currentSound) {
+    console.log('进度更新：无效的 sound 对象');
+    // 不是立即返回，而是设置定时器稍后再次尝试
+    globalAnimationFrameId = setTimeout(() => {
+      requestAnimationFrame(updateProgress);
+    }, 100) as unknown as number;
+    return;
+  }
+
+  if (typeof currentSound.seek !== 'function') {
+    console.log('进度更新：无效的 seek 函数');
+    // 不是立即返回，而是设置定时器稍后再次尝试
+    globalAnimationFrameId = setTimeout(() => {
+      requestAnimationFrame(updateProgress);
+    }, 100) as unknown as number;
+    return;
+  }
+
+  try {
+    const { start, end } = currentLrcTiming.value;
+    if (typeof start !== 'number' || typeof end !== 'number' || start === end) {
+      globalAnimationFrameId = requestAnimationFrame(updateProgress);
+      return;
+    }
+
+    let currentTime;
+    try {
+      currentTime = currentSound.seek() as number;
+
+      // 保存当前播放进度到 localStorage (每秒保存一次，避免频繁写入)
+      if (Math.floor(currentTime) % 2 === 0) {
+        if (store.state.playMusic && store.state.playMusic.id) {
+          localStorage.setItem(
+            'playProgress',
+            JSON.stringify({
+              songId: store.state.playMusic.id,
+              progress: currentTime
+            })
+          );
+        }
+      }
+    } catch (seekError) {
+      console.error('调用 seek() 方法出错:', seekError);
+      globalAnimationFrameId = requestAnimationFrame(updateProgress);
+      return;
+    }
+
+    if (typeof currentTime !== 'number' || Number.isNaN(currentTime)) {
+      console.error('无效的当前时间:', currentTime);
+      globalAnimationFrameId = requestAnimationFrame(updateProgress);
+      return;
+    }
+
+    const elapsed = currentTime - start;
+    const duration = end - start;
+    const progress = (elapsed / duration) * 100;
+
+    // 确保进度在 0-100 之间
+    currentLrcProgress.value = Math.min(Math.max(progress, 0), 100);
+  } catch (error) {
+    console.error('更新进度出错:', error);
+  }
+
+  // 继续下一帧更新
+  globalAnimationFrameId = requestAnimationFrame(updateProgress);
+};
+
+// 全局启动函数
+const startProgressAnimation = () => {
+  stopProgressAnimation(); // 先停止之前的动画
+  updateProgress();
+};
+
+// 全局初始化函数
+const initProgressAnimation = () => {
+  if (progressAnimationInitialized) return;
+
+  console.log('初始化进度动画');
+  progressAnimationInitialized = true;
+
+  // 监听播放状态变化，这里使用防抖，避免频繁触发
+  let debounceTimer: any = null;
+
+  watch(
+    () => store.state.play,
+    (newIsPlaying) => {
+      console.log('播放状态变化:', newIsPlaying);
+
+      // 清除之前的定时器
+      if (debounceTimer) {
+        clearTimeout(debounceTimer);
+      }
+
+      // 使用防抖，延迟 100ms 再执行
+      debounceTimer = setTimeout(() => {
+        if (newIsPlaying) {
+          // 确保 sound 对象有效时才启动进度更新
+          if (sound.value) {
+            console.log('sound 对象已存在，立即启动进度更新');
+            startProgressAnimation();
+          } else {
+            console.log('等待 sound 对象初始化...');
+            // 定时检查 sound 对象是否已初始化
+            const checkInterval = setInterval(() => {
+              if (sound.value) {
+                clearInterval(checkInterval);
+                console.log('sound 对象已初始化，开始进度更新');
+                startProgressAnimation();
+              }
+            }, 100);
+            // 设置超时，防止无限等待
+            setTimeout(() => {
+              clearInterval(checkInterval);
+              console.log('等待 sound 对象超时，已停止等待');
+            }, 5000);
+          }
+        } else {
+          stopProgressAnimation();
+        }
+      }, 100);
+    }
+  );
+
+  // 监听当前歌词索引变化
+  watch(nowIndex, () => {
+    currentLrcProgress.value = 0;
+    if (store.state.play) {
+      startProgressAnimation();
+    }
+  });
+
+  // 监听音频对象变化
+  watch(sound, (newSound) => {
+    console.log('sound 对象变化:', !!newSound);
+    if (newSound && store.state.play) {
+      startProgressAnimation();
+    }
+  });
+};
+
+// 初始化进度动画
+initProgressAnimation();
+
+// 简化后的 watch 函数，只保留核心逻辑
 watch(
  () => store.state.playMusicUrl,
  async (newVal) => {
    if (newVal && playMusic.value) {
      try {
-        const newSound = await audioService.play(newVal, playMusic.value);
+        // 保存当前播放状态
+        const shouldPlay = store.state.play;
+
+        // 检查是否有保存的进度
+        let initialPosition = 0;
+        const savedProgress = JSON.parse(localStorage.getItem('playProgress') || '{}');
+        if (savedProgress.songId === playMusic.value.id) {
+          initialPosition = savedProgress.progress;
+        }
+
+        // 播放新音频，传递是否应该播放的状态
+        const newSound = await audioService.play(newVal, playMusic.value, shouldPlay);
        sound.value = newSound as Howl;
+
+        // 如果有保存的进度，设置播放位置
+        if (initialPosition > 0) {
+          newSound.seek(initialPosition);
+          // 同时更新进度条显示
+          nowTime.value = initialPosition;
+        }
+
        setupAudioListeners();
+
+        // 确保状态与 localStorage 同步
+        localStorage.setItem('currentPlayMusic', JSON.stringify(store.state.playMusic));
+        localStorage.setItem('currentPlayMusicUrl', newVal);
      } catch (error) {
        console.error('播放音频失败:', error);
        store.commit('setPlayMusic', false);
-        // 下一首
+        message.error('当前歌曲播放失败，播放下一首');
        store.commit('nextPlay');
      }
    }
@@ -73,11 +263,21 @@ watch(
  () => store.state.playMusic,
  () => {
    nextTick(async () => {
+      console.log('歌曲切换，更新歌词数据');
+      // 更新歌词数据
      lrcArray.value = playMusic.value.lyric?.lrcArray || [];
      lrcTimeArray.value = playMusic.value.lyric?.lrcTimeArray || [];
+
      // 当歌词数据更新时，如果歌词窗口打开，则发送数据
-      if (isElectron && isLyricWindowOpen.value && lrcArray.value.length > 0) {
+      if (isElectron && isLyricWindowOpen.value) {
+        console.log('歌词窗口已打开，同步最新歌词数据');
+        // 不管歌词数组是否为空，都发送最新数据
        sendLyricToWin();
+
+        // 再次延迟发送，确保歌词窗口已完全加载
+        setTimeout(() => {
+          sendLyricToWin();
+        }, 500);
      }
    });
  },
@@ -100,6 +300,26 @@ const setupAudioListeners = () => {
  // 清理所有事件监听器
  audioService.clearAllListeners();

+  // 立即更新一次时间和进度（解决初始化时进度条不显示问题）
+  const updateCurrentTimeAndDuration = () => {
+    const currentSound = audioService.getCurrentSound();
+    if (currentSound) {
+      try {
+        // 更新当前时间和总时长
+        const currentTime = currentSound.seek() as number;
+        if (typeof currentTime === 'number' && !Number.isNaN(currentTime)) {
+          nowTime.value = currentTime;
+          allTime.value = currentSound.duration() as number;
+        }
+      } catch (error) {
+        console.error('初始化时间和进度失败:', error);
+      }
+    }
+  };
+
+  // 立即执行一次更新
+  updateCurrentTimeAndDuration();
+
  // 监听播放
  audioService.on('play', () => {
    store.commit('setPlayMusic', true);
@@ -107,8 +327,15 @@ const setupAudioListeners = () => {
    interval = window.setInterval(() => {
      try {
        const currentSound = sound.value;
-        if (!currentSound || typeof currentSound.seek !== 'function') {
-          console.error('Invalid sound object or seek function');
+        if (!currentSound) {
+          console.error('Invalid sound object: sound is null or undefined');
+          clearInterval();
+          return;
+        }
+
+        // 确保 seek 方法存在且可调用
+        if (typeof currentSound.seek !== 'function') {
+          console.error('Invalid sound object: seek function not available');
          clearInterval();
          return;
        }
@@ -125,7 +352,8 @@ const setupAudioListeners = () => {
        const newIndex = getLrcIndex(nowTime.value);
        if (newIndex !== nowIndex.value) {
          nowIndex.value = newIndex;
-          currentLrcProgress.value = 0;
+          // 注意：我们不在这里设置 currentLrcProgress 为 0
+          // 因为这会与全局进度更新冲突
          if (isElectron && isLyricWindowOpen.value) {
            sendLyricToWin();
          }
@@ -142,6 +370,7 @@ const setupAudioListeners = () => {

  // 监听暂停
  audioService.on('pause', () => {
+    console.log('音频暂停事件触发');
    store.commit('setPlayMusic', false);
    clearInterval();
    if (isElectron && isLyricWindowOpen.value) {
@@ -149,30 +378,45 @@ const setupAudioListeners = () => {
    }
  });

+  const replayMusic = async () => {
+    try {
+      // 如果当前有音频实例，先停止并销毁
+      if (sound.value) {
+        sound.value.stop();
+        sound.value.unload();
+        sound.value = null;
+      }
+
+      // 重新播放当前歌曲
+      if (store.state.playMusicUrl && playMusic.value) {
+        const newSound = await audioService.play(store.state.playMusicUrl, playMusic.value);
+        sound.value = newSound as Howl;
+        setupAudioListeners();
+      } else {
+        console.error('No music URL or playMusic data available');
+        store.commit('nextPlay');
+      }
+    } catch (error) {
+      console.error('Error replaying song:', error);
+      store.commit('nextPlay');
+    }
+  };
+
  // 监听结束
  audioService.on('end', () => {
+    console.log('音频播放结束事件触发');
    clearInterval();

    if (store.state.playMode === 1) {
      // 单曲循环模式
      if (sound.value) {
-        sound.value.seek(0);
-        try {
-          sound.value.play();
-        } catch (error) {
-          console.error('Error replaying song:', error);
-          store.commit('nextPlay');
-        }
+        replayMusic();
      }
    } else if (store.state.playMode === 2) {
      // 随机播放模式
      const { playList } = store.state;
      if (playList.length <= 1) {
-        try {
-          sound.value?.play();
-        } catch (error) {
-          console.error('Error replaying song:', error);
-        }
+        replayMusic();
      } else {
        let randomIndex;
        do {
@@ -195,10 +439,27 @@ export const play = () => {
 };

 export const pause = () => {
-  audioService.getCurrentSound()?.pause();
-};
+  const currentSound = audioService.getCurrentSound();
+  if (currentSound) {
+    try {
+      // 保存当前播放进度
+      const currentTime = currentSound.seek() as number;
+      if (store.state.playMusic && store.state.playMusic.id) {
+        localStorage.setItem(
+          'playProgress',
+          JSON.stringify({
+            songId: store.state.playMusic.id,
+            progress: currentTime
+          })
+        );
+      }

-const isPlaying = computed(() => store.state.play as boolean);
+      currentSound.pause();
+    } catch (error) {
+      console.error('暂停播放出错:', error);
+    }
+  }
+};

 // 增加矫正时间
 export const addCorrectionTime = (time: number) => (correctionTime.value += time);
@@ -249,103 +510,8 @@ export const getLrcStyle = (index: number) => {

 // 播放进度
 export const useLyricProgress = () => {
-  let animationFrameId: number | null = null;
-
-  const updateProgress = () => {
-    if (!isPlaying.value) {
-      stopProgressAnimation();
-      return;
-    }
-
-    const currentSound = sound.value;
-    if (!currentSound || typeof currentSound.seek !== 'function') {
-      console.error('Invalid sound object or seek function');
-      stopProgressAnimation();
-      return;
-    }
-
-    try {
-      const { start, end } = currentLrcTiming.value;
-      if (typeof start !== 'number' || typeof end !== 'number' || start === end) {
-        return;
-      }
-
-      const currentTime = currentSound.seek() as number;
-      if (typeof currentTime !== 'number' || Number.isNaN(currentTime)) {
-        console.error('Invalid current time:', currentTime);
-        return;
-      }
-
-      const elapsed = currentTime - start;
-      const duration = end - start;
-      const progress = (elapsed / duration) * 100;
-
-      // 确保进度在 0-100 之间
-      currentLrcProgress.value = Math.min(Math.max(progress, 0), 100);
-    } catch (error) {
-      console.error('Error updating progress:', error);
-    }
-
-    // 继续下一帧更新
-    animationFrameId = requestAnimationFrame(updateProgress);
-  };
-
-  const startProgressAnimation = () => {
-    stopProgressAnimation(); // 先停止之前的动画
-    if (isPlaying.value) {
-      updateProgress();
-    }
-  };
-
-  const stopProgressAnimation = () => {
-    if (animationFrameId) {
-      cancelAnimationFrame(animationFrameId);
-      animationFrameId = null;
-    }
-  };
-
-  // 监听播放状态变化
-  watch(
-    isPlaying,
-    (newIsPlaying) => {
-      if (newIsPlaying) {
-        startProgressAnimation();
-      } else {
-        stopProgressAnimation();
-      }
-    },
-    { immediate: true }
-  );
-
-  // 监听当前歌词索引变化
-  watch(nowIndex, () => {
-    currentLrcProgress.value = 0;
-    if (isPlaying.value) {
-      startProgressAnimation();
-    }
-  });
-
-  // 监听音频对象变化
-  watch(sound, (newSound) => {
-    if (newSound && isPlaying.value) {
-      startProgressAnimation();
-    } else {
-      stopProgressAnimation();
-    }
-  });
-
-  onMounted(() => {
-    if (isPlaying.value) {
-      startProgressAnimation();
-    }
-  });
-
-  onUnmounted(() => {
-    stopProgressAnimation();
-  });
-
+  // 如果已经在全局更新进度，立即返回
  return {
-    currentLrcProgress,
    getLrcStyle
  };
 };
@@ -387,54 +553,183 @@ watch(
 // 发送歌词更新数据
 export const sendLyricToWin = () => {
  if (!isElectron || !isLyricWindowOpen.value) {
-    console.log('Cannot send lyric: electron or lyric window not available');
+    return;
+  }
+
+  // 检查是否有播放的歌曲
+  if (!playMusic.value || !playMusic.value.id) {
    return;
  }

  try {
-    if (lrcArray.value.length > 0) {
+    // 记录歌词发送状态
+    if (lrcArray.value && lrcArray.value.length > 0) {
      const nowIndex = getLrcIndex(nowTime.value);
+      // 构建完整的歌词更新数据
      const updateData = {
        type: 'full',
        nowIndex,
        nowTime: nowTime.value,
-        startCurrentTime: lrcTimeArray.value[nowIndex],
-        nextTime: lrcTimeArray.value[nowIndex + 1],
-        isPlay: isPlaying.value,
+        startCurrentTime: lrcTimeArray.value[nowIndex] || 0,
+        nextTime: lrcTimeArray.value[nowIndex + 1] || 0,
+        isPlay: store.state.play,
        lrcArray: lrcArray.value,
        lrcTimeArray: lrcTimeArray.value,
        allTime: allTime.value,
        playMusic: playMusic.value
      };
+
+      // 发送数据到歌词窗口
      window.api.sendLyric(JSON.stringify(updateData));
+    } else {
+      console.log('No lyric data available, sending empty lyric message');
+
+      // 发送没有歌词的提示
+      const emptyLyricData = {
+        type: 'empty',
+        nowIndex: 0,
+        nowTime: nowTime.value,
+        startCurrentTime: 0,
+        nextTime: 0,
+        isPlay: store.state.play,
+        lrcArray: [{ text: '当前歌曲暂无歌词', trText: '' }],
+        lrcTimeArray: [0],
+        allTime: allTime.value,
+        playMusic: playMusic.value
+      };
+      window.api.sendLyric(JSON.stringify(emptyLyricData));
    }
  } catch (error) {
    console.error('Error sending lyric update:', error);
  }
 };

+// 歌词同步定时器
+let lyricSyncInterval: any = null;
+
+// 开始歌词同步
+const startLyricSync = () => {
+  // 清除已有的定时器
+  if (lyricSyncInterval) {
+    clearInterval(lyricSyncInterval);
+  }
+
+  // 每秒同步一次歌词数据
+  lyricSyncInterval = setInterval(() => {
+    if (isElectron && isLyricWindowOpen.value && store.state.play && playMusic.value?.id) {
+      // 发送当前播放进度的更新
+      try {
+        const updateData = {
+          type: 'update',
+          nowIndex: getLrcIndex(nowTime.value),
+          nowTime: nowTime.value,
+          isPlay: store.state.play
+        };
+        window.api.sendLyric(JSON.stringify(updateData));
+      } catch (error) {
+        console.error('发送歌词进度更新失败:', error);
+      }
+    }
+  }, 1000);
+};
+
+// 停止歌词同步
+const stopLyricSync = () => {
+  if (lyricSyncInterval) {
+    clearInterval(lyricSyncInterval);
+    lyricSyncInterval = null;
+  }
+};
+
+// 修改openLyric函数，添加定时同步
 export const openLyric = () => {
  if (!isElectron) return;
+
+  // 检查是否有播放中的歌曲
+  if (!playMusic.value || !playMusic.value.id) {
+    console.log('没有正在播放的歌曲，无法打开歌词窗口');
+    return;
+  }
+
  console.log('Opening lyric window with current song:', playMusic.value?.name);

  isLyricWindowOpen.value = !isLyricWindowOpen.value;
  if (isLyricWindowOpen.value) {
+    // 立即打开窗口
+    window.api.openLyric();
+
+    // 确保有歌词数据，如果没有，则使用默认的"无歌词"提示
+    if (!lrcArray.value || lrcArray.value.length === 0) {
+      // 如果当前播放的歌曲有ID但没有歌词，则尝试加载歌词
+      console.log('尝试加载歌词数据...');
+      // 发送默认的"无歌词"数据
+      const emptyLyricData = {
+        type: 'empty',
+        nowIndex: 0,
+        nowTime: nowTime.value,
+        startCurrentTime: 0,
+        nextTime: 0,
+        isPlay: store.state.play,
+        lrcArray: [{ text: '加载歌词中...', trText: '' }],
+        lrcTimeArray: [0],
+        allTime: allTime.value,
+        playMusic: playMusic.value
+      };
+      window.api.sendLyric(JSON.stringify(emptyLyricData));
+    } else {
+      // 发送完整歌词数据
+      sendLyricToWin();
+    }
+
+    // 设置定时器，确保500ms后再次发送数据，以防窗口加载延迟
    setTimeout(() => {
-      window.api.openLyric();
      sendLyricToWin();
    }, 500);
-    sendLyricToWin();
+
+    // 启动歌词同步
+    startLyricSync();
  } else {
    closeLyric();
+    // 停止歌词同步
+    stopLyricSync();
  }
 };

-// 添加关闭歌词窗口的方法
+// 修改closeLyric函数，确保停止定时同步
 export const closeLyric = () => {
  if (!isElectron) return;
+  isLyricWindowOpen.value = false; // 确保状态更新
  windowData.electron.ipcRenderer.send('close-lyric');
+
+  // 停止歌词同步
+  stopLyricSync();
 };

+// 在组件挂载时设置对播放状态的监听
+watch(
+  () => store.state.play,
+  (isPlaying) => {
+    // 如果歌词窗口打开，根据播放状态控制同步
+    if (isElectron && isLyricWindowOpen.value) {
+      if (isPlaying) {
+        startLyricSync();
+      } else {
+        // 如果暂停播放，发送一次暂停状态的更新
+        const pauseData = {
+          type: 'update',
+          isPlay: false
+        };
+        window.api.sendLyric(JSON.stringify(pauseData));
+      }
+    }
+  }
+);
+
+// 在组件卸载时清理资源
+onUnmounted(() => {
+  stopLyricSync();
+});
+
 // 添加播放控制命令监听
 if (isElectron) {
  windowData.electron.ipcRenderer.on('lyric-control-back', (_, command: string) => {
@@ -455,7 +750,7 @@ if (isElectron) {
        store.commit('nextPlay');
        break;
      case 'close':
-        closeLyric();
+        isLyricWindowOpen.value = false; // 确保状态更新
        break;
      default:
        console.log('Unknown command:', command);
@@ -466,13 +761,36 @@ if (isElectron) {

 // 在组件挂载时设置监听器
 onMounted(() => {
-  const clearIntervalFn = setupAudioListeners();
-  useLyricProgress(); // 直接调用，不需要解构返回值
+  // 初始化音频监听器
+  setupAudioListeners();

-  // 在组件卸载时清理
-  onUnmounted(() => {
-    clearIntervalFn();
-    audioService.stop();
-    audioService.clearAllListeners();
-  });
+  // 监听歌词窗口关闭事件
+  if (isElectron) {
+    window.api.onLyricWindowClosed(() => {
+      isLyricWindowOpen.value = false;
+    });
+  }
+
+  // 检查是否需要初始化 sound 对象
+  if (!sound.value && audioService.getCurrentSound()) {
+    sound.value = audioService.getCurrentSound();
+
+    // 如果当前处于播放状态，启动进度更新
+    if (store.state.play && sound.value) {
+      // 如果有保存的播放进度，应用它
+      if (store.state.savedPlayProgress !== undefined && sound.value) {
+        try {
+          // 设置音频位置
+          sound.value.seek(store.state.savedPlayProgress);
+          // 同时更新时间显示，这样进度条也会更新
+          nowTime.value = store.state.savedPlayProgress;
+          console.log('恢复播放进度:', store.state.savedPlayProgress);
+        } catch (e) {
+          console.error('恢复播放进度失败:', e);
+        }
+      }
+
+      startProgressAnimation();
+    }
+  }
 });
--- a/src/renderer/hooks/MusicListHook.ts
+++ b/src/renderer/hooks/MusicListHook.ts
@@ -13,7 +13,7 @@ const musicHistory = useMusicHistory();

 // 获取歌曲url
 export const getSongUrl = async (id: number, songData: any, isDownloaded: boolean = false) => {
-  const { data } = await getMusicUrl(id);
+  const { data } = await getMusicUrl(id, isDownloaded);
  let url = '';
  let songDetail = null;
  try {
@@ -49,11 +49,19 @@ const getSongDetail = async (playMusic: SongResult) => {

 // 加载 当前歌曲 歌曲列表数据 下一首mp3预加载 歌词数据
 export const useMusicListHook = () => {
-  const handlePlayMusic = async (state: any, playMusic: SongResult) => {
+  const handlePlayMusic = async (state: any, playMusic: SongResult, isPlay: boolean = true) => {
    const updatedPlayMusic = await getSongDetail(playMusic);
    state.playMusic = updatedPlayMusic;
    state.playMusicUrl = updatedPlayMusic.playMusicUrl;
-    state.play = true;
+
+    // 记录当前设置的播放状态
+    state.play = isPlay;
+
+    // 每次设置新歌曲时，立即更新 localStorage
+    localStorage.setItem('currentPlayMusic', JSON.stringify(state.playMusic));
+    localStorage.setItem('currentPlayMusicUrl', state.playMusicUrl);
+    localStorage.setItem('isPlaying', state.play.toString());
+
    // 设置网页标题
    document.title = `${updatedPlayMusic.name} - ${updatedPlayMusic?.song?.artists?.reduce((prev, curr) => `${prev}${curr.name}/`, '')}`;
    loadLrcAsync(state, updatedPlayMusic.id);
@@ -156,7 +164,20 @@ export const useMusicListHook = () => {
      state.play = true;
      return;
    }
-    const playListIndex = (state.playListIndex + 1) % state.playList.length;
+
+    let playListIndex: number;
+
+    if (state.playMode === 2) {
+      // 随机播放模式
+      do {
+        playListIndex = Math.floor(Math.random() * state.playList.length);
+      } while (playListIndex === state.playListIndex && state.playList.length > 1);
+    } else {
+      // 列表循环模式
+      playListIndex = (state.playListIndex + 1) % state.playList.length;
+    }
+
+    state.playListIndex = playListIndex;
    await handlePlayMusic(state, state.playList[playListIndex]);
  };

--- a/src/renderer/index.html
+++ b/src/renderer/index.html
@@ -33,7 +33,6 @@
    <!-- 样式表 -->
    <link rel="stylesheet" href="./assets/icon/iconfont.css" />
    <link rel="stylesheet" href="./assets/css/base.css" />
-    <script defer src="https://cn.vercount.one/js"></script>

    <!-- 动画配置 -->
    <style>
@@ -45,12 +44,6 @@

  <body>
    <div id="app"></div>
-
-    <div style="display: none">
-      Total Page View <span id="vercount_value_page_pv">Loading</span> Total Visits
-      <span id="vercount_value_site_pv">Loading</span> Site Total Visitors
-      <span id="vercount_value_site_uv">Loading</span>
-    </div>
    <script type="module" src="./main.ts"></script>
  </body>
 </html>
--- a/src/renderer/layout/AppLayout.vue
+++ b/src/renderer/layout/AppLayout.vue
@@ -25,18 +25,26 @@
        </div>
      </div>
      <!-- 底部音乐播放 -->
-      <play-bar v-if="isPlay" :style="isMobile && store.state.musicFull ? 'bottom: 0;' : ''" />
+      <play-bar v-show="isPlay" :style="isMobile && store.state.musicFull ? 'bottom: 0;' : ''" />
      <!-- 下载管理抽屉 -->
-      <download-drawer v-if="isElectron" />
+      <download-drawer
+        v-if="
+          isElectron &&
+          (store.state.setData?.alwaysShowDownloadButton ||
+            store.state.showDownloadDrawer ||
+            store.state.hasDownloadingTasks)
+        "
+      />
    </div>
    <install-app-modal v-if="!isElectron"></install-app-modal>
    <update-modal v-if="isElectron" />
    <artist-drawer ref="artistDrawerRef" :show="artistDrawerShow" />
+    <playlist-drawer v-model="showPlaylistDrawer" :song-id="currentSongId" />
  </div>
 </template>

 <script lang="ts" setup>
-import { computed, defineAsyncComponent, nextTick, onMounted, ref, watch } from 'vue';
+import { computed, defineAsyncComponent, nextTick, onMounted, provide, ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import { useStore } from 'vuex';

@@ -63,6 +71,7 @@ const SearchBar = defineAsyncComponent(() => import('./components/SearchBar.vue'
 const TitleBar = defineAsyncComponent(() => import('./components/TitleBar.vue'));

 const ArtistDrawer = defineAsyncComponent(() => import('@/components/common/ArtistDrawer.vue'));
+const PlaylistDrawer = defineAsyncComponent(() => import('@/components/common/PlaylistDrawer.vue'));

 const store = useStore();

@@ -93,6 +102,18 @@ watch(
    }
  }
 );
+
+const showPlaylistDrawer = ref(false);
+const currentSongId = ref<number | undefined>();
+
+// 提供一个方法来打开歌单抽屉
+const openPlaylistDrawer = (songId: number) => {
+  currentSongId.value = songId;
+  showPlaylistDrawer.value = true;
+};
+
+// 将方法提供给全局
+provide('openPlaylistDrawer', openPlaylistDrawer);
 </script>

 <style lang="scss" scoped>
--- a/src/renderer/layout/components/MusicFull.vue
+++ b/src/renderer/layout/components/MusicFull.vue
@@ -7,9 +7,29 @@
    :to="`#layout-main`"
    :z-index="9998"
  >
-    <div id="drawer-target">
-      <div class="drawer-back"></div>
+    <div id="drawer-target" :class="[config.theme]">
      <div
+        class="control-btn absolute top-8 left-8"
+        :class="{ 'pure-mode': config.pureModeEnabled }"
+        @click="isVisible = false"
+      >
+        <i class="ri-arrow-down-s-line"></i>
+      </div>
+
+      <n-popover trigger="click" placement="bottom">
+        <template #trigger>
+          <div
+            class="control-btn absolute top-8 right-8"
+            :class="{ 'pure-mode': config.pureModeEnabled }"
+          >
+            <i class="ri-settings-3-line"></i>
+          </div>
+        </template>
+        <lyric-settings ref="lyricSettingsRef" />
+      </n-popover>
+
+      <div
+        v-show="!config.hideCover"
        class="music-img"
        :style="{ color: textColors.theme === 'dark' ? '#000000' : '#ffffff' }"
      >
@@ -44,16 +64,39 @@
          </div>
        </div>
      </div>
-      <div class="music-content">
+      <div class="music-content" :class="{ center: config.centerLyrics && config.hideCover }">
        <n-layout
          ref="lrcSider"
          class="music-lrc"
-          style="height: 60vh"
+          :style="{
+            height: config.hidePlayBar ? '85vh' : '65vh',
+            width: config.hideCover ? '50vw' : '500px'
+          }"
          :native-scrollbar="false"
          @mouseover="mouseOverLayout"
          @mouseleave="mouseLeaveLayout"
        >
-          <div ref="lrcContainer">
+          <!-- 歌曲信息 -->
+
+          <div ref="lrcContainer" class="music-lrc-container">
+            <div
+              v-if="config.hideCover"
+              class="music-info-header"
+              :style="{ textAlign: config.centerLyrics ? 'center' : 'left' }"
+            >
+              <div class="music-info-name">{{ playMusic.name }}</div>
+              <div class="music-info-singer">
+                <span
+                  v-for="(item, index) in artistList"
+                  :key="index"
+                  class="cursor-pointer hover:text-green-500"
+                  @click="handleArtistClick(item.id)"
+                >
+                  {{ item.name }}
+                  {{ index < artistList.length - 1 ? ' / ' : '' }}
+                </span>
+              </div>
+            </div>
            <div
              v-for="(item, index) in lrcArray"
              :id="`music-lrc-text-${index}`"
@@ -63,12 +106,14 @@
              @click="setAudioTime(index)"
            >
              <span :style="getLrcStyle(index)">{{ item.text }}</span>
-              <div class="music-lrc-text-tr">{{ item.trText }}</div>
+              <div v-show="config.showTranslation" class="music-lrc-text-tr">
+                {{ item.trText }}
+              </div>
            </div>

            <!-- 无歌词 -->
            <div v-if="!lrcArray.length" class="music-lrc-text mt-40">
-              <span>暂无歌词, 请欣赏</span>
+              <span>{{ t('player.lrc.noLrc') }}</span>
            </div>
          </div>
        </n-layout>
@@ -84,9 +129,11 @@

 <script setup lang="ts">
 import { useDebounceFn } from '@vueuse/core';
-import { computed, onBeforeUnmount, ref, watch } from 'vue';
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

+import LyricSettings from '@/components/lyric/LyricSettings.vue';
 import {
  artistList,
  lrcArray,
@@ -99,6 +146,7 @@ import {
 import { getImgUrl, isMobile } from '@/utils';
 import { animateGradient, getHoverBackgroundColor, getTextColors } from '@/utils/linearColor';

+const { t } = useI18n();
 // 定义 refs
 const lrcSider = ref<any>(null);
 const isMouse = ref(false);
@@ -106,6 +154,56 @@ const lrcContainer = ref<HTMLElement | null>(null);
 const currentBackground = ref('');
 const animationFrame = ref<number | null>(null);
 const isDark = ref(false);
+const showStickyHeader = ref(false);
+const lyricSettingsRef = ref<InstanceType<typeof LyricSettings>>();
+
+interface LyricConfig {
+  hideCover: boolean;
+  centerLyrics: boolean;
+  fontSize: number;
+  letterSpacing: number;
+  lineHeight: number;
+  showTranslation: boolean;
+  theme: 'default' | 'light' | 'dark';
+  hidePlayBar: boolean;
+  pureModeEnabled: boolean;
+}
+
+// 移除 computed 配置
+const config = ref<LyricConfig>({
+  hideCover: false,
+  centerLyrics: false,
+  fontSize: 22,
+  letterSpacing: 0,
+  lineHeight: 1.5,
+  showTranslation: true,
+  theme: 'default',
+  hidePlayBar: false,
+  pureModeEnabled: false
+});
+
+// 监听设置组件的配置变化
+watch(
+  () => lyricSettingsRef.value?.config,
+  (newConfig) => {
+    if (newConfig) {
+      config.value = newConfig;
+    }
+  },
+  { deep: true, immediate: true }
+);
+
+// 监听本地配置变化，保存到 localStorage
+watch(
+  () => config.value,
+  (newConfig) => {
+    localStorage.setItem('music-full-config', JSON.stringify(newConfig));
+    if (lyricSettingsRef.value) {
+      lyricSettingsRef.value.config = newConfig;
+    }
+  },
+  { deep: true }
+);

 const props = defineProps({
  modelValue: {
@@ -118,6 +216,11 @@ const props = defineProps({
  }
 });

+const themeMusic = {
+  light: 'linear-gradient(to bottom, #ffffff, #f5f5f5)',
+  dark: 'linear-gradient(to bottom, #1a1a1a, #000000)'
+};
+
 const emit = defineEmits(['update:modelValue']);

 const isVisible = computed({
@@ -126,18 +229,29 @@ const isVisible = computed({
 });

 // 歌词滚动方法
-const lrcScroll = (behavior = 'smooth', top: null | number = null) => {
-  const nowEl = document.querySelector(`#music-lrc-text-${nowIndex.value}`);
-  if (isVisible.value && !isMouse.value && nowEl && lrcContainer.value) {
-    if (top !== null) {
-      lrcSider.value.scrollTo({ top, behavior });
-    } else {
-      const containerRect = lrcContainer.value.getBoundingClientRect();
-      const nowElRect = nowEl.getBoundingClientRect();
-      const relativeTop = nowElRect.top - containerRect.top;
-      const scrollTop = relativeTop - lrcSider.value.$el.getBoundingClientRect().height / 2;
-      lrcSider.value.scrollTo({ top: scrollTop, behavior });
-    }
+const lrcScroll = (behavior: ScrollBehavior = 'smooth', forceTop: boolean = false) => {
+  if (!isVisible.value || !lrcSider.value) return;
+
+  if (forceTop) {
+    lrcSider.value.scrollTo({
+      top: 0,
+      behavior
+    });
+    return;
+  }
+
+  if (isMouse.value) return;
+
+  const nowEl = document.querySelector(`#music-lrc-text-${nowIndex.value}`) as HTMLElement;
+  if (nowEl) {
+    const containerHeight = lrcSider.value.$el.clientHeight;
+    const elementTop = nowEl.offsetTop;
+    const scrollTop = elementTop - containerHeight / 2 + nowEl.clientHeight / 2;
+
+    lrcSider.value.scrollTo({
+      top: scrollTop,
+      behavior
+    });
  }
 };

@@ -149,6 +263,7 @@ const mouseOverLayout = () => {
  }
  isMouse.value = true;
 };
+
 const mouseLeaveLayout = () => {
  if (isMobile.value) {
    return;
@@ -174,41 +289,51 @@ watch(
  }
 );

+const setTextColors = (background: string) => {
+  if (!background) {
+    textColors.value = getTextColors();
+    document.documentElement.style.setProperty('--hover-bg-color', getHoverBackgroundColor(false));
+    document.documentElement.style.setProperty('--text-color-primary', textColors.value.primary);
+    document.documentElement.style.setProperty('--text-color-active', textColors.value.active);
+    return;
+  }
+
+  // 更新文字颜色
+  textColors.value = getTextColors(background);
+  isDark.value = textColors.value.active === '#000000';
+
+  document.documentElement.style.setProperty(
+    '--hover-bg-color',
+    getHoverBackgroundColor(isDark.value)
+  );
+  document.documentElement.style.setProperty('--text-color-primary', textColors.value.primary);
+  document.documentElement.style.setProperty('--text-color-active', textColors.value.active);
+
+  // 处理背景颜色动画
+  if (currentBackground.value) {
+    if (animationFrame.value) {
+      cancelAnimationFrame(animationFrame.value);
+    }
+    const result = animateGradient(currentBackground.value, background, (gradient) => {
+      currentBackground.value = gradient;
+    });
+    if (typeof result === 'number') {
+      animationFrame.value = result;
+    }
+  } else {
+    currentBackground.value = background;
+  }
+};
+
 // 监听背景变化
 watch(
  () => props.background,
  (newBg) => {
-    if (!newBg) {
-      textColors.value = getTextColors();
-      document.documentElement.style.setProperty(
-        '--hover-bg-color',
-        getHoverBackgroundColor(false)
-      );
-      document.documentElement.style.setProperty('--text-color-primary', textColors.value.primary);
-      document.documentElement.style.setProperty('--text-color-active', textColors.value.active);
-      return;
-    }
-
-    if (currentBackground.value) {
-      if (animationFrame.value) {
-        cancelAnimationFrame(animationFrame.value);
-      }
-      animationFrame.value = animateGradient(currentBackground.value, newBg, (gradient) => {
-        currentBackground.value = gradient;
-      });
+    if (config.value.theme === 'default') {
+      setTextColors(newBg);
    } else {
-      currentBackground.value = newBg;
+      setTextColors(themeMusic[config.value.theme] || props.background);
    }
-
-    textColors.value = getTextColors(newBg);
-    isDark.value = textColors.value.active === '#000000';
-
-    document.documentElement.style.setProperty(
-      '--hover-bg-color',
-      getHoverBackgroundColor(isDark.value)
-    );
-    document.documentElement.style.setProperty('--text-color-primary', textColors.value.primary);
-    document.documentElement.style.setProperty('--text-color-active', textColors.value.active);
  },
  { immediate: true }
 );
@@ -253,8 +378,131 @@ const handleArtistClick = (id: number) => {
  store.commit('setCurrentArtistId', id);
 };

+const setData = computed(() => store.state.setData);
+
+// 监听字体变化并更新 CSS 变量
+watch(
+  () => [setData.value.fontFamily, setData.value.fontScope],
+  ([newFont, fontScope]) => {
+    const defaultFonts =
+      'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
+
+    // 如果不是歌词模式或全局模式，使用默认字体
+    if (fontScope !== 'lyric' && fontScope !== 'global') {
+      document.documentElement.style.setProperty('--current-font-family', defaultFonts);
+      return;
+    }
+
+    if (newFont === 'system-ui') {
+      document.documentElement.style.setProperty('--current-font-family', defaultFonts);
+    } else {
+      // 处理多个字体，确保每个字体名都被正确引用
+      const fontList = newFont.split(',').map((font) => {
+        const trimmedFont = font.trim();
+        // 如果字体名包含空格或特殊字符，添加引号（如果还没有引号的话）
+        return /[\s'"()]/.test(trimmedFont) && !/^['"].*['"]$/.test(trimmedFont)
+          ? `"${trimmedFont}"`
+          : trimmedFont;
+      });
+
+      // 将选择的字体和默认字体组合
+      document.documentElement.style.setProperty(
+        '--current-font-family',
+        `${fontList.join(', ')}, ${defaultFonts}`
+      );
+    }
+  },
+  { immediate: true }
+);
+
+// 监听配置变化并保存到本地存储
+watch(
+  () => config.value,
+  (newConfig) => {
+    localStorage.setItem('music-full-config', JSON.stringify(newConfig));
+  },
+  { deep: true }
+);
+
+// 监听滚动事件
+const handleScroll = () => {
+  if (!lrcSider.value || !config.value.hideCover) return;
+  const { scrollTop } = lrcSider.value.$el;
+  showStickyHeader.value = scrollTop > 100;
+};
+
+// 添加滚动监听
+onMounted(() => {
+  if (lrcSider.value?.$el) {
+    lrcSider.value.$el.addEventListener('scroll', handleScroll);
+  }
+});
+
+// 移除滚动监听
+onBeforeUnmount(() => {
+  if (animationFrame.value) {
+    cancelAnimationFrame(animationFrame.value);
+  }
+  if (lrcSider.value?.$el) {
+    lrcSider.value.$el.removeEventListener('scroll', handleScroll);
+  }
+});
+
+// 监听字体大小变化
+watch(
+  () => config.value.fontSize,
+  (newSize) => {
+    document.documentElement.style.setProperty('--lyric-font-size', `${newSize}px`);
+  }
+);
+
+// 监听主题变化
+watch(
+  () => config.value.theme,
+  (newTheme) => {
+    const newBackground = themeMusic[newTheme] || props.background;
+    setTextColors(newBackground);
+  },
+  { immediate: true }
+);
+
+// 添加文字间距监听
+watch(
+  () => config.value.letterSpacing,
+  (newSpacing) => {
+    document.documentElement.style.setProperty('--lyric-letter-spacing', `${newSpacing}px`);
+  }
+);
+
+// 添加行高监听
+watch(
+  () => config.value.lineHeight,
+  (newLineHeight) => {
+    document.documentElement.style.setProperty('--lyric-line-height', newLineHeight.toString());
+  }
+);
+
+// 加载保存的配置
+onMounted(() => {
+  const savedConfig = localStorage.getItem('music-full-config');
+  if (savedConfig) {
+    config.value = { ...config.value, ...JSON.parse(savedConfig) };
+  }
+  if (lrcSider.value?.$el) {
+    lrcSider.value.$el.addEventListener('scroll', handleScroll);
+  }
+});
+
+// 添加对 playMusic 的监听
+watch(playMusic, () => {
+  nextTick(() => {
+    lrcScroll('instant', true);
+  });
+});
+
 defineExpose({
-  lrcScroll
+  lrcScroll,
+  config
 });
 </script>

@@ -281,7 +529,7 @@ defineExpose({
 }

 #drawer-target {
-  @apply top-0 left-0 absolute overflow-hidden rounded px-24 flex items-center justify-center w-full h-full pb-8;
+  @apply top-0 left-0 absolute overflow-hidden rounded px-24 flex items-center justify-center w-full h-full py-8;
  animation-duration: 300ms;

  .music-img {
@@ -289,12 +537,23 @@ defineExpose({
    max-width: 360px;
    max-height: 360px;
    .img {
-      @apply rounded-xl w-full h-full  shadow-2xl;
+      @apply rounded-xl w-full h-full shadow-2xl;
    }
  }

  .music-content {
    @apply flex flex-col justify-center items-center relative;
+    width: 500px;
+
+    &.center {
+      @apply w-full;
+      .music-lrc {
+        @apply w-full max-w-3xl mx-auto;
+      }
+      .music-lrc-text {
+        @apply text-center;
+      }
+    }

    &-name {
      @apply font-bold text-2xl pb-1 pt-4;
@@ -309,15 +568,46 @@ defineExpose({
    display: none;
    @apply flex justify-center items-center;
  }
+
+  .music-lrc-container {
+    padding-top: 30vh;
+  }
+
  .music-lrc {
    background-color: inherit;
    width: 500px;
    height: 550px;
+    position: relative;
    mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
+    -webkit-mask-image: linear-gradient(
+      to bottom,
+      transparent 0%,
+      black 10%,
+      black 90%,
+      transparent 100%
+    );
+
+    .music-info-header {
+      @apply mb-8;
+
+      .music-info-name {
+        @apply text-4xl font-bold mb-2;
+        color: var(--text-color-active);
+      }
+
+      .music-info-singer {
+        @apply text-base;
+        color: var(--text-color-primary);
+      }
+    }
+
    &-text {
      @apply text-2xl cursor-pointer font-bold px-2 py-4;
      transition: all 0.3s ease;
      background-color: transparent;
+      font-size: var(--lyric-font-size, 22px) !important;
+      letter-spacing: var(--lyric-letter-spacing, 0) !important;
+      line-height: var(--lyric-line-height, 2) !important;

      span {
        background-clip: text !important;
@@ -370,4 +660,57 @@ defineExpose({
 .music-drawer {
  transition: none; // 移除之前的过渡效果，现在使用 JS 动画
 }
+
+// 添加全局字体样式
+:root {
+  --current-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, sans-serif;
+}
+
+#drawer-target {
+  @apply top-0 left-0 absolute overflow-hidden rounded px-24 flex items-center justify-center w-full h-full py-8;
+  animation-duration: 300ms;
+
+  .music-lrc-text {
+    font-family: var(--current-font-family);
+  }
+}
+
+.close-btn {
+  opacity: 0.3;
+  transition: opacity 0.3s ease;
+
+  &:hover {
+    opacity: 1;
+  }
+}
+
+.control-btn {
+  @apply w-9 h-9 flex items-center justify-center rounded cursor-pointer transition-all duration-300;
+  background: rgba(142, 142, 142, 0.192);
+  backdrop-filter: blur(12px);
+
+  i {
+    @apply text-xl;
+    color: var(--text-color-active);
+  }
+
+  &.pure-mode {
+    background: transparent;
+    backdrop-filter: none;
+
+    &:not(:hover) {
+      i {
+        opacity: 0;
+      }
+    }
+  }
+
+  &:hover {
+    background: rgba(126, 121, 121, 0.2);
+    i {
+      opacity: 1;
+    }
+  }
+}
 </style>
--- a/src/renderer/layout/components/PlayBar.vue
+++ b/src/renderer/layout/components/PlayBar.vue
@@ -1,9 +1,13 @@
 <template>
  <div
    class="music-play-bar"
-    :class="
-      setAnimationClass('animate__bounceInUp') + ' ' + (musicFullVisible ? 'play-bar-opcity' : '')
-    "
+    :class="[
+      setAnimationClass('animate__bounceInUp'),
+      musicFullVisible ? 'play-bar-opcity' : '',
+      musicFullVisible && MusicFullRef?.config?.hidePlayBar
+        ? 'animate__animated animate__slideOutDown'
+        : ''
+    ]"
    :style="{
      color: musicFullVisible
        ? textColors.theme === 'dark'
@@ -25,7 +29,7 @@
    </div>
    <div class="play-bar-img-wrapper" @click="setMusicFull">
      <n-image
-        :src="getImgUrl(playMusic?.picUrl, '500y500')"
+        :src="getImgUrl(playMusic?.picUrl, '100y100')"
        class="play-bar-img"
        lazy
        preview-disabled
@@ -37,7 +41,9 @@
            class="text-3xl"
            :class="musicFullVisible ? 'ri-arrow-down-s-line' : 'ri-arrow-up-s-line'"
          ></i>
-          <span class="hover-text">{{ musicFullVisible ? '收起' : '展开' }}歌词</span>
+          <span class="hover-text">{{
+            musicFullVisible ? t('player.playBar.collapse') : t('player.playBar.expand')
+          }}</span>
        </div>
      </div>
    </div>
@@ -101,18 +107,38 @@
            @click="toggleFavorite"
          ></i>
        </template>
-        喜欢
+        {{ t('player.playBar.like') }}
      </n-tooltip>
      <n-tooltip v-if="isElectron" class="music-lyric" trigger="hover" :z-index="9999999">
        <template #trigger>
          <i
            class="iconfont ri-netease-cloud-music-line"
-            :class="{ 'text-green-500': isLyricWindowOpen }"
-            @click="openLyricWindow"
+            :class="{ 'text-green-500': isLyricWindowOpen, 'disabled-icon': !playMusic.id }"
+            @click="playMusic.id && openLyricWindow()"
          ></i>
        </template>
-        歌词
+        {{ playMusic.id ? t('player.playBar.lyric') : t('player.playBar.noSongPlaying') }}
      </n-tooltip>
+      <n-popover
+        v-if="isElectron"
+        trigger="click"
+        :z-index="99999999"
+        content-class="music-eq"
+        raw
+        :show-arrow="false"
+        :delay="200"
+        placement="top"
+      >
+        <template #trigger>
+          <n-tooltip trigger="hover" :z-index="9999999">
+            <template #trigger>
+              <i class="iconfont ri-equalizer-line" :class="{ 'text-green-500': isEQVisible }"></i>
+            </template>
+            {{ t('player.playBar.eq') }}
+          </n-tooltip>
+        </template>
+        <eq-control />
+      </n-popover>
      <n-popover
        trigger="click"
        :z-index="99999999"
@@ -128,7 +154,7 @@
            <template #trigger>
              <i class="iconfont icon-list"></i>
            </template>
-            播放列表
+            {{ t('player.playBar.playList') }}
          </n-tooltip>
        </template>
        <div class="music-play-list">
@@ -151,9 +177,11 @@
 <script lang="ts" setup>
 import { useThrottleFn } from '@vueuse/core';
 import { computed, ref, useTemplateRef, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

 import SongItem from '@/components/common/SongItem.vue';
+import EqControl from '@/components/EQControl.vue';
 import {
  allTime,
  artistList,
@@ -164,6 +192,7 @@ import {
  sound,
  textColors
 } from '@/hooks/MusicHook';
+import { audioService } from '@/services/audioService';
 import type { SongResult } from '@/type/music';
 import { getImgUrl, isElectron, isMobile, secondToMinute, setAnimationClass } from '@/utils';
 import { showShortcutToast } from '@/utils/shortcutToast';
@@ -171,7 +200,7 @@ import { showShortcutToast } from '@/utils/shortcutToast';
 import MusicFull from './MusicFull.vue';

 const store = useStore();
-
+const { t } = useI18n();
 // 是否播放
 const play = computed(() => store.state.play as boolean);
 // 播放列表
@@ -255,13 +284,13 @@ const playModeIcon = computed(() => {
 const playModeText = computed(() => {
  switch (playMode.value) {
    case 0:
-      return '列表循环';
+      return t('player.playBar.playMode.sequence');
    case 1:
-      return '单曲循环';
+      return t('player.playBar.playMode.loop');
    case 2:
-      return '随机播放';
+      return t('player.playBar.playMode.random');
    default:
-      return '列表循环';
+      return t('player.playBar.playMode.sequence');
  }
 });

@@ -282,16 +311,34 @@ const MusicFullRef = ref<any>(null);

 // 播放暂停按钮事件
 const playMusicEvent = async () => {
-  if (play.value) {
-    if (sound.value) {
-      sound.value.pause();
+  try {
+    // 检查是否有有效的音乐对象和 URL
+    if (!playMusic.value?.id || !store.state.playMusicUrl) {
+      console.warn('No valid music or URL available');
+      store.commit('setPlay', playMusic.value);
+      return;
    }
-    store.commit('setPlayMusic', false);
-  } else {
-    if (sound.value) {
-      sound.value.play();
+
+    if (play.value) {
+      // 暂停播放
+      if (audioService.getCurrentSound()) {
+        audioService.pause();
+        store.commit('setPlayMusic', false);
+      }
+    } else {
+      // 开始播放
+      if (audioService.getCurrentSound()) {
+        // 如果已经有音频实例，直接播放
+        audioService.play();
+      } else {
+        // 如果没有音频实例，重新创建并播放
+        await audioService.play(store.state.playMusicUrl, playMusic.value);
+      }
+      store.commit('setPlayMusic', true);
    }
-    store.commit('setPlayMusic', true);
+  } catch (error) {
+    console.error('播放出错:', error);
+    store.commit('nextPlay');
  }
 };

@@ -345,34 +392,42 @@ if (isElectron) {
      case 'togglePlay':
        playMusicEvent();
        showShortcutToast(
-          store.state.play ? '开始播放' : '暂停播放',
+          store.state.play ? t('player.playBar.play') : t('player.playBar.pause'),
          store.state.play ? 'ri-pause-circle-line' : 'ri-play-circle-line'
        );
        break;
      case 'prevPlay':
        handlePrev();
-        showShortcutToast('上一首', 'ri-skip-back-line');
+        showShortcutToast(t('player.playBar.prev'), 'ri-skip-back-line');
        break;
      case 'nextPlay':
        handleNext();
-        showShortcutToast('下一首', 'ri-skip-forward-line');
+        showShortcutToast(t('player.playBar.next'), 'ri-skip-forward-line');
        break;
      case 'volumeUp':
        if (volumeSlider.value < 100) {
          volumeSlider.value = Math.min(volumeSlider.value + 10, 100);
-          showShortcutToast(`音量${volumeSlider.value}%`, 'ri-volume-up-line');
+          showShortcutToast(
+            `${t('player.playBar.volume')}${volumeSlider.value}%`,
+            'ri-volume-up-line'
+          );
        }
        break;
      case 'volumeDown':
        if (volumeSlider.value > 0) {
          volumeSlider.value = Math.max(volumeSlider.value - 10, 0);
-          showShortcutToast(`音量${volumeSlider.value}%`, 'ri-volume-down-line');
+          showShortcutToast(
+            `${t('player.playBar.volume')}${volumeSlider.value}%`,
+            'ri-volume-down-line'
+          );
        }
        break;
      case 'toggleFavorite':
        toggleFavorite(new Event('click'));
        showShortcutToast(
-          isFavorite.value ? `已收藏${playMusic.value.name}` : `已取消收藏${playMusic.value.name}`,
+          isFavorite.value
+            ? t('player.playBar.favorite', { name: playMusic.value.name })
+            : t('player.playBar.unFavorite', { name: playMusic.value.name }),
          isFavorite.value ? 'ri-heart-fill' : 'ri-heart-line'
        );
        break;
@@ -382,6 +437,18 @@ if (isElectron) {
    }
  });
 }
+
+// 监听播放栏显示状态
+watch(
+  () => MusicFullRef.value?.config?.hidePlayBar,
+  (newVal) => {
+    if (newVal && musicFullVisible.value) {
+      // 使用 animate.css 动画，不需要手动设置样式
+    }
+  }
+);
+
+const isEQVisible = ref(false);
 </script>

 <style lang="scss" scoped>
@@ -395,6 +462,16 @@ if (isElectron) {
  z-index: 9999;
  animation-duration: 0.5s !important;

+  &.play-bar-opcity {
+    @apply bg-transparent !important;
+    box-shadow: 0 0 20px 5px #0000001d;
+  }
+
+  &.animate__slideOutDown {
+    animation-duration: 0.3s !important;
+    pointer-events: none;
+  }
+
  .music-content {
    width: 160px;
    @apply ml-4;
@@ -409,11 +486,6 @@ if (isElectron) {
  }
 }

-.play-bar-opcity {
-  @apply bg-transparent !important;
-  box-shadow: 0 0 20px 5px #0000001d;
-}
-
 .play-bar-img {
  @apply w-14 h-14 rounded-2xl;
 }
@@ -606,6 +678,13 @@ if (isElectron) {
  @apply text-red-500 hover:text-red-600 !important;
 }

+.disabled-icon {
+  @apply opacity-50 cursor-not-allowed !important;
+  &:hover {
+    @apply text-inherit !important;
+  }
+}
+
 .icon-loop,
 .icon-single-loop {
  font-size: 1.5rem;
@@ -618,4 +697,10 @@ if (isElectron) {
  padding: 0;
  border-radius: 0;
 }
+
+.music-eq {
+  @apply p-4 rounded-3xl;
+  backdrop-filter: blur(20px);
+  @apply bg-light dark:bg-black bg-opacity-75;
+}
 </style>
--- a/src/renderer/layout/components/SearchBar.vue
+++ b/src/renderer/layout/components/SearchBar.vue
@@ -35,7 +35,9 @@
            :src="getImgUrl(store.state.user.avatarUrl)"
            @click="selectItem('user')"
          />
-          <div v-else class="mx-2 rounded-full cursor-pointer text-sm" @click="toLogin">登录</div>
+          <div v-else class="mx-2 rounded-full cursor-pointer text-sm" @click="toLogin">
+            {{ t('comp.searchBar.login') }}
+          </div>
        </div>
      </template>
      <div class="user-popover">
@@ -46,20 +48,20 @@
        <div class="menu-items">
          <div v-if="!store.state.user" class="menu-item" @click="toLogin">
            <i class="iconfont ri-login-box-line"></i>
-            <span>去登录</span>
+            <span>{{ t('comp.searchBar.toLogin') }}</span>
          </div>
          <div v-if="store.state.user" class="menu-item" @click="selectItem('logout')">
            <i class="iconfont ri-logout-box-r-line"></i>
-            <span>退出登录</span>
+            <span>{{ t('comp.searchBar.logout') }}</span>
          </div>
          <!-- 切换主题 -->
          <div class="menu-item" @click="selectItem('set')">
            <i class="iconfont ri-settings-3-line"></i>
-            <span>设置</span>
+            <span>{{ t('comp.searchBar.set') }}</span>
          </div>
          <div class="menu-item">
            <i class="iconfont" :class="isDarkTheme ? 'ri-moon-line' : 'ri-sun-line'"></i>
-            <span>主题</span>
+            <span>{{ t('comp.searchBar.theme') }}</span>
            <n-switch v-model:value="isDarkTheme" class="ml-auto">
              <template #checked>
                <i class="ri-moon-line"></i>
@@ -71,15 +73,15 @@
          </div>
          <div class="menu-item" @click="restartApp">
            <i class="iconfont ri-restart-line"></i>
-            <span>重启</span>
+            <span>{{ t('comp.searchBar.restart') }}</span>
          </div>
          <div class="menu-item" @click="selectItem('refresh')">
            <i class="iconfont ri-refresh-line"></i>
-            <span>刷新</span>
+            <span>{{ t('comp.searchBar.refresh') }}</span>
          </div>
          <div class="menu-item" @click="toGithubRelease">
            <i class="iconfont ri-github-fill"></i>
-            <span>当前版本</span>
+            <span>{{ t('comp.searchBar.currentVersion') }}</span>
            <div class="version-info">
              <span class="version-number">{{ updateInfo.currentVersion }}</span>
              <n-tag v-if="updateInfo.hasUpdate" type="success" size="small" class="ml-1">
@@ -101,11 +103,12 @@

 <script lang="ts" setup>
 import { computed, onMounted, ref, watchEffect } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';

 import { getSearchKeyword } from '@/api/home';
-import { getUserDetail, logout } from '@/api/login';
+import { getUserDetail } from '@/api/login';
 import alipay from '@/assets/alipay.png';
 import wechat from '@/assets/wechat.png';
 import Coffee from '@/components/Coffee.vue';
@@ -118,9 +121,10 @@ import config from '../../../../package.json';
 const router = useRouter();
 const store = useStore();
 const userSetOptions = ref(USER_SET_OPTIONS);
+const { t } = useI18n();

 // 推荐热搜词
-const hotSearchKeyword = ref('搜索点什么吧...');
+const hotSearchKeyword = ref(t('comp.searchBar.searchPlaceholder'));
 const hotSearchValue = ref('');
 const loadHotSearchKeyword = async () => {
  const { data } = await getSearchKeyword();
@@ -132,8 +136,10 @@ const loadPage = async () => {
  const token = localStorage.getItem('token');
  if (!token) return;
  const { data } = await getUserDetail();
-  store.state.user = data.profile;
-  localStorage.setItem('user', JSON.stringify(data.profile));
+  console.log('data', data);
+  store.state.user =
+    data.profile || store.state.user || JSON.parse(localStorage.getItem('user') || '{}');
+  localStorage.setItem('user', JSON.stringify(store.state.user));
 };

 loadPage();
@@ -202,10 +208,7 @@ const selectItem = async (key: string) => {
  // switch 判断
  switch (key) {
    case 'logout':
-      logout().then(() => {
-        store.commit('logout');
-        router.push('/login');
-      });
+      store.commit('logout');
      break;
    case 'login':
      router.push('/login');
--- a/src/renderer/layout/components/TitleBar.vue
+++ b/src/renderer/layout/components/TitleBar.vue
@@ -19,15 +19,21 @@
    :mask-closable="true"
  >
    <div class="close-dialog-content">
-      <p>请选择关闭方式</p>
+      <p>{{ t('comp.titleBar.closeTitle') }}</p>
      <div class="remember-choice">
-        <n-checkbox v-model:checked="rememberChoice">记住我的选择</n-checkbox>
+        <n-checkbox v-model:checked="rememberChoice">
+          {{ t('comp.titleBar.rememberChoice') }}
+        </n-checkbox>
      </div>
    </div>
    <template #action>
      <div class="dialog-footer">
-        <n-button type="primary" @click="handleAction('minimize')">最小化到托盘</n-button>
-        <n-button @click="handleAction('close')">退出应用</n-button>
+        <n-button type="primary" @click="handleAction('minimize')">
+          {{ t('comp.titleBar.minimizeToTray') }}
+        </n-button>
+        <n-button @click="handleAction('close')">
+          {{ t('comp.titleBar.exitApp') }}
+        </n-button>
      </div>
    </template>
  </n-modal>
@@ -35,10 +41,13 @@

 <script setup lang="ts">
 import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

 import { isElectron } from '@/utils';

+const { t } = useI18n();
+
 const store = useStore();
 const showCloseModal = ref(false);
 const rememberChoice = ref(false);
--- a/src/renderer/main.ts
+++ b/src/renderer/main.ts
@@ -7,6 +7,7 @@ import 'remixicon/fonts/remixicon.css';

 import { createApp } from 'vue';

+import i18n from '@/../i18n/renderer';
 import router from '@/router';
 import store from '@/store';

@@ -18,6 +19,8 @@ const app = createApp(App);
 Object.keys(directives).forEach((key: string) => {
  app.directive(key, directives[key as keyof typeof directives]);
 });
+
 app.use(router);
 app.use(store);
+app.use(i18n);
 app.mount('#app');
--- a/src/renderer/services/audioService.ts
+++ b/src/renderer/services/audioService.ts
@@ -1,16 +1,49 @@
-import { Howl } from 'howler';
+import { Howl, Howler } from 'howler';

 import type { SongResult } from '@/type/music';
+import { isElectron } from '@/utils'; // 导入isElectron常量

 class AudioService {
  private currentSound: Howl | null = null;

  private currentTrack: SongResult | null = null;

+  private context: AudioContext | null = null;
+
+  private filters: BiquadFilterNode[] = [];
+
+  private source: MediaElementAudioSourceNode | null = null;
+
+  private gainNode: GainNode | null = null;
+
+  private bypass = false;
+
+  // 预设的 EQ 频段
+  private readonly frequencies = [31, 62, 125, 250, 500, 1000, 2000, 4000, 8000, 16000];
+
+  // 默认的 EQ 设置
+  private defaultEQSettings: { [key: string]: number } = {
+    '31': 0,
+    '62': 0,
+    '125': 0,
+    '250': 0,
+    '500': 0,
+    '1000': 0,
+    '2000': 0,
+    '4000': 0,
+    '8000': 0,
+    '16000': 0
+  };
+
+  private retryCount = 0;
+
  constructor() {
    if ('mediaSession' in navigator) {
      this.initMediaSession();
    }
+    // 从本地存储加载 EQ 开关状态
+    const bypassState = localStorage.getItem('eqBypass');
+    this.bypass = bypassState ? JSON.parse(bypassState) : false;
  }

  private initMediaSession() {
@@ -120,76 +153,343 @@ class AudioService {
    }
  }

-  // 播放控制相关
-  play(url: string, track: SongResult): Promise<Howl> {
-    return new Promise((resolve, reject) => {
-      let retryCount = 0;
-      const maxRetries = 3;
+  // EQ 相关方法
+  public isEQEnabled(): boolean {
+    return !this.bypass;
+  }

-      const tryPlay = () => {
-        if (this.currentSound) {
-          this.currentSound.unload();
+  public setEQEnabled(enabled: boolean) {
+    this.bypass = !enabled;
+    localStorage.setItem('eqBypass', JSON.stringify(this.bypass));
+
+    if (this.source && this.gainNode && this.context) {
+      this.applyBypassState();
+    }
+  }
+
+  public setEQFrequencyGain(frequency: string, gain: number) {
+    const filterIndex = this.frequencies.findIndex((f) => f.toString() === frequency);
+    if (filterIndex !== -1 && this.filters[filterIndex]) {
+      this.filters[filterIndex].gain.setValueAtTime(gain, this.context?.currentTime || 0);
+      this.saveEQSettings(frequency, gain);
+    }
+  }
+
+  public resetEQ() {
+    this.filters.forEach((filter) => {
+      filter.gain.setValueAtTime(0, this.context?.currentTime || 0);
+    });
+    localStorage.removeItem('eqSettings');
+  }
+
+  public getAllEQSettings(): { [key: string]: number } {
+    return this.loadEQSettings();
+  }
+
+  private saveEQSettings(frequency: string, gain: number) {
+    const settings = this.loadEQSettings();
+    settings[frequency] = gain;
+    localStorage.setItem('eqSettings', JSON.stringify(settings));
+  }
+
+  private loadEQSettings(): { [key: string]: number } {
+    const savedSettings = localStorage.getItem('eqSettings');
+    return savedSettings ? JSON.parse(savedSettings) : { ...this.defaultEQSettings };
+  }
+
+  private async disposeEQ(keepContext = false) {
+    try {
+      // 清理音频节点连接
+      if (this.source) {
+        this.source.disconnect();
+        this.source = null;
+      }
+
+      // 清理滤波器
+      this.filters.forEach((filter) => {
+        try {
+          filter.disconnect();
+        } catch (e) {
+          console.warn('清理滤波器时出错:', e);
        }
-        this.currentSound = null;
-        this.currentTrack = track;
+      });
+      this.filters = [];

-        this.currentSound = new Howl({
-          src: [url],
-          html5: true,
-          autoplay: true,
-          volume: localStorage.getItem('volume')
-            ? parseFloat(localStorage.getItem('volume') as string)
-            : 1,
-          onloaderror: () => {
-            console.error('Audio load error');
-            if (retryCount < maxRetries) {
-              retryCount++;
-              console.log(`Retrying playback (${retryCount}/${maxRetries})...`);
-              setTimeout(tryPlay, 1000 * retryCount);
-            } else {
-              reject(new Error('音频加载失败，请尝试切换其他歌曲'));
-            }
-          },
-          onplayerror: () => {
-            console.error('Audio play error');
-            if (retryCount < maxRetries) {
-              retryCount++;
-              console.log(`Retrying playback (${retryCount}/${maxRetries})...`);
-              setTimeout(tryPlay, 1000 * retryCount);
-            } else {
-              reject(new Error('音频播放失败，请尝试切换其他歌曲'));
-            }
+      // 清理增益节点
+      if (this.gainNode) {
+        this.gainNode.disconnect();
+        this.gainNode = null;
+      }
+
+      // 如果不需要保持上下文，则关闭它
+      if (!keepContext && this.context) {
+        try {
+          await this.context.close();
+          this.context = null;
+        } catch (e) {
+          console.warn('关闭音频上下文时出错:', e);
+        }
+      }
+    } catch (error) {
+      console.error('清理EQ资源时出错:', error);
+    }
+  }
+
+  private async setupEQ(sound: Howl) {
+    try {
+      if (!isElectron) {
+        console.log('Web环境中跳过EQ设置，避免CORS问题');
+        this.bypass = true;
+        return;
+      }
+      const howl = sound as any;
+      // eslint-disable-next-line no-underscore-dangle
+      const audioNode = howl._sounds?.[0]?._node;
+
+      if (!audioNode || !(audioNode instanceof HTMLMediaElement)) {
+        if (this.retryCount < 3) {
+          console.warn('等待音频节点初始化，重试次数:', this.retryCount + 1);
+          await new Promise((resolve) => setTimeout(resolve, 100));
+          this.retryCount++;
+          return await this.setupEQ(sound);
+        }
+        throw new Error('无法获取音频节点，请重试');
+      }
+
+      this.retryCount = 0;
+
+      // 确保使用 Howler 的音频上下文
+      this.context = Howler.ctx as AudioContext;
+
+      if (!this.context || this.context.state === 'closed') {
+        Howler.ctx = new AudioContext();
+        this.context = Howler.ctx;
+        Howler.masterGain = this.context.createGain();
+        Howler.masterGain.connect(this.context.destination);
+      }
+
+      if (this.context.state === 'suspended') {
+        await this.context.resume();
+      }
+
+      // 清理现有连接
+      await this.disposeEQ(true);
+
+      try {
+        // 检查节点是否已经有源
+        const existingSource = (audioNode as any).source as MediaElementAudioSourceNode;
+        if (existingSource?.context === this.context) {
+          console.log('复用现有音频源节点');
+          this.source = existingSource;
+        } else {
+          // 创建新的源节点
+          console.log('创建新的音频源节点');
+          this.source = this.context.createMediaElementSource(audioNode);
+          (audioNode as any).source = this.source;
+        }
+      } catch (e) {
+        console.error('创建音频源节点失败:', e);
+        throw e;
+      }
+
+      // 创建增益节点
+      this.gainNode = this.context.createGain();
+
+      // 创建滤波器
+      this.filters = this.frequencies.map((freq) => {
+        const filter = this.context!.createBiquadFilter();
+        filter.type = 'peaking';
+        filter.frequency.value = freq;
+        filter.Q.value = 1;
+        filter.gain.value = this.loadEQSettings()[freq.toString()] || 0;
+        return filter;
+      });
+
+      // 应用EQ状态
+      this.applyBypassState();
+
+      // 设置音量
+      const volume = localStorage.getItem('volume');
+      if (this.gainNode) {
+        this.gainNode.gain.value = volume ? parseFloat(volume) : 1;
+      }
+
+      console.log('EQ初始化成功');
+    } catch (error) {
+      console.error('EQ初始化失败:', error);
+      await this.disposeEQ();
+      throw error;
+    }
+  }
+
+  private applyBypassState() {
+    if (!this.source || !this.gainNode || !this.context) return;
+
+    try {
+      // 断开所有现有连接
+      this.source.disconnect();
+      this.filters.forEach((filter) => filter.disconnect());
+      this.gainNode.disconnect();
+
+      if (this.bypass) {
+        // EQ被禁用时，直接连接到输出
+        this.source.connect(this.gainNode);
+        this.gainNode.connect(this.context.destination);
+      } else {
+        // EQ启用时，通过滤波器链连接
+        this.source.connect(this.filters[0]);
+        this.filters.forEach((filter, index) => {
+          if (index < this.filters.length - 1) {
+            filter.connect(this.filters[index + 1]);
          }
        });
+        this.filters[this.filters.length - 1].connect(this.gainNode);
+        this.gainNode.connect(this.context.destination);
+      }
+    } catch (error) {
+      console.error('应用EQ状态时出错:', error);
+    }
+  }

-        // 更新媒体会话元数据
-        this.updateMediaSessionMetadata(track);
+  // 播放控制相关
+  play(url?: string, track?: SongResult, isPlay: boolean = true): Promise<Howl> {
+    // 如果没有提供新的 URL 和 track，且当前有音频实例，则继续播放
+    if (this.currentSound && !url && !track) {
+      this.currentSound.play();
+      return Promise.resolve(this.currentSound);
+    }

-        // 设置音频事件监听
-        this.currentSound.on('play', () => {
-          this.updateMediaSessionState(true);
-          this.emit('play');
-        });
+    // 如果没有提供必要的参数，返回错误
+    if (!url || !track) {
+      return Promise.reject(new Error('Missing required parameters: url and track'));
+    }

-        this.currentSound.on('pause', () => {
-          this.updateMediaSessionState(false);
-          this.emit('pause');
-        });
+    return new Promise((resolve, reject) => {
+      let retryCount = 0;
+      const maxRetries = 1;

-        this.currentSound.on('end', () => {
-          this.emit('end');
-        });
+      const tryPlay = async () => {
+        try {
+          console.log('audioService: 开始创建音频对象');

-        this.currentSound.on('seek', () => {
-          this.updateMediaSessionPositionState();
-          this.emit('seek');
-        });
+          // 确保 Howler 上下文已初始化
+          if (!Howler.ctx) {
+            console.log('audioService: 初始化 Howler 上下文');
+            Howler.ctx = new (window.AudioContext || (window as any).webkitAudioContext)();
+          }

-        this.currentSound.on('load', () => {
-          this.updateMediaSessionPositionState();
-          this.emit('load');
-          resolve(this.currentSound as Howl);
-        });
+          // 确保使用同一个音频上下文
+          if (Howler.ctx.state === 'closed') {
+            console.log('audioService: 重新创建音频上下文');
+            Howler.ctx = new (window.AudioContext || (window as any).webkitAudioContext)();
+            this.context = Howler.ctx;
+            Howler.masterGain = this.context.createGain();
+            Howler.masterGain.connect(this.context.destination);
+          }
+
+          // 恢复上下文状态
+          if (Howler.ctx.state === 'suspended') {
+            console.log('audioService: 恢复暂停的音频上下文');
+            await Howler.ctx.resume();
+          }
+
+          // 先停止并清理现有的音频实例
+          if (this.currentSound) {
+            console.log('audioService: 停止并清理现有的音频实例');
+            this.currentSound.stop();
+            this.currentSound.unload();
+            this.currentSound = null;
+          }
+
+          // 清理 EQ 但保持上下文
+          console.log('audioService: 清理 EQ');
+          await this.disposeEQ(true);
+
+          this.currentTrack = track;
+          console.log('audioService: 创建新的 Howl 对象');
+          this.currentSound = new Howl({
+            src: [url],
+            html5: true,
+            autoplay: false, // 修改为 false，不自动播放，等待完全初始化后手动播放
+            volume: localStorage.getItem('volume')
+              ? parseFloat(localStorage.getItem('volume') as string)
+              : 1,
+            format: ['mp3', 'aac'],
+            onloaderror: (_, error) => {
+              console.error('Audio load error:', error);
+              if (retryCount < maxRetries) {
+                retryCount++;
+                console.log(`Retrying playback (${retryCount}/${maxRetries})...`);
+                setTimeout(tryPlay, 1000 * retryCount);
+              } else {
+                reject(new Error('音频加载失败，请尝试切换其他歌曲'));
+              }
+            },
+            onplayerror: (_, error) => {
+              console.error('Audio play error:', error);
+              if (retryCount < maxRetries) {
+                retryCount++;
+                console.log(`Retrying playback (${retryCount}/${maxRetries})...`);
+                setTimeout(tryPlay, 1000 * retryCount);
+              } else {
+                reject(new Error('音频播放失败，请尝试切换其他歌曲'));
+              }
+            },
+            onload: async () => {
+              // 音频加载成功后设置 EQ 和更新媒体会话
+              if (this.currentSound) {
+                try {
+                  console.log('audioService: 音频加载成功，设置 EQ');
+                  await this.setupEQ(this.currentSound);
+                  this.updateMediaSessionMetadata(track);
+                  this.updateMediaSessionPositionState();
+                  this.emit('load');
+
+                  // 此时音频已完全初始化，根据 isPlay 参数决定是否播放
+                  console.log('audioService: 音频完全初始化，isPlay =', isPlay);
+                  if (isPlay) {
+                    console.log('audioService: 开始播放');
+                    this.currentSound.play();
+                  }
+
+                  resolve(this.currentSound);
+                } catch (error) {
+                  console.error('设置 EQ 失败:', error);
+                  // 即使 EQ 设置失败，也继续播放（如果需要）
+                  if (isPlay) {
+                    this.currentSound.play();
+                  }
+                  resolve(this.currentSound);
+                }
+              }
+            }
+          });
+
+          // 设置音频事件监听
+          if (this.currentSound) {
+            this.currentSound.on('play', () => {
+              this.updateMediaSessionState(true);
+              this.emit('play');
+            });
+
+            this.currentSound.on('pause', () => {
+              this.updateMediaSessionState(false);
+              this.emit('pause');
+            });
+
+            this.currentSound.on('end', () => {
+              this.emit('end');
+            });
+
+            this.currentSound.on('seek', () => {
+              this.updateMediaSessionPositionState();
+              this.emit('seek');
+            });
+          }
+        } catch (error) {
+          console.error('Error creating audio instance:', error);
+          reject(error);
+        }
      };

      tryPlay();
@@ -206,14 +506,19 @@ class AudioService {

  stop() {
    if (this.currentSound) {
-      this.currentSound.stop();
-      this.currentSound.unload();
+      try {
+        this.currentSound.stop();
+        this.currentSound.unload();
+      } catch (error) {
+        console.error('Error stopping audio:', error);
+      }
      this.currentSound = null;
    }
    this.currentTrack = null;
    if ('mediaSession' in navigator) {
      navigator.mediaSession.playbackState = 'none';
    }
+    this.disposeEQ();
  }

  setVolume(volume: number) {
@@ -230,9 +535,27 @@ class AudioService {
    }
  }

+  pause() {
+    if (this.currentSound) {
+      try {
+        this.currentSound.pause();
+      } catch (error) {
+        console.error('Error pausing audio:', error);
+      }
+    }
+  }
+
  clearAllListeners() {
    this.callbacks = {};
  }
+
+  public getCurrentPreset(): string | null {
+    return localStorage.getItem('currentPreset');
+  }
+
+  public setCurrentPreset(preset: string): void {
+    localStorage.setItem('currentPreset', preset);
+  }
 }

 export const audioService = new AudioService();
--- a/src/renderer/services/eqService.ts
+++ b/src/renderer/services/eqService.ts
@@ -0,0 +1,186 @@
+import { Howl, Howler } from 'howler';
+import Tuna from 'tunajs';
+
+// 类型定义扩展
+interface HowlSound {
+  _sounds: Array<{
+    _node: HTMLMediaElement & {
+      destination?: MediaElementAudioSourceNode;
+    };
+  }>;
+}
+
+export interface EQSettings {
+  [key: string]: number;
+}
+
+export class EQService {
+  private context: AudioContext | null = null;
+
+  private tuna: any = null;
+
+  private equalizer: any = null;
+
+  private source: MediaElementAudioSourceNode | null = null;
+
+  private gainNode: GainNode | null = null;
+
+  private bypass = false;
+
+  // 预设频率
+  private readonly frequencies = [31, 62, 125, 250, 500, 1000, 2000, 4000, 8000, 16000];
+
+  // 默认EQ设置
+  private defaultEQSettings: EQSettings = Object.fromEntries(
+    this.frequencies.map((f) => [f.toString(), 0])
+  );
+
+  constructor() {
+    this.loadSavedSettings();
+    this.bypass = localStorage.getItem('eqBypass') === 'true';
+    this.initializeUserGestureHandler();
+  }
+
+  // 初始化用户手势处理
+  private initializeUserGestureHandler() {
+    const handler = async () => {
+      if (this.context?.state === 'suspended') {
+        await this.context.resume();
+      }
+      document.removeEventListener('click', handler);
+    };
+    document.addEventListener('click', handler);
+  }
+
+  // 初始化音频上下文
+  public async setupAudioContext(howl: Howl) {
+    try {
+      // 使用Howler的现有上下文
+      this.context = (Howler.ctx as AudioContext) || new AudioContext();
+
+      // 初始化Howler的音频系统（如果需要）
+      if (!Howler.ctx) {
+        Howler.ctx = this.context;
+        Howler.masterGain = this.context.createGain();
+        Howler.masterGain.connect(this.context.destination);
+      }
+
+      // 确保上下文处于运行状态
+      if (this.context.state === 'suspended') {
+        await this.context.resume();
+      }
+
+      const sound = (howl as unknown as HowlSound)._sounds[0];
+      if (!sound?._node) throw new Error('无法获取音频节点');
+
+      // 清理现有资源
+      await this.dispose();
+
+      // 创建新的处理链
+      this.tuna = new Tuna(this.context);
+
+      // 创建/复用源节点
+      if (!sound._node.destination) {
+        this.source = this.context.createMediaElementSource(sound._node);
+        sound._node.destination = this.source;
+      } else {
+        this.source = sound._node.destination;
+      }
+
+      // 创建效果节点
+      this.gainNode = this.context.createGain();
+      this.equalizer = new this.tuna.Equalizer({
+        frequencies: this.frequencies,
+        gains: this.frequencies.map((f) => this.getSavedGain(f.toString())),
+        bypass: this.bypass
+      });
+
+      // 连接节点链
+      this.source!.connect(this.equalizer.input).connect(this.gainNode).connect(Howler.masterGain);
+
+      // 恢复音量设置
+      const volume = localStorage.getItem('volume');
+      this.gainNode.gain.value = volume ? parseFloat(volume) : 1;
+    } catch (error) {
+      console.error('音频上下文初始化失败:', error);
+      await this.dispose();
+      throw error;
+    }
+  }
+
+  // EQ功能开关
+  public setEnabled(enabled: boolean) {
+    this.bypass = !enabled;
+    localStorage.setItem('eqBypass', JSON.stringify(this.bypass));
+    if (this.equalizer) this.equalizer.bypass = this.bypass;
+  }
+
+  public isEnabled(): boolean {
+    return !this.bypass;
+  }
+
+  // 调整频率增益
+  public setFrequencyGain(frequency: string, gain: number) {
+    const index = this.frequencies.findIndex((f) => f.toString() === frequency);
+    if (index !== -1 && this.equalizer) {
+      this.equalizer.setGain(index, gain);
+      this.saveSettings(frequency, gain);
+    }
+  }
+
+  // 重置EQ设置
+  public resetEQ() {
+    this.frequencies.forEach((f) => {
+      this.setFrequencyGain(f.toString(), 0);
+    });
+    localStorage.removeItem('eqSettings');
+  }
+
+  // 获取当前设置
+  public getAllSettings(): EQSettings {
+    return this.loadSavedSettings();
+  }
+
+  // 保存/加载设置
+  private saveSettings(frequency: string, gain: number) {
+    const settings = this.loadSavedSettings();
+    settings[frequency] = gain;
+    localStorage.setItem('eqSettings', JSON.stringify(settings));
+  }
+
+  private loadSavedSettings(): EQSettings {
+    const saved = localStorage.getItem('eqSettings');
+    return saved ? JSON.parse(saved) : { ...this.defaultEQSettings };
+  }
+
+  private getSavedGain(frequency: string): number {
+    return this.loadSavedSettings()[frequency] || 0;
+  }
+
+  // 清理资源
+  public async dispose() {
+    try {
+      [this.source, this.equalizer, this.gainNode].forEach((node) => {
+        if (node) {
+          node.disconnect();
+          // 特殊清理Tuna节点
+          if (node instanceof Tuna.Equalizer) node.destroy();
+        }
+      });
+
+      if (this.context && this.context !== Howler.ctx) {
+        await this.context.close();
+      }
+
+      this.context = null;
+      this.tuna = null;
+      this.source = null;
+      this.equalizer = null;
+      this.gainNode = null;
+    } catch (error) {
+      console.error('资源清理失败:', error);
+    }
+  }
+}
+
+export const eqService = new EQService();
--- a/src/renderer/store/index.ts
+++ b/src/renderer/store/index.ts
@@ -1,6 +1,7 @@
 import { createStore } from 'vuex';

 import setData from '@/../main/set.json';
+import { logout } from '@/api/login';
 import { getLikedList, likeSong } from '@/api/music';
 import { useMusicListHook } from '@/hooks/MusicListHook';
 import homeRouter from '@/router/home';
@@ -11,9 +12,63 @@ import { applyTheme, getCurrentTheme, ThemeType } from '@/utils/theme';
 // 默认设置
 const defaultSettings = setData;

+function isValidUrl(urlString: string): boolean {
+  try {
+    return Boolean(new URL(urlString));
+  } catch (e) {
+    return false;
+  }
+}
+
 function getLocalStorageItem<T>(key: string, defaultValue: T): T {
-  const item = localStorage.getItem(key);
-  return item ? JSON.parse(item) : defaultValue;
+  try {
+    const item = localStorage.getItem(key);
+    if (!item) return defaultValue;
+
+    // 尝试解析 JSON
+    const parsedItem = JSON.parse(item);
+
+    // 对于音乐 URL，检查是否是有效的 URL 格式或本地文件路径
+    if (key === 'currentPlayMusicUrl' && typeof parsedItem === 'string') {
+      if (!parsedItem.startsWith('local://') && !isValidUrl(parsedItem)) {
+        console.warn(`Invalid URL in localStorage for key ${key}, using default value`);
+        localStorage.removeItem(key);
+        return defaultValue;
+      }
+    }
+
+    // 对于播放列表，检查是否是数组且每个项都有必要的字段
+    if (key === 'playList') {
+      if (!Array.isArray(parsedItem)) {
+        console.warn(`Invalid playList format in localStorage, using default value`);
+        localStorage.removeItem(key);
+        return defaultValue;
+      }
+      // 检查每个歌曲对象是否有必要的字段
+      const isValid = parsedItem.every((item) => item && typeof item === 'object' && 'id' in item);
+      if (!isValid) {
+        console.warn(`Invalid song objects in playList, using default value`);
+        localStorage.removeItem(key);
+        return defaultValue;
+      }
+    }
+
+    // 对于当前播放音乐，检查是否是对象且包含必要的字段
+    if (key === 'currentPlayMusic') {
+      if (!parsedItem || typeof parsedItem !== 'object' || !('id' in parsedItem)) {
+        console.warn(`Invalid currentPlayMusic format in localStorage, using default value`);
+        localStorage.removeItem(key);
+        return defaultValue;
+      }
+    }
+
+    return parsedItem;
+  } catch (error) {
+    console.warn(`Error parsing localStorage item for key ${key}:`, error);
+    // 如果解析失败，删除可能损坏的数据
+    localStorage.removeItem(key);
+    return defaultValue;
+  }
 }

 export interface State {
@@ -25,7 +80,7 @@ export interface State {
  user: any;
  playList: SongResult[];
  playListIndex: number;
-  setData: any;
+  setData: typeof defaultSettings;
  lyric: any;
  isMobile: boolean;
  searchValue: string;
@@ -37,17 +92,20 @@ export interface State {
  showUpdateModal: boolean;
  showArtistDrawer: boolean;
  currentArtistId: number | null;
+  systemFonts: { label: string; value: string }[];
+  showDownloadDrawer: boolean;
+  savedPlayProgress?: number;
 }

 const state: State = {
  menus: homeRouter,
  play: false,
  isPlay: false,
-  playMusic: {} as SongResult,
-  playMusicUrl: '',
+  playMusic: getLocalStorageItem('currentPlayMusic', {} as SongResult),
+  playMusicUrl: getLocalStorageItem('currentPlayMusicUrl', ''),
  user: getLocalStorageItem('user', null),
-  playList: [],
-  playListIndex: 0,
+  playList: getLocalStorageItem('playList', []),
+  playListIndex: getLocalStorageItem('playListIndex', 0),
  setData: defaultSettings,
  lyric: {},
  isMobile: false,
@@ -59,7 +117,9 @@ const state: State = {
  musicFull: false,
  showUpdateModal: false,
  showArtistDrawer: false,
-  currentArtistId: null
+  currentArtistId: null,
+  systemFonts: [{ label: '系统默认', value: 'system-ui' }],
+  showDownloadDrawer: false
 };

 const { handlePlayMusic, nextPlay, prevPlay } = useMusicListHook();
@@ -70,12 +130,24 @@ const mutations = {
  },
  async setPlay(state: State, playMusic: SongResult) {
    await handlePlayMusic(state, playMusic);
+    localStorage.setItem('currentPlayMusic', JSON.stringify(state.playMusic));
+    localStorage.setItem('currentPlayMusicUrl', state.playMusicUrl);
  },
  setIsPlay(state: State, isPlay: boolean) {
    state.isPlay = isPlay;
+    localStorage.setItem('isPlaying', isPlay.toString());
  },
-  setPlayMusic(state: State, play: boolean) {
+  async setPlayMusic(state: State, play: boolean) {
    state.play = play;
+    localStorage.setItem('isPlaying', play.toString());
+
+    // 每次更改播放状态时，确保当前播放歌曲信息也被保存
+    if (state.playMusic && Object.keys(state.playMusic).length > 0) {
+      localStorage.setItem('currentPlayMusic', JSON.stringify(state.playMusic));
+      if (state.playMusicUrl) {
+        localStorage.setItem('currentPlayMusicUrl', state.playMusicUrl);
+      }
+    }
  },
  setMusicFull(state: State, musicFull: boolean) {
    state.musicFull = musicFull;
@@ -83,6 +155,8 @@ const mutations = {
  setPlayList(state: State, playList: SongResult[]) {
    state.playListIndex = playList.findIndex((item) => item.id === state.playMusic.id);
    state.playList = playList;
+    localStorage.setItem('playList', JSON.stringify(playList));
+    localStorage.setItem('playListIndex', state.playListIndex.toString());
  },
  async nextPlay(state: State) {
    await nextPlay(state);
@@ -90,6 +164,27 @@ const mutations = {
  async prevPlay(state: State) {
    await prevPlay(state);
  },
+  // 添加到下一首播放
+  addToNextPlay(state: State, song: SongResult) {
+    const playList = [...state.playList];
+    const currentIndex = state.playListIndex;
+
+    // 检查歌曲是否已经在播放列表中
+    const existingIndex = playList.findIndex((item) => item.id === song.id);
+    if (existingIndex !== -1) {
+      // 如果歌曲已经在列表中，将其移动到当前播放歌曲的下一个位置
+      playList.splice(existingIndex, 1);
+    }
+
+    // 在当前播放歌曲后插入新歌曲
+    playList.splice(currentIndex + 1, 0, song);
+
+    // 更新播放列表
+    state.playList = playList;
+    state.playListIndex = playList.findIndex((item) => item.id === state.playMusic.id);
+    localStorage.setItem('playList', JSON.stringify(playList));
+    localStorage.setItem('playListIndex', state.playListIndex.toString());
+  },
  setSetData(state: State, setData: any) {
    state.setData = setData;
    if (isElectron) {
@@ -148,9 +243,11 @@ const mutations = {
    state.showUpdateModal = value;
  },
  logout(state: State) {
-    state.user = null;
-    localStorage.removeItem('user');
-    localStorage.removeItem('token');
+    logout().then(() => {
+      state.user = null;
+      localStorage.removeItem('user');
+      localStorage.removeItem('token');
+    });
  },
  setShowArtistDrawer(state, show: boolean) {
    state.showArtistDrawer = show;
@@ -160,6 +257,29 @@ const mutations = {
  },
  setCurrentArtistId(state, id: number) {
    state.currentArtistId = id;
+  },
+  setSystemFonts(state, fonts: string[]) {
+    state.systemFonts = [
+      { label: '系统默认', value: 'system-ui' },
+      ...fonts.map((font) => ({
+        label: font,
+        value: font
+      }))
+    ];
+  },
+  setShowDownloadDrawer(state: State, show: boolean) {
+    state.showDownloadDrawer = show;
+  },
+  setLanguage(state: State, language: string) {
+    state.setData.language = language;
+    if (isElectron) {
+      window.electron.ipcRenderer.send('set-store-value', 'set.language', language);
+    } else {
+      localStorage.setItem('appSettings', JSON.stringify(state.setData));
+    }
+  },
+  getLanguage(state: State) {
+    return state.setData.language;
  }
 };

@@ -167,7 +287,10 @@ const actions = {
  initializeSettings({ commit }: { commit: any }) {
    if (isElectron) {
      const setData = window.electron.ipcRenderer.sendSync('get-store-value', 'set');
-      commit('setSetData', setData || defaultSettings);
+      commit('setSetData', {
+        ...defaultSettings,
+        ...setData
+      });
    } else {
      const savedSettings = localStorage.getItem('appSettings');
      if (savedSettings) {
@@ -189,9 +312,9 @@ const actions = {
    const localList: number[] = localFavoriteList ? JSON.parse(localFavoriteList) : [];

    // 如果用户已登录，尝试获取服务器收藏列表并合并
-    if (state.user && localStorage.getItem('token')) {
+    if (state.user && state.user.userId) {
      try {
-        const res = await getLikedList();
+        const res = await getLikedList(state.user.userId);
        if (res.data?.ids) {
          // 合并本地和服务器的收藏列表，去重
          const serverList = res.data.ids.reverse();
@@ -213,6 +336,76 @@ const actions = {
  },
  showArtist({ commit }, id: number) {
    commit('setCurrentArtistId', id);
+  },
+  async initializeSystemFonts({ commit, state }) {
+    if (!isElectron) return;
+    // 如果已经有字体列表（不只是默认字体），则不重复获取
+    if (state.systemFonts.length > 1) return;
+
+    try {
+      const fonts = await window.api.invoke('get-system-fonts');
+      commit('setSystemFonts', fonts);
+    } catch (error) {
+      console.error('获取系统字体失败:', error);
+    }
+  },
+  async initializePlayState({ state, commit }: { state: State; commit: any }) {
+    const savedPlayList = getLocalStorageItem('playList', []);
+    const savedPlayMusic = getLocalStorageItem('currentPlayMusic', null) as SongResult | null;
+    const savedPlayProgress = localStorage.getItem('playProgress');
+
+    if (savedPlayList.length > 0) {
+      commit('setPlayList', savedPlayList);
+    }
+
+    if (savedPlayMusic && Object.keys(savedPlayMusic).length > 0) {
+      // 不直接使用保存的 URL，而是重新获取
+      try {
+        // 使用 handlePlayMusic 来重新获取音乐 URL
+
+        // 根据自动播放设置决定是否恢复播放状态
+        const shouldAutoPlay = state.setData.autoPlay;
+        await handlePlayMusic(state, savedPlayMusic, shouldAutoPlay);
+        state.play = shouldAutoPlay;
+        state.isPlay = true;
+
+        // 如果有保存的播放进度，则提供给前端组件使用
+        if (savedPlayProgress) {
+          try {
+            const progress = JSON.parse(savedPlayProgress);
+            if (progress && progress.songId === savedPlayMusic.id) {
+              // 在全局状态中添加播放进度
+              state.savedPlayProgress = progress.progress;
+            } else {
+              // 如果歌曲ID不匹配，清除保存的进度
+              localStorage.removeItem('playProgress');
+            }
+          } catch (e) {
+            console.error('解析保存的播放进度失败', e);
+            localStorage.removeItem('playProgress');
+          }
+        }
+      } catch (error) {
+        console.error('重新获取音乐链接失败:', error);
+        // 清除无效的播放状态
+        state.play = false;
+        state.isPlay = false;
+        state.playMusic = {} as SongResult;
+        state.playMusicUrl = '';
+        localStorage.removeItem('currentPlayMusic');
+        localStorage.removeItem('currentPlayMusicUrl');
+        localStorage.removeItem('isPlaying');
+        localStorage.removeItem('playProgress');
+      }
+    }
+  },
+  initializeLanguage({ state }: { state: State }) {
+    state.setData.language = getLocalStorageItem('appSettings', { language: 'zh-CN' }).language;
+    if (isElectron) {
+      window.electron.ipcRenderer.send('set-store-value', 'set.language', state.setData.language);
+    } else {
+      localStorage.setItem('appSettings', JSON.stringify(state.setData));
+    }
  }
 };

--- a/src/renderer/utils/index.ts
+++ b/src/renderer/utils/index.ts
@@ -59,6 +59,13 @@ export const formatNumber = (num: string | number) => {
 };

 export const getImgUrl = (url: string | undefined, size: string = '') => {
+  if (!url) return '';
+
+  if (url.includes('thumbnail')) {
+    // 只替换最后一个 thumbnail 参数的尺寸
+    return url.replace(/thumbnail=\d+y\d+(?!.*thumbnail)/, `thumbnail=${size}`);
+  }
+
  const imgUrl = `${url}?param=${size}`;
  return imgUrl;
 };
--- a/src/renderer/utils/linearColor.ts
+++ b/src/renderer/utils/linearColor.ts
@@ -1,8 +1,17 @@
+import { useDebounceFn } from '@vueuse/core';
+import tinycolor from 'tinycolor2';
+
 interface IColor {
  backgroundColor: string;
  primaryColor: string;
 }

+interface ITextColors {
+  primary: string;
+  active: string;
+  theme: string;
+}
+
 export const getImageLinearBackground = async (imageSrc: string): Promise<IColor> => {
  try {
    const primaryColor = await getImagePrimaryColor(imageSrc);
@@ -96,126 +105,43 @@ const getAverageColor = (data: Uint8ClampedArray): number[] => {
 };

 const generateGradientBackground = (color: string): string => {
-  const [r, g, b] = color.match(/\d+/g)?.map(Number) || [0, 0, 0];
-  const [h, s, l] = rgbToHsl(r, g, b);
+  const tc = tinycolor(color);
+  const hsl = tc.toHsl();

  // 增加亮度和暗度的差异
-  const lightL = Math.min(l + 0.2, 0.95);
-  const darkL = Math.max(l - 0.3, 0.05);
-  const midL = (lightL + darkL) / 2;
+  const lightColor = tinycolor({ h: hsl.h, s: hsl.s * 0.8, l: Math.min(hsl.l + 0.2, 0.95) });
+  const midColor = tinycolor({ h: hsl.h, s: hsl.s, l: hsl.l });
+  const darkColor = tinycolor({
+    h: hsl.h,
+    s: Math.min(hsl.s * 1.2, 1),
+    l: Math.max(hsl.l - 0.3, 0.05)
+  });

-  // 调整饱和度以增强效果
-  const lightS = Math.min(s * 0.8, 1);
-  const darkS = Math.min(s * 1.2, 1);
-
-  const [lightR, lightG, lightB] = hslToRgb(h, lightS, lightL);
-  const [midR, midG, midB] = hslToRgb(h, s, midL);
-  const [darkR, darkG, darkB] = hslToRgb(h, darkS, darkL);
-
-  const lightColor = `rgb(${lightR}, ${lightG}, ${lightB})`;
-  const midColor = `rgb(${midR}, ${midG}, ${midB})`;
-  const darkColor = `rgb(${darkR}, ${darkG}, ${darkB})`;
-
-  // 使用三个颜色点创建更丰富的渐变
-  return `linear-gradient(to bottom, ${lightColor} 0%, ${midColor} 50%, ${darkColor} 100%)`;
-};
-
-// Helper functions (unchanged)
-function rgbToHsl(r: number, g: number, b: number): [number, number, number] {
-  r /= 255;
-  g /= 255;
-  b /= 255;
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  let h = 0;
-  let s;
-  const l = (max + min) / 2;
-
-  if (max === min) {
-    h = s = 0;
-  } else {
-    const d = max - min;
-    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-    switch (max) {
-      case r:
-        h = (g - b) / d + (g < b ? 6 : 0);
-        break;
-      case g:
-        h = (b - r) / d + 2;
-        break;
-      case b:
-        h = (r - g) / d + 4;
-        break;
-      default:
-        break;
-    }
-    h /= 6;
-  }
-
-  return [h, s, l];
-}
-
-function hslToRgb(h: number, s: number, l: number): [number, number, number] {
-  let r;
-  let g;
-  let b;
-
-  if (s === 0) {
-    r = g = b = l;
-  } else {
-    const hue2rgb = (p: number, q: number, t: number) => {
-      if (t < 0) t += 1;
-      if (t > 1) t -= 1;
-      if (t < 1 / 6) return p + (q - p) * 6 * t;
-      if (t < 1 / 2) return q;
-      if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
-      return p;
-    };
-
-    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-    const p = 2 * l - q;
-    r = hue2rgb(p, q, h + 1 / 3);
-    g = hue2rgb(p, q, h);
-    b = hue2rgb(p, q, h - 1 / 3);
-  }
-
-  return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
-}
-
-// 添加新的接口
-interface ITextColors {
-  primary: string;
-  active: string;
-  theme: string;
-}
-
-// 添加新的函数
-export const calculateBrightness = (r: number, g: number, b: number): number => {
-  return (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+  return `linear-gradient(to bottom, ${lightColor.toRgbString()} 0%, ${midColor.toRgbString()} 50%, ${darkColor.toRgbString()} 100%)`;
 };

 export const parseGradient = (gradientStr: string) => {
-  const matches = gradientStr.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/g);
-  if (!matches) return [];
-  return matches.map((rgb) => {
-    const [r, g, b] = rgb.match(/\d+/g)!.map(Number);
-    return { r, g, b };
+  if (!gradientStr) return [];
+
+  // 处理非渐变色
+  if (!gradientStr.startsWith('linear-gradient')) {
+    const color = tinycolor(gradientStr);
+    if (color.isValid()) {
+      const rgb = color.toRgb();
+      return [{ r: rgb.r, g: rgb.g, b: rgb.b }];
+    }
+    return [];
+  }
+
+  // 处理渐变色，支持 rgb、rgba 和十六进制颜色
+  const colorMatches = gradientStr.match(/(?:(?:rgb|rgba)\([^)]+\)|#[0-9a-fA-F]{3,8})/g) || [];
+  return colorMatches.map((color) => {
+    const tc = tinycolor(color);
+    const rgb = tc.toRgb();
+    return { r: rgb.r, g: rgb.g, b: rgb.b };
  });
 };

-export const interpolateRGB = (start: number, end: number, progress: number) => {
-  return Math.round(start + (end - start) * progress);
-};
-
-export const createGradientString = (
-  colors: { r: number; g: number; b: number }[],
-  percentages = [0, 50, 100]
-) => {
-  return `linear-gradient(to bottom, ${colors
-    .map((color, i) => `rgb(${color.r}, ${color.g}, ${color.b}) ${percentages[i]}%`)
-    .join(', ')})`;
-};
-
 export const getTextColors = (gradient: string = ''): ITextColors => {
  const defaultColors = {
    primary: 'rgba(255, 255, 255, 0.54)',
@@ -228,9 +154,9 @@ export const getTextColors = (gradient: string = ''): ITextColors => {
  const colors = parseGradient(gradient);
  if (!colors.length) return defaultColors;

-  const mainColor = colors[1] || colors[0];
-  const brightness = calculateBrightness(mainColor.r, mainColor.g, mainColor.b);
-  const isDark = brightness > 0.6;
+  const mainColor = colors.length === 1 ? colors[0] : colors[1] || colors[0];
+  const tc = tinycolor(mainColor);
+  const isDark = tc.getBrightness() > 155; // tinycolor 的亮度范围是 0-255

  return {
    primary: isDark ? 'rgba(0, 0, 0, 0.54)' : 'rgba(255, 255, 255, 0.54)',
@@ -243,35 +169,130 @@ export const getHoverBackgroundColor = (isDark: boolean): string => {
  return isDark ? 'rgba(0, 0, 0, 0.08)' : 'rgba(255, 255, 255, 0.08)';
 };

-export const animateGradient = (
-  oldGradient: string,
-  newGradient: string,
-  onUpdate: (gradient: string) => void,
-  duration = 1000
-) => {
-  const startColors = parseGradient(oldGradient);
-  const endColors = parseGradient(newGradient);
-  if (startColors.length !== endColors.length) return null;
+export const animateGradient = (() => {
+  let currentAnimation: number | null = null;
+  let isAnimating = false;
+  let lastProgress = 0;

-  const startTime = performance.now();
-
-  const animate = (currentTime: number) => {
-    const elapsed = currentTime - startTime;
-    const progress = Math.min(elapsed / duration, 1);
-
-    const currentColors = startColors.map((startColor, i) => ({
-      r: interpolateRGB(startColor.r, endColors[i].r, progress),
-      g: interpolateRGB(startColor.g, endColors[i].g, progress),
-      b: interpolateRGB(startColor.b, endColors[i].b, progress)
-    }));
-
-    onUpdate(createGradientString(currentColors));
-
-    if (progress < 1) {
-      return requestAnimationFrame(animate);
-    }
-    return null;
+  const validateColors = (colors: ReturnType<typeof parseGradient>) => {
+    return colors.every(
+      (color) =>
+        typeof color.r === 'number' &&
+        typeof color.g === 'number' &&
+        typeof color.b === 'number' &&
+        !Number.isNaN(color.r) &&
+        !Number.isNaN(color.g) &&
+        !Number.isNaN(color.b)
+    );
  };

-  return requestAnimationFrame(animate);
+  const easeInOutCubic = (x: number): number => {
+    return x < 0.5 ? 4 * x * x * x : 1 - (-2 * x + 2) ** 3 / 2;
+  };
+
+  const animate = (
+    oldGradient: string,
+    newGradient: string,
+    onUpdate: (gradient: string) => void,
+    duration = 300
+  ) => {
+    // 如果新旧渐变色相同，不执行动画
+    if (oldGradient === newGradient) {
+      return null;
+    }
+
+    // 如果正在动画中，取消当前动画
+    if (currentAnimation !== null) {
+      cancelAnimationFrame(currentAnimation);
+      currentAnimation = null;
+    }
+
+    // 解析颜色
+    const startColors = parseGradient(oldGradient);
+    const endColors = parseGradient(newGradient);
+
+    // 验证颜色数组
+    if (
+      !startColors.length ||
+      !endColors.length ||
+      !validateColors(startColors) ||
+      !validateColors(endColors)
+    ) {
+      console.warn('Invalid color values detected');
+      onUpdate(newGradient); // 直接更新到目标颜色
+      return null;
+    }
+
+    // 如果颜色数量不匹配，直接更新到目标颜色
+    if (startColors.length !== endColors.length) {
+      onUpdate(newGradient);
+      return null;
+    }
+
+    isAnimating = true;
+    const startTime = performance.now();
+
+    const animateFrame = (currentTime: number) => {
+      if (!isAnimating) return null;
+
+      const elapsed = currentTime - startTime;
+      const rawProgress = Math.min(elapsed / duration, 1);
+      // 使用缓动函数使动画更平滑
+      const progress = easeInOutCubic(rawProgress);
+
+      try {
+        // 使用上一帧的进度来平滑过渡
+        const effectiveProgress = lastProgress + (progress - lastProgress) * 0.6;
+        lastProgress = effectiveProgress;
+
+        const currentColors = startColors.map((startColor, i) => {
+          const start = tinycolor(startColor);
+          const end = tinycolor(endColors[i]);
+          return tinycolor.mix(start, end, effectiveProgress * 100);
+        });
+
+        const gradientString = createGradientString(
+          currentColors.map((c) => {
+            const rgb = c.toRgb();
+            return { r: rgb.r, g: rgb.g, b: rgb.b };
+          })
+        );
+
+        onUpdate(gradientString);
+
+        if (rawProgress < 1) {
+          currentAnimation = requestAnimationFrame(animateFrame);
+          return currentAnimation;
+        }
+        // 确保最终颜色正确
+        onUpdate(newGradient);
+        isAnimating = false;
+        currentAnimation = null;
+        lastProgress = 0;
+        return null;
+      } catch (error) {
+        console.error('Animation error:', error);
+        onUpdate(newGradient);
+        isAnimating = false;
+        currentAnimation = null;
+        lastProgress = 0;
+        return null;
+      }
+    };
+
+    currentAnimation = requestAnimationFrame(animateFrame);
+    return currentAnimation;
+  };
+
+  // 使用更短的防抖时间
+  return useDebounceFn(animate, 50);
+})();
+
+export const createGradientString = (
+  colors: { r: number; g: number; b: number }[],
+  percentages = [0, 50, 100]
+) => {
+  return `linear-gradient(to bottom, ${colors
+    .map((color, i) => `rgb(${color.r}, ${color.g}, ${color.b}) ${percentages[i]}%`)
+    .join(', ')})`;
 };
--- a/src/renderer/utils/request.ts
+++ b/src/renderer/utils/request.ts
@@ -1,12 +1,9 @@
 import axios, { InternalAxiosRequestConfig } from 'axios';
-import { createDiscreteApi } from 'naive-ui';

 import store from '@/store';

 import { isElectron } from '.';

-const { notification } = createDiscreteApi(['notification']);
-
 let setData: any = null;
 const getSetData = () => {
  if (window.electron) {
@@ -44,19 +41,14 @@ request.interceptors.request.use(

    // 在请求发送之前做一些处理
    // 在get请求params中添加timestamp
-    if (config.method === 'get') {
-      config.params = {
-        ...config.params,
-        timestamp: Date.now()
-      };
-      const token = localStorage.getItem('token');
-      if (token) {
-        config.params.cookie = `${token} os=pc;`;
-      } else {
-        config.params.cookie = 'os=pc;';
-      }
+    config.params = {
+      ...config.params,
+      timestamp: Date.now()
+    };
+    const token = localStorage.getItem('token');
+    if (token) {
+      config.params.cookie = config.params.cookie !== undefined ? config.params.cookie : token;
    }
-
    if (isElectron) {
      const proxyConfig = setData?.proxyConfig;
      if (proxyConfig?.enable && ['http', 'https'].includes(proxyConfig?.protocol)) {
@@ -75,6 +67,8 @@ request.interceptors.request.use(
  }
 );

+const NO_RETRY_URLS = ['暂时没有'];
+
 // 响应拦截器
 request.interceptors.response.use(
  (response) => {
@@ -93,28 +87,16 @@ request.interceptors.response.use(
    if (error.response?.status === 301) {
      // 使用 store mutation 清除用户信息
      store.commit('logout');
-
-      // 如果还可以重试，则重新发起请求
-      if (config.retryCount === undefined || config.retryCount < MAX_RETRIES) {
-        config.retryCount = (config.retryCount || 1) + 1;
-        console.log(`301 状态码，清除登录信息后重试第 ${config.retryCount} 次`);
-        notification.error({
-          content: '登录状态失效，请重新登录',
-          meta: '请重新登录',
-          duration: 2500,
-          keepAliveOnHover: true
-        });
-
-        // 延迟重试
-        await new Promise((resolve) => setTimeout(resolve, RETRY_DELAY));
-
-        // 重新发起请求
-        return request(config);
-      }
+      console.log(`301 状态码，清除登录信息后重试第 ${config.retryCount} 次`);
+      config.retryCount = 3;
    }

    // 检查是否还可以重试
-    if (config.retryCount !== undefined && config.retryCount < MAX_RETRIES) {
+    if (
+      config.retryCount !== undefined &&
+      config.retryCount < MAX_RETRIES &&
+      !NO_RETRY_URLS.includes(config.url as string)
+    ) {
      config.retryCount++;
      console.log(`请求重试第 ${config.retryCount} 次`);

--- a/src/renderer/utils/update.ts
+++ b/src/renderer/utils/update.ts
@@ -15,6 +15,23 @@ interface GithubReleaseInfo {
  }>;
 }

+interface ProxyNode {
+  url: string;
+  server: string;
+  ip: string;
+  location: string;
+  latency: number;
+  speed: number;
+}
+
+interface ProxyResponse {
+  code: number;
+  msg: string;
+  data: ProxyNode[];
+  total: number;
+  update_time: string;
+}
+
 export interface UpdateResult {
  hasUpdate: boolean;
  latestVersion: string;
@@ -30,6 +47,81 @@ export interface UpdateResult {
  } | null;
 }

+// 缓存相关配置
+const CACHE_KEY = 'github_proxy_nodes';
+const CACHE_EXPIRE_TIME = 1000 * 60 * 10; // 10分钟过期
+
+// 请求配置
+const REQUEST_TIMEOUT = 2000; // 2秒超时
+
+/**
+ * 从缓存获取代理节点
+ */
+const getCachedProxyNodes = (): { nodes: string[]; timestamp: number } | null => {
+  const cached = localStorage.getItem(CACHE_KEY);
+  if (cached) {
+    const { nodes, timestamp } = JSON.parse(cached);
+    if (Date.now() - timestamp < CACHE_EXPIRE_TIME) {
+      return { nodes, timestamp };
+    }
+  }
+  return null;
+};
+
+/**
+ * 缓存代理节点
+ */
+const cacheProxyNodes = (nodes: string[]) => {
+  localStorage.setItem(
+    CACHE_KEY,
+    JSON.stringify({
+      nodes,
+      timestamp: Date.now()
+    })
+  );
+};
+
+/**
+ * 获取代理节点列表
+ */
+export const getProxyNodes = async (): Promise<string[]> => {
+  // 尝试从缓存获取
+  const cached = getCachedProxyNodes();
+  if (cached) {
+    return cached.nodes;
+  }
+
+  try {
+    // 获取最新代理节点
+    const { data } = await axios.get<ProxyResponse>('https://api.akams.cn/github', {
+      timeout: REQUEST_TIMEOUT
+    });
+    if (data.code === 200) {
+      // 按速度排序并获取前10个节点
+      const nodes = data.data
+        .sort((a, b) => b.speed - a.speed)
+        .slice(0, 10)
+        .map((node) => node.url);
+
+      // 缓存节点
+      cacheProxyNodes(nodes);
+      return nodes;
+    }
+  } catch (error) {
+    console.error('获取代理节点失败:', error);
+  }
+
+  // 使用备用节点
+  return [
+    'https://gh.lk.cc',
+    'https://ghproxy.cn',
+    'https://ghproxy.net',
+    'https://gitproxy.click',
+    'https://github.tbedu.top',
+    'https://github.moeyy.xyz'
+  ];
+};
+
 /**
 * 获取 GitHub 最新发布版本信息
 */
@@ -38,33 +130,42 @@ export const getLatestReleaseInfo = async (): Promise<GithubReleaseInfo | null>
    const token = import.meta.env.VITE_GITHUB_TOKEN;
    const headers = {};

+    // 获取代理节点列表
+    const proxyHosts = await getProxyNodes();
+
+    // 构建 API URL 列表
    const apiUrls = [
      // 原始地址
      'https://api.github.com/repos/algerkong/AlgerMusicPlayer/releases/latest',

-      // 使用 ghproxy.com 代理
-      'https://www.ghproxy.cn/https://raw.githubusercontent.com/algerkong/AlgerMusicPlayer/dev_electron/package.json'
-
-      // 使用 gitee 镜像（如果有的话）
-      // 'https://gitee.com/api/v5/repos/[用户名]/AlgerMusicPlayer/releases/latest'
+      // 使用代理节点
+      ...proxyHosts.map(
+        (host) =>
+          `${host}/https://raw.githubusercontent.com/algerkong/AlgerMusicPlayer/dev_electron/package.json`
+      )
    ];
+
    if (token) {
      headers['Authorization'] = `token ${token}`;
    }

    for (const url of apiUrls) {
      try {
-        const response = await axios.get(url, { headers });
+        const response = await axios.get(url, {
+          headers,
+          timeout: REQUEST_TIMEOUT
+        });

        if (url.includes('package.json')) {
-          // 如果是 package.json，直接读取版本号
+          // 如果是 package.json，获取对应的 CHANGELOG
+          const changelogUrl = url.replace('package.json', 'CHANGELOG.md');
+          const changelogResponse = await axios.get(changelogUrl, {
+            timeout: REQUEST_TIMEOUT
+          });
+
          return {
            tag_name: response.data.version,
-            body: (
-              await axios.get(
-                'https://www.ghproxy.cn/https://raw.githubusercontent.com/algerkong/AlgerMusicPlayer/dev_electron/CHANGELOG.md'
-              )
-            ).data,
+            body: changelogResponse.data,
            html_url: 'https://github.com/algerkong/AlgerMusicPlayer/releases/latest',
            assets: []
          } as unknown as GithubReleaseInfo;
--- a/src/renderer/views/favorite/index.vue
+++ b/src/renderer/views/favorite/index.vue
@@ -2,8 +2,8 @@
  <div v-if="isComponent ? favoriteSongs.length : true" class="favorite-page">
    <div class="favorite-header" :class="setAnimationClass('animate__fadeInLeft')">
      <div class="favorite-header-left">
-        <h2>我的收藏</h2>
-        <div class="favorite-count">共 {{ favoriteList.length }} 首</div>
+        <h2>{{ t('favorite.title') }}</h2>
+        <div class="favorite-count">{{ t('favorite.count', { count: favoriteList.length }) }}</div>
      </div>
      <div v-if="!isComponent && isElectron" class="favorite-header-right">
        <n-button
@@ -17,7 +17,7 @@
          <template #icon>
            <i class="iconfont ri-checkbox-multiple-line"></i>
          </template>
-          批量下载
+          {{ t('favorite.batchDownload') }}
        </n-button>
        <div v-else class="select-controls">
          <n-checkbox
@@ -26,7 +26,7 @@
            :indeterminate="isIndeterminate"
            @update:checked="handleSelectAll"
          >
-            全选
+            {{ t('common.selectAll') }}
          </n-checkbox>
          <n-button-group class="operation-btns">
            <n-button
@@ -40,9 +40,11 @@
              <template #icon>
                <i class="iconfont ri-download-line"></i>
              </template>
-              下载 ({{ selectedSongs.length }})
+              {{ t('favorite.download', { count: selectedSongs.length }) }}
+            </n-button>
+            <n-button size="small" class="cancel-btn" @click="cancelSelect">
+              {{ t('common.cancel') }}
            </n-button>
-            <n-button size="small" class="cancel-btn" @click="cancelSelect"> 取消 </n-button>
          </n-button-group>
        </div>
      </div>
@@ -50,7 +52,7 @@
    <div class="favorite-main" :class="setAnimationClass('animate__bounceInRight')">
      <n-scrollbar ref="scrollbarRef" class="favorite-content" @scroll="handleScroll">
        <div v-if="favoriteList.length === 0" class="empty-tip">
-          <n-empty description="还没有收藏歌曲" />
+          <n-empty :description="t('favorite.emptyTip')" />
        </div>
        <div v-else class="favorite-list">
          <song-item
@@ -66,14 +68,14 @@
            @select="handleSelect"
          />
          <div v-if="isComponent" class="favorite-list-more text-center">
-            <n-button text type="primary" @click="handleMore">查看更多</n-button>
+            <n-button text type="primary" @click="handleMore">{{ t('common.viewMore') }}</n-button>
          </div>

          <div v-if="loading" class="loading-wrapper">
            <n-spin size="large" />
          </div>

-          <div v-if="noMore" class="no-more-tip">没有更多了</div>
+          <div v-if="noMore" class="no-more-tip">{{ t('common.noMore') }}</div>
        </div>
      </n-scrollbar>
    </div>
@@ -84,6 +86,7 @@
 import { cloneDeep } from 'lodash';
 import { useMessage } from 'naive-ui';
 import { computed, onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';

@@ -93,6 +96,7 @@ import { getSongUrl } from '@/hooks/MusicListHook';
 import type { SongResult } from '@/type/music';
 import { isElectron, setAnimationClass, setAnimationDelay } from '@/utils';

+const { t } = useI18n();
 const store = useStore();
 const message = useMessage();
 const favoriteList = computed(() => store.state.favoriteList);
@@ -130,18 +134,18 @@ const handleSelect = (songId: number, selected: boolean) => {
 // 批量下载
 const handleBatchDownload = async () => {
  if (isDownloading.value) {
-    message.warning('正在下载中，请稍候...');
+    message.warning(t('favorite.downloading'));
    return;
  }

  if (selectedSongs.value.length === 0) {
-    message.warning('请先选择要下载的歌曲');
+    message.warning(t('favorite.selectSongsFirst'));
    return;
  }

  try {
    isDownloading.value = true;
-    message.success('开始下载...');
+    message.success(t('favorite.downloading'));

    // 移除旧的监听器
    window.electron.ipcRenderer.removeAllListeners('music-download-complete');
@@ -160,7 +164,7 @@ const handleBatchDownload = async () => {
      // 当所有下载完成时
      if (successCount + failCount === selectedSongs.value.length) {
        isDownloading.value = false;
-        message.success(`下载完成`);
+        message.success(t('favorite.downloadSuccess'));
        cancelSelect();
      }
    });
@@ -201,7 +205,7 @@ const handleBatchDownload = async () => {
    console.error('下载失败:', error);
    isDownloading.value = false;
    message.destroyAll();
-    message.error('下载失败');
+    message.error(t('favorite.downloadFailed'));
  }
 };

@@ -272,9 +276,9 @@ const handleScroll = (e: any) => {
  }
 };

-onMounted(() => {
-  store.dispatch('initializeFavoriteList');
-  getFavoriteSongs();
+onMounted(async () => {
+  await store.dispatch('initializeFavoriteList');
+  await getFavoriteSongs();
 });

 // 监听收藏列表变化
@@ -298,7 +302,7 @@ const getItemAnimationDelay = (index: number) => {

 const router = useRouter();
 const handleMore = () => {
-  router.push('/favorite');
+  router.push('/history');
 };

 // 全选相关
--- a/src/renderer/views/history/index.vue
+++ b/src/renderer/views/history/index.vue
@@ -1,6 +1,8 @@
 <template>
  <div class="history-page">
-    <div class="title" :class="setAnimationClass('animate__fadeInRight')">播放历史</div>
+    <div class="title" :class="setAnimationClass('animate__fadeInRight')">
+      {{ t('history.title') }}
+    </div>
    <n-scrollbar ref="scrollbarRef" :size="100" @scroll="handleScroll">
      <div class="history-list-content" :class="setAnimationClass('animate__bounceInLeft')">
        <div
@@ -12,7 +14,7 @@
        >
          <song-item class="history-item-content" :item="item" @play="handlePlay" />
          <div class="history-item-count min-w-[60px]">
-            {{ item.count }}
+            {{ t('history.playCount', { count: item.count }) }}
          </div>
          <div class="history-item-delete">
            <i class="iconfont icon-close" @click="handleDelMusic(item)"></i>
@@ -23,7 +25,7 @@
          <n-spin size="large" />
        </div>

-        <div v-if="noMore" class="no-more-tip">没有更多了</div>
+        <div v-if="noMore" class="no-more-tip">{{ t('common.noMore') }}</div>
      </div>
    </n-scrollbar>
  </div>
@@ -31,6 +33,7 @@

 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

 import { getMusicDetail } from '@/api/music';
@@ -43,6 +46,7 @@ defineOptions({
  name: 'History'
 });

+const { t } = useI18n();
 const store = useStore();
 const { delMusic, musicList } = useMusicHistory();
 const scrollbarRef = ref();
@@ -89,7 +93,7 @@ const getHistorySongs = async () => {
      noMore.value = displayList.value.length >= musicList.value.length;
    }
  } catch (error) {
-    console.error('获取历史记录失败:', error);
+    console.error(t('history.getHistoryFailed'), error);
  } finally {
    loading.value = false;
  }
--- a/src/renderer/views/list/index.vue
+++ b/src/renderer/views/list/index.vue
@@ -36,7 +36,7 @@
          <div class="recommend-item-img">
            <n-image
              class="recommend-item-img-img"
-              :src="getImgUrl(item.picUrl || item.coverImgUrl, '200y200')"
+              :src="getImgUrl(item.picUrl || item.coverImgUrl, '300y300')"
              width="200"
              height="200"
              lazy
--- a/src/renderer/views/login/index.vue
+++ b/src/renderer/views/login/index.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { useMessage } from 'naive-ui';
 import { onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';

@@ -11,6 +12,7 @@ defineOptions({
  name: 'Login'
 });

+const { t } = useI18n();
 const message = useMessage();
 const store = useStore();
 const router = useRouter();
@@ -36,15 +38,12 @@ const loadLogin = async () => {
    qrUrl.value = data.data.qrimg;

    const timer = timerIsQr(key);
-    // 添加对定时器的引用，以便在出现错误时可以清除
    timerRef.value = timer as any;
  } catch (error) {
-    console.error('加载登录信息时出错:', error);
+    console.error(t('login.message.loadError'), error);
  }
 };

-// 使用 ref 来保存定时器，便于在任何地方清除它
-
 const timerIsQr = (key: string) => {
  const timer = setInterval(async () => {
    try {
@@ -58,16 +57,15 @@ const timerIsQr = (key: string) => {
        localStorage.setItem('token', data.cookie);
        const user = await getUserDetail();
        store.state.user = user.data.profile;
-        localStorage.setItem('user', JSON.stringify(store.state.user));
-        message.success('登录成功');
+        localStorage.setItem('user', JSON.stringify(user.data.profile));
+        message.success(t('login.message.loginSuccess'));

        clearInterval(timer);
        timerRef.value = null;
        router.push('/user');
      }
    } catch (error) {
-      console.error('检查二维码状态时出错:', error);
-      // 在出现错误时清除定时器
+      console.error(t('login.message.qrCheckError'), error);
      clearInterval(timer);
      timerRef.value = null;
    }
@@ -96,7 +94,7 @@ const password = ref('');
 const loginPhone = async () => {
  const { data } = await loginByCellphone(phone.value, password.value);
  if (data.code === 200) {
-    message.success('登录成功');
+    message.success(t('login.message.loginSuccess'));
    store.state.user = data.profile;
    localStorage.setItem('token', data.cookie);
    setTimeout(() => {
@@ -112,22 +110,34 @@ const loginPhone = async () => {
      <div class="bg"></div>
      <div class="content">
        <div v-if="isQr" class="phone" :class="setAnimationClass('animate__fadeInUp')">
-          <div class="login-title">扫码登陆</div>
+          <div class="login-title">{{ t('login.title.qr') }}</div>
          <img class="qr-img" :src="qrUrl" />
-          <div class="text">使用网易云APP扫码登录</div>
+          <div class="text">{{ t('login.qrTip') }}</div>
        </div>
        <div v-else class="phone" :class="setAnimationClass('animate__fadeInUp')">
-          <div class="login-title">手机号登录</div>
+          <div class="login-title">{{ t('login.title.phone') }}</div>
          <div class="phone-page">
-            <input v-model="phone" class="phone-input" type="text" placeholder="手机号" />
-            <input v-model="password" class="phone-input" type="password" placeholder="密码" />
+            <input
+              v-model="phone"
+              class="phone-input"
+              type="text"
+              :placeholder="t('login.placeholder.phone')"
+            />
+            <input
+              v-model="password"
+              class="phone-input"
+              type="password"
+              :placeholder="t('login.placeholder.password')"
+            />
          </div>
-          <div class="text">使用网易云账号登录</div>
-          <n-button class="btn-login" @click="loginPhone()">登录</n-button>
+          <div class="text">{{ t('login.phoneTip') }}</div>
+          <n-button class="btn-login" @click="loginPhone()">{{ t('login.button.login') }}</n-button>
        </div>
      </div>
      <div class="bottom">
-        <div class="title" @click="chooseQr()">{{ isQr ? '手机号登录' : '扫码登录' }}</div>
+        <div class="title" @click="chooseQr()">
+          {{ isQr ? t('login.button.switchToPhone') : t('login.button.switchToQr') }}
+        </div>
      </div>
    </div>
  </div>
--- a/src/renderer/views/lyric/index.vue
+++ b/src/renderer/views/lyric/index.vue
@@ -378,27 +378,46 @@ watch(

 // 修改数据更新处
 const handleDataUpdate = (parsedData: {
+  type?: string;
  nowTime: number;
  startCurrentTime: number;
  nextTime: number;
  isPlay: boolean;
  nowIndex: number;
-  lrcArray: Array<{ text: string; trText: string }>;
-  lrcTimeArray: number[];
-  allTime: number;
-  playMusic: SongResult;
+  lrcArray?: Array<{ text: string; trText: string }>;
+  lrcTimeArray?: number[];
+  allTime?: number;
+  playMusic?: SongResult;
 }) => {
  // 确保数据存在且格式正确
  if (!parsedData) {
    console.error('Invalid update data received:', parsedData);
    return;
  }
+
+  // 根据数据类型处理
+  if (parsedData.type === 'update') {
+    // 增量更新，只更新动态数据
+    dynamicData.value = {
+      ...dynamicData.value,
+      nowTime: parsedData.nowTime || dynamicData.value.nowTime,
+      isPlay: typeof parsedData.isPlay === 'boolean' ? parsedData.isPlay : dynamicData.value.isPlay
+    };
+
+    // 更新索引（如果提供）
+    if (typeof parsedData.nowIndex === 'number') {
+      currentIndex.value = parsedData.nowIndex;
+    }
+    return;
+  }
+
+  // 完整更新或空歌词提示
  // 更新静态数据
  staticData.value = {
    lrcArray: parsedData.lrcArray || [],
    lrcTimeArray: parsedData.lrcTimeArray || [],
    allTime: parsedData.allTime || 0,
-    playMusic: parsedData.playMusic || {}
+    playMusic: parsedData.playMusic || ({} as SongResult)
  };

  // 更新动态数据
@@ -472,7 +491,7 @@ watch(
  { deep: true }
 );

-// 添<EFBFBD><EFBFBD>拖动相关变量
+// 添加拖动相关变量
 const isDragging = ref(false);
 const startPosition = ref({ x: 0, y: 0 });

--- a/src/renderer/views/search/index.vue
+++ b/src/renderer/views/search/index.vue
@@ -6,7 +6,7 @@
      :class="setAnimationClass('animate__fadeInDown')"
      :native-scrollbar="false"
    >
-      <div class="title">热搜列表</div>
+      <div class="title">{{ t('search.title.hotSearch') }}</div>
      <div class="hot-search-list">
        <template v-for="(item, index) in hotSearchData?.data" :key="index">
          <div
@@ -64,20 +64,20 @@
          <!-- 加载状态 -->
          <div v-if="isLoadingMore" class="loading-more">
            <n-spin size="small" />
-            <span class="ml-2">加载中...</span>
+            <span class="ml-2">{{ t('search.loading.more') }}</span>
          </div>
-          <div v-if="!hasMore && searchDetail" class="no-more">没有更多了</div>
+          <div v-if="!hasMore && searchDetail" class="no-more">{{ t('search.noMore') }}</div>
        </template>
        <!-- 搜索历史 -->
        <template v-else>
          <div class="search-history">
            <div class="search-history-header title">
-              <span>搜索历史</span>
+              <span>{{ t('search.title.searchHistory') }}</span>
              <n-button text type="error" @click="clearSearchHistory">
                <template #icon>
                  <i class="ri-delete-bin-line"></i>
                </template>
-                清空
+                {{ t('search.button.clear') }}
              </n-button>
            </div>
            <div class="search-history-list">
@@ -105,6 +105,7 @@
 <script lang="ts" setup>
 import { useDateFormat } from '@vueuse/core';
 import { onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import { useStore } from 'vuex';

@@ -119,6 +120,7 @@ defineOptions({
  name: 'Search'
 });

+const { t } = useI18n();
 const route = useRoute();
 const store = useStore();

@@ -184,7 +186,7 @@ onMounted(() => {
  loadSearch(route.query.keyword);
 });

-const hotKeyword = ref(route.query.keyword || '搜索列表');
+const hotKeyword = ref(route.query.keyword || t('search.title.searchList'));

 watch(
  () => store.state.searchValue,
@@ -286,7 +288,7 @@ const loadSearch = async (keywords: any, type: any = null, isLoadMore = false) =

    page.value++;
  } catch (error) {
-    console.error('搜索失败:', error);
+    console.error(t('search.error.searchFailed'), error);
  } finally {
    searchDetailLoading.value = false;
    isLoadingMore.value = false;
--- a/src/renderer/views/set/index.vue
+++ b/src/renderer/views/set/index.vue
@@ -9,7 +9,7 @@
        :class="{ active: currentSection === section.id }"
        @click="scrollToSection(section.id)"
      >
-        {{ section.title }}
+        {{ t(`settings.sections.${section.id}`) }}
      </div>
    </div>

@@ -18,12 +18,12 @@
      <div class="set-page">
        <!-- 基础设置 -->
        <div id="basic" ref="basicRef" class="settings-section">
-          <div class="settings-section-title">基础设置</div>
+          <div class="settings-section-title">{{ t('settings.sections.basic') }}</div>
          <div class="settings-section-content">
            <div class="set-item">
              <div>
-                <div class="set-item-title">主题模式</div>
-                <div class="set-item-content">切换日间/夜间主题</div>
+                <div class="set-item-title">{{ t('settings.basic.themeMode') }}</div>
+                <div class="set-item-content">{{ t('settings.basic.themeModeDesc') }}</div>
              </div>
              <n-switch v-model:value="isDarkTheme">
                <template #checked><i class="ri-moon-line"></i></template>
@@ -31,31 +31,89 @@
              </n-switch>
            </div>

+            <!-- 语言设置 -->
            <div class="set-item">
              <div>
-                <div class="set-item-title">动画速度</div>
+                <div class="set-item-title">{{ t('settings.basic.language') }}</div>
+                <div class="set-item-content">{{ t('settings.basic.languageDesc') }}</div>
+              </div>
+              <language-switcher />
+            </div>
+
+            <div class="set-item">
+              <div>
+                <div class="set-item-title">{{ t('settings.basic.font') }}</div>
+                <div class="set-item-content">{{ t('settings.basic.fontDesc') }}</div>
+              </div>
+              <div class="flex gap-2">
+                <n-radio-group v-model:value="setData.fontScope" class="mt-2">
+                  <n-radio key="global" value="global">{{
+                    t('settings.basic.fontScope.global')
+                  }}</n-radio>
+                  <n-radio key="lyric" value="lyric">{{
+                    t('settings.basic.fontScope.lyric')
+                  }}</n-radio>
+                </n-radio-group>
+                <n-select
+                  v-model:value="selectedFonts"
+                  :options="systemFonts"
+                  filterable
+                  multiple
+                  placeholder="选择字体"
+                  style="width: 300px"
+                  :render-label="renderFontLabel"
+                >
+                </n-select>
+              </div>
+            </div>
+
+            <div v-if="selectedFonts.length > 0" class="font-preview-container">
+              <div class="font-preview-title">{{ t('settings.basic.fontPreview.title') }}</div>
+              <div class="font-preview" :style="{ fontFamily: setData.fontFamily }">
+                <div class="preview-item">
+                  <div class="preview-label">{{ t('settings.basic.fontPreview.chinese') }}</div>
+                  <div class="preview-text">{{ t('settings.basic.fontPreview.chineseText') }}</div>
+                </div>
+                <div class="preview-item">
+                  <div class="preview-label">{{ t('settings.basic.fontPreview.english') }}</div>
+                  <div class="preview-text">{{ t('settings.basic.fontPreview.englishText') }}</div>
+                </div>
+                <div class="preview-item">
+                  <div class="preview-label">{{ t('settings.basic.fontPreview.japanese') }}</div>
+                  <div class="preview-text">{{ t('settings.basic.fontPreview.japaneseText') }}</div>
+                </div>
+                <div class="preview-item">
+                  <div class="preview-label">{{ t('settings.basic.fontPreview.korean') }}</div>
+                  <div class="preview-text">{{ t('settings.basic.fontPreview.koreanText') }}</div>
+                </div>
+              </div>
+            </div>
+
+            <div class="set-item">
+              <div>
+                <div class="set-item-title">{{ t('settings.basic.animation') }}</div>
                <div class="set-item-content">
                  <div class="flex items-center gap-2">
                    <n-switch v-model:value="setData.noAnimate">
-                      <template #checked>关闭</template>
-                      <template #unchecked>开启</template>
+                      <template #checked>{{ t('common.off') }}</template>
+                      <template #unchecked>{{ t('common.on') }}</template>
                    </n-switch>
-                    <span>是否开启动画</span>
+                    <span>{{ t('settings.basic.animationDesc') }}</span>
                  </div>
                </div>
              </div>
              <div class="flex items-center gap-2">
                <span class="text-sm text-gray-400">{{ setData.animationSpeed }}x</span>
-                <div class="w-40">
+                <div class="w-60">
                  <n-slider
                    v-model:value="setData.animationSpeed"
                    :min="0.1"
                    :max="3"
                    :step="0.1"
                    :marks="{
-                      0.1: '极慢',
-                      1: '正常',
-                      3: '极快'
+                      0.1: t('settings.basic.animationSpeed.slow'),
+                      1: t('settings.basic.animationSpeed.normal'),
+                      3: t('settings.basic.animationSpeed.fast')
                    }"
                    :disabled="setData.noAnimate"
                    class="w-40"
@@ -68,49 +126,58 @@

        <!-- 播放设置 -->
        <div id="playback" ref="playbackRef" class="settings-section">
-          <div class="settings-section-title">播放设置</div>
+          <div class="settings-section-title">{{ t('settings.sections.playback') }}</div>
          <div class="settings-section-content">
            <div class="set-item">
              <div>
-                <div class="set-item-title">音质设置</div>
-                <div class="set-item-content">选择音乐播放音质（VIP）</div>
+                <div class="set-item-title">{{ t('settings.playback.quality') }}</div>
+                <div class="set-item-content">{{ t('settings.playback.qualityDesc') }}</div>
              </div>
              <n-select
                v-model:value="setData.musicQuality"
                :options="[
-                  { label: '标准', value: 'standard' },
-                  { label: '较高', value: 'higher' },
-                  { label: '极高', value: 'exhigh' },
-                  { label: '无损', value: 'lossless' },
-                  { label: 'Hi-Res', value: 'hires' },
-                  { label: '高清环绕声', value: 'jyeffect' },
-                  { label: '沉浸环绕声', value: 'sky' },
-                  { label: '杜比全景声', value: 'dolby' },
-                  { label: '超清母带', value: 'jymaster' }
+                  { label: t('settings.playback.qualityOptions.standard'), value: 'standard' },
+                  { label: t('settings.playback.qualityOptions.higher'), value: 'higher' },
+                  { label: t('settings.playback.qualityOptions.exhigh'), value: 'exhigh' },
+                  { label: t('settings.playback.qualityOptions.lossless'), value: 'lossless' },
+                  { label: t('settings.playback.qualityOptions.hires'), value: 'hires' },
+                  { label: t('settings.playback.qualityOptions.jyeffect'), value: 'jyeffect' },
+                  { label: t('settings.playback.qualityOptions.sky'), value: 'sky' },
+                  { label: t('settings.playback.qualityOptions.dolby'), value: 'dolby' },
+                  { label: t('settings.playback.qualityOptions.jymaster'), value: 'jymaster' }
                ]"
                style="width: 160px"
              />
            </div>
+
+            <div class="set-item">
+              <div>
+                <div class="set-item-title">{{ t('settings.playback.autoPlay') }}</div>
+                <div class="set-item-content">{{ t('settings.playback.autoPlayDesc') }}</div>
+              </div>
+              <n-switch v-model:value="setData.autoPlay">
+                <template #checked>{{ t('common.on') }}</template>
+                <template #unchecked>{{ t('common.off') }}</template>
+              </n-switch>
+            </div>
          </div>
        </div>

        <!-- 应用设置 -->
        <div v-if="isElectron" id="application" ref="applicationRef" class="settings-section">
-          <div class="settings-section-title">应用设置</div>
+          <div class="settings-section-title">{{ t('settings.sections.application') }}</div>
          <div class="settings-section-content">
            <div class="set-item">
              <div>
-                <div class="set-item-title">关闭行为</div>
-                <div class="set-item-content">
-                  {{ closeActionLabels[setData.closeAction] || '每次询问' }}
-                </div>
+                <div class="set-item-title">{{ t('settings.application.closeAction') }}</div>
+                <div class="set-item-content">{{ t('settings.application.closeActionDesc') }}</div>
              </div>
              <n-select
                v-model:value="setData.closeAction"
                :options="[
-                  { label: '每次询问', value: 'ask' },
-                  { label: '最小化到托盘', value: 'minimize' },
-                  { label: '直接退出', value: 'close' }
+                  { label: t('settings.application.closeOptions.ask'), value: 'ask' },
+                  { label: t('settings.application.closeOptions.minimize'), value: 'minimize' },
+                  { label: t('settings.application.closeOptions.close'), value: 'close' }
                ]"
                style="width: 160px"
              />
@@ -118,22 +185,44 @@

            <div class="set-item">
              <div>
-                <div class="set-item-title">快捷键设置</div>
-                <div class="set-item-content">自定义全局快捷键</div>
+                <div class="set-item-title">{{ t('settings.application.shortcut') }}</div>
+                <div class="set-item-content">{{ t('settings.application.shortcutDesc') }}</div>
+              </div>
+              <n-button size="small" @click="showShortcutModal = true">{{
+                t('common.configure')
+              }}</n-button>
+            </div>
+
+            <div v-if="isElectron" class="set-item">
+              <div>
+                <div class="set-item-title">{{ t('settings.application.download') }}</div>
+                <div class="set-item-content">
+                  <n-switch v-model:value="setData.alwaysShowDownloadButton" class="mr-2">
+                    <template #checked>{{ t('common.show') }}</template>
+                    <template #unchecked>{{ t('common.hide') }}</template>
+                  </n-switch>
+                  {{ t('settings.application.downloadDesc') }}
+                </div>
+              </div>
+              <div class="flex items-center gap-2">
+                <n-button size="small" @click="store.commit('setShowDownloadDrawer', true)">
+                  {{ t('settings.application.download') }}
+                </n-button>
              </div>
-              <n-button size="small" @click="showShortcutModal = true">配置</n-button>
            </div>

            <div class="set-item">
              <div>
-                <div class="set-item-title">下载目录</div>
+                <div class="set-item-title">{{ t('settings.application.downloadPath') }}</div>
                <div class="set-item-content">
-                  {{ setData.downloadPath || '默认下载目录' }}
+                  {{ setData.downloadPath || t('settings.application.downloadPathDesc') }}
                </div>
              </div>
              <div class="flex items-center gap-2">
-                <n-button size="small" @click="openDownloadPath">打开目录</n-button>
-                <n-button size="small" @click="selectDownloadPath">修改目录</n-button>
+                <n-button size="small" @click="openDownloadPath">{{ t('common.open') }}</n-button>
+                <n-button size="small" @click="selectDownloadPath">{{
+                  t('common.modify')
+                }}</n-button>
              </div>
            </div>
          </div>
@@ -141,42 +230,41 @@

        <!-- 网络设置 -->
        <div v-if="isElectron" id="network" ref="networkRef" class="settings-section">
-          <div class="settings-section-title">网络设置</div>
+          <div class="settings-section-title">{{ t('settings.sections.network') }}</div>
          <div class="settings-section-content">
            <div class="set-item">
              <div>
-                <div class="set-item-title">音乐API端口</div>
-                <div class="set-item-content">修改后需要重启应用</div>
+                <div class="set-item-title">{{ t('settings.network.apiPort') }}</div>
+                <div class="set-item-content">{{ t('settings.network.apiPortDesc') }}</div>
              </div>
              <n-input-number v-model:value="setData.musicApiPort" />
            </div>

            <div class="set-item">
              <div>
-                <div class="set-item-title">代理设置</div>
-                <div class="set-item-content">无法访问音乐时可以开启代理</div>
+                <div class="set-item-title">{{ t('settings.network.proxy') }}</div>
+                <div class="set-item-content">{{ t('settings.network.proxyDesc') }}</div>
              </div>
              <div class="flex items-center gap-2">
                <n-switch v-model:value="setData.proxyConfig.enable">
-                  <template #checked>开启</template>
-                  <template #unchecked>关闭</template>
+                  <template #checked>{{ t('common.on') }}</template>
+                  <template #unchecked>{{ t('common.off') }}</template>
                </n-switch>
-                <n-button size="small" @click="showProxyModal = true">配置</n-button>
+                <n-button size="small" @click="showProxyModal = true">{{
+                  t('common.configure')
+                }}</n-button>
              </div>
            </div>

            <div class="set-item">
              <div>
-                <div class="set-item-title">realIP</div>
-                <div class="set-item-content">
-                  由于限制,此项目在国外使用会受到限制可使用realIP参数,传进国内IP解决,如:116.25.146.177
-                  即可解决
-                </div>
+                <div class="set-item-title">{{ t('settings.network.realIP') }}</div>
+                <div class="set-item-content">{{ t('settings.network.realIPDesc') }}</div>
              </div>
              <div class="flex items-center gap-2">
                <n-switch v-model:value="setData.enableRealIP">
-                  <template #checked>开启</template>
-                  <template #unchecked>关闭</template>
+                  <template #checked>{{ t('common.on') }}</template>
+                  <template #unchecked>{{ t('common.off') }}</template>
                </n-switch>
                <n-input
                  v-if="setData.enableRealIP"
@@ -192,48 +280,52 @@

        <!-- 系统管理 -->
        <div v-if="isElectron" id="system" ref="systemRef" class="settings-section">
-          <div class="settings-section-title">系统管理</div>
+          <div class="settings-section-title">{{ t('settings.sections.system') }}</div>
          <div class="settings-section-content">
            <div class="set-item">
              <div>
-                <div class="set-item-title">缓存管理</div>
-                <div class="set-item-content">清除缓存</div>
+                <div class="set-item-title">{{ t('settings.system.cache') }}</div>
+                <div class="set-item-content">{{ t('settings.system.cacheDesc') }}</div>
              </div>
-              <n-button size="small" @click="showClearCacheModal = true"> 清除缓存 </n-button>
+              <n-button size="small" @click="showClearCacheModal = true">
+                {{ t('settings.system.cacheDesc') }}
+              </n-button>
            </div>

            <div class="set-item">
              <div>
-                <div class="set-item-title">重启</div>
-                <div class="set-item-content">重启应用</div>
+                <div class="set-item-title">{{ t('settings.system.restart') }}</div>
+                <div class="set-item-content">{{ t('settings.system.restartDesc') }}</div>
              </div>
-              <n-button size="small" @click="restartApp">重启</n-button>
+              <n-button size="small" @click="restartApp">{{
+                t('settings.system.restart')
+              }}</n-button>
            </div>
          </div>
        </div>

        <!-- 关于 -->
        <div id="about" ref="aboutRef" class="settings-section">
-          <div class="settings-section-title">关于</div>
+          <div class="settings-section-title">{{ t('settings.regard') }}</div>
          <div class="settings-section-content">
            <div class="set-item">
              <div>
-                <div class="set-item-title">版本</div>
+                <div class="set-item-title">{{ t('settings.about.version') }}</div>
                <div class="set-item-content">
                  {{ updateInfo.currentVersion }}
                  <template v-if="updateInfo.hasUpdate">
-                    <n-tag type="success" class="ml-2"
-                      >发现新版本 {{ updateInfo.latestVersion }}</n-tag
-                    >
+                    <n-tag type="success" class="ml-2">
+                      {{ t('settings.about.hasUpdate') }} {{ updateInfo.latestVersion }}
+                    </n-tag>
                  </template>
                </div>
              </div>
              <div class="flex items-center gap-2">
                <n-button size="small" :loading="checking" @click="checkForUpdates(true)">
-                  {{ checking ? '检查中...' : '检查更新' }}
+                  {{ checking ? t('settings.about.checking') : t('settings.about.checkUpdate') }}
                </n-button>
                <n-button v-if="updateInfo.hasUpdate" size="small" @click="openReleasePage">
-                  前往更新
+                  {{ t('settings.about.gotoUpdate') }}
                </n-button>
              </div>
            </div>
@@ -244,13 +336,13 @@
            >
              <coffee>
                <div>
-                  <div class="set-item-title">作者</div>
-                  <div class="set-item-content">algerkong 点个star🌟呗</div>
+                  <div class="set-item-title">{{ t('settings.about.author') }}</div>
+                  <div class="set-item-content">{{ t('settings.about.authorDesc') }}</div>
                </div>
              </coffee>
              <div>
                <n-button size="small" @click="openAuthor">
-                  <i class="ri-github-line"></i>前往github
+                  <i class="ri-github-line"></i>{{ t('settings.about.gotoGithub') }}
                </n-button>
              </div>
            </div>
@@ -259,18 +351,18 @@

        <!-- 捐赠支持 -->
        <div id="donation" ref="donationRef" class="settings-section">
-          <div class="settings-section-title">捐赠支持</div>
+          <div class="settings-section-title">{{ t('settings.sections.donation') }}</div>
          <div class="settings-section-content">
            <div class="set-item">
              <div>
-                <div class="set-item-title">捐赠支持</div>
-                <div class="set-item-content">感谢您的支持，让我有动力能够持续改进</div>
+                <div class="set-item-title">{{ t('settings.sections.donation') }}</div>
+                <div class="set-item-content">{{ t('donation.message') }}</div>
              </div>
              <n-button text @click="toggleDonationList">
                <template #icon>
                  <i :class="isDonationListVisible ? 'ri-eye-line' : 'ri-eye-off-line'" />
                </template>
-                {{ isDonationListVisible ? '隐藏列表' : '显示列表' }}
+                {{ isDonationListVisible ? t('common.hide') : t('common.show') }}
              </n-button>
            </div>
            <donation-list v-if="isDonationListVisible" />
@@ -287,9 +379,9 @@
    <n-modal
      v-model:show="showProxyModal"
      preset="dialog"
-      title="代理设置"
-      positive-text="确认"
-      negative-text="取消"
+      :title="t('settings.network.proxy')"
+      :positive-text="t('common.confirm')"
+      :negative-text="t('common.cancel')"
      :show-icon="false"
      @positive-click="handleProxyConfirm"
      @negative-click="showProxyModal = false"
@@ -302,7 +394,7 @@
        label-width="80"
        require-mark-placement="right-hanging"
      >
-        <n-form-item label="代理协议" path="protocol">
+        <n-form-item :label="t('settings.network.proxy')" path="protocol">
          <n-select
            v-model:value="proxyForm.protocol"
            :options="[
@@ -312,13 +404,16 @@
            ]"
          />
        </n-form-item>
-        <n-form-item label="代理地址" path="host">
-          <n-input v-model:value="proxyForm.host" placeholder="请输入代理地址" />
+        <n-form-item :label="t('settings.network.proxyHost')" path="host">
+          <n-input
+            v-model:value="proxyForm.host"
+            :placeholder="t('settings.network.proxyHostPlaceholder')"
+          />
        </n-form-item>
-        <n-form-item label="代理端口" path="port">
+        <n-form-item :label="t('settings.network.proxyPort')" path="port">
          <n-input-number
            v-model:value="proxyForm.port"
-            placeholder="请输入代理端口"
+            :placeholder="t('settings.network.proxyPortPlaceholder')"
            :min="1"
            :max="65535"
          />
@@ -329,9 +424,9 @@
    <n-modal
      v-model:show="showClearCacheModal"
      preset="dialog"
-      title="清除缓存"
-      positive-text="确认"
-      negative-text="取消"
+      :title="t('settings.system.cache')"
+      :positive-text="t('common.confirm')"
+      :negative-text="t('common.cancel')"
      @positive-click="clearCache"
      @negative-click="
        () => {
@@ -340,7 +435,7 @@
      "
    >
      <n-space vertical>
-        <p>请选择要清除的缓存类型：</p>
+        <p>{{ t('settings.system.cacheClearTitle') }}</p>
        <n-checkbox-group v-model:value="selectedCacheTypes">
          <n-space vertical>
            <n-checkbox
@@ -351,8 +446,10 @@
            >
              <template #default>
                <div>
-                  <div>{{ option.label }}</div>
-                  <div class="text-gray-400 text-sm">{{ option.description }}</div>
+                  <div>{{ t(`settings.system.cacheTypes.${option.key}.label`) }}</div>
+                  <div class="text-gray-400 text-sm">
+                    {{ t(`settings.system.cacheTypes.${option.key}.description`) }}
+                  </div>
                </div>
              </template>
            </n-checkbox>
@@ -366,13 +463,15 @@
 <script setup lang="ts">
 import type { FormRules } from 'naive-ui';
 import { useMessage } from 'naive-ui';
-import { computed, nextTick, onMounted, ref, watch } from 'vue';
+import { computed, h, nextTick, onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';

 import localData from '@/../main/set.json';
 import Coffee from '@/components/Coffee.vue';
 import DonationList from '@/components/common/DonationList.vue';
 import PlayBottom from '@/components/common/PlayBottom.vue';
+import LanguageSwitcher from '@/components/LanguageSwitcher.vue';
 import ShortcutSettings from '@/components/settings/ShortcutSettings.vue';
 import { isElectron } from '@/utils';
 import { openDirectory, selectDirectory } from '@/utils/fileOperation';
@@ -389,11 +488,7 @@ const updateInfo = ref<UpdateResult>({
  releaseInfo: null
 });

-const closeActionLabels = {
-  ask: '每次询问',
-  minimize: '最小化到托盘',
-  close: '直接退出'
-} as const;
+const { t } = useI18n();

 const setData = computed(() => {
  const data = store.state.setData;
@@ -441,15 +536,15 @@ const checkForUpdates = async (isClick = false) => {
    if (result) {
      updateInfo.value = result;
      if (!result.hasUpdate && isClick) {
-        message.success('当前已是最新版本');
+        message.success(t('settings.about.latest'));
      }
    } else if (isClick) {
-      message.success('当前已是最新版本');
+      message.success(t('settings.about.latest'));
    }
  } catch (error) {
    console.error('检查更新失败:', error);
    if (isClick) {
-      message.error('检查更新失败，请稍后重试');
+      message.error(t('settings.about.messages.checkError'));
    }
  } finally {
    checking.value = false;
@@ -485,12 +580,12 @@ const proxyForm = ref({
 const proxyRules: FormRules = {
  protocol: {
    required: true,
-    message: '请选择代理协议',
+    message: t('settings.validation.selectProxyProtocol'),
    trigger: ['blur', 'change']
  },
  host: {
    required: true,
-    message: '请输入代理地址',
+    message: t('settings.validation.proxyHost'),
    trigger: ['blur', 'change'],
    validator: (_rule, value) => {
      if (!value) return false;
@@ -502,7 +597,7 @@ const proxyRules: FormRules = {
  },
  port: {
    required: true,
-    message: '请输入有效的端口号(1-65535)',
+    message: t('settings.validation.portNumber'),
    trigger: ['blur', 'change'],
    validator: (_rule, value) => {
      return value >= 1 && value <= 65535;
@@ -510,8 +605,55 @@ const proxyRules: FormRules = {
  }
 };

-// 初始化时从store获取代理配置
-onMounted(() => {
+// 使用 store 中的字体列表
+const systemFonts = computed(() => store.state.systemFonts);
+
+// 已选择的字体列表
+const selectedFonts = ref<string[]>([]);
+
+// 自定义渲染函数
+const renderFontLabel = (option: { label: string; value: string }) => {
+  return h('span', { style: { fontFamily: option.value } }, option.label);
+};
+
+// 监听字体选择变化
+watch(
+  selectedFonts,
+  (newFonts) => {
+    // 如果没有选择任何字体，使用系统默认字体
+    if (newFonts.length === 0) {
+      store.commit('setSetData', {
+        ...setData.value,
+        fontFamily: 'system-ui'
+      });
+      return;
+    }
+    // 将选择的字体组合成字体列表
+    store.commit('setSetData', {
+      ...setData.value,
+      fontFamily: newFonts.join(',')
+    });
+  },
+  { deep: true }
+);
+
+// 初始化已选择的字体
+watch(
+  () => setData.value.fontFamily,
+  (newFont) => {
+    if (newFont) {
+      if (newFont === 'system-ui') {
+        selectedFonts.value = [];
+      } else {
+        selectedFonts.value = newFont.split(',');
+      }
+    }
+  },
+  { immediate: true }
+);
+
+// 初始化时从store获取配置
+onMounted(async () => {
  checkForUpdates();
  if (setData.value.proxyConfig) {
    proxyForm.value = { ...setData.value.proxyConfig };
@@ -554,9 +696,9 @@ const handleProxyConfirm = async () => {
      }
    });
    showProxyModal.value = false;
-    message.success('代理设置已保存，重启应用后生效');
+    message.success(t('settings.network.messages.proxySuccess'));
  } catch (err) {
-    message.error('请检查输入是否正确');
+    message.error(t('settings.network.messages.proxyError'));
  }
 };

@@ -569,10 +711,10 @@ const validateAndSaveRealIP = () => {
      enableRealIP: true
    });
    if (setData.value.realIP) {
-      message.success('真实IP设置已保存');
+      message.success(t('settings.network.messages.realIPSuccess'));
    }
  } else {
-    message.error('请输入有效的IP地址');
+    message.error(t('settings.network.messages.realIPError'));
    store.commit('setSetData', {
      ...setData.value,
      realIP: ''
@@ -604,13 +746,41 @@ const toggleDonationList = () => {
 // 清除缓存相关
 const showClearCacheModal = ref(false);
 const clearCacheOptions = ref([
-  { label: '播放历史', key: 'history', description: '清除播放过的歌曲记录' },
-  { label: '收藏记录', key: 'favorite', description: '清除本地收藏的歌曲记录(不会影响云端收藏)' },
-  { label: '用户数据', key: 'user', description: '清除登录信息和用户相关数据' },
-  { label: '应用设置', key: 'settings', description: '清除应用的所有自定义设置' },
-  { label: '下载记录', key: 'downloads', description: '清除下载历史记录(不会删除已下载的文件)' },
-  { label: '音乐资源', key: 'resources', description: '清除已加载的音乐文件、歌词等资源缓存' },
-  { label: '歌词资源', key: 'lyrics', description: '清除已加载的歌词资源缓存' }
+  {
+    label: t('settings.system.cacheTypes.history.label'),
+    key: 'history',
+    description: t('settings.system.cacheTypes.history.description')
+  },
+  {
+    label: t('settings.system.cacheTypes.favorite.label'),
+    key: 'favorite',
+    description: t('settings.system.cacheTypes.favorite.description')
+  },
+  {
+    label: t('settings.system.cacheTypes.user.label'),
+    key: 'user',
+    description: t('settings.system.cacheTypes.user.description')
+  },
+  {
+    label: t('settings.system.cacheTypes.settings.label'),
+    key: 'settings',
+    description: t('settings.system.cacheTypes.settings.description')
+  },
+  {
+    label: t('settings.system.cacheTypes.downloads.label'),
+    key: 'downloads',
+    description: t('settings.system.cacheTypes.downloads.description')
+  },
+  {
+    label: t('settings.system.cacheTypes.resources.label'),
+    key: 'resources',
+    description: t('settings.system.cacheTypes.resources.description')
+  },
+  {
+    label: t('settings.system.cacheTypes.lyrics.label'),
+    key: 'lyrics',
+    description: t('settings.system.cacheTypes.lyrics.description')
+  }
 ]);

 const selectedCacheTypes = ref<string[]>([]);
@@ -625,8 +795,6 @@ const clearCache = async () => {
        localStorage.removeItem('favoriteList');
        break;
      case 'user':
-        localStorage.removeItem('user');
-        localStorage.removeItem('token');
        store.commit('logout');
        break;
      case 'settings':
@@ -676,7 +844,7 @@ const clearCache = async () => {
  });

  await Promise.all(clearTasks);
-  message.success('清除成功，部分设置在重启后生效');
+  message.success(t('settings.system.messages.clearSuccess'));
  showClearCacheModal.value = false;
  selectedCacheTypes.value = [];
 };
@@ -689,13 +857,13 @@ const handleShortcutsChange = (shortcuts: any) => {

 // 定义设置分类
 const settingSections = [
-  { id: 'basic', title: '基础设置' },
-  { id: 'playback', title: '播放设置' },
-  { id: 'application', title: '应用设置', electron: true },
-  { id: 'network', title: '网络设置', electron: true },
-  { id: 'system', title: '系统管理', electron: true },
-  { id: 'about', title: '关于' },
-  { id: 'donation', title: '捐赠支持' }
+  { id: 'basic', title: t('settings.sections.basic') },
+  { id: 'playback', title: t('settings.sections.playback') },
+  { id: 'application', title: t('settings.sections.application'), electron: true },
+  { id: 'network', title: t('settings.sections.network'), electron: true },
+  { id: 'system', title: t('settings.sections.system'), electron: true },
+  { id: 'regard', title: t('settings.sections.regard') },
+  { id: 'donation', title: t('settings.sections.donation') }
 ];

 // 当前激活的分类
@@ -734,8 +902,9 @@ const scrollToSection = async (sectionId: string) => {
 };

 // 处理滚动，更新当前激活的分类
-const handleScroll = () => {
-  const scrollTop = scrollbarRef.value?.containerRef.scrollTop;
+const handleScroll = (e: any) => {
+  const { scrollTop } = e.target;
+
  const sections = [
    { id: 'basic', ref: basicRef },
    { id: 'playback', ref: playbackRef },
@@ -746,18 +915,30 @@ const handleScroll = () => {
    { id: 'donation', ref: donationRef }
  ];

+  const activeSection = sections[0].id;
+  let lastValidSection = activeSection;
+
  for (const section of sections) {
    if (section.ref?.value) {
      const { offsetTop } = section.ref.value;
-      const offsetBottom = offsetTop + section.ref.value.offsetHeight;
-
-      if (scrollTop >= offsetTop - 100 && scrollTop < offsetBottom) {
-        currentSection.value = section.id;
-        break;
+      if (scrollTop >= offsetTop - 100) {
+        lastValidSection = section.id;
      }
    }
  }
+
+  if (lastValidSection !== currentSection.value) {
+    currentSection.value = lastValidSection;
+  }
 };
+
+// 初始化时设置当前激活的分类
+onMounted(() => {
+  // 延迟一帧等待 DOM 完全渲染
+  nextTick(() => {
+    handleScroll({ target: { scrollTop: 0 } });
+  });
+});
 </script>

 <style lang="scss" scoped>
@@ -830,4 +1011,38 @@ const handleScroll = () => {
    @apply text-green-500 bg-green-50 dark:bg-green-900;
  }
 }
+
+.font-preview-container {
+  @apply mt-4 p-4 rounded-lg;
+  @apply bg-gray-50 dark:bg-dark-100;
+  @apply border border-gray-200 dark:border-gray-700;
+
+  .font-preview-title {
+    @apply text-sm font-medium mb-3;
+    @apply text-gray-600 dark:text-gray-300;
+  }
+
+  .font-preview {
+    @apply space-y-3;
+
+    .preview-item {
+      @apply flex flex-col gap-1;
+
+      .preview-label {
+        @apply text-xs text-gray-500 dark:text-gray-400;
+      }
+
+      .preview-text {
+        @apply text-base text-gray-900 dark:text-gray-100;
+        @apply p-2 rounded;
+        @apply bg-white dark:bg-dark;
+        @apply border border-gray-200 dark:border-gray-700;
+      }
+    }
+  }
+}
+
+:deep(.n-select) {
+  width: 200px;
+}
 </style>
--- a/src/renderer/views/user/index.vue
+++ b/src/renderer/views/user/index.vue
@@ -13,22 +13,22 @@
          <div class="user-info-list">
            <div class="user-info-item">
              <div class="label">{{ userDetail.profile.followeds }}</div>
-              <div>粉丝</div>
+              <div>{{ t('user.profile.followers') }}</div>
            </div>
            <div class="user-info-item">
              <div class="label">{{ userDetail.profile.follows }}</div>
-              <div>关注</div>
+              <div>{{ t('user.profile.following') }}</div>
            </div>
            <div class="user-info-item">
              <div class="label">{{ userDetail.level }}</div>
-              <div>等级</div>
+              <div>{{ t('user.profile.level') }}</div>
            </div>
          </div>
        </div>
        <div class="uesr-signature">{{ userDetail.profile.signature }}</div>

        <div class="play-list" :class="setAnimationClass('animate__fadeInLeft')">
-          <div class="title">创建的歌单</div>
+          <div class="title">{{ t('user.playlist.created') }}</div>
          <n-scrollbar>
            <div
              v-for="(item, index) in playList"
@@ -45,7 +45,9 @@
              <div class="play-list-item-info">
                <div class="play-list-item-name">{{ item.name }}</div>
                <div class="play-list-item-count">
-                  {{ item.trackCount }}首，播放{{ item.playCount }}次
+                  {{ t('user.playlist.trackCount', { count: item.trackCount }) }}，{{
+                    t('user.playlist.playCount', { count: item.playCount })
+                  }}
                </div>
              </div>
            </div>
@@ -61,7 +63,7 @@
      class="right"
      :class="setAnimationClass('animate__fadeInRight')"
    >
-      <div class="title">听歌排行</div>
+      <div class="title">{{ t('user.ranking.title') }}</div>
      <div class="record-list">
        <n-scrollbar>
          <div
@@ -72,7 +74,9 @@
            :style="setAnimationDelay(index, 25)"
          >
            <song-item class="song-item" :item="item" @play="handlePlay" />
-            <div class="play-count">{{ item.playCount }}次</div>
+            <div class="play-count">
+              {{ t('user.ranking.playCount', { count: item.playCount }) }}
+            </div>
          </div>
          <play-bottom />
        </n-scrollbar>
@@ -84,16 +88,21 @@
      :song-list="list?.tracks || []"
      :list-info="list"
      :loading="listLoading"
+      :can-remove="true"
+      @remove-song="handleRemoveFromPlaylist"
    />
  </div>
 </template>

 <script lang="ts" setup>
+import { useMessage } from 'naive-ui';
 import { computed, onBeforeUnmount, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';

 import { getListDetail } from '@/api/list';
+import { updatePlaylistTracks } from '@/api/music';
 import { getUserDetail, getUserPlaylist, getUserRecord } from '@/api/user';
 import PlayBottom from '@/components/common/PlayBottom.vue';
 import SongItem from '@/components/common/SongItem.vue';
@@ -106,6 +115,7 @@ defineOptions({
  name: 'User'
 });

+const { t } = useI18n();
 const store = useStore();
 const router = useRouter();
 const userDetail = ref<IUserDetail>();
@@ -116,6 +126,7 @@ const mounted = ref(true);
 const isShowList = ref(false);
 const list = ref<Playlist>();
 const listLoading = ref(false);
+const message = useMessage();

 const user = computed(() => store.state.user);

@@ -147,6 +158,10 @@ const loadPage = async () => {
  // 检查登录状态
  if (!checkLoginStatus()) return;

+  await loadData();
+};
+
+const loadData = async () => {
  try {
    infoLoading.value = true;

@@ -183,8 +198,10 @@ const loadPage = async () => {
 watch(
  () => router.currentRoute.value.path,
  (newPath) => {
+    console.log('newPath', newPath);
    if (newPath === '/user') {
      checkLoginStatus();
+      loadData();
    }
  }
 );
@@ -215,11 +232,41 @@ const showPlaylist = async (id: number, name: string) => {
  listLoading.value = true;

  list.value = {
-    name
+    name,
+    id
  } as Playlist;
+  await loadPlaylistDetail(id);
+  listLoading.value = false;
+};
+
+// 加载歌单详情
+const loadPlaylistDetail = async (id: number) => {
  const { data } = await getListDetail(id);
  list.value = data.playlist;
-  listLoading.value = false;
+};
+
+// 从歌单中删除歌曲
+const handleRemoveFromPlaylist = async (songId: number) => {
+  if (!list.value?.id) return;
+
+  try {
+    const res = await updatePlaylistTracks({
+      op: 'del',
+      pid: list.value.id,
+      tracks: songId.toString()
+    });
+
+    if (res.status === 200) {
+      message.success(t('user.message.deleteSuccess'));
+      // 重新加载歌单详情
+      await loadPlaylistDetail(list.value.id);
+    } else {
+      throw new Error(res.data?.msg || t('user.message.deleteFailed'));
+    }
+  } catch (error: any) {
+    console.error('删除歌曲失败:', error);
+    message.error(error.message || t('user.message.deleteFailed'));
+  }
 };

 const handlePlay = () => {
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@@ -1,6 +1,6 @@
 {
  "extends": "@electron-toolkit/tsconfig/tsconfig.node.json",
-  "include": ["electron.vite.config.*", "src/main/**/*", "src/preload/**/*"],
+  "include": ["electron.vite.config.*", "src/main/**/*", "src/preload/**/*", "src/i18n/**/*"],
  "compilerOptions": {
    "composite": true,
    "types": ["electron-vite/node"]
--- a/tsconfig.web.json
+++ b/tsconfig.web.json
@@ -3,7 +3,10 @@
  "include": [
    "src/preload/*.d.ts",
    "src/renderer/**/*",
-    "src/renderer/**/*.vue"
+    "src/renderer/**/*.vue",
+    "src/i18n/**/*",
+    "src/main/modules/config.ts",
+    "src/main/modules/shortcuts.ts"
  ],
  "compilerOptions": {
    "composite": true,
@@ -24,7 +27,8 @@
    ],
    "paths": {
      "@/*": ["src/renderer/*"],
-      "@renderer/*": ["src/renderer/*"]
+      "@renderer/*": ["src/renderer/*"],
+      "@main/*": ["src/main/*"]
    }
  }
 }
Author	SHA1	Message	Date
alger	ccc59ea893	🔧 fix: 优化音频服务和EQ设置的跨平台兼容性	2025-03-08 21:27:05 +08:00
alger	0b409f38d6	🚀 release: v4.0.0	2025-03-08 20:58:53 +08:00
alger	f9878ed88a	✨ feat: 优化歌词窗口交互和同步机制 - 增强歌词窗口数据同步逻辑，支持实时更新和状态管理 - 添加歌词窗口关闭事件监听和状态处理 - 优化无歌词时的默认提示和窗口行为 - 实现歌词窗口定时同步机制，提升用户体验 - 修复歌词窗口打开和关闭时的状态控制 - 国际化支持无歌曲播放时的提示文案	2025-03-08 19:00:50 +08:00
alger	e43e85480d	✨ feat: 增强音频播放状态管理和进度恢复功能 - 实现全局进度动画管理，优化歌词进度更新机制 - 新增音频播放进度本地存储和恢复功能 - 优化音频服务初始化和播放状态控制 - 改进音频上下文和 Howler 初始化逻辑 - 增加播放状态和进度的本地持久化支持	2025-03-08 18:31:46 +08:00
Alger	b97170d1b2	Update README.md	2025-03-08 17:07:32 +08:00
Alger	b9aa1d574a	Merge pull request #75 from algerkong/feat/music-eq ✨ feat: 添加EQ音效调节功能实时调节以及多个预设提供	2025-03-07 22:50:07 +08:00
alger	dd7b06d7e5	✨ feat: 添加EQ音效调节功能实时调节以及多个预设提供	2025-03-07 01:14:35 +08:00
alger	ddafcfba10	🔧 chore: 移除网站访问统计脚本和无用的统计显示元素	2025-03-05 23:03:05 +08:00
Alger	da5b8c408a	Merge pull request #72 from algerkong/fix/random-music fix: 修复随机播放模式手动下一首不是随机的问题	2025-03-04 19:32:29 +08:00
alger	fb35d42fc4	fix: 修复随机播放模式手动下一首不是随机的问题	2025-03-04 19:29:46 +08:00
Alger	dfd5d4c8b7	Merge pull request #71 from algerkong/fix/music-list-play Fix/music list play	2025-03-02 22:49:00 +08:00
alger	e5309cedee	✨ feat: 音乐列表加载优化 - 重构音乐列表加载逻辑，提升数据加载性能和用户体验 - 新增歌曲总数显示，优化滚动加载和状态管理 - 改进歌曲数据格式化和异步加载处理	2025-03-02 08:27:07 +08:00
alger	d335f57a1a	✨ feat: 优化音乐列表加载策略，提升异步加载稳定性和错误处理	2025-03-01 10:57:06 +08:00
alger	c703d9c197	✨ feat: 优化音乐列表加载和播放逻辑，增强性能和用户体验	2025-02-28 19:52:00 +08:00
alger	87a0ceb5b0	✨ feat: 优化WEB下载应用程序代理	2025-02-28 19:50:53 +08:00
alger	891d70f3ed	✨ feat: 优化语言设置和国际化处理	2025-02-19 01:31:19 +08:00
alger	37b5908ddc	🌈 style: v3.9.3	2025-02-19 01:02:12 +08:00
alger	ead017e4b1	✨ feat: 国际化 (i18n) 功能实现	2025-02-19 01:01:43 +08:00
alger	da2a32e420	Merge branch 'dev_electron' into dev_i18n	2025-02-13 10:39:25 +08:00
Alger	5fc6edba20	Update README.md	2025-02-12 11:56:35 +08:00
alger	1ef47b8f1d	✨ feat: 增加动态代理节点获取和缓存机制	2025-02-12 11:44:18 +08:00
alger	cdaab19afa	✨ feat: 修改捐赠列表 API	2025-02-12 10:12:20 +08:00
alger	6a0b03cfe1	✨ feat: 优化更新检查逻辑，增加多个代理源支持	2025-02-12 10:11:50 +08:00
alger	d449930a02	🌈 style: v3.9.2	2025-01-26 00:31:18 +08:00
Alger	820509dbea	Merge pull request #50 from algerkong/feat/download ✨ feat: 弱化下载功能默认隐藏下载列表按钮在设置中配置打开	2025-01-26 00:22:58 +08:00
alger	1493ab7317	✨ feat: 弱化下载功能默认隐藏下载列表按钮在设置中配置打开	2025-01-26 00:20:08 +08:00
alger	c6ca63ee11	🐞 fix: 修复一些下载和登录问题 fix: #49	2025-01-25 23:53:20 +08:00
alger	4fa1295b84	🐞 fix: 修复登录状态问题修复播放退出登录的问题	2025-01-25 21:49:22 +08:00
alger	174428b386	✨ feat: 国际化功能基础实现	2025-01-23 11:02:55 +08:00
alger	599b0251af	🌈 style: v3.9.0	2025-01-22 23:43:17 +08:00
alger	25c2180247	✨ feat: 添加右键添加到歌单可以创建歌单可以在我的歌单中右键取消收藏	2025-01-22 23:37:50 +08:00
alger	a6ff0e7f5c	✨ feat: 歌曲右键添加下一首播放功能	2025-01-22 22:22:32 +08:00
alger	2e06711600	✨ feat: 添加自动播放和自动保存正在播放列表功能	2025-01-22 22:16:52 +08:00
Alger	80770d6c75	Update README.md	2025-01-20 09:53:24 +08:00
Alger	1e068df2ad	Update README.md	2025-01-20 09:46:26 +08:00
alger	4172ff9fc6	🐞 fix: 修复我的搜藏查看更多跳转空白页的问题	2025-01-19 18:46:36 +08:00
alger	83a7df9fe8	Merge branch 'feat/new-update' into dev_electron	2025-01-19 15:06:16 +08:00
alger	ba95dc11fe	✨ feat: 优化歌词下一首的滚动	2025-01-19 13:35:10 +08:00
alger	93829acdab	✨ feat: 升级依赖包升级 electron 版本	2025-01-19 13:34:31 +08:00
alger	1f0f35dd51	🌈 style: v3.8.0	2025-01-18 03:26:14 +08:00
alger	be94d6ff8e	✨ feat: 添加歌词界面样式配置功能	2025-01-18 03:25:21 +08:00
alger	1bdb8fcb4a	✨ feat: 添加字体配置功能可配置歌词页面或全局字体	2025-01-17 22:45:59 +08:00
alger	914e043502	✨ feat: 去除歌曲缓存优化播放下一首	2025-01-17 22:35:42 +08:00
alger	dfa175b8b2	✨ feat: 应用单例模式	2025-01-17 22:35:33 +08:00
alger	a94e0efba5	✨ feat: 优化播放	2025-01-17 22:34:49 +08:00
alger	fb0831f2eb	✨ feat: 应用更新在内部更新自动打开安装包	2025-01-17 00:02:57 +08:00