diff --git a/lighting_s.png b/lighting_s.png
new file mode 100644
index 0000000..746bf90
Binary files /dev/null and b/lighting_s.png differ
diff --git a/src-tauri/icons/128x128.png b/src-tauri/icons/128x128.png
index 1356de4..2fc180d 100644
Binary files a/src-tauri/icons/128x128.png and b/src-tauri/icons/128x128.png differ
diff --git a/src-tauri/icons/128x128@2x.png b/src-tauri/icons/128x128@2x.png
index 7774cc0..d084ec1 100644
Binary files a/src-tauri/icons/128x128@2x.png and b/src-tauri/icons/128x128@2x.png differ
diff --git a/src-tauri/icons/32x32.png b/src-tauri/icons/32x32.png
index fc00937..7535f5b 100644
Binary files a/src-tauri/icons/32x32.png and b/src-tauri/icons/32x32.png differ
diff --git a/src-tauri/icons/64x64.png b/src-tauri/icons/64x64.png
new file mode 100644
index 0000000..6b09990
Binary files /dev/null and b/src-tauri/icons/64x64.png differ
diff --git a/src-tauri/icons/Square107x107Logo.png b/src-tauri/icons/Square107x107Logo.png
index dcd35d4..4ce876e 100644
Binary files a/src-tauri/icons/Square107x107Logo.png and b/src-tauri/icons/Square107x107Logo.png differ
diff --git a/src-tauri/icons/Square142x142Logo.png b/src-tauri/icons/Square142x142Logo.png
index a06b434..00d33e6 100644
Binary files a/src-tauri/icons/Square142x142Logo.png and b/src-tauri/icons/Square142x142Logo.png differ
diff --git a/src-tauri/icons/Square150x150Logo.png b/src-tauri/icons/Square150x150Logo.png
index c04cb84..e11220b 100644
Binary files a/src-tauri/icons/Square150x150Logo.png and b/src-tauri/icons/Square150x150Logo.png differ
diff --git a/src-tauri/icons/Square284x284Logo.png b/src-tauri/icons/Square284x284Logo.png
index dfec6a2..4c4477e 100644
Binary files a/src-tauri/icons/Square284x284Logo.png and b/src-tauri/icons/Square284x284Logo.png differ
diff --git a/src-tauri/icons/Square30x30Logo.png b/src-tauri/icons/Square30x30Logo.png
index 1415e72..083d98f 100644
Binary files a/src-tauri/icons/Square30x30Logo.png and b/src-tauri/icons/Square30x30Logo.png differ
diff --git a/src-tauri/icons/Square310x310Logo.png b/src-tauri/icons/Square310x310Logo.png
index 5d866ab..ee7b0a8 100644
Binary files a/src-tauri/icons/Square310x310Logo.png and b/src-tauri/icons/Square310x310Logo.png differ
diff --git a/src-tauri/icons/Square44x44Logo.png b/src-tauri/icons/Square44x44Logo.png
index 481b87a..0687c91 100644
Binary files a/src-tauri/icons/Square44x44Logo.png and b/src-tauri/icons/Square44x44Logo.png differ
diff --git a/src-tauri/icons/Square71x71Logo.png b/src-tauri/icons/Square71x71Logo.png
index 587fd6e..fc09c5c 100644
Binary files a/src-tauri/icons/Square71x71Logo.png and b/src-tauri/icons/Square71x71Logo.png differ
diff --git a/src-tauri/icons/Square89x89Logo.png b/src-tauri/icons/Square89x89Logo.png
index 742f28b..b03606e 100644
Binary files a/src-tauri/icons/Square89x89Logo.png and b/src-tauri/icons/Square89x89Logo.png differ
diff --git a/src-tauri/icons/StoreLogo.png b/src-tauri/icons/StoreLogo.png
index 8323350..3eed9bb 100644
Binary files a/src-tauri/icons/StoreLogo.png and b/src-tauri/icons/StoreLogo.png differ
diff --git a/src-tauri/icons/android/mipmap-anydpi-v26/ic_launcher.xml b/src-tauri/icons/android/mipmap-anydpi-v26/ic_launcher.xml
new file mode 100644
index 0000000..2ffbf24
--- /dev/null
+++ b/src-tauri/icons/android/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+  <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+  <background android:drawable="@color/ic_launcher_background"/>
+</adaptive-icon>
\ No newline at end of file
diff --git a/src-tauri/icons/android/mipmap-hdpi/ic_launcher.png b/src-tauri/icons/android/mipmap-hdpi/ic_launcher.png
new file mode 100644
index 0000000..3ea7f43
Binary files /dev/null and b/src-tauri/icons/android/mipmap-hdpi/ic_launcher.png differ
diff --git a/src-tauri/icons/android/mipmap-hdpi/ic_launcher_foreground.png b/src-tauri/icons/android/mipmap-hdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..30954bd
Binary files /dev/null and b/src-tauri/icons/android/mipmap-hdpi/ic_launcher_foreground.png differ
diff --git a/src-tauri/icons/android/mipmap-hdpi/ic_launcher_round.png b/src-tauri/icons/android/mipmap-hdpi/ic_launcher_round.png
new file mode 100644
index 0000000..d9480f7
Binary files /dev/null and b/src-tauri/icons/android/mipmap-hdpi/ic_launcher_round.png differ
diff --git a/src-tauri/icons/android/mipmap-mdpi/ic_launcher.png b/src-tauri/icons/android/mipmap-mdpi/ic_launcher.png
new file mode 100644
index 0000000..d0f0ed0
Binary files /dev/null and b/src-tauri/icons/android/mipmap-mdpi/ic_launcher.png differ
diff --git a/src-tauri/icons/android/mipmap-mdpi/ic_launcher_foreground.png b/src-tauri/icons/android/mipmap-mdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..9e35572
Binary files /dev/null and b/src-tauri/icons/android/mipmap-mdpi/ic_launcher_foreground.png differ
diff --git a/src-tauri/icons/android/mipmap-mdpi/ic_launcher_round.png b/src-tauri/icons/android/mipmap-mdpi/ic_launcher_round.png
new file mode 100644
index 0000000..4d3f65f
Binary files /dev/null and b/src-tauri/icons/android/mipmap-mdpi/ic_launcher_round.png differ
diff --git a/src-tauri/icons/android/mipmap-xhdpi/ic_launcher.png b/src-tauri/icons/android/mipmap-xhdpi/ic_launcher.png
new file mode 100644
index 0000000..932f770
Binary files /dev/null and b/src-tauri/icons/android/mipmap-xhdpi/ic_launcher.png differ
diff --git a/src-tauri/icons/android/mipmap-xhdpi/ic_launcher_foreground.png b/src-tauri/icons/android/mipmap-xhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..78e59bd
Binary files /dev/null and b/src-tauri/icons/android/mipmap-xhdpi/ic_launcher_foreground.png differ
diff --git a/src-tauri/icons/android/mipmap-xhdpi/ic_launcher_round.png b/src-tauri/icons/android/mipmap-xhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..ef55e83
Binary files /dev/null and b/src-tauri/icons/android/mipmap-xhdpi/ic_launcher_round.png differ
diff --git a/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher.png b/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher.png
new file mode 100644
index 0000000..d5a1cf3
Binary files /dev/null and b/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher_foreground.png b/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..827e095
Binary files /dev/null and b/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher_foreground.png differ
diff --git a/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher_round.png b/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..25ec170
Binary files /dev/null and b/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher_round.png differ
diff --git a/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher.png b/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher.png
new file mode 100644
index 0000000..17f657b
Binary files /dev/null and b/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_foreground.png b/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..4191bc0
Binary files /dev/null and b/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_foreground.png differ
diff --git a/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_round.png b/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..7c47675
Binary files /dev/null and b/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_round.png differ
diff --git a/src-tauri/icons/android/values/ic_launcher_background.xml b/src-tauri/icons/android/values/ic_launcher_background.xml
new file mode 100644
index 0000000..ea9c223
--- /dev/null
+++ b/src-tauri/icons/android/values/ic_launcher_background.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <color name="ic_launcher_background">#fff</color>
+</resources>
\ No newline at end of file
diff --git a/src-tauri/icons/icon-new.png b/src-tauri/icons/icon-new.png
deleted file mode 100644
index e7b4c3d..0000000
Binary files a/src-tauri/icons/icon-new.png and /dev/null differ
diff --git a/src-tauri/icons/icon.icns b/src-tauri/icons/icon.icns
index 6a3dcfc..7b08abc 100644
Binary files a/src-tauri/icons/icon.icns and b/src-tauri/icons/icon.icns differ
diff --git a/src-tauri/icons/icon.ico b/src-tauri/icons/icon.ico
index 9fd6bc2..ac8512f 100644
Binary files a/src-tauri/icons/icon.ico and b/src-tauri/icons/icon.ico differ
diff --git a/src-tauri/icons/icon.png b/src-tauri/icons/icon.png
index 6a3dcfc..e9c27b8 100644
Binary files a/src-tauri/icons/icon.png and b/src-tauri/icons/icon.png differ
diff --git a/src-tauri/icons/ios/AppIcon-20x20@1x.png b/src-tauri/icons/ios/AppIcon-20x20@1x.png
new file mode 100644
index 0000000..ae713fb
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-20x20@1x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-20x20@2x-1.png b/src-tauri/icons/ios/AppIcon-20x20@2x-1.png
new file mode 100644
index 0000000..77bad93
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-20x20@2x-1.png differ
diff --git a/src-tauri/icons/ios/AppIcon-20x20@2x.png b/src-tauri/icons/ios/AppIcon-20x20@2x.png
new file mode 100644
index 0000000..77bad93
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-20x20@2x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-20x20@3x.png b/src-tauri/icons/ios/AppIcon-20x20@3x.png
new file mode 100644
index 0000000..4b58b86
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-20x20@3x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-29x29@1x.png b/src-tauri/icons/ios/AppIcon-29x29@1x.png
new file mode 100644
index 0000000..c00f3c7
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-29x29@1x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-29x29@2x-1.png b/src-tauri/icons/ios/AppIcon-29x29@2x-1.png
new file mode 100644
index 0000000..27f28eb
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-29x29@2x-1.png differ
diff --git a/src-tauri/icons/ios/AppIcon-29x29@2x.png b/src-tauri/icons/ios/AppIcon-29x29@2x.png
new file mode 100644
index 0000000..27f28eb
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-29x29@2x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-29x29@3x.png b/src-tauri/icons/ios/AppIcon-29x29@3x.png
new file mode 100644
index 0000000..1aaf248
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-29x29@3x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-40x40@1x.png b/src-tauri/icons/ios/AppIcon-40x40@1x.png
new file mode 100644
index 0000000..77bad93
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-40x40@1x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-40x40@2x-1.png b/src-tauri/icons/ios/AppIcon-40x40@2x-1.png
new file mode 100644
index 0000000..79610e9
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-40x40@2x-1.png differ
diff --git a/src-tauri/icons/ios/AppIcon-40x40@2x.png b/src-tauri/icons/ios/AppIcon-40x40@2x.png
new file mode 100644
index 0000000..79610e9
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-40x40@2x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-40x40@3x.png b/src-tauri/icons/ios/AppIcon-40x40@3x.png
new file mode 100644
index 0000000..d2ecc34
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-40x40@3x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-512@2x.png b/src-tauri/icons/ios/AppIcon-512@2x.png
new file mode 100644
index 0000000..9b1045d
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-512@2x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-60x60@2x.png b/src-tauri/icons/ios/AppIcon-60x60@2x.png
new file mode 100644
index 0000000..d2ecc34
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-60x60@2x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-60x60@3x.png b/src-tauri/icons/ios/AppIcon-60x60@3x.png
new file mode 100644
index 0000000..df848c5
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-60x60@3x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-76x76@1x.png b/src-tauri/icons/ios/AppIcon-76x76@1x.png
new file mode 100644
index 0000000..5f02d75
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-76x76@1x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-76x76@2x.png b/src-tauri/icons/ios/AppIcon-76x76@2x.png
new file mode 100644
index 0000000..15cd753
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-76x76@2x.png differ
diff --git a/src-tauri/icons/ios/AppIcon-83.5x83.5@2x.png b/src-tauri/icons/ios/AppIcon-83.5x83.5@2x.png
new file mode 100644
index 0000000..c1efd2b
Binary files /dev/null and b/src-tauri/icons/ios/AppIcon-83.5x83.5@2x.png differ
diff --git a/src/components/layout/Sidebar.vue b/src/components/layout/Sidebar.vue
index ea79ce1..1fd0b8a 100644
--- a/src/components/layout/Sidebar.vue
+++ b/src/components/layout/Sidebar.vue
@@ -21,34 +21,32 @@ const displayModules = computed(() => {
 
 <template>
   <aside
-    class="w-17 flex flex-col items-center py-4 border-r border-border transition-all duration-300"
+    class="w-17 shrink-0 flex flex-col items-center py-4 border-r border-border transition-[background-color,border-color] duration-300"
     :style="{ backgroundColor: 'var(--effect-bg)', backdropFilter: 'var(--effect-blur)' }"
   >
     <div class="flex flex-col gap-1">
-      <TransitionGroup name="module-flip">
-        <div v-for="module in displayModules" :key="module.id">
-          <Tooltip>
-            <TooltipTrigger as-child>
-              <Button
-                :variant="activeModule === module.id ? 'default' : 'ghost'"
-                size="icon"
-                class="h-10 w-10 rounded-lg transition-all duration-300"
-                :class="{
-                  'bg-primary text-primary-foreground shadow-md': activeModule === module.id,
-                  'hover:bg-secondary/50': activeModule !== module.id
-                }"
-                :title="module.name"
-                @click="emit('change', module.id)"
-              >
-                <component :is="getModuleIcon(module.icon)" class="h-5 w-5" />
-              </Button>
-            </TooltipTrigger>
-            <TooltipContent side="right" class="w-fit">
-              <p>{{ module.name }}</p>
-            </TooltipContent>
-          </Tooltip>
-        </div>
-      </TransitionGroup>
+      <div v-for="module in displayModules" :key="module.id">
+        <Tooltip>
+          <TooltipTrigger as-child>
+            <Button
+              :variant="activeModule === module.id ? 'default' : 'ghost'"
+              size="icon"
+              class="h-10 w-10 rounded-lg transition-[background-color,color,box-shadow] duration-300"
+              :class="{
+                'bg-primary text-primary-foreground shadow-md': activeModule === module.id,
+                'hover:bg-secondary/50': activeModule !== module.id
+              }"
+              :title="module.name"
+              @click="emit('change', module.id)"
+            >
+              <component :is="getModuleIcon(module.icon)" class="h-5 w-5" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent side="right" class="w-fit">
+            <p>{{ module.name }}</p>
+          </TooltipContent>
+        </Tooltip>
+      </div>
     </div>
 
     <div class="flex-1"></div>
