diff --git a/android/app/build.gradle b/android/app/build.gradle
index e50d108..7984e2d 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -18,7 +18,7 @@ android {
         }
     }
 
-    // 显式统一 Java / Kotlin 的编译目标版本，保持与 Capacitor 生成配置一致（Java 21）
+    // 鏄惧紡缁熶竴 Java / Kotlin 鐨勭紪璇戠洰鏍囩増鏈紝淇濇寔涓� Capacitor 鐢熸垚閰嶇疆涓�鑷达紙Java 21锛�
     compileOptions {
         sourceCompatibility JavaVersion.VERSION_21
         targetCompatibility JavaVersion.VERSION_21
@@ -52,4 +52,5 @@ dependencies {
     implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
 }
 
-apply from: 'capacitor.build.gradle'
\ No newline at end of file
+apply from: 'capacitor.build.gradle'
+
diff --git a/android/app/src/main/java/com/echo/app/notification/NotificationBridgePlugin.kt b/android/app/src/main/java/com/echo/app/notification/NotificationBridgePlugin.kt
index c394947..ae28c57 100644
--- a/android/app/src/main/java/com/echo/app/notification/NotificationBridgePlugin.kt
+++ b/android/app/src/main/java/com/echo/app/notification/NotificationBridgePlugin.kt
@@ -1,9 +1,10 @@
-package com.echo.app.notification
+锘縫ackage com.echo.app.notification
 
 import android.content.BroadcastReceiver
 import android.content.Context
 import android.content.Intent
 import android.content.IntentFilter
+import android.provider.Settings
 import androidx.core.app.NotificationManagerCompat
 import com.getcapacitor.JSArray
 import com.getcapacitor.JSObject
@@ -12,7 +13,7 @@ import com.getcapacitor.PluginCall
 import com.getcapacitor.PluginMethod
 import com.getcapacitor.annotation.CapacitorPlugin
 
-// Capacitor 插件：向前端暴露通知权限检查、队列读取，以及通知到达事件
+// Capacitor 鎻掍欢锛氬悜鍓嶇鏆撮湶閫氱煡鏉冮檺銆侀�氱煡闃熷垪浠ュ強閫氱煡浜嬩欢
 @CapacitorPlugin(name = "NotificationBridge")
 class NotificationBridgePlugin : Plugin() {
 
@@ -21,7 +22,7 @@ class NotificationBridgePlugin : Plugin() {
     override fun load() {
         super.load()
 
-        // 监听来自 NotificationBridgeService 的应用内广播，并转发为 JS 事件
+        // 鐩戝惉 NotificationBridgeService 鍙戦�佺殑搴旂敤鍐呭箍鎾紝骞惰浆鍙戜负 JS 浜嬩欢
         val filter = IntentFilter("com.echo.app.NOTIFICATION_POSTED")
         notificationPostedReceiver = object : BroadcastReceiver() {
             override fun onReceive(context: Context, intent: Intent) {
@@ -52,10 +53,19 @@ class NotificationBridgePlugin : Plugin() {
 
     @PluginMethod
     fun requestPermission(call: PluginCall) {
-        // 当前仅返回状态，如需引导用户可在前端跳转到系统设置
+        // 褰撳墠浠呰繑鍥炴潈闄愮姸鎬侊紝瀹為檯鐨勫紩瀵兼枃妗堝拰璺宠浆鐢卞墠绔帶鍒�
         hasPermission(call)
     }
 
+    @PluginMethod
+    fun openNotificationSettings(call: PluginCall) {
+        // 璺宠浆鍒扮郴缁熺殑鈥滈�氱煡浣跨敤鏉冣�濊缃〉闈紝寮曞鐢ㄦ埛鎵嬪姩寮�鍚洃鍚潈闄�
+        val intent = Intent(Settings.ACTION_NOTIFICATION_LISTENER_SETTINGS)
+        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+        context.startActivity(intent)
+        call.resolve()
+    }
+
     @PluginMethod
     fun getPendingNotifications(call: PluginCall) {
         val queue = NotificationStorage.list(context)
@@ -80,4 +90,4 @@ class NotificationBridgePlugin : Plugin() {
         NotificationStorage.clear(context)
         call.resolve()
     }
-}
\ No newline at end of file
+}
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index c1b0f2b..90836f6 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -1,10 +1,13 @@
-<resources>
-    <!-- 基础应用主题，用于和 Capacitor 默认样式兼容 -->
+锘�<resources>
+    <!-- 搴旂敤涓讳富棰橈細涓� Capacitor WebView 鍚敤娌夋蹈寮忕姸鎬佹爮鍜屽鑸爮 -->
     <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
         <item name="android:windowNoTitle">true</item>
         <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
+        <item name="android:statusBarColor">@android:color/transparent</item>
+        <item name="android:navigationBarColor">@android:color/transparent</item>
     </style>
 
-    <!-- 启动 Activity 专用主题（目前与 AppTheme 一致，后续可接入启动页） -->
+    <!-- 鍚姩 Activity 涓撶敤涓婚锛堝綋鍓嶄笌 AppTheme 涓�鑷达紝鍚庣画鍙崟鐙畾鍒讹級 -->
     <style name="AppTheme.NoActionBarLaunch" parent="AppTheme" />
 </resources>
diff --git a/android/build.gradle b/android/build.gradle
index 78efa05..69e8a73 100644
--- a/android/build.gradle
+++ b/android/build.gradle
@@ -1,12 +1,12 @@
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
 buildscript {
-    ext.kotlin_version = '1.8.22'
+    ext.kotlin_version = '2.0.0'
     repositories {
         google()
         mavenCentral()
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:8.0.0'
+        classpath 'com.android.tools.build:gradle:8.4.2'
         classpath 'com.google.gms:google-services:4.3.15'
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
         // NOTE: Do not place your application dependencies here; they belong
@@ -26,3 +26,5 @@ allprojects {
 task clean(type: Delete) {
     delete rootProject.buildDir
 }
+
+
diff --git a/src/App.vue b/src/App.vue
index 0a9dca8..2dbeed2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,4 +1,4 @@
-<script setup>
+锘�<script setup>
 import { onMounted } from 'vue'
 import { RouterView } from 'vue-router'
 import BottomDock from './components/BottomDock.vue'
@@ -12,20 +12,18 @@ onMounted(() => {
 </script>
 
 <template>
-  <!-- 鏁翠綋搴旂敤瀹瑰櫒锛氬眳涓睍绀虹Щ鍔ㄧ鐢诲竷 -->
+  <!-- 鏁翠綋搴旂敤瀹瑰櫒锛氬眳涓睍绀虹Щ鍔ㄧ鐢诲竷锛岄厤鍚堟矇娴稿紡鐘舵�佹爮浣跨敤瀹夊叏鍖哄煙鍐呰竟璺� -->
   <div class="min-h-screen bg-warmOffwhite text-stone-800 flex items-center justify-center">
     <div
       class="h-screen max-h-[844px] max-w-md w-full mx-auto bg-warmOffwhite shadow-2xl relative overflow-hidden flex flex-col"
+      style="padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom);"
     >
-      <!-- 椤堕儴鐘舵�佹爮鍗犱綅 -->
-      <div class="h-8 w-full shrink-0" />
-
       <!-- 涓诲唴瀹瑰尯鍩燂細鐢� vue-router 鎺у埗鍏蜂綋椤甸潰 -->
       <main class="flex-1 overflow-y-auto hide-scrollbar px-5 pt-2 pb-28 relative">
         <RouterView />
       </main>
 
-      <!-- 搴曢儴 Dock 瀵艰埅鏍� -->
+      <!-- 搴曢儴 Dock 瀵艰埅 -->
       <BottomDock />
     </div>
   </div>
diff --git a/src/composables/useTransactionEntry.js b/src/composables/useTransactionEntry.js
index ce821e6..e50588d 100644
--- a/src/composables/useTransactionEntry.js
+++ b/src/composables/useTransactionEntry.js
@@ -10,6 +10,7 @@ import {
   transformNotificationToTransaction,
 } from '../services/notificationRuleService'
 import NotificationBridge, { isNativeNotificationBridgeAvailable } from '../lib/notificationBridge'
+import { useSettingsStore } from '../stores/settings'
 
 const notifications = ref([])
 const processingId = ref('')
@@ -35,6 +36,7 @@ const ensureRulesReady = async () => {
 
 export const useTransactionEntry = () => {
   const transactionStore = useTransactionStore()
+  const settingsStore = useSettingsStore()
 
   // 鍘熺敓绔細鍦ㄩ娆″悓姝ュ墠鍋氫竴娆℃潈闄愭牎楠屼笌璇锋眰
   const ensureNativePermission = async () => {
@@ -83,6 +85,11 @@ export const useTransactionEntry = () => {
     if (syncing.value) return
     syncing.value = true
     try {
+      // 鑻ョ敤鎴峰叧闂簡閫氱煡鑷姩鎹曡幏锛屽垯涓嶄粠鍘熺敓/妯℃嫙闃熷垪鎷夊彇鏂伴�氱煡锛屽彧娓呯┖寰呯‘璁ゅ垪琛�
+      if (!settingsStore.notificationCaptureEnabled) {
+        notifications.value = []
+        return
+      }
       if (nativeBridgeReady) {
         await ensureNativePermission()
       }
diff --git a/src/stores/settings.js b/src/stores/settings.js
new file mode 100644
index 0000000..3589b79
--- /dev/null
+++ b/src/stores/settings.js
@@ -0,0 +1,31 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useSettingsStore = defineStore(
+  'settings',
+  () => {
+    const notificationCaptureEnabled = ref(true)
+    const aiAutoCategoryEnabled = ref(false)
+
+    const setNotificationCaptureEnabled = (value) => {
+      notificationCaptureEnabled.value = !!value
+    }
+
+    const setAiAutoCategoryEnabled = (value) => {
+      aiAutoCategoryEnabled.value = !!value
+    }
+
+    return {
+      notificationCaptureEnabled,
+      aiAutoCategoryEnabled,
+      setNotificationCaptureEnabled,
+      setAiAutoCategoryEnabled,
+    }
+  },
+  {
+    persist: {
+      paths: ['notificationCaptureEnabled', 'aiAutoCategoryEnabled'],
+    },
+  },
+)
+
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index 0a8ad5c..f582248 100644
--- a/src/views/SettingsView.vue
+++ b/src/views/SettingsView.vue
@@ -1,66 +1,184 @@
-<script setup>
-// 璁剧疆椤靛綋鍓嶅彧灞曠ず闈欐�� UI锛屽悗缁細鎺ュ叆鐪熷疄璁剧疆鐘舵�佸拰鎸佷箙鍖栭�昏緫
+锘�<script setup>
+import { computed, onMounted, ref } from 'vue'
+import NotificationBridge, { isNativeNotificationBridgeAvailable } from '../lib/notificationBridge'
+import { useSettingsStore } from '../stores/settings'
+
+const settingsStore = useSettingsStore()
+
+const notificationCaptureEnabled = computed({
+  get: () => settingsStore.notificationCaptureEnabled,
+  set: (value) => settingsStore.setNotificationCaptureEnabled(value),
+})
+
+const aiAutoCategoryEnabled = computed({
+  get: () => settingsStore.aiAutoCategoryEnabled,
+  set: (value) => settingsStore.setAiAutoCategoryEnabled(value),
+})
+
+const nativeBridgeReady = isNativeNotificationBridgeAvailable()
+const notificationPermissionGranted = ref(true)
+const checkingPermission = ref(false)
+
+const checkNotificationPermission = async () => {
+  if (!nativeBridgeReady) return
+  checkingPermission.value = true
+  try {
+    const result = await NotificationBridge.hasPermission()
+    notificationPermissionGranted.value = !!result?.granted
+  } catch {
+    notificationPermissionGranted.value = false
+  } finally {
+    checkingPermission.value = false
+  }
+}
+
+const toggleNotificationCapture = async () => {
+  const next = !notificationCaptureEnabled.value
+  notificationCaptureEnabled.value = next
+  if (next && nativeBridgeReady) {
+    await checkNotificationPermission()
+    if (!notificationPermissionGranted.value) {
+      try {
+        await NotificationBridge.openNotificationSettings()
+      } catch {
+        // 鎻掍欢璋冪敤澶辫触鏃跺拷鐣ワ紝鐢变笅鏂规枃妗堟彁绀虹敤鎴�
+      }
+    }
+  }
+}
+
+const toggleAiAutoCategory = () => {
+  aiAutoCategoryEnabled.value = !aiAutoCategoryEnabled.value
+}
+
+const handleExportData = () => {
+  window.alert('瀵煎嚭鍔熻兘鍗冲皢涓婄嚎锛氬眾鏃跺彲浠ヤ竴閿鍑� CSV / Excel銆傚綋鍓嶇増鏈缓璁厛閫氳繃鎴浘鎴栧鍒舵柟寮忓浠藉叧閿俊鎭��')
+}
+
+const handleClearCache = () => {
+  const ok = window.confirm('纭娓呴櫎缂撳瓨鍚楋紵杩欎笉浼氬垹闄ゆ寮忚处鏈暟鎹紝浣嗕細閲嶇疆绛涢�夊亸濂界瓑鏈湴璁剧疆銆�')
+  if (!ok) return
+  try {
+    // 鏆傛椂鍙竻鐞嗘湰鍦拌缃紦瀛橈紝閬垮厤璇垹璐︽湰
+    localStorage.removeItem('settings')
+    window.alert('宸叉竻闄よ缃紦瀛橈紝閮ㄥ垎鍋忓ソ灏嗗湪涓嬫鍚姩鏃堕噸缃��')
+  } catch {
+    window.alert('娓呴櫎缂撳瓨澶辫触锛屽彲绋嶅悗閲嶈瘯銆�')
+  }
+}
+
+onMounted(() => {
+  void checkNotificationPermission()
+})
 </script>
 
 <template>
   <div class="space-y-6 animate-fade-in pb-10">
     <h2 class="text-2xl font-extrabold text-stone-800">璁剧疆</h2>
 
-    <!-- Profile Section -->
+    <!-- 涓汉淇℃伅 / 绠�鐭鏄� -->
     <div class="bg-white rounded-3xl p-5 flex items-center gap-4 shadow-sm border border-stone-100">
       <img
-        src="https://api.dicebear.com/7.x/avataaars/svg?seed=Felix"
+        src="https://api.dicebear.com/7.x/avataaars/svg?seed=Echo"
         alt="Avatar"
         class="w-16 h-16 rounded-full bg-stone-100"
       />
       <div class="flex-1">
-        <h3 class="font-bold text-lg text-stone-800">Alex Chen</h3>
-        <p class="text-xs text-stone-400">Pro 浼氬憳 (2025.12 鍒版湡)</p>
+        <h3 class="font-bold text-lg text-stone-800">Echo 鐢ㄦ埛</h3>
+        <p class="text-xs text-stone-400">鏈湴浼樺厛 路 鏁版嵁鍙瓨杩欏彴璁惧</p>
       </div>
-      <button
-        class="w-8 h-8 rounded-full bg-stone-50 flex items-center justify-center text-stone-400 active:bg-stone-100 transition"
-      >
-        <i class="ph-bold ph-pencil-simple" />
-      </button>
     </div>
 
-    <!-- Settings Group 1: Automation & AI -->
+    <!-- 鑷姩鍖� & AI -->
     <section>
       <h3 class="text-xs font-bold text-stone-400 uppercase tracking-widest mb-3 ml-2">
         鑷姩鍖� &amp; AI
       </h3>
       <div class="bg-white rounded-3xl overflow-hidden shadow-sm border border-stone-100">
-        <div class="flex items-center justify-between p-4 border-b border-stone-50">
-          <div class="flex items-center gap-3">
-            <div
-              class="w-8 h-8 rounded-full bg-blue-50 text-blue-500 flex items-center justify-center"
-            >
-              <i class="ph-fill ph-bell-ringing" />
+        <!-- 鑷姩鎹曡幏鏀粯閫氱煡 -->
+        <div class="flex flex-col gap-1 border-b border-stone-50">
+          <div class="flex items-center justify-between p-4">
+            <div class="flex items-center gap-3">
+              <div
+                class="w-8 h-8 rounded-full bg-blue-50 text-blue-500 flex items-center justify-center"
+              >
+                <i class="ph-fill ph-bell-ringing" />
+              </div>
+              <div>
+                <p class="font-bold text-stone-700 text-sm">鑷姩鎹曡幏鏀粯閫氱煡</p>
+                <p class="text-[11px] text-stone-400 mt-0.5">
+                  鐩戝惉鏀粯瀹� / 寰俊 / 閾惰 App 閫氱煡锛屽湪鏈満鑷姩鐢熸垚璁拌处鑽夌ǹ銆�
+                </p>
+              </div>
             </div>
-            <span class="font-bold text-stone-700 text-sm">鑷姩鎹曡幏鏀粯閫氱煡</span>
+            <button
+              class="w-11 h-6 rounded-full px-0.5 flex items-center transition-all duration-200"
+              :class="
+                notificationCaptureEnabled
+                  ? 'bg-orange-400 justify-end'
+                  : 'bg-stone-200 justify-start'
+              "
+              @click="toggleNotificationCapture"
+            >
+              <div class="w-4 h-4 bg-white rounded-full shadow-sm" />
+            </button>
           </div>
-          <!-- 寮�鍏崇洰鍓嶄负闈欐�� UI锛屽悗缁帴鍏ョ湡瀹炵姸鎬� -->
-          <div class="w-11 h-6 bg-orange-400 rounded-full relative cursor-pointer">
-            <div class="absolute right-1 top-1 w-4 h-4 bg-white rounded-full shadow-sm" />
+
+          <div v-if="notificationCaptureEnabled" class="px-4 pb-4">
+            <div
+              v-if="!notificationPermissionGranted"
+              class="bg-orange-50 border border-orange-200 rounded-2xl px-3 py-2 flex items-start gap-2"
+            >
+              <i class="ph-bold ph-warning text-orange-500 mt-0.5" />
+              <div class="text-[11px] text-orange-700 leading-relaxed">
+                <p>绯荤粺灏氭湭鎺堜簣 Echo銆岄�氱煡浣跨敤鏉冦�嶏紝鍚﹀垯鏃犳硶鑷姩鎹曡幏閫氱煡銆�</p>
+                <button
+                  class="mt-1 text-[11px] font-bold text-orange-600 underline"
+                  @click="NotificationBridge.openNotificationSettings()"
+                >
+                  鍘荤郴缁熻缃紑鍚�
+                </button>
+              </div>
+            </div>
+            <p v-else class="text-[11px] text-emerald-600 flex items-center gap-1">
+              <i class="ph-bold ph-check-circle" />
+              閫氱煡鏉冮檺宸插紑鍚紝Echo 浼氬湪鏀跺埌鏂伴�氱煡鍚庤嚜鍔ㄥ埛鏂伴椤点��
+            </p>
           </div>
         </div>
-        <div class="flex items-center justify-between p-4">
-          <div class="flex items-center gap-3">
-            <div
-              class="w-8 h-8 rounded-full bg-purple-50 text-purple-500 flex items-center justify-center"
-            >
-              <i class="ph-fill ph-magic-wand" />
+
+        <!-- AI 鑷姩鍒嗙被寮�鍏筹紙棰勭暀锛� -->
+        <div class="flex flex-col gap-1 p-4">
+          <div class="flex items-center justify-between">
+            <div class="flex items-center gap-3">
+              <div
+                class="w-8 h-8 rounded-full bg-purple-50 text-purple-500 flex items-center justify-center"
+              >
+                <i class="ph-fill ph-magic-wand" />
+              </div>
+              <div>
+                <p class="font-bold text-stone-700 text-sm">AI 鑷姩鍒嗙被锛堥鐣欙級</p>
+                <p class="text-[11px] text-stone-400 mt-0.5">
+                  寮�鍚悗锛屾湭鏉ヤ細浼樺厛浣跨敤浜戠 AI 瀵瑰晢鎴疯繘琛屽垎绫讳笌鏍囩鍒嗘瀽銆�
+                </p>
+              </div>
             </div>
-            <span class="font-bold text-stone-700 text-sm">AI 鑷姩鍒嗙被</span>
-          </div>
-          <div class="w-11 h-6 bg-orange-400 rounded-full relative cursor-pointer">
-            <div class="absolute right-1 top-1 w-4 h-4 bg-white rounded-full shadow-sm" />
+            <button
+              class="w-11 h-6 rounded-full px-0.5 flex items-center transition-all duration-200"
+              :class="aiAutoCategoryEnabled ? 'bg-orange-400 justify-end' : 'bg-stone-200 justify-start'"
+              @click="toggleAiAutoCategory"
+            >
+              <div class="w-4 h-4 bg-white rounded-full shadow-sm" />
+            </button>
           </div>
+          <p v-if="aiAutoCategoryEnabled" class="px-4 pb-1 text-[11px] text-purple-600">
+            褰撳墠鐗堟湰浠呰褰曞亸濂斤紝鍚庣画鎺ュ叆浜戠 AI 鍚庝細鑷姩鐢熸晥銆�
+          </p>
         </div>
       </div>
     </section>
 
-    <!-- Settings Group 2: General -->
+    <!-- 閫氱敤璁剧疆 -->
     <section>
       <h3 class="text-xs font-bold text-stone-400 uppercase tracking-widest mb-3 ml-2">
         閫氱敤
@@ -68,6 +186,7 @@
       <div class="bg-white rounded-3xl overflow-hidden shadow-sm border border-stone-100">
         <button
           class="flex w-full items-center justify-between p-4 border-b border-stone-50 active:bg-stone-50 transition text-left"
+          @click="handleExportData"
         >
           <div class="flex items-center gap-3">
             <div
@@ -75,27 +194,35 @@
             >
               <i class="ph-fill ph-export" />
             </div>
-            <span class="font-bold text-stone-700 text-sm">瀵煎嚭璐﹀崟鏁版嵁 (Excel)</span>
+            <div>
+              <p class="font-bold text-stone-700 text-sm">瀵煎嚭璐﹀崟鏁版嵁锛堥鐣欙級</p>
+              <p class="text-[11px] text-stone-400 mt-0.5">鏈潵鏀寔瀵煎嚭涓� CSV / Excel 鏂囦欢銆�</p>
+            </div>
           </div>
           <i class="ph-bold ph-caret-right text-stone-300" />
         </button>
-        <div class="flex items-center justify-between p-4 active:bg-stone-50 transition">
+        <button
+          class="flex w-full items-center justify-between p-4 active:bg-stone-50 transition text-left"
+          @click="handleClearCache"
+        >
           <div class="flex items-center gap-3">
             <div
               class="w-8 h-8 rounded-full bg-red-50 text-red-500 flex items-center justify-center"
             >
               <i class="ph-fill ph-trash" />
             </div>
-            <span class="font-bold text-stone-700 text-sm">娓呴櫎缂撳瓨</span>
+            <div>
+              <p class="font-bold text-stone-700 text-sm">娓呴櫎缂撳瓨锛堣缃級</p>
+              <p class="text-[11px] text-stone-400 mt-0.5">浠呮竻鐞嗘湰鍦板亸濂斤紝涓嶅奖鍝嶆寮忚处鏈暟鎹��</p>
+            </div>
           </div>
-          <span class="text-xs text-stone-400">128 MB</span>
-        </div>
+          <span class="text-xs text-stone-400">鈮� 鏁� KB</span>
+        </button>
       </div>
     </section>
 
     <div class="text-center pt-4">
-      <p class="text-xs text-stone-300">Version 1.0.2 Beta</p>
+      <p class="text-xs text-stone-300">Echo 路 Local-first Beta</p>
     </div>
   </div>
 </template>
-