Merge pull request #395 from jxxghp/cursor/add-default-all-filter-for-subscription-styles-ad8f

feat: Add "All" option to genre filter
Co-authored-by: jxxghp <jxxghp@qq.com>
2026-05-09 06:02:40 +08:00 · 2025-09-16 13:38:33 +08:00 · 2025-09-16 05:37:47 +00:00 · 2025-09-16 13:14:17 +08:00 · 2025-09-16 12:26:44 +08:00 · 2025-09-16 04:25:38 +00:00
120 changed files with 7202 additions and 2066 deletions
--- a/components.d.ts
+++ b/components.d.ts
@@ -10,7 +10,6 @@ declare module 'vue' {
  export interface GlobalComponents {
    ConfirmDialog: typeof import('./src/@core/components/ConfirmDialog.vue')['default']
    DialogCloseBtn: typeof import('./src/@core/components/DialogCloseBtn.vue')['default']
-    DialogWrapper: typeof import('./src/@core/components/DialogWrapper.vue')['default']
    ErrorHeader: typeof import('./src/@core/components/ErrorHeader.vue')['default']
    ExistIcon: typeof import('./src/@core/components/ExistIcon.vue')['default']
    LoadingBanner: typeof import('./src/@core/components/LoadingBanner.vue')['default']
--- a/index.html
+++ b/index.html
@@ -1,430 +1,370 @@
 <!DOCTYPE html>
-<html
-  lang="zh-CN"
-  style="
+<html lang="zh-CN" style="
    overflow: hidden auto;
-    min-block-size: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));
+    min-block-size: 100vh;
+    min-block-size: 100dvh;
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-top: env(safe-area-inset-top);
    background: var(--initial-loader-bg, #fff);
-  "
->
-  <head>
-    <title>MoviePilot</title>
-    <meta charset="UTF-8" />
-    <!-- 核心viewport设置 - 针对PWA优化 -->
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover, shrink-to-fit=no"
-    />
+  ">

-    <!-- 防止缩放和选择，提供原生应用体验 -->
-    <meta name="format-detection" content="telephone=no, date=no, email=no, address=no" />
+<head>
+  <title>MoviePilot</title>
+  <meta charset="UTF-8" />
+  <!-- 核心viewport设置 - 针对PWA优化 -->
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover, shrink-to-fit=no, interactive-widget=resizes-content" />

-    <!-- 基础信息 -->
-    <meta name="description" content="MoviePilot - 智能影视媒体库管理工具" />
-    <meta name="author" content="MoviePilot" />
-    <meta name="keywords" content="MoviePilot,影视,媒体库,管理" />
+  <!-- 防止缩放和选择，提供原生应用体验 -->
+  <meta name="format-detection" content="telephone=no, date=no, email=no, address=no" />

-    <!-- 安全和隐私 -->
-    <meta name="Robots" content="noindex,nofollow,noarchive" />
-    <meta name="referrer" content="no-referrer" />
+  <!-- 基础信息 -->
+  <meta name="description" content="MoviePilot - 智能影视媒体库管理工具" />
+  <meta name="author" content="MoviePilot" />
+  <meta name="keywords" content="MoviePilot,影视,媒体库,管理" />

-    <!-- PWA - 基础图标 -->
-    <link rel="icon" type="image/png" href="/favicon.ico" />
-    <link rel="icon" type="image/png" href="/logo.png" sizes="any" />
-    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+  <!-- 安全和隐私 -->
+  <meta name="Robots" content="noindex,nofollow,noarchive" />
+  <meta name="referrer" content="no-referrer" />

-    <!-- iOS Safari PWA 优化 -->
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
-    <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png" />
-    <link rel="apple-touch-startup-image" href="/splash/apple-splash.png" />
+  <!-- PWA - 基础图标 -->
+  <link rel="icon" type="image/png" href="/favicon.ico" />
+  <link rel="icon" type="image/png" href="/logo.png" sizes="any" />
+  <link rel="icon" type="image/svg+xml" href="/logo.svg" />

-    <!-- iOS Safari 全屏模式 -->
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-    <meta name="apple-mobile-web-app-title" content="MoviePilot" />
+  <!-- iOS Safari PWA 优化 -->
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+  <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png" />
+  <link rel="apple-touch-startup-image" href="/splash/apple-splash.png" />

-    <!-- iOS Safari 防止自动识别 -->
-    <meta name="apple-mobile-web-app-orientations" content="portrait" />
+  <!-- iOS Safari 全屏模式 -->
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+  <meta name="apple-mobile-web-app-title" content="MoviePilot" />

-    <!-- Android Chrome PWA 优化 -->
-    <meta name="mobile-web-app-capable" content="yes" />
-    <meta name="mobile-web-app-status-bar-style" content="black-translucent" />
-    <meta name="mobile-web-app-title" content="MoviePilot" />
+  <!-- iOS Safari 防止自动识别 -->
+  <meta name="apple-mobile-web-app-orientations" content="portrait" />

-    <!-- Microsoft Windows PWA -->
-    <meta name="msapplication-TileColor" content="#0E1116" />
-    <meta name="msapplication-TileImage" content="/android-chrome-192x192.png" />
-    <meta name="msapplication-config" content="none" />
-    <meta name="msapplication-tap-highlight" content="no" />
-    <meta name="msapplication-navbutton-color" content="#0E1116" />
+  <!-- Android Chrome PWA 优化 -->
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta name="mobile-web-app-status-bar-style" content="black-translucent" />
+  <meta name="mobile-web-app-title" content="MoviePilot" />

-    <!-- 主题色彩 - 适配深色和浅色模式 -->
-    <meta name="theme-color" content="#0E1116" media="(prefers-color-scheme: dark)" />
-    <meta name="theme-color" content="#F4F5FA" media="(prefers-color-scheme: light)" />
-    <meta name="color-scheme" content="dark light" />
+  <!-- Microsoft Windows PWA -->
+  <meta name="msapplication-TileColor" content="#0E1116" />
+  <meta name="msapplication-TileImage" content="/android-chrome-192x192.png" />
+  <meta name="msapplication-config" content="none" />
+  <meta name="msapplication-tap-highlight" content="no" />
+  <meta name="msapplication-navbutton-color" content="#0E1116" />

-    <!-- 屏幕方向锁定 -->
-    <meta name="screen-orientation" content="portrait" />
-    <meta name="x5-orientation" content="portrait" />
-    <meta name="x5-fullscreen" content="true" />
-    <meta name="x5-page-mode" content="app" />
+  <!-- 主题色彩 - 适配深色和浅色模式 -->
+  <meta name="theme-color" content="#0E1116" media="(prefers-color-scheme: dark)" />
+  <meta name="theme-color" content="#F4F5FA" media="(prefers-color-scheme: light)" />
+  <meta name="color-scheme" content="dark light" />

-    <!-- UC浏览器优化 -->
-    <meta name="browsermode" content="application" />
-    <meta name="wap-font-scale" content="no" />
+  <!-- 屏幕方向锁定 -->
+  <meta name="screen-orientation" content="portrait" />
+  <meta name="x5-orientation" content="portrait" />
+  <meta name="x5-fullscreen" content="true" />
+  <meta name="x5-page-mode" content="app" />

-    <!-- 360浏览器优化 -->
-    <meta name="renderer" content="webkit" />
+  <!-- UC浏览器优化 -->
+  <meta name="browsermode" content="application" />
+  <meta name="wap-font-scale" content="no" />

-    <!-- 触摸优化 -->
-    <meta name="HandheldFriendly" content="True" />
-    <meta name="MobileOptimized" content="320" />
+  <!-- 360浏览器优化 -->
+  <meta name="renderer" content="webkit" />

-    <!-- 缓存控制 -->
-    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
-    <meta http-equiv="Pragma" content="no-cache" />
-    <meta http-equiv="Expires" content="0" />
+  <!-- 触摸优化 -->
+  <meta name="HandheldFriendly" content="True" />
+  <meta name="MobileOptimized" content="320" />

-    <!-- DNS预解析和预连接 -->
-    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
-    <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
-    <link rel="dns-prefetch" href="//image.tmdb.org" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
-    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
+  <!-- 缓存控制 -->
+  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+  <meta http-equiv="Pragma" content="no-cache" />
+  <meta http-equiv="Expires" content="0" />

-    <!-- 预加载关键资源 -->
-    <link rel="preload" href="/logo.png" as="image" />
-    <link rel="modulepreload" href="/src/main.ts" />
+  <!-- DNS预解析和预连接 -->
+  <link rel="dns-prefetch" href="//fonts.googleapis.com" />
+  <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
+  <link rel="dns-prefetch" href="//image.tmdb.org" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
+  <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />

-    <!-- 内联关键CSS -->
-    <style>
-      /* 关键路径CSS - 从loader.css内联 */
-      #loading-bg {
-        position: fixed;
-        z-index: 99999;
-        display: block;
-        background: var(--initial-loader-bg, #fff);
-        block-size: 100vh;
-        inline-size: 100vw;
-        transition: opacity 0.8s ease, transform 0.8s ease, filter 0.8s ease;
+  <!-- 预加载关键资源 -->
+  <link rel="preload" href="/logo.png" as="image" />
+  <link rel="modulepreload" href="/src/main.ts" />
+
+  <style>
+    #app {
+      block-size: 100%;
+      overflow: auto;
+      -webkit-overflow-scrolling: touch;
+      overscroll-behavior: contain;
+    }
+
+    #loading-bg {
+      position: fixed;
+      z-index: 99999;
+      display: block;
+      background: var(--initial-loader-bg, #fff);
+      block-size: 100vh;
+      inline-size: 100vw;
+      transition: opacity 0.8s ease, transform 0.8s ease, filter 0.8s ease;
+    }
+
+    .loading-logo {
+      position: absolute;
+      inset-block-start: 35%;
+      inset-inline-start: calc(50% - 5rem);
+      transition: opacity 0.8s ease, transform 0.8s ease, filter 0.8s ease;
+    }
+
+    .loading-complete .loading-logo {
+      filter: blur(10px);
+      opacity: 0;
+      transform: scale(1.5);
+    }
+
+    .loading-complete {
+      filter: blur(15px);
+      opacity: 0;
+      transform: scale(1.2);
+    }
+
+    .loading {
+      position: absolute;
+      box-sizing: border-box;
+      border: 3px solid transparent;
+      border-radius: 50%;
+      block-size: 55px;
+      inline-size: 55px;
+      inset-block-start: 80%;
+      inset-inline-start: calc(50% - 27.5px);
+      transition: opacity 0.6s ease;
+    }
+
+    .loading-complete .loading {
+      opacity: 0;
+    }
+
+    .loading .effect-1,
+    .loading .effect-2,
+    .loading .effect-3 {
+      position: absolute;
+      box-sizing: border-box;
+      border: 3px solid transparent;
+      border-radius: 50%;
+      block-size: 100%;
+      border-inline-start: 3px solid var(--initial-loader-color, #eee);
+      inline-size: 100%;
+    }
+
+    .loading .effect-1 {
+      animation: rotate 1s ease infinite;
+    }
+
+    .loading .effect-2 {
+      animation: rotate-opacity 1s ease infinite 0.1s;
+    }
+
+    .loading .effect-3 {
+      animation: rotate-opacity 1s ease infinite 0.2s;
+    }
+
+    .loading .effects {
+      transition: all 0.3s ease;
+    }
+
+    @keyframes rotate {
+      0% {
+        transform: rotate(0deg);
      }

-      .loading-logo {
-        position: absolute;
-        inset-block-start: 35%;
-        inset-inline-start: calc(50% - 5rem);
-        transition: opacity 0.8s ease, transform 0.8s ease, filter 0.8s ease;
+      100% {
+        transform: rotate(1turn);
+      }
+    }
+
+    @keyframes rotate-opacity {
+      0% {
+        opacity: 0.1;
+        transform: rotate(0deg);
      }

-      /* 添加logo完成动画 - 放大虚化效果 */
-      .loading-complete .loading-logo {
-        filter: blur(10px);
-        opacity: 0;
-        transform: scale(1.5);
+      100% {
+        opacity: 1;
+        transform: rotate(1turn);
      }
+    }
+  </style>

-      /* 添加加载背景消失动画 - 放大虚化效果 */
-      .loading-complete {
-        filter: blur(15px);
-        opacity: 0;
-        transform: scale(1.2);
+  <script>
+    // 检测系统主题是否为深色模式
+    function checkPrefersColorSchemeIsDark() {
+      try {
+        return window.matchMedia('(prefers-color-scheme: dark)').matches
+      } catch (e) {
+        return false
      }
+    }

-      .loading {
-        position: absolute;
-        box-sizing: border-box;
-        border: 3px solid transparent;
-        border-radius: 50%;
-        block-size: 55px;
-        inline-size: 55px;
-        inset-block-start: 80%;
-        inset-inline-start: calc(50% - 27.5px);
-        transition: opacity 0.6s ease;
-      }
+    // 主题色彩初始化
+    let loaderColor = localStorage.getItem('materio-initial-loader-bg')
+    let primaryColor = localStorage.getItem('materio-initial-loader-color')

-      /* 完成时隐藏加载动画 */
-      .loading-complete .loading {
-        opacity: 0;
-      }
+    // 检查主题设置
+    const savedTheme = localStorage.getItem('theme')
+    const isAutoTheme = savedTheme === 'auto'

-      .loading .effect-1,
-      .loading .effect-2,
-      .loading .effect-3 {
-        position: absolute;
-        box-sizing: border-box;
-        border: 3px solid transparent;
-        border-radius: 50%;
-        block-size: 100%;
-        border-inline-start: 3px solid var(--initial-loader-color, #eee);
-        inline-size: 100%;
-      }
+    // 如果是自动主题或者没有保存的背景色，根据系统主题设置背景色
+    if (isAutoTheme || !loaderColor) {
+      loaderColor = checkPrefersColorSchemeIsDark() ? '#0E1116' : '#FFFFFF'
+    }
+    if (!primaryColor) {
+      primaryColor = '#9155FD'
+    }

-      .loading .effect-1 {
-        animation: rotate 1s ease infinite;
-      }
+    // 应用主题色彩
+    document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)
+    document.documentElement.style.setProperty('--initial-loader-color', primaryColor)

-      .loading .effect-2 {
-        animation: rotate-opacity 1s ease infinite 0.1s;
-      }
+    // 状态栏适配
+    if (window.navigator.standalone) {
+      document.documentElement.style.setProperty('--status-bar-height', '20px')
+    }

-      .loading .effect-3 {
-        animation: rotate-opacity 1s ease infinite 0.2s;
-      }
+    // 安全区域适配
+    function updateSafeArea() {
+      const safeAreaTop = getComputedStyle(document.documentElement).getPropertyValue('env(safe-area-inset-top)')
+      const safeAreaBottom = getComputedStyle(document.documentElement).getPropertyValue('env(safe-area-inset-bottom)',
+      )

-      .loading .effects {
-        transition: all 0.3s ease;
-      }
+      if (safeAreaTop) document.documentElement.style.setProperty('--safe-area-top', safeAreaTop)
+      if (safeAreaBottom) document.documentElement.style.setProperty('--safe-area-bottom', safeAreaBottom)
+    }

-      @keyframes rotate {
-        0% {
-          transform: rotate(0deg);
-        }
+    updateSafeArea()
+    window.addEventListener('resize', updateSafeArea)
+    window.addEventListener('orientationchange', updateSafeArea)
+  </script>
+</head>

-        100% {
-          transform: rotate(1turn);
-        }
-      }
-
-      @keyframes rotate-opacity {
-        0% {
-          opacity: 0.1;
-          transform: rotate(0deg);
-        }
-
-        100% {
-          opacity: 1;
-          transform: rotate(1turn);
-        }
-      }
-    </style>
-
-    <!-- 初始化脚本 -->
-    <script>
-      // 检测系统主题是否为深色模式
-      function checkPrefersColorSchemeIsDark() {
-        try {
-          return window.matchMedia('(prefers-color-scheme: dark)').matches
-        } catch (e) {
-          return false
-        }
-      }
-
-      // 主题色彩初始化
-      let loaderColor = localStorage.getItem('materio-initial-loader-bg')
-      let primaryColor = localStorage.getItem('materio-initial-loader-color')
-
-      // 检查主题设置
-      const savedTheme = localStorage.getItem('theme')
-      const isAutoTheme = savedTheme === 'auto'
-
-      // 如果是自动主题或者没有保存的背景色，根据系统主题设置背景色
-      if (isAutoTheme || !loaderColor) {
-        loaderColor = checkPrefersColorSchemeIsDark() ? '#0E1116' : '#FFFFFF'
-      }
-      if (!primaryColor) {
-        primaryColor = '#9155FD'
-      }
-
-      // 应用主题色彩
-      document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)
-      document.documentElement.style.setProperty('--initial-loader-color', primaryColor)
-
-      // 状态栏适配
-      if (window.navigator.standalone) {
-        document.documentElement.style.setProperty('--status-bar-height', '20px')
-      }
-
-      // 安全区域适配
-      function updateSafeArea() {
-        const safeAreaTop = getComputedStyle(document.documentElement).getPropertyValue('env(safe-area-inset-top)')
-        const safeAreaBottom = getComputedStyle(document.documentElement).getPropertyValue('env(safe-area-inset-bottom)',
-        )
-
-        if (safeAreaTop) document.documentElement.style.setProperty('--safe-area-top', safeAreaTop)
-        if (safeAreaBottom) document.documentElement.style.setProperty('--safe-area-bottom', safeAreaBottom)
-      }
-
-      updateSafeArea()
-      window.addEventListener('resize', updateSafeArea)
-      window.addEventListener('orientationchange', updateSafeArea)
-    </script>
-  </head>
-
-  <body style="margin: 0; overflow: hidden; overscroll-behavior: none; -webkit-overflow-scrolling: touch">
-    <div id="loading-bg">
-      <div class="loading-logo">
-        <!-- Logo -->
-        <svg
-          width="160px"
-          height="160px"
-          viewBox="0 0 192 192"
-          version="1.1"
-          xmlns="http://www.w3.org/2000/svg"
-          style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2"
-        >
-          <g transform="matrix(1,0,0,1,-2606,-236)">
-            <g id="a2-c" transform="matrix(1,0,0,1,2606,236)">
-              <rect x="0" y="0" width="192" height="192" style="fill: none" />
-              <g transform="matrix(-0.800798,0.462341,-0.769972,-1.33363,1869.11,-896.718)">
+<body style="margin: 0; overflow: hidden; overscroll-behavior: none; -webkit-overflow-scrolling: touch">
+  <div id="loading-bg">
+    <div class="loading-logo">
+      <!-- Logo -->
+      <svg width="160px" height="160px" viewBox="0 0 192 192" version="1.1" xmlns="http://www.w3.org/2000/svg"
+        style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2">
+        <g transform="matrix(1,0,0,1,-2606,-236)">
+          <g id="a2-c" transform="matrix(1,0,0,1,2606,236)">
+            <rect x="0" y="0" width="192" height="192" style="fill: none" />
+            <g transform="matrix(-0.800798,0.462341,-0.769972,-1.33363,1869.11,-896.718)">
+              <path
+                d="M2241.27,-28.175C2238.86,-28.931 2236.64,-29.181 2234.48,-29.254L2159.78,-29.286L2165.01,-11.207C2167.16,-13.121 2169.64,-13.722 2172.26,-13.808L2222.12,-13.822C2223.52,-13.824 2225,-13.701 2226.78,-13.108L2241.27,-28.175Z"
+                style="fill: url(#_Linear1)" />
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+              <path
+                d="M2205.67,331.428L2205.67,332.25L2205.67,352.835C2205.67,354.263 2204.91,355.583 2203.67,356.298C2202.43,357.012 2200.91,357.013 2199.67,356.3L2190.78,351.174C2189.73,350.595 2188.83,350.083 2188.03,349.59L2187.45,349.257C2186.66,348.725 2185.91,348.142 2185.21,347.461C2185.08,347.331 2184.95,347.198 2184.82,347.061C2184.26,346.457 2183.75,345.778 2183.3,344.995C2182.16,343.05 2181.69,341.024 2181.68,338.948L2181.67,268.923L2209.77,274.425C2207.5,275.639 2205.68,278.3 2205.67,281.429L2205.67,331.428Z"
+                style="fill: url(#_Linear2)" />
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+              <path
+                d="M2295.93,363.064C2299.48,360.882 2301.46,357.55 2301.67,352.926L2301.67,277.879L2301.67,276.775L2301.67,252.515C2301.67,251.801 2302.05,251.14 2302.67,250.783C2303.29,250.426 2304.05,250.426 2304.67,250.784L2319.81,259.54C2321.59,260.617 2322.95,262.115 2324.04,263.875C2325.03,265.551 2325.56,267.37 2325.67,269.835L2325.67,339.91C2325.18,343.645 2323.51,346.705 2320.3,348.887L2295.93,363.064ZM2295.93,363.064C2295.73,363.184 2295.53,363.301 2295.32,363.414L2295.93,363.064Z"
+                style="fill: rgb(141, 81, 249)" />
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+              <path
+                d="M2295.93,363.064C2299.48,360.882 2301.46,357.55 2301.67,352.926L2301.67,277.879L2301.67,276.775L2301.67,252.515C2301.67,251.801 2302.05,251.14 2302.67,250.783C2303.29,250.426 2304.05,250.426 2304.67,250.784L2319.81,259.54C2321.59,260.617 2322.95,262.115 2324.04,263.875C2325.03,265.551 2325.56,267.37 2325.67,269.835L2325.67,339.91C2325.18,343.645 2323.51,346.705 2320.3,348.887L2295.93,363.064ZM2299.79,360.238C2299.79,360.238 2320.03,348.464 2320.04,348.461C2323.1,346.372 2324.69,343.444 2325.17,339.877C2325.17,339.877 2325.17,269.846 2325.17,269.839C2325.06,267.482 2324.56,265.739 2323.61,264.133C2322.56,262.445 2321.26,261.005 2319.55,259.97L2304.42,251.217C2303.96,250.949 2303.39,250.948 2302.92,251.216C2302.46,251.484 2302.17,251.979 2302.17,252.515L2302.17,276.775L2302.17,277.879L2302.17,352.926C2302.17,352.933 2302.17,352.941 2302.17,352.948C2302.04,355.861 2301.23,358.279 2299.79,360.238Z"
+                style="fill: url(#_Linear3)" />
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+              <path
+                d="M2253.67,223.256C2255.26,223.245 2257.02,223.56 2259.11,224.557L2275.67,234.102C2276.91,234.816 2277.67,236.138 2277.67,237.568L2277.67,259.508C2277.67,260.222 2277.29,260.882 2276.67,261.239C2276.05,261.597 2275.29,261.597 2274.67,261.24L2257.52,251.353C2256.38,250.731 2255.12,250.341 2253.67,250.347C2252.26,250.339 2250.99,250.721 2249.82,251.353L2187.87,287.04C2184.23,289.147 2181.96,292.478 2181.67,297.57L2181.68,269.865C2181.85,265.167 2183.93,261.653 2187.92,259.322L2248.23,224.557C2249.69,223.796 2251.5,223.29 2253.67,223.256Z"
+                style="fill: rgb(165, 118, 255)" />
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+              <path
+                d="M2253.67,223.256C2255.26,223.245 2257.02,223.56 2259.11,224.557L2275.67,234.102C2276.91,234.816 2277.67,236.138 2277.67,237.568L2277.67,259.508C2277.67,260.222 2277.29,260.882 2276.67,261.239C2276.05,261.597 2275.29,261.597 2274.67,261.24L2257.52,251.353C2256.38,250.731 2255.12,250.341 2253.67,250.347C2252.26,250.339 2250.99,250.721 2249.82,251.353L2187.87,287.04C2184.23,289.147 2181.96,292.478 2181.67,297.57L2181.68,269.865C2181.85,265.167 2183.93,261.653 2187.92,259.322L2248.23,224.557C2249.69,223.796 2251.5,223.29 2253.67,223.256ZM2253.68,223.756C2251.6,223.789 2249.87,224.269 2248.47,224.996L2188.17,259.754C2184.35,261.992 2182.35,265.367 2182.18,269.874C2182.18,269.874 2182.17,292.759 2182.17,292.757C2183.25,290.047 2185.13,288.051 2187.62,286.607L2249.57,250.919C2249.58,250.917 2249.58,250.915 2249.59,250.913C2250.83,250.243 2252.17,249.839 2253.67,249.847C2255.21,249.841 2256.54,250.253 2257.76,250.914C2257.76,250.916 2257.76,250.917 2257.76,250.919L2274.92,260.807C2275.38,261.075 2275.95,261.074 2276.42,260.806C2276.88,260.538 2277.17,260.043 2277.17,259.508L2277.17,237.568C2277.17,236.317 2276.5,235.16 2275.42,234.535C2275.42,234.535 2258.88,225 2258.87,224.996C2256.87,224.049 2255.2,223.746 2253.68,223.756Z"
+                style="fill: url(#_Linear4)" />
+            </g>
+            <g transform="matrix(0.800798,0.462341,0.769972,-1.33363,-1677.22,-896.858)">
+              <path
+                d="M2241.55,-28.184C2239.1,-28.989 2236.83,-29.204 2234.68,-29.295C2234.68,-29.295 2220.82,-29.3 2215.03,-29.303C2213.48,-29.303 2212.05,-28.808 2211.28,-28.004C2208.65,-25.275 2202.56,-18.936 2199.45,-15.709C2199.07,-15.306 2199.07,-14.809 2199.46,-14.406C2199.85,-14.004 2200.57,-13.758 2201.34,-13.761C2208.36,-13.788 2222.72,-13.845 2222.72,-13.845C2223.98,-13.851 2225.44,-13.657 2227.06,-13.117L2241.55,-28.184Z"
+                style="fill: rgb(141, 81, 249)" />
+            </g>
+            <g transform="matrix(-4.32309,0,0,12.4454,9610.35,-1450.35)">
+              <path
+                d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z"
+                style="fill: rgb(104, 0, 197)" />
+              <clipPath id="_clip5">
                <path
-                  d="M2241.27,-28.175C2238.86,-28.931 2236.64,-29.181 2234.48,-29.254L2159.78,-29.286L2165.01,-11.207C2167.16,-13.121 2169.64,-13.722 2172.26,-13.808L2222.12,-13.822C2223.52,-13.824 2225,-13.701 2226.78,-13.108L2241.27,-28.175Z"
-                  style="fill: url(#_Linear1)"
-                />
-              </g>
-              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
-                <path
-                  d="M2205.67,331.428L2205.67,332.25L2205.67,352.835C2205.67,354.263 2204.91,355.583 2203.67,356.298C2202.43,357.012 2200.91,357.013 2199.67,356.3L2190.78,351.174C2189.73,350.595 2188.83,350.083 2188.03,349.59L2187.45,349.257C2186.66,348.725 2185.91,348.142 2185.21,347.461C2185.08,347.331 2184.95,347.198 2184.82,347.061C2184.26,346.457 2183.75,345.778 2183.3,344.995C2182.16,343.05 2181.69,341.024 2181.68,338.948L2181.67,268.923L2209.77,274.425C2207.5,275.639 2205.68,278.3 2205.67,281.429L2205.67,331.428Z"
-                  style="fill: url(#_Linear2)"
-                />
-              </g>
-              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
-                <path
-                  d="M2295.93,363.064C2299.48,360.882 2301.46,357.55 2301.67,352.926L2301.67,277.879L2301.67,276.775L2301.67,252.515C2301.67,251.801 2302.05,251.14 2302.67,250.783C2303.29,250.426 2304.05,250.426 2304.67,250.784L2319.81,259.54C2321.59,260.617 2322.95,262.115 2324.04,263.875C2325.03,265.551 2325.56,267.37 2325.67,269.835L2325.67,339.91C2325.18,343.645 2323.51,346.705 2320.3,348.887L2295.93,363.064ZM2295.93,363.064C2295.73,363.184 2295.53,363.301 2295.32,363.414L2295.93,363.064Z"
-                  style="fill: rgb(141, 81, 249)"
-                />
-              </g>
-              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
-                <path
-                  d="M2295.93,363.064C2299.48,360.882 2301.46,357.55 2301.67,352.926L2301.67,277.879L2301.67,276.775L2301.67,252.515C2301.67,251.801 2302.05,251.14 2302.67,250.783C2303.29,250.426 2304.05,250.426 2304.67,250.784L2319.81,259.54C2321.59,260.617 2322.95,262.115 2324.04,263.875C2325.03,265.551 2325.56,267.37 2325.67,269.835L2325.67,339.91C2325.18,343.645 2323.51,346.705 2320.3,348.887L2295.93,363.064ZM2299.79,360.238C2299.79,360.238 2320.03,348.464 2320.04,348.461C2323.1,346.372 2324.69,343.444 2325.17,339.877C2325.17,339.877 2325.17,269.846 2325.17,269.839C2325.06,267.482 2324.56,265.739 2323.61,264.133C2322.56,262.445 2321.26,261.005 2319.55,259.97L2304.42,251.217C2303.96,250.949 2303.39,250.948 2302.92,251.216C2302.46,251.484 2302.17,251.979 2302.17,252.515L2302.17,276.775L2302.17,277.879L2302.17,352.926C2302.17,352.933 2302.17,352.941 2302.17,352.948C2302.04,355.861 2301.23,358.279 2299.79,360.238Z"
-                  style="fill: url(#_Linear3)"
-                />
-              </g>
-              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
-                <path
-                  d="M2253.67,223.256C2255.26,223.245 2257.02,223.56 2259.11,224.557L2275.67,234.102C2276.91,234.816 2277.67,236.138 2277.67,237.568L2277.67,259.508C2277.67,260.222 2277.29,260.882 2276.67,261.239C2276.05,261.597 2275.29,261.597 2274.67,261.24L2257.52,251.353C2256.38,250.731 2255.12,250.341 2253.67,250.347C2252.26,250.339 2250.99,250.721 2249.82,251.353L2187.87,287.04C2184.23,289.147 2181.96,292.478 2181.67,297.57L2181.68,269.865C2181.85,265.167 2183.93,261.653 2187.92,259.322L2248.23,224.557C2249.69,223.796 2251.5,223.29 2253.67,223.256Z"
-                  style="fill: rgb(165, 118, 255)"
-                />
-              </g>
-              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
-                <path
-                  d="M2253.67,223.256C2255.26,223.245 2257.02,223.56 2259.11,224.557L2275.67,234.102C2276.91,234.816 2277.67,236.138 2277.67,237.568L2277.67,259.508C2277.67,260.222 2277.29,260.882 2276.67,261.239C2276.05,261.597 2275.29,261.597 2274.67,261.24L2257.52,251.353C2256.38,250.731 2255.12,250.341 2253.67,250.347C2252.26,250.339 2250.99,250.721 2249.82,251.353L2187.87,287.04C2184.23,289.147 2181.96,292.478 2181.67,297.57L2181.68,269.865C2181.85,265.167 2183.93,261.653 2187.92,259.322L2248.23,224.557C2249.69,223.796 2251.5,223.29 2253.67,223.256ZM2253.68,223.756C2251.6,223.789 2249.87,224.269 2248.47,224.996L2188.17,259.754C2184.35,261.992 2182.35,265.367 2182.18,269.874C2182.18,269.874 2182.17,292.759 2182.17,292.757C2183.25,290.047 2185.13,288.051 2187.62,286.607L2249.57,250.919C2249.58,250.917 2249.58,250.915 2249.59,250.913C2250.83,250.243 2252.17,249.839 2253.67,249.847C2255.21,249.841 2256.54,250.253 2257.76,250.914C2257.76,250.916 2257.76,250.917 2257.76,250.919L2274.92,260.807C2275.38,261.075 2275.95,261.074 2276.42,260.806C2276.88,260.538 2277.17,260.043 2277.17,259.508L2277.17,237.568C2277.17,236.317 2276.5,235.16 2275.42,234.535C2275.42,234.535 2258.88,225 2258.87,224.996C2256.87,224.049 2255.2,223.746 2253.68,223.756Z"
-                  style="fill: url(#_Linear4)"
-                />
-              </g>
-              <g transform="matrix(0.800798,0.462341,0.769972,-1.33363,-1677.22,-896.858)">
-                <path
-                  d="M2241.55,-28.184C2239.1,-28.989 2236.83,-29.204 2234.68,-29.295C2234.68,-29.295 2220.82,-29.3 2215.03,-29.303C2213.48,-29.303 2212.05,-28.808 2211.28,-28.004C2208.65,-25.275 2202.56,-18.936 2199.45,-15.709C2199.07,-15.306 2199.07,-14.809 2199.46,-14.406C2199.85,-14.004 2200.57,-13.758 2201.34,-13.761C2208.36,-13.788 2222.72,-13.845 2222.72,-13.845C2223.98,-13.851 2225.44,-13.657 2227.06,-13.117L2241.55,-28.184Z"
-                  style="fill: rgb(141, 81, 249)"
-                />
-              </g>
-              <g transform="matrix(-4.32309,0,0,12.4454,9610.35,-1450.35)">
-                <path
-                  d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z"
-                  style="fill: rgb(104, 0, 197)"
-                />
-                <clipPath id="_clip5">
+                  d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z" />
+              </clipPath>
+              <g clip-path="url(#_clip5)">
+                <g transform="matrix(0.124502,0.074907,0.206623,-0.0414384,1997.62,-7.40235)">
                  <path
-                    d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z"
-                  />
-                </clipPath>
-                <g clip-path="url(#_clip5)">
-                  <g transform="matrix(0.124502,0.074907,0.206623,-0.0414384,1997.62,-7.40235)">
-                    <path
-                      d="M1726.17,-64.249L1708.16,-72.303L1708.05,-23.514L1721.88,-32.386C1722.96,-33.241 1723.09,-33.944 1723.15,-34.636L1723.15,-54.373C1723.19,-56.238 1724.96,-57.594 1726.87,-56.686L1726.17,-64.249Z"
-                      style="fill: url(#_Linear6)"
-                    />
-                  </g>
-                  <g transform="matrix(-0.126036,0.0767377,0.569859,0.112933,2435.01,-3.09225)">
-                    <path
-                      d="M1726.17,-45.661L1704.47,-40.254C1706.28,-40.527 1708.14,-40.212 1708.16,-39.416L1708.16,-18.976L1726.17,-18.976L1726.17,-45.661Z"
-                      style="fill: rgb(141, 81, 249)"
-                    />
-                  </g>
-                  <g transform="matrix(-0.126036,0.0767377,0.569859,0.112933,2435.01,-3.09225)">
-                    <path
-                      d="M1726.17,-45.661L1726.17,-18.976L1708.16,-18.976L1708.16,-39.416C1707.79,-40.732 1704.5,-40.298 1702.68,-40.025L1726.17,-45.661ZM1705.49,-40.491C1706.2,-40.507 1706.87,-40.464 1707.4,-40.327C1708.01,-40.173 1708.48,-39.899 1708.62,-39.436C1708.62,-39.429 1708.62,-39.423 1708.62,-39.416L1708.62,-19.152C1708.62,-19.152 1725.72,-19.152 1725.72,-19.152L1725.72,-45.345L1705.49,-40.491Z"
-                      style="fill: url(#_Radial7)"
-                    />
-                  </g>
+                    d="M1726.17,-64.249L1708.16,-72.303L1708.05,-23.514L1721.88,-32.386C1722.96,-33.241 1723.09,-33.944 1723.15,-34.636L1723.15,-54.373C1723.19,-56.238 1724.96,-57.594 1726.87,-56.686L1726.17,-64.249Z"
+                    style="fill: url(#_Linear6)" />
+                </g>
+                <g transform="matrix(-0.126036,0.0767377,0.569859,0.112933,2435.01,-3.09225)">
+                  <path
+                    d="M1726.17,-45.661L1704.47,-40.254C1706.28,-40.527 1708.14,-40.212 1708.16,-39.416L1708.16,-18.976L1726.17,-18.976L1726.17,-45.661Z"
+                    style="fill: rgb(141, 81, 249)" />
+                </g>
+                <g transform="matrix(-0.126036,0.0767377,0.569859,0.112933,2435.01,-3.09225)">
+                  <path
+                    d="M1726.17,-45.661L1726.17,-18.976L1708.16,-18.976L1708.16,-39.416C1707.79,-40.732 1704.5,-40.298 1702.68,-40.025L1726.17,-45.661ZM1705.49,-40.491C1706.2,-40.507 1706.87,-40.464 1707.4,-40.327C1708.01,-40.173 1708.48,-39.899 1708.62,-39.436C1708.62,-39.429 1708.62,-39.423 1708.62,-39.416L1708.62,-19.152C1708.62,-19.152 1725.72,-19.152 1725.72,-19.152L1725.72,-45.345L1705.49,-40.491Z"
+                    style="fill: url(#_Radial7)" />
                </g>
              </g>
            </g>
          </g>
-          <defs>
-            <linearGradient
-              id="_Linear1"
-              x1="0"
-              y1="0"
-              x2="1"
-              y2="0"
-              gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(-70.0711,-0.927611,1.54482,-42.0752,2233.59,-20.1891)"
-            >
-              <stop offset="0" style="stop-color: rgb(141, 81, 249); stop-opacity: 1" />
-              <stop offset="1" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
-            </linearGradient>
-            <linearGradient
-              id="_Linear2"
-              x1="0"
-              y1="0"
-              x2="1"
-              y2="0"
-              gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(4.78193e-15,-78.0949,78.0949,4.78193e-15,2195.72,354.021)"
-            >
-              <stop offset="0" style="stop-color: rgb(141, 81, 249); stop-opacity: 1" />
-              <stop offset="1" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
-            </linearGradient>
-            <linearGradient
-              id="_Linear3"
-              x1="0"
-              y1="0"
-              x2="1"
-              y2="0"
-              gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(41.6089,41.5866,-41.5866,41.6089,2282.31,262.837)"
-            >
-              <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
-              <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
-            </linearGradient>
-            <linearGradient
-              id="_Linear4"
-              x1="0"
-              y1="0"
-              x2="1"
-              y2="0"
-              gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(9.25616,16.7005,-16.7005,9.25616,2215,243.712)"
-            >
-              <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
-              <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
-            </linearGradient>
-            <linearGradient
-              id="_Linear6"
-              x1="0"
-              y1="0"
-              x2="1"
-              y2="0"
-              gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(-0.130164,-61.9937,59.4003,-0.135847,1711.63,-25.7957)"
-            >
-              <stop offset="0" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
-              <stop offset="0.51" style="stop-color: rgb(110, 38, 217); stop-opacity: 1" />
-              <stop offset="1" style="stop-color: rgb(91, 0, 197); stop-opacity: 1" />
-            </linearGradient>
-            <radialGradient
-              id="_Radial7"
-              cx="0"
-              cy="0"
-              r="1"
-              gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(13.8659,4.71436,-12.1609,5.37534,1708.16,-32.287)"
-            >
-              <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
-              <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
-            </radialGradient>
-          </defs>
-        </svg>
-      </div>
-      <div class="loading">
-        <div class="effect-1 effects"></div>
-        <div class="effect-2 effects"></div>
-        <div class="effect-3 effects"></div>
-      </div>
+        </g>
+        <defs>
+          <linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(-70.0711,-0.927611,1.54482,-42.0752,2233.59,-20.1891)">
+            <stop offset="0" style="stop-color: rgb(141, 81, 249); stop-opacity: 1" />
+            <stop offset="1" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
+          </linearGradient>
+          <linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(4.78193e-15,-78.0949,78.0949,4.78193e-15,2195.72,354.021)">
+            <stop offset="0" style="stop-color: rgb(141, 81, 249); stop-opacity: 1" />
+            <stop offset="1" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
+          </linearGradient>
+          <linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(41.6089,41.5866,-41.5866,41.6089,2282.31,262.837)">
+            <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
+            <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
+          </linearGradient>
+          <linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(9.25616,16.7005,-16.7005,9.25616,2215,243.712)">
+            <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
+            <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
+          </linearGradient>
+          <linearGradient id="_Linear6" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(-0.130164,-61.9937,59.4003,-0.135847,1711.63,-25.7957)">
+            <stop offset="0" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
+            <stop offset="0.51" style="stop-color: rgb(110, 38, 217); stop-opacity: 1" />
+            <stop offset="1" style="stop-color: rgb(91, 0, 197); stop-opacity: 1" />
+          </linearGradient>
+          <radialGradient id="_Radial7" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(13.8659,4.71436,-12.1609,5.37534,1708.16,-32.287)">
+            <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
+            <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
+          </radialGradient>
+        </defs>
+      </svg>
    </div>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>
+    <div class="loading">
+      <div class="effect-1 effects"></div>
+      <div class="effect-2 effects"></div>
+      <div class="effect-3 effects"></div>
+    </div>
+  </div>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "moviepilot",
-  "version": "2.7.2",
+  "version": "2.8.1",
  "private": true,
  "type": "module",
  "bin": "dist/service.js",
@@ -27,6 +27,7 @@
    "@fullcalendar/timegrid": "^6.1.15",
    "@fullcalendar/vue3": "^6.1.15",
    "@iconify/utils": "^2.2.1",
+    "@types/crypto-js": "^4.2.2",
    "@types/js-cookie": "^3.0.6",
    "@vue-flow/background": "^1.3.2",
    "@vue-flow/controls": "^1.1.2",
@@ -40,8 +41,10 @@
    "ace-builds": "^1.37.4",
    "apexcharts": "^4.0.0",
    "axios": "^1.7.9",
+    "body-scroll-lock": "^3.1.5",
    "colorthief": "^2.6.0",
    "copy-to-clipboard": "^3.3.3",
+    "crypto-js": "^4.2.0",
    "dayjs": "^1.11.13",
    "express": "^4.21.2",
    "express-http-proxy": "^2.1.1",
@@ -72,6 +75,7 @@
    "@intlify/unplugin-vue-i18n": "^6.0.3",
    "@originjs/vite-plugin-federation": "^1.4.1",
    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@types/body-scroll-lock": "^3.1.2",
    "@types/lodash-es": "^4.17.12",
    "@types/mousetrap": "^1.6.15",
    "@types/node": "^20.1.4",
@@ -114,4 +118,4 @@
    "workbox-window": "^7.3.0"
  },
  "packageManager": "yarn@1.22.18"
-}
+}
--- a/public/logo.svg
+++ b/public/logo.svg
@@ -0,0 +1,53 @@
+<svg width="3em" height="3em"  viewBox="0 0 192 192" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-2606,-236)">
+        <g id="a2-c" transform="matrix(1,0,0,1,2606,236)">
+            <rect x="0" y="0" width="192" height="192" style="fill:none;"/>
+            <g transform="matrix(-0.800798,0.462341,-0.769972,-1.33363,1869.11,-896.718)">
+                <path d="M2241.27,-28.175C2238.86,-28.931 2236.64,-29.181 2234.48,-29.254L2159.78,-29.286L2165.01,-11.207C2167.16,-13.121 2169.64,-13.722 2172.26,-13.808L2222.12,-13.822C2223.52,-13.824 2225,-13.701 2226.78,-13.108L2241.27,-28.175Z" style="fill:url(#_Linear1);"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+                <path d="M2205.67,331.428L2205.67,332.25L2205.67,352.835C2205.67,354.263 2204.91,355.583 2203.67,356.298C2202.43,357.012 2200.91,357.013 2199.67,356.3L2190.78,351.174C2189.73,350.595 2188.83,350.083 2188.03,349.59L2187.45,349.257C2186.66,348.725 2185.91,348.142 2185.21,347.461C2185.08,347.331 2184.95,347.198 2184.82,347.061C2184.26,346.457 2183.75,345.778 2183.3,344.995C2182.16,343.05 2181.69,341.024 2181.68,338.948L2181.67,268.923L2209.77,274.425C2207.5,275.639 2205.68,278.3 2205.67,281.429L2205.67,331.428Z" style="fill:url(#_Linear2);"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+                <path d="M2295.93,363.064C2299.48,360.882 2301.46,357.55 2301.67,352.926L2301.67,277.879L2301.67,276.775L2301.67,252.515C2301.67,251.801 2302.05,251.14 2302.67,250.783C2303.29,250.426 2304.05,250.426 2304.67,250.784L2319.81,259.54C2321.59,260.617 2322.95,262.115 2324.04,263.875C2325.03,265.551 2325.56,267.37 2325.67,269.835L2325.67,339.91C2325.18,343.645 2323.51,346.705 2320.3,348.887L2295.93,363.064ZM2295.93,363.064C2295.73,363.184 2295.53,363.301 2295.32,363.414L2295.93,363.064Z" style="fill:rgb(141,81,249);"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+                <path d="M2295.93,363.064C2299.48,360.882 2301.46,357.55 2301.67,352.926L2301.67,277.879L2301.67,276.775L2301.67,252.515C2301.67,251.801 2302.05,251.14 2302.67,250.783C2303.29,250.426 2304.05,250.426 2304.67,250.784L2319.81,259.54C2321.59,260.617 2322.95,262.115 2324.04,263.875C2325.03,265.551 2325.56,267.37 2325.67,269.835L2325.67,339.91C2325.18,343.645 2323.51,346.705 2320.3,348.887L2295.93,363.064ZM2299.79,360.238C2299.79,360.238 2320.03,348.464 2320.04,348.461C2323.1,346.372 2324.69,343.444 2325.17,339.877C2325.17,339.877 2325.17,269.846 2325.17,269.839C2325.06,267.482 2324.56,265.739 2323.61,264.133C2322.56,262.445 2321.26,261.005 2319.55,259.97L2304.42,251.217C2303.96,250.949 2303.39,250.948 2302.92,251.216C2302.46,251.484 2302.17,251.979 2302.17,252.515L2302.17,276.775L2302.17,277.879L2302.17,352.926C2302.17,352.933 2302.17,352.941 2302.17,352.948C2302.04,355.861 2301.23,358.279 2299.79,360.238Z" style="fill:url(#_Linear3);"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+                <path d="M2253.67,223.256C2255.26,223.245 2257.02,223.56 2259.11,224.557L2275.67,234.102C2276.91,234.816 2277.67,236.138 2277.67,237.568L2277.67,259.508C2277.67,260.222 2277.29,260.882 2276.67,261.239C2276.05,261.597 2275.29,261.597 2274.67,261.24L2257.52,251.353C2256.38,250.731 2255.12,250.341 2253.67,250.347C2252.26,250.339 2250.99,250.721 2249.82,251.353L2187.87,287.04C2184.23,289.147 2181.96,292.478 2181.67,297.57L2181.68,269.865C2181.85,265.167 2183.93,261.653 2187.92,259.322L2248.23,224.557C2249.69,223.796 2251.5,223.29 2253.67,223.256Z" style="fill:rgb(165,118,255);"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+                <path d="M2253.67,223.256C2255.26,223.245 2257.02,223.56 2259.11,224.557L2275.67,234.102C2276.91,234.816 2277.67,236.138 2277.67,237.568L2277.67,259.508C2277.67,260.222 2277.29,260.882 2276.67,261.239C2276.05,261.597 2275.29,261.597 2274.67,261.24L2257.52,251.353C2256.38,250.731 2255.12,250.341 2253.67,250.347C2252.26,250.339 2250.99,250.721 2249.82,251.353L2187.87,287.04C2184.23,289.147 2181.96,292.478 2181.67,297.57L2181.68,269.865C2181.85,265.167 2183.93,261.653 2187.92,259.322L2248.23,224.557C2249.69,223.796 2251.5,223.29 2253.67,223.256ZM2253.68,223.756C2251.6,223.789 2249.87,224.269 2248.47,224.996L2188.17,259.754C2184.35,261.992 2182.35,265.367 2182.18,269.874C2182.18,269.874 2182.17,292.759 2182.17,292.757C2183.25,290.047 2185.13,288.051 2187.62,286.607L2249.57,250.919C2249.58,250.917 2249.58,250.915 2249.59,250.913C2250.83,250.243 2252.17,249.839 2253.67,249.847C2255.21,249.841 2256.54,250.253 2257.76,250.914C2257.76,250.916 2257.76,250.917 2257.76,250.919L2274.92,260.807C2275.38,261.075 2275.95,261.074 2276.42,260.806C2276.88,260.538 2277.17,260.043 2277.17,259.508L2277.17,237.568C2277.17,236.317 2276.5,235.16 2275.42,234.535C2275.42,234.535 2258.88,225 2258.87,224.996C2256.87,224.049 2255.2,223.746 2253.68,223.756Z" style="fill:url(#_Linear4);"/>
+            </g>
+            <g transform="matrix(0.800798,0.462341,0.769972,-1.33363,-1677.22,-896.858)">
+                <path d="M2241.55,-28.184C2239.1,-28.989 2236.83,-29.204 2234.68,-29.295C2234.68,-29.295 2220.82,-29.3 2215.03,-29.303C2213.48,-29.303 2212.05,-28.808 2211.28,-28.004C2208.65,-25.275 2202.56,-18.936 2199.45,-15.709C2199.07,-15.306 2199.07,-14.809 2199.46,-14.406C2199.85,-14.004 2200.57,-13.758 2201.34,-13.761C2208.36,-13.788 2222.72,-13.845 2222.72,-13.845C2223.98,-13.851 2225.44,-13.657 2227.06,-13.117L2241.55,-28.184Z" style="fill:rgb(141,81,249);"/>
+            </g>
+            <g transform="matrix(-4.32309,0,0,12.4454,9610.35,-1450.35)">
+                <path d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z" style="fill:rgb(104,0,197);"/>
+                <clipPath id="_clip5">
+                    <path d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z"/>
+                </clipPath>
+                <g clip-path="url(#_clip5)">
+                    <g transform="matrix(0.124502,0.074907,0.206623,-0.0414384,1997.62,-7.40235)">
+                        <path d="M1726.17,-64.249L1708.16,-72.303L1708.05,-23.514L1721.88,-32.386C1722.96,-33.241 1723.09,-33.944 1723.15,-34.636L1723.15,-54.373C1723.19,-56.238 1724.96,-57.594 1726.87,-56.686L1726.17,-64.249Z" style="fill:url(#_Linear6);"/>
+                    </g>
+                    <g transform="matrix(-0.126036,0.0767377,0.569859,0.112933,2435.01,-3.09225)">
+                        <path d="M1726.17,-45.661L1704.47,-40.254C1706.28,-40.527 1708.14,-40.212 1708.16,-39.416L1708.16,-18.976L1726.17,-18.976L1726.17,-45.661Z" style="fill:rgb(141,81,249);"/>
+                    </g>
+                    <g transform="matrix(-0.126036,0.0767377,0.569859,0.112933,2435.01,-3.09225)">
+                        <path d="M1726.17,-45.661L1726.17,-18.976L1708.16,-18.976L1708.16,-39.416C1707.79,-40.732 1704.5,-40.298 1702.68,-40.025L1726.17,-45.661ZM1705.49,-40.491C1706.2,-40.507 1706.87,-40.464 1707.4,-40.327C1708.01,-40.173 1708.48,-39.899 1708.62,-39.436C1708.62,-39.429 1708.62,-39.423 1708.62,-39.416L1708.62,-19.152C1708.62,-19.152 1725.72,-19.152 1725.72,-19.152L1725.72,-45.345L1705.49,-40.491Z" style="fill:url(#_Radial7);"/>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+    <defs>
+        <linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-70.0711,-0.927611,1.54482,-42.0752,2233.59,-20.1891)"><stop offset="0" style="stop-color:rgb(141,81,249);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(116,50,223);stop-opacity:1"/></linearGradient>
+        <linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(4.78193e-15,-78.0949,78.0949,4.78193e-15,2195.72,354.021)"><stop offset="0" style="stop-color:rgb(141,81,249);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(116,50,223);stop-opacity:1"/></linearGradient>
+        <linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(41.6089,41.5866,-41.5866,41.6089,2282.31,262.837)"><stop offset="0" style="stop-color:rgb(211,187,255);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(211,187,255);stop-opacity:0"/></linearGradient>
+        <linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(9.25616,16.7005,-16.7005,9.25616,2215,243.712)"><stop offset="0" style="stop-color:rgb(211,187,255);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(211,187,255);stop-opacity:0"/></linearGradient>
+        <linearGradient id="_Linear6" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-0.130164,-61.9937,59.4003,-0.135847,1711.63,-25.7957)"><stop offset="0" style="stop-color:rgb(116,50,223);stop-opacity:1"/><stop offset="0.51" style="stop-color:rgb(110,38,217);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(91,0,197);stop-opacity:1"/></linearGradient>
+        <radialGradient id="_Radial7" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(13.8659,4.71436,-12.1609,5.37534,1708.16,-32.287)"><stop offset="0" style="stop-color:rgb(211,187,255);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(211,187,255);stop-opacity:0"/></radialGradient>
+    </defs>
+</svg>
--- a/src/@core/components/ConfirmDialog.vue
+++ b/src/@core/components/ConfirmDialog.vue
@@ -59,7 +59,7 @@ function handleCancel() {
 </script>

 <template>
-  <DialogWrapper :model-value="modelValue" @update:model-value="emit('update:modelValue', $event)" :max-width="width">
+  <VDialog :model-value="modelValue" @update:model-value="emit('update:modelValue', $event)" :max-width="width">
    <VCard>
      <VCardItem>
        <div class="d-flex align-center justify-start mt-3">
@@ -82,5 +82,5 @@ function handleCancel() {
      </VCardActions>
      <VDialogCloseBtn @click="handleCancel" />
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/@core/components/DialogWrapper.vue
+++ b/src/@core/components/DialogWrapper.vue
@@ -1,70 +0,0 @@
-<template>
-  <VDialog v-model="dialogModel" v-bind="$attrs" @update:model-value="handleDialogChange">
-    <slot />
-  </VDialog>
-</template>
-
-<script setup lang="ts">
-import { computed, watch, onBeforeUnmount } from 'vue'
-import { useScrollLockWithWatch } from '@/composables/useScrollLock'
-
-// Props
-interface Props {
-  modelValue?: boolean
-  // 滚动锁定配置
-  scrollLock?: boolean
-  preserveScrollPosition?: boolean
-  preventTouchScroll?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  scrollLock: true,
-  preserveScrollPosition: true,
-  preventTouchScroll: true,
-})
-
-// Emits
-const emit = defineEmits<{
-  'update:modelValue': [value: boolean]
-}>()
-
-// 计算属性
-const dialogModel = computed({
-  get: () => props.modelValue || false,
-  set: (value: boolean) => emit('update:modelValue', value),
-})
-
-// 使用滚动锁定
-const { isLocked, lockScroll, restoreScroll } = useScrollLockWithWatch(dialogModel, {
-  autoRestore: true,
-  preserveScrollPosition: props.preserveScrollPosition,
-  preventTouchScroll: props.preventTouchScroll,
-})
-
-// 处理弹窗状态变化
-const handleDialogChange = (value: boolean) => {
-  emit('update:modelValue', value)
-}
-
-// 监听弹窗状态变化
-watch(
-  dialogModel,
-  newValue => {
-    if (props.scrollLock) {
-      if (newValue) {
-        lockScroll()
-      } else {
-        restoreScroll()
-      }
-    }
-  },
-  { immediate: true },
-)
-
-// 组件卸载时确保恢复滚动
-onBeforeUnmount(() => {
-  if (isLocked.value) {
-    restoreScroll()
-  }
-})
-</script>
--- a/src/@core/scss/_default-layout-w-vertical-nav.scss
+++ b/src/@core/scss/_default-layout-w-vertical-nav.scss
@@ -46,10 +46,9 @@ $header: ".layout-navbar";
      }

      /* ℹ️ Ensure header styles are preserved when dialog is opened,
-        regardless of scroll state
+        but only if window was scrolled before dialog opened
    */