@@ -58,7 +56,7 @@ const displayModules = computed(() => {
         <Button
           :variant="activeModule === 'settings' ? 'default' : 'ghost'"
           size="icon"
-          class="h-10 w-10 rounded-lg transition-all duration-300"
+          class="h-10 w-10 rounded-lg transition-[background-color,color,box-shadow] duration-300"
           :class="{
             'bg-primary text-primary-foreground shadow-md': activeModule === 'settings',
             'hover:bg-secondary/50': activeModule !== 'settings'
@@ -75,9 +73,3 @@ const displayModules = computed(() => {
     </Tooltip>
   </aside>
 </template>
-
-<style scoped>
-.module-flip-move {
-  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-}
-</style>
diff --git a/src/modules/general/GeneralSettings.vue b/src/modules/general/GeneralSettings.vue
index 2c4baa8..79dd806 100644
--- a/src/modules/general/GeneralSettings.vue
+++ b/src/modules/general/GeneralSettings.vue
@@ -9,22 +9,18 @@ import { useSearchStore } from '@/stores/searchStore'
 import { useProcessStore } from '@/stores/processStore'
 import { getModuleIcon } from '@/modules/icons'
 import { invoke } from '@tauri-apps/api/core'
-import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { VueDraggable } from 'vue-draggable-plus'
 
 const appStore = useAppStore()
 const searchStore = useSearchStore()
 const processStore = useProcessStore()
 
-// 始终反映系统真实的深浅色偏好，用于"跟随系统"卡片色块
-const systemDark = ref(window.matchMedia('(prefers-color-scheme: dark)').matches)
-const systemMediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
-const handleSystemMediaChange = (e: MediaQueryListEvent) => {
-  systemDark.value = e.matches
-}
+// 系统真实深浅色偏好，来自 appStore（应用启动时初始化，仅通过 onThemeChanged 更新，
+// 不受 setTheme 污染），用于"跟随系统"卡片色块。
+const systemDark = computed(() => appStore.systemDark)
 
 onMounted(() => {
-  systemMediaQuery.addEventListener('change', handleSystemMediaChange)
   searchStore.registerAction('settings', 0, () => appStore.setTheme('light'))
   searchStore.registerAction('settings', 1, () => appStore.setTheme('dark'))
   searchStore.registerAction('settings', 2, () => appStore.setTheme('system'))
@@ -34,10 +30,6 @@ onMounted(() => {
   searchStore.registerAction('settings', 6, () => appStore.toggleAutoStart())
 })
 
-onUnmounted(() => {
-  systemMediaQuery.removeEventListener('change', handleSystemMediaChange)
-})
-
 const themes: Array<{ id: Theme; name: string; color: string; icon: typeof Sun }> = [
   { id: 'light', name: '浅色模式', color: '#f8fafc', icon: Sun },
   { id: 'dark', name: '深色模式', color: '#1e293b', icon: Moon },
diff --git a/src/stores/appStore.ts b/src/stores/appStore.ts
index b15da94..be818f5 100644
--- a/src/stores/appStore.ts
+++ b/src/stores/appStore.ts
@@ -60,6 +60,14 @@ export const useAppStore = defineStore('app', () => {
   const modules = ref<ModuleInfo[]>(initModulesFromRegistry())
   const moduleOrder = ref<string[]>(initModuleOrder())
 
+  /**
+   * 系统真实的深浅色偏好（不受应用 setTheme 影响）。
+   * 应用启动时用 matchMedia 初始化（此时未调用 setTheme，结果准确），
+   * 之后仅通过 Tauri onThemeChanged 事件更新（该事件反映系统主题变化，不受 setTheme 影响）。
+   * 用于"跟随系统"卡片色块等需要反映系统真实状态的 UI。
+   */
+  const systemDark = ref(window.matchMedia('(prefers-color-scheme: dark)').matches)
+
   /** 正在处理切换的模块 ID 集合（防止重复点击） */
   const togglingModules = ref<Set<string>>(new Set())
 
@@ -322,7 +330,14 @@ export const useAppStore = defineStore('app', () => {
       isDark = true
       root.classList.add('dark')
     } else if (theme.value === 'system') {
-      isDark = window.matchMedia('(prefers-color-scheme: dark)').matches
+      // 通过 Tauri 获取系统真实主题，避免 matchMedia 被 setTheme 污染
+      try {
+        const tauriWindow = getCurrentWindow()
+        const sysTheme = await tauriWindow.theme()
+        isDark = sysTheme === 'dark'
+      } catch {
+        isDark = window.matchMedia('(prefers-color-scheme: dark)').matches
+      }
       if (isDark) {
         root.classList.add('dark')
       }
@@ -330,7 +345,13 @@ export const useAppStore = defineStore('app', () => {
 
     try {
       const tauriWindow = getCurrentWindow()
-      await tauriWindow.setTheme(isDark ? 'dark' : 'light')
+      if (theme.value === 'system') {
+        // 让窗口原生跟随系统主题，而不是固定成当前匹配值
+        // 固定主题会导致系统切换深浅色时窗口标题栏等原生 UI 不同步
+        await tauriWindow.setTheme(null)
+      } else {
+        await tauriWindow.setTheme(isDark ? 'dark' : 'light')
+      }
     } catch (e) {
       // 非 Tauri 环境下忽略
     }
@@ -372,22 +393,26 @@ export const useAppStore = defineStore('app', () => {
     }
   }
 
-  const handleSystemThemeChange = async (e: MediaQueryListEvent) => {
+  // 系统主题变化时，若当前为"跟随系统"模式，同步更新 DOM 和窗口效果。
+  // 使用 Tauri 的 onThemeChanged 事件（而非 matchMedia），因为 setTheme('dark'/'light')
+  // 会改变 WebView 的 prefers-color-scheme 媒体查询结果，导致 matchMedia 误触发。
+  //
+  // 注意：onThemeChanged 也会被 setTheme('dark'/'light') 触发（非系统真实变化）。
+  // 因此 systemDark 只在 theme.value === 'system' 时更新：
+  // - system 模式下 setTheme(null) 不固定主题，onThemeChanged 反映系统真实色
+  // - light/dark 模式下 setTheme 引起的 onThemeChanged 被忽略，systemDark 保持不变
+  // - 用户切回 system 模式时，setTheme(null) 会触发 onThemeChanged 反映系统真实色，自动修正
+  const handleSystemThemeChange = async (newTheme: 'light' | 'dark' | null) => {
     if (theme.value === 'system') {
+      systemDark.value = newTheme === 'dark'
+
       const root = document.documentElement
-      if (e.matches) {
+      if (newTheme === 'dark') {
         root.classList.add('dark')
       } else {
         root.classList.remove('dark')
       }
-
-      try {
-        const tauriWindow = getCurrentWindow()
-        await tauriWindow.setTheme(e.matches ? 'dark' : 'light')
-      } catch (e) {
-        // 非 Tauri 环境下忽略
-      }
-
+      // 窗口已通过 setTheme(null) 原生跟随系统，无需再手动 setTheme
       await applyEffect()
     }
   }
@@ -419,8 +444,21 @@ export const useAppStore = defineStore('app', () => {
 
       await applyTheme()
 
-      const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
-      mediaQuery.addEventListener('change', handleSystemThemeChange)
+      // 使用 Tauri 的 onThemeChanged 监听系统主题变化，而非 matchMedia。
+      // 因为 setTheme('dark'/'light') 会改变 WebView 的 prefers-color-scheme 媒体查询，
+      // 导致 matchMedia 在非 system 模式下也误触发（虽有 theme.value 守卫，但更可靠）。
+      try {
+        const tauriWindow = getCurrentWindow()
+        await tauriWindow.onThemeChanged(({ payload }) => {
+          handleSystemThemeChange(payload)
+        })
+      } catch {
+        // 非 Tauri 环境回退到 matchMedia
+        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
+        mediaQuery.addEventListener('change', (e) => {
+          handleSystemThemeChange(e.matches ? 'dark' : 'light')
+        })
+      }
 
       isInitialized.value = true
     } finally {
@@ -436,6 +474,7 @@ export const useAppStore = defineStore('app', () => {
   return {
     theme,
     effect,
+    systemDark,
     isAutoStart,
     isInitialized,
     modules,