diff --git a/packages/frontend/src/locales/en-US.json b/packages/frontend/src/locales/en-US.json
index 086ef6f..6da41c4 100644
--- a/packages/frontend/src/locales/en-US.json
+++ b/packages/frontend/src/locales/en-US.json
@@ -375,7 +375,8 @@
     "category": {
       "security": "Security Settings",
       "appearance": "Appearance Settings",
-      "system": "System Settings"
+      "system": "System Settings",
+      "about": "About"
     },
     
       "timezone": {
@@ -686,6 +687,9 @@
       "error": {
         "saveFailed": "Failed to save sync target."
       }
+    },
+    "about": {
+      "version": "Version"
     }
   },
 "notificationController": {
diff --git a/packages/frontend/src/locales/zh-CN.json b/packages/frontend/src/locales/zh-CN.json
index c966dd7..2994c7e 100644
--- a/packages/frontend/src/locales/zh-CN.json
+++ b/packages/frontend/src/locales/zh-CN.json
@@ -375,7 +375,8 @@
     "category": {
       "security": "安全设置",
       "appearance": "外观设置",
-      "system": "系统设置"
+      "system": "系统设置",
+      "about": "关于"
     },
     "timezone": {
       "title": "时区设置",
@@ -687,6 +688,9 @@
         "saveFailed": "保存同步目标失败。"
       }
 
+    },
+    "about": {
+      "version": "版本"
     }
 },
 "notificationController": {
diff --git a/packages/frontend/src/views/SettingsView.vue b/packages/frontend/src/views/SettingsView.vue
index da789fa..dd21c11 100644
--- a/packages/frontend/src/views/SettingsView.vue
+++ b/packages/frontend/src/views/SettingsView.vue
@@ -296,9 +296,29 @@
                 </div>
              </div>
            </div>
-        </div>
 
-        <!-- Column 2: Appearance, Workspace, System -->
+           <!-- About Section -->
+           <div class="bg-background border border-border rounded-lg shadow-sm overflow-hidden">
+             <h2 class="text-lg font-semibold text-foreground px-6 py-4 border-b border-border bg-header/50">{{ $t('settings.category.about') }}</h2>
+             <div class="p-6 space-y-4"> <!-- Reduced space-y for tighter layout -->
+                <div class="flex items-center space-x-4 text-sm text-text-secondary"> <!-- Flex container for info items -->
+                   <span class="font-medium">{{ $t('settings.about.version') }}: {{ appVersion }}</span>
+                   <span class="opacity-50">|</span>
+                   <a href="https://github.com/Heavrnl/nexus-terminal" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline inline-flex items-center">
+                     <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="mr-1" viewBox="0 0 16 16"> <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/> </svg>
+                     Heavrnl/nexus-terminal
+                   </a>
+                   <span class="opacity-50">|</span>
+                   <a href="https://ko-fi.com/0heavrnl" target="_blank" rel="noopener noreferrer" title="Support me on Ko-fi" class="text-primary hover:underline inline-flex items-center">
+                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="14" height="14" class="mr-1"> <path d="M20.33 6.08c-.28-.4-.7-.68-1.18-.82-.48-.14-.98-.14-1.47-.02-.48.12-.9.38-1.22.75-.32.37-.5.83-.5 1.32 0 .48.18.93.5 1.3.32.37.75.63 1.22.75.48.12.98.12 1.47 0 .48-.12.9-.38 1.18-.75.28-.37.45-.82.45-1.3 0-.48-.17-.95-.45-1.32zm-2.75 1.5c-.14.17-.33.25-.53.25s-.38-.08-.53-.25c-.14-.17-.22-.38-.22-.6s.08-.43.22-.6c.14-.17.33-.25.53-.25s.38.08.53.25c.14.17.22.38.22.6s-.08.43-.22.6zM18 10H6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-6c0-1.1-.9-2-2-2zm-6 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/> </svg>
+                     Ko-fi
+                   </a>
+                </div>
+             </div>
+           </div> <!-- End About Section -->
+         </div>
+ 
+         <!-- Column 2: Appearance, Workspace, System -->
         <div class="space-y-6"> <!-- Removed col-span -->
 
           <!-- Workspace Section: Only show if settings data is loaded -->
@@ -523,23 +543,11 @@
                  </button>
               </div>
             </div>
-          </div>
+          </div> <!-- End Appearance Section -->
+
         </div>
       </div> <!-- End Settings Sections Grid -->
     </div> <!-- End Inner container -->
-<!-- Version Display -->
-      <div class="mt-8 pb-4 flex justify-center"> <!-- Added flex container for centering -->
-        <div class="inline-flex items-center bg-muted text-muted-foreground text-xs px-4 py-1 rounded-full shadow space-x-2"> <!-- Elliptical badge styles with flex for alignment -->
-          <span class="font-medium">Version: 0.2.4</span> <!-- 使用动态版本号 -->
-          <span class="opacity-50">|</span> <!-- Separator with opacity -->
-          <a href="https://github.com/Heavrnl/nexus-terminal" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline inline-flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="mr-1" viewBox="0 0 16 16"> <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/> </svg>Heavrnl/nexus-terminal</a>
-<span class="opacity-50">|</span> <!-- Separator -->
-          <a href="https://ko-fi.com/0heavrnl" target="_blank" rel="noopener noreferrer" title="Support me on Ko-fi" class="text-primary hover:underline inline-flex items-center">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="14" height="14" class="mr-1"> <path d="M20.33 6.08c-.28-.4-.7-.68-1.18-.82-.48-.14-.98-.14-1.47-.02-.48.12-.9.38-1.22.75-.32.37-.5.83-.5 1.32 0 .48.18.93.5 1.3.32.37.75.63 1.22.75.48.12.98.12 1.47 0 .48-.12.9-.38 1.18-.75.28-.37.45-.82.45-1.3 0-.48-.17-.95-.45-1.32zm-2.75 1.5c-.14.17-.33.25-.53.25s-.38-.08-.53-.25c-.14-.17-.22-.38-.22-.6s.08-.43.22-.6c.14-.17.33-.25.53-.25s.38.08.53.25c.14.17.22.38.22.6s-.08.43-.22.6zM18 10H6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-6c0-1.1-.9-2-2-2zm-6 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/> </svg>
-            Ko-fi
-          </a>
-        </div>
-      </div>
   </div> <!-- End Outer container -->
 </template>