-      html.v-overlay-scroll-blocked &.window-scrolled.layout-navbar-fixed,
-      html.dialog-scroll-locked &.layout-navbar-fixed {
+      html.v-overlay-scroll-blocked &.window-scrolled.layout-navbar-fixed {

        #{$header} {
          padding-inline: 1rem;
--- a/src/@core/scss/_misc.scss
+++ b/src/@core/scss/_misc.scss
@@ -45,7 +45,7 @@ code {
      inset-block-start: 0;
      inset-inline: 0;
      pointer-events: none;
-      transition: all 0.3s ease-in-out;
+      transition: padding 0.3s ease-in-out;
      
      .v-theme--light & {
        background: rgba(var(--v-theme-surface), 0.6);
--- a/src/@core/scss/pages/page-auth.scss
+++ b/src/@core/scss/pages/page-auth.scss
@@ -1,5 +1,7 @@
 .auth-wrapper {
-  min-block-size: calc(var(--vh, 1vh) * 100 + env(safe-area-inset-top) + env(safe-area-inset-bottom));
+  min-block-size: 100%;
+  min-block-size: 100vh;
+  min-block-size: 100dvh;
 }

 .auth-footer-mask {
--- a/src/@layouts/components/VerticalNavLayout.vue
+++ b/src/@layouts/components/VerticalNavLayout.vue
@@ -17,11 +17,34 @@ export default defineComponent({
    syncRef(isOverlayNavActive, isLayoutOverlayVisible)

    const scrollDistance = ref(window.scrollY)
+    const isDialogOpen = ref(false)
+    const wasScrolledBeforeDialog = ref(false)
+
+    // 监听弹窗状态变化
+    const checkDialogState = () => {
+      const wasDialogOpen = isDialogOpen.value
+      isDialogOpen.value = document.documentElement.classList.contains('v-overlay-scroll-blocked')
+
+      // 当弹窗刚打开时，记录当前的滚动状态
+      if (!wasDialogOpen && isDialogOpen.value) {
+        wasScrolledBeforeDialog.value = scrollDistance.value > 0
+      }
+    }

    onMounted(() => {
      window.addEventListener('scroll', () => {
        scrollDistance.value = window.scrollY
      })
+
+      // 初始检查弹窗状态
+      checkDialogState()
+
+      // 监听 DOM 变化以检测弹窗状态
+      const observer = new MutationObserver(checkDialogState)
+      observer.observe(document.documentElement, {
+        attributes: true,
+        attributeFilter: ['class'],
+      })
    })

    return () => {
@@ -88,9 +111,6 @@ export default defineComponent({
        },
      })

-      // 检查是否有弹窗打开（通过CSS类名判断）
-      const isDialogOpen = document.documentElement.classList.contains('dialog-scroll-locked')
-
      return h(
        'div',
        {
@@ -99,7 +119,7 @@ export default defineComponent({
            'layout-navbar-fixed',
            mdAndDown.value && 'layout-overlay-nav',
            route.meta.layoutWrapperClasses,
-            (scrollDistance.value || isDialogOpen) && 'window-scrolled',
+            (scrollDistance.value > 5 || (isDialogOpen.value && wasScrolledBeforeDialog.value)) && 'window-scrolled',
          ],
        },
        [verticalNav, h('div', { class: 'layout-content-wrapper' }, [navbar, main, footer]), layoutOverlay],
--- a/src/@layouts/styles/_default-layout.scss
+++ b/src/@layouts/styles/_default-layout.scss
@@ -6,8 +6,8 @@

 html {
  background: rgb(var(--v-theme-background));
-  min-block-size: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));
-  overflow-y: overlay;
+  min-block-size: 100vh;
+  min-block-size: 100dvh;
 }

 body {
@@ -40,8 +40,8 @@ body,

  // TODO: Use grid gutter variable here;
  padding-block: 1.5rem;
-  padding-inline: 0.5rem;
  padding-block-start: calc(env(safe-area-inset-top) + 4.5rem);
+  padding-inline: 0.5rem;

  // display: flex;display

--- a/src/@layouts/styles/_global.scss
+++ b/src/@layouts/styles/_global.scss
@@ -7,5 +7,7 @@

 html {
  box-sizing: border-box;
-  min-height: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom))
+  min-block-size: 100%;
+  min-block-size: 100vh;
+  min-block-size: 100dvh;
 }
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -520,7 +520,7 @@ export interface SiteUserData {
  // 用户名
  username?: string
  // 用户ID
-  userid?: number
+  userid?: string
  // 用户等级
  user_level?: string
  // 加入时间
--- a/src/components/PWAInstallPrompt.vue
+++ b/src/components/PWAInstallPrompt.vue
@@ -133,7 +133,7 @@ const instructions = computed(() => {
  </Teleport>

  <!-- 手动安装说明对话框 -->
-  <DialogWrapper v-model="showInstructions" max-width="500">
+  <VDialog v-model="showInstructions" max-width="500">
    <VCard>
      <VCardItem>
        <VCardTitle class="d-flex align-center">
@@ -170,7 +170,7 @@ const instructions = computed(() => {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

 <style scoped>
--- a/src/components/cards/CustomRuleCard.vue
+++ b/src/components/cards/CustomRuleCard.vue
@@ -116,7 +116,7 @@ function onClose() {
        <VImg :src="filter_svg" cover class="mt-7" max-width="3rem" />
      </VCardText>
    </VCard>
-    <DialogWrapper
+    <VDialog
      v-if="ruleInfoDialog"
      v-model="ruleInfoDialog"
      scrollable
@@ -222,6 +222,6 @@ function onClose() {
          }}</VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>
  </div>
 </template>
--- a/src/components/cards/DownloaderCard.vue
+++ b/src/components/cards/DownloaderCard.vue
@@ -4,9 +4,7 @@ import { formatFileSize } from '@/@core/utils/formatters'
 import { DownloaderConf } from '@/api/types'
 import { useToast } from 'vue-toastification'
 import type { DownloaderInfo } from '@/api/types'
-import qbittorrent_image from '@images/logos/qbittorrent.png'
-import transmission_image from '@images/logos/transmission.png'
-import custom_image from '@images/logos/downloader.png'
+import { getLogoUrl } from '@/utils/imageUtils'
 import { cloneDeep } from 'lodash-es'
 import { useI18n } from 'vue-i18n'
 import { downloaderDict } from '@/api/constants'
@@ -128,11 +126,11 @@ function saveDownloaderInfo() {
 const getIcon = computed(() => {
  switch (props.downloader.type) {
    case 'qbittorrent':
-      return qbittorrent_image
+      return getLogoUrl('qbittorrent')
    case 'transmission':
-      return transmission_image
+      return getLogoUrl('transmission')
    default:
-      return custom_image
+      return getLogoUrl('downloader')
  }
 })

@@ -147,7 +145,7 @@ const { stop: stopRefresh } = useConditionalDataRefresh(
  loadDownloaderInfo,
  shouldRefresh, // 响应式条件：只有当allowRefresh为true且downloader启用时才运行
  3000, // 3秒间隔
-  true // 立即执行一次
+  true, // 立即执行一次
 )

 onUnmounted(() => {
@@ -196,7 +194,7 @@ onUnmounted(() => {
      </VCard>
    </VHover>

-    <DialogWrapper
+    <VDialog
      v-if="downloaderInfoDialog"
      v-model="downloaderInfoDialog"
      scrollable
@@ -383,6 +381,6 @@ onUnmounted(() => {
          </VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>
  </div>
 </template>
--- a/src/components/cards/FilterRuleGroupCard.vue
+++ b/src/components/cards/FilterRuleGroupCard.vue
@@ -223,7 +223,7 @@ function onClose() {
        <VImg :src="filter_group_svg" cover class="mt-10" max-width="3rem" />
      </VCardText>
    </VCard>
-    <DialogWrapper
+    <VDialog
      v-if="groupInfoDialog"
      v-model="groupInfoDialog"
      scrollable
@@ -308,7 +308,7 @@ function onClose() {
          </VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>
    <ImportCodeDialog
      v-if="importCodeDialog"
      v-model="importCodeDialog"
--- a/src/components/cards/LibraryCard.vue
+++ b/src/components/cards/LibraryCard.vue
@@ -3,7 +3,7 @@ import type { MediaServerLibrary } from '@/api/types'
 import plex from '@images/misc/plex.png'
 import emby from '@images/misc/emby.png'
 import jellyfin from '@images/misc/jellyfin.png'
-import trimemedia from '@images/logos/trimemedia.png'
+import { getLogoUrl } from '@/utils/imageUtils'
 import { openMediaServerWithAutoDetect } from '@/utils/appDeepLink'

 // 输入参数
@@ -40,7 +40,7 @@ function getDefaultImage() {
  if (props.media?.server_type === 'plex') return plex
  else if (props.media?.server_type === 'emby') return emby
  else if (props.media?.server_type === 'jellyfin') return jellyfin
-  else if (props.media?.server_type === 'trimemedia') return trimemedia
+  else if (props.media?.server_type === 'trimemedia') return getLogoUrl('trimemedia')
  else return plex
 }

@@ -72,11 +72,11 @@ async function drawImages(imageList: string[]) {
  if (!canvas) return getDefaultImage()

  // 画布参数
-  const POSTER_WIDTH = (canvas.width - 40) / 4  // 左右边框8px + 3个间隔24px = 40px
-  const POSTER_HEIGHT = 256  // 上方海报高256
-  const MARGIN_WIDTH = 8  // 左右间隔为8
-  const MARGIN_HEIGHT = 4  // 海报和倒影之间的间隔为4
-  const REFLECTION_HEIGHT = canvas.height - POSTER_HEIGHT - MARGIN_HEIGHT  // 下方倒影使用剩余全部高度
+  const POSTER_WIDTH = (canvas.width - 40) / 4 // 左右边框8px + 3个间隔24px = 40px
+  const POSTER_HEIGHT = 256 // 上方海报高256
+  const MARGIN_WIDTH = 8 // 左右间隔为8
+  const MARGIN_HEIGHT = 4 // 海报和倒影之间的间隔为4
+  const REFLECTION_HEIGHT = canvas.height - POSTER_HEIGHT - MARGIN_HEIGHT // 下方倒影使用剩余全部高度

  // 获取画布上下文
  const ctx = canvas.getContext('2d')
@@ -107,30 +107,20 @@ async function drawImages(imageList: string[]) {
    }

    const x = MARGIN_WIDTH * index + POSTER_WIDTH * (index - 1)
-    const y = 0  // 海报紧贴顶部
+    const y = 0 // 海报紧贴顶部

    ctx.drawImage(img, x, y, POSTER_WIDTH, POSTER_HEIGHT)

    ctx.save()
    ctx.translate(0, canvas.height)
    ctx.scale(1, -1)
-    ctx.drawImage(
-      img,
-      0,
-      0,
-      img.width,
-      img.height,
-      x,
-      0,
-      POSTER_WIDTH,
-      REFLECTION_HEIGHT,
-    )
+    ctx.drawImage(img, 0, 0, img.width, img.height, x, 0, POSTER_WIDTH, REFLECTION_HEIGHT)

    const gradient = ctx.createLinearGradient(0, 0, 0, canvas.height - (POSTER_HEIGHT + MARGIN_HEIGHT))

    gradient.addColorStop(0, 'rgba(0, 0, 0, 1)')
    gradient.addColorStop(1, 'rgba(0, 0, 0, 0.7)')
-    ctx.globalCompositeOperation = 'destination-out';
+    ctx.globalCompositeOperation = 'destination-out'
    ctx.fillStyle = gradient
    ctx.fillRect(x, 0, POSTER_WIDTH, REFLECTION_HEIGHT)

--- a/src/components/cards/MediaCard.vue
+++ b/src/components/cards/MediaCard.vue
@@ -1,8 +1,6 @@
 <script lang="ts" setup>
 import noImage from '@images/no-image.jpeg'
-import tmdbImage from '@images/logos/tmdb.png'
-import doubanImage from '@images/logos/douban-black.png'
-import bangumiImage from '@images/logos/bangumi.png'
+import { getLogoUrl } from '@/utils/imageUtils'
 import api from '@/api'
 import { useToast } from 'vue-toastification'
 import { formatSeason, formatRating } from '@/@core/utils/formatters'
@@ -64,9 +62,9 @@ const seasonsSelected = ref<MediaSeason[]>([])

 // 来源角标字典
 const sourceIconDict: { [key: string]: any } = {
-  themoviedb: tmdbImage,
-  douban: doubanImage,
-  bangumi: bangumiImage,
+  themoviedb: getLogoUrl('tmdb'),
+  douban: getLogoUrl('douban-black'),
+  bangumi: getLogoUrl('bangumi'),
 }

 // 绑定MediaCard元素
--- a/src/components/cards/MediaServerCard.vue
+++ b/src/components/cards/MediaServerCard.vue
@@ -1,11 +1,7 @@
 <script setup lang="ts">
 import { MediaServerConf, MediaServerLibrary, MediaStatistic } from '@/api/types'
 import { useToast } from 'vue-toastification'
-import emby_image from '@images/logos/emby.png'
-import jellyfin_image from '@images/logos/jellyfin.png'
-import plex_image from '@images/logos/plex.png'
-import trimemedia_image from '@images/logos/trimemedia.png'
-import custom_image from '@images/logos/mediaserver.png'
+import { getLogoUrl } from '@/utils/imageUtils'
 import api from '@/api'
 import { cloneDeep } from 'lodash-es'
 import { useI18n } from 'vue-i18n'
@@ -109,15 +105,15 @@ function saveMediaServerInfo() {
 const getIcon = computed(() => {
  switch (props.mediaserver.type) {
    case 'emby':
-      return emby_image
+      return getLogoUrl('emby')
    case 'jellyfin':
-      return jellyfin_image
+      return getLogoUrl('jellyfin')
    case 'trimemedia':
-      return trimemedia_image
+      return getLogoUrl('trimemedia')
    case 'plex':
-      return plex_image
+      return getLogoUrl('plex')
    default:
-      return custom_image
+      return getLogoUrl('mediaserver')
  }
 })

@@ -204,7 +200,7 @@ onMounted(() => {
      </VCardText>
    </VCard>

-    <DialogWrapper
+    <VDialog
      v-if="mediaServerInfoDialog"
      v-model="mediaServerInfoDialog"
      scrollable
@@ -262,6 +258,16 @@ onMounted(() => {
                  prepend-inner-icon="mdi-play-network"
                />
              </VCol>
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="mediaServerInfo.config.username"
+                  :label="t('mediaserver.username')"
+                  :hint="t('mediaserver.usernameHint')"
+                  persistent-hint
+                  active
+                  prepend-inner-icon="mdi-account"
+                />
+              </VCol>
              <VCol cols="12" md="6">
                <VTextField
                  v-model="mediaServerInfo.config.apikey"
@@ -506,6 +512,6 @@ onMounted(() => {
          </VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>
  </div>
 </template>
--- a/src/components/cards/NotificationChannelCard.vue
+++ b/src/components/cards/NotificationChannelCard.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { NotificationConf } from '@/api/types'
-import wechat_image from '@images/logos/wechat.png'
-import telegram_image from '@images/logos/telegram.webp'
-import vocechat_image from '@images/logos/vocechat.png'
-import synologychat_image from '@images/logos/synologychat.png'
-import slack_image from '@images/logos/slack.webp'
-import chrome_image from '@images/logos/chrome.png'
-import custom_image from '@images/logos/notification.png'
+import { getLogoUrl } from '@/utils/imageUtils'
 import { useToast } from 'vue-toastification'
 import { cloneDeep } from 'lodash-es'
 import { useI18n } from 'vue-i18n'
@@ -99,19 +93,19 @@ function saveNotificationInfo() {
 const getIcon = computed(() => {
  switch (props.notification.type) {
    case 'wechat':
-      return wechat_image
+      return getLogoUrl('wechat')
    case 'telegram':
-      return telegram_image
+      return getLogoUrl('telegram')
    case 'vocechat':
-      return vocechat_image
+      return getLogoUrl('vocechat')
    case 'synologychat':
-      return synologychat_image
+      return getLogoUrl('synologychat')
    case 'slack':
-      return slack_image
+      return getLogoUrl('slack')
    case 'webpush':
-      return chrome_image
+      return getLogoUrl('chrome')
    default:
-      return custom_image
+      return getLogoUrl('notification')
  }
 })

@@ -141,7 +135,7 @@ function onClose() {
      </VCardText>
    </VCard>

-    <DialogWrapper
+    <VDialog
      v-if="notificationInfoDialog"
      v-model="notificationInfoDialog"
      scrollable
@@ -476,6 +470,6 @@ function onClose() {
          </VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>
  </div>
 </template>
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -3,7 +3,7 @@ import { useToast } from 'vue-toastification'
 import VersionHistory from '../misc/VersionHistory.vue'
 import api from '@/api'
 import type { Plugin } from '@/api/types'
-import noImage from '@images/logos/plugin.png'
+import { getLogoUrl } from '@/utils/imageUtils'
 import { getDominantColor } from '@/@core/utils/image'
 import { isNullOrEmptyObject } from '@/@core/utils'
 import ProgressDialog from '@/components/dialog/ProgressDialog.vue'
@@ -103,10 +103,12 @@ async function installPlugin() {

 // 计算图标路径
 const iconPath: Ref<string> = computed(() => {
-  if (imageLoadError.value) return noImage
+  if (imageLoadError.value) return getLogoUrl('plugin')
  // 如果是网络图片则使用代理后返回
  if (props.plugin?.plugin_icon?.startsWith('http'))
-    return `${import.meta.env.VITE_API_BASE_URL}system/img/1?imgurl=${encodeURIComponent(props.plugin?.plugin_icon)}&cache=true`
+    return `${import.meta.env.VITE_API_BASE_URL}system/img/1?imgurl=${encodeURIComponent(
+      props.plugin?.plugin_icon,
+    )}&cache=true`

  return `./plugin_icon/${props.plugin?.plugin_icon}`
 })
@@ -267,15 +269,15 @@ const dropdownItems = ref([
    <!-- 安装插件进度框 -->
    <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" />
    <!-- 更新日志 -->
-    <DialogWrapper v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable>
+    <VDialog v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable>
      <VCard :title="t('plugin.updateHistoryTitle', { name: props.plugin?.plugin_name })">
        <VDialogCloseBtn @click="releaseDialog = false" />
        <VDivider />
        <VersionHistory :history="props.plugin?.history" />
      </VCard>
-    </DialogWrapper>
+    </VDialog>
    <!-- 插件详情-->
-    <DialogWrapper v-if="detailDialog" v-model="detailDialog" max-width="30rem">
+    <VDialog v-if="detailDialog" v-model="detailDialog" max-width="30rem">
      <VCard>
        <VDialogCloseBtn @click="detailDialog = false" />
        <VCardText>
@@ -335,6 +337,6 @@ const dropdownItems = ref([
          </VCol>
        </VCardText>
      </VCard>
-    </DialogWrapper>
+    </VDialog>
  </div>
 </template>
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -4,7 +4,7 @@ import { useConfirm } from '@/composables/useConfirm'
 import api from '@/api'
 import type { Plugin } from '@/api/types'
 import { isNullOrEmptyObject } from '@core/utils'
-import noImage from '@images/logos/plugin.png'
+import { getLogoUrl } from '@/utils/imageUtils'
 import { getDominantColor } from '@/@core/utils/image'
 import VersionHistory from '@/components/misc/VersionHistory.vue'
 import ProgressDialog from '../dialog/ProgressDialog.vue'
@@ -167,7 +167,7 @@ async function showPluginConfig() {

 // 计算图标路径
 const iconPath: Ref<string> = computed(() => {
-  if (imageLoadError.value) return noImage
+  if (imageLoadError.value) return getLogoUrl('plugin')
  // 如果是网络图片则使用代理后返回
  if (props.plugin?.plugin_icon?.startsWith('http'))
    return `${import.meta.env.VITE_API_BASE_URL}system/img/1?imgurl=${encodeURIComponent(
@@ -547,7 +547,7 @@ watch(
    <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" />

    <!-- 更新日志 -->
-    <DialogWrapper v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable :fullscreen="!display.mdAndUp.value">
+    <VDialog v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable :fullscreen="!display.mdAndUp.value">
      <VCard :title="t('plugin.updateHistoryTitle', { name: props.plugin?.plugin_name })">
        <VDialogCloseBtn @click="releaseDialog = false" />
        <VDivider />
@@ -562,10 +562,10 @@ watch(
          </VBtn>
        </VCardItem>
      </VCard>
-    </DialogWrapper>
+    </VDialog>

    <!-- 实时日志弹窗 -->
-    <DialogWrapper
+    <VDialog
      v-if="loggingDialog"
      v-model="loggingDialog"
      scrollable
@@ -591,10 +591,10 @@ watch(
          <LoggingView :logfile="`plugins/${props.plugin?.id?.toLowerCase()}.log`" />
        </VCardText>
      </VCard>
-    </DialogWrapper>
+    </VDialog>

    <!-- 插件分身对话框 -->
-    <DialogWrapper
+    <VDialog
      v-if="pluginCloneDialog"
      v-model="pluginCloneDialog"
      width="600"
@@ -700,7 +700,7 @@ watch(
          </VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>
  </div>
 </template>

--- a/src/components/cards/PluginFolderCard.vue
+++ b/src/components/cards/PluginFolderCard.vue
@@ -350,7 +350,7 @@ const dropdownItems = ref([
    </VHover>

    <!-- 重命名对话框 -->
-    <DialogWrapper v-if="renameDialog" v-model="renameDialog" max-width="400">
+    <VDialog v-if="renameDialog" v-model="renameDialog" max-width="400">
      <VCard>
        <VCardItem>
          <template #prepend>
@@ -374,10 +374,10 @@ const dropdownItems = ref([
          <VBtn color="primary" prepend-icon="mdi-check" class="px-5" @click="confirmRename">确认</VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>

    <!-- 设置对话框 -->
-    <DialogWrapper
+    <VDialog
      v-if="settingDialog"
      v-model="settingDialog"
      max-width="600"
@@ -480,7 +480,7 @@ const dropdownItems = ref([
          <VBtn color="primary" prepend-icon="mdi-content-save" class="px-5" @click="saveSettings">保存</VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>
  </div>
 </template>

--- a/src/components/cards/SiteCard.vue
+++ b/src/components/cards/SiteCard.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { PropType } from 'vue'
-import noImage from '@images/logos/site.webp'
+import { getLogoUrl } from '@/utils/imageUtils'
 import { useToast } from 'vue-toastification'
 import { useI18n } from 'vue-i18n'
 import SiteAddEditDialog from '../dialog/SiteAddEditDialog.vue'
@@ -62,7 +62,7 @@ async function getSiteIcon() {
  try {
    siteIcon.value = (await api.get(`site/icon/${cardProps.site?.id}`)).data.icon
    if (!siteIcon.value) {
-      siteIcon.value = noImage
+      siteIcon.value = getLogoUrl('site')
    }
  } catch (error) {
    console.error(error)
--- a/src/components/cards/StorageCard.vue
+++ b/src/components/cards/StorageCard.vue
@@ -220,7 +220,7 @@ function onClose() {
      @close="smbConfigDialog = false"
      @done="handleDone"
    />
-    <DialogWrapper
+    <VDialog
      v-if="customConfigDialog"
      v-model="customConfigDialog"
      scrollable
@@ -263,6 +263,6 @@ function onClose() {
          </VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>
  </div>
 </template>
--- a/src/components/cards/SubscribeCard.vue
+++ b/src/components/cards/SubscribeCard.vue
@@ -21,6 +21,14 @@ const { t } = useI18n()
 // 输入参数
 const props = defineProps({
  media: Object as PropType<Subscribe>,
+  batchMode: {
+    type: Boolean,
+    default: false,
+  },
+  selected: {
+    type: Boolean,
+    default: false,
+  },
 })

 // 从 provide 中获取全局设置
@@ -29,7 +37,7 @@ const globalSettingsStore = useGlobalSettingsStore()
 const globalSettings = globalSettingsStore.globalSettings

 // 定义触发的自定义事件
-const emit = defineEmits(['remove', 'save'])
+const emit = defineEmits(['remove', 'save', 'select'])

 // 确认框
 const createConfirm = useConfirm()
@@ -297,6 +305,17 @@ function onSubscribeEditRemove() {
  subscribeEditDialog.value = false
  emit('remove')
 }
+
+// 处理卡片点击事件
+function handleCardClick() {
+  if (props.batchMode) {
+    // 批量模式下触发选择事件
+    emit('select')
+  } else {
+    // 非批量模式下打开编辑弹窗
+    editSubscribeDialog()
+  }
+}
 </script>

 <template>
@@ -308,6 +327,7 @@ function onSubscribeEditRemove() {
          :class="{
            'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
            'outline-dashed outline-1': props.media?.best_version && imageLoaded,
+            'outline-dotted outline-pink-500 outline-2': props.batchMode && props.selected,
          }"
        >
          <VCard
@@ -319,8 +339,8 @@ function onSubscribeEditRemove() {
            }"
            rounded="0"
            min-height="150"
-            @click="editSubscribeDialog"
-            :ripple="false"
+            @click="handleCardClick"
+            :ripple="!props.batchMode"
          >
            <div class="me-n3 absolute top-1 right-4">
              <IconBtn>
--- a/src/components/cards/TorrentCard.vue
+++ b/src/components/cards/TorrentCard.vue
@@ -278,7 +278,7 @@ onMounted(() => {
    </VCard>

    <!-- 更多来源对话框 -->
-    <DialogWrapper v-model="showMoreTorrents" max-width="25rem" location="center">
+    <VDialog v-model="showMoreTorrents" max-width="25rem" location="center">
      <VCard>
        <VCardTitle class="py-3 d-flex align-center">
          <span>其他来源</span>
@@ -361,7 +361,7 @@ onMounted(() => {
          </VList>
        </VCardText>
      </VCard>
-    </DialogWrapper>
+    </VDialog>

    <AddDownloadDialog
      v-if="addDownloadDialog"
@@ -418,7 +418,7 @@ onMounted(() => {
 }

 .chip-web-source {
-  background-color: #8000FF;
+  background-color: #8000ff;
  color: white;
 }

--- a/src/components/dialog/AboutDialog.vue
+++ b/src/components/dialog/AboutDialog.vue
@@ -0,0 +1,382 @@
+<script lang="ts" setup>
+import { formatDateDifference } from '@/@core/utils/formatters'
+import api from '@/api'
+import { useI18n } from 'vue-i18n'
+import { useDisplay } from 'vuetify'
+
+// 国际化
+const { t } = useI18n()
+
+// 定义事件
+const emit = defineEmits(['close'])
+
+// 显示器
+const display = useDisplay()
+
+// 系统环境变量
+const systemEnv = ref<any>({})
+
+// 所有Release
+const allRelease = ref<any>([])
+
+// 支持站点
+const supportingSites = ref<any>({})
+
+// 支持站点折叠状态
+const sitesExpanded = ref(false)
+
+// 去重后的支持站点
+const uniqueSupportingSites = computed(() => {
+  const sitesMap = new Map()
+
+  Object.entries(supportingSites.value).forEach(([domain, site]: [string, any]) => {
+    if (!sitesMap.has(site.name)) {
+      sitesMap.set(site.name, {
+        name: site.name,
+        urls: [{ domain, url: site.url }],
+      })
+    } else {
+      sitesMap.get(site.name).urls.push({ domain, url: site.url })
+    }
+  })
+
+  return Array.from(sitesMap.values())
+})
+
+// 显示的支持站点（折叠时只显示前5个）
+const displayedSites = computed(() => {
+  if (sitesExpanded.value) {
+    return uniqueSupportingSites.value
+  }
+  return uniqueSupportingSites.value.slice(0, 5)
+})
+
+// 变更日志对话框
+const releaseDialog = ref(false)
+
+// 最新版本
+const latestRelease = ref('')
+
+// 变更日志对话框标题
+const releaseDialogTitle = ref('')
+
+// 变更日志对话框内容
+const releaseDialogBody = ref('')
+
+// 打开日志对话框
+function showReleaseDialog(title: string, body: string) {
+  releaseDialogTitle.value = title
+  releaseDialogBody.value = body.replaceAll('\r\n', '<br />')
+  releaseDialog.value = true
+}
+
+// 查询系统环境变量
+async function querySystemEnv() {
+  try {
+    const result: { [key: string]: any } = await api.get('system/env')
+
+    systemEnv.value = result.data
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+// 查询所有Release
+async function queryAllRelease() {
+  try {
+    const result: { [key: string]: any } = await api.get('system/versions')
+
+    allRelease.value = result.data ?? []
+
+    // 最新版本
+    if (allRelease.value.length > 0) latestRelease.value = allRelease.value[0].tag_name
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+// 查询支持站点
+async function querySupportingSites() {
+  try {
+    supportingSites.value = await api.get('site/supporting')
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+// 切换站点列表展开状态
+function toggleSitesExpanded() {
+  sitesExpanded.value = !sitesExpanded.value
+}
+
+// 计算发布时间
+function releaseTime(releaseDate: string) {
+  // 上一次更新时间
+  return formatDateDifference(releaseDate)
+}
+
+onMounted(() => {
+  querySystemEnv()
+  queryAllRelease()
+  querySupportingSites()
+})
+</script>
+
+<template>
+  <VDialog max-width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
+    <VCard>
+      <VCardItem>
+        <VCardTitle>
+          <VIcon icon="mdi-information" class="me-2" />
+          {{ t('setting.about.title') }}
+        </VCardTitle>
+        <VDialogCloseBtn @click="emit('close')" />
+      </VCardItem>
+      <VDivider />
+      <VCardText>
+        <div class="px-3">
+          <div class="section">
+            <div class="section border-gray-800">
+              <dl>
+                <div>
+                  <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+                    <dt class="block text-sm font-bold">{{ t('setting.about.softwareVersion') }}</dt>
+                    <dd class="flex text-sm sm:col-span-2 sm:mt-0">
+                      <span class="flex-grow flex flex-row items-center truncate">
+                        <code class="truncate">{{ systemEnv.VERSION }}</code>
+                        <a
+                          v-if="latestRelease === systemEnv.VERSION"
+                          href="https://github.com/jxxghp/MoviePilot/releases"
+                          target="_blank"
+                          rel="noopener noreferrer"
+                        >
+                          <span
+                            class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full whitespace-nowrap bg-green-500 bg-opacity-80 border border-green-500 !text-green-100 ml-2 !cursor-pointer transition hover:bg-green-400"
+                          >
+                            {{ t('setting.about.latest') }}
+                          </span>
+                        </a>
+                      </span>
+                    </dd>
+                  </div>
+                </div>
+                <div v-if="systemEnv.FRONTEND_VERSION">
+                  <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+                    <dt class="block text-sm font-bold">{{ t('setting.about.frontendVersion') }}</dt>
+                    <dd class="flex text-sm sm:col-span-2 sm:mt-0">
+                      <span class="flex-grow flex flex-row items-center truncate">
+                        <code class="truncate">{{ systemEnv.FRONTEND_VERSION }}</code>
+                      </span>
+                    </dd>
+                  </div>
+                </div>
+                <div>
+                  <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+                    <dt class="block text-sm font-bold">{{ t('setting.about.authVersion') }}</dt>
+                    <dd class="flex text-sm sm:col-span-2 sm:mt-0">
+                      <span class="flex-grow flex flex-row items-center truncate">
+                        <code class="truncate">{{ systemEnv.AUTH_VERSION }}</code>
+                      </span>
+                    </dd>
+                  </div>
+                </div>
+                <div>
+                  <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+                    <dt class="block text-sm font-bold">{{ t('setting.about.indexerVersion') }}</dt>
+                    <dd class="flex text-sm sm:col-span-2 sm:mt-0">
+                      <span class="flex-grow flex flex-row items-center truncate">
+                        <code class="truncate">{{ systemEnv.INDEXER_VERSION }}</code>
+                      </span>
+                    </dd>
+                  </div>
+                </div>
+                <div>
+                  <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+                    <dt class="block text-sm font-bold">{{ t('setting.about.configDir') }}</dt>
+                    <dd class="flex text-sm sm:col-span-2 sm:mt-0">
+                      <span class="flex-grow undefined">
+                        <code>{{ systemEnv.CONFIG_DIR }}</code>
+                      </span>
+                    </dd>
+                  </div>
+                  <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+                    <dt class="block text-sm font-bold">{{ t('setting.about.dataDir') }}</dt>
+                    <dd class="flex text-sm sm:col-span-2 sm:mt-0">
+                      <span class="flex-grow undefined"
+                        ><code>{{ t('setting.about.dataDirectory') }}</code></span
+                      >
+                    </dd>
+                  </div>
+                </div>
+                <div>
+                  <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+                    <dt class="block text-sm font-bold">{{ t('setting.about.timezone') }}</dt>
+                    <dd class="flex text-sm sm:col-span-2 sm:mt-0">
+                      <span class="flex-grow undefined">
+                        <code>{{ systemEnv.TZ }}</code>
+                      </span>
+                    </dd>
+                  </div>
+                </div>
+                <div>
+                  <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+                    <dt class="block text-sm font-bold">{{ t('setting.about.supportingSites') }}</dt>
+                    <dd class="flex text-sm sm:col-span-2 sm:mt-0">
+                      <div class="flex flex-col gap-2">
+                        <div class="flex flex-wrap gap-2 mt-1 ms-1">
+                          <VChip v-for="site in displayedSites" :key="site.name" variant="outlined" size="small">
+                            <span class="truncate max-w-32">{{ site.name }}</span>
+                          </VChip>
+                          <VChip
+                            v-if="!sitesExpanded && uniqueSupportingSites.length > 5"
+                            variant="tonal"
+                            size="small"
+                            @click="toggleSitesExpanded"
+                          >
+                            <span> {{ uniqueSupportingSites.length }}+ ...</span>
+                          </VChip>
+                          <VChip
+                            v-if="sitesExpanded && uniqueSupportingSites.length > 5"
+                            variant="tonal"
+                            size="small"
+                            @click="toggleSitesExpanded"
+                          >
+                            <span>< {{ t('setting.about.collapse') }}</span>
+                          </VChip>
+                        </div>
+                      </div>
+                    </dd>
+                  </div>
+                </div>
+              </dl>
+            </div>
+          </div>
+          <div class="section">
+            <div>
+              <h3 class="heading">{{ t('setting.about.support') }}</h3>
+            </div>
+            <div class="section border-t border-gray-800">
+              <dl>
+                <div>
+                  <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+                    <dt class="block text-sm font-bold">{{ t('setting.about.documentation') }}</dt>
+                    <dd class="flex text-sm sm:col-span-2 sm:mt-0">
+                      <span class="flex-grow undefined">
+                        <a
+                          href="https://movie-pilot.org"
+                          target="_blank"
+                          rel="noreferrer"
+                          class="text-indigo-500 transition duration-300 hover:underline"
+                        >
+                          https://movie-pilot.org
+                        </a>
+                      </span>
+                    </dd>
+                  </div>
+                </div>
+                <div>
+                  <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+                    <dt class="block text-sm font-bold">{{ t('setting.about.feedback') }}</dt>
+                    <dd class="flex text-sm sm:col-span-2 sm:mt-0">
+                      <span class="flex-grow undefined">
+                        <a
+                          href="https://github.com/jxxghp/MoviePilot/issues/new/choose"
+                          target="_blank"
+                          rel="noreferrer"
+                          class="text-indigo-500 transition duration-300 hover:underline"
+                        >
+                          https://github.com/jxxghp/MoviePilot/issues/new/choose
+                        </a>
+                      </span>
+                    </dd>
+                  </div>
+                </div>
+                <div>
+                  <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+                    <dt class="block text-sm font-bold">{{ t('setting.about.channel') }}</dt>
+                    <dd class="flex text-sm sm:col-span-2 sm:mt-0">
+                      <span class="flex-grow undefined">
+                        <a
+                          href="https://t.me/moviepilot_channel"
+                          target="_blank"
+                          rel="noreferrer"
+                          class="text-indigo-500 transition duration-300 hover:underline"
+                        >
+                          https://t.me/moviepilot_channel
+                        </a>
+                      </span>
+                    </dd>
+                  </div>
+                </div>
+              </dl>
+            </div>
+          </div>
+          <div class="section">
+            <div>
+              <h3 class="heading">{{ t('setting.about.versions') }}</h3>
+              <div class="section space-y-3">
+                <div>
+                  <div
+                    v-for="release in allRelease"
+                    :key="release.tag_name"
+                    class="mb-3 flex w-full flex-col space-y-3 rounded-md px-4 py-2 ring-1 ring-gray-400 sm:flex-row sm:space-y-0 sm:space-x-3"
+                  >
+                    <div class="flex w-full flex-grow items-center justify-start space-x-2 truncate sm:justify-start">
+                      <span class="truncate text-lg font-bold">
+                        <span class="mr-2 whitespace-nowrap text-xs font-normal">{{
+                          releaseTime(release.published_at)
+                        }}</span>
+                        {{ release.tag_name }}
+                      </span>
+                      <span
+                        v-if="release.tag_name === latestRelease"
+                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full whitespace-nowrap cursor-default bg-green-500 bg-opacity-80 border border-green-500 !text-green-100"
+                      >
+                        {{ t('setting.about.latestVersion') }}
+                      </span>
+                      <span
+                        v-if="release.tag_name === systemEnv.VERSION"
+                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full whitespace-nowrap cursor-default bg-indigo-500 bg-opacity-80 border border-indigo-500 !text-indigo-100"
+                      >
+                        {{ t('setting.about.currentVersion') }}
+                      </span>
+                    </div>
+                    <VBtn @click.stop="showReleaseDialog(release.tag_name, release.body)">
+                      <template #prepend>
+                        <VIcon icon="mdi-text-box-outline" />
+                      </template>
+                      {{ t('setting.about.viewChangelog') }}
+                    </VBtn>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </VCardText>
+    </VCard>
+    <VDialog v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable>
+      <VCard>
+        <VCardItem>
+          <VDialogCloseBtn @click="releaseDialog = false" />
+          <VCardTitle>{{ releaseDialogTitle }} {{ t('setting.about.changelog') }}</VCardTitle>
+        </VCardItem>
+        <VCardText v-html="releaseDialogBody" />
+      </VCard>
+    </VDialog>
+  </VDialog>
+</template>
+
+<style type="scss" scoped>
+.heading {
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 2rem;
+
+  --tw-text-opacity: 1;
+}
+
+.section {
+  margin-block: 0.5rem 2.5rem;
+}
+</style>
--- a/src/components/dialog/AddDownloadDialog.vue
+++ b/src/components/dialog/AddDownloadDialog.vue
@@ -132,7 +132,7 @@ onMounted(() => {
 })
 </script>
 <template>
-  <DialogWrapper max-width="35rem" scrollable>
+  <VDialog max-width="35rem" scrollable>
    <VCard>
      <VCardItem class="py-2">
        <template #prepend>
@@ -209,5 +209,5 @@ onMounted(() => {
        </VBtn>
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/AlistConfigDialog.vue
+++ b/src/components/dialog/AlistConfigDialog.vue
@@ -70,7 +70,7 @@ async function savaAlistConfig() {
 </script>

 <template>
-  <DialogWrapper width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VDialogCloseBtn @click="emit('close')" />
      <VCardItem>
@@ -143,5 +143,5 @@ async function savaAlistConfig() {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/AliyunAuthDialog.vue
+++ b/src/components/dialog/AliyunAuthDialog.vue
@@ -110,7 +110,7 @@ onUnmounted(() => {
 </script>

 <template>
-  <DialogWrapper width="40rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog width="40rem" scrollable :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VDialogCloseBtn @click="emit('close')" />
      <VCardItem>
@@ -148,5 +148,5 @@ onUnmounted(() => {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/ForkSubscribeDialog.vue
+++ b/src/components/dialog/ForkSubscribeDialog.vue
@@ -170,7 +170,7 @@ onMounted(() => {
 })
 </script>
 <template>
-  <DialogWrapper max-width="40rem" scrollable>
+  <VDialog max-width="40rem" scrollable>
    <VCard>
      <VCardText>
        <VCol>
@@ -286,5 +286,5 @@ onMounted(() => {
      </VCardText>
      <VDialogCloseBtn @click="emit('close')" />
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/ForkWorkflowDialog.vue
+++ b/src/components/dialog/ForkWorkflowDialog.vue
@@ -156,7 +156,7 @@ async function doDelete() {
 }
 </script>
 <template>
-  <DialogWrapper max-width="40rem" scrollable>
+  <VDialog max-width="40rem" scrollable>
    <VCard>
      <VCardText>
        <VCol>
@@ -266,7 +266,7 @@ async function doDelete() {
      </VCardText>
      <VDialogCloseBtn @click="emit('close')" />
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

 <style lang="scss">
--- a/src/components/dialog/ImportCodeDialog.vue
+++ b/src/components/dialog/ImportCodeDialog.vue
@@ -24,7 +24,7 @@ function handleImport() {
 </script>

 <template>
-  <DialogWrapper width="40rem" scrollable max-height="85vh">
+  <VDialog width="40rem" scrollable max-height="85vh">
    <VCard>
      <VCardItem>
        <template #prepend>
@@ -43,5 +43,5 @@ function handleImport() {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/MediaInfoDialog.vue
+++ b/src/components/dialog/MediaInfoDialog.vue
@@ -15,12 +15,12 @@ defineProps({
 const emit = defineEmits(['close'])
 </script>
 <template>
-  <DialogWrapper max-width="50rem">
+  <VDialog max-width="50rem">
    <VCard>
      <VDialogCloseBtn @click="emit('close')" />
      <VCardItem>
        <MediaInfoCard :context="context" />
      </VCardItem>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/PluginConfigDialog.vue
+++ b/src/components/dialog/PluginConfigDialog.vue
@@ -148,7 +148,7 @@ onBeforeMount(async () => {
 })
 </script>
 <template>
-  <DialogWrapper scrollable max-width="60rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="60rem" :fullscreen="!display.mdAndUp.value">
    <!-- Vuetify 渲染模式 -->
    <VCard v-if="renderMode === 'vuetify'" :title="`${props.plugin?.plugin_name} - ${t('dialog.pluginConfig.title')}`">
      <VDialogCloseBtn @click="emit('close')" />
@@ -187,5 +187,5 @@ onBeforeMount(async () => {

    <!-- 进度框 -->
    <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" />
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/PluginDataDialog.vue
+++ b/src/components/dialog/PluginDataDialog.vue
@@ -124,7 +124,7 @@ onMounted(() => {
 })
 </script>
 <template>
-  <DialogWrapper scrollable max-width="80rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="80rem" :fullscreen="!display.mdAndUp.value">
    <!-- Vuetify 渲染模式 -->
    <VCard v-if="renderMode === 'vuetify'" :title="`${props.plugin?.plugin_name}`">
      <VDialogCloseBtn @click="emit('close')" />
@@ -160,5 +160,5 @@ onMounted(() => {
        />
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/PluginMarketSettingDialog.vue
+++ b/src/components/dialog/PluginMarketSettingDialog.vue
@@ -63,7 +63,7 @@ onMounted(() => {
 </script>

 <template>
-  <DialogWrapper width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem>
        <VCardTitle>
@@ -89,5 +89,5 @@ onMounted(() => {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/ProgressDialog.vue
+++ b/src/components/dialog/ProgressDialog.vue
@@ -10,12 +10,12 @@ const props = defineProps({
 </script>
 <template>
  <!-- Progress Dialog -->
-  <DialogWrapper :scrim="false" width="25rem">
+  <VDialog :scrim="false" width="25rem">
    <VCard elevation="3" color="primary">
      <VCardText class="text-center">
        {{ props.text || t('dialog.progress.processing') }}
        <VProgressLinear color="white" class="mb-0 mt-1" :model-value="props.value" indeterminate />
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/RcloneConfigDialog.vue
+++ b/src/components/dialog/RcloneConfigDialog.vue
@@ -57,7 +57,7 @@ async function handleReset() {
 </script>

 <template>
-  <DialogWrapper width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VDialogCloseBtn @click="emit('close')" />
      <VCardItem>
@@ -99,5 +99,5 @@ async function handleReset() {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/ReorganizeDialog.vue
+++ b/src/components/dialog/ReorganizeDialog.vue
@@ -205,7 +205,7 @@ const progressSSE = useProgressSSE(
  `${import.meta.env.VITE_API_BASE_URL}system/progress/filetransfer`,
  handleProgressMessage,
  'reorganize-progress',
-  progressActive
+  progressActive,
 )

 // 使用SSE监听加载进度
@@ -269,7 +269,7 @@ onUnmounted(() => {
 </script>

 <template>
-  <DialogWrapper scrollable max-width="45rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="45rem" :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem class="py-2">
        <template #prepend> <VIcon icon="mdi-folder-move" class="me-2" /> </template>
@@ -487,7 +487,7 @@ onUnmounted(() => {
    <!-- 手动整理进度框 -->
    <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" :value="progressValue" />
    <!-- TMDB ID搜索框 -->
-    <DialogWrapper v-model="mediaSelectorDialog" width="40rem" scrollable max-height="85vh">
+    <VDialog v-model="mediaSelectorDialog" width="40rem" scrollable max-height="85vh">
      <MediaIdSelector
        v-if="mediaSource === 'themoviedb'"
        v-model="transferForm.tmdbid"
@@ -500,6 +500,6 @@ onUnmounted(() => {
        @close="mediaSelectorDialog = false"
        :type="mediaSource"
      />
-    </DialogWrapper>
-  </DialogWrapper>
+    </VDialog>
+  </VDialog>
 </template>
--- a/src/components/dialog/SearchBarDialog.vue
+++ b/src/components/dialog/SearchBarDialog.vue
@@ -3,7 +3,7 @@ import api from '@/api'
 import type { Site, Plugin, Subscribe } from '@/api/types'
 import { getNavMenus, getSettingTabs } from '@/router/i18n-menu'
 import { NavMenu } from '@/@layouts/types'
-import { useUserStore } from '@/stores'
+import { useUserStore, useGlobalSettingsStore } from '@/stores'
 import SearchSiteDialog from '@/components/dialog/SearchSiteDialog.vue'
 import { useI18n } from 'vue-i18n'
 import { useDisplay } from 'vuetify'
@@ -26,6 +26,10 @@ const router = useRouter()
 // 用户 Store
 const userStore = useUserStore()

+// 全局设置 Store
+const globalSettingsStore = useGlobalSettingsStore()
+const globalSettings = globalSettingsStore.globalSettings
+
 // 超级用户
 const superUser = userStore.superUser

@@ -63,6 +67,11 @@ const hasManagePermission = computed(() => {
  )
 })

+// 是否显示合集搜索项（当SEARCH_SOURCE包含themoviedb时显示）
+const showCollectionSearch = computed(() => {
+  return globalSettings.SEARCH_SOURCE?.includes('themoviedb') || false
+})
+
 // 所有订阅数据
 const SubscribeItems = ref<Subscribe[]>([])

@@ -370,7 +379,7 @@ onMounted(() => {
 })
 </script>
 <template>
-  <DialogWrapper v-model="dialog" max-width="42rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog v-model="dialog" max-width="42rem" scrollable :fullscreen="!display.mdAndUp.value">
    <VCard class="search-dialog">
      <!-- 搜索输入框 -->
      <VCardItem class="pa-4 pa-sm-5 search-box-container">
@@ -435,7 +444,7 @@ onMounted(() => {
            </template>
          </VHover>

-          <VHover>
+          <VHover v-if="showCollectionSearch">
            <template #default="hover">
              <VListItem
                density="comfortable"
@@ -785,7 +794,7 @@ onMounted(() => {
        </div>
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>

  <!-- 站点选择对话框 -->
  <SearchSiteDialog
--- a/src/components/dialog/SearchSiteDialog.vue
+++ b/src/components/dialog/SearchSiteDialog.vue
@@ -56,7 +56,7 @@ const filteredSites = computed(() => {
 </script>
 <template>
  <!-- Site Selection Dialog -->
-  <DialogWrapper max-width="40rem" fullscreen-mobile>
+  <VDialog max-width="40rem" fullscreen-mobile>
    <VCard class="site-dialog">
      <VCardItem>
        <template #prepend>
@@ -169,7 +169,7 @@ const filteredSites = computed(() => {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
 <style scoped>
 .site-checkbox-wrapper {
--- a/src/components/dialog/SiteAddEditDialog.vue
+++ b/src/components/dialog/SiteAddEditDialog.vue
@@ -147,7 +147,7 @@ onMounted(async () => {
 </script>

 <template>
-  <DialogWrapper scrollable :close-on-back="false" eager max-width="45rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable :close-on-back="false" eager max-width="45rem" :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem :class="props.oper === 'add' ? 'py-3' : 'py-2'">
        <template #prepend>
@@ -350,5 +350,5 @@ onMounted(async () => {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/SiteCookieUpdateDialog.vue
+++ b/src/components/dialog/SiteCookieUpdateDialog.vue
@@ -71,7 +71,7 @@ async function updateSiteCookie() {
 }
 </script>
 <template>
-  <DialogWrapper max-width="30rem" scrollable>
+  <VDialog max-width="30rem" scrollable>
    <!-- Dialog Content -->
    <VCard :title="t('dialog.siteCookieUpdate.title')">
      <VDialogCloseBtn @click="emit('close')" />
@@ -114,5 +114,5 @@ async function updateSiteCookie() {
    </VCard>
    <!-- 进度框 -->
    <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" />
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/SiteImportDialog.vue
+++ b/src/components/dialog/SiteImportDialog.vue
@@ -0,0 +1,423 @@
+<script lang="ts" setup>
+import { useToast } from 'vue-toastification'
+import type { Site } from '@/api/types'
+import { doneNProgress, startNProgress } from '@/api/nprogress'
+import api from '@/api'
+import { useDisplay } from 'vuetify'
+import { useI18n } from 'vue-i18n'
+
+// 国际化
+const { t } = useI18n()
+
+// 显示器宽度
+const display = useDisplay()
+
+// 提示框
+const $toast = useToast()
+
+// 注册事件
+const emit = defineEmits(['update:modelValue', 'import-success'])
+
+// 界面阶段枚举
+enum ImportStage {
+  SELECT_FILE = 'select_file', // 选择文件阶段
+  PREVIEW_FILE = 'preview_file', // 文件预览阶段
+  IMPORTING = 'importing', // 正在导入阶段
+  IMPORT_COMPLETE = 'import_complete', // 导入完成阶段
+}
+
+// 当前阶段
+const currentStage = ref<ImportStage>(ImportStage.SELECT_FILE)
+
+// 是否拖拽中
+const isDragging = ref(false)
+
+// 导入的文件数据
+const importData = ref<Site[]>([])
+
+// 导入进度
+const importProgress = ref(0)
+
+// 预览数据
+const previewData = ref<Site[]>([])
+
+// 选中的文件
+const selectedFile = ref<File | null>(null)
+
+// 导入错误信息
+const importErrors = ref<Array<{ site: Site; error: string }>>([])
+
+// 导入成功的站点
+const importSuccesses = ref<Site[]>([])
+
+// 是否显示错误详情
+const showErrorDetails = ref(false)
+
+// 处理拖拽事件
+function handleDragOver(event: DragEvent) {
+  event.preventDefault()
+  isDragging.value = true
+}
+
+function handleDragLeave(event: DragEvent) {
+  event.preventDefault()
+  isDragging.value = false
+}
+
+async function handleDrop(event: DragEvent) {
+  event.preventDefault()
+  isDragging.value = false
+
+  const files = event.dataTransfer?.files
+  if (files && files.length > 0) {
+    const file = files[0]
+    if (file.type === 'application/json' || file.name.endsWith('.json')) {
+      selectedFile.value = file
+      await processFile(file)
+    } else {
+      $toast.error(t('site.messages.invalidFileType'))
+    }
+  }
+}
+
+// 处理文件
+async function processFile(file: File) {
+  try {
+    const text = await file.text()
+    const data = JSON.parse(text)
+
+    if (Array.isArray(data)) {
+      importData.value = data
+      previewData.value = data.slice(0, 5) // 只显示前5个站点作为预览
+      currentStage.value = ImportStage.PREVIEW_FILE
+    } else {
+      $toast.error(t('site.messages.invalidFileFormat'))
+    }
+  } catch (error) {
+    console.error('Parse file error:', error)
+    $toast.error(t('site.messages.parseFileError'))
+  }
+}
+
+// 验证站点数据
+function validateSiteData(site: any): boolean {
+  const requiredFields = ['name', 'domain', 'url']
+  return requiredFields.every(field => site[field])
+}
+
+// 批量导入站点
+async function importSites() {
+  if (importData.value.length === 0) {
+    $toast.error(t('site.messages.noDataToImport'))
+    return
+  }
+
+  // 验证数据
+  const validSites = importData.value.filter(validateSiteData)
+  if (validSites.length === 0) {
+    $toast.error(t('site.messages.noValidData'))
+    return
+  }
+
+  if (validSites.length !== importData.value.length) {
+    $toast.warning(t('site.messages.someInvalidData', { valid: validSites.length, total: importData.value.length }))
+  }
+
+  // 进入导入阶段
+  currentStage.value = ImportStage.IMPORTING
+  startNProgress()
+  importProgress.value = 0
+
+  try {
+    let successCount = 0
+    let failCount = 0
+    importErrors.value = [] // 清空之前的错误信息
+    importSuccesses.value = [] // 清空之前的成功信息
+
+    for (let i = 0; i < validSites.length; i++) {
+      const site = validSites[i]
+      try {
+        // 移除id字段，避免冲突
+        const { id, ...siteData } = site
+        const result: { success: boolean; message?: string } = await api.post('site/', siteData)
+        if (result.success) {
+          // 记录成功的站点
+          successCount++
+          importSuccesses.value.push(site)
+        } else {
+          failCount++
+          // 记录失败信息
+          importErrors.value.push({
+            site,
+            error: result.message || t('site.messages.importFailed'),
+          })
+        }
+      } catch (error) {
+        console.error(`Import site ${site.name} failed:`, error)
+        failCount++
+        // 记录错误信息
+        importErrors.value.push({
+          site,
+          error: error instanceof Error ? error.message : t('site.messages.importFailed'),
+        })
+      }
+      // 更新进度
+      importProgress.value = Math.round(((i + 1) / validSites.length) * 100)
+    }
+
+    // 进入完成阶段
+    currentStage.value = ImportStage.IMPORT_COMPLETE
+
+    // 显示导入结果
+    if (failCount === 0 && successCount > 0) {
+      // 全部成功，直接关闭对话框
+      $toast.success(t('site.messages.importSuccess', { count: successCount }))
+      closeDialog(true)
+    } else if (successCount === 0 && failCount > 0) {
+      // 全部失败的情况
+      $toast.error(t('site.messages.importAllFailed', { count: failCount }))
+      showErrorDetails.value = true
+    } else {
+      // 部分成功部分失败的情况
+      $toast.error(t('site.messages.importPartialFailed', { success: successCount, failed: failCount }))
+      showErrorDetails.value = true
+    }
+  } catch (error) {
+    console.error('Import sites failed:', error)
+    $toast.error(t('site.messages.importFailed'))
+    // 出错时回到预览阶段
+    currentStage.value = ImportStage.PREVIEW_FILE
+  } finally {
+    doneNProgress()
+  }
+}
+
+// 重置到文件选择阶段
+function resetToFileSelection() {
+  currentStage.value = ImportStage.SELECT_FILE
+  importData.value = []
+  previewData.value = []
+  importProgress.value = 0
+  isDragging.value = false
+  selectedFile.value = null
+  importErrors.value = []
+  importSuccesses.value = []
+  showErrorDetails.value = false
+}
+
+// 关闭对话框
+function closeDialog(success: boolean = false) {
+  if (success) {
+    emit('import-success')
+  }
+  emit('update:modelValue', false)
+}
+
+// 监听文件选择
+watch(selectedFile, async newFile => {
+  if (newFile) {
+    await processFile(newFile)
+  }
+})
+</script>
+
+<template>
+  <VDialog scrollable max-width="50rem" :fullscreen="!display.mdAndUp.value">
+    <VCard>
+      <VCardItem class="py-2">
+        <template #prepend>
+          <VIcon icon="mdi-upload" class="me-2" />
+        </template>
+        <VCardTitle>{{ t('site.actions.import') }}</VCardTitle>
+        <VCardSubtitle>{{ t('site.hints.import') }}</VCardSubtitle>
+      </VCardItem>
+      <VDialogCloseBtn @click="closeDialog" />
+      <VDivider />
+      <VCardText>
+        <!-- 阶段1：选择文件阶段 -->
+        <div v-if="currentStage === ImportStage.SELECT_FILE" class="upload-area">
+          <div
+            class="upload-zone"
+            :class="{ 'dragging': isDragging }"
+            @dragover="handleDragOver"
+            @dragleave="handleDragLeave"
+            @drop="handleDrop"
+          >
+            <VFileInput
+              v-model="selectedFile"
+              accept=".json"
+              :label="t('site.fields.selectFile')"
+              :hint="t('site.hints.selectFile')"
+              persistent-hint
+              prepend-icon="mdi-file-upload"
+            />
+            <div class="text-center mt-4">
+              <VIcon icon="mdi-cloud-upload" size="48" color="primary" />
+              <p class="text-body-1 mt-2">{{ t('site.hints.dragDropFile') }}</p>
+              <p class="text-caption text-medium-emphasis">{{ t('site.hints.supportedFormat') }}</p>
+            </div>
+          </div>
+        </div>
+
+        <!-- 阶段2：文件预览阶段 -->
+        <div v-if="currentStage === ImportStage.PREVIEW_FILE" class="preview-area">
+          <VAlert
+            type="info"
+            variant="tonal"
+            class="mb-4"
+            :text="t('site.messages.previewData', { count: importData.length })"
+          />
+
+          <!-- 预览列表 -->
+          <VCard variant="outlined" class="mb-4">
+            <VCardTitle class="text-subtitle-1">
+              {{ t('site.preview.title') }} ({{
+                t('site.preview.showing', { count: previewData.length, total: importData.length })
+              }})
+            </VCardTitle>
+            <VCardText>
+              <VList>
+                <VListItem
+                  v-for="(site, index) in previewData"
+                  :key="index"
+                  :class="{ 'border-error': !validateSiteData(site) }"
+                >
+                  <template #prepend>
+                    <VIcon
+                      :icon="validateSiteData(site) ? 'mdi-check-circle' : 'mdi-alert-circle'"
+                      :color="validateSiteData(site) ? 'success' : 'error'"
+                    />
+                  </template>
+                  <VListItemTitle>{{ site.name || t('site.preview.unnamed') }}</VListItemTitle>
+                  <VListItemSubtitle>{{ site.url || t('site.preview.noUrl') }}</VListItemSubtitle>
+                  <template #append>
+                    <VChip v-if="!validateSiteData(site)" size="small" color="error" variant="tonal">
+                      {{ t('site.preview.invalid') }}
+                    </VChip>
+                  </template>
+                </VListItem>
+              </VList>
+            </VCardText>
+          </VCard>
+
+          <!-- 操作按钮 -->
+          <div class="d-flex justify-end gap-2">
+            <VBtn variant="text" @click="resetToFileSelection">
+              {{ t('common.reset') }}
+            </VBtn>
+            <VBtn color="primary" @click="importSites" :disabled="importData.length === 0">
+              {{ t('site.actions.startImport') }}
+            </VBtn>
+          </div>
+        </div>
+
+        <!-- 阶段3：正在导入阶段 -->
+        <div v-if="currentStage === ImportStage.IMPORTING" class="importing-area">
+          <VAlert
+            type="info"
+            variant="tonal"
+            class="mb-4"
+            :text="t('site.messages.importing', { progress: importProgress })"
+          />
+
+          <!-- 导入进度 -->
+          <VCard variant="outlined" class="mb-4">
+            <VCardTitle class="text-subtitle-1">
+              {{ t('site.messages.importing', { progress: importProgress }) }}
+            </VCardTitle>
+            <VCardText>
+              <VProgressLinear v-model="importProgress" color="primary" height="8" rounded class="mb-2" />
+              <p class="text-caption text-center">{{ importProgress }}%</p>
+            </VCardText>
+          </VCard>
+        </div>
+
+        <!-- 阶段4：导入完成阶段 -->
+        <div v-if="currentStage === ImportStage.IMPORT_COMPLETE" class="result-area">
+          <!-- 成功导入的站点 -->
+          <div v-if="importSuccesses.length > 0" class="success-sites mb-4">
+            <VAlert
+              type="success"
+              variant="tonal"
+              class="mb-4"
+              :text="t('site.messages.importSuccess', { count: importSuccesses.length })"
+            />
+          </div>
+
+          <!-- 错误详情 -->
+          <div v-if="showErrorDetails && importErrors.length > 0" class="error-details">
+            <VAlert
+              type="error"
+              variant="tonal"
+              class="mb-4"
+              :text="t('site.messages.importErrors', { count: importErrors.length })"
+            />
+
+            <VCard variant="outlined" class="mb-4">
+              <VCardTitle class="text-subtitle-1 d-flex align-center justify-space-between">
+                {{ t('site.errors.title') }}
+              </VCardTitle>
+              <!-- 错误信息详情 -->
+              <VExpansionPanels class="mt-4">
+                <VExpansionPanel v-for="(error, index) in importErrors" :key="index">
+                  <VExpansionPanelTitle>
+                    {{ error.site.name || t('site.preview.unnamed') }} - {{ t('site.errors.details') }}
+                  </VExpansionPanelTitle>
+                  <VExpansionPanelText>
+                    <VAlert type="error" variant="text" :text="error.error" class="mb-0" />
+                  </VExpansionPanelText>
+                </VExpansionPanel>
+              </VExpansionPanels>
+            </VCard>
+          </div>
+
+          <!-- 操作按钮 -->
+          <div class="d-flex justify-end gap-2">
+            <VBtn variant="text" @click="resetToFileSelection">
+              {{ t('common.reset') }}
+            </VBtn>
+            <VBtn color="primary" @click="closeDialog(false)">
+              {{ t('common.close') }}
+            </VBtn>
+          </div>
+        </div>
+      </VCardText>
+    </VCard>
+  </VDialog>
+</template>
+
+<style scoped>
+.upload-area {
+  padding: 2rem;
+}
+
+.upload-zone {
+  padding: 2rem;
+  border: 2px dashed #ccc;
+  border-radius: 8px;
+  text-align: center;
+  transition: all 0.3s ease;
+}
+
+.upload-zone.dragging {
+  border-color: rgb(var(--v-theme-primary));
+  background-color: rgba(var(--v-theme-primary), 0.05);
+}
+
+.error-details {
+  margin-block: 1rem;
+  margin-inline: 0;
+}
+
+.error-details .v-expansion-panels {
+  background: transparent;
+}
+
+.border-success {
+  border-inline-start: 4px solid rgb(var(--v-theme-success));
+}
+
+.border-error {
+  border-inline-start: 4px solid rgb(var(--v-theme-error));
+}
+</style>
--- a/src/components/dialog/SiteResourceDialog.vue
+++ b/src/components/dialog/SiteResourceDialog.vue
@@ -130,7 +130,7 @@ onMounted(() => {
 })
 </script>
 <template>
-  <DialogWrapper scrollable fullscreen :scrim="false" transition="dialog-bottom-transition">
+  <VDialog scrollable fullscreen :scrim="false" transition="dialog-bottom-transition">
    <VCard>
      <!-- Toolbar -->
      <div>
@@ -281,7 +281,7 @@ onMounted(() => {
      @error="addDownloadError"
      @close="addDownloadDialog = false"
    />
-  </DialogWrapper>
+  </VDialog>
 </template>

 <style lang="scss" scoped>
--- a/src/components/dialog/SiteStatisticsDialog.vue
+++ b/src/components/dialog/SiteStatisticsDialog.vue
@@ -205,7 +205,7 @@ onMounted(() => {
 </script>

 <template>
-  <DialogWrapper max-width="50rem" :fullscreen="display.smAndDown.value" scrollable>
+  <VDialog max-width="50rem" :fullscreen="display.smAndDown.value" scrollable>
    <VCard>
      <!-- 标题栏 -->
      <VCardItem>
@@ -302,7 +302,7 @@ onMounted(() => {
    </VCard>

    <!-- 详情弹窗 -->
-    <DialogWrapper v-model="detailDialog" :max-width="display.mdAndUp.value ? 600 : '95%'" scrollable>
+    <VDialog v-model="detailDialog" :max-width="display.mdAndUp.value ? 600 : '95%'" scrollable>
      <VCard v-if="selectedSite">
        <VCardItem class="py-3">
          <template #prepend>
@@ -379,8 +379,8 @@ onMounted(() => {
          </div>
        </VCardText>
      </VCard>
-    </DialogWrapper>
-  </DialogWrapper>
+    </VDialog>
+  </VDialog>
 </template>

 <style scoped>
--- a/src/components/dialog/SiteUserDataDialog.vue
+++ b/src/components/dialog/SiteUserDataDialog.vue
@@ -287,7 +287,7 @@ onBeforeMount(() => {
 </script>

 <template>
-  <DialogWrapper scrollable eager max-width="80rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable eager max-width="80rem" :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem>
        <VCardTitle>
@@ -484,5 +484,5 @@ onBeforeMount(() => {
    </VCard>
    <!-- 进度框 -->
    <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="t('dialog.siteUserData.refreshing')" />
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/SmbConfigDialog.vue
+++ b/src/components/dialog/SmbConfigDialog.vue
@@ -50,7 +50,7 @@ async function saveSmbConfig() {
 </script>

 <template>
-  <DialogWrapper width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VDialogCloseBtn @click="emit('close')" />
      <VCardItem>
@@ -127,5 +127,5 @@ async function saveSmbConfig() {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/SubscribeEditDialog.vue
+++ b/src/components/dialog/SubscribeEditDialog.vue
@@ -284,7 +284,7 @@ onMounted(() => {
 </script>

 <template>
-  <DialogWrapper scrollable max-width="45rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="45rem" :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem class="py-2">
        <VDialogCloseBtn @click="emit('close')" />
@@ -543,5 +543,5 @@ onMounted(() => {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/SubscribeFilesDialog.vue
+++ b/src/components/dialog/SubscribeFilesDialog.vue
@@ -85,7 +85,7 @@ onBeforeMount(() => {
 })
 </script>
 <template>
-  <DialogWrapper scrollable max-width="80rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="80rem" :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem class="my-2">
        <VDialogCloseBtn @click="emit('close')" />
@@ -206,7 +206,7 @@ onBeforeMount(() => {
        </div>
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

 <style lang="scss" scoped>
--- a/src/components/dialog/SubscribeHistoryDialog.vue
+++ b/src/components/dialog/SubscribeHistoryDialog.vue
@@ -146,7 +146,7 @@ function getMediaTypeText(type: string | undefined) {
 </script>

 <template>
-  <DialogWrapper scrollable max-width="50rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="50rem" :fullscreen="!display.mdAndUp.value">
    <VCard class="mx-auto" width="100%">
      <VCardItem>
        <VCardTitle>{{ t('dialog.subscribeHistory.title', { type: getMediaTypeText(props.type) }) }}</VCardTitle>
@@ -220,5 +220,5 @@ function getMediaTypeText(type: string | undefined) {
    </VCard>
    <!-- 进度框 -->
    <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" />
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/SubscribeShareDialog.vue
+++ b/src/components/dialog/SubscribeShareDialog.vue
@@ -55,7 +55,7 @@ const $toast = useToast()
 </script>

 <template>
-  <DialogWrapper scrollable max-width="30rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="30rem" :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem class="py-2">
        <template #prepend>
@@ -112,5 +112,5 @@ const $toast = useToast()
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/SubscribeShareStatisticsDialog.vue
+++ b/src/components/dialog/SubscribeShareStatisticsDialog.vue
@@ -118,7 +118,7 @@ onMounted(() => {
 </script>

 <template>
-  <DialogWrapper scrollable max-width="40rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="40rem" :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem>
        <template #prepend>
@@ -331,7 +331,7 @@ onMounted(() => {
        </div>
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

 <style scoped>
--- a/src/components/dialog/TransferQueueDialog.vue
+++ b/src/components/dialog/TransferQueueDialog.vue
@@ -1,10 +1,12 @@
 <script lang="ts" setup>
+import { ref, computed, watch, onMounted, onUnmounted } from 'vue'
 import { formatFileSize } from '@/@core/utils/formatters'
 import api from '@/api'
 import { FileItem, TransferQueue } from '@/api/types'
 import { useDisplay } from 'vuetify'
 import { useI18n } from 'vue-i18n'
 import { useBackgroundOptimization } from '@/composables/useBackgroundOptimization'
+import CryptoJS from 'crypto-js'

 // 多语言支持
 const { t } = useI18n()
@@ -18,11 +20,14 @@ const emit = defineEmits(['close'])
 // 数据列表
 const dataList = ref<TransferQueue[]>([])

-// 整理进度文本
-const progressText = ref(t('dialog.transferQueue.processing'))
+// 整体进度相关 - 根据完成的文件计算
+const overallProgress = ref({
+  value: 0,
+  text: t('dialog.transferQueue.processing'),
+})

-// 整理进度
-const progressValue = ref(0)
+// 文件进度映射
+const fileProgressMap = ref<Map<string, { enable: boolean; value: number }>>(new Map())

 // 数据可刷新标志
 const refreshFlag = ref(false)
@@ -33,6 +38,9 @@ const progressActive = ref(false)
 // 活动标签
 const activeTab = ref('')

+// 定时器引用
+const queueTimer = ref<NodeJS.Timeout | null>(null)
+
 // 状态标签
 const stateDict: { [key: string]: string } = {
  'waiting': t('dialog.transferQueue.waitingState'),
@@ -50,9 +58,18 @@ function getStateColor(state: string) {
  else return 'error'
 }

-// 从dataList中提取所有的媒体信息
+// 从dataList中提取所有的媒体信息，合并相同title_year的记录
 const mediaList = computed(() => {
-  return dataList.value.map(item => item.media)
+  const mediaMap = new Map<string, any>()
+
+  dataList.value.forEach(item => {
+    const titleYear = item.media.title_year || ''
+    if (!mediaMap.has(titleYear)) {
+      mediaMap.set(titleYear, item.media)
+    }
+  })
+
+  return Array.from(mediaMap.values())
 })

 // 按media计算总数和完成数，返回 x/x
@@ -66,17 +83,49 @@ function getMediaCount(title_year: string) {
  return `${completed} / ${total}`
 }

-// 根据媒体信息获取对应的整理任务
+// 根据媒体信息获取对应的整理任务，合并相同title_year的所有任务
 const activeTasks = computed(() => {
-  return dataList.value.find(item => item.media.title_year === activeTab.value)?.tasks
+  const tasks = dataList.value.filter(item => item.media.title_year === activeTab.value).flatMap(item => item.tasks)
+  return tasks
 })

+// 根据媒体title_year获取对应的任务列表
+function getTasksByMedia(title_year: string) {
+  return dataList.value.filter(item => item.media.title_year === title_year).flatMap(item => item.tasks)
+}
+
+// 计算整体进度
+const overallProgressComputed = computed(() => {
+  if (dataList.value.length === 0) return 0
+
+  const allTasks = dataList.value.flatMap(item => item.tasks)
+  const totalTasks = allTasks.length
+  const completedTasks = allTasks.filter(task => task.state === 'completed').length
+
+  return totalTasks > 0 ? (completedTasks / totalTasks) * 100 : 0
+})
+
+// 获取文件进度
+function getFileProgress(filePath: string) {
+  return fileProgressMap.value.get(filePath) || { enable: false, value: 0 }
+}
+
 // 调用API获取队列信息
 async function get_transfer_queue() {
  try {
    dataList.value = await api.get('transfer/queue')
    if (dataList.value.length > 0) {
      if (!activeTab.value || activeTasks.value?.length == 0) activeTab.value = dataList.value[0].media.title_year || ''
+
+      // 如果有数据且SSE未启动，则启动SSE监听
+      if (!progressActive.value) {
+        startLoadingProgress()
+      }
+    } else {
+      // 如果没有数据，停止SSE监听
+      if (progressActive.value) {
+        stopLoadingProgress()
+      }
    }
  } catch (error) {
    console.error(error)
@@ -93,86 +142,164 @@ async function remove_queue_task(fileitem: FileItem) {
  }
 }

-// 进度SSE消息处理函数
-function handleProgressMessage(event: MessageEvent) {
-  const progress = JSON.parse(event.data)
-  if (progress) {
-    if (!progress.enable) {
-      progressText.value = t('dialog.transferQueue.processing')
-      progressValue.value = 0
-      if (refreshFlag.value) {
-        refreshFlag.value = false
-        get_transfer_queue()
-      }
-      return
-    }
-    progressText.value = progress.text
-    progressValue.value = progress.value
-    if (progress.value >= 100 && refreshFlag.value) {
-      refreshFlag.value = false
-      get_transfer_queue()
-    } else {
-      if (progress.value > 0 && refreshFlag.value && progress.text?.includes('整理完成')) {
-        refreshFlag.value = false
-        get_transfer_queue()
-      } else {
-        refreshFlag.value = true
+// 文件进度SSE消息处理函数
+function createFileProgressHandler(filePath: string) {
+  return function handleFileProgressMessage(event: MessageEvent) {
+    try {
+      const progress = JSON.parse(event.data)
+      if (progress) {
+        fileProgressMap.value.set(filePath, {
+          enable: progress.enable || false,
+          value: progress.value || 0,
+        })
      }
+    } catch (error) {
+      console.error('解析文件进度消息失败:', error)
    }
  }
 }

-// 使用优化的进度SSE连接
-const progressSSE = useProgressSSE(
-  `${import.meta.env.VITE_API_BASE_URL}system/progress/filetransfer`,
-  handleProgressMessage,
-  'transfer-queue-progress',
-  progressActive,
+// 文件进度SSE连接映射
+const fileProgressSSEMap = ref<Map<string, any>>(new Map())
+
+// 启动文件进度监听
+function startFileProgress(filePath: string) {
+  if (fileProgressSSEMap.value.has(filePath)) {
+    return // 已经存在连接
+  }
+
+  // filePath计算md5
+  const filePathMd5 = CryptoJS.MD5(filePath).toString()
+  // 使用包含文件路径的唯一监听器ID
+  const uniqueListenerId = `transfer-queue-file-progress-${filePathMd5}`
+  const fileProgressUrl = `${import.meta.env.VITE_API_BASE_URL}system/progress/${filePathMd5}`
+
+  const fileProgressSSE = useProgressSSE(
+    fileProgressUrl,
+    createFileProgressHandler(filePath),
+    uniqueListenerId,
+    progressActive,
+  )
+
+  fileProgressSSE.start()
+  fileProgressSSEMap.value.set(filePath, fileProgressSSE)
+}
+
+// 停止所有文件进度监听
+function stopAllFileProgress() {
+  fileProgressSSEMap.value.forEach((sse, filePath) => {
+    sse.stop()
+  })
+  fileProgressSSEMap.value.clear()
+  fileProgressMap.value.clear()
+}
+
+// 监听队列变化，自动管理文件进度SSE
+watch(
+  dataList,
+  newDataList => {
+    // 获取当前正在运行的文件路径集合
+    const currentRunningFiles = new Set<string>()
+    newDataList.forEach(item => {
+      item.tasks.forEach(task => {
+        if (task.state === 'running') {
+          currentRunningFiles.add(task.fileitem.path)
+        }
+      })
+    })
+
+    // 获取当前已建立SSE连接的文件路径集合
+    const currentSSEFiles = new Set(fileProgressSSEMap.value.keys())
+
+    // 停止不再需要的SSE连接
+    currentSSEFiles.forEach(filePath => {
+      if (!currentRunningFiles.has(filePath)) {
+        const sse = fileProgressSSEMap.value.get(filePath)
+        if (sse) {
+          sse.stop()
+          fileProgressSSEMap.value.delete(filePath)
+        }
+        // 清除对应的进度数据
+        fileProgressMap.value.delete(filePath)
+      }
+    })
+
+    // 为新的运行中文件建立SSE连接
+    currentRunningFiles.forEach(filePath => {
+      if (!fileProgressSSEMap.value.has(filePath)) {
+        startFileProgress(filePath)
+      }
+    })
+  },
+  { deep: true },
 )

 // 使用SSE监听加载进度
 function startLoadingProgress() {
-  progressText.value = t('dialog.transferQueue.processing')
+  overallProgress.value.text = t('dialog.transferQueue.processing')
  progressActive.value = true
-  progressSSE.start()
 }

 // 停止监听加载进度
 function stopLoadingProgress() {
  progressActive.value = false
-  progressSSE.stop()
+  // 只有在没有数据时才停止所有文件进度监听
+  if (dataList.value.length === 0) {
+    stopAllFileProgress()
+  }
+}
+
+// 启动定时获取队列
+function startQueueTimer() {
+  // 清除可能存在的定时器
+  if (queueTimer.value) {
+    clearInterval(queueTimer.value)
+  }
+
+  // 立即执行一次
+  get_transfer_queue()
+
+  // 设置3秒定时器
+  queueTimer.value = setInterval(() => {
+    get_transfer_queue()
+  }, 3000)
+}
+
+// 停止定时获取队列
+function stopQueueTimer() {
+  if (queueTimer.value) {
+    clearInterval(queueTimer.value)
+    queueTimer.value = null
+  }
 }

 onMounted(() => {
-  get_transfer_queue()
-  startLoadingProgress()
+  startQueueTimer()
 })

 onUnmounted(() => {
+  stopQueueTimer()
  stopLoadingProgress()
 })
 </script>

 <template>
-  <DialogWrapper scrollable max-width="50rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="60rem" :fullscreen="!display.mdAndUp.value">
    <VCard class="mx-auto" width="100%">
      <VCardItem>
        <VCardTitle>{{ t('dialog.transferQueue.title') }}</VCardTitle>
      </VCardItem>
      <VDialogCloseBtn @click="emit('close')" />
-      <VDivider />
-      <VProgressLinear
-        v-if="dataList.length > 0 && progressValue > 0"
-        :value="progressValue"
-        color="primary"
-        indeterminate
-        :height="2"
-      />
-      <VCardItem v-if="dataList.length > 0 && progressValue > 0" class="text-center pt-2">
-        <span class="text-sm">{{ progressText }}</span>
-      </VCardItem>
-      <VCardText v-if="dataList.length === 0" class="text-center"> {{ t('dialog.transferQueue.noTasks') }} </VCardText>
-      <VCardText>
+
+      <!-- 整体进度显示 -->
+      <VProgressLinear v-if="dataList.length > 0" :model-value="overallProgressComputed" color="primary" />
+      <VDivider v-else />
+
+      <VCardText v-if="dataList.length === 0" class="text-center">
+        {{ t('dialog.transferQueue.noTasks') }}
+      </VCardText>
+
+      <VCardText v-if="dataList.length > 0">
        <VTabs v-model="activeTab" show-arrows class="v-tabs-pill" stacked>
          <VTab
            v-for="media in mediaList"
@@ -186,16 +313,34 @@ onUnmounted(() => {
        <VWindow v-model="activeTab" class="mt-5 disable-tab-transition" :touch="false">
          <VWindowItem v-for="media in mediaList" :value="media.title_year">
            <VList>
-              <VListItem v-for="task in activeTasks">
+              <VListItem v-for="task in getTasksByMedia(media.title_year || '')" :key="task.fileitem.path">
                <VListItemTitle>{{ task.fileitem.name }}</VListItemTitle>
-                <VListItemSubtitle>
+                <VListItemSubtitle class="py-1">
                  {{ t('dialog.transferQueue.sizeTitle') }}：{{ formatFileSize(task.fileitem.size || 0) }}
-                  <VChip size="small" :color="getStateColor(task.state)" class="ms-2">
+                  <VChip size="small" :color="getStateColor(task.state)" class="mx-2">
                    {{ stateDict[task.state] }}
                  </VChip>
                </VListItemSubtitle>
+
+                <!-- 文件进度显示 -->
+                <div v-if="task.state === 'running' && getFileProgress(task.fileitem.path).enable" class="mt-2">
+                  <VProgressLinear
+                    :model-value="getFileProgress(task.fileitem.path).value"
+                    color="success"
+                    class="mb-1"
+                    :height="3"
+                  />
+                  <div class="text-xs text-medium-emphasis text-center">
+                    {{ getFileProgress(task.fileitem.path).value.toFixed(1) }}%
+                  </div>
+                </div>
                <template #append>
-                  <IconBtn size="small" icon="mdi-cancel" @click="remove_queue_task(task.fileitem)" />
+                  <IconBtn
+                    size="small"
+                    icon="mdi-cancel"
+                    @click="remove_queue_task(task.fileitem)"
+                    :disabled="task.state === 'completed'"
+                  />
                </template>
              </VListItem>
            </VList>
@@ -203,5 +348,5 @@ onUnmounted(() => {
        </VWindow>
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/U115AuthDialog.vue
+++ b/src/components/dialog/U115AuthDialog.vue
@@ -115,7 +115,7 @@ onUnmounted(() => {
 </script>

 <template>
-  <DialogWrapper width="40rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog width="40rem" scrollable :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VDialogCloseBtn @click="emit('close')" />
      <VCardItem>
@@ -147,5 +147,5 @@ onUnmounted(() => {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/UserAddEditDialog.vue
+++ b/src/components/dialog/UserAddEditDialog.vue
@@ -366,7 +366,7 @@ onMounted(() => {
 </script>

 <template>
-  <DialogWrapper scrollable max-width="40rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="40rem" :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem :class="props.oper === 'add' ? 'py-3' : 'py-2'">
        <template #prepend>
@@ -619,5 +619,5 @@ onMounted(() => {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/UserAuthDialog.vue
+++ b/src/components/dialog/UserAuthDialog.vue
@@ -4,7 +4,6 @@ import api from '@/api'
 import { useToast } from 'vue-toastification'
 import { useI18n } from 'vue-i18n'

-
 // 多语言支持
 const { t } = useI18n()

@@ -134,7 +133,7 @@ onMounted(async () => {
 </script>

 <template>
-  <DialogWrapper width="40rem" scrollable>
+  <VDialog width="40rem" scrollable>
    <VCard>
      <VCardItem>
        <VCardTitle>
@@ -179,5 +178,5 @@ onMounted(async () => {
        </VBtn>
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/WorkflowActionsDialog.vue
+++ b/src/components/dialog/WorkflowActionsDialog.vue
@@ -197,7 +197,7 @@ const isMacOS = computed(() => {
 </script>

 <template>
-  <DialogWrapper scrollable fullscreen :scrim="false" transition="dialog-bottom-transition">
+  <VDialog scrollable fullscreen :scrim="false" transition="dialog-bottom-transition">
    <VCard class="workflow-dialog">
      <!-- Toolbar -->
      <VToolbar color="primary" density="comfortable">
@@ -256,7 +256,7 @@ const isMacOS = computed(() => {
      @close="importCodeDialog = false"
      @save="saveCodeString"
    />
-  </DialogWrapper>
+  </VDialog>
 </template>

 <style lang="scss">
--- a/src/components/dialog/WorkflowAddEditDialog.vue
+++ b/src/components/dialog/WorkflowAddEditDialog.vue
@@ -182,7 +182,7 @@ onMounted(() => {
 </script>

 <template>
-  <DialogWrapper scrollable :close-on-back="false" eager max-width="30rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable :close-on-back="false" eager max-width="30rem" :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem>
        <template #prepend>
@@ -269,5 +269,5 @@ onMounted(() => {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/dialog/WorkflowShareDialog.vue
+++ b/src/components/dialog/WorkflowShareDialog.vue
@@ -68,7 +68,7 @@ const $toast = useToast()
 </script>

 <template>
-  <DialogWrapper scrollable max-width="30rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="30rem" :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem class="py-2">
        <template #prepend>
@@ -132,5 +132,5 @@ const $toast = useToast()
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/components/filebrowser/FileList.vue
+++ b/src/components/filebrowser/FileList.vue
@@ -82,6 +82,9 @@ const items = ref<FileItem[]>([])
 // 过滤条件
 const filter = ref('')

+// 是否忽略大小写
+const ignoreCase = ref(true)
+
 // 重命名弹窗
 const renamePopper = ref(false)

@@ -112,12 +115,26 @@ const dropdownItems = ref<{ [key: string]: any }[]>([])
 // 进度是否激活
 const progressActive = ref(false)

+// 通用过滤
+const getFilteredItems = (type: 'dir' | 'file') => {
+  const filterValue = filter.value
+  if (!filterValue) {
+    return items.value.filter(item => item.type === type)
+  }
+
+  if (ignoreCase.value) {
+    const lowerCaseFilter = filterValue.toLowerCase()
+    return items.value.filter(item => item.type === type && item.name.toLowerCase().includes(lowerCaseFilter))
+  } else {
+    return items.value.filter(item => item.type === type && item.name.includes(filterValue))
+  }
+}
+
 // 目录过滤
-const dirs = computed(() => items.value.filter(item => item.type === 'dir' && item.name.includes(filter.value)))
+const dirs = computed(() => getFilteredItems('dir'))

 // 文件过滤
-const files = computed(() => items.value.filter(item => item.type === 'file' && item.name.includes(filter.value)))
-
+const files = computed(() => getFilteredItems('file'))
 // 是否文件
 const isFile = computed(() => inProps.item.type == 'file')

@@ -622,9 +639,11 @@ onMounted(() => {
          rounded
        />
        <VSpacer v-if="isFile" />
+        <IconBtn v-if="!isFile" @click="ignoreCase = !ignoreCase">
+          <VIcon :color="ignoreCase ? 'primary' : 'error'" icon="mdi-format-letter-case" />
+        </IconBtn>
        <IconBtn v-if="!isFile" @click="changeSelectMode">
-          <VIcon color="primary" v-if="selectMode"> mdi-selection-remove </VIcon>
-          <VIcon color="primary" v-else>mdi-select</VIcon>
+          <VIcon color="primary" :icon="selectMode ? 'mdi-selection-remove' : 'mdi-select'" />
        </IconBtn>
        <IconBtn v-if="isFile" @click="recognize(inProps.item.path || '')">
          <VIcon color="primary"> mdi-text-recognition </VIcon>
@@ -749,7 +768,7 @@ onMounted(() => {
      </VCardText>
    </VCard>
    <!-- 重命名弹窗 -->
-    <DialogWrapper v-if="renamePopper" v-model="renamePopper" max-width="35rem">
+    <VDialog v-if="renamePopper" v-model="renamePopper" max-width="35rem">
      <VCard>
        <VCardItem>
          <template #prepend>
@@ -783,7 +802,7 @@ onMounted(() => {
          </VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>
    <!-- 文件整理弹窗 -->
    <ReorganizeDialog
      v-if="transferPopper"
--- a/src/components/filebrowser/FileToolbar.vue
+++ b/src/components/filebrowser/FileToolbar.vue
@@ -166,7 +166,7 @@ const sortIcon = computed(() => {
      <VIcon icon="mdi-arrow-up-bold-outline" />
    </IconBtn>
    <!-- 新建文件夹 -->
-    <DialogWrapper v-model="newFolderPopper" max-width="35rem">
+    <VDialog v-model="newFolderPopper" max-width="35rem">
      <template #activator="{ props }">
        <IconBtn>
          <VIcon v-bind="props" icon="mdi-folder-plus-outline" />
@@ -191,6 +191,6 @@ const sortIcon = computed(() => {
          </VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>
  </VToolbar>
 </template>
--- a/src/components/input/PathInput.vue
+++ b/src/components/input/PathInput.vue
@@ -10,7 +10,6 @@ const props = defineProps({
  root: {
    type: String,
    default: '/',
-    required: true,
  },
  storage: {
    type: String,
--- a/src/composables/useBackgroundOptimization.ts
+++ b/src/composables/useBackgroundOptimization.ts
@@ -25,7 +25,8 @@ export function useBackgroundOptimization() {
      connectDelay?: number // 新增：连接延迟
    },
  ) => {
-    const manager = sseManagerSingleton.getManager(url, options)
+    // 使用独立的SSE管理器，确保每个监听器都有独立的连接
+    const manager = sseManagerSingleton.getIndependentManager(url, listenerId, options)
    const isConnected = ref(false)

    onMounted(() => {
@@ -101,7 +102,8 @@ export function useBackgroundOptimization() {
    delay: number = 3000,
    options?: Parameters<typeof useSSE>[3],
  ) => {
-    const manager = sseManagerSingleton.getManager(url, options)
+    // 使用独立的SSE管理器，确保每个监听器都有独立的连接
+    const manager = sseManagerSingleton.getIndependentManager(url, listenerId, options)

    onMounted(() => {
      setTimeout(() => {
@@ -133,7 +135,8 @@ export function useBackgroundOptimization() {
    listenerId: string,
    isActive: Ref<boolean>,
  ) => {
-    const manager = sseManagerSingleton.getManager(url, {
+    // 使用独立的SSE管理器，确保每个监听器都有独立的连接
+    const manager = sseManagerSingleton.getIndependentManager(url, listenerId, {
      backgroundCloseDelay: 1000, // 进度SSE更快关闭
      reconnectDelay: 1000,
      maxReconnectAttempts: 5,
--- a/src/composables/useScrollLock.ts
+++ b/src/composables/useScrollLock.ts
@@ -1,383 +0,0 @@
-import { ref, watch, onBeforeUnmount, readonly } from 'vue'
-
-/**
- * 滚动锁定 Composable
- *
- * 使用示例：
- *
- * // 基本用法
- * const { isLocked, lockScroll, restoreScroll } = useScrollLock()
- *
- * // 带配置的用法
- * const { isLocked, lockScroll, restoreScroll } = useScrollLock({
- *   preventTouchScroll: true,
- *   preserveScrollPosition: true,
- *   allowScrollSelectors: ['.my-modal', '.scrollable-content'],
- *   allowScrollContainerSelectors: ['.modal-content'],
- *   customScrollCheck: (element) => {
- *     // 自定义逻辑
- *     return element.classList.contains('allow-scroll')
- *   }
- * })
- *
- * // 自动监听版本
- * const { isLocked, lockScroll, restoreScroll } = useScrollLockWithWatch(
- *   showModal, // 响应式布尔值
- *   {
- *     allowScrollSelectors: ['.modal-content'],
- *     allowScrollContainerSelectors: ['.scrollable-area']
- *   }
- * )
- */
-
-// 滚动锁定配置
-export interface ScrollLockOptions {
-  // 是否在组件卸载时自动恢复滚动
-  autoRestore?: boolean
-  // 是否保存和恢复滚动位置
-  preserveScrollPosition?: boolean
-  // 是否阻止触摸事件穿透
-  preventTouchScroll?: boolean
-  // 自定义锁定时的样式
-  lockStyles?: {
-    overflow?: string
-    position?: string
-    width?: string
-  }
-  // 允许滚动的选择器列表（CSS选择器）
-  // 例如：['.my-modal', '.scrollable-content']
-  allowScrollSelectors?: string[]
-  // 允许滚动的容器选择器列表（CSS选择器）
-  // 这些容器内的可滚动元素将被允许滚动
-  // 例如：['.modal-content', '.scroll-container']
-  allowScrollContainerSelectors?: string[]
-  // 自定义滚动检查函数
-  // 返回 true 表示允许滚动，false 表示阻止滚动
-  customScrollCheck?: (element: Element) => boolean
-}
-
-// 默认配置
-const DEFAULT_OPTIONS: Required<
-  Omit<ScrollLockOptions, 'allowScrollSelectors' | 'allowScrollContainerSelectors' | 'customScrollCheck'>
-> = {
-  autoRestore: true,
-  preserveScrollPosition: true,
-  preventTouchScroll: true,
-  lockStyles: {
-    overflow: 'hidden',
-    position: 'fixed',
-    width: '100%',
-  },
-}
-
-// 全局状态管理
-const globalLockCount = ref(0)
-const globalOriginalStyles = ref<{
-  body: { [key: string]: string }
-  documentElement: { [key: string]: string }
-  html: { [key: string]: string }
-} | null>(null)
-const globalSavedScrollPosition = ref(0)
-const globalTouchEventListeners = new Set<(event: TouchEvent) => void>()
-
-// 保存全局原始样式（只在第一次锁定时保存）
-const saveGlobalOriginalStyles = () => {
-  if (globalOriginalStyles.value === null) {
-    globalOriginalStyles.value = {
-      body: {
-        overflow: document.body.style.overflow,
-      },
-      documentElement: {
-        overflow: document.documentElement.style.overflow,
-      },
-      html: {
-        overflow: document.documentElement.style.overflow,
-      },
-    }
-  }
-}
-
-// 保存全局滚动位置（只在第一次锁定时保存）
-const saveGlobalScrollPosition = () => {
-  if (globalLockCount.value === 0) {
-    globalSavedScrollPosition.value =
-      window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
-  }
-}
-
-// 应用全局锁定样式
-const applyGlobalLockStyles = (config: any) => {
-  if (globalLockCount.value === 1) {
-    // 第一次锁定时应用样式
-    document.body.style.overflow = config.lockStyles.overflow || 'hidden'
-    document.documentElement.style.overflow = config.lockStyles.overflow || 'hidden'
-    document.documentElement.classList.add('v-overlay-scroll-blocked')
-  }
-}
-
-// 恢复全局样式（只在最后一个锁定时恢复）
-const restoreGlobalStyles = (config: any) => {
-  if (globalLockCount.value === 0 && globalOriginalStyles.value) {
-    // 最后一个锁定时恢复样式
-    document.body.style.overflow = globalOriginalStyles.value.body.overflow || ''
-    document.documentElement.style.overflow = globalOriginalStyles.value.documentElement.overflow || ''
-
-    // 移除 CSS 类名
-    document.documentElement.classList.remove('v-overlay-scroll-blocked')
-
-    // 重置全局状态
-    globalOriginalStyles.value = null
-    globalSavedScrollPosition.value = 0
-  }
-}
-
-// 添加全局触摸事件监听器
-const addGlobalTouchEventListener = (listener: (event: TouchEvent) => void) => {
-  globalTouchEventListeners.add(listener)
-  if (globalTouchEventListeners.size === 1) {
-    // 第一次添加监听器时绑定到document
-    document.addEventListener('touchmove', listener, { passive: false })
-  }
-}
-
-// 移除全局触摸事件监听器
-const removeGlobalTouchEventListener = (listener: (event: TouchEvent) => void) => {
-  globalTouchEventListeners.delete(listener)
-  if (globalTouchEventListeners.size === 0) {
-    // 最后一个监听器被移除时解绑
-    document.removeEventListener('touchmove', listener)
-  }
-}
-
-export function useScrollLock(options: ScrollLockOptions = {}) {
-  const config = {
-    ...DEFAULT_OPTIONS,
-    allowScrollSelectors: options.allowScrollSelectors || [],
-    allowScrollContainerSelectors: options.allowScrollContainerSelectors || [],
-    customScrollCheck: options.customScrollCheck,
-    ...options,
-  }
-
-  // 状态管理
-  const isLocked = ref(false)
-  const savedScrollPosition = ref(0)
-
-  // 保存当前滚动位置
-  const saveScrollPosition = () => {
-    if (config.preserveScrollPosition) {
-      savedScrollPosition.value =
-        window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
-    }
-  }
-
-  // 检查元素是否应该允许滚动
-  const shouldAllowScroll = (element: Element): boolean => {
-    // 1. 检查是否匹配允许滚动的选择器
-    for (const selector of config.allowScrollSelectors) {
-      if (element.matches(selector) || element.closest(selector)) {
-        return true
-      }
-    }
-
-    // 2. 检查是否在允许滚动的容器内
-    for (const selector of config.allowScrollContainerSelectors) {
-      const container = element.closest(selector)
-      if (container) {
-        // 检查容器是否可滚动
-        const style = getComputedStyle(container)
-        const isScrollable =
-          container.scrollHeight > container.clientHeight &&
-          style.overflow !== 'hidden' &&
-          (style.overflow === 'auto' ||
-            style.overflow === 'scroll' ||
-            style.overflowY === 'auto' ||
-            style.overflowY === 'scroll')
-        if (isScrollable) {
-          return true
-        }
-      }
-    }
-
-    // 3. 检查是否在弹窗、菜单或其他覆盖层内
-    const isInDialog = element.closest(
-      '.v-dialog, .v-menu, .v-bottom-sheet, .v-snackbar, [role="dialog"], .v-overlay__content',
-    )
-
-    // 4. 检查是否是可滚动的内容区域
-    const isScrollableContent = element.closest(
-      '.v-card-text, .v-list, .v-table__wrapper, .v-data-table__wrapper, .v-sheet, .v-card__content, .v-data-table, .v-table',
-    )
-
-    // 5. 检查是否在可滚动的容器内
-    const scrollableContainer = element.closest('[style*="overflow"], [class*="overflow"]')
-    const isInScrollableContainer =
-      scrollableContainer &&
-      (scrollableContainer.scrollHeight > scrollableContainer.clientHeight ||
-        getComputedStyle(scrollableContainer).overflow !== 'hidden')
-
-    // 6. 使用自定义检查函数
-    if (config.customScrollCheck && config.customScrollCheck(element)) {
-      return true
-    }
-
-    // 如果不在弹窗内且不是可滚动内容且不在可滚动容器内，则不允许滚动
-    return !!(isInDialog || isScrollableContent || isInScrollableContainer)
-  }
-
-  // 阻止触摸滚动事件
-  const preventTouchScroll = (event: TouchEvent) => {
-    if (isLocked.value && config.preventTouchScroll) {
-      // 检查触摸事件的目标元素
-      const target = event.target as Element
-      if (target) {
-        // 如果元素应该允许滚动，则不阻止事件
-        if (shouldAllowScroll(target)) {
-          return
-        }
-      }
-
-      // 否则阻止滚动
-      event.preventDefault()
-      event.stopPropagation()
-    }
-  }
-
-  // 锁定滚动
-  const lockScroll = () => {
-    if (isLocked.value) return
-
-    // 增加全局锁定计数
-    globalLockCount.value++
-
-    // 保存当前状态（只在第一次锁定时）
-    if (globalLockCount.value === 1) {
-      saveGlobalOriginalStyles()
-      saveGlobalScrollPosition()
-    }
-
-    // 应用锁定样式
-    applyGlobalLockStyles(config)
-
-    // 添加触摸事件监听器
-    if (config.preventTouchScroll) {
-      addGlobalTouchEventListener(preventTouchScroll)
-    }
-
-    isLocked.value = true
-  }
-
-  // 恢复滚动
-  const restoreScroll = () => {
-    if (!isLocked.value) return
-
-    // 减少全局锁定计数
-    globalLockCount.value--
-
-    // 移除触摸事件监听器
-    if (config.preventTouchScroll) {
-      removeGlobalTouchEventListener(preventTouchScroll)
-    }
-
-    // 恢复样式（只在最后一个锁定时）
-    restoreGlobalStyles(config)
-
-    isLocked.value = false
-  }
-
-  // 切换滚动锁定状态
-  const toggleScrollLock = (lock?: boolean) => {
-    const shouldLock = lock !== undefined ? lock : !isLocked.value
-
-    if (shouldLock) {
-      lockScroll()
-    } else {
-      restoreScroll()
-    }
-  }
-
-  // 监听响应式值的变化
-  const watchTarget = (target: any) => {
-    return watch(
-      target,
-      newValue => {
-        toggleScrollLock(!!newValue)
-      },
-      { immediate: false },
-    )
-  }
-
-  // 生命周期清理
-  onBeforeUnmount(() => {
-    if (config.autoRestore && isLocked.value) {
-      restoreScroll()
-    }
-  })
-
-  return {
-    // 状态
-    isLocked: readonly(isLocked),
-    savedScrollPosition: readonly(savedScrollPosition),
-
-    // 方法
-    lockScroll,
-    restoreScroll,
-    toggleScrollLock,
-    watchTarget,
-
-    // 工具方法
-    saveScrollPosition,
-  }
-}
-
-// 便捷的自动监听版本
-export function useScrollLockWithWatch(target: any, options: ScrollLockOptions = {}) {
-  const scrollLock = useScrollLock(options)
-
-  // 自动监听目标值的变化
-  const stopWatcher = scrollLock.watchTarget(target)
-
-  // 返回所有功能 + 停止监听的方法
-  return {
-    ...scrollLock,
-    stopWatcher,
-  }
-}
-
-// 全局弹窗检测和管理
-export function useGlobalDialogScrollLock() {
-  const activeDialogs = ref<Set<string>>(new Set())
-
-  const registerDialog = (dialogId: string) => {
-    activeDialogs.value.add(dialogId)
-    if (activeDialogs.value.size === 1) {
-      // 第一个弹窗时锁定滚动
-      lockGlobalScroll()
-    }
-  }
-
-  const unregisterDialog = (dialogId: string) => {
-    activeDialogs.value.delete(dialogId)
-    if (activeDialogs.value.size === 0) {
-      // 没有弹窗时恢复滚动
-      unlockGlobalScroll()
-    }
-  }
-
-  const lockGlobalScroll = () => {
-    document.body.style.overflow = 'hidden'
-    document.documentElement.classList.add('v-overlay-scroll-blocked')
-  }
-
-  const unlockGlobalScroll = () => {
-    document.body.style.overflow = ''
-    document.documentElement.classList.remove('v-overlay-scroll-blocked')
-  }
-
-  return {
-    activeDialogs: readonly(activeDialogs),
-    registerDialog,
-    unregisterDialog,
-    lockGlobalScroll,
-    unlockGlobalScroll,
-  }
-}
--- a/src/composables/useSetupWizard.ts
+++ b/src/composables/useSetupWizard.ts
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -18,7 +18,6 @@ import { useRoute } from 'vue-router'
 import { filterMenusByPermission } from '@/utils/permission'
 import { onUnreadMessage } from '@/utils/badge'
 import { usePullDownGesture } from '@/composables/usePullDownGesture'
-import { useScrollLockWithWatch } from '@/composables/useScrollLock'
 import { usePWA } from '@/composables/usePWA'
 import OfflinePage from '@/layouts/components/OfflinePage.vue'
 import { useGlobalOfflineStatus } from '@/composables/useOfflineStatus'
@@ -163,17 +162,6 @@ const handleServiceWorkerMessage = (event: MessageEvent) => {
  }
 }

-// 使用滚动锁定 composable（自动监听showPluginQuickAccess的变化）
-useScrollLockWithWatch(showPluginQuickAccess, {
-  preventTouchScroll: true,
-  preserveScrollPosition: true,
-  autoRestore: true,
-  // 允许快速访问面板内的滚动
-  allowScrollSelectors: ['.plugin-quick-access'],
-  // 允许快速访问面板内的可滚动容器
-  allowScrollContainerSelectors: ['.plugin-grid'],
-})
-
 // 检查是否可以使用下拉手势
 const canUsePullGesture = () => {
  // 检查是否在dashboard页面
@@ -398,7 +386,7 @@ onMounted(() => {

    <!-- 👉 Footer -->
    <template #footer>
-      <Footer />
+      <Footer :show-nav="!showPluginQuickAccess" />
    </template>
  </VerticalNavLayout>

--- a/src/layouts/components/Footer.vue
+++ b/src/layouts/components/Footer.vue
@@ -7,6 +7,15 @@ import { useUserStore } from '@/stores'
 import { filterMenusByPermission } from '@/utils/permission'
 import { usePWA } from '@/composables/usePWA'

+// 是否显示的输入参数
+defineProps({
+  showNav: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+
 const display = useDisplay()
 // PWA模式检测
 const { appMode } = usePWA()
@@ -160,7 +169,7 @@ const showDynamicButton = computed(() => {
 </script>

 <template>
-  <Teleport v-if="appMode" to="body">
+  <Teleport v-if="appMode && showNav" to="body">
    <div class="footer-nav-container">
      <VCard elevation="3" class="footer-nav-card border" rounded="pill" :class="{ 'shift-left': showDynamicButton }">
        <VCardText class="footer-card-content">
--- a/src/layouts/components/OfflinePage.vue
+++ b/src/layouts/components/OfflinePage.vue
@@ -57,159 +57,78 @@ const statusIcon = computed(() => {
 const colorTheme = computed(() => {
  return props.type === 'online' ? 'success' : 'error'
 })
-
-// 动画时长
-const ENTER_DURATION = 600
-const LEAVE_DURATION = 400
-
-// 进入动画
-function onEnter(el: HTMLElement, done: () => void) {
-  // 初始状态
-  el.style.opacity = '0'
-  el.style.transform = 'scale(0.9)'
-  el.style.filter = 'blur(10px)'
-  
-  // 强制重绘
-  el.offsetHeight
-  
-  // 应用过渡
-  el.style.transition = `all ${ENTER_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1)`
-  
-  // 目标状态
-  requestAnimationFrame(() => {
-    el.style.opacity = '1'
-    el.style.transform = 'scale(1)'
-    el.style.filter = 'blur(0)'
-  })
-  
-  // 动画完成
-  setTimeout(done, ENTER_DURATION)
-}
-
-// 离开动画
-function onLeave(el: HTMLElement, done: () => void) {
-  // 应用过渡
-  el.style.transition = `all ${LEAVE_DURATION}ms cubic-bezier(0.4, 0, 1, 1)`
-  
-  // 目标状态
-  requestAnimationFrame(() => {
-    el.style.opacity = '0'
-    el.style.transform = 'scale(1.1)'
-    el.style.filter = 'blur(20px)'
-  })
-  
-  // 动画完成
-  setTimeout(done, LEAVE_DURATION)
-}
 </script>

 <template>
-  <Teleport to="body">
-    <Transition
-      :css="false"
-      @enter="onEnter"
-      @leave="onLeave"
-    >
-            <div v-if="shouldShow" class="offline-page" ref="offlinePage">
-        <div class="offline-container" :class="{ 'container-animate': shouldShow }">
-        <!-- 状态图标 -->
-        <div class="status-icon-wrapper">
-          <div class="status-icon-bg">
-            <VIcon :icon="statusIcon" size="64" :color="colorTheme" />
-          </div>
-        </div>
-
-        <!-- 主要信息 -->
-        <div class="content-section">
-          <h1 class="offline-title">
-            {{ props.type === 'online' ? t('app.online') : t('app.offline') }}
-          </h1>
-
-          <p class="offline-message">
-            {{ statusText }}
-          </p>
-
-          <!-- 重试按钮 -->
-          <div class="action-section">
-            <VBtn
-              v-if="props.type === 'offline'"
-              :loading="retrying"
-              :color="colorTheme"
-              size="large"
-              variant="flat"
-              @click="handleRetry"
-            >
-              <VIcon icon="mdi-refresh" class="me-2" />
-              {{ retrying ? t('common.checking') : t('common.retry') }}
-            </VBtn>
-          </div>
-
-          <!-- 状态指示器 -->
-          <div class="status-indicators">
-            <VChip
-              :color="isOnline ? 'success' : 'error'"
-              :prepend-icon="isOnline ? 'mdi-wifi' : 'mdi-wifi-off'"
-              variant="tonal"
-              class="me-2"
-            >
-              {{ isOnline ? t('common.networkOnline') : t('common.networkOffline') }}
-            </VChip>
-
-            <VChip
-              :color="canPerformNetworkAction ? 'success' : 'warning'"
-              :prepend-icon="canPerformNetworkAction ? 'mdi-check-circle' : 'mdi-alert-circle'"
-              variant="tonal"
-            >
-              {{ canPerformNetworkAction ? t('common.serviceAvailable') : t('common.serviceUnavailable') }}
-            </VChip>
-          </div>
-        </div>
-
-        <!-- 底部信息 -->
-        <div class="footer-section">
-          <p class="app-info">{{ t('app.moviepilot') }}</p>
+  <VDialog :model-value="shouldShow" persistent max-width="420" scrollable>
+    <VCard class="offline-dialog">
+      <!-- 状态图标 -->
+      <div class="status-icon-wrapper">
+        <div class="status-icon-bg">
+          <VIcon :icon="statusIcon" size="48" :color="colorTheme" />
        </div>
      </div>
-    </div>
-    </Transition>
-  </Teleport>
+
+      <!-- 主要信息 -->
+      <VCardText class="text-center">
+        <h2 class="offline-title mb-4">
+          {{ props.type === 'online' ? t('app.online') : t('app.offline') }}
+        </h2>
+
+        <p class="offline-message mb-6">
+          {{ statusText }}
+        </p>
+
+        <!-- 重试按钮 -->
+        <div class="action-section mb-6">
+          <VBtn
+            v-if="props.type === 'offline'"
+            :loading="retrying"
+            :color="colorTheme"
+            size="default"
+            variant="flat"
+            @click="handleRetry"
+          >
+            <VIcon icon="mdi-refresh" class="me-2" />
+            {{ retrying ? t('common.checking') : t('common.retry') }}
+          </VBtn>
+        </div>
+
+        <!-- 状态指示器 -->
+        <div class="status-indicators">
+          <VChip
+            :color="isOnline ? 'success' : 'error'"
+            :prepend-icon="isOnline ? 'mdi-wifi' : 'mdi-wifi-off'"
+            variant="tonal"
+            size="small"
+            class="me-2"
+          >
+            {{ isOnline ? t('common.networkOnline') : t('common.networkOffline') }}
+          </VChip>
+
+          <VChip
+            :color="canPerformNetworkAction ? 'success' : 'warning'"
+            :prepend-icon="canPerformNetworkAction ? 'mdi-check-circle' : 'mdi-alert-circle'"
+            variant="tonal"
+            size="small"
+          >
+            {{ canPerformNetworkAction ? t('common.serviceAvailable') : t('common.serviceUnavailable') }}
+          </VChip>
+        </div>
+      </VCardText>
+    </VCard>
+  </VDialog>
 </template>

 <style scoped>
-.offline-page {
-  position: fixed;
-  z-index: 9999;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 20px;
-  backdrop-filter: blur(10px);
-  background: linear-gradient(135deg, rgb(var(--v-theme-surface)) 0%, rgb(var(--v-theme-surface-variant)) 100%);
-  inset: 0;
-  will-change: transform, opacity, filter;
-}
-
-.offline-container {
-  padding: 40px;
-  border-radius: 24px;
-  background: rgb(var(--v-theme-surface));
-  box-shadow: 0 20px 40px rgba(0, 0, 0, 10%), 0 0 0 1px rgba(var(--v-border-color), var(--v-border-opacity));
-  inline-size: 100%;
-  max-inline-size: 500px;
-  text-align: center;
-  opacity: 0;
-  transform: translateY(20px);
-  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.offline-page .offline-container.container-animate {
-  opacity: 1;
-  transform: translateY(0);
-  transition-delay: 0.2s;
+.offline-dialog {
+  border-radius: 16px;
 }

 .status-icon-wrapper {
-  margin-block-end: 32px;
+  padding-block: 24px 0;
+  padding-inline: 24px;
+  text-align: center;
 }

 .status-icon-bg {
@@ -218,71 +137,61 @@ function onLeave(el: HTMLElement, done: () => void) {
  align-items: center;
  justify-content: center;
  border-radius: 50%;
+  animation: icon-pulse 3s ease-in-out infinite;
  background: rgba(var(--v-theme-surface-variant), 0.5);
-  block-size: 120px;
-  inline-size: 120px;
+  block-size: 80px;
+  inline-size: 80px;
  margin-block: 0;
  margin-inline: auto;
 }

-.status-icon-bg {
-  animation: iconPulse 3s ease-in-out infinite;
-}
-
 .status-icon-bg::before {
  position: absolute;
  z-index: -1;
  border-radius: 50%;
+  animation: icon-glow 2s ease-in-out infinite alternate;
  background: linear-gradient(45deg, rgb(var(--v-theme-primary)), rgb(var(--v-theme-secondary)));
  content: '';
-  inset: -4px;
+  inset: -3px;
  opacity: 0.1;
-  animation: iconGlow 2s ease-in-out infinite alternate;
 }

-@keyframes iconPulse {
-  0%, 100% {
+@keyframes icon-pulse {
+  0%,
+  100% {
    transform: scale(1);
  }
+
  50% {
    transform: scale(1.05);
  }
 }

-@keyframes iconGlow {
+@keyframes icon-glow {
  0% {
    opacity: 0.1;
    transform: scale(1);
  }
+
  100% {
    opacity: 0.3;
    transform: scale(1.1);
  }
 }

-.content-section {
-  margin-block-end: 32px;
-}
-
 .offline-title {
  color: rgb(var(--v-theme-on-surface));
-  font-size: 2rem;
+  font-size: 1.5rem;
  font-weight: 600;
-  margin-block-end: 16px;
 }

 .offline-message {
  color: rgb(var(--v-theme-on-surface));
-  font-size: 1.1rem;
-  line-height: 1.6;
-  margin-block-end: 32px;
+  font-size: 1rem;
+  line-height: 1.5;
  opacity: 0.7;
 }

-.action-section {
-  margin-block-end: 32px;
-}
-
 .status-indicators {
  display: flex;
  flex-wrap: wrap;
@@ -290,41 +199,19 @@ function onLeave(el: HTMLElement, done: () => void) {
  gap: 8px;
 }

-.help-section {
-  margin-block-end: 32px;
-}
-
-.help-panels {
-  text-align: start;
-}
-
-.footer-section {
-  opacity: 0.7;
-}
-
-.app-info {
-  color: rgb(var(--v-theme-on-surface));
-  font-size: 0.875rem;
-}
-
 /* 移动端优化 */
@media (width <= 600px) {
-  .offline-container {
-    padding: 24px;
-    margin: 16px;
+  .status-icon-bg {
+    block-size: 70px;
+    inline-size: 70px;
  }

  .offline-title {
-    font-size: 1.5rem;
+    font-size: 1.25rem;
  }

  .offline-message {
-    font-size: 1rem;
-  }
-
-  .status-icon-bg {
-    block-size: 100px;
-    inline-size: 100px;
+    font-size: 0.9rem;
  }

  .status-indicators {
@@ -332,13 +219,4 @@ function onLeave(el: HTMLElement, done: () => void) {
    align-items: center;
  }
 }
-
-/* 暗黑模式优化 */
-.v-theme--dark .offline-page {
-  background: linear-gradient(135deg, rgb(var(--v-theme-surface)) 0%, rgba(var(--v-theme-surface-variant), 0.8) 100%);
-}
-
-.v-theme--dark .offline-container {
-  box-shadow: 0 20px 40px rgba(0, 0, 0, 30%), 0 0 0 1px rgba(var(--v-border-color), var(--v-border-opacity));
-}
 </style>
--- a/src/layouts/components/QuickAccess.vue
+++ b/src/layouts/components/QuickAccess.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
 import api from '@/api'
 import type { Plugin } from '@/api/types'
-import noImage from '@images/logos/plugin.png'
+import { getLogoUrl } from '@/utils/imageUtils'
 import { useI18n } from 'vue-i18n'
 import { useRecentPlugins } from '@/composables/useRecentPlugins'
 import PluginDataDialog from '@/components/dialog/PluginDataDialog.vue'
 import { VCard } from 'vuetify/components'
 import { getDominantColor } from '@/@core/utils/image'
+import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock'

 // 国际化
 const { t } = useI18n()
@@ -136,8 +137,8 @@ const componentOpacity = computed(() => {

 // 计算插件图标路径
 function getPluginIcon(plugin: Plugin): string {
-  if (!plugin.plugin_icon) return noImage
-  if (pluginIconLoadError.value[plugin.id]) return noImage
+  if (!plugin.plugin_icon) return getLogoUrl('plugin')
+  if (pluginIconLoadError.value[plugin.id]) return getLogoUrl('plugin')

  // 如果是网络图片则使用代理后返回
  if (plugin?.plugin_icon?.startsWith('http'))
@@ -205,6 +206,29 @@ function handleClosePluginDataDialog() {
  currentPlugin.value = null
 }

+// 管理滚动状态
+function manageScrollLock() {
+  if (isVisible.value) {
+    // 使用 nextTick 确保 DOM 已经更新
+    nextTick(() => {
+      // 先恢复之前的锁定状态，避免重复锁定
+      const scrollableElement = document.querySelector('.all-plugins-grid')
+      if (scrollableElement) {
+        // 确保元素存在且可见
+        if ((scrollableElement as HTMLElement).offsetHeight > 0) {
+          disableBodyScroll(scrollableElement as HTMLElement)
+        }
+      }
+    })
+  } else {
+    // 恢复背景滚动
+    const scrollableElement = document.querySelector('.all-plugins-grid')
+    if (scrollableElement) {
+      enableBodyScroll(scrollableElement as HTMLElement)
+    }
+  }
+}
+
 // 监听可见性变化，加载数据
 watch(
  () => isVisible.value,
@@ -212,6 +236,9 @@ watch(
    if (visible) {
      fetchPluginsWithPage()
      loadRecentPlugins()
+      manageScrollLock()
+    } else {
+      manageScrollLock()
    }
  },
  { immediate: true },
@@ -221,6 +248,15 @@ onMounted(() => {
  if (isVisible.value) {
    fetchPluginsWithPage()
    loadRecentPlugins()
+    manageScrollLock()
+  }
+})
+
+// 组件卸载时确保恢复背景滚动
+onUnmounted(() => {
+  const scrollableElement = document.querySelector('.all-plugins-grid')
+  if (scrollableElement) {
+    enableBodyScroll(scrollableElement as HTMLElement)
  }
 })

@@ -420,40 +456,41 @@ function handleBackdropClick(event: MouseEvent) {
          <div class="section-title">{{ t('plugin.allPlugins') }}</div>
        </div>

-        <div v-if="pluginsWithPage.length > 0" class="all-plugins-grid">
-          <div
-            v-for="plugin in pluginsWithPage"
-            :key="plugin.id"
-            class="plugin-item"
-            @click="handlePluginClick(plugin)"
-          >
-            <VBadge
-              dot
-              :color="plugin.state ? 'success' : 'secondary'"
-              location="top end"
-              :offset-x="-1"
-              :offset-y="-1"
+        <div v-if="pluginsWithPage.length > 0" class="all-plugins-container">
+          <div class="all-plugins-grid">
+            <div
+              v-for="plugin in pluginsWithPage"
+              :key="plugin.id"
+              class="plugin-item"
+              @click="handlePluginClick(plugin)"
            >
-              <div
-                class="plugin-icon"
-                :style="{
-                  background: `${getPluginBackgroundColor(plugin)}`,
-                }"
+              <VBadge
+                dot
+                :color="plugin.state ? 'success' : 'secondary'"
+                location="top end"
+                :offset-x="-1"
+                :offset-y="-1"
              >
-                <VImg
-                  :src="getPluginIcon(plugin)"
-                  :alt="plugin.plugin_name"
-                  cover
-                  @load="src => handleIconLoaded(src, plugin)"
-                  @error="handleIconError(plugin)"
-                  class="rounded-lg"
-                />
-              </div>
-            </VBadge>
-            <div class="plugin-name">{{ plugin.plugin_name }}</div>
+                <div
+                  class="plugin-icon"
+                  :style="{
+                    background: `${getPluginBackgroundColor(plugin)}`,
+                  }"
+                >
+                  <VImg
+                    :src="getPluginIcon(plugin)"
+                    :alt="plugin.plugin_name"
+                    cover
+                    @load="src => handleIconLoaded(src, plugin)"
+                    @error="handleIconError(plugin)"
+                    class="rounded-lg"
+                  />
+                </div>
+              </VBadge>
+              <div class="plugin-name">{{ plugin.plugin_name }}</div>
+            </div>
          </div>
        </div>
-
        <!-- 空状态（只有在没有插件时显示） -->
        <div v-else-if="pluginsWithPage.length === 0" class="empty-state">
          <VIcon icon="mdi-puzzle-outline" size="48" color="grey" />
@@ -622,10 +659,34 @@ function handleBackdropClick(event: MouseEvent) {
  padding-inline: 0;
 }

+.all-plugins-container {
+  display: flex;
+  overflow: hidden;
+  flex: 1;
+  flex-direction: column;
+  min-block-size: 0;
+}
+
 .all-plugins-grid {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
+  max-block-size: 100%;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: none; // IE/Edge
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  padding-block: 8px;
+  padding-inline: 0;
+
+  // 隐藏滚动条
+  scrollbar-width: none; // Firefox
+  touch-action: pan-y;
+  will-change: scroll-position;
+
+  &::-webkit-scrollbar {
+    display: none; // WebKit 浏览器
+  }
 }

 .plugin-item {
@@ -677,6 +738,7 @@ function handleBackdropClick(event: MouseEvent) {
  font-size: 12px;
  font-weight: 500;
  -webkit-line-clamp: 2;
+  line-clamp: 2;
  line-height: 1.2;
  max-block-size: 2.4em;
  text-align: center;
--- a/src/layouts/components/ShortcutBar.vue
+++ b/src/layouts/components/ShortcutBar.vue
@@ -5,6 +5,8 @@ import LoggingView from '@/views/system/LoggingView.vue'
 import RuleTestView from '@/views/system/RuleTestView.vue'
 import ModuleTestView from '@/views/system/ModuleTestView.vue'
 import MessageView from '@/views/system/MessageView.vue'
+import WordsView from '@/views/system/WordsView.vue'
+import CacheView from '@/views/system/CacheView.vue'
 import api from '@/api'
 import { useDisplay } from 'vuetify'
 import { getQueryValue } from '@/@core/utils'
@@ -41,6 +43,12 @@ const systemTestDialog = ref(false)
 // 消息中心弹窗
 const messageDialog = ref(false)

+// 词表设置弹窗
+const wordsDialog = ref(false)
+
+// 缓存管理弹窗
+const cacheDialog = ref(false)
+
 // 输入消息
 const user_message = ref('')

@@ -50,6 +58,9 @@ const sendButtonDisabled = ref(false)
 // 消息对话框引用
 const messageDialogRef = ref<any>(null)

+// 消息视图引用
+const messageViewRef = ref<any>(null)
+
 // 滚动容器引用
 const messageContentRef = ref<any>()

@@ -83,6 +94,20 @@ const shortcuts = [
    dialog: 'netTest',
    dialogRef: netTestDialog,
  },
+  {
+    title: t('shortcut.words.title'),
+    subtitle: t('shortcut.words.subtitle'),
+    icon: 'mdi-file-word-box',
+    dialog: 'words',
+    dialogRef: wordsDialog,
+  },
+  {
+    title: t('shortcut.cache.title'),
+    subtitle: t('shortcut.cache.subtitle'),
+    icon: 'mdi-database',
+    dialog: 'cache',
+    dialogRef: cacheDialog,
+  },
  {
    title: t('shortcut.system.title'),
    subtitle: t('shortcut.system.subtitle'),
@@ -115,6 +140,12 @@ async function openMessageDialog() {
  setTimeout(() => {
    forceScrollToEnd()
  }, 600)
+  // 等待对话框打开后恢复SSE连接
+  nextTick(() => {
+    if (messageViewRef.value && typeof messageViewRef.value.resumeSSE === 'function') {
+      messageViewRef.value.resumeSSE()
+    }
+  })
 }

 // 智能滚动到底部（只有用户在底部附近时才滚动）
@@ -184,6 +215,14 @@ defineExpose({
  openMessageDialog: openMessageDialogFromExternal,
 })

+// 监听消息对话框状态变化
+watch(messageDialog, newValue => {
+  if (!newValue && messageViewRef.value && typeof messageViewRef.value.pauseSSE === 'function') {
+    // 对话框关闭时暂停SSE连接
+    messageViewRef.value.pauseSSE()
+  }
+})
+
 onMounted(() => {
  const shortcut = getQueryValue('shortcut')
  if (shortcut) {
@@ -232,7 +271,15 @@ onMounted(() => {
              flat
              class="pa-2 d-flex align-center cursor-pointer transition-transform duration-300 hover:-translate-y-1 border h-full"
              hover
-              @click="item.dialog === 'message' ? openMessageDialog() : openDialog(item.dialogRef)"
+              @click="
+                item.dialog === 'message'
+                  ? openMessageDialog()
+                  : item.dialog === 'words'
+                  ? openDialog(item.dialogRef)
+                  : item.dialog === 'cache'
+                  ? openDialog(item.dialogRef)
+                  : openDialog(item.dialogRef)
+              "
            >
              <VAvatar variant="text" size="48" rounded="lg">
                <VIcon color="primary" :icon="item.icon" size="24" />
@@ -248,7 +295,7 @@ onMounted(() => {
    </VCard>
  </VMenu>
  <!-- 名称测试弹窗 -->
-  <DialogWrapper
+  <VDialog
    v-if="nameTestDialog"
    v-model="nameTestDialog"
    max-width="45rem"
@@ -268,9 +315,9 @@ onMounted(() => {
        <NameTestView />
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
  <!-- 网络测试弹窗 -->
-  <DialogWrapper
+  <VDialog
    v-if="netTestDialog"
    v-model="netTestDialog"
    max-width="35rem"
@@ -290,9 +337,9 @@ onMounted(() => {
        <NetTestView />
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
  <!-- 实时日志弹窗 -->
-  <DialogWrapper
+  <VDialog
    v-if="loggingDialog"
    v-model="loggingDialog"
    scrollable
@@ -318,9 +365,9 @@ onMounted(() => {
        <LoggingView logfile="moviepilot.log" />
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
  <!-- 过滤规则弹窗 -->
-  <DialogWrapper
+  <VDialog
    v-if="ruleTestDialog"
    v-model="ruleTestDialog"
    max-width="35rem"
@@ -340,9 +387,41 @@ onMounted(() => {
        <RuleTestView />
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
+  <!-- 词表设置弹窗 -->
+  <VDialog v-if="wordsDialog" v-model="wordsDialog" max-width="60rem" scrollable :fullscreen="!display.mdAndUp.value">
+    <VCard>
+      <VCardItem>
+        <VCardTitle>
+          <VIcon icon="mdi-file-word-box" class="me-2" />
+          {{ t('shortcut.words.subtitle') }}
+        </VCardTitle>
+        <VDialogCloseBtn @click="wordsDialog = false" />
+      </VCardItem>
+      <VDivider />
+      <VCardText>
+        <WordsView />
+      </VCardText>
+    </VCard>
+  </VDialog>
+  <!-- 缓存管理弹窗 -->
+  <VDialog v-if="cacheDialog" v-model="cacheDialog" max-width="90rem" scrollable :fullscreen="!display.mdAndUp.value">
+    <VCard>
+      <VCardItem>
+        <VCardTitle>
+          <VIcon icon="mdi-database" class="me-2" />
+          {{ t('shortcut.cache.subtitle') }}
+        </VCardTitle>
+        <VDialogCloseBtn @click="cacheDialog = false" />
+      </VCardItem>
+      <VDivider />
+      <VCardText>
+        <CacheView />
+      </VCardText>
+    </VCard>
+  </VDialog>
  <!-- 系统健康检查弹窗 -->
-  <DialogWrapper
+  <VDialog
    v-if="systemTestDialog"
    v-model="systemTestDialog"
    max-width="35rem"
@@ -362,9 +441,9 @@ onMounted(() => {
        <ModuleTestView />
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
  <!-- 消息中心弹窗 -->
-  <DialogWrapper
+  <VDialog
    v-if="messageDialog"
    v-model="messageDialog"
    max-width="50rem"
@@ -407,5 +486,5 @@ onMounted(() => {
        </div>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/layouts/components/UserProfile.vue
+++ b/src/layouts/components/UserProfile.vue
@@ -5,7 +5,8 @@ import avatar1 from '@images/avatars/avatar-1.png'
 import api from '@/api'
 import ProgressDialog from '@/components/dialog/ProgressDialog.vue'
 import UserAuthDialog from '@/components/dialog/UserAuthDialog.vue'
-import { useAuthStore, useUserStore } from '@/stores'
+import AboutDialog from '@/components/dialog/AboutDialog.vue'
+import { useAuthStore, useUserStore, useGlobalSettingsStore } from '@/stores'
 import { useI18n } from 'vue-i18n'
 import { useDisplay, useTheme } from 'vuetify'
 import { SUPPORTED_LOCALES, SupportedLocale } from '@/types/i18n'
@@ -20,6 +21,8 @@ import { themeManager } from '@/utils/themeManager'
 const authStore = useAuthStore()
 // 用户 Store
 const userStore = useUserStore()
+// 全局设置 Store
+const globalSettingsStore = useGlobalSettingsStore()
 // 国际化
 const { t } = useI18n()
 // 显示器
@@ -53,6 +56,9 @@ const transparencyLevel = ref(localStorage.getItem('transparency-level') || 'med
 const isTransparentTheme = computed(() => currentThemeName.value === 'transparent')
 const showTransparencyDialog = ref(false)

+// 关于对话框
+const aboutDialog = ref(false)
+
 // 预设值配置
 const transparencyPresets = {
  low: { opacity: 0.1, blur: 5 },
@@ -205,6 +211,11 @@ function showSiteAuthDialog() {
  siteAuthDialog.value = true
 }

+// 显示关于对话框
+function showAboutDialog() {
+  aboutDialog.value = true
+}
+
 // 用户站点认证成功
 function siteAuthDone() {
  siteAuthDialog.value = false
@@ -217,6 +228,11 @@ const userName = computed(() => userStore.userName)
 const avatar = computed(() => userStore.avatar || avatar1)
 const userLevel = computed(() => userStore.level)

+// 检查是否为高级模式
+const isAdvancedMode = computed(() => {
+  return globalSettingsStore.get('ADVANCED_MODE') !== false
+})
+
 // 主题相关功能
 const { name: themeName, global: globalTheme } = useTheme()
 const savedTheme = ref(localStorage.getItem('theme') ?? themeName)
@@ -509,11 +525,17 @@ onUnmounted(() => {
            <VListItemTitle>{{ t('user.profile') }}</VListItemTitle>
          </VListItem>

-          <VListItem v-if="superUser" link @click="router.push('/setting')" class="mb-1 rounded-lg" hover>
+          <VListItem
+            v-if="superUser"
+            link
+            @click="isAdvancedMode ? router.push('/setting') : router.push('/setup-wizard')"
+            class="mb-1 rounded-lg"
+            hover
+          >
            <template #prepend>
-              <VIcon icon="mdi-cog-outline" />
+              <VIcon :icon="isAdvancedMode ? 'mdi-cog-outline' : 'mdi-wizard-hat'" />
            </template>
-            <VListItemTitle>{{ t('user.systemSettings') }}</VListItemTitle>
+            <VListItemTitle>{{ isAdvancedMode ? t('user.systemSettings') : t('user.wizardSettings') }}</VListItemTitle>
          </VListItem>

          <!-- 👉 Site Auth -->
@@ -620,6 +642,14 @@ onUnmounted(() => {
            <VListItemTitle>{{ t('user.helpDocs') }}</VListItemTitle>
          </VListItem>

+          <!-- 👉 About -->
+          <VListItem @click="showAboutDialog" class="mb-1 rounded-lg" hover>
+            <template #prepend>
+              <VIcon icon="mdi-information-outline" />
+            </template>
+            <VListItemTitle>{{ t('setting.about.title') }}</VListItemTitle>
+          </VListItem>
+
          <!-- Divider -->
          <VDivider v-if="superUser" class="my-3" />

@@ -650,7 +680,7 @@ onUnmounted(() => {
  <!-- 用户认证对话框 -->
  <UserAuthDialog v-if="siteAuthDialog" v-model="siteAuthDialog" @done="siteAuthDone" @close="siteAuthDialog = false" />
  <!-- 自定义 CSS -->
-  <DialogWrapper v-if="cssDialog" v-model="cssDialog" max-width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog v-if="cssDialog" v-model="cssDialog" max-width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem>
        <VCardTitle>
@@ -671,10 +701,10 @@ onUnmounted(() => {
        </VBtn>
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>

  <!-- 透明度调整对话框 -->
-  <DialogWrapper v-if="showTransparencyDialog" v-model="showTransparencyDialog" max-width="30rem">
+  <VDialog v-if="showTransparencyDialog" v-model="showTransparencyDialog" max-width="30rem">
    <VCard>
      <VCardItem>
        <VCardTitle>
@@ -763,7 +793,10 @@ onUnmounted(() => {
        </VBtn>
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
+
+  <!-- 关于对话框 -->
+  <AboutDialog v-if="aboutDialog" v-model="aboutDialog" @close="aboutDialog = false" />
 </template>

 <style lang="scss" scoped>
--- a/src/locales/en-US.ts
+++ b/src/locales/en-US.ts
@@ -49,6 +49,9 @@ export default {
    itemsPerPage: 'Items per page',
    pageText: '{0}-{1} of {2}',
    noDataText: 'No data',
+    next: 'Next',
+    previous: 'Previous',
+    skip: 'Skip',
    loadingText: 'Loading...',
    networkRequired: 'This feature requires network connection',
    networkDisconnected: 'Network connection lost',
@@ -321,11 +324,6 @@ export default {
      title: 'Notifications',
      description: 'Notification channels (WeChat, Telegram, Slack, SynologyChat, VoceChat, WebPush), message scope',
    },
-    words: {
-      title: 'Word Lists',
-      description:
-        'Custom recognition words, custom production/subtitle groups, custom placeholders, file organization block words',
-    },
    about: {
      title: 'About',
      description: 'Software version',
@@ -369,8 +367,10 @@ export default {
    deleteFailed: 'Failed to delete user!',
    profile: 'Profile',
    systemSettings: 'System Settings',
+    wizardSettings: 'Setup Wizard',
    siteAuth: 'User Authentication',
    helpDocs: 'Help Documents',
+    about: 'About',
    restart: 'Restart',
    management: 'User Management',
    noUsers: 'No Users',
@@ -378,8 +378,11 @@ export default {
    addUser: 'Add User',
    editUser: 'Edit User',
    username: 'Username',
+    usernameHint: 'Username for system login',
    password: 'Password',
+    passwordHint: 'Password for system login',
    confirmPassword: 'Confirm Password',
+    confirmPasswordHint: 'Please enter the password again to confirm',
    role: 'Role',
    email: 'Email',
    enabled: 'Enabled',
@@ -408,10 +411,13 @@ export default {
      name: 'WeChat Work',
      corpId: 'Corp ID',
      corpIdHint: 'Corp ID in WeChat Work backend enterprise information',
+      corpIdRequired: 'Corp ID cannot be empty',
      appId: 'App AgentId',
      appIdHint: 'AgentId of self-built app in WeChat Work',
+      appIdRequired: 'App AgentId cannot be empty',
      appSecret: 'App Secret',
      appSecretHint: 'Secret of self-built app in WeChat Work',
+      appSecretRequired: 'App Secret cannot be empty',
      proxy: 'Proxy Address',
      proxyHint:
        'Proxy address for WeChat message forwarding, required for self-built apps created after June 20, 2022',
@@ -427,8 +433,10 @@ export default {
      name: 'Telegram',
      token: 'Bot Token',
      tokenHint: 'Telegram bot token, format: 123456:ABC-DEF1234ghIkl-zyx57W2v1u123ew11',
+      tokenRequired: 'Bot Token cannot be empty',
      chatId: 'Chat ID',
      chatIdHint: 'Chat ID of user, group or channel that receives notifications',
+      chatIdRequired: 'Chat ID cannot be empty',
      users: 'User Whitelist',
      usersHint: 'User IDs that can use Telegram bot, separated by commas. Leave empty to allow all users',
      admins: 'Admin Whitelist',
@@ -443,15 +451,18 @@ export default {
      name: 'Slack',
      oauthToken: 'Slack Bot User OAuth Token',
      oauthTokenHint: 'Bot User OAuth Token in Slack app OAuth & Permissions page',
+      oauthTokenRequired: 'OAuth Token cannot be empty',
      appToken: 'Slack App-Level Token',
      appTokenHint: 'App-Level Token in Slack app OAuth & Permissions page',
      channel: 'Channel Name',
      channelHint: 'Channel to send messages, default is "all"',
+      channelRequired: 'Channel Name cannot be empty',
    },
    synologychat: {
      name: 'Synology Chat',
      webhook: 'Webhook URL',
      webhookHint: 'Synology Chat bot webhook URL',
+      webhookRequired: 'Webhook URL cannot be empty',
      token: 'Token',
      tokenHint: 'Synology Chat bot token',
    },
@@ -459,8 +470,10 @@ export default {
      name: 'VoceChat',
      host: 'Address',
      hostHint: 'VoceChat server address, format: http(s)://ip:port',
+      hostRequired: 'Address cannot be empty',
      apiKey: 'Bot API Key',
      apiKeyHint: 'VoceChat bot API key',
+      apiKeyRequired: 'API Key cannot be empty',
      channelId: 'Channel ID',
      channelIdHint: 'VoceChat channel ID, without #',
    },
@@ -468,6 +481,7 @@ export default {
      name: 'WebPush',
      username: 'Login Username',
      usernameHint: 'Only push messages to the corresponding logged-in user',
+      usernameRequired: 'Username cannot be empty',
    },
  },
  shortcut: {
@@ -496,6 +510,14 @@ export default {
      title: 'Messages',
      subtitle: 'Message Center',
    },
+    words: {
+      title: 'Words',
+      subtitle: 'Word Settings',
+    },
+    cache: {
+      title: 'Cache',
+      subtitle: 'Manage Cache',
+    },
  },
  workflow: {
    components: 'Action Components',
@@ -833,6 +855,24 @@ export default {
    notStarted: 'Not Started',
    pending: 'Pending',
    paused: 'Paused',
+    selectedCount: 'Selected {count}/{total} items',
+    noSelectedItems: 'Please select subscriptions to operate',
+    batchEnable: 'Batch Enable',
+    batchPause: 'Batch Pause',
+    batchDelete: 'Batch Delete',
+    batchEnableConfirm: 'Are you sure you want to enable {count} selected subscriptions?',
+    batchPauseConfirm: 'Are you sure you want to pause {count} selected subscriptions?',
+    batchDeleteConfirm: 'Are you sure you want to delete {count} selected subscriptions? This action cannot be undone!',
+    batchEnableSuccess: 'Successfully enabled {count} subscriptions',
+    batchPauseSuccess: 'Successfully paused {count} subscriptions',
+    batchDeleteSuccess: 'Successfully deleted {count} subscriptions',
+    batchEnableFailed: 'Failed to enable {count} subscriptions',
+    batchPauseFailed: 'Failed to pause {count} subscriptions',
+    batchDeleteFailed: 'Failed to delete {count} subscriptions',
+    batchEnableError: 'Batch enable operation failed',
+    batchPauseError: 'Batch pause operation failed',
+    batchDeleteError: 'Batch delete operation failed',
+    minSubscribers: 'Minimum Subscribers',
  },
  recommend: {
    all: 'All',
@@ -1007,6 +1047,7 @@ export default {
      limitSeconds: 'Access Interval (seconds)',
      useProxy: 'Use Proxy',
      browserSimulation: 'Browser Simulation',
+      selectFile: 'Select File',
    },
    hints: {
      url: 'Format: http://www.example.com/',
@@ -1024,19 +1065,48 @@ export default {
      limitSeconds: 'Minimum interval between each access',
      useProxy: 'Use proxy server to access this site',
      browserSimulation: 'Use browser simulation for authentic site access',
+      import: 'Batch import site data, supports JSON format files',
+      selectFile: 'Select JSON file',
+      dragDropFile: 'Drag and drop file here or click to select file',
+      supportedFormat: 'Supports JSON format site configuration files',
    },
    actions: {
      add: 'Add Site',
      edit: 'Edit Site',
+      import: 'Import',
+      export: 'Export',
+      startImport: 'Start Import',
    },
    messages: {
      addSuccess: 'Site added successfully',
      addFailed: 'Failed to add site',
      updateSuccess: 'Updated successfully',
      updateFailed: 'Update failed',
+      exportSuccess: 'Sites exported successfully',
+      exportFailed: 'Failed to export sites',
+      importSuccess: 'Successfully imported {count} sites',
+      importFailed: 'Failed to import sites',
+      importPartialFailed: 'Import completed, {success} successful, {failed} failed',
+      importAllFailed: 'Import failed, all {count} sites failed to import',
+      noDataToImport: 'No data to import',
+      noValidData: 'No valid data',
+      someInvalidData: 'Some data is invalid, valid data: {valid}/{total}',
+      invalidFileType: 'Unsupported file type, please select a JSON file',
+      invalidFileFormat: 'Invalid file format, please check file content',
+      parseFileError: 'Failed to parse file, please check file format',
+      previewData: 'Preview data ({count} sites)',
+      importing: 'Importing... ({progress}%)',
+      importErrors: 'Import encountered {count} errors',
    },
    errors: {
      loadDownloader: 'Failed to load downloader settings',
+      title: 'Import Error Details',
+      failed: 'Import Failed',
+      details: 'Error Details',
+    },
+    results: {
+      successTitle: 'Successfully Imported Sites',
+      success: 'Import Success',
    },
    testConnectivity: 'Test Connectivity',
    testing: 'Testing ...',
@@ -1068,6 +1138,13 @@ export default {
    accessTime: 'Access Time',
    responseTime: 'Response Time',
    noTimeRecords: 'No Time Records',
+    preview: {
+      title: 'Preview Sites',
+      showing: 'Showing {count}/{total}',
+      unnamed: 'Unnamed Site',
+      noUrl: 'No Site URL',
+      invalid: 'Invalid Data',
+    },
  },
  message: {
    loadMore: 'Load More',
@@ -1161,7 +1238,8 @@ export default {
      apiTokenLength: 'API Token must be at least 16 characters',
      githubToken: 'Github Token',
      githubTokenFormat: 'ghp_**** or github_pat_****',
-      githubTokenHint: 'Used to increase the rate limit threshold when plugins access Github API',
+      githubTokenHint:
+        'Used to increase the rate limit threshold when plugins access Github API，it is recommended to configure, otherwise plugins may not work properly',
      ocrHost: 'OCR Server',
      ocrHostHint: 'Used for site check-in, updating site cookies and other captcha recognition',
      advancedSettings: 'Advanced Settings',
@@ -1208,7 +1286,7 @@ export default {
      workflowStatisticShareHint: 'Share workflow statistics to popular workflows for other MP users to reference',
      bigMemoryMode: 'Large Memory Mode',
      bigMemoryModeHint: 'Use more memory to cache data and improve system performance',
-      dbWalEnable: 'WAL Mode',
+      dbWalEnable: 'Sqlite WAL Mode',
      dbWalEnableHint:
        'Can improve read/write concurrency performance, but may increase the risk of data loss in exceptional cases, requires restart to take effect',
      tmdbApiDomain: 'TMDB API Service Address',
@@ -1615,7 +1693,11 @@ export default {
      bestVersionRuleGroup: 'Version Upgrade Priority Rule Group',
      bestVersionRuleGroupHint: 'Filter version upgrade subscriptions based on selected filter rule groups',
      timedSearch: 'Subscription Scheduled Search',
-      timedSearchHint: 'Search all sites every 24 hours to supplement resources that may be missed by subscription',
+      timedSearchHint:
+        'Search all sites at specified intervals to supplement resources that may be missed by subscription',
+      searchInterval: 'Subscription Search Interval',
+      searchIntervalHint:
+        'Set the time interval for subscription search, only effective when subscription scheduled search is enabled',
      checkLocalMedia: 'Check File System Resources',
      checkLocalMediaHint:
        'Scan the storage directory for existing resource files to avoid duplicate downloads; regardless of whether it is enabled, the media server will be checked',
@@ -1631,6 +1713,8 @@ export default {
        hour1: '1 hour',
        hour12: '12 hours',
        day1: '1 day',
+        day3: '3 days',
+        week1: '1 week',
      },
      saveSuccess: 'Subscription sites saved successfully',
      saveFailed: 'Failed to save subscription sites!',
@@ -1640,6 +1724,8 @@ export default {
    cache: {
      title: 'Cache Management',
      subtitle: 'Manage torrent cache data',
+      totalCount: 'Total Count',
+      siteCount: 'Site Count',
      filterByTitle: 'Filter by Title',
      filterBySite: 'Filter by Site',
      selectSite: 'Select Site',
@@ -1712,8 +1798,12 @@ export default {
      add: 'Add User',
      edit: 'Edit User',
      username: 'Username',
+      usernameRequired: 'Username cannot be empty',
      password: 'Password',
+      passwordMinLength: 'Password must be at least 6 characters',
      confirmPassword: 'Confirm Password',
+      confirmPasswordRequired: 'Please confirm password',
+      passwordMismatch: 'Passwords do not match',
      email: 'Email',
      nickname: 'Nickname',
      status: 'Status',
@@ -1734,9 +1824,7 @@ export default {
      webPush: 'WebPush',
      creatingUser: 'Creating user [{name}], please wait',
      updatingUser: 'Updating user [{name}], please wait',
-      usernameRequired: 'Username cannot be empty',
      usernameExists: 'Username already exists',
-      passwordMismatch: 'The two passwords do not match',
      userCreated: 'User [{name}] created successfully',
      userCreateFailed: 'Failed to create user: {message}',
      userUpdateSuccess: 'User [{name}] updated successfully',
@@ -2036,6 +2124,10 @@ export default {
      startAll: 'Start All',
      refresh: 'Refresh',
      close: 'Close',
+      processingFile: 'Processing',
+      overallProgress: 'Overall Progress',
+      currentFileProgress: 'Current File Progress',
+      processingStatus: 'Processing',
    },
    reorganize: {
      title: 'Organize',
@@ -2563,6 +2655,9 @@ export default {
    nameRequired: 'Name cannot be empty',
    nameDuplicate: 'Name already exists',
    defaultChanged: 'Default downloader exists, has been replaced',
+    hostRequired: 'Host cannot be empty',
+    usernameRequired: 'Username cannot be empty',
+    passwordRequired: 'Password cannot be empty',
  },
  filterRule: {
    title: 'Filter Rule',
@@ -2607,9 +2702,15 @@ export default {
    plexToken: 'X-Plex-Token',
    plexTokenHint: 'X-Plex-Token obtained from Plex request URL in browser F12 -> Network',
    username: 'Username',
+    usernameHint: 'Login username',
    password: 'Password',
    syncLibraries: 'Sync Libraries',
    syncLibrariesHint: 'Only selected libraries will be synchronized',
+    hostRequired: 'Host cannot be empty',
+    apiKeyRequired: 'API Key cannot be empty',
+    tokenRequired: 'Token cannot be empty',
+    usernameRequired: 'Username cannot be empty',
+    passwordRequired: 'Password cannot be empty',
    nameExists: '【{name}】 already exists, please use a different name',
  },
  bangumi: {
@@ -2643,6 +2744,9 @@ export default {
      firstAirDateAsc: 'First Air Date Ascending',
      voteAverageDesc: 'Vote Average Descending',
      voteAverageAsc: 'Vote Average Ascending',
+      time: 'Latest',
+      count: 'Popular',
+      rating: 'Rating',
    },
    genreType: {
      action: 'Action',
@@ -2772,7 +2876,9 @@ export default {
    libraryStorage: 'Library Storage',
    libraryDirectory: 'Library Directory',
    transferType: 'Transfer Type',
+    transferTypeHint: 'File operation organization method, hard link saves space, copy is safer',
    overwriteMode: 'Overwrite Mode',
+    overwriteModeHint: 'How to handle when target file already exists',
    smartRename: 'Smart Rename',
    scrapingMetadata: 'Scrape Metadata',
    sendNotification: 'Send Notification',
@@ -2814,4 +2920,150 @@ export default {
    customBackgroundImageHint: 'Supports web image URLs, leave blank for gradient background',
    pluginCount: '{count} Plugins',
  },
+  setupWizard: {
+    title: 'Welcome to MoviePilot!',
+    subtitle: 'Complete the configuration by the wizard, and start using it immediately.',
+    completed: 'Setup Wizard completed!',
+    failed: 'Setup Wizard failed, please try again',
+    complete: 'Complete Configuration',
+    loading: 'Loading configuration data...',
+    testing: 'Testing',
+    connectivityTestSuccess: 'Connectivity test passed',
+    connectivityTestFailed: 'Connectivity test failed',
+    testingStorage: 'Testing storage',
+    checkingStorage: 'Checking storage connectivity',
+    testingDownloader: 'Testing downloader',
+    checkingDownloader: 'Checking downloader connectivity',
+    testingMediaServer: 'Testing media server',
+    checkingMediaServer: 'Checking media server connectivity',
+    testingNotification: 'Testing notification',
+    checkingNotification: 'Checking notification connectivity',
+    testFailedHint: 'Please check if the configuration is correct, you can retest after modification',
+    unsupportedDownloaderType: 'Unsupported downloader type: {type}',
+    unsupportedMediaServerType: 'Unsupported media server type: {type}',
+    unsupportedNotificationType: 'Unsupported notification type: {type}',
+    passwordUpdateSuccess: 'Password updated successfully',
+    userCreateSuccess: 'User created successfully',
+    passwordUpdateFailed: 'Failed to update password',
+    basic: {
+      title: 'Basic Settings',
+      description: 'Set access domain, username/password and network configuration',
+      appDomain: 'App Domain',
+      appDomainHint: 'Used to add quick jump links when sending notifications',
+      wallpaper: 'Background Wallpaper',
+      wallpaperHint: 'Choose the source of the login page background',
+      recognizeSource: 'Recognize Source',
+      recognizeSourceHint: 'Set the default media info recognition data source',
+      apiToken: 'API Token',
+      apiTokenHint: 'API Token required for accessing MoviePilot API, please record it for subsequent use',
+      currentUserHint: 'Current user, cannot be modified',
+      passwordOptionalHint: 'Leave blank to keep current password',
+      confirmPasswordHint: 'Confirm new password',
+      apiTokenRequired: 'API Token is required',
+    },
+    storage: {
+      title: 'Storage',
+      description: 'Configure download directory and media library directory',
+      info: 'Storage Configuration',
+      infoDesc: 'Configure local storage directories for download and media library management',
+      downloadPath: 'Download Directory',
+      downloadPathHint: 'Set the storage path for downloaded files',
+      libraryPath: 'Media Library Directory',
+      libraryPathHint: 'Set the storage path for media files',
+      downloadPathRequired: 'Download directory is required',
+      libraryPathRequired: 'Media library directory is required',
+    },
+    downloader: {
+      title: 'Downloader',
+      description: 'Configure downloader',
+      info: 'Downloader Configuration',
+      infoDesc: 'Configure downloader for resource download, can choose qBittorrent or Transmission',
+      type: 'Downloader Type',
+      typeHint: 'Select the type of downloader to use',
+      name: 'Downloader Name',
+      nameHint: 'Set a name for the downloader',
+      qbittorrentConfig: 'qBittorrent Configuration',
+      transmissionConfig: 'Transmission Configuration',
+      host: 'Server Address',
+      username: 'Username',
+      password: 'Password',
+      downloadPath: 'Download Path',
+    },
+    mediaServer: {
+      title: 'Media Server',
+      description: 'Configure media server',
+      info: 'Media Server Configuration',
+      infoDesc: 'Configure media server for media library management, can choose Emby, Jellyfin or Plex etc.',
+      type: 'Media Server Type',
+      typeHint: 'Select the type of media server to use',
+      name: 'Server Name',
+      nameHint: 'Set a name for the media server',
+      embyConfig: 'Emby Configuration',
+      jellyfinConfig: 'Jellyfin Configuration',
+      plexConfig: 'Plex Configuration',
+      host: 'Server Address',
+      apiKey: 'API Key',
+      token: 'Access Token',
+    },
+    notification: {
+      title: 'Notification',
+      description: 'Configure notification channels',
+      info: 'Notification Configuration',
+      infoDesc: 'Configure notification channels for receiving system messages (optional)',
+      type: 'Notification Type',
+      typeHint: 'Select the type of notification channel to use',
+      name: 'Notification Name',
+      nameHint: 'Set a name for the notification channel',
+      telegramConfig: 'Telegram Configuration',
+      emailConfig: 'Email Configuration',
+      botToken: 'Bot Token',
+      chatId: 'Chat ID',
+      smtpServer: 'SMTP Server',
+      smtpPort: 'SMTP Port',
+      senderEmail: 'Sender Email',
+      senderPassword: 'Sender Password',
+      receiverEmail: 'Receiver Email',
+    },
+    preferences: {
+      title: 'Resource Preferences',
+      description: 'Set resource download preferences',
+      info: 'Resource Preferences',
+      infoDesc:
+        'Set resource download preferences, the system will automatically select the best resources based on these preferences',
+      quality: 'Quality Preference',
+      qualityHint: 'Select preferred video quality',
+      subtitle: 'Subtitle Preference',
+      subtitleHint: 'Select preferred subtitle type',
+      resolution: 'Resolution Preference',
+      resolutionHint: 'Select preferred video resolution',
+      presetRules: 'Preset Rules',
+      detailedConfig: 'Detailed Configuration',
+      quickPresets: 'Quick Presets',
+      quickPresetsDesc: 'Select preset configuration, system will automatically apply corresponding rules',
+      personalizationOptions: 'Personalization Options',
+      personalizationOptionsDesc: 'Adjust rules according to your needs',
+      excludeDolbyVision: 'Exclude Dolby Vision',
+      excludeDolbyVisionHint: 'Exclude Dolby Vision resources from rules when selected',
+      excludeBluray: 'Exclude Blu-ray',
+      excludeBlurayHint: 'Exclude Blu-ray resources from rules when selected',
+      presets: {
+        '4k-enthusiast': {
+          name: '4K Enthusiast',
+          description: 'Pursue the highest quality, prioritize 4K',
+        },
+        'balanced': {
+          name: 'Balanced Mode',
+          description: 'Balance between quality and storage space',
+        },
+        'space-saver': {
+          name: 'Space Saver',
+          description: 'Prioritize smaller files to save storage space',
+        },
+        'free-priority': {
+          name: 'Free Priority',
+          description: 'Prioritize free resources, no other requirements',
+        },
+      },
+    },
+  },
 }
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -49,6 +49,9 @@ export default {
    itemsPerPage: '每页条数',
    pageText: '{0}-{1} 共 {2} 条',
    noDataText: '没有数据',
+    next: '下一步',
+    previous: '上一步',
+    skip: '跳过',
    loadingText: '加载中...',
    networkRequired: '此功能需要网络连接',
    networkDisconnected: '网络连接已断开',
@@ -320,10 +323,6 @@ export default {
      title: '通知',
      description: '通知渠道（微信、Telegram、Slack、SynologyChat、VoceChat、WebPush）、消息发送范围',
    },
-    words: {
-      title: '词表',
-      description: '自定义识别词、自定义制作组/字幕组、自定义占位符、文件整理屏蔽词',
-    },
    about: {
      title: '关于',
      description: '软件版本',
@@ -367,8 +366,10 @@ export default {
    deleteFailed: '用户删除失败！',
    profile: '个人信息',
    systemSettings: '系统设定',
+    wizardSettings: '设置向导',
    siteAuth: '用户认证',
    helpDocs: '帮助文档',
+    about: '关于',
    restart: '重启',
    management: '用户管理',
    noUsers: '没有用户',
@@ -376,8 +377,11 @@ export default {
    addUser: '添加用户',
    editUser: '编辑用户',
    username: '用户名',
+    usernameHint: '用于登录系统的用户名',
    password: '密码',
+    passwordHint: '用于登录系统的密码',
    confirmPassword: '确认密码',
+    confirmPasswordHint: '请再次输入密码以确认',
    role: '角色',
    email: '邮箱',
    enabled: '启用',
@@ -406,10 +410,13 @@ export default {
      name: '企业微信',
      corpId: '企业ID',
      corpIdHint: '企业微信后台企业信息中的企业ID',
+      corpIdRequired: '企业ID不能为空',
      appId: '应用 AgentId',
      appIdHint: '企业微信自建应用的AgentId',
+      appIdRequired: '应用AgentId不能为空',
      appSecret: '应用 Secret',
      appSecretHint: '企业微信自建应用的Secret',
+      appSecretRequired: '应用Secret不能为空',
      proxy: '代理地址',
      proxyHint: '微信消息的转发代理地址，2022年6月20日后创建的自建应用才需要，不使用代理时需要保留默认值',
      token: 'Token',
@@ -424,8 +431,10 @@ export default {
      name: 'Telegram',
      token: 'Bot Token',
      tokenHint: 'Telegram机器人token，格式：123456:ABC-DEF1234ghIkl-zyx57W2v1u123ew11',
+      tokenRequired: 'Bot Token不能为空',
      chatId: 'Chat ID',
      chatIdHint: '接受消息通知的用户、群组或频道Chat ID',
+      chatIdRequired: 'Chat ID不能为空',
      users: '用户白名单',
      usersHint: '可使用Telegram机器人的用户ID清单，多个用户用,分隔，不填写则所有用户都能使用',
      admins: '管理员白名单',
@@ -440,15 +449,18 @@ export default {
      name: 'Slack',
      oauthToken: 'Slack Bot User OAuth Token',
      oauthTokenHint: 'Slack应用`OAuth & Permissions`页面中的`Bot User OAuth Token`',
+      oauthTokenRequired: 'OAuth Token不能为空',
      appToken: 'Slack App-Level Token',
      appTokenHint: 'Slack应用`OAuth & Permissions`页面中的`App-Level Token`',
      channel: '频道名称',
      channelHint: '消息发送频道，默认`全体`',
+      channelRequired: '频道名称不能为空',
    },
    synologychat: {
      name: 'Synology Chat',
      webhook: '机器人传入URL',
      webhookHint: 'Synology Chat机器人传入URL',
+      webhookRequired: 'Webhook URL不能为空',
      token: '令牌',
      tokenHint: 'Synology Chat机器人令牌',
    },
@@ -456,8 +468,10 @@ export default {
      name: 'VoceChat',
      host: '地址',
      hostHint: 'VoceChat服务端地址，格式：http(s)://ip:port',
+      hostRequired: '地址不能为空',
      apiKey: '机器人密钥',
      apiKeyHint: 'VoceChat机器人密钥',
+      apiKeyRequired: 'API密钥不能为空',
      channelId: '频道ID',
      channelIdHint: 'VoceChat的频道ID，不包含#号',
    },
@@ -465,6 +479,7 @@ export default {
      name: 'WebPush',
      username: '登录用户名',
      usernameHint: '只有对应的用户登录后才会推送消息',
+      usernameRequired: '用户名不能为空',
    },
  },
  shortcut: {
@@ -493,6 +508,14 @@ export default {
      title: '消息',
      subtitle: '消息中心',
    },
+    words: {
+      title: '词表',
+      subtitle: '词表设置',
+    },
+    cache: {
+      title: '缓存',
+      subtitle: '管理缓存',
+    },
  },
  workflow: {
    components: '动作组件',
@@ -829,6 +852,24 @@ export default {
    notStarted: '未开始',
    pending: '待定',
    paused: '暂停',
+    selectedCount: '已选择 {count}/{total} 项',
+    noSelectedItems: '请先选择要操作的订阅',
+    batchEnable: '批量启用',
+    batchPause: '批量暂停',
+    batchDelete: '批量删除',
+    batchEnableConfirm: '确定要启用选中的 {count} 个订阅吗？',
+    batchPauseConfirm: '确定要暂停选中的 {count} 个订阅吗？',
+    batchDeleteConfirm: '确定要删除选中的 {count} 个订阅吗？此操作不可恢复！',
+    batchEnableSuccess: '成功启用 {count} 个订阅',
+    batchPauseSuccess: '成功暂停 {count} 个订阅',
+    batchDeleteSuccess: '成功删除 {count} 个订阅',
+    batchEnableFailed: '启用失败 {count} 个订阅',
+    batchPauseFailed: '暂停失败 {count} 个订阅',
+    batchDeleteFailed: '删除失败 {count} 个订阅',
+    batchEnableError: '批量启用操作失败',
+    batchPauseError: '批量暂停操作失败',
+    batchDeleteError: '批量删除操作失败',
+    minSubscribers: '最小订阅人数',
  },
  recommend: {
    all: '全部',
@@ -1003,6 +1044,7 @@ export default {
      limitSeconds: '访问间隔（秒）',
      useProxy: '使用代理访问',
      browserSimulation: '浏览器仿真',
+      selectFile: '选择文件',
    },
    hints: {
      url: '格式：http://www.example.com/',
@@ -1020,19 +1062,48 @@ export default {
      limitSeconds: '每次访问需要间隔的最小时间',
      useProxy: '使用代理服务器访问该站点',
      browserSimulation: '使用浏览器模拟真实访问该站点',
+      import: '批量导入站点数据，支持JSON格式文件',
+      selectFile: '选择JSON文件',
+      dragDropFile: '拖拽文件到此处或点击选择文件',
+      supportedFormat: '支持JSON格式的站点配置文件',
    },
    actions: {
      add: '新增站点',
      edit: '编辑站点',
+      import: '导入',
+      export: '导出',
+      startImport: '开始导入',
    },
    messages: {
      addSuccess: '新增站点成功',
      addFailed: '新增站点失败',
      updateSuccess: '更新成功',
      updateFailed: '更新失败',
+      exportSuccess: '站点导出成功',
+      exportFailed: '站点导出失败',
+      importSuccess: '成功导入 {count} 个站点',
+      importFailed: '站点导入失败',
+      importPartialFailed: '导入完成，成功 {success} 个，失败 {failed} 个',
+      importAllFailed: '导入失败，{count} 个站点全部导入失败',
+      noDataToImport: '没有数据可导入',
+      noValidData: '没有有效的数据',
+      someInvalidData: '部分数据无效，有效数据 {valid}/{total} 个',
+      invalidFileType: '不支持的文件类型，请选择JSON文件',
+      invalidFileFormat: '文件格式无效，请检查文件内容',
+      parseFileError: '文件解析失败，请检查文件格式',
+      previewData: '预览数据 ({count} 个站点)',
+      importing: '正在导入... ({progress}%)',
+      importErrors: '导入过程中出现 {count} 个错误',
    },
    errors: {
      loadDownloader: '加载下载器设置失败',
+      title: '导入错误详情',
+      failed: '导入失败',
+      details: '错误详情',
+    },
+    results: {
+      successTitle: '成功导入的站点',
+      success: '导入成功',
    },
    testConnectivity: '测试连通性',
    testing: '测试中 ...',
@@ -1064,6 +1135,13 @@ export default {
    accessTime: '访问时间',
    responseTime: '响应时间',
    noTimeRecords: '暂无耗时记录',
+    preview: {
+      title: '预览站点',
+      showing: '显示 {count}/{total}',
+      unnamed: '未命名站点',
+      noUrl: '无站点地址',
+      invalid: '数据无效',
+    },
  },
  message: {
    loadMore: '加载更多',
@@ -1157,7 +1235,7 @@ export default {
      apiTokenLength: 'API Token不得低于16位',
      githubToken: 'Github Token',
      githubTokenFormat: 'ghp_**** 或 github_pat_****',
-      githubTokenHint: '用于提高插件等访问Github API时的限流阈值',
+      githubTokenHint: '用于提高插件等访问Github API时的限流阈值，建议配置，否则插件可能无法正常使用',
      ocrHost: '验证码识别服务器',
      ocrHostHint: '用于站点签到、更新站点Cookie等识别验证码',
      advancedSettings: '高级设置',
@@ -1203,7 +1281,7 @@ export default {
      workflowStatisticShareHint: '分享工作流统计数据到热门工作流，供其他MPer参考',
      bigMemoryMode: '大内存模式',
      bigMemoryModeHint: '使用更大的内存缓存数据，提升系统性能',
-      dbWalEnable: 'WAL模式',
+      dbWalEnable: '数据库WAL模式',
      dbWalEnableHint: '可提升读写并发性能，但可能在异常情况下增加数据丢失风险，更改后需重启生效',
      tmdbApiDomain: 'TMDB API服务地址',
      tmdbApiDomainPlaceholder: 'api.themoviedb.org',
@@ -1594,7 +1672,9 @@ export default {
      bestVersionRuleGroup: '洗版优先级规则组',
      bestVersionRuleGroupHint: '按选定的过滤规则组对洗版订阅进行过滤',
      timedSearch: '订阅定时搜索',
-      timedSearchHint: '每隔24小时全站搜索，以补全订阅可能漏掉的资源',
+      timedSearchHint: '每隔指定时间全站搜索，以补全订阅可能漏掉的资源',
+      searchInterval: '订阅搜索时间间隔',
+      searchIntervalHint: '设置订阅搜索的时间间隔，仅在开启订阅定时搜索时生效',
      checkLocalMedia: '检查文件系统资源',
      checkLocalMediaHint: '扫描存储目录中是否已存在相应资源文件，以避免重复下载；不管是否开启都会检查媒体服务器',
      modes: {
@@ -1609,6 +1689,8 @@ export default {
        hour1: '1小时',
        hour12: '12小时',
        day1: '1天',
+        day3: '3天',
+        week1: '一周',
      },
      saveSuccess: '订阅站点保存成功',
      saveFailed: '订阅站点保存失败！',
@@ -1618,6 +1700,8 @@ export default {
    cache: {
      title: '缓存管理',
      subtitle: '管理缓存的站点资源',
+      totalCount: '总条数',
+      siteCount: '站点数',
      filterByTitle: '按标题筛选',
      filterBySite: '按站点筛选',
      selectSite: '选择站点',
@@ -1690,8 +1774,12 @@ export default {
      add: '添加用户',
      edit: '编辑用户',
      username: '用户名',
+      usernameRequired: '用户名不能为空',
      password: '密码',
+      passwordMinLength: '密码长度不能少于6位',
      confirmPassword: '确认密码',
+      confirmPasswordRequired: '请确认密码',
+      passwordMismatch: '两次输入的密码不一致',
      email: '邮箱',
      nickname: '昵称',
      status: '状态',
@@ -1712,9 +1800,7 @@ export default {
      webPush: 'WebPush',
      creatingUser: '正在创建【{name}】用户，请稍后',
      updatingUser: '正在更新【{name}】用户，请稍后',
-      usernameRequired: '用户名不能为空',
      usernameExists: '用户名已存在',
-      passwordMismatch: '两次输入的密码不一致',
      userCreated: '用户【{name}】创建成功',
      userCreateFailed: '创建用户失败：{message}',
      userUpdateSuccess: '用户【{name}】更新成功',
@@ -2010,6 +2096,10 @@ export default {
      startAll: '全部开始',
      refresh: '刷新',
      close: '关闭',
+      processingFile: '正在整理',
+      overallProgress: '整体进度',
+      currentFileProgress: '当前文件进度',
+      processingStatus: '整理中',
    },
    reorganize: {
      title: '整理',
@@ -2533,6 +2623,9 @@ export default {
    nameRequired: '不能为空，且不能重名',
    nameDuplicate: '名称已存在',
    defaultChanged: '存在默认下载器，已替换',
+    hostRequired: '地址不能为空',
+    usernameRequired: '用户名不能为空',
+    passwordRequired: '密码不能为空',
  },
  filterRule: {
    title: '过滤规则',
@@ -2577,10 +2670,16 @@ export default {
    plexToken: 'X-Plex-Token',
    plexTokenHint: '浏览器F12->网络，从Plex请求URL中获取的X-Plex-Token',
    username: '用户名',
+    usernameHint: '登录用户名',
    password: '密码',
    syncLibraries: '同步媒体库',
    syncLibrariesHint: '只有选中的媒体库才会被同步',
    nameExists: '【{name}】已存在，请替换为其他名称',
+    hostRequired: '地址不能为空',
+    apiKeyRequired: 'API密钥不能为空',
+    tokenRequired: 'Token不能为空',
+    usernameRequired: '用户名不能为空',
+    passwordRequired: '密码不能为空',
  },
  bangumi: {
    category: '类别',
@@ -2613,6 +2712,9 @@ export default {
      firstAirDateAsc: '首播日期升序',
      voteAverageDesc: '评分降序',
      voteAverageAsc: '评分升序',
+      time: '最新',
+      count: '热门',
+      rating: '评分',
    },
    genreType: {
      action: '动作',
@@ -2742,7 +2844,9 @@ export default {
    libraryStorage: '媒体库存储',
    libraryDirectory: '媒体库目录',
    transferType: '整理方式',
+    transferTypeHint: '文件操作整理方式，硬链接节省空间，复制更安全',
    overwriteMode: '覆盖模式',
+    overwriteModeHint: '当目标文件已存在时的处理方式',
    smartRename: '智能重命名',
    scrapingMetadata: '刮削元数据',
    sendNotification: '发送通知',
@@ -2783,4 +2887,169 @@ export default {
    customBackgroundImageHint: '支持网络图片URL，留空则使用渐变背景',
    pluginCount: '{count} 个插件',
  },
+  setupWizard: {
+    title: '欢迎使用 MoviePilot ！',
+    subtitle: '按向导完成配置，即刻开始使用。',
+    completed: '配置向导完成！',
+    failed: '配置向导失败，请重试',
+    complete: '完成配置',
+    loading: '正在加载配置数据...',
+    testing: '正在测试',
+    connectivityTestSuccess: '连通性测试通过',
+    connectivityTestFailed: '连通性测试失败',
+    testingStorage: '正在测试存储目录',
+    checkingStorage: '检查存储目录连通性',
+    storageTestFailed: '存储目录测试失败',
+    testingDownloader: '正在测试下载器',
+    checkingDownloader: '检查下载器连通性',
+    downloaderTestFailed: '下载器测试失败',
+    downloaderNotSelected: '未选择下载器',
+    unsupportedDownloaderType: '不支持的下载器类型: {type}',
+    testingMediaServer: '正在测试媒体服务器',
+    checkingMediaServer: '检查媒体服务器连通性',
+    mediaServerTestFailed: '媒体服务器测试失败',
+    mediaServerNotSelected: '未选择媒体服务器',
+    unsupportedMediaServerType: '不支持的媒体服务器类型: {type}',
+    testingNotification: '正在测试消息通知',
+    checkingNotification: '检查消息通知连通性',
+    notificationTestFailed: '消息通知测试失败',
+    notificationNotSelected: '未选择通知类型',
+    unsupportedNotificationType: '不支持的通知类型: {type}',
+    testFailedHint: '请检查配置是否正确，修改后可以重新测试',
+    saveStepFailed: '保存步骤设置失败',
+    basicSettingsSaved: '基础设置保存成功',
+    saveBasicSettingsFailed: '保存基础设置失败',
+    storageSettingsSaved: '存储设置保存成功',
+    saveStorageSettingsFailed: '保存存储设置失败',
+    downloaderSettingsSaved: '下载器设置保存成功',
+    saveDownloaderSettingsFailed: '保存下载器设置失败',
+    mediaServerSettingsSaved: '媒体服务器设置保存成功',
+    saveMediaServerSettingsFailed: '保存媒体服务器设置失败',
+    notificationSettingsSaved: '通知设置保存成功',
+    saveNotificationSettingsFailed: '保存通知设置失败',
+    preferenceSettingsSaved: '偏好设置保存成功',
+    savePreferenceSettingsFailed: '保存偏好设置失败',
+    passwordUpdateSuccess: '密码更新成功',
+    passwordUpdateFailed: '密码更新失败',
+    userCreateSuccess: '用户创建成功',
+    basic: {
+      title: '基础设置',
+      description: '设置访问域名、用户名密码和网络配置',
+      appDomain: '访问域名',
+      appDomainHint: '用于发送通知时，添加快捷跳转地址',
+      wallpaper: '背景壁纸',
+      wallpaperHint: '选择登录页面背景来源',
+      recognizeSource: '识别数据源',
+      recognizeSourceHint: '设置默认媒体信息识别数据源',
+      apiToken: 'API 令牌',
+      apiTokenHint: '访问MoviePilot API 需要的访问令牌，请记录下来以便后续使用',
+      currentUserHint: '当前用户，不可修改',
+      passwordOptionalHint: '留空表示不修改密码',
+      confirmPasswordHint: '确认新密码',
+      apiTokenRequired: 'API Token不能为空',
+    },
+    storage: {
+      title: '存储',
+      description: '配置下载目录和媒体库目录',
+      info: '存储配置说明',
+      infoDesc: '配置本地存储目录，用于下载和媒体库管理',
+      downloadPath: '下载目录',
+      downloadPathHint: '设置下载文件的存储路径',
+      libraryPath: '媒体库目录',
+      libraryPathHint: '设置媒体文件的存储路径',
+      downloadPathRequired: '下载目录不能为空',
+      libraryPathRequired: '媒体库目录不能为空',
+    },
+    downloader: {
+      title: '下载器',
+      description: '配置下载器',
+      info: '下载器配置说明',
+      infoDesc: '配置下载器用于下载资源，可选择qBittorrent或Transmission',
+      type: '下载器类型',
+      typeHint: '选择要使用的下载器类型',
+      name: '下载器名称',
+      nameHint: '为下载器设置一个名称',
+      qbittorrentConfig: 'qBittorrent 配置',
+      transmissionConfig: 'Transmission 配置',
+      host: '服务器地址',
+      username: '用户名',
+      password: '密码',
+      downloadPath: '下载路径',
+    },
+    mediaServer: {
+      title: '媒体服务器',
+      description: '配置媒体服务器',
+      info: '媒体服务器配置说明',
+      infoDesc: '配置媒体服务器用于媒体库管理，可选择Emby、Jellyfin或Plex等',
+      type: '媒体服务器类型',
+      typeHint: '选择要使用的媒体服务器类型',
+      name: '服务器名称',
+      nameHint: '为媒体服务器设置一个名称',
+      embyConfig: 'Emby 配置',
+      jellyfinConfig: 'Jellyfin 配置',
+      plexConfig: 'Plex 配置',
+      host: '服务器地址',
+      apiKey: 'API 密钥',
+      token: '访问令牌',
+    },
+    notification: {
+      title: '通知',
+      description: '配置通知渠道',
+      info: '通知配置说明',
+      infoDesc: '配置通知渠道用于接收系统消息（可选）',
+      type: '通知类型',
+      typeHint: '选择要使用的通知渠道类型',
+      name: '通知名称',
+      nameHint: '为通知渠道设置一个名称',
+      telegramConfig: 'Telegram 配置',
+      emailConfig: '邮件配置',
+      botToken: '机器人令牌',
+      chatId: '聊天ID',
+      smtpServer: 'SMTP 服务器',
+      smtpPort: 'SMTP 端口',
+      senderEmail: '发送邮箱',
+      senderPassword: '发送密码',
+      receiverEmail: '接收邮箱',
+    },
+    preferences: {
+      title: '资源偏好',
+      description: '设置资源下载偏好',
+      info: '资源偏好说明',
+      infoDesc: '设置资源下载的偏好，系统将根据这些偏好自动选择最佳资源',
+      quality: '质量偏好',
+      qualityHint: '选择偏好的视频质量',
+      subtitle: '字幕偏好',
+      subtitleHint: '选择偏好的字幕类型',
+      resolution: '分辨率偏好',
+      resolutionHint: '选择偏好的视频分辨率',
+      presetRules: '预设规则',
+      detailedConfig: '详细配置',
+      quickPresets: '快速预设',
+      quickPresetsDesc: '选择预设配置，系统将自动应用对应的规则',
+      personalizationOptions: '个性化选项',
+      personalizationOptionsDesc: '根据您的需求调整规则',
+      excludeDolbyVision: '排除杜比视界',
+      excludeDolbyVisionHint: '选中后规则中将排除杜比视界资源',
+      excludeBluray: '排除蓝光原盘',
+      excludeBlurayHint: '选中后规则中将排除蓝光原盘资源',
+      presets: {
+        '4k-enthusiast': {
+          name: '4K发烧友',
+          description: '追求最高画质，优先4K',
+        },
+        'balanced': {
+          name: '平衡模式',
+          description: '画质与存储空间的平衡选择',
+        },
+        'space-saver': {
+          name: '节省空间',
+          description: '优先较小文件，节省存储空间',
+        },
+        'free-priority': {
+          name: '免费优先',
+          description: '优先免费资源，其它的没有要求',
+        },
+      },
+    },
+  },
 }
--- a/src/locales/zh-TW.ts
+++ b/src/locales/zh-TW.ts
@@ -49,6 +49,9 @@ export default {
    itemsPerPage: '每頁條數',
    pageText: '{0}-{1} 共 {2} 條',
    noDataText: '沒有數據',
+    next: '下一步',
+    previous: '上一步',
+    skip: '跳過',
    loadingText: '加載中...',
    networkRequired: '此功能需要網絡連接',
    networkDisconnected: '網絡連接已斷開',
@@ -321,10 +324,6 @@ export default {
      title: '通知',
      description: '通知渠道（微信、Telegram、Slack、SynologyChat、VoceChat、WebPush）、消息發送範圍',
    },
-    words: {
-      title: '詞表',
-      description: '自定義識別詞、自定義製作組/字幕組、自定義占位符、文件整理屏蔽詞',
-    },
    about: {
      title: '關於',
      description: '軟件版本',
@@ -368,8 +367,10 @@ export default {
    deleteFailed: '用戶刪除失敗！',
    profile: '個人信息',
    systemSettings: '系統設定',
+    wizardSettings: '設定向導',
    siteAuth: '用戶認證',
    helpDocs: '幫助文檔',
+    about: '關於',
    restart: '重啟',
    management: '用戶管理',
    noUsers: '沒有用戶',
@@ -377,8 +378,11 @@ export default {
    addUser: '添加用戶',
    editUser: '編輯用戶',
    username: '用戶名',
+    usernameHint: '用於登入系統的用戶名',
    password: '密碼',
+    passwordHint: '用於登入系統的密碼',
    confirmPassword: '確認密碼',
+    confirmPasswordHint: '請再次輸入密碼以確認',
    role: '角色',
    email: '郵箱',
    enabled: '啟用',
@@ -491,6 +495,14 @@ export default {
      title: '消息',
      subtitle: '消息中心',
    },
+    words: {
+      title: '詞表',
+      subtitle: '詞表設置',
+    },
+    cache: {
+      title: '緩存',
+      subtitle: '管理緩存',
+    },
  },
  workflow: {
    components: '動作組件',
@@ -827,6 +839,24 @@ export default {
    notStarted: '未開始',
    pending: '待定',
    paused: '暫停',
+    selectedCount: '已選擇 {count}/{total} 項',
+    noSelectedItems: '請先選擇要操作的訂閱',
+    batchEnable: '批量啟用',
+    batchPause: '批量暫停',
+    batchDelete: '批量刪除',
+    batchEnableConfirm: '確定要啟用選中的 {count} 個訂閱嗎？',
+    batchPauseConfirm: '確定要暫停選中的 {count} 個訂閱嗎？',
+    batchDeleteConfirm: '確定要刪除選中的 {count} 個訂閱嗎？此操作不可恢復！',
+    batchEnableSuccess: '成功啟用 {count} 個訂閱',
+    batchPauseSuccess: '成功暫停 {count} 個訂閱',
+    batchDeleteSuccess: '成功刪除 {count} 個訂閱',
+    batchEnableFailed: '啟用失敗 {count} 個訂閱',
+    batchPauseFailed: '暫停失敗 {count} 個訂閱',
+    batchDeleteFailed: '刪除失敗 {count} 個訂閱',
+    batchEnableError: '批量啟用操作失敗',
+    batchPauseError: '批量暫停操作失敗',
+    batchDeleteError: '批量刪除操作失敗',
+    minSubscribers: '最小訂閱人數',
  },
  recommend: {
    all: '全部',
@@ -1002,6 +1032,7 @@ export default {
      limitSeconds: '訪問間隔（秒）',
      useProxy: '使用代理訪問',
      browserSimulation: '瀏覽器仿真',
+      selectFile: '選擇文件',
    },
    hints: {
      url: '格式：http://www.example.com/',
@@ -1019,19 +1050,48 @@ export default {
      limitSeconds: '每次訪問需要間隔的最小時間',
      useProxy: '使用代理服務器訪問該站點',
      browserSimulation: '使用瀏覽器模擬真實訪問該站點',
+      import: '批量導入站點數據，支持JSON格式文件',
+      selectFile: '選擇JSON文件',
+      dragDropFile: '拖拽文件到此處或點擊選擇文件',
+      supportedFormat: '支持JSON格式的站點配置文件',
    },
    actions: {
      add: '新增站點',
      edit: '編輯站點',
+      import: '導入',
+      export: '導出',
+      startImport: '開始導入',
    },
    messages: {
      addSuccess: '新增站點成功',
      addFailed: '新增站點失敗',
      updateSuccess: '更新成功',
      updateFailed: '更新失敗',
+      exportSuccess: '站點導出成功',
+      exportFailed: '站點導出失敗',
+      importSuccess: '成功導入 {count} 個站點',
+      importFailed: '站點導入失敗',
+      importPartialFailed: '導入完成，成功 {success} 個，失敗 {failed} 個',
+      importAllFailed: '導入失敗，{count} 個站點全部導入失敗',
+      noDataToImport: '沒有數據可導入',
+      noValidData: '沒有有效的數據',
+      someInvalidData: '部分數據無效，有效數據 {valid}/{total} 個',
+      invalidFileType: '不支持的文件類型，請選擇JSON文件',
+      invalidFileFormat: '文件格式無效，請檢查文件內容',
+      parseFileError: '文件解析失敗，請檢查文件格式',
+      previewData: '預覽數據 ({count} 個站點)',
+      importing: '正在導入... ({progress}%)',
+      importErrors: '導入過程中出現 {count} 個錯誤',
    },
    errors: {
      loadDownloader: '加載下載器設置失敗',
+      title: '導入錯誤詳情',
+      failed: '導入失敗',
+      details: '錯誤詳情',
+    },
+    results: {
+      successTitle: '成功導入的站點',
+      success: '導入成功',
    },
    testConnectivity: '測試連通性',
    testing: '測試中 ...',
@@ -1063,6 +1123,13 @@ export default {
    accessTime: '訪問時間',
    responseTime: '響應時間',
    noTimeRecords: '暫無耗時記錄',
+    preview: {
+      title: '預覽站點',
+      showing: '顯示 {count}/{total}',
+      unnamed: '未命名站點',
+      noUrl: '無站點地址',
+      invalid: '數據無效',
+    },
  },
  message: {
    loadMore: '加載更多',
@@ -1156,7 +1223,7 @@ export default {
      apiTokenLength: 'API Token不得低於16位',
      githubToken: 'Github Token',
      githubTokenFormat: 'ghp_**** 或 github_pat_****',
-      githubTokenHint: '用於提高插件等訪問Github API時的限流閾值',
+      githubTokenHint: '用於提高插件等訪問Github API時的限流閾值，建議配置，否則插件可能無法正常使用',
      ocrHost: '驗證碼識別服務器',
      ocrHostHint: '用於站點簽到、更新站點Cookie等識別驗證碼',
      advancedSettings: '高級設置',
@@ -1202,7 +1269,7 @@ export default {
      workflowStatisticShareHint: '分享工作流統計數據到熱門工作流，供其他MPer參考',
      bigMemoryMode: '大內存模式',
      bigMemoryModeHint: '使用更大的內存緩存數據，提升系統性能',
-      dbWalEnable: 'WAL模式',
+      dbWalEnable: '數據庫WAL模式',
      dbWalEnableHint: '可提升讀寫併發性能，但可能在異常情況下增加數據丟失風險，更改後需重啟生效',
      tmdbApiDomain: 'TMDB API服務地址',
      tmdbApiDomainPlaceholder: 'api.themoviedb.org',
@@ -1592,7 +1659,9 @@ export default {
      bestVersionRuleGroup: '洗版優先級規則組',
      bestVersionRuleGroupHint: '按選定的過濾規則組對洗版訂閱進行過濾',
      timedSearch: '訂閱定時搜索',
-      timedSearchHint: '每隔24小時全站搜索，以補全訂閱可能漏掉的資源',
+      timedSearchHint: '每隔指定時間全站搜索，以補全訂閱可能漏掉的資源',
+      searchInterval: '訂閱搜索時間間隔',
+      searchIntervalHint: '設置訂閱搜索的時間間隔，僅在開啟訂閱定時搜索時生效',
      checkLocalMedia: '檢查文件系統資源',
      checkLocalMediaHint: '掃描存儲目錄中是否已存在相應資源文件，以避免重複下載；不管是否開啟都會檢查媒體伺服器',
      modes: {
@@ -1607,6 +1676,8 @@ export default {
        hour1: '1小時',
        hour12: '12小時',
        day1: '1天',
+        day3: '3天',
+        week1: '一週',
      },
      saveSuccess: '訂閱站點保存成功',
      saveFailed: '訂閱站點保存失敗！',
@@ -1689,8 +1760,12 @@ export default {
      add: '添加用戶',
      edit: '編輯用戶',
      username: '用戶名',
+      usernameRequired: '用戶名不能為空',
      password: '密碼',
+      passwordMinLength: '密碼長度不能少於6位',
      confirmPassword: '確認密碼',
+      confirmPasswordRequired: '請確認密碼',
+      passwordMismatch: '兩次輸入的密碼不一致',
      email: '郵箱',
      nickname: '暱稱',
      status: '狀態',
@@ -1711,9 +1786,7 @@ export default {
      webPush: 'WebPush',
      creatingUser: '正在創建【{name}】用戶，請稍後',
      updatingUser: '正在更新【{name}】用戶，請稍後',
-      usernameRequired: '用戶名不能為空',
      usernameExists: '用戶名已存在',
-      passwordMismatch: '兩次輸入的密碼不一致',
      userCreated: '用戶【{name}】創建成功',
      userCreateFailed: '創建用戶失敗：{message}',
      userUpdateSuccess: '用戶【{name}】更新成功',
@@ -2009,6 +2082,10 @@ export default {
      startAll: '全部開始',
      refresh: '刷新',
      close: '關閉',
+      processingFile: '正在整理',
+      overallProgress: '整體進度',
+      currentFileProgress: '當前文件進度',
+      processingStatus: '整理中',
    },
    reorganize: {
      title: '整理',
@@ -2532,6 +2609,9 @@ export default {
    nameRequired: '名稱不能為空',
    nameDuplicate: '名稱已存在',
    defaultChanged: '存在預設下載器，已替換',
+    hostRequired: '地址不能為空',
+    usernameRequired: '用戶名不能為空',
+    passwordRequired: '密碼不能為空',
  },
  filterRule: {
    title: '過濾規則',
@@ -2567,15 +2647,21 @@ export default {
    host: '地址',
    hostPlaceholder: 'http(s)://ip:port',
    hostHint: '服務端地址，格式：http(s)://ip:port',
+    hostRequired: '地址不能為空',
    playHost: '外網播放地址',
    playHostPlaceholder: 'http(s)://domain:port',
    playHostHint: '跳轉播放頁面使用的地址，格式：http(s)://domain:port',
    apiKey: 'API密鑰',
+    apiKeyRequired: 'API密鑰不能為空',
    embyApiKeyHint: 'Emby設置->高級->API密鑰中生成的密鑰',
    jellyfinApiKeyHint: 'Jellyfin設置->高級->API密鑰中生成的密鑰',
    plexToken: 'X-Plex-Token',
+    tokenRequired: 'Token不能為空',
+    usernameRequired: '用戶名不能為空',
+    passwordRequired: '密碼不能為空',
    plexTokenHint: '瀏覽器F12->網絡，從Plex請求URL中獲取的X-Plex-Token',
    username: '用戶名',
+    usernameHint: '登錄用戶名',
    password: '密碼',
    syncLibraries: '同步媒體庫',
    syncLibrariesHint: '只有選中的媒體庫才會被同步',
@@ -2612,6 +2698,9 @@ export default {
      firstAirDateAsc: '首播日期升序',
      voteAverageDesc: '評分降序',
      voteAverageAsc: '評分升序',
+      time: '最新',
+      count: '熱門',
+      rating: '評分',
    },
    genreType: {
      action: '動作',
@@ -2741,7 +2830,9 @@ export default {
    libraryStorage: '媒體庫存儲',
    libraryDirectory: '媒體庫目錄',
    transferType: '轉移方式',
+    transferTypeHint: '文件操作整理方式，硬連結節省空間，複製更安全',
    overwriteMode: '覆蓋模式',
+    overwriteModeHint: '當目標文件已存在時的處理方式',
    smartRename: '智能重命名',
    scrapingMetadata: '刮削元數據',
    sendNotification: '發送通知',
@@ -2782,4 +2873,149 @@ export default {
    customBackgroundImageHint: '支援網路圖片URL，留空則使用漸變背景',
    pluginCount: '{count} 個插件',
  },
+  setupWizard: {
+    title: '歡迎使用 MoviePilot ！',
+    subtitle: '按向導完成配置，即刻開始使用。',
+    completed: '設定精靈完成！',
+    failed: '設定精靈失敗，請重試',
+    complete: '完成設定',
+    loading: '正在載入配置資料...',
+    testing: '正在測試',
+    connectivityTestSuccess: '連通性測試通過',
+    connectivityTestFailed: '連通性測試失敗',
+    testingStorage: '正在測試存儲目錄',
+    checkingStorage: '檢查存儲目錄連通性',
+    testingDownloader: '正在測試下載器',
+    checkingDownloader: '檢查下載器連通性',
+    testingMediaServer: '正在測試媒體服務器',
+    checkingMediaServer: '檢查媒體服務器連通性',
+    testingNotification: '正在測試消息通知',
+    checkingNotification: '檢查消息通知連通性',
+    testFailedHint: '請檢查配置是否正確，修改後可以重新測試',
+    unsupportedDownloaderType: '不支援的下載器類型: {type}',
+    unsupportedMediaServerType: '不支援的媒體服務器類型: {type}',
+    unsupportedNotificationType: '不支援的通知類型: {type}',
+    passwordUpdateSuccess: '密碼更新成功',
+    userCreateSuccess: '使用者建立成功',
+    passwordUpdateFailed: '密碼更新失敗',
+    basic: {
+      title: '基礎設定',
+      description: '設定存取網域、用戶名密碼和網路配置',
+      appDomain: '存取網域',
+      appDomainHint: '用於發送通知時，新增快速跳轉位址',
+      wallpaper: '背景桌布',
+      wallpaperHint: '選擇登入頁面背景來源',
+      recognizeSource: '識別資料來源',
+      recognizeSourceHint: '設定預設媒體資訊識別資料來源',
+      apiToken: 'API 權杖',
+      apiTokenHint: '訪問MoviePilot API 需要的訪問令牌，請記錄下來以便後續使用',
+      currentUserHint: '目前使用者，不可修改',
+      passwordOptionalHint: '留空表示不修改密碼',
+      confirmPasswordHint: '確認新密碼',
+      apiTokenRequired: 'API Token 不能為空',
+    },
+    storage: {
+      title: '儲存',
+      description: '設定下載目錄和媒體庫目錄',
+      info: '儲存設定說明',
+      infoDesc: '設定本機儲存目錄，用於下載和媒體庫管理',
+      downloadPath: '下載目錄',
+      downloadPathHint: '設定下載檔案的儲存路徑',
+      libraryPath: '媒體庫目錄',
+      libraryPathHint: '設定媒體檔案的儲存路徑',
+      downloadPathRequired: '下載目錄不能為空',
+      libraryPathRequired: '媒體庫目錄不能為空',
+    },
+    downloader: {
+      title: '下載器',
+      description: '設定下載器',
+      info: '下載器設定說明',
+      infoDesc: '設定下載器用於下載資源，可選擇qBittorrent或Transmission',
+      type: '下載器類型',
+      typeHint: '選擇要使用的下載器類型',
+      name: '下載器名稱',
+      nameHint: '為下載器設定一個名稱',
+      qbittorrentConfig: 'qBittorrent 設定',
+      transmissionConfig: 'Transmission 設定',
+      host: '伺服器位址',
+      username: '使用者名稱',
+      password: '密碼',
+      downloadPath: '下載路徑',
+    },
+    mediaServer: {
+      title: '媒體伺服器',
+      description: '設定媒體伺服器',
+      info: '媒體伺服器設定說明',
+      infoDesc: '設定媒體伺服器用於媒體庫管理，可選擇Emby、Jellyfin或Plex等',
+      type: '媒體伺服器類型',
+      typeHint: '選擇要使用的媒體伺服器類型',
+      name: '伺服器名稱',
+      nameHint: '為媒體伺服器設定一個名稱',
+      embyConfig: 'Emby 設定',
+      jellyfinConfig: 'Jellyfin 設定',
+      plexConfig: 'Plex 設定',
+      host: '伺服器位址',
+      apiKey: 'API 金鑰',
+      token: '存取權杖',
+    },
+    notification: {
+      title: '通知',
+      description: '設定通知管道',
+      info: '通知設定說明',
+      infoDesc: '設定通知管道用於接收系統訊息（可選）',
+      type: '通知類型',
+      typeHint: '選擇要使用的通知管道類型',
+      name: '通知名稱',
+      nameHint: '為通知管道設定一個名稱',
+      telegramConfig: 'Telegram 設定',
+      emailConfig: '郵件設定',
+      botToken: '機器人權杖',
+      chatId: '聊天ID',
+      smtpServer: 'SMTP 伺服器',
+      smtpPort: 'SMTP 連接埠',
+      senderEmail: '發送信箱',
+      senderPassword: '發送密碼',
+      receiverEmail: '接收信箱',
+    },
+    preferences: {
+      title: '資源偏好',
+      description: '設定資源下載偏好',
+      info: '資源偏好說明',
+      infoDesc: '設定資源下載的偏好，系統將根據這些偏好自動選擇最佳資源',
+      quality: '品質偏好',
+      qualityHint: '選擇偏好的影片品質',
+      subtitle: '字幕偏好',
+      subtitleHint: '選擇偏好的字幕類型',
+      resolution: '解析度偏好',
+      resolutionHint: '選擇偏好的影片解析度',
+      presetRules: '預設規則',
+      detailedConfig: '詳細設定',
+      quickPresets: '快速預設',
+      quickPresetsDesc: '選擇預設配置，系統將自動應用對應的規則',
+      personalizationOptions: '個性化選項',
+      personalizationOptionsDesc: '根據您的需求調整規則',
+      excludeDolbyVision: '排除杜比視界',
+      excludeDolbyVisionHint: '選中後規則中將排除杜比視界資源',
+      excludeBluray: '排除藍光原盤',
+      excludeBlurayHint: '選中後規則中將排除藍光原盤資源',
+      presets: {
+        '4k-enthusiast': {
+          name: '4K發燒友',
+          description: '追求最高畫質，優先4K',
+        },
+        'balanced': {
+          name: '平衡模式',
+          description: '畫質與儲存空間的平衡選擇',
+        },
+        'space-saver': {
+          name: '節省空間',
+          description: '優先較小檔案，節省儲存空間',
+        },
+        'free-priority': {
+          name: '免費優先',
+          description: '優先免費資源，其它的沒有要求',
+        },
+      },
+    },
+  },
 }
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -389,7 +389,7 @@ onDeactivated(() => {
  </Teleport>

  <!-- 弹窗，根据配置生成选项 -->
-  <DialogWrapper v-if="dialog" v-model="dialog" max-width="35rem" :fullscreen="!display.mdAndUp.value" scrollable>
+  <VDialog v-if="dialog" v-model="dialog" max-width="35rem" :fullscreen="!display.mdAndUp.value" scrollable>
    <VCard>
      <VCardItem>
        <VCardTitle>
@@ -443,7 +443,7 @@ onDeactivated(() => {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
 <style lang="scss" scoped>
 .settings-card-header {
--- a/src/pages/discover.vue
+++ b/src/pages/discover.vue
@@ -216,7 +216,7 @@ onActivated(async () => {
      </VWindowItem>
    </VWindow>
    <!-- 弹窗，根据配置生成选项 -->
-    <DialogWrapper
+    <VDialog
      v-if="orderConfigDialog"
      v-model="orderConfigDialog"
      max-width="35rem"
@@ -265,7 +265,7 @@ onActivated(async () => {
          </VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>
    <!-- 快速滚动到顶部按钮 -->
    <Teleport to="body" v-if="route.path === '/discover'">
      <VScrollToTopBtn />
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -117,12 +117,17 @@ async function subscribeForPushNotifications() {

 // 登录后处理
 async function afterLogin(superuser: boolean, userPayload: userState, filteredMenus: any[]) {
-  // 如果有原始路径，优先跳转到原始路径
-  if (authStore.originalPath && authStore.originalPath !== '/') {
-    router.push(authStore.originalPath)
+  // 如果需要显示设置向导，跳转到设置向导页面
+  if (userPayload.wizard) {
+    router.push('/setup-wizard')
  } else {
-    // 跳转到第一个有权限的菜单
-    router.push(filteredMenus[0].to)
+    // 如果有原始路径，优先跳转到原始路径
+    if (authStore.originalPath && authStore.originalPath !== '/') {
+      router.push(authStore.originalPath)
+    } else {
+      // 跳转到第一个有权限的菜单
+      router.push(filteredMenus[0].to)
+    }
  }

  // 订阅推送通知
@@ -165,6 +170,7 @@ function login() {
        avatar: response.avatar,
        level: response.level,
        permissions: response.permissions,
+        wizard: response.widzard,
      }

      // 在保存用户信息之前检查权限
--- a/src/pages/recommend.vue
+++ b/src/pages/recommend.vue
@@ -269,13 +269,7 @@ onActivated(async () => {
    </div>

    <!-- 设置面板 -->
-    <DialogWrapper
-      v-model="dialog"
-      width="35rem"
-      class="settings-dialog"
-      scrollable
-      :fullscreen="!display.mdAndUp.value"
-    >
+    <VDialog v-model="dialog" width="35rem" class="settings-dialog" scrollable :fullscreen="!display.mdAndUp.value">
      <VCard class="settings-card">
        <VCardItem class="settings-card-header">
          <VCardTitle>
@@ -327,7 +321,7 @@ onActivated(async () => {
          </VBtn>
        </VCardActions>
      </VCard>
-    </DialogWrapper>
+    </VDialog>

    <!-- 快速滚动到顶部按钮 -->
    <Teleport to="body" v-if="route.path === '/recommend'">
--- a/src/pages/resource.vue
+++ b/src/pages/resource.vue
@@ -49,7 +49,7 @@ const dataList = ref<Array<Context>>([])
 const isRefreshed = ref(false)

 // 加载进度文本
-const progressText = ref('')
+const progressText = ref(t('common.pleaseWait'))

 // 加载进度
 const progressValue = ref(0)
--- a/src/pages/setting.vue
+++ b/src/pages/setting.vue
@@ -3,15 +3,12 @@ import { useRoute } from 'vue-router'
 import router from '@/router'
 import AccountSettingNotification from '@/views/setting/AccountSettingNotification.vue'
 import AccountSettingSite from '@/views/setting/AccountSettingSite.vue'
-import AccountSettingWords from '@/views/setting/AccountSettingWords.vue'
-import AccountSettingAbout from '@/views/setting/AccountSettingAbout.vue'
 import AccountSettingSearch from '@/views/setting/AccountSettingSearch.vue'
 import AccountSettingSubscribe from '@/views/setting/AccountSettingSubscribe.vue'
 import AccountSettingSystem from '@/views/setting/AccountSettingSystem.vue'
 import AccountSettingService from '@/views/setting/AccountSettingService.vue'
 import AccountSettingDirectory from '@/views/setting/AccountSettingDirectory.vue'
 import AccountSettingRule from '@/views/setting/AccountSettingRule.vue'
-import AccountSettingCache from '@/views/setting/AccountSettingCache.vue'
 import { getSettingTabs } from '@/router/i18n-menu'
 import { useDynamicHeaderTab } from '@/composables/useDynamicHeaderTab'

@@ -104,15 +101,6 @@ onMounted(() => {
        </transition>
      </VWindowItem>

-      <!-- 缓存 -->
-      <VWindowItem value="cache">
-        <transition name="fade-slide" appear>
-          <div>
-            <AccountSettingCache />
-          </div>
-        </transition>
-      </VWindowItem>
-
      <!-- 通知 -->
      <VWindowItem value="notification">
        <transition name="fade-slide" appear>
@@ -121,24 +109,6 @@ onMounted(() => {
          </div>
        </transition>
      </VWindowItem>
-
-      <!-- 词表 -->
-      <VWindowItem value="words">
-        <transition name="fade-slide" appear>
-          <div>
-            <AccountSettingWords />
-          </div>
-        </transition>
-      </VWindowItem>
-
-      <!-- 关于 -->
-      <VWindowItem value="about">
-        <transition name="fade-slide" appear>
-          <div>
-            <AccountSettingAbout />
-          </div>
-        </transition>
-      </VWindowItem>
    </VWindow>
  </div>
 </template>
--- a/src/pages/setup.vue
+++ b/src/pages/setup.vue
@@ -0,0 +1,190 @@
+<script lang="ts" setup>
+import { onMounted } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useRouter } from 'vue-router'
+import { useSetupWizard } from '@/composables/useSetupWizard'
+import BasicSettingsStep from '@/views/setup/BasicSettingsStep.vue'
+import StorageSettingsStep from '@/views/setup/StorageSettingsStep.vue'
+import DownloaderSettingsStep from '@/views/setup/DownloaderSettingsStep.vue'
+import MediaServerSettingsStep from '@/views/setup/MediaServerSettingsStep.vue'
+import NotificationSettingsStep from '@/views/setup/NotificationSettingsStep.vue'
+import PreferencesSettingsStep from '@/views/setup/PreferencesSettingsStep.vue'
+import ConnectivityTest from '@/views/setup/ConnectivityTest.vue'
+import { useDisplay } from 'vuetify'
+
+const { t } = useI18n()
+const router = useRouter()
+
+// 显示器宽度
+const display = useDisplay()
+
+const {
+  currentStep,
+  totalSteps,
+  stepTitles,
+  connectivityTest,
+  nextStep,
+  prevStep,
+  completeWizard,
+  initialize,
+  isLoading,
+} = useSetupWizard()
+
+// 初始化
+onMounted(async () => {
+  await initialize()
+})
+</script>
+
+<template>
+  <div class="setup-wizard-fullscreen">
+    <!-- 全屏头部 -->
+    <div class="setup-wizard-header">
+      <div class="d-flex align-center justify-space-between">
+        <!-- 左侧占位 -->
+        <div v-if="display.mdAndUp.value" style="inline-size: 96px"></div>
+
+        <!-- 中间标题 -->
+        <div class="d-flex align-center text-center">
+          <div>
+            <h1 class="text-h3 font-weight-bold text-moviepilot mb-3">{{ t('setupWizard.title') }}</h1>
+            <p class="text-body-1 text-medium-emphasis">{{ t('setupWizard.subtitle') }}</p>
+          </div>
+        </div>
+
+        <!-- 右侧按钮组 -->
+        <div v-if="display.mdAndUp.value" class="d-flex gap-2 px-3">
+          <VBtn
+            variant="text"
+            icon="mdi-cog"
+            @click="router.push('/setting')"
+            size="small"
+            class="text-medium-emphasis"
+          />
+          <VBtn variant="text" icon="mdi-close" @click="router.push('/')" size="small" />
+        </div>
+      </div>
+    </div>
+
+    <!-- 向导内容 -->
+    <VCard max-width="800px" class="mx-auto my-5">
+      <VCardText class="px-1">
+        <!-- 加载状态 -->
+        <div v-if="isLoading" class="d-flex flex-column align-center justify-center py-16">
+          <VProgressCircular indeterminate color="primary" size="64" class="mb-4" />
+          <p class="text-body-1 text-medium-emphasis">{{ t('setupWizard.loading') }}</p>
+        </div>
+
+        <!-- 使用 VStepper 组件 -->
+        <VStepper v-else v-model="currentStep" class="elevation-0" flat alt-labels :mobile="display.smAndDown.value">
+          <!-- 步骤标题 -->
+          <VStepperHeader class="elevation-0">
+            <template v-for="(step, index) in stepTitles" :key="index">
+              <VStepperItem
+                :value="index + 1"
+                :complete="currentStep > index + 1"
+                :color="currentStep >= index + 1 ? 'primary' : 'default'"
+                complete-icon="mdi-check-circle"
+              >
+                <template #title>
+                  <span class="text-caption">{{ step }}</span>
+                </template>
+              </VStepperItem>
+              <VDivider v-if="index < stepTitles.length - 1" />
+            </template>
+          </VStepperHeader>
+
+          <!-- 步骤内容 -->
+          <VStepperWindow>
+            <!-- 步骤1：基础参数 -->
+            <VStepperWindowItem :value="1">
+              <BasicSettingsStep />
+            </VStepperWindowItem>
+
+            <!-- 步骤2：存储目录 -->
+            <VStepperWindowItem :value="2">
+              <StorageSettingsStep />
+            </VStepperWindowItem>
+
+            <!-- 步骤3：下载器 -->
+            <VStepperWindowItem :value="3">
+              <DownloaderSettingsStep />
+            </VStepperWindowItem>
+
+            <!-- 步骤4：媒体服务器 -->
+            <VStepperWindowItem :value="4">
+              <MediaServerSettingsStep />
+            </VStepperWindowItem>
+
+            <!-- 步骤5：通知 -->
+            <VStepperWindowItem :value="5">
+              <NotificationSettingsStep />
+            </VStepperWindowItem>
+
+            <!-- 步骤6：资源偏好 -->
+            <VStepperWindowItem :value="6">
+              <PreferencesSettingsStep />
+            </VStepperWindowItem>
+          </VStepperWindow>
+
+          <!-- 连通性测试进度条 -->
+          <ConnectivityTest />
+
+          <!-- 操作按钮 -->
+          <VCardActions class="justify-space-between">
+            <div class="d-flex gap-2">
+              <VBtn
+                v-if="currentStep !== 1"
+                prepend-icon="mdi-chevron-left"
+                @click="prevStep"
+                :disabled="connectivityTest.isTesting"
+              >
+                {{ t('common.previous') }}
+              </VBtn>
+            </div>
+
+            <div class="d-flex gap-2">
+              <VBtn
+                v-if="currentStep < totalSteps"
+                color="primary"
+                append-icon="mdi-chevron-right"
+                @click="nextStep"
+                :disabled="connectivityTest.isTesting"
+              >
+                {{ connectivityTest.isTesting ? t('setupWizard.testing') : t('common.next') }}
+              </VBtn>
+              <VBtn
+                v-else
+                color="success"
+                prepend-icon="mdi-check"
+                @click="completeWizard"
+                :disabled="connectivityTest.isTesting"
+              >
+                {{ t('setupWizard.complete') }}
+              </VBtn>
+            </div>
+          </VCardActions>
+        </VStepper>
+      </VCardText>
+    </VCard>
+  </div>
+</template>
+
+<style scoped>
+.setup-wizard-fullscreen {
+  position: fixed;
+  background-color: rgb(var(--v-theme-background));
+  inset: 0;
+  overflow-y: auto;
+}
+
+.setup-wizard-header {
+  position: sticky;
+  z-index: 2000;
+  background-color: rgb(var(--v-theme-surface));
+  border-block-end: 1px solid rgb(var(--v-theme-outline-variant));
+  box-shadow: 0 0 5px rgba(0, 0, 0, 4%);
+  inset-block-start: 0;
+  padding-block: calc(16px + env(safe-area-inset-top)) 16px;
+}
+</style>
--- a/src/pages/subscribe.vue
+++ b/src/pages/subscribe.vue
@@ -113,6 +113,18 @@ registerHeaderTab({
      },
      show: computed(() => activeTab.value === 'mysub'),
    },
+    {
+      icon: 'mdi-checkbox-multiple-marked-outline',
+      variant: 'text',
+      color: 'gray',
+      class: 'settings-icon-button',
+      action: () => {
+        // 触发批量管理模式
+        const event = new CustomEvent('toggle-batch-mode')
+        window.dispatchEvent(event)
+      },
+      show: computed(() => activeTab.value === 'mysub'),
+    },
    {
      icon: 'mdi-chart-line',
      variant: 'text',
--- a/src/router/i18n-menu.ts
+++ b/src/router/i18n-menu.ts
@@ -1,8 +1,13 @@
 import { useI18n } from 'vue-i18n'
+import { useGlobalSettingsStore } from '@/stores'

 // 构建路由菜单，每次调用时使用当前的语言环境
 export function getNavMenus() {
  const { t } = useI18n()
+  const globalSettingsStore = useGlobalSettingsStore()
+
+  // 检查是否为高级模式
+  const isAdvancedMode = globalSettingsStore.get('ADVANCED_MODE') !== false

  return [
    {
@@ -127,14 +132,18 @@ export function getNavMenus() {
      admin: true,
      permission: 'admin',
    },
-    {
-      title: t('navItems.settings'),
-      icon: 'mdi-cog-outline',
-      to: '/setting',
-      header: t('menu.system'),
-      admin: true,
-      permission: 'admin',
-    },
+    ...(isAdvancedMode
+      ? [
+          {
+            title: t('navItems.settings'),
+            icon: 'mdi-cog-outline',
+            to: '/setting',
+            header: t('menu.system'),
+            admin: true,
+            permission: 'admin',
+          },
+        ]
+      : []),
  ]
 }

@@ -185,30 +194,12 @@ export function getSettingTabs() {
      tab: 'scheduler',
      description: t('settingTabs.scheduler.description'),
    },
-    {
-      title: t('settingTabs.cache.title'),
-      icon: 'mdi-database',
-      tab: 'cache',
-      description: t('settingTabs.cache.description'),
-    },
    {
      title: t('settingTabs.notification.title'),
      icon: 'mdi-bell',
      tab: 'notification',
      description: t('settingTabs.notification.description'),
    },
-    {
-      title: t('settingTabs.words.title'),
-      icon: 'mdi-file-word-box',
-      tab: 'words',
-      description: t('settingTabs.words.description'),
-    },
-    {
-      title: t('settingTabs.about.title'),
-      icon: 'mdi-information',
-      tab: 'about',
-      description: t('settingTabs.about.description'),
-    },
  ]
 }

--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -208,6 +208,13 @@ const router = createRouter({
          path: 'login',
          component: () => import('../pages/login.vue'),
        },
+        {
+          path: 'setup-wizard',
+          component: () => import('../pages/setup.vue'),
+          meta: {
+            requiresAuth: true,
+          },
+        },
        {
          path: '/:pathMatch(.*)*',
          component: () => import('../pages/[...all].vue'),
--- a/src/service-worker.ts
+++ b/src/service-worker.ts
@@ -6,7 +6,7 @@ declare let self: ServiceWorkerGlobalScope & {
 }

 // 缓存版本控制
-const CACHE_VERSION = 'v1.0.5'
+const CACHE_VERSION = 'v13'
 const CACHE_NAMES = {
  appShell: `app-shell-${CACHE_VERSION}`,
  static: `static-resources-${CACHE_VERSION}`,
--- a/src/stores/types.ts
+++ b/src/stores/types.ts
@@ -20,6 +20,8 @@ export interface userState {
  level: number
  // 权限
  permissions: { [key: string]: any }
+  // 是否需要显示设置向导
+  wizard: boolean
 }

 export interface globalSettingsState {
--- a/src/stores/user.ts
+++ b/src/stores/user.ts
@@ -10,6 +10,7 @@ export const useUserStore = defineStore('user', {
    avatar: '',
    level: 1,
    permissions: DEFAULT_PERMISSIONS,
+    wizard: false,
  }),

  // 全局持久化
@@ -34,6 +35,9 @@ export const useUserStore = defineStore('user', {
    setPermissions(permissions: object) {
      this.permissions = { ...DEFAULT_PERMISSIONS, ...permissions }
    },
+    setWizard(wizard: boolean) {
+      this.wizard = wizard
+    },
    loginUser(payload: userState) {
      this.setSuperUser(payload.superUser)
      this.setUserID(payload.userID)
@@ -41,6 +45,7 @@ export const useUserStore = defineStore('user', {
      this.setAvatar(payload.avatar)
      this.setLevel(payload.level)
      this.setPermissions(payload.permissions)
+      this.setWizard(payload.wizard)
    },
    reset() {
      this.setSuperUser(false)
@@ -49,6 +54,7 @@ export const useUserStore = defineStore('user', {
      this.setAvatar('')
      this.setLevel(1)
      this.setPermissions(DEFAULT_PERMISSIONS)
+      this.setWizard(false)
    },
  },

@@ -59,5 +65,6 @@ export const useUserStore = defineStore('user', {
    getAvatar: state => state.avatar,
    getLevel: state => state.level,
    getPermissions: state => state.permissions,
+    getWizard: state => state.wizard,
  },
 })
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -3,16 +3,15 @@
@tailwind components;
@tailwind utilities;

-// 基础样式
 html.v-overlay-scroll-blocked {
-  position: fixed;
-  position: relative;
-
-  --v-body-scroll-y: 0px !important;
+  position: static;
 }

-body {
-  overscroll-behavior: none;
+html.v-overlay-scroll-blocked body {
+  position: fixed;
+  overflow: hidden;
+  inset: 0;
+  inset-block-start: var(--v-body-scroll-y);
 }

@mixin hide-scrollbar {
--- a/src/utils/imageUtils.ts
+++ b/src/utils/imageUtils.ts
@@ -0,0 +1,84 @@
+/**
+ * 静态资源导入工具函数
+ * 用于在生产环境中正确引用静态资源
+ */
+
+// 导入所有 logo 图标
+import qbittorrentLogo from '@/assets/images/logos/qbittorrent.png'
+import transmissionLogo from '@/assets/images/logos/transmission.png'
+import embyLogo from '@/assets/images/logos/emby.png'
+import jellyfinLogo from '@/assets/images/logos/jellyfin.png'
+import plexLogo from '@/assets/images/logos/plex.png'
+import trimemediaLogo from '@/assets/images/logos/trimemedia.png'
+import wechatLogo from '@/assets/images/logos/wechat.png'
+import telegramLogo from '@/assets/images/logos/telegram.webp'
+import slackLogo from '@/assets/images/logos/slack.webp'
+import synologychatLogo from '@/assets/images/logos/synologychat.png'
+import vocechatLogo from '@/assets/images/logos/vocechat.png'
+import downloaderLogo from '@/assets/images/logos/downloader.png'
+import mediaserverLogo from '@/assets/images/logos/mediaserver.png'
+import notificationLogo from '@/assets/images/logos/notification.png'
+import chromeLogo from '@/assets/images/logos/chrome.png'
+import doubanLogo from '@/assets/images/logos/douban.png'
+import githubLogo from '@/assets/images/logos/github.png'
+import tmdbLogo from '@/assets/images/logos/tmdb.png'
+import fanartLogo from '@/assets/images/logos/fanart.webp'
+import pythonLogo from '@/assets/images/logos/python.png'
+import pluginLogo from '@/assets/images/logos/plugin.png'
+import siteLogo from '@/assets/images/logos/site.webp'
+import bangumiLogo from '@/assets/images/logos/bangumi.png'
+import doubanBlackLogo from '@/assets/images/logos/douban-black.png'
+
+// 图标映射表
+const logoMap: Record<string, string> = {
+  qbittorrent: qbittorrentLogo,
+  transmission: transmissionLogo,
+  emby: embyLogo,
+  jellyfin: jellyfinLogo,
+  plex: plexLogo,
+  trimemedia: trimemediaLogo,
+  wechat: wechatLogo,
+  telegram: telegramLogo,
+  slack: slackLogo,
+  synologychat: synologychatLogo,
+  vocechat: vocechatLogo,
+  downloader: downloaderLogo,
+  mediaserver: mediaserverLogo,
+  notification: notificationLogo,
+  chrome: chromeLogo,
+  douban: doubanLogo,
+  github: githubLogo,
+  tmdb: tmdbLogo,
+  fanart: fanartLogo,
+  python: pythonLogo,
+  plugin: pluginLogo,
+  site: siteLogo,
+  bangumi: bangumiLogo,
+  'douban-black': doubanBlackLogo,
+}
+
+/**
+ * 获取图标 URL
+ * @param logoName 图标名称
+ * @returns 图标的 URL
+ */
+export function getLogoUrl(logoName: string): string {
+  return logoMap[logoName] || ''
+}
+
+/**
+ * 获取所有可用的图标名称
+ * @returns 图标名称数组
+ */
+export function getAvailableLogos(): string[] {
+  return Object.keys(logoMap)
+}
+
+/**
+ * 检查图标是否存在
+ * @param logoName 图标名称
+ * @returns 是否存在
+ */
+export function hasLogo(logoName: string): boolean {
+  return logoName in logoMap
+}
--- a/src/utils/sseManager.ts
+++ b/src/utils/sseManager.ts
@@ -69,8 +69,8 @@ export class SSEManager {
      this.backgroundCloseTimer = null
    }

-    // 立即重新建立连接
-    if (!this.eventSource || this.eventSource.readyState === EventSource.CLOSED) {
+    // 只有在有活跃监听器时才重新建立连接
+    if (this.listeners.size > 0 && (!this.eventSource || this.eventSource.readyState === EventSource.CLOSED)) {
      this.reconnectSSE()
    }
  }
@@ -84,6 +84,11 @@ export class SSEManager {
      return
    }

+    // 如果没有活跃的监听器，不进行重连
+    if (this.listeners.size === 0) {
+      return
+    }
+
    this.isConnecting = true
    this.reconnectAttempts = attemptCount

@@ -105,7 +110,7 @@ export class SSEManager {
          }

          this.reconnectTimer = window.setTimeout(() => {
-            if (!this.isBackground) {
+            if (!this.isBackground && this.listeners.size > 0) {
              this.reconnectSSE(this.reconnectAttempts + 1)
            }
          }, this.options.reconnectDelay)
@@ -114,11 +119,12 @@ export class SSEManager {

      this.eventSource.onmessage = event => {
        // 分发消息给所有监听器
-        this.listeners.forEach(listener => {
+        this.listeners.forEach((listener, listenerId) => {
          try {
+            // 为每个监听器提供独立的错误处理
            listener(event)
          } catch (error) {
-            console.error('SSE: 监听器错误', error)
+            console.error(`SSE: 监听器错误 [${listenerId}]`, error)
          }
        })
      }
@@ -131,7 +137,7 @@ export class SSEManager {
      }

      this.reconnectTimer = window.setTimeout(() => {
-        if (!this.isBackground) {
+        if (!this.isBackground && this.listeners.size > 0) {
          this.reconnectSSE(this.reconnectAttempts + 1)
        }
      }, this.options.reconnectDelay)
@@ -205,7 +211,7 @@ export class SSEManager {
   */
  forceReconnect() {
    this.close()
-    if (!this.isBackground) {
+    if (!this.isBackground && this.listeners.size > 0) {
      this.reconnectSSE()
    }
  }
@@ -240,12 +246,37 @@ class SSEManagerSingleton {

  /**
   * 获取或创建SSE管理器
+   * @param url SSE连接URL
+   * @param options SSE选项
+   * @returns SSE管理器实例
   */
  getManager(url: string, options?: ConstructorParameters<typeof SSEManager>[1]): SSEManager {
-    if (!this.managers.has(url)) {
-      this.managers.set(url, new SSEManager(url, options))
+    // 使用完整的URL作为key，确保不同路径的SSE连接不会复用
+    const managerKey = url
+    if (!this.managers.has(managerKey)) {
+      this.managers.set(managerKey, new SSEManager(url, options))
    }
-    return this.managers.get(url)!
+    return this.managers.get(managerKey)!
+  }
+
+  /**
+   * 获取或创建独立的SSE管理器（为每个监听器创建独立连接）
+   * @param url SSE连接URL
+   * @param listenerId 监听器ID
+   * @param options SSE选项
+   * @returns SSE管理器实例
+   */
+  getIndependentManager(
+    url: string,
+    listenerId: string,
+    options?: ConstructorParameters<typeof SSEManager>[1],
+  ): SSEManager {
+    // 使用URL + 监听器ID作为key，确保每个监听器都有独立的连接
+    const managerKey = `${url}::${listenerId}`
+    if (!this.managers.has(managerKey)) {
+      this.managers.set(managerKey, new SSEManager(url, options))
+    }
+    return this.managers.get(managerKey)!
  }

  /**
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -5,7 +5,7 @@ import api from '@/api'
 import type { Plugin } from '@/api/types'
 import NoDataFound from '@/components/NoDataFound.vue'
 import PluginAppCard from '@/components/cards/PluginAppCard.vue'
-import noImage from '@images/logos/plugin.png'
+import { getLogoUrl } from '@/utils/imageUtils'
 import { useDisplay } from 'vuetify'
 import { isNullOrEmptyObject } from '@/@core/utils'
 import { getPluginTabs } from '@/router/i18n-menu'
@@ -215,10 +215,7 @@ const defaultColor = '#2196F3'
 // 计算过滤表单是否全部为空
 const isFilterFormEmpty = computed(() => {
  return (
-    filterForm.name === '' &&
-    filterForm.author.length === 0 &&
-    filterForm.label.length === 0 &&
-    filterForm.repo.length === 0
+    !filterForm.name && filterForm.author.length === 0 && filterForm.label.length === 0 && filterForm.repo.length === 0
  )
 })

@@ -678,7 +675,7 @@ function pluginIconError(item: Plugin) {
 // 插件图标地址
 function pluginIcon(item: Plugin) {
  // 如果图片加载错误
-  if (pluginIconLoaded.value[item.id || '0'] === false) return noImage
+  if (pluginIconLoaded.value[item.id || '0'] === false) return getLogoUrl('plugin')
  // 如果是网络图片则使用代理后返回
  if (item?.plugin_icon?.startsWith('http'))
    return `${import.meta.env.VITE_API_BASE_URL}system/img/1?imgurl=${encodeURIComponent(item?.plugin_icon)}&cache=true`
@@ -1552,7 +1549,7 @@ function onDragStartPlugin(evt: any) {
  />

  <!-- 插件搜索窗口 -->
-  <DialogWrapper
+  <VDialog
    v-if="SearchDialog"
    v-model="SearchDialog"
    scrollable
@@ -1611,20 +1608,20 @@ function onDragStartPlugin(evt: any) {
        </VVirtualScroll>
      </VList>
    </VCard>
-  </DialogWrapper>
+  </VDialog>

  <!-- 安装插件进度框 -->
-  <DialogWrapper v-if="progressDialog" v-model="progressDialog" :scrim="false" width="25rem">
+  <VDialog v-if="progressDialog" v-model="progressDialog" :scrim="false" width="25rem">
    <VCard color="primary">
      <VCardText class="text-center">
        {{ progressText }}
        <VProgressLinear indeterminate color="white" class="mb-0 mt-1" />
      </VCardText>
    </VCard>
-  </DialogWrapper>
+  </VDialog>

  <!-- 新建文件夹对话框 -->
-  <DialogWrapper v-if="newFolderDialog" v-model="newFolderDialog" max-width="400">
+  <VDialog v-if="newFolderDialog" v-model="newFolderDialog" max-width="400">
    <VCard>
      <VDialogCloseBtn @click="newFolderDialog = false" />
      <VCardItem>
@@ -1646,5 +1643,5 @@ function onDragStartPlugin(evt: any) {
        }}</VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/views/setting/AccountSettingAbout.vue
+++ b/src/views/setting/AccountSettingAbout.vue
@@ -1,364 +0,0 @@
-<script lang="ts" setup>
-import { formatDateDifference } from '@/@core/utils/formatters'
-import api from '@/api'
-import { useI18n } from 'vue-i18n'
-
-// 国际化
-const { t } = useI18n()
-
-// 系统环境变量
-const systemEnv = ref<any>({})
-
-// 所有Release
-const allRelease = ref<any>([])
-
-// 支持站点
-const supportingSites = ref<any>({})
-
-// 支持站点折叠状态
-const sitesExpanded = ref(false)
-
-// 去重后的支持站点
-const uniqueSupportingSites = computed(() => {
-  const sitesMap = new Map()
-
-  Object.entries(supportingSites.value).forEach(([domain, site]: [string, any]) => {
-    if (!sitesMap.has(site.name)) {
-      sitesMap.set(site.name, {
-        name: site.name,
-        urls: [{ domain, url: site.url }],
-      })
-    } else {
-      sitesMap.get(site.name).urls.push({ domain, url: site.url })
-    }
-  })
-
-  return Array.from(sitesMap.values())
-})
-
-// 显示的支持站点（折叠时只显示前5个）
-const displayedSites = computed(() => {
-  if (sitesExpanded.value) {
-    return uniqueSupportingSites.value
-  }
-  return uniqueSupportingSites.value.slice(0, 5)
-})
-
-// 变更日志对话框
-const releaseDialog = ref(false)
-
-// 最新版本
-const latestRelease = ref('')
-
-// 变更日志对话框标题
-const releaseDialogTitle = ref('')
-
-// 变更日志对话框内容
-const releaseDialogBody = ref('')
-
-// 打开日志对话框
-function showReleaseDialog(title: string, body: string) {
-  releaseDialogTitle.value = title
-  releaseDialogBody.value = body.replaceAll('\r\n', '<br />')
-  releaseDialog.value = true
-}
-
-// 查询系统环境变量
-async function querySystemEnv() {
-  try {
-    const result: { [key: string]: any } = await api.get('system/env')
-
-    systemEnv.value = result.data
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-// 查询所有Release
-async function queryAllRelease() {
-  try {
-    const result: { [key: string]: any } = await api.get('system/versions')
-
-    allRelease.value = result.data ?? []
-
-    // 最新版本
-    if (allRelease.value.length > 0) latestRelease.value = allRelease.value[0].tag_name
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-// 查询支持站点
-async function querySupportingSites() {
-  try {
-    supportingSites.value = await api.get('site/supporting')
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-// 切换站点列表展开状态
-function toggleSitesExpanded() {
-  sitesExpanded.value = !sitesExpanded.value
-}
-
-// 计算发布时间
-function releaseTime(releaseDate: string) {
-  // 上一次更新时间
-  return formatDateDifference(releaseDate)
-}
-
-onMounted(() => {
-  querySystemEnv()
-  queryAllRelease()
-  querySupportingSites()
-})
-</script>
-
-<template>
-  <div class="px-3">
-    <div class="section">
-      <div>
-        <h3 class="heading">{{ t('setting.about.title') }}</h3>
-      </div>
-      <div class="section border-t border-gray-800">
-        <dl>
-          <div>
-            <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
-              <dt class="block text-sm font-bold">{{ t('setting.about.softwareVersion') }}</dt>
-              <dd class="flex text-sm sm:col-span-2 sm:mt-0">
-                <span class="flex-grow flex flex-row items-center truncate">
-                  <code class="truncate">{{ systemEnv.VERSION }}</code>
-                  <a
-                    v-if="latestRelease === systemEnv.VERSION"
-                    href="https://github.com/jxxghp/MoviePilot/releases"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    <span
-                      class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full whitespace-nowrap bg-green-500 bg-opacity-80 border border-green-500 !text-green-100 ml-2 !cursor-pointer transition hover:bg-green-400"
-                    >
-                      {{ t('setting.about.latest') }}
-                    </span>
-                  </a>
-                </span>
-              </dd>
-            </div>
-          </div>
-          <div v-if="systemEnv.FRONTEND_VERSION">
-            <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
-              <dt class="block text-sm font-bold">{{ t('setting.about.frontendVersion') }}</dt>
-              <dd class="flex text-sm sm:col-span-2 sm:mt-0">
-                <span class="flex-grow flex flex-row items-center truncate">
-                  <code class="truncate">{{ systemEnv.FRONTEND_VERSION }}</code>
-                </span>
-              </dd>
-            </div>
-          </div>
-          <div>
-            <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
-              <dt class="block text-sm font-bold">{{ t('setting.about.authVersion') }}</dt>
-              <dd class="flex text-sm sm:col-span-2 sm:mt-0">
-                <span class="flex-grow flex flex-row items-center truncate">
-                  <code class="truncate">{{ systemEnv.AUTH_VERSION }}</code>
-                </span>
-              </dd>
-            </div>
-          </div>
-          <div>
-            <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
-              <dt class="block text-sm font-bold">{{ t('setting.about.indexerVersion') }}</dt>
-              <dd class="flex text-sm sm:col-span-2 sm:mt-0">
-                <span class="flex-grow flex flex-row items-center truncate">
-                  <code class="truncate">{{ systemEnv.INDEXER_VERSION }}</code>
-                </span>
-              </dd>
-            </div>
-          </div>
-          <div>
-            <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
-              <dt class="block text-sm font-bold">{{ t('setting.about.configDir') }}</dt>
-              <dd class="flex text-sm sm:col-span-2 sm:mt-0">
-                <span class="flex-grow undefined">
-                  <code>{{ systemEnv.CONFIG_DIR }}</code>
-                </span>
-              </dd>
-            </div>
-            <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
-              <dt class="block text-sm font-bold">{{ t('setting.about.dataDir') }}</dt>
-              <dd class="flex text-sm sm:col-span-2 sm:mt-0">
-                <span class="flex-grow undefined"
-                  ><code>{{ t('setting.about.dataDirectory') }}</code></span
-                >
-              </dd>
-            </div>
-          </div>
-          <div>
-            <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
-              <dt class="block text-sm font-bold">{{ t('setting.about.timezone') }}</dt>
-              <dd class="flex text-sm sm:col-span-2 sm:mt-0">
-                <span class="flex-grow undefined">
-                  <code>{{ systemEnv.TZ }}</code>
-                </span>
-              </dd>
-            </div>
-          </div>
-          <div>
-            <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
-              <dt class="block text-sm font-bold">{{ t('setting.about.supportingSites') }}</dt>
-              <dd class="flex text-sm sm:col-span-2 sm:mt-0">
-                <div class="flex flex-col gap-2">
-                  <div class="flex flex-wrap gap-2 mt-1 ms-1">
-                    <VChip v-for="site in displayedSites" :key="site.name" variant="outlined" size="small">
-                      <span class="truncate max-w-32">{{ site.name }}</span>
-                    </VChip>
-                    <VChip
-                      v-if="!sitesExpanded && uniqueSupportingSites.length > 5"
-                      variant="tonal"
-                      size="small"
-                      @click="toggleSitesExpanded"
-                    >
-                      <span> {{ uniqueSupportingSites.length }}+ ...</span>
-                    </VChip>
-                    <VChip
-                      v-if="sitesExpanded && uniqueSupportingSites.length > 5"
-                      variant="tonal"
-                      size="small"
-                      @click="toggleSitesExpanded"
-                    >
-                      <span>< {{ t('setting.about.collapse') }}</span>
-                    </VChip>
-                  </div>
-                </div>
-              </dd>
-            </div>
-          </div>
-        </dl>
-      </div>
-    </div>
-    <div class="section">
-      <div>
-        <h3 class="heading">{{ t('setting.about.support') }}</h3>
-      </div>
-      <div class="section border-t border-gray-800">
-        <dl>
-          <div>
-            <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
-              <dt class="block text-sm font-bold">{{ t('setting.about.documentation') }}</dt>
-              <dd class="flex text-sm sm:col-span-2 sm:mt-0">
-                <span class="flex-grow undefined">
-                  <a
-                    href="https://movie-pilot.org"
-                    target="_blank"
-                    rel="noreferrer"
-                    class="text-indigo-500 transition duration-300 hover:underline"
-                  >
-                    https://movie-pilot.org
-                  </a>
-                </span>
-              </dd>
-            </div>
-          </div>
-          <div>
-            <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
-              <dt class="block text-sm font-bold">{{ t('setting.about.feedback') }}</dt>
-              <dd class="flex text-sm sm:col-span-2 sm:mt-0">
-                <span class="flex-grow undefined">
-                  <a
-                    href="https://github.com/jxxghp/MoviePilot/issues/new/choose"
-                    target="_blank"
-                    rel="noreferrer"
-                    class="text-indigo-500 transition duration-300 hover:underline"
-                  >
-                    https://github.com/jxxghp/MoviePilot/issues/new/choose
-                  </a>
-                </span>
-              </dd>
-            </div>
-          </div>
-          <div>
-            <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
-              <dt class="block text-sm font-bold">{{ t('setting.about.channel') }}</dt>
-              <dd class="flex text-sm sm:col-span-2 sm:mt-0">
-                <span class="flex-grow undefined">
-                  <a
-                    href="https://t.me/moviepilot_channel"
-                    target="_blank"
-                    rel="noreferrer"
-                    class="text-indigo-500 transition duration-300 hover:underline"
-                  >
-                    https://t.me/moviepilot_channel
-                  </a>
-                </span>
-              </dd>
-            </div>
-          </div>
-        </dl>
-      </div>
-    </div>
-    <div class="section">
-      <div>
-        <h3 class="heading">{{ t('setting.about.versions') }}</h3>
-        <div class="section space-y-3">
-          <div>
-            <div
-              v-for="release in allRelease"
-              :key="release.tag_name"
-              class="mb-3 flex w-full flex-col space-y-3 rounded-md px-4 py-2 ring-1 ring-gray-400 sm:flex-row sm:space-y-0 sm:space-x-3"
-            >
-              <div class="flex w-full flex-grow items-center justify-start space-x-2 truncate sm:justify-start">
-                <span class="truncate text-lg font-bold">
-                  <span class="mr-2 whitespace-nowrap text-xs font-normal">{{
-                    releaseTime(release.published_at)
-                  }}</span>
-                  {{ release.tag_name }}
-                </span>
-                <span
-                  v-if="release.tag_name === latestRelease"
-                  class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full whitespace-nowrap cursor-default bg-green-500 bg-opacity-80 border border-green-500 !text-green-100"
-                >
-                  {{ t('setting.about.latestVersion') }}
-                </span>
-                <span
-                  v-if="release.tag_name === systemEnv.VERSION"
-                  class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full whitespace-nowrap cursor-default bg-indigo-500 bg-opacity-80 border border-indigo-500 !text-indigo-100"
-                >
-                  {{ t('setting.about.currentVersion') }}
-                </span>
-              </div>
-              <VBtn @click.stop="showReleaseDialog(release.tag_name, release.body)">
-                <template #prepend>
-                  <VIcon icon="mdi-text-box-outline" />
-                </template>
-                {{ t('setting.about.viewChangelog') }}
-              </VBtn>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <DialogWrapper v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable>
-    <VCard>
-      <VCardItem>
-        <VDialogCloseBtn @click="releaseDialog = false" />
-        <VCardTitle>{{ releaseDialogTitle }} {{ t('setting.about.changelog') }}</VCardTitle>
-      </VCardItem>
-      <VCardText v-html="releaseDialogBody" />
-    </VCard>
-  </DialogWrapper>
-</template>
-
-<style type="scss" scoped>
-.heading {
-  font-size: 1.5rem;
-  font-weight: 700;
-  line-height: 2rem;
-
-  --tw-text-opacity: 1;
-}
-
-.section {
-  margin-block: 0.5rem 2.5rem;
-}
-</style>
--- a/src/views/setting/AccountSettingNotification.vue
+++ b/src/views/setting/AccountSettingNotification.vue
@@ -444,7 +444,7 @@ onMounted(() => {
    :indeterminate="true"
  />
  <!-- 模板编辑器对话框 -->
-  <DialogWrapper v-model="editorVisible" v-if="editorVisible" max-width="50rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog v-model="editorVisible" v-if="editorVisible" max-width="50rem" :fullscreen="!display.mdAndUp.value">
    <VCard>
      <VCardItem class="py-2">
        <template #prepend>
@@ -472,7 +472,7 @@ onMounted(() => {
        </VBtn>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
 <style scoped>
 /* Monaco编辑器容器样式 */
--- a/src/views/setting/AccountSettingSubscribe.vue
+++ b/src/views/setting/AccountSettingSubscribe.vue
@@ -54,12 +54,20 @@ const rssIntervalItems = [
  { title: t('setting.subscribe.intervals.day1'), value: 1440 },
 ]

+// 订阅搜索时间间隔选择项（小时）
+const subscribeSearchIntervalItems = [
+  { title: t('setting.subscribe.intervals.day1'), value: 24 },
+  { title: t('setting.subscribe.intervals.day3'), value: 72 },
+  { title: t('setting.subscribe.intervals.week1'), value: 168 },
+]
+
 // 系统设置项
 const SystemSettings = ref<any>({
  // 基础设置
  Basic: {
    SUBSCRIBE_MODE: 'auto',
    SUBSCRIBE_SEARCH: false,
+    SUBSCRIBE_SEARCH_INTERVAL: 24,
    SUBSCRIBE_RSS_INTERVAL: 30,
    LOCAL_EXISTS_SEARCH: false,
  },
@@ -252,6 +260,16 @@ onMounted(() => {
                  persistent-hint
                />
              </VCol>
+              <VCol v-if="SystemSettings.Basic.SUBSCRIBE_SEARCH" cols="12" md="6">
+                <VSelect
+                  v-model="SystemSettings.Basic.SUBSCRIBE_SEARCH_INTERVAL"
+                  :items="subscribeSearchIntervalItems"
+                  :label="t('setting.subscribe.searchInterval')"
+                  :hint="t('setting.subscribe.searchIntervalHint')"
+                  persistent-hint
+                  prepend-inner-icon="mdi-timer"
+                />
+              </VCol>
              <VCol cols="12" md="6">
                <VSwitch
                  v-model="SystemSettings.Basic.LOCAL_EXISTS_SEARCH"
--- a/src/views/setting/AccountSettingSystem.vue
+++ b/src/views/setting/AccountSettingSystem.vue
@@ -22,6 +22,7 @@ const { t } = useI18n()
 const SystemSettings = ref<any>({
  // 基础设置
  Basic: {
+    DB_TYPE: 'sqlite',
    APP_DOMAIN: null,
    API_TOKEN: null,
    WALLPAPER: 'tmdb',
@@ -732,7 +733,7 @@ onDeactivated(() => {
  </VRow>

  <!-- 高级系统设置 -->
-  <DialogWrapper
+  <VDialog
    v-if="advancedDialog"
    v-model="advancedDialog"
    scrollable
@@ -818,7 +819,7 @@ onDeactivated(() => {
                    persistent-hint
                  />
                </VCol>
-                <VCol cols="12" md="6">
+                <VCol v-if="SystemSettings.Basic.DB_TYPE === 'sqlite'" cols="12" md="6">
                  <VSwitch
                    v-model="SystemSettings.Advanced.DB_WAL_ENABLE"
                    :label="t('setting.system.dbWalEnable')"
@@ -1328,5 +1329,5 @@ onDeactivated(() => {
        </VForm>
      </VCardActions>
    </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
--- a/src/views/setup/BasicSettingsStep.vue
+++ b/src/views/setup/BasicSettingsStep.vue
@@ -0,0 +1,160 @@
+<script lang="ts" setup>
+import { useI18n } from 'vue-i18n'
+import { useSetupWizard } from '@/composables/useSetupWizard'
+
+const { t } = useI18n()
+const { wizardData, createRandomString, copyValue, validateCurrentStep } = useSetupWizard()
+
+// 密码可见性控制
+const isPasswordVisible = ref(false)
+const isConfirmPasswordVisible = ref(false)
+
+// 验证状态
+const validation = computed(() => validateCurrentStep())
+const hasErrors = computed(() => !validation.value.isValid)
+
+// 密码相关验证
+const passwordError = computed(() => {
+  if (!wizardData.value.basic.password) return false
+  return wizardData.value.basic.password.length < 6
+})
+
+const confirmPasswordError = computed(() => {
+  if (!wizardData.value.basic.password) return false
+  if (!wizardData.value.basic.confirmPassword) return true
+  return wizardData.value.basic.password !== wizardData.value.basic.confirmPassword
+})
+
+const passwordErrorMessage = computed(() => {
+  if (passwordError.value) return t('dialog.userAddEdit.passwordMinLength')
+  return ''
+})
+
+const confirmPasswordErrorMessage = computed(() => {
+  if (!wizardData.value.basic.password) return ''
+  if (!wizardData.value.basic.confirmPassword) return t('dialog.userAddEdit.confirmPasswordRequired')
+  if (confirmPasswordError.value) return t('dialog.userAddEdit.passwordMismatch')
+  return ''
+})
+
+// API Token验证
+const apiTokenError = computed(() => {
+  return !wizardData.value.basic.apiToken && hasErrors.value
+})
+
+const apiTokenErrorMessage = computed(() => {
+  if (apiTokenError.value) return t('setupWizard.basic.apiTokenRequired')
+  return ''
+})
+
+// 用户名验证（虽然是只读的，但为了完整性）
+const usernameError = computed(() => {
+  return !wizardData.value.basic.username && hasErrors.value
+})
+
+const usernameErrorMessage = computed(() => {
+  if (usernameError.value) return t('dialog.userAddEdit.usernameRequired')
+  return ''
+})
+</script>
+
+<template>
+  <VCard variant="outlined">
+    <VCardText>
+      <div class="text-center mb-6">
+        <h3 class="text-h4 mb-2">{{ t('setupWizard.basic.title') }}</h3>
+        <p class="text-body-1 text-medium-emphasis">{{ t('setupWizard.basic.description') }}</p>
+      </div>
+      <VRow>
+        <VCol cols="12" md="6">
+          <VTextField
+            v-model="wizardData.basic.appDomain"
+            :label="t('setupWizard.basic.appDomain')"
+            :hint="t('setupWizard.basic.appDomainHint')"
+            placeholder="http://localhost:3000"
+            persistent-hint
+            prepend-inner-icon="mdi-web"
+          />
+        </VCol>
+        <VCol cols="12" md="6">
+          <VTextField
+            v-model="wizardData.basic.username"
+            :label="t('user.username')"
+            :hint="t('setupWizard.basic.currentUserHint')"
+            persistent-hint
+            prepend-inner-icon="mdi-account"
+            readonly
+            :error="usernameError"
+            :error-messages="usernameError ? [usernameErrorMessage] : []"
+          />
+        </VCol>
+        <VCol cols="12" md="6">
+          <VTextField
+            v-model="wizardData.basic.password"
+            :type="isPasswordVisible ? 'text' : 'password'"
+            :label="t('user.password')"
+            :hint="t('setupWizard.basic.passwordOptionalHint')"
+            persistent-hint
+            prepend-inner-icon="mdi-lock"
+            :append-inner-icon="isPasswordVisible ? 'mdi-eye-off-outline' : 'mdi-eye-outline'"
+            @click:append-inner="isPasswordVisible = !isPasswordVisible"
+            :error="passwordError"
+            :error-messages="passwordError ? [passwordErrorMessage] : []"
+            clearable
+          />
+        </VCol>
+        <VCol cols="12" md="6">
+          <VTextField
+            v-model="wizardData.basic.confirmPassword"
+            :type="isConfirmPasswordVisible ? 'text' : 'password'"
+            :label="t('user.confirmPassword')"
+            :hint="t('setupWizard.basic.confirmPasswordHint')"
+            persistent-hint
+            prepend-inner-icon="mdi-lock-check"
+            :append-inner-icon="isConfirmPasswordVisible ? 'mdi-eye-off-outline' : 'mdi-eye-outline'"
+            @click:append-inner="isConfirmPasswordVisible = !isConfirmPasswordVisible"
+            :disabled="!wizardData.basic.password"
+            :error="confirmPasswordError"
+            :error-messages="confirmPasswordError ? [confirmPasswordErrorMessage] : []"
+            clearable
+          />
+        </VCol>
+        <VCol cols="12" md="6">
+          <VTextField
+            v-model="wizardData.basic.proxyHost"
+            :label="t('setting.system.proxyHost')"
+            :hint="t('setting.system.proxyHostHint')"
+            placeholder="http://127.0.0.1:7890"
+            persistent-hint
+            prepend-inner-icon="mdi-server-network"
+          />
+        </VCol>
+        <VCol cols="12" md="6">
+          <VTextField
+            v-model="wizardData.basic.githubToken"
+            :label="t('setting.system.githubToken')"
+            :placeholder="t('setting.system.githubTokenFormat')"
+            :hint="t('setting.system.githubTokenHint')"
+            persistent-hint
+            prepend-inner-icon="mdi-github"
+          />
+        </VCol>
+        <VCol cols="12" md="6">
+          <VTextField
+            v-model="wizardData.basic.apiToken"
+            :label="t('setupWizard.basic.apiToken')"
+            :hint="t('setupWizard.basic.apiTokenHint')"
+            persistent-hint
+            prepend-inner-icon="mdi-key"
+            :append-inner-icon="wizardData.basic.apiToken ? 'mdi-content-copy' : 'mdi-reload'"
+            @click:append-inner="
+              wizardData.basic.apiToken ? copyValue(wizardData.basic.apiToken) : createRandomString()
+            "
+            :error="apiTokenError"
+            :error-messages="apiTokenError ? [apiTokenErrorMessage] : []"
+          />
+        </VCol>
+      </VRow>
+    </VCardText>
+  </VCard>
+</template>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
jxxghp	c172ac0d5c	Merge pull request #395 from jxxghp/cursor/add-default-all-filter-for-subscription-styles-ad8f	2025-09-16 13:38:33 +08:00
Cursor Agent	01a66493a8	feat: Add "All" option to genre filter Co-authored-by: jxxghp <jxxghp@qq.com>	2025-09-16 05:37:47 +00:00
jxxghp	188f8b3faa	更新缓存版本至v13	2025-09-16 13:14:17 +08:00
jxxghp	ebcf5fad71	Merge pull request #394 from jxxghp/cursor/update-subscription-sorting-and-scoring-6aa9	2025-09-16 12:26:44 +08:00
Cursor Agent	d1a656db82	Refactor: Move sort filter to top in subscribe views Co-authored-by: jxxghp <jxxghp@qq.com>	2025-09-16 04:25:38 +00:00
Cursor Agent	4f6a11fd7c	Refactor subscribe views to use VChipGroup for sorting Co-authored-by: jxxghp <jxxghp@qq.com>	2025-09-16 04:25:02 +00:00
jxxghp	1d09a946bb	Merge pull request #393 from jxxghp/cursor/add-sorting-to-subscription-filters-b700	2025-09-16 12:02:21 +08:00
Cursor Agent	6c4eb7edbd	Add sorting options to subscribe views and locales Co-authored-by: jxxghp <jxxghp@qq.com>	2025-09-16 03:46:35 +00:00
jxxghp	4f9f669ac6	Merge pull request #392 from jxxghp/cursor/translate-missing-string-and-adjust-slider-max-value-4d93	2025-09-16 11:12:31 +08:00
Cursor Agent	f9e0e78473	Refactor: Remove rating input, display max rating Co-authored-by: jxxghp <jxxghp@qq.com>	2025-09-16 03:10:14 +00:00
Cursor Agent	b004facfca	Refactor: Improve rating filter UI and update locale text Co-authored-by: jxxghp <jxxghp@qq.com>	2025-09-16 02:36:16 +00:00
jxxghp	fb6ee2910f	更新 package.json	2025-09-16 09:00:54 +08:00
jxxghp	3fedc9b730	Merge pull request #391 from jxxghp/cursor/update-popular-subscriptions-api-with-filters-9c20	2025-09-16 08:47:41 +08:00
Cursor Agent	b260427312	feat: Add filtering and genre selection to subscribe share Co-authored-by: jxxghp <jxxghp@qq.com>	2025-09-16 00:46:08 +00:00
Cursor Agent	dd1447e93c	feat: Add minSubscribers translation to zh-TW locale Co-authored-by: jxxghp <jxxghp@qq.com>	2025-09-16 00:20:27 +00:00
Cursor Agent	dbcc213562	feat: Add subscribe filtering and localization Co-authored-by: jxxghp <jxxghp@qq.com>	2025-09-16 00:17:40 +00:00
jxxghp	1c019cd5c8	重构离线页面组件	2025-09-13 14:00:03 +08:00
jxxghp	e37bde77a1	fix https://github.com/jxxghp/MoviePilot/issues/4922	2025-09-13 10:18:41 +08:00
jxxghp	57bf0d2021	优化快捷访问组件的滚动管理	2025-09-12 20:57:29 +08:00
jxxghp	88b00f7069	更新viewport设置	2025-09-12 08:25:21 +08:00
jxxghp	7b08cbb2f7	优化进度对话框	2025-09-11 20:33:14 +08:00
jxxghp	97c0ec184d	Fix: Center cache statistics on mobile (#389 ) Co-authored-by: Cursor Agent <cursoragent@cursor.com> Co-authored-by: jxxghp <jxxghp@qq.com>	2025-09-11 18:15:38 +08:00
jxxghp	d18c845088	Refactor cache view for better mobile responsiveness (#388 ) Co-authored-by: Cursor Agent <cursoragent@cursor.com> Co-authored-by: jxxghp <jxxghp@qq.com>	2025-09-11 18:05:23 +08:00
jxxghp	a64d97774d	优化关于对话框和快捷栏的布局	2025-09-11 17:36:02 +08:00
jxxghp	2ddc51aa4f	调整词表、缓存、关于功能的位置	2025-09-11 15:29:24 +08:00
jxxghp	28afe2a922	统一图标导入方式	2025-09-11 15:03:12 +08:00
jxxghp	c2e97bf191	调整 Vite 配置，增加最大缓存文件大小至 10MB，以支持更大的文件。	2025-09-11 14:40:34 +08:00
jxxghp	c922752a1f	Merge pull request #387 from jxxghp/setup-wizard Setup wizard	2025-09-11 14:32:30 +08:00
jxxghp	08f36a74ca	增强配置向导功能	2025-09-11 14:30:52 +08:00
jxxghp	d7809dd00c	调整配置向导的布局，增加右侧按钮组	2025-09-11 12:36:12 +08:00
jxxghp	27582004da	增强配置向导功能	2025-09-11 08:31:13 +08:00
jxxghp	3d6a176cde	提升配置向导的样式，增加z-index和阴影效果	2025-09-10 17:10:01 +08:00
jxxghp	4a2073a038	优化配置向导	2025-09-10 16:56:06 +08:00
jxxghp	c8a65ecbe4	修复配置向导中的用户信息保存逻辑	2025-09-10 15:23:48 +08:00
jxxghp	3750d5cba0	增强配置向导功能	2025-09-10 14:46:02 +08:00
jxxghp	55b383780e	Split setup vue into view components (#386 ) * Refactor: Extract setup wizard into composable and components This commit refactors the setup wizard by extracting its logic into a composable function `useSetupWizard` and breaking down the UI into individual components for better organization and reusability. Co-authored-by: jxxghp <jxxghp@qq.com> * Refactor: Move setup wizard components to separate files This commit refactors the setup wizard by extracting individual steps into their own Vue components. This improves code organization and maintainability. Co-authored-by: jxxghp <jxxghp@qq.com> --------- Co-authored-by: Cursor Agent <cursoragent@cursor.com> Co-authored-by: jxxghp <jxxghp@qq.com>	2025-09-10 11:48:09 +08:00
jxxghp	6aec0ddf88	更新配置向导	2025-09-10 08:51:05 +08:00
jxxghp	7c8e94d1df	更新用户配置	2025-09-10 08:30:19 +08:00
jxxghp	5ecbf626c8	更新用户配置向导	2025-09-09 20:31:00 +08:00
jxxghp	584f580e3b	实现配置向导功能	2025-09-09 13:50:37 +08:00
jxxghp	280de47dac	新增配置向导	2025-09-09 12:43:53 +08:00
jxxghp	c7c05f5897	Merge pull request #385 from cddjr/fix_calendar	2025-09-08 21:39:39 +08:00
景大侠	bb86180582	修复日历可能会空白的问题	2025-09-08 21:33:37 +08:00
jxxghp	aff228edd3	更新 Footer 组件以支持动态显示导航	2025-09-08 19:19:31 +08:00
jxxghp	f65ae6d703	更新 DefaultLayout.vue	2025-09-08 18:38:52 +08:00
jxxghp	0fccc06883	修改 ProgressDialog 组件	2025-09-08 17:38:44 +08:00
jxxghp	8652966645	调整 index.html 和默认布局样式，修改溢出属性以改善页面滚动体验	2025-09-08 16:49:58 +08:00
jxxghp	6d84eb9f09	更新 package.json 版本号至 2.8.0	2025-09-08 16:13:10 +08:00
jxxghp	1a3dccac29	更新 index.html	2025-09-08 16:12:28 +08:00
jxxghp	fa8de34fc5	更新页面样式	2025-09-08 08:49:00 +08:00
jxxghp	10cfd6be80	更新 service-worker.ts	2025-09-02 13:47:57 +08:00
jxxghp	a390b36e7c	更新 package.json 版本号至 2.7.9	2025-09-02 12:35:41 +08:00
jxxghp	d6b5994e22	添加搜索时间间隔选项	2025-09-02 11:48:24 +08:00
jxxghp	08611a97e7	Merge pull request #384 from Aqr-K/feat-v2.7.8-filelist-case-insensitive	2025-08-31 07:51:18 +08:00
Aqr-K	35bbb44ce3	更新 FileList.vue	2025-08-30 21:08:17 +08:00
Aqr-K	8ff879661a	fix(file): Simplify the `selectMode` button.	2025-08-30 20:56:58 +08:00
Aqr-K	a8f01f099d	feat(file): Add an `ignoreCase` button.	2025-08-30 20:54:17 +08:00
jxxghp	040ab1096b	更新 package.json 版本号至 2.7.8	2025-08-28 08:22:51 +08:00
jxxghp	0cbdf24315	fix https://github.com/jxxghp/MoviePilot/issues/4849	2025-08-27 12:32:19 +08:00
jxxghp	164ea79bd1	Use body-lock for quick access background scroll (#382 ) * Checkpoint before follow-up message Co-authored-by: jxxghp <jxxghp@live.cn> * Replace custom BodyLock with body-scroll-lock library Co-authored-by: jxxghp <jxxghp@live.cn> * Fix scroll behavior in QuickAccess panel with targeted scroll disabling Co-authored-by: jxxghp <jxxghp@live.cn> --------- Co-authored-by: Cursor Agent <cursoragent@cursor.com> Co-authored-by: jxxghp <jxxghp@live.cn>	2025-08-25 23:10:15 +08:00
jxxghp	97f3435bb3	Prevent scroll when QuickAccess overlay is open (#381 ) Co-authored-by: Cursor Agent <cursoragent@cursor.com> Co-authored-by: jxxghp <jxxghp@live.cn>	2025-08-25 22:46:28 +08:00
jxxghp	63b108ff6b	更新 package.json	2025-08-25 22:19:02 +08:00
jxxghp	b0880cb369	更新 types.ts	2025-08-25 21:48:55 +08:00
jxxghp	5f70ee8e18	更新缓存版本至 v1.1.0	2025-08-25 13:18:38 +08:00
jxxghp	4c64f7a2c3	优化 HTML 结构，调整 CSS 样式	2025-08-25 13:03:45 +08:00
jxxghp	262927e459	fix：整理中的所以取消	2025-08-24 18:50:07 +08:00
jxxghp	b16c566004	fix ui	2025-08-24 18:32:29 +08:00
jxxghp	1af82dbee6	优化 TransferQueueDialog 组件，合并相同 title_year 的媒体记录和任务	2025-08-24 18:25:59 +08:00
jxxghp	2e9a5a4e13	更新 TransferQueueDialog 组件	2025-08-24 18:18:53 +08:00
jxxghp	b455f603dc	调整 TransferQueueDialog 组件	2025-08-24 18:11:36 +08:00
jxxghp	37c0c3e339	优化 TransferQueueDialog 组件的 SSE 连接管理	2025-08-24 18:02:15 +08:00
jxxghp	b6cb341082	fix 整理进度显示	2025-08-24 17:50:03 +08:00
jxxghp	1af1a06700	优化 SSE 管理器	2025-08-24 17:34:43 +08:00
jxxghp	79e4ecfdbe	引入 crypto-js 库以计算文件路径的 MD5 值	2025-08-24 17:05:36 +08:00
jxxghp	1585271e37	为 TransferQueueDialog 组件优化 SSE 监听管理	2025-08-24 16:16:33 +08:00
jxxghp	c240b171e4	更新 package.json 版本号至 2.7.6	2025-08-24 13:03:25 +08:00
jxxghp	9c405e90ac	重构 TransferQueueDialog 组件，添加整体和当前文件进度管理	2025-08-24 13:02:40 +08:00
jxxghp	3ec3212ca5	更新 service-worker.ts	2025-08-24 08:16:14 +08:00
jxxghp	b1289f6177	实现订阅批量管理功能	2025-08-23 21:20:09 +08:00
jxxghp	64b7ba48c8	fix ios	2025-08-23 20:39:40 +08:00
jxxghp	f093053ea4	优化对话框状态管理	2025-08-23 19:32:23 +08:00
jxxghp	9faa0ded59	为对话框组件添加防止滚动穿透的样式	2025-08-23 19:14:12 +08:00
jxxghp	0f7dafeb23	控制合集搜索项的显示	2025-08-23 19:03:50 +08:00
jxxghp	472d1960d9	重构对话框组件，将所有 DialogWrapper 替换为 VDialog，并更新缓存版本至 v1.1.0	2025-08-23 18:55:34 +08:00
jxxghp	6e50acf106	更新 service-worker.ts	2025-08-23 10:22:31 +08:00
jxxghp	a3fb4b1534	更新 package.json 版本号至 2.7.5	2025-08-23 08:56:14 +08:00
jxxghp	382cae32a2	fix site import dialog	2025-08-23 08:47:16 +08:00
jxxghp	0aa4851f8e	Merge pull request #380 from jxxghp/cursor/implement-site-batch-import-and-export-2694	2025-08-23 07:32:40 +08:00
Cursor Agent	65271e6d13	Remove package-lock.json from version control Co-authored-by: jxxghp <jxxghp@live.cn>	2025-08-22 23:13:47 +00:00
Cursor Agent	671cf8d588	Refactor site import/export feature with improved toast notifications Co-authored-by: jxxghp <jxxghp@live.cn>	2025-08-22 23:12:01 +00:00
Cursor Agent	afc7c81028	Add site batch import/export functionality with preview and validation Co-authored-by: jxxghp <jxxghp@live.cn>	2025-08-22 23:09:03 +00:00
jxxghp	c330aee560	增强消息视图的SSE连接管理	2025-08-21 09:22:57 +08:00
jxxghp	eafe63c886	更新 package.json	2025-08-20 10:34:29 +08:00
jxxghp	53206d05b8	更新 service-worker.ts	2025-08-20 10:34:10 +08:00
jxxghp	af085d457e	更新 PluginCardListView.vue	2025-08-20 10:33:52 +08:00
jxxghp	fb36033939	修复数据库类型判断	2025-08-19 13:18:02 +08:00
jxxghp	584e7672df	更新版本号至2.7.3	2025-08-19 13:08:23 +08:00