From 318bb91a8f9cb601bdf35f912f5808f9b106bf2d Mon Sep 17 00:00:00 2001
From: binbankm <393439956@qq.com>
Date: Mon, 15 Jun 2026 12:42:26 +0800
Subject: [PATCH 01/11] refactor: standardize design tokens by implementing
 semantic color aliases and utility-based component styling across the UI.

---
 src/app/layouts/AppFooter.vue                 |  12 +-
 src/app/layouts/AppSidebar.vue                |  32 +-
 src/assets/styles/main.css                    | 328 ++++++------------
 src/common/ui/BaseModal.vue                   |   6 +-
 src/common/ui/BatchActionToolbar.vue          |  30 +-
 src/common/ui/ConfirmModal.vue                |  12 +-
 src/common/ui/EmptyState.vue                  |   4 +-
 src/common/ui/MoreMenu.vue                    |   8 +-
 src/common/ui/Pagination.vue                  |   4 +-
 src/common/ui/Toast.vue                       |  24 +-
 src/views/DashboardView.vue                   |  64 ++--
 src/views/LoginView.vue                       |  24 +-
 src/views/NodesView.vue                       |   6 +-
 src/views/ProfilesView.vue                    |   8 +-
 src/views/SubscriptionsView.vue               |   8 +-
 .../dashboard/NodeDistributionChart.vue       |  21 +-
 src/widgets/node/ManualNodeCard.vue           |  18 +-
 src/widgets/node/NodeDetailsModal.vue         |  40 +--
 src/widgets/node/NodeModal.vue                |  14 +-
 src/widgets/node/SubscriptionImportModal.vue  |  22 +-
 src/widgets/profile/ProfileCard.vue           |  20 +-
 src/widgets/profile/ProfileModal.vue          |  38 +-
 .../profile/SubscriptionExportModal.vue       |  20 +-
 src/widgets/settings/BackupView.vue           | 102 +++---
 src/widgets/settings/HelpModal.vue            |  50 +--
 src/widgets/settings/SettingsModal.vue        |  62 ++--
 .../settings/StorageBackendSwitcher.vue       |  44 +--
 .../subscription/NodeFilterRuleEditor.vue     |  72 ++--
 src/widgets/subscription/SubscriptionCard.vue |  56 +--
 .../subscription/SubscriptionModal.vue        |  22 +-
 30 files changed, 521 insertions(+), 650 deletions(-)

diff --git a/src/app/layouts/AppFooter.vue b/src/app/layouts/AppFooter.vue
index 9983c925..f4328109 100644
--- a/src/app/layouts/AppFooter.vue
+++ b/src/app/layouts/AppFooter.vue
@@ -42,15 +42,15 @@ const currentYear = computed(() => new Date().getFullYear());
             <div class="mb-4 flex items-center justify-center space-x-4">
                 <!-- 左侧渐变线 -->
                 <div
-                    class="h-px w-8 bg-linear-to-r from-transparent via-gray-300 to-transparent dark:via-gray-600"
+                    class="h-px w-8 bg-linear-to-r from-transparent via-gray-300 to-transparent dark:via-white/10"
                 ></div>
                 <!-- 中心装饰点 - 渐变色圆点 -->
                 <div
-                    class="h-2 w-2 rounded-full bg-linear-to-r from-indigo-500 to-purple-600"
+                    class="h-2 w-2 rounded-full bg-linear-to-r from-primary-500 to-secondary-600"
                 ></div>
                 <!-- 右侧渐变线 -->
                 <div
-                    class="h-px w-8 bg-linear-to-r from-transparent via-gray-300 to-transparent dark:via-gray-600"
+                    class="h-px w-8 bg-linear-to-r from-transparent via-gray-300 to-transparent dark:via-white/10"
                 ></div>
             </div>
 
@@ -82,14 +82,14 @@ const currentYear = computed(() => new Date().getFullYear());
             >
                 <!-- 安全可靠标签 - 绿色脉冲指示灯 -->
                 <span class="flex items-center space-x-1">
-                    <div class="h-2 w-2 animate-pulse rounded-full bg-green-400"></div>
+                    <div class="h-2 w-2 animate-pulse rounded-full bg-success-400"></div>
                     <span>安全可靠</span>
                 </span>
 
                 <!-- 高效管理标签 - 蓝色脉冲指示灯（延迟0.5s） -->
                 <span class="flex items-center space-x-1">
                     <div
-                        class="h-2 w-2 animate-pulse rounded-full bg-blue-400"
+                        class="h-2 w-2 animate-pulse rounded-full bg-info-400"
                         style="animation-delay: 0.5s"
                     ></div>
                     <span>高效管理</span>
@@ -98,7 +98,7 @@ const currentYear = computed(() => new Date().getFullYear());
                 <!-- 隐私保护标签 - 紫色脉冲指示灯（延迟1s） -->
                 <span class="flex items-center space-x-1">
                     <div
-                        class="h-2 w-2 animate-pulse rounded-full bg-purple-400"
+                        class="h-2 w-2 animate-pulse rounded-full bg-secondary-400"
                         style="animation-delay: 1s"
                     ></div>
                     <span>隐私保护</span>
diff --git a/src/app/layouts/AppSidebar.vue b/src/app/layouts/AppSidebar.vue
index 726d46f7..f46139a2 100644
--- a/src/app/layouts/AppSidebar.vue
+++ b/src/app/layouts/AppSidebar.vue
@@ -102,8 +102,8 @@ const navigationItems = computed<NavigationItem[]>(() => [
         id: 'dashboard',
         label: '仪表盘',
         icon: 'dashboard',
-        gradient: 'from-orange-500 to-amber-600',
-        shadow: 'shadow-orange-500/30',
+        gradient: 'from-warning-500 to-warning-600',
+        shadow: 'shadow-warning-500/30',
         description: '概览状态'
     },
     {
@@ -111,8 +111,8 @@ const navigationItems = computed<NavigationItem[]>(() => [
         label: '订阅管理',
         icon: 'subscription',
         count: props.subscriptionsCount,
-        gradient: 'from-indigo-500 to-purple-600',
-        shadow: 'shadow-indigo-500/30',
+        gradient: 'from-primary-500 to-secondary-600',
+        shadow: 'shadow-primary-500/30',
         description: '管理订阅源'
     },
     {
@@ -120,8 +120,8 @@ const navigationItems = computed<NavigationItem[]>(() => [
         label: '订阅组',
         icon: 'profile',
         count: props.profilesCount,
-        gradient: 'from-purple-500 to-pink-600',
-        shadow: 'shadow-purple-500/30',
+        gradient: 'from-secondary-500 to-pink-600',
+        shadow: 'shadow-secondary-500/30',
         description: '组织订阅'
     },
 
@@ -130,8 +130,8 @@ const navigationItems = computed<NavigationItem[]>(() => [
         label: '手动节点',
         icon: 'node',
         count: props.manualNodesCount,
-        gradient: 'from-green-500 to-emerald-600',
-        shadow: 'shadow-green-500/30',
+        gradient: 'from-success-500 to-success-600',
+        shadow: 'shadow-success-500/30',
         description: '管理节点'
     }
 ]);
@@ -144,8 +144,8 @@ const utilityItems = computed(() => [
         id: 'help',
         label: '帮助文档',
         icon: 'help',
-        gradient: 'from-amber-500 to-orange-600',
-        shadow: 'shadow-amber-500/30',
+        gradient: 'from-warning-500 to-warning-600',
+        shadow: 'shadow-warning-500/30',
         description: '查看文档'
     },
     {
@@ -253,7 +253,7 @@ onUnmounted(() => {
 
     <!-- ==================== 移动端汉堡菜单按钮 ==================== -->
     <button
-        class="fixed top-4 left-4 z-50 flex h-12 w-12 cursor-pointer items-center justify-center rounded-xl border border-gray-300 bg-white/95 text-gray-800 shadow-lg backdrop-blur-md transition-all duration-300 hover:scale-105 hover:bg-white hover:shadow-xl lg:hidden dark:border-gray-700 dark:bg-gray-900/95 dark:text-gray-200 dark:hover:bg-gray-900"
+        class="fixed top-4 left-4 z-50 flex h-12 w-12 cursor-pointer items-center justify-center rounded-element border border-gray-300 bg-white/95 text-gray-800 shadow-elevated backdrop-blur-md transition-all duration-300 hover:scale-105 hover:bg-white hover:shadow-card lg:hidden dark:border-white/10 dark:bg-black/80 dark:text-gray-200 dark:hover:bg-black/90"
         :aria-label="isMobileMenuOpen ? '关闭菜单' : '打开菜单'"
         @click="toggleMobileMenu"
     >
@@ -295,7 +295,7 @@ onUnmounted(() => {
             <div class="mb-4 flex items-center gap-4">
                 <!-- Logo 图标 -->
                 <div
-                    class="from-primary-500 to-secondary-500 shadow-primary-500/40 flex h-12 w-12 shrink-0 animate-pulse items-center justify-center rounded-2xl bg-linear-to-br shadow-lg"
+                    class="from-primary-500 to-secondary-500 shadow-primary-500/40 flex h-12 w-12 shrink-0 animate-pulse items-center justify-center rounded-button bg-linear-to-br shadow-elevated"
                 >
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
@@ -400,7 +400,7 @@ onUnmounted(() => {
                     >
                         <!-- 图标 -->
                         <div
-                            class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-white shadow-md transition-all duration-300"
+                            class="flex h-10 w-10 shrink-0 items-center justify-center rounded-element text-white shadow-elevated-sm transition-all duration-300"
                             :class="[
                                 `bg-linear-to-br ${item.gradient}`,
                                 modelValue === item.id ? 'bg-white/20 shadow-inner' : ''
@@ -537,7 +537,7 @@ onUnmounted(() => {
                     >
                         <!-- 图标 -->
                         <div
-                            class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-white shadow-md transition-all duration-300"
+                            class="flex h-10 w-10 shrink-0 items-center justify-center rounded-element text-white shadow-elevated-sm transition-all duration-300"
                             :class="`bg-linear-to-br ${item.gradient}`"
                         >
                             <!-- Help 图标 -->
@@ -612,7 +612,7 @@ onUnmounted(() => {
         >
             <!-- 折叠按钮 -->
             <button
-                class="flex flex-1 cursor-pointer items-center justify-center gap-2 rounded-xl border-none bg-indigo-500/10 px-3 py-3 text-sm font-semibold text-indigo-600 transition-all duration-300 hover:-translate-y-0.5 hover:bg-indigo-500/20 dark:bg-indigo-500/15 dark:text-indigo-400"
+                class="flex flex-1 cursor-pointer items-center justify-center gap-2 rounded-element border-none bg-primary-500/10 px-3 py-3 text-sm font-semibold text-primary-600 transition-all duration-300 hover:-translate-y-0.5 hover:bg-primary-500/20 dark:bg-primary-500/15 dark:text-primary-400"
                 :title="isCollapsed ? '展开侧边栏' : '收起侧边栏'"
                 @click="toggleCollapse"
             >
@@ -636,7 +636,7 @@ onUnmounted(() => {
 
             <!-- 登出按钮 -->
             <button
-                class="flex flex-1 cursor-pointer items-center justify-center gap-2 rounded-xl border-none bg-red-500/10 px-3 py-3 text-sm font-semibold text-red-600 transition-all duration-300 hover:-translate-y-0.5 hover:bg-red-500/20 dark:bg-red-500/15 dark:text-red-400"
+                class="flex flex-1 cursor-pointer items-center justify-center gap-2 rounded-element border-none bg-danger-500/10 px-3 py-3 text-sm font-semibold text-danger-600 transition-all duration-300 hover:-translate-y-0.5 hover:bg-danger-500/20 dark:bg-danger-500/15 dark:text-danger-400"
                 :title="isCollapsed ? '退出登录' : ''"
                 @click="handleLogout"
             >
diff --git a/src/assets/styles/main.css b/src/assets/styles/main.css
index 00aa16c0..b20f6fb4 100644
--- a/src/assets/styles/main.css
+++ b/src/assets/styles/main.css
@@ -8,6 +8,7 @@
  */
 
 @import 'tailwindcss';
+@custom-variant dark (&:is(.dark *));
 
 @theme {
     --color-primary-50: hsl(243, 100%, 97%);
@@ -32,20 +33,62 @@
     --color-secondary-800: hsl(280, 54%, 30%);
     --color-secondary-900: hsl(280, 48%, 24%);
 
-    --color-accent-cyan: hsl(189, 94%, 43%);
-    --color-accent-pink: hsl(328, 85%, 70%);
-    --color-accent-orange: hsl(25, 95%, 53%);
-    --color-accent-green: hsl(142, 71%, 45%);
+    --color-success-50: hsl(152, 69%, 95%);
+    --color-success-100: hsl(152, 64%, 90%);
+    --color-success-200: hsl(154, 60%, 80%);
+    --color-success-300: hsl(156, 52%, 67%);
+    --color-success-400: hsl(158, 48%, 55%);
+    --color-success-500: hsl(160, 48%, 48%);
+    --color-success-600: hsl(162, 52%, 40%);
+    --color-success-700: hsl(164, 56%, 32%);
+    --color-success-800: hsl(166, 60%, 26%);
+    --color-success-900: hsl(168, 64%, 22%);
+
+    --color-info-50: hsl(221, 100%, 97%);
+    --color-info-100: hsl(224, 94%, 94%);
+    --color-info-200: hsl(224, 88%, 87%);
+    --color-info-300: hsl(223, 82%, 78%);
+    --color-info-400: hsl(221, 73%, 66%);
+    --color-info-500: hsl(221, 83%, 53%);
+    --color-info-600: hsl(224, 74%, 45%);
+    --color-info-700: hsl(226, 68%, 37%);
+    --color-info-800: hsl(228, 64%, 31%);
+    --color-info-900: hsl(230, 55%, 24%);
+
+    --color-warning-50: hsl(48, 96%, 95%);
+    --color-warning-100: hsl(48, 93%, 90%);
+    --color-warning-200: hsl(48, 87%, 80%);
+    --color-warning-300: hsl(46, 80%, 67%);
+    --color-warning-400: hsl(43, 74%, 56%);
+    --color-warning-500: hsl(38, 92%, 50%);
+    --color-warning-600: hsl(32, 95%, 44%);
+    --color-warning-700: hsl(26, 90%, 37%);
+    --color-warning-800: hsl(23, 83%, 31%);
+    --color-warning-900: hsl(22, 78%, 26%);
+
+    --color-danger-50: hsl(0, 100%, 97%);
+    --color-danger-100: hsl(0, 96%, 93%);
+    --color-danger-200: hsl(0, 93%, 87%);
+    --color-danger-300: hsl(0, 89%, 78%);
+    --color-danger-400: hsl(0, 84%, 68%);
+    --color-danger-500: hsl(0, 84%, 60%);
+    --color-danger-600: hsl(0, 72%, 51%);
+    --color-danger-700: hsl(0, 65%, 42%);
+    --color-danger-800: hsl(0, 59%, 34%);
+    --color-danger-900: hsl(0, 52%, 28%);
 
     --spacing-18: 4.5rem;
     --spacing-88: 22rem;
 
-    --radius-4xl: 2rem;
+    --radius-card: 2rem;
+    --radius-button: 1rem;
+    --radius-element: 0.75rem;
 
-    --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.1);
-    --shadow-glass-dark: 0 8px 32px rgba(0, 0, 0, 0.3);
     --shadow-glow-primary: 0 0 30px rgba(99, 102, 241, 0.4);
-    --shadow-glow-secondary: 0 0 30px rgba(168, 85, 247, 0.4);
+    --shadow-card: 0 20px 25px rgba(0, 0, 0, 0.1);
+    --shadow-modal: 0 25px 50px rgba(0, 0, 0, 0.25);
+    --shadow-elevated: 0 10px 15px rgba(0, 0, 0, 0.1);
+    --shadow-elevated-sm: 0 4px 6px rgba(0, 0, 0, 0.07);
 
     --font-sans:
         'Nunito', 'Quicksand', 'PingFang SC', 'Microsoft YaHei', 'Inter', -apple-system,
@@ -56,7 +99,6 @@
     --animate-fade-in-up: fadeInUp 0.3s ease-out;
     --animate-fade-in-down: fadeInDown 0.3s ease-out;
     --animate-scale-in: scaleIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-    --animate-slide-up: slideUp 0.3s ease-out;
     --animate-shimmer: shimmer 2s infinite;
     --animate-pulse-slow: pulse-slow 3s ease-in-out infinite;
 
@@ -98,14 +140,6 @@
             transform: scale(1);
         }
     }
-    @keyframes slideUp {
-        0% {
-            transform: translateY(100%);
-        }
-        100% {
-            transform: translateY(0);
-        }
-    }
     @keyframes shimmer {
         0% {
             background-position: -1000px 0;
@@ -201,32 +235,32 @@
     /* ===== 按钮组件 ===== */
 
     .btn-modern {
-        @apply rounded-xl px-4 py-2 font-semibold transition-all duration-300;
-        @apply bg-linear-to-r from-indigo-500 to-purple-600 text-white;
-        @apply hover:-translate-y-0.5 hover:from-indigo-600 hover:to-purple-700 hover:shadow-lg;
+        @apply rounded-element px-4 py-2 font-semibold transition-all duration-300;
+        @apply bg-linear-to-r from-primary-500 to-secondary-600 text-white;
+        @apply hover:-translate-y-0.5 hover:from-primary-600 hover:to-secondary-700 hover:shadow-elevated;
         @apply active:translate-y-0 active:scale-95;
         @apply disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:translate-y-0 disabled:hover:scale-100;
     }
 
     .btn-modern-enhanced {
-        @apply rounded-xl font-semibold shadow-md transition-all duration-300;
+        @apply rounded-element font-semibold shadow-elevated-sm transition-all duration-300;
         @apply flex items-center justify-center;
         @apply active:scale-95;
     }
 
     .btn-add {
-        @apply bg-linear-to-r from-blue-500 to-indigo-600 text-white;
-        @apply hover:-translate-y-0.5 hover:from-blue-600 hover:to-indigo-700 hover:shadow-lg;
+        @apply bg-linear-to-r from-primary-500 to-secondary-600 text-white;
+        @apply hover:-translate-y-0.5 hover:from-primary-600 hover:to-secondary-700 hover:shadow-elevated;
     }
 
     .btn-update {
-        @apply bg-linear-to-r from-emerald-500 to-teal-600 text-white;
-        @apply hover:-translate-y-0.5 hover:from-emerald-600 hover:to-teal-700 hover:shadow-lg;
+        @apply bg-linear-to-r from-primary-500 to-primary-700 text-white;
+        @apply hover:-translate-y-0.5 hover:from-primary-600 hover:to-primary-800 hover:shadow-elevated;
     }
 
     .btn-sort {
-        @apply bg-linear-to-r from-purple-500 to-pink-600 text-white;
-        @apply hover:-translate-y-0.5 hover:from-purple-600 hover:to-pink-700 hover:shadow-lg;
+        @apply bg-linear-to-r from-secondary-500 to-primary-600 text-white;
+        @apply hover:-translate-y-0.5 hover:from-secondary-600 hover:to-primary-700 hover:shadow-elevated;
     }
 
     .btn-sort.sorting {
@@ -234,36 +268,36 @@
     }
 
     .btn-import {
-        @apply bg-linear-to-r from-orange-500 to-amber-600 text-white;
-        @apply hover:-translate-y-0.5 hover:from-orange-600 hover:to-amber-700 hover:shadow-lg;
+        @apply bg-linear-to-r from-secondary-500 to-primary-500 text-white;
+        @apply hover:-translate-y-0.5 hover:from-secondary-600 hover:to-primary-600 hover:shadow-elevated;
     }
 
     .btn-primary {
-        @apply bg-linear-to-r from-indigo-500 to-purple-600 text-white;
-        @apply hover:-translate-y-0.5 hover:from-indigo-600 hover:to-purple-700 hover:shadow-lg;
+        @apply bg-linear-to-r from-primary-500 to-secondary-600 text-white;
+        @apply hover:-translate-y-0.5 hover:from-primary-600 hover:to-secondary-700 hover:shadow-elevated;
     }
 
     .btn-secondary {
-        @apply bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-200;
-        @apply hover:bg-gray-200 hover:shadow-md dark:hover:bg-gray-600;
+        @apply bg-gray-100 text-gray-700 dark:bg-white/10 dark:text-gray-200;
+        @apply hover:bg-gray-200 hover:shadow-elevated-sm dark:hover:bg-white/20;
     }
 
     .btn-danger {
-        @apply bg-linear-to-r from-red-500 to-pink-600 text-white;
-        @apply hover:-translate-y-0.5 hover:from-red-600 hover:to-pink-700 hover:shadow-lg;
+        @apply bg-linear-to-r from-danger-500 to-danger-600 text-white;
+        @apply hover:-translate-y-0.5 hover:from-danger-600 hover:to-danger-700 hover:shadow-elevated;
     }
 
     .btn-cancel {
-        @apply bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-200;
-        @apply hover:bg-gray-200 hover:shadow-md dark:hover:bg-gray-600;
+        @apply bg-gray-100 text-gray-700 dark:bg-white/10 dark:text-gray-200;
+        @apply hover:bg-gray-200 hover:shadow-elevated-sm dark:hover:bg-white/20;
     }
 
     /* ===== 表单组件 ===== */
 
     .form-input {
-        @apply w-full rounded-xl px-4 py-3;
-        @apply bg-white/90 dark:bg-gray-800/90;
-        @apply border-2 border-gray-300 dark:border-gray-700;
+        @apply w-full rounded-element px-4 py-3;
+        @apply bg-white/90 dark:bg-white/5 dark:backdrop-blur-md;
+        @apply border-2 border-gray-300 dark:border-white/10;
         @apply text-gray-900 dark:text-gray-100;
         @apply placeholder-gray-400 dark:placeholder-gray-500;
         @apply focus:border-primary-500 focus:ring-0 focus:outline-none;
@@ -271,9 +305,9 @@
     }
 
     .input-modern {
-        @apply w-full rounded-xl px-4 py-3;
-        @apply bg-white/90 dark:bg-gray-800/90;
-        @apply border-2 border-gray-300 dark:border-gray-700;
+        @apply w-full rounded-element px-4 py-3;
+        @apply bg-white/90 dark:bg-white/5 dark:backdrop-blur-md;
+        @apply border border-gray-300 dark:border-white/10;
         @apply text-gray-900 dark:text-gray-100;
         @apply placeholder-gray-500 dark:placeholder-gray-400;
         @apply focus:border-primary-500 focus:ring-0 focus:outline-none;
@@ -281,65 +315,59 @@
     }
 
     .input-modern-enhanced {
-        @apply w-full rounded-xl px-4 py-3;
-        @apply bg-white/90 dark:bg-gray-800/90;
-        @apply border-2 border-gray-300 dark:border-gray-700;
+        @apply w-full rounded-element px-4 py-3;
+        @apply bg-white/90 dark:bg-white/5 dark:backdrop-blur-md;
+        @apply border border-gray-300 dark:border-white/10;
         @apply text-gray-900 dark:text-gray-100;
         @apply placeholder-gray-500 dark:placeholder-gray-400;
         @apply focus:border-primary-500 focus:ring-0 focus:outline-none;
         @apply transition-all duration-300;
-        @apply shadow-sm hover:shadow-md focus:shadow-none;
+        @apply shadow-elevated-sm hover:shadow-elevated-sm focus:shadow-none;
     }
 
     .search-input-unified {
         @apply w-full py-2.5 pr-4 pl-11;
-        @apply bg-white dark:bg-gray-800;
-        @apply border border-gray-300 dark:border-gray-700;
-        @apply rounded-xl;
+        @apply bg-white dark:bg-white/5 dark:backdrop-blur-md;
+        @apply border border-gray-300 dark:border-white/10;
+        @apply rounded-element;
         @apply text-sm text-gray-900 dark:text-gray-100;
         @apply placeholder-gray-400 dark:placeholder-gray-500;
         @apply focus:border-primary-500 focus:ring-0 focus:outline-none;
         @apply transition-all duration-300;
-        @apply shadow-sm hover:shadow-md focus:shadow-none;
+        @apply shadow-elevated-sm hover:shadow-elevated-sm focus:shadow-none;
     }
 
     /* ===== 卡片组件 ===== */
 
     .card-glass {
-        @apply border border-white/40 bg-white/20 backdrop-blur-xl dark:border-white/10 dark:bg-gray-800/30;
-        @apply shadow-xl hover:bg-white/30 hover:shadow-2xl dark:hover:bg-gray-800/40;
+        @apply border border-gray-200/80 bg-white/20 backdrop-blur-xl dark:border-white/10 dark:bg-white/5;
+        @apply hover:bg-white/30 dark:hover:bg-white/10;
         @apply transition-all duration-300;
     }
 
     /* ===== 加载和图标 ===== */
 
-    .spinner {
-        @apply h-8 w-8 border-4 border-gray-300 dark:border-gray-700;
-        @apply rounded-full border-t-indigo-500;
-        @apply animate-spin;
-    }
-
     .icon-btn {
-        @apply rounded-xl p-2.5 transition-all duration-300;
+        @apply rounded-element p-2.5 transition-all duration-300;
         @apply text-gray-600 dark:text-gray-400;
         @apply hover:bg-white/50 dark:hover:bg-white/10;
         @apply hover:text-gray-900 dark:hover:text-gray-100;
-        @apply hover:-translate-y-0.5 hover:shadow-lg;
+        @apply hover:-translate-y-0.5 hover:shadow-elevated;
         @apply active:translate-y-0 active:scale-95;
     }
 
     /* ===== LoginView 特定样式 ===== */
 
     .form-input-login {
-        @apply w-full rounded-xl px-4 py-3.5 pr-12 text-[0.9375rem] transition-all duration-300 outline-none;
+        @apply w-full rounded-element px-4 py-3.5 pr-12 text-[0.9375rem] transition-all duration-300 outline-none;
         @apply text-gray-900 dark:text-gray-50;
-        @apply bg-gray-50 dark:bg-gray-800;
-        @apply border-2 border-gray-300 dark:border-gray-700;
+        @apply bg-gray-50 dark:bg-white/5 dark:backdrop-blur-md;
+        @apply border-2 border-gray-300 dark:border-white/10;
     }
 
     .form-input-login:focus,
     .form-input-login:focus-visible {
-        @apply border-primary-500 bg-white outline-none dark:bg-gray-800;
+        @apply border-primary-500 bg-white outline-none dark:bg-white/10;
         box-shadow: none !important;
     }
 
@@ -378,7 +406,7 @@
     }
 
     .input-error {
-        border-color: var(--color-red-600) !important;
+        border-color: var(--color-danger-600) !important;
         animation: shake 0.5s ease;
     }
 
@@ -392,7 +420,7 @@
     }
 
     .login-button {
-        @apply relative w-full cursor-pointer overflow-hidden rounded-2xl border-none px-4 py-4 text-base font-bold text-white transition-all duration-300;
+        @apply relative w-full cursor-pointer overflow-hidden rounded-button border-none px-4 py-4 text-base font-bold text-white transition-all duration-300;
         @apply disabled:cursor-not-allowed disabled:opacity-60;
         background: linear-gradient(135deg, hsl(243, 75%, 59%) 0%, hsl(280, 72%, 54%) 100%);
         box-shadow:
@@ -457,7 +485,7 @@
 
     .sidebar-nav-item {
         @apply flex w-full items-center gap-3 text-left;
-        @apply cursor-pointer rounded-2xl border-none bg-transparent;
+        @apply cursor-pointer rounded-button border-none bg-transparent;
         @apply transition-all duration-300;
         @apply relative overflow-hidden;
     }
@@ -477,15 +505,11 @@
     }
 
     .sidebar-nav-item:hover {
-        @apply shadow-md;
+        @apply shadow-elevated-sm;
     }
 
     /* ===== 全局布局 (App Layout) ===== */
 
-    .app-container {
-        @apply relative min-h-screen;
-    }
-
     .main-content {
         @apply ml-70 flex min-h-screen flex-1 flex-col transition-all duration-300 ease-in-out;
     }
@@ -521,38 +545,6 @@
         @apply text-sm font-medium text-gray-500 dark:text-gray-400;
     }
 
-    /* ===== 加载状态 (Loading) ===== */
-
-    .loading-container {
-        @apply flex flex-col items-center gap-6;
-        animation: fadeIn 0.3s ease;
-    }
-
-    .loading-spinner-wrapper {
-        @apply relative h-16 w-16;
-    }
-
-    .loading-spinner-outer,
-    .loading-spinner-inner {
-        @apply absolute inset-0 rounded-full border-[3px] border-transparent;
-        animation: spin 1s linear infinite;
-    }
-
-    .loading-spinner-outer {
-        @apply border-t-indigo-500 border-r-purple-500;
-    }
-
-    .loading-spinner-inner {
-        @apply border-b-cyan-500 border-l-emerald-500;
-        animation-duration: 0.75s;
-        animation-direction: reverse;
-    }
-
-    .loading-text {
-        @apply text-base font-semibold text-indigo-900 dark:text-indigo-300;
-        animation: pulse 2s ease-in-out infinite;
-    }
-
     /* ===== 其他全站样式 ===== */
 
     .dashboard-content {
@@ -564,16 +556,6 @@
         @apply mt-auto pt-8;
     }
 
-    /* ===== 登录页面 (Login Page) ===== */
-
-    .login-page {
-        @apply flex min-h-screen items-center justify-center overflow-hidden p-6;
-    }
-
-    .login-form-container {
-        @apply w-full;
-        animation: fadeInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1);
-    }
 }
 
 /* ==================== Utilities Layer - 工具类 ==================== */
@@ -597,40 +579,6 @@
         @apply bg-clip-text text-transparent;
     }
 
-    /* 玻璃效果 */
-    .glass {
-        @apply bg-white dark:bg-gray-900;
-        backdrop-filter: blur(24px);
-        -webkit-backdrop-filter: blur(24px);
-        @apply border border-white/20 dark:border-white/10;
-    }
-
-    /* 背景模糊工具 */
-    .backdrop-blur-xs {
-        backdrop-filter: blur(4px);
-        -webkit-backdrop-filter: blur(4px);
-    }
-
-    .backdrop-blur-sm {
-        backdrop-filter: blur(8px);
-        -webkit-backdrop-filter: blur(8px);
-    }
-
-    .backdrop-blur-DEFAULT {
-        backdrop-filter: blur(12px);
-        -webkit-backdrop-filter: blur(12px);
-    }
-
-    .backdrop-blur-lg {
-        backdrop-filter: blur(24px);
-        -webkit-backdrop-filter: blur(24px);
-    }
-
-    .backdrop-blur-xl {
-        backdrop-filter: blur(40px);
-        -webkit-backdrop-filter: blur(40px);
-    }
-
     /* 隐藏滚动条 */
     .hide-scrollbar {
         -ms-overflow-style: none;
@@ -641,15 +589,6 @@
         @apply hidden;
     }
 
-    /* 文字阴影 */
-    .text-shadow {
-        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    }
-
-    .text-shadow-lg {
-        text-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-    }
-
     /* 多行截断 */
     .line-clamp-1 {
         overflow: hidden;
@@ -714,59 +653,8 @@
         }
     }
 
-    /* ===== 动画关键帧 (Animations) ===== */
-
-    @keyframes fadeIn {
-        from {
-            opacity: 0;
-        }
-        to {
-            opacity: 1;
-        }
-    }
-
-    @keyframes fadeInDown {
-        from {
-            opacity: 0;
-            transform: translateY(-20px);
-        }
-        to {
-            opacity: 1;
-            transform: translateY(0);
-        }
-    }
-
-    @keyframes fadeInUp {
-        from {
-            opacity: 0;
-            transform: translateY(20px);
-        }
-        to {
-            opacity: 1;
-            transform: translateY(0);
-        }
-    }
-
-    @keyframes pulse {
-        0%,
-        100% {
-            opacity: 1;
-        }
-        50% {
-            opacity: 0.6;
-        }
-    }
-
-    @keyframes spin {
-        to {
-            transform: rotate(360deg);
-        }
-    }
 }
 
-/* ==================== Design System Extensions - 设计系统扩展 ==================== */
-/* 注意：大部分设计 Token 已迁移至 tailwind.config.cjs */
-
 /* ==================== 全局过渡动画 (Vue Transitions) ==================== */
 
 /* 标准淡入淡出 (Opacity) */
@@ -922,10 +810,6 @@ html.dark body {
     @apply transition-colors duration-300;
 }
 
-.no-transition {
-    transition: none !important;
-}
-
 /* ==================== 浏览器原生样式覆盖 ==================== */
 
 /* 暗黑模式下的日期选择器图标 */
@@ -943,21 +827,3 @@ html.dark input[type='datetime-local']::-webkit-calendar-picker-indicator:hover,
 html.dark input[type='time']::-webkit-calendar-picker-indicator:hover {
     opacity: 1;
 }
-
-/* ==================== 全局自定义滚动条 (Additional) ==================== */
-.custom-scrollbar::-webkit-scrollbar {
-    width: 6px;
-}
-
-.custom-scrollbar::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-.custom-scrollbar::-webkit-scrollbar-thumb {
-    background-color: rgba(156, 163, 175, 0.3);
-    border-radius: 20px;
-}
-
-.custom-scrollbar::-webkit-scrollbar-thumb:hover {
-    background-color: rgba(156, 163, 175, 0.5);
-}
diff --git a/src/common/ui/BaseModal.vue b/src/common/ui/BaseModal.vue
index 6d1d8748..34b90d8e 100644
--- a/src/common/ui/BaseModal.vue
+++ b/src/common/ui/BaseModal.vue
@@ -113,7 +113,7 @@ onUnmounted(() => window.removeEventListener('keydown', handleKeydown));
                     <!-- 模态框容器 - 点击阻止冒泡，避免关闭 -->
                     <div
                         v-if="show"
-                        class="flex max-h-[85vh] w-full flex-col rounded-3xl border border-gray-300 bg-white text-left shadow-2xl dark:border-gray-700 dark:bg-gray-900"
+                        class="flex max-h-[85vh] w-full flex-col rounded-card border border-gray-300 bg-white text-left shadow-modal dark:border-white/10 dark:bg-black/60 dark:backdrop-blur-2xl"
                         :class="{
                             'max-w-sm': size === 'sm',
                             'max-w-2xl': size === '2xl',
@@ -143,11 +143,11 @@ onUnmounted(() => window.removeEventListener('keydown', handleKeydown));
 
                         <!-- 按钮区域 -->
                         <div
-                            class="flex shrink-0 justify-end space-x-3 border-t border-gray-300 p-6 pt-4 dark:border-gray-700"
+                            class="flex shrink-0 justify-end space-x-3 border-t border-gray-300 p-6 pt-4 dark:border-white/10"
                         >
                             <!-- 取消按钮 -->
                             <button
-                                class="rounded-xl bg-gray-100 px-6 py-2.5 text-sm font-semibold text-gray-700 transition-all duration-300 hover:bg-gray-200 hover:shadow-md dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600"
+                                class="rounded-element bg-gray-100 px-6 py-2.5 text-sm font-semibold text-gray-700 transition-all duration-300 hover:bg-gray-200 hover:shadow-elevated-sm dark:bg-white/10 dark:text-gray-200 dark:hover:bg-white/20"
                                 @click="emit('update:show', false)"
                             >
                                 取消
diff --git a/src/common/ui/BatchActionToolbar.vue b/src/common/ui/BatchActionToolbar.vue
index 6947eed4..f2a5ebcc 100644
--- a/src/common/ui/BatchActionToolbar.vue
+++ b/src/common/ui/BatchActionToolbar.vue
@@ -5,11 +5,11 @@ const props = withDefaults(
     defineProps<{
         visible: boolean;
         selectedCount: number;
-        accent?: 'indigo' | 'purple' | 'emerald';
+        accent?: 'primary' | 'secondary' | 'emerald';
         deleteLabel?: string;
     }>(),
     {
-        accent: 'indigo',
+        accent: 'primary',
         deleteLabel: '删除选中'
     }
 );
@@ -23,23 +23,23 @@ const emit = defineEmits<{
 }>();
 
 const styleMap = {
-    indigo: {
+    primary: {
         wrapper:
-            'border-indigo-200 from-indigo-50 to-purple-50 dark:border-indigo-800 dark:from-indigo-900/20 dark:to-purple-900/20',
-        text: 'text-indigo-700 dark:text-indigo-300',
-        badge: 'bg-indigo-600'
+            'border-primary-200 from-primary-50 to-secondary-50 dark:border-primary-800 dark:from-primary-900/20 dark:to-secondary-900/20',
+        text: 'text-primary-700 dark:text-primary-300',
+        badge: 'bg-primary-600'
     },
-    purple: {
+    secondary: {
         wrapper:
-            'border-purple-200 from-purple-50 to-pink-50 dark:border-purple-800 dark:from-purple-900/20 dark:to-pink-900/20',
-        text: 'text-purple-700 dark:text-purple-300',
-        badge: 'bg-purple-600'
+            'border-secondary-200 from-secondary-50 to-pink-50 dark:border-secondary-800 dark:from-secondary-900/20 dark:to-pink-900/20',
+        text: 'text-secondary-700 dark:text-secondary-300',
+        badge: 'bg-secondary-600'
     },
     emerald: {
         wrapper:
-            'border-emerald-200 from-emerald-50 to-green-50 dark:border-emerald-800 dark:from-emerald-900/20 dark:to-green-900/20',
-        text: 'text-emerald-700 dark:text-emerald-300',
-        badge: 'bg-emerald-600'
+            'border-success-200 from-success-50 to-success-50 dark:border-success-800 dark:from-success-900/20 dark:to-success-900/20',
+        text: 'text-success-700 dark:text-success-300',
+        badge: 'bg-success-600'
     }
 } as const;
 
@@ -50,7 +50,7 @@ const accentStyles = computed(() => styleMap[props.accent]);
     <Transition name="slide-fade">
         <div
             v-if="visible"
-            class="mb-6 rounded-2xl border-2 bg-linear-to-r p-4 shadow-lg"
+            class="mb-6 rounded-button border-2 bg-linear-to-r p-4 shadow-elevated"
             :class="accentStyles.wrapper"
         >
             <div class="flex flex-col items-center justify-between gap-4 sm:flex-row">
@@ -74,7 +74,7 @@ const accentStyles = computed(() => styleMap[props.accent]);
                     批量删除模式
                     <span
                         v-if="selectedCount > 0"
-                        class="ml-2 rounded-full px-3 py-1 text-xs font-bold text-white shadow-md"
+                        class="ml-2 rounded-full px-3 py-1 text-xs font-bold text-white shadow-elevated-sm"
                         :class="accentStyles.badge"
                     >
                         已选 {{ selectedCount }}
diff --git a/src/common/ui/ConfirmModal.vue b/src/common/ui/ConfirmModal.vue
index 2eca6401..07ca8e75 100644
--- a/src/common/ui/ConfirmModal.vue
+++ b/src/common/ui/ConfirmModal.vue
@@ -65,9 +65,9 @@ const emit = defineEmits<{
 /** 根据类型返回对应的颜色类 */
 const colorClasses = {
     danger: {
-        title: 'text-red-500 dark:text-red-400',
-        icon: 'text-red-500 dark:text-red-400',
-        iconBg: 'bg-red-100 dark:bg-red-900/30'
+        title: 'text-danger-500 dark:text-danger-400',
+        icon: 'text-danger-500 dark:text-danger-400',
+        iconBg: 'bg-danger-100 dark:bg-danger-900/30'
     },
     warning: {
         title: 'text-yellow-500 dark:text-yellow-400',
@@ -75,9 +75,9 @@ const colorClasses = {
         iconBg: 'bg-yellow-100 dark:bg-yellow-900/30'
     },
     info: {
-        title: 'text-blue-500 dark:text-blue-400',
-        icon: 'text-blue-500 dark:text-blue-400',
-        iconBg: 'bg-blue-100 dark:bg-blue-900/30'
+        title: 'text-info-500 dark:text-info-400',
+        icon: 'text-info-500 dark:text-info-400',
+        iconBg: 'bg-info-100 dark:bg-info-900/30'
     }
 };
 
diff --git a/src/common/ui/EmptyState.vue b/src/common/ui/EmptyState.vue
index f721960a..9f9ee425 100644
--- a/src/common/ui/EmptyState.vue
+++ b/src/common/ui/EmptyState.vue
@@ -14,10 +14,10 @@ defineSlots<{
 
 <template>
     <div
-        class="rounded-3xl border-2 border-dashed border-gray-300 py-20 text-center text-gray-500 lg:py-24 dark:border-gray-700"
+        class="rounded-card border-2 border-dashed border-gray-300 py-20 text-center text-gray-500 lg:py-24 dark:border-white/10"
     >
         <div
-            class="mx-auto mb-8 flex h-24 w-24 items-center justify-center rounded-3xl"
+            class="mx-auto mb-8 flex h-24 w-24 items-center justify-center rounded-card"
             :class="bgGradientClass || 'bg-linear-to-br from-gray-500/20 to-gray-400/20'"
         >
             <slot name="icon">
diff --git a/src/common/ui/MoreMenu.vue b/src/common/ui/MoreMenu.vue
index bdf7abd4..c8d05008 100644
--- a/src/common/ui/MoreMenu.vue
+++ b/src/common/ui/MoreMenu.vue
@@ -57,7 +57,7 @@ onUnmounted(() => {
 <template>
     <div ref="rootRef" class="relative">
         <button
-            class="hover-lift rounded-2xl p-2 transition-colors hover:bg-gray-200 sm:p-4 dark:hover:bg-gray-700"
+            class="hover-lift rounded-button p-2 transition-colors hover:bg-gray-200 sm:p-4 dark:hover:bg-white/10"
             @click="toggleMenu"
         >
             <svg
@@ -75,19 +75,19 @@ onUnmounted(() => {
         <Transition name="slide-fade-sm">
             <div
                 v-if="isOpen"
-                class="absolute right-0 z-50 mt-2 rounded-2xl border border-gray-300 bg-white shadow-2xl ring-2 ring-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:ring-gray-700"
+                class="absolute right-0 z-50 mt-2 rounded-button border border-gray-300 bg-white shadow-modal ring-2 ring-gray-200 dark:border-white/10 dark:bg-white/5 dark:ring-white/10"
                 :class="widthClass"
             >
                 <template v-for="item in props.items" :key="item.key">
                     <div
                         v-if="item.dividerBefore"
-                        class="my-1 border-t border-gray-300 dark:border-gray-700"
+                        class="my-1 border-t border-gray-300 dark:border-white/10"
                     ></div>
                     <button
                         class="w-full px-5 py-3 text-left text-base transition-colors"
                         :class="
                             item.danger
-                                ? 'text-red-500 hover:text-red-600 dark:hover:text-red-400'
+                                ? 'text-danger-500 hover:text-danger-600 dark:hover:text-danger-400'
                                 : 'text-gray-700 hover:text-gray-900 dark:text-gray-200 dark:hover:text-white'
                         "
                         @click="selectItem(item.key)"
diff --git a/src/common/ui/Pagination.vue b/src/common/ui/Pagination.vue
index de16428d..4488414b 100644
--- a/src/common/ui/Pagination.vue
+++ b/src/common/ui/Pagination.vue
@@ -16,7 +16,7 @@ defineEmits<{
     >
         <button
             :disabled="currentPage === 1"
-            class="hover-lift flex min-w-17.5 items-center justify-center rounded-xl border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 disabled:opacity-50 sm:min-w-25 sm:rounded-2xl sm:px-6 sm:py-3 sm:text-base dark:border-gray-700 dark:bg-gray-800 dark:text-white dark:hover:bg-gray-700"
+            class="hover-lift flex min-w-17.5 items-center justify-center rounded-element border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 disabled:opacity-50 sm:min-w-25 sm:rounded-button sm:px-6 sm:py-3 sm:text-base dark:border-white/10 dark:bg-white/5 dark:text-white dark:hover:bg-white/10"
             @click="$emit('change-page', currentPage - 1)"
         >
             &laquo;<span class="xs:inline ml-1 hidden">上一页</span>
@@ -30,7 +30,7 @@ defineEmits<{
 
         <button
             :disabled="currentPage === totalPages"
-            class="hover-lift flex min-w-17.5 items-center justify-center rounded-xl border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 disabled:opacity-50 sm:min-w-25 sm:rounded-2xl sm:px-6 sm:py-3 sm:text-base dark:border-gray-700 dark:bg-gray-800 dark:text-white dark:hover:bg-gray-700"
+            class="hover-lift flex min-w-17.5 items-center justify-center rounded-element border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 disabled:opacity-50 sm:min-w-25 sm:rounded-button sm:px-6 sm:py-3 sm:text-base dark:border-white/10 dark:bg-white/5 dark:text-white dark:hover:bg-white/10"
             @click="$emit('change-page', currentPage + 1)"
         >
             <span class="xs:inline mr-1 hidden">下一页</span>&raquo;
diff --git a/src/common/ui/Toast.vue b/src/common/ui/Toast.vue
index d1851884..bffaf1e7 100644
--- a/src/common/ui/Toast.vue
+++ b/src/common/ui/Toast.vue
@@ -33,31 +33,31 @@ const getToastStyle = (type: string) => {
     switch (type) {
         case 'success':
             return {
-                bg: 'bg-white dark:bg-gray-800',
-                border: 'border-l-4 border-green-500',
+                bg: 'bg-white dark:bg-white/5',
+                border: 'border-l-4 border-success-500',
                 text: 'text-gray-800 dark:text-gray-100',
-                iconColor: 'text-green-500',
+                iconColor: 'text-success-500',
                 icon: 'M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z' // 勾选图标
             };
         case 'error':
             return {
-                bg: 'bg-white dark:bg-gray-800',
-                border: 'border-l-4 border-red-500',
+                bg: 'bg-white dark:bg-white/5',
+                border: 'border-l-4 border-danger-500',
                 text: 'text-gray-800 dark:text-gray-100',
-                iconColor: 'text-red-500',
+                iconColor: 'text-danger-500',
                 icon: 'M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z' // 错误图标
             };
         case 'info':
             return {
-                bg: 'bg-white dark:bg-gray-800',
-                border: 'border-l-4 border-blue-500',
+                bg: 'bg-white dark:bg-white/5',
+                border: 'border-l-4 border-info-500',
                 text: 'text-gray-800 dark:text-gray-100',
-                iconColor: 'text-blue-500',
+                iconColor: 'text-info-500',
                 icon: 'M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z' // 信息图标
             };
         default:
             return {
-                bg: 'bg-white dark:bg-gray-800',
+                bg: 'bg-white dark:bg-white/5',
                 border: 'border-l-4 border-gray-500',
                 text: 'text-gray-800 dark:text-gray-100',
                 iconColor: 'text-gray-500',
@@ -78,7 +78,7 @@ const getToastStyle = (type: string) => {
             <div
                 v-for="toast in toastStore.toasts"
                 :key="toast.id"
-                class="pointer-events-auto flex w-full transform items-start gap-3 rounded-lg border border-gray-300 p-4 shadow-lg transition-all duration-300 hover:scale-[1.02] dark:border-gray-700"
+                class="pointer-events-auto flex w-full transform items-start gap-3 rounded-element border border-gray-300 p-4 shadow-elevated transition-all duration-300 hover:scale-[1.02] dark:border-white/10"
                 :class="[getToastStyle(toast.type).bg, getToastStyle(toast.type).border]"
             >
                 <!-- 图标 -->
@@ -110,7 +110,7 @@ const getToastStyle = (type: string) => {
 
                 <!-- 关闭按钮 -->
                 <button
-                    class="-mt-1 -mr-1 shrink-0 rounded-md p-1 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-500 dark:hover:bg-gray-700"
+                    class="-mt-1 -mr-1 shrink-0 rounded-element p-1 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-500 dark:hover:bg-white/10"
                     @click="toastStore.removeToast(toast.id)"
                 >
                     <svg
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index 14d99fe2..824a6b03 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -105,18 +105,18 @@ onMounted(() => {
     <div class="space-y-6">
         <!-- 励志语录卡片 -->
         <div
-            class="card-glass group relative overflow-hidden rounded-3xl p-6 shadow-lg transition-all duration-500 hover:shadow-xl"
+            class="card-glass group relative overflow-hidden rounded-card p-6 shadow-elevated transition-all duration-500 hover:shadow-card"
         >
             <div class="relative z-10">
                 <!-- 标题栏 -->
                 <div class="mb-4 flex items-center justify-between">
                     <div class="flex items-center gap-3">
                         <div
-                            class="flex h-9 w-9 items-center justify-center rounded-xl border border-gray-300 bg-gray-100 backdrop-blur-md dark:border-gray-600 dark:bg-gray-700"
+                            class="flex h-9 w-9 items-center justify-center rounded-element border border-gray-300 bg-gray-100 backdrop-blur-md dark:border-white/10 dark:bg-white/10"
                         >
                             <svg
                                 xmlns="http://www.w3.org/2000/svg"
-                                class="h-5 w-5 text-purple-600 dark:text-purple-300"
+                                class="h-5 w-5 text-secondary-600 dark:text-secondary-300"
                                 fill="none"
                                 viewBox="0 0 24 24"
                                 stroke="currentColor"
@@ -145,19 +145,19 @@ onMounted(() => {
                             :class="{
                                 'border-yellow-400/30 bg-yellow-400/20 text-yellow-700 dark:text-yellow-300':
                                     currentQuote.category === '励志',
-                                'border-blue-400/30 bg-blue-400/20 text-blue-700 dark:text-blue-300':
+                                'border-info-400/30 bg-info-400/20 text-info-700 dark:text-info-300':
                                     currentQuote.category === '技术',
-                                'border-green-400/30 bg-green-400/20 text-green-700 dark:text-green-300':
+                                'border-success-400/30 bg-success-400/20 text-success-700 dark:text-success-300':
                                     currentQuote.category === '幽默'
                             }"
-                            class="rounded-lg border px-2.5 py-1 text-xs font-medium backdrop-blur-md transition-all duration-300"
+                            class="rounded-element border px-2.5 py-1 text-xs font-medium backdrop-blur-md transition-all duration-300"
                         >
                             {{ currentQuote.category }}
                         </span>
 
                         <button
                             :disabled="isRefreshing"
-                            class="flex h-8 w-8 items-center justify-center rounded-lg border border-gray-300 bg-white/30 text-gray-700 backdrop-blur-md transition-all duration-300 hover:scale-110 hover:bg-white/50 active:scale-95 disabled:opacity-50 dark:border-gray-600 dark:bg-white/10 dark:text-gray-300 dark:hover:bg-white/20"
+                            class="flex h-8 w-8 items-center justify-center rounded-element border border-gray-300 bg-white/30 text-gray-700 backdrop-blur-md transition-all duration-300 hover:scale-110 hover:bg-white/50 active:scale-95 disabled:opacity-50 dark:border-white/10 dark:bg-white/10 dark:text-gray-300 dark:hover:bg-white/20"
                             title="换一条"
                             @click="refreshQuote"
                         >
@@ -206,7 +206,7 @@ onMounted(() => {
         <div class="grid grid-cols-1 gap-4 md:grid-cols-3 lg:gap-6">
             <!-- 核心统计图表 (占2列) -->
             <div
-                class="card-glass group relative flex min-h-75 flex-col overflow-hidden rounded-3xl p-6 shadow-xl md:col-span-2"
+                class="card-glass group relative flex min-h-75 flex-col overflow-hidden rounded-card p-6 shadow-card md:col-span-2"
             >
                 <div class="relative z-10 mb-6 flex items-center justify-between">
                     <div>
@@ -222,7 +222,7 @@ onMounted(() => {
                             >
                                 活跃率
                             </div>
-                            <div class="text-lg font-black text-indigo-600 dark:text-indigo-400">
+                            <div class="text-lg font-black text-primary-600 dark:text-primary-400">
                                 {{
                                     totalNodeCount > 0
                                         ? Math.round((activeNodeCount / totalNodeCount) * 100)
@@ -247,7 +247,7 @@ onMounted(() => {
                     <!-- 详细指标 -->
                     <div class="grid w-full grid-cols-2 gap-4 sm:w-1/2">
                         <div
-                            class="rounded-2xl border border-gray-300 bg-white/50 p-4 shadow-sm dark:border-gray-700 dark:bg-black/20"
+                            class="rounded-button border border-gray-300 bg-white/50 p-4 shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
                         >
                             <div class="mb-1 text-xs text-gray-500 dark:text-gray-400">
                                 活跃订阅
@@ -257,30 +257,30 @@ onMounted(() => {
                             </div>
                         </div>
                         <div
-                            class="rounded-2xl border border-gray-300 bg-white/50 p-4 shadow-sm dark:border-gray-700 dark:bg-black/20"
+                            class="rounded-button border border-gray-300 bg-white/50 p-4 shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
                         >
                             <div class="mb-1 text-xs text-gray-500 dark:text-gray-400">
                                 活跃节点
                             </div>
-                            <div class="text-xl font-bold text-emerald-500">
+                            <div class="text-xl font-bold text-success-500">
                                 {{ activeNodeCount }}
                             </div>
                         </div>
                         <div
-                            class="rounded-2xl border border-gray-300 bg-white/50 p-4 shadow-sm dark:border-gray-700 dark:bg-black/20"
+                            class="rounded-button border border-gray-300 bg-white/50 p-4 shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
                         >
                             <div class="mb-1 text-xs text-gray-500 dark:text-gray-400">订阅组</div>
-                            <div class="text-xl font-bold text-purple-500">
+                            <div class="text-xl font-bold text-secondary-500">
                                 {{ profiles.length }}
                             </div>
                         </div>
                         <div
-                            class="rounded-2xl border border-gray-300 bg-white/50 p-4 shadow-sm dark:border-gray-700 dark:bg-black/20"
+                            class="rounded-button border border-gray-300 bg-white/50 p-4 shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
                         >
                             <div class="mb-1 text-xs text-gray-500 dark:text-gray-400">
                                 手动节点
                             </div>
-                            <div class="text-xl font-bold text-orange-500">
+                            <div class="text-xl font-bold text-warning-500">
                                 {{ manualNodes.length }}
                             </div>
                         </div>
@@ -292,15 +292,15 @@ onMounted(() => {
             <div class="flex flex-col gap-4 lg:gap-6">
                 <button
                     :disabled="isUpdatingAllSubs"
-                    class="card-glass group relative flex flex-1 flex-col justify-between overflow-hidden rounded-3xl p-6 text-left shadow-lg transition-all duration-300 hover:shadow-xl"
+                    class="card-glass group relative flex flex-1 flex-col justify-between overflow-hidden rounded-card p-6 text-left shadow-elevated transition-all duration-300 hover:shadow-card"
                     @click="handleUpdateAll"
                 >
                     <div
-                        class="absolute inset-0 bg-linear-to-br from-blue-50 to-transparent opacity-0 transition-opacity duration-500 group-hover:opacity-100 dark:from-blue-900/10 dark:to-transparent"
+                        class="absolute inset-0 bg-linear-to-br from-info-50 to-transparent opacity-0 transition-opacity duration-500 group-hover:opacity-100 dark:from-info-900/10 dark:to-transparent"
                     ></div>
                     <div class="relative z-10">
                         <div
-                            class="mb-4 flex h-12 w-12 items-center justify-center rounded-2xl bg-blue-500/10 text-blue-600 transition-transform duration-300 group-hover:scale-110 dark:bg-blue-500/20 dark:text-blue-400"
+                            class="mb-4 flex h-12 w-12 items-center justify-center rounded-button bg-info-500/10 text-info-600 transition-transform duration-300 group-hover:scale-110 dark:bg-info-500/20 dark:text-info-400"
                         >
                             <svg
                                 v-if="!isUpdatingAllSubs"
@@ -353,10 +353,10 @@ onMounted(() => {
                 </button>
 
                 <!-- 订阅组指示 -->
-                <div class="card-glass relative flex-1 rounded-3xl p-6 shadow-md">
+                <div class="card-glass relative flex-1 rounded-card p-6 shadow-elevated-sm">
                     <div class="mb-2 flex items-start justify-between">
                         <div
-                            class="flex h-10 w-10 items-center justify-center rounded-xl bg-purple-500/20 text-purple-600 dark:text-purple-400"
+                            class="flex h-10 w-10 items-center justify-center rounded-element bg-secondary-500/20 text-secondary-600 dark:text-secondary-400"
                         >
                             <svg
                                 xmlns="http://www.w3.org/2000/svg"
@@ -374,7 +374,7 @@ onMounted(() => {
                             </svg>
                         </div>
                         <span
-                            class="rounded-full bg-purple-500 px-2 py-0.5 text-[10px] font-bold text-white"
+                            class="rounded-full bg-secondary-500 px-2 py-0.5 text-[10px] font-bold text-white"
                             >{{ activeProfilesCount }} Active</span
                         >
                     </div>
@@ -387,7 +387,7 @@ onMounted(() => {
                         class="mt-4 h-1.5 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-white/10"
                     >
                         <div
-                            class="h-full rounded-full bg-purple-500 transition-all duration-1000"
+                            class="h-full rounded-full bg-secondary-500 transition-all duration-1000"
                             :style="{
                                 width:
                                     profiles.length > 0
@@ -401,11 +401,11 @@ onMounted(() => {
 
             <!-- 快捷操作按钮 (3个) -->
             <button
-                class="card-glass group flex min-h-30 items-center gap-4 rounded-2xl p-6 shadow-sm transition-all duration-300 hover:border-indigo-200 hover:shadow-md dark:hover:border-indigo-800"
+                class="card-glass group flex min-h-30 items-center gap-4 rounded-card p-6 shadow-elevated-sm transition-all duration-300 hover:border-primary-200 hover:shadow-elevated-sm dark:hover:border-primary-800"
                 @click="$emit('add-subscription')"
             >
                 <div
-                    class="flex h-12 w-12 items-center justify-center rounded-full bg-gray-50 text-gray-400 transition-colors duration-300 group-hover:bg-indigo-500 group-hover:text-white dark:bg-gray-700"
+                    class="flex h-12 w-12 items-center justify-center rounded-full bg-gray-50 text-gray-400 transition-colors duration-300 group-hover:bg-primary-500 group-hover:text-white dark:bg-white/10 dark:group-hover:bg-primary-500"
                 >
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
@@ -424,7 +424,7 @@ onMounted(() => {
                 </div>
                 <div class="text-left">
                     <p
-                        class="font-bold text-gray-900 transition-colors group-hover:text-indigo-600 dark:text-white dark:group-hover:text-indigo-400"
+                        class="font-bold text-gray-900 transition-colors group-hover:text-primary-600 dark:text-white dark:group-hover:text-primary-400"
                     >
                         添加订阅
                     </p>
@@ -433,11 +433,11 @@ onMounted(() => {
             </button>
 
             <button
-                class="card-glass group flex min-h-30 items-center gap-4 rounded-2xl p-6 shadow-sm transition-all duration-300 hover:border-emerald-200 hover:shadow-md dark:hover:border-emerald-800"
+                class="card-glass group flex min-h-30 items-center gap-4 rounded-card p-6 shadow-elevated-sm transition-all duration-300 hover:border-primary-200 hover:shadow-elevated-sm dark:hover:border-primary-800"
                 @click="$emit('add-node')"
             >
                 <div
-                    class="flex h-12 w-12 items-center justify-center rounded-full bg-gray-50 text-gray-400 transition-colors duration-300 group-hover:bg-emerald-500 group-hover:text-white dark:bg-gray-700"
+                    class="flex h-12 w-12 items-center justify-center rounded-full bg-gray-50 text-gray-400 transition-colors duration-300 group-hover:bg-primary-500 group-hover:text-white dark:bg-white/10 dark:group-hover:bg-primary-500"
                 >
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
@@ -456,7 +456,7 @@ onMounted(() => {
                 </div>
                 <div class="text-left">
                     <p
-                        class="font-bold text-gray-900 transition-colors group-hover:text-emerald-600 dark:text-white dark:group-hover:text-emerald-400"
+                        class="font-bold text-gray-900 transition-colors group-hover:text-primary-600 dark:text-white dark:group-hover:text-primary-400"
                     >
                         添加节点
                     </p>
@@ -465,11 +465,11 @@ onMounted(() => {
             </button>
 
             <button
-                class="card-glass group flex min-h-30 items-center gap-4 rounded-2xl p-6 shadow-sm transition-all duration-300 hover:border-purple-200 hover:shadow-md dark:hover:border-purple-800"
+                class="card-glass group flex min-h-30 items-center gap-4 rounded-card p-6 shadow-elevated-sm transition-all duration-300 hover:border-primary-200 hover:shadow-elevated-sm dark:hover:border-primary-800"
                 @click="$emit('add-profile')"
             >
                 <div
-                    class="flex h-12 w-12 items-center justify-center rounded-full bg-gray-50 text-gray-400 transition-colors duration-300 group-hover:bg-purple-500 group-hover:text-white dark:bg-gray-700"
+                    class="flex h-12 w-12 items-center justify-center rounded-full bg-gray-50 text-gray-400 transition-colors duration-300 group-hover:bg-primary-500 group-hover:text-white dark:bg-white/10 dark:group-hover:bg-primary-500"
                 >
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
@@ -488,7 +488,7 @@ onMounted(() => {
                 </div>
                 <div class="text-left">
                     <p
-                        class="font-bold text-gray-900 transition-colors group-hover:text-purple-600 dark:text-white dark:group-hover:text-purple-400"
+                        class="font-bold text-gray-900 transition-colors group-hover:text-primary-600 dark:text-white dark:group-hover:text-primary-400"
                     >
                         创建订阅组
                     </p>
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 81db4839..6ac583c4 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -131,19 +131,19 @@ const handleSubmit = async () => {
     <div class="relative flex min-h-screen items-center justify-center overflow-hidden p-3 sm:p-6">
         <!-- ==================== 登录卡片 ==================== -->
         <div
-            class="animate-scale-in relative isolate mx-auto w-full max-w-full rounded-2xl border border-white/30 bg-white p-4 shadow-[0_25px_50px_-12px_rgba(0,0,0,0.25),0_0_0_1px_rgba(255,255,255,0.1),inset_0_1px_0_rgba(255,255,255,0.6)] backdrop-blur-xl transition-all duration-300 sm:max-w-105 sm:rounded-3xl sm:p-10 dark:border-white/10 dark:bg-gray-900 dark:shadow-[0_25px_50px_-12px_rgba(0,0,0,0.5),0_0_0_1px_rgba(255,255,255,0.05),inset_0_1px_0_rgba(255,255,255,0.1)]"
+            class="animate-scale-in relative isolate mx-auto w-full max-w-full rounded-button border border-white/30 bg-white p-4 shadow-[0_25px_50px_-12px_rgba(0,0,0,0.25),0_0_0_1px_rgba(255,255,255,0.1),inset_0_1px_0_rgba(255,255,255,0.6)] backdrop-blur-xl transition-all duration-300 sm:max-w-105 sm:rounded-card sm:p-10 dark:border-white/10 dark:bg-black/80 dark:shadow-[0_25px_50px_-12px_rgba(0,0,0,0.5),0_0_0_1px_rgba(255,255,255,0.05),inset_0_1px_0_rgba(255,255,255,0.1)]"
         >
             <!-- Logo 区域 -->
             <div class="animate-fade-in-down mb-4 text-center sm:mb-6">
                 <!-- Logo 图标容器 -->
                 <div class="mb-3 flex justify-center sm:mb-5">
                     <div
-                        class="from-primary-500 to-secondary-500 shadow-glow-primary flex h-14 w-14 animate-bounce items-center justify-center rounded-2xl bg-linear-to-br sm:h-16 sm:w-16"
+                        class="from-primary-500 to-secondary-500 shadow-glow-primary flex h-14 w-14 animate-bounce items-center justify-center rounded-button bg-linear-to-br sm:h-16 sm:w-16"
                     >
                         <!-- 闪电图标 SVG -->
                         <svg
                             xmlns="http://www.w3.org/2000/svg"
-                            class="h-7 w-7 text-white drop-shadow-md sm:h-8 sm:w-8"
+                            class="h-7 w-7 text-white drop-shadow-elevated-sm sm:h-8 sm:w-8"
                             fill="none"
                             viewBox="0 0 24 24"
                             stroke="currentColor"
@@ -203,7 +203,7 @@ const handleSubmit = async () => {
                             id="username"
                             v-model="username"
                             type="text"
-                            class="form-input-login bg-gray-50/50 py-2.5 text-sm transition-colors focus:bg-white sm:py-3 sm:text-base dark:bg-gray-800/50 dark:focus:bg-gray-800"
+                            class="form-input-login bg-gray-50/50 py-2.5 text-sm transition-colors focus:bg-white sm:py-3 sm:text-base dark:bg-white/5 dark:focus:bg-white/10"
                             :class="{ 'input-error': error && !username }"
                             placeholder="请输入您的用户名"
                             autocomplete="username"
@@ -233,7 +233,7 @@ const handleSubmit = async () => {
                             <svg
                                 v-else
                                 xmlns="http://www.w3.org/2000/svg"
-                                class="h-4 w-4 text-indigo-500 sm:h-5 sm:w-5"
+                                class="h-4 w-4 text-primary-500 sm:h-5 sm:w-5"
                                 fill="none"
                                 viewBox="0 0 24 24"
                                 stroke="currentColor"
@@ -277,7 +277,7 @@ const handleSubmit = async () => {
                             id="password"
                             v-model="password"
                             type="password"
-                            class="form-input-login bg-gray-50/50 py-2.5 text-sm transition-colors focus:bg-white sm:py-3 sm:text-base dark:bg-gray-800/50 dark:focus:bg-gray-800"
+                            class="form-input-login bg-gray-50/50 py-2.5 text-sm transition-colors focus:bg-white sm:py-3 sm:text-base dark:bg-white/5 dark:focus:bg-white/10"
                             :class="{ 'input-error': error }"
                             placeholder="请输入您的密码"
                             autocomplete="current-password"
@@ -310,7 +310,7 @@ const handleSubmit = async () => {
                             <svg
                                 v-else
                                 xmlns="http://www.w3.org/2000/svg"
-                                class="h-4 w-4 text-indigo-500 sm:h-5 sm:w-5"
+                                class="h-4 w-4 text-primary-500 sm:h-5 sm:w-5"
                                 fill="none"
                                 viewBox="0 0 24 24"
                                 stroke="currentColor"
@@ -329,7 +329,7 @@ const handleSubmit = async () => {
                     <transition name="shake">
                         <p
                             v-if="error"
-                            class="animate-fade-in-down mt-1.5 flex items-center gap-1.5 rounded-lg border-l-4 border-red-600 bg-red-50 px-2.5 py-1.5 text-xs font-medium text-red-600 sm:mt-2.5 sm:px-3 sm:py-2 sm:text-sm dark:bg-red-900/20 dark:text-red-400"
+                            class="animate-fade-in-down mt-1.5 flex items-center gap-1.5 rounded-element border-l-4 border-danger-600 bg-danger-50 px-2.5 py-1.5 text-xs font-medium text-danger-600 sm:mt-2.5 sm:px-3 sm:py-2 sm:text-sm dark:bg-danger-900/20 dark:text-danger-400"
                         >
                             <!-- 警告图标 -->
                             <svg
@@ -379,7 +379,7 @@ const handleSubmit = async () => {
                             id="confirmPassword"
                             v-model="confirmPassword"
                             type="password"
-                            class="form-input-login bg-gray-50/50 py-2.5 text-sm transition-colors focus:bg-white sm:py-3 sm:text-base dark:bg-gray-800/50 dark:focus:bg-gray-800"
+                            class="form-input-login bg-gray-50/50 py-2.5 text-sm transition-colors focus:bg-white sm:py-3 sm:text-base dark:bg-white/5 dark:focus:bg-white/10"
                             :class="{ 'input-error': error }"
                             placeholder="请再次输入密码"
                             autocomplete="new-password"
@@ -409,7 +409,7 @@ const handleSubmit = async () => {
                             <svg
                                 v-else-if="password === confirmPassword && confirmPassword"
                                 xmlns="http://www.w3.org/2000/svg"
-                                class="h-4 w-4 text-green-500 sm:h-5 sm:w-5"
+                                class="h-4 w-4 text-success-500 sm:h-5 sm:w-5"
                                 fill="none"
                                 viewBox="0 0 24 24"
                                 stroke="currentColor"
@@ -425,7 +425,7 @@ const handleSubmit = async () => {
                             <svg
                                 v-else
                                 xmlns="http://www.w3.org/2000/svg"
-                                class="h-4 w-4 text-red-500 sm:h-5 sm:w-5"
+                                class="h-4 w-4 text-danger-500 sm:h-5 sm:w-5"
                                 fill="none"
                                 viewBox="0 0 24 24"
                                 stroke="currentColor"
@@ -481,7 +481,7 @@ const handleSubmit = async () => {
                 <div class="mt-4 text-center sm:mt-6">
                     <!-- 安全徽章 -->
                     <div
-                        class="inline-flex cursor-default items-center gap-1.5 rounded-full border border-green-300 bg-green-50/80 px-3 py-1.5 text-[0.6875rem] font-semibold text-green-700 transition-colors hover:bg-green-100 sm:px-4 sm:py-2 sm:text-xs dark:border-green-700 dark:bg-green-900/30 dark:text-green-400 dark:hover:bg-green-900/40"
+                        class="inline-flex cursor-default items-center gap-1.5 rounded-full border border-success-300 bg-success-50/80 px-3 py-1.5 text-[0.6875rem] font-semibold text-success-700 transition-colors hover:bg-success-100 sm:px-4 sm:py-2 sm:text-xs dark:border-success-700 dark:bg-success-900/30 dark:text-success-400 dark:hover:bg-success-900/40"
                     >
                         <!-- 盾牌图标 -->
                         <svg
diff --git a/src/views/NodesView.vue b/src/views/NodesView.vue
index 12b5b01d..3103c03b 100644
--- a/src/views/NodesView.vue
+++ b/src/views/NodesView.vue
@@ -324,13 +324,13 @@ useTabActionTrigger(
             v-else
             title="没有手动节点"
             description="添加分享链接或单个节点。"
-            bg-gradient-class="bg-linear-to-br from-green-500/20 to-emerald-500/20"
-            icon-color-class="text-green-500"
+            bg-gradient-class="bg-linear-to-br from-success-500/20 to-success-500/20"
+            icon-color-class="text-success-500"
         >
             <template #icon>
                 <svg
                     xmlns="http://www.w3.org/2000/svg"
-                    class="h-12 w-12 text-green-500"
+                    class="h-12 w-12 text-success-500"
                     fill="none"
                     viewBox="0 0 24 24"
                     stroke="currentColor"
diff --git a/src/views/ProfilesView.vue b/src/views/ProfilesView.vue
index 5e984115..0b97a7bb 100644
--- a/src/views/ProfilesView.vue
+++ b/src/views/ProfilesView.vue
@@ -151,7 +151,7 @@ useTabActionTrigger(
         <BatchActionToolbar
             :visible="isBatchDeleteMode"
             :selected-count="selectedCount"
-            accent="purple"
+            accent="secondary"
             @select-all="selectAll"
             @invert-selection="invertSelection"
             @deselect-all="deselectAll"
@@ -187,13 +187,13 @@ useTabActionTrigger(
             v-if="profiles.length === 0"
             title="没有订阅组"
             description="创建一个订阅组来组合你的节点吧！"
-            bg-gradient-class="bg-linear-to-br from-purple-500/20 to-pink-500/20"
-            icon-color-class="text-purple-500"
+            bg-gradient-class="bg-linear-to-br from-secondary-500/20 to-pink-500/20"
+            icon-color-class="text-secondary-500"
         >
             <template #icon>
                 <svg
                     xmlns="http://www.w3.org/2000/svg"
-                    class="h-12 w-12 text-purple-500"
+                    class="h-12 w-12 text-secondary-500"
                     fill="none"
                     viewBox="0 0 24 24"
                     stroke="currentColor"
diff --git a/src/views/SubscriptionsView.vue b/src/views/SubscriptionsView.vue
index 70321383..38baeb4d 100644
--- a/src/views/SubscriptionsView.vue
+++ b/src/views/SubscriptionsView.vue
@@ -234,7 +234,7 @@ useTabActionTrigger(
         <BatchActionToolbar
             :visible="isBatchDeleteMode"
             :selected-count="selectedCount"
-            accent="indigo"
+            accent="primary"
             @select-all="selectAll"
             @invert-selection="invertSelection"
             @deselect-all="deselectAll"
@@ -300,13 +300,13 @@ useTabActionTrigger(
             v-else
             title="没有订阅"
             description="从添加你的第一个订阅开始。"
-            bg-gradient-class="bg-linear-to-br from-indigo-500/20 to-purple-500/20"
-            icon-color-class="text-indigo-500"
+            bg-gradient-class="bg-linear-to-br from-primary-500/20 to-secondary-500/20"
+            icon-color-class="text-primary-500"
         >
             <template #icon>
                 <svg
                     xmlns="http://www.w3.org/2000/svg"
-                    class="h-12 w-12 text-indigo-500"
+                    class="h-12 w-12 text-primary-500"
                     fill="none"
                     viewBox="0 0 24 24"
                     stroke="currentColor"
diff --git a/src/widgets/dashboard/NodeDistributionChart.vue b/src/widgets/dashboard/NodeDistributionChart.vue
index 9653d917..63032a97 100644
--- a/src/widgets/dashboard/NodeDistributionChart.vue
+++ b/src/widgets/dashboard/NodeDistributionChart.vue
@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script setup lang="ts">
 import { onMounted, onUnmounted, ref, shallowRef, watch } from 'vue';
 
 import { PieChart } from 'echarts/charts';
@@ -44,14 +44,19 @@ const initChart = () => {
 
 const getOption = (): NodeChartOption => {
     const isDark = themeStore.isDarkMode;
-    const textColor = isDark ? '#94a3b8' : '#64748b';
+    // Get colors from CSS variables or use tailwind defaults that match the theme
+    const textColor = isDark ? '#94a3b8' : '#64748b'; // Tailwind slate-400 : slate-500
+    const primaryColor = getComputedStyle(document.documentElement).getPropertyValue('--color-primary-500').trim() || 'hsl(243, 75%, 59%)';
+    const primaryColorLight = getComputedStyle(document.documentElement).getPropertyValue('--color-secondary-500').trim() || 'hsl(280, 72%, 54%)';
+    const warningColor = getComputedStyle(document.documentElement).getPropertyValue('--color-warning-500').trim() || 'hsl(38, 92%, 50%)';
+    const warningColorLight = getComputedStyle(document.documentElement).getPropertyValue('--color-warning-400').trim() || 'hsl(43, 74%, 56%)';
 
     return {
         backgroundColor: 'transparent',
         tooltip: {
             trigger: 'item',
-            backgroundColor: isDark ? '#1e293b' : '#ffffff',
-            borderColor: isDark ? '#334155' : '#e2e8f0',
+            backgroundColor: isDark ? 'rgba(30, 41, 59, 0.9)' : 'rgba(255, 255, 255, 0.9)',
+            borderColor: isDark ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)',
             textStyle: { color: isDark ? '#f1f5f9' : '#0f172a' },
             padding: [10, 14],
             borderRadius: 12,
@@ -102,8 +107,8 @@ const getOption = (): NodeChartOption => {
                         name: '订阅节点',
                         itemStyle: {
                             color: new graphic.LinearGradient(0, 0, 0, 1, [
-                                { offset: 0, color: '#6366f1' },
-                                { offset: 1, color: '#a855f7' }
+                                { offset: 0, color: primaryColor },
+                                { offset: 1, color: primaryColorLight }
                             ])
                         }
                     },
@@ -112,8 +117,8 @@ const getOption = (): NodeChartOption => {
                         name: '手动节点',
                         itemStyle: {
                             color: new graphic.LinearGradient(0, 0, 0, 1, [
-                                { offset: 0, color: '#f97316' },
-                                { offset: 1, color: '#fbbf24' }
+                                { offset: 0, color: warningColor },
+                                { offset: 1, color: warningColorLight }
                             ])
                         }
                     }
diff --git a/src/widgets/node/ManualNodeCard.vue b/src/widgets/node/ManualNodeCard.vue
index 3149e37f..bd399711 100644
--- a/src/widgets/node/ManualNodeCard.vue
+++ b/src/widgets/node/ManualNodeCard.vue
@@ -56,10 +56,10 @@ const handleCopy = async (url: string) => {
 <template>
     <!-- 卡片容器 -->
     <div
-        class="card-glass group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-300 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:shadow-indigo-500/10 dark:border-gray-800"
+        class="card-glass group relative flex h-full flex-col overflow-hidden rounded-card border border-gray-300 transition-all duration-300 hover:-translate-y-1 hover:shadow-card hover:shadow-primary-500/10 dark:border-white/10"
         :class="{
             'opacity-60 grayscale filter': !node.enabled,
-            'border-emerald-500/50 ring-2 ring-emerald-500 ring-offset-2 dark:ring-offset-gray-900':
+            'border-success-500/50 ring-2 ring-success-500 ring-offset-2 dark:ring-offset-black/80':
                 isBatchMode && isSelected,
             'cursor-pointer': isBatchMode
         }"
@@ -82,7 +82,7 @@ const handleCopy = async (url: string) => {
                             <input
                                 type="checkbox"
                                 :checked="isSelected"
-                                class="peer h-5 w-5 cursor-pointer appearance-none rounded-md border-2 border-gray-300 transition-colors checked:border-emerald-500 checked:bg-emerald-500 dark:border-gray-600"
+                                class="peer h-5 w-5 cursor-pointer appearance-none rounded-element border-2 border-gray-300 transition-colors checked:border-success-500 checked:bg-success-500 dark:border-white/10"
                                 @change="emit('toggleSelect')"
                             />
                             <svg
@@ -104,14 +104,14 @@ const handleCopy = async (url: string) => {
 
                     <!-- 协议标签 (胶囊样式) -->
                     <span
-                        class="inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-bold tracking-wide uppercase shadow-sm"
+                        class="inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-bold tracking-wide uppercase shadow-elevated-sm"
                         :class="[
                             protocolInfo.bg,
                             protocolInfo.color,
                             'bg-opacity-10 dark:bg-opacity-20 border-transparent'
                         ]"
                     >
-                        <span class="text-sm font-normal drop-shadow-sm filter">{{
+                        <span class="text-sm font-normal drop-shadow-elevated-sm filter">{{
                             protocolInfo.icon
                         }}</span>
                         <span>{{ protocolInfo.text }}</span>
@@ -129,7 +129,7 @@ const handleCopy = async (url: string) => {
                     @click.stop
                 >
                     <button
-                        class="rounded-lg p-1.5 text-gray-400 transition-colors hover:bg-indigo-50 hover:text-indigo-600 dark:hover:bg-indigo-900/40 dark:hover:text-indigo-400"
+                        class="rounded-element p-1.5 text-gray-400 transition-colors hover:bg-primary-50 hover:text-primary-600 dark:hover:bg-primary-900/40 dark:hover:text-primary-400"
                         title="编辑"
                         @click="emit('edit')"
                     >
@@ -148,7 +148,7 @@ const handleCopy = async (url: string) => {
                         </svg>
                     </button>
                     <button
-                        class="rounded-lg p-1.5 text-gray-400 transition-colors hover:bg-rose-50 hover:text-rose-600 dark:hover:bg-rose-900/40 dark:hover:text-rose-400"
+                        class="rounded-element p-1.5 text-gray-400 transition-colors hover:bg-rose-50 hover:text-rose-600 dark:hover:bg-rose-900/40 dark:hover:text-rose-400"
                         title="删除"
                         @click="emit('delete')"
                     >
@@ -180,7 +180,7 @@ const handleCopy = async (url: string) => {
             </div>
 
             <!-- 底部信息：地址 & 复制 -->
-            <div class="mt-auto border-t border-gray-300 pt-3 dark:border-gray-700/50">
+            <div class="mt-auto border-t border-gray-300 pt-3 dark:border-white/10/50">
                 <div class="flex items-center justify-between gap-2 text-xs">
                     <!-- 服务器地址展示 (更简洁) -->
                     <div
@@ -208,7 +208,7 @@ const handleCopy = async (url: string) => {
                     <!-- 复制链接按钮 -->
                     <button
                         v-if="node.url"
-                        class="flex items-center gap-1 rounded-md bg-gray-50 px-2 py-1 font-medium text-gray-500 transition-all hover:bg-indigo-50 hover:text-indigo-600 dark:bg-gray-800 dark:hover:bg-indigo-900/30 dark:hover:text-indigo-400"
+                        class="flex items-center gap-1 rounded-element bg-gray-50 px-2 py-1 font-medium text-gray-500 transition-all hover:bg-primary-50 hover:text-primary-600 dark:bg-white/5 dark:hover:bg-primary-900/30 dark:hover:text-primary-400"
                         title="复制完整链接"
                         @click.stop="handleCopy(node.url)"
                     >
diff --git a/src/widgets/node/NodeDetailsModal.vue b/src/widgets/node/NodeDetailsModal.vue
index d044b9e2..730d7c91 100644
--- a/src/widgets/node/NodeDetailsModal.vue
+++ b/src/widgets/node/NodeDetailsModal.vue
@@ -98,7 +98,7 @@ onUnmounted(() => {
                 <Transition name="scale-fade-bounce">
                     <div
                         v-if="show"
-                        class="flex max-h-[85vh] w-full max-w-4xl flex-col rounded-3xl border border-gray-300 bg-white text-left shadow-2xl dark:border-gray-700 dark:bg-gray-900"
+                        class="flex max-h-[85vh] w-full max-w-4xl flex-col rounded-card border border-gray-300 bg-white text-left shadow-modal dark:border-white/10 dark:bg-black/80"
                         @click.stop
                     >
                         <!-- 标题 -->
@@ -112,7 +112,7 @@ onUnmounted(() => {
                                 <!-- 订阅/订阅组信息头部 -->
                                 <div
                                     v-if="subscription || profile"
-                                    class="rounded-xl border border-gray-300 bg-gray-50/60 p-4 dark:border-gray-700 dark:bg-gray-800/75"
+                                    class="rounded-element border border-gray-300 bg-gray-50/60 p-4 dark:border-white/10 dark:bg-white/5"
                                 >
                                     <div
                                         class="flex flex-col justify-between gap-4 sm:flex-row sm:items-start"
@@ -212,7 +212,7 @@ onUnmounted(() => {
 
                                         <button
                                             :disabled="selectedNodes.size === 0"
-                                            class="transform rounded-xl bg-linear-to-r from-green-500 to-emerald-600 px-4 py-2 text-sm text-white shadow-lg transition-all duration-300 hover:scale-105 hover:from-green-600 hover:to-emerald-700 hover:shadow-xl disabled:cursor-not-allowed disabled:opacity-50"
+                                            class="transform rounded-element bg-linear-to-r from-success-500 to-success-600 px-4 py-2 text-sm text-white shadow-elevated transition-all duration-300 hover:scale-105 hover:from-success-600 hover:to-success-700 hover:shadow-card disabled:cursor-not-allowed disabled:opacity-50"
                                             @click="copySelectedNodes"
                                         >
                                             复制选中
@@ -223,9 +223,9 @@ onUnmounted(() => {
                                 <!-- 错误信息 -->
                                 <div
                                     v-if="errorMessage"
-                                    class="rounded-lg border border-red-200 bg-red-50 p-3 dark:border-red-800 dark:bg-red-900/20"
+                                    class="rounded-element border border-danger-200 bg-danger-50 p-3 dark:border-danger-800 dark:bg-danger-900/20"
                                 >
-                                    <p class="text-sm text-red-600 dark:text-red-400">
+                                    <p class="text-sm text-danger-600 dark:text-danger-400">
                                         {{ errorMessage }}
                                     </p>
                                 </div>
@@ -233,7 +233,7 @@ onUnmounted(() => {
                                 <!-- 加载状态 -->
                                 <div v-if="isLoading" class="flex items-center justify-center py-8">
                                     <div
-                                        class="h-8 w-8 animate-spin rounded-full border-b-2 border-indigo-600"
+                                        class="h-8 w-8 animate-spin rounded-full border-b-2 border-primary-600"
                                     ></div>
                                     <span class="ml-2 text-gray-600 dark:text-gray-400"
                                         >正在获取节点信息...</span
@@ -244,7 +244,7 @@ onUnmounted(() => {
                                 <div v-else-if="filteredNodes.length > 0" class="space-y-2">
                                     <!-- 全选按钮 -->
                                     <div
-                                        class="flex items-center justify-between rounded-lg bg-gray-50/60 p-3 dark:bg-gray-800/75"
+                                        class="flex items-center justify-between rounded-element bg-gray-50/60 p-3 dark:bg-white/5"
                                     >
                                         <label class="flex cursor-pointer items-center">
                                             <input
@@ -257,7 +257,7 @@ onUnmounted(() => {
                                                     selectedNodes.size > 0 &&
                                                     selectedNodes.size < filteredNodes.length
                                                 "
-                                                class="h-4 w-4 rounded border-gray-300 text-indigo-600"
+                                                class="h-4 w-4 rounded border-gray-300 text-primary-600"
                                                 @change="toggleSelectAll"
                                             />
                                             <span
@@ -277,11 +277,11 @@ onUnmounted(() => {
                                         <div
                                             v-for="node in filteredNodes"
                                             :key="node.id"
-                                            class="group relative cursor-pointer overflow-hidden rounded-2xl border border-gray-300 bg-white/50 backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-indigo-500/10 dark:border-gray-700 dark:bg-gray-800/50"
+                                            class="group relative cursor-pointer overflow-hidden rounded-button border border-gray-300 bg-white/50 backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-elevated hover:shadow-primary-500/10 dark:border-white/10 dark:bg-white/5"
                                             :class="{
-                                                'border-indigo-500/50 ring-2 ring-indigo-500 ring-offset-2 dark:ring-offset-gray-900':
+                                                'border-primary-500/50 ring-2 ring-primary-500 ring-offset-2 dark:ring-offset-black/80':
                                                     selectedNodes.has(node.id),
-                                                'border-gray-300 dark:border-gray-700':
+                                                'border-gray-300 dark:border-white/10':
                                                     !selectedNodes.has(node.id)
                                             }"
                                             @click="toggleNodeSelection(node.id)"
@@ -310,7 +310,7 @@ onUnmounted(() => {
                                                                     :checked="
                                                                         selectedNodes.has(node.id)
                                                                     "
-                                                                    class="peer h-5 w-5 cursor-pointer appearance-none rounded-md border-2 border-gray-300 transition-colors checked:border-indigo-500 checked:bg-indigo-500 dark:border-gray-600"
+                                                                    class="peer h-5 w-5 cursor-pointer appearance-none rounded-element border-2 border-gray-300 transition-colors checked:border-primary-500 checked:bg-primary-500 dark:border-white/10"
                                                                     @change="
                                                                         toggleNodeSelection(node.id)
                                                                     "
@@ -337,7 +337,7 @@ onUnmounted(() => {
                                                         >
                                                             <!-- 协议标签 -->
                                                             <span
-                                                                class="inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-bold tracking-wide uppercase shadow-sm"
+                                                                class="inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-bold tracking-wide uppercase shadow-elevated-sm"
                                                                 :class="[
                                                                     getProtocolInfo(node.protocol)
                                                                         .bg,
@@ -347,7 +347,7 @@ onUnmounted(() => {
                                                                 ]"
                                                             >
                                                                 <span
-                                                                    class="text-sm font-normal drop-shadow-sm filter"
+                                                                    class="text-sm font-normal drop-shadow-elevated-sm filter"
                                                                     >{{
                                                                         getProtocolInfo(
                                                                             node.protocol
@@ -366,7 +366,7 @@ onUnmounted(() => {
                                                                     v-if="
                                                                         node.type === 'subscription'
                                                                     "
-                                                                    class="inline-flex items-center gap-1 rounded-md border border-blue-100 bg-blue-50 px-2 py-1 text-[10px] font-medium text-blue-600 dark:border-blue-800/30 dark:bg-blue-900/20 dark:text-blue-400"
+                                                                    class="inline-flex items-center gap-1 rounded-element border border-info-100 bg-info-50 px-2 py-1 text-[10px] font-medium text-info-600 dark:border-info-800/30 dark:bg-info-900/20 dark:text-info-400"
                                                                 >
                                                                     {{ node.subscriptionName }}
                                                                 </span>
@@ -374,7 +374,7 @@ onUnmounted(() => {
                                                                     v-else-if="
                                                                         node.type === 'manual'
                                                                     "
-                                                                    class="inline-flex items-center gap-1 rounded-md border border-green-100 bg-green-50 px-2 py-1 text-[10px] font-medium text-green-600 dark:border-green-800/30 dark:bg-green-900/20 dark:text-green-400"
+                                                                    class="inline-flex items-center gap-1 rounded-element border border-success-100 bg-success-50 px-2 py-1 text-[10px] font-medium text-success-600 dark:border-success-800/30 dark:bg-success-900/20 dark:text-success-400"
                                                                 >
                                                                     手动
                                                                 </span>
@@ -394,7 +394,7 @@ onUnmounted(() => {
 
                                                 <!-- 底部信息：地址 & 复制 -->
                                                 <div
-                                                    class="flex items-center justify-between gap-2 border-t border-gray-50 pt-2 pl-8 text-xs dark:border-gray-700/50"
+                                                    class="flex items-center justify-between gap-2 border-t border-gray-50 pt-2 pl-8 text-xs dark:border-white/10/50"
                                                 >
                                                     <div
                                                         class="flex items-center gap-1.5 overflow-hidden text-gray-500 dark:text-gray-400"
@@ -423,7 +423,7 @@ onUnmounted(() => {
                                                     </div>
 
                                                     <button
-                                                        class="flex items-center gap-1 rounded-md bg-gray-50 px-2 py-1 font-medium text-gray-400 transition-all hover:bg-indigo-50 hover:text-indigo-600 dark:bg-gray-800 dark:hover:bg-indigo-900/30 dark:hover:text-indigo-400"
+                                                        class="flex items-center gap-1 rounded-element bg-gray-50 px-2 py-1 font-medium text-gray-400 transition-all hover:bg-primary-50 hover:text-primary-600 dark:bg-white/5 dark:hover:bg-primary-900/30 dark:hover:text-primary-400"
                                                         title="复制链接"
                                                         @click.stop="handleCopySingle(node.url)"
                                                     >
@@ -474,10 +474,10 @@ onUnmounted(() => {
 
                         <!-- 底部按钮 -->
                         <div
-                            class="flex shrink-0 justify-end space-x-3 border-t border-gray-300 p-6 pt-4 dark:border-gray-700"
+                            class="flex shrink-0 justify-end space-x-3 border-t border-gray-300 p-6 pt-4 dark:border-white/10"
                         >
                             <button
-                                class="rounded-lg bg-gray-200 px-4 py-2 text-sm font-semibold text-gray-800 transition-colors hover:bg-gray-300 dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600"
+                                class="rounded-element bg-gray-200 px-4 py-2 text-sm font-semibold text-gray-800 transition-colors hover:bg-gray-300 dark:bg-white/10 dark:text-gray-200 dark:hover:bg-white/10"
                                 @click="emit('update:show', false)"
                             >
                                 关闭
diff --git a/src/widgets/node/NodeModal.vue b/src/widgets/node/NodeModal.vue
index 81f945f9..cd18cbd7 100644
--- a/src/widgets/node/NodeModal.vue
+++ b/src/widgets/node/NodeModal.vue
@@ -85,7 +85,7 @@ const {
                         class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
                     >
                         节点链接
-                        <span class="text-red-500">*</span>
+                        <span class="text-danger-500">*</span>
                     </label>
                     <textarea
                         id="node-url"
@@ -93,11 +93,11 @@ const {
                         rows="4"
                         placeholder="vmess://... 或 ss://... 等节点分享链接"
                         class="input-modern w-full resize-none font-mono text-sm"
-                        :class="{ 'border-red-500 dark:border-red-500': urlError }"
+                        :class="{ 'border-danger-500 dark:border-danger-500': urlError }"
                         @input="handleUrlInput"
                         @blur="handleUrlBlur"
                     ></textarea>
-                    <p v-if="urlError" class="mt-1 text-sm text-red-600 dark:text-red-400">
+                    <p v-if="urlError" class="mt-1 text-sm text-danger-600 dark:text-danger-400">
                         {{ urlError }}
                     </p>
                     <p v-else class="mt-1 text-xs text-gray-500 dark:text-gray-400">
@@ -108,11 +108,11 @@ const {
 
                 <!-- 提示信息 -->
                 <div
-                    class="rounded-xl border border-blue-200 bg-blue-50 p-4 dark:border-blue-800 dark:bg-blue-900/20"
+                    class="rounded-element border border-info-200 bg-info-50 p-4 dark:border-info-800 dark:bg-info-900/20"
                 >
                     <div class="flex items-start gap-3">
                         <svg
-                            class="mt-0.5 h-5 w-5 shrink-0 text-blue-600 dark:text-blue-400"
+                            class="mt-0.5 h-5 w-5 shrink-0 text-info-600 dark:text-info-400"
                             fill="currentColor"
                             viewBox="0 0 20 20"
                         >
@@ -123,10 +123,10 @@ const {
                             />
                         </svg>
                         <div class="flex-1">
-                            <p class="mb-1 text-sm font-medium text-blue-900 dark:text-blue-100">
+                            <p class="mb-1 text-sm font-medium text-info-900 dark:text-info-100">
                                 粘贴节点分享链接
                             </p>
-                            <p class="text-xs text-blue-700 dark:text-blue-300">
+                            <p class="text-xs text-info-700 dark:text-info-300">
                                 从其他应用或网站复制节点分享链接，粘贴到上方输入框即可
                             </p>
                         </div>
diff --git a/src/widgets/node/SubscriptionImportModal.vue b/src/widgets/node/SubscriptionImportModal.vue
index 0a2f594f..4344c69c 100644
--- a/src/widgets/node/SubscriptionImportModal.vue
+++ b/src/widgets/node/SubscriptionImportModal.vue
@@ -70,14 +70,14 @@ const vFocus = {
 
         <template #body>
             <!-- 导入模式切换 Tabs -->
-            <div class="mb-5 flex rounded-xl bg-gray-100 p-1 dark:bg-gray-800/50">
+            <div class="mb-5 flex rounded-element bg-gray-100 p-1 dark:bg-white/5">
                 <button
                     v-for="m in ['url', 'text'] as const"
                     :key="m"
-                    class="flex-1 rounded-lg py-1.5 text-sm font-medium transition-all"
+                    class="flex-1 rounded-element py-1.5 text-sm font-medium transition-all"
                     :class="
                         mode === m
-                            ? 'bg-white text-indigo-600 shadow-sm dark:bg-gray-700 dark:text-indigo-400'
+                            ? 'bg-white text-primary-600 shadow-elevated-sm dark:bg-white/10 dark:text-primary-400'
                             : 'text-gray-500 hover:text-gray-700 dark:hover:text-gray-300'
                     "
                     @click="mode = m"
@@ -103,7 +103,7 @@ const vFocus = {
                 </div>
 
                 <div
-                    class="rounded-xl border border-blue-100 bg-blue-50 p-3 text-xs leading-relaxed text-blue-600 dark:border-blue-800/30 dark:bg-blue-900/10 dark:text-blue-400"
+                    class="rounded-element border border-info-100 bg-info-50 p-3 text-xs leading-relaxed text-info-600 dark:border-info-800/30 dark:bg-info-900/10 dark:text-info-400"
                 >
                     <p class="mb-1 font-bold">💡 提示：</p>
                     此模式通过后端服务器下载订阅内容，适合需要定期更新的订阅源。如果链接包含敏感参数（如
@@ -130,14 +130,14 @@ const vFocus = {
                     />
 
                     <div
-                        class="flex items-center gap-3 rounded-xl border-2 border-dashed p-3 transition-all"
+                        class="flex items-center gap-3 rounded-element border-2 border-dashed p-3 transition-all"
                         :class="
                             isDragging
-                                ? 'border-indigo-500 bg-indigo-50 dark:bg-indigo-900/10'
-                                : 'border-gray-300 bg-gray-50 hover:border-gray-300 dark:border-gray-700 dark:bg-gray-800/30 dark:hover:border-gray-600'
+                                ? 'border-primary-500 bg-primary-50 dark:bg-primary-900/10'
+                                : 'border-gray-300 bg-gray-50 hover:border-gray-300 dark:border-white/10 dark:bg-white/5 dark:hover:border-white/10'
                         "
                     >
-                        <div class="rounded-lg bg-white p-2 shadow-sm dark:bg-gray-700">
+                        <div class="rounded-element bg-white p-2 shadow-elevated-sm dark:bg-white/10">
                             <svg
                                 class="h-5 w-5 text-gray-500"
                                 xmlns="http://www.w3.org/2000/svg"
@@ -184,10 +184,10 @@ const vFocus = {
             <!-- 错误提示 -->
             <div
                 v-if="errorMessage"
-                class="mt-4 flex items-start gap-2 rounded-xl border border-red-200 bg-red-50 p-3 dark:border-red-800 dark:bg-red-900/20"
+                class="mt-4 flex items-start gap-2 rounded-element border border-danger-200 bg-danger-50 p-3 dark:border-danger-800 dark:bg-danger-900/20"
             >
                 <svg
-                    class="mt-0.5 h-4 w-4 shrink-0 text-red-500"
+                    class="mt-0.5 h-4 w-4 shrink-0 text-danger-500"
                     xmlns="http://www.w3.org/2000/svg"
                     fill="none"
                     viewBox="0 0 24 24"
@@ -200,7 +200,7 @@ const vFocus = {
                         d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
                     />
                 </svg>
-                <p class="text-xs leading-relaxed break-all text-red-600 dark:text-red-400">
+                <p class="text-xs leading-relaxed break-all text-danger-600 dark:text-danger-400">
                     {{ errorMessage }}
                 </p>
             </div>
diff --git a/src/widgets/profile/ProfileCard.vue b/src/widgets/profile/ProfileCard.vue
index af059369..b2bcf86c 100644
--- a/src/widgets/profile/ProfileCard.vue
+++ b/src/widgets/profile/ProfileCard.vue
@@ -52,10 +52,10 @@ const totalNodeCount = computed(() => {
 
 <template>
     <div
-        class="card-glass group relative flex min-h-35 flex-col overflow-hidden rounded-2xl p-4 hover:scale-[1.02]"
+        class="card-glass group relative flex min-h-35 flex-col overflow-hidden rounded-card p-4 hover:scale-[1.02]"
         :class="{
             'opacity-50': !profile.enabled,
-            'ring-2 ring-purple-600 dark:ring-purple-400': isBatchMode && isSelected,
+            'ring-2 ring-secondary-600 dark:ring-secondary-400': isBatchMode && isSelected,
             'cursor-pointer': isBatchMode
         }"
         @click="isBatchMode ? emit('toggleSelect') : null"
@@ -67,7 +67,7 @@ const totalNodeCount = computed(() => {
                     <input
                         type="checkbox"
                         :checked="isSelected"
-                        class="h-5 w-5 cursor-pointer rounded border-gray-300 bg-gray-100 text-purple-600 dark:border-gray-600 dark:bg-gray-700"
+                        class="h-5 w-5 cursor-pointer rounded border-gray-300 bg-gray-100 text-secondary-600 dark:border-white/10 dark:bg-white/10"
                         @change="emit('toggleSelect')"
                     />
                 </label>
@@ -77,7 +77,7 @@ const totalNodeCount = computed(() => {
             <div class="min-w-0 flex-1">
                 <div class="mb-2 flex items-center gap-2">
                     <div
-                        class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-linear-to-br from-purple-500 to-pink-600"
+                        class="flex h-8 w-8 shrink-0 items-center justify-center rounded-element bg-linear-to-br from-secondary-500 to-pink-600"
                     >
                         <svg
                             xmlns="http://www.w3.org/2000/svg"
@@ -112,7 +112,7 @@ const totalNodeCount = computed(() => {
                 class="flex shrink-0 items-center gap-1 opacity-100 transition-all duration-300 lg:opacity-0 lg:group-hover:opacity-100"
             >
                 <button
-                    class="rounded-lg p-1.5 text-gray-500 transition-all duration-200 hover:bg-indigo-500/10 hover:text-indigo-600 dark:text-gray-300 dark:hover:text-indigo-400"
+                    class="rounded-element p-1.5 text-gray-500 transition-all duration-200 hover:bg-primary-500/10 hover:text-primary-600 dark:text-gray-300 dark:hover:text-primary-400"
                     title="编辑"
                     @click.stop="emit('edit')"
                 >
@@ -132,7 +132,7 @@ const totalNodeCount = computed(() => {
                     </svg>
                 </button>
                 <button
-                    class="rounded-lg p-1.5 text-gray-500 transition-all duration-200 hover:bg-red-500/10 hover:text-red-500 dark:text-gray-300"
+                    class="rounded-element p-1.5 text-gray-500 transition-all duration-200 hover:bg-danger-500/10 hover:text-danger-500 dark:text-gray-300"
                     title="删除"
                     @click.stop="emit('delete')"
                 >
@@ -158,7 +158,7 @@ const totalNodeCount = computed(() => {
 
         <!-- 底部操作区 -->
         <div
-            class="mt-4 flex items-center justify-between border-t border-gray-300 pt-3 dark:border-gray-700"
+            class="mt-4 flex items-center justify-between border-t border-gray-300 pt-3 dark:border-white/10"
         >
             <!-- 启用/禁用开关 -->
             <label class="relative inline-flex cursor-pointer items-center">
@@ -174,7 +174,7 @@ const totalNodeCount = computed(() => {
                     "
                 />
                 <div
-                    class="peer h-6 w-11 rounded-full bg-gray-200 from-indigo-500 to-purple-600 peer-checked:bg-linear-to-r peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-5 peer-checked:after:border-white dark:border-gray-600 dark:bg-gray-700"
+                    class="peer h-6 w-11 rounded-full bg-gray-200 from-primary-500 to-secondary-600 peer-checked:bg-linear-to-r peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-5 peer-checked:after:border-white dark:border-white/10 dark:bg-white/10"
                 ></div>
                 <span
                     class="ml-3 text-xs font-medium whitespace-nowrap text-gray-600 dark:text-gray-300"
@@ -185,7 +185,7 @@ const totalNodeCount = computed(() => {
             <!-- 操作按钮组 -->
             <div class="flex shrink-0 items-center gap-2">
                 <button
-                    class="flex items-center gap-1.5 rounded-lg border border-gray-300 bg-gray-50 px-3 py-1.5 text-xs font-medium whitespace-nowrap text-gray-600 transition-all duration-200 hover:border-indigo-200 hover:bg-indigo-50 hover:text-indigo-600 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:border-indigo-800 dark:hover:bg-indigo-900/30 dark:hover:text-indigo-400"
+                    class="flex items-center gap-1.5 rounded-element border border-gray-300 bg-gray-50 px-3 py-1.5 text-xs font-medium whitespace-nowrap text-gray-600 transition-all duration-200 hover:border-primary-200 hover:bg-primary-50 hover:text-primary-600 dark:border-white/10 dark:bg-white/5 dark:text-gray-300 dark:hover:border-primary-800 dark:hover:bg-primary-900/30 dark:hover:text-primary-400"
                     title="显示节点信息"
                     @click.stop="emit('showNodes')"
                 >
@@ -211,7 +211,7 @@ const totalNodeCount = computed(() => {
                     <span>节点</span>
                 </button>
                 <button
-                    class="flex items-center gap-1.5 rounded-lg border border-gray-300 bg-gray-50 px-3 py-1.5 text-xs font-medium whitespace-nowrap text-gray-600 transition-all duration-200 hover:border-purple-200 hover:bg-purple-50 hover:text-purple-600 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:border-purple-800 dark:hover:bg-purple-900/30 dark:hover:text-purple-400"
+                    class="flex items-center gap-1.5 rounded-element border border-gray-300 bg-gray-50 px-3 py-1.5 text-xs font-medium whitespace-nowrap text-gray-600 transition-all duration-200 hover:border-secondary-200 hover:bg-secondary-50 hover:text-secondary-600 dark:border-white/10 dark:bg-white/5 dark:text-gray-300 dark:hover:border-secondary-800 dark:hover:bg-secondary-900/30 dark:hover:text-secondary-400"
                     @click.stop="emit('copy-link')"
                 >
                     <svg
diff --git a/src/widgets/profile/ProfileModal.vue b/src/widgets/profile/ProfileModal.vue
index 4e8f7776..7c288077 100644
--- a/src/widgets/profile/ProfileModal.vue
+++ b/src/widgets/profile/ProfileModal.vue
@@ -107,7 +107,7 @@ const {
                             />
                             <button
                                 type="button"
-                                class="rounded-xl bg-gray-100 px-3 py-2 text-gray-600 shadow-sm transition-colors hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600"
+                                class="rounded-element bg-gray-100 px-3 py-2 text-gray-600 shadow-elevated-sm transition-colors hover:bg-gray-200 dark:bg-white/10 dark:text-gray-300 dark:hover:bg-white/10"
                                 title="生成随机短 ID"
                                 @click="handleGenerateShortId"
                             >
@@ -129,7 +129,7 @@ const {
                         </div>
                         <p class="mt-1.5 text-xs text-gray-400">
                             设置后，订阅链接会变为：/token/<span
-                                class="font-bold text-indigo-500"
+                                class="font-bold text-primary-500"
                                 >{{ localProfile.customId || 'id' }}</span
                             >
                         </p>
@@ -167,13 +167,13 @@ const {
                             </h4>
                             <div class="space-x-3 text-sm">
                                 <button
-                                    class="font-medium text-indigo-600 transition-colors hover:text-indigo-700"
+                                    class="font-medium text-primary-600 transition-colors hover:text-primary-700"
                                     @click="handleSelectAll('subscriptions', filteredSubscriptions)"
                                 >
                                     全选
                                 </button>
                                 <button
-                                    class="font-medium text-indigo-600 transition-colors hover:text-indigo-700"
+                                    class="font-medium text-primary-600 transition-colors hover:text-primary-700"
                                     @click="
                                         handleDeselectAll('subscriptions', filteredSubscriptions)
                                     "
@@ -207,26 +207,26 @@ const {
                         </div>
 
                         <div
-                            class="custom-scrollbar flex-1 overflow-y-auto rounded-xl border border-gray-300 bg-gray-50 p-2 dark:border-gray-700 dark:bg-gray-800"
+                            class="custom-scrollbar flex-1 overflow-y-auto rounded-element border border-gray-300 bg-gray-50 p-2 dark:border-white/10 dark:bg-white/5"
                         >
                             <div v-if="filteredSubscriptions.length > 0" class="space-y-1">
                                 <div v-for="sub in filteredSubscriptions" :key="sub.id">
                                     <label
-                                        class="group relative flex cursor-pointer items-center overflow-hidden rounded-lg p-3 transition-all duration-200"
+                                        class="group relative flex cursor-pointer items-center overflow-hidden rounded-element p-3 transition-all duration-200"
                                         :class="
                                             localProfile.subscriptions?.includes(sub.id)
-                                                ? 'bg-indigo-50 dark:bg-indigo-900/20'
-                                                : 'hover:bg-gray-50 dark:hover:bg-gray-700/50'
+                                                ? 'bg-primary-50 dark:bg-primary-900/20'
+                                                : 'hover:bg-gray-50 dark:hover:bg-white/10/50'
                                         "
                                     >
                                         <div
                                             v-if="localProfile.subscriptions?.includes(sub.id)"
-                                            class="absolute top-0 bottom-0 left-0 w-1 bg-linear-to-b from-indigo-500 to-purple-500"
+                                            class="absolute top-0 bottom-0 left-0 w-1 bg-linear-to-b from-primary-500 to-secondary-500"
                                         ></div>
                                         <input
                                             type="checkbox"
                                             :checked="localProfile.subscriptions?.includes(sub.id)"
-                                            class="mr-3 h-5 w-5 rounded border-gray-300 text-indigo-600 transition-colors"
+                                            class="mr-3 h-5 w-5 rounded border-gray-300 text-primary-600 transition-colors"
                                             @change="toggleSelection('subscriptions', sub.id)"
                                         />
                                         <span
@@ -235,7 +235,7 @@ const {
                                             {{ sub.name || '未命名订阅' }}
                                             <span
                                                 v-if="!sub.enabled"
-                                                class="ml-1 text-xs text-red-500"
+                                                class="ml-1 text-xs text-danger-500"
                                                 >(已禁用)</span
                                             >
                                         </span>
@@ -273,13 +273,13 @@ const {
                             </h4>
                             <div class="space-x-3 text-sm">
                                 <button
-                                    class="font-medium text-indigo-600 transition-colors hover:text-indigo-700"
+                                    class="font-medium text-primary-600 transition-colors hover:text-primary-700"
                                     @click="handleSelectAll('manualNodes', filteredManualNodes)"
                                 >
                                     全选
                                 </button>
                                 <button
-                                    class="font-medium text-indigo-600 transition-colors hover:text-indigo-700"
+                                    class="font-medium text-primary-600 transition-colors hover:text-primary-700"
                                     @click="handleDeselectAll('manualNodes', filteredManualNodes)"
                                 >
                                     全不选
@@ -311,26 +311,26 @@ const {
                         </div>
 
                         <div
-                            class="custom-scrollbar flex-1 overflow-y-auto rounded-xl border border-gray-300 bg-gray-50 p-2 dark:border-gray-700 dark:bg-gray-800"
+                            class="custom-scrollbar flex-1 overflow-y-auto rounded-element border border-gray-300 bg-gray-50 p-2 dark:border-white/10 dark:bg-white/5"
                         >
                             <div v-if="filteredManualNodes.length > 0" class="space-y-1">
                                 <div v-for="node in filteredManualNodes" :key="node.id">
                                     <label
-                                        class="group relative flex cursor-pointer items-center overflow-hidden rounded-lg p-3 transition-all duration-200"
+                                        class="group relative flex cursor-pointer items-center overflow-hidden rounded-element p-3 transition-all duration-200"
                                         :class="
                                             localProfile.manualNodes?.includes(node.id)
-                                                ? 'bg-indigo-50 dark:bg-indigo-900/20'
-                                                : 'hover:bg-gray-50 dark:hover:bg-gray-700/50'
+                                                ? 'bg-primary-50 dark:bg-primary-900/20'
+                                                : 'hover:bg-gray-50 dark:hover:bg-white/10/50'
                                         "
                                     >
                                         <div
                                             v-if="localProfile.manualNodes?.includes(node.id)"
-                                            class="absolute top-0 bottom-0 left-0 w-1 bg-linear-to-b from-indigo-500 to-purple-500"
+                                            class="absolute top-0 bottom-0 left-0 w-1 bg-linear-to-b from-primary-500 to-secondary-500"
                                         ></div>
                                         <input
                                             type="checkbox"
                                             :checked="localProfile.manualNodes?.includes(node.id)"
-                                            class="mr-3 h-5 w-5 rounded border-gray-300 text-indigo-600 transition-colors"
+                                            class="mr-3 h-5 w-5 rounded border-gray-300 text-primary-600 transition-colors"
                                             @change="toggleSelection('manualNodes', node.id)"
                                         />
                                         <span
diff --git a/src/widgets/profile/SubscriptionExportModal.vue b/src/widgets/profile/SubscriptionExportModal.vue
index ab0ba7be..afe7e076 100644
--- a/src/widgets/profile/SubscriptionExportModal.vue
+++ b/src/widgets/profile/SubscriptionExportModal.vue
@@ -107,7 +107,7 @@ const handleCopy = async (option: (typeof exportOptions)[0]) => {
     <Transition name="fade">
         <div
             v-if="show"
-            class="fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6"
+            class="fixed inset-0 z-99 flex items-center justify-center bg-black/60 p-4 sm:p-6"
             @click.self="emit('update:show', false)"
         >
             <!-- Backdrop -->
@@ -118,11 +118,11 @@ const handleCopy = async (option: (typeof exportOptions)[0]) => {
 
             <!-- Modal Card -->
             <div
-                class="relative flex max-h-[85vh] w-full max-w-sm origin-center scale-100 transform flex-col overflow-hidden rounded-2xl bg-white shadow-xl ring-1 ring-gray-900/5 transition-all dark:bg-gray-800 dark:ring-white/10"
+                class="relative flex max-h-[85vh] w-full max-w-sm origin-center scale-100 transform flex-col overflow-hidden rounded-card border border-gray-300 bg-white text-left shadow-modal transition-all dark:border-white/10 dark:bg-black/60 dark:backdrop-blur-2xl"
             >
                 <!-- Header -->
                 <div
-                    class="sticky top-0 z-10 flex items-center justify-between border-b border-gray-100 bg-white px-6 py-5 dark:border-gray-700 dark:bg-gray-800"
+                    class="sticky top-0 z-10 flex items-center justify-between border-b border-gray-100 bg-white px-6 py-5 dark:border-white/10 dark:bg-white/5"
                 >
                     <div>
                         <h3 class="text-lg font-bold text-gray-900 dark:text-white">导出订阅</h3>
@@ -131,7 +131,7 @@ const handleCopy = async (option: (typeof exportOptions)[0]) => {
                         </p>
                     </div>
                     <button
-                        class="rounded-xl p-2 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300"
+                        class="rounded-element p-2 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600 dark:hover:bg-white/10 dark:hover:text-gray-300"
                         @click="close"
                     >
                         <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -149,9 +149,9 @@ const handleCopy = async (option: (typeof exportOptions)[0]) => {
                 <div class="scrollbar-thin overflow-y-auto p-2">
                     <div class="px-4 py-2">
                         <div
-                            class="mb-2 rounded-lg border border-amber-100 bg-amber-50 px-3 py-2 dark:border-amber-900/30 dark:bg-amber-900/20"
+                            class="mb-2 rounded-element border border-warning-100 bg-warning-50 px-3 py-2 dark:border-warning-900/30 dark:bg-warning-900/20"
                         >
-                            <p class="text-xs leading-relaxed text-amber-700 dark:text-amber-400">
+                            <p class="text-xs leading-relaxed text-warning-700 dark:text-warning-400">
                                 请确保已在设置中配置了
                                 <strong>订阅组分享 Token</strong>，否则链接无法访问。
                             </p>
@@ -161,12 +161,12 @@ const handleCopy = async (option: (typeof exportOptions)[0]) => {
                     <div
                         v-for="option in exportOptions"
                         :key="option.name"
-                        class="group mx-2 mb-1 flex cursor-default items-center justify-between rounded-xl border border-transparent px-4 py-3 transition-all duration-200 hover:border-gray-200 hover:bg-gray-50 dark:hover:border-gray-700 dark:hover:bg-gray-700/50"
+                        class="group mx-2 mb-1 flex cursor-default items-center justify-between rounded-element border border-transparent px-4 py-3 transition-all duration-200 hover:border-gray-200 hover:bg-gray-50 dark:hover:border-white/10 dark:hover:bg-white/10/50"
                     >
                         <!-- Left: Icon & Name -->
                         <div class="flex items-center gap-4">
                             <div
-                                class="flex h-10 w-10 items-center justify-center rounded-xl bg-gray-50 text-gray-500 ring-1 ring-gray-900/5 transition-all duration-200 group-hover:bg-white group-hover:text-indigo-600 group-hover:shadow-sm dark:bg-gray-700 dark:text-gray-400 dark:ring-white/5 dark:group-hover:bg-gray-600 dark:group-hover:text-indigo-400"
+                                class="flex h-10 w-10 items-center justify-center rounded-element bg-gray-50 text-gray-500 ring-1 ring-gray-900/5 transition-all duration-200 group-hover:bg-white group-hover:text-primary-600 group-hover:shadow-elevated-sm dark:bg-white/10 dark:text-gray-400 dark:ring-white/5 dark:group-hover:bg-white/10 dark:group-hover:text-primary-400"
                             >
                                 <svg
                                     class="h-5 w-5"
@@ -194,7 +194,7 @@ const handleCopy = async (option: (typeof exportOptions)[0]) => {
                         <div class="flex items-center gap-1">
                             <!-- Copy Button -->
                             <button
-                                class="rounded-lg p-2.5 text-gray-400 transition-all hover:bg-indigo-50 hover:text-indigo-600 active:scale-95 dark:hover:bg-indigo-900/30 dark:hover:text-indigo-400"
+                                class="rounded-element p-2.5 text-gray-400 transition-all hover:bg-primary-50 hover:text-primary-600 active:scale-95 dark:hover:bg-primary-900/30 dark:hover:text-primary-400"
                                 title="复制链接"
                                 @click="handleCopy(option)"
                             >
@@ -218,7 +218,7 @@ const handleCopy = async (option: (typeof exportOptions)[0]) => {
 
                 <!-- Footer -->
                 <div
-                    class="border-t border-gray-100 bg-gray-50 p-4 text-center dark:border-gray-800 dark:bg-gray-900/50"
+                    class="border-t border-gray-100 bg-gray-50 p-4 text-center dark:border-white/10 dark:bg-black/40"
                 >
                     <button
                         class="text-sm font-medium text-gray-500 transition-colors hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
diff --git a/src/widgets/settings/BackupView.vue b/src/widgets/settings/BackupView.vue
index 52c5113e..dbb5b023 100644
--- a/src/widgets/settings/BackupView.vue
+++ b/src/widgets/settings/BackupView.vue
@@ -319,13 +319,13 @@ async function confirmImport() {
     <div class="space-y-6 pb-12">
         <!-- 快照管理 (备份储存) -->
         <div
-            class="rounded-xl border border-gray-300 bg-white p-6 shadow-sm transition-all hover:shadow-md dark:border-gray-700 dark:bg-gray-800"
+            class="card-glass rounded-element p-6"
         >
-            <div class="mb-6 flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center border-b border-gray-300 pb-4 dark:border-gray-700">
+            <div class="mb-6 flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center border-b border-gray-300 pb-4 dark:border-white/10">
                 <div>
                     <h3 class="flex items-center gap-2 text-lg font-bold text-gray-800 dark:text-white">
                         服务器快照
-                        <span class="rounded-full bg-indigo-100 px-2 py-0.5 text-[10px] font-medium text-indigo-600 dark:bg-indigo-900/40 dark:text-indigo-400">
+                        <span class="rounded-full bg-primary-100 px-2 py-0.5 text-[10px] font-medium text-primary-600 dark:bg-primary-900/40 dark:text-primary-400">
                             储存功能
                         </span>
                     </h3>
@@ -339,12 +339,12 @@ async function confirmImport() {
                         v-model="snapshotName"
                         type="text"
                         placeholder="快照名称 (可选)"
-                        class="rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white sm:w-48"
+                        class="rounded-element border border-gray-300 bg-white px-3 py-2 text-sm focus:border-primary-500 focus:ring-1 focus:ring-primary-500 dark:border-white/10 dark:bg-white/5 dark:text-white sm:w-48"
                         @keyup.enter="handleCreateSnapshot"
                     />
                     <button
                         :disabled="isCreatingSnapshot"
-                        class="flex shrink-0 items-center justify-center gap-2 rounded-lg bg-indigo-600 px-3 py-2 text-sm font-medium text-white shadow-sm transition-colors hover:bg-indigo-700 disabled:opacity-50 whitespace-nowrap"
+                        class="flex shrink-0 items-center justify-center gap-2 rounded-element bg-primary-600 px-3 py-2 text-sm font-medium text-white shadow-elevated-sm transition-colors hover:bg-primary-700 disabled:opacity-50 whitespace-nowrap"
                         @click="handleCreateSnapshot"
                     >
                         <svg v-if="!isCreatingSnapshot" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -358,25 +358,25 @@ async function confirmImport() {
 
             <!-- 快照列表 -->
             <div v-if="isLoadingSnapshots" class="flex justify-center py-12">
-                <div class="h-8 w-8 animate-spin rounded-full border-4 border-indigo-600 border-t-transparent"></div>
+                <div class="h-8 w-8 animate-spin rounded-full border-4 border-primary-600 border-t-transparent"></div>
             </div>
 
-            <div v-else-if="snapshots.length === 0" class="py-12 text-center text-gray-500 dark:text-gray-400 border-2 border-dashed border-gray-200 dark:border-gray-700 rounded-xl">
+            <div v-else-if="snapshots.length === 0" class="py-12 text-center text-gray-500 dark:text-gray-400 border-2 border-dashed border-gray-200 dark:border-white/10 rounded-element">
                  还没有任何服务器快照
             </div>
 
             <div v-else>
                 <!-- 批量操作栏 -->
-                <div v-if="batch.isBatchDeleteMode.value" class="mb-4 flex items-center justify-between rounded-lg bg-indigo-50 p-3 px-4 dark:bg-indigo-900/20">
+                <div v-if="batch.isBatchDeleteMode.value" class="mb-4 flex items-center justify-between rounded-element bg-primary-50 p-3 px-4 dark:bg-primary-900/20">
                     <div class="flex items-center gap-4">
                         <label class="flex cursor-pointer items-center gap-2">
                             <input
                                 type="checkbox"
                                 :checked="batch.selectedCount.value === snapshots.length && snapshots.length > 0"
-                                class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
+                                class="h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500"
                                 @change="batch.selectedCount.value === snapshots.length ? batch.deselectAll() : batch.selectAll()"
                             />
-                            <span class="text-sm font-medium text-indigo-900 dark:text-indigo-300">
+                            <span class="text-sm font-medium text-primary-900 dark:text-primary-300">
                                 全选 ({{ batch.selectedCount.value }}/{{ snapshots.length }})
                             </span>
                         </label>
@@ -390,7 +390,7 @@ async function confirmImport() {
                         </button>
                         <button
                             :disabled="batch.selectedCount.value === 0"
-                            class="rounded-lg bg-red-500 px-3 py-1.5 text-xs font-medium text-white shadow-sm hover:bg-red-600 disabled:opacity-50"
+                            class="rounded-element bg-danger-500 px-3 py-1.5 text-xs font-medium text-white shadow-elevated-sm hover:bg-danger-600 disabled:opacity-50"
                             @click="handleBatchDelete"
                         >
                             删除选中 ({{ batch.selectedCount.value }})
@@ -401,7 +401,7 @@ async function confirmImport() {
                 <!-- 列表控制栏 (非批量模式) -->
                 <div v-else class="mb-4 flex justify-end">
                     <button
-                        class="text-xs text-indigo-600 hover:text-indigo-700 hover:underline dark:text-indigo-400"
+                        class="text-xs text-primary-600 hover:text-primary-700 hover:underline dark:text-primary-400"
                         @click="batch.toggleBatchDeleteMode()"
                     >
                         批量管理
@@ -412,7 +412,7 @@ async function confirmImport() {
                     <div
                         v-for="snapshot in snapshots"
                         :key="snapshot.id"
-                        class="group relative flex flex-col sm:flex-row sm:items-center gap-3 rounded-xl border border-gray-100 bg-gray-50/50 p-4 transition-all hover:border-indigo-300 hover:bg-white dark:border-gray-700/50 dark:bg-gray-700/20 dark:hover:border-indigo-900/50 dark:hover:bg-gray-700/40"
+                        class="group relative flex flex-col sm:flex-row sm:items-center gap-3 rounded-element border border-gray-100 bg-gray-50/50 p-4 transition-all hover:border-primary-300 hover:bg-white dark:border-white/10 dark:bg-white/5 dark:hover:border-primary-500/30 dark:hover:bg-white/10"
                         @click="batch.isBatchDeleteMode.value && batch.toggleSelection(snapshot.id)"
                     >
                         <div class="flex items-center gap-3 flex-1 min-w-0">
@@ -421,12 +421,12 @@ async function confirmImport() {
                                 <input
                                     type="checkbox"
                                     :checked="batch.isSelected(snapshot.id)"
-                                    class="h-5 w-5 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
+                                    class="h-5 w-5 rounded border-gray-300 text-primary-600 focus:ring-primary-500"
                                     @change="batch.toggleSelection(snapshot.id)"
                                 />
                             </div>
 
-                            <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-100 text-indigo-600 dark:bg-indigo-900/40 dark:text-indigo-400 shrink-0">
+                            <div class="flex h-10 w-10 items-center justify-center rounded-element bg-primary-100 text-primary-600 dark:bg-primary-900/40 dark:text-primary-400 shrink-0">
                                 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
                                 </svg>
@@ -447,13 +447,13 @@ async function confirmImport() {
 
                         <div v-if="!batch.isBatchDeleteMode.value" class="flex items-center gap-2 shrink-0 self-end sm:self-center">
                             <button
-                                class="rounded-lg bg-white px-3 py-1.5 text-xs font-semibold text-gray-700 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-200 dark:ring-gray-600 dark:hover:bg-gray-700"
+                                class="rounded-element bg-white px-3 py-1.5 text-xs font-semibold text-gray-700 shadow-elevated-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 dark:bg-white/5 dark:text-gray-200 dark:ring-white/10 dark:hover:bg-white/10"
                                 @click.stop="handleRestoreFromSnapshot(snapshot.id)"
                             >
                                 恢复
                             </button>
                             <button
-                                class="rounded-lg bg-white p-1.5 text-red-500 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-red-50 dark:bg-gray-800 dark:ring-gray-600 dark:hover:bg-red-900/20"
+                                class="rounded-element bg-white p-1.5 text-danger-500 shadow-elevated-sm ring-1 ring-inset ring-gray-300 hover:bg-danger-50 dark:bg-white/5 dark:ring-white/10 dark:hover:bg-danger-900/20"
                                 title="删除"
                                 @click.stop="handleDeleteSnapshot(snapshot.id)"
                             >
@@ -470,7 +470,7 @@ async function confirmImport() {
         <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
         <!-- 导出备份 -->
         <div
-            class="rounded-xl border border-gray-300 bg-white p-6 shadow-sm transition-all hover:shadow-md dark:border-gray-700 dark:bg-gray-800"
+            class="card-glass rounded-element p-6"
         >
             <div
                 class="mb-4 flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center"
@@ -487,7 +487,7 @@ async function confirmImport() {
                 </div>
                 <button
                     :disabled="isExporting"
-                    class="flex shrink-0 items-center gap-2 rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm transition-colors hover:bg-indigo-700 disabled:cursor-not-allowed disabled:opacity-50"
+                    class="flex shrink-0 items-center gap-2 rounded-element bg-primary-600 px-4 py-2 text-sm font-medium text-white shadow-elevated-sm transition-colors hover:bg-primary-700 disabled:cursor-not-allowed disabled:opacity-50"
                     @click="handleExport"
                 >
                     <svg
@@ -514,7 +514,7 @@ async function confirmImport() {
             </div>
 
             <div
-                class="rounded-lg border border-gray-300 bg-gray-50 p-3 text-xs text-gray-400 dark:border-gray-700 dark:bg-gray-700/30 dark:text-gray-500"
+                class="rounded-element border border-gray-300 bg-gray-50 p-3 text-xs text-gray-400 dark:border-white/10 dark:bg-white/5 dark:text-gray-500"
             >
                 包含订阅源、订阅组、手动节点、系统设置和账号信息。包括敏感数据（如密码哈希），请妥善保管。
             </div>
@@ -522,9 +522,9 @@ async function confirmImport() {
 
         <!-- 导入备份 -->
         <div
-            class="rounded-xl border border-gray-300 bg-white p-6 shadow-sm transition-all hover:shadow-md dark:border-gray-700 dark:bg-gray-800"
+            class="card-glass rounded-element p-6"
         >
-            <div class="mb-6 border-b border-gray-300 pb-4 dark:border-gray-700">
+            <div class="mb-6 border-b border-gray-300 pb-4 dark:border-white/10">
                 <h3 class="flex items-center gap-2 text-lg font-bold text-gray-800 dark:text-white">
                     导入备份
                 </h3>
@@ -537,7 +537,7 @@ async function confirmImport() {
             <div class="space-y-4">
                 <div
                     v-if="!selectedBackup"
-                    class="cursor-pointer rounded-xl border-2 border-dashed border-gray-300 bg-gray-50/50 p-8 text-center transition-colors hover:border-indigo-500 dark:border-gray-600 dark:bg-gray-700/20 dark:hover:border-indigo-400"
+                    class="cursor-pointer rounded-element border-2 border-dashed border-gray-300 bg-gray-50/50 p-8 text-center transition-colors hover:border-primary-500 dark:border-white/10 dark:bg-white/5 dark:hover:border-primary-400"
                     @click="() => fileInput?.click()"
                     @dragover.prevent
                     @drop.prevent="handleDrop"
@@ -551,11 +551,11 @@ async function confirmImport() {
                     />
 
                     <div
-                        class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-full bg-indigo-50 dark:bg-indigo-900/30"
+                        class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-full bg-primary-50 dark:bg-primary-900/30"
                     >
                         <svg
                             xmlns="http://www.w3.org/2000/svg"
-                            class="h-6 w-6 text-indigo-600 dark:text-indigo-400"
+                            class="h-6 w-6 text-primary-600 dark:text-primary-400"
                             fill="none"
                             viewBox="0 0 24 24"
                             stroke="currentColor"
@@ -580,12 +580,12 @@ async function confirmImport() {
                 <div v-else class="animate-fadeIn space-y-6">
                     <!-- 文件信息卡片 -->
                     <div
-                        class="rounded-lg border border-indigo-100 bg-indigo-50/50 p-4 dark:border-indigo-900/30 dark:bg-indigo-900/10"
+                        class="rounded-element border border-primary-100 bg-primary-50/50 p-4 dark:border-primary-900/30 dark:bg-primary-900/10"
                     >
                         <div class="mb-4 flex items-start justify-between">
                             <div class="flex items-center gap-3">
                                 <div
-                                    class="rounded-lg border border-indigo-100 bg-white p-2 text-indigo-600 shadow-sm dark:border-indigo-900/30 dark:bg-gray-800 dark:text-indigo-400"
+                                    class="rounded-element border border-primary-100 bg-white p-2 text-primary-600 shadow-elevated-sm dark:border-primary-900/30 dark:text-primary-400"
                                 >
                                     <svg
                                         xmlns="http://www.w3.org/2000/svg"
@@ -613,7 +613,7 @@ async function confirmImport() {
                                 </div>
                             </div>
                             <button
-                                class="p-1 text-gray-400 transition-colors hover:text-red-500"
+                                class="p-1 text-gray-400 transition-colors hover:text-danger-500"
                                 @click="selectedBackup = null"
                             >
                                 <svg
@@ -634,9 +634,9 @@ async function confirmImport() {
                         <!-- 数据统计网格 -->
                         <div class="grid grid-cols-5 gap-2 text-center">
                             <div
-                                class="rounded border border-indigo-50 bg-white p-2 dark:border-indigo-900/20 dark:bg-gray-800"
+                                class="rounded border border-primary-50 bg-white p-2 dark:border-primary-900/20 dark:bg-white/5"
                             >
-                                <div class="text-lg font-bold text-indigo-600 dark:text-indigo-400">
+                                <div class="text-lg font-bold text-primary-600 dark:text-primary-400">
                                     {{ selectedBackup.metadata?.itemCount?.subscriptions || 0 }}
                                 </div>
                                 <div class="text-[10px] uppercase tracking-wide text-gray-500">
@@ -644,9 +644,9 @@ async function confirmImport() {
                                 </div>
                             </div>
                             <div
-                                class="rounded border border-indigo-50 bg-white p-2 dark:border-indigo-900/20 dark:bg-gray-800"
+                                class="rounded border border-primary-50 bg-white p-2 dark:border-primary-900/20 dark:bg-white/5"
                             >
-                                <div class="text-lg font-bold text-indigo-600 dark:text-indigo-400">
+                                <div class="text-lg font-bold text-primary-600 dark:text-primary-400">
                                     {{ selectedBackup.metadata?.itemCount?.profiles || 0 }}
                                 </div>
                                 <div class="text-[10px] uppercase tracking-wide text-gray-500">
@@ -654,9 +654,9 @@ async function confirmImport() {
                                 </div>
                             </div>
                             <div
-                                class="rounded border border-indigo-50 bg-white p-2 dark:border-indigo-900/20 dark:bg-gray-800"
+                                class="rounded border border-primary-50 bg-white p-2 dark:border-primary-900/20 dark:bg-white/5"
                             >
-                                <div class="text-lg font-bold text-indigo-600 dark:text-indigo-400">
+                                <div class="text-lg font-bold text-primary-600 dark:text-primary-400">
                                     {{ selectedBackup.metadata?.itemCount?.manualNodes || 0 }}
                                 </div>
                                 <div class="text-[10px] uppercase tracking-wide text-gray-500">
@@ -664,9 +664,9 @@ async function confirmImport() {
                                 </div>
                             </div>
                             <div
-                                class="rounded border border-indigo-50 bg-white p-2 dark:border-indigo-900/20 dark:bg-gray-800"
+                                class="rounded border border-primary-50 bg-white p-2 dark:border-primary-900/20 dark:bg-white/5"
                             >
-                                <div class="text-lg font-bold text-indigo-600 dark:text-indigo-400">
+                                <div class="text-lg font-bold text-primary-600 dark:text-primary-400">
                                     {{ selectedBackup.metadata?.itemCount?.proxyCount || 0 }}
                                 </div>
                                 <div class="text-[10px] uppercase tracking-wide text-gray-500">
@@ -674,9 +674,9 @@ async function confirmImport() {
                                 </div>
                             </div>
                             <div
-                                class="rounded border border-indigo-50 bg-white p-2 dark:border-indigo-900/20 dark:bg-gray-800"
+                                class="rounded border border-primary-50 bg-white p-2 dark:border-primary-900/20 dark:bg-white/5"
                             >
-                                <div class="text-lg font-bold text-indigo-600 dark:text-indigo-400">
+                                <div class="text-lg font-bold text-primary-600 dark:text-primary-400">
                                     {{ selectedBackup.metadata?.itemCount?.users || 0 }}
                                 </div>
                                 <div class="text-[10px] uppercase tracking-wide text-gray-500">
@@ -694,11 +694,11 @@ async function confirmImport() {
                         >
                         <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
                             <label
-                                class="relative flex cursor-pointer items-start rounded-xl border p-3 transition-all hover:bg-gray-50 dark:hover:bg-gray-700/30"
+                                class="relative flex cursor-pointer items-start rounded-element border p-3 transition-all hover:bg-gray-50 dark:hover:bg-white/10"
                                 :class="
                                     restoreMode === 'merge'
-                                        ? 'border-indigo-500 bg-indigo-50/20 ring-1 ring-indigo-500'
-                                        : 'border-gray-300 dark:border-gray-700'
+                                        ? 'border-primary-500 bg-primary-50/20 ring-1 ring-primary-500'
+                                        : 'border-gray-300 dark:border-white/10'
                                 "
                             >
                                 <input
@@ -709,9 +709,9 @@ async function confirmImport() {
                                 />
                                 <div class="flex h-5 items-center">
                                     <div
-                                        class="flex h-4 w-4 items-center justify-center rounded-full border border-gray-300 transition-colors dark:border-gray-600"
+                                        class="flex h-4 w-4 items-center justify-center rounded-full border border-gray-300 transition-colors dark:border-white/10"
                                         :class="{
-                                            'border-indigo-600 bg-indigo-600':
+                                            'border-primary-600 bg-primary-600':
                                                 restoreMode === 'merge'
                                         }"
                                     >
@@ -734,11 +734,11 @@ async function confirmImport() {
                             </label>
 
                             <label
-                                class="relative flex cursor-pointer items-start rounded-xl border p-3 transition-all hover:bg-gray-50 dark:hover:bg-gray-700/30"
+                                class="relative flex cursor-pointer items-start rounded-element border p-3 transition-all hover:bg-gray-50 dark:hover:bg-white/10"
                                 :class="
                                     restoreMode === 'overwrite'
-                                        ? 'border-amber-500 bg-amber-50/20 ring-1 ring-amber-500'
-                                        : 'border-gray-300 dark:border-gray-700'
+                                        ? 'border-warning-500 bg-warning-50/20 ring-1 ring-warning-500'
+                                        : 'border-gray-300 dark:border-white/10'
                                 "
                             >
                                 <input
@@ -749,9 +749,9 @@ async function confirmImport() {
                                 />
                                 <div class="flex h-5 items-center">
                                     <div
-                                        class="flex h-4 w-4 items-center justify-center rounded-full border border-gray-300 transition-colors dark:border-gray-600"
+                                        class="flex h-4 w-4 items-center justify-center rounded-full border border-gray-300 transition-colors dark:border-white/10"
                                         :class="{
-                                            'border-amber-600 bg-amber-600':
+                                            'border-warning-600 bg-warning-600':
                                                 restoreMode === 'overwrite'
                                         }"
                                     >
@@ -779,7 +779,7 @@ async function confirmImport() {
                     <div class="flex gap-3 pt-2">
                         <button
                             :disabled="isImporting"
-                            class="flex flex-1 items-center justify-center gap-2 rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm transition-colors hover:bg-indigo-700 disabled:cursor-not-allowed disabled:opacity-50"
+                            class="flex flex-1 items-center justify-center gap-2 rounded-element bg-primary-600 px-4 py-2 text-sm font-medium text-white shadow-elevated-sm transition-colors hover:bg-primary-700 disabled:cursor-not-allowed disabled:opacity-50"
                             @click="handleImport"
                         >
                             <svg
@@ -804,7 +804,7 @@ async function confirmImport() {
                             {{ isImporting ? '恢复数据中...' : '确认开始恢复' }}
                         </button>
                         <button
-                            class="rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
+                            class="rounded-element border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-50 dark:border-white/10 dark:text-gray-300 dark:hover:bg-white/10 dark:bg-white/5"
                             @click="selectedBackup = null"
                         >
                             取消
@@ -842,7 +842,7 @@ async function confirmImport() {
             :type="restoreMode === 'overwrite' ? 'danger' : 'warning'"
             :message="
                 restoreMode === 'overwrite'
-                    ? '确定要从快照恢复并 <strong class=\'text-red-500\'>覆盖</strong> 现有数据吗？此操作不可撤销！'
+                    ? '确定要从快照恢复并 <strong class=\'text-danger-500\'>覆盖</strong> 现有数据吗？此操作不可撤销！'
                     : '确定要从快照恢复（合并）数据吗？'
             "
             confirm-text="确认恢复"
diff --git a/src/widgets/settings/HelpModal.vue b/src/widgets/settings/HelpModal.vue
index c66b955f..7ec8cdb0 100644
--- a/src/widgets/settings/HelpModal.vue
+++ b/src/widgets/settings/HelpModal.vue
@@ -75,25 +75,25 @@ const features = [
         title: '订阅管理',
         desc: '支持多种格式订阅自动解析，流量与过期时间监控，定时自动更新。',
         icon: 'M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10',
-        color: 'from-blue-500 to-indigo-600'
+        color: 'from-info-500 to-primary-600'
     },
     {
         title: '订阅组',
         desc: '将多个订阅源组合成一个大的订阅，支持自定义筛选规则和排除规则。',
         icon: 'M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z',
-        color: 'from-purple-500 to-pink-600'
+        color: 'from-secondary-500 to-pink-600'
     },
     {
         title: '手动节点',
         desc: '支持手动添加单个节点，或批量导入节点链接，支持智能去重排序。',
         icon: 'M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4',
-        color: 'from-green-500 to-emerald-600'
+        color: 'from-success-500 to-success-600'
     },
     {
         title: '格式转换',
         desc: '内置强大的格式转换引擎，支持生成适配各种主流客户端的配置文件。',
         icon: 'M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4',
-        color: 'from-orange-500 to-red-600'
+        color: 'from-warning-500 to-danger-600'
     }
 ];
 </script>
@@ -108,7 +108,7 @@ const features = [
         <template #title>
             <div class="flex items-center gap-3">
                 <div
-                    class="flex h-10 w-10 items-center justify-center rounded-xl bg-linear-to-br from-indigo-500 to-purple-600 shadow-lg"
+                    class="flex h-10 w-10 items-center justify-center rounded-element bg-linear-to-br from-primary-500 to-secondary-600 shadow-elevated"
                 >
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
@@ -135,7 +135,7 @@ const features = [
         <template #body>
             <div class="min-h-75">
                 <!-- Tab Navigation -->
-                <div class="mb-8 flex justify-center border-b border-gray-300 dark:border-gray-700">
+                <div class="mb-8 flex justify-center border-b border-gray-300 dark:border-white/10">
                     <nav class="-mb-px flex space-x-8">
                         <button
                             v-for="tab in [
@@ -146,7 +146,7 @@ const features = [
                             :key="tab.id"
                             :class="[
                                 activeTab === tab.id
-                                    ? 'border-indigo-500 text-indigo-600 dark:text-indigo-400'
+                                    ? 'border-primary-500 text-primary-600 dark:text-primary-400'
                                     : 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300',
                                 'border-b-2 px-1 py-4 text-sm font-medium whitespace-nowrap transition-all duration-200'
                             ]"
@@ -163,18 +163,18 @@ const features = [
                         <div class="relative space-y-8">
                             <!-- 连线 -->
                             <div
-                                class="absolute top-8 left-6.75 h-[calc(100%-60px)] w-0.5 bg-gray-200 dark:bg-gray-700"
+                                class="absolute top-8 left-6.75 h-[calc(100%-60px)] w-0.5 bg-gray-200 dark:bg-white/10"
                             ></div>
 
                             <!-- 步骤 1 -->
                             <div class="group relative flex gap-6">
                                 <div
-                                    class="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-blue-50 text-xl font-bold text-blue-600 ring-4 ring-white transition-all duration-300 group-hover:bg-blue-600 group-hover:text-white group-hover:shadow-lg dark:bg-blue-900/30 dark:text-blue-400 dark:ring-gray-900 dark:group-hover:bg-blue-500 dark:group-hover:text-white"
+                                    class="flex h-14 w-14 shrink-0 items-center justify-center rounded-button bg-info-50 text-xl font-bold text-info-600 ring-4 ring-white transition-all duration-300 group-hover:bg-info-600 group-hover:text-white group-hover:shadow-elevated dark:bg-info-900/30 dark:text-info-400 dark:ring-black/50 dark:group-hover:bg-info-500 dark:group-hover:text-white"
                                 >
                                     1
                                 </div>
                                 <div
-                                    class="flex-1 rounded-2xl border border-gray-300 bg-white p-5 shadow-sm transition-all duration-300 hover:border-blue-200 hover:shadow-md dark:border-gray-700 dark:bg-gray-800"
+                                    class="flex-1 rounded-button border border-gray-300 bg-white p-5 shadow-elevated-sm transition-all duration-300 hover:border-info-200 hover:shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
                                 >
                                     <h4
                                         class="mb-2 text-lg font-bold text-gray-900 dark:text-white"
@@ -182,7 +182,7 @@ const features = [
                                         添加订阅源
                                     </h4>
                                     <p class="text-gray-600 dark:text-gray-300">
-                                        在首页点击<span class="font-bold text-indigo-600">
+                                        在首页点击<span class="font-bold text-primary-600">
                                             + 添加订阅</span
                                         >按钮，粘贴您的机场订阅链接。系统会自动下载并解析所有节点信息。
                                     </p>
@@ -192,12 +192,12 @@ const features = [
                             <!-- 步骤 2 -->
                             <div class="group relative flex gap-6">
                                 <div
-                                    class="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-purple-50 text-xl font-bold text-purple-600 ring-4 ring-white transition-all duration-300 group-hover:bg-purple-600 group-hover:text-white group-hover:shadow-lg dark:bg-purple-900/30 dark:text-purple-400 dark:ring-gray-900 dark:group-hover:bg-purple-500 dark:group-hover:text-white"
+                                    class="flex h-14 w-14 shrink-0 items-center justify-center rounded-button bg-secondary-50 text-xl font-bold text-secondary-600 ring-4 ring-white transition-all duration-300 group-hover:bg-secondary-600 group-hover:text-white group-hover:shadow-elevated dark:bg-secondary-900/30 dark:text-secondary-400 dark:ring-black/50 dark:group-hover:bg-secondary-500 dark:group-hover:text-white"
                                 >
                                     2
                                 </div>
                                 <div
-                                    class="flex-1 rounded-2xl border border-gray-300 bg-white p-5 shadow-sm transition-all duration-300 hover:border-purple-200 hover:shadow-md dark:border-gray-700 dark:bg-gray-800"
+                                    class="flex-1 rounded-button border border-gray-300 bg-white p-5 shadow-elevated-sm transition-all duration-300 hover:border-secondary-200 hover:shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
                                 >
                                     <h4
                                         class="mb-2 text-lg font-bold text-gray-900 dark:text-white"
@@ -206,7 +206,7 @@ const features = [
                                     </h4>
                                     <p class="text-gray-600 dark:text-gray-300">
                                         如果您有多个订阅，可以创建一个
-                                        <span class="font-bold text-purple-600">订阅组</span>。
+                                        <span class="font-bold text-secondary-600">订阅组</span>。
                                         将它们聚合在一起，还可以设置过滤规则来排除不需要的节点。
                                     </p>
                                 </div>
@@ -215,12 +215,12 @@ const features = [
                             <!-- 步骤 3 -->
                             <div class="group relative flex gap-6">
                                 <div
-                                    class="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-emerald-50 text-xl font-bold text-emerald-600 ring-4 ring-white transition-all duration-300 group-hover:bg-emerald-600 group-hover:text-white group-hover:shadow-lg dark:bg-emerald-900/30 dark:text-emerald-400 dark:ring-gray-900 dark:group-hover:bg-emerald-500 dark:group-hover:text-white"
+                                    class="flex h-14 w-14 shrink-0 items-center justify-center rounded-button bg-success-50 text-xl font-bold text-success-600 ring-4 ring-white transition-all duration-300 group-hover:bg-success-600 group-hover:text-white group-hover:shadow-elevated dark:bg-success-900/30 dark:text-success-400 dark:ring-black/50 dark:group-hover:bg-success-500 dark:group-hover:text-white"
                                 >
                                     3
                                 </div>
                                 <div
-                                    class="flex-1 rounded-2xl border border-gray-300 bg-white p-5 shadow-sm transition-all duration-300 hover:border-emerald-200 hover:shadow-md dark:border-gray-700 dark:bg-gray-800"
+                                    class="flex-1 rounded-button border border-gray-300 bg-white p-5 shadow-elevated-sm transition-all duration-300 hover:border-success-200 hover:shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
                                 >
                                     <h4
                                         class="mb-2 text-lg font-bold text-gray-900 dark:text-white"
@@ -229,7 +229,7 @@ const features = [
                                     </h4>
                                     <p class="text-gray-600 dark:text-gray-300">
                                         点击订阅或订阅组上的
-                                        <span class="font-bold text-emerald-600">导出/链接</span>
+                                        <span class="font-bold text-success-600">导出/链接</span>
                                         按钮。 选择适配您的客户端（如 Clash, Shadowrocket）的格式，
                                         复制链接即可使用。
                                     </p>
@@ -244,11 +244,11 @@ const features = [
                             <div
                                 v-for="(feat, idx) in features"
                                 :key="idx"
-                                class="shadow-modern hover-lift group relative overflow-hidden rounded-2xl border border-gray-300 bg-white p-6 transition-all duration-300 dark:border-gray-700 dark:bg-gray-800"
+                                class="shadow-modern hover-lift group relative overflow-hidden rounded-button border border-gray-300 bg-white p-6 transition-all duration-300 dark:border-white/10 dark:bg-white/5"
                             >
                                 <div class="flex items-start gap-4">
                                     <div
-                                        class="flex h-12 w-12 shrink-0 items-center justify-center rounded-2xl bg-linear-to-br text-white shadow-md transition-transform duration-300 group-hover:scale-110"
+                                        class="flex h-12 w-12 shrink-0 items-center justify-center rounded-button bg-linear-to-br text-white shadow-elevated-sm transition-transform duration-300 group-hover:scale-110"
                                         :class="feat.color"
                                     >
                                         <svg
@@ -288,21 +288,21 @@ const features = [
                             <div
                                 v-for="(item, index) in faqs"
                                 :key="index"
-                                class="overflow-hidden rounded-2xl border border-gray-300 bg-white transition-all duration-300 dark:border-gray-700 dark:bg-gray-800"
+                                class="overflow-hidden rounded-button border border-gray-300 bg-white transition-all duration-300 dark:border-white/10 dark:bg-white/5"
                                 :class="{
-                                    'shadow-md ring-1 ring-indigo-500/50 dark:ring-indigo-400/50':
+                                    'shadow-elevated-sm ring-1 ring-primary-500/50 dark:ring-primary-400/50':
                                         activeFaqIndex === index
                                 }"
                             >
                                 <button
-                                    class="flex w-full items-center justify-between p-5 text-left transition-colors hover:bg-gray-50 dark:hover:bg-gray-700/50"
+                                    class="flex w-full items-center justify-between p-5 text-left transition-colors hover:bg-gray-50 dark:hover:bg-white/10"
                                     @click="toggleFaq(index)"
                                 >
                                     <div class="flex items-center gap-3">
                                         <div
-                                            class="flex h-8 w-8 items-center justify-center rounded-lg bg-gray-300 text-gray-500 transition-colors dark:bg-gray-700 dark:text-gray-400"
+                                            class="flex h-8 w-8 items-center justify-center rounded-element bg-gray-300 text-gray-500 transition-colors dark:bg-white/10 dark:text-gray-400"
                                             :class="{
-                                                'bg-indigo-100! text-indigo-600! dark:bg-indigo-900/30! dark:text-indigo-400!':
+                                                'bg-primary-100! text-primary-600! dark:bg-primary-900/30! dark:text-primary-400!':
                                                     activeFaqIndex === index
                                             }"
                                         >
@@ -341,7 +341,7 @@ const features = [
                                 </button>
                                 <div
                                     v-show="activeFaqIndex === index"
-                                    class="border-t border-gray-100 bg-gray-50/50 p-5 dark:border-gray-700 dark:bg-gray-900/30"
+                                    class="border-t border-gray-100 bg-gray-50/50 p-5 dark:border-white/10 dark:bg-white/5"
                                 >
                                     <p class="text-sm leading-7 text-gray-600 dark:text-gray-300">
                                         {{ item.a }}
diff --git a/src/widgets/settings/SettingsModal.vue b/src/widgets/settings/SettingsModal.vue
index 709a59cd..5855afa8 100644
--- a/src/widgets/settings/SettingsModal.vue
+++ b/src/widgets/settings/SettingsModal.vue
@@ -198,10 +198,10 @@ watch(
     >
         <template #title>
             <div class="flex items-center gap-3">
-                <div class="rounded-lg bg-indigo-100 p-2 dark:bg-indigo-900/30">
+                <div class="rounded-element bg-primary-100 p-2 dark:bg-primary-900/30">
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
-                        class="h-6 w-6 text-indigo-600 dark:text-indigo-400"
+                        class="h-6 w-6 text-primary-600 dark:text-primary-400"
                         fill="none"
                         viewBox="0 0 24 24"
                         stroke="currentColor"
@@ -226,20 +226,20 @@ watch(
         <template #body>
             <div v-if="isLoading" class="flex flex-col items-center justify-center p-12">
                 <div
-                    class="mb-4 h-10 w-10 animate-spin rounded-full border-4 border-indigo-200 border-t-indigo-600"
+                    class="mb-4 h-10 w-10 animate-spin rounded-full border-4 border-primary-200 border-t-primary-600"
                 ></div>
                 <p class="font-medium text-gray-500">正在加载配置...</p>
             </div>
 
             <div v-else class="space-y-6 px-1">
                 <!-- 标签页导航 -->
-                <div class="border-b border-gray-300 dark:border-gray-700">
+                <div class="border-b border-gray-300 dark:border-white/10">
                     <nav class="-mb-px flex gap-2" aria-label="Tabs">
                         <button
                             :class="[
                                 'border-b-2 px-4 py-3 text-sm font-medium whitespace-nowrap transition-colors',
                                 activeTab === 'general'
-                                    ? 'border-indigo-600 text-indigo-600 dark:text-indigo-400'
+                                    ? 'border-primary-600 text-primary-600 dark:text-primary-400'
                                     : 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300'
                             ]"
                             @click="activeTab = 'general'"
@@ -250,7 +250,7 @@ watch(
                             :class="[
                                 'border-b-2 px-4 py-3 text-sm font-medium whitespace-nowrap transition-colors',
                                 activeTab === 'advanced'
-                                    ? 'border-indigo-600 text-indigo-600 dark:text-indigo-400'
+                                    ? 'border-primary-600 text-primary-600 dark:text-primary-400'
                                     : 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300'
                             ]"
                             @click="activeTab = 'advanced'"
@@ -261,7 +261,7 @@ watch(
                             :class="[
                                 'border-b-2 px-4 py-3 text-sm font-medium whitespace-nowrap transition-colors',
                                 activeTab === 'storage'
-                                    ? 'border-indigo-600 text-indigo-600 dark:text-indigo-400'
+                                    ? 'border-primary-600 text-primary-600 dark:text-primary-400'
                                     : 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300'
                             ]"
                             @click="activeTab = 'storage'"
@@ -300,7 +300,7 @@ watch(
                                 <div class="group">
                                     <label
                                         for="fileName"
-                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-indigo-600 dark:text-gray-300 dark:group-hover:text-indigo-400"
+                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
                                         >自定义订阅文件名</label
                                     >
                                     <input
@@ -314,7 +314,7 @@ watch(
                                 <div class="group">
                                     <label
                                         for="myToken"
-                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-indigo-600 dark:text-gray-300 dark:group-hover:text-indigo-400"
+                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
                                         >自定义订阅Token</label
                                     >
                                     <input
@@ -354,7 +354,7 @@ watch(
                                 <div class="group md:col-span-2">
                                     <label
                                         for="profileToken"
-                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-indigo-600 dark:text-gray-300 dark:group-hover:text-indigo-400"
+                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
                                         >订阅组分享Token</label
                                     >
                                     <input
@@ -365,7 +365,7 @@ watch(
                                         placeholder="例如：my（必须与订阅Token不同）"
                                     />
                                     <p
-                                        class="mt-2 flex items-start gap-1 text-xs text-amber-600 dark:text-amber-400"
+                                        class="mt-2 flex items-start gap-1 text-xs text-warning-600 dark:text-warning-400"
                                     >
                                         <svg
                                             xmlns="http://www.w3.org/2000/svg"
@@ -394,7 +394,7 @@ watch(
                                         >节点名前缀</label
                                     >
                                     <div
-                                        class="flex h-22 items-center justify-between rounded-xl border border-gray-300 bg-gray-50/80 p-4 transition-colors hover:border-indigo-200 dark:border-gray-700 dark:bg-gray-800/50 dark:hover:border-indigo-800"
+                                        class="flex h-22 items-center justify-between rounded-element border border-gray-300 bg-gray-50/80 p-4 transition-colors hover:border-primary-200 dark:border-white/10 dark:bg-white/5 dark:hover:border-primary-800"
                                     >
                                         <div>
                                             <p
@@ -417,7 +417,7 @@ watch(
                                                 class="peer sr-only"
                                             />
                                             <div
-                                                class="peer h-6 w-11 rounded-full bg-gray-200 peer-checked:bg-indigo-600 peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white dark:border-gray-600 dark:bg-gray-700"
+                                                class="peer h-6 w-11 rounded-full bg-gray-200 peer-checked:bg-primary-600 peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white dark:border-white/10 dark:bg-white/10"
                                             ></div>
                                         </label>
                                     </div>
@@ -430,7 +430,7 @@ watch(
                                         >节点去重</label
                                     >
                                     <div
-                                        class="flex h-22 items-center justify-between rounded-xl border border-gray-300 bg-gray-50/80 p-4 transition-colors hover:border-indigo-200 dark:border-gray-700 dark:bg-gray-800/50 dark:hover:border-indigo-800"
+                                        class="flex h-22 items-center justify-between rounded-element border border-gray-300 bg-gray-50/80 p-4 transition-colors hover:border-primary-200 dark:border-white/10 dark:bg-white/5 dark:hover:border-primary-800"
                                     >
                                         <div>
                                             <p
@@ -453,7 +453,7 @@ watch(
                                                 class="peer sr-only"
                                             />
                                             <div
-                                                class="peer h-6 w-11 rounded-full bg-gray-200 peer-checked:bg-indigo-600 peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white dark:border-gray-600 dark:bg-gray-700"
+                                                class="peer h-6 w-11 rounded-full bg-gray-200 peer-checked:bg-primary-600 peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white dark:border-white/10 dark:bg-white/10"
                                             ></div>
                                         </label>
                                     </div>
@@ -466,7 +466,7 @@ watch(
                                         >订阅转换方式</label
                                     >
                                     <div
-                                        class="flex h-22 items-center justify-between rounded-xl border border-gray-300 bg-gray-50/80 p-4 transition-colors hover:border-indigo-200 dark:border-gray-700 dark:bg-gray-800/50 dark:hover:border-indigo-800"
+                                        class="flex h-22 items-center justify-between rounded-element border border-gray-300 bg-gray-50/80 p-4 transition-colors hover:border-primary-200 dark:border-white/10 dark:bg-white/5 dark:hover:border-primary-800"
                                     >
                                         <div>
                                             <p
@@ -489,7 +489,7 @@ watch(
                                                 class="peer sr-only"
                                             />
                                             <div
-                                                class="peer h-6 w-11 rounded-full bg-gray-200 peer-checked:bg-indigo-600 peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white dark:border-gray-600 dark:bg-gray-700"
+                                                class="peer h-6 w-11 rounded-full bg-gray-200 peer-checked:bg-primary-600 peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white dark:border-white/10 dark:bg-white/10"
                                             ></div>
                                         </label>
                                     </div>
@@ -502,7 +502,7 @@ watch(
                                 >
                                     <label
                                         for="externalConverterUrl"
-                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-indigo-600 dark:text-gray-300 dark:group-hover:text-indigo-400"
+                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
                                         >外部转换API地址</label
                                     >
                                     <div class="flex gap-2">
@@ -528,7 +528,7 @@ watch(
                                         />
                                     </div>
                                     <p
-                                        class="mt-2 flex items-start gap-1 text-xs text-blue-600 dark:text-blue-400"
+                                        class="mt-2 flex items-start gap-1 text-xs text-info-600 dark:text-info-400"
                                     >
                                         <svg
                                             xmlns="http://www.w3.org/2000/svg"
@@ -581,7 +581,7 @@ watch(
                                 <div class="group">
                                     <label
                                         for="tgBotToken"
-                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-indigo-600 dark:text-gray-300 dark:group-hover:text-indigo-400"
+                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
                                         >Bot Token</label
                                     >
                                     <input
@@ -595,7 +595,7 @@ watch(
                                 <div class="group">
                                     <label
                                         for="tgChatID"
-                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-indigo-600 dark:text-gray-300 dark:group-hover:text-indigo-400"
+                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
                                         >Chat ID</label
                                     >
                                     <input
@@ -635,7 +635,7 @@ watch(
                                 <div class="group">
                                     <label
                                         for="notifyThresholdDays"
-                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-indigo-600 dark:text-gray-300 dark:group-hover:text-indigo-400"
+                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
                                     >
                                         到期提醒阈值（天）
                                     </label>
@@ -657,7 +657,7 @@ watch(
                                 <div class="group">
                                     <label
                                         for="notifyThresholdPercent"
-                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-indigo-600 dark:text-gray-300 dark:group-hover:text-indigo-400"
+                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
                                     >
                                         流量提醒阈值（%）
                                     </label>
@@ -694,7 +694,7 @@ watch(
                                 自动更新(Cron)配置
                             </h4>
                             <!-- 定时更新总开关 -->
-                            <div class="mb-6 flex items-center justify-between rounded-lg bg-gray-50 p-4 dark:bg-gray-800/50 border border-gray-200 dark:border-gray-700">
+                            <div class="mb-6 flex items-center justify-between rounded-element bg-gray-50 p-4 dark:bg-white/5 border border-gray-200 dark:border-white/10">
                                 <div>
                                     <h5 class="text-sm font-semibold text-gray-900 dark:text-gray-100">启用定时更新</h5>
                                     <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
@@ -709,7 +709,7 @@ watch(
                                     />
                                     <!-- 背景轨道 -->
                                     <div
-                                        class="h-6 w-11 rounded-full bg-gray-300 transition-colors peer-checked:bg-indigo-600 peer-focus:ring-2 peer-focus:ring-indigo-500 peer-focus:ring-offset-2 dark:bg-gray-600 dark:peer-focus:ring-offset-gray-800"
+                                        class="h-6 w-11 rounded-full bg-gray-300 transition-colors peer-checked:bg-primary-600 peer-focus:ring-2 peer-focus:ring-primary-500 peer-focus:ring-offset-2 dark:bg-white/10 dark:peer-focus:ring-offset-white/10"
                                     ></div>
                                     <!-- 滑块 -->
                                     <span
@@ -723,7 +723,7 @@ watch(
                                 <div class="group md:col-span-2">
                                     <label
                                         for="cronSecret"
-                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-indigo-600 dark:text-gray-300 dark:group-hover:text-indigo-400"
+                                        class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
                                     >
                                         Cron 安全密钥（Token）
                                     </label>
@@ -736,12 +736,12 @@ watch(
                                     />
                                     <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
                                         配置后，您可以使用第三方工具（如 UptimeRobot、宝塔计划任务）定期请求：<br />
-                                        <code class="px-1 py-0.5 mt-1 bg-gray-100 dark:bg-gray-800 text-indigo-600 dark:text-indigo-400 rounded inline-block select-all">/api/cron/trigger?token=您的密钥</code><br />
+                                        <code class="px-1 py-0.5 mt-1 bg-gray-100 dark:bg-white/5 text-primary-600 dark:text-primary-400 rounded inline-block select-all">/api/cron/trigger?token=您的密钥</code><br />
                                         如果您使用的是 Cloudflare Pages，由于平台限制必须通过这种接口方式触发定时任务；Docker 用户自带内部定时器，可选择配置。
                                     </p>
                                     
                                     <!-- 动态生成的触发链接展示 -->
-                                    <div v-if="cronUrl" class="mt-4 rounded-lg bg-gray-50 p-3 dark:bg-gray-800/50 border border-gray-200 dark:border-gray-700">
+                                    <div v-if="cronUrl" class="mt-4 rounded-element bg-gray-50 p-3 dark:bg-white/5 border border-gray-200 dark:border-white/10">
                                         <label class="mb-1.5 block text-xs font-semibold text-gray-700 dark:text-gray-300">
                                             生成的专属触发链接：
                                         </label>
@@ -750,11 +750,11 @@ watch(
                                                 type="text"
                                                 readonly
                                                 :value="cronUrl"
-                                                class="flex-1 rounded-md border border-gray-300 bg-white px-3 py-1.5 text-xs text-gray-600 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-300"
+                                                class="flex-1 rounded-element border border-gray-300 bg-white px-3 py-1.5 text-xs text-gray-600 focus:border-primary-500 focus:ring-1 focus:ring-primary-500 dark:border-white/10 dark:bg-black/80 dark:text-gray-300"
                                             />
                                             <button
                                                 type="button"
-                                                class="rounded-md bg-indigo-50 px-3 py-1.5 text-xs font-medium text-indigo-600 hover:bg-indigo-100 dark:bg-indigo-900/30 dark:text-indigo-400 dark:hover:bg-indigo-900/50 transition-colors"
+                                                class="rounded-element bg-primary-50 px-3 py-1.5 text-xs font-medium text-primary-600 hover:bg-primary-100 dark:bg-primary-900/30 dark:text-primary-400 dark:hover:bg-primary-900/50 transition-colors"
                                                 @click="copyCronUrl"
                                             >
                                                 复制链接
@@ -765,7 +765,7 @@ watch(
                             </div>
 
                             <!-- 关闭状态提示 -->
-                            <div v-else class="rounded-lg bg-gray-100 p-4 text-center dark:bg-gray-800/50">
+                            <div v-else class="rounded-element bg-gray-100 p-4 text-center dark:bg-white/5">
                                 <p class="text-sm text-gray-500 dark:text-gray-400">
                                     <span class="inline-flex items-center gap-1">
                                         <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
diff --git a/src/widgets/settings/StorageBackendSwitcher.vue b/src/widgets/settings/StorageBackendSwitcher.vue
index 3589a8a2..f4eecef2 100644
--- a/src/widgets/settings/StorageBackendSwitcher.vue
+++ b/src/widgets/settings/StorageBackendSwitcher.vue
@@ -136,7 +136,7 @@ onMounted(() => {
 
 <template>
     <div
-        class="rounded-xl border border-gray-300 bg-white p-6 shadow-sm transition-all hover:shadow-md dark:border-gray-700 dark:bg-gray-800"
+        class="rounded-element border border-gray-300 bg-white p-6 shadow-elevated-sm transition-all hover:shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
     >
         <!-- 头部：标题与刷新 -->
         <div class="mb-6 flex items-center justify-between">
@@ -147,7 +147,7 @@ onMounted(() => {
                 <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">管理应用数据的存储位置</p>
             </div>
             <button
-                class="rounded-lg p-2 text-gray-500 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50 dark:text-gray-400 dark:hover:bg-gray-700"
+                class="rounded-element p-2 text-gray-500 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50 dark:text-gray-400 dark:hover:bg-white/10"
                 :disabled="loading"
                 title="刷新状态"
                 @click="loadBackendInfo"
@@ -194,7 +194,7 @@ onMounted(() => {
         <!-- 错误提示 -->
         <div
             v-if="error"
-            class="mb-6 flex items-start gap-3 rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400"
+            class="mb-6 flex items-start gap-3 rounded-element border border-danger-200 bg-danger-50 p-4 text-sm text-danger-600 dark:border-danger-800 dark:bg-danger-900/20 dark:text-danger-400"
         >
             <svg
                 class="mt-0.5 h-5 w-5 shrink-0"
@@ -217,7 +217,7 @@ onMounted(() => {
         <div v-if="backendInfo" class="space-y-6">
             <!-- 当前状态展示 -->
             <div
-                class="relative overflow-hidden rounded-xl border border-indigo-100 bg-indigo-50/50 p-4 dark:border-indigo-900/30 dark:bg-indigo-900/10"
+                class="relative overflow-hidden rounded-element border border-primary-100 bg-primary-50/50 p-4 dark:border-primary-900/30 dark:bg-primary-900/10"
             >
                 <div class="relative z-10 flex items-center justify-between">
                     <div class="flex items-center gap-3">
@@ -225,8 +225,8 @@ onMounted(() => {
                             class="flex h-10 w-10 items-center justify-center rounded-full"
                             :class="
                                 backendInfo.current === 'kv'
-                                    ? 'bg-blue-100 text-blue-600 dark:bg-blue-900/40 dark:text-blue-400'
-                                    : 'bg-green-100 text-green-600 dark:bg-green-900/40 dark:text-green-400'
+                                    ? 'bg-info-100 text-info-600 dark:bg-info-900/40 dark:text-info-400'
+                                    : 'bg-success-100 text-success-600 dark:bg-success-900/40 dark:text-success-400'
                             "
                         >
                             <span class="text-xs font-bold">{{
@@ -250,9 +250,9 @@ onMounted(() => {
                     </div>
 
                     <div
-                        class="flex items-center gap-2 rounded-full border border-indigo-100 bg-white px-3 py-1 text-xs font-semibold text-indigo-600 shadow-sm dark:border-indigo-900/30 dark:bg-gray-800 dark:text-indigo-400"
+                        class="flex items-center gap-2 rounded-full border border-primary-100 bg-white px-3 py-1 text-xs font-semibold text-primary-600 shadow-elevated-sm dark:border-primary-900/30 dark:text-primary-400"
                     >
-                        <div class="h-2 w-2 animate-pulse rounded-full bg-green-500"></div>
+                        <div class="h-2 w-2 animate-pulse rounded-full bg-success-500"></div>
                         运行中
                     </div>
                 </div>
@@ -267,11 +267,11 @@ onMounted(() => {
                     <button
                         v-for="backend in backendInfo.available"
                         :key="backend"
-                        class="group relative flex flex-col items-start rounded-xl border p-4 text-left transition-all duration-200"
+                        class="group relative flex flex-col items-start rounded-element border p-4 text-left transition-all duration-200"
                         :class="[
                             backend === backendInfo.current
-                                ? 'cursor-default border-indigo-200 bg-indigo-50/30 ring-1 ring-indigo-200 dark:border-indigo-800 dark:bg-indigo-900/10 dark:ring-indigo-800'
-                                : 'border-gray-300 bg-white hover:border-indigo-300 hover:shadow-sm dark:border-gray-700 dark:bg-gray-800 dark:hover:border-indigo-600'
+                                ? 'cursor-default border-primary-200 bg-primary-50/30 ring-1 ring-primary-200 dark:border-primary-800 dark:bg-primary-900/10 dark:ring-primary-800'
+                                : 'border-gray-300 bg-white hover:border-primary-300 hover:shadow-elevated-sm dark:border-white/10 dark:bg-white/5 dark:hover:border-primary-600'
                         ]"
                         :disabled="backend === backendInfo.current || switching"
                         @click="initiateSwitch(backend)"
@@ -279,7 +279,7 @@ onMounted(() => {
                         <!-- 选中标记 -->
                         <div
                             v-if="backend === backendInfo.current"
-                            class="absolute top-3 right-3 text-indigo-600 dark:text-indigo-400"
+                            class="absolute top-3 right-3 text-primary-600 dark:text-primary-400"
                         >
                             <svg
                                 class="h-5 w-5"
@@ -298,10 +298,10 @@ onMounted(() => {
                         <!-- 加载状态 -->
                         <div
                             v-if="switching && targetBackend === backend"
-                            class="absolute inset-0 z-20 flex items-center justify-center rounded-xl bg-white/80 dark:bg-gray-800/80"
+                            class="absolute inset-0 z-20 flex items-center justify-center rounded-element bg-white/80 dark:bg-white/10"
                         >
                             <svg
-                                class="h-6 w-6 animate-spin text-indigo-600"
+                                class="h-6 w-6 animate-spin text-primary-600"
                                 xmlns="http://www.w3.org/2000/svg"
                                 fill="none"
                                 viewBox="0 0 24 24"
@@ -326,7 +326,7 @@ onMounted(() => {
                             class="mb-1 text-sm font-bold"
                             :class="
                                 backend === backendInfo.current
-                                    ? 'text-indigo-700 dark:text-indigo-300'
+                                    ? 'text-primary-700 dark:text-primary-300'
                                     : 'text-gray-900 dark:text-gray-100'
                             "
                         >
@@ -341,7 +341,7 @@ onMounted(() => {
                             class="text-xs leading-relaxed"
                             :class="
                                 backend === backendInfo.current
-                                    ? 'text-indigo-600/80 dark:text-indigo-400/80'
+                                    ? 'text-primary-600/80 dark:text-primary-400/80'
                                     : 'text-gray-500 dark:text-gray-400'
                             "
                         >
@@ -358,7 +358,7 @@ onMounted(() => {
             <!-- 无法切换提示 -->
             <div
                 v-else
-                class="rounded-lg border border-gray-300 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-700/30"
+                class="rounded-element border border-gray-300 bg-gray-50 p-4 dark:border-white/10 dark:bg-white/5"
             >
                 <div class="flex items-start gap-3">
                     <svg
@@ -382,10 +382,10 @@ onMounted(() => {
                         <p class="mt-1 text-xs leading-relaxed text-gray-500 dark:text-gray-400">
                             仅检测到一个可用的存储后端。如需使用 D1 存储，请在 Cloudflare
                             控制台创建名为
-                            <strong class="text-indigo-600 dark:text-indigo-400">sub-one-d1</strong>
+                            <strong class="text-primary-600 dark:text-primary-400">sub-one-d1</strong>
                             的 D1 数据库并绑定到项目变量
                             <code
-                                class="rounded bg-gray-100 px-1 py-0.5 font-mono text-xs text-gray-800 dark:bg-gray-800 dark:text-gray-200"
+                                class="rounded bg-gray-100 px-1 py-0.5 font-mono text-xs text-gray-800 dark:text-gray-200"
                                 >SUB_ONE_D1</code
                             >。
                         </p>
@@ -397,7 +397,7 @@ onMounted(() => {
         <!-- 加载中状态 -->
         <div v-else-if="loading" class="flex flex-col items-center justify-center space-y-3 p-8">
             <div
-                class="h-8 w-8 animate-spin rounded-full border-4 border-indigo-200 border-t-indigo-600"
+                class="h-8 w-8 animate-spin rounded-full border-4 border-primary-200 border-t-primary-600"
             ></div>
             <p class="text-sm text-gray-500 dark:text-gray-400">正在检查存储后端配置...</p>
         </div>
@@ -421,14 +421,14 @@ onMounted(() => {
                         backendInfo?.current.toUpperCase()
                     }}</strong>
                     切换到
-                    <strong class="text-indigo-600 dark:text-indigo-400">{{
+                    <strong class="text-primary-600 dark:text-primary-400">{{
                         targetBackend?.toUpperCase()
                     }}</strong
                     >。
                 </p>
 
                 <div
-                    class="rounded-lg border border-yellow-200 bg-yellow-50 p-4 dark:border-yellow-800 dark:bg-yellow-900/20"
+                    class="rounded-element border border-yellow-200 bg-yellow-50 p-4 dark:border-yellow-800 dark:bg-yellow-900/20"
                 >
                     <h4
                         class="mb-2 flex items-center gap-2 text-sm font-bold text-yellow-800 dark:text-yellow-400"
diff --git a/src/widgets/subscription/NodeFilterRuleEditor.vue b/src/widgets/subscription/NodeFilterRuleEditor.vue
index e0f2da87..72489110 100644
--- a/src/widgets/subscription/NodeFilterRuleEditor.vue
+++ b/src/widgets/subscription/NodeFilterRuleEditor.vue
@@ -152,9 +152,9 @@ const commonKeywords = [
     // 线路属性
     { value: '高倍率', color: 'red' },
     { value: '低倍率', color: 'green' },
-    { value: '中转', color: 'indigo' },
+    { value: '中转', color: 'primary' },
     { value: '直连', color: 'blue' },
-    { value: '专线', color: 'purple' },
+    { value: '专线', color: 'secondary' },
     { value: 'BGP', color: 'cyan' },
     { value: 'IPLC', color: 'amber' },
     { value: 'IEPL', color: 'orange' },
@@ -405,21 +405,21 @@ const confirmClear = () => {
 <template>
     <!-- 编辑器容器 -->
     <div
-        class="space-y-5 rounded-2xl border border-gray-300 bg-linear-to-br from-gray-50 to-gray-100 p-5 shadow-lg dark:border-gray-700 dark:from-gray-900 dark:to-gray-800"
+        class="space-y-5 rounded-button border border-gray-300 bg-linear-to-br from-gray-50 to-gray-100 p-5 shadow-elevated dark:border-white/10 dark:from-black/50 dark:to-black/30"
     >
         <!-- 顶部：模式切换和统计 -->
         <div class="flex items-center justify-between">
             <!-- 模式切换按钮组 -->
             <div
-                class="flex rounded-xl border border-gray-300 bg-white p-1.5 shadow-sm dark:border-gray-700 dark:bg-gray-800"
+                class="flex rounded-element border border-gray-300 bg-white p-1.5 shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
             >
                 <!-- 排除模式 (黑名单) -->
                 <button
-                    class="flex items-center gap-2 rounded-lg px-5 py-2 text-sm font-semibold transition-all duration-300"
+                    class="flex items-center gap-2 rounded-element px-5 py-2 text-sm font-semibold transition-all duration-300"
                     :class="
                         mode === 'exclude'
-                            ? 'scale-105 transform bg-linear-to-r from-red-500 to-rose-600 text-white shadow-md'
-                            : 'text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700'
+                            ? 'scale-105 transform bg-linear-to-r from-danger-500 to-rose-600 text-white shadow-elevated-sm'
+                            : 'text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-white/10'
                     "
                     @click="mode = 'exclude'"
                 >
@@ -429,11 +429,11 @@ const confirmClear = () => {
                 </button>
                 <!-- 保留模式 (白名单) -->
                 <button
-                    class="flex items-center gap-2 rounded-lg px-5 py-2 text-sm font-semibold transition-all duration-300"
+                    class="flex items-center gap-2 rounded-element px-5 py-2 text-sm font-semibold transition-all duration-300"
                     :class="
                         mode === 'keep'
-                            ? 'scale-105 transform bg-linear-to-r from-green-500 to-emerald-600 text-white shadow-md'
-                            : 'text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700'
+                            ? 'scale-105 transform bg-linear-to-r from-success-500 to-success-600 text-white shadow-elevated-sm'
+                            : 'text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-white/10'
                     "
                     @click="mode = 'keep'"
                 >
@@ -447,12 +447,12 @@ const confirmClear = () => {
             <div class="flex items-center gap-3">
                 <span
                     v-if="ruleCount > 0"
-                    class="rounded-full bg-indigo-100 px-3 py-1.5 text-xs font-medium text-indigo-600 dark:bg-indigo-900/30 dark:text-indigo-400"
+                    class="rounded-full bg-primary-100 px-3 py-1.5 text-xs font-medium text-primary-600 dark:bg-primary-900/30 dark:text-primary-400"
                 >
                     {{ ruleCount }} 条规则
                 </span>
                 <button
-                    class="rounded-lg px-3 py-1.5 text-xs font-medium text-gray-500 transition-all duration-200 hover:bg-red-50 hover:text-red-500 dark:text-gray-400 dark:hover:bg-red-900/20 dark:hover:text-red-400"
+                    class="rounded-element px-3 py-1.5 text-xs font-medium text-gray-500 transition-all duration-200 hover:bg-danger-50 hover:text-danger-500 dark:text-gray-400 dark:hover:bg-danger-900/20 dark:hover:text-danger-400"
                     @click="clearAll"
                 >
                     🗑️ 清空
@@ -466,7 +466,7 @@ const confirmClear = () => {
                 <label
                     class="flex items-center gap-2 text-sm font-bold text-gray-700 dark:text-gray-300"
                 >
-                    <span class="h-5 w-1 rounded-full bg-indigo-500"></span>
+                    <span class="h-5 w-1 rounded-full bg-primary-500"></span>
                     协议类型
                 </label>
                 <span v-if="selectedProtocols.length > 0" class="text-xs text-gray-400">
@@ -477,11 +477,11 @@ const confirmClear = () => {
                 <button
                     v-for="p in protocols"
                     :key="p.value"
-                    class="group transform rounded-xl border-2 px-4 py-2 text-sm font-medium transition-all duration-300 hover:scale-105"
+                    class="group transform rounded-element border-2 px-4 py-2 text-sm font-medium transition-all duration-300 hover:scale-105"
                     :class="
                         selectedProtocols.includes(p.value)
-                            ? 'border-indigo-300 bg-linear-to-r from-indigo-500 to-blue-600 text-white shadow-lg shadow-indigo-500/50 dark:border-indigo-700'
-                            : 'border-gray-300 bg-white text-gray-700 hover:border-indigo-300 hover:shadow-md dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:border-indigo-600'
+                            ? 'border-primary-300 bg-linear-to-r from-primary-500 to-info-600 text-white shadow-elevated shadow-primary-500/50 dark:border-primary-700'
+                            : 'border-gray-300 bg-white text-gray-700 hover:border-primary-300 hover:shadow-elevated-sm dark:border-white/10 dark:bg-white/5 dark:text-gray-300 dark:hover:border-primary-600'
                     "
                     @click="toggleProtocol(p.value)"
                 >
@@ -497,7 +497,7 @@ const confirmClear = () => {
                 <label
                     class="flex items-center gap-2 text-sm font-bold text-gray-700 dark:text-gray-300"
                 >
-                    <span class="h-5 w-1 rounded-full bg-emerald-500"></span>
+                    <span class="h-5 w-1 rounded-full bg-success-500"></span>
                     常用地区
                 </label>
                 <span v-if="selectedRegions.length > 0" class="text-xs text-gray-400">
@@ -508,11 +508,11 @@ const confirmClear = () => {
                 <button
                     v-for="r in regions"
                     :key="r.value"
-                    class="group transform rounded-xl border-2 px-4 py-2 text-sm font-medium transition-all duration-300 hover:scale-105"
+                    class="group transform rounded-element border-2 px-4 py-2 text-sm font-medium transition-all duration-300 hover:scale-105"
                     :class="
                         selectedRegions.includes(r.value)
-                            ? 'border-emerald-300 bg-linear-to-r from-emerald-500 to-green-600 text-white shadow-lg shadow-emerald-500/50 dark:border-emerald-700'
-                            : 'border-gray-300 bg-white text-gray-700 hover:border-emerald-300 hover:shadow-md dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:border-emerald-600'
+                            ? 'border-success-300 bg-linear-to-r from-success-500 to-success-600 text-white shadow-elevated shadow-success-500/50 dark:border-success-700'
+                            : 'border-gray-300 bg-white text-gray-700 hover:border-success-300 hover:shadow-elevated-sm dark:border-white/10 dark:bg-white/5 dark:text-gray-300 dark:hover:border-success-600'
                     "
                     @click="toggleRegion(r.value)"
                 >
@@ -528,7 +528,7 @@ const confirmClear = () => {
                 <label
                     class="flex items-center gap-2 text-sm font-bold text-gray-700 dark:text-gray-300"
                 >
-                    <span class="h-5 w-1 rounded-full bg-amber-500"></span>
+                    <span class="h-5 w-1 rounded-full bg-warning-500"></span>
                     关键词过滤
                 </label>
                 <span v-if="customKeywords.length > 0" class="text-xs text-gray-400">
@@ -541,11 +541,11 @@ const confirmClear = () => {
                 <button
                     v-for="k in commonKeywords"
                     :key="k.value"
-                    class="transform rounded-lg border-2 border-dashed px-3 py-1.5 text-xs font-medium transition-all duration-200 hover:scale-105"
+                    class="transform rounded-element border-2 border-dashed px-3 py-1.5 text-xs font-medium transition-all duration-200 hover:scale-105"
                     :class="
                         customKeywords.includes(k.value)
-                            ? 'border-amber-400 bg-amber-50 text-amber-700 shadow-sm dark:border-amber-600 dark:bg-amber-900/30 dark:text-amber-300'
-                            : 'border-gray-300 bg-white text-gray-600 hover:border-amber-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:border-amber-500'
+                            ? 'border-warning-400 bg-warning-50 text-warning-700 shadow-elevated-sm dark:border-warning-600 dark:bg-warning-900/30 dark:text-warning-300'
+                            : 'border-gray-300 bg-white text-gray-600 hover:border-warning-300 dark:border-white/10 dark:bg-white/5 dark:text-gray-400 dark:hover:border-warning-500'
                     "
                     @click="toggleKeyword(k.value)"
                 >
@@ -559,11 +559,11 @@ const confirmClear = () => {
                     v-model="newKeyword"
                     type="text"
                     placeholder="✍️ 输入关键词后回车添加..."
-                    class="flex-1 rounded-xl border-2 border-gray-300 bg-white px-4 py-2.5 text-sm transition-all focus:border-amber-500 focus:ring-2 focus:ring-amber-500 focus:outline-none dark:border-gray-600 dark:bg-gray-800"
+                    class="flex-1 rounded-element border-2 border-gray-300 bg-white px-4 py-2.5 text-sm transition-all focus:border-warning-500 focus:ring-2 focus:ring-warning-500 focus:outline-none dark:border-white/10 dark:bg-white/5"
                     @keyup.enter="addKeyword"
                 />
                 <button
-                    class="transform rounded-xl bg-linear-to-r from-amber-500 to-orange-600 px-6 py-2.5 text-sm font-semibold text-white shadow-lg transition-all duration-300 hover:scale-105 hover:from-amber-600 hover:to-orange-700 hover:shadow-xl"
+                    class="transform rounded-element bg-linear-to-r from-warning-500 to-warning-600 px-6 py-2.5 text-sm font-semibold text-white shadow-elevated transition-all duration-300 hover:scale-105 hover:from-warning-600 hover:to-warning-700 hover:shadow-card"
                     @click="addKeyword"
                 >
                     ➕ 添加
@@ -573,16 +573,16 @@ const confirmClear = () => {
             <!-- 已选关键词标签 -->
             <div
                 v-if="customKeywords.length > 0"
-                class="flex flex-wrap gap-2 rounded-xl border border-gray-300 bg-white p-3 dark:border-gray-700 dark:bg-gray-800"
+                class="flex flex-wrap gap-2 rounded-element border border-gray-300 bg-white p-3 dark:border-white/10 dark:bg-white/5"
             >
                 <span
                     v-for="k in customKeywords"
                     :key="k"
-                    class="group inline-flex items-center rounded-lg border border-gray-300 bg-linear-to-r from-gray-100 to-gray-200 px-3 py-1.5 text-sm font-medium text-gray-700 transition-all hover:border-red-400 dark:border-gray-600 dark:from-gray-700 dark:to-gray-600 dark:text-gray-200 dark:hover:border-red-500"
+                    class="group inline-flex items-center rounded-element border border-gray-300 bg-linear-to-r from-gray-100 to-gray-200 px-3 py-1.5 text-sm font-medium text-gray-700 transition-all hover:border-danger-400 dark:border-white/10 dark:from-white/5 dark:to-white/10 dark:text-gray-200 dark:hover:border-danger-500"
                 >
                     <span>{{ k }}</span>
                     <button
-                        class="ml-2 text-lg leading-none font-bold text-gray-400 transition-colors hover:text-red-500 dark:hover:text-red-400"
+                        class="ml-2 text-lg leading-none font-bold text-gray-400 transition-colors hover:text-danger-500 dark:hover:text-danger-400"
                         @click="removeKeyword(k)"
                     >
                         ×
@@ -592,16 +592,16 @@ const confirmClear = () => {
         </div>
 
         <!-- 预览/手动编辑 -->
-        <div class="border-t-2 border-gray-300 pt-4 dark:border-gray-700">
+        <div class="border-t-2 border-gray-300 pt-4 dark:border-white/10">
             <div class="mb-3 flex items-center justify-between">
                 <label
                     class="flex items-center gap-2 text-sm font-bold text-gray-700 dark:text-gray-300"
                 >
-                    <span class="h-5 w-1 rounded-full bg-purple-500"></span>
+                    <span class="h-5 w-1 rounded-full bg-secondary-500"></span>
                     {{ isManualMode ? '手动编辑' : '规则预览' }}
                 </label>
                 <button
-                    class="transform rounded-lg bg-purple-100 px-4 py-1.5 text-xs font-medium text-purple-600 transition-all hover:scale-105 hover:bg-purple-200 dark:bg-purple-900/30 dark:text-purple-400 dark:hover:bg-purple-800/50"
+                    class="transform rounded-element bg-secondary-100 px-4 py-1.5 text-xs font-medium text-secondary-600 transition-all hover:scale-105 hover:bg-secondary-200 dark:bg-secondary-900/30 dark:text-secondary-400 dark:hover:bg-secondary-800/50"
                     @click="isManualMode = !isManualMode"
                 >
                     {{ isManualMode ? '📊 可视化模式' : '⌨️ 手动编辑' }}
@@ -612,10 +612,10 @@ const confirmClear = () => {
                 :readonly="!isManualMode"
                 rows="4"
                 :placeholder="isManualMode ? '在此手动编辑过滤规则...' : '规则将自动生成在这里'"
-                class="w-full rounded-xl border-2 border-gray-300 bg-gray-900 px-4 py-3 font-mono text-sm text-green-400 transition-all focus:ring-2 focus:ring-purple-500 focus:outline-none dark:border-gray-700 dark:bg-black"
+                class="w-full rounded-element border-2 border-gray-300 bg-gray-900 px-4 py-3 font-mono text-sm text-success-400 transition-all focus:ring-2 focus:ring-secondary-500 focus:outline-none dark:border-white/10 dark:bg-black"
                 :class="{
                     'cursor-not-allowed opacity-60': !isManualMode,
-                    'focus:border-purple-500': isManualMode
+                    'focus:border-secondary-500': isManualMode
                 }"
                 @input="$emit('update:modelValue', ($event.target as HTMLTextAreaElement).value)"
             ></textarea>
@@ -634,10 +634,10 @@ const confirmClear = () => {
         <template #title>
             <div class="flex items-center gap-3">
                 <div
-                    class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-amber-100 dark:bg-amber-900/30"
+                    class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-warning-100 dark:bg-warning-900/30"
                 >
                     <svg
-                        class="h-5 w-5 text-amber-600 dark:text-amber-400"
+                        class="h-5 w-5 text-warning-600 dark:text-warning-400"
                         fill="none"
                         viewBox="0 0 24 24"
                         stroke="currentColor"
diff --git a/src/widgets/subscription/SubscriptionCard.vue b/src/widgets/subscription/SubscriptionCard.vue
index 44fbc495..c542e7b1 100644
--- a/src/widgets/subscription/SubscriptionCard.vue
+++ b/src/widgets/subscription/SubscriptionCard.vue
@@ -127,11 +127,11 @@ const handleTestLatency = async () => {
 
 <template>
     <div
-        class="card-glass group relative flex h-full min-h-70 flex-col overflow-hidden rounded-2xl hover:scale-[1.02] sm:min-h-60"
+        class="card-glass group relative flex h-full min-h-70 flex-col overflow-hidden rounded-card hover:scale-[1.02] sm:min-h-60"
         :class="{
             'opacity-50': !sub.enabled,
-            'ring-2 ring-indigo-500/50': sub.isNew,
-            'ring-2 ring-indigo-600 dark:ring-indigo-400': isBatchMode && isSelected,
+            'ring-2 ring-primary-500/50': sub.isNew,
+            'ring-2 ring-primary-600 dark:ring-primary-400': isBatchMode && isSelected,
             'cursor-pointer': isBatchMode
         }"
         @mousedown="handleMouseDown"
@@ -145,7 +145,7 @@ const handleTestLatency = async () => {
                         <input
                             type="checkbox"
                             :checked="isSelected"
-                            class="h-5 w-5 cursor-pointer rounded border-gray-300 bg-gray-100 text-indigo-600 dark:border-gray-600 dark:bg-gray-700"
+                            class="h-5 w-5 cursor-pointer rounded border-gray-300 bg-gray-100 text-primary-600 dark:border-white/10 dark:bg-white/10"
                             @change="emit('toggleSelect')"
                         />
                     </label>
@@ -154,7 +154,7 @@ const handleTestLatency = async () => {
                 <div class="w-full truncate">
                     <div class="flex items-center gap-3">
                         <div
-                            class="flex h-10 w-10 shrink-0 items-center justify-center rounded-2xl bg-linear-to-br from-blue-500 to-indigo-600 shadow-lg transition-all duration-300 group-hover:shadow-xl"
+                            class="flex h-10 w-10 shrink-0 items-center justify-center rounded-button bg-linear-to-br from-info-500 to-primary-600 shadow-elevated transition-all duration-300 group-hover:shadow-card"
                         >
                             <svg
                                 xmlns="http://www.w3.org/2000/svg"
@@ -173,19 +173,19 @@ const handleTestLatency = async () => {
                         </div>
                         <div class="min-w-0 flex-1">
                             <p
-                                class="truncate text-lg font-bold text-gray-800 transition-colors duration-300 group-hover:text-indigo-600 dark:text-gray-100 dark:group-hover:text-indigo-400"
+                                class="truncate text-lg font-bold text-gray-800 transition-colors duration-300 group-hover:text-primary-600 dark:text-gray-100 dark:group-hover:text-primary-400"
                                 :title="sub.name || '未命名订阅'"
                             >
                                 {{ sub.name || '未命名订阅' }}
                             </p>
                             <div
                                 v-if="sub.exclude && sub.exclude.trim()"
-                                class="animate-pulse-slow mt-1.5 flex w-fit items-center gap-1.5 rounded-lg border border-orange-300/50 bg-linear-to-r from-orange-500/15 to-amber-500/15 px-2.5 py-1 dark:border-orange-500/30 dark:from-orange-500/20 dark:to-amber-500/20"
+                                class="animate-pulse-slow mt-1.5 flex w-fit items-center gap-1.5 rounded-element border border-warning-300/50 bg-linear-to-r from-warning-500/15 to-warning-500/15 px-2.5 py-1 dark:border-warning-500/30 dark:from-warning-500/20 dark:to-warning-500/20"
                                 :title="`已启用规则过滤: ${sub.exclude}`"
                             >
                                 <svg
                                     xmlns="http://www.w3.org/2000/svg"
-                                    class="h-3.5 w-3.5 shrink-0 text-orange-600 dark:text-orange-400"
+                                    class="h-3.5 w-3.5 shrink-0 text-warning-600 dark:text-warning-400"
                                     fill="none"
                                     viewBox="0 0 24 24"
                                     stroke="currentColor"
@@ -198,7 +198,7 @@ const handleTestLatency = async () => {
                                     />
                                 </svg>
                                 <span
-                                    class="text-[10px] font-bold tracking-wide text-orange-700 dark:text-orange-300"
+                                    class="text-[10px] font-bold tracking-wide text-warning-700 dark:text-warning-300"
                                     >规则过滤</span
                                 >
                             </div>
@@ -210,7 +210,7 @@ const handleTestLatency = async () => {
                     class="flex shrink-0 items-center gap-1 opacity-100 transition-all duration-300 lg:opacity-0 lg:group-hover:opacity-100"
                 >
                     <button
-                        class="hover-lift rounded-xl p-2.5 text-gray-500 transition-all duration-200 hover:bg-indigo-500/10 hover:text-indigo-600 dark:text-gray-300 dark:hover:text-indigo-400"
+                        class="hover-lift rounded-element p-2.5 text-gray-500 transition-all duration-200 hover:bg-primary-500/10 hover:text-primary-600 dark:text-gray-300 dark:hover:text-primary-400"
                         title="编辑"
                         @click.stop="emit('edit')"
                     >
@@ -230,7 +230,7 @@ const handleTestLatency = async () => {
                         </svg>
                     </button>
                     <button
-                        class="hover-lift rounded-xl p-2.5 text-gray-500 transition-all duration-200 hover:bg-red-500/10 hover:text-red-500 dark:text-gray-300"
+                        class="hover-lift rounded-element p-2.5 text-gray-500 transition-all duration-200 hover:bg-danger-500/10 hover:text-danger-500 dark:text-gray-300"
                         title="删除"
                         @click.stop="emit('delete')"
                     >
@@ -262,12 +262,12 @@ const handleTestLatency = async () => {
                         type="text"
                         :value="showUrl ? sub.url : '••••••••••••••••••••••••••••••••••••••••'"
                         readonly
-                        class="w-full rounded-xl border border-gray-300 bg-gray-50/60 px-3 py-2 font-mono text-sm text-gray-500 transition-all duration-300 sm:px-4 sm:py-3 dark:border-gray-700 dark:bg-gray-900/75 dark:text-gray-400"
+                        class="w-full rounded-element border border-gray-300 bg-gray-50/60 px-3 py-2 font-mono text-sm text-gray-500 transition-all duration-300 sm:px-4 sm:py-3 dark:border-white/10 dark:bg-black/60 dark:text-gray-400"
                         :class="{ 'select-none': !showUrl }"
                     />
                     <div class="mt-2 flex items-center gap-2 sm:mt-3">
                         <button
-                            class="hover-lift flex items-center gap-1 rounded-xl px-3 py-1.5 text-xs font-medium text-gray-600 transition-all duration-200 hover:bg-orange-500/20 hover:text-orange-600 sm:gap-2 sm:px-4 sm:py-2 dark:text-gray-300 dark:hover:text-orange-400"
+                            class="hover-lift flex items-center gap-1 rounded-element px-3 py-1.5 text-xs font-medium text-gray-600 transition-all duration-200 hover:bg-warning-500/20 hover:text-warning-600 sm:gap-2 sm:px-4 sm:py-2 dark:text-gray-300 dark:hover:text-warning-400"
                             :title="showUrl ? '隐藏链接' : '显示链接'"
                             @click.stop="toggleUrlVisibility"
                         >
@@ -309,7 +309,7 @@ const handleTestLatency = async () => {
                         </button>
                         <button
                             v-if="showUrl"
-                            class="hover-lift flex items-center gap-1 rounded-xl px-3 py-1.5 text-xs font-medium text-gray-600 transition-all duration-200 hover:bg-yellow-500/20 hover:text-yellow-600 sm:gap-2 sm:px-4 sm:py-2 dark:text-gray-300 dark:hover:text-yellow-400"
+                            class="hover-lift flex items-center gap-1 rounded-element px-3 py-1.5 text-xs font-medium text-gray-600 transition-all duration-200 hover:bg-yellow-500/20 hover:text-yellow-600 sm:gap-2 sm:px-4 sm:py-2 dark:text-gray-300 dark:hover:text-yellow-400"
                             title="复制链接"
                             @click.stop="copyUrl"
                         >
@@ -334,7 +334,7 @@ const handleTestLatency = async () => {
                 <!-- 流量信息 -->
                 <div
                     v-if="trafficInfo"
-                    class="mt-2 rounded-xl border border-gray-300 bg-gray-50/80 p-3 backdrop-blur-sm dark:border-gray-700/50 dark:bg-gray-800/50"
+                    class="mt-2 rounded-element border border-gray-300 bg-gray-50/80 p-3 backdrop-blur-sm dark:border-white/10/50 dark:bg-white/5"
                 >
                     <div class="mb-2 flex items-end justify-between">
                         <span
@@ -363,10 +363,10 @@ const handleTestLatency = async () => {
                         </div>
                     </div>
                     <div
-                        class="relative h-2.5 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700"
+                        class="relative h-2.5 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-white/10"
                     >
                         <div
-                            class="absolute top-0 left-0 h-full rounded-full shadow-sm transition-all duration-700 ease-out"
+                            class="absolute top-0 left-0 h-full rounded-full shadow-elevated-sm transition-all duration-700 ease-out"
                             :class="trafficColorClass"
                             :style="{ width: trafficInfo.percentage + '%' }"
                         >
@@ -379,7 +379,7 @@ const handleTestLatency = async () => {
                         >
                         <span
                             v-if="expiryInfo"
-                            class="rounded border border-gray-300 bg-white px-1.5 py-0.5 text-[10px] shadow-sm dark:border-gray-600 dark:bg-gray-700"
+                            class="rounded border border-gray-300 bg-white px-1.5 py-0.5 text-[10px] shadow-elevated-sm dark:border-white/10 dark:bg-white/10"
                             :class="expiryInfo.style"
                             >{{ expiryInfo.daysRemaining }}</span
                         >
@@ -389,7 +389,7 @@ const handleTestLatency = async () => {
 
             <!-- 底部控制 -->
             <div
-                class="mt-4 flex items-center justify-between border-t border-gray-300 pt-3 dark:border-gray-700/50"
+                class="mt-4 flex items-center justify-between border-t border-gray-300 pt-3 dark:border-white/10/50"
                 @click.stop
             >
                 <div class="flex items-center gap-3">
@@ -401,7 +401,7 @@ const handleTestLatency = async () => {
                             @change="emit('change')"
                         />
                         <div
-                            class="peer h-6 w-10 rounded-full bg-gray-200 transition-all duration-300 group-hover/toggle:shadow-md peer-checked:bg-indigo-500 peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-4 peer-checked:after:border-white dark:border-gray-600 dark:bg-gray-700"
+                            class="peer h-6 w-10 rounded-full bg-gray-200 transition-all duration-300 group-hover/toggle:shadow-elevated-sm peer-checked:bg-primary-500 peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-4 peer-checked:after:border-white dark:border-white/10 dark:bg-white/10"
                         ></div>
                     </label>
                     <span class="text-xs font-medium text-gray-600 dark:text-gray-300">{{
@@ -412,13 +412,13 @@ const handleTestLatency = async () => {
                 <div class="flex items-center gap-2">
                     <button
                         :disabled="isTestingLatency"
-                        class="rounded-lg p-2 transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-50"
+                        class="rounded-element p-2 transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-50"
                         :class="{
-                            'text-amber-500 hover:bg-amber-50 dark:hover:bg-amber-900/30':
+                            'text-warning-500 hover:bg-warning-50 dark:hover:bg-warning-900/30':
                                 !latencyResult,
-                            'text-green-500 hover:bg-green-50 dark:hover:bg-green-900/30':
+                            'text-success-500 hover:bg-success-50 dark:hover:bg-success-900/30':
                                 latencyResult && latencyResult.available,
-                            'text-red-500 hover:bg-red-50 dark:hover:bg-red-900/30':
+                            'text-danger-500 hover:bg-danger-50 dark:hover:bg-danger-900/30':
                                 latencyResult && !latencyResult.available
                         }"
                         :title="
@@ -450,12 +450,12 @@ const handleTestLatency = async () => {
                     </button>
 
                     <button
-                        class="group/btn flex items-center gap-1.5 rounded-lg border border-gray-300 bg-gray-50 px-3 py-1.5 text-xs font-medium text-gray-600 transition-all duration-200 hover:border-indigo-200 hover:bg-indigo-50 hover:text-indigo-600 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:border-indigo-800 dark:hover:bg-indigo-900/30 dark:hover:text-indigo-400"
+                        class="group/btn flex items-center gap-1.5 rounded-element border border-gray-300 bg-gray-50 px-3 py-1.5 text-xs font-medium text-gray-600 transition-all duration-200 hover:border-primary-200 hover:bg-primary-50 hover:text-primary-600 dark:border-white/10 dark:bg-white/5 dark:text-gray-300 dark:hover:border-primary-800 dark:hover:bg-primary-900/30 dark:hover:text-primary-400"
                         @click.stop="emit('showNodes')"
                     >
                         <span
                             class="h-1.5 w-1.5 rounded-full"
-                            :class="(sub.nodeCount || 0) > 0 ? 'bg-green-500' : 'bg-gray-300'"
+                            :class="(sub.nodeCount || 0) > 0 ? 'bg-success-500' : 'bg-gray-300'"
                         ></span>
                         {{ sub.nodeCount }} 节点
                         <svg
@@ -476,14 +476,14 @@ const handleTestLatency = async () => {
 
                     <button
                         :disabled="sub.isUpdating"
-                        class="rounded-lg p-1.5 text-gray-600 transition-all duration-200 hover:bg-indigo-50 hover:text-indigo-600 disabled:cursor-not-allowed disabled:opacity-50 dark:text-gray-300 dark:hover:bg-indigo-900/30 dark:hover:text-indigo-400"
+                        class="rounded-element p-1.5 text-gray-600 transition-all duration-200 hover:bg-primary-50 hover:text-primary-600 disabled:cursor-not-allowed disabled:opacity-50 dark:text-gray-300 dark:hover:bg-primary-900/30 dark:hover:text-primary-400"
                         :title="sub.isUpdating ? '更新中...' : '更新订阅'"
                         @click.stop="emit('update')"
                     >
                         <svg
                             xmlns="http://www.w3.org/2000/svg"
                             class="h-4 w-4"
-                            :class="{ 'animate-spin text-indigo-500': sub.isUpdating }"
+                            :class="{ 'animate-spin text-primary-500': sub.isUpdating }"
                             viewBox="0 0 20 20"
                             fill="currentColor"
                         >
diff --git a/src/widgets/subscription/SubscriptionModal.vue b/src/widgets/subscription/SubscriptionModal.vue
index 9d794ebd..b2dce9ae 100644
--- a/src/widgets/subscription/SubscriptionModal.vue
+++ b/src/widgets/subscription/SubscriptionModal.vue
@@ -108,32 +108,32 @@ const {
                                 class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
                             >
                                 订阅链接
-                                <span class="text-red-500">*</span>
+                                <span class="text-danger-500">*</span>
                             </label>
                             <input
                                 v-model="localSubscription.url"
                                 type="url"
                                 placeholder="https://example.com/sub?token=xxx"
                                 class="input-modern w-full font-mono text-sm"
-                                :class="{ 'border-red-500 dark:border-red-500': urlError }"
+                                :class="{ 'border-danger-500 dark:border-danger-500': urlError }"
                                 @blur="handleUrlBlur"
                             />
-                            <p v-if="urlError" class="mt-1 text-sm text-red-600 dark:text-red-400">
+                            <p v-if="urlError" class="mt-1 text-sm text-danger-600 dark:text-danger-400">
                                 {{ urlError }}
                             </p>
                         </div>
                     </div>
 
                     <div class="px-1 text-xs text-gray-500 dark:text-gray-400">
-                        <p v-if="nameError" class="mb-1 text-red-600">{{ nameError }}</p>
+                        <p v-if="nameError" class="mb-1 text-danger-600">{{ nameError }}</p>
                         <p v-else>名称留空将自动从链接中提取</p>
                     </div>
                 </div>
 
                 <!-- 高级选项 -->
-                <div class="border-t border-gray-300 pt-4 dark:border-gray-700">
+                <div class="border-t border-gray-300 pt-4 dark:border-white/10">
                     <button
-                        class="flex items-center gap-2 text-sm font-medium text-gray-700 transition-colors hover:text-indigo-600 dark:text-gray-300 dark:hover:text-indigo-400"
+                        class="flex items-center gap-2 text-sm font-medium text-gray-700 transition-colors hover:text-primary-600 dark:text-gray-300 dark:hover:text-primary-400"
                         @click="toggleAdvanced"
                     >
                         <svg
@@ -167,7 +167,7 @@ const {
                                 />
                                 <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
                                     支持正则表达式，多个规则用换行分隔。使用
-                                    <code class="rounded bg-gray-200 px-1 py-0.5 dark:bg-gray-700"
+                                    <code class="rounded bg-gray-200 px-1 py-0.5 dark:bg-white/10"
                                         >keep:</code
                                     >
                                     前缀表示白名单
@@ -180,11 +180,11 @@ const {
                 <!-- 提示信息 -->
                 <div
                     v-if="isNew"
-                    class="rounded-xl border border-blue-200 bg-blue-50 p-4 dark:border-blue-800 dark:bg-blue-900/20"
+                    class="rounded-element border border-info-200 bg-info-50 p-4 dark:border-info-800 dark:bg-info-900/20"
                 >
                     <div class="flex items-start gap-3">
                         <svg
-                            class="mt-0.5 h-5 w-5 shrink-0 text-blue-600 dark:text-blue-400"
+                            class="mt-0.5 h-5 w-5 shrink-0 text-info-600 dark:text-info-400"
                             fill="currentColor"
                             viewBox="0 0 20 20"
                         >
@@ -195,10 +195,10 @@ const {
                             />
                         </svg>
                         <div class="flex-1">
-                            <p class="mb-1 text-sm font-medium text-blue-900 dark:text-blue-100">
+                            <p class="mb-1 text-sm font-medium text-info-900 dark:text-info-100">
                                 添加订阅后自动获取节点
                             </p>
-                            <p class="text-xs text-blue-700 dark:text-blue-300">
+                            <p class="text-xs text-info-700 dark:text-info-300">
                                 保存后系统将自动从订阅链接获取节点数量和流量信息
                             </p>
                         </div>

From db5886054e72c648db4c544df5c10602e1ce2b42 Mon Sep 17 00:00:00 2001
From: binbankm <393439956@qq.com>
Date: Mon, 15 Jun 2026 18:35:26 +0800
Subject: [PATCH 02/11] chore: remove redundant checkmark emojis from success
 toast notifications

---
 src/entities/node/model/useNodeManagement.ts                | 2 +-
 .../subscription/model/useSubscriptionManagement.ts         | 6 +++---
 src/entities/subscription/model/useSubscriptions.ts         | 2 +-
 src/stores/useAppStore.ts                                   | 2 +-
 src/views/DashboardView.vue                                 | 4 ++--
 src/widgets/settings/BackupView.vue                         | 4 ++--
 src/widgets/settings/SettingsModal.vue                      | 6 +++---
 src/widgets/settings/StorageBackendSwitcher.vue             | 2 +-
 8 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/entities/node/model/useNodeManagement.ts b/src/entities/node/model/useNodeManagement.ts
index 33b864c0..8b10a14b 100644
--- a/src/entities/node/model/useNodeManagement.ts
+++ b/src/entities/node/model/useNodeManagement.ts
@@ -100,7 +100,7 @@ export function useNodeManagement() {
         }
 
         toastStore.showToast(
-            `✅ 成功导入 ${subs.length} 条订阅和 ${nodes.length} 个手动节点`,
+            `成功导入 ${subs.length} 条订阅和 ${nodes.length} 个手动节点`,
             'success'
         );
         showBulkImportModal.value = false;
diff --git a/src/entities/subscription/model/useSubscriptionManagement.ts b/src/entities/subscription/model/useSubscriptionManagement.ts
index a8cfcb9d..6cdea176 100644
--- a/src/entities/subscription/model/useSubscriptionManagement.ts
+++ b/src/entities/subscription/model/useSubscriptionManagement.ts
@@ -78,7 +78,7 @@ export function useSubscriptionManagement() {
 
         const success = await dataStore.updateSubscriptionNodes(subscriptionId);
         if (success) {
-            if (!silent) toastStore.showToast(`✅ ${sub.name || '订阅'} 已更新`, 'success');
+            if (!silent) toastStore.showToast(`${sub.name || '订阅'} 已更新`, 'success');
             await dataStore.saveData('订阅节点更新', false);
 
             // 发送 TG 通知（单个订阅更新）
@@ -103,7 +103,7 @@ export function useSubscriptionManagement() {
         try {
             const result = await dataStore.updateAllEnabledSubscriptions();
             if (result.success) {
-                toastStore.showToast(`✅ 成功更新了 ${result.count} 个订阅`, 'success');
+                toastStore.showToast(`成功更新了 ${result.count} 个订阅`, 'success');
                 await dataStore.saveData('批量更新', false);
 
                 // 发送 TG 通知（批量更新汇总）
@@ -111,7 +111,7 @@ export function useSubscriptionManagement() {
                     `┏━━━━━━━━━━━━━━━━━━━━━┓\n` +
                     `┃  🔄 批量更新完成  ┃\n` +
                     `┗━━━━━━━━━━━━━━━━━━━━━┛\n\n` +
-                    `✅ 成功更新了 \`${result.count}\` 个订阅\n` +
+                    `成功更新了 \`${result.count}\` 个订阅\n` +
                     `📊 所有订阅节点信息已同步完成`;
                 await sendNotification(message);
             } else {
diff --git a/src/entities/subscription/model/useSubscriptions.ts b/src/entities/subscription/model/useSubscriptions.ts
index 3a795465..c371e53f 100644
--- a/src/entities/subscription/model/useSubscriptions.ts
+++ b/src/entities/subscription/model/useSubscriptions.ts
@@ -123,7 +123,7 @@ export function useSubscriptions(
                         `┏━━━━━━━━━━━━━━━━━━━━━┓\n` +
                         `┃  🔄 批量更新完成  ┃\n` +
                         `┗━━━━━━━━━━━━━━━━━━━━━┛\n\n` +
-                        `✅ 成功更新了 \`${successCount}\` 个订阅\n` +
+                        `成功更新了 \`${successCount}\` 个订阅\n` +
                         `📊 仪表板数据已同步完成`;
                     api.sendNotification(message).catch((err) => {
                         console.error('发送 TG 通知失败:', err);
diff --git a/src/stores/useAppStore.ts b/src/stores/useAppStore.ts
index abb7b241..f12c6bdb 100644
--- a/src/stores/useAppStore.ts
+++ b/src/stores/useAppStore.ts
@@ -44,7 +44,7 @@ export const useDataStore = defineStore('data', () => {
             const response = await api.saveAllData(payload);
 
             if (response.success) {
-                if (showSuccessToast) showToast(`✅ ${reason} 已保存`, 'success');
+                if (showSuccessToast) showToast(`${reason} 已保存`, 'success');
                 hasUnsavedChanges.value = false;
                 return true;
             } else {
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index 824a6b03..8f124a04 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -31,9 +31,9 @@ const handleUpdateAll = async () => {
 
     if (result.success) {
         if (result.count && result.count > 0) {
-            showToast(`✅ 成功更新 ${result.count} 个订阅`, 'success');
+            showToast(`成功更新 ${result.count} 个订阅`, 'success');
         } else {
-            showToast('✅ 所有订阅已是最新状态', 'success');
+            showToast('所有订阅已是最新状态', 'success');
         }
     } else {
         showToast('❌ ' + (result.message || '更新失败'), 'error');
diff --git a/src/widgets/settings/BackupView.vue b/src/widgets/settings/BackupView.vue
index dbb5b023..8dea087d 100644
--- a/src/widgets/settings/BackupView.vue
+++ b/src/widgets/settings/BackupView.vue
@@ -234,7 +234,7 @@ async function handleFileSelect(event: Event) {
         }
 
         selectedBackup.value = backupData;
-        showToast('✅ 备份文件验证成功', 'success');
+        showToast('备份文件验证成功', 'success');
     } catch (error: any) {
         console.error('读取备份文件失败:', error);
         showToast('❌ 备份文件格式错误或损坏', 'error');
@@ -272,7 +272,7 @@ async function handleDrop(event: DragEvent) {
         }
 
         selectedBackup.value = backupData;
-        showToast('✅ 备份文件验证成功', 'success');
+        showToast('备份文件验证成功', 'success');
     } catch (error: any) {
         console.error('读取备份文件失败:', error);
         showToast('❌ 备份文件格式错误或损坏', 'error');
diff --git a/src/widgets/settings/SettingsModal.vue b/src/widgets/settings/SettingsModal.vue
index 5855afa8..202ee63d 100644
--- a/src/widgets/settings/SettingsModal.vue
+++ b/src/widgets/settings/SettingsModal.vue
@@ -129,14 +129,14 @@ const handleSave = async () => {
         const result = await saveSettings(settings.value);
         if (result.success) {
             // 弹出成功提示
-            showToast('✅ 设置已保存', 'success');
+            showToast('设置已保存', 'success');
 
             // 同步到 Store，防止在此期间的其他操作覆盖配置
             dataStore.updateConfig(settings.value);
 
             // 仅在非存储标签页（常规/高级设置）保存时刷新页面
             if (activeTab.value !== 'storage') {
-                showToast('✅ 设置已保存，页面将自动刷新...', 'success');
+                showToast('设置已保存，页面将自动刷新...', 'success');
                 setTimeout(() => {
                     window.location.reload();
                 }, 1500);
@@ -163,7 +163,7 @@ const copyCronUrl = async () => {
     if (!cronUrl.value) return;
     try {
         await navigator.clipboard.writeText(cronUrl.value);
-        showToast('✅ 触发链接已复制到剪贴板', 'success');
+        showToast('触发链接已复制到剪贴板', 'success');
     } catch (err) {
         showToast('❌ 复制失败，请手动复制', 'error');
     }
diff --git a/src/widgets/settings/StorageBackendSwitcher.vue b/src/widgets/settings/StorageBackendSwitcher.vue
index f4eecef2..ab6b8be9 100644
--- a/src/widgets/settings/StorageBackendSwitcher.vue
+++ b/src/widgets/settings/StorageBackendSwitcher.vue
@@ -110,7 +110,7 @@ async function confirmSwitch() {
             const migratedKeys = migrateData.details?.migrated || [];
             const count = migratedKeys.length;
 
-            showToast(`✅ 切换成功！已自动迁移 ${count} 项数据`, 'success');
+            showToast(`切换成功！已自动迁移 ${count} 项数据`, 'success');
 
             // 延迟刷新页面以展示成功提示
             setTimeout(() => {

From d69c2fff9f2bf152d55e93cb2be61897ba182ce1 Mon Sep 17 00:00:00 2001
From: binbankm <393439956@qq.com>
Date: Tue, 16 Jun 2026 10:04:40 +0800
Subject: [PATCH 03/11] feat: add Egern support, expand network protocols, and
 implement VMess security normalization

---
 .../proxy/__tests__/complex-protocol.test.ts  | 889 ++++++++++++++++++
 lib/backend/proxy/constants.ts                |  57 +-
 lib/backend/proxy/converter/clash.ts          |  88 ++
 lib/backend/proxy/converter/egern.ts          | 520 ++++++++++
 lib/backend/proxy/converter/index.ts          |   9 +-
 lib/backend/proxy/converter/loon.ts           | 105 ++-
 lib/backend/proxy/converter/quantumultx.ts    |  47 +-
 lib/backend/proxy/converter/shadowrocket.ts   |  35 +
 lib/backend/proxy/converter/singbox.ts        |  52 +-
 lib/backend/proxy/converter/surge.ts          |   6 +
 lib/backend/proxy/converter/uri.ts            |  74 +-
 lib/backend/proxy/parser/normalizer.ts        |  49 +-
 lib/backend/proxy/parser/uri-parsers.ts       | 386 +++++---
 lib/backend/proxy/types.ts                    |  99 +-
 .../profile/SubscriptionExportModal.vue       |   5 +
 src/widgets/settings/HelpModal.vue            |   2 +-
 16 files changed, 2261 insertions(+), 162 deletions(-)
 create mode 100644 lib/backend/proxy/__tests__/complex-protocol.test.ts
 create mode 100644 lib/backend/proxy/converter/egern.ts

diff --git a/lib/backend/proxy/__tests__/complex-protocol.test.ts b/lib/backend/proxy/__tests__/complex-protocol.test.ts
new file mode 100644
index 00000000..37a743f3
--- /dev/null
+++ b/lib/backend/proxy/__tests__/complex-protocol.test.ts
@@ -0,0 +1,889 @@
+/**
+ * Complex Protocol Test Suite
+ * 验证各种复杂协议组合（VLESS+Reality+httpupgrade、SS+plugin、多传输层等）
+ * 解析后转换到各平台，确保输出字段正确
+ */
+import { describe, expect, it } from 'vitest';
+
+import { convert, parse } from '../index';
+import type { ProxyNode } from '../types';
+
+// ============================================================
+// 测试 URI 定义 —— 每个都是真实场景中的复杂协议组合
+// ============================================================
+
+const TEST_URIS = {
+    // 1. VLESS + Reality + httpupgrade (最复杂组合)
+    vlessRealityHttpupgrade:
+        'vless://uuid-1234@1.2.3.4:443?type=httpupgrade&host=cdn.example.com&path=%2Fws%3Fed%3D2048&security=reality&sni=www.google.com&fp=chrome&pbk=abc123def456&sid=abcdef01&spx=%2Fspider#VLESS-Reality-Httpupgrade',
+
+    // 2. VLESS + Reality + WebSocket
+    vlessRealityWs:
+        'vless://uuid-5678@2.3.4.5:443?type=ws&path=%2Fws&host=ws.example.com&security=reality&sni=www.google.com&fp=chrome&pbk=xyz789&sid=12345678&spx=%2F#VLESS-Reality-WS',
+
+    // 3. VLESS + Reality + gRPC
+    vlessRealityGrpc:
+        'vless://uuid-abcd@3.4.5.6:443?type=grpc&serviceName=grpc-service&security=reality&sni=grpc.example.com&fp=chrome&pbk=key123&sid=aabbccdd&spx=%2F#VLESS-Reality-gRPC',
+
+    // 4. VLESS + ECH + WebSocket
+    vlessEchWs:
+        'vless://uuid-ech1@5.6.7.8:443?type=ws&host=ech.example.com&path=%2Fech&security=tls&sni=ech.example.com&fp=firefox&ech=1#VLESS-ECH-WS',
+
+    // 5. VMess + WebSocket + TLS
+    vmessWsTls:
+        'vmess://eyJ2IjoiMiIsInBzIjoiVk1lc3MtV1MtVExTIiwiYWRkIjoiNi43LjguOSIsInBvcnQiOiI0NDMiLCJpZCI6IjExMTExMTExLTExMTExLTExMTEtMTExMTExMTExMTExMSIsImFpZCI6IjEiLCJuZXQiOiJ3cyIsInR5cGUiOiJub25lIiwiaG9zdCI6IndzLmV4YW1wbGUuY29tIiwicGF0aCI6Ii93cyIsInRscyI6InRscyIsInNuaSI6IndzLmV4YW1wbGUuY29tIn0#VMess-WS-TLS',
+
+    // 6. VMess + gRPC
+    vmessGrpc:
+        'vmess://eyJ2IjoiMiIsInBzIjoiVk1lc3MtZ1JwYyIsImFkZCI6IjcuOC45LjAiLCJwb3J0IjoiNDQzIiwiaWQiOiIyMjIyMjIyMi0yMjIyLTIyMjItMjIyMi0yMjIyMjIyMjIyMjIiLCJhaWQiOiIxIiwibmV0IjoiZ3JwYyIsInR5cGUiOiJub25lIiwiaG9zdCI6ImdycGNfY2hhbm5lbCIsInBhdGgiOiIiLCJ0bHMiOiJ0bHMifQ#VMess-gRPC',
+
+    // 7. Trojan + WebSocket
+    trojanWs:
+        'trojan://pass123@8.9.10.11:443?type=ws&host=ws.trojan.com&path=%2Ftrojan&security=tls&sni=trojan.example.com#Trojan-WS',
+
+    // 8. SS + v2ray-plugin + base64 params
+    ssV2rayPlugin:
+        'ss://Y2hhY2hhMjAtcG9seTEzMDU6dGVzdHBhc3NAMTIzLjQ1LjY3Ljg5OjQ0Mw%3D%3D?v2ray-plugin=eyJ0eXBlIjoid2Vic29ja2V0Iiwib2JmcyI6Imh0dHAiLCJob3N0IjoiZXhhbXBsZS5jb20ifQ#SS-V2ray-Plugin',
+
+    // 9. SS + obfs-plugin (plugin name must be obfs-local or simple-obfs per SS standard)
+    ssObfs:
+        'ss://YWVzLTI1Ni1nY206dGVzdHBhc3NAMTIzLjQ1LjY3Ljg5OjQ0Mw%3D%3D?plugin=obfs-local%3Bmode%3Dhttp%3Bobfs-host%3Dexample.com#SS-Obfs',
+
+    // 10. Hysteria2 + port hopping
+    hysteria2:
+        'hysteria2://hy2pass@10.11.12.13:443?obfs=salamander&obfs-password=obfspass&sni=hy2.example.com&insecure=1&ports=443-8443-4&hop-interval=3#Hysteria2-PortHopping',
+
+    // 11. TUIC v5
+    tuicV5:
+        'tuic://uuid-tuic:tuicpass@14.15.16.17:443?sni=tuic.example.com&alpn=h3&congestion_control=bbr&udp_relay_mode=native&reduce_rtt=1#TUIC-v5',
+
+    // 12. AnyTLS
+    anytls:
+        'anytls://atp@18.19.20.21:443?sni=at.example.com&insecure=1#AnyTLS',
+
+    // 13. Naive
+    naive:
+        'naive+https://naiveuser:naivepass@22.23.24.25:443?sni=naive.example.com#Naive',
+
+    // 14. WireGuard
+    wireguard:
+        'wireguard://testkey@26.27.28.29:51820?publickey=pubkey123&ip=10.0.0.2&dns=1.1.1.1&mtu=1280&reserved=123,45,678&keepalive=25#WireGuard',
+
+    // 15. SS + shadow-tls (plugin string format)
+    ssShadowTls:
+        'ss://Y2hhY2hhMjAtcG9seTEzMDU6dGVzdEB2MC5zaGFkb3d0bHMudG86NDQz?plugin=shadow-tls%3Bhost%3Dshadow.example.com%3Bpassword%3Dshadowpass%3Bversion%3D1.3#SS-ShadowTLS',
+
+    // 16. Trojan + Reality
+    trojanReality:
+        'trojan://trpass@30.31.32.33:443?security=reality&sni=tr.example.com&fp=chrome&pbk=trpbk123&sid=trsid456&spx=%2Ftr#Trojan-Reality',
+} as const;
+
+// ============================================================
+// 测试：解析验证
+// ============================================================
+
+describe('Complex Protocol URI Parsing', () => {
+    it('should parse VLESS+Reality+httpupgrade', () => {
+        const nodes = parse(TEST_URIS.vlessRealityHttpupgrade);
+        expect(nodes.length).toBeGreaterThanOrEqual(1);
+        const node = nodes[0];
+        expect(node.type).toBe('vless');
+        expect(node.uuid).toBe('uuid-1234');
+        expect(node.server).toBe('1.2.3.4');
+        expect(node.network).toBe('ws'); // httpupgrade → ws
+        expect(node.tls).toBe(true);
+        expect(node.sni).toBe('www.google.com');
+        expect(node['reality-opts']).toBeDefined();
+        expect(node['reality-opts']!['public-key']).toBe('abc123def456');
+        expect(node['reality-opts']!['short-id']).toBe('abcdef01');
+        // httpupgrade 标记在 ws-opts 中
+        expect(node['ws-opts']?.['v2ray-http-upgrade']).toBe(true);
+        expect(node['xhttp-opts']?.mode).toBe('stream-one');
+    });
+
+    it('should parse VLESS+Reality+gRPC', () => {
+        const nodes = parse(TEST_URIS.vlessRealityGrpc);
+        expect(nodes.length).toBeGreaterThanOrEqual(1);
+        const node = nodes[0];
+        expect(node.type).toBe('vless');
+        expect(node.network).toBe('grpc');
+        expect(node['grpc-opts']?.['service-name']).toBe('grpc-service');
+        expect(node['reality-opts']).toBeDefined();
+    });
+
+    it('should parse VLESS+ECH+WS', () => {
+        const nodes = parse(TEST_URIS.vlessEchWs);
+        expect(nodes.length).toBeGreaterThanOrEqual(1);
+        const node = nodes[0];
+        expect(node.type).toBe('vless');
+        // URI 格式中 ech=1 只存储 _ech 标志，ech-opts 需要从 Clash YAML/base64 获取
+        expect((node as any)._ech).toBe('1');
+        expect(node.network).toBe('ws');
+    });
+
+    it('should parse Hysteria2 with port hopping', () => {
+        const nodes = parse(TEST_URIS.hysteria2);
+        expect(nodes.length).toBeGreaterThanOrEqual(1);
+        const node = nodes[0];
+        expect(node.type).toBe('hysteria2');
+        expect(node.obfs).toBe('salamander');
+        expect(node['obfs-password']).toBe('obfspass');
+        expect(node.ports).toBeDefined();
+    });
+
+    it('should parse TUIC v5', () => {
+        const nodes = parse(TEST_URIS.tuicV5);
+        expect(nodes.length).toBeGreaterThanOrEqual(1);
+        const node = nodes[0];
+        expect(node.type).toBe('tuic');
+        expect(node.uuid).toBe('uuid-tuic');
+        expect(node['congestion-controller']).toBe('bbr');
+        expect(node['reduce-rtt']).toBeTruthy();
+    });
+
+    it('should parse AnyTLS', () => {
+        const nodes = parse(TEST_URIS.anytls);
+        expect(nodes.length).toBeGreaterThanOrEqual(1);
+        const node = nodes[0];
+        expect(node.type).toBe('anytls');
+        expect(node.sni).toBe('at.example.com');
+    });
+
+    it('should parse Naive', () => {
+        const nodes = parse(TEST_URIS.naive);
+        expect(nodes.length).toBeGreaterThanOrEqual(1);
+        const node = nodes[0];
+        expect(node.type).toBe('naive');
+        expect(node.username).toBe('naiveuser');
+    });
+
+    it('should parse WireGuard', () => {
+        const nodes = parse(TEST_URIS.wireguard);
+        expect(nodes.length).toBeGreaterThanOrEqual(1);
+        const node = nodes[0];
+        expect(node.type).toBe('wireguard');
+        expect(node.ip).toBe('10.0.0.2');
+        expect(node.mtu).toBe(1280);
+    });
+});
+
+// ============================================================
+// 测试：VLESS+Reality+httpupgrade 转换（最复杂场景）
+// ============================================================
+
+describe('VLESS+Reality+httpupgrade Conversion', () => {
+    const parseNode = () => parse(TEST_URIS.vlessRealityHttpupgrade)[0];
+
+    it('ClashMeta: should output httpupgrade cleaned, fingerprint, reality-opts, no tls', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'clashmeta');
+
+        // httpupgrade 内部标记字段必须被清理
+        expect(result).not.toContain('v2ray-http-upgrade');
+        expect(result).not.toContain('v2ray-http-upgrade-fast-open');
+
+        // 应有 fingerprint (非 tls-fingerprint)
+        expect(result).toContain('fingerprint: chrome');
+
+        // reality-opts 正确
+        expect(result).toContain('reality-opts:');
+        expect(result).toContain('public-key: abc123def456');
+        expect(result).toContain('short-id: abcdef01');
+
+        // ws-opts 路径不含 early-data (已提取)
+        expect(result).toContain('early-data-header-name:');
+        expect(result).toContain('max-early-data: 2048');
+    });
+
+    it('Surge: should return empty (VLESS not supported)', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'surge');
+        expect(result).toBe('');
+    });
+
+    it('Loon: should output correct VLESS with Reality', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'loon');
+
+        expect(result).toContain('vless,1.2.3.4,443');
+        expect(result).toContain('over-tls=true');
+        expect(result).toContain('sni=www.google.com');
+        expect(result).toContain('tls-profile=chrome');
+    });
+
+    it('Shadowrocket: should output ClashYAML with fingerprint and reality', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'shadowrocket');
+
+        expect(result).toContain('fingerprint: chrome');
+        expect(result).toContain('public-key: abc123def456');
+        expect(result).not.toContain('tls-fingerprint:');
+    });
+
+    it('Singbox: should output utls+reality in TLS', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'singbox');
+        const config = JSON.parse(result);
+        const out = config.outbounds[0];
+
+        expect(out.type).toBe('vless');
+        expect(out.tls.reality.enabled).toBe(true);
+        expect(out.tls.reality.public_key).toBe('abc123def456');
+        expect(out.tls.utls.fingerprint).toBe('chrome');
+        expect(out.transport.type).toBe('ws');
+    });
+
+    it('URI: should output vless:// with reality params', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'uri');
+
+        expect(result).toContain('vless://uuid-1234@1.2.3.4:443');
+        expect(result).toContain('security=reality');
+        expect(result).toContain('pbk=abc123def456');
+        expect(result).toContain('sid=abcdef01');
+        // httpupgrade 在 URI 中映射为 type=ws
+        expect(result).toContain('type=ws');
+        expect(result).toContain('mode=stream-one');
+    });
+
+    it('QX: should output vless with reality params', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'qx');
+
+        expect(result).toContain('vless=');
+        expect(result).toContain('reality-base64-pubkey=');
+        expect(result).toContain('reality-hex-shortid=');
+    });
+});
+
+// ============================================================
+// 测试：SS + Plugin 组合转换
+// ============================================================
+
+describe('SS Plugin Conversions', () => {
+    it('ClashMeta: SS+obfs should output plugin and plugin-opts', async () => {
+        const nodes = parse(TEST_URIS.ssObfs);
+        const result = await convert(nodes, 'clashmeta');
+
+        expect(result).toContain('plugin: obfs');
+        expect(result).toContain('plugin-opts:');
+        expect(result).toContain('host: example.com');
+    });
+
+    it('Loon: SS+obfs should output obfs-name and obfs-host', async () => {
+        const nodes = parse(TEST_URIS.ssObfs);
+        const result = await convert(nodes, 'loon');
+
+        expect(result).toContain('obfs-name=http');
+        expect(result).toContain('obfs-host=example.com');
+    });
+
+    it('Surge: SS+obfs should output obfs', async () => {
+        const nodes = parse(TEST_URIS.ssObfs);
+        const result = await convert(nodes, 'surge');
+
+        expect(result).toContain('obfs=http');
+        expect(result).toContain('obfs-host=example.com');
+    });
+
+    it('Singbox: SS+obfs should output obfs plugin', async () => {
+        const nodes = parse(TEST_URIS.ssObfs);
+        const result = await convert(nodes, 'singbox');
+        const config = JSON.parse(result);
+        const out = config.outbounds[0];
+
+        expect(out.plugin).toBe('obfs');
+    });
+});
+
+// ============================================================
+// 测试：Hysteria2 + port hopping 转换
+// ============================================================
+
+describe('Hysteria2 Complex Conversion', () => {
+    const parseNode = () => parse(TEST_URIS.hysteria2)[0];
+
+    it('ClashMeta: should output hysteria2 with obfs and salamander', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'clashmeta');
+
+        expect(result).toContain('type: hysteria2');
+        expect(result).toContain('obfs: salamander');
+        expect(result).toContain('obfs-password: obfspass');
+        // 隐式 TLS，不需要 tls 字段
+        expect(result).not.toMatch(/tls:/);
+    });
+
+    it('Singbox: should output server_ports and hop_interval', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'singbox');
+        const config = JSON.parse(result);
+        const out = config.outbounds[0];
+
+        expect(out.type).toBe('hysteria2');
+        expect(out.server_ports).toBeDefined();
+        expect(out.hop_interval).toBe('3s');
+        expect(out.obfs.type).toBe('salamander');
+        expect(out.obfs.password).toBe('obfspass');
+    });
+
+    it('Loon: should output Hysteria2 with salamander', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'loon');
+
+        expect(result).toContain('Hysteria2');
+        expect(result).toContain('salamander-password=obfspass');
+    });
+
+    it('Surge: should output hysteria2 with port-hopping', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'surge');
+
+        expect(result).toContain('hysteria2');
+        expect(result).toContain('port-hopping=');
+    });
+});
+
+// ============================================================
+// 测试：TUIC v5 转换
+// ============================================================
+
+describe('TUIC v5 Conversion', () => {
+    const parseNode = () => parse(TEST_URIS.tuicV5)[0];
+
+    it('ClashMeta: should output tuic with congestion-controller and alpn', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'clashmeta');
+
+        expect(result).toContain('type: tuic');
+        expect(result).toContain('congestion-controller: bbr');
+        expect(result).toContain('udp-relay-mode: native');
+        expect(result).toContain('alpn:');
+        // 隐式 TLS
+        expect(result).not.toMatch(/tls:/);
+    });
+
+    it('Surge: should output tuic-v5 (no token)', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'surge');
+
+        expect(result).toContain('tuic-v5');
+        expect(result).toContain('uuid=uuid-tuic');
+        expect(result).toContain('password="tuicpass"');
+    });
+
+    it('Singbox: should output zero_rtt_handshake and congestion_control', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'singbox');
+        const config = JSON.parse(result);
+        const out = config.outbounds[0];
+
+        expect(out.type).toBe('tuic');
+        expect(out.congestion_control).toBe('bbr');
+        expect(out.zero_rtt_handshake).toBe(true);
+        expect(out.tls.enabled).toBe(true);
+    });
+
+    it('URI: should output tuic:// with all params', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'uri');
+
+        expect(result).toContain('tuic://uuid-tuic:tuicpass@14.15.16.17:443');
+        expect(result).toContain('congestion_control=bbr');
+        expect(result).toContain('reduce_rtt=1');
+    });
+});
+
+// ============================================================
+// 测试：Naive + Singbox 转换
+// ============================================================
+
+describe('Naive Conversion', () => {
+    const parseNode = () => parse(TEST_URIS.naive)[0];
+
+    it('Singbox: should output http type with TLS (no insecure)', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'singbox');
+        const config = JSON.parse(result);
+        const out = config.outbounds[0];
+
+        expect(out.type).toBe('http');
+        expect(out.username).toBe('naiveuser');
+        expect(out.password).toBe('naivepass');
+        expect(out.tls.enabled).toBe(true);
+        // insecure should be false (not true) for naive
+        expect(out.tls.insecure).toBe(false);
+    });
+
+    it('URI: should output naive+https:// with auth', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'uri');
+
+        expect(result).toContain('naive+https://');
+        expect(result).toContain('naiveuser');
+        expect(result).toContain('naive.example.com');
+    });
+});
+
+// ============================================================
+// 测试：AnyTLS 全平台转换
+// ============================================================
+
+describe('AnyTLS Full Conversion', () => {
+    const parseNode = () => parse(TEST_URIS.anytls)[0];
+
+    it('ClashMeta: should output anytls without tls', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'clashmeta');
+
+        expect(result).toContain('type: anytls');
+        // 隐式 TLS
+        expect(result).not.toMatch(/tls:/);
+    });
+
+    it('Loon: should output anytls with tls-name', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'loon');
+
+        expect(result).toContain('anytls,18.19.20.21,443');
+        expect(result).toContain('tls-name=at.example.com');
+    });
+
+    it('Surge: should output anytls', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'surge');
+
+        expect(result).toContain('anytls');
+        expect(result).toContain('sni=at.example.com');
+    });
+
+    it('QX: should output anytls with over-tls', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'qx');
+
+        expect(result).toContain('anytls=18.19.20.21:443');
+        expect(result).toContain('over-tls=true');
+    });
+
+    it('Singbox: should output anytls with TLS', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'singbox');
+        const config = JSON.parse(result);
+        const out = config.outbounds[0];
+
+        expect(out.type).toBe('anytls');
+        expect(out.tls.enabled).toBe(true);
+    });
+
+    it('URI: should output anytls://', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'uri');
+
+        expect(result).toContain('anytls://atp@18.19.20.21:443');
+        expect(result).toContain('sni=at.example.com');
+    });
+});
+
+// ============================================================
+// 测试：VLESS + ECH + WS 转换
+// ============================================================
+
+describe('VLESS+ECH Conversion', () => {
+    it('ClashMeta: should output ech-opts when ech-opts present', async () => {
+        // ECH config must come from Clash YAML / base64 format, not simple URI
+        // Test with a node that has ech-opts set manually
+        const nodes = parse(TEST_URIS.vlessEchWs);
+        // URI format only stores _ech flag, not ech-opts config
+        expect(nodes[0]['ech-opts']).toBeUndefined();
+        expect((nodes[0] as any)._ech).toBe('1');
+    });
+
+    it('Singbox: should handle ech field when present', async () => {
+        // ECH in Singbox requires ech config, not just flag
+        const nodes = parse(TEST_URIS.vlessEchWs);
+        const result = await convert(nodes, 'singbox');
+        const config = JSON.parse(result);
+        const out = config.outbounds[0];
+        // Without ech-opts config, singbox won't have ech field
+        expect(out.type).toBe('vless');
+    });
+});
+
+// ============================================================
+// 测试：VLESS Reality gRPC 转换 — grpc 内部字段清理
+// ============================================================
+
+describe('VLESS+Reality+gRPC grpc-opts cleanup', () => {
+    const parseNode = () => parse(TEST_URIS.vlessRealityGrpc)[0];
+
+    it('ClashMeta: should clean grpc internal fields', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'clashmeta');
+
+        expect(result).not.toContain('_grpc-type');
+        expect(result).not.toContain('_grpc-authority');
+        expect(result).toContain('service-name: grpc-service');
+    });
+
+    it('Shadowrocket: should clean grpc internal fields', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'shadowrocket');
+
+        expect(result).not.toContain('_grpc-type');
+        expect(result).not.toContain('_grpc-authority');
+    });
+
+    it('URI: should preserve grpc internal fields for round-trip', async () => {
+        const nodes = parseNode();
+        const result = await convert([nodes], 'uri');
+
+        expect(result).toContain('serviceName=grpc-service');
+    });
+});
+
+// ============================================================
+// 测试：TCP 节点不应有传输层字段泄漏
+// ============================================================
+
+describe('TCP node transport cleanup', () => {
+    it('AnyTLS should not have network=tcp', async () => {
+        const nodes = parse(TEST_URIS.anytls);
+        // AnyTLS 默认无 network 字段
+        expect(nodes[0].network).toBeUndefined();
+    });
+
+    it('Hysteria2 should not have network field', async () => {
+        const nodes = parse(TEST_URIS.hysteria2);
+        // Hysteria2 使用 QUIC，不需要 network
+        expect(nodes[0].network).toBeUndefined();
+    });
+});
+
+// ============================================================
+// 测试：Round-trip —— URI → Parse → Convert → URI 保留核心字段
+// ============================================================
+
+describe('URI Round-trip preservation', () => {
+    it('VLESS Reality spider-x should survive parse→convert→uri', async () => {
+        const nodes = parse(TEST_URIS.vlessRealityGrpc);
+        const uriResult = await convert([nodes[0]], 'uri');
+
+        // spider-x 必须保留
+        expect(uriResult).toContain('spx=%2F');
+    });
+
+    it('VLESS Reality short-id should survive round-trip', async () => {
+        const nodes = parse(TEST_URIS.vlessRealityWs);
+        const uriResult = await convert([nodes[0]], 'uri');
+
+        expect(uriResult).toContain('sid=12345678');
+    });
+
+    it('TUIC reduce-rtt should survive round-trip', async () => {
+        const nodes = parse(TEST_URIS.tuicV5);
+        const uriResult = await convert([nodes[0]], 'uri');
+
+        expect(uriResult).toContain('reduce_rtt=1');
+        expect(uriResult).toContain('congestion_control=bbr');
+    });
+
+    it('WireGuard reserved should survive round-trip', async () => {
+        const nodes = parse(TEST_URIS.wireguard);
+        const uriResult = await convert([nodes[0]], 'uri');
+
+        // URL-encoded commas in URI
+        expect(uriResult).toContain('reserved=123%2C45%2C678');
+    });
+});
+
+// ============================================================
+// 测试：ClashMeta tls 删除 —— 确认 Bug 修复
+// ============================================================
+
+describe('ClashMeta implicit TLS deletion (Bug fix)', () => {
+    it('Trojan should not have tls: field', async () => {
+        const nodes = parse(TEST_URIS.trojanWs);
+        const result = await convert(nodes, 'clashmeta');
+
+        // Trojan 隐式 TLS，不应出现 "tls: true"
+        expect(result).not.toMatch(/\btls:\s*true\b/);
+    });
+
+    it('Hysteria2 should not have tls: field', async () => {
+        const nodes = parse(TEST_URIS.hysteria2);
+        const result = await convert(nodes, 'clashmeta');
+
+        expect(result).not.toMatch(/\btls:\s*true\b/);
+    });
+
+    it('TUIC should not have tls: field', async () => {
+        const nodes = parse(TEST_URIS.tuicV5);
+        const result = await convert(nodes, 'clashmeta');
+
+        expect(result).not.toMatch(/\btls:\s*true\b/);
+    });
+
+    it('AnyTLS should not have tls: field', async () => {
+        const nodes = parse(TEST_URIS.anytls);
+        const result = await convert(nodes, 'clashmeta');
+
+        expect(result).not.toMatch(/\btls:\s*true\b/);
+    });
+});
+
+// ============================================================
+// 测试：Loon Reality 支持 (AnyTLS/Trojan/VMess)
+// ============================================================
+
+describe('Loon Reality conversions (feat: AnyTLS/Trojan + Reality, VMess + Reality)', () => {
+    it('Loon VMess + Reality should output sni/public-key/short-id', async () => {
+        const nodes = [
+            {
+                type: 'vmess',
+                name: 'Loon VMess Reality',
+                server: 'vmess.example.com',
+                port: 443,
+                cipher: 'auto',
+                uuid: '12345678-1234-1234-1234-123456789abc',
+                alterId: 0,
+                tls: true,
+                sni: 'sni.example.com',
+                'reality-opts': {
+                    'public-key': 'vmess-pubkey',
+                    'short-id': '01'
+                },
+                'skip-cert-verify': true
+            }
+        ] as unknown as ProxyNode[];
+        const result = await convert(nodes, 'loon');
+
+        expect(result).toContain('vmess,vmess.example.com,443');
+        expect(result).toContain('sni=sni.example.com');
+        expect(result).toContain('public-key="vmess-pubkey"');
+        expect(result).toContain('short-id=01');
+        expect(result).toContain('over-tls=true');
+        expect(result).toContain('skip-cert-verify=true');
+        expect(result).not.toContain('tls-name=');
+    });
+
+    it('Loon Trojan + Reality should output sni/public-key/short-id', async () => {
+        const nodes = [
+            {
+                type: 'trojan',
+                name: 'Loon Trojan Reality',
+                server: 'trojan.example.com',
+                port: 443,
+                password: 'secret',
+                sni: 'sni.example.com',
+                'reality-opts': {
+                    'public-key': 'trojan-pubkey',
+                    'short-id': '02'
+                },
+                'skip-cert-verify': true
+            }
+        ] as unknown as ProxyNode[];
+        const result = await convert(nodes, 'loon');
+
+        expect(result).toContain('trojan,trojan.example.com,443');
+        expect(result).toContain('sni=sni.example.com');
+        expect(result).toContain('public-key="trojan-pubkey"');
+        expect(result).toContain('short-id=02');
+        expect(result).toContain('skip-cert-verify=true');
+        expect(result).not.toContain('tls-name=');
+        expect(result).not.toContain('tls-cert-sha256=');
+    });
+
+    it('Loon AnyTLS + Reality should output sni/public-key/short-id', async () => {
+        const nodes = [
+            {
+                type: 'anytls',
+                name: 'Loon AnyTLS Reality',
+                server: 'anytls.example.com',
+                port: 443,
+                password: 'secret',
+                sni: 'sni.example.com',
+                'reality-opts': {
+                    'public-key': 'anytls-pubkey',
+                    'short-id': '03'
+                },
+                'skip-cert-verify': true
+            }
+        ] as unknown as ProxyNode[];
+        const result = await convert(nodes, 'loon');
+
+        expect(result).toContain('anytls,anytls.example.com,443');
+        expect(result).toContain('sni=sni.example.com');
+        expect(result).toContain('public-key="anytls-pubkey"');
+        expect(result).toContain('short-id=03');
+        expect(result).toContain('skip-cert-verify=true');
+        expect(result).not.toContain('tls-name=');
+        expect(result).not.toContain('tls-cert-sha256=');
+    });
+
+    it('Loon Trojan without Reality should use tls-name (normal TLS)', async () => {
+        const nodes = [
+            {
+                type: 'trojan',
+                name: 'Loon Trojan Normal',
+                server: 'trojan.example.com',
+                port: 443,
+                password: 'secret',
+                tls: true,
+                sni: 'sni.example.com',
+                'skip-cert-verify': true
+            }
+        ] as unknown as ProxyNode[];
+        const result = await convert(nodes, 'loon');
+
+        expect(result).toContain('trojan,trojan.example.com,443');
+        expect(result).toContain('tls-name=sni.example.com');
+        expect(result).not.toContain('public-key=');
+    });
+});
+
+// ============================================================
+// 测试：SS2022 + obfs 转换
+// ============================================================
+
+describe('SS2022 + obfs Loon conversion', () => {
+    it('Loon SS2022 + HTTP obfs should output correctly', async () => {
+        const nodes = [
+            {
+                type: 'ss',
+                name: 'Loon SS2022 HTTP Obfs',
+                server: 'ss2022-http.example.com',
+                port: 8388,
+                cipher: '2022-blake3-aes-128-gcm',
+                password: 'server-key:user-key',
+                plugin: 'obfs',
+                'plugin-opts': {
+                    mode: 'http',
+                    host: 'obfs.example.com',
+                    path: '/'
+                }
+            }
+        ] as unknown as ProxyNode[];
+        const result = await convert(nodes, 'loon');
+
+        expect(result).toContain('shadowsocks,ss2022-http.example.com,8388');
+        expect(result).toContain('2022-blake3-aes-128-gcm');
+        expect(result).toContain('obfs-name=http');
+        expect(result).toContain('obfs-host=obfs.example.com');
+        expect(result).toContain('obfs-uri=/');
+    });
+
+    it('Loon SS2022 + TLS obfs should output correctly', async () => {
+        const nodes = [
+            {
+                type: 'ss',
+                name: 'Loon SS2022 TLS Obfs',
+                server: 'ss2022-tls.example.com',
+                port: 8389,
+                cipher: '2022-blake3-aes-256-gcm',
+                password: 'server-key:user-key',
+                plugin: 'obfs',
+                'plugin-opts': {
+                    mode: 'tls',
+                    host: 'tls.example.com',
+                    path: '/tls'
+                }
+            }
+        ] as unknown as ProxyNode[];
+        const result = await convert(nodes, 'loon');
+
+        expect(result).toContain('shadowsocks,ss2022-tls.example.com,8389');
+        expect(result).toContain('2022-blake3-aes-256-gcm');
+        expect(result).toContain('obfs-name=tls');
+        expect(result).toContain('obfs-host=tls.example.com');
+        expect(result).toContain('obfs-uri=/tls');
+    });
+});
+
+// ============================================================
+// 测试：Egern 字段转换验证
+// ============================================================
+
+describe('Egern field conversions', () => {
+    it('Egern: VMess should output user_id and security', async () => {
+        const nodes = parse(TEST_URIS.vmessWsTls);
+        const result = await convert(nodes, 'egern');
+
+        expect(result).toContain('"user_id"');
+        expect(result).toContain('"vmess"');
+        expect(result).toContain('"transport"');
+    });
+
+    it('Egern: Trojan + Reality should output reality.public_key', async () => {
+        const nodes = parse(TEST_URIS.trojanReality);
+        const result = await convert(nodes, 'egern');
+
+        expect(result).toContain('"trojan"');
+        expect(result).toContain('"reality"');
+        expect(result).toContain('"public_key"');
+        expect(result).toContain('"short_id"');
+    });
+
+    it('Egern: Hysteria2 should output obfs.salamander', async () => {
+        const nodes = parse(TEST_URIS.hysteria2);
+        const result = await convert(nodes, 'egern');
+
+        expect(result).toContain('"hysteria2"');
+        expect(result).toContain('"salamander"');
+    });
+
+    it('Egern: SS should output method (not cipher)', async () => {
+        const nodes = parse(TEST_URIS.ssObfs);
+        const result = await convert(nodes, 'egern');
+
+        expect(result).toContain('"shadowsocks"');
+        expect(result).toContain('"method"');
+        expect(result).toContain('"obfs"');
+    });
+
+    it('Egern: AnyTLS should output anytls type', async () => {
+        const nodes = parse(TEST_URIS.anytls);
+        const result = await convert(nodes, 'egern');
+
+        expect(result).toContain('"anytls"');
+    });
+
+    it('Egern: VLESS + Reality should output reality', async () => {
+        const nodes = parse(TEST_URIS.vlessRealityWs);
+        const result = await convert(nodes, 'egern');
+
+        expect(result).toContain('"vless"');
+        expect(result).toContain('"reality"');
+        expect(result).toContain('"public_key"');
+    });
+});
+
+// ============================================================
+// 测试：全平台转换不崩溃
+// ============================================================
+
+describe('All protocols × All platforms smoke test', () => {
+    const platforms = ['clash', 'clashmeta', 'surge', 'loon', 'qx', 'shadowrocket', 'surfboard', 'singbox', 'uri', 'egern'] as const;
+
+    const uriEntries = Object.entries(TEST_URIS);
+
+    for (const [name, uri] of uriEntries) {
+        for (const platform of platforms) {
+            it(`${name} → ${platform} should not throw`, async () => {
+                const nodes = parse(uri);
+                expect(nodes.length).toBeGreaterThanOrEqual(1);
+
+                // Surge 不支持 VLESS —— 跳过
+                if (platform === 'surge' && (name.startsWith('vless') || name === 'trojanReality')) {
+                    return;
+                }
+                // Egern 不支持 naive —— 跳过
+                if (platform === 'egern' && name === 'naive') {
+                    return;
+                }
+
+                const result = await convert(nodes, platform);
+                expect(typeof result).toBe('string');
+            });
+        }
+    }
+});
diff --git a/lib/backend/proxy/constants.ts b/lib/backend/proxy/constants.ts
index 528d18cc..33edee5e 100644
--- a/lib/backend/proxy/constants.ts
+++ b/lib/backend/proxy/constants.ts
@@ -30,7 +30,17 @@ export const PROXY_PROTOCOLS = [
 /**
  * 传输协议
  */
-export const NETWORK_TYPES = ['tcp', 'ws', 'grpc', 'h2', 'http', 'kcp', 'quic'] as const;
+export const NETWORK_TYPES = [
+    'tcp',
+    'ws', // WebSocket
+    'grpc', // gRPC
+    'h2', // HTTP/2
+    'http', // HTTP
+    'kcp', // mKCP
+    'quic', // QUIC
+    'xhttp', // XHTTP/SplitHTTP (Xray-core)
+    'splithttp' // SplitHTTP 别名
+] as const;
 
 // ============================================================================
 // 平台常量
@@ -147,6 +157,11 @@ export const VLESS_FLOWS = [
     'xtls-rprx-vision-udp443'
 ] as const;
 
+/**
+ * Hysteria 混淆类型
+ */
+export const HYSTERIA_OBFS = ['salamander'] as const;
+
 /**
  * Hysteria2 混淆类型
  */
@@ -162,6 +177,46 @@ export const TUIC_CONGESTION_CONTROLLERS = ['cubic', 'new_reno', 'bbr'] as const
  */
 export const ALPN_PROTOCOLS = ['h3', 'h2', 'http/1.1'] as const;
 
+/**
+ * VLESS Reality Xray 模式 
+ */
+export const XHTTP_MODES = ['auto', 'packet-up', 'stream-up', 'stream-one'] as const;
+
+/**
+ * mKCP 伪装头部类型
+ */
+export const KCP_HEADER_TYPES = ['none', 'srtp', 'utp', 'wechat-video', 'dtls', 'wireguard'] as const;
+
+/**
+ * VMess Security 别名映射 
+ * 用于兼容不同客户端的加密方法命名
+ */
+export const VMESS_SECURITY_ALIASES: Record<string, string> = {
+    'aes-128-gcm': 'aes-128-gcm',
+    'chacha20-poly1305': 'chacha20-poly1305',
+    'auto': 'auto',
+    'none': 'none',
+    'zero': 'zero',
+    // Shadowrocket 兼容
+    'aes_128_gcm': 'aes-128-gcm',
+    'chacha20_poly1305': 'chacha20-poly1305',
+    // 旧版兼容 -> 统一到 auto
+    'aes-128-cfb': 'auto',
+    'aes-128-ctr': 'auto',
+    'rc4-md5': 'auto',
+    'aes-128-gcm-ipv6': 'aes-128-gcm',
+    'chacha20-poly1305-ipv6': 'chacha20-poly1305'
+};
+
+/**
+ * 标准化 VMess 加密方法 
+ */
+export function normalizeVmessSecurity(security: string | undefined): string {
+    if (!security) return 'auto';
+    const normalized = security.toLowerCase().trim();
+    return VMESS_SECURITY_ALIASES[normalized] || 'auto';
+}
+
 // ============================================================================
 // 默认值
 // ============================================================================
diff --git a/lib/backend/proxy/converter/clash.ts b/lib/backend/proxy/converter/clash.ts
index e90e5e3a..fcbd3f1b 100644
--- a/lib/backend/proxy/converter/clash.ts
+++ b/lib/backend/proxy/converter/clash.ts
@@ -146,6 +146,23 @@ export class ClashConverter extends BaseConverter {
                 if (node.cipher && !vmessCiphers.includes(node.cipher)) {
                     node.cipher = 'auto';
                 }
+            } else if (node.type === 'ss') {
+                if (isPresent(node, 'shadow-tls-password') && !isPresent(node, 'plugin')) {
+                    node.plugin = 'shadow-tls';
+                    node['plugin-opts'] = {
+                        host: node['shadow-tls-sni'],
+                        password: node['shadow-tls-password'],
+                        version: node['shadow-tls-version']
+                    };
+                    delete node['shadow-tls-password'];
+                    delete node['shadow-tls-sni'];
+                    delete node['shadow-tls-version'];
+                }
+                if (isPresent(node, 'plugin-opts.mux') && node['plugin-opts']?.mux !== undefined) {
+                    const v = String(node['plugin-opts'].mux).toLowerCase();
+                    if (v === 'true' || v === '1') node['plugin-opts'].mux = true;
+                    else if (v === 'false' || v === '0') node['plugin-opts'].mux = false;
+                }
             } else if (node.type === 'vless') {
                 node.cipher = 'none'; // VLESS always none in Clash Meta
                 if (node['reality-opts']) {
@@ -155,6 +172,23 @@ export class ClashConverter extends BaseConverter {
                         'spider-x': node['reality-opts']['_spider-x'] || ''
                     };
                 }
+                if (node['ech-opts'] && node['ech-opts']['config-list']) {
+                    node['ech-opts'] = {
+                        'config-list': node['ech-opts']['config-list']
+                    };
+                }
+                if (node['xhttp-opts']) {
+                    const xopts: any = {};
+                    const rawOpts = node['xhttp-opts'] as Record<string, any>;
+                    if (rawOpts.mode) xopts.mode = rawOpts.mode;
+                    if (rawOpts.path) xopts.path = rawOpts.path;
+                    if (rawOpts.host) xopts.host = rawOpts.host;
+                    if (rawOpts.headers) xopts.headers = rawOpts.headers;
+                    if (rawOpts['download-settings']) xopts['download-settings'] = rawOpts['download-settings'];
+                    if (Object.keys(xopts).length > 0) {
+                        node['xhttp-opts'] = xopts;
+                    }
+                }
             } else if (node.type === 'wireguard') {
                 node.keepalive = node.keepalive ?? node['persistent-keepalive'];
                 node['persistent-keepalive'] = node.keepalive;
@@ -184,6 +218,10 @@ export class ClashConverter extends BaseConverter {
                 }
             }
 
+            if (['trojan', 'tuic', 'hysteria', 'hysteria2', 'anytls', 'naive'].includes(node.type)) {
+                delete node.tls;
+            }
+
             if (node['client-fingerprint']) {
                 node['client-fingerprint'] = node['client-fingerprint'];
             } else if (['vmess', 'vless', 'trojan'].includes(node.type)) {
@@ -228,6 +266,32 @@ export class ClashConverter extends BaseConverter {
                 ) {
                     node['http-opts'].headers.Host = [node['http-opts'].headers.Host];
                 }
+            } else if (
+                (node.type === 'vmess' || node.type === 'vless') &&
+                node.network === 'h2'
+            ) {
+                if (node['h2-opts']) {
+                    // h2-opts.path: array → first element
+                    const h2Path = node['h2-opts'].path;
+                    if (isPresent(node, 'h2-opts.path') && Array.isArray(h2Path)) {
+                        node['h2-opts'].path = h2Path[0];
+                    }
+                    // h2-opts.host: 从 headers.host 或 host 提取，输出为数组
+                    const h2Host = node['h2-opts'].host ??
+                        node['h2-opts'].headers?.host ??
+                        node['h2-opts'].headers?.Host;
+                    if (isPresent(node, 'h2-opts.host') || isPresent(node, 'h2-opts.headers.host') || isPresent(node, 'h2-opts.headers.Host')) {
+                        node['h2-opts'].host = Array.isArray(h2Host) ? h2Host : [h2Host];
+                    }
+                    // 清理 headers.host/Host
+                    if (node['h2-opts'].headers) {
+                        delete node['h2-opts'].headers.host;
+                        delete node['h2-opts'].headers.Host;
+                        if (Object.keys(node['h2-opts'].headers).length === 0) {
+                            delete node['h2-opts'].headers;
+                        }
+                    }
+                }
             } else if (node.network === 'kcp') {
                 // mKCP 传输层处理
                 node['kcp-opts'] = node['kcp-opts'] || {};
@@ -265,12 +329,32 @@ export class ClashConverter extends BaseConverter {
             // Cleanup
             delete node.subName;
             delete node.id;
+            delete node.resolved;
+
+            if (node['tls-fingerprint']) {
+                node.fingerprint = node['tls-fingerprint'];
+            }
+            delete node['tls-fingerprint'];
+
             for (const key in node) {
                 if (key.startsWith('_') || node[key] === null) {
                     delete node[key];
                 }
             }
 
+            if (node.network === 'ws' && node['ws-opts']) {
+                const wsOpts = node['ws-opts'];
+                if (wsOpts['v2ray-http-upgrade'] !== undefined) delete wsOpts['v2ray-http-upgrade'];
+                if (wsOpts['v2ray-http-upgrade-fast-open'] !== undefined) delete wsOpts['v2ray-http-upgrade-fast-open'];
+                if (wsOpts['_v2ray-http-upgrade-ed'] !== undefined) delete wsOpts['_v2ray-http-upgrade-ed'];
+            }
+            if (node.httpupgrade !== undefined) delete node.httpupgrade;
+
+            if (node.network === 'grpc' && node['grpc-opts']) {
+                delete node['grpc-opts']['_grpc-type'];
+                delete node['grpc-opts']['_grpc-authority'];
+            }
+
             // === 按照 Clash 标准重新排序字段 ===
             // 确保输出的 YAML 符合 Clash 规范: name, type, server, port 在最前面
             const orderedNode: any = {
@@ -300,6 +384,8 @@ export class ClashConverter extends BaseConverter {
                 'flow',
                 // Reality
                 'reality-opts',
+                // ECH (ClashMeta)
+                'ech-opts',
                 // WebSocket
                 'ws-opts',
                 'ws-path',
@@ -313,6 +399,8 @@ export class ClashConverter extends BaseConverter {
                 'kcp-opts',
                 // QUIC
                 'quic-opts',
+                // XHTTP/SplitHTTP (ClashMeta)
+                'xhttp-opts',
                 // 协议特定
                 'auth',
                 'auth-str',
diff --git a/lib/backend/proxy/converter/egern.ts b/lib/backend/proxy/converter/egern.ts
new file mode 100644
index 00000000..e09fce66
--- /dev/null
+++ b/lib/backend/proxy/converter/egern.ts
@@ -0,0 +1,520 @@
+/**
+ * Sub-One Egern Converter
+ * https://egernapp.com/zh-CN/docs/configuration/proxies
+ */
+import type { ConvertOptions, ProxyNode } from '../types';
+import { BaseConverter } from './base';
+import { isPresent } from './utils';
+
+type EgernProxy = Record<string, any>;
+
+export class EgernConverter extends BaseConverter {
+    name = 'Egern';
+
+    async convert(nodes: ProxyNode[], _options: ConvertOptions = {}): Promise<string> {
+        const list = nodes
+            .map((node) => this.convertSingle(node))
+            .filter(Boolean);
+
+        return (
+            'proxies:\n' +
+            list.map((p) => '  - ' + JSON.stringify(p) + '\n').join('')
+        );
+    }
+
+    private convertSingle(proxy: ProxyNode): EgernProxy | null {
+        try {
+            switch (proxy.type) {
+                case 'ss':
+                    return this.ss(proxy);
+                case 'vmess':
+                    return this.vmess(proxy);
+                case 'vless':
+                    return this.vless(proxy);
+                case 'trojan':
+                    return this.trojan(proxy);
+                case 'http':
+                case 'https':
+                    return this.http(proxy);
+                case 'socks5':
+                    return this.socks5(proxy);
+                case 'hysteria2':
+                    return this.hysteria2(proxy);
+                case 'tuic':
+                    return this.tuic(proxy);
+                case 'wireguard':
+                    return this.wireguard(proxy);
+                case 'anytls':
+                    return this.anytls(proxy);
+                case 'snell':
+                    return this.snell(proxy);
+                default:
+                    console.warn(`[EgernConverter] Unsupported proxy type: ${proxy.type}`);
+                    return null;
+            }
+        } catch (e) {
+            console.error(`[EgernConverter] Failed to produce Egern config for ${proxy.name}:`, e);
+            return null;
+        }
+    }
+
+    // ── Shadowsocks ──────────────────────────────────────────
+    private ss(proxy: ProxyNode): EgernProxy {
+        const method = proxy.cipher === 'chacha20-ietf-poly1305'
+            ? 'chacha20-poly1305'
+            : proxy.cipher;
+        const result: EgernProxy = {
+            type: 'shadowsocks',
+            name: proxy.name,
+            method,
+            server: proxy.server,
+            port: proxy.port,
+            password: proxy.password,
+            tfo: getTfo(proxy),
+        };
+
+        // obfs plugin
+        if (proxy.plugin === 'obfs') {
+            const opts = (proxy['plugin-opts'] || {}) as any;
+            if (['http', 'tls'].includes(opts.mode)) {
+                result.obfs = {
+                    [opts.mode]: {
+                        host: opts.host,
+                        path: opts.path,
+                    },
+                };
+            }
+        }
+
+        // shadow-tls
+        appendShadowTls(result, proxy);
+
+        return result;
+    }
+
+    // ── VMess ────────────────────────────────────────────────
+    private vmess(proxy: ProxyNode): EgernProxy {
+        const security = proxy.cipher || 'auto';
+        const transport = buildTransport(proxy);
+
+        let legacy = false;
+        if (isPresent(proxy, 'aead') && !proxy.aead) {
+            legacy = true;
+        } else if (isPresent(proxy, 'alterId') && proxy.alterId !== 0) {
+            legacy = true;
+        }
+
+        const result: EgernProxy = {
+            type: 'vmess',
+            name: proxy.name,
+            server: proxy.server,
+            port: proxy.port,
+            user_id: proxy.uuid,
+            security,
+            tfo: getTfo(proxy),
+            legacy,
+            udp_relay: getUdpRelay(proxy),
+            transport,
+            sni: getSni(proxy),
+            skip_tls_verify: proxy['skip-cert-verify'],
+            reality: getReality(proxy),
+        };
+
+        appendShadowTls(result, proxy);
+        appendFingerprintSha256(result, proxy);
+
+        return result;
+    }
+
+    // ── VLESS ────────────────────────────────────────────────
+    private vless(proxy: ProxyNode): EgernProxy {
+        if (proxy.encryption && proxy.encryption !== 'none') {
+            throw new Error('VLESS encryption is not supported');
+        }
+        const transport = buildTransport(proxy);
+
+        const result: EgernProxy = {
+            type: 'vless',
+            name: proxy.name,
+            server: proxy.server,
+            port: proxy.port,
+            uuid: proxy.uuid,
+            tfo: getTfo(proxy),
+            udp_relay: getUdpRelay(proxy),
+            flow: proxy.flow || undefined,
+            transport,
+            sni: getSni(proxy),
+            skip_tls_verify: proxy['skip-cert-verify'],
+            reality: getReality(proxy),
+        };
+
+        appendShadowTls(result, proxy);
+        appendFingerprintSha256(result, proxy);
+
+        return result;
+    }
+
+    // ── Trojan ───────────────────────────────────────────────
+    private trojan(proxy: ProxyNode): EgernProxy {
+        const transport = buildTransport(proxy);
+
+        const result: EgernProxy = {
+            type: 'trojan',
+            name: proxy.name,
+            server: proxy.server,
+            port: proxy.port,
+            password: proxy.password,
+            tfo: getTfo(proxy),
+            udp_relay: getUdpRelay(proxy),
+            transport,
+            sni: getSni(proxy),
+            skip_tls_verify: proxy['skip-cert-verify'],
+            reality: getReality(proxy),
+        };
+
+        appendShadowTls(result, proxy);
+        appendFingerprintSha256(result, proxy);
+
+        return result;
+    }
+
+    // ── HTTP / HTTPS ─────────────────────────────────────────
+    private http(proxy: ProxyNode): EgernProxy {
+        const isHttps = proxy.type === 'https' || proxy.tls;
+        const result: EgernProxy = {
+            type: isHttps ? 'https' : 'http',
+            name: proxy.name,
+            server: proxy.server,
+            port: proxy.port,
+            username: proxy.username,
+            password: proxy.password,
+            tfo: getTfo(proxy),
+        };
+
+        if (hasHeaders(proxy)) {
+            result.headers = proxy.headers;
+        }
+
+        if (isHttps) {
+            result.sni = getSni(proxy);
+            result.skip_tls_verify = proxy['skip-cert-verify'];
+            result.reality = getReality(proxy);
+        }
+
+        appendShadowTls(result, proxy);
+
+        return result;
+    }
+
+    // ── SOCKS5 ───────────────────────────────────────────────
+    private socks5(proxy: ProxyNode): EgernProxy {
+        const result: EgernProxy = {
+            type: proxy.tls ? 'socks5_tls' : 'socks5',
+            name: proxy.name,
+            server: proxy.server,
+            port: proxy.port,
+            username: proxy.username,
+            password: proxy.password,
+            tfo: getTfo(proxy),
+            udp_relay: getUdpRelay(proxy),
+        };
+
+        if (proxy.tls) {
+            result.sni = getSni(proxy);
+            result.skip_tls_verify = proxy['skip-cert-verify'];
+            result.reality = getReality(proxy);
+        }
+
+        return result;
+    }
+
+    // ── Hysteria2 ────────────────────────────────────────────
+    private hysteria2(proxy: ProxyNode): EgernProxy {
+        const result: EgernProxy = {
+            type: 'hysteria2',
+            name: proxy.name,
+            server: proxy.server,
+            port: proxy.port,
+            password: proxy.password,
+            tfo: getTfo(proxy),
+            udp_relay: getUdpRelay(proxy),
+            sni: getSni(proxy),
+            skip_tls_verify: proxy['skip-cert-verify'],
+            reality: getReality(proxy),
+        };
+
+        // obfs
+        if (proxy.obfs === 'salamander' && proxy['obfs-password']) {
+            result.obfs = {
+                salamander: {
+                    password: proxy['obfs-password'],
+                },
+            };
+        }
+
+        // bandwidth
+        if (proxy.up) result.up = proxy.up;
+        if (proxy.down) result.down = proxy.down;
+
+        appendFingerprintSha256(result, proxy);
+
+        return result;
+    }
+
+    // ── TUIC ─────────────────────────────────────────────────
+    private tuic(proxy: ProxyNode): EgernProxy {
+        const result: EgernProxy = {
+            type: 'tuic',
+            name: proxy.name,
+            server: proxy.server,
+            port: proxy.port,
+            uuid: proxy.uuid,
+            password: proxy.password,
+            tfo: getTfo(proxy),
+            udp_relay: getUdpRelay(proxy),
+            sni: getSni(proxy),
+            skip_tls_verify: proxy['skip-cert-verify'],
+            reality: getReality(proxy),
+            congestion_control: proxy['congestion-control'] || 'bbr',
+        };
+
+        if (proxy.alpn) {
+            result.alpn = Array.isArray(proxy.alpn) ? proxy.alpn : [proxy.alpn];
+        }
+
+        appendFingerprintSha256(result, proxy);
+
+        return result;
+    }
+
+    // ── WireGuard ────────────────────────────────────────────
+    private wireguard(proxy: ProxyNode): EgernProxy {
+        const privateKey = proxy['private-key'] || proxy.privateKey;
+        const publicKey = proxy['public-key'] || proxy.publicKey;
+        const allowedIps = proxy['allowed-ips'] || '0.0.0.0/0, ::/0';
+        const reserved = proxy.reserved
+            ? Array.isArray(proxy.reserved)
+                ? proxy.reserved
+                : String(proxy.reserved).split(',').map((s: string) => s.trim())
+            : undefined;
+        const psk = proxy['pre-shared-key'] || proxy['preshared-key'];
+
+        const result: EgernProxy = {
+            type: 'wireguard',
+            name: proxy.name,
+            server: proxy.server,
+            port: proxy.port,
+            private_key: privateKey,
+            peer: {
+                public_key: publicKey,
+                allowed_ips: allowedIps,
+                endpoint: `${proxy.server}:${proxy.port}`,
+            },
+            interface_ip: proxy.ip,
+            interface_ipv6: proxy.ipv6,
+            mtu: proxy.mtu,
+            dns: proxy.dns,
+            keepalive: proxy.keepalive || proxy['persistent-keepalive'],
+        };
+
+        if (reserved) result.peer.reserved = reserved;
+        if (psk) result.peer.preshared_key = psk;
+
+        return result;
+    }
+
+    // ── AnyTLS ───────────────────────────────────────────────
+    private anytls(proxy: ProxyNode): EgernProxy {
+        const result: EgernProxy = {
+            type: 'anytls',
+            name: proxy.name,
+            server: proxy.server,
+            port: proxy.port,
+            password: proxy.password,
+            sni: getSni(proxy),
+            skip_tls_verify: proxy['skip-cert-verify'],
+            reality: getReality(proxy),
+            udp_relay: getUdpRelay(proxy),
+        };
+
+        appendShadowTls(result, proxy);
+        appendFingerprintSha256(result, proxy);
+
+        return result;
+    }
+
+    // ── Snell ────────────────────────────────────────────────
+    private snell(proxy: ProxyNode): EgernProxy {
+        const version = normalizeSnellVersion(proxy.version);
+        if (version === null) {
+            throw new Error(`Snell version ${proxy.version} is not supported`);
+        }
+
+        const result: EgernProxy = {
+            type: 'snell',
+            name: proxy.name,
+            server: proxy.server,
+            port: proxy.port,
+            psk: proxy.password,
+            version,
+            tfo: getTfo(proxy),
+        };
+
+        if (version >= 3) {
+            result.udp_relay = getUdpRelay(proxy);
+        }
+
+        if (proxy.obfs || proxy['obfs-opts']?.mode) {
+            result.obfs = proxy['obfs-opts']?.mode || proxy.obfs;
+            result.obfs_host = proxy['obfs-opts']?.host || proxy['obfs-host'];
+        }
+
+        return result;
+    }
+}
+
+// ── Helper functions ──────────────────────────────────────
+
+function getTfo(proxy: ProxyNode): boolean | undefined {
+    return proxy.tfo ?? proxy['fast-open'];
+}
+
+function getUdpRelay(proxy: ProxyNode): boolean | undefined {
+    return proxy.udp;
+}
+
+function getSni(proxy: ProxyNode): string | undefined {
+    if (proxy.tls && !proxy.sni) return proxy.server;
+    return proxy.sni;
+}
+
+function getReality(proxy: ProxyNode): { public_key: string; short_id: string } | undefined {
+    const opts = proxy['reality-opts'];
+    if (!opts) return undefined;
+    const publicKey = opts['public-key'];
+    const shortId = opts['short-id'];
+    if (!publicKey && !shortId) return undefined;
+    const reality: Record<string, string> = {};
+    if (publicKey) reality.public_key = publicKey;
+    if (shortId) reality.short_id = shortId;
+    return reality as { public_key: string; short_id: string };
+}
+
+function hasHeaders(proxy: ProxyNode): boolean {
+    return !!(proxy.headers && typeof proxy.headers === 'object' && Object.keys(proxy.headers).length > 0);
+}
+
+function normalizeSnellVersion(version: any): number | null {
+    if (version == null) return undefined as any;
+    const v = `${version}`.trim();
+    if (!/^[1-5]$/.test(v)) return null;
+    return parseInt(v, 10);
+}
+
+function buildTransport(proxy: ProxyNode): Record<string, any> | undefined {
+    const network = proxy.network || 'tcp';
+
+    if (network === 'ws') {
+        const wsOpts = (proxy['ws-opts'] || {}) as any;
+        const key = proxy.tls ? 'wss' : 'ws';
+        return {
+            [key]: {
+                path: wsOpts.path,
+                headers: wsOpts.headers?.Host ? { Host: wsOpts.headers.Host } : undefined,
+                sni: proxy.tls ? getSni(proxy) : undefined,
+                skip_tls_verify: proxy.tls ? proxy['skip-cert-verify'] : undefined,
+                reality: proxy.tls ? getReality(proxy) : undefined,
+            },
+        };
+    }
+
+    if (network === 'h2') {
+        const h2Opts = (proxy['h2-opts'] || {}) as any;
+        const headers: Record<string, string> = {};
+        if (h2Opts.headers) {
+            for (const [k, v] of Object.entries(h2Opts.headers)) {
+                if (/^host$/i.test(k)) continue;
+                const val = Array.isArray(v) ? v[0] : v;
+                if (val != null) headers[k] = String(val);
+            }
+        }
+        const host = Array.isArray(h2Opts.host) ? h2Opts.host[0] : h2Opts.host;
+        if (host) headers.Host = host;
+        return {
+            http2: {
+                method: h2Opts.method,
+                path: Array.isArray(h2Opts.path) ? h2Opts.path[0] : h2Opts.path,
+                headers: Object.keys(headers).length > 0 ? headers : undefined,
+                sni: getSni(proxy),
+                skip_tls_verify: proxy['skip-cert-verify'],
+            },
+        };
+    }
+
+    if (network === 'http') {
+        const httpOpts = (proxy['http-opts'] || {}) as any;
+        const host = Array.isArray(httpOpts.headers?.Host)
+            ? httpOpts.headers.Host[0]
+            : httpOpts.headers?.Host;
+        return {
+            http1: {
+                method: httpOpts.method,
+                path: Array.isArray(httpOpts.path) ? httpOpts.path[0] : httpOpts.path,
+                headers: host ? { Host: host } : undefined,
+                skip_tls_verify: proxy['skip-cert-verify'],
+            },
+        };
+    }
+
+    if (network === 'grpc') {
+        const grpcOpts = (proxy['grpc-opts'] || {}) as any;
+        return {
+            grpc: {
+                service_name: grpcOpts['grpc-service-name'],
+                sni: getSni(proxy),
+                reality: getReality(proxy),
+                skip_tls_verify: proxy['skip-cert-verify'],
+            },
+        };
+    }
+
+    if (network === 'tcp' && proxy.tls) {
+        return {
+            tls: {
+                sni: getSni(proxy),
+                skip_tls_verify: proxy['skip-cert-verify'],
+            },
+        };
+    }
+
+    return undefined;
+}
+
+function appendShadowTls(result: EgernProxy, proxy: ProxyNode) {
+    if (isPresent(proxy, 'shadow-tls-password')) {
+        if (proxy['shadow-tls-version'] != null && proxy['shadow-tls-version'] != 3) {
+            throw new Error(`shadow-tls version ${proxy['shadow-tls-version']} is not supported`);
+        }
+        result.shadow_tls = {
+            password: proxy['shadow-tls-password'],
+            sni: proxy['shadow-tls-sni'],
+        };
+    } else if (proxy.plugin === 'shadow-tls' && proxy['plugin-opts']) {
+        const opts = proxy['plugin-opts'] as any;
+        if (opts.version != null && opts.version != 3) {
+            throw new Error(`shadow-tls version ${opts.version} is not supported`);
+        }
+        result.shadow_tls = {
+            password: opts.password,
+            sni: opts.host,
+        };
+    }
+}
+
+function appendFingerprintSha256(result: EgernProxy, proxy: ProxyNode) {
+    const fp = proxy['tls-fingerprint'];
+    if (typeof fp !== 'string') return;
+    const trimmed = fp.trim();
+    if (trimmed.length === 0) return;
+    result.fingerprint_sha256 = trimmed;
+}
diff --git a/lib/backend/proxy/converter/index.ts b/lib/backend/proxy/converter/index.ts
index 57716ed4..fc60326a 100644
--- a/lib/backend/proxy/converter/index.ts
+++ b/lib/backend/proxy/converter/index.ts
@@ -7,6 +7,7 @@ import { LoonConverter } from './loon';
 import { QuantumultXConverter } from './quantumultx';
 import { ShadowrocketConverter } from './shadowrocket';
 import { SingboxConverter } from './singbox';
+import { EgernConverter } from './egern';
 import { StashConverter } from './stash';
 import { SurfboardConverter } from './surfboard';
 import { SurgeConverter } from './surge';
@@ -24,7 +25,8 @@ const converters: Record<string, any> = {
     QuantumultX: new QuantumultXConverter(),
     Shadowrocket: new ShadowrocketConverter(),
     Stash: new StashConverter(),
-    Surfboard: new SurfboardConverter()
+    Surfboard: new SurfboardConverter(),
+    Egern: new EgernConverter()
 };
 
 /**
@@ -58,6 +60,8 @@ export async function convert(
         converter = converters['Shadowrocket'];
     } else if (target === 'stash') {
         converter = converters['Stash'];
+    } else if (target === 'egern') {
+        converter = converters['Egern'];
     } else if (target === 'surfboard') {
         converter = converters['Surfboard'];
     } else if (target === 'uri' || target === 'base64' || target === 'v2ray') {
@@ -83,5 +87,6 @@ export {
     SurgeConverter,
     LoonConverter,
     QuantumultXConverter,
-    ShadowrocketConverter
+    ShadowrocketConverter,
+    EgernConverter
 };
diff --git a/lib/backend/proxy/converter/loon.ts b/lib/backend/proxy/converter/loon.ts
index 13f30b40..8f8b9e77 100644
--- a/lib/backend/proxy/converter/loon.ts
+++ b/lib/backend/proxy/converter/loon.ts
@@ -13,6 +13,18 @@ const ipVersions: Record<string, string> = {
     'ipv6-prefer': 'prefer-v6'
 };
 
+function appendReality(result: Result, proxy: ProxyNode) {
+    result.appendIfPresent(`,sni=${proxy.sni}`, 'sni');
+    result.appendIfPresent(
+        `,public-key="${proxy['reality-opts']!['public-key']}"`,
+        'reality-opts.public-key'
+    );
+    result.appendIfPresent(
+        `,short-id=${proxy['reality-opts']!['short-id']}`,
+        'reality-opts.short-id'
+    );
+}
+
 export class LoonConverter extends BaseConverter {
     name = 'Loon';
 
@@ -104,6 +116,7 @@ export class LoonConverter extends BaseConverter {
     }
 
     private trojan(proxy: ProxyNode): string {
+        const isReality = !!proxy['reality-opts'];
         const result = new Result(proxy);
         result.append(`${proxy.name}=trojan,${proxy.server},${proxy.port},"${proxy.password}"`);
 
@@ -118,12 +131,32 @@ export class LoonConverter extends BaseConverter {
             `,skip-cert-verify=${proxy['skip-cert-verify']}`,
             'skip-cert-verify'
         );
-        result.appendIfPresent(`,tls-name=${proxy.sni}`, 'sni');
+
+        if (isReality) {
+            appendReality(result, proxy);
+        } else {
+            result.appendIfPresent(`,tls-name=${proxy.sni}`, 'sni');
+            result.appendIfPresent(
+                `,tls-cert-sha256=${proxy['tls-fingerprint']}`,
+                'tls-fingerprint'
+            );
+            result.appendIfPresent(
+                `,tls-pubkey-sha256=${proxy['tls-pubkey-sha256']}`,
+                'tls-pubkey-sha256'
+            );
+        }
+
+        if (proxy.alpn) {
+            const alpn = Array.isArray(proxy.alpn) ? proxy.alpn.join(',') : proxy.alpn;
+            if (alpn) result.append(`,alpn="${alpn}"`);
+        }
+
         this.appendCommon(result, proxy);
         return result.toString();
     }
 
     private vmess(proxy: ProxyNode): string {
+        const isReality = !!proxy['reality-opts'];
         const result = new Result(proxy);
         result.append(
             `${proxy.name}=vmess,${proxy.server},${proxy.port},${proxy.cipher || 'auto'},"${proxy.uuid}"`
@@ -134,7 +167,13 @@ export class LoonConverter extends BaseConverter {
             `,skip-cert-verify=${proxy['skip-cert-verify']}`,
             'skip-cert-verify'
         );
-        result.appendIfPresent(`,tls-name=${proxy.sni}`, 'sni');
+
+        if (isReality) {
+            appendReality(result, proxy);
+        } else {
+            result.appendIfPresent(`,tls-name=${proxy.sni}`, 'sni');
+        }
+
         // aead 字段存在时: true→alterId=0 (AEAD开启), false→alterId=1; 不存在时直接用 alterId
         if (proxy.aead !== undefined) {
             result.append(`,alterId=${proxy.aead ? 0 : 1}`);
@@ -162,13 +201,13 @@ export class LoonConverter extends BaseConverter {
         if (proxy.flow) result.append(`,flow=${proxy.flow}`);
         if (proxy['reality-opts']) {
             const reality = proxy['reality-opts'];
-            result.append(`,public-key="${reality['public-key']}"`);
-            result.appendIfPresent(`,short-id=${reality['short-id']}`, 'reality-opts.short-id');
+            result.appendIfPresent(`,sni=${proxy.sni}`, 'sni');
+            result.appendIfPresent(`,public-key="${reality['public-key']}"`, 'public-key');
+            result.appendIfPresent(`,short-id=${reality['short-id']}`, 'short-id');
             result.appendIfPresent(
                 `,spider-x=${reality['_spider-x'] || reality['spider-x']}`,
                 'reality-opts.spider-x'
             );
-            result.appendIfPresent(`,sni=${proxy.sni}`, 'sni');
         } else {
             result.appendIfPresent(`,tls-name=${proxy.sni}`, 'sni');
             result.appendIfPresent(
@@ -176,6 +215,19 @@ export class LoonConverter extends BaseConverter {
                 'tls-fingerprint'
             );
         }
+        // TLS profile (client-fingerprint → Loon tls-profile)
+        if (proxy['client-fingerprint']) {
+            const fpMap: Record<string, string> = {
+                'chrome': 'chrome', 'ios': 'ios26', 'ios18': 'ios18'
+            };
+            const profile = fpMap[proxy['client-fingerprint']];
+            if (profile) result.append(`,tls-profile=${profile}`);
+        }
+        // ALPN
+        if (proxy.alpn) {
+            const alpn = Array.isArray(proxy.alpn) ? proxy.alpn.join(',') : proxy.alpn;
+            if (alpn) result.append(`,alpn="${alpn}"`);
+        }
         this.appendCommon(result, proxy);
         return result.toString();
     }
@@ -291,7 +343,10 @@ export class LoonConverter extends BaseConverter {
             'skip-cert-verify'
         );
         result.appendIfPresent(`,sni=${proxy.sni}`, 'sni');
-        result.appendIfPresent(`,alpn=${proxy.alpn?.join(',') || 'h3'}`, 'alpn');
+        if (proxy.alpn) {
+            const alpn = Array.isArray(proxy.alpn) ? proxy.alpn.join(',') : proxy.alpn;
+            if (alpn) result.append(`,alpn=${alpn}`);
+        }
         this.appendCommon(result, proxy);
         return result.toString();
     }
@@ -305,6 +360,7 @@ export class LoonConverter extends BaseConverter {
     }
 
     private anytls(proxy: ProxyNode): string {
+        const isReality = !!proxy['reality-opts'];
         const result = new Result(proxy);
         result.append(`${proxy.name}=anytls,${proxy.server},${proxy.port},"${proxy.password}"`);
 
@@ -320,12 +376,25 @@ export class LoonConverter extends BaseConverter {
             `,skip-cert-verify=${proxy['skip-cert-verify']}`,
             'skip-cert-verify'
         );
-        result.appendIfPresent(`,tls-name=${proxy.sni}`, 'sni');
-        result.appendIfPresent(`,tls-cert-sha256=${proxy['tls-fingerprint']}`, 'tls-fingerprint');
-        result.appendIfPresent(
-            `,tls-pubkey-sha256=${proxy['tls-pubkey-sha256']}`,
-            'tls-pubkey-sha256'
-        );
+
+        if (isReality) {
+            appendReality(result, proxy);
+        } else {
+            result.appendIfPresent(`,tls-name=${proxy.sni}`, 'sni');
+            result.appendIfPresent(
+                `,tls-cert-sha256=${proxy['tls-fingerprint']}`,
+                'tls-fingerprint'
+            );
+            result.appendIfPresent(
+                `,tls-pubkey-sha256=${proxy['tls-pubkey-sha256']}`,
+                'tls-pubkey-sha256'
+            );
+        }
+
+        if (proxy.alpn) {
+            const alpn = Array.isArray(proxy.alpn) ? proxy.alpn.join(',') : proxy.alpn;
+            if (alpn) result.append(`,alpn="${alpn}"`);
+        }
 
         // TFO
         result.appendIfPresent(`,fast-open=${proxy.tfo}`, 'tfo');
@@ -351,8 +420,18 @@ export class LoonConverter extends BaseConverter {
         if (network === 'ws') {
             result.append(`,transport=ws`);
             const wsOpts = (proxy['ws-opts'] || {}) as any;
-            result.appendIfPresent(`,path=${wsOpts.path || '/'}`, 'ws-opts.path');
+            let path = wsOpts.path || '/';
+            const ed = wsOpts['max-early-data'];
+            if (ed && !path.includes('ed=')) {
+                const sep = path.includes('?') ? '&' : '?';
+                path = `${path}${sep}ed=${ed}`;
+            }
+            result.append(`,path=${path}`);
             result.appendIfPresent(`,host=${wsOpts.headers?.Host}`, 'ws-opts.headers.Host');
+        } else if (network === 'grpc') {
+            result.append(`,transport=grpc`);
+            const grpcOpts = (proxy['grpc-opts'] || {}) as any;
+            result.appendIfPresent(`,path=${grpcOpts['service-name']}`, 'grpc-opts.service-name');
         } else if (network === 'http') {
             result.append(`,transport=http`);
             const opts = (proxy['http-opts'] || {}) as any;
diff --git a/lib/backend/proxy/converter/quantumultx.ts b/lib/backend/proxy/converter/quantumultx.ts
index bc630a07..3ec27358 100644
--- a/lib/backend/proxy/converter/quantumultx.ts
+++ b/lib/backend/proxy/converter/quantumultx.ts
@@ -32,6 +32,9 @@ export class QuantumultXConverter extends BaseConverter {
                 case 'vless':
                     result = this.vless(proxy);
                     break;
+                case 'anytls':
+                    result = this.anytls(proxy);
+                    break;
                 case 'http':
                 case 'https':
                     result = this.http(proxy);
@@ -154,6 +157,8 @@ export class QuantumultXConverter extends BaseConverter {
 
         if (proxy.network === 'ws') {
             result.append(`,obfs=${proxy.tls ? 'wss' : 'ws'}`);
+        } else if (proxy.network === 'h2') {
+            result.append(`,obfs=${proxy.tls ? 'h2-tls' : 'h2'}`);
         } else if (proxy.network === 'http') {
             result.append(`,obfs=http`);
         } else if (proxy.tls) {
@@ -162,7 +167,7 @@ export class QuantumultXConverter extends BaseConverter {
 
         // 只在 ws/http 传输时才读对应的 opts
         const netForVlessOpts =
-            proxy.network === 'ws' || proxy.network === 'http' ? proxy.network : null;
+            proxy.network === 'ws' || proxy.network === 'http' || proxy.network === 'h2' ? proxy.network : null;
         const vlessOpts = netForVlessOpts ? ((proxy[`${netForVlessOpts}-opts`] || {}) as any) : {};
         if (vlessOpts.path)
             result.append(
@@ -174,6 +179,11 @@ export class QuantumultXConverter extends BaseConverter {
             );
 
         this.appendTLS(result, proxy);
+        if (proxy['reality-opts']) {
+            const r = proxy['reality-opts'];
+            if (r['public-key']) result.append(`,reality-base64-pubkey=${r['public-key']}`);
+            if (r['short-id']) result.append(`,reality-hex-shortid=${r['short-id']}`);
+        }
         if (proxy.flow) result.append(`,vless-flow=${proxy.flow}`);
         this.appendCommon(result, proxy);
         return result.toString();
@@ -201,6 +211,41 @@ export class QuantumultXConverter extends BaseConverter {
         return result.toString();
     }
 
+    private anytls(proxy: ProxyNode): string {
+        const network = proxy.network?.trim().toLowerCase();
+        if (network && network !== 'tcp') {
+            throw new Error(
+                `[QXConverter] Does not support AnyTLS with transport ${proxy.network}`,
+            );
+        }
+
+        const result = new Result(proxy);
+        result.append(`anytls=${proxy.server}:${proxy.port}`);
+        result.append(`,password=${proxy.password}`);
+
+        // AnyTLS 强制 TLS
+        result.append(`,over-tls=true`);
+        result.appendIfPresent(`,tls-host=${proxy.sni}`, 'sni');
+        result.appendIfPresent(
+            `,tls-verification=${!proxy['skip-cert-verify']}`,
+            'skip-cert-verify'
+        );
+        result.appendIfPresent(`,tls-cert-sha256=${proxy['tls-fingerprint']}`, 'tls-fingerprint');
+        result.appendIfPresent(`,tls-alpn=${proxy.alpn}`, 'alpn');
+        if (proxy['tls-no-session-ticket']) result.append(`,tls-no-session-ticket=true`);
+        if (proxy['tls-no-session-reuse']) result.append(`,tls-no-session-reuse=true`);
+
+        // TFO / UDP
+        if (proxy.tfo) result.append(`,fast-open=true`);
+        if (proxy.udp) result.append(`,udp-relay=true`);
+
+        // test-url
+        result.appendIfPresent(`,server_check_url=${proxy['test-url']}`, 'test-url');
+
+        result.append(`,tag=${proxy.name}`);
+        return result.toString();
+    }
+
     private appendTLS(result: Result, proxy: ProxyNode) {
         if (!proxy.tls) return;
         result.appendIfPresent(`,tls-host=${proxy.sni}`, 'sni');
diff --git a/lib/backend/proxy/converter/shadowrocket.ts b/lib/backend/proxy/converter/shadowrocket.ts
index a0c7b391..05218869 100644
--- a/lib/backend/proxy/converter/shadowrocket.ts
+++ b/lib/backend/proxy/converter/shadowrocket.ts
@@ -43,6 +43,14 @@ export class ShadowrocketConverter extends BaseConverter {
                 }
             } else if (node.type === 'vless') {
                 node.cipher = 'none';
+                // Reality 支持 (Shadowrocket)
+                if (node['reality-opts']) {
+                    node['reality-opts'] = {
+                        'public-key': node['reality-opts']['public-key'],
+                        'short-id': node['reality-opts']['short-id'],
+                        'spider-x': node['reality-opts']['_spider-x'] || ''
+                    };
+                }
             } else if (node.type === 'tuic' || node.type === 'hysteria2') {
                 if (node.alpn) node.alpn = Array.isArray(node.alpn) ? node.alpn : [node.alpn];
                 if (node.tfo && !node['fast-open']) node['fast-open'] = node.tfo;
@@ -70,6 +78,16 @@ export class ShadowrocketConverter extends BaseConverter {
                 node['client-fingerprint'] = 'chrome';
             }
 
+            if (node['reality-opts'] && !node['client-fingerprint']) {
+                node['client-fingerprint'] = 'chrome';
+            }
+
+            if (node['ech-opts'] && node['ech-opts']['config-list']) {
+                node['ech-opts'] = {
+                    'config-list': node['ech-opts']['config-list']
+                };
+            }
+
             // Move SNI to servername for Clash YAML compatibility used by Shadowrocket
             if (node.sni && !node.servername) {
                 node.servername = node.sni;
@@ -112,6 +130,11 @@ export class ShadowrocketConverter extends BaseConverter {
             delete node.resolved;
             delete node.encryption; // VLESS uses cipher: none instead
 
+            if (node['tls-fingerprint']) {
+                node.fingerprint = node['tls-fingerprint'];
+            }
+            delete node['tls-fingerprint'];
+
             // Remove fields starting with underscore (internal)
             for (const key in node) {
                 if (key.startsWith('_') || node[key] === null) {
@@ -119,6 +142,18 @@ export class ShadowrocketConverter extends BaseConverter {
                 }
             }
 
+            if (node.network === 'ws' && node['ws-opts']) {
+                const wsOpts = node['ws-opts'];
+                if (wsOpts['v2ray-http-upgrade'] !== undefined) delete wsOpts['v2ray-http-upgrade'];
+                if (wsOpts['v2ray-http-upgrade-fast-open'] !== undefined) delete wsOpts['v2ray-http-upgrade-fast-open'];
+            }
+            if (node.httpupgrade !== undefined) delete node.httpupgrade;
+
+            if (node.network === 'grpc' && node['grpc-opts']) {
+                delete node['grpc-opts']['_grpc-type'];
+                delete node['grpc-opts']['_grpc-authority'];
+            }
+
             return node;
         } catch (e) {
             console.error(`[ShadowrocketConverter] Failed to process node ${proxy.name}:`, e);
diff --git a/lib/backend/proxy/converter/singbox.ts b/lib/backend/proxy/converter/singbox.ts
index 99043a19..c8c21f2b 100644
--- a/lib/backend/proxy/converter/singbox.ts
+++ b/lib/backend/proxy/converter/singbox.ts
@@ -108,6 +108,31 @@ export class SingboxConverter extends BaseConverter {
                     outbound.server = node.server;
                     outbound.server_port = node.port;
                     break;
+                case 'naive':
+                    outbound.username = node.username;
+                    outbound.password = node.password;
+                    // NaiveProxy 天然需要 TLS，删除 insecure（sing-box 不支持）
+                    this.appendTLS(outbound, node);
+                    if (outbound.tls?.insecure) delete outbound.tls.insecure;
+                    // udp-over-tcp
+                    if (node['udp-over-tcp'] || node.uot) {
+                        if (typeof node['udp-over-tcp'] === 'object') {
+                            outbound.udp_over_tcp = {
+                                enabled: true,
+                                version: (!node['udp-over-tcp-version'] || node['udp-over-tcp-version'] === 1) ? 1 : 2
+                            };
+                        } else {
+                            outbound.udp_over_tcp = true;
+                        }
+                    }
+                    // extra-headers
+                    if (node['extra-headers']) outbound.extra_headers = node['extra-headers'];
+                    // quic
+                    if (node.quic) outbound.quic = true;
+                    if (node['quic-congestion-control']) outbound.quic_congestion_control = node['quic-congestion-control'];
+                    // fast-open
+                    if (node['fast-open']) outbound.udp_fragment = true;
+                    break;
                 case 'vmess':
                     outbound.uuid = node.uuid;
                     outbound.security = node.cipher || 'auto';
@@ -140,10 +165,14 @@ export class SingboxConverter extends BaseConverter {
                     if (node.type === 'https' || node.tls) this.appendTLS(outbound, node);
                     break;
                 case 'hysteria':
-                    outbound.auth_str = node.auth;
+                    outbound.auth_str = node['auth-str'] || node.auth;
                     outbound.up_mbps = node.up;
                     outbound.down_mbps = node.down;
                     if (node.obfs) outbound.obfs = { type: 'salamander', password: node.obfs };
+                    if (node['recv-window-conn']) outbound.recv_window_conn = node['recv-window-conn'];
+                    if (node['recv-window']) outbound.recv_window = node['recv-window'];
+                    if (node['fast-open']) outbound.udp_fragment = true;
+                    if (node['disable-mtu-discovery']) outbound.disable_mtu_discovery = true;
                     this.appendTLS(outbound, node);
                     break;
                 case 'hysteria2':
@@ -166,6 +195,8 @@ export class SingboxConverter extends BaseConverter {
                         const hi = String(node['hop-interval']);
                         outbound.hop_interval = /^\d+$/.test(hi) ? `${hi}s` : hi;
                     }
+                    if (node['fast-open']) outbound.udp_fragment = true;
+                    if (node['disable-mtu-discovery']) outbound.disable_mtu_discovery = true;
                     this.appendTLS(outbound, node);
                     break;
                 case 'tuic':
@@ -290,6 +321,16 @@ export class SingboxConverter extends BaseConverter {
             }
         }
 
+        if (node['ech-opts']) {
+            const ech = node['ech-opts'];
+            if (ech['config-list'] && ech['config-list'].length > 0) {
+                tls.ech = {
+                    enabled: true,
+                    config_list: ech['config-list']
+                };
+            }
+        }
+
         if (node['client-fingerprint'] && !['hysteria', 'hysteria2', 'tuic'].includes(node.type)) {
             tls.utls = {
                 enabled: true,
@@ -324,6 +365,15 @@ export class SingboxConverter extends BaseConverter {
             transport.type = 'http';
             transport.path = node['h2-opts']?.path || node['http-opts']?.path || '/';
             transport.host = node['h2-opts']?.host || node['http-opts']?.headers?.Host || [];
+        } else if (node.network === 'xhttp' || node.network === 'splithttp') {
+            transport.type = 'splithttp';
+            const xopts = node['xhttp-opts'] as Record<string, any>;
+            if (xopts) {
+                if (xopts.mode) transport.mode = xopts.mode;
+                if (xopts.path) transport.path = xopts.path;
+                if (xopts.host) transport.host = xopts.host;
+                if (xopts.headers) transport.headers = xopts.headers;
+            }
         }
 
         outbound.transport = transport;
diff --git a/lib/backend/proxy/converter/surge.ts b/lib/backend/proxy/converter/surge.ts
index 15dff404..b3455cdb 100644
--- a/lib/backend/proxy/converter/surge.ts
+++ b/lib/backend/proxy/converter/surge.ts
@@ -343,6 +343,12 @@ export class SurgeConverter extends BaseConverter {
             if (proxy['tls-fingerprint']) {
                 result.append(`,server-cert-fingerprint-sha256=${proxy['tls-fingerprint']}`);
             }
+            if (proxy['reality-opts']) {
+                const r = proxy['reality-opts'];
+                result.appendIfPresent(`,reality-public-key=${r['public-key']}`, 'public-key');
+                result.appendIfPresent(`,reality-short-id=${r['short-id']}`, 'short-id');
+                result.appendIfPresent(`,reality-spider-x=${r['_spider-x']}`, '_spider-x');
+            }
         }
     }
 
diff --git a/lib/backend/proxy/converter/uri.ts b/lib/backend/proxy/converter/uri.ts
index 9f00ab3a..b5c03b30 100644
--- a/lib/backend/proxy/converter/uri.ts
+++ b/lib/backend/proxy/converter/uri.ts
@@ -172,6 +172,7 @@ export class URIConverter extends BaseConverter {
         if (node['skip-cert-verify']) params.set('insecure', '1');
         if (node.tfo) params.set('fastopen', '1');
         if (node.ports) params.set('mport', String(node.ports));
+        if (node['hop-interval']) params.set('hop-interval', String(node['hop-interval']));
         if (node.alpn) params.set('alpn', Array.isArray(node.alpn) ? node.alpn[0] : node.alpn);
 
         let queryString = params.toString();
@@ -213,6 +214,12 @@ export class URIConverter extends BaseConverter {
         if (node['disable-sni']) params.set('disable_sni', '1');
         if (node['reduce-rtt']) params.set('reduce_rtt', '1');
         if (node['udp-relay-mode']) params.set('udp_relay_mode', node['udp-relay-mode']);
+        if (node['heartbeat-interval'])
+            params.set('heartbeat_interval', String(node['heartbeat-interval']));
+        if (node['max-udp-relay-packet-size'])
+            params.set('max_udp_relay_packet_size', String(node['max-udp-relay-packet-size']));
+        if (node['max-open-streams'])
+            params.set('max_open_streams', String(node['max-open-streams']));
 
         let queryString = params.toString();
         if (queryString) queryString = '?' + queryString;
@@ -235,6 +242,15 @@ export class URIConverter extends BaseConverter {
             const res = Array.isArray(node.reserved) ? node.reserved.join(',') : node.reserved;
             params.set('reserved', String(res));
         }
+        if (node['persistent-keepalive'])
+            params.set('keepalive', String(node['persistent-keepalive']));
+        if (node['allowed-ips'] && node['allowed-ips'].length > 0) {
+            params.set('allowed', node['allowed-ips'].join(','));
+        }
+        if (node.dns) {
+            const dnsStr = Array.isArray(node.dns) ? node.dns.join(',') : node.dns;
+            params.set('dns', dnsStr);
+        }
 
         let queryString = params.toString();
         if (queryString) queryString = '?' + queryString;
@@ -293,7 +309,9 @@ export class URIConverter extends BaseConverter {
 
     private appendTransportParams(params: URLSearchParams, node: ProxyNode) {
         if (!node.network) return;
-        params.set('type', node.network);
+
+        const networkType = (node as any).httpupgrade ? 'httpupgrade' : node.network;
+        params.set('type', networkType);
         const opts = (node[`${node.network}-opts`] || {}) as any;
         if (opts) {
             if (opts.path) params.set('path', Array.isArray(opts.path) ? opts.path[0] : opts.path);
@@ -318,6 +336,22 @@ export class URIConverter extends BaseConverter {
             }
         }
 
+        const xopts = node['xhttp-opts'] as Record<string, any>;
+        if (xopts && Object.keys(xopts).length > 0) {
+            if (xopts.mode) params.set('mode', xopts.mode);
+            if (xopts.path) params.set('path', Array.isArray(xopts.path) ? xopts.path[0] : xopts.path);
+            if (xopts.host) params.set('host', Array.isArray(xopts.host) ? xopts.host[0] : xopts.host);
+        }
+
+        if ((node as any).httpupgrade && opts) {
+            const edValue = opts['_v2ray-http-upgrade-ed'] || (node['ws-opts'] as any)?.['_v2ray-http-upgrade-ed'];
+            if (edValue) {
+                const basePath = opts.path || '/';
+                const sep = basePath.includes('?') ? '&' : '?';
+                params.set('path', `${basePath}${sep}ed=${edValue}`);
+            }
+        }
+
         // 兼容旧版本的简化写法
         if (node.network === 'kcp') {
             if (node.seed && !opts?.seed) params.set('seed', node.seed);
@@ -339,6 +373,20 @@ export class URIConverter extends BaseConverter {
             if (r['short-id']) params.set('sid', r['short-id']);
             if (r['_spider-x']) params.set('spx', r['_spider-x']);
         }
+        if (node['ech-opts']) {
+            const ech = node['ech-opts'];
+            if (ech['config-list'] && ech['config-list'].length > 0) {
+                params.set('ech', '1');
+                // config-list 编码到 extra 字段
+            } else if (ech._dns) {
+                params.set('ech', '1');
+            }
+        }
+        if (node._echConfigList) {
+            params.set('ech', node._echConfigList);
+        }
+        // skip-cert-verify 通用处理
+        if (node['skip-cert-verify']) params.set('allowInsecure', '1');
     }
 
     private appendVLESSParams(params: URLSearchParams, node: ProxyNode) {
@@ -348,5 +396,29 @@ export class URIConverter extends BaseConverter {
         // 强制设置 encryption=none，提高外部转换兼容性
         params.set('encryption', node.encryption || 'none');
         if (node['skip-cert-verify']) params.set('allowInsecure', '1');
+
+        if (node._extra) {
+            const extra = typeof node._extra === 'string' ? node._extra : JSON.stringify(node._extra);
+            params.set('extra', extra);
+        }
+        if (node._mode) params.set('mode', node._mode);
+        if (node._pqv) params.set('pqv', node._pqv);
+        if (node._h2) params.set('h2', '1');
+        if (node._pcs) params.set('pcs', '1');
+
+        const xopts = node['xhttp-opts'] as Record<string, any>;
+        if (xopts && xopts.mode) {
+            params.set('mode', xopts.mode);
+        }
+
+        if (node.network === 'ws' && node['ws-opts']) {
+            const wsOpts = node['ws-opts'] as Record<string, any>;
+            if (wsOpts['max-early-data']) {
+                const basePath = wsOpts.path || '/';
+                const ed = wsOpts['max-early-data'];
+                const sep = basePath.includes('?') ? '&' : '?';
+                params.set('path', `${basePath}${sep}ed=${ed}`);
+            }
+        }
     }
 }
diff --git a/lib/backend/proxy/parser/normalizer.ts b/lib/backend/proxy/parser/normalizer.ts
index bdf21c6c..f0db0db0 100644
--- a/lib/backend/proxy/parser/normalizer.ts
+++ b/lib/backend/proxy/parser/normalizer.ts
@@ -46,7 +46,7 @@ export function normalizeProxyNode(proxy: ProxyNode): ProxyNode {
     // 7. TLS 默认值处理
     if (proxy.tls === undefined) {
         // 某些协议默认开启 TLS
-        if (['hysteria2', 'tuic', 'https', 'anytls'].includes(proxy.type)) {
+        if (['hysteria2', 'tuic', 'https', 'anytls', 'naive'].includes(proxy.type)) {
             proxy.tls = true;
         } else {
             proxy.tls = false;
@@ -58,6 +58,53 @@ export function normalizeProxyNode(proxy: ProxyNode): ProxyNode {
         proxy.name = `${proxy.type.toUpperCase()} ${proxy.server}:${proxy.port}`;
     }
 
+    if (proxy.type === 'vmess' && proxy.cipher) {
+        const validCiphers = ['auto', 'aes-128-gcm', 'chacha20-poly1305', 'none', 'zero'];
+        if (!validCiphers.includes(proxy.cipher)) {
+            proxy.cipher = 'auto';
+        }
+    }
+
+    // 10. 标准化 VLESS 加密方式
+    if (proxy.type === 'vless') {
+        if (!proxy.encryption) {
+            proxy.encryption = 'none';
+        }
+        // VLESS 标准化 flow
+        if (proxy.flow && !proxy['reality-opts'] && !proxy.tls) {
+            delete proxy.flow;
+        }
+    }
+
+    // 11. 标准化 Reality 选项
+    if (proxy['reality-opts']) {
+        const r = proxy['reality-opts'] as Record<string, any>;
+        // 统一 _spider-x 和 spider-x
+        if (r['spider-x'] && !r['_spider-x']) {
+            r['_spider-x'] = r['spider-x'];
+            delete r['spider-x'];
+        }
+        // 如果 reality-opts 为空则删除
+        if (Object.keys(r).filter(k => r[k] != null && r[k] !== '').length === 0) {
+            delete proxy['reality-opts'];
+        }
+    }
+
+    // 12. 标准化 ECH 选项
+    if (proxy['ech-opts']) {
+        const ech = proxy['ech-opts'] as Record<string, any>;
+        if (Object.keys(ech).filter(k => ech[k] != null && ech[k] !== '').length === 0) {
+            delete proxy['ech-opts'];
+        }
+    }
+
+    // 13. 标准化 xhttp 选项 (标准化 splithttp -> xhttp)
+    if ((proxy as any)['xhttp-opts']) {
+        if (!proxy.network || proxy.network === 'tcp') {
+            proxy.network = 'xhttp' as any;
+        }
+    }
+
     return proxy;
 }
 
diff --git a/lib/backend/proxy/parser/uri-parsers.ts b/lib/backend/proxy/parser/uri-parsers.ts
index ab1c9cfb..d488d057 100644
--- a/lib/backend/proxy/parser/uri-parsers.ts
+++ b/lib/backend/proxy/parser/uri-parsers.ts
@@ -9,6 +9,21 @@ import { Base64 } from 'js-base64';
 import type { ProxyNode } from '../types';
 import { isIPv4, isIPv6, isPresent, parsePort, parseSpeed, randomId } from '../utils';
 
+/**
+ * 解析 URL 查询参数（正确处理值中含 = 的情况）
+ */
+function parseQueryParams(query: string): Record<string, string> {
+    const params: Record<string, string> = {};
+    for (const part of query.replace(/^\?/, '').split('&')) {
+        if (!part) continue;
+        const eqIdx = part.indexOf('=');
+        if (eqIdx >= 0) {
+            params[part.substring(0, eqIdx)] = decodeURIComponent(part.substring(eqIdx + 1));
+        }
+    }
+    return params;
+}
+
 /**
  * 处理 Surge 风格的端口跳跃参数
  */
@@ -102,14 +117,7 @@ export function parseShadowsocks(uri: string): ProxyNode | null {
             proxy.password = userInfo[2];
         }
 
-        const params: Record<string, any> = {};
-        for (const addon of query.replace(/^\?/, '').split('&')) {
-            if (addon) {
-                const [key, valueRaw] = addon.split('=');
-                const value = decodeURIComponent(valueRaw);
-                params[key] = value;
-            }
-        }
+        const params = parseQueryParams(query) as Record<string, any>;
 
         proxy.tls = params.security && params.security !== 'none';
         proxy['skip-cert-verify'] = !!params['allowInsecure'];
@@ -121,21 +129,39 @@ export function parseShadowsocks(uri: string): ProxyNode | null {
             const netType = params['type'] as string;
             proxy.network = netType as any;
 
+            let httpupgrade = false;
+            let httpUpgradeEd = '';
             if (netType === 'httpupgrade') {
                 proxy.network = 'ws';
+                httpupgrade = true;
             }
 
             if (proxy.network === 'grpc') {
-                proxy['grpc-opts'] = {
-                    'service-name': params['serviceName']
+                (proxy['grpc-opts'] as any) = {
+                    'service-name': params['serviceName'],
+                    '_grpc-type': params['mode'],
+                    '_grpc-authority': params['authority']
                 };
             } else if (proxy.network === 'ws' || proxy.network === 'h2') {
                 proxy[`${proxy.network}-opts`] = {} as any;
 
                 if (params['path']) {
-                    (proxy[`${proxy.network}-opts`] as any).path = decodeURIComponent(
-                        params['path']
-                    );
+                    let transportPath = decodeURIComponent(params['path']);
+                    if (proxy.network === 'ws') {
+                        const edMatch = transportPath.match(/[?&]ed=(\d+)/);
+                        if (edMatch) {
+                            const edValue = edMatch[1];
+                            if (httpupgrade) {
+                                httpUpgradeEd = edValue;
+                            } else {
+                                // 普通 WebSocket early data
+                                (proxy['ws-opts'] as any)['max-early-data'] = parseInt(edValue, 10);
+                                (proxy['ws-opts'] as any)['early-data-header-name'] = 'Sec-WebSocket-Protocol';
+                            }
+                        }
+                        transportPath = transportPath.split(/[?&]ed=/)[0];
+                    }
+                    (proxy[`${proxy.network}-opts`] as any).path = transportPath;
                 }
                 if (params['host']) {
                     if (!proxy[`${proxy.network}-opts`]) {
@@ -145,6 +171,16 @@ export function parseShadowsocks(uri: string): ProxyNode | null {
                         Host: decodeURIComponent(params['host'])
                     };
                 }
+
+                if (httpupgrade) {
+                    proxy.httpupgrade = true;
+                    (proxy as any)[`${proxy.network}-opts`] = {
+                        ...(proxy[`${proxy.network}-opts`] as any),
+                        'v2ray-http-upgrade': true,
+                        'v2ray-http-upgrade-fast-open': true,
+                        '_v2ray-http-upgrade-ed': httpUpgradeEd || params.ed || ''
+                    };
+                }
             }
         }
 
@@ -173,16 +209,19 @@ export function parseShadowsocks(uri: string): ProxyNode | null {
                 if (pluginName === 'obfs-local' || pluginName === 'simple-obfs') {
                     proxy.plugin = 'obfs';
                     proxy['plugin-opts'] = {
-                        mode: pluginOpts.obfs,
-                        host: pluginOpts['obfs-host']
+                        mode: pluginOpts.obfs || pluginOpts.mode,
+                        host: pluginOpts['obfs-host'] || pluginOpts.host
                     };
                 } else if (pluginName === 'v2ray-plugin') {
                     proxy.plugin = 'v2ray-plugin';
                     proxy['plugin-opts'] = {
-                        mode: 'websocket',
-                        host: pluginOpts['obfs-host'],
+                        mode: pluginOpts.obfs || pluginOpts.mode || 'websocket',
+                        host: pluginOpts['obfs-host'] || pluginOpts.host,
                         path: pluginOpts.path,
-                        tls: !!pluginOpts.tls
+                        tls: !!pluginOpts.tls,
+                        sni: pluginOpts.sni,
+                        'skip-cert-verify': ['1', 'true'].includes(pluginOpts['skip-cert-verify']),
+                        mux: /^\d+$/.test(pluginOpts.mux) ? parseInt(pluginOpts.mux, 10) : undefined
                     };
                 } else if (pluginName === 'shadow-tls') {
                     proxy.plugin = 'shadow-tls';
@@ -195,6 +234,48 @@ export function parseShadowsocks(uri: string): ProxyNode | null {
             }
         }
 
+        if (params['v2ray-plugin'] && !proxy.plugin) {
+            try {
+                const decoded = JSON.parse(Base64.decode(params['v2ray-plugin']));
+                proxy.plugin = 'v2ray-plugin';
+                proxy['plugin-opts'] = decoded;
+            } catch { /* 忽略解析失败 */ }
+        }
+
+        if (params['shadow-tls'] && !proxy.plugin) {
+            try {
+                const decoded = JSON.parse(Base64.decode(params['shadow-tls']));
+                const version = decoded.version;
+                const address = decoded.address;
+                const port = decoded.port;
+                proxy.plugin = 'shadow-tls';
+                proxy['plugin-opts'] = {
+                    host: decoded.host || undefined,
+                    password: decoded.password || undefined,
+                    version: version ? parseInt(String(version), 10) : undefined
+                };
+                if (address) proxy.server = address;
+                if (port) proxy.port = parseInt(String(port), 10);
+            } catch { /* 忽略解析失败 */ }
+        }
+
+        if (params['gost'] && !proxy.plugin) {
+            try {
+                const decoded = JSON.parse(Base64.decode(decodeURIComponent(params['gost'])));
+                const route = decoded.route?.trim().toLowerCase();
+                const isWebsocketRoute = ['ws', 'wss', 'websocket'].includes(route);
+                proxy.plugin = 'gost-plugin';
+                proxy['plugin-opts'] = {
+                    mode: isWebsocketRoute ? 'websocket' : decoded.route,
+                    host: decoded.host || undefined,
+                    path: decoded.path || undefined,
+                    tls: route === 'wss' || undefined
+                };
+                if (decoded.address) proxy.server = decoded.address;
+                if (decoded.port) proxy.port = parseInt(String(decoded.port), 10);
+            } catch { /* 忽略解析失败 */ }
+        }
+
         proxy.name = name ? decodeURIComponent(name) : `SS ${proxy.server}:${proxy.port}`;
 
         return proxy as ProxyNode;
@@ -296,13 +377,7 @@ export function parseTrojan(uri: string): ProxyNode | null {
             name: name ? decodeURIComponent(name) : `Trojan ${server}:${port}`
         };
 
-        const params: Record<string, any> = {};
-        for (const addon of query.split('&')) {
-            if (addon) {
-                const [key, valueRaw] = addon.split('=');
-                params[key] = decodeURIComponent(valueRaw || '');
-            }
-        }
+        const params = parseQueryParams(query) as Record<string, any>;
 
         proxy.tls = params.security !== 'none';
         proxy.sni = params.sni || params.peer;
@@ -327,6 +402,16 @@ export function parseTrojan(uri: string): ProxyNode | null {
 
         proxy.udp = /TRUE|1/i.test(params.udp);
 
+        // Reality support
+        if (params.security === 'reality' || params.pbk) {
+            const opts: Record<string, string> = {};
+            if (params.pbk) opts['public-key'] = params.pbk;
+            if (params.sid) opts['short-id'] = params.sid;
+            if (Object.keys(opts).length > 0) {
+                proxy['reality-opts'] = opts as any;
+            }
+        }
+
         return proxy as ProxyNode;
     } catch (e) {
         console.error('[parseTrojan] Error:', e);
@@ -466,7 +551,7 @@ export function parseVMess(uri: string): ProxyNode | null {
 
     try {
         const line = uri.split(/vmess:\/\//i)[1];
-        let content = Base64.decode(line.replace(/\?.*?$/, ''));
+        let content = Base64.decode(line.replace(/#.*$/, '').replace(/\?.*$/, ''));
 
         if (/=\s*vmess/.test(content)) {
             return parseQuantumultVMess(content);
@@ -483,9 +568,12 @@ export function parseVMess(uri: string): ProxyNode | null {
                 content = Base64.decode(base64Line);
 
                 for (const addon of qs.split('&')) {
-                    const [key, valueRaw] = addon.split('=');
-                    const value = decodeURIComponent(valueRaw);
-                    params[key] = value.indexOf(',') === -1 ? value : value.split(',');
+                    const eqIdx = addon.indexOf('=');
+                    if (eqIdx >= 0) {
+                        const key = addon.substring(0, eqIdx);
+                        const value = decodeURIComponent(addon.substring(eqIdx + 1));
+                        params[key] = value.indexOf(',') === -1 ? value : value.split(',');
+                    }
                 }
 
                 const contentMatch = /(^[^:]+?):([^:]+?)@(.*):(\ d+)$/.exec(content);
@@ -694,13 +782,7 @@ export function parseVLESS(uri: string): ProxyNode | null {
             name: name ? decodeURIComponent(name) : `VLESS ${server}:${port}`
         };
 
-        const params: Record<string, any> = {};
-        for (const addon of query.split('&')) {
-            if (addon) {
-                const [key, valueRaw] = addon.split('=');
-                params[key] = decodeURIComponent(valueRaw || '');
-            }
-        }
+        const params = parseQueryParams(query) as Record<string, any>;
 
         /*
         // [FIX-ED] 显式捕获 'ed' (Early Data) 参数，防止在部分客户端中丢失
@@ -771,6 +853,10 @@ export function parseVLESS(uri: string): ProxyNode | null {
         const netType = params.type as string;
         proxy.network = netType as any;
 
+        if (proxy.network === 'splithttp') {
+            proxy.network = 'xhttp' as any;
+        }
+
         if (proxy.network === 'tcp' && params.headerType === 'http') {
             proxy.network = 'http';
         } else if (netType === 'httpupgrade') {
@@ -780,10 +866,24 @@ export function parseVLESS(uri: string): ProxyNode | null {
             proxy.network = 'ws';
         }
 
+        // httpupgrade 在 URI 中映射为 network=xhttp + mode=stream-one
+        if (httpupgrade && !proxy['xhttp-opts']) {
+            proxy['xhttp-opts'] = {
+                mode: 'stream-one'
+            };
+        }
+
         if (!proxy.network && isShadowrocket && params.obfs) {
             proxy.network = params.obfs === 'none' ? undefined : params.obfs;
         }
 
+        if (params.mode && proxy.network === 'xhttp') {
+            if (!proxy['xhttp-opts']) {
+                proxy['xhttp-opts'] = {};
+            }
+            proxy['xhttp-opts'].mode = params.mode;
+        }
+
         if (proxy.network && proxy.network !== 'tcp') {
             const opts: any = {};
             const host = params.host || params.obfsParam;
@@ -793,15 +893,36 @@ export function parseVLESS(uri: string): ProxyNode | null {
             }
 
             if (params.serviceName) {
-                opts[`${proxy.network}-service-name`] = params.serviceName;
+                if (proxy.network === 'grpc') {
+                    opts['service-name'] = params.serviceName;
+                    opts['_grpc-type'] = params.mode || 'gun';
+                } else {
+                    opts[`${proxy.network}-service-name`] = params.serviceName;
+                }
             }
 
             if (params.path) {
                 opts.path = params.path;
             }
 
-            if (proxy.network === 'grpc') {
-                opts['_grpc-type'] = params.mode || 'gun';
+            if (proxy.network === 'ws' && params.path) {
+                const edMatch = params.path.match(/[?&]ed=(\d+)/);
+                if (edMatch) {
+                    const edValue = parseInt(edMatch[1], 10);
+                    if (!isNaN(edValue) && edValue > 0) {
+                        if (httpupgrade) {
+                            // httpupgrade 的 early data
+                            if (!proxy['xhttp-opts']) {
+                                proxy['xhttp-opts'] = {};
+                            }
+                            proxy['xhttp-opts']['_v2ray-http-upgrade-ed'] = String(edValue);
+                        } else {
+                            // 普通 WebSocket early data
+                            opts['max-early-data'] = edValue;
+                            opts['early-data-header-name'] = 'Sec-WebSocket-Protocol';
+                        }
+                    }
+                }
             }
 
             if (proxy.network === 'kcp') {
@@ -858,13 +979,7 @@ export function parseHysteria(uri: string): ProxyNode | null {
             name: name ? decodeURIComponent(name) : `Hysteria ${server}:${port}`
         };
 
-        const params: Record<string, string> = {};
-        for (const addon of query.split('&')) {
-            if (addon) {
-                const [key, valueRaw] = addon.split('=');
-                params[key] = decodeURIComponent(valueRaw || '');
-            }
-        }
+        const params = parseQueryParams(query);
 
         proxy.auth = params.auth || params['auth-str'] || '';
         proxy.up = params.upmbps ? parseInt(params.upmbps, 10) : undefined;
@@ -909,13 +1024,7 @@ export function parseSnell(uri: string): ProxyNode | null {
             name: name ? decodeURIComponent(name) : `Snell ${server}:${port}`
         };
 
-        const params: Record<string, string> = {};
-        for (const addon of query.split('&')) {
-            if (addon) {
-                const [key, valueRaw] = addon.split('=');
-                params[key] = decodeURIComponent(valueRaw || '');
-            }
-        }
+        const params = parseQueryParams(query);
 
         if (params.version) {
             proxy.version = parseInt(params.version, 10);
@@ -1057,29 +1166,30 @@ export function parseHysteria2(uri: string): ProxyNode | null {
         };
 
         for (const addon of query.split('&')) {
-            if (addon) {
-                const [key, valueRaw] = addon.split('=');
-                const value = decodeURIComponent(valueRaw || '');
-                const normalizedKey = key.replace(/_/g, '-');
-
-                if (normalizedKey === 'insecure') {
-                    proxy['skip-cert-verify'] = /(TRUE)|1/i.test(value);
-                } else if (normalizedKey === 'alpn') {
-                    proxy.alpn = value ? value.split(',') : undefined;
-                } else if (normalizedKey === 'obfs') {
-                    proxy.obfs = value || 'salamander';
-                } else if (normalizedKey === 'obfs-password') {
-                    proxy['obfs-password'] = value;
-                } else if (normalizedKey === 'mport' || normalizedKey === 'ports') {
-                    proxy.ports = value;
-                } else if (normalizedKey === 'sni') {
-                    proxy.sni = value;
-                } else if (normalizedKey.match(/^(up|down)(-?mbps)?$/)) {
-                    const speedKey = normalizedKey.startsWith('up') ? 'up' : 'down';
-                    proxy[speedKey] = parseSpeed(value);
-                } else if (!Object.keys(proxy).includes(normalizedKey)) {
-                    proxy[normalizedKey] = value;
-                }
+            if (!addon) continue;
+            const eqIdx = addon.indexOf('=');
+            if (eqIdx < 0) continue;
+            const key = addon.substring(0, eqIdx);
+            const value = decodeURIComponent(addon.substring(eqIdx + 1));
+            const normalizedKey = key.replace(/_/g, '-');
+
+            if (normalizedKey === 'insecure') {
+                proxy['skip-cert-verify'] = /(TRUE)|1/i.test(value);
+            } else if (normalizedKey === 'alpn') {
+                proxy.alpn = value ? value.split(',') : undefined;
+            } else if (normalizedKey === 'obfs') {
+                proxy.obfs = value || 'salamander';
+            } else if (normalizedKey === 'obfs-password') {
+                proxy['obfs-password'] = value;
+            } else if (normalizedKey === 'mport' || normalizedKey === 'ports') {
+                proxy.ports = value;
+            } else if (normalizedKey === 'sni') {
+                proxy.sni = value;
+            } else if (normalizedKey.match(/^(up|down)(-?mbps)?$/)) {
+                const speedKey = normalizedKey.startsWith('up') ? 'up' : 'down';
+                proxy[speedKey] = parseSpeed(value);
+            } else if (!Object.keys(proxy).includes(normalizedKey)) {
+                proxy[normalizedKey] = value;
             }
         }
 
@@ -1121,24 +1231,25 @@ export function parseTUIC(uri: string): ProxyNode | null {
         };
 
         for (const addon of query.split('&')) {
-            if (addon) {
-                const [key, valueRaw] = addon.split('=');
-                const value = decodeURIComponent(valueRaw || '');
-                const normalizedKey = key.replace(/_/g, '-');
-
-                if (['allow-insecure', 'insecure'].includes(normalizedKey)) {
-                    proxy['skip-cert-verify'] = /(TRUE)|1/i.test(value);
-                } else if (normalizedKey === 'alpn') {
-                    proxy.alpn = value ? value.split(',') : undefined;
-                } else if (normalizedKey === 'fast-open') {
-                    proxy.tfo = true;
-                } else if (['disable-sni', 'reduce-rtt'].includes(normalizedKey)) {
-                    proxy[normalizedKey] = /(TRUE)|1/i.test(value);
-                } else if (normalizedKey === 'congestion-control') {
-                    proxy['congestion-controller'] = value;
-                } else if (!Object.keys(proxy).includes(normalizedKey)) {
-                    proxy[normalizedKey] = value;
-                }
+            if (!addon) continue;
+            const eqIdx = addon.indexOf('=');
+            if (eqIdx < 0) continue;
+            const key = addon.substring(0, eqIdx);
+            const value = decodeURIComponent(addon.substring(eqIdx + 1));
+            const normalizedKey = key.replace(/_/g, '-');
+
+            if (['allow-insecure', 'insecure'].includes(normalizedKey)) {
+                proxy['skip-cert-verify'] = /(TRUE)|1/i.test(value);
+            } else if (normalizedKey === 'alpn') {
+                proxy.alpn = value ? value.split(',') : undefined;
+            } else if (normalizedKey === 'fast-open') {
+                proxy.tfo = true;
+            } else if (['disable-sni', 'reduce-rtt'].includes(normalizedKey)) {
+                proxy[normalizedKey] = /(TRUE)|1/i.test(value);
+            } else if (normalizedKey === 'congestion-control') {
+                proxy['congestion-controller'] = value;
+            } else if (!Object.keys(proxy).includes(normalizedKey)) {
+                proxy[normalizedKey] = value;
             }
         }
 
@@ -1176,47 +1287,48 @@ export function parseWireGuard(uri: string): ProxyNode | null {
         };
 
         for (const addon of query.split('&')) {
-            if (addon) {
-                const [key, valueRaw] = addon.split('=');
-                const value = decodeURIComponent(valueRaw || '');
-                const normalizedKey = key.replace(/_/g, '-');
-
-                if (normalizedKey === 'reserved') {
-                    const parsed = value
-                        .split(',')
-                        .map((i) => parseInt(i.trim(), 10))
-                        .filter((i) => Number.isInteger(i));
-                    if (parsed.length === 3) {
-                        proxy.reserved = parsed;
-                    }
-                } else if (['address', 'ip'].includes(normalizedKey)) {
-                    value.split(',').forEach((i) => {
-                        const ip = i
-                            .trim()
-                            .replace(/\/\d+$/, '')
-                            .replace(/^\[/, '')
-                            .replace(/\]$/, '');
-                        if (isIPv4(ip)) {
-                            proxy.ip = ip;
-                        } else if (isIPv6(ip)) {
-                            proxy.ipv6 = ip;
-                        }
-                    });
-                } else if (normalizedKey === 'mtu') {
-                    const parsedMtu = parseInt(value.trim(), 10);
-                    if (Number.isInteger(parsedMtu)) {
-                        proxy.mtu = parsedMtu;
+            if (!addon) continue;
+            const eqIdx = addon.indexOf('=');
+            if (eqIdx < 0) continue;
+            const key = addon.substring(0, eqIdx);
+            const value = decodeURIComponent(addon.substring(eqIdx + 1));
+            const normalizedKey = key.replace(/_/g, '-');
+
+            if (normalizedKey === 'reserved') {
+                const parsed = value
+                    .split(',')
+                    .map((i) => parseInt(i.trim(), 10))
+                    .filter((i) => Number.isInteger(i));
+                if (parsed.length === 3) {
+                    proxy.reserved = parsed;
+                }
+            } else if (['address', 'ip'].includes(normalizedKey)) {
+                value.split(',').forEach((i) => {
+                    const ip = i
+                        .trim()
+                        .replace(/\/\d+$/, '')
+                        .replace(/^\[/, '')
+                        .replace(/\]$/, '');
+                    if (isIPv4(ip)) {
+                        proxy.ip = ip;
+                    } else if (isIPv6(ip)) {
+                        proxy.ipv6 = ip;
                     }
-                } else if (normalizedKey === 'public-key' || normalizedKey === 'publickey') {
-                    proxy['public-key'] = value;
-                } else if (
-                    normalizedKey === 'pre-shared-key' ||
-                    normalizedKey === 'preshared-key'
-                ) {
-                    proxy['pre-shared-key'] = value;
-                } else if (!Object.keys(proxy).includes(normalizedKey)) {
-                    proxy[normalizedKey] = value;
+                });
+            } else if (normalizedKey === 'mtu') {
+                const parsedMtu = parseInt(value.trim(), 10);
+                if (Number.isInteger(parsedMtu)) {
+                    proxy.mtu = parsedMtu;
                 }
+            } else if (normalizedKey === 'public-key' || normalizedKey === 'publickey') {
+                proxy['public-key'] = value;
+            } else if (
+                normalizedKey === 'pre-shared-key' ||
+                normalizedKey === 'preshared-key'
+            ) {
+                proxy['pre-shared-key'] = value;
+            } else if (!Object.keys(proxy).includes(normalizedKey)) {
+                proxy[normalizedKey] = value;
             }
         }
 
@@ -1266,13 +1378,7 @@ export function parseNaive(uri: string): ProxyNode | null {
             tls: true
         };
 
-        const params: Record<string, string> = {};
-        for (const addon of query.split('&')) {
-            if (addon) {
-                const [key, valueRaw] = addon.split('=');
-                params[key] = decodeURIComponent(valueRaw || '');
-            }
-        }
+        const params = parseQueryParams(query);
 
         proxy.sni = params.sni;
         proxy.padding = params.padding === 'true' || params.padding === '1';
diff --git a/lib/backend/proxy/types.ts b/lib/backend/proxy/types.ts
index 8fee88fd..3b36f1a3 100644
--- a/lib/backend/proxy/types.ts
+++ b/lib/backend/proxy/types.ts
@@ -40,7 +40,9 @@ export type NetworkType =
     | 'h2' // HTTP/2
     | 'http' // HTTP
     | 'kcp' // KCP
-    | 'quic'; // QUIC
+    | 'quic' // QUIC
+    | 'xhttp' // XHTTP/SplitHTTP (Xray-core)
+    | 'splithttp'; // SplitHTTP 别名
 
 // ============================================================================
 // 平台类型
@@ -52,11 +54,85 @@ export type PlatformType =
     | 'Singbox'
     | 'Surge'
     | 'Loon'
+    | 'Egern'
     | 'QuantumultX'
     | 'Shadowrocket'
     | 'URI'
     | 'JSON';
 
+// ============================================================================
+// XHTTP/SplitHTTP 选项 
+// ============================================================================
+
+/**
+ * XHTTP Download Settings (下行独立配置)
+ */
+export interface XhttpDownloadSettings {
+    server?: string;
+    port?: number;
+    network?: string;
+    tls?: boolean;
+    servername?: string;
+    'client-fingerprint'?: string;
+    'skip-cert-verify'?: boolean;
+    alpn?: string[];
+    path?: string;
+    host?: string;
+    mode?: string;
+    'reality-opts'?: {
+        'public-key'?: string;
+        'short-id'?: string;
+    };
+    'ech-opts'?: EchOptions;
+}
+
+/**
+ * XHTTP 传输选项
+ */
+export interface XhttpOptions {
+    mode?: string; // auto | packet-up | stream-up | stream-one
+    path?: string;
+    host?: string;
+    headers?: Record<string, string | string[]>;
+    'download-settings'?: XhttpDownloadSettings;
+    // XHTTP 扩展字段 
+    'no-grpc-header'?: boolean;
+    'x-padding-bytes'?: number;
+    'x-padding-obfs-mode'?: boolean;
+    'x-padding-key'?: string;
+    'x-padding-header'?: string;
+    'x-padding-placement'?: string;
+    'x-padding-method'?: string;
+    'uplink-http-method'?: string;
+    'session-placement'?: string;
+    'session-key'?: string;
+    'session-table'?: string;
+    'session-length'?: number | string;
+    'seq-placement'?: string;
+    'seq-key'?: string;
+    'uplink-data-placement'?: string;
+    'uplink-data-key'?: string;
+    'uplink-chunk-size'?: number | string;
+    'sc-max-each-post-bytes'?: number | string;
+    'sc-min-posts-interval-ms'?: number | string;
+    'reuse-settings'?: Record<string, any>;
+    [key: string]: any;
+}
+
+// ============================================================================
+// ECH (Encrypted Client Hello) 选项
+// ============================================================================
+
+/**
+ * ECH 选项 
+ */
+export interface EchOptions {
+    'query-server-name'?: string;
+    'config-list'?: string[];
+    _dns?: string; // DNS 服务器 (用于查询 ECH config)
+    [key: string]: any;
+}
+
 // ============================================================================
 // ProxyNode - 统一节点中间表示 (IR)
 // ============================================================================
@@ -103,10 +179,20 @@ export interface ProxyNode {
         headers?: Record<string, string | string[]>;
         'max-early-data'?: number;
         'early-data-header-name'?: string;
+        // httpupgrade 
+        'v2ray-http-upgrade'?: boolean;
+        'v2ray-http-upgrade-fast-open'?: boolean;
+        '_v2ray-http-upgrade-ed'?: string;
     };
     'ws-path'?: string; // 兼容简化写法
     'ws-headers'?: Record<string, string>;
 
+    // === XHTTP/SplitHTTP 选项  ===
+    'xhttp-opts'?: XhttpOptions;
+
+    // === HTTP Upgrade (httpupgrade) 标记 ===
+    'httpupgrade'?: boolean; // WS 实际为 httpupgrade
+
     // === gRPC 选项 ===
     'grpc-opts'?: {
         'service-name'?: string;
@@ -142,6 +228,17 @@ export interface ProxyNode {
         '_spider-x'?: string; // 兼容
     };
 
+    // === ECH (Encrypted Client Hello) 选项 ===
+    'ech-opts'?: EchOptions;
+    _echConfigList?: string; // ECH config-list (URI round-trip)
+
+    // === VMess 额外字段 ===
+    _extra?: string | Record<string, any>; // VLESS/VMess extra JSON (URI round-trip)
+    _mode?: string; // VLESS Reality mode (URI round-trip)
+    _pqv?: string; // VLESS pre-shared quantum version (URI round-trip)
+    _h2?: boolean; // VLESS H2 标记 (URI round-trip)
+    _extra_unsupported?: Record<string, any>; // VLESS xhttp 不支持字段
+
     // === UDP/TCP 选项 ===
     udp?: boolean; // 是否支持UDP
     'udp-relay'?: boolean; // UDP中继
diff --git a/src/widgets/profile/SubscriptionExportModal.vue b/src/widgets/profile/SubscriptionExportModal.vue
index afe7e076..6bce0bf9 100644
--- a/src/widgets/profile/SubscriptionExportModal.vue
+++ b/src/widgets/profile/SubscriptionExportModal.vue
@@ -49,6 +49,11 @@ const exportOptions = [
         format: 'loon',
         icon: 'M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z'
     },
+    {
+        name: 'Egern',
+        format: 'egern',
+        icon: 'M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z'
+    },
     { name: 'Shadowrocket', format: 'shadowrocket', icon: 'M12 19l9 2-9-18-9 18 9-2zm0 0v-8' },
     {
         name: 'Quantumult X',
diff --git a/src/widgets/settings/HelpModal.vue b/src/widgets/settings/HelpModal.vue
index 7ec8cdb0..d75c86ac 100644
--- a/src/widgets/settings/HelpModal.vue
+++ b/src/widgets/settings/HelpModal.vue
@@ -55,7 +55,7 @@ const faqs = [
     },
     {
         q: '支持哪些客户端格式？',
-        a: 'Sub-One 支持几乎所有主流客户端，包括 Clash (Meta), Surge, Loon, Shadowrocket, Quantumult X, Sing-Box, V2Ray, Surfboard 等。',
+        a: 'Sub-One 支持几乎所有主流客户端，包括 Clash (Meta), Surge, Loon, Egern, Shadowrocket, Quantumult X, Sing-Box, V2Ray, Surfboard 等。',
         icon: 'M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'
     },
     {

From 9dd030d822f527ea48d481a599eb8d6a98dd6e20 Mon Sep 17 00:00:00 2001
From: binbankm <393439956@qq.com>
Date: Tue, 16 Jun 2026 10:25:12 +0800
Subject: [PATCH 04/11] refactor: unify Reality option handling in Loon
 converter and remove deprecated support in Quantumult X

---
 lib/backend/proxy/converter/loon.ts        | 4 +---
 lib/backend/proxy/converter/quantumultx.ts | 7 -------
 2 files changed, 1 insertion(+), 10 deletions(-)

diff --git a/lib/backend/proxy/converter/loon.ts b/lib/backend/proxy/converter/loon.ts
index 8f8b9e77..20891ac7 100644
--- a/lib/backend/proxy/converter/loon.ts
+++ b/lib/backend/proxy/converter/loon.ts
@@ -200,10 +200,8 @@ export class LoonConverter extends BaseConverter {
         );
         if (proxy.flow) result.append(`,flow=${proxy.flow}`);
         if (proxy['reality-opts']) {
+            appendReality(result, proxy);
             const reality = proxy['reality-opts'];
-            result.appendIfPresent(`,sni=${proxy.sni}`, 'sni');
-            result.appendIfPresent(`,public-key="${reality['public-key']}"`, 'public-key');
-            result.appendIfPresent(`,short-id=${reality['short-id']}`, 'short-id');
             result.appendIfPresent(
                 `,spider-x=${reality['_spider-x'] || reality['spider-x']}`,
                 'reality-opts.spider-x'
diff --git a/lib/backend/proxy/converter/quantumultx.ts b/lib/backend/proxy/converter/quantumultx.ts
index 3ec27358..3a64b9ff 100644
--- a/lib/backend/proxy/converter/quantumultx.ts
+++ b/lib/backend/proxy/converter/quantumultx.ts
@@ -46,13 +46,6 @@ export class QuantumultXConverter extends BaseConverter {
                     throw new Error(`[QXConverter] Unsupported proxy type: ${proxy.type}`);
             }
 
-            // Reality support (appended to any type that support it in QX)
-            if (proxy['reality-opts']) {
-                const r = proxy['reality-opts'];
-                if (r['public-key']) result += `,reality-base64-pubkey=${r['public-key']}`;
-                if (r['short-id']) result += `,reality-hex-shortid=${r['short-id']}`;
-            }
-
             result += `,tag=${proxy.name}`;
 
             return result;

From 2ade0c5aedf755c3c5a1c7c5809dc8f121c13e49 Mon Sep 17 00:00:00 2001
From: binbankm <393439956@qq.com>
Date: Tue, 16 Jun 2026 11:34:57 +0800
Subject: [PATCH 05/11] test: add comprehensive test suite for all proxy
 protocols and formats, and update URI parser logic.

---
 ...ehensive-all-protocols-all-formats.test.ts | 1541 +++++++++++++++++
 lib/backend/proxy/parser/uri-parsers.ts       |    1 +
 2 files changed, 1542 insertions(+)
 create mode 100644 lib/backend/proxy/__tests__/comprehensive-all-protocols-all-formats.test.ts

diff --git a/lib/backend/proxy/__tests__/comprehensive-all-protocols-all-formats.test.ts b/lib/backend/proxy/__tests__/comprehensive-all-protocols-all-formats.test.ts
new file mode 100644
index 00000000..20c72a9a
--- /dev/null
+++ b/lib/backend/proxy/__tests__/comprehensive-all-protocols-all-formats.test.ts
@@ -0,0 +1,1541 @@
+/**
+ * Comprehensive Test Suite — 对比 Sub-Store 所有协议、所有参数、所有客户端生成格式
+ *
+ * 覆盖范围:
+ *   1. 所有协议 URI 解析 (SS/SSR/VMess/VLESS/Trojan/Hysteria/Hysteria2/TUIC/WireGuard/SOCKS5/HTTP/HTTPS/Snell/AnyTLS/Naive)
+ *   2. 所有协议所有参数的完整验证
+ *   3. 所有客户端格式转换 (URI/ClashMeta/Surge/Loon/QX/Shadowrocket/Singbox/Stash/Surfboard/Egern)
+ *   4. 解析→转换往返 (roundtrip) 一致性
+ *   5. 边界情况和错误处理
+ */
+import { describe, expect, it } from 'vitest';
+
+import { convert, parse } from '../index';
+import type { ProxyNode } from '../types';
+
+// ============================================================================
+// Helper: 快速创建 ProxyNode
+// ============================================================================
+function makeNode(overrides: Partial<ProxyNode> & { type: ProxyNode['type']; name: string; server: string; port: number }): ProxyNode {
+    return { id: 'test-id', ...overrides } as ProxyNode;
+}
+
+// ============================================================================
+// 1. Shadowsocks — 完整参数
+// ============================================================================
+describe('1. Shadowsocks (SS) — 完整参数解析与转换', () => {
+    // --- URI 格式 ---
+    it('1.1.1 应解析标准 SS URI (SIP002)', () => {
+        const uri = 'ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@server.com:443#TestSS';
+        const nodes = parse(uri);
+        expect(nodes.length).toBe(1);
+        expect(nodes[0].type).toBe('ss');
+        expect(nodes[0].cipher).toBe('aes-128-gcm');
+        expect(nodes[0].password).toBe('password');
+        expect(nodes[0].server).toBe('server.com');
+        expect(nodes[0].port).toBe(443);
+        expect(nodes[0].name).toBe('TestSS');
+    });
+
+    it('1.1.2 应解析旧版 SS URI (全 Base64)', () => {
+        const inner = 'aes-256-gcm:mypassword@10.0.0.1:8388';
+        const encoded = Buffer.from(inner).toString('base64');
+        const uri = `ss://${encoded}#OldSS`;
+        const nodes = parse(uri);
+        expect(nodes.length).toBe(1);
+        expect(nodes[0].cipher).toBe('aes-256-gcm');
+        expect(nodes[0].password).toBe('mypassword');
+        expect(nodes[0].server).toBe('10.0.0.1');
+        expect(nodes[0].port).toBe(8388);
+    });
+
+    it('1.1.3 应解析 2022-blake3 cipher', () => {
+        const cipher = '2022-blake3-aes-128-gcm';
+        const pass = 'testkey1234567890123456789012';
+        const encoded = Buffer.from(`${cipher}:${pass}`).toString('base64');
+        const uri = `ss://${encoded}@example.com:8443#SS2022`;
+        const nodes = parse(uri);
+        expect(nodes[0].cipher).toBe(cipher);
+        expect(nodes[0].password).toBe(pass);
+    });
+
+    it('1.1.4 应解析 SS + obfs plugin', () => {
+        const uri = 'ss://YWVzLTI1Ni1nY206dGVzdA@1.2.3.4:443?plugin=obfs-local%3Bmode%3Dhttp%3Bobfs-host%3Dexample.com#SS-Obfs';
+        const nodes = parse(uri);
+        expect(nodes[0].plugin).toBe('obfs');
+        expect(nodes[0]['plugin-opts']?.mode).toBe('http');
+        expect(nodes[0]['plugin-opts']?.host).toBe('example.com');
+    });
+
+    it('1.1.5 应解析 SS + v2ray-plugin (plugin 字符串)', () => {
+        const uri = 'ss://YWVzLTI1Ni1nY206dGVzdA@1.2.3.4:443?plugin=v2ray-plugin%3Bmode%3Dwebsocket%3Bpath%3D%2Fws%3Btls%3D1#SS-V2';
+        const nodes = parse(uri);
+        expect(nodes[0].plugin).toBe('v2ray-plugin');
+        expect(nodes[0]['plugin-opts']?.mode).toBe('websocket');
+    });
+
+    it('1.1.6 应解析 SS + shadow-tls plugin', () => {
+        const uri = 'ss://YWVzLTI1Ni1nY206dGVzdA@1.2.3.4:443?plugin=shadow-tls%3Bhost%3Dst.example.com%3Bpassword%3Dstpass%3Bversion%3D3#SS-ST';
+        const nodes = parse(uri);
+        expect(nodes[0].plugin).toBe('shadow-tls');
+        expect(nodes[0]['plugin-opts']?.host).toBe('st.example.com');
+        expect(nodes[0]['plugin-opts']?.password).toBe('stpass');
+    });
+
+    it('1.1.7 应解析 SS + v2ray-plugin (Base64 params)', () => {
+        const opts = Buffer.from(JSON.stringify({ type: 'websocket', obfs: 'http', host: 'example.com' })).toString('base64');
+        const uri = `ss://YWVzLTI1Ni1nY206dGVzdA@1.2.3.4:443?v2ray-plugin=${opts}#SS-V2B64`;
+        const nodes = parse(uri);
+        expect(nodes[0].plugin).toBe('v2ray-plugin');
+    });
+
+    it('1.1.8 应解析 SS + WebSocket 传输', () => {
+        const uri = 'ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@1.2.3.4:443?type=ws&host=ws.example.com&path=%2Fws#SS-WS';
+        const nodes = parse(uri);
+        expect(nodes[0].network).toBe('ws');
+        expect(nodes[0]['ws-opts']?.headers?.Host).toBe('ws.example.com');
+    });
+
+    it('1.1.9 应解析 SS + gRPC 传输', () => {
+        const uri = 'ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@1.2.3.4:443?type=grpc&serviceName=grpc-service#SS-gRPC';
+        const nodes = parse(uri);
+        expect(nodes[0].network).toBe('grpc');
+        expect(nodes[0]['grpc-opts']?.['service-name']).toBe('grpc-service');
+    });
+
+    it('1.1.10 应解析 SS + httpupgrade', () => {
+        const uri = 'ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@1.2.3.4:443?type=httpupgrade&host=hu.example.com&path=%2Fhu#SS-HU';
+        const nodes = parse(uri);
+        expect(nodes[0].network).toBe('ws');
+        expect(nodes[0].httpupgrade).toBe(true);
+    });
+
+    it('1.1.11 应解析 SS + TLS 参数', () => {
+        const uri = 'ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@1.2.3.4:443?security=tls&sni=example.com&allowInsecure=1&fp=chrome#SS-TLS';
+        const nodes = parse(uri);
+        expect(nodes[0].tls).toBe(true);
+        expect(nodes[0].sni).toBe('example.com');
+        expect(nodes[0]['skip-cert-verify']).toBe(true);
+        expect(nodes[0]['client-fingerprint']).toBe('chrome');
+    });
+
+    it('1.1.12 应解析 SS + UoT 和 TFO', () => {
+        const uri = 'ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@1.2.3.4:443?uot=1&tfo=1&udp=1#SS-UoT';
+        const nodes = parse(uri);
+        expect(nodes[0]['udp-over-tcp']).toBe(true);
+        expect(nodes[0].tfo).toBe(true);
+        expect(nodes[0].udp).toBe(true);
+    });
+
+    // --- 转换测试 ---
+    it('1.2.1 SS → URI 往返', async () => {
+        const node = makeNode({ type: 'ss', name: 'SS-Round', server: '1.2.3.4', port: 443, cipher: 'aes-256-gcm', password: 'pass123' });
+        const result = await convert([node], 'uri');
+        expect(result).toContain('ss://');
+        expect(result).toContain('1.2.3.4:443');
+        expect(result).toContain('SS-Round');
+    });
+
+    it('1.2.2 SS → ClashMeta', async () => {
+        const node = makeNode({ type: 'ss', name: 'SS-CM', server: '1.2.3.4', port: 443, cipher: 'aes-256-gcm', password: 'pass123' });
+        const result = await convert([node], 'clashmeta');
+        expect(result).toContain('name: SS-CM');
+        expect(result).toContain('type: ss');
+        expect(result).toContain('cipher: aes-256-gcm');
+    });
+
+    it('1.2.3 SS → Surge', async () => {
+        const node = makeNode({ type: 'ss', name: 'SS-Surge', server: '1.2.3.4', port: 443, cipher: 'aes-256-gcm', password: 'pass123' });
+        const result = await convert([node], 'surge');
+        expect(result).toContain('SS-Surge=ss,1.2.3.4,443');
+        expect(result).toContain('encrypt-method=aes-256-gcm');
+    });
+
+    it('1.2.4 SS → Loon', async () => {
+        const node = makeNode({ type: 'ss', name: 'SS-Loon', server: '1.2.3.4', port: 443, cipher: 'aes-256-gcm', password: 'pass123' });
+        const result = await convert([node], 'loon');
+        expect(result).toContain('SS-Loon=shadowsocks,1.2.3.4,443');
+    });
+
+    it('1.2.5 SS → QX', async () => {
+        const node = makeNode({ type: 'ss', name: 'SS-QX', server: '1.2.3.4', port: 443, cipher: 'aes-256-gcm', password: 'pass123' });
+        const result = await convert([node], 'qx');
+        expect(result).toContain('shadowsocks=1.2.3.4:443');
+        expect(result).toContain('method=aes-256-gcm');
+    });
+
+    it('1.2.6 SS → Singbox', async () => {
+        const node = makeNode({ type: 'ss', name: 'SS-SB', server: '1.2.3.4', port: 443, cipher: 'aes-256-gcm', password: 'pass123' });
+        const result = await convert([node], 'singbox');
+        const config = JSON.parse(result);
+        expect(config.outbounds[0].type).toBe('shadowsocks');
+        expect(config.outbounds[0].method).toBe('aes-256-gcm');
+    });
+
+    it('1.2.7 SS → Shadowrocket', async () => {
+        const node = makeNode({ type: 'ss', name: 'SS-SR', server: '1.2.3.4', port: 443, cipher: 'aes-256-gcm', password: 'pass123' });
+        const result = await convert([node], 'shadowrocket');
+        expect(result).toContain('name: SS-SR');
+        expect(result).toContain('type: ss');
+    });
+
+    it('1.2.8 SS → Egern', async () => {
+        const node = makeNode({ type: 'ss', name: 'SS-Egern', server: '1.2.3.4', port: 443, cipher: 'aes-256-gcm', password: 'pass123' });
+        const result = await convert([node], 'egern');
+        expect(result).toContain('shadowsocks');
+        expect(result).toContain('SS-Egern');
+    });
+
+    it('1.2.9 SS → Surfboard', async () => {
+        const node = makeNode({ type: 'ss', name: 'SS-Surf', server: '1.2.3.4', port: 443, cipher: 'aes-256-gcm', password: 'pass123' });
+        const result = await convert([node], 'surfboard');
+        expect(result).toContain('SS-Surf=ss,1.2.3.4,443');
+    });
+
+    it('1.2.10 SS obfs → 各平台格式正确', async () => {
+        const node = makeNode({
+            type: 'ss', name: 'SS-Obfs', server: '1.2.3.4', port: 443,
+            cipher: 'aes-256-gcm', password: 'pass123',
+            plugin: 'obfs', 'plugin-opts': { mode: 'http', host: 'example.com' }
+        });
+        const surge = await convert([node], 'surge');
+        expect(surge).toContain('obfs=http');
+        expect(surge).toContain('obfs-host=example.com');
+
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('obfs-name=http');
+
+        const qx = await convert([node], 'qx');
+        expect(qx).toContain('obfs=http');
+    });
+});
+
+// ============================================================================
+// 2. ShadowsocksR — 完整参数
+// ============================================================================
+describe('2. ShadowsocksR (SSR) — 完整参数解析与转换', () => {
+    it('2.1 应解析标准 SSR URI', () => {
+        const inner = 'server.com:443:origin:aes-256-cfb:plain:' + Buffer.from('password123').toString('base64');
+        const params = 'remarks=' + Buffer.from('TestSSR').toString('base64');
+        const encoded = Buffer.from(inner + '/?' + params).toString('base64');
+        const uri = `ssr://${encoded}`;
+        const nodes = parse(uri);
+        expect(nodes.length).toBe(1);
+        expect(nodes[0].type).toBe('ssr');
+        expect(nodes[0].server).toBe('server.com');
+        expect(nodes[0].port).toBe(443);
+        expect(nodes[0].protocol).toBe('origin');
+        expect(nodes[0].cipher).toBe('aes-256-cfb');
+        expect(nodes[0].obfs).toBe('plain');
+        expect(nodes[0].password).toBe('password123');
+    });
+
+    it('2.2 应解析 SSR 带 obfs-param 和 protocol-param', () => {
+        const inner = 'server.com:443:auth_aes128_md5:aes-256-cfb:http_simple:' + Buffer.from('ssrpass').toString('base64');
+        const params = [
+            'remarks=' + Buffer.from('SSR-Params').toString('base64'),
+            'obfsparam=' + Buffer.from('obfsParam123').toString('base64'),
+            'protoparam=' + Buffer.from('protoParam456').toString('base64')
+        ].join('&');
+        const encoded = Buffer.from(inner + '/?' + params).toString('base64');
+        const uri = `ssr://${encoded}`;
+        const nodes = parse(uri);
+        expect(nodes[0]['obfs-param']).toBe('obfsParam123');
+        expect(nodes[0]['protocol-param']).toBe('protoParam456');
+    });
+
+    it('2.3 SSR → Loon', async () => {
+        const node = makeNode({
+            type: 'ssr', name: 'SSR-Loon', server: '1.2.3.4', port: 443,
+            protocol: 'origin', cipher: 'aes-256-cfb', obfs: 'plain', password: 'pass'
+        });
+        const result = await convert([node], 'loon');
+        expect(result).toContain('SSR-Loon=shadowsocksr');
+    });
+
+    it('2.4 SSR → QX', async () => {
+        const node = makeNode({
+            type: 'ssr', name: 'SSR-QX', server: '1.2.3.4', port: 443,
+            protocol: 'origin', cipher: 'aes-256-cfb', obfs: 'plain', password: 'pass'
+        });
+        const result = await convert([node], 'qx');
+        expect(result).toContain('shadowsocks=');
+        expect(result).toContain('ssr-protocol=');
+    });
+});
+
+// ============================================================================
+// 3. VMess — 完整参数
+// ============================================================================
+describe('3. VMess — 完整参数解析与转换', () => {
+    const vmessConfig = {
+        v: '2', ps: 'TestVMess', add: 'server.com', port: '443',
+        id: 'uuid-1234-5678', aid: '0', scy: 'auto',
+        net: 'ws', type: 'none', host: 'ws.example.com',
+        path: '/ws', tls: 'tls', sni: 'sni.example.com',
+        alpn: 'h2,http/1.1', fp: 'chrome'
+    };
+
+    it('3.1 应解析 VMess JSON URI', () => {
+        const encoded = Buffer.from(JSON.stringify(vmessConfig)).toString('base64');
+        const uri = `vmess://${encoded}`;
+        const nodes = parse(uri);
+        expect(nodes.length).toBe(1);
+        expect(nodes[0].type).toBe('vmess');
+        expect(nodes[0].uuid).toBe('uuid-1234-5678');
+        expect(nodes[0].server).toBe('server.com');
+        expect(nodes[0].port).toBe(443);
+        expect(nodes[0].cipher).toBe('auto');
+        expect(nodes[0].tls).toBe(true);
+        expect(nodes[0].sni).toBe('sni.example.com');
+    });
+
+    it('3.2 应解析 VMess + gRPC', () => {
+        const cfg = { ...vmessConfig, net: 'grpc', path: 'grpc-service', host: '', type: 'gun' };
+        const encoded = Buffer.from(JSON.stringify(cfg)).toString('base64');
+        const nodes = parse(`vmess://${encoded}`);
+        expect(nodes[0].network).toBe('grpc');
+        expect(nodes[0]['grpc-opts']?.['service-name']).toBe('grpc-service');
+    });
+
+    it('3.3 应解析 VMess + H2', () => {
+        const cfg = { ...vmessConfig, net: 'h2', host: 'h2.example.com', path: '/h2' };
+        const encoded = Buffer.from(JSON.stringify(cfg)).toString('base64');
+        const nodes = parse(`vmess://${encoded}`);
+        expect(nodes[0].network).toBe('h2');
+    });
+
+    it('3.4 应解析 VMess 无 TLS', () => {
+        const cfg = { ...vmessConfig, tls: '', net: 'tcp' };
+        const encoded = Buffer.from(JSON.stringify(cfg)).toString('base64');
+        const nodes = parse(`vmess://${encoded}`);
+        expect(nodes[0].tls).toBeFalsy();
+    });
+
+    it('3.5 应解析 VMess alterId 非 0', () => {
+        const cfg = { ...vmessConfig, aid: '2', net: 'tcp', tls: '' };
+        const encoded = Buffer.from(JSON.stringify(cfg)).toString('base64');
+        const nodes = parse(`vmess://${encoded}`);
+        expect(nodes[0].alterId).toBe(2);
+    });
+
+    it('3.6 VMess → URI 往返', async () => {
+        const node = makeNode({
+            type: 'vmess', name: 'VMess-URI', server: '1.2.3.4', port: 443,
+            uuid: 'test-uuid', cipher: 'auto', alterId: 0, tls: true, sni: 'sni.com'
+        });
+        const result = await convert([node], 'uri');
+        expect(result).toContain('vmess://');
+        const decoded = JSON.parse(Buffer.from(result.replace('vmess://', ''), 'base64').toString());
+        expect(decoded.id).toBe('test-uuid');
+    });
+
+    it('3.7 VMess → ClashMeta', async () => {
+        const node = makeNode({
+            type: 'vmess', name: 'VMess-CM', server: '1.2.3.4', port: 443,
+            uuid: 'test-uuid', cipher: 'auto', alterId: 0, tls: true, sni: 'sni.com'
+        });
+        const result = await convert([node], 'clashmeta');
+        expect(result).toContain('name: VMess-CM');
+        expect(result).toContain('type: vmess');
+        expect(result).toContain('alterId: 0');
+    });
+
+    it('3.8 VMess → Surge', async () => {
+        const node = makeNode({
+            type: 'vmess', name: 'VMess-Surge', server: '1.2.3.4', port: 443,
+            uuid: 'test-uuid', cipher: 'auto', alterId: 0, tls: true
+        });
+        const result = await convert([node], 'surge');
+        expect(result).toContain('vmess,1.2.3.4,443');
+        expect(result).toContain('username=test-uuid');
+        expect(result).toContain('vmess-aead=true');
+    });
+
+    it('3.9 VMess → Loon', async () => {
+        const node = makeNode({
+            type: 'vmess', name: 'VMess-Loon', server: '1.2.3.4', port: 443,
+            uuid: 'test-uuid', cipher: 'auto', alterId: 0, tls: true, sni: 'sni.com'
+        });
+        const result = await convert([node], 'loon');
+        expect(result).toContain('vmess,1.2.3.4,443');
+        expect(result).toContain('over-tls=true');
+    });
+
+    it('3.10 VMess → QX', async () => {
+        const node = makeNode({
+            type: 'vmess', name: 'VMess-QX', server: '1.2.3.4', port: 443,
+            uuid: 'test-uuid', cipher: 'auto', alterId: 0, tls: true, sni: 'sni.com'
+        });
+        const result = await convert([node], 'qx');
+        expect(result).toContain('vmess=1.2.3.4:443');
+        expect(result).toContain('aead=true');
+    });
+
+    it('3.11 VMess → Singbox', async () => {
+        const node = makeNode({
+            type: 'vmess', name: 'VMess-SB', server: '1.2.3.4', port: 443,
+            uuid: 'test-uuid', cipher: 'auto', alterId: 0, tls: true, sni: 'sni.com'
+        });
+        const result = await convert([node], 'singbox');
+        const config = JSON.parse(result);
+        expect(config.outbounds[0].type).toBe('vmess');
+        expect(config.outbounds[0].uuid).toBe('test-uuid');
+    });
+
+    it('3.12 VMess → Shadowrocket', async () => {
+        const node = makeNode({
+            type: 'vmess', name: 'VMess-SR', server: '1.2.3.4', port: 443,
+            uuid: 'test-uuid', cipher: 'auto', alterId: 0, tls: true, sni: 'sni.com'
+        });
+        const result = await convert([node], 'shadowrocket');
+        expect(result).toContain('name: VMess-SR');
+        expect(result).toContain('type: vmess');
+    });
+
+    it('3.13 VMess → Egern', async () => {
+        const node = makeNode({
+            type: 'vmess', name: 'VMess-Egern', server: '1.2.3.4', port: 443,
+            uuid: 'test-uuid', cipher: 'auto', alterId: 0, tls: true, sni: 'sni.com'
+        });
+        const result = await convert([node], 'egern');
+        expect(result).toContain('vmess');
+        expect(result).toContain('VMess-Egern');
+    });
+
+    it('3.14 VMess → Surfboard', async () => {
+        const node = makeNode({
+            type: 'vmess', name: 'VMess-Surf', server: '1.2.3.4', port: 443,
+            uuid: 'test-uuid', cipher: 'auto', alterId: 0, tls: true, sni: 'sni.com'
+        });
+        const result = await convert([node], 'surfboard');
+        expect(result).toContain('VMess-Surf=vmess,1.2.3.4,443');
+    });
+});
+
+// ============================================================================
+// 4. VLESS — 完整参数
+// ============================================================================
+describe('4. VLESS — 完整参数解析与转换', () => {
+    it('4.1 应解析 VLESS + TLS', () => {
+        const uri = 'vless://uuid-test@1.2.3.4:443?security=tls&sni=sni.com&fp=chrome#VLESS-TLS';
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('vless');
+        expect(nodes[0].uuid).toBe('uuid-test');
+        expect(nodes[0].tls).toBe(true);
+        expect(nodes[0].sni).toBe('sni.com');
+        expect(nodes[0]['client-fingerprint']).toBe('chrome');
+    });
+
+    it('4.2 应解析 VLESS + Reality', () => {
+        const uri = 'vless://uuid-reality@1.2.3.4:443?security=reality&sni=www.google.com&fp=chrome&pbk=pubkey123&sid=shortid123&spx=%2Fspider#VLESS-Reality';
+        const nodes = parse(uri);
+        expect(nodes[0].tls).toBe(true);
+        expect(nodes[0]['reality-opts']?.['public-key']).toBe('pubkey123');
+        expect(nodes[0]['reality-opts']?.['short-id']).toBe('shortid123');
+        expect(nodes[0]['reality-opts']?.['_spider-x']).toBe('/spider');
+    });
+
+    it('4.3 应解析 VLESS + WebSocket', () => {
+        const uri = 'vless://uuid-ws@1.2.3.4:443?type=ws&host=ws.example.com&path=%2Fws&security=tls&sni=sni.com#VLESS-WS';
+        const nodes = parse(uri);
+        expect(nodes[0].network).toBe('ws');
+        expect(nodes[0]['ws-opts']?.headers?.Host).toBe('ws.example.com');
+    });
+
+    it('4.4 应解析 VLESS + gRPC', () => {
+        const uri = 'vless://uuid-grpc@1.2.3.4:443?type=grpc&serviceName=grpc-svc&security=tls&sni=sni.com#VLESS-gRPC';
+        const nodes = parse(uri);
+        expect(nodes[0].network).toBe('grpc');
+        expect(nodes[0]['grpc-opts']?.['service-name']).toBe('grpc-svc');
+    });
+
+    it('4.5 应解析 VLESS + httpupgrade', () => {
+        const uri = 'vless://uuid-hu@1.2.3.4:443?type=httpupgrade&host=hu.com&path=%2Fhu%3Fed%3D2048&security=reality&sni=www.google.com&fp=chrome&pbk=pk&sid=sid#VLESS-HU';
+        const nodes = parse(uri);
+        expect(nodes[0].network).toBe('ws');
+        // httpupgrade 解析后设置 network=ws + xhttp-opts.mode=stream-one
+        expect(nodes[0]['xhttp-opts']?.mode).toBe('stream-one');
+    });
+
+    it('4.6 应解析 VLESS + flow', () => {
+        const uri = 'vless://uuid-flow@1.2.3.4:443?security=reality&sni=sni.com&fp=chrome&pbk=pk&sid=sid&flow=xtls-rprx-vision#VLESS-Flow';
+        const nodes = parse(uri);
+        expect(nodes[0].flow).toBe('xtls-rprx-vision');
+    });
+
+    it('4.7 应解析 VLESS + ALPN', () => {
+        const uri = 'vless://uuid-alpn@1.2.3.4:443?security=tls&sni=sni.com&alpn=h2,http/1.1#VLESS-ALPN';
+        const nodes = parse(uri);
+        expect(nodes[0].alpn).toEqual(['h2', 'http/1.1']);
+    });
+
+    it('4.8 VLESS Reality → 所有支持平台', async () => {
+        const node = makeNode({
+            type: 'vless', name: 'VLESS-All', server: '1.2.3.4', port: 443,
+            uuid: 'test-uuid', tls: true, sni: 'sni.com', 'client-fingerprint': 'chrome',
+            'reality-opts': { 'public-key': 'pk123', 'short-id': 'sid123' }
+        });
+
+        // URI
+        const uri = await convert([node], 'uri');
+        expect(uri).toContain('vless://');
+        expect(uri).toContain('security=reality');
+        expect(uri).toContain('pbk=pk123');
+
+        // ClashMeta
+        const cm = await convert([node], 'clashmeta');
+        expect(cm).toContain('type: vless');
+        expect(cm).toContain('reality-opts:');
+        expect(cm).toContain('public-key: pk123');
+
+        // Loon
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('vless,1.2.3.4,443');
+
+        // QX
+        const qx = await convert([node], 'qx');
+        expect(qx).toContain('vless=');
+        expect(qx).toContain('reality-base64-pubkey=');
+
+        // Singbox
+        const sb = await convert([node], 'singbox');
+        const config = JSON.parse(sb);
+        expect(config.outbounds[0].type).toBe('vless');
+        expect(config.outbounds[0].tls.reality.enabled).toBe(true);
+
+        // Shadowrocket
+        const sr = await convert([node], 'shadowrocket');
+        expect(sr).toContain('type: vless');
+
+        // Egern
+        const eg = await convert([node], 'egern');
+        expect(eg).toContain('vless');
+
+        // Surge: VLESS 不支持
+        const surge = await convert([node], 'surge');
+        expect(surge).toBe('');
+    });
+});
+
+// ============================================================================
+// 5. Trojan — 完整参数
+// ============================================================================
+describe('5. Trojan — 完整参数解析与转换', () => {
+    it('5.1 应解析标准 Trojan URI', () => {
+        const uri = 'trojan://pass123@1.2.3.4:443?sni=sni.com#Trojan-Std';
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('trojan');
+        expect(nodes[0].password).toBe('pass123');
+        expect(nodes[0].tls).toBe(true);
+        expect(nodes[0].sni).toBe('sni.com');
+    });
+
+    it('5.2 应解析 Trojan + WebSocket', () => {
+        const uri = 'trojan://pass123@1.2.3.4:443?type=ws&host=ws.com&path=%2Fws&sni=sni.com#Trojan-WS';
+        const nodes = parse(uri);
+        expect(nodes[0].network).toBe('ws');
+        expect(nodes[0]['ws-opts']?.headers?.Host).toBe('ws.com');
+    });
+
+    it('5.3 应解析 Trojan + gRPC', () => {
+        const uri = 'trojan://pass123@1.2.3.4:443?type=grpc&serviceName=trojan-grpc&sni=sni.com#Trojan-gRPC';
+        const nodes = parse(uri);
+        expect(nodes[0].network).toBe('grpc');
+        expect(nodes[0]['grpc-opts']?.['service-name']).toBe('trojan-grpc');
+    });
+
+    it('5.4 应解析 Trojan + Reality', () => {
+        const uri = 'trojan://pass123@1.2.3.4:443?security=reality&sni=sni.com&fp=chrome&pbk=pk123&sid=sid123#Trojan-Reality';
+        const nodes = parse(uri);
+        expect(nodes[0]['reality-opts']?.['public-key']).toBe('pk123');
+    });
+
+    it('5.5 应解析 Trojan + ALPN', () => {
+        const uri = 'trojan://pass123@1.2.3.4:443?sni=sni.com&alpn=h2,http/1.1#Trojan-ALPN';
+        const nodes = parse(uri);
+        expect(nodes[0].alpn).toEqual(['h2', 'http/1.1']);
+    });
+
+    it('5.6 Trojan → 全平台', async () => {
+        const node = makeNode({
+            type: 'trojan', name: 'Trojan-All', server: '1.2.3.4', port: 443,
+            password: 'pass123', tls: true, sni: 'sni.com'
+        });
+
+        const uri = await convert([node], 'uri');
+        expect(uri).toContain('trojan://');
+
+        const cm = await convert([node], 'clashmeta');
+        expect(cm).toContain('type: trojan');
+
+        const surge = await convert([node], 'surge');
+        expect(surge).toContain('trojan,1.2.3.4,443');
+
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('trojan,1.2.3.4,443');
+
+        const qx = await convert([node], 'qx');
+        expect(qx).toContain('trojan=');
+
+        const sb = await convert([node], 'singbox');
+        const config = JSON.parse(sb);
+        expect(config.outbounds[0].type).toBe('trojan');
+    });
+});
+
+// ============================================================================
+// 6. Hysteria — 完整参数
+// ============================================================================
+describe('6. Hysteria (v1) — 完整参数解析与转换', () => {
+    it('6.1 应解析标准 Hysteria URI', () => {
+        const uri = 'hysteria://1.2.3.4:443/?auth=auth123&upmbps=100&downmbps=200&peer=sni.com#Hysteria';
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('hysteria');
+        expect(nodes[0].auth).toBe('auth123');
+        expect(nodes[0].up).toBe(100);
+        expect(nodes[0].down).toBe(200);
+        expect(nodes[0].sni).toBe('sni.com');
+        expect(nodes[0].tls).toBe(true);
+    });
+
+    it('6.2 应解析 Hysteria + obfs', () => {
+        const uri = 'hysteria://1.2.3.4:443/?obfs=xor&insecure=1#Hysteria-Obfs';
+        const nodes = parse(uri);
+        expect(nodes[0].obfs).toBe('xor');
+        expect(nodes[0]['skip-cert-verify']).toBe(true);
+    });
+
+    it('6.3 Hysteria → Loon', async () => {
+        const node = makeNode({
+            type: 'hysteria', name: 'Hy-Loon', server: '1.2.3.4', port: 443,
+            auth: 'auth123', tls: true, up: 100, down: 200
+        });
+        const result = await convert([node], 'loon');
+        expect(result).toContain('hysteria,1.2.3.4,443');
+    });
+});
+
+// ============================================================================
+// 7. Hysteria2 — 完整参数
+// ============================================================================
+describe('7. Hysteria2 — 完整参数解析与转换', () => {
+    it('7.1 应解析标准 Hysteria2 URI', () => {
+        const uri = 'hysteria2://pass@1.2.3.4:443?sni=sni.com#Hy2';
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('hysteria2');
+        expect(nodes[0].password).toBe('pass');
+        expect(nodes[0].sni).toBe('sni.com');
+    });
+
+    it('7.2 应解析 Hysteria2 + obfs', () => {
+        const uri = 'hysteria2://pass@1.2.3.4:443?obfs=salamander&obfs-password=obfspass#Hy2-Obfs';
+        const nodes = parse(uri);
+        expect(nodes[0].obfs).toBe('salamander');
+        expect(nodes[0]['obfs-password']).toBe('obfspass');
+    });
+
+    it('7.3 应解析 Hysteria2 + 端口跳跃', () => {
+        const uri = 'hysteria2://pass@1.2.3.4:443?ports=443-8443-4#Hy2-PH';
+        const nodes = parse(uri);
+        expect(nodes[0].ports).toBe('443-8443-4');
+    });
+
+    it('7.4 应解析 Hysteria2 + hop-interval', () => {
+        const uri = 'hysteria2://pass@1.2.3.4:443?hop-interval=3#Hy2-HI';
+        const nodes = parse(uri);
+        expect(nodes[0]['hop-interval']).toBe('3');
+    });
+
+    it('7.5 Hysteria2 → 全平台', async () => {
+        const node = makeNode({
+            type: 'hysteria2', name: 'Hy2-All', server: '1.2.3.4', port: 443,
+            password: 'pass123', sni: 'sni.com', obfs: 'salamander', 'obfs-password': 'obfspass'
+        });
+
+        const cm = await convert([node], 'clashmeta');
+        expect(cm).toContain('type: hysteria2');
+        expect(cm).toContain('obfs: salamander');
+
+        const sb = await convert([node], 'singbox');
+        const config = JSON.parse(sb);
+        expect(config.outbounds[0].type).toBe('hysteria2');
+        expect(config.outbounds[0].obfs.type).toBe('salamander');
+
+        const surge = await convert([node], 'surge');
+        expect(surge).toContain('hysteria2');
+
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('Hysteria2');
+    });
+});
+
+// ============================================================================
+// 8. TUIC — 完整参数
+// ============================================================================
+describe('8. TUIC — 完整参数解析与转换', () => {
+    it('8.1 应解析标准 TUIC v5', () => {
+        const uri = 'tuic://uuid:pass@1.2.3.4:443?sni=sni.com&alpn=h3&congestion_control=bbr&udp_relay_mode=native&reduce_rtt=1#TUIC';
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('tuic');
+        expect(nodes[0].uuid).toBe('uuid');
+        expect(nodes[0].password).toBe('pass');
+        expect(nodes[0]['congestion-controller']).toBe('bbr');
+        expect(nodes[0]['udp-relay-mode']).toBe('native');
+        expect(nodes[0]['reduce-rtt']).toBe(true);
+    });
+
+    it('8.2 应解析 TUIC + disable-sni', () => {
+        const uri = 'tuic://uuid:pass@1.2.3.4:443?disable_sni=1#TUIC-DSNI';
+        const nodes = parse(uri);
+        expect(nodes[0]['disable-sni']).toBe(true);
+    });
+
+    it('8.3 TUIC → 全平台', async () => {
+        const node = makeNode({
+            type: 'tuic', name: 'TUIC-All', server: '1.2.3.4', port: 443,
+            uuid: 'uuid123', password: 'pass123', 'congestion-controller': 'bbr',
+            alpn: ['h3']
+        });
+
+        const cm = await convert([node], 'clashmeta');
+        expect(cm).toContain('type: tuic');
+        expect(cm).toContain('congestion-controller: bbr');
+
+        const surge = await convert([node], 'surge');
+        expect(surge).toContain('tuic-v5');
+
+        const sb = await convert([node], 'singbox');
+        const config = JSON.parse(sb);
+        expect(config.outbounds[0].type).toBe('tuic');
+
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('tuic,1.2.3.4,443');
+    });
+});
+
+// ============================================================================
+// 9. WireGuard — 完整参数
+// ============================================================================
+describe('9. WireGuard — 完整参数解析与转换', () => {
+    it('9.1 应解析标准 WireGuard URI', () => {
+        const uri = 'wireguard://privkey@1.2.3.4:51820?publickey=pubkey123&ip=10.0.0.1&dns=1.1.1.1&mtu=1420&reserved=1,2,3#WG';
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('wireguard');
+        expect(nodes[0]['private-key']).toBe('privkey');
+        expect(nodes[0].ip).toBe('10.0.0.1');
+        expect(nodes[0].mtu).toBe(1420);
+        expect(nodes[0].reserved).toEqual([1, 2, 3]);
+        expect(nodes[0]['public-key']).toBe('pubkey123');
+    });
+
+    it('9.2 应解析 WireGuard 带 pre-shared-key', () => {
+        const uri = 'wireguard://privkey@1.2.3.4:51820?publickey=pk&ip=10.0.0.1&pre-shared-key=psk123#WG-PSK';
+        const nodes = parse(uri);
+        expect(nodes[0]['pre-shared-key']).toBe('psk123');
+    });
+
+    it('9.3 应解析 WireGuard 带 keepalive', () => {
+        const uri = 'wireguard://privkey@1.2.3.4:51820?publickey=pk&ip=10.0.0.1&keepalive=25#WG-KA';
+        const nodes = parse(uri);
+        expect(nodes[0].keepalive).toBe('25');
+    });
+
+    it('9.4 WireGuard → Singbox', async () => {
+        const node = makeNode({
+            type: 'wireguard', name: 'WG-SB', server: '1.2.3.4', port: 51820,
+            'private-key': 'privkey', 'public-key': 'pubkey', ip: '10.0.0.1', mtu: 1420,
+            reserved: [1, 2, 3]
+        });
+        const result = await convert([node], 'singbox');
+        const config = JSON.parse(result);
+        expect(config.outbounds[0].type).toBe('wireguard');
+        expect(config.outbounds[0].private_key).toBe('privkey');
+        expect(config.outbounds[0].mtu).toBe(1420);
+    });
+
+    it('9.5 WireGuard → Surge', async () => {
+        const node = makeNode({
+            type: 'wireguard', name: 'WG-Surge', server: '1.2.3.4', port: 51820,
+            'private-key': 'privkey', 'public-key': 'pubkey', ip: '10.0.0.1',
+            reserved: [1, 2, 3]
+        });
+        const result = await convert([node], 'surge');
+        expect(result).toContain('WireGuard WG-Surge');
+        expect(result).toContain('private-key = privkey');
+    });
+
+    it('9.6 WireGuard → Loon', async () => {
+        const node = makeNode({
+            type: 'wireguard', name: 'WG-Loon', server: '1.2.3.4', port: 51820,
+            'private-key': 'privkey', 'public-key': 'pubkey', ip: '10.0.0.1'
+        });
+        const result = await convert([node], 'loon');
+        expect(result).toContain('wireguard');
+        expect(result).toContain('private-key="privkey"');
+    });
+});
+
+// ============================================================================
+// 10. SOCKS5 — 完整参数
+// ============================================================================
+describe('10. SOCKS5 — 完整参数解析与转换', () => {
+    it('10.1 应解析标准 SOCKS5 URI', () => {
+        // SOCKS5 URI auth 是 user:pass 的 Base64 编码
+        const encoded = Buffer.from('user:pass').toString('base64');
+        const uri = `socks5://${encoded}@1.2.3.4:1080#Socks5`;
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('socks5');
+        expect(nodes[0].username).toBe('user');
+        expect(nodes[0].password).toBe('pass');
+        expect(nodes[0].server).toBe('1.2.3.4');
+        expect(nodes[0].port).toBe(1080);
+    });
+
+    it('10.2 应解析 SOCKS5 无认证', () => {
+        // 无认证 SOCKS5: 使用 cipher: none
+        const encoded = Buffer.from('none:').toString('base64');
+        const uri = `socks5://${encoded}@1.2.3.4:1080?sni=sni.com#Socks5NoAuth`;
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('socks5');
+        expect(nodes[0].server).toBe('1.2.3.4');
+    });
+
+    it('10.3 SOCKS5 → 全平台', async () => {
+        const node = makeNode({
+            type: 'socks5', name: 'Socks5-All', server: '1.2.3.4', port: 1080,
+            username: 'user', password: 'pass'
+        });
+
+        const uri = await convert([node], 'uri');
+        expect(uri).toContain('socks://');
+
+        const surge = await convert([node], 'surge');
+        expect(surge).toContain('socks5,1.2.3.4,1080');
+
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('socks5,1.2.3.4,1080');
+    });
+});
+
+// ============================================================================
+// 11. HTTP/HTTPS — 完整参数
+// ============================================================================
+describe('11. HTTP/HTTPS — 完整参数解析与转换', () => {
+    it('11.1 应解析 HTTP URI', () => {
+        const uri = 'http://user:pass@1.2.3.4:8080#HTTP';
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('http');
+        expect(nodes[0].username).toBe('user');
+        expect(nodes[0].password).toBe('pass');
+        expect(nodes[0].port).toBe(8080);
+    });
+
+    it('11.2 应解析 HTTPS URI', () => {
+        const uri = 'https://user:pass@1.2.3.4:443?sni=sni.com#HTTPS';
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('https');
+        expect(nodes[0].tls).toBe(true);
+        expect(nodes[0].sni).toBe('sni.com');
+    });
+
+    it('11.3 HTTP → 全平台', async () => {
+        const node = makeNode({
+            type: 'http', name: 'HTTP-All', server: '1.2.3.4', port: 8080,
+            username: 'user', password: 'pass'
+        });
+
+        const surge = await convert([node], 'surge');
+        expect(surge).toContain('http,1.2.3.4,8080');
+
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('http,1.2.3.4,8080');
+    });
+});
+
+// ============================================================================
+// 12. Snell — 完整参数
+// ============================================================================
+describe('12. Snell — 完整参数解析与转换', () => {
+    it('12.1 应解析标准 Snell URI', () => {
+        const uri = 'snell://psk123@1.2.3.4:8388?version=4#Snell';
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('snell');
+        expect(nodes[0].password).toBe('psk123');
+        expect(nodes[0].version).toBe(4);
+    });
+
+    it('12.2 Snell → Surge', async () => {
+        const node = makeNode({
+            type: 'snell', name: 'Snell-Surge', server: '1.2.3.4', port: 8388,
+            password: 'psk123', version: 4
+        });
+        const result = await convert([node], 'surge');
+        expect(result).toContain('snell,1.2.3.4,8388');
+        expect(result).toContain('psk=psk123');
+        expect(result).toContain('version=4');
+    });
+
+    it('12.3 Snell → Loon', async () => {
+        const node = makeNode({
+            type: 'snell', name: 'Snell-Loon', server: '1.2.3.4', port: 8388,
+            password: 'psk123', version: 4
+        });
+        const result = await convert([node], 'loon');
+        expect(result).toContain('snell,1.2.3.4,8388');
+        expect(result).toContain('psk="psk123"');
+    });
+
+    it('12.4 Snell → Egern', async () => {
+        const node = makeNode({
+            type: 'snell', name: 'Snell-Egern', server: '1.2.3.4', port: 8388,
+            password: 'psk123', version: 4
+        });
+        const result = await convert([node], 'egern');
+        expect(result).toContain('snell');
+    });
+});
+
+// ============================================================================
+// 13. AnyTLS — 完整参数
+// ============================================================================
+describe('13. AnyTLS — 完整参数解析与转换', () => {
+    it('13.1 应解析标准 AnyTLS URI', () => {
+        const uri = 'anytls://pass@1.2.3.4:443?sni=sni.com&fp=chrome#AnyTLS';
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('anytls');
+        expect(nodes[0].tls).toBe(true);
+        expect(nodes[0].sni).toBe('sni.com');
+        expect(nodes[0]['client-fingerprint']).toBe('chrome');
+    });
+
+    it('13.2 应解析 AnyTLS 所有会话参数', () => {
+        const uri = 'anytls://pass@1.2.3.4:443?idle-session-check-interval=30&idle-session-timeout=60&min-idle-session=2&max-stream-count=8#AnyTLS-Full';
+        const nodes = parse(uri);
+        expect(nodes[0]['idle-session-check-interval']).toBe(30);
+        expect(nodes[0]['idle-session-timeout']).toBe(60);
+        expect(nodes[0]['min-idle-session']).toBe(2);
+        expect(nodes[0]['max-stream-count']).toBe(8);
+    });
+
+    it('13.3 AnyTLS → 所有支持平台', async () => {
+        const node = makeNode({
+            type: 'anytls', name: 'AnyTLS-All', server: '1.2.3.4', port: 443,
+            password: 'pass123', tls: true, sni: 'sni.com',
+            'client-fingerprint': 'chrome',
+            'idle-session-timeout': 60, 'max-stream-count': 8
+        });
+
+        const uri = await convert([node], 'uri');
+        expect(uri).toContain('anytls://');
+        expect(uri).toContain('sni=sni.com');
+
+        const cm = await convert([node], 'clashmeta');
+        expect(cm).toContain('type: anytls');
+
+        const surge = await convert([node], 'surge');
+        expect(surge).toContain('anytls');
+
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('anytls');
+
+        const qx = await convert([node], 'qx');
+        expect(qx).toContain('anytls=');
+
+        const sb = await convert([node], 'singbox');
+        const config = JSON.parse(sb);
+        expect(config.outbounds[0].type).toBe('anytls');
+
+        const sr = await convert([node], 'shadowrocket');
+        expect(sr).toContain('type: anytls');
+    });
+});
+
+// ============================================================================
+// 14. Naive — 完整参数
+// ============================================================================
+describe('14. Naive — 完整参数解析与转换', () => {
+    it('14.1 应解析 Naive URI', () => {
+        const uri = 'naive+https://user:pass@1.2.3.4:443?sni=sni.com#Naive';
+        const nodes = parse(uri);
+        expect(nodes[0].type).toBe('naive');
+        expect(nodes[0].username).toBe('user');
+        expect(nodes[0].password).toBe('pass');
+        expect(nodes[0].tls).toBe(true);
+        expect(nodes[0].sni).toBe('sni.com');
+    });
+
+    it('14.2 Naive → URI 往返', async () => {
+        const node = makeNode({
+            type: 'naive', name: 'Naive-URI', server: '1.2.3.4', port: 443,
+            username: 'user', password: 'pass', tls: true, sni: 'sni.com'
+        });
+        const result = await convert([node], 'uri');
+        expect(result).toContain('naive+https://');
+    });
+
+    it('14.3 Naive → Singbox', async () => {
+        const node = makeNode({
+            type: 'naive', name: 'Naive-SB', server: '1.2.3.4', port: 443,
+            username: 'user', password: 'pass', tls: true, sni: 'sni.com'
+        });
+        const result = await convert([node], 'singbox');
+        const config = JSON.parse(result);
+        expect(config.outbounds[0].type).toBe('http');
+        expect(config.outbounds[0].username).toBe('user');
+    });
+});
+
+// ============================================================================
+// 15. 完整往返测试 (Roundtrip)
+// ============================================================================
+describe('15. 完整往返测试 — Parse → Convert → 再 Parse', () => {
+    it('15.1 SS 往返: URI → Parse → Convert URI', async () => {
+        const original = 'ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@server.com:443#Roundtrip-SS';
+        const nodes = parse(original);
+        const uri = await convert(nodes, 'uri');
+        const reparsed = parse(uri);
+        expect(reparsed[0].type).toBe('ss');
+        expect(reparsed[0].cipher).toBe('aes-128-gcm');
+    });
+
+    it('15.2 Trojan 往返: URI → Parse → Convert URI', async () => {
+        const original = 'trojan://pass@server.com:443?sni=sni.com#Roundtrip-Trojan';
+        const nodes = parse(original);
+        const uri = await convert(nodes, 'uri');
+        const reparsed = parse(uri);
+        expect(reparsed[0].type).toBe('trojan');
+        expect(reparsed[0].password).toBe('pass');
+    });
+
+    it('15.3 Hysteria2 往返: URI → Parse → Convert URI', async () => {
+        const original = 'hysteria2://pass@1.2.3.4:443?sni=sni.com&obfs=salamander&obfs-password=obfspass#Roundtrip-Hy2';
+        const nodes = parse(original);
+        const uri = await convert(nodes, 'uri');
+        const reparsed = parse(uri);
+        expect(reparsed[0].type).toBe('hysteria2');
+        expect(reparsed[0].obfs).toBe('salamander');
+    });
+
+    it('15.4 TUIC 往返: URI → Parse → Convert URI', async () => {
+        const original = 'tuic://uuid:pass@1.2.3.4:443?congestion_control=bbr&alpn=h3#Roundtrip-TUIC';
+        const nodes = parse(original);
+        const uri = await convert(nodes, 'uri');
+        const reparsed = parse(uri);
+        expect(reparsed[0].type).toBe('tuic');
+        expect(reparsed[0]['congestion-controller']).toBe('bbr');
+    });
+
+    it('15.5 AnyTLS 往返: URI → Parse → Convert URI', async () => {
+        const original = 'anytls://pass@1.2.3.4:443?sni=sni.com&fp=chrome#Roundtrip-AnyTLS';
+        const nodes = parse(original);
+        const uri = await convert(nodes, 'uri');
+        const reparsed = parse(uri);
+        expect(reparsed[0].type).toBe('anytls');
+        expect(reparsed[0].sni).toBe('sni.com');
+    });
+
+    it('15.6 Naive 往返: URI → Parse → Convert URI', async () => {
+        const original = 'naive+https://user:pass@1.2.3.4:443?sni=sni.com#Roundtrip-Naive';
+        const nodes = parse(original);
+        const uri = await convert(nodes, 'uri');
+        const reparsed = parse(uri);
+        expect(reparsed[0].type).toBe('naive');
+        expect(reparsed[0].username).toBe('user');
+    });
+});
+
+// ============================================================================
+// 16. 格式检测与 Base64 解码
+// ============================================================================
+describe('16. 格式检测与 Base64 解码', () => {
+    it('16.1 应正确解码 Base64 编码的订阅', () => {
+        const content = [
+            'ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@server.com:443#Node1',
+            'trojan://pass@server.com:443#Node2'
+        ].join('\n');
+        const b64 = Buffer.from(content).toString('base64');
+        const nodes = parse(b64);
+        expect(nodes.length).toBe(2);
+        expect(nodes[0].type).toBe('ss');
+        expect(nodes[1].type).toBe('trojan');
+    });
+
+    it('16.2 应正确解码 URL-Safe Base64', () => {
+        const content = 'ss://YWVzLTI1Ni1nY206dGVzdA@server.com:443#URLSafe';
+        const safe = Buffer.from(content).toString('base64').replace(/\+/g, '-').replace(/\//g, '_');
+        const nodes = parse(safe);
+        expect(nodes.length).toBe(1);
+    });
+
+    it('16.3 应正确解析 Clash YAML 格式', () => {
+        const yaml = `proxies:
+  - name: ClashNode
+    type: ss
+    server: server.com
+    port: 443
+    cipher: aes-256-gcm
+    password: testpass`;
+        const nodes = parse(yaml);
+        expect(nodes.length).toBe(1);
+        expect(nodes[0].type).toBe('ss');
+        expect(nodes[0].name).toBe('ClashNode');
+    });
+
+    it('16.4 应正确解析 Surge 配置格式', () => {
+        const surge = 'TestNode=ss,server.com,443,encrypt-method=aes-256-gcm,password="pass123"';
+        const nodes = parse(surge);
+        expect(nodes.length).toBe(1);
+        expect(nodes[0].type).toBe('ss');
+    });
+
+    it('16.5 应正确解析 Loon 配置格式', () => {
+        const loon = 'TestNode=shadowsocks,server.com,443,aes-256-gcm,"pass123"';
+        const nodes = parse(loon);
+        expect(nodes.length).toBe(1);
+        // Loon parser 将 shadowsocks 类型存为 'shadowsocks'，normalize 后为 'ss'
+        expect(['ss', 'shadowsocks']).toContain(nodes[0].type);
+    });
+
+    it('16.6 应正确解析 QX 配置格式', () => {
+        const qx = 'shadowsocks=server.com:443,method=aes-256-gcm,password=pass123,tag=TestNode';
+        const nodes = parse(qx);
+        expect(nodes.length).toBe(1);
+        expect(nodes[0].type).toBe('ss');
+    });
+});
+
+// ============================================================================
+// 17. 边界情况和错误处理
+// ============================================================================
+describe('17. 边界情况和错误处理', () => {
+    it('17.1 空字符串应返回空数组', () => {
+        expect(parse('')).toEqual([]);
+    });
+
+    it('17.2 未知协议应返回空数组', () => {
+        expect(parse('unknown://test@host:443')).toEqual([]);
+    });
+
+    it('17.3 无效 URI 格式应正常处理 (不抛异常)', () => {
+        const nodes = parse('ss://');
+        // parser 可能创建空节点或返回空，关键是不抛异常
+        expect(Array.isArray(nodes)).toBe(true);
+    });
+
+    it('17.4 无效端口应正常处理 (不抛异常)', () => {
+        const uri = 'ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@server.com:abc#BadPort';
+        const nodes = parse(uri);
+        // parser 可能将 NaN 端口解析为 0 或 undefined，关键是不抛异常
+        expect(Array.isArray(nodes)).toBe(true);
+    });
+
+    it('17.5 HTML 内容应返回空数组', () => {
+        expect(parse('<html><body>Error</body></html>')).toEqual([]);
+    });
+
+    it('17.6 注释行应被忽略', () => {
+        const content = `# Comment
+// Another comment
+ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@server.com:443#RealNode`;
+        const nodes = parse(content);
+        expect(nodes.length).toBe(1);
+        expect(nodes[0].name).toBe('RealNode');
+    });
+
+    it('17.7 混合格式多行应正确解析', () => {
+        const content = `ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@server.com:443#SS1
+trojan://pass@server.com:443#Trojan1
+hysteria2://pass@server.com:443#Hy2`;
+        const nodes = parse(content);
+        expect(nodes.length).toBe(3);
+    });
+
+    it('17.8 不支持的协议转换应返回空字符串', async () => {
+        const node = makeNode({
+            type: 'ssh' as any, name: 'SSH', server: '1.2.3.4', port: 22
+        });
+        const result = await convert([node], 'qx');
+        // QX 不支持 SSH
+        expect(result).toBe('');
+    });
+
+    it('17.9 IPv6 地址应正常解析', () => {
+        const uri = 'ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@[2001:db8::1]:443#IPv6';
+        const nodes = parse(uri);
+        expect(nodes.length).toBe(1);
+        expect(nodes[0].server).toContain('2001:db8::1');
+    });
+});
+
+// ============================================================================
+// 18. 多节点批量转换
+// ============================================================================
+describe('18. 多节点批量转换', () => {
+    it('18.1 批量解析和转换', async () => {
+        const content = [
+            'ss://YWVzLTEyOC1nY206cGFzc3dvcmQ@1.1.1.1:443#SS1',
+            'vmess://' + Buffer.from(JSON.stringify({
+                v: '2', ps: 'VM1', add: '2.2.2.2', port: '443',
+                id: 'uuid', aid: '0', scy: 'auto', net: 'tcp', type: 'none', host: '', path: '', tls: ''
+            })).toString('base64'),
+            'trojan://pass@3.3.3.3:443?sni=sni.com#TR1',
+            'hysteria2://pass@4.4.4.4:443#HY2',
+            'tuic://uuid:pass@5.5.5.5:443?alpn=h3#TU1'
+        ].join('\n');
+
+        const nodes = parse(content);
+        expect(nodes.length).toBe(5);
+
+        // 批量转换到各平台
+        const clash = await convert(nodes, 'clashmeta');
+        expect(clash).toContain('proxies:');
+
+        const surge = await convert(nodes, 'surge');
+        expect(surge).toContain('SS1=');
+        expect(surge).toContain('VM1=');
+
+        const loon = await convert(nodes, 'loon');
+        expect(loon).toContain('SS1=');
+
+        const singbox = await convert(nodes, 'singbox');
+        const config = JSON.parse(singbox);
+        expect(config.outbounds.length).toBe(5);
+    });
+});
+
+// ============================================================================
+// 19. ClientFormat 转换器完整性检查
+// ============================================================================
+describe('19. 所有客户端格式转换器覆盖检查', () => {
+    const allProtocols: Array<{ type: ProxyNode['type']; node: ProxyNode }> = [
+        { type: 'ss', node: makeNode({ type: 'ss', name: 'SS', server: '1.1.1.1', port: 443, cipher: 'aes-256-gcm', password: 'pass' }) },
+        { type: 'vmess', node: makeNode({ type: 'vmess', name: 'VM', server: '1.1.1.1', port: 443, uuid: 'uuid', cipher: 'auto', alterId: 0, tls: true, sni: 'sni.com' }) },
+        { type: 'vless', node: makeNode({ type: 'vless', name: 'VL', server: '1.1.1.1', port: 443, uuid: 'uuid', tls: true, sni: 'sni.com', 'reality-opts': { 'public-key': 'pk', 'short-id': 'sid' } }) },
+        { type: 'trojan', node: makeNode({ type: 'trojan', name: 'TR', server: '1.1.1.1', port: 443, password: 'pass', tls: true, sni: 'sni.com' }) },
+        { type: 'hysteria2', node: makeNode({ type: 'hysteria2', name: 'HY2', server: '1.1.1.1', port: 443, password: 'pass' }) },
+        { type: 'tuic', node: makeNode({ type: 'tuic', name: 'TU', server: '1.1.1.1', port: 443, uuid: 'uuid', password: 'pass', 'congestion-controller': 'bbr' }) },
+        { type: 'wireguard', node: makeNode({ type: 'wireguard', name: 'WG', server: '1.1.1.1', port: 51820, 'private-key': 'pk', 'public-key': 'pub', ip: '10.0.0.1' }) },
+        { type: 'snell', node: makeNode({ type: 'snell', name: 'SN', server: '1.1.1.1', port: 8388, password: 'psk', version: 4 }) },
+        { type: 'anytls', node: makeNode({ type: 'anytls', name: 'AT', server: '1.1.1.1', port: 443, password: 'pass', tls: true, sni: 'sni.com' }) },
+        { type: 'socks5', node: makeNode({ type: 'socks5', name: 'S5', server: '1.1.1.1', port: 1080, username: 'user', password: 'pass' }) },
+        { type: 'http', node: makeNode({ type: 'http', name: 'HT', server: '1.1.1.1', port: 8080, username: 'user', password: 'pass' }) },
+    ];
+
+    const platforms = ['uri', 'clashmeta', 'surge', 'loon', 'qx', 'singbox', 'shadowrocket', 'egern', 'surfboard'];
+
+    it.each(platforms)('19.%s 平台对所有协议不抛出异常', async (platform) => {
+        for (const { type, node } of allProtocols) {
+            try {
+                await convert([node], platform);
+            } catch (e: any) {
+                // Surge 不支持 VLESS，应返回空字符串而非抛异常
+                // QX 不支持 hysteria2/wireguard，应返回空字符串
+                if (type === 'vless' && platform === 'surge') {
+                    // Surge VLESS 抛出 Error 是预期行为
+                    expect(e.message).toContain('does not support VLESS');
+                } else if (['hysteria2', 'wireguard'].includes(type) && platform === 'qx') {
+                    // QX 不支持这些协议是预期行为
+                    expect(e.message).toContain('Unsupported');
+                } else {
+                    throw e;
+                }
+            }
+        }
+    });
+});
+
+// ============================================================================
+// 20. Stash 专属行为测试
+// ============================================================================
+describe('20. Stash — 基于 ClashMeta 扩展', () => {
+    it('20.1 Stash → 支持 Hysteria2 转换', async () => {
+        const node = makeNode({
+            type: 'hysteria2', name: 'Stash-Hy2', server: '1.2.3.4', port: 443,
+            password: 'pass123'
+        });
+        const result = await convert([node], 'stash');
+        expect(result).toContain('name: Stash-Hy2');
+    });
+
+    it('20.2 Stash → Hysteria2 密码映射为 auth', async () => {
+        const node = makeNode({
+            type: 'hysteria2', name: 'Stash-Hy2-Auth', server: '1.2.3.4', port: 443,
+            password: 'pass123'
+        });
+        const result = await convert([node], 'stash');
+        expect(result).toContain('auth: pass123');
+    });
+
+    it('20.3 Stash → 不支持 Snell v4+', async () => {
+        const node = makeNode({
+            type: 'snell', name: 'Stash-Snell', server: '1.2.3.4', port: 8388,
+            password: 'psk', version: 5
+        });
+        const result = await convert([node], 'stash');
+        // Snell v5 不支持，应被过滤
+        expect(result).not.toContain('Stash-Snell');
+    });
+});
+
+// ============================================================================
+// 21. Egern 专属行为测试
+// ============================================================================
+describe('21. Egern — 完整格式验证', () => {
+    it('21.1 Egern → SS 输出 obfs 嵌套结构', async () => {
+        const node = makeNode({
+            type: 'ss', name: 'Eg-SS', server: '1.2.3.4', port: 443,
+            cipher: 'aes-256-gcm', password: 'pass',
+            plugin: 'obfs', 'plugin-opts': { mode: 'http', host: 'example.com' }
+        });
+        const result = await convert([node], 'egern');
+        expect(result).toContain('shadowsocks');
+        expect(result).toContain('obfs');
+    });
+
+    it('21.2 Egern → WireGuard 输出完整 peer 结构', async () => {
+        const node = makeNode({
+            type: 'wireguard', name: 'Eg-WG', server: '1.2.3.4', port: 51820,
+            'private-key': 'priv', 'public-key': 'pub', ip: '10.0.0.1', mtu: 1420,
+            dns: ['1.1.1.1']
+        });
+        const result = await convert([node], 'egern');
+        expect(result).toContain('wireguard');
+        expect(result).toContain('Eg-WG');
+    });
+
+    it('21.3 Egern → TUIC 含 congestion_control', async () => {
+        const node = makeNode({
+            type: 'tuic', name: 'Eg-TU', server: '1.2.3.4', port: 443,
+            uuid: 'uuid', password: 'pass', 'congestion-controller': 'bbr'
+        });
+        const result = await convert([node], 'egern');
+        expect(result).toContain('congestion_control');
+    });
+});
+
+// ============================================================================
+// 22. Surfboard 专属行为测试
+// ============================================================================
+describe('22. Surfboard — 格式验证', () => {
+    it('22.1 Surfboard → SS', async () => {
+        const node = makeNode({
+            type: 'ss', name: 'Surf-SS', server: '1.2.3.4', port: 443,
+            cipher: 'aes-256-gcm', password: 'pass'
+        });
+        const result = await convert([node], 'surfboard');
+        expect(result).toContain('Surf-SS=ss,1.2.3.4,443');
+    });
+
+    it('22.2 Surfboard → Trojan', async () => {
+        const node = makeNode({
+            type: 'trojan', name: 'Surf-TR', server: '1.2.3.4', port: 443,
+            password: 'pass', tls: true, sni: 'sni.com'
+        });
+        const result = await convert([node], 'surfboard');
+        expect(result).toContain('Surf-TR=trojan,1.2.3.4,443');
+    });
+
+    it('22.3 Surfboard → Snell v3', async () => {
+        const node = makeNode({
+            type: 'snell', name: 'Surf-SN', server: '1.2.3.4', port: 8388,
+            password: 'psk', version: 3
+        });
+        const result = await convert([node], 'surfboard');
+        expect(result).toContain('Surf-SN=snell');
+    });
+
+    it('22.4 Surfboard → AnyTLS', async () => {
+        const node = makeNode({
+            type: 'anytls', name: 'Surf-AT', server: '1.2.3.4', port: 443,
+            password: 'pass', sni: 'sni.com'
+        });
+        const result = await convert([node], 'surfboard');
+        expect(result).toContain('Surf-AT=anytls,1.2.3.4,443');
+    });
+});
+
+// ============================================================================
+// 23. Shadowrocket ClashYAML 输出验证
+// ============================================================================
+describe('23. Shadowrocket — ClashYAML 输出', () => {
+    it('23.1 Shadowrocket → SS 输出有效 YAML', async () => {
+        const node = makeNode({
+            type: 'ss', name: 'SR-SS', server: '1.2.3.4', port: 443,
+            cipher: 'aes-256-gcm', password: 'pass'
+        });
+        const result = await convert([node], 'shadowrocket');
+        expect(result).toContain('proxies:');
+        expect(result).toContain('name: SR-SS');
+        expect(result).toContain('type: ss');
+    });
+
+    it('23.2 Shadowrocket → VLESS Reality 含 fingerprint', async () => {
+        const node = makeNode({
+            type: 'vless', name: 'SR-VL', server: '1.2.3.4', port: 443,
+            uuid: 'uuid', tls: true, sni: 'sni.com', 'client-fingerprint': 'chrome',
+            'reality-opts': { 'public-key': 'pk', 'short-id': 'sid' }
+        });
+        const result = await convert([node], 'shadowrocket');
+        expect(result).toContain('fingerprint: chrome');
+        expect(result).toContain('public-key: pk');
+    });
+
+    it('23.3 Shadowrocket → Trojan', async () => {
+        const node = makeNode({
+            type: 'trojan', name: 'SR-TR', server: '1.2.3.4', port: 443,
+            password: 'pass', tls: true, sni: 'sni.com'
+        });
+        const result = await convert([node], 'shadowrocket');
+        expect(result).toContain('name: SR-TR');
+        expect(result).toContain('type: trojan');
+    });
+});
+
+// ============================================================================
+// 24. 流量属性与附加参数测试
+// ============================================================================
+describe('24. 流量属性与附加参数', () => {
+    it('24.1 TFO 参数在所有支持平台正确输出', async () => {
+        const node = makeNode({
+            type: 'ss', name: 'TFO-Test', server: '1.2.3.4', port: 443,
+            cipher: 'aes-256-gcm', password: 'pass', tfo: true
+        });
+
+        const surge = await convert([node], 'surge');
+        expect(surge).toContain('tfo=true');
+
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('fast-open=true');
+
+        const qx = await convert([node], 'qx');
+        expect(qx).toContain('fast-open=true');
+    });
+
+    it('24.2 UDP 参数在支持平台正确输出', async () => {
+        const node = makeNode({
+            type: 'ss', name: 'UDP-Test', server: '1.2.3.4', port: 443,
+            cipher: 'aes-256-gcm', password: 'pass', udp: true
+        });
+
+        const surge = await convert([node], 'surge');
+        expect(surge).toContain('udp-relay=true');
+
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('udp=true');
+    });
+
+    it('24.3 skip-cert-verify 参数在支持平台正确输出', async () => {
+        const node = makeNode({
+            type: 'trojan', name: 'SCV-Test', server: '1.2.3.4', port: 443,
+            password: 'pass', tls: true, sni: 'sni.com', 'skip-cert-verify': true
+        });
+
+        const surge = await convert([node], 'surge');
+        expect(surge).toContain('skip-cert-verify=true');
+
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('skip-cert-verify=true');
+    });
+
+    it('24.4 SNI 参数在支持平台正确输出', async () => {
+        const node = makeNode({
+            type: 'trojan', name: 'SNI-Test', server: '1.2.3.4', port: 443,
+            password: 'pass', tls: true, sni: 'custom-sni.com'
+        });
+
+        const surge = await convert([node], 'surge');
+        expect(surge).toContain('sni=custom-sni.com');
+
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('tls-name=custom-sni.com');
+
+        const qx = await convert([node], 'qx');
+        expect(qx).toContain('tls-host=custom-sni.com');
+    });
+
+    it('24.5 ip-version 参数在支持平台正确输出', async () => {
+        const node = makeNode({
+            type: 'ss', name: 'IPv-Test', server: '1.2.3.4', port: 443,
+            cipher: 'aes-256-gcm', password: 'pass', 'ip-version': 'ipv4-prefer'
+        });
+
+        const surge = await convert([node], 'surge');
+        expect(surge).toContain('ip-version=prefer-v4');
+
+        const loon = await convert([node], 'loon');
+        expect(loon).toContain('ip-mode=prefer-v4');
+    });
+});
+
+// ============================================================================
+// 25. 传输层参数完整测试
+// ============================================================================
+describe('25. 传输层参数完整测试', () => {
+    it('25.1 VMess + WS + Early Data → 全平台', async () => {
+        const node = makeNode({
+            type: 'vmess', name: 'VM-WS-ED', server: '1.2.3.4', port: 443,
+            uuid: 'uuid', cipher: 'auto', alterId: 0, tls: true, sni: 'sni.com',
+            network: 'ws', 'ws-opts': {
+                path: '/ws', headers: { Host: 'ws.example.com' },
+                'max-early-data': 2048, 'early-data-header-name': 'Sec-WebSocket-Protocol'
+            }
+        });
+
+        const cm = await convert([node], 'clashmeta');
+        expect(cm).toContain('max-early-data: 2048');
+
+        const sb = await convert([node], 'singbox');
+        const config = JSON.parse(sb);
+        expect(config.outbounds[0].transport.type).toBe('ws');
+        expect(config.outbounds[0].transport.max_early_data).toBe(2048);
+    });
+
+    it('25.2 VMess + gRPC → 全平台', async () => {
+        const node = makeNode({
+            type: 'vmess', name: 'VM-gRPC', server: '1.2.3.4', port: 443,
+            uuid: 'uuid', cipher: 'auto', alterId: 0, tls: true, sni: 'sni.com',
+            network: 'grpc', 'grpc-opts': { 'service-name': 'grpc-svc' }
+        });
+
+        const cm = await convert([node], 'clashmeta');
+        expect(cm).toContain('service-name: grpc-svc');
+
+        const sb = await convert([node], 'singbox');
+        const config = JSON.parse(sb);
+        expect(config.outbounds[0].transport.type).toBe('grpc');
+        expect(config.outbounds[0].transport.service_name).toBe('grpc-svc');
+    });
+
+    it('25.3 VLESS + httpupgrade → 正确输出', async () => {
+        const node = makeNode({
+            type: 'vless', name: 'VL-HU', server: '1.2.3.4', port: 443,
+            uuid: 'uuid', tls: true, sni: 'sni.com',
+            network: 'ws', httpupgrade: true,
+            'ws-opts': { path: '/ws', 'v2ray-http-upgrade': true, 'v2ray-http-upgrade-fast-open': true }
+        });
+
+        const cm = await convert([node], 'clashmeta');
+        // httpupgrade 内部标记应被清理
+        expect(cm).not.toContain('v2ray-http-upgrade');
+
+        // URI converter 输出 httpupgrade 类型
+        const uri = await convert([node], 'uri');
+        expect(uri).toContain('type=httpupgrade');
+    });
+
+    it('25.4 XHTTP/SplitHTTP → ClashMeta 和 Singbox', async () => {
+        const node = makeNode({
+            type: 'vless', name: 'VL-XH', server: '1.2.3.4', port: 443,
+            uuid: 'uuid', tls: true, sni: 'sni.com',
+            network: 'xhttp', 'xhttp-opts': { mode: 'stream-one', path: '/xh', host: 'xh.example.com' }
+        });
+
+        const cm = await convert([node], 'clashmeta');
+        expect(cm).toContain('xhttp-opts:');
+
+        const sb = await convert([node], 'singbox');
+        const config = JSON.parse(sb);
+        expect(config.outbounds[0].transport.type).toBe('splithttp');
+    });
+});
\ No newline at end of file
diff --git a/lib/backend/proxy/parser/uri-parsers.ts b/lib/backend/proxy/parser/uri-parsers.ts
index d488d057..8b31237d 100644
--- a/lib/backend/proxy/parser/uri-parsers.ts
+++ b/lib/backend/proxy/parser/uri-parsers.ts
@@ -109,6 +109,7 @@ export function parseShadowsocks(uri: string): ProxyNode | null {
                 const parsed = content.match(/(\?.*)$/);
                 if (parsed) query = parsed[1];
             }
+            userInfoStr = Base64.decode(rawUserInfoStr);
         }
 
         const userInfo = userInfoStr.match(/(^.*?):(.*$)/);

From 5b635af03fab2802e28f9324d14bed9e4c0a7b7a Mon Sep 17 00:00:00 2001
From: binbankm <393439956@qq.com>
Date: Tue, 16 Jun 2026 15:11:23 +0800
Subject: [PATCH 06/11] refactor: remove emojis from toast notifications across
 the application

---
 ...ehensive-all-protocols-all-formats.test.ts |  3 +-
 src/entities/node/model/useNodeFetching.ts    |  6 +--
 src/entities/node/model/useNodeForm.ts        |  2 +-
 src/entities/node/model/useNodeManagement.ts  |  2 +-
 src/entities/node/model/useNodeSelection.ts   | 10 ++--
 .../node/model/useSubscriptionImport.ts       |  4 +-
 .../profile/model/useProfileManagement.ts     |  4 +-
 src/entities/profile/model/useProfiles.ts     |  6 +--
 .../subscription/model/useSubscriptionForm.ts |  2 +-
 .../model/useSubscriptionManagement.ts        | 10 ++--
 src/stores/useAppStore.ts                     |  4 +-
 src/views/DashboardView.vue                   |  2 +-
 src/widgets/node/ManualNodeCard.vue           |  4 +-
 .../profile/SubscriptionExportModal.vue       |  6 +--
 src/widgets/settings/BackupView.vue           | 48 +++++++++----------
 src/widgets/settings/SettingsModal.vue        |  8 ++--
 .../settings/StorageBackendSwitcher.vue       |  6 +--
 src/widgets/subscription/SubscriptionCard.vue |  4 +-
 18 files changed, 65 insertions(+), 66 deletions(-)

diff --git a/lib/backend/proxy/__tests__/comprehensive-all-protocols-all-formats.test.ts b/lib/backend/proxy/__tests__/comprehensive-all-protocols-all-formats.test.ts
index 20c72a9a..0ccc757a 100644
--- a/lib/backend/proxy/__tests__/comprehensive-all-protocols-all-formats.test.ts
+++ b/lib/backend/proxy/__tests__/comprehensive-all-protocols-all-formats.test.ts
@@ -1,6 +1,5 @@
 /**
- * Comprehensive Test Suite — 对比 Sub-Store 所有协议、所有参数、所有客户端生成格式
- *
+ * Comprehensive Test Suite 
  * 覆盖范围:
  *   1. 所有协议 URI 解析 (SS/SSR/VMess/VLESS/Trojan/Hysteria/Hysteria2/TUIC/WireGuard/SOCKS5/HTTP/HTTPS/Snell/AnyTLS/Naive)
  *   2. 所有协议所有参数的完整验证
diff --git a/src/entities/node/model/useNodeFetching.ts b/src/entities/node/model/useNodeFetching.ts
index 868e9b08..63dca002 100644
--- a/src/entities/node/model/useNodeFetching.ts
+++ b/src/entities/node/model/useNodeFetching.ts
@@ -74,7 +74,7 @@ export function useNodeFetching(props: {
             console.error('获取节点信息失败:', error);
             const msg = error instanceof Error ? error.message : String(error);
             errorMessage.value = `获取节点信息失败: ${msg}`;
-            toastStore.showToast('❌ 获取节点信息失败', 'error');
+            toastStore.showToast('获取节点信息失败', 'error');
         } finally {
             isLoading.value = false;
         }
@@ -170,7 +170,7 @@ export function useNodeFetching(props: {
             console.error('获取订阅组节点信息失败:', error);
             const msg = error instanceof Error ? error.message : String(error);
             errorMessage.value = `获取节点信息失败: ${msg}`;
-            toastStore.showToast('❌ 获取节点信息失败', 'error');
+            toastStore.showToast('获取节点信息失败', 'error');
         } finally {
             isLoading.value = false;
         }
@@ -188,7 +188,7 @@ export function useNodeFetching(props: {
 
     const refreshNodes = async () => {
         await loadData();
-        toastStore.showToast('🔄 节点信息已刷新', 'success');
+        toastStore.showToast('节点信息已刷新', 'success');
     };
 
     const extractHost = (url?: string) => {
diff --git a/src/entities/node/model/useNodeForm.ts b/src/entities/node/model/useNodeForm.ts
index e11f0b10..921ee056 100644
--- a/src/entities/node/model/useNodeForm.ts
+++ b/src/entities/node/model/useNodeForm.ts
@@ -83,7 +83,7 @@ export function useNodeForm(
         if (!localNode.value) return;
 
         if (!validateUrl()) {
-            toastStore.showToast('⚠️ 请修正错误后再保存', 'error');
+            toastStore.showToast('请修正错误后再保存', 'error');
             return;
         }
 
diff --git a/src/entities/node/model/useNodeManagement.ts b/src/entities/node/model/useNodeManagement.ts
index 8b10a14b..da9b6ef2 100644
--- a/src/entities/node/model/useNodeManagement.ts
+++ b/src/entities/node/model/useNodeManagement.ts
@@ -55,7 +55,7 @@ export function useNodeManagement() {
     const handleSaveNode = async (updatedNode: Node | undefined, onSuccess: () => void) => {
         const nodeToSave = updatedNode || editingNode.value;
         if (!nodeToSave?.url) {
-            toastStore.showToast('⚠️ 节点链接不能为空', 'error');
+            toastStore.showToast('节点链接不能为空', 'error');
             return;
         }
 
diff --git a/src/entities/node/model/useNodeSelection.ts b/src/entities/node/model/useNodeSelection.ts
index 64612016..eeaf6708 100644
--- a/src/entities/node/model/useNodeSelection.ts
+++ b/src/entities/node/model/useNodeSelection.ts
@@ -32,24 +32,24 @@ export function useNodeSelection(filteredNodes: Ref<DisplayNode[]>) {
             .map((node: DisplayNode) => node.url);
 
         if (selectedNodeUrls.length === 0) {
-            toastStore.showToast('⚠️ 请先选择要复制的节点', 'warning');
+            toastStore.showToast('请先选择要复制的节点', 'warning');
             return;
         }
 
         const success = await copyToClipboard(selectedNodeUrls.join('\n'));
         if (success) {
-            toastStore.showToast(`📋 已复制 ${selectedNodeUrls.length} 个节点到剪贴板`, 'success');
+            toastStore.showToast(`已复制 ${selectedNodeUrls.length} 个节点到剪贴板`, 'success');
         } else {
-            toastStore.showToast('❌ 复制失败', 'error');
+            toastStore.showToast('复制失败', 'error');
         }
     };
 
     const handleCopySingle = async (url: string) => {
         const success = await copyToClipboard(url);
         if (success) {
-            toastStore.showToast('📋 已复制节点链接', 'success');
+            toastStore.showToast('已复制节点链接', 'success');
         } else {
-            toastStore.showToast('❌ 复制失败', 'error');
+            toastStore.showToast('复制失败', 'error');
         }
     };
 
diff --git a/src/entities/node/model/useSubscriptionImport.ts b/src/entities/node/model/useSubscriptionImport.ts
index 1a2dc8e3..201da02e 100644
--- a/src/entities/node/model/useSubscriptionImport.ts
+++ b/src/entities/node/model/useSubscriptionImport.ts
@@ -48,7 +48,7 @@ export function useSubscriptionImport(
             if (typeof result === 'string') {
                 textContent.value = result;
                 errorMessage.value = '';
-                toastStore.showToast(`📄 已读取文件: ${file.name}`, 'success');
+                toastStore.showToast(`已读取文件: ${file.name}`, 'success');
             }
         };
         reader.onerror = () => {
@@ -151,7 +151,7 @@ export function useSubscriptionImport(
                     if (props.onImportSuccess) {
                         await props.onImportSuccess();
                     }
-                    toastStore.showToast(`🚀 导入成功！共添加 ${nodes.length} 个节点`, 'success');
+                    toastStore.showToast(`导入成功！共添加 ${nodes.length} 个节点`, 'success');
                     emit('update:show', false);
                 } else if (subs.length > 0) {
                     errorMessage.value = `检测到 ${subs.length} 个订阅链接，请使用 URL 导入模式或在订阅管理中添加。`;
diff --git a/src/entities/profile/model/useProfileManagement.ts b/src/entities/profile/model/useProfileManagement.ts
index a655d619..00a2745f 100644
--- a/src/entities/profile/model/useProfileManagement.ts
+++ b/src/entities/profile/model/useProfileManagement.ts
@@ -29,7 +29,7 @@ export function useProfileManagement() {
 
     const handleAddProfile = () => {
         if (!config.value.profileToken?.trim()) {
-            toastStore.showToast('⚠️ 请先在"设置"中配置"订阅组分享Token"', 'error');
+            toastStore.showToast('请先在"设置"中配置"订阅组分享Token"', 'error');
             return;
         }
         isNewProfile.value = true;
@@ -56,7 +56,7 @@ export function useProfileManagement() {
 
     const handleSaveProfile = async (profileData: Profile, onSuccess?: () => void) => {
         if (!profileData?.name) {
-            toastStore.showToast('⚠️ 订阅组名称不能为空', 'error');
+            toastStore.showToast('订阅组名称不能为空', 'error');
             return;
         }
 
diff --git a/src/entities/profile/model/useProfiles.ts b/src/entities/profile/model/useProfiles.ts
index 1d3bccad..2ded9083 100644
--- a/src/entities/profile/model/useProfiles.ts
+++ b/src/entities/profile/model/useProfiles.ts
@@ -20,7 +20,7 @@ export function useProfiles(
         }
 
         if (profiles.value.some((p: Profile) => p.customId === newProfile.customId)) {
-            showToast('⚠️ 自定义ID已存在，请修改', 'error');
+            showToast('自定义ID已存在，请修改', 'error');
             return false;
         }
 
@@ -34,7 +34,7 @@ export function useProfiles(
 
         if (profile.customId !== profiles.value[idx].customId) {
             if (!profile.customId?.trim()) {
-                showToast('⚠️ 自定义ID不能为空', 'error');
+                showToast('自定义ID不能为空', 'error');
                 return false;
             }
             if (
@@ -42,7 +42,7 @@ export function useProfiles(
                     (p: Profile) => p.id !== profile.id && p.customId === profile.customId
                 )
             ) {
-                showToast('⚠️ 自定义ID已存在', 'error');
+                showToast('自定义ID已存在', 'error');
                 return false;
             }
         }
diff --git a/src/entities/subscription/model/useSubscriptionForm.ts b/src/entities/subscription/model/useSubscriptionForm.ts
index 8f6ba4ba..0eb925b0 100644
--- a/src/entities/subscription/model/useSubscriptionForm.ts
+++ b/src/entities/subscription/model/useSubscriptionForm.ts
@@ -79,7 +79,7 @@ export function useSubscriptionForm(
         if (!localSubscription.value) return;
 
         if (!validateUrl()) {
-            toastStore.showToast('⚠️ 请修正错误后再保存', 'error');
+            toastStore.showToast('请修正错误后再保存', 'error');
             return;
         }
 
diff --git a/src/entities/subscription/model/useSubscriptionManagement.ts b/src/entities/subscription/model/useSubscriptionManagement.ts
index 6cdea176..7dd0d628 100644
--- a/src/entities/subscription/model/useSubscriptionManagement.ts
+++ b/src/entities/subscription/model/useSubscriptionManagement.ts
@@ -41,11 +41,11 @@ export function useSubscriptionManagement() {
 
     const handleSaveSubscription = async (updatedSub: Subscription, onSuccess: () => void) => {
         if (!updatedSub.url) {
-            toastStore.showToast('⚠️ 订阅链接不能为空', 'error');
+            toastStore.showToast('订阅链接不能为空', 'error');
             return;
         }
         if (!HTTP_REGEX.test(updatedSub.url)) {
-            toastStore.showToast('⚠️ 请输入有效的 http:// 或 https:// 订阅链接', 'error');
+            toastStore.showToast('请输入有效的 http:// 或 https:// 订阅链接', 'error');
             return;
         }
 
@@ -93,7 +93,7 @@ export function useSubscriptionManagement() {
                 `\`${nodeCount}\` 个节点`;
             await sendNotification(message);
         } else {
-            toastStore.showToast(`❌ 更新失败: ${sub.errorMsg || '未知错误'}`, 'error');
+            toastStore.showToast(`更新失败: ${sub.errorMsg || '未知错误'}`, 'error');
         }
     };
 
@@ -115,10 +115,10 @@ export function useSubscriptionManagement() {
                     `📊 所有订阅节点信息已同步完成`;
                 await sendNotification(message);
             } else {
-                toastStore.showToast(`❌ 更新失败: ${result.message}`, 'error');
+                toastStore.showToast(`更新失败: ${result.message}`, 'error');
             }
         } catch (e) {
-            toastStore.showToast('❌ 批量更新失败', 'error');
+            toastStore.showToast('批量更新失败', 'error');
         } finally {
             isUpdatingAllSubs.value = false;
         }
diff --git a/src/stores/useAppStore.ts b/src/stores/useAppStore.ts
index f12c6bdb..cc6404e5 100644
--- a/src/stores/useAppStore.ts
+++ b/src/stores/useAppStore.ts
@@ -48,12 +48,12 @@ export const useDataStore = defineStore('data', () => {
                 hasUnsavedChanges.value = false;
                 return true;
             } else {
-                showToast(`❌ 保存失败: ${response.message}`, 'error');
+                showToast(`保存失败: ${response.message}`, 'error');
                 return false;
             }
         } catch (error) {
             console.error('Save failed:', error);
-            showToast('❌ 保存数据时发生未知错误', 'error');
+            showToast('保存数据时发生未知错误', 'error');
             return false;
         } finally {
             isLoading.value = false;
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index 8f124a04..77c36bb9 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -36,7 +36,7 @@ const handleUpdateAll = async () => {
             showToast('所有订阅已是最新状态', 'success');
         }
     } else {
-        showToast('❌ ' + (result.message || '更新失败'), 'error');
+        showToast(result.message || '更新失败', 'error');
     }
 };
 
diff --git a/src/widgets/node/ManualNodeCard.vue b/src/widgets/node/ManualNodeCard.vue
index bd399711..00ad7111 100644
--- a/src/widgets/node/ManualNodeCard.vue
+++ b/src/widgets/node/ManualNodeCard.vue
@@ -46,9 +46,9 @@ const protocolInfo = computed(() => getProtocolInfo(protocol.value));
 const handleCopy = async (url: string) => {
     const success = await copyToClipboard(url);
     if (success) {
-        toastStore.showToast('📋 已复制节点链接', 'success');
+        toastStore.showToast('已复制节点链接', 'success');
     } else {
-        toastStore.showToast('❌ 复制失败', 'error');
+        toastStore.showToast('复制失败', 'error');
     }
 };
 </script>
diff --git a/src/widgets/profile/SubscriptionExportModal.vue b/src/widgets/profile/SubscriptionExportModal.vue
index 6bce0bf9..279499dd 100644
--- a/src/widgets/profile/SubscriptionExportModal.vue
+++ b/src/widgets/profile/SubscriptionExportModal.vue
@@ -95,15 +95,15 @@ const generateUrl = (format: string) => {
 const handleCopy = async (option: (typeof exportOptions)[0]) => {
     const url = generateUrl(option.format);
     if (!url) {
-        showToast('⚠️ 该订阅组未配置分享 Token，无法导出', 'error');
+        showToast('该订阅组未配置分享 Token，无法导出', 'error');
         return;
     }
 
     const success = await copyToClipboard(url);
     if (success) {
-        showToast(`📋 已复制 ${option.name} 订阅链接`, 'success');
+        showToast(`已复制 ${option.name} 订阅链接`, 'success');
     } else {
-        showToast('❌ 复制失败', 'error');
+        showToast('复制失败', 'error');
     }
 };
 </script>
diff --git a/src/widgets/settings/BackupView.vue b/src/widgets/settings/BackupView.vue
index 8dea087d..5b39c45b 100644
--- a/src/widgets/settings/BackupView.vue
+++ b/src/widgets/settings/BackupView.vue
@@ -62,14 +62,14 @@ async function handleCreateSnapshot() {
     try {
         const result = await createSnapshot(snapshotName.value);
         if (result.success) {
-            showToast('📸 快照创建成功', 'success');
+            showToast('快照创建成功', 'success');
             snapshotName.value = '';
             await loadSnapshots();
         } else {
-            showToast('❌ ' + (result.message || '创建快照失败'), 'error');
+            showToast(result.message || '创建快照失败', 'error');
         }
     } catch (error) {
-        showToast('❌ 创建快照失败', 'error');
+        showToast('创建快照失败', 'error');
     } finally {
         isCreatingSnapshot.value = false;
     }
@@ -91,22 +91,22 @@ function handleBatchDelete() {
 async function confirmBatchDelete() {
     const ids = batch.getSelectedIds();
 
-    showToast(`⏳ 正在删除 ${ids.length} 个快照...`, 'info');
+    showToast(`正在删除 ${ids.length} 个快照...`, 'info');
 
     try {
         // 使用后端批量删除接口，原子操作，性能更优，且避免并发冲突
         const result = await batchDeleteSnapshots(ids);
 
         if (result.success) {
-           showToast(`🗑️ 成功删除 ${result.deletedCount} 个快照`, 'success');
+           showToast(`成功删除 ${result.deletedCount} 个快照`, 'success');
            await loadSnapshots();
            batch.toggleBatchDeleteMode(); // 退出批量模式
         } else {
-           showToast('❌ ' + (result.message || '批量删除失败'), 'error');
+           showToast(result.message || '批量删除失败', 'error');
         }
     } catch (error) {
         console.error('批量删除失败:', error);
-        showToast('❌ 批量删除过程中发生错误', 'error');
+        showToast('批量删除过程中发生错误', 'error');
     } finally {
         showBatchDeleteConfirm.value = false;
     }
@@ -119,13 +119,13 @@ async function confirmDeleteSnapshot() {
     try {
         const success = await deleteSnapshot(pendingSnapshotId.value);
         if (success) {
-            showToast('🗑️ 快照已删除', 'success');
+            showToast('快照已删除', 'success');
             await loadSnapshots();
         } else {
-            showToast('❌ 删除快照失败', 'error');
+            showToast('删除快照失败', 'error');
         }
     } catch (error) {
-        showToast('❌ 删除快照失败', 'error');
+        showToast('删除快照失败', 'error');
     } finally {
         pendingSnapshotId.value = '';
     }
@@ -143,18 +143,18 @@ async function confirmRestoreFromSnapshot() {
 
     isImporting.value = true;
     try {
-            showToast('⏳ 正在恢复快照，请稍候...', 'info');
+            showToast('正在恢复快照，请稍候...', 'info');
             const result = await restoreSnapshot(pendingSnapshotId.value, restoreMode.value);
             if (result.success) {
-                showToast('🔄 快照恢复成功，页面即将刷新...', 'success');
+                showToast('快照恢复成功，页面即将刷新...', 'success');
                 setTimeout(() => {
                     window.location.reload();
                 }, 1500);
         } else {
-            showToast('❌ ' + (result.message || '快照恢复失败'), 'error');
+            showToast(result.message || '快照恢复失败', 'error');
         }
     } catch (error) {
-        showToast('❌ 快照恢复失败', 'error');
+        showToast('快照恢复失败', 'error');
     } finally {
         isImporting.value = false;
         pendingSnapshotId.value = '';
@@ -204,10 +204,10 @@ async function handleExport() {
         document.body.removeChild(a);
         URL.revokeObjectURL(url);
 
-        showToast('📦 备份文件已导出', 'success');
+        showToast('备份文件已导出', 'success');
     } catch (error: any) {
         console.error('导出备份失败:', error);
-        showToast('❌ ' + (error.message || '导出备份失败'), 'error');
+        showToast(error.message || '导出备份失败', 'error');
     } finally {
         isExporting.value = false;
     }
@@ -228,7 +228,7 @@ async function handleFileSelect(event: Event) {
         const validation = await validateBackupFile(backupData);
 
         if (!validation.valid) {
-            showToast('❌ ' + (validation.error || '备份文件格式错误'), 'error');
+            showToast(validation.error || '备份文件格式错误', 'error');
             selectedBackup.value = null;
             return;
         }
@@ -237,7 +237,7 @@ async function handleFileSelect(event: Event) {
         showToast('备份文件验证成功', 'success');
     } catch (error: any) {
         console.error('读取备份文件失败:', error);
-        showToast('❌ 备份文件格式错误或损坏', 'error');
+        showToast('备份文件格式错误或损坏', 'error');
         selectedBackup.value = null;
     } finally {
         // 清空文件输入
@@ -253,7 +253,7 @@ async function handleDrop(event: DragEvent) {
 
     // 检查文件类型
     if (!file.name.endsWith('.json') && file.type !== 'application/json') {
-        showToast('⚠️ 仅支持 JSON 格式的备份文件', 'error');
+        showToast('仅支持 JSON 格式的备份文件', 'error');
         return;
     }
 
@@ -266,7 +266,7 @@ async function handleDrop(event: DragEvent) {
         const validation = await validateBackupFile(backupData);
 
         if (!validation.valid) {
-            showToast('❌ ' + (validation.error || '备份文件格式错误'), 'error');
+            showToast(validation.error || '备份文件格式错误', 'error');
             selectedBackup.value = null;
             return;
         }
@@ -275,7 +275,7 @@ async function handleDrop(event: DragEvent) {
         showToast('备份文件验证成功', 'success');
     } catch (error: any) {
         console.error('读取备份文件失败:', error);
-        showToast('❌ 备份文件格式错误或损坏', 'error');
+        showToast('备份文件格式错误或损坏', 'error');
         selectedBackup.value = null;
     }
 }
@@ -283,7 +283,7 @@ async function handleDrop(event: DragEvent) {
 // 导入备份 (打开确认框)
 async function handleImport() {
     if (!selectedBackup.value) {
-        showToast('⚠️ 请先选择备份文件', 'error');
+        showToast('请先选择备份文件', 'error');
         return;
     }
     showImportConfirm.value = true;
@@ -301,7 +301,7 @@ async function confirmImport() {
             throw new Error(result.message || '导入失败');
         }
 
-        showToast('🚀 数据恢复成功，页面即将刷新...', 'success');
+        showToast('数据恢复成功，页面即将刷新...', 'success');
 
         // 延迟刷新页面
         setTimeout(() => {
@@ -309,7 +309,7 @@ async function confirmImport() {
         }, 1500);
     } catch (error: any) {
         console.error('导入备份失败:', error);
-        showToast('❌ ' + (error.message || '导入备份失败'), 'error');
+        showToast(error.message || '导入备份失败', 'error');
         isImporting.value = false;
     }
 }
diff --git a/src/widgets/settings/SettingsModal.vue b/src/widgets/settings/SettingsModal.vue
index 202ee63d..261fa561 100644
--- a/src/widgets/settings/SettingsModal.vue
+++ b/src/widgets/settings/SettingsModal.vue
@@ -112,7 +112,7 @@ const loadSettings = async () => {
         }
     } catch (error) {
         console.error('加载设置出错:', error);
-        showToast('⚠️ 加载设置失败，将使用默认值', 'warning');
+        showToast('加载设置失败，将使用默认值', 'warning');
     } finally {
         isLoading.value = false;
     }
@@ -120,7 +120,7 @@ const loadSettings = async () => {
 
 const handleSave = async () => {
     if (hasWhitespace.value) {
-        showToast('⚠️ 输入项中不能包含空格，请检查后再试。', 'error');
+        showToast('输入项中不能包含空格，请检查后再试。', 'error');
         return;
     }
 
@@ -149,7 +149,7 @@ const handleSave = async () => {
         }
     } catch (error: unknown) {
         const msg = error instanceof Error ? error.message : String(error);
-        showToast('❌ ' + msg, 'error');
+        showToast(msg, 'error');
         isSaving.value = false; // 只有失败时才需要重置保存状态
     }
 };
@@ -165,7 +165,7 @@ const copyCronUrl = async () => {
         await navigator.clipboard.writeText(cronUrl.value);
         showToast('触发链接已复制到剪贴板', 'success');
     } catch (err) {
-        showToast('❌ 复制失败，请手动复制', 'error');
+        showToast('复制失败，请手动复制', 'error');
     }
 };
 
diff --git a/src/widgets/settings/StorageBackendSwitcher.vue b/src/widgets/settings/StorageBackendSwitcher.vue
index ab6b8be9..8a85ba7f 100644
--- a/src/widgets/settings/StorageBackendSwitcher.vue
+++ b/src/widgets/settings/StorageBackendSwitcher.vue
@@ -34,7 +34,7 @@ async function loadBackendInfo() {
     } catch (err: any) {
         console.error('Failed to load backend info:', err);
         error.value = err.message || '加载存储后端信息失败';
-        showToast('❌ ' + error.value, 'error');
+        showToast(error.value, 'error');
     } finally {
         loading.value = false;
     }
@@ -59,7 +59,7 @@ async function confirmSwitch() {
     // 关闭确认框
     showConfirm.value = false;
 
-    showToast('⏳ 正在迁移数据并切换存储后端...', 'info', 5000);
+    showToast('正在迁移数据并切换存储后端...', 'info', 5000);
 
     try {
         // 第一步：执行数据迁移
@@ -122,7 +122,7 @@ async function confirmSwitch() {
     } catch (err: any) {
         console.error('Failed to migrate and switch backend:', err);
         error.value = err.message || '迁移或切换存储后端失败';
-        showToast(`❌ 操作失败：${error.value}`, 'error', 5000);
+        showToast(`操作失败：${error.value}`, 'error', 5000);
     } finally {
         switching.value = false;
         targetBackend.value = null;
diff --git a/src/widgets/subscription/SubscriptionCard.vue b/src/widgets/subscription/SubscriptionCard.vue
index c542e7b1..366cc93f 100644
--- a/src/widgets/subscription/SubscriptionCard.vue
+++ b/src/widgets/subscription/SubscriptionCard.vue
@@ -35,9 +35,9 @@ const copyUrl = async () => {
     if (!props.sub.url) return;
     const success = await copyToClipboard(props.sub.url);
     if (success) {
-        toastStore.showToast('📋 链接已复制到剪贴板', 'success');
+        toastStore.showToast('链接已复制到剪贴板', 'success');
     } else {
-        toastStore.showToast('❌ 复制失败', 'error');
+        toastStore.showToast('复制失败', 'error');
     }
 };
 

From f3618c0b429c8783de06b49635826b6608500cc3 Mon Sep 17 00:00:00 2001
From: binbankm <393439956@qq.com>
Date: Tue, 16 Jun 2026 15:32:08 +0800
Subject: [PATCH 07/11] fix: standardize subscription export format identifiers
 and simplify UI config structure

---
 src/widgets/profile/SubscriptionExportModal.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/widgets/profile/SubscriptionExportModal.vue b/src/widgets/profile/SubscriptionExportModal.vue
index 279499dd..a56e00fe 100644
--- a/src/widgets/profile/SubscriptionExportModal.vue
+++ b/src/widgets/profile/SubscriptionExportModal.vue
@@ -27,7 +27,7 @@ const exportOptions = [
         format: 'base64',
         icon: 'M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1'
     },
-    { name: 'Clash', format: 'clash', icon: 'M13 10V3L4 14h7v7l9-11h-7z' },
+    { name: 'Clash', format: 'Clash', icon: 'M13 10V3L4 14h7v7l9-11h-7z' },
     { name: 'Mihomo', format: 'mihomo', icon: 'M13 10V3L4 14h7v7l9-11h-7z' },
     {
         name: 'Stash',
@@ -44,11 +44,7 @@ const exportOptions = [
         format: 'surfboard',
         icon: 'M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01'
     },
-    {
-        name: 'Loon',
-        format: 'loon',
-        icon: 'M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z'
-    },
+    { name: 'Loon', format: 'Loon', icon: 'M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z' },
     {
         name: 'Egern',
         format: 'egern',
@@ -57,7 +53,7 @@ const exportOptions = [
     { name: 'Shadowrocket', format: 'shadowrocket', icon: 'M12 19l9 2-9-18-9 18 9-2zm0 0v-8' },
     {
         name: 'Quantumult X',
-        format: 'quanx',
+        format: 'QX',
         icon: 'M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z'
     },
     {

From 2e99aa7a750627f60dbbc79da1cbd83d9b185342 Mon Sep 17 00:00:00 2001
From: binbankm <393439956@qq.com>
Date: Tue, 16 Jun 2026 15:42:37 +0800
Subject: [PATCH 08/11] fix: remove redundant tag appending in QuantumultX
 proxy converter

---
 lib/backend/proxy/converter/quantumultx.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/lib/backend/proxy/converter/quantumultx.ts b/lib/backend/proxy/converter/quantumultx.ts
index 3a64b9ff..0b814169 100644
--- a/lib/backend/proxy/converter/quantumultx.ts
+++ b/lib/backend/proxy/converter/quantumultx.ts
@@ -235,7 +235,6 @@ export class QuantumultXConverter extends BaseConverter {
         // test-url
         result.appendIfPresent(`,server_check_url=${proxy['test-url']}`, 'test-url');
 
-        result.append(`,tag=${proxy.name}`);
         return result.toString();
     }
 

From 043b38d3c1129df7959f9c9cce70aeeacc080d3a Mon Sep 17 00:00:00 2001
From: binbankm <393439956@qq.com>
Date: Tue, 16 Jun 2026 15:58:37 +0800
Subject: [PATCH 09/11] refactor: improve Hysteria2 converter logic by using
 appendIfPresent and adding explicit TLS parameter handling

---
 lib/backend/proxy/converter/surge.ts | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/lib/backend/proxy/converter/surge.ts b/lib/backend/proxy/converter/surge.ts
index b3455cdb..d916183f 100644
--- a/lib/backend/proxy/converter/surge.ts
+++ b/lib/backend/proxy/converter/surge.ts
@@ -190,16 +190,23 @@ export class SurgeConverter extends BaseConverter {
     private hysteria2(proxy: ProxyNode): string {
         const result = new Result(proxy);
         result.append(
-            `${proxy.name}=hysteria2,${proxy.server},${proxy.port},password=\"${proxy.password}\"`
+            `${proxy.name}=hysteria2,${proxy.server},${proxy.port}`
         );
+        result.appendIfPresent(`,password="${proxy.password}"`, 'password');
         if (proxy.ports) {
-            result.append(`,port-hopping=\"${String(proxy.ports).replace(/,/g, ';')}\"`);
+            result.append(`,port-hopping="${String(proxy.ports).replace(/,/g, ';')}"`);
         }
         if (proxy.down) {
             const down = String(proxy.down).match(/\d+/)?.[0] || '0';
             result.append(`,download-bandwidth=${down}`);
         }
-        this.appendTLS(result, proxy);
+        // Hysteria2 强制 TLS，直接追加 TLS 参数，不依赖 proxy.tls
+        result.appendIfPresent(`,tls-fingerprint=${proxy['tls-fingerprint']}`, 'tls-fingerprint');
+        result.appendIfPresent(`,sni="${proxy.sni}"`, 'sni');
+        result.appendIfPresent(
+            `,skip-cert-verify=${proxy['skip-cert-verify']}`,
+            'skip-cert-verify'
+        );
         this.appendCommon(result, proxy);
         return result.toString();
     }

From cc4c9d08a3f5d78b0d3bd2dcbdfc2f69dd21e2ef Mon Sep 17 00:00:00 2001
From: binbankm <393439956@qq.com>
Date: Tue, 16 Jun 2026 21:19:28 +0800
Subject: [PATCH 10/11] feat: implement internationalization (i18n) support
 across the application

---
 package-lock.json                             |  72 ++
 package.json                                  |   1 +
 src/app/layouts/AppFooter.vue                 |  11 +-
 src/app/layouts/AppSidebar.vue                |  76 +-
 src/app/layouts/MainLayout.vue                |   6 +-
 src/app/main.ts                               |   4 +-
 src/common/ui/BaseModal.vue                   |  16 +-
 src/common/ui/BatchActionToolbar.vue          |  20 +-
 src/common/ui/BulkImportModal.vue             |   7 +-
 src/common/ui/ConfirmModal.vue                |  68 +-
 src/common/ui/Pagination.vue                  |  10 +-
 src/common/utils/api.ts                       |  93 +-
 src/common/utils/format.ts                    |   3 +-
 src/common/utils/importer.ts                  |   5 +-
 src/common/utils/navigation.ts                |  16 +-
 src/common/utils/node.ts                      |   4 +-
 src/common/utils/utils.ts                     |  11 +-
 src/entities/node/model/useNodeFetching.ts    |  25 +-
 src/entities/node/model/useNodeForm.ts        |  16 +-
 src/entities/node/model/useNodeManagement.ts  |   7 +-
 src/entities/node/model/useNodeSelection.ts   |  11 +-
 src/entities/node/model/useNodes.ts           |  17 +-
 .../node/model/useSubscriptionImport.ts       |  35 +-
 .../profile/model/useProfileManagement.ts     |   5 +-
 src/entities/profile/model/useProfiles.ts     |  19 +-
 .../subscription/model/useSubscriptionForm.ts |  14 +-
 .../model/useSubscriptionManagement.ts        |  41 +-
 .../subscription/model/useSubscriptions.ts    |  25 +-
 src/i18n/index.ts                             |  22 +
 src/i18n/locales/en.ts                        | 825 ++++++++++++++++++
 src/i18n/locales/zh.ts                        | 824 +++++++++++++++++
 src/stores/useAppStore.ts                     |   9 +-
 src/stores/useSessionStore.ts                 |  11 +-
 src/stores/useThemeStore.ts                   |   9 +-
 src/views/DashboardView.vue                   | 108 +--
 src/views/LoginView.vue                       |  35 +-
 src/views/NodesView.vue                       |  38 +-
 src/views/ProfilesView.vue                    |  24 +-
 src/views/SubscriptionsView.vue               |  34 +-
 .../dashboard/NodeDistributionChart.vue       |   8 +-
 src/widgets/node/ManualNodeCard.vue           |  20 +-
 src/widgets/node/NodeDetailsModal.vue         |  43 +-
 src/widgets/node/NodeModal.vue                |  22 +-
 src/widgets/node/SubscriptionImportModal.vue  |  28 +-
 src/widgets/profile/ProfileCard.vue           |  19 +-
 src/widgets/profile/ProfileModal.vue          |  47 +-
 .../profile/SubscriptionExportModal.vue       |  22 +-
 src/widgets/settings/BackupView.vue           | 172 ++--
 src/widgets/settings/HelpModal.vue            |  75 +-
 src/widgets/settings/SettingsModal.vue        | 114 +--
 .../settings/StorageBackendSwitcher.vue       |  77 +-
 .../subscription/NodeFilterRuleEditor.vue     | 165 ++--
 src/widgets/subscription/SubscriptionCard.vue |  59 +-
 .../subscription/SubscriptionModal.vue        |  35 +-
 54 files changed, 2629 insertions(+), 854 deletions(-)
 create mode 100644 src/i18n/index.ts
 create mode 100644 src/i18n/locales/en.ts
 create mode 100644 src/i18n/locales/zh.ts

diff --git a/package-lock.json b/package-lock.json
index fb1175af..a020e6d7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
                 "js-yaml": "^4.1.1",
                 "pinia": "^3.0.3",
                 "vue": "^3.5.18",
+                "vue-i18n": "^9.14.5",
                 "vue-router": "^4.6.4",
                 "vuedraggable": "^4.1.0"
             },
@@ -1451,6 +1452,50 @@
                 "url": "https://opencollective.com/libvips"
             }
         },
+        "node_modules/@intlify/core-base": {
+            "version": "9.14.5",
+            "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.14.5.tgz",
+            "integrity": "sha512-5ah5FqZG4pOoHjkvs8mjtv+gPKYU0zCISaYNjBNNqYiaITxW8ZtVih3GS/oTOqN8d9/mDLyrjD46GBApNxmlsA==",
+            "license": "MIT",
+            "dependencies": {
+                "@intlify/message-compiler": "9.14.5",
+                "@intlify/shared": "9.14.5"
+            },
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/kazupon"
+            }
+        },
+        "node_modules/@intlify/message-compiler": {
+            "version": "9.14.5",
+            "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.14.5.tgz",
+            "integrity": "sha512-IHzgEu61/YIpQV5Pc3aRWScDcnFKWvQA9kigcINcCBXN8mbW+vk9SK+lDxA6STzKQsVJxUPg9ACC52pKKo3SVQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@intlify/shared": "9.14.5",
+                "source-map-js": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/kazupon"
+            }
+        },
+        "node_modules/@intlify/shared": {
+            "version": "9.14.5",
+            "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.14.5.tgz",
+            "integrity": "sha512-9gB+E53BYuAEMhbCAxVgG38EZrk59sxBtv3jSizNL2hEWlgjBjAw1AwpLHtNaeda12pe6W20OGEa0TwuMSRbyQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/kazupon"
+            }
+        },
         "node_modules/@jridgewell/gen-mapping": {
             "version": "0.3.13",
             "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -7126,6 +7171,33 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/vue-i18n": {
+            "version": "9.14.5",
+            "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.14.5.tgz",
+            "integrity": "sha512-0jQ9Em3ymWngyiIkj0+c/k7WgaPO+TNzjKSNq9BvBQaKJECqn9cd9fL4tkDhB5G1QBskGl9YxxbDAhgbFtpe2g==",
+            "deprecated": "v9 and v10 no longer supported. please migrate to v11. about maintenance status, see https://vue-i18n.intlify.dev/guide/maintenance.html",
+            "license": "MIT",
+            "dependencies": {
+                "@intlify/core-base": "9.14.5",
+                "@intlify/shared": "9.14.5",
+                "@vue/devtools-api": "^6.5.0"
+            },
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/kazupon"
+            },
+            "peerDependencies": {
+                "vue": "^3.0.0"
+            }
+        },
+        "node_modules/vue-i18n/node_modules/@vue/devtools-api": {
+            "version": "6.6.4",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+            "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+            "license": "MIT"
+        },
         "node_modules/vue-router": {
             "version": "4.6.4",
             "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.6.4.tgz",
diff --git a/package.json b/package.json
index 66a62f54..063e2977 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
         "js-yaml": "^4.1.1",
         "pinia": "^3.0.3",
         "vue": "^3.5.18",
+        "vue-i18n": "^9.14.5",
         "vue-router": "^4.6.4",
         "vuedraggable": "^4.1.0"
     },
diff --git a/src/app/layouts/AppFooter.vue b/src/app/layouts/AppFooter.vue
index f4328109..dad1f805 100644
--- a/src/app/layouts/AppFooter.vue
+++ b/src/app/layouts/AppFooter.vue
@@ -19,6 +19,9 @@
 <script setup lang="ts">
 // ==================== 导入依赖 ====================
 import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 // ==================== 计算属性 ====================
 
@@ -72,7 +75,7 @@ const currentYear = computed(() => new Date().getFullYear());
                 <span class="mx-2">·</span>
 
                 <!-- 版权声明 -->
-                <span class="text-xs">All Rights Reserved</span>
+                <span class="text-xs">{{ t('layout.footer.rights') }}</span>
             </p>
 
             <!-- ==================== 特色标签 ==================== -->
@@ -83,7 +86,7 @@ const currentYear = computed(() => new Date().getFullYear());
                 <!-- 安全可靠标签 - 绿色脉冲指示灯 -->
                 <span class="flex items-center space-x-1">
                     <div class="h-2 w-2 animate-pulse rounded-full bg-success-400"></div>
-                    <span>安全可靠</span>
+                    <span>{{ t('layout.footer.secure') }}</span>
                 </span>
 
                 <!-- 高效管理标签 - 蓝色脉冲指示灯（延迟0.5s） -->
@@ -92,7 +95,7 @@ const currentYear = computed(() => new Date().getFullYear());
                         class="h-2 w-2 animate-pulse rounded-full bg-info-400"
                         style="animation-delay: 0.5s"
                     ></div>
-                    <span>高效管理</span>
+                    <span>{{ t('layout.footer.efficient') }}</span>
                 </span>
 
                 <!-- 隐私保护标签 - 紫色脉冲指示灯（延迟1s） -->
@@ -101,7 +104,7 @@ const currentYear = computed(() => new Date().getFullYear());
                         class="h-2 w-2 animate-pulse rounded-full bg-secondary-400"
                         style="animation-delay: 1s"
                     ></div>
-                    <span>隐私保护</span>
+                    <span>{{ t('layout.footer.privacy') }}</span>
                 </span>
             </div>
         </div>
diff --git a/src/app/layouts/AppSidebar.vue b/src/app/layouts/AppSidebar.vue
index f46139a2..a4fa31b5 100644
--- a/src/app/layouts/AppSidebar.vue
+++ b/src/app/layouts/AppSidebar.vue
@@ -1,4 +1,4 @@
-<!--
+<!--
   ==================== 侧边导航栏组件 ====================
   
   功能说明：
@@ -31,6 +31,7 @@ import { computed, onMounted, onUnmounted, ref } from 'vue';
 
 import { useLayoutStore } from '@/stores/useLayoutStore';
 import { useThemeStore } from '@/stores/useThemeStore';
+import { useI18n } from 'vue-i18n';
 
 // ==================== Props 定义 ====================
 
@@ -69,6 +70,13 @@ const emit = defineEmits<{
 
 const themeStore = useThemeStore();
 const layoutStore = useLayoutStore();
+const { t, locale } = useI18n();
+
+const toggleLanguage = () => {
+    const newLocale = locale.value === 'zh' ? 'en' : 'zh';
+    locale.value = newLocale;
+    localStorage.setItem('locale', newLocale);
+};
 
 // ==================== 本地状态 ====================
 
@@ -100,39 +108,39 @@ interface NavigationItem {
 const navigationItems = computed<NavigationItem[]>(() => [
     {
         id: 'dashboard',
-        label: '仪表盘',
+        label: t('layout.sidebar.menu.dashboard'),
         icon: 'dashboard',
         gradient: 'from-warning-500 to-warning-600',
         shadow: 'shadow-warning-500/30',
-        description: '概览状态'
+        description: t('layout.sidebar.menu.dashboardDesc')
     },
     {
         id: 'subscriptions',
-        label: '订阅管理',
+        label: t('layout.sidebar.menu.subscriptions'),
         icon: 'subscription',
         count: props.subscriptionsCount,
         gradient: 'from-primary-500 to-secondary-600',
         shadow: 'shadow-primary-500/30',
-        description: '管理订阅源'
+        description: t('layout.sidebar.menu.subscriptionsDesc')
     },
     {
         id: 'profiles',
-        label: '订阅组',
+        label: t('layout.sidebar.menu.profiles'),
         icon: 'profile',
         count: props.profilesCount,
         gradient: 'from-secondary-500 to-pink-600',
         shadow: 'shadow-secondary-500/30',
-        description: '组织订阅'
+        description: t('layout.sidebar.menu.profilesDesc')
     },
 
     {
         id: 'nodes',
-        label: '手动节点',
+        label: t('layout.sidebar.menu.nodes'),
         icon: 'node',
         count: props.manualNodesCount,
         gradient: 'from-success-500 to-success-600',
         shadow: 'shadow-success-500/30',
-        description: '管理节点'
+        description: t('layout.sidebar.menu.nodesDesc')
     }
 ]);
 
@@ -142,19 +150,19 @@ const navigationItems = computed<NavigationItem[]>(() => [
 const utilityItems = computed(() => [
     {
         id: 'help',
-        label: '帮助文档',
+        label: t('layout.sidebar.help'),
         icon: 'help',
         gradient: 'from-warning-500 to-warning-600',
         shadow: 'shadow-warning-500/30',
-        description: '查看文档'
+        description: t('layout.sidebar.helpDesc')
     },
     {
         id: 'settings',
-        label: '设置',
+        label: t('layout.sidebar.settings'),
         icon: 'settings',
         gradient: 'from-slate-500 to-gray-600',
         shadow: 'shadow-slate-500/30',
-        description: '系统设置'
+        description: t('layout.sidebar.settingsDesc')
     }
 ]);
 
@@ -254,7 +262,7 @@ onUnmounted(() => {
     <!-- ==================== 移动端汉堡菜单按钮 ==================== -->
     <button
         class="fixed top-4 left-4 z-50 flex h-12 w-12 cursor-pointer items-center justify-center rounded-element border border-gray-300 bg-white/95 text-gray-800 shadow-elevated backdrop-blur-md transition-all duration-300 hover:scale-105 hover:bg-white hover:shadow-card lg:hidden dark:border-white/10 dark:bg-black/80 dark:text-gray-200 dark:hover:bg-black/90"
-        :aria-label="isMobileMenuOpen ? '关闭菜单' : '打开菜单'"
+        :aria-label="isMobileMenuOpen ? t('layout.sidebar.closeMenu') : t('layout.sidebar.openMenu')"
         @click="toggleMobileMenu"
     >
         <svg
@@ -328,11 +336,33 @@ onUnmounted(() => {
                 </transition>
             </div>
 
-            <!-- 头部操作区域 - 主题切换按钮 -->
-            <div class="flex justify-center">
+            <!-- 头部操作区域 - 切换按钮 -->
+            <div class="flex justify-center gap-1">
+                <!-- 语言切换按钮 -->
+                <button
+                    class="icon-btn"
+                    :title="locale === 'zh' ? 'Switch to English' : '切换到中文'"
+                    @click="toggleLanguage"
+                >
+                    <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        class="h-5 w-5"
+                        fill="none"
+                        viewBox="0 0 24 24"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <path
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                            d="M3 5.621a48.474 48.474 0 016-.371m0 0c1.12 0 2.233.038 3.334.114M9 5.25V3m3.334 2.364C11.176 10.658 7.69 15.08 3 17.502m9.334-12.138c.896.061 1.785.147 2.666.257m-4.589 8.495a18.023 18.023 0 01-3.827-5.802M10.5 21l5.25-11.25L21 21m-9-3h7.5"
+                        />
+                    </svg>
+                </button>
+
                 <button
                     class="icon-btn"
-                    :title="themeStore.theme === 'dark' ? '切换到亮色模式' : '切换到暗色模式'"
+                    :title="themeStore.theme === 'dark' ? t('layout.sidebar.switchToLight') : t('layout.sidebar.switchToDark')"
                     @click="themeStore.toggleTheme"
                 >
                     <!-- 暗黑模式图标（太阳） -->
@@ -380,7 +410,7 @@ onUnmounted(() => {
                     v-if="!isCollapsed"
                     class="mb-3 px-3 text-[0.6875rem] font-bold tracking-wider text-gray-600 uppercase dark:text-gray-400"
                 >
-                    主要功能
+                    {{ t('layout.sidebar.mainFeatures') }}
                 </p>
 
                 <div class="flex flex-col gap-2">
@@ -517,7 +547,7 @@ onUnmounted(() => {
                     v-if="!isCollapsed"
                     class="mb-3 px-3 text-[0.6875rem] font-bold tracking-wider text-gray-600 uppercase dark:text-gray-400"
                 >
-                    其他
+                    {{ t('layout.sidebar.others') }}
                 </p>
 
                 <div class="flex flex-col gap-2">
@@ -613,7 +643,7 @@ onUnmounted(() => {
             <!-- 折叠按钮 -->
             <button
                 class="flex flex-1 cursor-pointer items-center justify-center gap-2 rounded-element border-none bg-primary-500/10 px-3 py-3 text-sm font-semibold text-primary-600 transition-all duration-300 hover:-translate-y-0.5 hover:bg-primary-500/20 dark:bg-primary-500/15 dark:text-primary-400"
-                :title="isCollapsed ? '展开侧边栏' : '收起侧边栏'"
+                :title="isCollapsed ? t('layout.sidebar.expand') : t('layout.sidebar.collapse')"
                 @click="toggleCollapse"
             >
                 <svg
@@ -631,13 +661,13 @@ onUnmounted(() => {
                         d="M11 19l-7-7 7-7m8 14l-7-7 7-7"
                     />
                 </svg>
-                <span v-if="!isCollapsed">收起</span>
+                <span v-if="!isCollapsed">{{ t('layout.sidebar.collapse') }}</span>
             </button>
 
             <!-- 登出按钮 -->
             <button
                 class="flex flex-1 cursor-pointer items-center justify-center gap-2 rounded-element border-none bg-danger-500/10 px-3 py-3 text-sm font-semibold text-danger-600 transition-all duration-300 hover:-translate-y-0.5 hover:bg-danger-500/20 dark:bg-danger-500/15 dark:text-danger-400"
-                :title="isCollapsed ? '退出登录' : ''"
+                :title="isCollapsed ? t('layout.sidebar.logout') : ''"
                 @click="handleLogout"
             >
                 <svg
@@ -654,7 +684,7 @@ onUnmounted(() => {
                         d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
                     />
                 </svg>
-                <span v-if="!isCollapsed">退出登录</span>
+                <span v-if="!isCollapsed">{{ t('layout.sidebar.logout') }}</span>
             </button>
         </div>
     </aside>
diff --git a/src/app/layouts/MainLayout.vue b/src/app/layouts/MainLayout.vue
index 72fd462a..573ee996 100644
--- a/src/app/layouts/MainLayout.vue
+++ b/src/app/layouts/MainLayout.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, defineAsyncComponent, onMounted, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
 
 import { storeToRefs } from 'pinia';
 
@@ -29,6 +30,7 @@ const uiStore = useUIStore();
 const dataStore = useDataStore();
 const route = useRoute();
 const router = useRouter();
+const { t } = useI18n();
 
 const { initialData } = storeToRefs(sessionStore);
 
@@ -99,8 +101,8 @@ onMounted(() => {
                 <header class="page-header">
                     <div class="header-content">
                         <div class="header-text">
-                            <h1 class="page-title">{{ currentTabInfo.title }}</h1>
-                            <p class="page-description">{{ currentTabInfo.description }}</p>
+                            <h1 class="page-title">{{ t(currentTabInfo.title) }}</h1>
+                            <p class="page-description">{{ t(currentTabInfo.description) }}</p>
                         </div>
                     </div>
                 </header>
diff --git a/src/app/main.ts b/src/app/main.ts
index 36dc37ae..cb4a75c9 100644
--- a/src/app/main.ts
+++ b/src/app/main.ts
@@ -1,4 +1,4 @@
-/**
+/**
  * ==================== 应用入口文件 ====================
  *
  * 功能说明：
@@ -20,6 +20,7 @@ import App from '@/app/App.vue';
 // 导入全局样式文件（包含 Tailwind CSS 和自定义样式）
 import '@/assets/styles/main.css';
 import router from '@/app/router';
+import i18n from '@/i18n'; // 导入 i18n 配置
 
 // 创建 Pinia 实例（全局状态管理）
 const pinia = createPinia();
@@ -29,5 +30,6 @@ const app = createApp(App);
 // 注册 Pinia 插件
 app.use(pinia);
 app.use(router);
+app.use(i18n); // 注册 i18n 插件
 // 将应用挂载到 id 为 'app' 的 DOM 元素
 app.mount('#app');
diff --git a/src/common/ui/BaseModal.vue b/src/common/ui/BaseModal.vue
index 34b90d8e..758afd72 100644
--- a/src/common/ui/BaseModal.vue
+++ b/src/common/ui/BaseModal.vue
@@ -29,9 +29,12 @@
 
 <script setup lang="ts">
 import { onMounted, onUnmounted } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 // ==================== Props 定义 ====================
 
+const { t } = useI18n();
+
 withDefaults(
     defineProps<{
         /** 显示状态 */
@@ -46,8 +49,7 @@ withDefaults(
     }>(),
     {
         size: 'sm',
-        confirmDisabled: false,
-        confirmButtonTitle: '确认'
+        confirmDisabled: false
     }
 );
 
@@ -127,7 +129,7 @@ onUnmounted(() => window.removeEventListener('keydown', handleKeydown));
                         <div class="shrink-0 p-6 pb-4">
                             <slot name="title">
                                 <h3 class="text-lg font-bold text-gray-900 dark:text-white">
-                                    确认操作
+                                    {{ t('common.ui.modal.title') }}
                                 </h3>
                             </slot>
                         </div>
@@ -136,7 +138,7 @@ onUnmounted(() => window.removeEventListener('keydown', handleKeydown));
                         <div class="grow overflow-y-auto px-6 pb-6">
                             <slot name="body">
                                 <p class="text-sm text-gray-500 dark:text-gray-400">
-                                    你确定要继续吗？
+                                    {{ t('common.ui.modal.body') }}
                                 </p>
                             </slot>
                         </div>
@@ -150,16 +152,16 @@ onUnmounted(() => window.removeEventListener('keydown', handleKeydown));
                                 class="rounded-element bg-gray-100 px-6 py-2.5 text-sm font-semibold text-gray-700 transition-all duration-300 hover:bg-gray-200 hover:shadow-elevated-sm dark:bg-white/10 dark:text-gray-200 dark:hover:bg-white/20"
                                 @click="emit('update:show', false)"
                             >
-                                取消
+                                {{ t('common.ui.modal.cancel') }}
                             </button>
                             <!-- 确认按钮 -->
                             <button
                                 :disabled="confirmDisabled"
-                                :title="confirmDisabled ? confirmButtonTitle : '确认'"
+                                :title="confirmDisabled ? confirmButtonTitle : t('common.ui.modal.confirm')"
                                 class="btn-modern px-6 py-2.5 text-sm font-semibold disabled:cursor-not-allowed disabled:opacity-70"
                                 @click="handleConfirm"
                             >
-                                确认
+                                {{ confirmButtonTitle || t('common.ui.modal.confirm') }}
                             </button>
                         </div>
                     </div>
diff --git a/src/common/ui/BatchActionToolbar.vue b/src/common/ui/BatchActionToolbar.vue
index f2a5ebcc..e2ae416a 100644
--- a/src/common/ui/BatchActionToolbar.vue
+++ b/src/common/ui/BatchActionToolbar.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const props = withDefaults(
     defineProps<{
@@ -9,8 +12,7 @@ const props = withDefaults(
         deleteLabel?: string;
     }>(),
     {
-        accent: 'primary',
-        deleteLabel: '删除选中'
+        accent: 'primary'
     }
 );
 
@@ -71,13 +73,13 @@ const accentStyles = computed(() => styleMap[props.accent]);
                             clip-rule="evenodd"
                         />
                     </svg>
-                    批量删除模式
+                    {{ t('common.ui.batch.batchMode') }}
                     <span
                         v-if="selectedCount > 0"
                         class="ml-2 rounded-full px-3 py-1 text-xs font-bold text-white shadow-elevated-sm"
                         :class="accentStyles.badge"
                     >
-                        已选 {{ selectedCount }}
+                        {{ t('common.ui.batch.selectedCount', { count: selectedCount }) }}
                     </span>
                 </div>
 
@@ -86,19 +88,19 @@ const accentStyles = computed(() => styleMap[props.accent]);
                         class="btn-modern-enhanced btn-secondary transform px-3 py-1.5 text-xs font-semibold transition-all duration-300 hover:scale-105 sm:px-4 sm:py-2 sm:text-sm"
                         @click="emit('select-all')"
                     >
-                        全选
+                        {{ t('common.ui.batch.selectAll') }}
                     </button>
                     <button
                         class="btn-modern-enhanced btn-secondary transform px-3 py-1.5 text-xs font-semibold transition-all duration-300 hover:scale-105 sm:px-4 sm:py-2 sm:text-sm"
                         @click="emit('invert-selection')"
                     >
-                        反选
+                        {{ t('common.ui.batch.invertSelection') }}
                     </button>
                     <button
                         class="btn-modern-enhanced btn-secondary transform px-3 py-1.5 text-xs font-semibold transition-all duration-300 hover:scale-105 sm:px-4 sm:py-2 sm:text-sm"
                         @click="emit('deselect-all')"
                     >
-                        清空选择
+                        {{ t('common.ui.batch.clearSelection') }}
                     </button>
                     <button
                         :disabled="selectedCount === 0"
@@ -117,13 +119,13 @@ const accentStyles = computed(() => styleMap[props.accent]);
                                 clip-rule="evenodd"
                             />
                         </svg>
-                        {{ deleteLabel }} ({{ selectedCount }})
+                        {{ deleteLabel || t('common.ui.batch.deleteSelected') }} ({{ selectedCount }})
                     </button>
                     <button
                         class="btn-modern-enhanced btn-cancel transform px-3 py-1.5 text-xs font-semibold transition-all duration-300 hover:scale-105 sm:px-4 sm:py-2 sm:text-sm"
                         @click="emit('cancel')"
                     >
-                        取消
+                        {{ t('common.ui.batch.cancel') }}
                     </button>
                 </div>
             </div>
diff --git a/src/common/ui/BulkImportModal.vue b/src/common/ui/BulkImportModal.vue
index 35e9655c..caf0f056 100644
--- a/src/common/ui/BulkImportModal.vue
+++ b/src/common/ui/BulkImportModal.vue
@@ -11,9 +11,12 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import Modal from '@/common/ui/BaseModal.vue';
 
+const { t } = useI18n();
+
 // ==================== Props 和 Emit ====================
 
 defineProps<{
@@ -47,11 +50,11 @@ const handleConfirm = () => {
 <template>
     <Modal :show="show" @update:show="emit('update:show', $event)" @confirm="handleConfirm">
         <template #title>
-            <h3 class="gradient-text text-lg font-bold">批量导入</h3>
+            <h3 class="gradient-text text-lg font-bold">{{ t('common.ui.bulk.title') }}</h3>
         </template>
         <template #body>
             <p class="mb-4 text-sm text-gray-500 dark:text-gray-400">
-                每行一个订阅链接或分享节点。将自动识别节点名称。
+                {{ t('common.ui.bulk.desc') }}
             </p>
             <textarea
                 v-model="importText"
diff --git a/src/common/ui/ConfirmModal.vue b/src/common/ui/ConfirmModal.vue
index 07ca8e75..42b56fad 100644
--- a/src/common/ui/ConfirmModal.vue
+++ b/src/common/ui/ConfirmModal.vue
@@ -12,7 +12,7 @@
     :show="showConfirm"
     @update:show="showConfirm = $event"
     @confirm="handleDelete"
-    title="确认删除"
+    :title="t('common.ui.confirmDelete')"
     message="您确定要删除此项目吗？"
     type="danger"
   />
@@ -22,18 +22,21 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import Modal from '@/common/ui/BaseModal.vue';
 
+const { t } = useI18n();
+
 // ==================== Props 和 Emit ====================
 
 const props = withDefaults(
     defineProps<{
         /** 显示状态 */
         show: boolean;
-        /** 标题 */
+        /** 模态框标题 */
         title?: string;
-        /** 提示消息 */
+        /** 模态框正文信息 */
         message?: string;
         /** 确认按钮文字 */
         confirmText?: string;
@@ -45,10 +48,10 @@ const props = withDefaults(
         showIcon?: boolean;
     }>(),
     {
-        title: '确认操作',
-        message: '您确定要执行此操作吗？',
-        confirmText: '确认',
-        cancelText: '取消',
+        title: undefined,
+        message: undefined,
+        confirmText: undefined,
+        cancelText: undefined,
         type: 'danger',
         showIcon: true
     }
@@ -81,6 +84,9 @@ const colorClasses = {
     }
 };
 
+const iconBgClass = computed(() => colorClasses[props.type].iconBg);
+const iconColorClass = computed(() => colorClasses[props.type].icon);
+
 /** 根据类型返回对应的图标 */
 const iconPaths = {
     danger: 'M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z',
@@ -97,7 +103,7 @@ type MessageSegment = {
 const stripHtmlTags = (value: string) => value.replace(/<\/?[^>]+(>|$)/g, '');
 
 const messageSegments = computed<MessageSegment[]>(() => {
-    const message = props.message ?? '';
+    const message = props.message ?? t('common.ui.confirm.message');
     const segments: MessageSegment[] = [];
     const strongRegex = /<strong\b[^>]*>(.*?)<\/strong>/gi;
 
@@ -142,37 +148,33 @@ const handleCancel = () => {
 <template>
     <Modal
         :show="props.show"
-        :confirm-text="props.confirmText"
+        :confirm-text="props.confirmText || t('common.ui.confirm.confirm')"
+        :cancel-text="props.cancelText || t('common.ui.confirm.cancel')"
         @update:show="handleCancel"
         @confirm="handleConfirm"
     >
         <template #title>
             <div class="flex items-center gap-3">
-                <!-- 图标 -->
-                <div
-                    v-if="props.showIcon"
-                    class="flex h-12 w-12 shrink-0 items-center justify-center rounded-full"
-                    :class="colorClasses[props.type].iconBg"
-                >
-                    <svg
-                        class="h-6 w-6"
-                        :class="colorClasses[props.type].icon"
-                        fill="none"
-                        viewBox="0 0 24 24"
-                        stroke="currentColor"
-                        stroke-width="2"
-                    >
-                        <path
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            :d="iconPaths[props.type]"
-                        />
-                    </svg>
+                <div :class="['flex h-10 w-10 shrink-0 items-center justify-center rounded-full', iconBgClass]">
+                    <slot name="icon">
+                        <svg
+                            class="h-6 w-6"
+                            :class="iconColorClass"
+                            fill="none"
+                            viewBox="0 0 24 24"
+                            stroke-width="1.5"
+                            stroke="currentColor"
+                        >
+                            <path
+                                stroke-linecap="round"
+                                stroke-linejoin="round"
+                                :d="iconPaths[props.type]"
+                            />
+                        </svg>
+                    </slot>
                 </div>
-
-                <!-- 标题 -->
-                <h3 class="text-xl font-bold" :class="colorClasses[props.type].title">
-                    {{ props.title }}
+                <h3 class="text-lg font-semibold text-gray-900 dark:text-white">
+                    {{ title || t('common.ui.confirmDelete') }}
                 </h3>
             </div>
         </template>
diff --git a/src/common/ui/Pagination.vue b/src/common/ui/Pagination.vue
index 4488414b..3851b1bf 100644
--- a/src/common/ui/Pagination.vue
+++ b/src/common/ui/Pagination.vue
@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+
 defineProps<{
     currentPage: number;
     totalPages: number;
@@ -19,13 +23,13 @@ defineEmits<{
             class="hover-lift flex min-w-17.5 items-center justify-center rounded-element border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 disabled:opacity-50 sm:min-w-25 sm:rounded-button sm:px-6 sm:py-3 sm:text-base dark:border-white/10 dark:bg-white/5 dark:text-white dark:hover:bg-white/10"
             @click="$emit('change-page', currentPage - 1)"
         >
-            &laquo;<span class="xs:inline ml-1 hidden">上一页</span>
+            &laquo;<span class="xs:inline ml-1 hidden">{{ t('common.ui.pagination.prev') }}</span>
         </button>
 
         <span
             class="min-w-20 text-center text-xs font-medium whitespace-nowrap text-gray-700 sm:min-w-25 sm:text-sm dark:text-gray-300"
         >
-            第{{ currentPage }}/{{ totalPages }}页
+            {{ t('common.ui.pagination.page', { current: currentPage, total: totalPages }) }}
         </span>
 
         <button
@@ -33,7 +37,7 @@ defineEmits<{
             class="hover-lift flex min-w-17.5 items-center justify-center rounded-element border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 disabled:opacity-50 sm:min-w-25 sm:rounded-button sm:px-6 sm:py-3 sm:text-base dark:border-white/10 dark:bg-white/5 dark:text-white dark:hover:bg-white/10"
             @click="$emit('change-page', currentPage + 1)"
         >
-            <span class="xs:inline mr-1 hidden">下一页</span>&raquo;
+            <span class="xs:inline mr-1 hidden">{{ t('common.ui.pagination.next') }}</span>&raquo;
         </button>
     </div>
 </template>
diff --git a/src/common/utils/api.ts b/src/common/utils/api.ts
index 7db1e390..06f2788c 100644
--- a/src/common/utils/api.ts
+++ b/src/common/utils/api.ts
@@ -1,3 +1,4 @@
+import i18n from "@/i18n";
 /**
  * ==================== API 请求模块 ====================
  *
@@ -35,14 +36,14 @@ export async function fetchInitialData(): Promise<{
 
         // 检查 HTTP 响应状态
         if (!response.ok) {
-            console.error('会话无效或 API 错误，状态码:', response.status);
+            console.error('Invalid session or API error, status code:', response.status);
             return null;
         }
 
         // 解析并返回 JSON 数据（后端返回格式：{ subs, profiles, config }）
         return await response.json();
     } catch (error) {
-        console.error('获取初始数据失败:', error);
+        console.error('Failed to fetch initial data:', error);
         return null;
     }
 }
@@ -64,7 +65,7 @@ export async function checkSystemStatus(): Promise<{ needsSetup: boolean }> {
         }
         return await response.json();
     } catch (error) {
-        console.error('检查系统状态失败:', error);
+        console.error('Failed to check system status:', error);
         return { needsSetup: false };
     }
 }
@@ -88,8 +89,8 @@ export async function initializeSystem(
         });
         return response;
     } catch (error) {
-        console.error('系统初始化失败:', error);
-        return { ok: false, error: '网络请求失败' };
+        console.error('System initialization failed:', error);
+        return { ok: false, error: i18n.global.t('common.api.networkError') };
     }
 }
 
@@ -120,9 +121,9 @@ export async function login(
 
         return response;
     } catch (error) {
-        console.error('登录请求失败:', error);
+        console.error('Login request failed:', error);
         // 网络请求失败时返回自定义错误对象
-        return { ok: false, error: '网络请求失败' };
+        return { ok: false, error: i18n.global.t('common.api.networkError') };
     }
 }
 
@@ -142,7 +143,7 @@ export async function logout(): Promise<boolean> {
         });
         return response.ok;
     } catch (error) {
-        console.error('登出请求失败:', error);
+        console.error('Logout request failed:', error);
         return false;
     }
 }
@@ -164,7 +165,7 @@ export async function saveSubs(subs: Subscription[], profiles: Profile[]): Promi
     try {
         // 数据预验证：确保传入的参数是数组类型
         if (!Array.isArray(subs) || !Array.isArray(profiles)) {
-            return { success: false, message: '数据格式错误：subs 和 profiles 必须是数组' };
+            return { success: false, message: 'Data format error: subs and profiles must be arrays' };
         }
 
         // 发送 POST 请求保存数据
@@ -180,20 +181,20 @@ export async function saveSubs(subs: Subscription[], profiles: Profile[]): Promi
             // 尝试解析错误响应
             const errorData = (await response.json().catch(() => ({}))) as any;
             const errorMessage =
-                errorData.message || errorData.error || `服务器错误 (${response.status})`;
+                errorData.message || errorData.error || `Server error (${response.status})`;
             return { success: false, message: errorMessage };
         }
 
         // 返回服务器响应的 JSON 数据
         return (await response.json()) as ApiResponse;
     } catch (error: unknown) {
-        console.error('保存订阅数据失败:', error);
+        console.error('Failed to save subscription data:', error);
 
         // 根据错误类型返回更具体的错误信息
         if (error instanceof TypeError && (error as TypeError).message.includes('fetch')) {
-            return { success: false, message: '网络连接失败，请检查网络连接' };
+            return { success: false, message: i18n.global.t('common.api.networkConnectionFail') };
         } else if (error instanceof SyntaxError) {
-            return { success: false, message: '服务器响应格式错误' };
+            return { success: false, message: i18n.global.t('common.api.formatError') };
         } else if (error instanceof Error) {
             return { success: false, message: `网络请求失败: ${(error as Error).message}` };
         } else {
@@ -229,9 +230,9 @@ export async function saveAllData(data: {
 
         if (!subsResult.success) return subsResult;
 
-        return { success: true, message: '数据保存成功' };
+        return { success: true, message: i18n.global.t('common.api.saveSuccess') };
     } catch (e: unknown) {
-        return { success: false, message: (e as Error).message || '保存失败' };
+        return { success: false, message: (e as Error).message || i18n.global.t('common.api.saveFail') };
     }
 }
 
@@ -263,7 +264,7 @@ export async function fetchNodeCount(
         // 直接返回完整对象（包含 count 和 userInfo 字段）
         return data;
     } catch (e) {
-        console.error('获取节点数量失败:', e);
+        console.error('Failed to get node count:', e);
         // 请求失败时返回默认值
         return { count: 0, userInfo: null };
     }
@@ -288,7 +289,7 @@ export async function fetchSettings(): Promise<Partial<AppConfig>> {
 
         return await response.json();
     } catch (error) {
-        console.error('获取配置失败:', error);
+        console.error('Failed to get config:', error);
         return {};
     }
 }
@@ -320,20 +321,20 @@ export async function saveSettings(settings: AppConfig): Promise<ApiResponse> {
                 error?: string;
             };
             const errorMessage =
-                errorData.message || errorData.error || `服务器错误 (${response.status})`;
+                errorData.message || errorData.error || `Server error (${response.status})`;
             return { success: false, message: errorMessage };
         }
 
         // 返回服务器响应
         return (await response.json()) as ApiResponse;
     } catch (error: unknown) {
-        console.error('保存配置失败:', error);
+        console.error('Failed to save config:', error);
 
         // 根据错误类型返回更具体的错误信息
         if (error instanceof TypeError && error.message.includes('fetch')) {
-            return { success: false, message: '网络连接失败，请检查网络连接' };
+            return { success: false, message: i18n.global.t('common.api.networkConnectionFail') };
         } else if (error instanceof SyntaxError) {
-            return { success: false, message: '服务器响应格式错误' };
+            return { success: false, message: i18n.global.t('common.api.formatError') };
         } else if (error instanceof Error) {
             return { success: false, message: `网络请求失败: ${error.message}` };
         } else {
@@ -368,7 +369,7 @@ export async function batchUpdateNodes(subscriptionIds: string[]): Promise<ApiRe
             // 尝试解析错误响应
             const errorData = (await response.json().catch(() => ({}))) as any;
             const errorMessage =
-                errorData.message || errorData.error || `服务器错误 (${response.status})`;
+                errorData.message || errorData.error || `Server error (${response.status})`;
             return { success: false, message: errorMessage };
         }
 
@@ -376,8 +377,8 @@ export async function batchUpdateNodes(subscriptionIds: string[]): Promise<ApiRe
         const result = (await response.json()) as ApiResponse;
         return result;
     } catch (error) {
-        console.error('批量更新节点失败:', error);
-        return { success: false, message: '网络请求失败，请检查网络连接' };
+        console.error('Failed to batch update nodes:', error);
+        return { success: false, message: i18n.global.t('common.api.networkConnectionFail') };
     }
 }
 
@@ -418,8 +419,8 @@ export async function testLatency(
         // 返回测试结果（包含延迟时间）
         return await response.json();
     } catch (error) {
-        console.error('延迟测试失败:', error);
-        return { success: false, message: '网络请求失败' };
+        console.error('Latency test failed:', error);
+        return { success: false, message: i18n.global.t('common.api.networkError') };
     }
 }
 
@@ -452,16 +453,16 @@ export async function exportBackup(): Promise<{
             };
             return {
                 success: false,
-                error: errorData.message || errorData.error || '导出失败'
+                error: errorData.message || errorData.error || i18n.global.t('common.api.exportFail')
             };
         }
 
         return await response.json();
     } catch (error) {
-        console.error('导出备份失败:', error);
+        console.error('Failed to export backup:', error);
         return {
             success: false,
-            error: error instanceof Error ? error.message : '网络请求失败'
+            error: error instanceof Error ? error.message : i18n.global.t('common.api.networkError')
         };
     }
 }
@@ -492,16 +493,16 @@ export async function importBackup(
             const errorData = (await response.json().catch(() => ({}))) as any;
             return {
                 success: false,
-                message: errorData.message || errorData.error || '导入失败'
+                message: errorData.message || errorData.error || i18n.global.t('common.api.importFail')
             };
         }
 
         return (await response.json()) as ApiResponse;
     } catch (error) {
-        console.error('导入备份失败:', error);
+        console.error('Failed to import backup:', error);
         return {
             success: false,
-            message: error instanceof Error ? error.message : '网络请求失败'
+            message: error instanceof Error ? error.message : i18n.global.t('common.api.networkError')
         };
     }
 }
@@ -531,16 +532,16 @@ export async function validateBackupFile(backupData: unknown): Promise<{
         if (!response.ok) {
             return {
                 valid: false,
-                error: '验证请求失败'
+                error: i18n.global.t('common.api.authFail')
             };
         }
 
         return await response.json();
     } catch (error) {
-        console.error('验证备份失败:', error);
+        console.error('Failed to verify backup:', error);
         return {
             valid: false,
-            error: error instanceof Error ? error.message : '网络请求失败'
+            error: error instanceof Error ? error.message : i18n.global.t('common.api.networkError')
         };
     }
 }
@@ -557,8 +558,8 @@ export async function createSnapshot(name: string): Promise<ApiResponse & { data
         });
         return await response.json();
     } catch (error) {
-        console.error('创建快照失败:', error);
-        return { success: false, message: '网络请求失败' };
+        console.error('Failed to create snapshot:', error);
+        return { success: false, message: i18n.global.t('common.api.networkError') };
     }
 }
 
@@ -570,7 +571,7 @@ export async function fetchSnapshots(): Promise<{ success: boolean; data: any[]
         const response = await fetch('/api/backup/snapshot/list');
         return await response.json();
     } catch (error) {
-        console.error('获取快照列表失败:', error);
+        console.error('Failed to fetch snapshot list:', error);
         return { success: false, data: [] };
     }
 }
@@ -588,7 +589,7 @@ export async function deleteSnapshot(id: string): Promise<boolean> {
         const result = (await response.json()) as { success: boolean };
         return result.success;
     } catch (error) {
-        console.error('删除快照失败:', error);
+        console.error('Failed to delete snapshot:', error);
         return false;
     }
 }
@@ -607,8 +608,8 @@ export async function batchDeleteSnapshots(
         });
         return await response.json();
     } catch (error) {
-        console.error('批量删除快照失败:', error);
-        return { success: false, message: '网络请求失败' };
+        console.error('Failed to batch delete snapshots:', error);
+        return { success: false, message: i18n.global.t('common.api.networkError') };
     }
 }
 
@@ -627,8 +628,8 @@ export async function restoreSnapshot(
         });
         return await response.json();
     } catch (error) {
-        console.error('恢复快照失败:', error);
-        return { success: false, message: '网络请求失败' };
+        console.error('Failed to restore snapshot:', error);
+        return { success: false, message: i18n.global.t('common.api.networkError') };
     }
 }
 
@@ -659,13 +660,13 @@ export async function sendNotification(message: string): Promise<ApiResponse> {
             };
             return {
                 success: false,
-                message: errorData.message || errorData.error || `服务器错误 (${response.status})`
+                message: errorData.message || errorData.error || `Server error (${response.status})`
             };
         }
 
         return await response.json();
     } catch (error) {
-        console.error('发送通知失败:', error);
-        return { success: false, message: '网络请求失败' };
+        console.error('Failed to send notification:', error);
+        return { success: false, message: i18n.global.t('common.api.networkError') };
     }
 }
diff --git a/src/common/utils/format.ts b/src/common/utils/format.ts
index 0d62524d..d221dce9 100644
--- a/src/common/utils/format.ts
+++ b/src/common/utils/format.ts
@@ -1,3 +1,4 @@
+import i18n from "@/i18n";
 /**
  * 格式化字节数
  * @param bytes 字节数
@@ -32,7 +33,7 @@ export const formatExpiry = (expireTimestamp?: number) => {
 
     return {
         date: expiryDate.toLocaleDateString(),
-        daysRemaining: diffDays < 0 ? '已过期' : diffDays === 0 ? '今天到期' : `${diffDays} 天后`,
+        daysRemaining: diffDays < 0 ? i18n.global.t('widgets.subscription.filterEditor.keywords.expired') : diffDays === 0 ? i18n.global.t('widgets.subscription.filterEditor.keywords.expired') : `${diffDays} ${i18n.global.t('widgets.subscription.filterEditor.keywords.remainingTraffic')}`,
         style: style
     };
 };
diff --git a/src/common/utils/importer.ts b/src/common/utils/importer.ts
index 168eae32..f2d29f9b 100644
--- a/src/common/utils/importer.ts
+++ b/src/common/utils/importer.ts
@@ -1,3 +1,4 @@
+import i18n from '@/i18n';
 /**
  * ==================== 订阅和节点导入模块 ====================
  *
@@ -46,7 +47,7 @@ export function createSubscription(url: string, name?: string): Subscription {
         // 生成唯一标识符（优先使用包装后的兼容函数）
         id: generateUUID(),
         // 设置订阅名称（优先使用传入的名称，否则从 URL 提取，最后使用默认值）
-        name: name || extractNodeName(url) || '未命名',
+        name: name || extractNodeName(url) || i18n.global.t('entities.subscription.tg.unnamed'),
         // 保存订阅 URL
         url: url,
         // 默认启用该订阅
@@ -82,7 +83,7 @@ export function createNode(url: string, name?: string): Node {
         // 生成唯一标识符（优先使用包装后的兼容函数）
         id: generateUUID(),
         // 设置节点名称（优先使用传入的名称，否则从 URL 提取，最后使用默认值）
-        name: name || extractNodeName(url) || '未命名',
+        name: name || extractNodeName(url) || i18n.global.t('entities.subscription.tg.unnamed'),
         // 保存节点 URL
         url: url,
         // 节点类型
diff --git a/src/common/utils/navigation.ts b/src/common/utils/navigation.ts
index 2b49748c..015e9f0f 100644
--- a/src/common/utils/navigation.ts
+++ b/src/common/utils/navigation.ts
@@ -1,19 +1,19 @@
 export const APP_TABS = {
     dashboard: {
-        title: '仪表盘',
-        description: '概览您的订阅和节点状态'
+        title: 'views.tabs.dashboard.title',
+        description: 'views.tabs.dashboard.desc'
     },
     subscriptions: {
-        title: '订阅管理',
-        description: '管理您的所有机场订阅链接'
+        title: 'views.tabs.subscriptions.title',
+        description: 'views.tabs.subscriptions.desc'
     },
     profiles: {
-        title: '订阅组',
-        description: '创建和管理订阅组合'
+        title: 'views.tabs.profiles.title',
+        description: 'views.tabs.profiles.desc'
     },
     nodes: {
-        title: '手动节点',
-        description: '添加和管理单个节点链接'
+        title: 'views.tabs.nodes.title',
+        description: 'views.tabs.nodes.desc'
     }
 } as const;
 
diff --git a/src/common/utils/node.ts b/src/common/utils/node.ts
index d183e779..8cb3acb2 100644
--- a/src/common/utils/node.ts
+++ b/src/common/utils/node.ts
@@ -52,7 +52,7 @@ export const getUniqueKey = (url: string): string => {
                 return 'vmess://' + JSON.stringify(sortedConfig);
             } catch (e) {
                 // 如果 VMess 解析失败（如非标准格式），回退到通用处理
-                console.warn('VMess 指纹生成回退到通用模式:', e);
+                console.warn('VMess fingerprint generation fallback to universal mode:', e);
             }
         }
 
@@ -68,7 +68,7 @@ export const getUniqueKey = (url: string): string => {
     } catch (e) {
         // 兜底逻辑：发生任何未知错误，直接使用原始 URL 作为 Key
         // 宁可不去重，也不能错误去重
-        console.error('生成节点唯一键致命错误:', url, e);
+        console.error('Fatal error generating node unique key:', url, e);
         return url;
     }
 };
diff --git a/src/common/utils/utils.ts b/src/common/utils/utils.ts
index 2e926bbb..95eb57b4 100644
--- a/src/common/utils/utils.ts
+++ b/src/common/utils/utils.ts
@@ -1,3 +1,4 @@
+import i18n from '@/i18n';
 /**
  * ==================== 实用工具函数模块 ====================
  *
@@ -223,7 +224,7 @@ export function extractNodeName(url: string): string {
         }
     } catch (e) {
         // 解析失败时的错误处理
-        console.error('提取节点名称时出错:', e);
+        console.error('Error extracting node name:', e);
         // 返回截断的 URL（最多 50 个字符）作为备用名称
         return trimmedUrl.substring(0, 50);
     }
@@ -246,7 +247,7 @@ export function extractHostAndPort(url: string): { host: string; port: string }
 
     try {
         const protocolEndIndex = url.indexOf('://');
-        if (protocolEndIndex === -1) throw new Error('无效的 URL：缺少协议头');
+        if (protocolEndIndex === -1) throw new Error(i18n.global.t('common.api.formatError'));
 
         const protocol = url.substring(0, protocolEndIndex).toLowerCase();
         const fragmentStartIndex = url.indexOf('#');
@@ -344,7 +345,7 @@ export function extractHostAndPort(url: string): { host: string; port: string }
 
         return { host: '', port: '' };
     } catch (e) {
-        console.error('提取主机和端口失败:', url, e);
+        console.error('Failed to extract host and port:', url, e);
         return { host: '', port: '' };
     }
 }
@@ -393,7 +394,7 @@ export async function copyToClipboard(text: string): Promise<boolean> {
             await navigator.clipboard.writeText(text);
             return true;
         } catch (err) {
-            console.warn('Clipboard API 复制尝试失败，将尝试回退方法:', err);
+            console.warn('Clipboard API copy attempt failed, will try fallback method:', err);
         }
     }
 
@@ -416,7 +417,7 @@ export async function copyToClipboard(text: string): Promise<boolean> {
         document.body.removeChild(textArea);
         return successful;
     } catch (err) {
-        console.error('所有复制方法均失败:', err);
+        console.error('All copy methods failed:', err);
         return false;
     }
 }
diff --git a/src/entities/node/model/useNodeFetching.ts b/src/entities/node/model/useNodeFetching.ts
index 63dca002..3f319167 100644
--- a/src/entities/node/model/useNodeFetching.ts
+++ b/src/entities/node/model/useNodeFetching.ts
@@ -6,6 +6,7 @@ import { Base64 } from 'js-base64';
 
 import { useDataStore } from '@/stores/useAppStore';
 import { useNotificationStore as useToastStore } from '@/stores/useNotificationStore';
+import i18n from '@/i18n';
 
 export interface DisplayNode {
     id: string;
@@ -71,10 +72,10 @@ export function useNodeFetching(props: {
                 nodes.value = [];
             }
         } catch (error: unknown) {
-            console.error('获取节点信息失败:', error);
+            console.error('Failed to fetch node info:', error);
             const msg = error instanceof Error ? error.message : String(error);
-            errorMessage.value = `获取节点信息失败: ${msg}`;
-            toastStore.showToast('获取节点信息失败', 'error');
+            errorMessage.value = `${i18n.global.t('entities.node.fetching.fetchFailedPrefix')}${msg}`;
+            toastStore.showToast(i18n.global.t('entities.node.fetching.fetchFailed'), 'error');
         } finally {
             isLoading.value = false;
         }
@@ -99,7 +100,7 @@ export function useNodeFetching(props: {
                 for (const node of selectedManualNodes) {
                     profileNodes.push({
                         id: node.id,
-                        name: node.name || '未命名节点',
+                        name: node.name || i18n.global.t('entities.node.fetching.unnamedNode'),
                         url: node.url || '',
                         protocol: (
                             node.type ||
@@ -155,7 +156,7 @@ export function useNodeFetching(props: {
                                 }
                             }
                         } catch (error) {
-                            console.error(`获取订阅 ${subscription.name} 节点失败:`, error);
+                            console.error(`Failed to fetch nodes for subscription ${subscription.name}:`, error);
                         }
                     }
                     return [];
@@ -167,10 +168,10 @@ export function useNodeFetching(props: {
 
             nodes.value = profileNodes;
         } catch (error: unknown) {
-            console.error('获取订阅组节点信息失败:', error);
+            console.error('Failed to fetch profile node info:', error);
             const msg = error instanceof Error ? error.message : String(error);
-            errorMessage.value = `获取节点信息失败: ${msg}`;
-            toastStore.showToast('获取节点信息失败', 'error');
+            errorMessage.value = `${i18n.global.t('entities.node.fetching.fetchGroupFailedPrefix')}${msg}`;
+            toastStore.showToast(i18n.global.t('entities.node.fetching.fetchFailed'), 'error');
         } finally {
             isLoading.value = false;
         }
@@ -188,7 +189,7 @@ export function useNodeFetching(props: {
 
     const refreshNodes = async () => {
         await loadData();
-        toastStore.showToast('节点信息已刷新', 'success');
+        toastStore.showToast(i18n.global.t('entities.node.fetching.refreshed'), 'success');
     };
 
     const extractHost = (url?: string) => {
@@ -200,9 +201,9 @@ export function useNodeFetching(props: {
                     const decoded = Base64.decode(base64);
                     const config = JSON.parse(decoded);
                     if (config.add && config.port) return `${config.add}:${config.port}`;
-                    return config.add || '未知地址';
+                    return config.add || i18n.global.t('entities.node.fetching.unknownAddress');
                 } catch (e) {
-                    return 'VMess 格式错误';
+                    return i18n.global.t('entities.node.fetching.vmessError');
                 }
             }
             if (url.startsWith('ss://') && !url.includes('@')) {
@@ -219,7 +220,7 @@ export function useNodeFetching(props: {
             if (!urlObj.hostname) return '';
             return urlObj.port ? `${urlObj.hostname}:${urlObj.port}` : urlObj.hostname;
         } catch (e) {
-            return 'URL 解析错误';
+            return i18n.global.t('entities.node.fetching.urlError');
         }
     };
 
diff --git a/src/entities/node/model/useNodeForm.ts b/src/entities/node/model/useNodeForm.ts
index 921ee056..a2aceb4f 100644
--- a/src/entities/node/model/useNodeForm.ts
+++ b/src/entities/node/model/useNodeForm.ts
@@ -3,8 +3,8 @@ import { computed, ref, watch } from 'vue';
 import type { Node } from '@/common/types/index';
 import { getProtocol } from '@/common/utils/protocols';
 import { extractHostAndPort, extractNodeName } from '@/common/utils/utils';
-
 import { useToastStore } from '@/stores/useNotificationStore';
+import i18n from '@/i18n';
 
 export function useNodeForm(
     props: { show: boolean; node: Node | null; isNew: boolean },
@@ -16,8 +16,8 @@ export function useNodeForm(
     const urlError = ref('');
     const hasAutoExtractedName = ref(false);
 
-    const modalTitle = computed(() => (props.isNew ? '新增手动节点' : '编辑手动节点'));
-    const saveButtonText = computed(() => (props.isNew ? '添加' : '保存'));
+    const modalTitle = computed(() => (props.isNew ? i18n.global.t('entities.node.form.newManualNode') : i18n.global.t('entities.node.form.editManualNode')));
+    const saveButtonText = computed(() => (props.isNew ? i18n.global.t('entities.node.form.add') : i18n.global.t('entities.node.form.save')));
     const canSave = computed(() => {
         return localNode.value?.url && !urlError.value;
     });
@@ -38,19 +38,19 @@ export function useNodeForm(
         urlError.value = '';
 
         if (!localNode.value?.url) {
-            urlError.value = '节点链接不能为空';
+            urlError.value = i18n.global.t('entities.node.form.urlEmpty');
             return false;
         }
 
         const url = localNode.value.url.trim();
 
         if (!url) {
-            urlError.value = '节点链接不能为空';
+            urlError.value = i18n.global.t('entities.node.form.urlEmpty');
             return false;
         }
 
         if (!url.includes('://')) {
-            urlError.value = '无效的节点链接格式';
+            urlError.value = i18n.global.t('entities.node.form.urlInvalid');
             return false;
         }
 
@@ -68,7 +68,7 @@ export function useNodeForm(
 
         if (url && !localNode.value.name && !hasAutoExtractedName.value) {
             const extractedName = extractNodeName(url);
-            if (extractedName && extractedName !== '未命名节点') {
+            if (extractedName && extractedName !== i18n.global.t('entities.node.fetching.unnamedNode')) {
                 localNode.value.name = extractedName;
                 hasAutoExtractedName.value = true;
             }
@@ -83,7 +83,7 @@ export function useNodeForm(
         if (!localNode.value) return;
 
         if (!validateUrl()) {
-            toastStore.showToast('请修正错误后再保存', 'error');
+            toastStore.showToast(i18n.global.t('common.form.fixErrors'), 'error');
             return;
         }
 
diff --git a/src/entities/node/model/useNodeManagement.ts b/src/entities/node/model/useNodeManagement.ts
index da9b6ef2..1345cd2a 100644
--- a/src/entities/node/model/useNodeManagement.ts
+++ b/src/entities/node/model/useNodeManagement.ts
@@ -5,6 +5,7 @@ import { createNode, parseImportText } from '@/common/utils/importer';
 
 import { useDataStore } from '@/stores/useAppStore';
 import { useToastStore } from '@/stores/useNotificationStore';
+import i18n from '@/i18n';
 
 export function useNodeManagement() {
     const dataStore = useDataStore();
@@ -55,7 +56,7 @@ export function useNodeManagement() {
     const handleSaveNode = async (updatedNode: Node | undefined, onSuccess: () => void) => {
         const nodeToSave = updatedNode || editingNode.value;
         if (!nodeToSave?.url) {
-            toastStore.showToast('节点链接不能为空', 'error');
+            toastStore.showToast(i18n.global.t('entities.node.management.urlEmpty'), 'error');
             return;
         }
 
@@ -100,7 +101,7 @@ export function useNodeManagement() {
         }
 
         toastStore.showToast(
-            `成功导入 ${subs.length} 条订阅和 ${nodes.length} 个手动节点`,
+            i18n.global.t('entities.node.management.importSuccess').replace('{subs}', String(subs.length)).replace('{nodes}', String(nodes.length)),
             'success'
         );
         showBulkImportModal.value = false;
@@ -120,7 +121,7 @@ export function useNodeManagement() {
     };
 
     const handleSaveSort = async () => {
-        await dataStore.saveData('节点排序');
+        await dataStore.saveData(i18n.global.t('entities.node.management.nodeSort'));
         hasUnsavedSortChanges.value = false;
         isSortingNodes.value = false;
     };
diff --git a/src/entities/node/model/useNodeSelection.ts b/src/entities/node/model/useNodeSelection.ts
index eeaf6708..8921232c 100644
--- a/src/entities/node/model/useNodeSelection.ts
+++ b/src/entities/node/model/useNodeSelection.ts
@@ -5,6 +5,7 @@ import { copyToClipboard } from '@/common/utils/utils';
 import { useNotificationStore as useToastStore } from '@/stores/useNotificationStore';
 
 import type { DisplayNode } from '@/entities/node/model/useNodeFetching';
+import i18n from '@/i18n';
 
 export function useNodeSelection(filteredNodes: Ref<DisplayNode[]>) {
     const selectedNodes = ref(new Set<string>());
@@ -32,24 +33,24 @@ export function useNodeSelection(filteredNodes: Ref<DisplayNode[]>) {
             .map((node: DisplayNode) => node.url);
 
         if (selectedNodeUrls.length === 0) {
-            toastStore.showToast('请先选择要复制的节点', 'warning');
+            toastStore.showToast(i18n.global.t('entities.node.selection.selectFirst'), 'warning');
             return;
         }
 
         const success = await copyToClipboard(selectedNodeUrls.join('\n'));
         if (success) {
-            toastStore.showToast(`已复制 ${selectedNodeUrls.length} 个节点到剪贴板`, 'success');
+            toastStore.showToast(i18n.global.t('entities.node.selection.copyMultiple').replace('{count}', String(selectedNodeUrls.length)), 'success');
         } else {
-            toastStore.showToast('复制失败', 'error');
+            toastStore.showToast(i18n.global.t('entities.node.selection.copyFailed'), 'error');
         }
     };
 
     const handleCopySingle = async (url: string) => {
         const success = await copyToClipboard(url);
         if (success) {
-            toastStore.showToast('已复制节点链接', 'success');
+            toastStore.showToast(i18n.global.t('entities.node.selection.copySingle'), 'success');
         } else {
-            toastStore.showToast('复制失败', 'error');
+            toastStore.showToast(i18n.global.t('entities.node.selection.copyFailed'), 'error');
         }
     };
 
diff --git a/src/entities/node/model/useNodes.ts b/src/entities/node/model/useNodes.ts
index 9b5f404b..b6691dd5 100644
--- a/src/entities/node/model/useNodes.ts
+++ b/src/entities/node/model/useNodes.ts
@@ -1,6 +1,7 @@
 import { computed, ref } from 'vue';
 
 import type { Node } from '@/common/types/index';
+import i18n from '@/i18n';
 
 export function useNodes(saveData: (reason: string, showToast?: boolean) => Promise<boolean>) {
     const manualNodes = ref<Node[]>([]);
@@ -9,14 +10,14 @@ export function useNodes(saveData: (reason: string, showToast?: boolean) => Prom
 
     async function addNode(node: Node) {
         manualNodes.value.unshift(node);
-        await saveData('新增节点');
+        await saveData(i18n.global.t('entities.node.actions.add'));
     }
 
     async function updateNode(node: Node) {
         const idx = manualNodes.value.findIndex((n: Node) => n.id === node.id);
         if (idx !== -1) {
             manualNodes.value[idx] = { ...node };
-            await saveData('更新节点');
+            await saveData(i18n.global.t('entities.node.actions.update'));
         }
     }
 
@@ -26,7 +27,7 @@ export function useNodes(saveData: (reason: string, showToast?: boolean) => Prom
     ) {
         manualNodes.value = manualNodes.value.filter((n: Node) => n.id !== id);
         removeIdFromProfiles(id, 'manualNodes');
-        await saveData('删除节点');
+        await saveData(i18n.global.t('entities.node.actions.delete'));
     }
 
     async function deleteAllNodes(
@@ -34,7 +35,7 @@ export function useNodes(saveData: (reason: string, showToast?: boolean) => Prom
     ) {
         manualNodes.value = [];
         clearProfilesField('manualNodes');
-        await saveData('清空节点');
+        await saveData(i18n.global.t('entities.node.actions.clear'));
     }
 
     async function batchDeleteNodes(
@@ -44,13 +45,13 @@ export function useNodes(saveData: (reason: string, showToast?: boolean) => Prom
         const idSet = new Set(ids);
         manualNodes.value = manualNodes.value.filter((n: Node) => !idSet.has(n.id + ''));
         ids.forEach((id: string) => removeIdFromProfiles(id, 'manualNodes'));
-        await saveData('批量删除节点');
+        await saveData(i18n.global.t('entities.node.actions.batchDelete'));
     }
 
     async function addNodesFromBulk(nodes: Node[]) {
         if (nodes.length > 0) {
             manualNodes.value.unshift(...nodes);
-            await saveData('批量导入节点');
+            await saveData(i18n.global.t('entities.node.actions.batchImport'));
         }
     }
 
@@ -65,7 +66,7 @@ export function useNodes(saveData: (reason: string, showToast?: boolean) => Prom
 
         if (manualNodes.value.length !== unique.size) {
             manualNodes.value = Array.from(unique.values());
-            await saveData('节点去重');
+            await saveData(i18n.global.t('entities.node.actions.deduplicate'));
         }
     }
 
@@ -73,7 +74,7 @@ export function useNodes(saveData: (reason: string, showToast?: boolean) => Prom
         manualNodes.value.sort((a: Node, b: Node) =>
             (a.name || '').localeCompare(b.name || '', 'zh-CN')
         );
-        await saveData('自动排序');
+        await saveData(i18n.global.t('entities.node.actions.autoSort'));
     }
 
     return {
diff --git a/src/entities/node/model/useSubscriptionImport.ts b/src/entities/node/model/useSubscriptionImport.ts
index 201da02e..1b4d3e01 100644
--- a/src/entities/node/model/useSubscriptionImport.ts
+++ b/src/entities/node/model/useSubscriptionImport.ts
@@ -4,6 +4,7 @@ import type { Node } from '@/common/types/index';
 import { parseImportText } from '@/common/utils/importer';
 
 import { useToastStore } from '@/stores/useNotificationStore';
+import i18n from '@/i18n';
 
 export function useSubscriptionImport(
     props: {
@@ -38,7 +39,7 @@ export function useSubscriptionImport(
 
     const readFileContent = (file: File) => {
         if (file.size > 5 * 1024 * 1024) {
-            errorMessage.value = '文件过大，请上传小于 5MB 的文件';
+            errorMessage.value = i18n.global.t('entities.node.import.fileTooLarge');
             return;
         }
 
@@ -48,11 +49,11 @@ export function useSubscriptionImport(
             if (typeof result === 'string') {
                 textContent.value = result;
                 errorMessage.value = '';
-                toastStore.showToast(`已读取文件: ${file.name}`, 'success');
+                toastStore.showToast(i18n.global.t('entities.node.import.fileRead').replace('{name}', file.name), 'success');
             }
         };
         reader.onerror = () => {
-            errorMessage.value = '文件读取失败';
+            errorMessage.value = i18n.global.t('entities.node.import.fileReadError');
         };
         reader.readAsText(file);
     };
@@ -88,12 +89,12 @@ export function useSubscriptionImport(
                 await props.onImportSuccess();
             }
             toastStore.showToast(
-                `🚀 ${methodMsg}成功！共添加 ${newNodes.length} 个节点`,
+                i18n.global.t('entities.node.import.importSuccessMethod').replace('{method}', methodMsg).replace('{count}', String(newNodes.length)),
                 'success'
             );
             emit('update:show', false);
         } else {
-            errorMessage.value = '未能解析出任何节点，请检查内容或链接是否正确。';
+            errorMessage.value = i18n.global.t('entities.node.import.parseFailed');
         }
     };
 
@@ -102,13 +103,13 @@ export function useSubscriptionImport(
 
         if (mode.value === 'url') {
             if (!subscriptionUrl.value.trim()) {
-                errorMessage.value = '请输入订阅链接';
+                errorMessage.value = i18n.global.t('entities.node.import.emptyUrl');
                 return;
             }
             try {
                 new URL(subscriptionUrl.value);
             } catch {
-                errorMessage.value = '请输入有效的 URL (例如 https://example.com/...)';
+                errorMessage.value = i18n.global.t('entities.node.import.invalidUrl');
                 return;
             }
 
@@ -128,17 +129,17 @@ export function useSubscriptionImport(
                     throw new Error(errorData.error || `HTTP error! status: ${response.status}`);
                 }
 
-                await _processParseResponse(await response.json(), '导入');
+                await _processParseResponse(await response.json(), i18n.global.t('entities.subscription.actions.import'));
             } catch (error: unknown) {
-                console.error('导入失败:', error);
+                console.error('Import failed:', error);
                 const msg = error instanceof Error ? error.message : String(error);
-                errorMessage.value = `导入失败: ${msg}`;
+                errorMessage.value = i18n.global.t('entities.node.import.importFailedMsg').replace('{msg}', msg);
             } finally {
                 isLoading.value = false;
             }
         } else {
             if (!textContent.value.trim()) {
-                errorMessage.value = '请粘贴订阅内容或上传文件';
+                errorMessage.value = i18n.global.t('entities.node.import.emptyContent');
                 return;
             }
 
@@ -151,10 +152,10 @@ export function useSubscriptionImport(
                     if (props.onImportSuccess) {
                         await props.onImportSuccess();
                     }
-                    toastStore.showToast(`导入成功！共添加 ${nodes.length} 个节点`, 'success');
+                    toastStore.showToast(i18n.global.t('entities.node.import.importSuccess').replace('{count}', String(nodes.length)), 'success');
                     emit('update:show', false);
                 } else if (subs.length > 0) {
-                    errorMessage.value = `检测到 ${subs.length} 个订阅链接，请使用 URL 导入模式或在订阅管理中添加。`;
+                    errorMessage.value = i18n.global.t('entities.node.import.subsDetected').replace('{count}', String(subs.length));
                 } else {
                     const response = await fetch('/api/node_count', {
                         method: 'POST',
@@ -165,13 +166,13 @@ export function useSubscriptionImport(
                         })
                     });
 
-                    if (!response.ok) throw new Error('后端解析也失败了');
-                    await _processParseResponse(await response.json(), '导入');
+                    if (!response.ok) throw new Error(i18n.global.t('entities.node.import.backendParseFailed'));
+                    await _processParseResponse(await response.json(), i18n.global.t('entities.subscription.actions.import'));
                 }
             } catch (error: unknown) {
-                console.error('导入失败:', error);
+                console.error('Import failed:', error);
                 const msg = error instanceof Error ? error.message : String(error);
-                errorMessage.value = `导入失败: ${msg}。支持节点链接、Clash(YAML)、Base64 等格式。`;
+                errorMessage.value = i18n.global.t('entities.node.import.importFailedMsgExt').replace('{msg}', msg);
             } finally {
                 isLoading.value = false;
             }
diff --git a/src/entities/profile/model/useProfileManagement.ts b/src/entities/profile/model/useProfileManagement.ts
index 00a2745f..6601c1da 100644
--- a/src/entities/profile/model/useProfileManagement.ts
+++ b/src/entities/profile/model/useProfileManagement.ts
@@ -4,6 +4,7 @@ import type { Profile } from '@/common/types/index';
 
 import { useDataStore } from '@/stores/useAppStore';
 import { useToastStore } from '@/stores/useNotificationStore';
+import i18n from '@/i18n';
 
 export function useProfileManagement() {
     const dataStore = useDataStore();
@@ -29,7 +30,7 @@ export function useProfileManagement() {
 
     const handleAddProfile = () => {
         if (!config.value.profileToken?.trim()) {
-            toastStore.showToast('请先在"设置"中配置"订阅组分享Token"', 'error');
+            toastStore.showToast(i18n.global.t('entities.profile.management.tokenRequired'), 'error');
             return;
         }
         isNewProfile.value = true;
@@ -56,7 +57,7 @@ export function useProfileManagement() {
 
     const handleSaveProfile = async (profileData: Profile, onSuccess?: () => void) => {
         if (!profileData?.name) {
-            toastStore.showToast('订阅组名称不能为空', 'error');
+            toastStore.showToast(i18n.global.t('entities.profile.management.nameEmpty'), 'error');
             return;
         }
 
diff --git a/src/entities/profile/model/useProfiles.ts b/src/entities/profile/model/useProfiles.ts
index 2ded9083..c9ec4fa3 100644
--- a/src/entities/profile/model/useProfiles.ts
+++ b/src/entities/profile/model/useProfiles.ts
@@ -2,6 +2,7 @@ import { ref } from 'vue';
 
 import type { Profile } from '@/common/types/index';
 import { generateShortId, generateUUID } from '@/common/utils/utils';
+import i18n from '@/i18n';
 
 export function useProfiles(
     saveData: (reason: string, showToast?: boolean) => Promise<boolean>,
@@ -20,12 +21,12 @@ export function useProfiles(
         }
 
         if (profiles.value.some((p: Profile) => p.customId === newProfile.customId)) {
-            showToast('自定义ID已存在，请修改', 'error');
+            showToast(i18n.global.t('entities.profile.actions.customIdExists'), 'error');
             return false;
         }
 
         profiles.value.unshift(newProfile);
-        return await saveData('新增订阅组');
+        return await saveData(i18n.global.t('entities.profile.actions.add'));
     }
 
     async function updateProfile(profile: Profile): Promise<boolean> {
@@ -34,7 +35,7 @@ export function useProfiles(
 
         if (profile.customId !== profiles.value[idx].customId) {
             if (!profile.customId?.trim()) {
-                showToast('自定义ID不能为空', 'error');
+                showToast(i18n.global.t('entities.profile.actions.customIdEmpty'), 'error');
                 return false;
             }
             if (
@@ -42,36 +43,36 @@ export function useProfiles(
                     (p: Profile) => p.id !== profile.id && p.customId === profile.customId
                 )
             ) {
-                showToast('自定义ID已存在', 'error');
+                showToast(i18n.global.t('entities.profile.actions.customIdExists2'), 'error');
                 return false;
             }
         }
 
         profiles.value[idx] = { ...profile };
-        return await saveData('更新订阅组');
+        return await saveData(i18n.global.t('entities.profile.actions.update'));
     }
 
     async function deleteProfile(id: string) {
         profiles.value = profiles.value.filter((p: Profile) => p.id !== id);
-        await saveData('删除订阅组');
+        await saveData(i18n.global.t('entities.profile.actions.delete'));
     }
 
     async function deleteAllProfiles() {
         profiles.value = [];
-        await saveData('清空订阅组');
+        await saveData(i18n.global.t('entities.profile.actions.clear'));
     }
 
     async function batchDeleteProfiles(ids: string[]) {
         const idSet = new Set(ids);
         profiles.value = profiles.value.filter((p: Profile) => !idSet.has(p.id));
-        await saveData('批量删除订阅组');
+        await saveData(i18n.global.t('entities.profile.actions.batchDelete'));
     }
 
     async function toggleProfile(id: string, enabled: boolean) {
         const p = profiles.value.find((p: Profile) => p.id === id);
         if (p) {
             p.enabled = enabled;
-            await saveData('切换订阅组状态', false);
+            await saveData(i18n.global.t('entities.profile.actions.toggleStatus'), false);
         }
     }
 
diff --git a/src/entities/subscription/model/useSubscriptionForm.ts b/src/entities/subscription/model/useSubscriptionForm.ts
index 0eb925b0..095a4bc0 100644
--- a/src/entities/subscription/model/useSubscriptionForm.ts
+++ b/src/entities/subscription/model/useSubscriptionForm.ts
@@ -3,6 +3,7 @@ import { computed, ref, watch } from 'vue';
 import type { Subscription } from '@/common/types/index';
 
 import { useToastStore } from '@/stores/useNotificationStore';
+import { useI18n } from 'vue-i18n';
 
 interface UseSubscriptionFormProps {
     show: boolean;
@@ -16,14 +17,15 @@ export function useSubscriptionForm(
     onCancel: () => void
 ) {
     const toastStore = useToastStore();
+    const { t } = useI18n();
 
     const localSubscription = ref<Subscription | null>(null);
     const urlError = ref('');
     const nameError = ref('');
     const showAdvanced = ref(false);
 
-    const modalTitle = computed(() => (props.isNew ? '新增订阅' : '编辑订阅'));
-    const saveButtonText = computed(() => (props.isNew ? '添加' : '保存'));
+    const modalTitle = computed(() => (props.isNew ? t('entities.subscription.modal.addTitle') : t('entities.subscription.modal.editTitle')));
+    const saveButtonText = computed(() => (props.isNew ? t('entities.subscription.modal.addBtn') : t('entities.subscription.modal.saveBtn')));
 
     const canSave = computed(() => {
         return localSubscription.value?.url && !urlError.value && !nameError.value;
@@ -46,21 +48,21 @@ export function useSubscriptionForm(
         urlError.value = '';
 
         if (!localSubscription.value?.url) {
-            urlError.value = '订阅链接不能为空';
+            urlError.value = t('entities.subscription.modal.urlEmpty');
             return false;
         }
 
         const url = localSubscription.value.url.trim();
 
         if (!url.startsWith('http://') && !url.startsWith('https://')) {
-            urlError.value = '订阅链接必须以 http:// 或 https:// 开头';
+            urlError.value = t('entities.subscription.modal.urlInvalidScheme');
             return false;
         }
 
         try {
             new URL(url);
         } catch {
-            urlError.value = '无效的 URL 格式';
+            urlError.value = t('entities.subscription.modal.urlInvalid');
             return false;
         }
 
@@ -79,7 +81,7 @@ export function useSubscriptionForm(
         if (!localSubscription.value) return;
 
         if (!validateUrl()) {
-            toastStore.showToast('请修正错误后再保存', 'error');
+            toastStore.showToast(t('entities.subscription.modal.fixErrors'), 'error');
             return;
         }
 
diff --git a/src/entities/subscription/model/useSubscriptionManagement.ts b/src/entities/subscription/model/useSubscriptionManagement.ts
index 7dd0d628..52ba5e1c 100644
--- a/src/entities/subscription/model/useSubscriptionManagement.ts
+++ b/src/entities/subscription/model/useSubscriptionManagement.ts
@@ -7,6 +7,7 @@ import { sendNotification } from '@/common/utils/api';
 
 import { useDataStore } from '@/stores/useAppStore';
 import { useToastStore } from '@/stores/useNotificationStore';
+import i18n from '@/i18n';
 
 export function useSubscriptionManagement() {
     const dataStore = useDataStore();
@@ -41,11 +42,11 @@ export function useSubscriptionManagement() {
 
     const handleSaveSubscription = async (updatedSub: Subscription, onSuccess: () => void) => {
         if (!updatedSub.url) {
-            toastStore.showToast('订阅链接不能为空', 'error');
+            toastStore.showToast(i18n.global.t('entities.subscription.management.urlEmpty'), 'error');
             return;
         }
         if (!HTTP_REGEX.test(updatedSub.url)) {
-            toastStore.showToast('请输入有效的 http:// 或 https:// 订阅链接', 'error');
+            toastStore.showToast(i18n.global.t('entities.subscription.management.urlInvalid'), 'error');
             return;
         }
 
@@ -78,22 +79,20 @@ export function useSubscriptionManagement() {
 
         const success = await dataStore.updateSubscriptionNodes(subscriptionId);
         if (success) {
-            if (!silent) toastStore.showToast(`${sub.name || '订阅'} 已更新`, 'success');
-            await dataStore.saveData('订阅节点更新', false);
+            if (!silent) toastStore.showToast(i18n.global.t('entities.subscription.management.updated').replace('{name}', sub.name || ''), 'success');
+            await dataStore.saveData(i18n.global.t('entities.subscription.actions.update'), false);
 
             // 发送 TG 通知（单个订阅更新）
             const nodeCount = sub.nodeCount || 0;
             const message = 
-                `┏━━━━━━━━━━━━━━━━━━━━━┓\n` +
-                `┃  🔄 订阅更新完成  ┃\n` +
-                `┗━━━━━━━━━━━━━━━━━━━━━┛\n\n` +
-                `📌 *订阅名称*\n` +
-                `\`${sub.name || '未命名'}\`\n\n` +
-                `📊 *节点数量*\n` +
-                `\`${nodeCount}\` 个节点`;
+                i18n.global.t('entities.subscription.tg.singleUpdateSuccess') +
+                i18n.global.t('entities.subscription.tg.subName') +
+                `\`${sub.name || i18n.global.t('entities.subscription.tg.unnamed')}\`\n\n` +
+                i18n.global.t('entities.subscription.tg.nodeCount') +
+                `\`${nodeCount}\` ${i18n.global.t('entities.subscription.tg.nodesSuffix')}`;
             await sendNotification(message);
         } else {
-            toastStore.showToast(`更新失败: ${sub.errorMsg || '未知错误'}`, 'error');
+            toastStore.showToast(i18n.global.t('entities.subscription.management.updateFailedMsg').replace('{msg}', sub.errorMsg || ''), 'error');
         }
     };
 
@@ -103,22 +102,20 @@ export function useSubscriptionManagement() {
         try {
             const result = await dataStore.updateAllEnabledSubscriptions();
             if (result.success) {
-                toastStore.showToast(`成功更新了 ${result.count} 个订阅`, 'success');
-                await dataStore.saveData('批量更新', false);
+                toastStore.showToast(i18n.global.t('entities.subscription.management.batchUpdated').replace('{count}', String(result.count)), 'success');
+                await dataStore.saveData(i18n.global.t('entities.subscription.actions.update'), false);
 
                 // 发送 TG 通知（批量更新汇总）
                 const message = 
-                    `┏━━━━━━━━━━━━━━━━━━━━━┓\n` +
-                    `┃  🔄 批量更新完成  ┃\n` +
-                    `┗━━━━━━━━━━━━━━━━━━━━━┛\n\n` +
-                    `成功更新了 \`${result.count}\` 个订阅\n` +
-                    `📊 所有订阅节点信息已同步完成`;
+                    i18n.global.t('entities.subscription.tg.batchUpdateSuccess') +
+                    i18n.global.t('entities.subscription.tg.batchUpdateSuccessMsg').replace('{count}', String(result.count)) +
+                    i18n.global.t('entities.subscription.tg.batchUpdateAllSynced');
                 await sendNotification(message);
             } else {
-                toastStore.showToast(`更新失败: ${result.message}`, 'error');
+                toastStore.showToast(i18n.global.t('entities.subscription.management.batchFailedWithMessage').replace('{msg}', String(result.message)), 'error');
             }
         } catch (e) {
-            toastStore.showToast('批量更新失败', 'error');
+            toastStore.showToast(i18n.global.t('entities.subscription.management.batchFailed'), 'error');
         } finally {
             isUpdatingAllSubs.value = false;
         }
@@ -148,7 +145,7 @@ export function useSubscriptionManagement() {
     };
 
     const handleSortSave = async () => {
-        await dataStore.saveData('订阅排序');
+        await dataStore.saveData(i18n.global.t('entities.subscription.actions.update'));
         hasUnsavedSortChanges.value = false;
         isSortingSubs.value = false;
     };
diff --git a/src/entities/subscription/model/useSubscriptions.ts b/src/entities/subscription/model/useSubscriptions.ts
index c371e53f..88ca29f5 100644
--- a/src/entities/subscription/model/useSubscriptions.ts
+++ b/src/entities/subscription/model/useSubscriptions.ts
@@ -3,6 +3,7 @@ import { computed, ref } from 'vue';
 import type { Subscription } from '@/common/types/index';
 import * as api from '@/common/utils/api';
 import { HTTP_REGEX } from '@/common/utils/constants';
+import i18n from '@/i18n';
 
 export function useSubscriptions(
     saveData: (reason: string, showToast?: boolean) => Promise<boolean>
@@ -15,14 +16,14 @@ export function useSubscriptions(
 
     async function addSubscription(sub: Subscription): Promise<boolean> {
         subscriptions.value.unshift(sub);
-        return await saveData('新增订阅');
+        return await saveData(i18n.global.t('entities.subscription.actions.add'));
     }
 
     async function updateSubscription(sub: Subscription, silent: boolean = false) {
         const index = subscriptions.value.findIndex((s: Subscription) => s.id === sub.id);
         if (index !== -1) {
             subscriptions.value[index] = { ...sub };
-            await saveData('更新订阅', !silent);
+            await saveData(i18n.global.t('entities.subscription.actions.update'), !silent);
         }
     }
 
@@ -32,7 +33,7 @@ export function useSubscriptions(
     ) {
         subscriptions.value = subscriptions.value.filter((s: Subscription) => s.id !== id);
         removeIdFromProfiles(id, 'subscriptions');
-        await saveData('删除订阅');
+        await saveData(i18n.global.t('entities.subscription.actions.delete'));
     }
 
     async function deleteAllSubscriptions(
@@ -40,13 +41,13 @@ export function useSubscriptions(
     ) {
         subscriptions.value = [];
         clearProfilesField('subscriptions');
-        await saveData('清空订阅');
+        await saveData(i18n.global.t('entities.subscription.actions.clear'));
     }
 
     async function addSubscriptionsFromBulk(newSubs: Subscription[]) {
         if (newSubs.length === 0) return;
         subscriptions.value.push(...newSubs);
-        await saveData('批量导入订阅');
+        await saveData(i18n.global.t('entities.subscription.actions.batchImport'));
     }
 
     async function updateSubscriptionNodes(id: string): Promise<boolean> {
@@ -67,7 +68,7 @@ export function useSubscriptions(
                 return true;
             } else {
                 sub.status = 'error';
-                sub.errorMsg = '更新失败';
+                sub.errorMsg = i18n.global.t('entities.subscription.actions.updateFailed');
                 return false;
             }
         } catch (e) {
@@ -82,7 +83,7 @@ export function useSubscriptions(
         const enabled = subscriptions.value.filter(
             (s: Subscription) => s.enabled && s.url && HTTP_REGEX.test(s.url)
         );
-        if (enabled.length === 0) return { success: true, count: 0, message: '没有启用的订阅' };
+        if (enabled.length === 0) return { success: true, count: 0, message: i18n.global.t('entities.subscription.actions.noEnabled') };
 
         const ids = enabled.map((s: Subscription) => s.id);
 
@@ -120,13 +121,11 @@ export function useSubscriptions(
                 // 发送 TG 通知（仪表板立即更新）
                 if (successCount > 0) {
                     const message = 
-                        `┏━━━━━━━━━━━━━━━━━━━━━┓\n` +
-                        `┃  🔄 批量更新完成  ┃\n` +
-                        `┗━━━━━━━━━━━━━━━━━━━━━┛\n\n` +
-                        `成功更新了 \`${successCount}\` 个订阅\n` +
-                        `📊 仪表板数据已同步完成`;
+                        i18n.global.t('entities.subscription.tg.batchUpdateSuccess') +
+                        i18n.global.t('entities.subscription.management.batchUpdated').replace('{count}', String(successCount)) + '\n' +
+                        i18n.global.t('entities.subscription.tg.batchUpdateSynced');
                     api.sendNotification(message).catch((err) => {
-                        console.error('发送 TG 通知失败:', err);
+                        console.error(`${i18n.global.t('entities.subscription.actions.tgFail')}`, err);
                     });
                 }
 
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
new file mode 100644
index 00000000..e4a3025c
--- /dev/null
+++ b/src/i18n/index.ts
@@ -0,0 +1,22 @@
+import { createI18n } from 'vue-i18n';
+import zh from './locales/zh';
+import en from './locales/en';
+
+// Define the messages mapping
+const messages = {
+    zh,
+    en
+};
+
+// Retrieve saved locale from localStorage, or default to zh
+const savedLocale = localStorage.getItem('locale') || 'zh';
+
+// Create i18n instance with options
+const i18n = createI18n({
+    legacy: false, // Required for Composition API
+    locale: savedLocale,
+    fallbackLocale: 'en',
+    messages,
+});
+
+export default i18n;
diff --git a/src/i18n/locales/en.ts b/src/i18n/locales/en.ts
new file mode 100644
index 00000000..0a01edad
--- /dev/null
+++ b/src/i18n/locales/en.ts
@@ -0,0 +1,825 @@
+export default {
+    entities: {
+        subscription: {
+            modal: {
+            convert: {
+                title: 'Subscription Conversion',
+                useExternal: 'Use External API',
+                useExternalDesc: 'Use built-in conversion when off',
+                apiUrl: 'External API URL',
+                manualInput: '-- Manual Input --',
+                apiUrlPlaceholder: 'e.g., api-suc.0z.gs',
+                apiUrlHint: 'Hint: Enter the domain name directly. The system will autocomplete the path and parameters.'
+            },
+            tg: {
+                title: 'Telegram Notification',
+                tokenPlaceholder: 'Bot Token from @BotFather',
+                chatIdPlaceholder: 'Chat ID for receiving notifications'
+            },
+            notify: {
+                title: 'Notification Thresholds',
+                expireDays: 'Expiration Threshold (Days)',
+                daysPlaceholder: 'e.g., 3',
+                expireHint: 'Send a reminder when remaining days are less than this value',
+                trafficPercent: 'Traffic Threshold (%)',
+                percentPlaceholder: 'e.g., 90',
+                trafficHint: 'Send a reminder when traffic usage exceeds this percentage'
+            },
+            cron: {
+                title: 'Auto Update (Cron) Configuration',
+                enable: 'Enable Scheduled Update',
+                enableDesc: 'When enabled, subscriptions can be auto-updated via third-party Cron services',
+                secret: 'Cron Security Token',
+                secretPlaceholder: 'Any complex string, e.g., my_secret_token',
+                hint1: 'Once configured, you can use third-party tools (like UptimeRobot) to periodically request:<br />',
+                hint2: 'If you use Cloudflare Pages, you must trigger tasks via this interface due to platform limits. Docker users have an internal timer and can optionally configure this.',
+                triggerUrl: 'Generated Trigger URL:'
+            },
+                addTitle: 'Add Subscription',
+                editTitle: 'Edit Subscription',
+                addBtn: 'Add',
+                saveBtn: 'Save',
+                urlEmpty: 'Subscription URL cannot be empty',
+                urlInvalidScheme: 'Subscription URL must start with http:// or https://',
+                urlInvalid: 'Invalid URL format',
+                fixErrors: 'Please fix the errors before saving'
+            },
+            actions: {
+                add: 'Add Subscription',
+                update: 'Update Subscription',
+                delete: 'Delete Subscription',
+                clear: 'Clear Subscriptions',
+                batchImport: 'Batch Import Subscriptions',
+                updateFailed: 'Update failed',
+                noEnabled: 'No enabled subscriptions',
+                tgFail: 'Failed to send TG notification:'
+            },
+            tg: {
+                batchUpdateSuccess: '┏━━━━━━━━━━━━━━━━━━━━━┓\n┃  🔄 Batch Update Done  ┃\n┗━━━━━━━━━━━━━━━━━━━━━┛\n\n',
+                batchUpdateSynced: '📊 Dashboard data synced',
+                batchUpdateSuccessMsg: 'Successfully updated `{count}` subscriptions\n',
+                batchUpdateAllSynced: '📊 All subscription nodes synced',
+                singleUpdateSuccess: '┏━━━━━━━━━━━━━━━━━━━━━┓\n┃  🔄 Sub Update Done   ┃\n┗━━━━━━━━━━━━━━━━━━━━━┛\n\n',
+                subName: '📌 *Subscription*\n',
+                nodeCount: '📊 *Node Count*\n',
+                unnamed: 'Unnamed',
+                nodesSuffix: 'nodes'
+            },
+            management: {
+                urlEmpty: 'Subscription URL cannot be empty',
+                urlInvalid: 'Please enter a valid http:// or https:// subscription URL',
+                updated: '{name} updated',
+                updateFailedMsg: 'Update failed: {msg}',
+                batchUpdated: 'Successfully updated {count} subscriptions',
+                batchFailedWithMessage: 'Update failed: {msg}',
+                batchFailed: 'Batch update failed'
+            }
+        },
+        node: {
+            actions: {
+                add: 'Add Node',
+                update: 'Update Node',
+                delete: 'Delete Node',
+                clear: 'Clear Nodes',
+                batchDelete: 'Batch Delete Nodes',
+                batchImport: 'Batch Import Nodes',
+                deduplicate: 'Deduplicate Nodes',
+                autoSort: 'Auto Sort'
+            },
+            management: {
+                urlEmpty: 'Node URL cannot be empty',
+                importSuccess: 'Successfully imported {subs} subscriptions and {nodes} manual nodes',
+                nodeSort: 'Node Sorting'
+            },
+            selection: {
+                selectFirst: 'Please select nodes to copy first',
+                copyMultiple: 'Copied {count} nodes to clipboard',
+                copyFailed: 'Copy failed',
+                copySingle: 'Copied node URL'
+            },
+            fetching: {
+                fetchFailedPrefix: 'Failed to fetch node info: ',
+                fetchFailed: 'Failed to fetch node info',
+                unnamedNode: 'Unnamed Node',
+                fetchGroupFailedPrefix: 'Failed to fetch profile node info: ',
+                refreshed: 'Node info refreshed',
+                unknownAddress: 'Unknown address',
+                vmessError: 'VMess format error',
+                urlError: 'URL parse error'
+            },
+            form: {
+                newManualNode: 'Add Manual Node',
+                editManualNode: 'Edit Manual Node',
+                add: 'Add',
+                save: 'Save',
+                urlEmpty: 'Node URL cannot be empty',
+                urlInvalid: 'Invalid node URL format'
+            },
+            import: {
+                fileTooLarge: 'File is too large, please upload a file smaller than 5MB',
+                fileRead: 'File read: {name}',
+                fileReadError: 'Failed to read file',
+                importSuccessMethod: '🚀 {method} successful! Added {count} nodes',
+                parseFailed: 'Failed to parse any nodes, please check the content or URL.',
+                emptyUrl: 'Please enter a subscription URL',
+                invalidUrl: 'Please enter a valid URL (e.g. https://example.com/...)',
+                importFailedMsg: 'Import failed: {msg}',
+                emptyContent: 'Please paste subscription content or upload a file',
+                importSuccess: 'Import successful! Added {count} nodes',
+                subsDetected: 'Detected {count} subscription URLs, please use URL import mode or add them in Subscription Management.',
+                backendParseFailed: 'Backend parsing also failed',
+                importFailedMsgExt: 'Import failed: {msg}. Supported formats: node links, Clash(YAML), Base64, etc.'
+            }
+        },
+        profile: {
+            actions: {
+                customIdExists: 'Custom ID already exists, please modify',
+                add: 'Add Profile',
+                customIdEmpty: 'Custom ID cannot be empty',
+                customIdExists2: 'Custom ID already exists',
+                update: 'Update Profile',
+                delete: 'Delete Profile',
+                clear: 'Clear Profiles',
+                batchDelete: 'Batch Delete Profiles',
+                toggleStatus: 'Toggle Profile Status'
+            },
+            management: {
+                tokenRequired: 'Please configure "Profile Share Token" in Settings first',
+                nameEmpty: 'Profile name cannot be empty'
+            }
+        }
+    },
+    common: {
+
+        api: {
+            networkError: 'Network request failed',
+            networkConnectionFail: 'Network connection failed, please check your connection',
+            formatError: 'Server response format error',
+            saveSuccess: 'Data saved successfully',
+            saveFail: 'Save failed',
+            exportFail: 'Export failed',
+            importFail: 'Import failed',
+            authFail: 'Authentication request failed'
+        },
+        ui: {
+            confirmDelete: 'Confirm Deletion',
+            modal: {
+                confirm: 'Confirm',
+                title: 'Confirm Operation',
+                body: 'Are you sure you want to continue?',
+                cancel: 'Cancel'
+            },
+            batch: {
+                deleteSelected: 'Delete Selected',
+                batchMode: 'Batch Delete Mode',
+                selectedCount: 'Selected {count}',
+                selectAll: 'Select All',
+                invertSelection: 'Invert Selection',
+                clearSelection: 'Clear Selection',
+                cancel: 'Cancel'
+            },
+            bulk: {
+                title: 'Bulk Import',
+                desc: 'One subscription link or share node per line. Node names will be recognized automatically.'
+            },
+            confirm: {
+                confirm: 'Confirm',
+                title: 'Confirm Operation',
+                message: 'Are you sure you want to perform this operation?',
+                
+                cancel: 'Cancel'
+            },
+            pagination: {
+                prev: 'Previous',
+                page: 'Page {current} of {total}',
+                next: 'Next'
+            }
+        }
+    },
+    layout: {
+        sidebar: {
+            title: 'Sub-One',
+            subtitle: 'Manager',
+            menu: {
+                dashboard: 'Dashboard',
+                dashboardDesc: 'Overview Status',
+                subscriptions: 'Subscriptions',
+                subscriptionsDesc: 'Manage Sources',
+                profiles: 'Profiles',
+                profilesDesc: 'Organize Subs',
+                nodes: 'Manual Nodes',
+                nodesDesc: 'Manage Nodes',
+            },
+            mainFeatures: 'Main Features',
+            others: 'Others',
+            help: 'Help',
+            helpDesc: 'View Docs',
+            settings: 'Settings',
+            settingsDesc: 'System Settings',
+            collapse: 'Collapse',
+            expand: 'Expand',
+            logout: 'Logout',
+            openMenu: 'Open Menu',
+            closeMenu: 'Close Menu',
+            switchToLight: 'Switch to Light Mode',
+            switchToDark: 'Switch to Dark Mode',
+        },
+        footer: {
+            secure: 'Secure & Reliable',
+            efficient: 'Efficient Management',
+            privacy: 'Privacy Protection',
+            rights: 'All Rights Reserved'
+        }
+    },
+    views: {
+        dashboard: {
+
+            quotes: [
+                { text: 'Success is not final, failure is not fatal: it is the courage to continue that counts.', author: 'Winston Churchill', category: 'Inspirational' },
+                { text: 'Code is like poetry; every line is a pursuit of perfection.', author: 'Geek Proverb', category: 'Technical' },
+                { text: 'Today\'s effort is for a better version of yourself tomorrow.', author: 'Anonymous', category: 'Inspirational' },
+                { text: 'Great programmers don\'t write the most code; they delete the most code.', author: 'Programming Wisdom', category: 'Technical' },
+                { text: 'Keep it simple, elegant, and efficient.', author: 'Design Philosophy', category: 'Technical' },
+                { text: 'Every debugging session is a battle against bugs.', author: 'Programmer Daily', category: 'Humor' },
+                { text: 'Don\'t fear refactoring; fear technical debt.', author: 'Clean Code', category: 'Technical' },
+                { text: 'True wisdom lies not in knowing all the answers, but in asking the right questions.', author: 'Socrates', category: 'Inspirational' },
+                { text: 'Let the code speak for itself; comments are just assistants.', author: 'Clean Code', category: 'Technical' },
+                { text: 'Bugs don\'t disappear by ignoring them; they simply make a stunning debut in production.', author: 'Murphy\'s Law', category: 'Humor' },
+                { text: 'Continuous learning, never stop. Stronger today than yesterday.', author: 'Growth Mindset', category: 'Inspirational' },
+                { text: 'Good architecture is not designed, but evolved.', author: 'The Tao of Architecture', category: 'Technical' },
+                { text: 'Testing is not a burden, but a guarantee of confidence in your code.', author: 'TDD Practice', category: 'Technical' },
+                { text: 'Programming is not only a science but an art.', author: 'Donald Knuth', category: 'Technical' },
+                { text: 'The simpler the solution, the easier it is to maintain.', author: 'KISS Principle', category: 'Technical' }
+            ],
+            dailyQuote: 'Daily Quote',
+            dailyInspiration: 'Daily Inspiration',
+            nextQuote: 'Next Quote',
+            nodeOverview: 'Node Overview',
+            nodeDistribution: 'Node Distribution & Status',
+            activeRate: 'Active Rate',
+            activeSubscriptions: 'Active Subs',
+            activeNodes: 'Active Nodes',
+            profiles: 'Profiles',
+            manualNodes: 'Manual Nodes',
+            updating: 'Updating...',
+            updateNow: 'Update Now',
+            syncLatest: 'Synchronizing latest node info',
+            syncAll: 'Sync node info for all subscriptions',
+            activeCount: '{count} Active',
+            addSubscription: 'Add Subscription',
+            supportsHttp: 'Supports HTTP/HTTPS',
+            addNode: 'Add Node',
+            supportsProtocols: 'Supports multiple protocols',
+            createProfile: 'Create Profile',
+            combineSubs: 'Combine subs and nodes',
+            messages: {
+                updateSuccess: 'Successfully updated {count} subscriptions',
+                allUpToDate: 'All subscriptions are up to date',
+                updateFailed: 'Update failed'
+            }
+        },
+        login: {
+            subtitle: 'Modern Subscription Management',
+            setupSubtitle: 'First time use, please create an admin account',
+            username: 'Username',
+            password: 'Password',
+            confirmPassword: 'Confirm Password',
+            createAdmin: 'Create Admin Account',
+            loginBtn: 'Login',
+            creating: 'Creating...',
+            loggingIn: 'Logging in...',
+            secureTransport: 'Secure Encrypted Transport',
+            placeholders: {
+                username: 'Enter your username',
+                password: 'Enter your password',
+                confirmPassword: 'Enter password again'
+            },
+            errors: {
+                emptyUsername: 'Please enter a username',
+                emptyPassword: 'Please enter a password',
+                emptyConfirmPassword: 'Please confirm your password',
+                passwordMismatch: 'Passwords do not match',
+                passwordTooShort: 'Password must be at least 6 characters',
+                loginFailed: 'Login failed, please try again'
+            }
+        },
+        nodes: {
+            searchPlaceholder: 'Search nodes...',
+            addBtn: 'Add',
+            importBtn: 'Import Nodes',
+            saveSortBtn: 'Save Order',
+            sorting: 'Sorting...',
+            manualSortBtn: 'Manual Sort',
+            sortShortBtn: 'Sort',
+            emptyTitle: 'No Manual Nodes',
+            emptyDesc: 'Add share links or individual nodes.',
+            menus: {
+                autoSort: 'Auto Sort',
+                deduplicate: 'Deduplicate',
+                batchDelete: 'Batch Delete',
+                clearAll: 'Clear All'
+            },
+            clearAllModal: {
+                title: 'Confirm Clear Nodes',
+                desc: 'Are you sure you want to delete all <strong>manual nodes</strong>? This action will not affect subscriptions.'
+            },
+            deleteModal: {
+                title: 'Confirm Delete Node',
+                desc: 'Are you sure you want to delete this manual node? This action will not affect subscriptions.'
+            }
+        },
+        profiles: {
+            addBtn: 'Add',
+            emptyTitle: 'No Profiles',
+            emptyDesc: 'Create a profile to organize your nodes!',
+            menus: {
+                batchDelete: 'Batch Delete',
+                clearAll: 'Clear All'
+            },
+            deleteModal: {
+                title: 'Confirm Delete Profile',
+                desc: 'Are you sure you want to delete this profile? This action is irreversible.'
+            },
+            clearAllModal: {
+                title: 'Confirm Clear Profiles',
+                desc: 'Are you sure you want to delete all <strong>profiles</strong>? This action is irreversible.'
+            }
+        },
+        subscriptions: {
+            addBtn: 'Add',
+            updateAllBtn: 'Update All',
+            updating: 'Updating...',
+            updateShortBtn: 'Update',
+            saveSortBtn: 'Save Order',
+            sorting: 'Sorting...',
+            manualSortBtn: 'Manual Sort',
+            sortShortBtn: 'Sort',
+            emptyTitle: 'No Subscriptions',
+            emptyDesc: 'Start by adding your first subscription.',
+            menus: {
+                batchDelete: 'Batch Delete',
+                clearAll: 'Clear All'
+            },
+            clearAllModal: {
+                title: 'Confirm Clear Subscriptions',
+                desc: 'Are you sure you want to delete all <strong>subscriptions</strong>? This action will not affect manual nodes.'
+            },
+            deleteModal: {
+                title: 'Confirm Delete Subscription',
+                desc: 'Are you sure you want to delete this subscription? This action will not affect manual nodes.'
+            }
+        },
+        tabs: {
+            dashboard: {
+                title: 'Dashboard',
+                desc: 'Overview of your subscriptions and nodes'
+            },
+            subscriptions: {
+                title: 'Subscriptions',
+                desc: 'Manage all your subscription links'
+            },
+            profiles: {
+                title: 'Profiles',
+                desc: 'Create and manage profile groups'
+            },
+            nodes: {
+                title: 'Manual Nodes',
+                desc: 'Add and manage individual node links'
+            }
+        }
+    },
+    widgets: {
+        dashboard: {
+            chart: {
+                nodeDistribution: 'Node Distribution',
+                subscriptionNodes: 'Subscription Nodes',
+                manualNodes: 'Manual Nodes'
+            }
+        },
+        node: {
+            manualCard: {
+                copySuccess: 'Node link copied',
+                copyFail: 'Failed to copy',
+                edit: 'Edit',
+                delete: 'Delete',
+                unnamed: 'Unnamed Node',
+                serverAddr: 'Server Address',
+                copyLink: 'Copy Full Link',
+                copyBtn: 'Copy'
+            },
+            modal: {
+                optional: '(Optional)',
+                nameLabel: 'Node Name',
+                namePlaceholder: 'Auto-extract if left empty',
+                nameHint: 'If left empty, the system will auto-extract the name from the link',
+                urlLabel: 'Node Link',
+                urlPlaceholder: 'vmess://... or ss://... share links',
+                urlHint: 'Supports VMess, VLESS, Trojan, SS/SSR, Hysteria, TUIC, Socks5, WireGuard, Snell etc.',
+                pasteTitle: 'Paste Node Link',
+                pasteDesc: 'Copy the node link from another app or website and paste it above'
+            },
+            detailsModal: {
+                title: 'Node Details',
+                unnamedSub: 'Unnamed Subscription',
+                unnamedProfile: 'Unnamed Profile',
+                contains: 'Contains {subCount} subscriptions, {manualCount} manual nodes',
+                totalNodes: 'Total {count} nodes',
+                lastUpdate: 'Last update: {count} nodes',
+                searchPlaceholder: 'Search node name or link...',
+                refresh: 'Refresh',
+                copySelected: 'Copy Selected',
+                loading: 'Fetching node info...',
+                selectAll: 'Select All ({selected}/{total})',
+                manual: 'Manual',
+                serverAddr: 'Server Address',
+                copyLink: 'Copy Link',
+                copyBtn: 'Copy',
+                noMatch: 'No matching nodes found',
+                empty: 'No nodes info',
+                close: 'Close'
+            },
+            importModal: {
+                importBtn: 'Import',
+                title: 'Import Subscription',
+                subtitle: 'Supports URL, Plain Text, Base64, and Clash/YAML configurations',
+                urlMode: 'URL Import',
+                textMode: 'Text/File Import',
+                urlLabel: 'Subscription URL',
+                hintTitle: '💡 Hint:',
+                urlHintDesc: 'This mode downloads subscription content via backend server, suitable for sources requiring regular updates. Sensitive parameters (like Tokens) are securely transmitted to backend.',
+                uploadTitle: 'Click or drag file to upload',
+                uploadDesc: 'Supports YAML, JSON, TXT, etc.',
+                contentLabel: 'Content',
+                chars: 'chars',
+                contentPlaceholder: 'Paste Base64, node links, or Clash config here...'
+            }
+        },
+        profile: {
+            card: {
+                contains: 'Contains {subCount} subscriptions, {nodeCount} nodes',
+                edit: 'Edit',
+                delete: 'Delete',
+                enabled: 'Enabled',
+                disabled: 'Disabled',
+                showNodes: 'Show Nodes',
+                nodesBtn: 'Nodes',
+                linkBtn: 'Link'
+            },
+            modal: {
+                newTitle: 'New Profile',
+                editTitle: 'Edit Profile',
+                nameLabel: 'Profile Name',
+                namePlaceholder: 'e.g. Family Share',
+                customIdLabel: 'Custom ID (Short Link)',
+                customIdPlaceholder: 'e.g. home, game (letters, numbers, -, _)',
+                generateIdBtn: 'Generate Random ID',
+                linkPreview: 'Link will become: /token/',
+                expiresLabel: 'Expiration Time (Optional)',
+                expiresHint: 'Set an expiration time. Will return default nodes after expiration.',
+                selectSub: 'Select Subscriptions',
+                selectAll: 'Select All',
+                deselectAll: 'Deselect All',
+                searchSubPlaceholder: 'Search subscriptions...',
+                unnamedSub: 'Unnamed Sub',
+                disabled: '(Disabled)',
+                noSubFound: 'No subscriptions found',
+                selectManual: 'Select Manual Nodes',
+                searchNodePlaceholder: 'Search nodes...',
+                unnamedNode: 'Unnamed Node',
+                noNodeFound: 'No nodes found'
+            },
+            exportModal: {
+                generalSub: 'General Sub',
+                noTokenError: 'This profile has no share Token configured, cannot export',
+                copySuccess: '{name} subscription link copied',
+                copyFail: 'Failed to copy',
+                title: 'Export Subscription',
+                tokenHint: 'Please ensure <strong>Profile Share Token</strong> is configured in settings, otherwise the link will be inaccessible.',
+                copyLink: 'Copy Link',
+                cancel: 'Cancel'
+            }
+        },
+        settings: {
+            storage: {
+                loadFail: 'Failed to load storage backend info',
+                migrating: 'Migrating data and switching storage backend...',
+                migrateFail: 'Data migration failed',
+                switchFail: 'Switch failed',
+                switchSuccess: 'Switched successfully! Automatically migrated {count} items of data',
+                migrateSwitchFail: 'Failed to migrate or switch storage backend',
+                opFail: 'Operation failed: {error}',
+                title: 'Storage Backend Settings',
+                desc: 'Manage where application data is stored',
+                refresh: 'Refresh Status',
+                currentlyUsing: 'Currently Using',
+                running: 'Running',
+                switchTitle: 'Switch Storage Backend',
+                current: '(Current)',
+                kvDesc: 'Extremely fast read speed, suitable for small data scenarios.',
+                d1Desc: 'Powerful, suitable for massive subscriptions and complex queries.',
+                cannotSwitch: 'Cannot Switch Storage Backend',
+                cannotSwitchHint: 'Only one available storage backend detected. To use D1 storage, please create a D1 database named <strong class="text-primary-600 dark:text-primary-400">sub-one-d1</strong> in the Cloudflare console and bind it to the project variable <code class="rounded bg-gray-100 px-1 py-0.5 font-mono text-xs text-gray-800 dark:text-gray-200">SUB_ONE_D1</code>.',
+                checking: 'Checking storage backend configuration...',
+                confirmTitle: 'Switch Storage Backend',
+                confirmBtn: 'Confirm Switch',
+                cancelBtn: 'Let me think',
+                switchConfirmText: 'You are about to switch from <strong class="text-gray-900 dark:text-white">{current}</strong> to <strong class="text-primary-600 dark:text-primary-400">{target}</strong>.',
+                autoMigrate: 'Automatic Data Migration',
+                autoMigrateHint: 'The system will automatically migrate all your <strong>subscriptions, profiles, system settings, and user accounts</strong> to the new storage backend. Original data will be preserved, but new data will be written to the new backend after switching.',
+                refreshHint: 'After successful switch, the page will refresh automatically to apply changes.'
+            },
+            help: {
+                title: 'Help Center',
+                subtitle: 'Documentation & Guides',
+                tab_guide: '🚀 Quick Start',
+                tab_features: '✨ Features',
+                tab_faq: '❓ FAQ',
+                faq: {
+                    add_q: 'How to add a subscription?',
+                    add_a: 'Click the "Add Subscription" button on the home page, enter the subscription link (HTTP/HTTPS supported), and the system will automatically parse the node information. Supports multiple formats like Clash, Surge, V2Ray.',
+                    export_q: 'How to generate a subscription link?',
+                    export_a: 'On the dashboard or profile card, click the "Export" or "Link" button. Select your required client format (e.g. Clash, Shadowrocket), and click copy.',
+                    clients_q: 'Which client formats are supported?',
+                    clients_a: 'Sub-One supports almost all mainstream clients, including Clash (Meta), Surge, Loon, Egern, Shadowrocket, Quantumult X, Sing-Box, V2Ray, Surfboard, etc.',
+                    token_q: 'What is a Subscription Token?',
+                    token_a: 'Subscription Token is a key used to generate a fixed subscription link. After configuring it in "System Settings", your subscription link will contain this token. As long as the Token remains unchanged, the link remains valid even if the server restarts or migrates.',
+                    batch_q: 'How to perform batch operations?',
+                    batch_a: 'On the subscription list page, click the "Multi-select / Batch" icon in the upper right corner to enter batch mode. After selecting multiple subscriptions, you can perform batch delete, update, or enable/disable operations.'
+                },
+                features: {
+                    sub_title: 'Subscription Management',
+                    sub_desc: 'Supports automatic parsing of multiple subscription formats, traffic and expiration time monitoring, and scheduled automatic updates.',
+                    profile_title: 'Profiles',
+                    profile_desc: 'Combine multiple subscriptions into a large one, supports custom filter rules and exclusion rules.',
+                    manual_title: 'Manual Nodes',
+                    manual_desc: 'Supports manually adding single nodes, or batch importing node links, supports intelligent deduplication and sorting.',
+                    convert_title: 'Format Conversion',
+                    convert_desc: 'Built-in powerful format conversion engine, supports generating configuration files for various mainstream clients.'
+                },
+                guide: {
+                    step1_title: 'Add Subscription Source',
+                    step1_desc: 'Click the <span class="font-bold text-primary-600"> + Add Subscription</span> button on the home page, and paste your provider\'s subscription link. The system will automatically download and parse all node information.',
+                    step2_title: 'Create Profile (Optional)',
+                    step2_desc: 'If you have multiple subscriptions, you can create a <span class="font-bold text-secondary-600">Profile</span>. Aggregate them together, and you can also set filter rules to exclude unwanted nodes.',
+                    step3_title: 'Export and Use',
+                    step3_desc: 'Click the <span class="font-bold text-success-600">Export/Link</span> button on the subscription or profile. Select the format that fits your client (e.g. Clash, Shadowrocket), and copy the link to use it.'
+                }
+            },
+            modal: {
+                title: 'System Settings',
+                loading: 'Loading config...',
+                loadFail: 'Failed to load settings, using defaults',
+                noWhitespace: 'Input cannot contain whitespace, please check and try again.',
+                saveSuccess: 'Settings saved',
+                saveSuccessRefresh: 'Settings saved, page will refresh automatically...',
+                saveFail: 'Save failed',
+                copySuccess: 'Trigger link copied to clipboard',
+                copyFail: 'Copy failed, please copy manually',
+                saveDisabled: 'Input contains whitespace, cannot save',
+                tabGeneral: 'General',
+                tabAdvanced: 'Advanced',
+                tabStorage: 'Storage & Backup',
+                basic: {
+                    title: 'Basic Config',
+                    filename: 'Custom Sub Filename',
+                    filenamePlaceholder: 'e.g., my_subscription',
+                    token: 'Custom Sub Token',
+                    tokenPlaceholder: 'Token for accessing subscription links'
+                },
+                profile: {
+                    title: 'Profile & Nodes',
+                    token: 'Profile Share Token',
+                    tokenPlaceholder: 'e.g., my (Must be different from Sub Token)',
+                    tokenHint: 'Important: This token MUST be different from "Custom Sub Token". Leave empty to disable profile sharing.',
+                    prefixLabel: 'Node Name Prefix',
+                    prefixTitle: 'Auto Add Prefix',
+                    prefixDesc: 'Use subscription name as node prefix',
+                    dedupeLabel: 'Node Deduplication',
+                    dedupeTitle: 'Auto Deduplicate',
+                    dedupeDesc: 'Remove identical nodes (IP+Port)'
+                },
+                convert: {
+                    title: 'Subscription Conversion',
+                    useExternal: 'Use External API',
+                    useExternalDesc: 'Use built-in conversion when disabled',
+                    apiUrl: 'External API URL',
+                    manualInput: '-- Manual Input --',
+                    apiUrlPlaceholder: 'e.g., api-suc.0z.gs',
+                    apiUrlHint: 'Hint: Just enter the domain name, the system will auto-complete the path and parameters.'
+                },
+                tg: {
+                    title: 'Telegram Notification',
+                    token: 'Bot Token',
+                    tokenPlaceholder: 'Bot Token from @BotFather',
+                    chatId: 'Chat ID',
+                    chatIdPlaceholder: 'Chat ID to receive notifications'
+                },
+                notify: {
+                    title: 'Notification Thresholds',
+                    expireDays: 'Expiration Reminder (Days)',
+                    daysPlaceholder: 'e.g., 3',
+                    expireHint: 'Send reminder when remaining days are less than this value',
+                    trafficPercent: 'Traffic Reminder (%)',
+                    percentPlaceholder: 'e.g., 90',
+                    trafficHint: 'Send reminder when traffic usage exceeds this percentage'
+                },
+                cron: {
+                    title: 'Auto Update (Cron) Config',
+                    enable: 'Enable Scheduled Update',
+                    enableDesc: 'When enabled, subscriptions can be auto-updated via third-party Cron services',
+                    secret: 'Cron Secret (Token)',
+                    secretPlaceholder: 'Any complex string, e.g., my_secret_token',
+                    hint1: 'Once configured, you can use third-party tools (like UptimeRobot) to periodically request:<br />',
+                    hint2: 'If you are using Cloudflare Pages, due to platform limitations, you must use this API to trigger scheduled tasks. Docker users have built-in internal timers and can configure this optionally.',
+                    triggerUrl: 'Generated Trigger Link:',
+                    copy: 'Copy Link',
+                    disabled: 'Scheduled update is disabled'
+                },
+                storage: {
+                    title: 'Storage Settings'
+                }
+            },
+            backup: {
+                snapshotCreateSuccess: 'Snapshot created successfully',
+                snapshotCreateFail: 'Failed to create snapshot',
+                deletingSnapshots: 'Deleting {count} snapshots...',
+                deleteSnapshotsSuccess: 'Successfully deleted {count} snapshots',
+                batchDeleteFail: 'Batch delete failed',
+                batchDeleteError: 'Error occurred during batch delete',
+                snapshotDeleted: 'Snapshot deleted',
+                snapshotDeleteFail: 'Failed to delete snapshot',
+                restoringSnapshot: 'Restoring snapshot, please wait...',
+                snapshotRestoreSuccess: 'Snapshot restored successfully, page will refresh...',
+                snapshotRestoreFail: 'Failed to restore snapshot',
+                exportFail: 'Export failed',
+                exportSuccess: 'Backup file exported',
+                exportError: 'Failed to export backup',
+                formatError: 'Backup file format error',
+                validateSuccess: 'Backup file validated successfully',
+                formatCorrupt: 'Backup file format error or corrupted',
+                onlyJson: 'Only JSON backup files are supported',
+                selectFileFirst: 'Please select a backup file first',
+                importFail: 'Import failed',
+                importSuccess: 'Data restored successfully, page will refresh...',
+                importError: 'Failed to import backup',
+                snapshotTitle: 'Server Snapshots',
+                storageFeature: 'Storage Feature',
+                snapshotDesc: 'Save historical versions of data on the server for quick recovery (Keep latest 20)',
+                snapshotNamePlaceholder: 'Snapshot name (Optional)',
+                createSnapshot: 'Create Snapshot',
+                noSnapshots: 'No server snapshots yet',
+                selectAll: 'Select All',
+                cancel: 'Cancel',
+                deleteSelected: 'Delete Selected',
+                batchManage: 'Batch Manage',
+                subscriptions: 'Subs',
+                manualNodes: 'Manual',
+                totalNodes: 'Total',
+                restore: 'Restore',
+                delete: 'Delete',
+                exportTitle: 'Export Backup',
+                exportDesc: 'Download JSON file containing all data to local',
+                exporting: 'Exporting...',
+                exportData: 'Export Data',
+                exportHint: 'Contains subscriptions, profiles, manual nodes, settings, and accounts. Includes sensitive data (e.g. password hashes), please keep it safe.',
+                importTitle: 'Import Backup',
+                importDesc: 'Restore data from local JSON file',
+                dropZoneTitle: 'Click or drag file here',
+                dropZoneDesc: 'Supports .json backup files',
+                backupReady: 'Backup file ready',
+                version: 'Version',
+                statSubs: 'Subscriptions',
+                statProfiles: 'Profiles',
+                statManual: 'Manual Nodes',
+                statTotal: 'Total Nodes',
+                statUsers: 'Users',
+                restoreModeLabel: 'Select Restore Mode',
+                modeMerge: 'Merge Mode (Recommended)',
+                modeMergeDesc: 'Keep existing data, only add new items',
+                modeOverwrite: 'Overwrite Mode',
+                modeOverwriteDesc: 'Clear existing data, replace completely',
+                restoring: 'Restoring...',
+                confirmRestore: 'Confirm Restore',
+                confirmBatchDeleteTitle: 'Confirm Batch Delete',
+                confirmBatchDeleteMsg: 'Are you sure you want to delete the selected <strong>{count}</strong> snapshots? This cannot be undone.',
+                batchDeleteBtn: 'Batch Delete',
+                confirmDeleteTitle: 'Confirm Delete',
+                confirmDeleteMsg: 'Are you sure you want to delete this snapshot? This cannot be undone.',
+                confirmRestoreTitle: 'Confirm Restore',
+                confirmRestoreOverwriteMsg: 'Are you sure you want to restore and <strong class="text-danger-500">overwrite</strong> existing data? This action cannot be undone!',
+                confirmRestoreMergeMsg: 'Are you sure you want to restore (merge) data from this snapshot?',
+                confirmImportTitle: 'Confirm Import',
+                confirmImportOverwriteMsg: 'Are you sure you want to overwrite existing data? Current data will be completely replaced, this action cannot be undone!',
+                confirmImportMergeMsg: 'Are you sure you want to import backup data? Existing data will be preserved.',
+                startImportBtn: 'Start Import'
+            }
+        },
+        subscription: {
+            modal: {
+                basicInfo: 'Basic Info',
+                subName: 'Subscription Name',
+                optional: '(Optional)',
+                namePlaceholder: 'Leave empty to auto-extract',
+                subUrl: 'Subscription URL',
+                urlPlaceholder: 'https://example.com/sub?token=xxx',
+                nameHint: 'Name will be automatically extracted from the URL if left empty',
+                advancedOptions: 'Advanced Options',
+                filterRules: 'Node Filter Rules',
+                filterPlaceholder: 'Enter node filter rules...',
+                filterHint1: 'Supports regex, separate multiple rules with line breaks. Use ',
+                filterHintKeep: 'keep:',
+                filterHint2: ' prefix for whitelist',
+                addHintTitle: 'Auto-fetch Nodes After Add',
+                addHintDesc: 'System will automatically fetch node count and traffic info from the URL after saving'
+            },
+            card: {
+                copySuccess: 'Link copied to clipboard',
+                copyFailed: 'Copy failed',
+                unnamed: 'Unnamed Subscription',
+                filterEnabledMsg: 'Filter rule enabled: ',
+                filterLabel: 'Rule Filtered',
+                edit: 'Edit',
+                delete: 'Delete',
+                subUrl: 'Subscription URL',
+                hideUrlTitle: 'Hide URL',
+                showUrlTitle: 'Show URL',
+                hideBtn: 'Hide',
+                showBtn: 'Show',
+                copyUrlTitle: 'Copy URL',
+                copyBtn: 'Copy',
+                trafficUsage: 'Traffic Usage',
+                usedPrefix: 'Used',
+                enabled: 'Enabled',
+                disabled: 'Disabled',
+                testing: 'Testing...',
+                available: 'Available',
+                unavailable: 'Unavailable',
+                testConn: 'Test Connection',
+                nodes: 'Nodes',
+                updating: 'Updating...',
+                updateSub: 'Update Subscription'
+            },
+            filterEditor: {
+                excludeMode: 'Exclude Mode',
+                blacklist: '(Blacklist)',
+                keepMode: 'Keep Mode',
+                whitelist: '(Whitelist)',
+                rulesCount: '{count} rules',
+                clear: 'Clear',
+                protocolType: 'Protocol Type',
+                selected: 'Selected',
+                count: '',
+                commonRegions: 'Common Regions',
+                keywordFilter: 'Keyword Filter',
+                keywordPlaceholder: '✍️ Press enter to add keyword...',
+                addBtn: 'Add',
+                manualEdit: 'Manual Edit',
+                rulePreview: 'Rule Preview',
+                visualMode: '📊 Visual Mode',
+                manualMode: '⌨️ Manual Edit',
+                manualPlaceholder: 'Edit filter rules manually here...',
+                autoPlaceholder: 'Rules will be auto-generated here',
+                hint: '💡 Tip: Select options above to create filter rules',
+                clearTitle: 'Confirm Clear Rules',
+                clearMsg1: 'Are you sure you want to clear all filter rules?',
+                clearMsg2: 'This action will remove all selected protocols, regions, and keywords.',
+                regions: {
+                    hk: 'Hong Kong', tw: 'Taiwan', sg: 'Singapore', jp: 'Japan', us: 'USA',
+                    kr: 'South Korea', cn: 'China', gb: 'UK', de: 'Germany', fr: 'France',
+                    nl: 'Netherlands', au: 'Australia', ca: 'Canada', in: 'India', ru: 'Russia',
+                    tr: 'Turkey', ar: 'Argentina', th: 'Thailand', vn: 'Vietnam', ph: 'Philippines',
+                    my: 'Malaysia', it: 'Italy', ch: 'Switzerland', se: 'Sweden', ae: 'UAE', br: 'Brazil'
+                },
+                keywords: {
+                    highMultiplier: 'High Multiplier', lowMultiplier: 'Low Multiplier', transit: 'Transit', direct: 'Direct',
+                    dedicated: 'Dedicated', bgp: 'BGP', iplc: 'IPLC', iepl: 'IEPL', ipv6: 'IPv6', udp: 'UDP',
+                    homeBroadband: 'Home Broadband', native: 'Native', test: 'Test', maintenance: 'Maintenance',
+                    expired: 'Expired', remainingTraffic: 'Remaining Traffic', official: 'Official',
+                    nf: 'NF', netflix: 'Netflix', disney: 'Disney', disPlus: 'Dis+',
+                    chatgpt: 'ChatGPT', openai: 'OpenAI', youtube: 'YouTube', emby: 'Emby',
+                    tiktok: 'TikTok', tvb: 'TVB'
+                }
+            }
+        }
+    },
+    app: {
+        stores: {
+            session: {
+                loginFailed: 'Login failed',
+                initFailed: 'Initialization failed'
+            },
+            data: {
+                dataChanged: 'Data changed',
+                savedSuffix: 'saved',
+                saveFailedPrefix: 'Save failed: ',
+                saveError: 'Unknown error occurred while saving data'
+            },
+            theme: {
+                lightMode: 'Light Mode',
+                darkMode: 'Dark Mode',
+                switchToDark: 'Click to switch to Dark Mode',
+                switchToLight: 'Click to switch to Light Mode'
+            }
+        }
+    }
+};
diff --git a/src/i18n/locales/zh.ts b/src/i18n/locales/zh.ts
new file mode 100644
index 00000000..e1267843
--- /dev/null
+++ b/src/i18n/locales/zh.ts
@@ -0,0 +1,824 @@
+export default {
+    entities: {
+        subscription: {
+            modal: {
+            convert: {
+                title: '订阅转换方式',
+                useExternal: '使用外部转换API',
+                useExternalDesc: '关闭时使用后端自带转换',
+                apiUrl: '外部转换API地址',
+                manualInput: '-- 手动输入 --',
+                apiUrlPlaceholder: '例如：api-suc.0z.gs',
+                apiUrlHint: '提示：直接填写域名即可，系统会自动补全路径并拼接参数。'
+            },
+            tg: {
+                title: 'Telegram 通知',
+                tokenPlaceholder: '从 @BotFather 获取的Bot Token',
+                chatIdPlaceholder: '接收通知的聊天ID'
+            },
+            notify: {
+                title: '通知阈值',
+                expireDays: '到期提醒阈值（天）',
+                daysPlaceholder: '例如：3',
+                expireHint: '当订阅剩余天数小于此值时发送提醒',
+                trafficPercent: '流量提醒阈值（%）',
+                percentPlaceholder: '例如：90',
+                trafficHint: '当流量使用超过此百分比时发送提醒'
+            },
+            cron: {
+                title: '自动更新(Cron)配置',
+                enable: '启用定时更新',
+                enableDesc: '开启后，可通过第三方 Cron 服务自动更新订阅',
+                secret: 'Cron 安全密钥（Token）',
+                secretPlaceholder: '任意复杂的字符串，例如：my_secret_token',
+                hint1: '配置后，您可以使用第三方工具（如 UptimeRobot、宝塔计划任务）定期请求：<br />',
+                hint2: '如果您使用的是 Cloudflare Pages，由于平台限制必须通过这种接口方式触发定时任务；Docker 用户自带内部定时器，可选择配置。',
+                triggerUrl: '生成的专属触发链接：'
+            },
+                addTitle: '新增订阅',
+                editTitle: '编辑订阅',
+                addBtn: '添加',
+                saveBtn: '保存',
+                urlEmpty: '订阅链接不能为空',
+                urlInvalidScheme: '订阅链接必须以 http:// 或 https:// 开头',
+                urlInvalid: '无效的 URL 格式',
+                fixErrors: '请修正错误后再保存'
+            },
+            actions: {
+                add: '新增订阅',
+                update: '更新订阅',
+                delete: '删除订阅',
+                clear: '清空订阅',
+                batchImport: '批量导入订阅',
+                updateFailed: '更新失败',
+                noEnabled: '没有启用的订阅',
+                tgFail: '发送 TG 通知失败:'
+            },
+            tg: {
+                batchUpdateSuccess: '┏━━━━━━━━━━━━━━━━━━━━━┓\n┃  🔄 批量更新完成  ┃\n┗━━━━━━━━━━━━━━━━━━━━━┛\n\n',
+                batchUpdateSynced: '📊 仪表板数据已同步完成',
+                batchUpdateSuccessMsg: '成功更新了 `{count}` 个订阅\n',
+                batchUpdateAllSynced: '📊 所有订阅节点信息已同步完成',
+                singleUpdateSuccess: '┏━━━━━━━━━━━━━━━━━━━━━┓\n┃  🔄 订阅更新完成  ┃\n┗━━━━━━━━━━━━━━━━━━━━━┛\n\n',
+                subName: '📌 *订阅名称*\n',
+                nodeCount: '📊 *节点数量*\n',
+                unnamed: '未命名',
+                nodesSuffix: '个节点'
+            },
+            management: {
+                urlEmpty: '订阅链接不能为空',
+                urlInvalid: '请输入有效的 http:// 或 https:// 订阅链接',
+                updated: '{name} 已更新',
+                updateFailedMsg: '更新失败: {msg}',
+                batchUpdated: '成功更新了 {count} 个订阅',
+                batchFailedWithMessage: '更新失败: {msg}',
+                batchFailed: '批量更新失败'
+            }
+        },
+        node: {
+            actions: {
+                add: '新增节点',
+                update: '更新节点',
+                delete: '删除节点',
+                clear: '清空节点',
+                batchDelete: '批量删除节点',
+                batchImport: '批量导入节点',
+                deduplicate: '节点去重',
+                autoSort: '自动排序'
+            },
+            management: {
+                urlEmpty: '节点链接不能为空',
+                importSuccess: '成功导入 {subs} 条订阅和 {nodes} 个手动节点',
+                nodeSort: '节点排序'
+            },
+            selection: {
+                selectFirst: '请先选择要复制的节点',
+                copyMultiple: '已复制 {count} 个节点到剪贴板',
+                copyFailed: '复制失败',
+                copySingle: '已复制节点链接'
+            },
+            fetching: {
+                fetchFailedPrefix: '获取节点信息失败: ',
+                fetchFailed: '获取节点信息失败',
+                unnamedNode: '未命名节点',
+                fetchGroupFailedPrefix: '获取订阅组节点信息失败: ',
+                refreshed: '节点信息已刷新',
+                unknownAddress: '未知地址',
+                vmessError: 'VMess 格式错误',
+                urlError: 'URL 解析错误'
+            },
+            form: {
+                newManualNode: '新增手动节点',
+                editManualNode: '编辑手动节点',
+                add: '添加',
+                save: '保存',
+                urlEmpty: '节点链接不能为空',
+                urlInvalid: '无效的节点链接格式'
+            },
+            import: {
+                fileTooLarge: '文件过大，请上传小于 5MB 的文件',
+                fileRead: '已读取文件: {name}',
+                fileReadError: '文件读取失败',
+                importSuccessMethod: '🚀 {method}成功！共添加 {count} 个节点',
+                parseFailed: '未能解析出任何节点，请检查内容或链接是否正确。',
+                emptyUrl: '请输入订阅链接',
+                invalidUrl: '请输入有效的 URL (例如 https://example.com/...)',
+                importFailedMsg: '导入失败: {msg}',
+                emptyContent: '请粘贴订阅内容或上传文件',
+                importSuccess: '导入成功！共添加 {count} 个节点',
+                subsDetected: '检测到 {count} 个订阅链接，请使用 URL 导入模式或在订阅管理中添加。',
+                backendParseFailed: '后端解析也失败了',
+                importFailedMsgExt: '导入失败: {msg}。支持节点链接、Clash(YAML)、Base64 等格式。'
+            }
+        },
+        profile: {
+            actions: {
+                customIdExists: '自定义ID已存在，请修改',
+                add: '新增订阅组',
+                customIdEmpty: '自定义ID不能为空',
+                customIdExists2: '自定义ID已存在',
+                update: '更新订阅组',
+                delete: '删除订阅组',
+                clear: '清空订阅组',
+                batchDelete: '批量删除订阅组',
+                toggleStatus: '切换订阅组状态'
+            },
+            management: {
+                tokenRequired: '请先在"设置"中配置"订阅组分享Token"',
+                nameEmpty: '订阅组名称不能为空'
+            }
+        }
+    },
+    common: {
+
+        api: {
+            networkError: '网络请求失败',
+            networkConnectionFail: '网络连接失败，请检查网络连接',
+            formatError: '服务器响应格式错误',
+            saveSuccess: '数据保存成功',
+            saveFail: '保存失败',
+            exportFail: '导出失败',
+            importFail: '导入失败',
+            authFail: '验证请求失败'
+        },
+        ui: {
+            confirmDelete: '确认删除',
+            modal: {
+                confirm: '确认',
+                title: '确认操作',
+                body: '你确定要继续吗？',
+                cancel: '取消'
+            },
+            batch: {
+                deleteSelected: '删除选中',
+                batchMode: '批量删除模式',
+                selectedCount: '已选 {count}',
+                selectAll: '全选',
+                invertSelection: '反选',
+                clearSelection: '清空选择',
+                cancel: '取消'
+            },
+            bulk: {
+                title: '批量导入',
+                desc: '每行一个订阅链接或分享节点。将自动识别节点名称。'
+            },
+            confirm: {
+                title: '确认操作',
+                message: '您确定要执行此操作吗？',
+                
+                cancel: '取消'
+            },
+            pagination: {
+                prev: '上一页',
+                page: '第 {current}/{total} 页',
+                next: '下一页'
+            }
+        }
+    },
+    layout: {
+        sidebar: {
+            title: 'Sub-One',
+            subtitle: 'Manager',
+            menu: {
+                dashboard: '仪表盘',
+                dashboardDesc: '概览状态',
+                subscriptions: '订阅管理',
+                subscriptionsDesc: '管理订阅源',
+                profiles: '订阅组',
+                profilesDesc: '组织订阅',
+                nodes: '手动节点',
+                nodesDesc: '管理节点',
+            },
+            mainFeatures: '主要功能',
+            others: '其他',
+            help: '帮助文档',
+            helpDesc: '查看文档',
+            settings: '设置',
+            settingsDesc: '系统设置',
+            collapse: '收起',
+            expand: '展开',
+            logout: '退出登录',
+            openMenu: '打开菜单',
+            closeMenu: '关闭菜单',
+            switchToLight: '切换到亮色模式',
+            switchToDark: '切换到暗色模式',
+        },
+        footer: {
+            secure: '安全可靠',
+            efficient: '高效管理',
+            privacy: '隐私保护',
+            rights: 'All Rights Reserved'
+        }
+    },
+    views: {
+        dashboard: {
+
+            quotes: [
+                { text: '成功不是终点，失败也不是终结，唯有勇气才是永恒。', author: '温斯顿·丘吉尔', category: '励志' },
+                { text: '代码如诗，每一行都是对完美的追求。', author: '极客箴言', category: '技术' },
+                { text: '今天的努力，是为了明天更好的自己。', author: '佚名', category: '励志' },
+                { text: '优秀的程序员不是写代码最多的，而是删代码最多的。', author: '编程智慧', category: '技术' },
+                { text: '保持简单，保持优雅，保持高效。', author: '设计哲学', category: '技术' },
+                { text: '每一次调试，都是与bug的一场较量。', author: '程序员日常', category: '幽默' },
+                { text: '不要害怕重构，害怕的应该是技术债。', author: '代码整洁之道', category: '技术' },
+                { text: '真正的智慧不在于知道所有答案，而在于提出正确的问题。', author: '苏格拉底', category: '励志' },
+                { text: '让代码自己说话，注释只是辅助。', author: '代码整洁之道', category: '技术' },
+                { text: 'bug不会因为你忽视它而消失，只会在生产环境中惊艳亮相。', author: '墨菲定律', category: '幽默' },
+                { text: '持续学习，永不止步。今天比昨天更强大。', author: '成长心态', category: '励志' },
+                { text: '好的架构不是设计出来的，而是演化出来的。', author: '架构之道', category: '技术' },
+                { text: '测试不是负担，而是对代码的信心保障。', author: 'TDD实践', category: '技术' },
+                { text: '编程不仅是科学，更是艺术。', author: '高德纳', category: '技术' },
+                { text: '越简单的方案，越容易维护。', author: 'KISS原则', category: '技术' }
+            ],
+            dailyQuote: '每日一言',
+            dailyInspiration: 'Daily Inspiration',
+            nextQuote: '换一条',
+            nodeOverview: '节点概览',
+            nodeDistribution: 'Node Distribution & Status',
+            activeRate: '活跃率',
+            activeSubscriptions: '活跃订阅',
+            activeNodes: '活跃节点',
+            profiles: '订阅组',
+            manualNodes: '手动节点',
+            updating: '正在更新...',
+            updateNow: '立即更新',
+            syncLatest: '正在同步最新节点信息',
+            syncAll: '同步所有订阅源的节点信息',
+            activeCount: '{count} Active',
+            addSubscription: '添加订阅',
+            supportsHttp: '支持 HTTP/HTTPS',
+            addNode: '添加节点',
+            supportsProtocols: '支持多种协议',
+            createProfile: '创建订阅组',
+            combineSubs: '组合订阅和节点',
+            messages: {
+                updateSuccess: '成功更新 {count} 个订阅',
+                allUpToDate: '所有订阅已是最新状态',
+                updateFailed: '更新失败'
+            }
+        },
+        login: {
+            subtitle: '现代化订阅管理平台',
+            setupSubtitle: '首次使用，请创建管理员账号',
+            username: '用户名',
+            password: '密码',
+            confirmPassword: '确认密码',
+            createAdmin: '创建管理员账号',
+            loginBtn: '立即登录',
+            creating: '创建中...',
+            loggingIn: '登录中...',
+            secureTransport: '安全加密传输',
+            placeholders: {
+                username: '请输入您的用户名',
+                password: '请输入您的密码',
+                confirmPassword: '请再次输入密码'
+            },
+            errors: {
+                emptyUsername: '请输入用户名',
+                emptyPassword: '请输入密码',
+                emptyConfirmPassword: '请确认密码',
+                passwordMismatch: '两次输入的密码不一致',
+                passwordTooShort: '密码长度至少为6位',
+                loginFailed: '登录失败，请重试'
+            }
+        },
+        nodes: {
+            searchPlaceholder: '搜索节点...',
+            addBtn: '新增',
+            importBtn: '导入节点',
+            saveSortBtn: '保存排序',
+            sorting: '排序中',
+            manualSortBtn: '手动排序',
+            sortShortBtn: '排序',
+            emptyTitle: '没有手动节点',
+            emptyDesc: '添加分享链接或单个节点。',
+            menus: {
+                autoSort: '一键排序',
+                deduplicate: '一键去重',
+                batchDelete: '批量删除',
+                clearAll: '清空所有'
+            },
+            clearAllModal: {
+                title: '确认清空节点',
+                desc: '您确定要删除所有<strong>手动节点</strong>吗？此操作将标记为待保存，不会影响订阅。'
+            },
+            deleteModal: {
+                title: '确认删除节点',
+                desc: '您确定要删除此手动节点吗？此操作将标记为待保存，不会影响订阅。'
+            }
+        },
+        profiles: {
+            addBtn: '新增',
+            emptyTitle: '没有订阅组',
+            emptyDesc: '创建一个订阅组来组合你的节点吧！',
+            menus: {
+                batchDelete: '批量删除',
+                clearAll: '清空所有'
+            },
+            deleteModal: {
+                title: '确认删除订阅组',
+                desc: '您确定要删除此订阅组吗？此操作不可逆。'
+            },
+            clearAllModal: {
+                title: '确认清空订阅组',
+                desc: '您确定要删除所有<strong>订阅组</strong>吗？此操作不可逆。'
+            }
+        },
+        subscriptions: {
+            addBtn: '新增',
+            updateAllBtn: '一键更新',
+            updating: '更新中...',
+            updateShortBtn: '更新',
+            saveSortBtn: '保存排序',
+            sorting: '排序中',
+            manualSortBtn: '手动排序',
+            sortShortBtn: '排序',
+            emptyTitle: '没有订阅',
+            emptyDesc: '从添加你的第一个订阅开始。',
+            menus: {
+                batchDelete: '批量删除',
+                clearAll: '清空所有'
+            },
+            clearAllModal: {
+                title: '确认清空订阅',
+                desc: '您确定要删除所有<strong>订阅</strong>吗？此操作将标记为待保存，不会影响手动节点。'
+            },
+            deleteModal: {
+                title: '确认删除订阅',
+                desc: '您确定要删除此订阅吗？此操作将标记为待保存，不会影响手动节点。'
+            }
+        },
+        tabs: {
+            dashboard: {
+                title: '仪表盘',
+                desc: '概览您的订阅和节点状态'
+            },
+            subscriptions: {
+                title: '订阅管理',
+                desc: '管理您的所有机场订阅链接'
+            },
+            profiles: {
+                title: '订阅组',
+                desc: '创建和管理订阅组合'
+            },
+            nodes: {
+                title: '手动节点',
+                desc: '添加和管理单个节点链接'
+            }
+        }
+    },
+    widgets: {
+        dashboard: {
+            chart: {
+                nodeDistribution: '节点分布',
+                subscriptionNodes: '订阅节点',
+                manualNodes: '手动节点'
+            }
+        },
+        node: {
+            manualCard: {
+                copySuccess: '已复制节点链接',
+                copyFail: '复制失败',
+                edit: '编辑',
+                delete: '删除',
+                unnamed: '未命名节点',
+                serverAddr: '服务器地址',
+                copyLink: '复制完整链接',
+                copyBtn: '复制'
+            },
+            modal: {
+                optional: '(可选)',
+                nameLabel: '节点名称',
+                namePlaceholder: '留空时自动从链接提取',
+                nameHint: '如留空，系统将自动从节点链接中提取名称',
+                urlLabel: '节点链接',
+                urlPlaceholder: 'vmess://... 或 ss://... 等节点分享链接',
+                urlHint: '支持 VMess、VLESS、Trojan、SS/SSR、Hysteria、TUIC、Socks5、WireGuard、Snell 等协议',
+                pasteTitle: '粘贴节点分享链接',
+                pasteDesc: '从其他应用或网站复制节点分享链接，粘贴到上方输入框即可'
+            },
+            detailsModal: {
+                title: '节点详情',
+                unnamedSub: '未命名订阅',
+                unnamedProfile: '未命名订阅组',
+                contains: '包含 {subCount} 个订阅，{manualCount} 个手动节点',
+                totalNodes: '共 {count} 个节点',
+                lastUpdate: '上次更新: {count} 个',
+                searchPlaceholder: '搜索节点名称或链接...',
+                refresh: '刷新',
+                copySelected: '复制选中',
+                loading: '正在获取节点信息...',
+                selectAll: '全选 ({selected}/{total})',
+                manual: '手动',
+                serverAddr: '服务器地址',
+                copyLink: '复制链接',
+                copyBtn: '复制',
+                noMatch: '没有找到匹配的节点',
+                empty: '暂无节点信息',
+                close: '关闭'
+            },
+            importModal: {
+                importBtn: '导入',
+                title: '导入订阅',
+                subtitle: '支持 URL 链接、纯文本、Base64 以及 Clash/YAML 配置文件',
+                urlMode: '链接导入',
+                textMode: '文本/文件导入',
+                urlLabel: '订阅链接',
+                hintTitle: '💡 提示：',
+                urlHintDesc: '此模式通过后端服务器下载订阅内容，适合需要定期更新的订阅源。如果链接包含敏感参数（如 Token），它们将安全地传输给后端。',
+                uploadTitle: '点击上传或拖拽文件',
+                uploadDesc: '支持 YAML, JSON, TXT 等格式',
+                contentLabel: '订阅内容',
+                chars: '字符',
+                contentPlaceholder: '在此处粘贴 Base64、节点链接列表或 Clash 配置内容...'
+            }
+        },
+        profile: {
+            card: {
+                contains: '包含 {subCount} 个订阅，{nodeCount} 个节点',
+                edit: '编辑',
+                delete: '删除',
+                enabled: '已启用',
+                disabled: '已禁用',
+                showNodes: '显示节点信息',
+                nodesBtn: '节点',
+                linkBtn: '链接'
+            },
+            modal: {
+                newTitle: '新增订阅组',
+                editTitle: '编辑订阅组',
+                nameLabel: '订阅组名称',
+                namePlaceholder: '例如：家庭共享',
+                customIdLabel: '自定义 ID (订阅短链)',
+                customIdPlaceholder: '如: home, game (限字母、数字、-、_)',
+                generateIdBtn: '生成随机短 ID',
+                linkPreview: '设置后，订阅链接会变为：/token/',
+                expiresLabel: '到期时间 (可选)',
+                expiresHint: '设置此订阅组的到期时间，到期后将返回默认节点。',
+                selectSub: '选择订阅',
+                selectAll: '全选',
+                deselectAll: '全不选',
+                searchSubPlaceholder: '搜索订阅...',
+                unnamedSub: '未命名订阅',
+                disabled: '(已禁用)',
+                noSubFound: '没有找到订阅',
+                selectManual: '选择手动节点',
+                searchNodePlaceholder: '搜索节点...',
+                unnamedNode: '未命名节点',
+                noNodeFound: '没有找到节点'
+            },
+            exportModal: {
+                generalSub: '通用订阅',
+                noTokenError: '该订阅组未配置分享 Token，无法导出',
+                copySuccess: '已复制 {name} 订阅链接',
+                copyFail: '复制失败',
+                title: '导出订阅',
+                tokenHint: '请确保已在设置中配置了 <strong>订阅组分享 Token</strong>，否则链接无法访问。',
+                copyLink: '复制链接',
+                cancel: '取消'
+            }
+        },
+        settings: {
+            storage: {
+                loadFail: '加载存储后端信息失败',
+                migrating: '正在迁移数据并切换存储后端...',
+                migrateFail: '数据迁移失败',
+                switchFail: '切换失败',
+                switchSuccess: '切换成功！已自动迁移 {count} 项数据',
+                migrateSwitchFail: '迁移或切换存储后端失败',
+                opFail: '操作失败：{error}',
+                title: '存储后端设置',
+                desc: '管理应用数据的存储位置',
+                refresh: '刷新状态',
+                currentlyUsing: '当前正在使用',
+                running: '运行中',
+                switchTitle: '切换存储后端',
+                current: '(当前)',
+                kvDesc: '读取速度极快，适合数据量较小的场景。',
+                d1Desc: '功能强大，适合大量订阅和复杂查询。',
+                cannotSwitch: '无法切换存储后端',
+                cannotSwitchHint: '仅检测到一个可用的存储后端。如需使用 D1 存储，请在 Cloudflare 控制台创建名为 <strong class="text-primary-600 dark:text-primary-400">sub-one-d1</strong> 的 D1 数据库并绑定到项目变量 <code class="rounded bg-gray-100 px-1 py-0.5 font-mono text-xs text-gray-800 dark:text-gray-200">SUB_ONE_D1</code>。',
+                checking: '正在检查存储后端配置...',
+                confirmTitle: '切换存储后端',
+                confirmBtn: '确认切换',
+                cancelBtn: '再想想',
+                switchConfirmText: '您即将从 <strong class="text-gray-900 dark:text-white">{current}</strong> 切换到 <strong class="text-primary-600 dark:text-primary-400">{target}</strong>。',
+                autoMigrate: '自动数据迁移',
+                autoMigrateHint: '系统将自动把您的<strong>订阅源、订阅组、系统设置和用户账号</strong>全量迁移到新存储后端。原有数据将保留，但切换后的新数据将写入到新后端。',
+                refreshHint: '切换成功后，页面将自动刷新以应用更改。'
+            },
+            help: {
+                title: '帮助中心',
+                subtitle: 'Documentation & Guides',
+                tab_guide: '🚀 快速上手',
+                tab_features: '✨ 功能详解',
+                tab_faq: '❓ 常见问题',
+                faq: {
+                    add_q: '如何添加订阅？',
+                    add_a: '在首页点击"添加订阅"按钮，输入订阅链接（支持 HTTP/HTTPS），系统会自动解析其中的节点信息。支持 Clash、Surge、V2Ray 等多种格式链接。',
+                    export_q: '如何生成订阅链接？',
+                    export_a: '在仪表盘或订阅组卡片中，点击"导出"或"链接"按钮。选择您需要的客户端格式（如 Clash, Shadowrocket），然后点击复制即可。',
+                    clients_q: '支持哪些客户端格式？',
+                    clients_a: 'Sub-One 支持几乎所有主流客户端，包括 Clash (Meta), Surge, Loon, Egern, Shadowrocket, Quantumult X, Sing-Box, V2Ray, Surfboard 等。',
+                    token_q: '什么是订阅 Token？',
+                    token_a: '订阅 Token 是用于生成固定订阅链接的密钥。在"系统设置"中配置后，您的订阅链接将包含此 Token，即使服务器重启或迁移，只要 Token 不变，链接依然有效。',
+                    batch_q: '如何进行批量操作？',
+                    batch_a: '在订阅列表页，点击右上角的"多选/批量"图标进入批量模式。选择多个订阅后，可以进行批量删除、批量更新或批量启用/禁用操作。'
+                },
+                features: {
+                    sub_title: '订阅管理',
+                    sub_desc: '支持多种格式订阅自动解析，流量与过期时间监控，定时自动更新。',
+                    profile_title: '订阅组',
+                    profile_desc: '将多个订阅源组合成一个大的订阅，支持自定义筛选规则和排除规则。',
+                    manual_title: '手动节点',
+                    manual_desc: '支持手动添加单个节点，或批量导入节点链接，支持智能去重排序。',
+                    convert_title: '格式转换',
+                    convert_desc: '内置强大的格式转换引擎，支持生成适配各种主流客户端的配置文件。'
+                },
+                guide: {
+                    step1_title: '添加订阅源',
+                    step1_desc: '在首页点击<span class="font-bold text-primary-600"> + 添加订阅</span>按钮，粘贴您的机场订阅链接。系统会自动下载并解析所有节点信息。',
+                    step2_title: '创建订阅组 (可选)',
+                    step2_desc: '如果您有多个订阅，可以创建一个 <span class="font-bold text-secondary-600">订阅组</span>。 将它们聚合在一起，还可以设置过滤规则来排除不需要的节点。',
+                    step3_title: '导出使用',
+                    step3_desc: '点击订阅或订阅组上的 <span class="font-bold text-success-600">导出/链接</span> 按钮。 选择适配您的客户端（如 Clash, Shadowrocket）的格式， 复制链接即可使用。'
+                }
+            },
+            modal: {
+                title: '系统设置',
+                loading: '正在加载配置...',
+                loadFail: '加载设置失败，将使用默认值',
+                noWhitespace: '输入项中不能包含空格，请检查后再试。',
+                saveSuccess: '设置已保存',
+                saveSuccessRefresh: '设置已保存，页面将自动刷新...',
+                saveFail: '保存失败',
+                copySuccess: '触发链接已复制到剪贴板',
+                copyFail: '复制失败，请手动复制',
+                saveDisabled: '输入内容包含空格，无法保存',
+                tabGeneral: '常规设置',
+                tabAdvanced: '高级设置',
+                tabStorage: '存储与备份',
+                basic: {
+                    title: '基础配置',
+                    filename: '自定义订阅文件名',
+                    filenamePlaceholder: '例如：my_subscription',
+                    token: '自定义订阅Token',
+                    tokenPlaceholder: '用于访问订阅链接的Token'
+                },
+                profile: {
+                    title: '订阅组与节点',
+                    token: '订阅组分享Token',
+                    tokenPlaceholder: '例如：my（必须与订阅Token不同）',
+                    tokenHint: '重要：此Token必须与"自定义订阅Token"不同。留空则无法使用订阅组分享。',
+                    prefixLabel: '节点名前缀',
+                    prefixTitle: '自动添加前缀',
+                    prefixDesc: '将订阅名作为节点名前缀',
+                    dedupeLabel: '节点去重',
+                    dedupeTitle: '自动去重',
+                    dedupeDesc: '去除相同节点(IP+Port)'
+                },
+                convert: {
+                    title: '订阅转换方式',
+                    useExternal: '使用外部转换API',
+                    useExternalDesc: '关闭时使用后端自带转换',
+                    apiUrl: '外部转换API地址',
+                    manualInput: '-- 手动输入 --',
+                    apiUrlPlaceholder: '例如：api-suc.0z.gs',
+                    apiUrlHint: '提示：直接填写域名即可，系统会自动补全路径并拼接参数。'
+                },
+                tg: {
+                    title: 'Telegram 通知',
+                    token: 'Bot Token',
+                    tokenPlaceholder: '从 @BotFather 获取的Bot Token',
+                    chatId: 'Chat ID',
+                    chatIdPlaceholder: '接收通知的聊天ID'
+                },
+                notify: {
+                    title: '通知阈值',
+                    expireDays: '到期提醒阈值（天）',
+                    daysPlaceholder: '例如：3',
+                    expireHint: '当订阅剩余天数小于此值时发送提醒',
+                    trafficPercent: '流量提醒阈值（%）',
+                    percentPlaceholder: '例如：90',
+                    trafficHint: '当流量使用超过此百分比时发送提醒'
+                },
+                cron: {
+                    title: '自动更新(Cron)配置',
+                    enable: '启用定时更新',
+                    enableDesc: '开启后，可通过第三方 Cron 服务自动更新订阅',
+                    secret: 'Cron 安全密钥（Token）',
+                    secretPlaceholder: '任意复杂的字符串，例如：my_secret_token',
+                    hint1: '配置后，您可以使用第三方工具（如 UptimeRobot、宝塔计划任务）定期请求：<br />',
+                    hint2: '如果您使用的是 Cloudflare Pages，由于平台限制必须通过这种接口方式触发定时任务；Docker 用户自带内部定时器，可选择配置。',
+                    triggerUrl: '生成的专属触发链接：',
+                    copy: '复制链接',
+                    disabled: '定时更新功能已关闭'
+                },
+                storage: {
+                    title: '存储设置'
+                }
+            },
+            backup: {
+                snapshotCreateSuccess: '快照创建成功',
+                snapshotCreateFail: '创建快照失败',
+                deletingSnapshots: '正在删除 {count} 个快照...',
+                deleteSnapshotsSuccess: '成功删除 {count} 个快照',
+                batchDeleteFail: '批量删除失败',
+                batchDeleteError: '批量删除过程中发生错误',
+                snapshotDeleted: '快照已删除',
+                snapshotDeleteFail: '删除快照失败',
+                restoringSnapshot: '正在恢复快照，请稍候...',
+                snapshotRestoreSuccess: '快照恢复成功，页面即将刷新...',
+                snapshotRestoreFail: '快照恢复失败',
+                exportFail: '导出失败',
+                exportSuccess: '备份文件已导出',
+                exportError: '导出备份失败',
+                formatError: '备份文件格式错误',
+                validateSuccess: '备份文件验证成功',
+                formatCorrupt: '备份文件格式错误或损坏',
+                onlyJson: '仅支持 JSON 格式的备份文件',
+                selectFileFirst: '请先选择备份文件',
+                importFail: '导入失败',
+                importSuccess: '数据恢复成功，页面即将刷新...',
+                importError: '导入备份失败',
+                snapshotTitle: '服务器快照',
+                storageFeature: '储存功能',
+                snapshotDesc: '在服务器上保存数据的历史版本，随时快速恢复 (保留最近 20 条)',
+                snapshotNamePlaceholder: '快照名称 (可选)',
+                createSnapshot: '创建快照',
+                noSnapshots: '还没有任何服务器快照',
+                selectAll: '全选',
+                cancel: '取消',
+                deleteSelected: '删除选中',
+                batchManage: '批量管理',
+                subscriptions: '订阅',
+                manualNodes: '手动',
+                totalNodes: '总节点',
+                restore: '恢复',
+                delete: '删除',
+                exportTitle: '导出备份',
+                exportDesc: '下载包含所有数据的 JSON 文件到本地',
+                exporting: '正在导出...',
+                exportData: '导出数据',
+                exportHint: '包含订阅源、订阅组、手动节点、系统设置和账号信息。包括敏感数据（如密码哈希），请妥善保管。',
+                importTitle: '导入备份',
+                importDesc: '从本地 JSON 文件恢复数据',
+                dropZoneTitle: '点击选择或拖拽文件到此处',
+                dropZoneDesc: '支持 .json 格式备份文件',
+                backupReady: '备份文件已就绪',
+                version: '版本',
+                statSubs: '订阅源',
+                statProfiles: '订阅组',
+                statManual: '手动节点',
+                statTotal: '总节点',
+                statUsers: '用户',
+                restoreModeLabel: '选择恢复方式',
+                modeMerge: '合并模式 (推荐)',
+                modeMergeDesc: '保留现有数据，仅添加新项',
+                modeOverwrite: '覆盖模式',
+                modeOverwriteDesc: '清空现有数据，完全替换',
+                restoring: '恢复数据中...',
+                confirmRestore: '确认开始恢复',
+                confirmBatchDeleteTitle: '确认批量删除',
+                confirmBatchDeleteMsg: '您确定要删除选中的 <strong>{count}</strong> 个快照吗？删除后将无法恢复。',
+                batchDeleteBtn: '批量删除',
+                confirmDeleteTitle: '确认删除快照',
+                confirmDeleteMsg: '您确定要删除此快照吗？删除后将无法恢复。',
+                confirmRestoreTitle: '确认恢复快照',
+                confirmRestoreOverwriteMsg: '确定要从快照恢复并 <strong class="text-danger-500">覆盖</strong> 现有数据吗？此操作不可撤销！',
+                confirmRestoreMergeMsg: '确定要从快照恢复（合并）数据吗？',
+                confirmImportTitle: '确认导入备份',
+                confirmImportOverwriteMsg: '确定要覆盖现有数据吗？现有数据将被完全替换，此操作不可撤销！',
+                confirmImportMergeMsg: '确定要导入备份数据吗？现有数据将保留。',
+                startImportBtn: '开始导入'
+            }
+        },
+        subscription: {
+            modal: {
+                basicInfo: '基础信息',
+                subName: '订阅名称',
+                optional: '(可选)',
+                namePlaceholder: '留空自动提取',
+                subUrl: '订阅链接',
+                urlPlaceholder: 'https://example.com/sub?token=xxx',
+                nameHint: '名称留空将自动从链接中提取',
+                advancedOptions: '高级选项',
+                filterRules: '节点过滤规则',
+                filterPlaceholder: '输入节点过滤规则...',
+                filterHint1: '支持正则表达式，多个规则用换行分隔。使用 ',
+                filterHintKeep: 'keep:',
+                filterHint2: ' 前缀表示白名单',
+                addHintTitle: '添加订阅后自动获取节点',
+                addHintDesc: '保存后系统将自动从订阅链接获取节点数量和流量信息'
+            },
+            card: {
+                copySuccess: '链接已复制到剪贴板',
+                copyFailed: '复制失败',
+                unnamed: '未命名订阅',
+                filterEnabledMsg: '已启用规则过滤: ',
+                filterLabel: '规则过滤',
+                edit: '编辑',
+                delete: '删除',
+                subUrl: '订阅链接',
+                hideUrlTitle: '隐藏链接',
+                showUrlTitle: '显示链接',
+                hideBtn: '隐藏',
+                showBtn: '显示',
+                copyUrlTitle: '复制链接',
+                copyBtn: '复制',
+                trafficUsage: '流量使用',
+                usedPrefix: '已用',
+                enabled: '已启用',
+                disabled: '已禁用',
+                testing: '测试中...',
+                available: '可用',
+                unavailable: '不可用',
+                testConn: '测试连接',
+                nodes: '节点',
+                updating: '更新中...',
+                updateSub: '更新订阅'
+            },
+            filterEditor: {
+                excludeMode: '排除模式',
+                blacklist: '(黑名单)',
+                keepMode: '保留模式',
+                whitelist: '(白名单)',
+                rulesCount: '{count} 条规则',
+                clear: '清空',
+                protocolType: '协议类型',
+                selected: '已选',
+                count: '个',
+                commonRegions: '常用地区',
+                keywordFilter: '关键词过滤',
+                keywordPlaceholder: '✍️ 输入关键词后回车添加...',
+                addBtn: '添加',
+                manualEdit: '手动编辑',
+                rulePreview: '规则预览',
+                visualMode: '📊 可视化模式',
+                manualMode: '⌨️ 手动编辑',
+                manualPlaceholder: '在此手动编辑过滤规则...',
+                autoPlaceholder: '规则将自动生成在这里',
+                hint: '💡 提示：选择上方的选项来创建过滤规则',
+                clearTitle: '确认清空规则',
+                clearMsg1: '确定要清空所有过滤规则吗？',
+                clearMsg2: '此操作将清除所有已选的协议、地区和关键词。',
+                regions: {
+                    hk: '香港', tw: '台湾', sg: '新加坡', jp: '日本', us: '美国',
+                    kr: '韩国', cn: '中国', gb: '英国', de: '德国', fr: '法国',
+                    nl: '荷兰', au: '澳洲', ca: '加拿大', in: '印度', ru: '俄罗斯',
+                    tr: '土耳其', ar: '阿根廷', th: '泰国', vn: '越南', ph: '菲律宾',
+                    my: '马来西亚', it: '意大利', ch: '瑞士', se: '瑞典', ae: '阿联酋', br: '巴西'
+                },
+                keywords: {
+                    highMultiplier: '高倍率', lowMultiplier: '低倍率', transit: '中转', direct: '直连',
+                    dedicated: '专线', bgp: 'BGP', iplc: 'IPLC', iepl: 'IEPL', ipv6: 'IPv6', udp: 'UDP',
+                    homeBroadband: '家宽', native: '原生', test: '测试', maintenance: '维护',
+                    expired: '过期', remainingTraffic: '剩余流量', official: '官网',
+                    nf: 'NF', netflix: 'Netflix', disney: 'Disney', disPlus: 'Dis+',
+                    chatgpt: 'ChatGPT', openai: 'OpenAI', youtube: 'YouTube', emby: 'Emby',
+                    tiktok: 'TikTok', tvb: 'TVB'
+                }
+            }
+        }
+    },
+    app: {
+        stores: {
+            session: {
+                loginFailed: '登录失败',
+                initFailed: '初始化失败'
+            },
+            data: {
+                dataChanged: '数据变动',
+                savedSuffix: '已保存',
+                saveFailedPrefix: '保存失败: ',
+                saveError: '保存数据时发生未知错误'
+            },
+            theme: {
+                lightMode: '明亮模式',
+                darkMode: '暗黑模式',
+                switchToDark: '点击切换到暗黑模式',
+                switchToLight: '点击切换到明亮模式'
+            }
+        }
+    }
+};
diff --git a/src/stores/useAppStore.ts b/src/stores/useAppStore.ts
index cc6404e5..f268e953 100644
--- a/src/stores/useAppStore.ts
+++ b/src/stores/useAppStore.ts
@@ -12,6 +12,7 @@ import * as api from '@/common/utils/api';
 import { HTTP_REGEX } from '@/common/utils/constants';
 
 import { useNotificationStore } from '@/stores/useNotificationStore';
+import i18n from '@/i18n';
 
 export const useDataStore = defineStore('data', () => {
     const { showToast } = useNotificationStore();
@@ -21,7 +22,7 @@ export const useDataStore = defineStore('data', () => {
 
     // We bind saveData early so domains can use it
     async function saveData(
-        reason: string = '数据变动',
+        reason: string = i18n.global.t('app.stores.data.dataChanged'),
         showSuccessToast: boolean = true
     ): Promise<boolean> {
         if (isLoading.value) return false;
@@ -44,16 +45,16 @@ export const useDataStore = defineStore('data', () => {
             const response = await api.saveAllData(payload);
 
             if (response.success) {
-                if (showSuccessToast) showToast(`${reason} 已保存`, 'success');
+                if (showSuccessToast) showToast(`${reason} ${i18n.global.t('app.stores.data.savedSuffix')}`, 'success');
                 hasUnsavedChanges.value = false;
                 return true;
             } else {
-                showToast(`保存失败: ${response.message}`, 'error');
+                showToast(`${i18n.global.t('app.stores.data.saveFailedPrefix')}${response.message}`, 'error');
                 return false;
             }
         } catch (error) {
             console.error('Save failed:', error);
-            showToast('保存数据时发生未知错误', 'error');
+            showToast(i18n.global.t('app.stores.data.saveError'), 'error');
             return false;
         } finally {
             isLoading.value = false;
diff --git a/src/stores/useSessionStore.ts b/src/stores/useSessionStore.ts
index a9474d99..6e57426c 100644
--- a/src/stores/useSessionStore.ts
+++ b/src/stores/useSessionStore.ts
@@ -21,6 +21,7 @@ import {
     checkSystemStatus,
     fetchInitialData
 } from '@/common/utils/api';
+import i18n from '@/i18n';
 
 /**
  * 会话状态类型定义
@@ -91,7 +92,7 @@ export const useSessionStore = defineStore('session', () => {
                 }
             } catch (error) {
                 // 发生错误，记录日志并标记为未登录
-                console.error('会话检查失败:', error);
+                console.error('Session check failed:', error);
                 sessionState.value = 'loggedOut';
             }
         };
@@ -128,7 +129,7 @@ export const useSessionStore = defineStore('session', () => {
                 handleLoginSuccess();
             } else {
                 // 登录失败，解析错误消息
-                let errorMessage = '登录失败';
+                let errorMessage = i18n.global.t('app.stores.session.loginFailed');
 
                 if (response instanceof Response) {
                     // 从响应中提取错误消息
@@ -144,7 +145,7 @@ export const useSessionStore = defineStore('session', () => {
             }
         } catch (error) {
             // 记录错误并重新抛出
-            console.error('登录失败:', error);
+            console.error('Login failed:', error);
             throw error;
         }
     }
@@ -212,7 +213,7 @@ export const useSessionStore = defineStore('session', () => {
                 initialData.value = null;
             } else {
                 // 初始化失败，解析错误消息
-                let errorMessage = '初始化失败';
+                let errorMessage = i18n.global.t('app.stores.session.initFailed');
 
                 if (response instanceof Response) {
                     const errorData = (await response.json().catch(() => ({}))) as any;
@@ -224,7 +225,7 @@ export const useSessionStore = defineStore('session', () => {
                 throw new Error(errorMessage);
             }
         } catch (error) {
-            console.error('系统初始化失败:', error);
+            console.error('System initialization failed:', error);
             throw error;
         }
     }
diff --git a/src/stores/useThemeStore.ts b/src/stores/useThemeStore.ts
index e35938bf..edc1610e 100644
--- a/src/stores/useThemeStore.ts
+++ b/src/stores/useThemeStore.ts
@@ -12,6 +12,7 @@
 import { computed, ref } from 'vue';
 
 import { defineStore } from 'pinia';
+import i18n from '@/i18n';
 
 /**
  * 主题类型定义
@@ -148,9 +149,9 @@ export const useThemeStore = defineStore('theme', () => {
      */
     function getThemeName() {
         if (theme.value === 'light') {
-            return '明亮模式';
+            return i18n.global.t('app.stores.theme.lightMode');
         } else {
-            return '暗黑模式';
+            return i18n.global.t('app.stores.theme.darkMode');
         }
     }
 
@@ -165,9 +166,9 @@ export const useThemeStore = defineStore('theme', () => {
      */
     function getNextThemeName() {
         if (theme.value === 'light') {
-            return '点击切换到暗黑模式';
+            return i18n.global.t('app.stores.theme.switchToDark');
         } else {
-            return '点击切换到明亮模式';
+            return i18n.global.t('app.stores.theme.switchToLight');
         }
     }
 
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index 77c36bb9..a6634fb9 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import { storeToRefs } from 'pinia';
 
@@ -21,6 +22,7 @@ const { activeSubscriptions, manualNodes, profiles, totalNodeCount, activeNodeCo
     storeToRefs(dataStore);
 
 // Computed for Display
+const { t, tm } = useI18n();
 const activeProfilesCount = computed(() => profiles.value.filter((p: Profile) => p.enabled).length);
 const isUpdatingAllSubs = ref(false);
 
@@ -31,73 +33,41 @@ const handleUpdateAll = async () => {
 
     if (result.success) {
         if (result.count && result.count > 0) {
-            showToast(`成功更新 ${result.count} 个订阅`, 'success');
+            showToast(t('views.dashboard.messages.updateSuccess', { count: result.count }), 'success');
         } else {
-            showToast('所有订阅已是最新状态', 'success');
+            showToast(t('views.dashboard.messages.allUpToDate'), 'success');
         }
     } else {
-        showToast(result.message || '更新失败', 'error');
+        showToast(result.message || t('views.dashboard.messages.updateFailed'), 'error');
     }
 };
 
-/** 励志语录数据库 */
-const quotes = [
-    {
-        text: '成功不是终点，失败也不是终结，唯有勇气才是永恒。',
-        author: '温斯顿·丘吉尔',
-        category: '励志'
-    },
-    { text: '代码如诗，每一行都是对完美的追求。', author: '极客箴言', category: '技术' },
-    { text: '今天的努力，是为了明天更好的自己。', author: '佚名', category: '励志' },
-    {
-        text: '优秀的程序员不是写代码最多的，而是删代码最多的。',
-        author: '编程智慧',
-        category: '技术'
-    },
-    { text: '保持简单，保持优雅，保持高效。', author: '设计哲学', category: '技术' },
-    { text: '每一次调试，都是与bug的一场较量。', author: '程序员日常', category: '幽默' },
-    { text: '不要害怕重构，害怕的应该是技术债。', author: '代码整洁之道', category: '技术' },
-    {
-        text: '真正的智慧不在于知道所有答案，而在于提出正确的问题。',
-        author: '苏格拉底',
-        category: '励志'
-    },
-    { text: '让代码自己说话，注释只是辅助。', author: 'Clean Code', category: '技术' },
-    {
-        text: 'bug不会因为你忽视它而消失，只会在生产环境中惊艳亮相。',
-        author: '墨菲定律',
-        category: '幽默'
-    },
-    { text: '持续学习，永不止步。今天比昨天更强大。', author: '成长心态', category: '励志' },
-    { text: '好的架构不是设计出来的，而是演化出来的。', author: '架构之道', category: '技术' },
-    { text: '测试不是负担，而是对代码的信心保障。', author: 'TDD实践', category: '技术' },
-    { text: '编程不仅是科学，更是艺术。', author: 'Donald Knuth', category: '技术' },
-    { text: '越简单的方案，越容易维护。', author: 'KISS原则', category: '技术' }
-];
+const quotes = computed(() => tm('views.dashboard.quotes') as any[]);
 
-const currentQuote = ref(quotes[0]);
+const currentQuoteIndex = ref(0);
+const currentQuote = computed(() => quotes.value[currentQuoteIndex.value] || quotes.value[0]);
 const isRefreshing = ref(false);
 
 /** 获取随机语录（避免重复） */
-const getRandomQuote = () => {
-    let newQuote;
+const getRandomQuoteIndex = () => {
+    let newIndex;
     do {
-        newQuote = quotes[Math.floor(Math.random() * quotes.length)];
-    } while (newQuote === currentQuote.value && quotes.length > 1);
-    return newQuote;
+        newIndex = Math.floor(Math.random() * quotes.value.length);
+    } while (newIndex === currentQuoteIndex.value && quotes.value.length > 1);
+    return newIndex;
 };
 
 /** 刷新语录 */
 const refreshQuote = () => {
     isRefreshing.value = true;
     setTimeout(() => {
-        currentQuote.value = getRandomQuote();
+        currentQuoteIndex.value = getRandomQuoteIndex();
         isRefreshing.value = false;
     }, 300);
 };
 
 onMounted(() => {
-    currentQuote.value = getRandomQuote();
+    currentQuoteIndex.value = getRandomQuoteIndex();
 });
 </script>
 
@@ -131,10 +101,10 @@ onMounted(() => {
                         </div>
                         <div>
                             <h3 class="text-base font-bold text-gray-800 dark:text-white">
-                                每日一言
+                                {{ t('views.dashboard.dailyQuote') }}
                             </h3>
                             <p class="text-xs text-gray-500 dark:text-gray-400">
-                                Daily Inspiration
+                                {{ t('views.dashboard.dailyInspiration') }}
                             </p>
                         </div>
                     </div>
@@ -144,11 +114,11 @@ onMounted(() => {
                         <span
                             :class="{
                                 'border-yellow-400/30 bg-yellow-400/20 text-yellow-700 dark:text-yellow-300':
-                                    currentQuote.category === '励志',
+                                    currentQuote.category === 'Inspirational',
                                 'border-info-400/30 bg-info-400/20 text-info-700 dark:text-info-300':
-                                    currentQuote.category === '技术',
+                                    currentQuote.category === 'Technical',
                                 'border-success-400/30 bg-success-400/20 text-success-700 dark:text-success-300':
-                                    currentQuote.category === '幽默'
+                                    currentQuote.category === 'Humor'
                             }"
                             class="rounded-element border px-2.5 py-1 text-xs font-medium backdrop-blur-md transition-all duration-300"
                         >
@@ -158,7 +128,7 @@ onMounted(() => {
                         <button
                             :disabled="isRefreshing"
                             class="flex h-8 w-8 items-center justify-center rounded-element border border-gray-300 bg-white/30 text-gray-700 backdrop-blur-md transition-all duration-300 hover:scale-110 hover:bg-white/50 active:scale-95 disabled:opacity-50 dark:border-white/10 dark:bg-white/10 dark:text-gray-300 dark:hover:bg-white/20"
-                            title="换一条"
+                            :title="t('views.dashboard.nextQuote')"
                             @click="refreshQuote"
                         >
                             <svg
@@ -210,9 +180,9 @@ onMounted(() => {
             >
                 <div class="relative z-10 mb-6 flex items-center justify-between">
                     <div>
-                        <h3 class="text-lg font-bold text-gray-900 dark:text-white">节点概览</h3>
+                        <h3 class="text-lg font-bold text-gray-900 dark:text-white">{{ t('views.dashboard.nodeOverview') }}</h3>
                         <p class="text-xs text-gray-500 dark:text-gray-400">
-                            Node Distribution & Status
+                            {{ t('views.dashboard.nodeDistribution') }}
                         </p>
                     </div>
                     <div class="flex gap-4">
@@ -220,7 +190,7 @@ onMounted(() => {
                             <div
                                 class="text-[10px] font-bold tracking-wider text-gray-400 uppercase"
                             >
-                                活跃率
+                                {{ t('views.dashboard.activeRate') }}
                             </div>
                             <div class="text-lg font-black text-primary-600 dark:text-primary-400">
                                 {{
@@ -250,7 +220,7 @@ onMounted(() => {
                             class="rounded-button border border-gray-300 bg-white/50 p-4 shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
                         >
                             <div class="mb-1 text-xs text-gray-500 dark:text-gray-400">
-                                活跃订阅
+                                {{ t('views.dashboard.activeSubscriptions') }}
                             </div>
                             <div class="text-xl font-bold text-gray-900 dark:text-white">
                                 {{ activeSubscriptions.length }}
@@ -260,7 +230,7 @@ onMounted(() => {
                             class="rounded-button border border-gray-300 bg-white/50 p-4 shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
                         >
                             <div class="mb-1 text-xs text-gray-500 dark:text-gray-400">
-                                活跃节点
+                                {{ t('views.dashboard.activeNodes') }}
                             </div>
                             <div class="text-xl font-bold text-success-500">
                                 {{ activeNodeCount }}
@@ -269,7 +239,7 @@ onMounted(() => {
                         <div
                             class="rounded-button border border-gray-300 bg-white/50 p-4 shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
                         >
-                            <div class="mb-1 text-xs text-gray-500 dark:text-gray-400">订阅组</div>
+                            <div class="mb-1 text-xs text-gray-500 dark:text-gray-400">{{ t('views.dashboard.profiles') }}</div>
                             <div class="text-xl font-bold text-secondary-500">
                                 {{ profiles.length }}
                             </div>
@@ -278,7 +248,7 @@ onMounted(() => {
                             class="rounded-button border border-gray-300 bg-white/50 p-4 shadow-elevated-sm dark:border-white/10 dark:bg-white/5"
                         >
                             <div class="mb-1 text-xs text-gray-500 dark:text-gray-400">
-                                手动节点
+                                {{ t('views.dashboard.manualNodes') }}
                             </div>
                             <div class="text-xl font-bold text-warning-500">
                                 {{ manualNodes.length }}
@@ -340,13 +310,13 @@ onMounted(() => {
                             </svg>
                         </div>
                         <h3 class="mb-1 text-xl font-bold text-gray-900 dark:text-white">
-                            {{ isUpdatingAllSubs ? '正在更新...' : '立即更新' }}
+                            {{ isUpdatingAllSubs ? t('views.dashboard.updating') : t('views.dashboard.updateNow') }}
                         </h3>
                         <p class="text-sm text-gray-500 dark:text-gray-400">
                             {{
                                 isUpdatingAllSubs
-                                    ? '正在同步最新节点信息'
-                                    : '同步所有订阅源的节点信息'
+                                    ? t('views.dashboard.syncLatest')
+                                    : t('views.dashboard.syncAll')
                             }}
                         </p>
                     </div>
@@ -375,12 +345,12 @@ onMounted(() => {
                         </div>
                         <span
                             class="rounded-full bg-secondary-500 px-2 py-0.5 text-[10px] font-bold text-white"
-                            >{{ activeProfilesCount }} Active</span
+                            >{{ t('views.dashboard.activeCount', { count: activeProfilesCount }) }}</span
                         >
                     </div>
                     <div class="text-2xl font-black text-gray-900 dark:text-white">
                         {{ profiles.length }}
-                        <span class="text-sm font-normal text-gray-500">订阅组</span>
+                        <span class="text-sm font-normal text-gray-500">{{ t('views.dashboard.profiles') }}</span>
                     </div>
                     <!-- 迷你进度条 -->
                     <div
@@ -426,9 +396,9 @@ onMounted(() => {
                     <p
                         class="font-bold text-gray-900 transition-colors group-hover:text-primary-600 dark:text-white dark:group-hover:text-primary-400"
                     >
-                        添加订阅
+                        {{ t('views.dashboard.addSubscription') }}
                     </p>
-                    <p class="text-xs text-gray-500 dark:text-gray-400">支持 HTTP/HTTPS</p>
+                    <p class="text-xs text-gray-500 dark:text-gray-400">{{ t('views.dashboard.supportsHttp') }}</p>
                 </div>
             </button>
 
@@ -458,9 +428,9 @@ onMounted(() => {
                     <p
                         class="font-bold text-gray-900 transition-colors group-hover:text-primary-600 dark:text-white dark:group-hover:text-primary-400"
                     >
-                        添加节点
+                        {{ t('views.dashboard.addNode') }}
                     </p>
-                    <p class="text-xs text-gray-500 dark:text-gray-400">支持多种协议</p>
+                    <p class="text-xs text-gray-500 dark:text-gray-400">{{ t('views.dashboard.supportsProtocols') }}</p>
                 </div>
             </button>
 
@@ -490,9 +460,9 @@ onMounted(() => {
                     <p
                         class="font-bold text-gray-900 transition-colors group-hover:text-primary-600 dark:text-white dark:group-hover:text-primary-400"
                     >
-                        创建订阅组
+                        {{ t('views.dashboard.createProfile') }}
                     </p>
-                    <p class="text-xs text-gray-500 dark:text-gray-400">组合订阅和节点</p>
+                    <p class="text-xs text-gray-500 dark:text-gray-400">{{ t('views.dashboard.combineSubs') }}</p>
                 </div>
             </button>
         </div>
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 6ac583c4..4d45ef23 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -24,6 +24,7 @@
 import { computed, ref } from 'vue';
 import { useSessionStore } from '@/stores/useSessionStore';
 import { useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
 
 /**
  * 组件属性定义 (保留接口兼容性，但优先使用 Store)
@@ -66,6 +67,8 @@ const isLoading = ref(false);
 /** 错误消息 */
 const error = ref('');
 
+const { t } = useI18n();
+
 // ==================== 登录处理 ====================
 
 /**
@@ -79,28 +82,28 @@ const error = ref('');
 const handleSubmit = async () => {
     // 验证用户名不为空
     if (!username.value.trim()) {
-        error.value = '请输入用户名';
+        error.value = t('views.login.errors.emptyUsername');
         return;
     }
 
     // 验证密码不为空
     if (!password.value.trim()) {
-        error.value = '请输入密码';
+        error.value = t('views.login.errors.emptyPassword');
         return;
     }
 
     // 如果是设置模式，验证确认密码
     if (actualIsSetup.value) {
         if (!confirmPassword.value.trim()) {
-            error.value = '请确认密码';
+            error.value = t('views.login.errors.emptyConfirmPassword');
             return;
         }
         if (password.value !== confirmPassword.value) {
-            error.value = '两次输入的密码不一致';
+            error.value = t('views.login.errors.passwordMismatch');
             return;
         }
         if (password.value.length < 6) {
-            error.value = '密码长度至少为6位';
+            error.value = t('views.login.errors.passwordTooShort');
             return;
         }
     }
@@ -118,7 +121,7 @@ const handleSubmit = async () => {
     } catch (err: unknown) {
         // 捕获并显示错误信息
         const msg = err instanceof Error ? err.message : String(err);
-        error.value = msg || '登录失败，请重试';
+        error.value = msg || t('views.login.errors.loginFailed');
     } finally {
         // 无论成功失败都重置加载状态
         isLoading.value = false;
@@ -169,7 +172,7 @@ const handleSubmit = async () => {
                 <p
                     class="text-xs font-medium tracking-wide text-gray-600 sm:text-sm dark:text-gray-400"
                 >
-                    {{ actualIsSetup ? '首次使用，请创建管理员账号' : '现代化订阅管理平台' }}
+                    {{ actualIsSetup ? t('views.login.setupSubtitle') : t('views.login.subtitle') }}
                 </p>
             </div>
 
@@ -195,7 +198,7 @@ const handleSubmit = async () => {
                                 d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
                             />
                         </svg>
-                        <span>用户名</span>
+                        <span>{{ t('views.login.username') }}</span>
                     </label>
 
                     <div class="group relative">
@@ -205,7 +208,7 @@ const handleSubmit = async () => {
                             type="text"
                             class="form-input-login bg-gray-50/50 py-2.5 text-sm transition-colors focus:bg-white sm:py-3 sm:text-base dark:bg-white/5 dark:focus:bg-white/10"
                             :class="{ 'input-error': error && !username }"
-                            placeholder="请输入您的用户名"
+                            :placeholder="t('views.login.placeholders.username')"
                             autocomplete="username"
                             :disabled="isLoading"
                             @keydown.enter="handleSubmit"
@@ -269,7 +272,7 @@ const handleSubmit = async () => {
                                 d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
                             />
                         </svg>
-                        <span>密码</span>
+                        <span>{{ t('views.login.password') }}</span>
                     </label>
 
                     <div class="group relative">
@@ -279,7 +282,7 @@ const handleSubmit = async () => {
                             type="password"
                             class="form-input-login bg-gray-50/50 py-2.5 text-sm transition-colors focus:bg-white sm:py-3 sm:text-base dark:bg-white/5 dark:focus:bg-white/10"
                             :class="{ 'input-error': error }"
-                            placeholder="请输入您的密码"
+                            :placeholder="t('views.login.placeholders.password')"
                             autocomplete="current-password"
                             :disabled="isLoading"
                             @keydown.enter="handleSubmit"
@@ -371,7 +374,7 @@ const handleSubmit = async () => {
                                 d="M9 12l2 2 4-4m5.818-4.818A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
                             />
                         </svg>
-                        <span>确认密码</span>
+                        <span>{{ t('views.login.confirmPassword') }}</span>
                     </label>
 
                     <div class="group relative">
@@ -381,7 +384,7 @@ const handleSubmit = async () => {
                             type="password"
                             class="form-input-login bg-gray-50/50 py-2.5 text-sm transition-colors focus:bg-white sm:py-3 sm:text-base dark:bg-white/5 dark:focus:bg-white/10"
                             :class="{ 'input-error': error }"
-                            placeholder="请再次输入密码"
+                            :placeholder="t('views.login.placeholders.confirmPassword')"
                             autocomplete="new-password"
                             :disabled="isLoading"
                             @keydown.enter="handleSubmit"
@@ -467,13 +470,13 @@ const handleSubmit = async () => {
                                 "
                             />
                         </svg>
-                        {{ actualIsSetup ? '创建管理员账号' : '立即登录' }}
+                        {{ actualIsSetup ? t('views.login.createAdmin') : t('views.login.loginBtn') }}
                     </span>
 
                     <!-- 加载状态 - 显示加载动画 -->
                     <span v-else class="flex items-center justify-center gap-2">
                         <div class="spinner h-4 w-4 border-2 sm:h-5 sm:w-5"></div>
-                        {{ actualIsSetup ? '创建中...' : '登录中...' }}
+                        {{ actualIsSetup ? t('views.login.creating') : t('views.login.loggingIn') }}
                     </span>
                 </button>
 
@@ -498,7 +501,7 @@ const handleSubmit = async () => {
                                 d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
                             />
                         </svg>
-                        <span>安全加密传输</span>
+                        <span>{{ t('views.login.secureTransport') }}</span>
                     </div>
                 </div>
             </form>
diff --git a/src/views/NodesView.vue b/src/views/NodesView.vue
index 3103c03b..e4a14235 100644
--- a/src/views/NodesView.vue
+++ b/src/views/NodesView.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, defineAsyncComponent } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import { storeToRefs } from 'pinia';
 
@@ -36,6 +37,7 @@ const SubscriptionImportModal = defineAsyncComponent(
 
 const dataStore = useDataStore();
 const { manualNodes } = storeToRefs(dataStore);
+const { t } = useI18n();
 
 // Hooks
 const {
@@ -73,12 +75,12 @@ const {
     resetPage
 } = usePagination<Node>(filteredNodes, 15, isSortingNodes);
 
-const nodesMoreMenuItems = [
-    { key: 'auto-sort', label: '一键排序' },
-    { key: 'deduplicate', label: '一键去重' },
-    { key: 'batch-delete', label: '批量删除' },
-    { key: 'clear-all', label: '清空所有', danger: true, dividerBefore: true }
-];
+const nodesMoreMenuItems = computed(() => [
+    { key: 'auto-sort', label: t('views.nodes.menus.autoSort') },
+    { key: 'deduplicate', label: t('views.nodes.menus.deduplicate') },
+    { key: 'batch-delete', label: t('views.nodes.menus.batchDelete') },
+    { key: 'clear-all', label: t('views.nodes.menus.clearAll'), danger: true, dividerBefore: true }
+]);
 
 const {
     isBatchDeleteMode,
@@ -165,7 +167,7 @@ useTabActionTrigger(
                     <input
                         v-model="searchTerm"
                         type="text"
-                        placeholder="搜索节点..."
+                        :placeholder="t('views.nodes.searchPlaceholder')"
                         class="search-input-unified w-full text-base"
                     />
                     <svg
@@ -191,14 +193,14 @@ useTabActionTrigger(
                             class="btn-modern-enhanced btn-add transform px-3 py-1.5 text-xs font-semibold transition-all duration-300 hover:scale-105 sm:px-5 sm:py-2.5 sm:text-sm"
                             @click="handleAddNode"
                         >
-                            新增
+                            {{ t('views.nodes.addBtn') }}
                         </button>
 
                         <button
                             class="btn-modern-enhanced btn-import transform px-3 py-1.5 text-xs font-semibold transition-all duration-300 hover:scale-105 sm:px-5 sm:py-2.5 sm:text-sm"
                             @click="showSubscriptionImportModal = true"
                         >
-                            导入节点
+                            {{ t('views.nodes.importBtn') }}
                         </button>
 
                         <button
@@ -220,7 +222,7 @@ useTabActionTrigger(
                                     d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"
                                 />
                             </svg>
-                            <span class="hidden sm:inline">保存排序</span>
+                            <span class="hidden sm:inline">{{ t('views.nodes.saveSortBtn') }}</span>
                         </button>
                         <button
                             :class="
@@ -245,9 +247,9 @@ useTabActionTrigger(
                                 />
                             </svg>
                             <span class="hidden sm:inline">{{
-                                isSortingNodes ? '排序中' : '手动排序'
+                                isSortingNodes ? t('views.nodes.sorting') : t('views.nodes.manualSortBtn')
                             }}</span>
-                            <span class="sm:hidden">{{ isSortingNodes ? '排序' : '排序' }}</span>
+                            <span class="sm:hidden">{{ t('views.nodes.sortShortBtn') }}</span>
                         </button>
                     </div>
 
@@ -322,8 +324,8 @@ useTabActionTrigger(
         </div>
         <EmptyState
             v-else
-            title="没有手动节点"
-            description="添加分享链接或单个节点。"
+            :title="t('views.nodes.emptyTitle')"
+            :description="t('views.nodes.emptyDesc')"
             bg-gradient-class="bg-linear-to-br from-success-500/20 to-success-500/20"
             icon-color-class="text-success-500"
         >
@@ -350,16 +352,16 @@ useTabActionTrigger(
 
         <ConfirmModal
             v-model:show="showDeleteNodesModal"
-            title="确认清空节点"
-            message="您确定要删除所有<strong>手动节点</strong>吗？此操作将标记为待保存，不会影响订阅。"
+            :title="t('views.nodes.clearAllModal.title')"
+            :message="t('views.nodes.clearAllModal.desc')"
             type="danger"
             @confirm="handleDeleteAllNodes"
         />
 
         <ConfirmModal
             v-model:show="showDeleteSingleNodeModal"
-            title="确认删除节点"
-            message="您确定要删除此手动节点吗？此操作将标记为待保存，不会影响订阅。"
+            :title="t('views.nodes.deleteModal.title')"
+            :message="t('views.nodes.deleteModal.desc')"
             type="danger"
             @confirm="handleConfirmDeleteSingleNode"
         />
diff --git a/src/views/ProfilesView.vue b/src/views/ProfilesView.vue
index 0b97a7bb..7210f74a 100644
--- a/src/views/ProfilesView.vue
+++ b/src/views/ProfilesView.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, defineAsyncComponent } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import { storeToRefs } from 'pinia';
 
@@ -36,6 +37,7 @@ const SubscriptionExportModal = defineAsyncComponent(
 // Stores
 const dataStore = useDataStore();
 const { profiles, subscriptions, manualNodes, config } = storeToRefs(dataStore);
+const { t } = useI18n();
 
 const {
     currentPage,
@@ -72,10 +74,10 @@ const handleSaveProfile = (profileData: Profile) => {
     baseHandleSaveProfile(profileData, () => resetPage());
 };
 
-const profilesMoreMenuItems = [
-    { key: 'batch-delete', label: '批量删除' },
-    { key: 'clear-all', label: '清空所有', danger: true, dividerBefore: true }
-];
+const profilesMoreMenuItems = computed(() => [
+    { key: 'batch-delete', label: t('views.profiles.menus.batchDelete') },
+    { key: 'clear-all', label: t('views.profiles.menus.clearAll'), danger: true, dividerBefore: true }
+]);
 
 // Batch Select
 const {
@@ -137,7 +139,7 @@ useTabActionTrigger(
                         class="btn-modern-enhanced btn-add transform px-3 py-1.5 text-xs font-semibold transition-all duration-300 hover:scale-105 sm:px-5 sm:py-2.5 sm:text-sm"
                         @click="handleAddProfile"
                     >
-                        新增
+                        {{ t('views.profiles.addBtn') }}
                     </button>
                     <MoreMenu
                         :items="profilesMoreMenuItems"
@@ -185,8 +187,8 @@ useTabActionTrigger(
         />
         <EmptyState
             v-if="profiles.length === 0"
-            title="没有订阅组"
-            description="创建一个订阅组来组合你的节点吧！"
+            :title="t('views.profiles.emptyTitle')"
+            :description="t('views.profiles.emptyDesc')"
             bg-gradient-class="bg-linear-to-br from-secondary-500/20 to-pink-500/20"
             icon-color-class="text-secondary-500"
         >
@@ -222,16 +224,16 @@ useTabActionTrigger(
 
         <ConfirmModal
             v-model:show="showDeleteSingleProfileModal"
-            title="确认删除订阅组"
-            message="您确定要删除此订阅组吗？此操作不可逆。"
+            :title="t('views.profiles.deleteModal.title')"
+            :message="t('views.profiles.deleteModal.desc')"
             type="danger"
             @confirm="handleConfirmDeleteSingleProfile"
         />
 
         <ConfirmModal
             v-model:show="showDeleteAllProfilesModal"
-            title="确认清空订阅组"
-            message="您确定要删除所有<strong>订阅组</strong>吗？此操作不可逆。"
+            :title="t('views.profiles.clearAllModal.title')"
+            :message="t('views.profiles.clearAllModal.desc')"
             type="danger"
             @confirm="handleDeleteAllProfiles"
         />
diff --git a/src/views/SubscriptionsView.vue b/src/views/SubscriptionsView.vue
index 38baeb4d..fc9fc999 100644
--- a/src/views/SubscriptionsView.vue
+++ b/src/views/SubscriptionsView.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, defineAsyncComponent } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import { storeToRefs } from 'pinia';
 
@@ -34,6 +35,7 @@ const SubscriptionModal = defineAsyncComponent(() => import('@/widgets/subscript
 // Stores
 const dataStore = useDataStore();
 const { subscriptions } = storeToRefs(dataStore);
+const { t } = useI18n();
 const filteredSubscriptions = computed(() => subscriptions.value);
 
 // Hooks: Subscription Management
@@ -69,10 +71,10 @@ const {
     resetPage
 } = usePagination<Subscription>(filteredSubscriptions, 6, isSortingSubs);
 
-const subsMoreMenuItems = [
-    { key: 'batch-delete', label: '批量删除' },
-    { key: 'clear-all', label: '清空所有', danger: true, dividerBefore: true }
-];
+const subsMoreMenuItems = computed(() => [
+    { key: 'batch-delete', label: t('views.subscriptions.menus.batchDelete') },
+    { key: 'clear-all', label: t('views.subscriptions.menus.clearAll'), danger: true, dividerBefore: true }
+]);
 
 const {
     isBatchDeleteMode,
@@ -139,7 +141,7 @@ useTabActionTrigger(
                         class="btn-modern-enhanced btn-add transform px-3 py-1.5 text-xs font-semibold transition-all duration-300 hover:scale-105 sm:px-5 sm:py-2.5 sm:text-sm"
                         @click="handleAddSubscription"
                     >
-                        新增
+                        {{ t('views.subscriptions.addBtn') }}
                     </button>
 
                     <button
@@ -168,9 +170,9 @@ useTabActionTrigger(
                             ></path>
                         </svg>
                         <span class="hidden sm:inline">{{
-                            isUpdatingAllSubs ? '更新中...' : '一键更新'
+                            isUpdatingAllSubs ? t('views.subscriptions.updating') : t('views.subscriptions.updateAllBtn')
                         }}</span>
-                        <span class="sm:hidden">{{ isUpdatingAllSubs ? '更新' : '更新' }}</span>
+                        <span class="sm:hidden">{{ t('views.subscriptions.updateShortBtn') }}</span>
                     </button>
 
                     <button
@@ -192,7 +194,7 @@ useTabActionTrigger(
                                 d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"
                             />
                         </svg>
-                        <span class="hidden sm:inline">保存排序</span>
+                        <span class="hidden sm:inline">{{ t('views.subscriptions.saveSortBtn') }}</span>
                     </button>
                     <button
                         :class="
@@ -217,9 +219,9 @@ useTabActionTrigger(
                             />
                         </svg>
                         <span class="hidden sm:inline">{{
-                            isSortingSubs ? '排序中' : '手动排序'
+                            isSortingSubs ? t('views.subscriptions.sorting') : t('views.subscriptions.manualSortBtn')
                         }}</span>
-                        <span class="sm:hidden">{{ isSortingSubs ? '排序' : '排序' }}</span>
+                        <span class="sm:hidden">{{ t('views.subscriptions.sortShortBtn') }}</span>
                     </button>
                 </div>
 
@@ -298,8 +300,8 @@ useTabActionTrigger(
         </div>
         <EmptyState
             v-else
-            title="没有订阅"
-            description="从添加你的第一个订阅开始。"
+            :title="t('views.subscriptions.emptyTitle')"
+            :description="t('views.subscriptions.emptyDesc')"
             bg-gradient-class="bg-linear-to-br from-primary-500/20 to-secondary-500/20"
             icon-color-class="text-primary-500"
         >
@@ -334,16 +336,16 @@ useTabActionTrigger(
 
     <ConfirmModal
         v-model:show="showDeleteAllSubsModal"
-        title="确认清空订阅"
-        message="您确定要删除所有<strong>订阅</strong>吗？此操作将标记为待保存，不会影响手动节点。"
+        :title="t('views.subscriptions.clearAllModal.title')"
+        :message="t('views.subscriptions.clearAllModal.desc')"
         type="danger"
         @confirm="handleDeleteAllSubscriptionsWithCleanup"
     />
 
     <ConfirmModal
         v-model:show="showDeleteSingleSubModal"
-        title="确认删除订阅"
-        message="您确定要删除此订阅吗？此操作将标记为待保存，不会影响手动节点。"
+        :title="t('views.subscriptions.deleteModal.title')"
+        :message="t('views.subscriptions.deleteModal.desc')"
         type="danger"
         @confirm="handleConfirmDeleteSingleSub"
     />
diff --git a/src/widgets/dashboard/NodeDistributionChart.vue b/src/widgets/dashboard/NodeDistributionChart.vue
index 63032a97..a4917750 100644
--- a/src/widgets/dashboard/NodeDistributionChart.vue
+++ b/src/widgets/dashboard/NodeDistributionChart.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref, shallowRef, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import { PieChart } from 'echarts/charts';
 import type { PieSeriesOption } from 'echarts/charts';
@@ -22,6 +23,7 @@ use([PieChart, TooltipComponent, LegendComponent, SVGRenderer]);
 const chartRef = ref<HTMLElement | null>(null);
 const chartInstance = shallowRef<EChartsType | null>(null);
 const themeStore = useThemeStore();
+const { t } = useI18n();
 
 type NodeChartOption = ComposeOption<
     PieSeriesOption | TooltipComponentOption | LegendComponentOption
@@ -73,7 +75,7 @@ const getOption = (): NodeChartOption => {
         },
         series: [
             {
-                name: '节点分布',
+                name: t('widgets.dashboard.chart.nodeDistribution'),
                 type: 'pie',
                 radius: ['55%', '75%'],
                 center: ['50%', '42%'],
@@ -104,7 +106,7 @@ const getOption = (): NodeChartOption => {
                 data: [
                     {
                         value: props.subscribedNodes,
-                        name: '订阅节点',
+                        name: t('widgets.dashboard.chart.subscriptionNodes'),
                         itemStyle: {
                             color: new graphic.LinearGradient(0, 0, 0, 1, [
                                 { offset: 0, color: primaryColor },
@@ -114,7 +116,7 @@ const getOption = (): NodeChartOption => {
                     },
                     {
                         value: props.manualNodes,
-                        name: '手动节点',
+                        name: t('widgets.dashboard.chart.manualNodes'),
                         itemStyle: {
                             color: new graphic.LinearGradient(0, 0, 0, 1, [
                                 { offset: 0, color: warningColor },
diff --git a/src/widgets/node/ManualNodeCard.vue b/src/widgets/node/ManualNodeCard.vue
index 00ad7111..884899c4 100644
--- a/src/widgets/node/ManualNodeCard.vue
+++ b/src/widgets/node/ManualNodeCard.vue
@@ -13,6 +13,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import type { Node } from '@/common/types/index';
 import { getProtocol, getProtocolInfo } from '@/common/utils/protocols';
@@ -33,6 +34,7 @@ const emit = defineEmits<{
 }>();
 
 const toastStore = useToastStore();
+const { t } = useI18n();
 
 const protocol = computed(() => {
     const node = props.node as any;
@@ -46,9 +48,9 @@ const protocolInfo = computed(() => getProtocolInfo(protocol.value));
 const handleCopy = async (url: string) => {
     const success = await copyToClipboard(url);
     if (success) {
-        toastStore.showToast('已复制节点链接', 'success');
+        toastStore.showToast(t('widgets.node.manualCard.copySuccess'), 'success');
     } else {
-        toastStore.showToast('复制失败', 'error');
+        toastStore.showToast(t('widgets.node.manualCard.copyFail'), 'error');
     }
 };
 </script>
@@ -130,7 +132,7 @@ const handleCopy = async (url: string) => {
                 >
                     <button
                         class="rounded-element p-1.5 text-gray-400 transition-colors hover:bg-primary-50 hover:text-primary-600 dark:hover:bg-primary-900/40 dark:hover:text-primary-400"
-                        title="编辑"
+                        :title="t('widgets.node.manualCard.edit')"
                         @click="emit('edit')"
                     >
                         <svg
@@ -149,7 +151,7 @@ const handleCopy = async (url: string) => {
                     </button>
                     <button
                         class="rounded-element p-1.5 text-gray-400 transition-colors hover:bg-rose-50 hover:text-rose-600 dark:hover:bg-rose-900/40 dark:hover:text-rose-400"
-                        title="删除"
+                        :title="t('widgets.node.manualCard.delete')"
                         @click="emit('delete')"
                     >
                         <svg
@@ -173,9 +175,9 @@ const handleCopy = async (url: string) => {
             <div class="mb-4">
                 <h4
                     class="line-clamp-2 text-base leading-snug font-bold wrap-break-word text-gray-800 transition-all duration-300 hover:line-clamp-none dark:text-gray-100"
-                    :title="node.name || '未命名节点'"
+                    :title="node.name || t('widgets.node.manualCard.unnamed')"
                 >
-                    {{ node.name || '未命名节点' }}
+                    {{ node.name || t('widgets.node.manualCard.unnamed') }}
                 </h4>
             </div>
 
@@ -185,7 +187,7 @@ const handleCopy = async (url: string) => {
                     <!-- 服务器地址展示 (更简洁) -->
                     <div
                         class="flex items-center gap-1.5 overflow-hidden text-gray-500 dark:text-gray-400"
-                        title="服务器地址"
+                        :title="t('widgets.node.manualCard.serverAddr')"
                     >
                         <svg
                             class="h-3.5 w-3.5 shrink-0"
@@ -209,10 +211,10 @@ const handleCopy = async (url: string) => {
                     <button
                         v-if="node.url"
                         class="flex items-center gap-1 rounded-element bg-gray-50 px-2 py-1 font-medium text-gray-500 transition-all hover:bg-primary-50 hover:text-primary-600 dark:bg-white/5 dark:hover:bg-primary-900/30 dark:hover:text-primary-400"
-                        title="复制完整链接"
+                        :title="t('widgets.node.manualCard.copyLink')"
                         @click.stop="handleCopy(node.url)"
                     >
-                        <span class="hidden sm:inline">复制</span>
+                        <span class="hidden sm:inline">{{ t('widgets.node.manualCard.copyBtn') }}</span>
                         <svg
                             class="h-3.5 w-3.5"
                             fill="none"
diff --git a/src/widgets/node/NodeDetailsModal.vue b/src/widgets/node/NodeDetailsModal.vue
index 730d7c91..875237c6 100644
--- a/src/widgets/node/NodeDetailsModal.vue
+++ b/src/widgets/node/NodeDetailsModal.vue
@@ -18,6 +18,7 @@
 
 <script setup lang="ts">
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import { useNodeFetching } from '@/entities/node/model/useNodeFetching';
 import { useNodeSelection } from '@/entities/node/model/useNodeSelection';
@@ -39,6 +40,7 @@ const emit = defineEmits<{
 }>();
 
 const searchTerm = ref('');
+const { t } = useI18n();
 
 // 抽取的核心逻辑 Hooks
 const { nodes, isLoading, errorMessage, loadData, refreshNodes, extractHost } =
@@ -103,7 +105,7 @@ onUnmounted(() => {
                     >
                         <!-- 标题 -->
                         <div class="shrink-0 p-6 pb-4">
-                            <h3 class="gradient-text text-xl font-bold">节点详情</h3>
+                            <h3 class="gradient-text text-xl font-bold">{{ t('widgets.node.detailsModal.title') }}</h3>
                         </div>
 
                         <!-- 内容 -->
@@ -123,8 +125,8 @@ onUnmounted(() => {
                                             >
                                                 {{
                                                     subscription
-                                                        ? subscription.name || '未命名订阅'
-                                                        : profile?.name || '未命名订阅组'
+                                                        ? subscription.name || t('widgets.node.detailsModal.unnamedSub')
+                                                        : profile?.name || t('widgets.node.detailsModal.unnamedProfile')
                                                 }}
                                             </h3>
                                             <p
@@ -134,24 +136,19 @@ onUnmounted(() => {
                                                     subscription.url
                                                 }}</span>
                                                 <span v-else-if="profile"
-                                                    >包含
-                                                    {{ profile.subscriptions?.length ?? 0 }}
-                                                    个订阅，{{
-                                                        profile.manualNodes?.length ?? 0
-                                                    }}
-                                                    个手动节点</span
+                                                    >{{ t('widgets.node.detailsModal.contains', { subCount: profile.subscriptions?.length ?? 0, manualCount: profile.manualNodes?.length ?? 0 }) }}</span
                                                 >
                                             </p>
                                         </div>
                                         <div class="shrink-0 text-right">
                                             <p class="text-sm text-gray-600 dark:text-gray-300">
-                                                共 {{ nodes.length }} 个节点
+                                                {{ t('widgets.node.detailsModal.totalNodes', { count: nodes.length }) }}
                                             </p>
                                             <p
                                                 v-if="subscription && subscription.nodeCount"
                                                 class="text-xs text-gray-500 dark:text-gray-400"
                                             >
-                                                上次更新: {{ subscription.nodeCount }} 个
+                                                {{ t('widgets.node.detailsModal.lastUpdate', { count: subscription.nodeCount }) }}
                                             </p>
                                         </div>
                                     </div>
@@ -163,7 +160,7 @@ onUnmounted(() => {
                                         <input
                                             v-model="searchTerm"
                                             type="text"
-                                            placeholder="搜索节点名称或链接..."
+                                            :placeholder="t('widgets.node.detailsModal.searchPlaceholder')"
                                             class="search-input-unified w-full"
                                         />
                                         <svg
@@ -207,7 +204,7 @@ onUnmounted(() => {
                                                     d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
                                                 ></path>
                                             </svg>
-                                            <span v-else>刷新</span>
+                                            <span v-else>{{ t('widgets.node.detailsModal.refresh') }}</span>
                                         </button>
 
                                         <button
@@ -215,7 +212,7 @@ onUnmounted(() => {
                                             class="transform rounded-element bg-linear-to-r from-success-500 to-success-600 px-4 py-2 text-sm text-white shadow-elevated transition-all duration-300 hover:scale-105 hover:from-success-600 hover:to-success-700 hover:shadow-card disabled:cursor-not-allowed disabled:opacity-50"
                                             @click="copySelectedNodes"
                                         >
-                                            复制选中
+                                            {{ t('widgets.node.detailsModal.copySelected') }}
                                         </button>
                                     </div>
                                 </div>
@@ -236,7 +233,7 @@ onUnmounted(() => {
                                         class="h-8 w-8 animate-spin rounded-full border-b-2 border-primary-600"
                                     ></div>
                                     <span class="ml-2 text-gray-600 dark:text-gray-400"
-                                        >正在获取节点信息...</span
+                                        >{{ t('widgets.node.detailsModal.loading') }}</span
                                     >
                                 </div>
 
@@ -263,9 +260,7 @@ onUnmounted(() => {
                                             <span
                                                 class="ml-2 text-sm text-gray-700 dark:text-gray-300"
                                             >
-                                                全选 ({{ selectedNodes.size }}/{{
-                                                    filteredNodes.length
-                                                }})
+                                                {{ t('widgets.node.detailsModal.selectAll', { selected: selectedNodes.size, total: filteredNodes.length }) }}
                                             </span>
                                         </label>
                                     </div>
@@ -376,7 +371,7 @@ onUnmounted(() => {
                                                                     "
                                                                     class="inline-flex items-center gap-1 rounded-element border border-success-100 bg-success-50 px-2 py-1 text-[10px] font-medium text-success-600 dark:border-success-800/30 dark:bg-success-900/20 dark:text-success-400"
                                                                 >
-                                                                    手动
+                                                                    {{ t('widgets.node.detailsModal.manual') }}
                                                                 </span>
                                                             </template>
                                                         </div>
@@ -398,7 +393,7 @@ onUnmounted(() => {
                                                 >
                                                     <div
                                                         class="flex items-center gap-1.5 overflow-hidden text-gray-500 dark:text-gray-400"
-                                                        title="服务器地址"
+                                                        :title="t('widgets.node.detailsModal.serverAddr')"
                                                     >
                                                         <svg
                                                             class="h-3.5 w-3.5 shrink-0"
@@ -424,10 +419,10 @@ onUnmounted(() => {
 
                                                     <button
                                                         class="flex items-center gap-1 rounded-element bg-gray-50 px-2 py-1 font-medium text-gray-400 transition-all hover:bg-primary-50 hover:text-primary-600 dark:bg-white/5 dark:hover:bg-primary-900/30 dark:hover:text-primary-400"
-                                                        title="复制链接"
+                                                        :title="t('widgets.node.detailsModal.copyLink')"
                                                         @click.stop="handleCopySingle(node.url)"
                                                     >
-                                                        <span class="hidden sm:inline">复制</span>
+                                                        <span class="hidden sm:inline">{{ t('widgets.node.detailsModal.copyBtn') }}</span>
                                                         <svg
                                                             class="h-3.5 w-3.5"
                                                             fill="none"
@@ -466,7 +461,7 @@ onUnmounted(() => {
                                         </svg>
                                     </div>
                                     <p class="text-gray-500 dark:text-gray-400">
-                                        {{ searchTerm ? '没有找到匹配的节点' : '暂无节点信息' }}
+                                        {{ searchTerm ? t('widgets.node.detailsModal.noMatch') : t('widgets.node.detailsModal.empty') }}
                                     </p>
                                 </div>
                             </div>
@@ -480,7 +475,7 @@ onUnmounted(() => {
                                 class="rounded-element bg-gray-200 px-4 py-2 text-sm font-semibold text-gray-800 transition-colors hover:bg-gray-300 dark:bg-white/10 dark:text-gray-200 dark:hover:bg-white/10"
                                 @click="emit('update:show', false)"
                             >
-                                关闭
+                                {{ t('widgets.node.detailsModal.close') }}
                             </button>
                         </div>
                     </div>
diff --git a/src/widgets/node/NodeModal.vue b/src/widgets/node/NodeModal.vue
index cd18cbd7..7aa125c5 100644
--- a/src/widgets/node/NodeModal.vue
+++ b/src/widgets/node/NodeModal.vue
@@ -12,6 +12,7 @@
 
 <script setup lang="ts">
 import { useNodeForm } from '@/entities/node/model/useNodeForm';
+import { useI18n } from 'vue-i18n';
 import type { Node } from '@/common/types/index';
 import Modal from '@/common/ui/BaseModal.vue';
 
@@ -38,6 +39,8 @@ const {
     handleSave,
     handleCancel
 } = useNodeForm(props, emit);
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -62,19 +65,19 @@ const {
                         for="node-name"
                         class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
                     >
-                        节点名称
-                        <span class="ml-1 text-xs text-gray-400">(可选)</span>
+                        {{ t('widgets.node.modal.nameLabel') }}
+                        <span class="ml-1 text-xs text-gray-400">{{ t('widgets.node.modal.optional') }}</span>
                     </label>
                     <input
                         id="node-name"
                         v-model="localNode.name"
                         type="text"
-                        placeholder="留空时自动从链接提取"
+                        :placeholder="t('widgets.node.modal.namePlaceholder')"
                         class="input-modern w-full"
                         @input="handleNameInput"
                     />
                     <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
-                        如留空，系统将自动从节点链接中提取名称
+                        {{ t('widgets.node.modal.nameHint') }}
                     </p>
                 </div>
 
@@ -84,14 +87,14 @@ const {
                         for="node-url"
                         class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
                     >
-                        节点链接
+                        {{ t('widgets.node.modal.urlLabel') }}
                         <span class="text-danger-500">*</span>
                     </label>
                     <textarea
                         id="node-url"
                         v-model="localNode.url"
                         rows="4"
-                        placeholder="vmess://... 或 ss://... 等节点分享链接"
+                        :placeholder="t('widgets.node.modal.urlPlaceholder')"
                         class="input-modern w-full resize-none font-mono text-sm"
                         :class="{ 'border-danger-500 dark:border-danger-500': urlError }"
                         @input="handleUrlInput"
@@ -101,8 +104,7 @@ const {
                         {{ urlError }}
                     </p>
                     <p v-else class="mt-1 text-xs text-gray-500 dark:text-gray-400">
-                        支持 VMess、VLESS、Trojan、SS/SSR、Hysteria、TUIC、Socks5、WireGuard、Snell
-                        等协议
+                        {{ t('widgets.node.modal.urlHint') }}
                     </p>
                 </div>
 
@@ -124,10 +126,10 @@ const {
                         </svg>
                         <div class="flex-1">
                             <p class="mb-1 text-sm font-medium text-info-900 dark:text-info-100">
-                                粘贴节点分享链接
+                                {{ t('widgets.node.modal.pasteTitle') }}
                             </p>
                             <p class="text-xs text-info-700 dark:text-info-300">
-                                从其他应用或网站复制节点分享链接，粘贴到上方输入框即可
+                                {{ t('widgets.node.modal.pasteDesc') }}
                             </p>
                         </div>
                     </div>
diff --git a/src/widgets/node/SubscriptionImportModal.vue b/src/widgets/node/SubscriptionImportModal.vue
index 4344c69c..795c5a85 100644
--- a/src/widgets/node/SubscriptionImportModal.vue
+++ b/src/widgets/node/SubscriptionImportModal.vue
@@ -12,6 +12,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import { useSubscriptionImport } from '@/entities/node/model/useSubscriptionImport';
 import type { Node } from '@/common/types/index';
@@ -39,6 +40,8 @@ const {
     importSubscription
 } = useSubscriptionImport(props, emit);
 
+const { t } = useI18n();
+
 // Local UI Refs and Handlers
 const fileInputRef = ref<HTMLInputElement | null>(null);
 const triggerFileInput = () => {
@@ -54,16 +57,16 @@ const vFocus = {
 <template>
     <Modal
         :show="show"
-        confirm-text="导入"
+        :confirm-text="t('widgets.node.importModal.importBtn')"
         :confirm-disabled="isLoading"
         @update:show="emit('update:show', $event)"
         @confirm="importSubscription"
     >
         <template #title>
             <div class="flex flex-col gap-1">
-                <h3 class="gradient-text text-lg font-bold">导入订阅</h3>
+                <h3 class="gradient-text text-lg font-bold">{{ t('widgets.node.importModal.title') }}</h3>
                 <p class="text-xs font-normal text-gray-400">
-                    支持 URL 链接、纯文本、Base64 以及 Clash/YAML 配置文件
+                    {{ t('widgets.node.importModal.subtitle') }}
                 </p>
             </div>
         </template>
@@ -82,7 +85,7 @@ const vFocus = {
                     "
                     @click="mode = m"
                 >
-                    {{ m === 'url' ? '链接导入' : '文本/文件导入' }}
+                    {{ m === 'url' ? t('widgets.node.importModal.urlMode') : t('widgets.node.importModal.textMode') }}
                 </button>
             </div>
 
@@ -90,7 +93,7 @@ const vFocus = {
             <div v-if="mode === 'url'" class="space-y-4">
                 <div>
                     <label class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-300"
-                        >订阅链接</label
+                        >{{ t('widgets.node.importModal.urlLabel') }}</label
                     >
                     <input
                         v-model="subscriptionUrl"
@@ -105,9 +108,8 @@ const vFocus = {
                 <div
                     class="rounded-element border border-info-100 bg-info-50 p-3 text-xs leading-relaxed text-info-600 dark:border-info-800/30 dark:bg-info-900/10 dark:text-info-400"
                 >
-                    <p class="mb-1 font-bold">💡 提示：</p>
-                    此模式通过后端服务器下载订阅内容，适合需要定期更新的订阅源。如果链接包含敏感参数（如
-                    Token），它们将安全地传输给后端。
+                    <p class="mb-1 font-bold">{{ t('widgets.node.importModal.hintTitle') }}</p>
+                    {{ t('widgets.node.importModal.urlHintDesc') }}
                 </div>
             </div>
 
@@ -155,9 +157,9 @@ const vFocus = {
                         </div>
                         <div class="flex-1">
                             <p class="text-sm font-medium text-gray-700 dark:text-gray-200">
-                                点击上传或拖拽文件
+                                {{ t('widgets.node.importModal.uploadTitle') }}
                             </p>
-                            <p class="text-xs text-gray-400">支持 YAML, JSON, TXT 等格式</p>
+                            <p class="text-xs text-gray-400">{{ t('widgets.node.importModal.uploadDesc') }}</p>
                         </div>
                     </div>
                 </div>
@@ -166,16 +168,16 @@ const vFocus = {
                 <div>
                     <div class="mb-1.5 flex items-center justify-between">
                         <label class="block text-sm font-medium text-gray-700 dark:text-gray-300"
-                            >订阅内容</label
+                            >{{ t('widgets.node.importModal.contentLabel') }}</label
                         >
                         <span v-if="textContent" class="text-xs text-gray-400">
-                            {{ textContent.length }} 字符
+                            {{ textContent.length }} {{ t('widgets.node.importModal.chars') }}
                         </span>
                     </div>
                     <textarea
                         v-model="textContent"
                         rows="6"
-                        placeholder="在此处粘贴 Base64、节点链接列表或 Clash 配置内容..."
+                        :placeholder="t('widgets.node.importModal.contentPlaceholder')"
                         class="input-modern w-full resize-none font-mono text-xs leading-relaxed"
                     ></textarea>
                 </div>
diff --git a/src/widgets/profile/ProfileCard.vue b/src/widgets/profile/ProfileCard.vue
index b2bcf86c..3ddc9d9e 100644
--- a/src/widgets/profile/ProfileCard.vue
+++ b/src/widgets/profile/ProfileCard.vue
@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-
+import { useI18n } from 'vue-i18n';
 import type { Profile, Subscription } from '@/common/types/index';
 
 const props = withDefaults(
@@ -48,6 +48,8 @@ const totalNodeCount = computed(() => {
 
     return manualNodeCount + subscriptionNodeCount;
 });
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -102,8 +104,7 @@ const totalNodeCount = computed(() => {
                     </p>
                 </div>
                 <p class="text-sm leading-relaxed wrap-break-word text-gray-700 dark:text-gray-300">
-                    包含 {{ profile.subscriptions?.length ?? 0 }} 个订阅，{{ totalNodeCount }}
-                    个节点
+                    {{ t('widgets.profile.card.contains', { subCount: profile.subscriptions?.length ?? 0, nodeCount: totalNodeCount }) }}
                 </p>
             </div>
 
@@ -113,7 +114,7 @@ const totalNodeCount = computed(() => {
             >
                 <button
                     class="rounded-element p-1.5 text-gray-500 transition-all duration-200 hover:bg-primary-500/10 hover:text-primary-600 dark:text-gray-300 dark:hover:text-primary-400"
-                    title="编辑"
+                    :title="t('widgets.profile.card.edit')"
                     @click.stop="emit('edit')"
                 >
                     <svg
@@ -133,7 +134,7 @@ const totalNodeCount = computed(() => {
                 </button>
                 <button
                     class="rounded-element p-1.5 text-gray-500 transition-all duration-200 hover:bg-danger-500/10 hover:text-danger-500 dark:text-gray-300"
-                    title="删除"
+                    :title="t('widgets.profile.card.delete')"
                     @click.stop="emit('delete')"
                 >
                     <svg
@@ -178,7 +179,7 @@ const totalNodeCount = computed(() => {
                 ></div>
                 <span
                     class="ml-3 text-xs font-medium whitespace-nowrap text-gray-600 dark:text-gray-300"
-                    >{{ profile.enabled ? '已启用' : '已禁用' }}</span
+                    >{{ profile.enabled ? t('widgets.profile.card.enabled') : t('widgets.profile.card.disabled') }}</span
                 >
             </label>
 
@@ -186,7 +187,7 @@ const totalNodeCount = computed(() => {
             <div class="flex shrink-0 items-center gap-2">
                 <button
                     class="flex items-center gap-1.5 rounded-element border border-gray-300 bg-gray-50 px-3 py-1.5 text-xs font-medium whitespace-nowrap text-gray-600 transition-all duration-200 hover:border-primary-200 hover:bg-primary-50 hover:text-primary-600 dark:border-white/10 dark:bg-white/5 dark:text-gray-300 dark:hover:border-primary-800 dark:hover:bg-primary-900/30 dark:hover:text-primary-400"
-                    title="显示节点信息"
+                    :title="t('widgets.profile.card.showNodes')"
                     @click.stop="emit('showNodes')"
                 >
                     <svg
@@ -208,7 +209,7 @@ const totalNodeCount = computed(() => {
                             d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
                         />
                     </svg>
-                    <span>节点</span>
+                    <span>{{ t('widgets.profile.card.nodesBtn') }}</span>
                 </button>
                 <button
                     class="flex items-center gap-1.5 rounded-element border border-gray-300 bg-gray-50 px-3 py-1.5 text-xs font-medium whitespace-nowrap text-gray-600 transition-all duration-200 hover:border-secondary-200 hover:bg-secondary-50 hover:text-secondary-600 dark:border-white/10 dark:bg-white/5 dark:text-gray-300 dark:hover:border-secondary-800 dark:hover:bg-secondary-900/30 dark:hover:text-secondary-400"
@@ -228,7 +229,7 @@ const totalNodeCount = computed(() => {
                             d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
                         />
                     </svg>
-                    <span>链接</span>
+                    <span>{{ t('widgets.profile.card.linkBtn') }}</span>
                 </button>
             </div>
         </div>
diff --git a/src/widgets/profile/ProfileModal.vue b/src/widgets/profile/ProfileModal.vue
index 7c288077..25a8ed97 100644
--- a/src/widgets/profile/ProfileModal.vue
+++ b/src/widgets/profile/ProfileModal.vue
@@ -18,6 +18,7 @@
 
 <script setup lang="ts">
 import { useProfileForm } from '@/entities/profile/model/useProfileForm';
+import { useI18n } from 'vue-i18n';
 import type { Node, Profile, Subscription } from '@/common/types/index';
 import Modal from '@/common/ui/BaseModal.vue';
 
@@ -54,6 +55,8 @@ const {
     handleSelectAll,
     handleDeselectAll
 } = useProfileForm(props, (profile: Profile) => emit('save', profile));
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -65,7 +68,7 @@ const {
     >
         <template #title>
             <h3 class="text-xl font-bold text-gray-800 dark:text-white">
-                {{ isNew ? '新增订阅组' : '编辑订阅组' }}
+                {{ isNew ? t('widgets.profile.modal.newTitle') : t('widgets.profile.modal.editTitle') }}
             </h3>
         </template>
         <template #body>
@@ -78,13 +81,13 @@ const {
                             for="profile-name"
                             class="mb-2 block text-sm font-bold text-gray-700 dark:text-gray-300"
                         >
-                            订阅组名称
+                            {{ t('widgets.profile.modal.nameLabel') }}
                         </label>
                         <input
                             id="profile-name"
                             v-model="localProfile.name"
                             type="text"
-                            placeholder="例如：家庭共享"
+                            :placeholder="t('widgets.profile.modal.namePlaceholder')"
                             class="input-modern-enhanced"
                         />
                     </div>
@@ -95,20 +98,20 @@ const {
                             for="profile-custom-id"
                             class="mb-2 block text-sm font-bold text-gray-700 dark:text-gray-300"
                         >
-                            自定义 ID (订阅短链)
+                            {{ t('widgets.profile.modal.customIdLabel') }}
                         </label>
                         <div class="flex gap-2">
                             <input
                                 id="profile-custom-id"
                                 v-model="localProfile.customId"
                                 type="text"
-                                placeholder="如: home, game (限字母、数字、-、_)"
+                                :placeholder="t('widgets.profile.modal.customIdPlaceholder')"
                                 class="input-modern-enhanced flex-1"
                             />
                             <button
                                 type="button"
                                 class="rounded-element bg-gray-100 px-3 py-2 text-gray-600 shadow-elevated-sm transition-colors hover:bg-gray-200 dark:bg-white/10 dark:text-gray-300 dark:hover:bg-white/10"
-                                title="生成随机短 ID"
+                                :title="t('widgets.profile.modal.generateIdBtn')"
                                 @click="handleGenerateShortId"
                             >
                                 <svg
@@ -128,7 +131,7 @@ const {
                             </button>
                         </div>
                         <p class="mt-1.5 text-xs text-gray-400">
-                            设置后，订阅链接会变为：/token/<span
+                            {{ t('widgets.profile.modal.linkPreview') }}<span
                                 class="font-bold text-primary-500"
                                 >{{ localProfile.customId || 'id' }}</span
                             >
@@ -141,7 +144,7 @@ const {
                             for="profile-expires-at"
                             class="mb-2 block text-sm font-bold text-gray-700 dark:text-gray-300"
                         >
-                            到期时间 (可选)
+                            {{ t('widgets.profile.modal.expiresLabel') }}
                         </label>
                         <div class="relative">
                             <input
@@ -152,7 +155,7 @@ const {
                             />
                         </div>
                         <p class="mt-1.5 text-xs text-gray-400">
-                            设置此订阅组的到期时间，到期后将返回默认节点。
+                            {{ t('widgets.profile.modal.expiresHint') }}
                         </p>
                     </div>
                 </div>
@@ -163,14 +166,14 @@ const {
                     <div class="flex h-80 flex-col">
                         <div class="mb-3 flex items-center justify-between">
                             <h4 class="text-sm font-bold text-gray-700 dark:text-gray-300">
-                                选择订阅
+                                {{ t('widgets.profile.modal.selectSub') }}
                             </h4>
                             <div class="space-x-3 text-sm">
                                 <button
                                     class="font-medium text-primary-600 transition-colors hover:text-primary-700"
                                     @click="handleSelectAll('subscriptions', filteredSubscriptions)"
                                 >
-                                    全选
+                                    {{ t('widgets.profile.modal.selectAll') }}
                                 </button>
                                 <button
                                     class="font-medium text-primary-600 transition-colors hover:text-primary-700"
@@ -178,7 +181,7 @@ const {
                                         handleDeselectAll('subscriptions', filteredSubscriptions)
                                     "
                                 >
-                                    全不选
+                                    {{ t('widgets.profile.modal.deselectAll') }}
                                 </button>
                             </div>
                         </div>
@@ -187,7 +190,7 @@ const {
                             <input
                                 v-model="subscriptionSearchTerm"
                                 type="text"
-                                placeholder="搜索订阅..."
+                                :placeholder="t('widgets.profile.modal.searchSubPlaceholder')"
                                 class="search-input-unified"
                             />
                             <svg
@@ -232,11 +235,11 @@ const {
                                         <span
                                             class="truncate text-sm font-medium text-gray-700 select-none dark:text-gray-200"
                                         >
-                                            {{ sub.name || '未命名订阅' }}
+                                            {{ sub.name || t('widgets.profile.modal.unnamedSub') }}
                                             <span
                                                 v-if="!sub.enabled"
                                                 class="ml-1 text-xs text-danger-500"
-                                                >(已禁用)</span
+                                                >{{ t('widgets.profile.modal.disabled') }}</span
                                             >
                                         </span>
                                     </label>
@@ -260,7 +263,7 @@ const {
                                         d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
                                     />
                                 </svg>
-                                没有找到订阅
+                                {{ t('widgets.profile.modal.noSubFound') }}
                             </div>
                         </div>
                     </div>
@@ -269,20 +272,20 @@ const {
                     <div class="flex h-80 flex-col">
                         <div class="mb-3 flex items-center justify-between">
                             <h4 class="text-sm font-bold text-gray-700 dark:text-gray-300">
-                                选择手动节点
+                                {{ t('widgets.profile.modal.selectManual') }}
                             </h4>
                             <div class="space-x-3 text-sm">
                                 <button
                                     class="font-medium text-primary-600 transition-colors hover:text-primary-700"
                                     @click="handleSelectAll('manualNodes', filteredManualNodes)"
                                 >
-                                    全选
+                                    {{ t('widgets.profile.modal.selectAll') }}
                                 </button>
                                 <button
                                     class="font-medium text-primary-600 transition-colors hover:text-primary-700"
                                     @click="handleDeselectAll('manualNodes', filteredManualNodes)"
                                 >
-                                    全不选
+                                    {{ t('widgets.profile.modal.deselectAll') }}
                                 </button>
                             </div>
                         </div>
@@ -291,7 +294,7 @@ const {
                             <input
                                 v-model="nodeSearchTerm"
                                 type="text"
-                                placeholder="搜索节点..."
+                                :placeholder="t('widgets.profile.modal.searchNodePlaceholder')"
                                 class="search-input-unified"
                             />
                             <svg
@@ -335,7 +338,7 @@ const {
                                         />
                                         <span
                                             class="truncate text-sm font-medium text-gray-700 select-none dark:text-gray-200"
-                                            >{{ node.name || '未命名节点' }}</span
+                                            >{{ node.name || t('widgets.profile.modal.unnamedNode') }}</span
                                         >
                                     </label>
                                 </div>
@@ -358,7 +361,7 @@ const {
                                         d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
                                     />
                                 </svg>
-                                没有找到节点
+                                {{ t('widgets.profile.modal.noNodeFound') }}
                             </div>
                         </div>
                     </div>
diff --git a/src/widgets/profile/SubscriptionExportModal.vue b/src/widgets/profile/SubscriptionExportModal.vue
index a56e00fe..126271a1 100644
--- a/src/widgets/profile/SubscriptionExportModal.vue
+++ b/src/widgets/profile/SubscriptionExportModal.vue
@@ -2,6 +2,7 @@
 import type { AppConfig, Profile } from '@/common/types/index';
 import { copyToClipboard } from '@/common/utils/utils';
 
+import { useI18n } from 'vue-i18n';
 import { useToastStore } from '@/stores/useNotificationStore';
 
 const props = defineProps<{
@@ -20,10 +21,12 @@ const close = () => {
     emit('update:show', false);
 };
 
+const { t } = useI18n();
+
 // 格式定义列表
 const exportOptions = [
     {
-        name: '通用订阅',
+        name: t('widgets.profile.exportModal.generalSub'),
         format: 'base64',
         icon: 'M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1'
     },
@@ -91,15 +94,15 @@ const generateUrl = (format: string) => {
 const handleCopy = async (option: (typeof exportOptions)[0]) => {
     const url = generateUrl(option.format);
     if (!url) {
-        showToast('该订阅组未配置分享 Token，无法导出', 'error');
+        showToast(t('widgets.profile.exportModal.noTokenError'), 'error');
         return;
     }
 
     const success = await copyToClipboard(url);
     if (success) {
-        showToast(`已复制 ${option.name} 订阅链接`, 'success');
+        showToast(t('widgets.profile.exportModal.copySuccess', { name: option.name }), 'success');
     } else {
-        showToast('复制失败', 'error');
+        showToast(t('widgets.profile.exportModal.copyFail'), 'error');
     }
 };
 </script>
@@ -126,7 +129,7 @@ const handleCopy = async (option: (typeof exportOptions)[0]) => {
                     class="sticky top-0 z-10 flex items-center justify-between border-b border-gray-100 bg-white px-6 py-5 dark:border-white/10 dark:bg-white/5"
                 >
                     <div>
-                        <h3 class="text-lg font-bold text-gray-900 dark:text-white">导出订阅</h3>
+                        <h3 class="text-lg font-bold text-gray-900 dark:text-white">{{ t('widgets.profile.exportModal.title') }}</h3>
                         <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
                             {{ profile.name }}
                         </p>
@@ -152,10 +155,7 @@ const handleCopy = async (option: (typeof exportOptions)[0]) => {
                         <div
                             class="mb-2 rounded-element border border-warning-100 bg-warning-50 px-3 py-2 dark:border-warning-900/30 dark:bg-warning-900/20"
                         >
-                            <p class="text-xs leading-relaxed text-warning-700 dark:text-warning-400">
-                                请确保已在设置中配置了
-                                <strong>订阅组分享 Token</strong>，否则链接无法访问。
-                            </p>
+                            <p class="text-xs leading-relaxed text-warning-700 dark:text-warning-400" v-html="t('widgets.profile.exportModal.tokenHint')"></p>
                         </div>
                     </div>
 
@@ -196,7 +196,7 @@ const handleCopy = async (option: (typeof exportOptions)[0]) => {
                             <!-- Copy Button -->
                             <button
                                 class="rounded-element p-2.5 text-gray-400 transition-all hover:bg-primary-50 hover:text-primary-600 active:scale-95 dark:hover:bg-primary-900/30 dark:hover:text-primary-400"
-                                title="复制链接"
+                                :title="t('widgets.profile.exportModal.copyLink')"
                                 @click="handleCopy(option)"
                             >
                                 <svg
@@ -225,7 +225,7 @@ const handleCopy = async (option: (typeof exportOptions)[0]) => {
                         class="text-sm font-medium text-gray-500 transition-colors hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
                         @click="emit('update:show', false)"
                     >
-                        取消
+                        {{ t('widgets.profile.exportModal.cancel') }}
                     </button>
                 </div>
             </div>
diff --git a/src/widgets/settings/BackupView.vue b/src/widgets/settings/BackupView.vue
index 5b39c45b..0ba54b8c 100644
--- a/src/widgets/settings/BackupView.vue
+++ b/src/widgets/settings/BackupView.vue
@@ -14,11 +14,13 @@ import {
     batchDeleteSnapshots
 } from '@/common/utils/api';
 import { onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 // 导入批量选择模块
 import { useBatchSelection } from '@/common/hooks/useBatchSelection';
 
 const { showToast } = useToastStore();
+const { t } = useI18n();
 const isExporting = ref(false);
 const isImporting = ref(false);
 const selectedBackup = ref<any>(null);
@@ -50,7 +52,7 @@ async function loadSnapshots() {
             snapshots.value = result.data;
         }
     } catch (error) {
-        console.error('获取快照列表失败:', error);
+        console.error('Failed to fetch snapshots:', error);
     } finally {
         isLoadingSnapshots.value = false;
     }
@@ -62,14 +64,14 @@ async function handleCreateSnapshot() {
     try {
         const result = await createSnapshot(snapshotName.value);
         if (result.success) {
-            showToast('快照创建成功', 'success');
+            showToast(t('widgets.settings.backup.snapshotCreateSuccess'), 'success');
             snapshotName.value = '';
             await loadSnapshots();
         } else {
-            showToast(result.message || '创建快照失败', 'error');
+            showToast(result.message || t('widgets.settings.backup.snapshotCreateFail'), 'error');
         }
     } catch (error) {
-        showToast('创建快照失败', 'error');
+        showToast(t('widgets.settings.backup.snapshotCreateFail'), 'error');
     } finally {
         isCreatingSnapshot.value = false;
     }
@@ -91,22 +93,22 @@ function handleBatchDelete() {
 async function confirmBatchDelete() {
     const ids = batch.getSelectedIds();
 
-    showToast(`正在删除 ${ids.length} 个快照...`, 'info');
+    showToast(t('widgets.settings.backup.deletingSnapshots', { count: ids.length }), 'info');
 
     try {
         // 使用后端批量删除接口，原子操作，性能更优，且避免并发冲突
         const result = await batchDeleteSnapshots(ids);
 
         if (result.success) {
-           showToast(`成功删除 ${result.deletedCount} 个快照`, 'success');
+           showToast(t('widgets.settings.backup.deleteSnapshotsSuccess', { count: result.deletedCount }), 'success');
            await loadSnapshots();
            batch.toggleBatchDeleteMode(); // 退出批量模式
         } else {
-           showToast(result.message || '批量删除失败', 'error');
+           showToast(result.message || t('widgets.settings.backup.batchDeleteFail'), 'error');
         }
     } catch (error) {
-        console.error('批量删除失败:', error);
-        showToast('批量删除过程中发生错误', 'error');
+        console.error('Failed to batch delete:', error);
+        showToast(t('widgets.settings.backup.batchDeleteError'), 'error');
     } finally {
         showBatchDeleteConfirm.value = false;
     }
@@ -119,13 +121,13 @@ async function confirmDeleteSnapshot() {
     try {
         const success = await deleteSnapshot(pendingSnapshotId.value);
         if (success) {
-            showToast('快照已删除', 'success');
+            showToast(t('widgets.settings.backup.snapshotDeleted'), 'success');
             await loadSnapshots();
         } else {
-            showToast('删除快照失败', 'error');
+            showToast(t('widgets.settings.backup.snapshotDeleteFail'), 'error');
         }
     } catch (error) {
-        showToast('删除快照失败', 'error');
+        showToast(t('widgets.settings.backup.snapshotDeleteFail'), 'error');
     } finally {
         pendingSnapshotId.value = '';
     }
@@ -143,18 +145,18 @@ async function confirmRestoreFromSnapshot() {
 
     isImporting.value = true;
     try {
-            showToast('正在恢复快照，请稍候...', 'info');
+            showToast(t('widgets.settings.backup.restoringSnapshot'), 'info');
             const result = await restoreSnapshot(pendingSnapshotId.value, restoreMode.value);
             if (result.success) {
-                showToast('快照恢复成功，页面即将刷新...', 'success');
+                showToast(t('widgets.settings.backup.snapshotRestoreSuccess'), 'success');
                 setTimeout(() => {
                     window.location.reload();
                 }, 1500);
         } else {
-            showToast(result.message || '快照恢复失败', 'error');
+            showToast(result.message || t('widgets.settings.backup.snapshotRestoreFail'), 'error');
         }
     } catch (error) {
-        showToast('快照恢复失败', 'error');
+        showToast(t('widgets.settings.backup.snapshotRestoreFail'), 'error');
     } finally {
         isImporting.value = false;
         pendingSnapshotId.value = '';
@@ -185,7 +187,7 @@ async function handleExport() {
         const result = await exportBackup();
 
         if (!result.success || !result.data) {
-            throw new Error(result.error || '导出失败');
+            throw new Error(result.error || t('widgets.settings.backup.exportFail'));
         }
 
         // 生成文件名
@@ -204,10 +206,10 @@ async function handleExport() {
         document.body.removeChild(a);
         URL.revokeObjectURL(url);
 
-        showToast('备份文件已导出', 'success');
+        showToast(t('widgets.settings.backup.exportSuccess'), 'success');
     } catch (error: any) {
-        console.error('导出备份失败:', error);
-        showToast(error.message || '导出备份失败', 'error');
+        console.error('Failed to export backup:', error);
+        showToast(error.message || t('widgets.settings.backup.exportError'), 'error');
     } finally {
         isExporting.value = false;
     }
@@ -228,16 +230,16 @@ async function handleFileSelect(event: Event) {
         const validation = await validateBackupFile(backupData);
 
         if (!validation.valid) {
-            showToast(validation.error || '备份文件格式错误', 'error');
+            showToast(validation.error || t('widgets.settings.backup.formatError'), 'error');
             selectedBackup.value = null;
             return;
         }
 
         selectedBackup.value = backupData;
-        showToast('备份文件验证成功', 'success');
+        showToast(t('widgets.settings.backup.validateSuccess'), 'success');
     } catch (error: any) {
-        console.error('读取备份文件失败:', error);
-        showToast('备份文件格式错误或损坏', 'error');
+        console.error('Failed to read backup file:', error);
+        showToast(t('widgets.settings.backup.formatCorrupt'), 'error');
         selectedBackup.value = null;
     } finally {
         // 清空文件输入
@@ -253,7 +255,7 @@ async function handleDrop(event: DragEvent) {
 
     // 检查文件类型
     if (!file.name.endsWith('.json') && file.type !== 'application/json') {
-        showToast('仅支持 JSON 格式的备份文件', 'error');
+        showToast(t('widgets.settings.backup.onlyJson'), 'error');
         return;
     }
 
@@ -266,16 +268,16 @@ async function handleDrop(event: DragEvent) {
         const validation = await validateBackupFile(backupData);
 
         if (!validation.valid) {
-            showToast(validation.error || '备份文件格式错误', 'error');
+            showToast(validation.error || t('widgets.settings.backup.formatError'), 'error');
             selectedBackup.value = null;
             return;
         }
 
         selectedBackup.value = backupData;
-        showToast('备份文件验证成功', 'success');
+        showToast(t('widgets.settings.backup.validateSuccess'), 'success');
     } catch (error: any) {
-        console.error('读取备份文件失败:', error);
-        showToast('备份文件格式错误或损坏', 'error');
+        console.error('Failed to read backup file:', error);
+        showToast(t('widgets.settings.backup.formatCorrupt'), 'error');
         selectedBackup.value = null;
     }
 }
@@ -283,7 +285,7 @@ async function handleDrop(event: DragEvent) {
 // 导入备份 (打开确认框)
 async function handleImport() {
     if (!selectedBackup.value) {
-        showToast('请先选择备份文件', 'error');
+        showToast(t('widgets.settings.backup.selectFileFirst'), 'error');
         return;
     }
     showImportConfirm.value = true;
@@ -298,18 +300,18 @@ async function confirmImport() {
         const result = await importBackup(selectedBackup.value, restoreMode.value);
 
         if (!result.success) {
-            throw new Error(result.message || '导入失败');
+            throw new Error(result.message || t('widgets.settings.backup.importFail'));
         }
 
-        showToast('数据恢复成功，页面即将刷新...', 'success');
+        showToast(t('widgets.settings.backup.importSuccess'), 'success');
 
         // 延迟刷新页面
         setTimeout(() => {
             window.location.reload();
         }, 1500);
     } catch (error: any) {
-        console.error('导入备份失败:', error);
-        showToast(error.message || '导入备份失败', 'error');
+        console.error('Failed to import backup:', error);
+        showToast(error.message || t('widgets.settings.backup.importError'), 'error');
         isImporting.value = false;
     }
 }
@@ -324,13 +326,13 @@ async function confirmImport() {
             <div class="mb-6 flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center border-b border-gray-300 pb-4 dark:border-white/10">
                 <div>
                     <h3 class="flex items-center gap-2 text-lg font-bold text-gray-800 dark:text-white">
-                        服务器快照
+                        {{ t('widgets.settings.backup.snapshotTitle') }}
                         <span class="rounded-full bg-primary-100 px-2 py-0.5 text-[10px] font-medium text-primary-600 dark:bg-primary-900/40 dark:text-primary-400">
-                            储存功能
+                            {{ t('widgets.settings.backup.storageFeature') }}
                         </span>
                     </h3>
                     <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
-                        在服务器上保存数据的历史版本，随时快速恢复 (保留最近 20 条)
+                        {{ t('widgets.settings.backup.snapshotDesc') }}
                     </p>
                 </div>
                 <!-- 快速创建 -->
@@ -338,7 +340,7 @@ async function confirmImport() {
                     <input
                         v-model="snapshotName"
                         type="text"
-                        placeholder="快照名称 (可选)"
+                        :placeholder="t('widgets.settings.backup.snapshotNamePlaceholder')"
                         class="rounded-element border border-gray-300 bg-white px-3 py-2 text-sm focus:border-primary-500 focus:ring-1 focus:ring-primary-500 dark:border-white/10 dark:bg-white/5 dark:text-white sm:w-48"
                         @keyup.enter="handleCreateSnapshot"
                     />
@@ -351,7 +353,7 @@ async function confirmImport() {
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
                         </svg>
                         <div v-else class="h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent"></div>
-                        创建快照
+                        {{ t('widgets.settings.backup.createSnapshot') }}
                     </button>
                 </div>
             </div>
@@ -362,7 +364,7 @@ async function confirmImport() {
             </div>
 
             <div v-else-if="snapshots.length === 0" class="py-12 text-center text-gray-500 dark:text-gray-400 border-2 border-dashed border-gray-200 dark:border-white/10 rounded-element">
-                 还没有任何服务器快照
+                 {{ t('widgets.settings.backup.noSnapshots') }}
             </div>
 
             <div v-else>
@@ -377,7 +379,7 @@ async function confirmImport() {
                                 @change="batch.selectedCount.value === snapshots.length ? batch.deselectAll() : batch.selectAll()"
                             />
                             <span class="text-sm font-medium text-primary-900 dark:text-primary-300">
-                                全选 ({{ batch.selectedCount.value }}/{{ snapshots.length }})
+                                {{ t('widgets.settings.backup.selectAll') }} ({{ batch.selectedCount.value }}/{{ snapshots.length }})
                             </span>
                         </label>
                     </div>
@@ -386,14 +388,14 @@ async function confirmImport() {
                             class="text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
                             @click="batch.toggleBatchDeleteMode()"
                         >
-                            取消
+                            {{ t('widgets.settings.backup.cancel') }}
                         </button>
                         <button
                             :disabled="batch.selectedCount.value === 0"
                             class="rounded-element bg-danger-500 px-3 py-1.5 text-xs font-medium text-white shadow-elevated-sm hover:bg-danger-600 disabled:opacity-50"
                             @click="handleBatchDelete"
                         >
-                            删除选中 ({{ batch.selectedCount.value }})
+                            {{ t('widgets.settings.backup.deleteSelected') }} ({{ batch.selectedCount.value }})
                         </button>
                     </div>
                 </div>
@@ -404,7 +406,7 @@ async function confirmImport() {
                         class="text-xs text-primary-600 hover:text-primary-700 hover:underline dark:text-primary-400"
                         @click="batch.toggleBatchDeleteMode()"
                     >
-                        批量管理
+                        {{ t('widgets.settings.backup.batchManage') }}
                     </button>
                 </div>
 
@@ -436,11 +438,11 @@ async function confirmImport() {
                                 <div class="mt-0.5 flex items-center gap-1.5 text-xs text-gray-500 dark:text-gray-400 flex-wrap">
                                     <span class="shrink-0">{{ formatTimestamp(snapshot.timestamp) }}</span>
                                     <span class="shrink-0">·</span>
-                                    <span class="shrink-0">{{ snapshot.metadata?.itemCount?.subscriptions || 0 }} 订阅</span>
+                                    <span class="shrink-0">{{ snapshot.metadata?.itemCount?.subscriptions || 0 }} {{ t('widgets.settings.backup.subscriptions') }}</span>
                                     <span class="shrink-0">·</span>
-                                    <span class="shrink-0">{{ snapshot.metadata?.itemCount?.manualNodes || 0 }} 手动</span>
+                                    <span class="shrink-0">{{ snapshot.metadata?.itemCount?.manualNodes || 0 }} {{ t('widgets.settings.backup.manualNodes') }}</span>
                                     <span class="shrink-0">·</span>
-                                    <span class="shrink-0">{{ snapshot.metadata?.itemCount?.proxyCount || 0 }} 总节点</span>
+                                    <span class="shrink-0">{{ snapshot.metadata?.itemCount?.proxyCount || 0 }} {{ t('widgets.settings.backup.totalNodes') }}</span>
                                 </div>
                             </div>
                         </div>
@@ -450,11 +452,11 @@ async function confirmImport() {
                                 class="rounded-element bg-white px-3 py-1.5 text-xs font-semibold text-gray-700 shadow-elevated-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 dark:bg-white/5 dark:text-gray-200 dark:ring-white/10 dark:hover:bg-white/10"
                                 @click.stop="handleRestoreFromSnapshot(snapshot.id)"
                             >
-                                恢复
+                                {{ t('widgets.settings.backup.restore') }}
                             </button>
                             <button
                                 class="rounded-element bg-white p-1.5 text-danger-500 shadow-elevated-sm ring-1 ring-inset ring-gray-300 hover:bg-danger-50 dark:bg-white/5 dark:ring-white/10 dark:hover:bg-danger-900/20"
-                                title="删除"
+                                :title="t('widgets.settings.backup.delete')"
                                 @click.stop="handleDeleteSnapshot(snapshot.id)"
                             >
                                 <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -479,10 +481,10 @@ async function confirmImport() {
                     <h3
                         class="flex items-center gap-2 text-lg font-bold text-gray-800 dark:text-white"
                     >
-                        导出备份
+                        {{ t('widgets.settings.backup.exportTitle') }}
                     </h3>
                     <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
-                        下载包含所有数据的 JSON 文件到本地
+                        {{ t('widgets.settings.backup.exportDesc') }}
                     </p>
                 </div>
                 <button
@@ -509,14 +511,14 @@ async function confirmImport() {
                         v-else
                         class="h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent"
                     ></div>
-                    {{ isExporting ? '正在导出...' : '导出数据' }}
+                    {{ isExporting ? t('widgets.settings.backup.exporting') : t('widgets.settings.backup.exportData') }}
                 </button>
             </div>
 
             <div
                 class="rounded-element border border-gray-300 bg-gray-50 p-3 text-xs text-gray-400 dark:border-white/10 dark:bg-white/5 dark:text-gray-500"
             >
-                包含订阅源、订阅组、手动节点、系统设置和账号信息。包括敏感数据（如密码哈希），请妥善保管。
+                {{ t('widgets.settings.backup.exportHint') }}
             </div>
         </div>
 
@@ -526,10 +528,10 @@ async function confirmImport() {
         >
             <div class="mb-6 border-b border-gray-300 pb-4 dark:border-white/10">
                 <h3 class="flex items-center gap-2 text-lg font-bold text-gray-800 dark:text-white">
-                    导入备份
+                    {{ t('widgets.settings.backup.importTitle') }}
                 </h3>
                 <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
-                    从本地 JSON 文件恢复数据
+                    {{ t('widgets.settings.backup.importDesc') }}
                 </p>
             </div>
 
@@ -569,10 +571,10 @@ async function confirmImport() {
                         </svg>
                     </div>
                     <p class="text-sm font-medium text-gray-700 dark:text-gray-300">
-                        点击选择或拖拽文件到此处
+                        {{ t('widgets.settings.backup.dropZoneTitle') }}
                     </p>
                     <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
-                        支持 .json 格式备份文件
+                        {{ t('widgets.settings.backup.dropZoneDesc') }}
                     </p>
                 </div>
 
@@ -604,10 +606,10 @@ async function confirmImport() {
                                 </div>
                                 <div>
                                     <h5 class="text-sm font-bold text-gray-900 dark:text-gray-100">
-                                        备份文件已就绪
+                                        {{ t('widgets.settings.backup.backupReady') }}
                                     </h5>
                                     <p class="text-xs text-gray-500 dark:text-gray-400">
-                                        版本 {{ selectedBackup.version }} ·
+                                        {{ t('widgets.settings.backup.version') }} {{ selectedBackup.version }} ·
                                         {{ formatTimestamp(selectedBackup.timestamp) }}
                                     </p>
                                 </div>
@@ -640,7 +642,7 @@ async function confirmImport() {
                                     {{ selectedBackup.metadata?.itemCount?.subscriptions || 0 }}
                                 </div>
                                 <div class="text-[10px] uppercase tracking-wide text-gray-500">
-                                    订阅源
+                                    {{ t('widgets.settings.backup.statSubs') }}
                                 </div>
                             </div>
                             <div
@@ -650,7 +652,7 @@ async function confirmImport() {
                                     {{ selectedBackup.metadata?.itemCount?.profiles || 0 }}
                                 </div>
                                 <div class="text-[10px] uppercase tracking-wide text-gray-500">
-                                    订阅组
+                                    {{ t('widgets.settings.backup.statProfiles') }}
                                 </div>
                             </div>
                             <div
@@ -660,7 +662,7 @@ async function confirmImport() {
                                     {{ selectedBackup.metadata?.itemCount?.manualNodes || 0 }}
                                 </div>
                                 <div class="text-[10px] uppercase tracking-wide text-gray-500">
-                                    手动节点
+                                    {{ t('widgets.settings.backup.statManual') }}
                                 </div>
                             </div>
                             <div
@@ -670,7 +672,7 @@ async function confirmImport() {
                                     {{ selectedBackup.metadata?.itemCount?.proxyCount || 0 }}
                                 </div>
                                 <div class="text-[10px] uppercase tracking-wide text-gray-500">
-                                    总节点
+                                    {{ t('widgets.settings.backup.statTotal') }}
                                 </div>
                             </div>
                             <div
@@ -680,7 +682,7 @@ async function confirmImport() {
                                     {{ selectedBackup.metadata?.itemCount?.users || 0 }}
                                 </div>
                                 <div class="text-[10px] uppercase tracking-wide text-gray-500">
-                                    用户
+                                    {{ t('widgets.settings.backup.statUsers') }}
                                 </div>
                             </div>
                         </div>
@@ -690,7 +692,7 @@ async function confirmImport() {
                     <div>
                         <label
                             class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
-                            >选择恢复方式</label
+                            >{{ t('widgets.settings.backup.restoreModeLabel') }}</label
                         >
                         <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
                             <label
@@ -724,11 +726,11 @@ async function confirmImport() {
                                 <div class="ml-3">
                                     <span
                                         class="block text-sm font-medium text-gray-900 dark:text-gray-100"
-                                        >合并模式 (推荐)</span
+                                        >{{ t('widgets.settings.backup.modeMerge') }}</span
                                     >
                                     <span
                                         class="mt-0.5 block text-xs text-gray-500 dark:text-gray-400"
-                                        >保留现有数据，仅添加新项</span
+                                        >{{ t('widgets.settings.backup.modeMergeDesc') }}</span
                                     >
                                 </div>
                             </label>
@@ -764,11 +766,11 @@ async function confirmImport() {
                                 <div class="ml-3">
                                     <span
                                         class="block text-sm font-medium text-gray-900 dark:text-gray-100"
-                                        >覆盖模式</span
+                                        >{{ t('widgets.settings.backup.modeOverwrite') }}</span
                                     >
                                     <span
                                         class="mt-0.5 block text-xs text-gray-500 dark:text-gray-400"
-                                        >清空现有数据，完全替换</span
+                                        >{{ t('widgets.settings.backup.modeOverwriteDesc') }}</span
                                     >
                                 </div>
                             </label>
@@ -801,13 +803,13 @@ async function confirmImport() {
                                 v-else
                                 class="h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent"
                             ></div>
-                            {{ isImporting ? '恢复数据中...' : '确认开始恢复' }}
+                            {{ isImporting ? t('widgets.settings.backup.restoring') : t('widgets.settings.backup.confirmRestore') }}
                         </button>
                         <button
                             class="rounded-element border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-50 dark:border-white/10 dark:text-gray-300 dark:hover:bg-white/10 dark:bg-white/5"
                             @click="selectedBackup = null"
                         >
-                            取消
+                            {{ t('widgets.settings.backup.cancel') }}
                         </button>
                     </div>
                 </div>
@@ -818,48 +820,48 @@ async function confirmImport() {
         <!-- 确认框 -->
         <ConfirmModal
             :show="showBatchDeleteConfirm"
-            title="确认批量删除"
-            :message="`您确定要删除选中的 <strong>${batch.selectedCount.value}</strong> 个快照吗？删除后将无法恢复。`"
+            :title="t('widgets.settings.backup.confirmBatchDeleteTitle')"
+            :message="t('widgets.settings.backup.confirmBatchDeleteMsg', { count: batch.selectedCount.value })"
             type="danger"
-            confirm-text="批量删除"
+            :confirm-text="t('widgets.settings.backup.batchDeleteBtn')"
             @update:show="showBatchDeleteConfirm = $event"
             @confirm="confirmBatchDelete"
         />
 
         <ConfirmModal
             :show="showDeleteConfirm"
-            title="确认删除快照"
-            message="您确定要删除此快照吗？删除后将无法恢复。"
+            :title="t('widgets.settings.backup.confirmDeleteTitle')"
+            :message="t('widgets.settings.backup.confirmDeleteMsg')"
             type="danger"
-            confirm-text="删除"
+            :confirm-text="t('widgets.settings.backup.delete')"
             @update:show="showDeleteConfirm = $event"
             @confirm="confirmDeleteSnapshot"
         />
 
         <ConfirmModal
             :show="showRestoreConfirm"
-            title="确认恢复快照"
+            :title="t('widgets.settings.backup.confirmRestoreTitle')"
             :type="restoreMode === 'overwrite' ? 'danger' : 'warning'"
             :message="
                 restoreMode === 'overwrite'
-                    ? '确定要从快照恢复并 <strong class=\'text-danger-500\'>覆盖</strong> 现有数据吗？此操作不可撤销！'
-                    : '确定要从快照恢复（合并）数据吗？'
+                    ? t('widgets.settings.backup.confirmRestoreOverwriteMsg')
+                    : t('widgets.settings.backup.confirmRestoreMergeMsg')
             "
-            confirm-text="确认恢复"
+            :confirm-text="t('widgets.settings.backup.confirmRestore')"
             @update:show="showRestoreConfirm = $event"
             @confirm="confirmRestoreFromSnapshot"
         />
 
         <ConfirmModal
             :show="showImportConfirm"
-            title="确认导入备份"
+            :title="t('widgets.settings.backup.confirmImportTitle')"
             :type="restoreMode === 'overwrite' ? 'danger' : 'warning'"
             :message="
                 restoreMode === 'overwrite'
-                    ? '确定要覆盖现有数据吗？现有数据将被完全替换，此操作不可撤销！'
-                    : '确定要导入备份数据吗？现有数据将保留。'
+                    ? t('widgets.settings.backup.confirmImportOverwriteMsg')
+                    : t('widgets.settings.backup.confirmImportMergeMsg')
             "
-            confirm-text="开始导入"
+            :confirm-text="t('widgets.settings.backup.startImportBtn')"
             @update:show="showImportConfirm = $event"
             @confirm="confirmImport"
         />
diff --git a/src/widgets/settings/HelpModal.vue b/src/widgets/settings/HelpModal.vue
index d75c86ac..7fd36801 100644
--- a/src/widgets/settings/HelpModal.vue
+++ b/src/widgets/settings/HelpModal.vue
@@ -16,7 +16,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-
+import { useI18n } from 'vue-i18n';
 import Modal from '@/common/ui/BaseModal.vue';
 
 // ==================== Props 和 Emit ====================
@@ -40,58 +40,60 @@ const toggleFaq = (index: number) => {
     activeFaqIndex.value = activeFaqIndex.value === index ? null : index;
 };
 
+const { t } = useI18n();
+
 // ==================== 数据源 ====================
 
 const faqs = [
     {
-        q: '如何添加订阅？',
-        a: '在首页点击"添加订阅"按钮，输入订阅链接（支持 HTTP/HTTPS），系统会自动解析其中的节点信息。支持 Clash、Surge、V2Ray 等多种格式链接。',
+        q: t('widgets.settings.help.faq.add_q'),
+        a: t('widgets.settings.help.faq.add_a'),
         icon: 'M12 4v16m8-8H4'
     },
     {
-        q: '如何生成订阅链接？',
-        a: '在仪表盘或订阅组卡片中，点击"导出"或"链接"按钮。选择您需要的客户端格式（如 Clash, Shadowrocket），然后点击复制即可。',
+        q: t('widgets.settings.help.faq.export_q'),
+        a: t('widgets.settings.help.faq.export_a'),
         icon: 'M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1'
     },
     {
-        q: '支持哪些客户端格式？',
-        a: 'Sub-One 支持几乎所有主流客户端，包括 Clash (Meta), Surge, Loon, Egern, Shadowrocket, Quantumult X, Sing-Box, V2Ray, Surfboard 等。',
+        q: t('widgets.settings.help.faq.clients_q'),
+        a: t('widgets.settings.help.faq.clients_a'),
         icon: 'M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'
     },
     {
-        q: '什么是订阅 Token？',
-        a: '订阅 Token 是用于生成固定订阅链接的密钥。在"系统设置"中配置后，您的订阅链接将包含此 Token，即使服务器重启或迁移，只要 Token 不变，链接依然有效。',
+        q: t('widgets.settings.help.faq.token_q'),
+        a: t('widgets.settings.help.faq.token_a'),
         icon: 'M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z'
     },
     {
-        q: '如何进行批量操作？',
-        a: '在订阅列表页，点击右上角的"多选/批量"图标进入批量模式。选择多个订阅后，可以进行批量删除、批量更新或批量启用/禁用操作。',
+        q: t('widgets.settings.help.faq.batch_q'),
+        a: t('widgets.settings.help.faq.batch_a'),
         icon: 'M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10'
     }
 ];
 
 const features = [
     {
-        title: '订阅管理',
-        desc: '支持多种格式订阅自动解析，流量与过期时间监控，定时自动更新。',
+        title: t('widgets.settings.help.features.sub_title'),
+        desc: t('widgets.settings.help.features.sub_desc'),
         icon: 'M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10',
         color: 'from-info-500 to-primary-600'
     },
     {
-        title: '订阅组',
-        desc: '将多个订阅源组合成一个大的订阅，支持自定义筛选规则和排除规则。',
+        title: t('widgets.settings.help.features.profile_title'),
+        desc: t('widgets.settings.help.features.profile_desc'),
         icon: 'M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z',
         color: 'from-secondary-500 to-pink-600'
     },
     {
-        title: '手动节点',
-        desc: '支持手动添加单个节点，或批量导入节点链接，支持智能去重排序。',
+        title: t('widgets.settings.help.features.manual_title'),
+        desc: t('widgets.settings.help.features.manual_desc'),
         icon: 'M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4',
         color: 'from-success-500 to-success-600'
     },
     {
-        title: '格式转换',
-        desc: '内置强大的格式转换引擎，支持生成适配各种主流客户端的配置文件。',
+        title: t('widgets.settings.help.features.convert_title'),
+        desc: t('widgets.settings.help.features.convert_desc'),
         icon: 'M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4',
         color: 'from-warning-500 to-danger-600'
     }
@@ -126,8 +128,8 @@ const features = [
                     </svg>
                 </div>
                 <div>
-                    <h3 class="text-xl font-bold text-gray-900 dark:text-white">帮助中心</h3>
-                    <p class="text-xs text-gray-500 dark:text-gray-400">Documentation & Guides</p>
+                    <h3 class="text-xl font-bold text-gray-900 dark:text-white">{{ t('widgets.settings.help.title') }}</h3>
+                    <p class="text-xs text-gray-500 dark:text-gray-400">{{ t('widgets.settings.help.subtitle') }}</p>
                 </div>
             </div>
         </template>
@@ -139,9 +141,9 @@ const features = [
                     <nav class="-mb-px flex space-x-8">
                         <button
                             v-for="tab in [
-                                { id: 'guide', label: '🚀 快速上手' },
-                                { id: 'features', label: '✨ 功能详解' },
-                                { id: 'faq', label: '❓ 常见问题' }
+                                { id: 'guide', label: t('widgets.settings.help.tab_guide') },
+                                { id: 'features', label: t('widgets.settings.help.tab_features') },
+                                { id: 'faq', label: t('widgets.settings.help.tab_faq') }
                             ]"
                             :key="tab.id"
                             :class="[
@@ -179,13 +181,9 @@ const features = [
                                     <h4
                                         class="mb-2 text-lg font-bold text-gray-900 dark:text-white"
                                     >
-                                        添加订阅源
+                                        {{ t('widgets.settings.help.guide.step1_title') }}
                                     </h4>
-                                    <p class="text-gray-600 dark:text-gray-300">
-                                        在首页点击<span class="font-bold text-primary-600">
-                                            + 添加订阅</span
-                                        >按钮，粘贴您的机场订阅链接。系统会自动下载并解析所有节点信息。
-                                    </p>
+                                    <p class="text-gray-600 dark:text-gray-300" v-html="t('widgets.settings.help.guide.step1_desc')"></p>
                                 </div>
                             </div>
 
@@ -202,13 +200,9 @@ const features = [
                                     <h4
                                         class="mb-2 text-lg font-bold text-gray-900 dark:text-white"
                                     >
-                                        创建订阅组 (可选)
+                                        {{ t('widgets.settings.help.guide.step2_title') }}
                                     </h4>
-                                    <p class="text-gray-600 dark:text-gray-300">
-                                        如果您有多个订阅，可以创建一个
-                                        <span class="font-bold text-secondary-600">订阅组</span>。
-                                        将它们聚合在一起，还可以设置过滤规则来排除不需要的节点。
-                                    </p>
+                                    <p class="text-gray-600 dark:text-gray-300" v-html="t('widgets.settings.help.guide.step2_desc')"></p>
                                 </div>
                             </div>
 
@@ -225,14 +219,9 @@ const features = [
                                     <h4
                                         class="mb-2 text-lg font-bold text-gray-900 dark:text-white"
                                     >
-                                        导出使用
+                                        {{ t('widgets.settings.help.guide.step3_title') }}
                                     </h4>
-                                    <p class="text-gray-600 dark:text-gray-300">
-                                        点击订阅或订阅组上的
-                                        <span class="font-bold text-success-600">导出/链接</span>
-                                        按钮。 选择适配您的客户端（如 Clash, Shadowrocket）的格式，
-                                        复制链接即可使用。
-                                    </p>
+                                    <p class="text-gray-600 dark:text-gray-300" v-html="t('widgets.settings.help.guide.step3_desc')"></p>
                                 </div>
                             </div>
                         </div>
diff --git a/src/widgets/settings/SettingsModal.vue b/src/widgets/settings/SettingsModal.vue
index 261fa561..799cd908 100644
--- a/src/widgets/settings/SettingsModal.vue
+++ b/src/widgets/settings/SettingsModal.vue
@@ -18,7 +18,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue';
-
+import { useI18n } from 'vue-i18n';
 import type { AppConfig } from '@/common/types/index';
 import { fetchSettings, saveSettings } from '@/common/utils/api';
 import Modal from '@/common/ui/BaseModal.vue';
@@ -42,6 +42,8 @@ const dataStore = useDataStore();
 const isLoading = ref(false);
 const isSaving = ref(false);
 
+const { t } = useI18n();
+
 // 默认设置值（与后端保持一致）
 const defaultSettings: AppConfig = {
     // 基础配置
@@ -111,8 +113,8 @@ const loadSettings = async () => {
             }
         }
     } catch (error) {
-        console.error('加载设置出错:', error);
-        showToast('加载设置失败，将使用默认值', 'warning');
+        console.error('Error loading settings:', error);
+        showToast(t('widgets.settings.modal.loadFail'), 'warning');
     } finally {
         isLoading.value = false;
     }
@@ -120,7 +122,7 @@ const loadSettings = async () => {
 
 const handleSave = async () => {
     if (hasWhitespace.value) {
-        showToast('输入项中不能包含空格，请检查后再试。', 'error');
+        showToast(t('widgets.settings.modal.noWhitespace'), 'error');
         return;
     }
 
@@ -129,14 +131,14 @@ const handleSave = async () => {
         const result = await saveSettings(settings.value);
         if (result.success) {
             // 弹出成功提示
-            showToast('设置已保存', 'success');
+            showToast(t('widgets.settings.modal.saveSuccess'), 'success');
 
             // 同步到 Store，防止在此期间的其他操作覆盖配置
             dataStore.updateConfig(settings.value);
 
             // 仅在非存储标签页（常规/高级设置）保存时刷新页面
             if (activeTab.value !== 'storage') {
-                showToast('设置已保存，页面将自动刷新...', 'success');
+                showToast(t('widgets.settings.modal.saveSuccessRefresh'), 'success');
                 setTimeout(() => {
                     window.location.reload();
                 }, 1500);
@@ -145,7 +147,7 @@ const handleSave = async () => {
                 emit('update:show', false);
             }
         } else {
-            throw new Error(result.message || '保存失败');
+            throw new Error(result.message || t('widgets.settings.modal.saveFail'));
         }
     } catch (error: unknown) {
         const msg = error instanceof Error ? error.message : String(error);
@@ -163,9 +165,9 @@ const copyCronUrl = async () => {
     if (!cronUrl.value) return;
     try {
         await navigator.clipboard.writeText(cronUrl.value);
-        showToast('触发链接已复制到剪贴板', 'success');
+        showToast(t('widgets.settings.modal.copySuccess'), 'success');
     } catch (err) {
-        showToast('复制失败，请手动复制', 'error');
+        showToast(t('widgets.settings.modal.copyFail'), 'error');
     }
 };
 
@@ -191,7 +193,7 @@ watch(
         :show="show"
         :is-saving="isSaving"
         :confirm-disabled="hasWhitespace"
-        confirm-button-title="输入内容包含空格，无法保存"
+        :confirm-button-title="t('widgets.settings.modal.saveDisabled')"
         size="4xl"
         @update:show="emit('update:show', $event)"
         @confirm="handleSave"
@@ -220,7 +222,7 @@ watch(
                         />
                     </svg>
                 </div>
-                <h3 class="text-xl font-bold text-gray-800 dark:text-white">系统设置</h3>
+                <h3 class="text-xl font-bold text-gray-800 dark:text-white">{{ t('widgets.settings.modal.title') }}</h3>
             </div>
         </template>
         <template #body>
@@ -228,7 +230,7 @@ watch(
                 <div
                     class="mb-4 h-10 w-10 animate-spin rounded-full border-4 border-primary-200 border-t-primary-600"
                 ></div>
-                <p class="font-medium text-gray-500">正在加载配置...</p>
+                <p class="font-medium text-gray-500">{{ t('widgets.settings.modal.loading') }}</p>
             </div>
 
             <div v-else class="space-y-6 px-1">
@@ -244,7 +246,7 @@ watch(
                             ]"
                             @click="activeTab = 'general'"
                         >
-                            常规设置
+                            {{ t('widgets.settings.modal.tabGeneral') }}
                         </button>
                         <button
                             :class="[
@@ -255,7 +257,7 @@ watch(
                             ]"
                             @click="activeTab = 'advanced'"
                         >
-                            高级设置
+                            {{ t('widgets.settings.modal.tabAdvanced') }}
                         </button>
                         <button
                             :class="[
@@ -266,7 +268,7 @@ watch(
                             ]"
                             @click="activeTab = 'storage'"
                         >
-                            存储与备份
+                            {{ t('widgets.settings.modal.tabStorage') }}
                         </button>
                     </nav>
                 </div>
@@ -294,35 +296,35 @@ watch(
                                         d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
                                     />
                                 </svg>
-                                基础配置
+                                {{ t('widgets.settings.modal.basic.title') }}
                             </h4>
                             <div class="grid grid-cols-1 gap-6 md:grid-cols-2">
                                 <div class="group">
                                     <label
                                         for="fileName"
                                         class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
-                                        >自定义订阅文件名</label
+                                        >{{ t('widgets.settings.modal.basic.filename') }}</label
                                     >
                                     <input
                                         id="fileName"
                                         v-model="settings.FileName"
                                         type="text"
                                         class="input-modern-enhanced w-full"
-                                        placeholder="例如：my_subscription"
+                                        :placeholder="t('widgets.settings.modal.basic.filenamePlaceholder')"
                                     />
                                 </div>
                                 <div class="group">
                                     <label
                                         for="myToken"
                                         class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
-                                        >自定义订阅Token</label
+                                        >{{ t('widgets.settings.modal.basic.token') }}</label
                                     >
                                     <input
                                         id="myToken"
                                         v-model="settings.mytoken"
                                         type="text"
                                         class="input-modern-enhanced w-full"
-                                        placeholder="用于访问订阅链接的Token"
+                                        :placeholder="t('widgets.settings.modal.basic.tokenPlaceholder')"
                                     />
                                 </div>
                             </div>
@@ -347,7 +349,7 @@ watch(
                                         d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
                                     />
                                 </svg>
-                                订阅组与节点
+                                {{ t('widgets.settings.modal.profile.title') }}
                             </h4>
                             <div class="grid grid-cols-1 gap-6 md:grid-cols-2">
                                 <!-- 分享Token (全宽) -->
@@ -355,14 +357,14 @@ watch(
                                     <label
                                         for="profileToken"
                                         class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
-                                        >订阅组分享Token</label
+                                        >{{ t('widgets.settings.modal.profile.token') }}</label
                                     >
                                     <input
                                         id="profileToken"
                                         v-model="settings.profileToken"
                                         type="text"
                                         class="input-modern-enhanced w-full"
-                                        placeholder="例如：my（必须与订阅Token不同）"
+                                        :placeholder="t('widgets.settings.modal.profile.tokenPlaceholder')"
                                     />
                                     <p
                                         class="mt-2 flex items-start gap-1 text-xs text-warning-600 dark:text-warning-400"
@@ -382,7 +384,7 @@ watch(
                                             />
                                         </svg>
                                         <span
-                                            >重要：此Token必须与"自定义订阅Token"不同。留空则无法使用订阅组分享。</span
+                                            >{{ t('widgets.settings.modal.profile.tokenHint') }}</span
                                         >
                                     </p>
                                 </div>
@@ -391,7 +393,7 @@ watch(
                                 <div>
                                     <label
                                         class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
-                                        >节点名前缀</label
+                                        >{{ t('widgets.settings.modal.profile.prefixLabel') }}</label
                                     >
                                     <div
                                         class="flex h-22 items-center justify-between rounded-element border border-gray-300 bg-gray-50/80 p-4 transition-colors hover:border-primary-200 dark:border-white/10 dark:bg-white/5 dark:hover:border-primary-800"
@@ -400,12 +402,12 @@ watch(
                                             <p
                                                 class="text-sm font-medium text-gray-700 dark:text-gray-200"
                                             >
-                                                自动添加前缀
+                                                {{ t('widgets.settings.modal.profile.prefixTitle') }}
                                             </p>
                                             <p
                                                 class="mt-1 mr-2 text-xs text-gray-500 dark:text-gray-400"
                                             >
-                                                将订阅名作为节点名前缀
+                                                {{ t('widgets.settings.modal.profile.prefixDesc') }}
                                             </p>
                                         </div>
                                         <label
@@ -427,7 +429,7 @@ watch(
                                 <div>
                                     <label
                                         class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
-                                        >节点去重</label
+                                        >{{ t('widgets.settings.modal.profile.dedupeLabel') }}</label
                                     >
                                     <div
                                         class="flex h-22 items-center justify-between rounded-element border border-gray-300 bg-gray-50/80 p-4 transition-colors hover:border-primary-200 dark:border-white/10 dark:bg-white/5 dark:hover:border-primary-800"
@@ -436,12 +438,12 @@ watch(
                                             <p
                                                 class="text-sm font-medium text-gray-700 dark:text-gray-200"
                                             >
-                                                自动去重
+                                                {{ t('widgets.settings.modal.profile.dedupeTitle') }}
                                             </p>
                                             <p
                                                 class="mt-1 mr-2 text-xs text-gray-500 dark:text-gray-400"
                                             >
-                                                去除相同节点(IP+Port)
+                                                {{ t('widgets.settings.modal.profile.dedupeDesc') }}
                                             </p>
                                         </div>
                                         <label
@@ -463,7 +465,7 @@ watch(
                                 <div class="md:col-span-2">
                                     <label
                                         class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
-                                        >订阅转换方式</label
+                                        >{{ t('widgets.settings.modal.convert.title') }}</label
                                     >
                                     <div
                                         class="flex h-22 items-center justify-between rounded-element border border-gray-300 bg-gray-50/80 p-4 transition-colors hover:border-primary-200 dark:border-white/10 dark:bg-white/5 dark:hover:border-primary-800"
@@ -472,12 +474,12 @@ watch(
                                             <p
                                                 class="text-sm font-medium text-gray-700 dark:text-gray-200"
                                             >
-                                                使用外部转换API
+                                                {{ t('widgets.settings.modal.convert.useExternal') }}
                                             </p>
                                             <p
                                                 class="mt-1 mr-2 text-xs text-gray-500 dark:text-gray-400"
                                             >
-                                                关闭时使用后端自带转换
+                                                {{ t('widgets.settings.modal.convert.useExternalDesc') }}
                                             </p>
                                         </div>
                                         <label
@@ -503,7 +505,7 @@ watch(
                                     <label
                                         for="externalConverterUrl"
                                         class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
-                                        >外部转换API地址</label
+                                        >{{ t('widgets.settings.modal.convert.apiUrl') }}</label
                                     >
                                     <div class="flex gap-2">
                                         <select
@@ -517,14 +519,14 @@ watch(
                                             >
                                                 {{ api }}
                                             </option>
-                                            <option value="custom">-- 手动输入 --</option>
+                                            <option value="custom">{{ t('widgets.settings.modal.convert.manualInput') }}</option>
                                         </select>
                                         <input
                                             id="externalConverterUrl"
                                             v-model="settings.externalConverterUrl"
                                             type="text"
                                             class="input-modern-enhanced flex-1"
-                                            placeholder="例如：api-suc.0z.gs"
+                                            :placeholder="t('widgets.settings.modal.convert.apiUrlPlaceholder')"
                                         />
                                     </div>
                                     <p
@@ -545,7 +547,7 @@ watch(
                                             />
                                         </svg>
                                         <span
-                                            >提示：直接填写域名即可，系统会自动补全路径并拼接参数。</span
+                                            >{{ t('widgets.settings.modal.convert.apiUrlHint') }}</span
                                         >
                                     </p>
                                 </div>
@@ -575,7 +577,7 @@ watch(
                                         d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"
                                     />
                                 </svg>
-                                Telegram 通知
+                                {{ t('widgets.settings.modal.tg.title') }}
                             </h4>
                             <div class="grid grid-cols-1 gap-6 md:grid-cols-2">
                                 <div class="group">
@@ -589,7 +591,7 @@ watch(
                                         v-model="settings.BotToken"
                                         type="text"
                                         class="input-modern-enhanced w-full"
-                                        placeholder="从 @BotFather 获取的Bot Token"
+                                        :placeholder="t('widgets.settings.modal.tg.tokenPlaceholder')"
                                     />
                                 </div>
                                 <div class="group">
@@ -603,7 +605,7 @@ watch(
                                         v-model="settings.ChatID"
                                         type="text"
                                         class="input-modern-enhanced w-full"
-                                        placeholder="接收通知的聊天ID"
+                                        :placeholder="t('widgets.settings.modal.tg.chatIdPlaceholder')"
                                     />
                                 </div>
                             </div>
@@ -628,7 +630,7 @@ watch(
                                         d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
                                     />
                                 </svg>
-                                通知阈值
+                                {{ t('widgets.settings.modal.notify.title') }}
                             </h4>
                             <div class="grid grid-cols-1 gap-6 md:grid-cols-2">
                                 <!-- 到期提醒阈值 -->
@@ -637,7 +639,7 @@ watch(
                                         for="notifyThresholdDays"
                                         class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
                                     >
-                                        到期提醒阈值（天）
+                                        {{ t('widgets.settings.modal.notify.expireDays') }}
                                     </label>
                                     <input
                                         id="notifyThresholdDays"
@@ -646,10 +648,10 @@ watch(
                                         min="1"
                                         max="30"
                                         class="input-modern-enhanced w-full"
-                                        placeholder="例如：3"
+                                        :placeholder="t('widgets.settings.modal.notify.daysPlaceholder')"
                                     />
                                     <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
-                                        当订阅剩余天数小于此值时发送提醒
+                                        {{ t('widgets.settings.modal.notify.expireHint') }}
                                     </p>
                                 </div>
 
@@ -659,7 +661,7 @@ watch(
                                         for="notifyThresholdPercent"
                                         class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
                                     >
-                                        流量提醒阈值（%）
+                                        {{ t('widgets.settings.modal.notify.trafficPercent') }}
                                     </label>
                                     <input
                                         id="notifyThresholdPercent"
@@ -668,10 +670,10 @@ watch(
                                         min="50"
                                         max="100"
                                         class="input-modern-enhanced w-full"
-                                        placeholder="例如：90"
+                                        :placeholder="t('widgets.settings.modal.notify.percentPlaceholder')"
                                     />
                                     <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
-                                        当流量使用超过此百分比时发送提醒
+                                        {{ t('widgets.settings.modal.notify.trafficHint') }}
                                     </p>
                                 </div>
                             </div>
@@ -691,14 +693,14 @@ watch(
                                 >
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
                                 </svg>
-                                自动更新(Cron)配置
+                                {{ t('widgets.settings.modal.cron.title') }}
                             </h4>
                             <!-- 定时更新总开关 -->
                             <div class="mb-6 flex items-center justify-between rounded-element bg-gray-50 p-4 dark:bg-white/5 border border-gray-200 dark:border-white/10">
                                 <div>
-                                    <h5 class="text-sm font-semibold text-gray-900 dark:text-gray-100">启用定时更新</h5>
+                                    <h5 class="text-sm font-semibold text-gray-900 dark:text-gray-100">{{ t('widgets.settings.modal.cron.enable') }}</h5>
                                     <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
-                                        开启后，可通过第三方 Cron 服务自动更新订阅
+                                        {{ t('widgets.settings.modal.cron.enableDesc') }}
                                     </p>
                                 </div>
                                 <label class="relative inline-flex cursor-pointer items-center">
@@ -725,25 +727,25 @@ watch(
                                         for="cronSecret"
                                         class="mb-2 block text-sm font-medium text-gray-700 transition-colors group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"
                                     >
-                                        Cron 安全密钥（Token）
+                                        {{ t('widgets.settings.modal.cron.secret') }}
                                     </label>
                                     <input
                                         id="cronSecret"
                                         v-model="settings.cronSecret"
                                         type="text"
                                         class="input-modern-enhanced w-full"
-                                        placeholder="任意复杂的字符串，例如：my_secret_token"
+                                        :placeholder="t('widgets.settings.modal.cron.secretPlaceholder')"
                                     />
                                     <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
-                                        配置后，您可以使用第三方工具（如 UptimeRobot、宝塔计划任务）定期请求：<br />
-                                        <code class="px-1 py-0.5 mt-1 bg-gray-100 dark:bg-white/5 text-primary-600 dark:text-primary-400 rounded inline-block select-all">/api/cron/trigger?token=您的密钥</code><br />
-                                        如果您使用的是 Cloudflare Pages，由于平台限制必须通过这种接口方式触发定时任务；Docker 用户自带内部定时器，可选择配置。
+                                        <span v-html="t('widgets.settings.modal.cron.hint1')"></span>
+                                        <code class="px-1 py-0.5 mt-1 bg-gray-100 dark:bg-white/5 text-primary-600 dark:text-primary-400 rounded inline-block select-all">/api/cron/trigger?token={{ settings.cronSecret || 'YOUR_TOKEN' }}</code><br />
+                                        {{ t('widgets.settings.modal.cron.hint2') }}
                                     </p>
                                     
                                     <!-- 动态生成的触发链接展示 -->
                                     <div v-if="cronUrl" class="mt-4 rounded-element bg-gray-50 p-3 dark:bg-white/5 border border-gray-200 dark:border-white/10">
                                         <label class="mb-1.5 block text-xs font-semibold text-gray-700 dark:text-gray-300">
-                                            生成的专属触发链接：
+                                            {{ t('widgets.settings.modal.cron.triggerUrl') }}
                                         </label>
                                         <div class="flex items-center gap-2">
                                             <input
diff --git a/src/widgets/settings/StorageBackendSwitcher.vue b/src/widgets/settings/StorageBackendSwitcher.vue
index 8a85ba7f..5de767c2 100644
--- a/src/widgets/settings/StorageBackendSwitcher.vue
+++ b/src/widgets/settings/StorageBackendSwitcher.vue
@@ -2,7 +2,7 @@
 import { onMounted, ref } from 'vue';
 
 import { useToastStore } from '@/stores/useNotificationStore';
-
+import { useI18n } from 'vue-i18n';
 import ConfirmModal from '@/common/ui/ConfirmModal.vue';
 
 interface BackendInfo {
@@ -19,6 +19,8 @@ const error = ref<string>('');
 const showConfirm = ref(false);
 const targetBackend = ref<'kv' | 'd1' | null>(null);
 
+const { t } = useI18n();
+
 async function loadBackendInfo() {
     loading.value = true;
     error.value = '';
@@ -33,7 +35,7 @@ async function loadBackendInfo() {
         backendInfo.value = (await response.json()) as BackendInfo;
     } catch (err: any) {
         console.error('Failed to load backend info:', err);
-        error.value = err.message || '加载存储后端信息失败';
+        error.value = err.message || t('widgets.settings.storage.loadFail');
         showToast(error.value, 'error');
     } finally {
         loading.value = false;
@@ -59,7 +61,7 @@ async function confirmSwitch() {
     // 关闭确认框
     showConfirm.value = false;
 
-    showToast('正在迁移数据并切换存储后端...', 'info', 5000);
+    showToast(t('widgets.settings.storage.migrating'), 'info', 5000);
 
     try {
         // 第一步：执行数据迁移
@@ -83,7 +85,7 @@ async function confirmSwitch() {
         };
 
         if (!migrateResponse.ok || !migrateData.success) {
-            throw new Error(migrateData.message || migrateData.error || '数据迁移失败');
+            throw new Error(migrateData.message || migrateData.error || t('widgets.settings.storage.migrateFail'));
         }
 
         // 第二步：切换存储后端
@@ -103,25 +105,25 @@ async function confirmSwitch() {
         };
 
         if (!switchResponse.ok) {
-            throw new Error(switchData.message || switchData.error || '切换失败');
+            throw new Error(switchData.message || switchData.error || t('widgets.settings.storage.switchFail'));
         }
 
         if (switchData.success) {
             const migratedKeys = migrateData.details?.migrated || [];
             const count = migratedKeys.length;
 
-            showToast(`切换成功！已自动迁移 ${count} 项数据`, 'success');
+            showToast(t('widgets.settings.storage.switchSuccess', { count }), 'success');
 
             // 延迟刷新页面以展示成功提示
             setTimeout(() => {
                 window.location.reload();
             }, 1500);
         } else {
-            throw new Error(switchData.message || '切换失败');
+            throw new Error(switchData.message || t('widgets.settings.storage.switchFail'));
         }
     } catch (err: any) {
         console.error('Failed to migrate and switch backend:', err);
-        error.value = err.message || '迁移或切换存储后端失败';
+        error.value = err.message || t('widgets.settings.backendFail');
         showToast(`操作失败：${error.value}`, 'error', 5000);
     } finally {
         switching.value = false;
@@ -142,14 +144,14 @@ onMounted(() => {
         <div class="mb-6 flex items-center justify-between">
             <div>
                 <h3 class="flex items-center gap-2 text-lg font-bold text-gray-800 dark:text-white">
-                    存储后端设置
+                    {{ t('widgets.settings.storage.title') }}
                 </h3>
-                <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">管理应用数据的存储位置</p>
+                <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">{{ t('widgets.settings.storage.desc') }}</p>
             </div>
             <button
                 class="rounded-element p-2 text-gray-500 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50 dark:text-gray-400 dark:hover:bg-white/10"
                 :disabled="loading"
-                title="刷新状态"
+                :title="t('widgets.settings.storage.refresh')"
                 @click="loadBackendInfo"
             >
                 <svg
@@ -237,7 +239,7 @@ onMounted(() => {
                             <p
                                 class="mb-0.5 text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400"
                             >
-                                当前正在使用
+                                {{ t('widgets.settings.storage.currentlyUsing') }}
                             </p>
                             <p class="text-sm font-bold text-gray-900 dark:text-white">
                                 {{
@@ -253,7 +255,7 @@ onMounted(() => {
                         class="flex items-center gap-2 rounded-full border border-primary-100 bg-white px-3 py-1 text-xs font-semibold text-primary-600 shadow-elevated-sm dark:border-primary-900/30 dark:text-primary-400"
                     >
                         <div class="h-2 w-2 animate-pulse rounded-full bg-success-500"></div>
-                        运行中
+                        {{ t('widgets.settings.storage.running') }}
                     </div>
                 </div>
             </div>
@@ -261,7 +263,7 @@ onMounted(() => {
             <!-- 切换选项 -->
             <div v-if="backendInfo.canSwitch" class="space-y-3">
                 <label class="block text-sm font-medium text-gray-700 dark:text-gray-300"
-                    >切换存储后端</label
+                    >{{ t('widgets.settings.storage.switchTitle') }}</label
                 >
                 <div class="grid grid-cols-2 gap-4">
                     <button
@@ -334,7 +336,7 @@ onMounted(() => {
                             <span
                                 v-if="backend === backendInfo.current"
                                 class="ml-1 text-xs font-normal opacity-70"
-                                >(当前)</span
+                                >{{ t('widgets.settings.storage.current') }}</span
                             >
                         </span>
                         <span
@@ -347,8 +349,8 @@ onMounted(() => {
                         >
                             {{
                                 backend === 'kv'
-                                    ? '读取速度极快，适合数据量较小的场景。'
-                                    : '功能强大，适合大量订阅和复杂查询。'
+                                    ? t('widgets.settings.storage.kvDesc')
+                                    : t('widgets.settings.storage.d1Desc')
                             }}
                         </span>
                     </button>
@@ -377,18 +379,9 @@ onMounted(() => {
                     </svg>
                     <div>
                         <p class="text-sm font-medium text-gray-700 dark:text-gray-300">
-                            无法切换存储后端
-                        </p>
-                        <p class="mt-1 text-xs leading-relaxed text-gray-500 dark:text-gray-400">
-                            仅检测到一个可用的存储后端。如需使用 D1 存储，请在 Cloudflare
-                            控制台创建名为
-                            <strong class="text-primary-600 dark:text-primary-400">sub-one-d1</strong>
-                            的 D1 数据库并绑定到项目变量
-                            <code
-                                class="rounded bg-gray-100 px-1 py-0.5 font-mono text-xs text-gray-800 dark:text-gray-200"
-                                >SUB_ONE_D1</code
-                            >。
+                            {{ t('widgets.settings.storage.cannotSwitch') }}
                         </p>
+                        <p class="mt-1 text-xs leading-relaxed text-gray-500 dark:text-gray-400" v-html="t('widgets.settings.storage.cannotSwitchHint')"></p>
                     </div>
                 </div>
             </div>
@@ -399,33 +392,23 @@ onMounted(() => {
             <div
                 class="h-8 w-8 animate-spin rounded-full border-4 border-primary-200 border-t-primary-600"
             ></div>
-            <p class="text-sm text-gray-500 dark:text-gray-400">正在检查存储后端配置...</p>
+            <p class="text-sm text-gray-500 dark:text-gray-400">{{ t('widgets.settings.storage.checking') }}</p>
         </div>
     </div>
 
     <!-- 确认切换对话框 -->
     <ConfirmModal
         :show="showConfirm"
-        title="切换存储后端"
+        :title="t('widgets.settings.storage.confirmTitle')"
         type="warning"
-        confirm-text="确认切换"
-        cancel-text="再想想"
+        :confirm-text="t('widgets.settings.storage.confirmBtn')"
+        :cancel-text="t('widgets.settings.storage.cancelBtn')"
         @update:show="showConfirm = $event"
         @confirm="confirmSwitch"
     >
         <template #body>
             <div class="space-y-4">
-                <p class="text-gray-700 dark:text-gray-300">
-                    您即将从
-                    <strong class="text-gray-900 dark:text-white">{{
-                        backendInfo?.current.toUpperCase()
-                    }}</strong>
-                    切换到
-                    <strong class="text-primary-600 dark:text-primary-400">{{
-                        targetBackend?.toUpperCase()
-                    }}</strong
-                    >。
-                </p>
+                <p class="text-gray-700 dark:text-gray-300" v-html="t('widgets.settings.storage.switchConfirmText', { current: backendInfo?.current.toUpperCase(), target: targetBackend?.toUpperCase() })"></p>
 
                 <div
                     class="rounded-element border border-yellow-200 bg-yellow-50 p-4 dark:border-yellow-800 dark:bg-yellow-900/20"
@@ -445,15 +428,13 @@ onMounted(() => {
                                 clip-rule="evenodd"
                             />
                         </svg>
-                        自动数据迁移
+                        {{ t('widgets.settings.storage.autoMigrate') }}
                     </h4>
-                    <p class="text-xs leading-relaxed text-yellow-700 dark:text-yellow-300">
-                        系统将自动把您的<strong>订阅源、订阅组、系统设置和用户账号</strong>全量迁移到新存储后端。原有数据将保留，但切换后的新数据将写入到新后端。
-                    </p>
+                    <p class="text-xs leading-relaxed text-yellow-700 dark:text-yellow-300" v-html="t('widgets.settings.storage.autoMigrateHint')"></p>
                 </div>
 
                 <p class="text-sm text-gray-500 dark:text-gray-400">
-                    切换成功后，页面将自动刷新以应用更改。
+                    {{ t('widgets.settings.storage.refreshHint') }}
                 </p>
             </div>
         </template>
diff --git a/src/widgets/subscription/NodeFilterRuleEditor.vue b/src/widgets/subscription/NodeFilterRuleEditor.vue
index 72489110..9653115c 100644
--- a/src/widgets/subscription/NodeFilterRuleEditor.vue
+++ b/src/widgets/subscription/NodeFilterRuleEditor.vue
@@ -18,6 +18,9 @@
 import { computed, onMounted, ref, watch } from 'vue';
 
 import Modal from '@/common/ui/BaseModal.vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 // ==================== Props 和 Emit ====================
 
@@ -57,129 +60,129 @@ const protocols = [
 ];
 
 /** 常用地区列表（支持多种别名） */
-const regions = [
+const regions = computed(() => [
     {
-        label: '香港',
+        label: t('widgets.subscription.filterEditor.regions.hk'),
         value: 'HK|Hong Kong|HongKong|Hong K|HKG|Hong-Kong|香港|深港|沪港|呼港',
         flag: '🇭🇰'
     },
     {
-        label: '台湾',
+        label: t('widgets.subscription.filterEditor.regions.tw'),
         value: 'TW|Taiwan|Tai Wan|Tai-Wan|TWN|Taipei|Taichung|Kaohsiung|Hualien|Yilian|台湾|台灣|台北|台中|高雄|新北|彰化|花莲',
         flag: '🇹🇼'
     },
-    { label: '新加坡', value: 'SG|Singapore|Singpore|SGP|Singapura|新加坡|狮城|新国', flag: '🇸🇬' },
+    { label: t('widgets.subscription.filterEditor.regions.sg'), value: 'SG|Singapore|Singpore|SGP|Singapura|新加坡|狮城|新国', flag: '🇸🇬' },
     {
-        label: '日本',
+        label: t('widgets.subscription.filterEditor.regions.jp'),
         value: 'JP|Japan|Nippon|JAPAN|Tokyo|Osaka|Saitama|Nagoya|Fukuoka|Kyoto|Hokkaido|日本|东京|大阪|埼玉|爱知|福冈|北海道',
         flag: '🇯🇵'
     },
     {
-        label: '美国',
+        label: t('widgets.subscription.filterEditor.regions.us'),
         value: 'US|USA|United States|America|Los Angeles|San Jose|Santa Clara|New York|Chicago|Dallas|Miami|Seattle|Portland|Phoenix|Las Vegas|Atlanta|Houston|San Francisco|California|Ashburn|美国|美國|洛杉矶|圣何塞|纽约|芝加哥|西雅图|达拉斯|迈阿密|凤凰城|亚特兰大|硅谷',
         flag: '🇺🇸'
     },
     {
-        label: '韩国',
+        label: t('widgets.subscription.filterEditor.regions.kr'),
         value: 'KR|Korea|South Korea|KOR|Seoul|Incheon|Busan|Daegu|Gyeonggi|韩国|韓國|首尔|仁川|釜山|京畿道',
         flag: '🇰🇷'
     },
     {
-        label: '中国',
+        label: t('widgets.subscription.filterEditor.regions.cn'),
         value: 'CN|China|PRC|Shanghai|Beijing|Shenzhen|Guangzhou|Hangzhou|Jiangsu|Anhui|Sichuan|中国|回国|内地|江苏|北京|上海|广州|深圳|杭州|成都|安徽|四川',
         flag: '🇨🇳'
     },
     {
-        label: '英国',
+        label: t('widgets.subscription.filterEditor.regions.gb'),
         value: 'GB|UK|United Kingdom|Britain|Great Britain|London|Manchester|Southampton|英国|伦敦|曼彻斯特',
         flag: '🇬🇧'
     },
     {
-        label: '德国',
+        label: t('widgets.subscription.filterEditor.regions.de'),
         value: 'DE|Germany|Deutschland|Frankfurt|Berlin|Munich|Nuremberg|Dusseldorf|德国|法兰克福|柏林|慕尼黑|纽伦堡',
         flag: '🇩🇪'
     },
     {
-        label: '法国',
+        label: t('widgets.subscription.filterEditor.regions.fr'),
         value: 'FR|France|Paris|Marseille|Roubaix|Strasbourg|法国|巴黎|马赛',
         flag: '🇫🇷'
     },
     {
-        label: '荷兰',
+        label: t('widgets.subscription.filterEditor.regions.nl'),
         value: 'NL|Netherlands|Holland|Amsterdam|Rotterdam|The Hague|荷兰|阿姆斯特丹|鹿特丹',
         flag: '🇳🇱'
     },
     {
-        label: '澳洲',
+        label: t('widgets.subscription.filterEditor.regions.au'),
         value: 'AU|Australia|Sydney|Melbourne|Brisbane|Perth|Adelaide|澳洲|澳大利亚|悉尼|墨尔本',
         flag: '🇦🇺'
     },
     {
-        label: '加拿大',
+        label: t('widgets.subscription.filterEditor.regions.ca'),
         value: 'CA|Canada|Toronto|Vancouver|Montreal|Ottawa|加拿大|多伦多|温哥华|蒙特利尔',
         flag: '🇨🇦'
     },
     {
-        label: '印度',
+        label: t('widgets.subscription.filterEditor.regions.in'),
         value: 'IN|India|Mumbai|New Delhi|Bangalore|Chennai|印度|孟买|新德里',
         flag: '🇮🇳'
     },
     {
-        label: '俄罗斯',
+        label: t('widgets.subscription.filterEditor.regions.ru'),
         value: 'RU|Russia|Moscow|Saint Petersburg|Novosibirsk|俄罗斯|莫斯科|圣彼得堡',
         flag: '🇷🇺'
     },
     // 新增地区
-    { label: '土耳其', value: 'TR|Turkey|Istanbul|Ankara|土耳其|伊斯坦布尔|安卡拉', flag: '🇹🇷' },
-    { label: '阿根廷', value: 'AR|Argentina|Buenos Aires|阿根廷|布宜诺斯艾利斯', flag: '🇦🇷' },
-    { label: '泰国', value: 'TH|Thailand|Bangkok|Phuket|Chiang Mai|泰国|曼谷|普吉岛', flag: '🇹🇭' },
-    { label: '越南', value: 'VN|Vietnam|Ho Chi Minh|Hanoi|Danang|越南|胡志明|河内', flag: '🇻🇳' },
-    { label: '菲律宾', value: 'PH|Philippines|Manila|Cebu|菲律宾|马尼拉|宿务', flag: '🇵🇭' },
+    { label: t('widgets.subscription.filterEditor.regions.tr'), value: 'TR|Turkey|Istanbul|Ankara|土耳其|伊斯坦布尔|安卡拉', flag: '🇹🇷' },
+    { label: t('widgets.subscription.filterEditor.regions.ar'), value: 'AR|Argentina|Buenos Aires|阿根廷|布宜诺斯艾利斯', flag: '🇦🇷' },
+    { label: t('widgets.subscription.filterEditor.regions.th'), value: 'TH|Thailand|Bangkok|Phuket|Chiang Mai|泰国|曼谷|普吉岛', flag: '🇹🇭' },
+    { label: t('widgets.subscription.filterEditor.regions.vn'), value: 'VN|Vietnam|Ho Chi Minh|Hanoi|Danang|越南|胡志明|河内', flag: '🇻🇳' },
+    { label: t('widgets.subscription.filterEditor.regions.ph'), value: 'PH|Philippines|Manila|Cebu|菲律宾|马尼拉|宿务', flag: '🇵🇭' },
     {
-        label: '马来西亚',
+        label: t('widgets.subscription.filterEditor.regions.my'),
         value: 'MY|Malaysia|Kuala Lumpur|Penang|Johor|马来西亚|吉隆坡|槟城',
         flag: '🇲🇾'
     },
-    { label: '意大利', value: 'IT|Italy|Milan|Rome|Florence|意大利|米兰|罗马', flag: '🇮🇹' },
-    { label: '瑞士', value: 'CH|Switzerland|Zurich|Geneva|Bern|瑞士|苏黎世|日内瓦', flag: '🇨🇭' },
-    { label: '瑞典', value: 'SE|Sweden|Stockholm|瑞典|斯德哥尔摩', flag: '🇸🇪' },
-    { label: '阿联酋', value: 'AE|UAE|Dubai|Abu Dhabi|迪拜|阿联酋|阿布扎比', flag: '🇦🇪' },
-    { label: '巴西', value: 'BR|Brazil|Sao Paulo|Rio|巴西|圣保罗|里约', flag: '🇧🇷' }
-];
+    { label: t('widgets.subscription.filterEditor.regions.it'), value: 'IT|Italy|Milan|Rome|Florence|意大利|米兰|罗马', flag: '🇮🇹' },
+    { label: t('widgets.subscription.filterEditor.regions.ch'), value: 'CH|Switzerland|Zurich|Geneva|Bern|瑞士|苏黎世|日内瓦', flag: '🇨🇭' },
+    { label: t('widgets.subscription.filterEditor.regions.se'), value: 'SE|Sweden|Stockholm|瑞典|斯德哥尔摩', flag: '🇸🇪' },
+    { label: t('widgets.subscription.filterEditor.regions.ae'), value: 'AE|UAE|Dubai|Abu Dhabi|迪拜|阿联酋|阿布扎比', flag: '🇦🇪' },
+    { label: t('widgets.subscription.filterEditor.regions.br'), value: 'BR|Brazil|Sao Paulo|Rio|巴西|圣保罗|里约', flag: '🇧🇷' }
+]);
 
 /** 常用关键词快捷选择 */
-const commonKeywords = [
+const commonKeywords = computed(() => [
     // 线路属性
-    { value: '高倍率', color: 'red' },
-    { value: '低倍率', color: 'green' },
-    { value: '中转', color: 'primary' },
-    { value: '直连', color: 'blue' },
-    { value: '专线', color: 'secondary' },
-    { value: 'BGP', color: 'cyan' },
-    { value: 'IPLC', color: 'amber' },
-    { value: 'IEPL', color: 'orange' },
-    { value: 'IPv6', color: 'teal' },
-    { value: 'UDP', color: 'lime' },
+    { label: t('widgets.subscription.filterEditor.keywords.highMultiplier'), value: '高倍率', color: 'red' },
+    { label: t('widgets.subscription.filterEditor.keywords.lowMultiplier'), value: '低倍率', color: 'green' },
+    { label: t('widgets.subscription.filterEditor.keywords.transit'), value: '中转', color: 'primary' },
+    { label: t('widgets.subscription.filterEditor.keywords.direct'), value: '直连', color: 'blue' },
+    { label: t('widgets.subscription.filterEditor.keywords.dedicated'), value: '专线', color: 'secondary' },
+    { label: t('widgets.subscription.filterEditor.keywords.bgp'), value: 'BGP', color: 'cyan' },
+    { label: t('widgets.subscription.filterEditor.keywords.iplc'), value: 'IPLC', color: 'amber' },
+    { label: t('widgets.subscription.filterEditor.keywords.iepl'), value: 'IEPL', color: 'orange' },
+    { label: t('widgets.subscription.filterEditor.keywords.ipv6'), value: 'IPv6', color: 'teal' },
+    { label: t('widgets.subscription.filterEditor.keywords.udp'), value: 'UDP', color: 'lime' },
     // 状态/类型
-    { value: '家宽', color: 'rose' },
-    { value: '原生', color: 'emerald' },
-    { value: '测试', color: 'warmGray' },
-    { value: '维护', color: 'stone' },
-    { value: '过期', color: 'gray' },
-    { value: '剩余流量', color: 'zinc' },
-    { value: '官网', color: 'slate' },
+    { label: t('widgets.subscription.filterEditor.keywords.homeBroadband'), value: '家宽', color: 'rose' },
+    { label: t('widgets.subscription.filterEditor.keywords.native'), value: '原生', color: 'emerald' },
+    { label: t('widgets.subscription.filterEditor.keywords.test'), value: '测试', color: 'warmGray' },
+    { label: t('widgets.subscription.filterEditor.keywords.maintenance'), value: '维护', color: 'stone' },
+    { label: t('widgets.subscription.filterEditor.keywords.expired'), value: '过期', color: 'gray' },
+    { label: t('widgets.subscription.filterEditor.keywords.remainingTraffic'), value: '剩余流量', color: 'zinc' },
+    { label: t('widgets.subscription.filterEditor.keywords.official'), value: '官网', color: 'slate' },
     // 流媒体/服务
-    { value: 'NF', color: 'red' },
-    { value: 'Netflix', color: 'red' },
-    { value: 'Disney', color: 'blue' },
-    { value: 'Dis+', color: 'sky' },
-    { value: 'ChatGPT', color: 'emerald' },
-    { value: 'OpenAI', color: 'teal' },
-    { value: 'YouTube', color: 'red' },
-    { value: 'Emby', color: 'violet' },
-    { value: 'TikTok', color: 'black' },
-    { value: 'TVB', color: 'green' }
-];
+    { label: t('widgets.subscription.filterEditor.keywords.nf'), value: 'NF', color: 'red' },
+    { label: t('widgets.subscription.filterEditor.keywords.netflix'), value: 'Netflix', color: 'red' },
+    { label: t('widgets.subscription.filterEditor.keywords.disney'), value: 'Disney', color: 'blue' },
+    { label: t('widgets.subscription.filterEditor.keywords.disPlus'), value: 'Dis+', color: 'sky' },
+    { label: t('widgets.subscription.filterEditor.keywords.chatgpt'), value: 'ChatGPT', color: 'emerald' },
+    { label: t('widgets.subscription.filterEditor.keywords.openai'), value: 'OpenAI', color: 'teal' },
+    { label: t('widgets.subscription.filterEditor.keywords.youtube'), value: 'YouTube', color: 'red' },
+    { label: t('widgets.subscription.filterEditor.keywords.emby'), value: 'Emby', color: 'violet' },
+    { label: t('widgets.subscription.filterEditor.keywords.tiktok'), value: 'TikTok', color: 'black' },
+    { label: t('widgets.subscription.filterEditor.keywords.tvb'), value: 'TVB', color: 'green' }
+]);
 
 // ==================== 响应式状态 ====================
 
@@ -260,7 +263,7 @@ const parseValue = (val: string) => {
                 .filter((p) => p);
 
             // 识别地区：如果 parts 中包含了该地区的任何一个别名
-            regions.forEach((r) => {
+            regions.value.forEach((r) => {
                 const regionAliases = r.value.split('|');
                 if (regionAliases.some((alias) => parts.includes(alias))) {
                     foundRegions.add(r.value);
@@ -269,7 +272,7 @@ const parseValue = (val: string) => {
 
             // 识别关键词：从 parts 中提取那些不属于任何已定义地区的片段
             parts.forEach((part) => {
-                const isPartofAnyRegion = regions.some((r) => r.value.split('|').includes(part));
+                const isPartofAnyRegion = regions.value.some((r) => r.value.split('|').includes(part));
                 if (!isPartofAnyRegion) {
                     foundKeywords.add(part);
                 }
@@ -424,8 +427,8 @@ const confirmClear = () => {
                     @click="mode = 'exclude'"
                 >
                     <span>🚫</span>
-                    <span>排除模式</span>
-                    <span v-if="mode === 'exclude'" class="text-xs opacity-75">(黑名单)</span>
+                    <span>{{ t('widgets.subscription.filterEditor.excludeMode') }}</span>
+                    <span v-if="mode === 'exclude'" class="text-xs opacity-75">{{ t('widgets.subscription.filterEditor.blacklist') }}</span>
                 </button>
                 <!-- 保留模式 (白名单) -->
                 <button
@@ -438,8 +441,8 @@ const confirmClear = () => {
                     @click="mode = 'keep'"
                 >
                     <span>✅</span>
-                    <span>保留模式</span>
-                    <span v-if="mode === 'keep'" class="text-xs opacity-75">(白名单)</span>
+                    <span>{{ t('widgets.subscription.filterEditor.keepMode') }}</span>
+                    <span v-if="mode === 'keep'" class="text-xs opacity-75">{{ t('widgets.subscription.filterEditor.whitelist') }}</span>
                 </button>
             </div>
 
@@ -449,13 +452,13 @@ const confirmClear = () => {
                     v-if="ruleCount > 0"
                     class="rounded-full bg-primary-100 px-3 py-1.5 text-xs font-medium text-primary-600 dark:bg-primary-900/30 dark:text-primary-400"
                 >
-                    {{ ruleCount }} 条规则
+                    {{ t('widgets.subscription.filterEditor.rulesCount').replace('{count}', String(ruleCount)) }}
                 </span>
                 <button
                     class="rounded-element px-3 py-1.5 text-xs font-medium text-gray-500 transition-all duration-200 hover:bg-danger-50 hover:text-danger-500 dark:text-gray-400 dark:hover:bg-danger-900/20 dark:hover:text-danger-400"
                     @click="clearAll"
                 >
-                    🗑️ 清空
+                    🗑️ {{ t('widgets.subscription.filterEditor.clear') }}
                 </button>
             </div>
         </div>
@@ -467,10 +470,10 @@ const confirmClear = () => {
                     class="flex items-center gap-2 text-sm font-bold text-gray-700 dark:text-gray-300"
                 >
                     <span class="h-5 w-1 rounded-full bg-primary-500"></span>
-                    协议类型
+                    {{ t('widgets.subscription.filterEditor.protocolType') }}
                 </label>
                 <span v-if="selectedProtocols.length > 0" class="text-xs text-gray-400">
-                    已选 {{ selectedProtocols.length }} 个
+                    {{ t('widgets.subscription.filterEditor.selected') }} {{ selectedProtocols.length }} {{ t('widgets.subscription.filterEditor.count') }}
                 </span>
             </div>
             <div class="flex flex-wrap gap-2">
@@ -498,10 +501,10 @@ const confirmClear = () => {
                     class="flex items-center gap-2 text-sm font-bold text-gray-700 dark:text-gray-300"
                 >
                     <span class="h-5 w-1 rounded-full bg-success-500"></span>
-                    常用地区
+                    {{ t('widgets.subscription.filterEditor.commonRegions') }}
                 </label>
                 <span v-if="selectedRegions.length > 0" class="text-xs text-gray-400">
-                    已选 {{ selectedRegions.length }} 个
+                    {{ t('widgets.subscription.filterEditor.selected') }} {{ selectedRegions.length }} {{ t('widgets.subscription.filterEditor.count') }}
                 </span>
             </div>
             <div class="flex flex-wrap gap-2">
@@ -529,10 +532,10 @@ const confirmClear = () => {
                     class="flex items-center gap-2 text-sm font-bold text-gray-700 dark:text-gray-300"
                 >
                     <span class="h-5 w-1 rounded-full bg-warning-500"></span>
-                    关键词过滤
+                    {{ t('widgets.subscription.filterEditor.keywordFilter') }}
                 </label>
                 <span v-if="customKeywords.length > 0" class="text-xs text-gray-400">
-                    已选 {{ customKeywords.length }} 个
+                    {{ t('widgets.subscription.filterEditor.selected') }} {{ customKeywords.length }} {{ t('widgets.subscription.filterEditor.count') }}
                 </span>
             </div>
 
@@ -549,7 +552,7 @@ const confirmClear = () => {
                     "
                     @click="toggleKeyword(k.value)"
                 >
-                    {{ k.value }}
+                    {{ k.label || k.value }}
                 </button>
             </div>
 
@@ -558,7 +561,7 @@ const confirmClear = () => {
                 <input
                     v-model="newKeyword"
                     type="text"
-                    placeholder="✍️ 输入关键词后回车添加..."
+                    :placeholder="t('widgets.subscription.filterEditor.keywordPlaceholder')"
                     class="flex-1 rounded-element border-2 border-gray-300 bg-white px-4 py-2.5 text-sm transition-all focus:border-warning-500 focus:ring-2 focus:ring-warning-500 focus:outline-none dark:border-white/10 dark:bg-white/5"
                     @keyup.enter="addKeyword"
                 />
@@ -566,7 +569,7 @@ const confirmClear = () => {
                     class="transform rounded-element bg-linear-to-r from-warning-500 to-warning-600 px-6 py-2.5 text-sm font-semibold text-white shadow-elevated transition-all duration-300 hover:scale-105 hover:from-warning-600 hover:to-warning-700 hover:shadow-card"
                     @click="addKeyword"
                 >
-                    ➕ 添加
+                    ➕ {{ t('widgets.subscription.filterEditor.addBtn') }}
                 </button>
             </div>
 
@@ -598,20 +601,20 @@ const confirmClear = () => {
                     class="flex items-center gap-2 text-sm font-bold text-gray-700 dark:text-gray-300"
                 >
                     <span class="h-5 w-1 rounded-full bg-secondary-500"></span>
-                    {{ isManualMode ? '手动编辑' : '规则预览' }}
+                    {{ isManualMode ? t('widgets.subscription.filterEditor.manualEdit') : t('widgets.subscription.filterEditor.rulePreview') }}
                 </label>
                 <button
                     class="transform rounded-element bg-secondary-100 px-4 py-1.5 text-xs font-medium text-secondary-600 transition-all hover:scale-105 hover:bg-secondary-200 dark:bg-secondary-900/30 dark:text-secondary-400 dark:hover:bg-secondary-800/50"
                     @click="isManualMode = !isManualMode"
                 >
-                    {{ isManualMode ? '📊 可视化模式' : '⌨️ 手动编辑' }}
+                    {{ isManualMode ? t('widgets.subscription.filterEditor.visualMode') : t('widgets.subscription.filterEditor.manualMode') }}
                 </button>
             </div>
             <textarea
                 :value="modelValue"
                 :readonly="!isManualMode"
                 rows="4"
-                :placeholder="isManualMode ? '在此手动编辑过滤规则...' : '规则将自动生成在这里'"
+                :placeholder="isManualMode ? t('widgets.subscription.filterEditor.manualPlaceholder') : t('widgets.subscription.filterEditor.autoPlaceholder')"
                 class="w-full rounded-element border-2 border-gray-300 bg-gray-900 px-4 py-3 font-mono text-sm text-success-400 transition-all focus:ring-2 focus:ring-secondary-500 focus:outline-none dark:border-white/10 dark:bg-black"
                 :class="{
                     'cursor-not-allowed opacity-60': !isManualMode,
@@ -624,7 +627,7 @@ const confirmClear = () => {
                 v-if="!modelValue && !isManualMode"
                 class="mt-2 text-center text-xs text-gray-400 dark:text-gray-500"
             >
-                💡 提示：选择上方的选项来创建过滤规则
+                {{ t('widgets.subscription.filterEditor.hint') }}
             </p>
         </div>
     </div>
@@ -650,14 +653,14 @@ const confirmClear = () => {
                         />
                     </svg>
                 </div>
-                <h3 class="text-xl font-bold text-gray-900 dark:text-white">确认清空规则</h3>
+                <h3 class="text-xl font-bold text-gray-900 dark:text-white">{{ t('widgets.subscription.filterEditor.clearTitle') }}</h3>
             </div>
         </template>
         <template #body>
             <div class="space-y-3">
-                <p class="text-base text-gray-700 dark:text-gray-300">确定要清空所有过滤规则吗？</p>
+                <p class="text-base text-gray-700 dark:text-gray-300">{{ t('widgets.subscription.filterEditor.clearMsg1') }}</p>
                 <p class="text-sm text-gray-500 dark:text-gray-400">
-                    此操作将清除所有已选的协议、地区和关键词。
+                    {{ t('widgets.subscription.filterEditor.clearMsg2') }}
                 </p>
             </div>
         </template>
diff --git a/src/widgets/subscription/SubscriptionCard.vue b/src/widgets/subscription/SubscriptionCard.vue
index 366cc93f..9843e8be 100644
--- a/src/widgets/subscription/SubscriptionCard.vue
+++ b/src/widgets/subscription/SubscriptionCard.vue
@@ -12,6 +12,9 @@ import { formatBytes, formatExpiry, getTrafficColorClass } from '@/common/utils/
 import { copyToClipboard } from '@/common/utils/utils';
 
 import { useToastStore } from '@/stores/useNotificationStore';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const props = defineProps<{
     sub: Subscription;
@@ -35,9 +38,9 @@ const copyUrl = async () => {
     if (!props.sub.url) return;
     const success = await copyToClipboard(props.sub.url);
     if (success) {
-        toastStore.showToast('链接已复制到剪贴板', 'success');
+        toastStore.showToast(t('widgets.subscription.card.copySuccess'), 'success');
     } else {
-        toastStore.showToast('复制失败', 'error');
+        toastStore.showToast(t('widgets.subscription.card.copyFailed'), 'error');
     }
 };
 
@@ -174,14 +177,14 @@ const handleTestLatency = async () => {
                         <div class="min-w-0 flex-1">
                             <p
                                 class="truncate text-lg font-bold text-gray-800 transition-colors duration-300 group-hover:text-primary-600 dark:text-gray-100 dark:group-hover:text-primary-400"
-                                :title="sub.name || '未命名订阅'"
+                                :title="sub.name || t('widgets.subscription.card.unnamed')"
                             >
-                                {{ sub.name || '未命名订阅' }}
+                                {{ sub.name || t('widgets.subscription.card.unnamed') }}
                             </p>
                             <div
                                 v-if="sub.exclude && sub.exclude.trim()"
                                 class="animate-pulse-slow mt-1.5 flex w-fit items-center gap-1.5 rounded-element border border-warning-300/50 bg-linear-to-r from-warning-500/15 to-warning-500/15 px-2.5 py-1 dark:border-warning-500/30 dark:from-warning-500/20 dark:to-warning-500/20"
-                                :title="`已启用规则过滤: ${sub.exclude}`"
+                                :title="`${t('widgets.subscription.card.filterEnabledMsg')}${sub.exclude}`"
                             >
                                 <svg
                                     xmlns="http://www.w3.org/2000/svg"
@@ -199,7 +202,7 @@ const handleTestLatency = async () => {
                                 </svg>
                                 <span
                                     class="text-[10px] font-bold tracking-wide text-warning-700 dark:text-warning-300"
-                                    >规则过滤</span
+                                    >{{ t('widgets.subscription.card.filterLabel') }}</span
                                 >
                             </div>
                         </div>
@@ -211,7 +214,7 @@ const handleTestLatency = async () => {
                 >
                     <button
                         class="hover-lift rounded-element p-2.5 text-gray-500 transition-all duration-200 hover:bg-primary-500/10 hover:text-primary-600 dark:text-gray-300 dark:hover:text-primary-400"
-                        title="编辑"
+                        :title="t('widgets.subscription.card.edit')"
                         @click.stop="emit('edit')"
                     >
                         <svg
@@ -231,7 +234,7 @@ const handleTestLatency = async () => {
                     </button>
                     <button
                         class="hover-lift rounded-element p-2.5 text-gray-500 transition-all duration-200 hover:bg-danger-500/10 hover:text-danger-500 dark:text-gray-300"
-                        title="删除"
+                        :title="t('widgets.subscription.card.delete')"
                         @click.stop="emit('delete')"
                     >
                         <svg
@@ -256,7 +259,7 @@ const handleTestLatency = async () => {
             <div class="flex grow flex-col justify-start space-y-3 sm:space-y-4">
                 <div class="relative">
                     <label class="mb-2 block text-xs font-medium text-gray-700 dark:text-gray-300"
-                        >订阅链接</label
+                        >{{ t('widgets.subscription.card.subUrl') }}</label
                     >
                     <input
                         type="text"
@@ -268,7 +271,7 @@ const handleTestLatency = async () => {
                     <div class="mt-2 flex items-center gap-2 sm:mt-3">
                         <button
                             class="hover-lift flex items-center gap-1 rounded-element px-3 py-1.5 text-xs font-medium text-gray-600 transition-all duration-200 hover:bg-warning-500/20 hover:text-warning-600 sm:gap-2 sm:px-4 sm:py-2 dark:text-gray-300 dark:hover:text-warning-400"
-                            :title="showUrl ? '隐藏链接' : '显示链接'"
+                            :title="showUrl ? t('widgets.subscription.card.hideUrlTitle') : t('widgets.subscription.card.showUrlTitle')"
                             @click.stop="toggleUrlVisibility"
                         >
                             <svg
@@ -305,12 +308,12 @@ const handleTestLatency = async () => {
                                     d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
                                 />
                             </svg>
-                            {{ showUrl ? '隐藏' : '显示' }}
+                            {{ showUrl ? t('widgets.subscription.card.hideBtn') : t('widgets.subscription.card.showBtn') }}
                         </button>
                         <button
                             v-if="showUrl"
                             class="hover-lift flex items-center gap-1 rounded-element px-3 py-1.5 text-xs font-medium text-gray-600 transition-all duration-200 hover:bg-yellow-500/20 hover:text-yellow-600 sm:gap-2 sm:px-4 sm:py-2 dark:text-gray-300 dark:hover:text-yellow-400"
-                            title="复制链接"
+                            :title="t('widgets.subscription.card.copyUrlTitle')"
                             @click.stop="copyUrl"
                         >
                             <svg
@@ -326,7 +329,7 @@ const handleTestLatency = async () => {
                                     d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
                                 />
                             </svg>
-                            复制
+                            {{ t('widgets.subscription.card.copyBtn') }}
                         </button>
                     </div>
                 </div>
@@ -352,7 +355,7 @@ const handleTestLatency = async () => {
                                     clip-rule="evenodd"
                                 />
                             </svg>
-                            流量使用
+                            {{ t('widgets.subscription.card.trafficUsage') }}
                         </span>
                         <div class="text-right">
                             <span class="text-sm font-bold text-gray-800 dark:text-gray-200">{{
@@ -375,7 +378,7 @@ const handleTestLatency = async () => {
                     </div>
                     <div class="mt-2 flex items-center justify-between">
                         <span class="text-[10px] font-medium text-gray-400"
-                            >已用 {{ trafficInfo.percentage.toFixed(1) }}%</span
+                            >{{ t('widgets.subscription.card.usedPrefix') }} {{ trafficInfo.percentage.toFixed(1) }}%</span
                         >
                         <span
                             v-if="expiryInfo"
@@ -389,11 +392,11 @@ const handleTestLatency = async () => {
 
             <!-- 底部控制 -->
             <div
-                class="mt-4 flex items-center justify-between border-t border-gray-300 pt-3 dark:border-white/10/50"
+                class="mt-4 flex items-center justify-between gap-2 border-t border-gray-300 pt-3 dark:border-white/10/50 sm:gap-3"
                 @click.stop
             >
-                <div class="flex items-center gap-3">
-                    <label class="group/toggle relative inline-flex cursor-pointer items-center">
+                <div class="flex min-w-0 shrink items-center gap-2 sm:gap-3">
+                    <label class="group/toggle relative inline-flex shrink-0 cursor-pointer items-center">
                         <input
                             type="checkbox"
                             :checked="sub.enabled"
@@ -404,12 +407,12 @@ const handleTestLatency = async () => {
                             class="peer h-6 w-10 rounded-full bg-gray-200 transition-all duration-300 group-hover/toggle:shadow-elevated-sm peer-checked:bg-primary-500 peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-4 peer-checked:after:border-white dark:border-white/10 dark:bg-white/10"
                         ></div>
                     </label>
-                    <span class="text-xs font-medium text-gray-600 dark:text-gray-300">{{
-                        sub.enabled ? '已启用' : '已禁用'
+                    <span class="truncate text-xs font-medium text-gray-600 dark:text-gray-300">{{
+                        sub.enabled ? t('widgets.subscription.card.enabled') : t('widgets.subscription.card.disabled')
                     }}</span>
                 </div>
 
-                <div class="flex items-center gap-2">
+                <div class="flex shrink-0 items-center gap-1 sm:gap-2">
                     <button
                         :disabled="isTestingLatency"
                         class="rounded-element p-2 transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-50"
@@ -423,12 +426,12 @@ const handleTestLatency = async () => {
                         }"
                         :title="
                             isTestingLatency
-                                ? '测试中...'
+                                ? t('widgets.subscription.card.testing')
                                 : latencyResult
                                   ? latencyResult.available
-                                      ? '可用'
-                                      : '不可用'
-                                  : '测试连接'
+                                      ? t('widgets.subscription.card.available')
+                                      : t('widgets.subscription.card.unavailable')
+                                  : t('widgets.subscription.card.testConn')
                         "
                         @click.stop="handleTestLatency"
                     >
@@ -454,10 +457,10 @@ const handleTestLatency = async () => {
                         @click.stop="emit('showNodes')"
                     >
                         <span
-                            class="h-1.5 w-1.5 rounded-full"
+                            class="h-1.5 w-1.5 shrink-0 rounded-full"
                             :class="(sub.nodeCount || 0) > 0 ? 'bg-success-500' : 'bg-gray-300'"
                         ></span>
-                        {{ sub.nodeCount }} 节点
+                        <span class="whitespace-nowrap">{{ sub.nodeCount }} {{ t('widgets.subscription.card.nodes') }}</span>
                         <svg
                             xmlns="http://www.w3.org/2000/svg"
                             class="-ml-1 h-3 w-3 opacity-0 transition-all duration-200 group-hover/btn:opacity-100"
@@ -477,7 +480,7 @@ const handleTestLatency = async () => {
                     <button
                         :disabled="sub.isUpdating"
                         class="rounded-element p-1.5 text-gray-600 transition-all duration-200 hover:bg-primary-50 hover:text-primary-600 disabled:cursor-not-allowed disabled:opacity-50 dark:text-gray-300 dark:hover:bg-primary-900/30 dark:hover:text-primary-400"
-                        :title="sub.isUpdating ? '更新中...' : '更新订阅'"
+                        :title="sub.isUpdating ? t('widgets.subscription.card.updating') : t('widgets.subscription.card.updateSub')"
                         @click.stop="emit('update')"
                     >
                         <svg
diff --git a/src/widgets/subscription/SubscriptionModal.vue b/src/widgets/subscription/SubscriptionModal.vue
index b2dce9ae..61bccd92 100644
--- a/src/widgets/subscription/SubscriptionModal.vue
+++ b/src/widgets/subscription/SubscriptionModal.vue
@@ -16,6 +16,9 @@ import { useSubscriptionForm } from '@/entities/subscription/model/useSubscripti
 import type { Subscription } from '@/common/types/index';
 import Modal from '@/common/ui/BaseModal.vue';
 import NodeFilterRuleEditor from '@/widgets/subscription/NodeFilterRuleEditor.vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const props = defineProps<{
     /** 显示状态 */
@@ -81,7 +84,7 @@ const {
                                 clip-rule="evenodd"
                             />
                         </svg>
-                        基础信息
+                        {{ t('widgets.subscription.modal.basicInfo') }}
                     </h4>
 
                     <div class="grid grid-cols-1 gap-6 md:grid-cols-3">
@@ -90,13 +93,13 @@ const {
                             <label
                                 class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
                             >
-                                订阅名称
-                                <span class="ml-1 text-xs text-gray-400">(可选)</span>
+                                {{ t('widgets.subscription.modal.subName') }}
+                                <span class="ml-1 text-xs text-gray-400">{{ t('widgets.subscription.modal.optional') }}</span>
                             </label>
                             <input
                                 v-model="localSubscription.name"
                                 type="text"
-                                placeholder="留空自动提取"
+                                :placeholder="t('widgets.subscription.modal.namePlaceholder')"
                                 class="input-modern w-full"
                                 @input="handleNameInput"
                             />
@@ -107,13 +110,13 @@ const {
                             <label
                                 class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
                             >
-                                订阅链接
+                                {{ t('widgets.subscription.modal.subUrl') }}
                                 <span class="text-danger-500">*</span>
                             </label>
                             <input
                                 v-model="localSubscription.url"
                                 type="url"
-                                placeholder="https://example.com/sub?token=xxx"
+                                :placeholder="t('widgets.subscription.modal.urlPlaceholder')"
                                 class="input-modern w-full font-mono text-sm"
                                 :class="{ 'border-danger-500 dark:border-danger-500': urlError }"
                                 @blur="handleUrlBlur"
@@ -126,7 +129,7 @@ const {
 
                     <div class="px-1 text-xs text-gray-500 dark:text-gray-400">
                         <p v-if="nameError" class="mb-1 text-danger-600">{{ nameError }}</p>
-                        <p v-else>名称留空将自动从链接中提取</p>
+                        <p v-else>{{ t('widgets.subscription.modal.nameHint') }}</p>
                     </div>
                 </div>
 
@@ -148,7 +151,7 @@ const {
                                 clip-rule="evenodd"
                             />
                         </svg>
-                        高级选项
+                        {{ t('widgets.subscription.modal.advancedOptions') }}
                     </button>
 
                     <Transition name="slide-fade">
@@ -158,19 +161,19 @@ const {
                                 <label
                                     class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
                                 >
-                                    节点过滤规则
-                                    <span class="ml-1 text-xs text-gray-400">(可选)</span>
+                                    {{ t('widgets.subscription.modal.filterRules') }}
+                                    <span class="ml-1 text-xs text-gray-400">{{ t('widgets.subscription.modal.optional') }}</span>
                                 </label>
                                 <NodeFilterRuleEditor
                                     v-model="localSubscription.exclude"
-                                    placeholder="输入节点过滤规则..."
+                                    :placeholder="t('widgets.subscription.modal.filterPlaceholder')"
                                 />
                                 <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
-                                    支持正则表达式，多个规则用换行分隔。使用
+                                    {{ t('widgets.subscription.modal.filterHint1') }}
                                     <code class="rounded bg-gray-200 px-1 py-0.5 dark:bg-white/10"
-                                        >keep:</code
+                                        >{{ t('widgets.subscription.modal.filterHintKeep') }}</code
                                     >
-                                    前缀表示白名单
+                                    {{ t('widgets.subscription.modal.filterHint2') }}
                                 </p>
                             </div>
                         </div>
@@ -196,10 +199,10 @@ const {
                         </svg>
                         <div class="flex-1">
                             <p class="mb-1 text-sm font-medium text-info-900 dark:text-info-100">
-                                添加订阅后自动获取节点
+                                {{ t('widgets.subscription.modal.addHintTitle') }}
                             </p>
                             <p class="text-xs text-info-700 dark:text-info-300">
-                                保存后系统将自动从订阅链接获取节点数量和流量信息
+                                {{ t('widgets.subscription.modal.addHintDesc') }}
                             </p>
                         </div>
                     </div>

From 1c6fab3f141faeddbc21a2364b95901d2be07c8d Mon Sep 17 00:00:00 2001
From: binbankm <393439956@qq.com>
Date: Tue, 16 Jun 2026 21:44:45 +0800
Subject: [PATCH 11/11] refactor: improve UI aesthetics with updated dark mode
 token styling, refined menu components, and dynamic quote categories.

---
 src/common/ui/MoreMenu.vue                    | 10 ++---
 src/views/DashboardView.vue                   | 23 +++++++----
 src/widgets/node/ManualNodeCard.vue           |  2 +-
 src/widgets/node/NodeDetailsModal.vue         |  2 +-
 src/widgets/profile/ProfileCard.vue           | 40 ++++++++++---------
 src/widgets/profile/ProfileModal.vue          |  4 +-
 .../profile/SubscriptionExportModal.vue       |  2 +-
 src/widgets/subscription/SubscriptionCard.vue | 18 ++++-----
 8 files changed, 55 insertions(+), 46 deletions(-)

diff --git a/src/common/ui/MoreMenu.vue b/src/common/ui/MoreMenu.vue
index c8d05008..98fe45c9 100644
--- a/src/common/ui/MoreMenu.vue
+++ b/src/common/ui/MoreMenu.vue
@@ -75,20 +75,20 @@ onUnmounted(() => {
         <Transition name="slide-fade-sm">
             <div
                 v-if="isOpen"
-                class="absolute right-0 z-50 mt-2 rounded-button border border-gray-300 bg-white shadow-modal ring-2 ring-gray-200 dark:border-white/10 dark:bg-white/5 dark:ring-white/10"
+                class="absolute right-0 z-50 mt-2 p-1 overflow-hidden rounded-button border border-gray-200/80 bg-white/80 backdrop-blur-xl shadow-modal ring-1 ring-black/5 dark:border-white/10 dark:bg-gray-900/80 dark:ring-white/10"
                 :class="widthClass"
             >
                 <template v-for="item in props.items" :key="item.key">
                     <div
                         v-if="item.dividerBefore"
-                        class="my-1 border-t border-gray-300 dark:border-white/10"
+                        class="mx-1 my-1 border-t border-gray-200/80 dark:border-white/10"
                     ></div>
                     <button
-                        class="w-full px-5 py-3 text-left text-base transition-colors"
+                        class="w-full rounded-element px-4 py-2.5 text-left text-[0.9375rem] font-medium transition-all duration-200"
                         :class="
                             item.danger
-                                ? 'text-danger-500 hover:text-danger-600 dark:hover:text-danger-400'
-                                : 'text-gray-700 hover:text-gray-900 dark:text-gray-200 dark:hover:text-white'
+                                ? 'text-danger-600 hover:bg-danger-50 hover:text-danger-700 dark:text-danger-400 dark:hover:bg-danger-500/15 dark:hover:text-danger-300'
+                                : 'text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-200 dark:hover:bg-white/10 dark:hover:text-white'
                         "
                         @click="selectItem(item.key)"
                     >
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index a6634fb9..4eee64d0 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -66,6 +66,20 @@ const refreshQuote = () => {
     }, 300);
 };
 
+const quoteCategoryClass = computed(() => {
+    const cat = currentQuote.value.category;
+    if (['Inspirational', '励志'].includes(cat)) {
+        return 'border-yellow-400/30 bg-yellow-400/20 text-yellow-700 dark:text-yellow-300';
+    }
+    if (['Technical', '技术'].includes(cat)) {
+        return 'border-info-400/30 bg-info-400/20 text-info-700 dark:text-info-300';
+    }
+    if (['Humor', '幽默'].includes(cat)) {
+        return 'border-success-400/30 bg-success-400/20 text-success-700 dark:text-success-300';
+    }
+    return 'border-primary-400/30 bg-primary-400/20 text-primary-700 dark:text-primary-300';
+});
+
 onMounted(() => {
     currentQuoteIndex.value = getRandomQuoteIndex();
 });
@@ -112,15 +126,8 @@ onMounted(() => {
                     <!-- 分类标签和刷新按钮 -->
                     <div class="flex items-center gap-2">
                         <span
-                            :class="{
-                                'border-yellow-400/30 bg-yellow-400/20 text-yellow-700 dark:text-yellow-300':
-                                    currentQuote.category === 'Inspirational',
-                                'border-info-400/30 bg-info-400/20 text-info-700 dark:text-info-300':
-                                    currentQuote.category === 'Technical',
-                                'border-success-400/30 bg-success-400/20 text-success-700 dark:text-success-300':
-                                    currentQuote.category === 'Humor'
-                            }"
                             class="rounded-element border px-2.5 py-1 text-xs font-medium backdrop-blur-md transition-all duration-300"
+                            :class="quoteCategoryClass"
                         >
                             {{ currentQuote.category }}
                         </span>
diff --git a/src/widgets/node/ManualNodeCard.vue b/src/widgets/node/ManualNodeCard.vue
index 884899c4..2a523079 100644
--- a/src/widgets/node/ManualNodeCard.vue
+++ b/src/widgets/node/ManualNodeCard.vue
@@ -182,7 +182,7 @@ const handleCopy = async (url: string) => {
             </div>
 
             <!-- 底部信息：地址 & 复制 -->
-            <div class="mt-auto border-t border-gray-300 pt-3 dark:border-white/10/50">
+            <div class="mt-auto border-t border-gray-300 pt-3 dark:border-white/10">
                 <div class="flex items-center justify-between gap-2 text-xs">
                     <!-- 服务器地址展示 (更简洁) -->
                     <div
diff --git a/src/widgets/node/NodeDetailsModal.vue b/src/widgets/node/NodeDetailsModal.vue
index 875237c6..b2d1938c 100644
--- a/src/widgets/node/NodeDetailsModal.vue
+++ b/src/widgets/node/NodeDetailsModal.vue
@@ -389,7 +389,7 @@ onUnmounted(() => {
 
                                                 <!-- 底部信息：地址 & 复制 -->
                                                 <div
-                                                    class="flex items-center justify-between gap-2 border-t border-gray-50 pt-2 pl-8 text-xs dark:border-white/10/50"
+                                                    class="flex items-center justify-between gap-2 border-t border-gray-50 pt-2 pl-8 text-xs dark:border-white/10"
                                                 >
                                                     <div
                                                         class="flex items-center gap-1.5 overflow-hidden text-gray-500 dark:text-gray-400"
diff --git a/src/widgets/profile/ProfileCard.vue b/src/widgets/profile/ProfileCard.vue
index 3ddc9d9e..1d36a784 100644
--- a/src/widgets/profile/ProfileCard.vue
+++ b/src/widgets/profile/ProfileCard.vue
@@ -159,32 +159,34 @@ const { t } = useI18n();
 
         <!-- 底部操作区 -->
         <div
-            class="mt-4 flex items-center justify-between border-t border-gray-300 pt-3 dark:border-white/10"
+            class="mt-4 flex flex-wrap items-center gap-3 border-t border-gray-300 pt-3 dark:border-white/10"
         >
             <!-- 启用/禁用开关 -->
-            <label class="relative inline-flex cursor-pointer items-center">
-                <input
-                    type="checkbox"
-                    :checked="profile.enabled"
-                    class="peer sr-only"
-                    @change="
-                        $emit('change', {
-                            ...profile,
-                            enabled: ($event.target as HTMLInputElement).checked
-                        })
-                    "
-                />
-                <div
-                    class="peer h-6 w-11 rounded-full bg-gray-200 from-primary-500 to-secondary-600 peer-checked:bg-linear-to-r peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-5 peer-checked:after:border-white dark:border-white/10 dark:bg-white/10"
-                ></div>
+            <div class="flex items-center gap-2 sm:gap-3">
+                <label class="group/toggle relative inline-flex cursor-pointer items-center">
+                    <input
+                        type="checkbox"
+                        :checked="profile.enabled"
+                        class="peer sr-only"
+                        @change="
+                            $emit('change', {
+                                ...profile,
+                                enabled: ($event.target as HTMLInputElement).checked
+                            })
+                        "
+                    />
+                    <div
+                        class="peer h-6 w-11 rounded-full bg-gray-200 from-primary-500 to-secondary-600 peer-checked:bg-linear-to-r peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-5 peer-checked:after:border-white dark:bg-white/10 dark:after:border-gray-600 dark:peer-checked:bg-linear-to-r dark:peer-checked:after:border-white"
+                    ></div>
+                </label>
                 <span
-                    class="ml-3 text-xs font-medium whitespace-nowrap text-gray-600 dark:text-gray-300"
+                    class="text-xs font-medium whitespace-nowrap text-gray-600 dark:text-gray-300"
                     >{{ profile.enabled ? t('widgets.profile.card.enabled') : t('widgets.profile.card.disabled') }}</span
                 >
-            </label>
+            </div>
 
             <!-- 操作按钮组 -->
-            <div class="flex shrink-0 items-center gap-2">
+            <div class="ml-auto flex items-center gap-2">
                 <button
                     class="flex items-center gap-1.5 rounded-element border border-gray-300 bg-gray-50 px-3 py-1.5 text-xs font-medium whitespace-nowrap text-gray-600 transition-all duration-200 hover:border-primary-200 hover:bg-primary-50 hover:text-primary-600 dark:border-white/10 dark:bg-white/5 dark:text-gray-300 dark:hover:border-primary-800 dark:hover:bg-primary-900/30 dark:hover:text-primary-400"
                     :title="t('widgets.profile.card.showNodes')"
diff --git a/src/widgets/profile/ProfileModal.vue b/src/widgets/profile/ProfileModal.vue
index 25a8ed97..6b5c166d 100644
--- a/src/widgets/profile/ProfileModal.vue
+++ b/src/widgets/profile/ProfileModal.vue
@@ -219,7 +219,7 @@ const { t } = useI18n();
                                         :class="
                                             localProfile.subscriptions?.includes(sub.id)
                                                 ? 'bg-primary-50 dark:bg-primary-900/20'
-                                                : 'hover:bg-gray-50 dark:hover:bg-white/10/50'
+                                                : 'hover:bg-gray-50 dark:hover:bg-white/5'
                                         "
                                     >
                                         <div
@@ -323,7 +323,7 @@ const { t } = useI18n();
                                         :class="
                                             localProfile.manualNodes?.includes(node.id)
                                                 ? 'bg-primary-50 dark:bg-primary-900/20'
-                                                : 'hover:bg-gray-50 dark:hover:bg-white/10/50'
+                                                : 'hover:bg-gray-50 dark:hover:bg-white/5'
                                         "
                                     >
                                         <div
diff --git a/src/widgets/profile/SubscriptionExportModal.vue b/src/widgets/profile/SubscriptionExportModal.vue
index 126271a1..f5296ed4 100644
--- a/src/widgets/profile/SubscriptionExportModal.vue
+++ b/src/widgets/profile/SubscriptionExportModal.vue
@@ -162,7 +162,7 @@ const handleCopy = async (option: (typeof exportOptions)[0]) => {
                     <div
                         v-for="option in exportOptions"
                         :key="option.name"
-                        class="group mx-2 mb-1 flex cursor-default items-center justify-between rounded-element border border-transparent px-4 py-3 transition-all duration-200 hover:border-gray-200 hover:bg-gray-50 dark:hover:border-white/10 dark:hover:bg-white/10/50"
+                        class="group mx-2 mb-1 flex cursor-default items-center justify-between rounded-element border border-transparent px-4 py-3 transition-all duration-200 hover:border-gray-200 hover:bg-gray-50 dark:hover:border-white/10 dark:hover:bg-white/5"
                     >
                         <!-- Left: Icon & Name -->
                         <div class="flex items-center gap-4">
diff --git a/src/widgets/subscription/SubscriptionCard.vue b/src/widgets/subscription/SubscriptionCard.vue
index 9843e8be..20c98421 100644
--- a/src/widgets/subscription/SubscriptionCard.vue
+++ b/src/widgets/subscription/SubscriptionCard.vue
@@ -337,7 +337,7 @@ const handleTestLatency = async () => {
                 <!-- 流量信息 -->
                 <div
                     v-if="trafficInfo"
-                    class="mt-2 rounded-element border border-gray-300 bg-gray-50/80 p-3 backdrop-blur-sm dark:border-white/10/50 dark:bg-white/5"
+                    class="mt-2 rounded-element border border-gray-300 bg-gray-50/80 p-3 backdrop-blur-sm dark:border-white/5 dark:bg-white/[0.02]"
                 >
                     <div class="mb-2 flex items-end justify-between">
                         <span
@@ -366,7 +366,7 @@ const handleTestLatency = async () => {
                         </div>
                     </div>
                     <div
-                        class="relative h-2.5 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-white/10"
+                        class="relative h-2.5 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-white/20"
                     >
                         <div
                             class="absolute top-0 left-0 h-full rounded-full shadow-elevated-sm transition-all duration-700 ease-out"
@@ -382,7 +382,7 @@ const handleTestLatency = async () => {
                         >
                         <span
                             v-if="expiryInfo"
-                            class="rounded border border-gray-300 bg-white px-1.5 py-0.5 text-[10px] shadow-elevated-sm dark:border-white/10 dark:bg-white/10"
+                            class="rounded border border-gray-300 bg-white px-1.5 py-0.5 text-[10px] shadow-elevated-sm dark:border-white/5 dark:bg-white/10"
                             :class="expiryInfo.style"
                             >{{ expiryInfo.daysRemaining }}</span
                         >
@@ -392,11 +392,11 @@ const handleTestLatency = async () => {
 
             <!-- 底部控制 -->
             <div
-                class="mt-4 flex items-center justify-between gap-2 border-t border-gray-300 pt-3 dark:border-white/10/50 sm:gap-3"
+                class="mt-4 flex flex-wrap items-center gap-3 border-t border-gray-300 pt-3 dark:border-white/10"
                 @click.stop
             >
-                <div class="flex min-w-0 shrink items-center gap-2 sm:gap-3">
-                    <label class="group/toggle relative inline-flex shrink-0 cursor-pointer items-center">
+                <div class="flex items-center gap-2 sm:gap-3">
+                    <label class="group/toggle relative inline-flex cursor-pointer items-center">
                         <input
                             type="checkbox"
                             :checked="sub.enabled"
@@ -404,15 +404,15 @@ const handleTestLatency = async () => {
                             @change="emit('change')"
                         />
                         <div
-                            class="peer h-6 w-10 rounded-full bg-gray-200 transition-all duration-300 group-hover/toggle:shadow-elevated-sm peer-checked:bg-primary-500 peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-4 peer-checked:after:border-white dark:border-white/10 dark:bg-white/10"
+                            class="peer h-6 w-10 rounded-full bg-gray-200 transition-all duration-300 group-hover/toggle:shadow-elevated-sm peer-checked:bg-primary-500 peer-focus:outline-none after:absolute after:top-0.5 after:left-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-4 peer-checked:after:border-white dark:bg-white/10 dark:after:border-gray-600 dark:peer-checked:bg-primary-500 dark:peer-checked:after:border-white"
                         ></div>
                     </label>
-                    <span class="truncate text-xs font-medium text-gray-600 dark:text-gray-300">{{
+                    <span class="whitespace-nowrap text-xs font-medium text-gray-600 dark:text-gray-300">{{
                         sub.enabled ? t('widgets.subscription.card.enabled') : t('widgets.subscription.card.disabled')
                     }}</span>
                 </div>
 
-                <div class="flex shrink-0 items-center gap-1 sm:gap-2">
+                <div class="ml-auto flex items-center gap-1 sm:gap-2">
                     <button
                         :disabled="isTestingLatency"
                         class="rounded-element p-2 transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-50"