diff --git a/README.md b/README.md
index 0329eab..95f57de 100644
--- a/README.md
+++ b/README.md
@@ -17,26 +17,34 @@
 
 ## 快速开始
 
-前置条件：JDK 21（Temurin）、Node.js。
+前置条件：JDK 21（Temurin，含编译工具链与 jpackage）、Node.js（含 npm）。
+
+> 首次构建或运行需联网：Gradle 会下载发行版与 Maven 依赖，前端会 `npm install` 安装依赖。使用 wrapper（`./gradlew` / `gradlew.bat`）可自动获取所需 Gradle 版本。
 
 ```bash
+# Windows 用 gradlew.bat，Linux/macOS 用 ./gradlew
 # 后端（默认 8080，接口文档 http://localhost:8080/doc.html）
-gradlew.bat bootRun
+./gradlew bootRun
 
-# 前端（默认 5173）
-cd frontend && npm run dev
+# 前端（默认 5173，/api 由 Vite 代理到 8080）
+cd frontend && npm install && npm run dev
 ```
 
 数据库无需预先准备：启动后在页面按引导选择 SQLite（本地文件，零配置）或 MySQL，保存后立即生效并自动建表；配置持久化于 `config/database.json`。
 
+## 代码检查
+
+- 后端：`./gradlew lint`（Spotless + Checkstyle + SpotBugs）。
+- 前端：`cd frontend && npm run lint`（ESLint；`npm run lint:fix` 自动修复，`npm run format` 用 Prettier 格式化）。
+- `bootJar` / `bootGuiJar` 会先执行后端检查与前端 ESLint，检查不通过则中断打包。
+
 ## 构建与打包
 
 ```bash
-gradle bootJar bootGuiJar     # 普通 jar + 带 GUI 启动器的 jar，产物在 build/libs/
-gradle jpackageAppImage       # 免安装应用（普通 + GUI），产物在 build/jpackage/
+./gradlew bootJar bootGuiJar   # 普通 jar + 带 GUI 启动器的 jar（内嵌前端），产物在 build/libs/
+./gradlew jpackageAppImage     # 免安装应用（普通 + GUI），产物在 build/jpackage/
 ```
 
+- 打包前会先安装前端依赖并构建前端产物，再一并打入 jar，无需手动 `npm run build`。
 - GUI jar 内嵌前后端与跨平台 JavaFX，单文件即可运行；配置与日志默认落在 jar 所在目录，可用 `--home=<目录>` 或环境变量 `LEDGERLY_HOME` 指定。
 - app-image 自带运行时、免安装，但只能为**当前操作系统**生成。
-
-> 更详细的目录结构、启动器、jpackage、图标与开发环境说明见 `AGENTS.md`。
diff --git a/build.gradle b/build.gradle
index 242fbd7..abbf598 100644
--- a/build.gradle
+++ b/build.gradle
@@ -1,8 +1,13 @@
+import com.github.spotbugs.snom.Confidence
+import com.github.spotbugs.snom.Effort
+
 plugins {
     id 'java'
+    id 'checkstyle'
     id 'org.springframework.boot' version '3.3.6'
     id 'io.spring.dependency-management' version '1.1.7'
     id 'com.diffplug.spotless' version '8.10.2'
+    id 'com.github.spotbugs' version '6.5.12'
 }
 
 group = 'cn.rosercode'
@@ -120,6 +125,44 @@ tasks.named('compileJava') {
     dependsOn 'spotlessJavaCheck'
 }
 
+// ===== 代码静态检查（Checkstyle / SpotBugs）=====
+// 二者挂在 check 任务上，由 ./package.sh（gradle check）触发；
+// 不进入 ./reload.sh 的快速热重载路径（compileJava），保持开发体验。
+// 配置文件放在 gradle/ 下（项目根的 config/ 被 .gitignore 忽略，仅用于运行时配置）。
+checkstyle {
+    configDirectory = file('gradle/checkstyle')
+    maxWarnings = 0
+    ignoreFailures = false
+}
+
+spotbugs {
+    // 固定 4.8.6：其 BCEL 不依赖 commons-lang3 3.18+ 的 getJdkModulePath，
+    // 避免与 Spring Boot BOM 选定的 commons-lang3 3.14.0 冲突（NoSuchMethodError）。
+    toolVersion = '4.8.6'
+    effort = Effort.MAX
+    reportLevel = Confidence.valueOf('MEDIUM')
+    excludeFilter = file('gradle/spotbugs/exclude.xml')
+    ignoreFailures = false
+}
+
+tasks.named('spotbugsMain') {
+    reports {
+        xml {
+            required = true
+            outputLocation = file("${layout.buildDirectory.get().asFile}/reports/spotbugs/main.xml")
+        }
+        html {
+            required = true
+            outputLocation = file("${layout.buildDirectory.get().asFile}/reports/spotbugs/main.html")
+        }
+    }
+}
+
+// 测试源码（src/test）仅本地验证、不提交（见 AGENTS.md），不纳入 Checkstyle/SpotBugs
+tasks.matching { it.name == 'checkstyleTest' || it.name == 'spotbugsTest' }.configureEach {
+    enabled = false
+}
+
 // ===== 前端构建与打包 =====
 def frontendDir = file("${projectDir}/frontend")
 def frontendDistDir = file("${frontendDir}/dist")
@@ -144,11 +187,23 @@ tasks.register('npmInstall', Exec) {
     outputs.dir("${frontendDir}/node_modules")
 }
 
+// 前端代码检查（ESLint），失败则中断构建
+tasks.register('frontendLint', Exec) {
+    group = 'frontend'
+    description = '运行前端 ESLint 检查（npm run lint）'
+    dependsOn 'npmInstall'
+    workingDir frontendDir
+    commandLine resolveNpm(), 'run', 'lint'
+    inputs.dir("${frontendDir}/src")
+    inputs.file("${frontendDir}/eslint.config.js")
+    inputs.file("${frontendDir}/package.json")
+}
+
 // 构建前端产物
 tasks.register('frontendBuild', Exec) {
     group = 'frontend'
     description = '构建前端产物（npm run build）'
-    dependsOn 'npmInstall'
+    dependsOn 'npmInstall', 'frontendLint'
     workingDir frontendDir
     commandLine resolveNpm(), 'run', 'build'
     inputs.dir("${frontendDir}/src")
@@ -158,6 +213,13 @@ tasks.register('frontendBuild', Exec) {
     outputs.dir(frontendDistDir)
 }
 
+// 聚合代码检查任务：后端 Spotless/Checkstyle/SpotBugs（主源码）+ 前端 ESLint
+tasks.register('lint') {
+    group = 'verification'
+    description = '运行全部代码检查（后端 Spotless、Checkstyle、SpotBugs 与前端 ESLint）'
+    dependsOn 'spotlessCheck', 'checkstyleMain', 'spotbugsMain', 'frontendLint'
+}
+
 // 将前端产物打入可执行 jar 的静态资源目录，实现前后端一体化部署
 tasks.named('bootJar') {
     dependsOn 'frontendBuild'
diff --git a/frontend/.prettierignore b/frontend/.prettierignore
new file mode 100644
index 0000000..695fe50
--- /dev/null
+++ b/frontend/.prettierignore
@@ -0,0 +1,4 @@
+dist
+node_modules
+package-lock.json
+public
diff --git a/frontend/.prettierrc.json b/frontend/.prettierrc.json
new file mode 100644
index 0000000..c591ee2
--- /dev/null
+++ b/frontend/.prettierrc.json
@@ -0,0 +1,7 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 120,
+  "trailingComma": "all",
+  "endOfLine": "lf"
+}
diff --git a/frontend/eslint.config.js b/frontend/eslint.config.js
new file mode 100644
index 0000000..f57a3fe
--- /dev/null
+++ b/frontend/eslint.config.js
@@ -0,0 +1,42 @@
+import js from '@eslint/js'
+import pluginVue from 'eslint-plugin-vue'
+import globals from 'globals'
+import tseslint from 'typescript-eslint'
+import prettier from 'eslint-config-prettier'
+
+export default tseslint.config(
+  // 忽略构建产物与依赖目录
+  { ignores: ['dist/**', 'node_modules/**', 'public/**', 'src/**/*.d.ts'] },
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+  {
+    // Vue 单文件组件的 <script lang="ts"> 交由 typescript-eslint 解析
+    files: ['**/*.vue'],
+    languageOptions: {
+      parserOptions: { parser: tseslint.parser },
+    },
+  },
+  {
+    languageOptions: {
+      globals: { ...globals.browser, ...globals.node },
+    },
+    rules: {
+      // 存量大量 any 使用，暂不强制
+      '@typescript-eslint/no-explicit-any': 'off',
+      // 单名单文件组件（Login/App/Calendar 等）为项目既有命名，不强制多词
+      'vue/multi-word-component-names': 'off',
+      // 泛型占位与解构忽略项允许；catch 绑定不强制使用（项目统一 catch (e) 写法）
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+          caughtErrors: 'none',
+        },
+      ],
+    },
+  },
+  // 关闭与 Prettier 冲突的格式规则，必须放在最后
+  prettier,
+)
diff --git a/frontend/package.json b/frontend/package.json
index 2fbbda3..8672b26 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -6,7 +6,11 @@
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc -b && vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
   },
   "dependencies": {
     "@fontsource/jetbrains-mono": "^5.3.0",
@@ -25,11 +29,18 @@
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
+    "@eslint/js": "^10.0.1",
     "@types/node": "^24.13.3",
     "@types/node-forge": "^1.3.11",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/tsconfig": "^0.9.1",
+    "eslint": "^10.12.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-vue": "^10.11.1",
+    "globals": "^17.13.0",
+    "prettier": "^3.9.10",
     "typescript": "~6.0.2",
+    "typescript-eslint": "^8.71.1",
     "vite": "^8.2.2",
     "vue-tsc": "^3.3.11"
   }
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 674900f..45756a6 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -3,8 +3,15 @@
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import {
-  NMessageProvider, NDialogProvider, NConfigProvider,
-  zhCN, dateZhCN, enUS, dateEnUS, jaJP, dateJaJP,
+  NMessageProvider,
+  NDialogProvider,
+  NConfigProvider,
+  zhCN,
+  dateZhCN,
+  enUS,
+  dateEnUS,
+  jaJP,
+  dateJaJP,
 } from 'naive-ui'
 import type { LocaleKey } from './locales'
 
diff --git a/frontend/src/api/ai.ts b/frontend/src/api/ai.ts
index 2ba0fd2..8d08f68 100644
--- a/frontend/src/api/ai.ts
+++ b/frontend/src/api/ai.ts
@@ -40,7 +40,13 @@ export function getAiConfig() {
 }
 
 /** 保存 AI 配置，apiKey 留空表示不修改原值 */
-export function saveAiConfig(data: { enabled: boolean; apiKey?: string; baseUrl?: string; model?: string; visionModel?: string }) {
+export function saveAiConfig(data: {
+  enabled: boolean
+  apiKey?: string
+  baseUrl?: string
+  model?: string
+  visionModel?: string
+}) {
   return request.put('/ai/config', data)
 }
 
@@ -180,31 +186,35 @@ export function suggestRulesByAi(transactionIds: number[]) {
 }
 
 /** 批量创建 AI 生成的规则，必要时新建分类与标签 */
-export function applyAiRules(rules: {
-  name: string
-  enabled?: boolean
-  type?: string | null
-  keyword?: string | null
-  minAmount?: number | null
-  maxAmount?: number | null
-  categoryId?: number | null
-  newCategoryName?: string | null
-  newCategoryIcon?: string | null
-  tagIds?: number[]
-  newTags?: AiNewTag[]
-}[]) {
+export function applyAiRules(
+  rules: {
+    name: string
+    enabled?: boolean
+    type?: string | null
+    keyword?: string | null
+    minAmount?: number | null
+    maxAmount?: number | null
+    categoryId?: number | null
+    newCategoryName?: string | null
+    newCategoryIcon?: string | null
+    tagIds?: number[]
+    newTags?: AiNewTag[]
+  }[],
+) {
   return request.post('/ai/rule/apply', { rules })
 }
 
 /** 一键应用建议：覆盖分类并追加标签，标记为新建的分类/标签会先创建再关联 */
-export function applyAiSuggestions(suggestions: {
-  transactionId: number
-  categoryId: number | null
-  newCategoryName?: string | null
-  newCategoryIcon?: string | null
-  tagIds: number[]
-  newTags?: AiNewTag[]
-}[]) {
+export function applyAiSuggestions(
+  suggestions: {
+    transactionId: number
+    categoryId: number | null
+    newCategoryName?: string | null
+    newCategoryIcon?: string | null
+    tagIds: number[]
+    newTags?: AiNewTag[]
+  }[],
+) {
   return request.post('/ai/apply', { suggestions })
 }
 
diff --git a/frontend/src/api/emailBill.ts b/frontend/src/api/emailBill.ts
index ac75042..39e9221 100644
--- a/frontend/src/api/emailBill.ts
+++ b/frontend/src/api/emailBill.ts
@@ -165,12 +165,7 @@ export function toggleEmailBillSenderRule(id: number, enabled: boolean) {
 }
 
 /** 分页查询账单消息 */
-export function pageEmailBillMessages(params: {
-  status?: string
-  configId?: number
-  page?: number
-  size?: number
-}) {
+export function pageEmailBillMessages(params: { status?: string; configId?: number; page?: number; size?: number }) {
   return request.get('/email-bill/messages', { params })
 }
 
@@ -180,13 +175,16 @@ export function parseEmailBillMessage(id: number, data: { billType?: string; pas
 }
 
 /** 确认导入勾选的账单行 */
-export function importEmailBillMessage(id: number, data: {
-  billType: BillType
-  expenseCategoryId?: number | null
-  incomeCategoryId?: number | null
-  tagIds?: number[]
-  items: BillImportItem[]
-}) {
+export function importEmailBillMessage(
+  id: number,
+  data: {
+    billType: BillType
+    expenseCategoryId?: number | null
+    incomeCategoryId?: number | null
+    tagIds?: number[]
+    items: BillImportItem[]
+  },
+) {
   return request.post(`/email-bill/messages/${id}/import`, data, { timeout: 120000 })
 }
 
diff --git a/frontend/src/api/log.ts b/frontend/src/api/log.ts
index 9d7bfa7..02f753c 100644
--- a/frontend/src/api/log.ts
+++ b/frontend/src/api/log.ts
@@ -54,23 +54,12 @@ export function pageHttpLogs(params: {
 }
 
 /** 分页查询登录日志 */
-export function pageLoginLogs(params: {
-  page: number
-  size: number
-  keyword?: string
-  success?: boolean
-}) {
+export function pageLoginLogs(params: { page: number; size: number; keyword?: string; success?: boolean }) {
   return request.get('/log/login', { params })
 }
 
 /** 读取后端运行日志 */
-export function getAppLog(params: {
-  date?: string
-  level?: string
-  keyword?: string
-  lines: number
-  since?: number
-}) {
+export function getAppLog(params: { date?: string; level?: string; keyword?: string; lines: number; since?: number }) {
   return request.get('/log/app', { params })
 }
 
diff --git a/frontend/src/api/notification.ts b/frontend/src/api/notification.ts
index 259160d..275a43d 100644
--- a/frontend/src/api/notification.ts
+++ b/frontend/src/api/notification.ts
@@ -65,12 +65,15 @@ export function createNotificationChannel(data: {
 }
 
 /** 修改通知渠道，邮箱授权码留空表示不修改 */
-export function updateNotificationChannel(id: number, data: {
-  type: string
-  name: string
-  enabled: boolean
-  config: Record<string, any>
-}) {
+export function updateNotificationChannel(
+  id: number,
+  data: {
+    type: string
+    name: string
+    enabled: boolean
+    config: Record<string, any>
+  },
+) {
   return request.put(`/notification/channels/${id}`, data)
 }
 
diff --git a/frontend/src/api/request.ts b/frontend/src/api/request.ts
index d5e9623..fb25f2f 100644
--- a/frontend/src/api/request.ts
+++ b/frontend/src/api/request.ts
@@ -130,7 +130,7 @@ request.interceptors.response.use(
       router.push('/login')
     }
     return Promise.reject(error)
-  }
+  },
 )
 
 export default request
diff --git a/frontend/src/api/transaction.ts b/frontend/src/api/transaction.ts
index 1962c83..954d85f 100644
--- a/frontend/src/api/transaction.ts
+++ b/frontend/src/api/transaction.ts
@@ -67,16 +67,19 @@ export function batchCreateTransactions(data: {
 }
 
 /** 更新指定交易记录（categoryId 为空表示不设置分类） */
-export function updateTransaction(id: number, data: {
-  categoryId: number | null
-  type: string
-  amount: number
-  channel?: string
-  remark?: string
-  transactionTime: string
-  includeInStats?: boolean
-  tagIds?: number[]
-}) {
+export function updateTransaction(
+  id: number,
+  data: {
+    categoryId: number | null
+    type: string
+    amount: number
+    channel?: string
+    remark?: string
+    transactionTime: string
+    includeInStats?: boolean
+    tagIds?: number[]
+  },
+) {
   return request.put(`/transaction/${id}`, data)
 }
 
@@ -185,11 +188,7 @@ export function batchUpdateCategory(data: {
 }
 
 /** 批量给交易记录添加/移除标签 */
-export function batchTags(data: {
-  ids: number[]
-  addTagIds?: number[]
-  removeTagIds?: number[]
-}) {
+export function batchTags(data: { ids: number[]; addTagIds?: number[]; removeTagIds?: number[] }) {
   return request.put('/transaction/batch-tags', data)
 }
 
diff --git a/frontend/src/components/AccountSecurityPanel.vue b/frontend/src/components/AccountSecurityPanel.vue
index 6158190..3c20b7b 100644
--- a/frontend/src/components/AccountSecurityPanel.vue
+++ b/frontend/src/components/AccountSecurityPanel.vue
@@ -2,9 +2,7 @@
 // 账号安全面板：当前登录用户修改密码，支持一键生成随机密码并显示明文
 import { ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
-import {
-  useMessage, NCard, NForm, NFormItem, NInput, NButton, NSpace, NIcon, NText,
-} from 'naive-ui'
+import { useMessage, NCard, NForm, NFormItem, NInput, NButton, NSpace, NIcon, NText } from 'naive-ui'
 import { KeyOutline, RefreshOutline, CopyOutline, SaveOutline } from '@vicons/ionicons5'
 import { changePassword } from '../api/user'
 import { generateRandomPassword } from '../utils/password'
@@ -24,11 +22,14 @@ const revealed = ref(false)
 const generated = ref('')
 
 // 用户手动修改新密码后恢复遮挡显示
-watch(() => form.value.newPassword, (val) => {
-  if (val !== generated.value) {
-    revealed.value = false
-  }
-})
+watch(
+  () => form.value.newPassword,
+  (val) => {
+    if (val !== generated.value) {
+      revealed.value = false
+    }
+  },
+)
 
 /** 生成随机密码并填充到新密码与确认密码，同时明文显示 */
 function handleGenerate() {
@@ -139,13 +140,13 @@ async function handleSubmit() {
         />
       </NFormItem>
       <NFormItem :label="t('account.newPassword')">
-        <NSpace :size="8" :wrap="true" style="width: 100%;">
+        <NSpace :size="8" :wrap="true" style="width: 100%">
           <NInput
             v-model:value="form.newPassword"
             :type="revealed ? 'text' : 'password'"
             show-password-on="click"
             :placeholder="t('account.newPasswordPlaceholder')"
-            style="flex: 1;"
+            style="flex: 1"
           />
           <NButton secondary @click="handleGenerate">
             <template #icon>
@@ -171,9 +172,9 @@ async function handleSubmit() {
       </NFormItem>
     </NForm>
 
-    <NText depth="3" style="font-size: 12px;">{{ t('account.hint') }}</NText>
+    <NText depth="3" style="font-size: 12px">{{ t('account.hint') }}</NText>
 
-    <NSpace justify="end" style="margin-top: 16px; width: 100%;">
+    <NSpace justify="end" style="margin-top: 16px; width: 100%">
       <NButton type="primary" :loading="loading" @click="handleSubmit">
         <template #icon>
           <NIcon :component="SaveOutline" />
diff --git a/frontend/src/components/AiConfigPanel.vue b/frontend/src/components/AiConfigPanel.vue
index 3a628ac..5b88c04 100644
--- a/frontend/src/components/AiConfigPanel.vue
+++ b/frontend/src/components/AiConfigPanel.vue
@@ -4,10 +4,28 @@ import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import {
-  useMessage, NCard, NForm, NFormItem, NInput, NSwitch, NButton, NSpace, NAlert, NText, NTag, NIcon,
+  useMessage,
+  NCard,
+  NForm,
+  NFormItem,
+  NInput,
+  NSwitch,
+  NButton,
+  NSpace,
+  NAlert,
+  NText,
+  NTag,
+  NIcon,
 } from 'naive-ui'
 import {
-  SettingsOutline, KeyOutline, LinkOutline, CubeOutline, SaveOutline, FlashOutline, StatsChartOutline, CameraOutline,
+  SettingsOutline,
+  KeyOutline,
+  LinkOutline,
+  CubeOutline,
+  SaveOutline,
+  FlashOutline,
+  StatsChartOutline,
+  CameraOutline,
 } from '@vicons/ionicons5'
 import { getAiConfig, saveAiConfig, testAiConfig } from '../api/ai'
 import { refreshAiEnabled } from '../composables/useAiEnabled'
@@ -24,7 +42,13 @@ const testing = ref(false)
 const hasApiKey = ref(false)
 
 // 表单数据
-const form = ref({ enabled: false, apiKey: '', baseUrl: 'https://api.deepseek.com', model: 'deepseek-chat', visionModel: 'deepseek-flash' })
+const form = ref({
+  enabled: false,
+  apiKey: '',
+  baseUrl: 'https://api.deepseek.com',
+  model: 'deepseek-chat',
+  visionModel: 'deepseek-flash',
+})
 
 /** 加载当前用户的 AI 配置 */
 async function loadConfig() {
@@ -116,7 +140,7 @@ onMounted(loadConfig)
       </NSpace>
     </template>
 
-    <NAlert type="info" :show-icon="true" style="margin-bottom: 20px;">
+    <NAlert type="info" :show-icon="true" style="margin-bottom: 20px">
       {{ t('ai.intro') }}
     </NAlert>
 
@@ -124,7 +148,7 @@ onMounted(loadConfig)
       <NFormItem :label="t('ai.enabled')">
         <div class="switch-row">
           <NSwitch v-model:value="form.enabled" />
-          <NText depth="3" style="font-size: 12px;">{{ t('ai.enabledHint') }}</NText>
+          <NText depth="3" style="font-size: 12px">{{ t('ai.enabledHint') }}</NText>
         </div>
       </NFormItem>
       <NFormItem :label="t('ai.apiKey')">
@@ -161,7 +185,7 @@ onMounted(loadConfig)
         </NInput>
       </NFormItem>
       <NFormItem>
-        <NSpace justify="end" style="width: 100%;">
+        <NSpace justify="end" style="width: 100%">
           <NButton type="primary" :loading="saving" @click="handleSave">
             <template #icon>
               <NIcon :component="SaveOutline" />
diff --git a/frontend/src/components/AiQueryWindow.vue b/frontend/src/components/AiQueryWindow.vue
index 1e6cf24..2d5dd0e 100644
--- a/frontend/src/components/AiQueryWindow.vue
+++ b/frontend/src/components/AiQueryWindow.vue
@@ -7,32 +7,35 @@ import { BulbOutline, CloseCircleOutline } from '@vicons/ionicons5'
 import { useKeywordHistory } from '../composables/useKeywordHistory'
 import FloatingPanel from './FloatingPanel.vue'
 
-const props = withDefaults(defineProps<{
-  /** 是否显示 */
-  show: boolean
-  /** 标题 */
-  title: string
-  /** 顶部提示文案 */
-  hint: string
-  /** 输入框占位文案 */
-  placeholder: string
-  /** 示例列表 */
-  examples: string[]
-  /** 查询进行中 */
-  loading?: boolean
-  /** 历史记录持久化键 */
-  historyKey: string
-  /** 浮窗位置尺寸持久化键 */
-  storageKey: string
-  /** 默认宽度 */
-  defaultWidth?: number
-  /** 默认高度 */
-  defaultHeight?: number
-}>(), {
-  loading: false,
-  defaultWidth: 560,
-  defaultHeight: 360,
-})
+const props = withDefaults(
+  defineProps<{
+    /** 是否显示 */
+    show: boolean
+    /** 标题 */
+    title: string
+    /** 顶部提示文案 */
+    hint: string
+    /** 输入框占位文案 */
+    placeholder: string
+    /** 示例列表 */
+    examples: string[]
+    /** 查询进行中 */
+    loading?: boolean
+    /** 历史记录持久化键 */
+    historyKey: string
+    /** 浮窗位置尺寸持久化键 */
+    storageKey: string
+    /** 默认宽度 */
+    defaultWidth?: number
+    /** 默认高度 */
+    defaultHeight?: number
+  }>(),
+  {
+    loading: false,
+    defaultWidth: 560,
+    defaultHeight: 360,
+  },
+)
 
 const emit = defineEmits<{
   (e: 'update:show', value: boolean): void
diff --git a/frontend/src/components/AiRecordModal.vue b/frontend/src/components/AiRecordModal.vue
index 0fe85d8..0da1ac3 100644
--- a/frontend/src/components/AiRecordModal.vue
+++ b/frontend/src/components/AiRecordModal.vue
@@ -2,7 +2,24 @@
 // AI 智能记账弹窗：支持文字记账与图片记账（SSE 实时进度），识别结果可编辑后批量导入
 import { ref, computed, watch, onBeforeUnmount, h } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { useMessage, NButton, NSpace, NDataTable, NTag, NModal, NInput, NInputNumber, NSelect, NDatePicker, NAlert, NUpload, NUploadDragger, NTabs, NTabPane, NIcon } from 'naive-ui'
+import {
+  useMessage,
+  NButton,
+  NSpace,
+  NDataTable,
+  NTag,
+  NModal,
+  NInput,
+  NInputNumber,
+  NSelect,
+  NDatePicker,
+  NAlert,
+  NUpload,
+  NUploadDragger,
+  NTabs,
+  NTabPane,
+  NIcon,
+} from 'naive-ui'
 import { SparklesOutline, RefreshOutline, CloudUploadOutline, CheckmarkCircleOutline } from '@vicons/ionicons5'
 import type { DataTableColumns, UploadFileInfo } from 'naive-ui'
 import { parseRecordByAi } from '../api/ai'
@@ -79,15 +96,18 @@ const typeOptions = computed(() => [
 ])
 
 /** 打开弹窗时重置状态并中断上次识别 */
-watch(() => props.show, (visible) => {
-  if (!visible) return
-  abortAiRecordStream()
-  aiRecordText.value = ''
-  aiRecordFileList.value = []
-  aiRecordFiles.value = []
-  aiRecordHint.value = ''
-  aiRecordProgress.value = []
-})
+watch(
+  () => props.show,
+  (visible) => {
+    if (!visible) return
+    abortAiRecordStream()
+    aiRecordText.value = ''
+    aiRecordFileList.value = []
+    aiRecordFiles.value = []
+    aiRecordHint.value = ''
+    aiRecordProgress.value = []
+  },
+)
 
 /** 解析自然语言记账并预填新增表单 */
 async function handleAiRecordParse() {
@@ -113,19 +133,20 @@ async function handleAiRecordParse() {
 function setAiRecordFiles(files: File[]) {
   const limited = files.slice(0, MAX_AI_RECORD_IMAGES)
   aiRecordFiles.value = limited
-  aiRecordFileList.value = limited.map((file, index) => ({
-    id: `${Date.now()}-${index}`,
-    name: file.name || `clipboard-${index + 1}.png`,
-    status: 'finished',
-    file,
-  } as UploadFileInfo))
+  aiRecordFileList.value = limited.map(
+    (file, index) =>
+      ({
+        id: `${Date.now()}-${index}`,
+        name: file.name || `clipboard-${index + 1}.png`,
+        status: 'finished',
+        file,
+      }) as UploadFileInfo,
+  )
 }
 
 /** 处理上传文件变化，最多保留 MAX_AI_RECORD_IMAGES 张 */
 function handleAiRecordFileChange(options: { fileList: UploadFileInfo[] }) {
-  const files = options.fileList
-    .map((item) => item.file)
-    .filter((file): file is File => !!file)
+  const files = options.fileList.map((item) => item.file).filter((file): file is File => !!file)
   setAiRecordFiles(files)
 }
 
@@ -225,7 +246,7 @@ function handleAiRecordParseImage() {
           message.error(t('ai.record.imageFailed'))
         }
       } else if (event === 'failed') {
-        let reason = ''
+        let reason: string
         try {
           reason = JSON.parse(data)?.message || ''
         } catch (e) {
@@ -316,82 +337,104 @@ const aiRecordColumns = computed<DataTableColumns<AiRecordEditRow>>(() => [
     title: t('ai.record.col.duplicate'),
     key: 'duplicate',
     width: 90,
-    render: (row) => (row.duplicate
-      ? h(NTag, { type: 'warning', size: 'small' }, { default: () => t('ai.record.duplicate') })
-      : '-'),
+    render: (row) =>
+      row.duplicate ? h(NTag, { type: 'warning', size: 'small' }, { default: () => t('ai.record.duplicate') }) : '-',
   },
   {
     title: t('ai.record.col.type'),
     key: 'type',
     width: 100,
-    render: (row) => h(NSelect, {
-      value: row.type,
-      options: typeOptions.value,
-      size: 'small',
-      onUpdateValue: (value: string) => { row.type = value; row.categoryId = null },
-    }),
+    render: (row) =>
+      h(NSelect, {
+        value: row.type,
+        options: typeOptions.value,
+        size: 'small',
+        onUpdateValue: (value: string) => {
+          row.type = value
+          row.categoryId = null
+        },
+      }),
   },
   {
     title: t('ai.record.col.amount'),
     key: 'amount',
     width: 120,
-    render: (row) => h(NInputNumber, {
-      value: row.amount,
-      min: 0.01,
-      precision: 2,
-      size: 'small',
-      onUpdateValue: (value: number | null) => { row.amount = value },
-    }),
+    render: (row) =>
+      h(NInputNumber, {
+        value: row.amount,
+        min: 0.01,
+        precision: 2,
+        size: 'small',
+        onUpdateValue: (value: number | null) => {
+          row.amount = value
+        },
+      }),
   },
   {
     title: t('ai.record.col.category'),
     key: 'categoryId',
     width: 170,
-    render: (row) => h(NSelect, {
-      value: row.categoryId,
-      options: props.categories.filter((c) => c.type === row.type),
-      renderLabel: renderCategoryLabel,
-      filterable: true,
-      clearable: true,
-      size: 'small',
-      onUpdateValue: (value: number | null) => { row.categoryId = value },
-    }),
+    render: (row) =>
+      h(NSelect, {
+        value: row.categoryId,
+        options: props.categories.filter((c) => c.type === row.type),
+        renderLabel: renderCategoryLabel,
+        filterable: true,
+        clearable: true,
+        size: 'small',
+        onUpdateValue: (value: number | null) => {
+          row.categoryId = value
+        },
+      }),
   },
   {
     title: t('ai.record.col.time'),
     key: 'transactionTime',
     width: 180,
-    render: (row) => h(NDatePicker, {
-      value: row.transactionTime,
-      type: 'datetime',
-      size: 'small',
-      onUpdateValue: (value: number | null) => { row.transactionTime = value ?? row.transactionTime },
-    }),
+    render: (row) =>
+      h(NDatePicker, {
+        value: row.transactionTime,
+        type: 'datetime',
+        size: 'small',
+        onUpdateValue: (value: number | null) => {
+          row.transactionTime = value ?? row.transactionTime
+        },
+      }),
   },
   {
     title: t('ai.record.col.remark'),
     key: 'remark',
-    render: (row) => h(NInput, {
-      value: row.remark,
-      size: 'small',
-      onUpdateValue: (value: string) => { row.remark = value },
-    }),
+    render: (row) =>
+      h(NInput, {
+        value: row.remark,
+        size: 'small',
+        onUpdateValue: (value: string) => {
+          row.remark = value
+        },
+      }),
   },
   {
     title: t('ai.record.col.rawData'),
     key: 'rawData',
     width: 110,
-    render: (row) => (row.rawData
-      ? h(NButton, { size: 'small', quaternary: true, type: 'primary', onClick: () => handleViewAiRecordRaw(row) },
-        { default: () => t('transaction.rawData') })
-      : '-'),
+    render: (row) =>
+      row.rawData
+        ? h(
+            NButton,
+            { size: 'small', quaternary: true, type: 'primary', onClick: () => handleViewAiRecordRaw(row) },
+            { default: () => t('transaction.rawData') },
+          )
+        : '-',
   },
 ])
 
-watch(() => props.show, (visible) => {
-  if (visible) window.addEventListener('paste', handleAiRecordPaste)
-  else window.removeEventListener('paste', handleAiRecordPaste)
-})
+watch(
+  () => props.show,
+  (visible) => {
+    if (visible) window.addEventListener('paste', handleAiRecordPaste)
+    else window.removeEventListener('paste', handleAiRecordPaste)
+  },
+)
 
 onBeforeUnmount(() => {
   window.removeEventListener('paste', handleAiRecordPaste)
@@ -401,7 +444,7 @@ onBeforeUnmount(() => {
 <template>
   <div>
     <!-- AI 智能记账弹窗（文字 / 图片） -->
-    <NModal v-model:show="showModel" preset="card" :title="t('ai.record.title')" style="width: 560px; max-width: 92vw;">
+    <NModal v-model:show="showModel" preset="card" :title="t('ai.record.title')" style="width: 560px; max-width: 92vw">
       <NTabs v-model:value="aiRecordTab" type="line" animated>
         <NTabPane name="text" :tab="t('ai.record.textTab')">
           <NSpace vertical :size="12">
@@ -414,7 +457,9 @@ onBeforeUnmount(() => {
             />
             <NSpace justify="end">
               <NButton @click="showModel = false">{{ t('common.cancel') }}</NButton>
-              <NButton type="primary" :loading="aiRecording" @click="handleAiRecordParse">{{ t('ai.record.parse') }}</NButton>
+              <NButton type="primary" :loading="aiRecording" @click="handleAiRecordParse">{{
+                t('ai.record.parse')
+              }}</NButton>
             </NSpace>
           </NSpace>
         </NTabPane>
@@ -431,9 +476,9 @@ onBeforeUnmount(() => {
             >
               <NUploadDragger>
                 <NIcon size="36" :component="CloudUploadOutline" />
-                <div style="margin-top: 8px;">{{ t('ai.record.upload') }}</div>
-                <div style="margin-top: 4px; font-size: 12px; color: #999;">{{ t('ai.record.uploadTip') }}</div>
-                <div style="margin-top: 4px; font-size: 12px; color: #999;">{{ t('ai.record.pasteHint') }}</div>
+                <div style="margin-top: 8px">{{ t('ai.record.upload') }}</div>
+                <div style="margin-top: 4px; font-size: 12px; color: #999">{{ t('ai.record.uploadTip') }}</div>
+                <div style="margin-top: 4px; font-size: 12px; color: #999">{{ t('ai.record.pasteHint') }}</div>
               </NUploadDragger>
             </NUpload>
             <NInput v-model:value="aiRecordHint" :placeholder="t('ai.record.placeholder')" />
@@ -452,7 +497,11 @@ onBeforeUnmount(() => {
                 >
                   <NIcon
                     class="ai-progress-icon"
-                    :component="index === aiRecordProgress.length - 1 && aiRecordingImage ? RefreshOutline : CheckmarkCircleOutline"
+                    :component="
+                      index === aiRecordProgress.length - 1 && aiRecordingImage
+                        ? RefreshOutline
+                        : CheckmarkCircleOutline
+                    "
                   />
                   <span class="ai-progress-time">{{ item.time }}</span>
                   <span class="ai-progress-text">{{ item.text }}</span>
@@ -461,7 +510,12 @@ onBeforeUnmount(() => {
             </div>
             <NSpace justify="end">
               <NButton @click="handleAiRecordCancel">{{ t('common.cancel') }}</NButton>
-              <NButton type="primary" :loading="aiRecordingImage" :disabled="aiRecordFiles.length === 0 || aiRecordingImage" @click="handleAiRecordParseImage">
+              <NButton
+                type="primary"
+                :loading="aiRecordingImage"
+                :disabled="aiRecordFiles.length === 0 || aiRecordingImage"
+                @click="handleAiRecordParseImage"
+              >
                 {{ t('ai.record.parseImage') }}
               </NButton>
             </NSpace>
@@ -471,7 +525,12 @@ onBeforeUnmount(() => {
     </NModal>
 
     <!-- 图片记账结果弹窗 -->
-    <NModal v-model:show="showResultModal" preset="card" :title="t('ai.record.resultTitle')" style="width: 960px; max-width: 96vw;">
+    <NModal
+      v-model:show="showResultModal"
+      preset="card"
+      :title="t('ai.record.resultTitle')"
+      style="width: 960px; max-width: 96vw"
+    >
       <NSpace vertical :size="12">
         <NAlert type="info" :show-icon="true">
           {{ aiRecordSummary || t('ai.record.resultHint') }}
@@ -488,7 +547,12 @@ onBeforeUnmount(() => {
         />
         <NSpace justify="end">
           <NButton @click="showResultModal = false">{{ t('common.cancel') }}</NButton>
-          <NButton type="primary" :loading="aiRecordImporting" :disabled="checkedAiRecordKeys.length === 0" @click="handleAiRecordImport">
+          <NButton
+            type="primary"
+            :loading="aiRecordImporting"
+            :disabled="checkedAiRecordKeys.length === 0"
+            @click="handleAiRecordImport"
+          >
             {{ t('ai.record.importSelected', { count: checkedAiRecordKeys.length }) }}
           </NButton>
         </NSpace>
@@ -496,7 +560,12 @@ onBeforeUnmount(() => {
     </NModal>
 
     <!-- 原始账单数据弹窗 -->
-    <NModal v-model:show="showRawModal" preset="card" :title="t('transaction.rawDataTitle')" style="width: 640px; max-width: 92vw;">
+    <NModal
+      v-model:show="showRawModal"
+      preset="card"
+      :title="t('transaction.rawDataTitle')"
+      style="width: 640px; max-width: 92vw"
+    >
       <NInput :value="rawDataText" type="textarea" readonly :autosize="{ minRows: 8, maxRows: 20 }" />
     </NModal>
   </div>
diff --git a/frontend/src/components/AiSuggestModal.vue b/frontend/src/components/AiSuggestModal.vue
index 0c053e8..57d230c 100644
--- a/frontend/src/components/AiSuggestModal.vue
+++ b/frontend/src/components/AiSuggestModal.vue
@@ -41,11 +41,14 @@ const checkedAiRowKeys = ref<number[]>([]) // 已勾选建议的代表记录ID
 const aiApplying = ref(false) // 应用状态
 
 // 打开时默认全选，用户可取消不需要的建议
-watch(() => props.show, (visible) => {
-  if (visible) {
-    checkedAiRowKeys.value = props.suggestions.map((s) => s.transactionId)
-  }
-})
+watch(
+  () => props.show,
+  (visible) => {
+    if (visible) {
+      checkedAiRowKeys.value = props.suggestions.map((s) => s.transactionId)
+    }
+  },
+)
 
 /** 建议行：合并代表交易记录信息用于展示 */
 const aiRows = computed(() =>
@@ -90,12 +93,16 @@ const aiNewTagNames = computed(() => {
 /** 渲染建议的分类单元格，新建分类带「新建」标记 */
 function renderCategoryCell(row: AiSuggestion) {
   if (row.newCategoryName) {
-    return h(NSpace, { size: 4, align: 'center', wrap: false }, {
-      default: () => [
-        h(NTag, { size: 'small', type: 'info' }, { default: () => t('ai.newBadge') }),
-        h('span', null, `${row.newCategoryIcon || ''}${row.newCategoryName}`),
-      ],
-    })
+    return h(
+      NSpace,
+      { size: 4, align: 'center', wrap: false },
+      {
+        default: () => [
+          h(NTag, { size: 'small', type: 'info' }, { default: () => t('ai.newBadge') }),
+          h('span', null, `${row.newCategoryIcon || ''}${row.newCategoryName}`),
+        ],
+      },
+    )
   }
   return row.categoryName || '-'
 }
@@ -107,16 +114,24 @@ function renderTagsCell(row: AiSuggestion) {
     items.push(...row.tagNames.map((name) => h(NTag, { size: 'small' }, { default: () => name })))
   }
   if (row.newTags && row.newTags.length > 0) {
-    items.push(...row.newTags.map((tag) =>
-      h(NTag, { size: 'small', color: { color: tag.color, textColor: '#fff' } }, {
-        default: () => h(NSpace, { size: 2, align: 'center', wrap: false }, {
-          default: () => [
-            h('span', null, t('ai.newBadge')),
-            h('span', null, tag.name),
-          ],
-        }),
-      }),
-    ))
+    items.push(
+      ...row.newTags.map((tag) =>
+        h(
+          NTag,
+          { size: 'small', color: { color: tag.color, textColor: '#fff' } },
+          {
+            default: () =>
+              h(
+                NSpace,
+                { size: 2, align: 'center', wrap: false },
+                {
+                  default: () => [h('span', null, t('ai.newBadge')), h('span', null, tag.name)],
+                },
+              ),
+          },
+        ),
+      ),
+    )
   }
   return items.length > 0 ? h(NSpace, { size: 4, wrap: true }, { default: () => items }) : '-'
 }
@@ -126,7 +141,9 @@ const aiColumns = computed<DataTableColumns<any>>(() => {
   const columns: DataTableColumns<any> = [
     { type: 'selection' },
     {
-      title: t('ai.column.record'), key: 'record', minWidth: 200,
+      title: t('ai.column.record'),
+      key: 'record',
+      minWidth: 200,
       render: (row) => {
         const tx = row.transaction
         if (!tx) return `#${row.transactionId}`
@@ -142,13 +159,17 @@ const aiColumns = computed<DataTableColumns<any>>(() => {
   ]
   if (props.scope !== 'TAG') {
     columns.push({
-      title: t('ai.column.category'), key: 'category', minWidth: 150,
+      title: t('ai.column.category'),
+      key: 'category',
+      minWidth: 150,
       render: (row) => renderCategoryCell(row),
     })
   }
   if (props.scope !== 'CATEGORY') {
     columns.push({
-      title: t('ai.column.tags'), key: 'tags', minWidth: 180,
+      title: t('ai.column.tags'),
+      key: 'tags',
+      minWidth: 180,
       render: (row) => renderTagsCell(row),
     })
   }
@@ -211,7 +232,7 @@ async function handleApply() {
 </script>
 
 <template>
-  <NModal v-model:show="showModel" preset="card" :title="t('ai.suggestTitle')" style="width: 860px; max-width: 92vw;">
+  <NModal v-model:show="showModel" preset="card" :title="t('ai.suggestTitle')" style="width: 860px; max-width: 92vw">
     <NSpace vertical :size="12">
       <NAlert type="warning" :show-icon="true">{{ t('ai.applyHint') }}</NAlert>
       <NDataTable
diff --git a/frontend/src/components/AiUsagePanel.vue b/frontend/src/components/AiUsagePanel.vue
index 01d7d72..1e9077c 100644
--- a/frontend/src/components/AiUsagePanel.vue
+++ b/frontend/src/components/AiUsagePanel.vue
@@ -3,13 +3,28 @@
 import { ref, onMounted, computed, h } from 'vue'
 import { useI18n } from 'vue-i18n'
 import {
-  useMessage, NCard, NSpace, NButton, NIcon, NStatistic, NDataTable, NTag,
-  NGrid, NGridItem, NEmpty,
+  useMessage,
+  NCard,
+  NSpace,
+  NButton,
+  NIcon,
+  NStatistic,
+  NDataTable,
+  NTag,
+  NGrid,
+  NGridItem,
+  NEmpty,
 } from 'naive-ui'
 import type { DataTableColumns } from 'naive-ui'
 import {
-  PulseOutline, CheckmarkCircleOutline, CloseCircleOutline, StatsChartOutline,
-  CloudUploadOutline, CloudDownloadOutline, FlashOutline, TimeOutline,
+  PulseOutline,
+  CheckmarkCircleOutline,
+  CloseCircleOutline,
+  StatsChartOutline,
+  CloudUploadOutline,
+  CloudDownloadOutline,
+  FlashOutline,
+  TimeOutline,
 } from '@vicons/ionicons5'
 import { getAiUsage } from '../api/ai'
 import type { AiUsageResult } from '../api/ai'
@@ -40,23 +55,67 @@ function formatNumber(value: number | null | undefined) {
 
 /** 使用概览卡片配置 */
 const overviewStats = computed(() => [
-  { key: 'calls', label: t('ai.usage.totalCalls'), value: usage.value?.summary.totalCalls ?? 0, icon: PulseOutline, color: '#2080f0' },
-  { key: 'success', label: t('ai.usage.successCalls'), value: usage.value?.summary.successCalls ?? 0, icon: CheckmarkCircleOutline, color: '#18a058' },
-  { key: 'failed', label: t('ai.usage.failedCalls'), value: usage.value?.summary.failedCalls ?? 0, icon: CloseCircleOutline, color: '#d03050' },
-  { key: 'total', label: t('ai.usage.totalTokens'), value: usage.value?.summary.totalTokens ?? 0, icon: StatsChartOutline, color: '#7c3aed' },
+  {
+    key: 'calls',
+    label: t('ai.usage.totalCalls'),
+    value: usage.value?.summary.totalCalls ?? 0,
+    icon: PulseOutline,
+    color: '#2080f0',
+  },
+  {
+    key: 'success',
+    label: t('ai.usage.successCalls'),
+    value: usage.value?.summary.successCalls ?? 0,
+    icon: CheckmarkCircleOutline,
+    color: '#18a058',
+  },
+  {
+    key: 'failed',
+    label: t('ai.usage.failedCalls'),
+    value: usage.value?.summary.failedCalls ?? 0,
+    icon: CloseCircleOutline,
+    color: '#d03050',
+  },
+  {
+    key: 'total',
+    label: t('ai.usage.totalTokens'),
+    value: usage.value?.summary.totalTokens ?? 0,
+    icon: StatsChartOutline,
+    color: '#7c3aed',
+  },
 ])
 
 /** Token 明细卡片配置 */
 const tokenStats = computed(() => [
-  { key: 'prompt', label: t('ai.usage.promptTokens'), value: usage.value?.summary.promptTokens ?? 0, icon: CloudUploadOutline, color: '#2080f0' },
-  { key: 'completion', label: t('ai.usage.completionTokens'), value: usage.value?.summary.completionTokens ?? 0, icon: CloudDownloadOutline, color: '#f0a020' },
-  { key: 'cached', label: t('ai.usage.cachedTokens'), value: usage.value?.summary.cachedTokens ?? 0, icon: FlashOutline, color: '#18a058' },
+  {
+    key: 'prompt',
+    label: t('ai.usage.promptTokens'),
+    value: usage.value?.summary.promptTokens ?? 0,
+    icon: CloudUploadOutline,
+    color: '#2080f0',
+  },
+  {
+    key: 'completion',
+    label: t('ai.usage.completionTokens'),
+    value: usage.value?.summary.completionTokens ?? 0,
+    icon: CloudDownloadOutline,
+    color: '#f0a020',
+  },
+  {
+    key: 'cached',
+    label: t('ai.usage.cachedTokens'),
+    value: usage.value?.summary.cachedTokens ?? 0,
+    icon: FlashOutline,
+    color: '#18a058',
+  },
 ])
 
 /** 使用明细表格列定义（随语言切换响应式更新） */
 const usageColumns = computed<DataTableColumns<any>>(() => [
   {
-    title: t('ai.usage.column.time'), key: 'createdAt', width: 160,
+    title: t('ai.usage.column.time'),
+    key: 'createdAt',
+    width: 160,
     render: (row) => {
       if (!row.createdAt) return '-'
       const [date, time] = String(row.createdAt).replace('T', ' ').split(' ')
@@ -67,36 +126,70 @@ const usageColumns = computed<DataTableColumns<any>>(() => [
     },
   },
   {
-    title: t('ai.usage.column.type'), key: 'type', width: 120,
-    render: (row) => h(NTag, { type: row.type === 'SUGGEST' ? 'info' : 'default', size: 'small', bordered: false },
-      { default: () => t(`ai.usage.type.${String(row.type).toLowerCase()}`) }),
+    title: t('ai.usage.column.type'),
+    key: 'type',
+    width: 120,
+    render: (row) =>
+      h(
+        NTag,
+        { type: row.type === 'SUGGEST' ? 'info' : 'default', size: 'small', bordered: false },
+        { default: () => t(`ai.usage.type.${String(row.type).toLowerCase()}`) },
+      ),
   },
   {
-    title: t('ai.usage.column.count'), key: 'transactionCount', width: 100, align: 'right', titleAlign: 'right',
+    title: t('ai.usage.column.count'),
+    key: 'transactionCount',
+    width: 100,
+    align: 'right',
+    titleAlign: 'right',
     render: (row) => formatNumber(row.transactionCount),
   },
   {
-    title: t('ai.usage.column.promptTokens'), key: 'promptTokens', width: 100, align: 'right', titleAlign: 'right',
+    title: t('ai.usage.column.promptTokens'),
+    key: 'promptTokens',
+    width: 100,
+    align: 'right',
+    titleAlign: 'right',
     render: (row) => h('span', { class: 'cell-num' }, formatNumber(row.promptTokens)),
   },
   {
-    title: t('ai.usage.column.completionTokens'), key: 'completionTokens', width: 100, align: 'right', titleAlign: 'right',
+    title: t('ai.usage.column.completionTokens'),
+    key: 'completionTokens',
+    width: 100,
+    align: 'right',
+    titleAlign: 'right',
     render: (row) => h('span', { class: 'cell-num' }, formatNumber(row.completionTokens)),
   },
   {
-    title: t('ai.usage.column.totalTokens'), key: 'totalTokens', width: 100, align: 'right', titleAlign: 'right',
+    title: t('ai.usage.column.totalTokens'),
+    key: 'totalTokens',
+    width: 100,
+    align: 'right',
+    titleAlign: 'right',
     render: (row) => h('span', { class: 'cell-num cell-total' }, formatNumber(row.totalTokens)),
   },
   {
-    title: t('ai.usage.column.duration'), key: 'durationMs', width: 100, align: 'right', titleAlign: 'right',
+    title: t('ai.usage.column.duration'),
+    key: 'durationMs',
+    width: 100,
+    align: 'right',
+    titleAlign: 'right',
     render: (row) => (row.durationMs != null ? `${formatNumber(row.durationMs)} ms` : '-'),
   },
   {
-    title: t('ai.usage.column.status'), key: 'success', width: 110, align: 'center', titleAlign: 'center',
-    render: (row) => (row.success
-      ? h(NTag, { type: 'success', size: 'small', bordered: false }, { default: () => t('ai.usage.success') })
-      : h('span', { title: row.errorMessage || '' },
-          h(NTag, { type: 'error', size: 'small', bordered: false }, { default: () => t('ai.usage.failed') }))),
+    title: t('ai.usage.column.status'),
+    key: 'success',
+    width: 110,
+    align: 'center',
+    titleAlign: 'center',
+    render: (row) =>
+      row.success
+        ? h(NTag, { type: 'success', size: 'small', bordered: false }, { default: () => t('ai.usage.success') })
+        : h(
+            'span',
+            { title: row.errorMessage || '' },
+            h(NTag, { type: 'error', size: 'small', bordered: false }, { default: () => t('ai.usage.failed') }),
+          ),
   },
 ])
 
@@ -106,7 +199,7 @@ onMounted(loadUsage)
 <template>
   <NCard :bordered="false" class="usage-card">
     <template #header>
-      <NSpace justify="space-between" align="center" style="width: 100%;">
+      <NSpace justify="space-between" align="center" style="width: 100%">
         <NSpace align="center" :size="8">
           <NIcon :component="StatsChartOutline" />
           <span>{{ t('ai.usage.title') }}</span>
@@ -137,7 +230,7 @@ onMounted(loadUsage)
     </NGrid>
 
     <!-- Token 明细 -->
-    <NGrid cols="1 s:3" :x-gap="12" :y-gap="12" style="margin-top: 12px;">
+    <NGrid cols="1 s:3" :x-gap="12" :y-gap="12" style="margin-top: 12px">
       <NGridItem v-for="item in tokenStats" :key="item.key">
         <div class="stat-card">
           <div class="stat-icon" :style="{ background: item.color + '1a', color: item.color }">
diff --git a/frontend/src/components/BillImportResult.vue b/frontend/src/components/BillImportResult.vue
index 19d77b1..12ce051 100644
--- a/frontend/src/components/BillImportResult.vue
+++ b/frontend/src/components/BillImportResult.vue
@@ -17,10 +17,16 @@ const { t } = useI18n()
 <template>
   <NSpace vertical :size="12">
     <NAlert type="success" :show-icon="true">
-      {{ t('import.resultSummary', { imported: result?.imported ?? 0, skipped: result?.skipped ?? 0, failed: result?.failed ?? 0 }) }}
+      {{
+        t('import.resultSummary', {
+          imported: result?.imported ?? 0,
+          skipped: result?.skipped ?? 0,
+          failed: result?.failed ?? 0,
+        })
+      }}
     </NAlert>
-    <div v-if="result?.messages?.length" style="max-height: 320px; overflow: auto;">
-      <NText v-for="(msg, i) in result.messages" :key="i" depth="3" style="display: block; font-size: 12px;">
+    <div v-if="result?.messages?.length" style="max-height: 320px; overflow: auto">
+      <NText v-for="(msg, i) in result.messages" :key="i" depth="3" style="display: block; font-size: 12px">
         {{ msg }}
       </NText>
     </div>
diff --git a/frontend/src/components/BillPreviewPanel.vue b/frontend/src/components/BillPreviewPanel.vue
index 6b345ef..a99a2a0 100644
--- a/frontend/src/components/BillPreviewPanel.vue
+++ b/frontend/src/components/BillPreviewPanel.vue
@@ -4,7 +4,16 @@
 import { ref, computed, h, watch, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 import {
-  useMessage, NSpace, NButton, NSelect, NDataTable, NCheckbox, NTag, NText, NInput, NInputNumber,
+  useMessage,
+  NSpace,
+  NButton,
+  NSelect,
+  NDataTable,
+  NCheckbox,
+  NTag,
+  NText,
+  NInput,
+  NInputNumber,
 } from 'naive-ui'
 import type { DataTableColumns } from 'naive-ui'
 import type { ParsedBillRow, BillImportItem } from '../api/transaction'
@@ -20,12 +29,15 @@ const props = defineProps<{
 }>()
 
 const emit = defineEmits<{
-  (e: 'confirm', payload: {
-    items: BillImportItem[]
-    expenseCategoryId: number | null
-    incomeCategoryId: number | null
-    tagIds: number[]
-  }): void
+  (
+    e: 'confirm',
+    payload: {
+      items: BillImportItem[]
+      expenseCategoryId: number | null
+      incomeCategoryId: number | null
+      tagIds: number[]
+    },
+  ): void
   (e: 'back'): void
 }>()
 
@@ -180,7 +192,11 @@ const columns = computed<DataTableColumns<ParsedBillRow>>(() => [
     width: 110,
     render: (row) => {
       const color = row.type === 'INCOME' ? '#18a058' : '#d03050'
-      return h('span', { style: { color, fontWeight: 'bold' } }, `${row.type === 'INCOME' ? '+' : '-'}${Number(row.amount).toFixed(2)}`)
+      return h(
+        'span',
+        { style: { color, fontWeight: 'bold' } },
+        `${row.type === 'INCOME' ? '+' : '-'}${Number(row.amount).toFixed(2)}`,
+      )
     },
   },
   { title: t('import.column.counterparty'), key: 'counterparty', width: 160, ellipsis: { tooltip: true } },
@@ -212,22 +228,40 @@ const columns = computed<DataTableColumns<ParsedBillRow>>(() => [
       const nodes: any[] = []
       // 命中规则名，多个时折叠为 +N
       if (ruleNames.length) {
-        nodes.push(h(NTag, { size: 'small', type: 'warning' }, {
-          default: () => (ruleNames.length > 1 ? `${ruleNames[0]} +${ruleNames.length - 1}` : ruleNames[0]),
-        }))
+        nodes.push(
+          h(
+            NTag,
+            { size: 'small', type: 'warning' },
+            {
+              default: () => (ruleNames.length > 1 ? `${ruleNames[0]} +${ruleNames.length - 1}` : ruleNames[0]),
+            },
+          ),
+        )
       }
       // 建议分类
       if (row.suggestedCategoryId) {
-        nodes.push(h(NTag, { size: 'small', type: 'info' }, {
-          default: () => `${row.suggestedCategoryIcon || ''}${row.suggestedCategoryName || ''}`,
-        }))
+        nodes.push(
+          h(
+            NTag,
+            { size: 'small', type: 'info' },
+            {
+              default: () => `${row.suggestedCategoryIcon || ''}${row.suggestedCategoryName || ''}`,
+            },
+          ),
+        )
       }
       // 建议标签
       for (const tag of suggestedTags) {
-        nodes.push(h(NTag, {
-          size: 'small',
-          color: tag.color ? { color: tag.color, textColor: '#fff' } : undefined,
-        }, { default: () => tag.name }))
+        nodes.push(
+          h(
+            NTag,
+            {
+              size: 'small',
+              color: tag.color ? { color: tag.color, textColor: '#fff' } : undefined,
+            },
+            { default: () => tag.name },
+          ),
+        )
       }
       return h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '4px' } }, nodes)
     },
@@ -238,8 +272,16 @@ const columns = computed<DataTableColumns<ParsedBillRow>>(() => [
 async function loadCategories() {
   try {
     const [expenseRes, incomeRes]: any = await Promise.all([getCategoryList('EXPENSE'), getCategoryList('INCOME')])
-    expenseCategories.value = (expenseRes.data || []).map((c: any) => ({ label: c.name, value: c.id, icon: c.icon || '' }))
-    incomeCategories.value = (incomeRes.data || []).map((c: any) => ({ label: c.name, value: c.id, icon: c.icon || '' }))
+    expenseCategories.value = (expenseRes.data || []).map((c: any) => ({
+      label: c.name,
+      value: c.id,
+      icon: c.icon || '',
+    }))
+    incomeCategories.value = (incomeRes.data || []).map((c: any) => ({
+      label: c.name,
+      value: c.id,
+      icon: c.icon || '',
+    }))
   } catch (e: any) {
     message.error(e.message || t('import.loadCategoriesFailed'))
   }
@@ -314,11 +356,15 @@ function handleConfirm() {
 }
 
 // 解析结果变化时重置勾选（默认选中解析器建议行）、计入统计覆盖与筛选条件
-watch(() => props.rows, (rows) => {
-  checkedRowNos.value = rows.filter((r) => r.selected).map((r) => r.rowNo)
-  includeOverrides.value = {}
-  resetFilters()
-}, { immediate: true })
+watch(
+  () => props.rows,
+  (rows) => {
+    checkedRowNos.value = rows.filter((r) => r.selected).map((r) => r.rowNo)
+    includeOverrides.value = {}
+    resetFilters()
+  },
+  { immediate: true },
+)
 
 onMounted(() => {
   loadCategories()
@@ -337,7 +383,7 @@ onMounted(() => {
         filterable
         clearable
         :placeholder="t('import.notSetCategory')"
-        style="width: 180px;"
+        style="width: 180px"
       />
       <NText>{{ t('import.incomeDefaultCategory') }}</NText>
       <NSelect
@@ -347,7 +393,7 @@ onMounted(() => {
         filterable
         clearable
         :placeholder="t('import.notSetCategory')"
-        style="width: 180px;"
+        style="width: 180px"
       />
       <NText>{{ t('import.defaultTags') }}</NText>
       <NSelect
@@ -358,7 +404,7 @@ onMounted(() => {
         filterable
         :max-tag-count="2"
         :placeholder="t('import.notSetTag')"
-        style="width: 200px;"
+        style="width: 200px"
       />
       <NCheckbox
         :checked="allChecked"
@@ -374,17 +420,50 @@ onMounted(() => {
       <NButton size="small" :disabled="checkedRows.length === 0" @click="setCheckedIncludeInStats(false)">
         {{ t('import.setExcluded') }}
       </NButton>
-      <NText depth="3">{{ t('import.previewSummary', { total: rows.length, filtered: filteredRows.length, checked: checkedRows.length }) }}</NText>
+      <NText depth="3">{{
+        t('import.previewSummary', { total: rows.length, filtered: filteredRows.length, checked: checkedRows.length })
+      }}</NText>
     </NSpace>
 
     <!-- 筛选条件 -->
     <NSpace align="center" :wrap="true" :size="[12, 12]">
-      <NInput v-model:value="filterKeyword" clearable :placeholder="t('import.searchPlaceholder')" style="width: 220px;" />
-      <NSelect v-model:value="filterType" :options="typeFilterOptions" clearable :placeholder="t('import.typePlaceholder')" style="width: 120px;" />
-      <NSelect v-model:value="filterStatus" :options="statusFilterOptions" clearable :placeholder="t('import.statusPlaceholder')" style="width: 130px;" />
-      <NInputNumber v-model:value="filterMinAmount" :min="0" :precision="2" clearable :placeholder="t('common.min')" style="width: 120px;" />
-      <span style="color: #999;">~</span>
-      <NInputNumber v-model:value="filterMaxAmount" :min="0" :precision="2" clearable :placeholder="t('common.max')" style="width: 120px;" />
+      <NInput
+        v-model:value="filterKeyword"
+        clearable
+        :placeholder="t('import.searchPlaceholder')"
+        style="width: 220px"
+      />
+      <NSelect
+        v-model:value="filterType"
+        :options="typeFilterOptions"
+        clearable
+        :placeholder="t('import.typePlaceholder')"
+        style="width: 120px"
+      />
+      <NSelect
+        v-model:value="filterStatus"
+        :options="statusFilterOptions"
+        clearable
+        :placeholder="t('import.statusPlaceholder')"
+        style="width: 130px"
+      />
+      <NInputNumber
+        v-model:value="filterMinAmount"
+        :min="0"
+        :precision="2"
+        clearable
+        :placeholder="t('common.min')"
+        style="width: 120px"
+      />
+      <span style="color: #999">~</span>
+      <NInputNumber
+        v-model:value="filterMaxAmount"
+        :min="0"
+        :precision="2"
+        clearable
+        :placeholder="t('common.max')"
+        style="width: 120px"
+      />
       <NButton size="small" @click="resetFilters">{{ t('common.reset') }}</NButton>
     </NSpace>
 
diff --git a/frontend/src/components/BillSourceStatsPanel.vue b/frontend/src/components/BillSourceStatsPanel.vue
index 8467449..2118af6 100644
--- a/frontend/src/components/BillSourceStatsPanel.vue
+++ b/frontend/src/components/BillSourceStatsPanel.vue
@@ -2,9 +2,7 @@
 // 账单来源统计默认值面板：按账单来源配置导入时「是否计入统计」的默认值
 import { ref, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
-import {
-  useMessage, NCard, NSpace, NSwitch, NButton, NIcon, NTag, NAlert,
-} from 'naive-ui'
+import { useMessage, NCard, NSpace, NSwitch, NButton, NIcon, NTag, NAlert } from 'naive-ui'
 import { OptionsOutline, SaveOutline } from '@vicons/ionicons5'
 import { getBillSourceIncludeInStats, updateBillSourceIncludeInStats } from '../api/setting'
 import { getChannelLabel } from '../utils/channel'
@@ -61,17 +59,12 @@ onMounted(loadDefaults)
       </NSpace>
     </template>
 
-    <NAlert type="info" :show-icon="true" style="margin-bottom: 16px;">
+    <NAlert type="info" :show-icon="true" style="margin-bottom: 16px">
       {{ t('billSourceStats.hint') }}
     </NAlert>
 
     <div class="source-list">
-      <div
-        v-for="(value, code) in defaults"
-        :key="code"
-        class="source-row"
-        @click="toggle(String(code))"
-      >
+      <div v-for="(value, code) in defaults" :key="code" class="source-row" @click="toggle(String(code))">
         <span class="source-name">{{ getChannelLabel(String(code)) }}</span>
         <div class="source-action">
           <NTag size="small" :bordered="false" :type="value ? 'success' : 'default'">
@@ -82,7 +75,7 @@ onMounted(loadDefaults)
       </div>
     </div>
 
-    <NSpace justify="end" style="margin-top: 16px; width: 100%;">
+    <NSpace justify="end" style="margin-top: 16px; width: 100%">
       <NButton type="primary" :loading="saving" @click="handleSave">
         <template #icon>
           <NIcon :component="SaveOutline" />
@@ -107,7 +100,10 @@ onMounted(loadDefaults)
   border: 1px solid #efeff5;
   border-radius: 8px;
   cursor: pointer;
-  transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
+  transition:
+    border-color 0.2s,
+    background-color 0.2s,
+    box-shadow 0.2s;
 }
 .source-row:hover {
   border-color: #d9d9e3;
diff --git a/frontend/src/components/DatabaseConfigPanel.vue b/frontend/src/components/DatabaseConfigPanel.vue
index d5111a8..9a1e510 100644
--- a/frontend/src/components/DatabaseConfigPanel.vue
+++ b/frontend/src/components/DatabaseConfigPanel.vue
@@ -6,9 +6,24 @@ import { ref, onMounted, onBeforeUnmount } from 'vue'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import {
-  useMessage, NCard, NForm, NFormItem, NInput, NInputNumber, NButton, NSpace,
-  NAlert, NTag, NRadioGroup, NRadioButton, NIcon, NText, NDescriptions, NDescriptionsItem,
-  NModal, NSpin,
+  useMessage,
+  NCard,
+  NForm,
+  NFormItem,
+  NInput,
+  NInputNumber,
+  NButton,
+  NSpace,
+  NAlert,
+  NTag,
+  NRadioGroup,
+  NRadioButton,
+  NIcon,
+  NText,
+  NDescriptions,
+  NDescriptionsItem,
+  NModal,
+  NSpin,
 } from 'naive-ui'
 import { ServerOutline, SaveOutline, FlashOutline, FolderOpenOutline } from '@vicons/ionicons5'
 import { getDatabaseStatus } from '../api/database'
@@ -245,7 +260,7 @@ onBeforeUnmount(() => {
       </NTag>
     </template>
 
-    <NAlert type="info" :show-icon="true" style="margin-bottom: 20px;">
+    <NAlert type="info" :show-icon="true" style="margin-bottom: 20px">
       {{ props.setup ? t('database.setupIntro') : t('database.intro') }}
     </NAlert>
 
@@ -258,7 +273,7 @@ onBeforeUnmount(() => {
         <NText code>{{ databaseStore.status?.summary }}</NText>
       </NDescriptionsItem>
       <NDescriptionsItem :label="t('database.configFile')">
-        <NText depth="3" style="font-size: 12px;">{{ databaseStore.status?.configFile }}</NText>
+        <NText depth="3" style="font-size: 12px">{{ databaseStore.status?.configFile }}</NText>
       </NDescriptionsItem>
     </NDescriptions>
 
@@ -280,7 +295,7 @@ onBeforeUnmount(() => {
           </NInput>
         </NFormItem>
         <NFormItem>
-          <NText depth="3" style="font-size: 12px;">{{ t('database.sqliteHint') }}</NText>
+          <NText depth="3" style="font-size: 12px">{{ t('database.sqliteHint') }}</NText>
         </NFormItem>
       </template>
 
@@ -290,7 +305,7 @@ onBeforeUnmount(() => {
           <NInput v-model:value="form.host" placeholder="localhost" />
         </NFormItem>
         <NFormItem :label="t('database.port')">
-          <NInputNumber v-model:value="form.port" :min="1" :max="65535" style="width: 100%;" />
+          <NInputNumber v-model:value="form.port" :min="1" :max="65535" style="width: 100%" />
         </NFormItem>
         <NFormItem :label="t('database.database')">
           <NInput v-model:value="form.database" placeholder="finance" />
@@ -309,7 +324,7 @@ onBeforeUnmount(() => {
       </template>
 
       <NFormItem>
-        <NSpace justify="end" style="width: 100%;">
+        <NSpace justify="end" style="width: 100%">
           <NButton :loading="testing" @click="handleTest">
             <template #icon>
               <NIcon :component="FlashOutline" />
@@ -331,13 +346,13 @@ onBeforeUnmount(() => {
       v-model:show="streamVisible"
       preset="card"
       :title="streamTitle"
-      style="width: 560px; max-width: 92vw;"
+      style="width: 560px; max-width: 92vw"
       :closable="false"
       :mask-closable="false"
       :close-on-esc="false"
     >
       <NSpin :show="streamRunning">
-        <NText depth="3" style="font-size: 12px; display: block; margin-bottom: 8px;">
+        <NText depth="3" style="font-size: 12px; display: block; margin-bottom: 8px">
           {{ t('database.streamHint') }}
         </NText>
         <div class="db-stream-logs">
diff --git a/frontend/src/components/DisplayConfigPanel.vue b/frontend/src/components/DisplayConfigPanel.vue
index 60edd68..1047c0b 100644
--- a/frontend/src/components/DisplayConfigPanel.vue
+++ b/frontend/src/components/DisplayConfigPanel.vue
@@ -2,13 +2,15 @@
 // 外观设置面板：配置「不计入统计」记录在收支记录列表中的展示样式，以及是否显示已隐藏备注的记录
 import { ref, onMounted, computed, watch, nextTick } from 'vue'
 import { useI18n } from 'vue-i18n'
-import {
-  useMessage, NCard, NSpace, NIcon, NText, NRadioGroup, NRadio, NSwitch, NDynamicTags, NSelect,
-} from 'naive-ui'
+import { useMessage, NCard, NSpace, NIcon, NText, NRadioGroup, NRadio, NSwitch, NDynamicTags, NSelect } from 'naive-ui'
 import { ColorPaletteOutline } from '@vicons/ionicons5'
 import {
-  getExcludedDisplayStyle, updateExcludedDisplayStyle, getShowHiddenData, updateShowHiddenData,
-  getPaginationPrefs, updatePaginationPrefs,
+  getExcludedDisplayStyle,
+  updateExcludedDisplayStyle,
+  getShowHiddenData,
+  updateShowHiddenData,
+  getPaginationPrefs,
+  updatePaginationPrefs,
 } from '../api/setting'
 import { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, loadPageSizeOptions } from '../composables/usePageSizeOptions'
 
@@ -195,37 +197,37 @@ onMounted(() => {
 
     <div class="config-group">
       <div class="group-title">{{ t('display.label') }}</div>
-      <NText depth="3" style="font-size: 12px; display: block; margin-bottom: 8px;">{{ t('display.hint') }}</NText>
+      <NText depth="3" style="font-size: 12px; display: block; margin-bottom: 8px">{{ t('display.hint') }}</NText>
       <NRadioGroup :value="style" :disabled="loading" @update:value="handleStyleChange">
         <NRadio v-for="option in styleOptions" :key="option.value" :value="option.value">
           {{ option.label }}
         </NRadio>
       </NRadioGroup>
 
-    <!-- 预览：按当前选择实时展示「不计入统计」记录的样式 -->
-    <div class="preview">
-      <div class="filter-label">{{ t('display.previewLabel') }}</div>
-      <div class="preview-table">
-        <div class="preview-head">
-          <span class="cell cell-type">{{ t('transaction.column.type') }}</span>
-          <span class="cell cell-category">{{ t('transaction.column.category') }}</span>
-          <span class="cell cell-amount">{{ t('transaction.column.amount') }}</span>
-          <span class="cell cell-remark">{{ t('transaction.column.remark') }}</span>
-        </div>
-        <div class="preview-row" :class="{ 'is-strikethrough': style === 'strikethrough' }">
-          <span class="cell cell-type">
-            <span v-if="style === 'muted'" class="tag tag-muted">{{ t('transaction.notIncluded') }}</span>
-            <span v-else class="tag tag-expense">{{ t('common.types.expense') }}</span>
-          </span>
-          <span class="cell cell-category">{{ t('display.previewCategory') }}</span>
-          <span class="cell cell-amount" :class="style === 'muted' ? 'amount-muted' : 'amount-expense'">
-            {{ style === 'muted' ? '88.00' : '-88.00' }}
-          </span>
-          <span class="cell cell-remark">{{ t('display.previewRemark') }}</span>
+      <!-- 预览：按当前选择实时展示「不计入统计」记录的样式 -->
+      <div class="preview">
+        <div class="filter-label">{{ t('display.previewLabel') }}</div>
+        <div class="preview-table">
+          <div class="preview-head">
+            <span class="cell cell-type">{{ t('transaction.column.type') }}</span>
+            <span class="cell cell-category">{{ t('transaction.column.category') }}</span>
+            <span class="cell cell-amount">{{ t('transaction.column.amount') }}</span>
+            <span class="cell cell-remark">{{ t('transaction.column.remark') }}</span>
+          </div>
+          <div class="preview-row" :class="{ 'is-strikethrough': style === 'strikethrough' }">
+            <span class="cell cell-type">
+              <span v-if="style === 'muted'" class="tag tag-muted">{{ t('transaction.notIncluded') }}</span>
+              <span v-else class="tag tag-expense">{{ t('common.types.expense') }}</span>
+            </span>
+            <span class="cell cell-category">{{ t('display.previewCategory') }}</span>
+            <span class="cell cell-amount" :class="style === 'muted' ? 'amount-muted' : 'amount-expense'">
+              {{ style === 'muted' ? '88.00' : '-88.00' }}
+            </span>
+            <span class="cell cell-remark">{{ t('display.previewRemark') }}</span>
+          </div>
         </div>
       </div>
     </div>
-    </div>
 
     <div class="config-group">
       <div class="group-title">{{ t('display.hiddenDataLabel') }}</div>
@@ -236,19 +238,21 @@ onMounted(() => {
           :loading="savingHidden"
           @update:value="handleHiddenChange"
         />
-        <NText depth="3" style="font-size: 12px;">{{ t('display.hiddenDataHint') }}</NText>
+        <NText depth="3" style="font-size: 12px">{{ t('display.hiddenDataHint') }}</NText>
       </NSpace>
     </div>
 
     <div class="config-group">
       <div class="group-title">{{ t('display.pageSizeLabel') }}</div>
-      <NText depth="3" style="font-size: 12px; display: block; margin-bottom: 8px;">{{ t('display.pageSizeHint') }}</NText>
+      <NText depth="3" style="font-size: 12px; display: block; margin-bottom: 8px">{{
+        t('display.pageSizeHint')
+      }}</NText>
       <NSpace align="center" :size="12">
-        <NDynamicTags v-model:value="pageSizeTags" :max="10" style="max-width: 360px;" />
+        <NDynamicTags v-model:value="pageSizeTags" :max="10" style="max-width: 360px" />
       </NSpace>
-      <NSpace align="center" :size="12" style="margin-top: 8px;">
-        <NText depth="3" style="font-size: 12px;">{{ t('display.defaultPageSizeLabel') }}</NText>
-        <NSelect v-model:value="pageSizeDefault" :options="defaultSizeOptions" style="width: 120px;" />
+      <NSpace align="center" :size="12" style="margin-top: 8px">
+        <NText depth="3" style="font-size: 12px">{{ t('display.defaultPageSizeLabel') }}</NText>
+        <NSelect v-model:value="pageSizeDefault" :options="defaultSizeOptions" style="width: 120px" />
       </NSpace>
     </div>
   </NCard>
diff --git a/frontend/src/components/EmojiPicker.vue b/frontend/src/components/EmojiPicker.vue
index ec88871..070bde0 100644
--- a/frontend/src/components/EmojiPicker.vue
+++ b/frontend/src/components/EmojiPicker.vue
@@ -9,44 +9,78 @@ const { viewportWidth } = useBreakpoints()
 const popoverWidth = computed(() => Math.min(360, Math.max(240, viewportWidth.value - 24)))
 
 /** 组件属性 */
-const props = withDefaults(defineProps<{
-  /** 当前选中的 Emoji 或图标文本 */
-  modelValue?: string
-  /** 未选择时的占位提示 */
-  placeholder?: string
-  /** 自定义输入框的占位提示 */
-  inputPlaceholder?: string
-  /** 清除按钮文案 */
-  clearText?: string
-}>(), {
-  modelValue: '',
-  placeholder: '',
-  inputPlaceholder: '',
-  clearText: '',
-})
+const props = withDefaults(
+  defineProps<{
+    /** 当前选中的 Emoji 或图标文本 */
+    modelValue?: string
+    /** 未选择时的占位提示 */
+    placeholder?: string
+    /** 自定义输入框的占位提示 */
+    inputPlaceholder?: string
+    /** 清除按钮文案 */
+    clearText?: string
+  }>(),
+  {
+    modelValue: '',
+    placeholder: '',
+    inputPlaceholder: '',
+    clearText: '',
+  },
+)
 
 const emit = defineEmits<{ 'update:modelValue': [value: string] }>()
 
 /** Emoji 分组数据，按常见记账场景归类 */
 const EMOJI_GROUPS: { key: string; label: string; emojis: string[] }[] = [
-  { key: 'dining', label: '餐饮', emojis: ['🍚', '🍜', '🍔', '🍕', '🍰', '☕', '🍺', '🍎', '🥤', '🍦', '🍟', '🍣', '🥗', '🍲'] },
-  { key: 'transport', label: '交通', emojis: ['🚗', '🚕', '🚌', '🚇', '🚄', '✈️', '🚲', '⛽', '🅿️', '🛵', '🚢', '🚝', '🚦', '🛺'] },
-  { key: 'shopping', label: '购物', emojis: ['🛒', '👕', '👟', '👜', '💄', '📱', '💻', '🎁', '🧴', '👓', '⌚', '🎧', '💍', '🧢'] },
-  { key: 'home', label: '居家', emojis: ['🏠', '💡', '💧', '🔥', '🛋️', '🧹', '🧺', '🪑', '🚿', '🛏️', '📺', '🧻', '🪴', '🔌'] },
-  { key: 'fun', label: '娱乐', emojis: ['🎮', '🎬', '🎵', '⚽', '🏀', '🎤', '🎨', '📷', '🎳', '🏋️', '🎯', '🎪', '🎫', '🎲'] },
+  {
+    key: 'dining',
+    label: '餐饮',
+    emojis: ['🍚', '🍜', '🍔', '🍕', '🍰', '☕', '🍺', '🍎', '🥤', '🍦', '🍟', '🍣', '🥗', '🍲'],
+  },
+  {
+    key: 'transport',
+    label: '交通',
+    emojis: ['🚗', '🚕', '🚌', '🚇', '🚄', '✈️', '🚲', '⛽', '🅿️', '🛵', '🚢', '🚝', '🚦', '🛺'],
+  },
+  {
+    key: 'shopping',
+    label: '购物',
+    emojis: ['🛒', '👕', '👟', '👜', '💄', '📱', '💻', '🎁', '🧴', '👓', '⌚', '🎧', '💍', '🧢'],
+  },
+  {
+    key: 'home',
+    label: '居家',
+    emojis: ['🏠', '💡', '💧', '🔥', '🛋️', '🧹', '🧺', '🪑', '🚿', '🛏️', '📺', '🧻', '🪴', '🔌'],
+  },
+  {
+    key: 'fun',
+    label: '娱乐',
+    emojis: ['🎮', '🎬', '🎵', '⚽', '🏀', '🎤', '🎨', '📷', '🎳', '🏋️', '🎯', '🎪', '🎫', '🎲'],
+  },
   { key: 'health', label: '医疗', emojis: ['💊', '🏥', '🩺', '💉', '🦷', '👶', '🧘', '🩹', '🩻', '🧑‍⚕️', '🏃', '😴'] },
   { key: 'study', label: '学习', emojis: ['📚', '✏️', '🎓', '🖊️', '📝', '🧑‍🏫', '📖', '🔬', '🗂️', '📐', '🖥️', '📅'] },
-  { key: 'finance', label: '收支', emojis: ['💰', '💵', '💳', '🏦', '📈', '📉', '🧾', '🪙', '💴', '💶', '💷', '🤑', '🧧', '🏧'] },
-  { key: 'other', label: '其他', emojis: ['📦', '🧳', '🐱', '🐶', '🌱', '🎉', '❤️', '⭐', '🔧', '🧸', '🍀', '🌈', '🕒', '📌'] },
+  {
+    key: 'finance',
+    label: '收支',
+    emojis: ['💰', '💵', '💳', '🏦', '📈', '📉', '🧾', '🪙', '💴', '💶', '💷', '🤑', '🧧', '🏧'],
+  },
+  {
+    key: 'other',
+    label: '其他',
+    emojis: ['📦', '🧳', '🐱', '🐶', '🌱', '🎉', '❤️', '⭐', '🔧', '🧸', '🍀', '🌈', '🕒', '📌'],
+  },
 ]
 
 const show = ref(false) // 选择面板显示状态
 const keyword = ref(props.modelValue || '') // 自定义输入内容，与选中值同步
 
 // 外部值变化时同步到输入框，保证编辑回填正确
-watch(() => props.modelValue, (val) => {
-  if ((val || '') !== keyword.value) keyword.value = val || ''
-})
+watch(
+  () => props.modelValue,
+  (val) => {
+    if ((val || '') !== keyword.value) keyword.value = val || ''
+  },
+)
 
 /** 触发框展示文本：优先显示已选图标，否则显示占位提示 */
 const displayText = computed(() => props.modelValue || props.placeholder)
@@ -91,7 +125,7 @@ function handleClear() {
         @update:value="handleInput"
       />
 
-      <NScrollbar style="max-height: 260px; margin-top: 8px;">
+      <NScrollbar style="max-height: 260px; margin-top: 8px">
         <div v-for="group in EMOJI_GROUPS" :key="group.key">
           <div class="emoji-group-label">{{ group.label }}</div>
           <div class="emoji-grid">
diff --git a/frontend/src/components/FloatingPanel.vue b/frontend/src/components/FloatingPanel.vue
index f1fd2c9..821c390 100644
--- a/frontend/src/components/FloatingPanel.vue
+++ b/frontend/src/components/FloatingPanel.vue
@@ -13,29 +13,32 @@ interface PanelRect {
   height: number
 }
 
-const props = withDefaults(defineProps<{
-  /** 是否显示 */
-  show: boolean
-  /** 标题栏文案 */
-  title?: string
-  /** 位置尺寸持久化键，为空则不持久化 */
-  storageKey?: string
-  /** 默认宽度 */
-  defaultWidth?: number
-  /** 默认高度 */
-  defaultHeight?: number
-  /** 最小宽度 */
-  minWidth?: number
-  /** 最小高度 */
-  minHeight?: number
-}>(), {
-  title: '',
-  storageKey: '',
-  defaultWidth: 560,
-  defaultHeight: 360,
-  minWidth: 360,
-  minHeight: 240,
-})
+const props = withDefaults(
+  defineProps<{
+    /** 是否显示 */
+    show: boolean
+    /** 标题栏文案 */
+    title?: string
+    /** 位置尺寸持久化键，为空则不持久化 */
+    storageKey?: string
+    /** 默认宽度 */
+    defaultWidth?: number
+    /** 默认高度 */
+    defaultHeight?: number
+    /** 最小宽度 */
+    minWidth?: number
+    /** 最小高度 */
+    minHeight?: number
+  }>(),
+  {
+    title: '',
+    storageKey: '',
+    defaultWidth: 560,
+    defaultHeight: 360,
+    minWidth: 360,
+    minHeight: 240,
+  },
+)
 
 const emit = defineEmits<{
   (e: 'update:show', value: boolean): void
@@ -192,15 +195,19 @@ function handleClose() {
   emit('update:show', false)
 }
 
-watch(() => props.show, async (visible) => {
-  if (visible) {
-    loadRect()
-    await nextTick()
-    window.addEventListener('resize', handleWindowResize)
-  } else {
-    window.removeEventListener('resize', handleWindowResize)
-  }
-}, { immediate: true })
+watch(
+  () => props.show,
+  async (visible) => {
+    if (visible) {
+      loadRect()
+      await nextTick()
+      window.addEventListener('resize', handleWindowResize)
+    } else {
+      window.removeEventListener('resize', handleWindowResize)
+    }
+  },
+  { immediate: true },
+)
 
 onBeforeUnmount(() => {
   window.removeEventListener('pointermove', handleDragMove)
@@ -253,7 +260,9 @@ onBeforeUnmount(() => {
   flex-direction: column;
   background: #fff;
   border-radius: 8px;
-  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04);
+  box-shadow:
+    0 6px 32px rgba(0, 0, 0, 0.18),
+    0 0 0 1px rgba(0, 0, 0, 0.04);
   overflow: hidden;
 }
 .floating-panel__header {
diff --git a/frontend/src/components/LocaleSwitch.vue b/frontend/src/components/LocaleSwitch.vue
index a17087d..e710e76 100644
--- a/frontend/src/components/LocaleSwitch.vue
+++ b/frontend/src/components/LocaleSwitch.vue
@@ -21,11 +21,5 @@ function handleUpdate(value: LocaleKey) {
 </script>
 
 <template>
-  <NSelect
-    :value="locale"
-    :options="options"
-    size="small"
-    style="width: 120px;"
-    @update:value="handleUpdate"
-  />
+  <NSelect :value="locale" :options="options" size="small" style="width: 120px" @update:value="handleUpdate" />
 </template>
diff --git a/frontend/src/components/NavMenuConfigPanel.vue b/frontend/src/components/NavMenuConfigPanel.vue
index 8829fa6..2d75710 100644
--- a/frontend/src/components/NavMenuConfigPanel.vue
+++ b/frontend/src/components/NavMenuConfigPanel.vue
@@ -72,10 +72,14 @@ async function handleReset() {
 }
 
 // 拖拽或开关变更后自动保存
-watch(draft, () => {
-  if (!ready || syncing) return
-  scheduleSave()
-}, { deep: true })
+watch(
+  draft,
+  () => {
+    if (!ready || syncing) return
+    scheduleSave()
+  },
+  { deep: true },
+)
 
 // AI 启用状态变化（如在本页保存 AI 配置）时，重建草稿以纳入/移除「智能查数」项，不触发自动保存
 watch(aiEnabled, async () => {
@@ -109,7 +113,7 @@ onMounted(async () => {
       </NSpace>
     </template>
 
-    <NText depth="3" style="font-size: 12px; display: block; margin-bottom: 12px;">{{ t('nav.hint') }}</NText>
+    <NText depth="3" style="font-size: 12px; display: block; margin-bottom: 12px">{{ t('nav.hint') }}</NText>
 
     <VueDraggable v-model="draft" :animation="150" handle=".nav-drag-handle" item-key="key" class="nav-list">
       <template #item="{ element }">
@@ -118,7 +122,7 @@ onMounted(async () => {
           <NIcon :component="element.icon" size="18" />
           <span class="nav-label">{{ t(element.labelKey) }}</span>
           <NSpace align="center" :size="8">
-            <NText depth="3" style="font-size: 12px;">{{ element.visible ? t('nav.show') : t('nav.hide') }}</NText>
+            <NText depth="3" style="font-size: 12px">{{ element.visible ? t('nav.show') : t('nav.hide') }}</NText>
             <NSwitch
               :value="element.visible"
               :disabled="!canToggle(element)"
@@ -129,7 +133,7 @@ onMounted(async () => {
       </template>
     </VueDraggable>
 
-    <NSpace justify="end" style="margin-top: 12px;">
+    <NSpace justify="end" style="margin-top: 12px">
       <NButton size="small" @click="handleReset">
         <template #icon>
           <NIcon :component="RefreshOutline" />
diff --git a/frontend/src/components/NotificationConfigPanel.vue b/frontend/src/components/NotificationConfigPanel.vue
index 35995a7..bc307d8 100644
--- a/frontend/src/components/NotificationConfigPanel.vue
+++ b/frontend/src/components/NotificationConfigPanel.vue
@@ -3,17 +3,44 @@
 import { ref, computed, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 import {
-  useMessage, useDialog, NCard, NForm, NFormItem, NInput, NInputNumber, NSwitch, NButton,
-  NSpace, NAlert, NText, NTag, NIcon, NSelect, NModal, NDivider,
+  useMessage,
+  useDialog,
+  NCard,
+  NForm,
+  NFormItem,
+  NInput,
+  NInputNumber,
+  NSwitch,
+  NButton,
+  NSpace,
+  NAlert,
+  NText,
+  NTag,
+  NIcon,
+  NSelect,
+  NModal,
+  NDivider,
 } from 'naive-ui'
 import {
-  NotificationsOutline, SaveOutline, AddOutline, TrashOutline, CreateOutline, SendOutline,
+  NotificationsOutline,
+  SaveOutline,
+  AddOutline,
+  TrashOutline,
+  CreateOutline,
+  SendOutline,
 } from '@vicons/ionicons5'
 import {
-  getNotificationConfig, saveNotificationConfig, listNotificationChannels,
-  createNotificationChannel, updateNotificationChannel, deleteNotificationChannel,
-  testNotificationChannel, sendNotificationNow, listNotificationLogs,
-  getNotificationUrl, updateNotificationUrl,
+  getNotificationConfig,
+  saveNotificationConfig,
+  listNotificationChannels,
+  createNotificationChannel,
+  updateNotificationChannel,
+  deleteNotificationChannel,
+  testNotificationChannel,
+  sendNotificationNow,
+  listNotificationLogs,
+  getNotificationUrl,
+  updateNotificationUrl,
 } from '../api/notification'
 import type { NotificationChannel, NotificationLog } from '../api/notification'
 import { useBreakpoints } from '../composables/useBreakpoints'
@@ -109,7 +136,10 @@ function formatTime(value: string | null) {
 async function loadAll() {
   try {
     const [configRes, channelRes, logRes, linkRes]: any = await Promise.all([
-      getNotificationConfig(), listNotificationChannels(), listNotificationLogs(20), getNotificationUrl(),
+      getNotificationConfig(),
+      listNotificationChannels(),
+      listNotificationLogs(20),
+      getNotificationUrl(),
     ])
     linkUrl.value = linkRes.data || ''
     const data = configRes.data
@@ -304,13 +334,13 @@ onMounted(loadAll)
       </NSpace>
     </template>
 
-    <NAlert type="info" :show-icon="true" style="margin-bottom: 20px;">
+    <NAlert type="info" :show-icon="true" style="margin-bottom: 20px">
       {{ t('notification.intro') }}
     </NAlert>
 
     <NForm :label-placement="isMobile ? 'top' : 'left'" :label-width="isMobile ? undefined : 130">
       <NFormItem :label="t('notification.linkUrl')">
-        <NSpace align="center" :size="8" style="width: 100%;">
+        <NSpace align="center" :size="8" style="width: 100%">
           <NInput
             v-model:value="linkUrl"
             :placeholder="t('notification.linkUrlPlaceholder')"
@@ -327,7 +357,7 @@ onMounted(loadAll)
       <NFormItem :label="t('notification.enabled')">
         <div class="switch-row">
           <NSwitch v-model:value="config.enabled" />
-          <NText depth="3" style="font-size: 12px;">{{ t('notification.enabledHint') }}</NText>
+          <NText depth="3" style="font-size: 12px">{{ t('notification.enabledHint') }}</NText>
         </div>
       </NFormItem>
       <NFormItem :label="t('notification.frequency')">
@@ -353,7 +383,7 @@ onMounted(loadAll)
         />
       </NFormItem>
       <NFormItem>
-        <NSpace justify="end" style="width: 100%;">
+        <NSpace justify="end" style="width: 100%">
           <NButton type="primary" :loading="saving" @click="handleSaveConfig">
             <template #icon>
               <NIcon :component="SaveOutline" />
diff --git a/frontend/src/components/RegistrationConfigPanel.vue b/frontend/src/components/RegistrationConfigPanel.vue
index 0f707b2..40fc6fd 100644
--- a/frontend/src/components/RegistrationConfigPanel.vue
+++ b/frontend/src/components/RegistrationConfigPanel.vue
@@ -2,9 +2,7 @@
 // 注册设置面板：控制系统是否开放注册。系统无任何用户时始终允许创建首个账号。
 import { ref, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
-import {
-  useMessage, NCard, NSpace, NSwitch, NButton, NIcon, NText, NTag, NAlert,
-} from 'naive-ui'
+import { useMessage, NCard, NSpace, NSwitch, NButton, NIcon, NText, NTag, NAlert } from 'naive-ui'
 import { PersonAddOutline, SaveOutline } from '@vicons/ionicons5'
 import { getRegistrationStatus, updateRegistration } from '../api/user'
 import { useRegistrationStore } from '../store/registration'
@@ -62,18 +60,18 @@ onMounted(loadStatus)
       </NTag>
     </template>
 
-    <NAlert v-if="registrationStore.status?.firstUser" type="warning" :show-icon="true" style="margin-bottom: 16px;">
+    <NAlert v-if="registrationStore.status?.firstUser" type="warning" :show-icon="true" style="margin-bottom: 16px">
       {{ t('registration.firstUserHint') }}
     </NAlert>
 
     <div class="switch-row">
       <NSpace align="center" :size="12">
         <NSwitch v-model:value="enabled" :disabled="loading" />
-        <NText depth="3" style="font-size: 12px;">{{ t('registration.enabledHint') }}</NText>
+        <NText depth="3" style="font-size: 12px">{{ t('registration.enabledHint') }}</NText>
       </NSpace>
     </div>
 
-    <NSpace justify="end" style="margin-top: 16px; width: 100%;">
+    <NSpace justify="end" style="margin-top: 16px; width: 100%">
       <NButton type="primary" :loading="saving" @click="handleSave">
         <template #icon>
           <NIcon :component="SaveOutline" />
diff --git a/frontend/src/components/TransactionBatchModal.vue b/frontend/src/components/TransactionBatchModal.vue
index 30e1b59..541dc4d 100644
--- a/frontend/src/components/TransactionBatchModal.vue
+++ b/frontend/src/components/TransactionBatchModal.vue
@@ -57,18 +57,25 @@ const batchStatsOptions = computed(() => [
 ])
 
 // 打开时重置表单
-watch(() => props.show, (visible) => {
-  if (!visible) return
-  batchExpenseCategoryId.value = null
-  batchIncomeCategoryId.value = null
-  batchIncludeInStats.value = 'null'
-  batchAddTagIds.value = []
-  batchRemoveTagIds.value = []
-})
+watch(
+  () => props.show,
+  (visible) => {
+    if (!visible) return
+    batchExpenseCategoryId.value = null
+    batchIncomeCategoryId.value = null
+    batchIncludeInStats.value = 'null'
+    batchAddTagIds.value = []
+    batchRemoveTagIds.value = []
+  },
+)
 
 /** 提交批量设置 */
 async function handleSubmit() {
-  const hasCategoryOrStats = !!(batchExpenseCategoryId.value || batchIncomeCategoryId.value || batchIncludeInStats.value !== 'null')
+  const hasCategoryOrStats = !!(
+    batchExpenseCategoryId.value ||
+    batchIncomeCategoryId.value ||
+    batchIncludeInStats.value !== 'null'
+  )
   const hasTags = batchAddTagIds.value.length > 0 || batchRemoveTagIds.value.length > 0
   if (!hasCategoryOrStats && !hasTags) {
     message.warning(t('transaction.batchNothingSelected'))
@@ -82,7 +89,8 @@ async function handleSubmit() {
         ids,
         expenseCategoryId: batchExpenseCategoryId.value,
         incomeCategoryId: batchIncomeCategoryId.value,
-        includeInStats: batchIncludeInStats.value === 'true' ? true : batchIncludeInStats.value === 'false' ? false : null,
+        includeInStats:
+          batchIncludeInStats.value === 'true' ? true : batchIncludeInStats.value === 'false' ? false : null,
       })
     }
     if (hasTags) {
@@ -104,21 +112,28 @@ async function handleSubmit() {
 </script>
 
 <template>
-  <NModal v-model:show="showModel" preset="card" :title="t('transaction.batchTitle')" style="width: 480px; max-width: 92vw;">
+  <NModal
+    v-model:show="showModel"
+    preset="card"
+    :title="t('transaction.batchTitle')"
+    style="width: 480px; max-width: 92vw"
+  >
     <NForm>
       <NFormItem :label="t('transaction.batchScope')">
-        <span style="color: #999; font-size: 12px;">
-          {{ props.fromSelection
-            ? t('transaction.batchScopeHintSelected', { count: props.targets.length })
-            : t('transaction.batchScopeHintPage', { count: props.targets.length }) }}
+        <span style="color: #999; font-size: 12px">
+          {{
+            props.fromSelection
+              ? t('transaction.batchScopeHintSelected', { count: props.targets.length })
+              : t('transaction.batchScopeHintPage', { count: props.targets.length })
+          }}
         </span>
       </NFormItem>
       <NFormItem v-if="props.aiEnabled" :label="t('ai.suggestButton')">
-        <div style="display: flex; gap: 8px; width: 100%;">
+        <div style="display: flex; gap: 8px; width: 100%">
           <NSelect
             :value="props.aiScope"
             :options="props.aiScopeOptions"
-            style="flex: 1;"
+            style="flex: 1"
             @update:value="(v: string) => emit('update:aiScope', v)"
           />
           <NButton :loading="props.aiLoading" @click="emit('suggest')">{{ t('ai.suggestButton') }}</NButton>
@@ -127,7 +142,7 @@ async function handleSubmit() {
       <NFormItem v-if="hasExpenseRecords" :label="t('transaction.expenseCategory')">
         <NSelect
           v-model:value="batchExpenseCategoryId"
-          :options="props.categories.filter(c => c.type === 'EXPENSE')"
+          :options="props.categories.filter((c) => c.type === 'EXPENSE')"
           :render-label="renderCategoryLabel"
           filterable
           clearable
@@ -137,7 +152,7 @@ async function handleSubmit() {
       <NFormItem v-if="hasIncomeRecords" :label="t('transaction.incomeCategory')">
         <NSelect
           v-model:value="batchIncomeCategoryId"
-          :options="props.categories.filter(c => c.type === 'INCOME')"
+          :options="props.categories.filter((c) => c.type === 'INCOME')"
           :render-label="renderCategoryLabel"
           filterable
           clearable
@@ -148,10 +163,24 @@ async function handleSubmit() {
         <NSelect v-model:value="batchIncludeInStats" :options="batchStatsOptions" />
       </NFormItem>
       <NFormItem :label="t('transaction.addTag')">
-        <NSelect v-model:value="batchAddTagIds" :options="props.tagOptions" multiple clearable filterable :placeholder="t('transaction.notAddTag')" />
+        <NSelect
+          v-model:value="batchAddTagIds"
+          :options="props.tagOptions"
+          multiple
+          clearable
+          filterable
+          :placeholder="t('transaction.notAddTag')"
+        />
       </NFormItem>
       <NFormItem :label="t('transaction.removeTag')">
-        <NSelect v-model:value="batchRemoveTagIds" :options="props.tagOptions" multiple clearable filterable :placeholder="t('transaction.notRemoveTag')" />
+        <NSelect
+          v-model:value="batchRemoveTagIds"
+          :options="props.tagOptions"
+          multiple
+          clearable
+          filterable
+          :placeholder="t('transaction.notRemoveTag')"
+        />
       </NFormItem>
       <NButton type="primary" block :loading="batching" @click="handleSubmit">{{ t('common.confirm') }}</NButton>
     </NForm>
diff --git a/frontend/src/components/TransactionDetailModal.vue b/frontend/src/components/TransactionDetailModal.vue
index f16ccb5..d8a2abb 100644
--- a/frontend/src/components/TransactionDetailModal.vue
+++ b/frontend/src/components/TransactionDetailModal.vue
@@ -33,14 +33,17 @@ interface ImageItem {
   loading: boolean
 }
 
-const props = withDefaults(defineProps<{
-  show: boolean
-  transaction: DetailTransaction | null
-  /** 是否显示「编辑」按钮；日历等只读场景传 false */
-  editable?: boolean
-}>(), {
-  editable: true,
-})
+const props = withDefaults(
+  defineProps<{
+    show: boolean
+    transaction: DetailTransaction | null
+    /** 是否显示「编辑」按钮；日历等只读场景传 false */
+    editable?: boolean
+  }>(),
+  {
+    editable: true,
+  },
+)
 
 const emit = defineEmits<{
   (e: 'update:show', value: boolean): void
@@ -54,20 +57,26 @@ const message = useMessage()
 const imageItems = ref<ImageItem[]>([])
 const imageLoading = ref(false)
 
-watch(() => props.show, (value) => {
-  if (value) {
-    loadImages()
-  } else {
-    clearImages()
-  }
-})
+watch(
+  () => props.show,
+  (value) => {
+    if (value) {
+      loadImages()
+    } else {
+      clearImages()
+    }
+  },
+)
 
 // 切换账单时若弹窗已打开则重新加载来源图片
-watch(() => props.transaction?.id, () => {
-  if (props.show) {
-    loadImages()
-  }
-})
+watch(
+  () => props.transaction?.id,
+  () => {
+    if (props.show) {
+      loadImages()
+    }
+  },
+)
 
 /** 关闭弹窗（同步 v-model） */
 function onShowChange(value: boolean) {
@@ -96,7 +105,7 @@ function formatRaw(raw: string | null) {
 
 /** 从接口响应中提取图片 Blob（blob 响应经拦截器后返回完整 axios response，需取其 data） */
 function extractBlob(res: any): Blob {
-  return res?.data instanceof Blob ? res.data : (res instanceof Blob ? res : new Blob([res]))
+  return res?.data instanceof Blob ? res.data : res instanceof Blob ? res : new Blob([res])
 }
 
 /** 加载来源图片缩略图（避免大图拖慢打开速度） */
@@ -150,12 +159,12 @@ function clearImages() {
     :show="show"
     preset="card"
     :title="t('transaction.detail.title')"
-    style="width: 860px; max-width: 94vw;"
+    style="width: 860px; max-width: 94vw"
     @update:show="onShowChange"
   >
-    <div v-if="transaction" style="max-height: 72vh; overflow-y: auto; padding-right: 4px;">
+    <div v-if="transaction" style="max-height: 72vh; overflow-y: auto; padding-right: 4px">
       <!-- 基本信息 -->
-      <NDescriptions :column="2" bordered size="small" label-placement="left" style="margin-bottom: 16px;">
+      <NDescriptions :column="2" bordered size="small" label-placement="left" style="margin-bottom: 16px">
         <NDescriptionsItem :label="t('transaction.column.type')">
           <NTag :type="transaction.type === 'INCOME' ? 'success' : 'error'" size="small">
             {{ transaction.type === 'INCOME' ? t('common.types.income') : t('common.types.expense') }}
@@ -167,7 +176,8 @@ function clearImages() {
           </span>
         </NDescriptionsItem>
         <NDescriptionsItem :label="t('transaction.column.category')">
-          {{ transaction.categoryIcon ? transaction.categoryIcon + ' ' : '' }}{{ transaction.categoryName || t('transaction.uncategorized') }}
+          {{ transaction.categoryIcon ? transaction.categoryIcon + ' ' : ''
+          }}{{ transaction.categoryName || t('transaction.uncategorized') }}
         </NDescriptionsItem>
         <NDescriptionsItem :label="t('transaction.column.channel')">
           {{ getChannelLabel(transaction.channel) }}
@@ -198,7 +208,9 @@ function clearImages() {
           >
             {{ tag.name }}
           </NTag>
-          <span v-if="!transaction.tags || transaction.tags.length === 0" style="color: #999;">{{ t('transaction.detail.noTags') }}</span>
+          <span v-if="!transaction.tags || transaction.tags.length === 0" style="color: #999">{{
+            t('transaction.detail.noTags')
+          }}</span>
         </NSpace>
       </div>
 
@@ -214,8 +226,12 @@ function clearImages() {
         <NSpin :show="imageLoading">
           <NSpace v-if="imageItems.length > 0" vertical :size="12">
             <div v-for="item in imageItems" :key="item.id">
-              <img :src="item.url" alt="source image" style="width: 100%; max-height: 60vh; object-fit: contain; border-radius: 6px;" />
-              <div style="margin-top: 6px; text-align: right;">
+              <img
+                :src="item.url"
+                alt="source image"
+                style="width: 100%; max-height: 60vh; object-fit: contain; border-radius: 6px"
+              />
+              <div style="margin-top: 6px; text-align: right">
                 <NTag v-if="item.isOriginal" size="small" type="success">{{ t('transaction.originalImage') }}</NTag>
                 <NButton v-else size="small" :loading="item.loading" @click="loadOriginalImage(item)">
                   {{ t('transaction.loadOriginal') }}
@@ -223,7 +239,7 @@ function clearImages() {
               </div>
             </div>
           </NSpace>
-          <span v-else-if="!imageLoading" style="color: #999;">{{ t('transaction.detail.noImages') }}</span>
+          <span v-else-if="!imageLoading" style="color: #999">{{ t('transaction.detail.noImages') }}</span>
         </NSpin>
       </div>
 
@@ -237,7 +253,7 @@ function clearImages() {
           readonly
           :autosize="{ minRows: 6, maxRows: 18 }"
         />
-        <span v-else style="color: #999;">{{ t('transaction.detail.noRawData') }}</span>
+        <span v-else style="color: #999">{{ t('transaction.detail.noRawData') }}</span>
       </div>
     </div>
 
diff --git a/frontend/src/components/TransactionRelationEditorModal.vue b/frontend/src/components/TransactionRelationEditorModal.vue
index d43d4f2..db56953 100644
--- a/frontend/src/components/TransactionRelationEditorModal.vue
+++ b/frontend/src/components/TransactionRelationEditorModal.vue
@@ -2,10 +2,28 @@
 // 账单关系编辑弹窗组件：新建或编辑关系组（类型、名称、备注、成员与角色），供详情面板与列表勾选创建复用
 import { ref, computed, watch, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { useMessage, NModal, NSpace, NButton, NForm, NFormItem, NInput, NAutoComplete, NRadioGroup, NRadio, NDataTable, NPagination } from 'naive-ui'
+import {
+  useMessage,
+  NModal,
+  NSpace,
+  NButton,
+  NForm,
+  NFormItem,
+  NInput,
+  NAutoComplete,
+  NRadioGroup,
+  NRadio,
+  NDataTable,
+  NPagination,
+} from 'naive-ui'
 import type { DataTableColumns } from 'naive-ui'
 import { createTransactionGroup, updateTransactionGroup, getGroupNames } from '../api/transactionGroup'
-import type { TransactionGroup, TransactionRelationType, TransactionGroupPayload, RelationMemberDraft } from '../api/transactionGroup'
+import type {
+  TransactionGroup,
+  TransactionRelationType,
+  TransactionGroupPayload,
+  RelationMemberDraft,
+} from '../api/transactionGroup'
 import { getTransactionPage } from '../api/transaction'
 import { getAiConfig, parseRelationByAi } from '../api/ai'
 import { getChannelLabel } from '../utils/channel'
@@ -63,14 +81,17 @@ const pickerRemark = ref('')
 const pickerLoading = ref(false)
 
 // 弹窗打开时按编辑对象或初始成员初始化表单
-watch(() => props.show, (value) => {
-  if (value) {
-    seed()
-    loadNameHistory()
-  } else {
-    showPicker.value = false
-  }
-})
+watch(
+  () => props.show,
+  (value) => {
+    if (value) {
+      seed()
+      loadNameHistory()
+    } else {
+      showPicker.value = false
+    }
+  },
+)
 
 // 切换关系类型时刷新对应类型的历史名称，并在创建模式下记住用户偏好
 watch(editorType, () => {
@@ -221,7 +242,10 @@ async function handleSave() {
     message.warning(t('transaction.relation.minTwo'))
     return
   }
-  if (editorType.value === 'PARENT_CHILD' && !editorMembers.value.some((item) => item.transactionId === parentId.value)) {
+  if (
+    editorType.value === 'PARENT_CHILD' &&
+    !editorMembers.value.some((item) => item.transactionId === parentId.value)
+  ) {
     message.warning(t('transaction.relation.needParent'))
     return
   }
@@ -231,9 +255,8 @@ async function handleSave() {
     remark: editorRemark.value || undefined,
     items: editorMembers.value.map((item, index) => ({
       transactionId: item.transactionId,
-      role: editorType.value === 'PARENT_CHILD'
-        ? (item.transactionId === parentId.value ? 'PARENT' : 'CHILD')
-        : 'MEMBER',
+      role:
+        editorType.value === 'PARENT_CHILD' ? (item.transactionId === parentId.value ? 'PARENT' : 'CHILD') : 'MEMBER',
       sortOrder: index,
     })),
   }
@@ -315,14 +338,28 @@ function confirmPick() {
 /** 候选账单表格列 */
 const pickerColumns = computed<DataTableColumns<RelationMemberDraft>>(() => [
   { type: 'selection', disabled: (row) => row.transactionId === props.anchorTransactionId },
-  { title: t('transaction.column.transactionTime'), key: 'transactionTime', width: 140, render: (row) => formatTime(row.transactionTime) },
   {
-    title: t('transaction.column.type'), key: 'type', width: 70,
+    title: t('transaction.column.transactionTime'),
+    key: 'transactionTime',
+    width: 140,
+    render: (row) => formatTime(row.transactionTime),
+  },
+  {
+    title: t('transaction.column.type'),
+    key: 'type',
+    width: 70,
     render: (row) => (row.type === 'INCOME' ? t('common.types.income') : t('common.types.expense')),
   },
-  { title: t('transaction.column.category'), key: 'categoryName', width: 110, render: (row) => row.categoryName || t('transaction.uncategorized') },
   {
-    title: t('transaction.column.amount'), key: 'amount', width: 100,
+    title: t('transaction.column.category'),
+    key: 'categoryName',
+    width: 110,
+    render: (row) => row.categoryName || t('transaction.uncategorized'),
+  },
+  {
+    title: t('transaction.column.amount'),
+    key: 'amount',
+    width: 100,
     render: (row) => formatAmount(row),
   },
   { title: t('transaction.column.channel'), key: 'channel', width: 90, render: (row) => getChannelLabel(row.channel) },
@@ -337,7 +374,7 @@ const pickerColumns = computed<DataTableColumns<RelationMemberDraft>>(() => [
       :show="show"
       preset="card"
       :title="editingGroupId ? t('transaction.relation.editTitle') : t('transaction.relation.createTitle')"
-      style="width: 780px; max-width: 94vw;"
+      style="width: 780px; max-width: 94vw"
       @update:show="onShowChange"
     >
       <NForm>
@@ -348,18 +385,18 @@ const pickerColumns = computed<DataTableColumns<RelationMemberDraft>>(() => [
           </NRadioGroup>
         </NFormItem>
         <NFormItem :label="t('transaction.relation.name')">
-          <div style="display: flex; align-items: center; gap: 8px; width: 100%;">
+          <div style="display: flex; align-items: center; gap: 8px; width: 100%">
             <NAutoComplete
               v-model:value="editorName"
               :options="filteredNameOptions"
               :get-show="() => nameMenuShow"
               :placeholder="t('transaction.relation.namePlaceholder')"
-              style="flex: 1;"
+              style="flex: 1"
               @focus="nameMenuShow = true"
               @blur="nameMenuShow = false"
               @select="nameMenuShow = false"
             />
-            <NButton v-if="aiEnabled" style="flex-shrink: 0;" :loading="aiRelationLoading" @click="handleAiGenerate">
+            <NButton v-if="aiEnabled" style="flex-shrink: 0" :loading="aiRelationLoading" @click="handleAiGenerate">
               {{ t('ai.relation.button') }}
             </NButton>
           </div>
@@ -368,17 +405,19 @@ const pickerColumns = computed<DataTableColumns<RelationMemberDraft>>(() => [
           <NInput v-model:value="editorRemark" :placeholder="t('transaction.remarkPlaceholder')" />
         </NFormItem>
         <NFormItem :label="t('transaction.relation.members')">
-          <div style="width: 100%;">
+          <div style="width: 100%">
             <NSpace vertical :size="6">
               <div
                 v-for="member in editorMembers"
                 :key="member.transactionId"
-                style="display: flex; align-items: center; gap: 8px; font-size: 13px; flex-wrap: wrap;"
+                style="display: flex; align-items: center; gap: 8px; font-size: 13px; flex-wrap: wrap"
               >
-                <span style="min-width: 130px;">{{ formatTime(member.transactionTime) }}</span>
-                <span style="min-width: 100px;">{{ member.categoryName || t('transaction.uncategorized') }}</span>
-                <span style="flex: 1; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">{{ member.remark || '' }}</span>
-                <span style="font-weight: 600;">{{ formatAmount(member) }}</span>
+                <span style="min-width: 130px">{{ formatTime(member.transactionTime) }}</span>
+                <span style="min-width: 100px">{{ member.categoryName || t('transaction.uncategorized') }}</span>
+                <span style="flex: 1; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">{{
+                  member.remark || ''
+                }}</span>
+                <span style="font-weight: 600">{{ formatAmount(member) }}</span>
                 <NRadio
                   v-if="editorType === 'PARENT_CHILD'"
                   :checked="parentId === member.transactionId"
@@ -395,7 +434,7 @@ const pickerColumns = computed<DataTableColumns<RelationMemberDraft>>(() => [
                 </NButton>
               </div>
             </NSpace>
-            <NButton size="small" dashed style="margin-top: 8px;" @click="openPicker">
+            <NButton size="small" dashed style="margin-top: 8px" @click="openPicker">
               + {{ t('transaction.relation.addMember') }}
             </NButton>
           </div>
@@ -409,14 +448,14 @@ const pickerColumns = computed<DataTableColumns<RelationMemberDraft>>(() => [
       v-model:show="showPicker"
       preset="card"
       :title="t('transaction.relation.pickTitle')"
-      style="width: 820px; max-width: 94vw;"
+      style="width: 820px; max-width: 94vw"
     >
-      <NSpace align="center" style="margin-bottom: 12px;">
+      <NSpace align="center" style="margin-bottom: 12px">
         <NInput
           v-model:value="pickerRemark"
           :placeholder="t('transaction.column.remark')"
           clearable
-          style="width: 220px;"
+          style="width: 220px"
           @keyup.enter="loadPicker(1)"
         />
         <NButton @click="loadPicker(1)">{{ t('transaction.search') }}</NButton>
@@ -432,7 +471,7 @@ const pickerColumns = computed<DataTableColumns<RelationMemberDraft>>(() => [
         size="small"
         :bordered="false"
       />
-      <NSpace justify="space-between" align="center" style="margin-top: 12px;">
+      <NSpace justify="space-between" align="center" style="margin-top: 12px">
         <NPagination
           v-model:page="pickerPage"
           v-model:page-size="pickerSize"
diff --git a/frontend/src/components/TransactionRelationModal.vue b/frontend/src/components/TransactionRelationModal.vue
index 0d7d027..33662e2 100644
--- a/frontend/src/components/TransactionRelationModal.vue
+++ b/frontend/src/components/TransactionRelationModal.vue
@@ -16,7 +16,7 @@ interface CurrentTransaction {
   categoryIcon: string
 }
 
-const props = defineProps<{
+defineProps<{
   show: boolean
   transaction: CurrentTransaction | null
 }>()
@@ -39,7 +39,7 @@ function onShowChange(value: boolean) {
     :show="show"
     preset="card"
     :title="t('transaction.relation.title')"
-    style="width: 860px; max-width: 94vw;"
+    style="width: 860px; max-width: 94vw"
     @update:show="onShowChange"
   >
     <TransactionRelationPanel :transaction="transaction" @changed="emit('changed')" />
diff --git a/frontend/src/components/TransactionRelationPanel.vue b/frontend/src/components/TransactionRelationPanel.vue
index 263f8ee..f54802b 100644
--- a/frontend/src/components/TransactionRelationPanel.vue
+++ b/frontend/src/components/TransactionRelationPanel.vue
@@ -96,10 +96,13 @@ const initialMembers = ref<RelationMemberDraft[]>([])
 
 onMounted(loadGroups)
 // 切换查看的账单时重新加载关系
-watch(() => props.transaction?.id, () => {
-  showEditor.value = false
-  loadGroups()
-})
+watch(
+  () => props.transaction?.id,
+  () => {
+    showEditor.value = false
+    loadGroups()
+  },
+)
 
 /** 加载当前账单的关系组 */
 async function loadGroups() {
@@ -333,31 +336,41 @@ function handleDeleteGroup(group: TransactionGroup) {
 
 <template>
   <div>
-    <div style="display: flex; justify-content: flex-end; margin-bottom: 8px;">
+    <div style="display: flex; justify-content: flex-end; margin-bottom: 8px">
       <NButton type="primary" size="small" @click="openCreate">{{ t('transaction.relation.create') }}</NButton>
     </div>
 
     <NSpin :show="loading">
-      <NEmpty v-if="groups.length === 0" :description="t('transaction.relation.empty')" style="padding: 16px 0;" />
+      <NEmpty v-if="groups.length === 0" :description="t('transaction.relation.empty')" style="padding: 16px 0" />
 
       <NSpace v-else vertical :size="12">
         <NCard v-for="entry in groupLayouts" :key="entry.group.id" size="small" embedded>
           <template #header>
             <NSpace align="center" :size="8">
               <NTag :type="entry.group.type === 'PARENT_CHILD' ? 'warning' : 'info'" size="small">
-                {{ entry.group.type === 'PARENT_CHILD' ? t('transaction.relation.typeParentChild') : t('transaction.relation.typeSibling') }}
+                {{
+                  entry.group.type === 'PARENT_CHILD'
+                    ? t('transaction.relation.typeParentChild')
+                    : t('transaction.relation.typeSibling')
+                }}
               </NTag>
-              <span style="font-weight: 600;">{{ entry.group.name || '-' }}</span>
+              <span style="font-weight: 600">{{ entry.group.name || '-' }}</span>
             </NSpace>
           </template>
           <template #header-extra>
             <NSpace :size="4">
               <NButton size="tiny" @click="openEdit(entry.group)">{{ t('common.edit') }}</NButton>
-              <NButton size="tiny" type="error" @click="handleDeleteGroup(entry.group)">{{ t('common.delete') }}</NButton>
+              <NButton size="tiny" type="error" @click="handleDeleteGroup(entry.group)">{{
+                t('common.delete')
+              }}</NButton>
             </NSpace>
           </template>
 
-          <svg class="relation-graph" :viewBox="`0 0 ${entry.layout.width} ${entry.layout.height}`" preserveAspectRatio="xMidYMid meet">
+          <svg
+            class="relation-graph"
+            :viewBox="`0 0 ${entry.layout.width} ${entry.layout.height}`"
+            preserveAspectRatio="xMidYMid meet"
+          >
             <defs>
               <marker
                 :id="`rel-arrow-${entry.group.id}`"
@@ -403,14 +416,7 @@ function handleDeleteGroup(group: TransactionGroup) {
                 :stroke="node.isCurrent ? '#2080f0' : '#ffffff'"
                 :stroke-width="node.isCurrent ? 3 : 1.5"
               />
-              <text
-                :x="node.cx"
-                :y="node.cy + 4"
-                text-anchor="middle"
-                font-size="11"
-                font-weight="600"
-                fill="#ffffff"
-              >
+              <text :x="node.cx" :y="node.cy + 4" text-anchor="middle" font-size="11" font-weight="600" fill="#ffffff">
                 {{ node.amountText }}
               </text>
               <text
@@ -423,27 +429,21 @@ function handleDeleteGroup(group: TransactionGroup) {
               >
                 {{ node.roleText }}
               </text>
-              <text
-                :x="node.cx"
-                :y="node.cy + node.r + 16"
-                text-anchor="middle"
-                font-size="11"
-                fill="#909399"
-              >
+              <text :x="node.cx" :y="node.cy + node.r + 16" text-anchor="middle" font-size="11" fill="#909399">
                 {{ caption(node.item) }}
               </text>
             </g>
           </svg>
 
-          <NSpace vertical :size="4" style="margin-top: 8px;">
-            <div v-for="item in entry.group.items" :key="item.transactionId" style="font-size: 13px;">
+          <NSpace vertical :size="4" style="margin-top: 8px">
+            <div v-for="item in entry.group.items" :key="item.transactionId" style="font-size: 13px">
               <NTag size="tiny" :bordered="false" :color="{ color: nodeColor(item), textColor: '#fff' }">
                 {{ roleLabel(item.role) }}
               </NTag>
-              <span style="margin-left: 8px;">{{ formatTime(item.transactionTime) }}</span>
-              <span style="margin-left: 8px;">{{ item.categoryName || t('transaction.uncategorized') }}</span>
-              <span style="margin-left: 8px; color: #999;">{{ item.remark || '' }}</span>
-              <span style="margin-left: 8px; font-weight: 600;">{{ formatAmount(item) }}</span>
+              <span style="margin-left: 8px">{{ formatTime(item.transactionTime) }}</span>
+              <span style="margin-left: 8px">{{ item.categoryName || t('transaction.uncategorized') }}</span>
+              <span style="margin-left: 8px; color: #999">{{ item.remark || '' }}</span>
+              <span style="margin-left: 8px; font-weight: 600">{{ formatAmount(item) }}</span>
             </div>
           </NSpace>
         </NCard>
diff --git a/frontend/src/composables/useBreakpoints.ts b/frontend/src/composables/useBreakpoints.ts
index bc8e365..03dfe95 100644
--- a/frontend/src/composables/useBreakpoints.ts
+++ b/frontend/src/composables/useBreakpoints.ts
@@ -34,8 +34,7 @@ function updateByWidth(width: number) {
 /** 更新是否触屏设备（粗指针或无 hover 能力） */
 function updateTouch() {
   if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return
-  isTouch.value = window.matchMedia('(pointer: coarse)').matches
-    || window.matchMedia('(hover: none)').matches
+  isTouch.value = window.matchMedia('(pointer: coarse)').matches || window.matchMedia('(hover: none)').matches
 }
 
 /** 初始化断点监听（幂等），在浏览器环境首次调用时绑定 resize */
@@ -44,10 +43,14 @@ export function initBreakpoints() {
   initialized = true
   updateByWidth(window.innerWidth)
   updateTouch()
-  window.addEventListener('resize', () => {
-    updateByWidth(window.innerWidth)
-    updateTouch()
-  }, { passive: true })
+  window.addEventListener(
+    'resize',
+    () => {
+      updateByWidth(window.innerWidth)
+      updateTouch()
+    },
+    { passive: true },
+  )
 }
 
 /**
diff --git a/frontend/src/locales/messages.ts b/frontend/src/locales/messages.ts
index d167c26..618dd55 100644
--- a/frontend/src/locales/messages.ts
+++ b/frontend/src/locales/messages.ts
@@ -55,8 +55,16 @@ export default {
     usernamePlaceholder: { zh: '请输入用户名', en: 'Enter your username', ja: 'ユーザー名を入力してください' },
     passwordPlaceholder: { zh: '请输入密码', en: 'Enter your password', ja: 'パスワードを入力してください' },
     submit: { zh: '登录', en: 'Sign In', ja: 'ログイン' },
-    toRegister: { zh: '没有账号？去注册', en: "Don't have an account? Sign up", ja: 'アカウントをお持ちでない方は新規登録' },
-    fillRequired: { zh: '请填写用户名和密码', en: 'Please enter username and password', ja: 'ユーザー名とパスワードを入力してください' },
+    toRegister: {
+      zh: '没有账号？去注册',
+      en: "Don't have an account? Sign up",
+      ja: 'アカウントをお持ちでない方は新規登録',
+    },
+    fillRequired: {
+      zh: '请填写用户名和密码',
+      en: 'Please enter username and password',
+      ja: 'ユーザー名とパスワードを入力してください',
+    },
     loggingIn: { zh: '正在登录，请稍候…', en: 'Signing in, please wait…', ja: 'ログイン中です。少々お待ちください…' },
     success: { zh: '登录成功', en: 'Signed in successfully', ja: 'ログインしました' },
     failed: { zh: '登录失败', en: 'Sign in failed', ja: 'ログインに失敗しました' },
@@ -72,14 +80,34 @@ export default {
     usernamePlaceholder: { zh: '3-50个字符', en: '3-50 characters', ja: '3～50文字' },
     nicknamePlaceholder: { zh: '可选', en: 'Optional', ja: '任意' },
     passwordPlaceholder: { zh: '至少6个字符', en: 'At least 6 characters', ja: '6文字以上' },
-    confirmPasswordPlaceholder: { zh: '再次输入密码', en: 'Enter the password again', ja: 'パスワードをもう一度入力してください' },
+    confirmPasswordPlaceholder: {
+      zh: '再次输入密码',
+      en: 'Enter the password again',
+      ja: 'パスワードをもう一度入力してください',
+    },
     submit: { zh: '注册', en: 'Sign Up', ja: '新規登録' },
     toLogin: { zh: '已有账号？去登录', en: 'Already have an account? Sign in', ja: 'アカウントをお持ちの方はログイン' },
-    fillRequired: { zh: '请填写用户名和密码', en: 'Please enter username and password', ja: 'ユーザー名とパスワードを入力してください' },
-    usernameMin: { zh: '用户名至少3个字符', en: 'Username must be at least 3 characters', ja: 'ユーザー名は3文字以上で入力してください' },
-    passwordMin: { zh: '密码至少6个字符', en: 'Password must be at least 6 characters', ja: 'パスワードは6文字以上で入力してください' },
+    fillRequired: {
+      zh: '请填写用户名和密码',
+      en: 'Please enter username and password',
+      ja: 'ユーザー名とパスワードを入力してください',
+    },
+    usernameMin: {
+      zh: '用户名至少3个字符',
+      en: 'Username must be at least 3 characters',
+      ja: 'ユーザー名は3文字以上で入力してください',
+    },
+    passwordMin: {
+      zh: '密码至少6个字符',
+      en: 'Password must be at least 6 characters',
+      ja: 'パスワードは6文字以上で入力してください',
+    },
     passwordMismatch: { zh: '两次密码不一致', en: 'The two passwords do not match', ja: 'パスワードが一致しません' },
-    success: { zh: '注册成功，请登录', en: 'Registered successfully, please sign in', ja: '登録しました。ログインしてください' },
+    success: {
+      zh: '注册成功，请登录',
+      en: 'Registered successfully, please sign in',
+      ja: '登録しました。ログインしてください',
+    },
     failed: { zh: '注册失败', en: 'Registration failed', ja: '登録に失敗しました' },
   },
 
@@ -106,9 +134,21 @@ export default {
   database: {
     title: { zh: '数据库设置', en: 'Database Settings', ja: 'データベース設定' },
     setupTitle: { zh: '初始化数据库', en: 'Initialize Database', ja: 'データベースの初期化' },
-    intro: { zh: '可选择本地 SQLite 文件数据库或 MySQL 数据库。保存后立即生效并自动建表，原有数据库的数据保持不变。', en: 'Choose a local SQLite file database or a MySQL database. Changes take effect immediately with automatic table creation; data in the previous database is preserved.', ja: 'ローカルの SQLite ファイルデータベースまたは MySQL を選択できます。保存すると即時に反映され、テーブルが自動作成されます。以前のデータベースのデータは保持されます。' },
-    setupIntro: { zh: '首次使用请先完成数据库配置。推荐零配置的 SQLite（本地文件），也可以连接已有的 MySQL。', en: 'Please configure a database before first use. SQLite (local file) requires no setup; you may also connect to an existing MySQL.', ja: '初回利用の前にデータベースを設定してください。設定不要の SQLite（ローカルファイル）を推奨します。既存の MySQL に接続することもできます。' },
-    setupHint: { zh: '配置完成后即可登录使用；如需修改，可稍后在「数据库设置」中调整。', en: 'After configuration you can sign in. You can adjust it later in Database Settings.', ja: '設定後はログインして利用できます。後で「データベース設定」から変更できます。' },
+    intro: {
+      zh: '可选择本地 SQLite 文件数据库或 MySQL 数据库。保存后立即生效并自动建表，原有数据库的数据保持不变。',
+      en: 'Choose a local SQLite file database or a MySQL database. Changes take effect immediately with automatic table creation; data in the previous database is preserved.',
+      ja: 'ローカルの SQLite ファイルデータベースまたは MySQL を選択できます。保存すると即時に反映され、テーブルが自動作成されます。以前のデータベースのデータは保持されます。',
+    },
+    setupIntro: {
+      zh: '首次使用请先完成数据库配置。推荐零配置的 SQLite（本地文件），也可以连接已有的 MySQL。',
+      en: 'Please configure a database before first use. SQLite (local file) requires no setup; you may also connect to an existing MySQL.',
+      ja: '初回利用の前にデータベースを設定してください。設定不要の SQLite（ローカルファイル）を推奨します。既存の MySQL に接続することもできます。',
+    },
+    setupHint: {
+      zh: '配置完成后即可登录使用；如需修改，可稍后在「数据库设置」中调整。',
+      en: 'After configuration you can sign in. You can adjust it later in Database Settings.',
+      ja: '設定後はログインして利用できます。後で「データベース設定」から変更できます。',
+    },
     configured: { zh: '已配置', en: 'Configured', ja: '設定済み' },
     notConfigured: { zh: '未配置', en: 'Not configured', ja: '未設定' },
     currentType: { zh: '当前类型', en: 'Current type', ja: '現在の種類' },
@@ -117,29 +157,57 @@ export default {
     type: { zh: '数据库类型', en: 'Database type', ja: 'データベースの種類' },
     sqlitePath: { zh: '数据库文件', en: 'Database file', ja: 'データベースファイル' },
     sqlitePathPlaceholder: { zh: '例如 data/ledgerly.db', en: 'e.g. data/ledgerly.db', ja: '例：data/ledgerly.db' },
-    sqliteHint: { zh: 'SQLite 为本地单文件数据库，路径相对于服务运行目录；建议使用 data 目录并做好持久化挂载。', en: 'SQLite is a single local file; the path is relative to the server working directory. Use a data directory with persistent storage.', ja: 'SQLite はローカルの単一ファイルです。パスはサーバーの作業ディレクトリからの相対パスです。data ディレクトリと永続化ストレージの利用を推奨します。' },
-    sqlitePathRequired: { zh: '请填写 SQLite 数据库文件路径', en: 'Please enter the SQLite database file path', ja: 'SQLite データベースファイルのパスを入力してください' },
-    mysqlRequired: { zh: '请填写主机地址、数据库名与用户名', en: 'Please fill in host, database and username', ja: 'ホスト、データベース名、ユーザー名を入力してください' },
+    sqliteHint: {
+      zh: 'SQLite 为本地单文件数据库，路径相对于服务运行目录；建议使用 data 目录并做好持久化挂载。',
+      en: 'SQLite is a single local file; the path is relative to the server working directory. Use a data directory with persistent storage.',
+      ja: 'SQLite はローカルの単一ファイルです。パスはサーバーの作業ディレクトリからの相対パスです。data ディレクトリと永続化ストレージの利用を推奨します。',
+    },
+    sqlitePathRequired: {
+      zh: '请填写 SQLite 数据库文件路径',
+      en: 'Please enter the SQLite database file path',
+      ja: 'SQLite データベースファイルのパスを入力してください',
+    },
+    mysqlRequired: {
+      zh: '请填写主机地址、数据库名与用户名',
+      en: 'Please fill in host, database and username',
+      ja: 'ホスト、データベース名、ユーザー名を入力してください',
+    },
     host: { zh: '主机地址', en: 'Host', ja: 'ホスト' },
     port: { zh: '端口', en: 'Port', ja: 'ポート' },
     database: { zh: '数据库名', en: 'Database', ja: 'データベース名' },
     username: { zh: '用户名', en: 'Username', ja: 'ユーザー名' },
     password: { zh: '密码', en: 'Password', ja: 'パスワード' },
     passwordPlaceholder: { zh: '请输入密码', en: 'Enter password', ja: 'パスワードを入力してください' },
-    passwordKeep: { zh: '已配置，留空表示不修改', en: 'Configured; leave blank to keep unchanged', ja: '設定済み。空欄のままにすると変更されません' },
+    passwordKeep: {
+      zh: '已配置，留空表示不修改',
+      en: 'Configured; leave blank to keep unchanged',
+      ja: '設定済み。空欄のままにすると変更されません',
+    },
     test: { zh: '测试连接', en: 'Test connection', ja: '接続テスト' },
     save: { zh: '保存并应用', en: 'Save & Apply', ja: '保存して適用' },
     testSuccess: { zh: '连接成功', en: 'Connection succeeded', ja: '接続に成功しました' },
     testFailed: { zh: '连接失败', en: 'Connection failed', ja: '接続に失敗しました' },
-    saveSuccess: { zh: '数据库配置已保存并生效', en: 'Database configuration saved and applied', ja: 'データベース設定を保存して適用しました' },
+    saveSuccess: {
+      zh: '数据库配置已保存并生效',
+      en: 'Database configuration saved and applied',
+      ja: 'データベース設定を保存して適用しました',
+    },
     saveFailed: { zh: '数据库配置失败', en: 'Failed to configure database', ja: 'データベース設定に失敗しました' },
     testingTitle: { zh: '正在测试数据库连接', en: 'Testing database connection', ja: 'データベース接続をテスト中' },
     applyingTitle: { zh: '正在应用数据库配置', en: 'Applying database configuration', ja: 'データベース設定を適用中' },
-    streamHint: { zh: '后台正在处理，请保持窗口打开；完成后请点击“关闭”。', en: 'Processing in the background. Please keep this window open; click "Close" when it is done.', ja: 'バックグラウンドで処理中です。このウィンドウを開いたままにしてください。完了後に「閉じる」をクリックしてください。' },
+    streamHint: {
+      zh: '后台正在处理，请保持窗口打开；完成后请点击“关闭”。',
+      en: 'Processing in the background. Please keep this window open; click "Close" when it is done.',
+      ja: 'バックグラウンドで処理中です。このウィンドウを開いたままにしてください。完了後に「閉じる」をクリックしてください。',
+    },
     streamDone: { zh: '处理完成', en: 'Completed', ja: '完了しました' },
     streamFailed: { zh: '处理失败', en: 'Failed', ja: '失敗しました' },
     streamClose: { zh: '关闭', en: 'Close', ja: '閉じる' },
-    loadFailed: { zh: '加载数据库状态失败', en: 'Failed to load database status', ja: 'データベース状態の読み込みに失敗しました' },
+    loadFailed: {
+      zh: '加载数据库状态失败',
+      en: 'Failed to load database status',
+      ja: 'データベース状態の読み込みに失敗しました',
+    },
   },
 
   // 系统设置
@@ -159,94 +227,242 @@ export default {
   // 账号安全（修改密码）
   account: {
     oldPassword: { zh: '原密码', en: 'Current Password', ja: '現在のパスワード' },
-    oldPasswordPlaceholder: { zh: '请输入当前密码', en: 'Enter your current password', ja: '現在のパスワードを入力してください' },
+    oldPasswordPlaceholder: {
+      zh: '请输入当前密码',
+      en: 'Enter your current password',
+      ja: '現在のパスワードを入力してください',
+    },
     newPassword: { zh: '新密码', en: 'New Password', ja: '新しいパスワード' },
     newPasswordPlaceholder: { zh: '至少6个字符', en: 'At least 6 characters', ja: '6文字以上' },
     confirmPassword: { zh: '确认新密码', en: 'Confirm New Password', ja: '新しいパスワード（確認）' },
-    confirmPasswordPlaceholder: { zh: '请再次输入新密码', en: 'Enter the new password again', ja: '新しいパスワードをもう一度入力してください' },
+    confirmPasswordPlaceholder: {
+      zh: '请再次输入新密码',
+      en: 'Enter the new password again',
+      ja: '新しいパスワードをもう一度入力してください',
+    },
     generate: { zh: '随机生成', en: 'Generate', ja: 'ランダム生成' },
     copy: { zh: '复制', en: 'Copy', ja: 'コピー' },
     copied: { zh: '密码已复制', en: 'Password copied', ja: 'パスワードをコピーしました' },
-    copyFailed: { zh: '复制失败，请手动选择', en: 'Copy failed, please select manually', ja: 'コピーに失敗しました。手動で選択してください' },
-    hint: { zh: '修改成功后请使用新密码登录；随机生成的密码请及时妥善保存', en: 'After changing, sign in with the new password; keep generated passwords safe.', ja: '変更後は新しいパスワードでログインしてください。生成したパスワードは大切に保管してください。' },
+    copyFailed: {
+      zh: '复制失败，请手动选择',
+      en: 'Copy failed, please select manually',
+      ja: 'コピーに失敗しました。手動で選択してください',
+    },
+    hint: {
+      zh: '修改成功后请使用新密码登录；随机生成的密码请及时妥善保存',
+      en: 'After changing, sign in with the new password; keep generated passwords safe.',
+      ja: '変更後は新しいパスワードでログインしてください。生成したパスワードは大切に保管してください。',
+    },
     submit: { zh: '修改密码', en: 'Change Password', ja: 'パスワードを変更' },
-    oldRequired: { zh: '请输入原密码', en: 'Please enter your current password', ja: '現在のパスワードを入力してください' },
-    newMin: { zh: '新密码至少6个字符', en: 'New password must be at least 6 characters', ja: '新しいパスワードは6文字以上で入力してください' },
-    mismatch: { zh: '两次输入的新密码不一致', en: 'The two new passwords do not match', ja: '新しいパスワードが一致しません' },
-    sameAsOld: { zh: '新密码不能与原密码相同', en: 'New password must differ from the current password', ja: '新しいパスワードは現在のパスワードと異なる必要があります' },
+    oldRequired: {
+      zh: '请输入原密码',
+      en: 'Please enter your current password',
+      ja: '現在のパスワードを入力してください',
+    },
+    newMin: {
+      zh: '新密码至少6个字符',
+      en: 'New password must be at least 6 characters',
+      ja: '新しいパスワードは6文字以上で入力してください',
+    },
+    mismatch: {
+      zh: '两次输入的新密码不一致',
+      en: 'The two new passwords do not match',
+      ja: '新しいパスワードが一致しません',
+    },
+    sameAsOld: {
+      zh: '新密码不能与原密码相同',
+      en: 'New password must differ from the current password',
+      ja: '新しいパスワードは現在のパスワードと異なる必要があります',
+    },
     success: { zh: '密码修改成功', en: 'Password changed successfully', ja: 'パスワードを変更しました' },
     failed: { zh: '密码修改失败', en: 'Failed to change password', ja: 'パスワードの変更に失敗しました' },
   },
 
   // 账单来源统计默认值
   billSourceStats: {
-    hint: { zh: '设置各账单来源导入时是否默认计入统计；不计入的记录仍会导入，但不参与统计', en: 'Set whether bills from each source count toward statistics by default. Excluded records are still imported but not counted.', ja: '各請求元の取り込み時に集計へ含めるかを設定します。除外した記録も取り込みますが集計対象外になります。' },
+    hint: {
+      zh: '设置各账单来源导入时是否默认计入统计；不计入的记录仍会导入，但不参与统计',
+      en: 'Set whether bills from each source count toward statistics by default. Excluded records are still imported but not counted.',
+      ja: '各請求元の取り込み時に集計へ含めるかを設定します。除外した記録も取り込みますが集計対象外になります。',
+    },
     included: { zh: '计入统计', en: 'Included', ja: '集計対象' },
     excluded: { zh: '不计入统计', en: 'Excluded', ja: '集計対象外' },
     save: { zh: '保存', en: 'Save', ja: '保存' },
-    loadFailed: { zh: '加载账单来源统计默认值失败', en: 'Failed to load bill source stats defaults', ja: '請求元の集計既定値の読み込みに失敗しました' },
-    saveSuccess: { zh: '账单来源统计默认值已保存', en: 'Bill source stats defaults saved', ja: '請求元の集計既定値を保存しました' },
-    saveFailed: { zh: '保存账单来源统计默认值失败', en: 'Failed to save bill source stats defaults', ja: '請求元の集計既定値の保存に失敗しました' },
+    loadFailed: {
+      zh: '加载账单来源统计默认值失败',
+      en: 'Failed to load bill source stats defaults',
+      ja: '請求元の集計既定値の読み込みに失敗しました',
+    },
+    saveSuccess: {
+      zh: '账单来源统计默认值已保存',
+      en: 'Bill source stats defaults saved',
+      ja: '請求元の集計既定値を保存しました',
+    },
+    saveFailed: {
+      zh: '保存账单来源统计默认值失败',
+      en: 'Failed to save bill source stats defaults',
+      ja: '請求元の集計既定値の保存に失敗しました',
+    },
   },
 
   // 外观设置
   display: {
-    hint: { zh: '选择「不计入统计」的记录在收支记录列表中的展示方式，修改后自动保存', en: 'Choose how records excluded from stats are shown in the transaction list; changes are saved automatically', ja: '集計対象外の記録を収支リストでどのように表示するかを選択します。変更は自動保存されます' },
+    hint: {
+      zh: '选择「不计入统计」的记录在收支记录列表中的展示方式，修改后自动保存',
+      en: 'Choose how records excluded from stats are shown in the transaction list; changes are saved automatically',
+      ja: '集計対象外の記録を収支リストでどのように表示するかを選択します。変更は自動保存されます',
+    },
     label: { zh: '不计入统计的记录样式', en: 'Excluded record style', ja: '集計対象外の記録スタイル' },
     strikethrough: { zh: '删除线（整行划线）', en: 'Strikethrough (whole row)', ja: '取り消し線（行全体）' },
-    muted: { zh: '灰色标签（类型显示“不计入”，金额置灰）', en: 'Gray label (type shows "Excluded", amount grayed out)', ja: 'グレー表示（種類は「対象外」、金額はグレー）' },
+    muted: {
+      zh: '灰色标签（类型显示“不计入”，金额置灰）',
+      en: 'Gray label (type shows "Excluded", amount grayed out)',
+      ja: 'グレー表示（種類は「対象外」、金額はグレー）',
+    },
     previewLabel: { zh: '预览', en: 'Preview', ja: 'プレビュー' },
     previewCategory: { zh: '餐饮', en: 'Dining', ja: '食事' },
     previewRemark: { zh: '示例备注', en: 'Sample remark', ja: 'サンプル備考' },
-    saveFailed: { zh: '保存外观设置失败', en: 'Failed to save appearance settings', ja: '外観設定の保存に失敗しました' },
-    loadFailed: { zh: '加载外观设置失败', en: 'Failed to load appearance settings', ja: '外観設定の読み込みに失敗しました' },
-    hiddenDataLabel: { zh: '显示已隐藏备注的记录', en: 'Show records with hidden remarks', ja: '備考を非表示にした記録を表示' },
-    hiddenDataHint: { zh: '关闭时，已隐藏备注的记录不会出现在收支记录列表与导出中', en: 'When off, records with hidden remarks are excluded from the transaction list and export', ja: 'オフの場合、備考を非表示にした記録は収支リストとエクスポートに表示されません' },
-    hiddenDataSaved: { zh: '已更新隐藏备注记录的显示设置', en: 'Hidden remark record display updated', ja: '非表示備考の記録表示を更新しました' },
-    hiddenDataFailed: { zh: '更新隐藏备注记录的显示设置失败', en: 'Failed to update hidden remark record display', ja: '非表示備考の記録表示の更新に失敗しました' },
+    saveFailed: {
+      zh: '保存外观设置失败',
+      en: 'Failed to save appearance settings',
+      ja: '外観設定の保存に失敗しました',
+    },
+    loadFailed: {
+      zh: '加载外观设置失败',
+      en: 'Failed to load appearance settings',
+      ja: '外観設定の読み込みに失敗しました',
+    },
+    hiddenDataLabel: {
+      zh: '显示已隐藏备注的记录',
+      en: 'Show records with hidden remarks',
+      ja: '備考を非表示にした記録を表示',
+    },
+    hiddenDataHint: {
+      zh: '关闭时，已隐藏备注的记录不会出现在收支记录列表与导出中',
+      en: 'When off, records with hidden remarks are excluded from the transaction list and export',
+      ja: 'オフの場合、備考を非表示にした記録は収支リストとエクスポートに表示されません',
+    },
+    hiddenDataSaved: {
+      zh: '已更新隐藏备注记录的显示设置',
+      en: 'Hidden remark record display updated',
+      ja: '非表示備考の記録表示を更新しました',
+    },
+    hiddenDataFailed: {
+      zh: '更新隐藏备注记录的显示设置失败',
+      en: 'Failed to update hidden remark record display',
+      ja: '非表示備考の記録表示の更新に失敗しました',
+    },
     pageSizeLabel: { zh: '表格每页条数选项', en: 'Table page size options', ja: 'テーブルの1ページ件数オプション' },
-    pageSizeHint: { zh: '所有表格分页共用的每页条数候选列表，修改后自动保存；未配置时使用默认 10 / 20 / 50 / 100', en: 'Page size choices shared by all table pagination; changes are saved automatically. Defaults to 10 / 20 / 50 / 100 when unset', ja: 'すべてのテーブルで共通の1ページ件数候補。変更は自動保存されます。未設定時は 10 / 20 / 50 / 100 を使用' },
+    pageSizeHint: {
+      zh: '所有表格分页共用的每页条数候选列表，修改后自动保存；未配置时使用默认 10 / 20 / 50 / 100',
+      en: 'Page size choices shared by all table pagination; changes are saved automatically. Defaults to 10 / 20 / 50 / 100 when unset',
+      ja: 'すべてのテーブルで共通の1ページ件数候補。変更は自動保存されます。未設定時は 10 / 20 / 50 / 100 を使用',
+    },
     defaultPageSizeLabel: { zh: '默认每页条数', en: 'Default page size', ja: '既定の1ページ件数' },
-    pageSizeEmpty: { zh: '请至少填写一个每页条数', en: 'Enter at least one page size', ja: '1ページ件数を1つ以上入力してください' },
-    pageSizeFailed: { zh: '保存每页条数选项失败', en: 'Failed to save page size options', ja: '1ページ件数オプションの保存に失敗しました' },
+    pageSizeEmpty: {
+      zh: '请至少填写一个每页条数',
+      en: 'Enter at least one page size',
+      ja: '1ページ件数を1つ以上入力してください',
+    },
+    pageSizeFailed: {
+      zh: '保存每页条数选项失败',
+      en: 'Failed to save page size options',
+      ja: '1ページ件数オプションの保存に失敗しました',
+    },
   },
 
   // 导航设置
   nav: {
-    hint: { zh: '调整左侧导航的显示顺序与显隐；拖动手柄可排序，隐藏后仅移除菜单入口，页面仍可通过地址访问', en: 'Adjust the order and visibility of the left navigation. Drag the handle to reorder; hidden items are removed from the menu but remain accessible by URL', ja: '左側ナビゲーションの並び順と表示・非表示を調整します。ハンドルをドラッグして並べ替えでき、非表示にしても URL からアクセスできます' },
+    hint: {
+      zh: '调整左侧导航的显示顺序与显隐；拖动手柄可排序，隐藏后仅移除菜单入口，页面仍可通过地址访问',
+      en: 'Adjust the order and visibility of the left navigation. Drag the handle to reorder; hidden items are removed from the menu but remain accessible by URL',
+      ja: '左側ナビゲーションの並び順と表示・非表示を調整します。ハンドルをドラッグして並べ替えでき、非表示にしても URL からアクセスできます',
+    },
     dragHint: { zh: '拖动手柄调整顺序', en: 'Drag the handle to reorder', ja: 'ハンドルをドラッグして並べ替え' },
     show: { zh: '显示', en: 'Show', ja: '表示' },
     hide: { zh: '隐藏', en: 'Hide', ja: '非表示' },
     resetDefault: { zh: '恢复默认', en: 'Reset to default', ja: '既定に戻す' },
-    resetSuccess: { zh: '已恢复默认导航设置', en: 'Navigation reset to default', ja: 'ナビゲーションを既定に戻しました' },
-    loadFailed: { zh: '加载导航设置失败', en: 'Failed to load navigation settings', ja: 'ナビゲーション設定の読み込みに失敗しました' },
-    saveFailed: { zh: '保存导航设置失败', en: 'Failed to save navigation settings', ja: 'ナビゲーション設定の保存に失敗しました' },
-    hideLastForbidden: { zh: '至少保留一个可见导航', en: 'Keep at least one navigation item visible', ja: 'ナビゲーションを1つ以上表示してください' },
+    resetSuccess: {
+      zh: '已恢复默认导航设置',
+      en: 'Navigation reset to default',
+      ja: 'ナビゲーションを既定に戻しました',
+    },
+    loadFailed: {
+      zh: '加载导航设置失败',
+      en: 'Failed to load navigation settings',
+      ja: 'ナビゲーション設定の読み込みに失敗しました',
+    },
+    saveFailed: {
+      zh: '保存导航设置失败',
+      en: 'Failed to save navigation settings',
+      ja: 'ナビゲーション設定の保存に失敗しました',
+    },
+    hideLastForbidden: {
+      zh: '至少保留一个可见导航',
+      en: 'Keep at least one navigation item visible',
+      ja: 'ナビゲーションを1つ以上表示してください',
+    },
   },
 
   // 注册设置
   registration: {
     statusOn: { zh: '已开启', en: 'Enabled', ja: '有効' },
     statusOff: { zh: '已关闭', en: 'Disabled', ja: '無効' },
-    enabledHint: { zh: '关闭后新用户无法注册；系统无任何用户时仍可创建首个账号', en: 'When off, new users cannot sign up; the first account can still be created when there are no users.', ja: 'オフにすると新規登録できません。ユーザーが一人もいない場合は最初のアカウントを作成できます。' },
-    firstUserHint: { zh: '当前系统暂无用户，可直接注册首个账号', en: 'No users yet — you can register the first account directly.', ja: '現在ユーザーがいないため、最初のアカウントを直接登録できます。' },
+    enabledHint: {
+      zh: '关闭后新用户无法注册；系统无任何用户时仍可创建首个账号',
+      en: 'When off, new users cannot sign up; the first account can still be created when there are no users.',
+      ja: 'オフにすると新規登録できません。ユーザーが一人もいない場合は最初のアカウントを作成できます。',
+    },
+    firstUserHint: {
+      zh: '当前系统暂无用户，可直接注册首个账号',
+      en: 'No users yet — you can register the first account directly.',
+      ja: '現在ユーザーがいないため、最初のアカウントを直接登録できます。',
+    },
     save: { zh: '保存', en: 'Save', ja: '保存' },
     saveSuccess: { zh: '注册设置已保存', en: 'Registration settings saved', ja: '登録設定を保存しました' },
-    saveFailed: { zh: '保存注册设置失败', en: 'Failed to save registration settings', ja: '登録設定の保存に失敗しました' },
-    loadFailed: { zh: '加载注册状态失败', en: 'Failed to load registration status', ja: '登録状態の読み込みに失敗しました' },
+    saveFailed: {
+      zh: '保存注册设置失败',
+      en: 'Failed to save registration settings',
+      ja: '登録設定の保存に失敗しました',
+    },
+    loadFailed: {
+      zh: '加载注册状态失败',
+      en: 'Failed to load registration status',
+      ja: '登録状態の読み込みに失敗しました',
+    },
   },
 
   // 定时通知
   notification: {
     statusOn: { zh: '已开启', en: 'Enabled', ja: '有効' },
     statusOff: { zh: '已关闭', en: 'Disabled', ja: '無効' },
-    intro: { zh: '按自定义周期，通过邮箱或 Server 酱提醒你及时导入新的账单。', en: 'Get reminded via email or ServerChan to import new bills on your own schedule.', ja: 'カスタム周期でメール・ServerChan を通じて、新しい明細のインポートをお知らせします。' },
+    intro: {
+      zh: '按自定义周期，通过邮箱或 Server 酱提醒你及时导入新的账单。',
+      en: 'Get reminded via email or ServerChan to import new bills on your own schedule.',
+      ja: 'カスタム周期でメール・ServerChan を通じて、新しい明細のインポートをお知らせします。',
+    },
     linkUrl: { zh: '通知链接地址', en: 'Notification link URL', ja: '通知リンク URL' },
-    linkUrlPlaceholder: { zh: '如 https://finance.rosercode.cn/bill-import', en: 'e.g. https://finance.rosercode.cn/bill-import', ja: '例：https://finance.rosercode.cn/bill-import' },
-    linkUrlSaveSuccess: { zh: '通知链接地址已保存', en: 'Notification link URL saved', ja: '通知リンク URL を保存しました' },
-    linkUrlSaveFailed: { zh: '保存通知链接地址失败', en: 'Failed to save notification link URL', ja: '通知リンク URL の保存に失敗しました' },
+    linkUrlPlaceholder: {
+      zh: '如 https://finance.rosercode.cn/bill-import',
+      en: 'e.g. https://finance.rosercode.cn/bill-import',
+      ja: '例：https://finance.rosercode.cn/bill-import',
+    },
+    linkUrlSaveSuccess: {
+      zh: '通知链接地址已保存',
+      en: 'Notification link URL saved',
+      ja: '通知リンク URL を保存しました',
+    },
+    linkUrlSaveFailed: {
+      zh: '保存通知链接地址失败',
+      en: 'Failed to save notification link URL',
+      ja: '通知リンク URL の保存に失敗しました',
+    },
     enabled: { zh: '启用定时提醒', en: 'Enable reminders', ja: '定期リマインダーを有効化' },
-    enabledHint: { zh: '开启后按下方周期自动发送提醒', en: 'Sends reminders automatically based on the schedule below', ja: '有効にすると以下の周期で自動送信します' },
+    enabledHint: {
+      zh: '开启后按下方周期自动发送提醒',
+      en: 'Sends reminders automatically based on the schedule below',
+      ja: '有効にすると以下の周期で自動送信します',
+    },
     frequency: { zh: '提醒周期', en: 'Frequency', ja: '通知周期' },
     freqDaily: { zh: '每天', en: 'Daily', ja: '毎日' },
     freqWeekly: { zh: '每周', en: 'Weekly', ja: '毎週' },
@@ -261,11 +477,19 @@ export default {
     dayOfMonthSuffix: { zh: '日', en: 'day', ja: '日' },
     sendTime: { zh: '提醒时间', en: 'Time', ja: '通知時刻' },
     sendTimePlaceholder: { zh: '例如 09:00', en: 'e.g. 09:00', ja: '例：09:00' },
-    sendTimeInvalid: { zh: '提醒时间格式应为 HH:mm', en: 'Time must be in HH:mm format', ja: '時刻は HH:mm 形式で入力してください' },
+    sendTimeInvalid: {
+      zh: '提醒时间格式应为 HH:mm',
+      en: 'Time must be in HH:mm format',
+      ja: '時刻は HH:mm 形式で入力してください',
+    },
     save: { zh: '保存', en: 'Save', ja: '保存' },
     saveSuccess: { zh: '通知设置已保存', en: 'Notification settings saved', ja: '通知設定を保存しました' },
     sendNow: { zh: '立即发送', en: 'Send now', ja: '今すぐ送信' },
-    sendNowSuccess: { zh: '已发送 {count} 个渠道', en: 'Sent to {count} channel(s)', ja: '{count} 件のチャネルに送信しました' },
+    sendNowSuccess: {
+      zh: '已发送 {count} 个渠道',
+      en: 'Sent to {count} channel(s)',
+      ja: '{count} 件のチャネルに送信しました',
+    },
     sendNowFailed: { zh: '发送提醒失败', en: 'Failed to send reminder', ja: 'リマインダーの送信に失敗しました' },
     channels: { zh: '推送渠道', en: 'Channels', ja: '通知チャネル' },
     addChannel: { zh: '添加渠道', en: 'Add channel', ja: 'チャネルを追加' },
@@ -280,27 +504,55 @@ export default {
     smtpHost: { zh: 'SMTP 服务器', en: 'SMTP host', ja: 'SMTP サーバー' },
     smtpPort: { zh: 'SMTP 端口', en: 'SMTP port', ja: 'SMTP ポート' },
     username: { zh: '邮箱账号', en: 'Email account', ja: 'メールアカウント' },
-    usernameRequired: { zh: '请填写邮箱账号', en: 'Please enter the email account', ja: 'メールアカウントを入力してください' },
+    usernameRequired: {
+      zh: '请填写邮箱账号',
+      en: 'Please enter the email account',
+      ja: 'メールアカウントを入力してください',
+    },
     sendKey: { zh: 'SendKey', en: 'SendKey', ja: 'SendKey' },
-    sendKeyPlaceholder: { zh: '在 sct.ftqq.com 获取的 SendKey', en: 'SendKey obtained from sct.ftqq.com', ja: 'sct.ftqq.com で取得した SendKey' },
-    sendKeyRequired: { zh: '请填写 Server 酱 SendKey', en: 'Please enter the ServerChan SendKey', ja: 'ServerChan の SendKey を入力してください' },
+    sendKeyPlaceholder: {
+      zh: '在 sct.ftqq.com 获取的 SendKey',
+      en: 'SendKey obtained from sct.ftqq.com',
+      ja: 'sct.ftqq.com で取得した SendKey',
+    },
+    sendKeyRequired: {
+      zh: '请填写 Server 酱 SendKey',
+      en: 'Please enter the ServerChan SendKey',
+      ja: 'ServerChan の SendKey を入力してください',
+    },
     password: { zh: '授权码', en: 'Auth code', ja: '認証コード' },
     passwordPlaceholder: { zh: '邮箱 SMTP 授权码', en: 'SMTP authorization code', ja: 'SMTP 認証コード' },
-    passwordKeep: { zh: '已配置，留空表示不修改', en: 'Configured; leave blank to keep', ja: '設定済み。空欄なら変更しません' },
+    passwordKeep: {
+      zh: '已配置，留空表示不修改',
+      en: 'Configured; leave blank to keep',
+      ja: '設定済み。空欄なら変更しません',
+    },
     to: { zh: '收件人', en: 'Recipient', ja: '宛先' },
     toPlaceholder: { zh: '默认与账号相同', en: 'Defaults to the account', ja: '既定ではアカウントと同じ' },
     ssl: { zh: '使用 SSL', en: 'Use SSL', ja: 'SSL を使用' },
     test: { zh: '测试', en: 'Test', ja: 'テスト' },
     testSuccess: { zh: '测试消息已发送', en: 'Test message sent', ja: 'テストメッセージを送信しました' },
     testFailed: { zh: '测试发送失败', en: 'Test failed', ja: 'テスト送信に失敗しました' },
-    confirmDeleteChannel: { zh: '确认删除渠道「{name}」？', en: 'Delete channel "{name}"?', ja: 'チャネル「{name}」を削除しますか？' },
+    confirmDeleteChannel: {
+      zh: '确认删除渠道「{name}」？',
+      en: 'Delete channel "{name}"?',
+      ja: 'チャネル「{name}」を削除しますか？',
+    },
     saveChannelSuccess: { zh: '渠道已保存', en: 'Channel saved', ja: 'チャネルを保存しました' },
-    noChannels: { zh: '暂无渠道，请先添加', en: 'No channels yet, please add one', ja: 'チャネルがありません。追加してください' },
+    noChannels: {
+      zh: '暂无渠道，请先添加',
+      en: 'No channels yet, please add one',
+      ja: 'チャネルがありません。追加してください',
+    },
     logs: { zh: '最近发送记录', en: 'Recent deliveries', ja: '最近の送信履歴' },
     success: { zh: '成功', en: 'Success', ja: '成功' },
     failed: { zh: '失败', en: 'Failed', ja: '失敗' },
     noLogs: { zh: '暂无发送记录', en: 'No delivery records yet', ja: '送信履歴はまだありません' },
-    loadFailed: { zh: '加载通知设置失败', en: 'Failed to load notification settings', ja: '通知設定の読み込みに失敗しました' },
+    loadFailed: {
+      zh: '加载通知设置失败',
+      en: 'Failed to load notification settings',
+      ja: '通知設定の読み込みに失敗しました',
+    },
   },
 
   // 模型使用情况
@@ -322,7 +574,11 @@ export default {
     result: { zh: '结果', en: 'Result', ja: '結果' },
     level: { zh: '级别', en: 'Level', ja: 'レベル' },
     date: { zh: '日期', en: 'Date', ja: '日付' },
-    datePlaceholder: { zh: 'yyyy-MM-dd，留空为当前', en: 'yyyy-MM-dd, blank for current', ja: 'yyyy-MM-dd、空欄で現在' },
+    datePlaceholder: {
+      zh: 'yyyy-MM-dd，留空为当前',
+      en: 'yyyy-MM-dd, blank for current',
+      ja: 'yyyy-MM-dd、空欄で現在',
+    },
     range1h: { zh: '最近1小时', en: 'Last 1h', ja: '直近1時間' },
     range6h: { zh: '最近6小时', en: 'Last 6h', ja: '直近6時間' },
     range24h: { zh: '最近24小时', en: 'Last 24h', ja: '直近24時間' },
@@ -353,7 +609,11 @@ export default {
     retention180: { zh: '180 天', en: '180 days', ja: '180日' },
     retentionForever: { zh: '永久保留', en: 'Forever', ja: '永久保持' },
     retentionSaved: { zh: '日志保留策略已保存', en: 'Log retention saved', ja: 'ログ保持を保存しました' },
-    retentionFailed: { zh: '保存日志保留策略失败', en: 'Failed to save log retention', ja: 'ログ保持の保存に失敗しました' },
+    retentionFailed: {
+      zh: '保存日志保留策略失败',
+      en: 'Failed to save log retention',
+      ja: 'ログ保持の保存に失敗しました',
+    },
     loadFailed: { zh: '加载日志失败', en: 'Failed to load logs', ja: 'ログの読み込みに失敗しました' },
   },
 
@@ -383,14 +643,30 @@ export default {
     filterCategory: { zh: '分类', en: 'Category', ja: 'カテゴリ' },
     filterChannel: { zh: '交易渠道', en: 'Channel', ja: '取引チャネル' },
     filterTag: { zh: '标签', en: 'Tag', ja: 'タグ' },
-    aiSearchPlaceholder: { zh: '用一句话描述统计需求，如「上个月餐饮花了多少」', en: 'Describe what to analyze, e.g. "How much did I spend on dining last month?"', ja: '集計したい内容を文章で入力（例：先月の飲食費は？）' },
+    aiSearchPlaceholder: {
+      zh: '用一句话描述统计需求，如「上个月餐饮花了多少」',
+      en: 'Describe what to analyze, e.g. "How much did I spend on dining last month?"',
+      ja: '集計したい内容を文章で入力（例：先月の飲食費は？）',
+    },
     aiSearchButton: { zh: 'AI 搜索', en: 'AI Search', ja: 'AI 検索' },
     aiSearchEmpty: { zh: '请输入统计需求', en: 'Please enter a query', ja: '検索内容を入力してください' },
-    aiSearchApplied: { zh: '已按 AI 解析结果更新统计', en: 'Statistics updated from AI parsing', ja: 'AI の解析結果で統計を更新しました' },
+    aiSearchApplied: {
+      zh: '已按 AI 解析结果更新统计',
+      en: 'Statistics updated from AI parsing',
+      ja: 'AI の解析結果で統計を更新しました',
+    },
     aiSearchFailed: { zh: 'AI 统计搜索失败', en: 'AI statistics search failed', ja: 'AI 統計検索に失敗しました' },
     aiExample1: { zh: '上个月餐饮花了多少', en: 'How much on dining last month?', ja: '先月の飲食費は？' },
-    aiExample2: { zh: '近半年交通支出趋势，按周看', en: 'Transport spending trend over the last 6 months, weekly', ja: '直近半年の交通費の推移を週別で' },
-    aiExample3: { zh: '今年各类支出占比', en: 'Expense breakdown by category this year', ja: '今年のカテゴリ別支出割合' },
+    aiExample2: {
+      zh: '近半年交通支出趋势，按周看',
+      en: 'Transport spending trend over the last 6 months, weekly',
+      ja: '直近半年の交通費の推移を週別で',
+    },
+    aiExample3: {
+      zh: '今年各类支出占比',
+      en: 'Expense breakdown by category this year',
+      ja: '今年のカテゴリ別支出割合',
+    },
     minAmount: { zh: '最小金额', en: 'Min Amount', ja: '最小金額' },
     maxAmount: { zh: '最大金额', en: 'Max Amount', ja: '最大金額' },
     remark: { zh: '备注搜索', en: 'Search Remark', ja: '備考検索' },
@@ -404,7 +680,11 @@ export default {
     maxExpense: { zh: '最大单笔支出', en: 'Largest Expense', ja: '最大の支出' },
     avgExpense: { zh: '平均每笔支出', en: 'Avg. Expense', ja: '平均支出' },
     trend: { zh: '收支趋势', en: 'Income & Expense Trend', ja: '収支の推移' },
-    trendClickHint: { zh: '点击柱子查看对应明细', en: 'Click a bar to view matching records', ja: '棒をクリックすると該当明細を表示' },
+    trendClickHint: {
+      zh: '点击柱子查看对应明细',
+      en: 'Click a bar to view matching records',
+      ja: '棒をクリックすると該当明細を表示',
+    },
     expenseCategoryPie: { zh: '支出分类占比', en: 'Expense by Category', ja: '支出カテゴリの割合' },
     incomeCategoryPie: { zh: '收入分类占比', en: 'Income by Category', ja: '収入カテゴリの割合' },
     expenseChannelPie: { zh: '支出交易渠道占比', en: 'Expense by Channel', ja: '支出の取引チャネル割合' },
@@ -418,8 +698,16 @@ export default {
   // 日历
   calendar: {
     title: { zh: '日历', en: 'Calendar', ja: 'カレンダー' },
-    hint: { zh: '点击日期查看当天交易明细', en: "Click a date to view that day's transactions", ja: '日付をクリックするとその日の明細を表示します' },
-    loadFailed: { zh: '加载日历数据失败', en: 'Failed to load calendar data', ja: 'カレンダーデータの読み込みに失敗しました' },
+    hint: {
+      zh: '点击日期查看当天交易明细',
+      en: "Click a date to view that day's transactions",
+      ja: '日付をクリックするとその日の明細を表示します',
+    },
+    loadFailed: {
+      zh: '加载日历数据失败',
+      en: 'Failed to load calendar data',
+      ja: 'カレンダーデータの読み込みに失敗しました',
+    },
     transactionCount: { zh: '交易笔数', en: 'Transactions', ja: '取引件数' },
     today: { zh: '今天', en: 'Today', ja: '今日' },
     viewMonth: { zh: '月视图', en: 'Month', ja: '月' },
@@ -435,7 +723,11 @@ export default {
     detailTitle: { zh: '{date} 交易明细', en: 'Transactions on {date}', ja: '{date} の取引明細' },
     detailEmpty: { zh: '当天没有交易记录', en: 'No transactions on this day', ja: 'この日の取引はありません' },
     detailLoadFailed: { zh: '加载明细失败', en: 'Failed to load details', ja: '明細の読み込みに失敗しました' },
-    detailMore: { zh: '仅显示前 {shown} 条，共 {total} 条', en: 'Showing first {shown} of {total}', ja: '先頭 {shown} 件を表示（全 {total} 件）' },
+    detailMore: {
+      zh: '仅显示前 {shown} 条，共 {total} 条',
+      en: 'Showing first {shown} of {total}',
+      ja: '先頭 {shown} 件を表示（全 {total} 件）',
+    },
     viewInTransactions: { zh: '在收支记录中查看', en: 'View in Transactions', ja: '収支記録で表示' },
   },
 
@@ -464,11 +756,19 @@ export default {
     activeFilters: { zh: '已激活：', en: 'Active:', ja: '適用中：' },
     clearAll: { zh: '清空全部', en: 'Clear all', ja: 'すべてクリア' },
     exampleLabel: { zh: '示例', en: 'Examples', ja: '例' },
-    summary: { zh: '总计 {total} 条 · 第 {page} / {pages} 页 · 每页 {size} 条', en: 'Total {total} · Page {page} / {pages} · {size} per page', ja: '合計 {total} 件 · {page} / {pages} ページ · 1ページ {size} 件' },
+    summary: {
+      zh: '总计 {total} 条 · 第 {page} / {pages} 页 · 每页 {size} 条',
+      en: 'Total {total} · Page {page} / {pages} · {size} per page',
+      ja: '合計 {total} 件 · {page} / {pages} ページ · 1ページ {size} 件',
+    },
     pageExpense: { zh: '本页支出', en: 'Page Expense', ja: 'このページの支出' },
     pageIncome: { zh: '本页收入', en: 'Page Income', ja: 'このページの収入' },
     pageBalance: { zh: '本页结余', en: 'Page Balance', ja: 'このページの収支' },
-    pageExcluded: { zh: '（不计入统计：支出 {expense} · 收入 {income}）', en: '(Excluded: expense {expense} · income {income})', ja: '（集計対象外：支出 {expense} · 収入 {income}）' },
+    pageExcluded: {
+      zh: '（不计入统计：支出 {expense} · 收入 {income}）',
+      en: '(Excluded: expense {expense} · income {income})',
+      ja: '（集計対象外：支出 {expense} · 収入 {income}）',
+    },
     column: {
       index: { zh: '序号', en: 'No.', ja: 'No.' },
       transactionTime: { zh: '交易时间', en: 'Time', ja: '取引日時' },
@@ -500,8 +800,16 @@ export default {
     addRecordTitle: { zh: '新增记录', en: 'Add Record', ja: '記録を追加' },
     batchTitle: { zh: '一键设置分类与统计', en: 'Batch Set Category & Stats', ja: 'カテゴリと集計を一括設定' },
     batchScope: { zh: '作用范围', en: 'Scope', ja: '対象範囲' },
-    batchScopeHintSelected: { zh: '将对已勾选的 {count} 条记录设置分类与计入统计', en: 'Apply category and stats settings to the {count} selected record(s)', ja: '選択した {count} 件の記録にカテゴリと集計設定を適用します' },
-    batchScopeHintPage: { zh: '未勾选记录，将对当前表格展示的 {count} 条记录设置分类与计入统计', en: 'No selection; apply to the {count} records shown in the table', ja: '未選択のため、現在表示中の {count} 件の記録に適用します' },
+    batchScopeHintSelected: {
+      zh: '将对已勾选的 {count} 条记录设置分类与计入统计',
+      en: 'Apply category and stats settings to the {count} selected record(s)',
+      ja: '選択した {count} 件の記録にカテゴリと集計設定を適用します',
+    },
+    batchScopeHintPage: {
+      zh: '未勾选记录，将对当前表格展示的 {count} 条记录设置分类与计入统计',
+      en: 'No selection; apply to the {count} records shown in the table',
+      ja: '未選択のため、現在表示中の {count} 件の記録に適用します',
+    },
     expenseCategory: { zh: '支出分类', en: 'Expense Category', ja: '支出カテゴリ' },
     incomeCategory: { zh: '收入分类', en: 'Income Category', ja: '収入カテゴリ' },
     notSetExpense: { zh: '不设置支出分类', en: 'No expense category', ja: '支出カテゴリを設定しない' },
@@ -516,8 +824,16 @@ export default {
       exclude: { zh: '不计入统计', en: 'Exclude from Stats', ja: '集計から除外' },
     },
     includeInStats: { zh: '计入统计', en: 'In Stats', ja: '集計対象' },
-    includeInStatsHint: { zh: '关闭后不纳入月度统计（如借款、转账等）', en: 'When off, excluded from monthly stats (e.g. loans, transfers)', ja: 'オフにすると月次集計に含まれません（借入・振替など）' },
-    deleteConfirm: { zh: '确定要删除这条记录吗？', en: 'Are you sure you want to delete this record?', ja: 'この記録を削除してもよろしいですか？' },
+    includeInStatsHint: {
+      zh: '关闭后不纳入月度统计（如借款、转账等）',
+      en: 'When off, excluded from monthly stats (e.g. loans, transfers)',
+      ja: 'オフにすると月次集計に含まれません（借入・振替など）',
+    },
+    deleteConfirm: {
+      zh: '确定要删除这条记录吗？',
+      en: 'Are you sure you want to delete this record?',
+      ja: 'この記録を削除してもよろしいですか？',
+    },
     selectCategory: { zh: '请选择分类', en: 'Please select a category', ja: 'カテゴリを選択してください' },
     validAmount: { zh: '请输入有效金额', en: 'Please enter a valid amount', ja: '有効な金額を入力してください' },
     selectCategoryPlaceholder: { zh: '请选择分类', en: 'Select a category', ja: 'カテゴリを選択' },
@@ -529,20 +845,48 @@ export default {
     newCategoryButton: { zh: '新建分类', en: 'New Category', ja: 'カテゴリを新規作成' },
     newTagButton: { zh: '新建标签', en: 'New Tag', ja: 'タグを新規作成' },
     newChannelButton: { zh: '新建渠道', en: 'New Channel', ja: 'チャネルを新規作成' },
-    noRawData: { zh: '该记录没有原始账单数据', en: 'This record has no raw bill data', ja: 'この記録には元の明細データがありません' },
+    noRawData: {
+      zh: '该记录没有原始账单数据',
+      en: 'This record has no raw bill data',
+      ja: 'この記録には元の明細データがありません',
+    },
     remarkHiddenSuccess: { zh: '已隐藏备注', en: 'Remark hidden', ja: '備考を非表示にしました' },
     remarkShownSuccess: { zh: '已取消隐藏', en: 'Remark unhidden', ja: '備考の非表示を解除しました' },
     statsIncluded: { zh: '已计入统计', en: 'Included in stats', ja: '集計に含めました' },
     statsExcluded: { zh: '已排除统计', en: 'Excluded from stats', ja: '集計から除外しました' },
-    noRecordsToSet: { zh: '当前表格没有可设置的记录', en: 'No records available in the current table', ja: '現在のテーブルに設定できる記録がありません' },
-    batchNothingSelected: { zh: '请至少选择分类、计入统计或标签', en: 'Please select a category, stats option or tag', ja: 'カテゴリ、集計設定、タグのいずれかを選択してください' },
-    batchUpdated: { zh: '已更新 {count} 条记录 | 已更新 {count} 条记录', en: 'Updated {count} record | Updated {count} records', ja: '{count} 件を更新しました' },
+    noRecordsToSet: {
+      zh: '当前表格没有可设置的记录',
+      en: 'No records available in the current table',
+      ja: '現在のテーブルに設定できる記録がありません',
+    },
+    batchNothingSelected: {
+      zh: '请至少选择分类、计入统计或标签',
+      en: 'Please select a category, stats option or tag',
+      ja: 'カテゴリ、集計設定、タグのいずれかを選択してください',
+    },
+    batchUpdated: {
+      zh: '已更新 {count} 条记录 | 已更新 {count} 条记录',
+      en: 'Updated {count} record | Updated {count} records',
+      ja: '{count} 件を更新しました',
+    },
     batchDelete: { zh: '批量删除', en: 'Batch Delete', ja: '一括削除' },
-    batchDeleteNone: { zh: '请先选择要删除的记录', en: 'Please select records to delete', ja: '削除する記録を選択してください' },
-    batchDeleteConfirm: { zh: '确定删除选中的 {count} 条记录吗？', en: 'Delete the {count} selected record(s)?', ja: '選択した {count} 件を削除しますか？' },
+    batchDeleteNone: {
+      zh: '请先选择要删除的记录',
+      en: 'Please select records to delete',
+      ja: '削除する記録を選択してください',
+    },
+    batchDeleteConfirm: {
+      zh: '确定删除选中的 {count} 条记录吗？',
+      en: 'Delete the {count} selected record(s)?',
+      ja: '選択した {count} 件を削除しますか？',
+    },
     batchDeleted: { zh: '已删除 {count} 条记录', en: 'Deleted {count} record(s)', ja: '{count} 件を削除しました' },
     exportConfirmTitle: { zh: '导出确认', en: 'Export Confirmation', ja: 'エクスポート確認' },
-    exportConfirm: { zh: '确定要按当前筛选条件导出账单吗？', en: 'Export bills with the current filters?', ja: '現在の絞り込み条件で明細をエクスポートしますか？' },
+    exportConfirm: {
+      zh: '确定要按当前筛选条件导出账单吗？',
+      en: 'Export bills with the current filters?',
+      ja: '現在の絞り込み条件で明細をエクスポートしますか？',
+    },
     exportSuccess: { zh: '导出成功', en: 'Exported successfully', ja: 'エクスポートしました' },
     exportFailed: { zh: '导出失败', en: 'Export failed', ja: 'エクスポートに失敗しました' },
     exportFileName: { zh: '交易记录', en: 'transactions', ja: '取引記録' },
@@ -555,7 +899,11 @@ export default {
       viewCount: { zh: '{count} 个关系', en: '{count} relation(s)', ja: '{count} 件の関連' },
       none: { zh: '-', en: '-', ja: '-' },
       createFromSelection: { zh: '建立关系', en: 'Create Relation', ja: '関連を作成' },
-      selectAtLeastTwo: { zh: '请至少勾选两条账单', en: 'Please select at least two bills', ja: '明細を2件以上選択してください' },
+      selectAtLeastTwo: {
+        zh: '请至少勾选两条账单',
+        en: 'Please select at least two bills',
+        ja: '明細を2件以上選択してください',
+      },
       title: { zh: '账单关系', en: 'Bill Relations', ja: '明細の関連' },
       create: { zh: '新建关系', en: 'New Relation', ja: '関連を作成' },
       createTitle: { zh: '新建账单关系', en: 'New Bill Relation', ja: '明細の関連を作成' },
@@ -565,7 +913,11 @@ export default {
       typeParentChild: { zh: '父子关系', en: 'Parent-Child', ja: '親子関係' },
       typeSibling: { zh: '同级关系', en: 'Sibling', ja: '同級関係' },
       name: { zh: '关系名称', en: 'Relation Name', ja: '関連名' },
-      namePlaceholder: { zh: '可选，如「交通卡充值」', en: 'Optional, e.g. "Transit card top-up"', ja: '任意（例：交通カードのチャージ）' },
+      namePlaceholder: {
+        zh: '可选，如「交通卡充值」',
+        en: 'Optional, e.g. "Transit card top-up"',
+        ja: '任意（例：交通カードのチャージ）',
+      },
       remark: { zh: '备注', en: 'Remark', ja: '備考' },
       members: { zh: '关联账单', en: 'Related Bills', ja: '関連する明細' },
       addMember: { zh: '添加账单', en: 'Add Bill', ja: '明細を追加' },
@@ -574,9 +926,17 @@ export default {
       roleChild: { zh: '子账单', en: 'Child', ja: '子' },
       roleMember: { zh: '成员', en: 'Member', ja: 'メンバー' },
       edgeLabel: { zh: '关联', en: 'Linked', ja: '関連' },
-      minTwo: { zh: '关系组至少包含两条账单', en: 'A relation group needs at least two bills', ja: '関連グループには最低2件の明細が必要です' },
+      minTwo: {
+        zh: '关系组至少包含两条账单',
+        en: 'A relation group needs at least two bills',
+        ja: '関連グループには最低2件の明細が必要です',
+      },
       needParent: { zh: '请指定一条父账单', en: 'Please select one parent bill', ja: '親の明細を1件指定してください' },
-      deleteConfirm: { zh: '确定删除该关系组？仅解除关联，不会删除账单', en: 'Delete this relation group? Only the relation is removed, not the bills', ja: 'この関連グループを削除しますか？明細は削除されません' },
+      deleteConfirm: {
+        zh: '确定删除该关系组？仅解除关联，不会删除账单',
+        en: 'Delete this relation group? Only the relation is removed, not the bills',
+        ja: 'この関連グループを削除しますか？明細は削除されません',
+      },
       saveFailed: { zh: '保存账单关系失败', en: 'Failed to save the relation', ja: '関連の保存に失敗しました' },
       loadFailed: { zh: '加载账单关系失败', en: 'Failed to load relations', ja: '関連の読み込みに失敗しました' },
       deleteFailed: { zh: '删除账单关系失败', en: 'Failed to delete the relation', ja: '関連の削除に失敗しました' },
@@ -608,11 +968,19 @@ export default {
     type: { zh: '类型', en: 'Type', ja: '種類' },
     icon: { zh: '图标', en: 'Icon', ja: 'アイコン' },
     iconPlaceholder: { zh: '点击选择 Emoji', en: 'Click to pick an emoji', ja: 'クリックして絵文字を選択' },
-    emojiInputPlaceholder: { zh: '自定义输入 Emoji 或文字', en: 'Custom emoji or text', ja: '絵文字または文字を自由に入力' },
+    emojiInputPlaceholder: {
+      zh: '自定义输入 Emoji 或文字',
+      en: 'Custom emoji or text',
+      ja: '絵文字または文字を自由に入力',
+    },
     clearIcon: { zh: '清除图标', en: 'Clear icon', ja: 'アイコンをクリア' },
     sort: { zh: '排序', en: 'Order', ja: '並び順' },
     nameRequired: { zh: '请输入分类名称', en: 'Please enter a category name', ja: 'カテゴリ名を入力してください' },
-    deleteConfirm: { zh: '确定要删除这个分类吗？', en: 'Are you sure you want to delete this category?', ja: 'このカテゴリを削除してもよろしいですか？' },
+    deleteConfirm: {
+      zh: '确定要删除这个分类吗？',
+      en: 'Are you sure you want to delete this category?',
+      ja: 'このカテゴリを削除してもよろしいですか？',
+    },
   },
 
   // 标签管理
@@ -627,7 +995,11 @@ export default {
     color: { zh: '颜色', en: 'Color', ja: '色' },
     sort: { zh: '排序', en: 'Order', ja: '並び順' },
     nameRequired: { zh: '请输入标签名称', en: 'Please enter a tag name', ja: 'タグ名を入力してください' },
-    deleteConfirm: { zh: '删除后将从所有交易记录中移除该标签，确定删除吗？', en: 'This tag will be removed from all transactions. Delete it?', ja: '削除するとすべての取引記録からこのタグが外れます。削除してもよろしいですか？' },
+    deleteConfirm: {
+      zh: '删除后将从所有交易记录中移除该标签，确定删除吗？',
+      en: 'This tag will be removed from all transactions. Delete it?',
+      ja: '削除するとすべての取引記録からこのタグが外れます。削除してもよろしいですか？',
+    },
   },
 
   // 交易渠道管理（用户自定义）
@@ -642,8 +1014,16 @@ export default {
     usage: { zh: '使用账单数', en: 'Used by', ja: '使用件数' },
     usageCount: { zh: '{count} 笔账单', en: '{count} record(s)', ja: '{count} 件' },
     unused: { zh: '未使用', en: 'Unused', ja: '未使用' },
-    deleteConfirm: { zh: '确定删除渠道「{name}」吗？', en: 'Delete channel "{name}"?', ja: 'チャネル「{name}」を削除しますか？' },
-    hint: { zh: '自定义渠道可用于记账与筛选；删除前需确保没有任何账单使用该渠道，改名不影响历史账单。', en: 'Custom channels can be used in entries and filters. A channel can only be deleted when no transaction uses it; renaming does not affect existing records.', ja: 'カスタムチャネルは記帳や絞り込みに利用できます。取引で使用中のチャネルは削除できません。名前の変更は既存の記録に影響しません。' },
+    deleteConfirm: {
+      zh: '确定删除渠道「{name}」吗？',
+      en: 'Delete channel "{name}"?',
+      ja: 'チャネル「{name}」を削除しますか？',
+    },
+    hint: {
+      zh: '自定义渠道可用于记账与筛选；删除前需确保没有任何账单使用该渠道，改名不影响历史账单。',
+      en: 'Custom channels can be used in entries and filters. A channel can only be deleted when no transaction uses it; renaming does not affect existing records.',
+      ja: 'カスタムチャネルは記帳や絞り込みに利用できます。取引で使用中のチャネルは削除できません。名前の変更は既存の記録に影響しません。',
+    },
     manageEntry: { zh: '渠道管理', en: 'Channels', ja: 'チャネル管理' },
   },
 
@@ -658,7 +1038,11 @@ export default {
     nameRequired: { zh: '请输入规则名称', en: 'Please enter a rule name', ja: 'ルール名を入力してください' },
     condition: { zh: '匹配条件', en: 'Conditions', ja: '一致条件' },
     keyword: { zh: '关键词', en: 'Keyword', ja: 'キーワード' },
-    keywordPlaceholder: { zh: '匹配备注/交易对方/商品名称，包含即命中', en: 'Matches remark / counterparty / product (contains)', ja: '備考／取引相手／商品名に含まれれば一致' },
+    keywordPlaceholder: {
+      zh: '匹配备注/交易对方/商品名称，包含即命中',
+      en: 'Matches remark / counterparty / product (contains)',
+      ja: '備考／取引相手／商品名に含まれれば一致',
+    },
     amountRange: { zh: '金额区间', en: 'Amount Range', ja: '金額範囲' },
     typeAny: { zh: '不限类型', en: 'Any type', ja: '種類を問わない' },
     targetCategory: { zh: '目标分类', en: 'Target Category', ja: '対象カテゴリ' },
@@ -671,17 +1055,41 @@ export default {
     summaryAmountMin: { zh: '≥ {min}', en: '≥ {min}', ja: '≥ {min}' },
     summaryAmountMax: { zh: '≤ {max}', en: '≤ {max}', ja: '≤ {max}' },
     summaryNone: { zh: '无条件', en: 'No condition', ja: '条件なし' },
-    deleteConfirm: { zh: '确定要删除这个规则吗？', en: 'Are you sure you want to delete this rule?', ja: 'このルールを削除してもよろしいですか？' },
-    loadCategoriesFailed: { zh: '加载分类失败', en: 'Failed to load categories', ja: 'カテゴリの読み込みに失敗しました' },
+    deleteConfirm: {
+      zh: '确定要删除这个规则吗？',
+      en: 'Are you sure you want to delete this rule?',
+      ja: 'このルールを削除してもよろしいですか？',
+    },
+    loadCategoriesFailed: {
+      zh: '加载分类失败',
+      en: 'Failed to load categories',
+      ja: 'カテゴリの読み込みに失敗しました',
+    },
     loadTagsFailed: { zh: '加载标签失败', en: 'Failed to load tags', ja: 'タグの読み込みに失敗しました' },
-    searchPlaceholder: { zh: '搜索规则名称或关键词', en: 'Search name or keyword', ja: 'ルール名またはキーワードを検索' },
+    searchPlaceholder: {
+      zh: '搜索规则名称或关键词',
+      en: 'Search name or keyword',
+      ja: 'ルール名またはキーワードを検索',
+    },
     status: { zh: '启用状态', en: 'Status', ja: '有効状態' },
     statusOn: { zh: '已启用', en: 'Enabled', ja: '有効' },
     statusOff: { zh: '已停用', en: 'Disabled', ja: '無効' },
     batchDelete: { zh: '批量删除', en: 'Batch Delete', ja: '一括削除' },
-    batchDeleteNone: { zh: '请先选择要删除的规则', en: 'Please select rules to delete', ja: '削除するルールを選択してください' },
-    batchDeleteConfirm: { zh: '确定删除选中的 {count} 条规则吗？', en: 'Delete the {count} selected rule(s)?', ja: '選択した {count} 件のルールを削除しますか？' },
-    batchDeleted: { zh: '已删除 {count} 条规则', en: 'Deleted {count} rule(s)', ja: '{count} 件のルールを削除しました' },
+    batchDeleteNone: {
+      zh: '请先选择要删除的规则',
+      en: 'Please select rules to delete',
+      ja: '削除するルールを選択してください',
+    },
+    batchDeleteConfirm: {
+      zh: '确定删除选中的 {count} 条规则吗？',
+      en: 'Delete the {count} selected rule(s)?',
+      ja: '選択した {count} 件のルールを削除しますか？',
+    },
+    batchDeleted: {
+      zh: '已删除 {count} 条规则',
+      en: 'Deleted {count} rule(s)',
+      ja: '{count} 件のルールを削除しました',
+    },
   },
 
   // 账单导入
@@ -696,27 +1104,79 @@ export default {
     billTypeCMB: { zh: '招商银行', en: 'China Merchants Bank', ja: '招商銀行' },
     billTypeBOCOM: { zh: '交通银行', en: 'Bank of Communications', ja: '交通銀行' },
     billFile: { zh: '账单文件：', en: 'Bill file:', ja: '明細ファイル：' },
-    dropText: { zh: '点击或拖拽文件到此处', en: 'Click or drag a file here', ja: 'クリックまたはドラッグでファイルを選択' },
-    fileHint: { zh: '仅支持{label}导出的账单文件或 zip 压缩包（{exts}）', en: 'Only {label} bill files or zip archives are supported ({exts})', ja: '{label}からエクスポートした明細ファイルまたは zip 圧縮ファイルのみ対応（{exts}）' },
+    dropText: {
+      zh: '点击或拖拽文件到此处',
+      en: 'Click or drag a file here',
+      ja: 'クリックまたはドラッグでファイルを選択',
+    },
+    fileHint: {
+      zh: '仅支持{label}导出的账单文件或 zip 压缩包（{exts}）',
+      en: 'Only {label} bill files or zip archives are supported ({exts})',
+      ja: '{label}からエクスポートした明細ファイルまたは zip 圧縮ファイルのみ対応（{exts}）',
+    },
     extSeparator: { zh: '、', en: ', ', ja: '、' },
-    exportHintALIPAY: { zh: '导出路径：支付宝 App → 我的 → 账单 → 开具交易流水证明 / 账单导出，选择 CSV 格式。', en: 'Export path: Alipay App → Me → Bills → Issue Transaction Record / Export Bill, choose CSV format.', ja: 'エクスポート手順：Alipay アプリ → マイ → 請求 → 取引履歴証明の発行 / 明細のエクスポート で CSV 形式を選択。' },
-    exportHintWECHAT: { zh: '导出路径：微信 App → 我 → 服务 → 钱包 → 账单 → 常见问题 → 下载账单 → 用于个人对账，选择 xlsx 格式。', en: 'Export path: WeChat App → Me → Services → Wallet → Bills → FAQ → Download Bills → For personal reconciliation, choose xlsx format.', ja: 'エクスポート手順：WeChat アプリ → 自分 → サービス → ウォレット → 請求 → よくある質問 → 請求書のダウンロード → 個人の照合用 で xlsx 形式を選択。' },
-    exportHintMEITUAN: { zh: '导出路径：美团 App → 我的 → 钱包 → 账单 → 开具账单证明（申请记录），选择 CSV 格式并设置解压密码。', en: 'Export path: Meituan App → Me → Wallet → Bills → Issue Bill Certificate (Application Record), choose CSV format and set an archive password.', ja: 'エクスポート手順：Meituan アプリ → マイ → ウォレット → 請求 → 請求証明の発行（申請履歴）で CSV 形式を選択し、解凍パスワードを設定。' },
-    exportHintTAOBAO: { zh: '导出路径：淘宝网页版 → 我的淘宝 → 我的订单 → 已买到的宝贝 → 导出订单，下载 xlsx。', en: 'Export path: Taobao web → My Taobao → My Orders → Purchased Items → Export Orders, download as xlsx.', ja: 'エクスポート手順：Taobao ウェブ版 → マイ淘宝 → マイ注文 → 購入済み商品 → 注文をエクスポート で xlsx をダウンロード。' },
-    exportHintJD: { zh: '导出路径：京东 App → 我的 → 设置 → 账单 → 右上角「…」→ 账单导出，设置接收邮箱后提交，从邮件下载 CSV（解压密码见邮件说明）。', en: 'Export path: JD App → Me → Settings → Bills → top-right "…" → Bill Export, set a receiving email and submit, then download the CSV from the email (archive password is in the email).', ja: 'エクスポート手順：JD アプリ → マイ → 設定 → 請求 → 右上の「…」→ 請求エクスポート で受信メールを設定して送信し、メールから CSV をダウンロード（解凍パスワードはメールに記載）。' },
-    exportHintCMB: { zh: '导出路径：招商银行 App → 我的 → 全部 → 交易流水，支持 CSV 或 PDF 格式导出（如需压缩包请设置解压密码）。', en: 'Export path: China Merchants Bank App → Me → All → Transaction Records; CSV or PDF is supported (set an archive password if zipped).', ja: 'エクスポート手順：招商銀行アプリ → マイ → すべて → 取引明細。CSV または PDF 形式に対応（圧縮する場合は解凍パスワードを設定）。' },
-    exportHintBOCOM: { zh: '导出路径：交通银行 App → 我的 → 银行卡 → 交易明细，选择查询时间段后导出 Excel（xls）。', en: 'Export path: Bank of Communications App → Me → Bank Cards → Transaction Details, choose a date range and export Excel (xls).', ja: 'エクスポート手順：交通銀行アプリ → マイ → 銀行カード → 取引明細 で期間を選択し Excel（xls）でエクスポート。' },
+    exportHintALIPAY: {
+      zh: '导出路径：支付宝 App → 我的 → 账单 → 开具交易流水证明 / 账单导出，选择 CSV 格式。',
+      en: 'Export path: Alipay App → Me → Bills → Issue Transaction Record / Export Bill, choose CSV format.',
+      ja: 'エクスポート手順：Alipay アプリ → マイ → 請求 → 取引履歴証明の発行 / 明細のエクスポート で CSV 形式を選択。',
+    },
+    exportHintWECHAT: {
+      zh: '导出路径：微信 App → 我 → 服务 → 钱包 → 账单 → 常见问题 → 下载账单 → 用于个人对账，选择 xlsx 格式。',
+      en: 'Export path: WeChat App → Me → Services → Wallet → Bills → FAQ → Download Bills → For personal reconciliation, choose xlsx format.',
+      ja: 'エクスポート手順：WeChat アプリ → 自分 → サービス → ウォレット → 請求 → よくある質問 → 請求書のダウンロード → 個人の照合用 で xlsx 形式を選択。',
+    },
+    exportHintMEITUAN: {
+      zh: '导出路径：美团 App → 我的 → 钱包 → 账单 → 开具账单证明（申请记录），选择 CSV 格式并设置解压密码。',
+      en: 'Export path: Meituan App → Me → Wallet → Bills → Issue Bill Certificate (Application Record), choose CSV format and set an archive password.',
+      ja: 'エクスポート手順：Meituan アプリ → マイ → ウォレット → 請求 → 請求証明の発行（申請履歴）で CSV 形式を選択し、解凍パスワードを設定。',
+    },
+    exportHintTAOBAO: {
+      zh: '导出路径：淘宝网页版 → 我的淘宝 → 我的订单 → 已买到的宝贝 → 导出订单，下载 xlsx。',
+      en: 'Export path: Taobao web → My Taobao → My Orders → Purchased Items → Export Orders, download as xlsx.',
+      ja: 'エクスポート手順：Taobao ウェブ版 → マイ淘宝 → マイ注文 → 購入済み商品 → 注文をエクスポート で xlsx をダウンロード。',
+    },
+    exportHintJD: {
+      zh: '导出路径：京东 App → 我的 → 设置 → 账单 → 右上角「…」→ 账单导出，设置接收邮箱后提交，从邮件下载 CSV（解压密码见邮件说明）。',
+      en: 'Export path: JD App → Me → Settings → Bills → top-right "…" → Bill Export, set a receiving email and submit, then download the CSV from the email (archive password is in the email).',
+      ja: 'エクスポート手順：JD アプリ → マイ → 設定 → 請求 → 右上の「…」→ 請求エクスポート で受信メールを設定して送信し、メールから CSV をダウンロード（解凍パスワードはメールに記載）。',
+    },
+    exportHintCMB: {
+      zh: '导出路径：招商银行 App → 我的 → 全部 → 交易流水，支持 CSV 或 PDF 格式导出（如需压缩包请设置解压密码）。',
+      en: 'Export path: China Merchants Bank App → Me → All → Transaction Records; CSV or PDF is supported (set an archive password if zipped).',
+      ja: 'エクスポート手順：招商銀行アプリ → マイ → すべて → 取引明細。CSV または PDF 形式に対応（圧縮する場合は解凍パスワードを設定）。',
+    },
+    exportHintBOCOM: {
+      zh: '导出路径：交通银行 App → 我的 → 银行卡 → 交易明细，选择查询时间段后导出 Excel（xls）。',
+      en: 'Export path: Bank of Communications App → Me → Bank Cards → Transaction Details, choose a date range and export Excel (xls).',
+      ja: 'エクスポート手順：交通銀行アプリ → マイ → 銀行カード → 取引明細 で期間を選択し Excel（xls）でエクスポート。',
+    },
     parse: { zh: '解析', en: 'Parse', ja: '解析' },
-    expenseDefaultCategory: { zh: '支出默认分类（可不选）：', en: 'Default expense category (optional):', ja: '支出の既定カテゴリ（任意）：' },
-    incomeDefaultCategory: { zh: '收入默认分类（可不选）：', en: 'Default income category (optional):', ja: '収入の既定カテゴリ（任意）：' },
+    expenseDefaultCategory: {
+      zh: '支出默认分类（可不选）：',
+      en: 'Default expense category (optional):',
+      ja: '支出の既定カテゴリ（任意）：',
+    },
+    incomeDefaultCategory: {
+      zh: '收入默认分类（可不选）：',
+      en: 'Default income category (optional):',
+      ja: '収入の既定カテゴリ（任意）：',
+    },
     defaultTags: { zh: '默认标签（可不选）：', en: 'Default tags (optional):', ja: '既定タグ（任意）：' },
     notSetCategory: { zh: '未选则不计分类', en: 'No category if unselected', ja: '未選択の場合は分類なし' },
     notSetTag: { zh: '未选则不打标签', en: 'No tags if unselected', ja: '未選択の場合はタグなし' },
     selectAll: { zh: '全选', en: 'Select All', ja: 'すべて選択' },
     setIncluded: { zh: '设为计入', en: 'Set Included', ja: '集計に含める' },
     setExcluded: { zh: '设为不计入', en: 'Set Excluded', ja: '集計から除外' },
-    previewSummary: { zh: '共 {total} 条，筛选后 {filtered} 条，已勾选 {checked} 条', en: 'Total {total}, {filtered} after filtering, {checked} selected', ja: '全 {total} 件、絞り込み後 {filtered} 件、選択済み {checked} 件' },
-    searchPlaceholder: { zh: '搜索交易对方/商品/单号', en: 'Search counterparty / product / order no.', ja: '取引相手／商品／注文番号を検索' },
+    previewSummary: {
+      zh: '共 {total} 条，筛选后 {filtered} 条，已勾选 {checked} 条',
+      en: 'Total {total}, {filtered} after filtering, {checked} selected',
+      ja: '全 {total} 件、絞り込み後 {filtered} 件、選択済み {checked} 件',
+    },
+    searchPlaceholder: {
+      zh: '搜索交易对方/商品/单号',
+      en: 'Search counterparty / product / order no.',
+      ja: '取引相手／商品／注文番号を検索',
+    },
     typePlaceholder: { zh: '类型', en: 'Type', ja: '種類' },
     statusPlaceholder: { zh: '状态', en: 'Status', ja: 'ステータス' },
     typeFilter: {
@@ -733,7 +1193,11 @@ export default {
     notImportable: { zh: '不可导入', en: 'Not Importable', ja: 'インポート不可' },
     prevStep: { zh: '上一步', en: 'Previous', ja: '前へ' },
     confirmImport: { zh: '确认导入（{count}）', en: 'Confirm Import ({count})', ja: 'インポートを確定（{count}）' },
-    resultSummary: { zh: '导入完成：成功 {imported} 条，跳过 {skipped} 条，失败 {failed} 条', en: 'Import complete: {imported} succeeded, {skipped} skipped, {failed} failed', ja: 'インポート完了：成功 {imported} 件、スキップ {skipped} 件、失敗 {failed} 件' },
+    resultSummary: {
+      zh: '导入完成：成功 {imported} 条，跳过 {skipped} 条，失败 {failed} 条',
+      en: 'Import complete: {imported} succeeded, {skipped} skipped, {failed} failed',
+      ja: 'インポート完了：成功 {imported} 件、スキップ {skipped} 件、失敗 {failed} 件',
+    },
     done: { zh: '完成', en: 'Done', ja: '完了' },
     column: {
       transactionTime: { zh: '交易时间', en: 'Time', ja: '取引日時' },
@@ -745,30 +1209,70 @@ export default {
       matchedRule: { zh: '匹配规则/建议', en: 'Matched Rule', ja: '一致ルール' },
       includeInStats: { zh: '计入统计', en: 'Include in Stats', ja: '集計に含める' },
     },
-    errorFileType: { zh: '账单类型「{label}」仅支持 {exts} 格式的文件', en: 'Bill type "{label}" only supports files in {exts} format', ja: '明細の種類「{label}」は {exts} 形式のファイルのみ対応しています' },
-    selectFileFirst: { zh: '请先选择账单文件', en: 'Please select a bill file first', ja: '先に明細ファイルを選択してください' },
+    errorFileType: {
+      zh: '账单类型「{label}」仅支持 {exts} 格式的文件',
+      en: 'Bill type "{label}" only supports files in {exts} format',
+      ja: '明細の種類「{label}」は {exts} 形式のファイルのみ対応しています',
+    },
+    selectFileFirst: {
+      zh: '请先选择账单文件',
+      en: 'Please select a bill file first',
+      ja: '先に明細ファイルを選択してください',
+    },
     parseFailed: { zh: '解析失败', en: 'Parse failed', ja: '解析に失敗しました' },
-    selectAtLeastOne: { zh: '请至少勾选一条记录', en: 'Please select at least one record', ja: '少なくとも1件の記録を選択してください' },
+    selectAtLeastOne: {
+      zh: '请至少勾选一条记录',
+      en: 'Please select at least one record',
+      ja: '少なくとも1件の記録を選択してください',
+    },
     importFailed: { zh: '导入失败', en: 'Import failed', ja: 'インポートに失敗しました' },
-    loadCategoriesFailed: { zh: '加载分类失败', en: 'Failed to load categories', ja: 'カテゴリの読み込みに失敗しました' },
+    loadCategoriesFailed: {
+      zh: '加载分类失败',
+      en: 'Failed to load categories',
+      ja: 'カテゴリの読み込みに失敗しました',
+    },
     loadTagsFailed: { zh: '加载标签失败', en: 'Failed to load tags', ja: 'タグの読み込みに失敗しました' },
     passwordTitle: { zh: '解压密码', en: 'Archive Password', ja: '解凍パスワード' },
-    passwordTip: { zh: '该压缩包已加密，请输入解压密码。', en: 'This archive is encrypted. Please enter the password.', ja: 'この圧縮ファイルは暗号化されています。パスワードを入力してください。' },
+    passwordTip: {
+      zh: '该压缩包已加密，请输入解压密码。',
+      en: 'This archive is encrypted. Please enter the password.',
+      ja: 'この圧縮ファイルは暗号化されています。パスワードを入力してください。',
+    },
     passwordPlaceholder: { zh: '请输入解压密码', en: 'Enter the archive password', ja: 'パスワードを入力してください' },
-    passwordRequired: { zh: '请输入解压密码', en: 'Please enter the archive password', ja: 'パスワードを入力してください' },
+    passwordRequired: {
+      zh: '请输入解压密码',
+      en: 'Please enter the archive password',
+      ja: 'パスワードを入力してください',
+    },
     passwordWrong: { zh: '解压密码错误', en: 'Incorrect archive password', ja: 'パスワードが正しくありません' },
   },
 
   // AI 智能建议
   ai: {
-    intro: { zh: '启用后，可在收支记录页使用 AI 智能建议（一键设置中推荐分类与标签）、智能记账与 AI 查询；调用量与 Token 消耗可在「模型使用情况」查看。', en: 'Once enabled, you can use AI suggestions (categories & tags in Batch Set), Smart Entry, and AI Query on the Transactions page; call counts and token usage are available under "Model Usage".', ja: '有効にすると、収支記録ページで AI 提案（一括設定でカテゴリとタグを推薦）、スマート入力、AI 検索を利用できます。呼び出し回数とトークン消費は「モデル利用状況」で確認できます。' },
+    intro: {
+      zh: '启用后，可在收支记录页使用 AI 智能建议（一键设置中推荐分类与标签）、智能记账与 AI 查询；调用量与 Token 消耗可在「模型使用情况」查看。',
+      en: 'Once enabled, you can use AI suggestions (categories & tags in Batch Set), Smart Entry, and AI Query on the Transactions page; call counts and token usage are available under "Model Usage".',
+      ja: '有効にすると、収支記録ページで AI 提案（一括設定でカテゴリとタグを推薦）、スマート入力、AI 検索を利用できます。呼び出し回数とトークン消費は「モデル利用状況」で確認できます。',
+    },
     enabledOn: { zh: '已启用', en: 'Enabled', ja: '有効' },
     enabledOff: { zh: '未启用', en: 'Disabled', ja: '無効' },
     enabled: { zh: '启用 AI 建议', en: 'Enable AI suggestions', ja: 'AI 提案を有効にする' },
-    enabledHint: { zh: '关闭后不会发起任何 AI 请求', en: 'No AI requests are sent when disabled', ja: 'オフにすると AI リクエストは送信されません' },
+    enabledHint: {
+      zh: '关闭后不会发起任何 AI 请求',
+      en: 'No AI requests are sent when disabled',
+      ja: 'オフにすると AI リクエストは送信されません',
+    },
     apiKey: { zh: 'API Key', en: 'API Key', ja: 'API Key' },
-    apiKeyPlaceholder: { zh: '请输入 DeepSeek API Key', en: 'Enter your DeepSeek API Key', ja: 'DeepSeek API Key を入力してください' },
-    apiKeyKeep: { zh: '已配置，留空表示不修改', en: 'Configured; leave blank to keep unchanged', ja: '設定済み。空欄のままにすると変更されません' },
+    apiKeyPlaceholder: {
+      zh: '请输入 DeepSeek API Key',
+      en: 'Enter your DeepSeek API Key',
+      ja: 'DeepSeek API Key を入力してください',
+    },
+    apiKeyKeep: {
+      zh: '已配置，留空表示不修改',
+      en: 'Configured; leave blank to keep unchanged',
+      ja: '設定済み。空欄のままにすると変更されません',
+    },
     baseUrl: { zh: '接口地址', en: 'Base URL', ja: 'エンドポイント' },
     model: { zh: '模型', en: 'Model', ja: 'モデル' },
     visionModel: { zh: '视觉模型', en: 'Vision model', ja: 'ビジョンモデル' },
@@ -788,22 +1292,58 @@ export default {
     },
     suggestTitle: { zh: 'AI 分类与标签建议', en: 'AI category & tag suggestions', ja: 'AI によるカテゴリとタグの提案' },
     suggesting: { zh: '正在分析，请稍候…', en: 'Analyzing, please wait…', ja: '分析中です。しばらくお待ちください…' },
-    suggestFailed: { zh: 'AI 建议生成失败', en: 'Failed to generate AI suggestions', ja: 'AI 提案の生成に失敗しました' },
-    noSuggestion: { zh: 'AI 未返回有效建议', en: 'AI returned no valid suggestions', ja: 'AI から有効な提案が返されませんでした' },
+    suggestFailed: {
+      zh: 'AI 建议生成失败',
+      en: 'Failed to generate AI suggestions',
+      ja: 'AI 提案の生成に失敗しました',
+    },
+    noSuggestion: {
+      zh: 'AI 未返回有效建议',
+      en: 'AI returned no valid suggestions',
+      ja: 'AI から有効な提案が返されませんでした',
+    },
     applyAll: { zh: '应用勾选（{count}）', en: 'Apply selected ({count})', ja: '選択項目を適用（{count}）' },
-    applyNone: { zh: '请至少勾选一条建议', en: 'Please select at least one suggestion', ja: '少なくとも1件の提案を選択してください' },
-    aggregated: { zh: '已聚合为 {groups} 类、共 {count} 条记录', en: 'Aggregated into {groups} groups, {count} records in total', ja: '{groups} グループ、合計 {count} 件の記録に集約しました' },
-    applySuccess: { zh: '已应用 {count} 条建议', en: 'Applied {count} suggestions', ja: '{count} 件の提案を適用しました' },
+    applyNone: {
+      zh: '请至少勾选一条建议',
+      en: 'Please select at least one suggestion',
+      ja: '少なくとも1件の提案を選択してください',
+    },
+    aggregated: {
+      zh: '已聚合为 {groups} 类、共 {count} 条记录',
+      en: 'Aggregated into {groups} groups, {count} records in total',
+      ja: '{groups} グループ、合計 {count} 件の記録に集約しました',
+    },
+    applySuccess: {
+      zh: '已应用 {count} 条建议',
+      en: 'Applied {count} suggestions',
+      ja: '{count} 件の提案を適用しました',
+    },
     oneApplied: { zh: '已应用 AI 推荐分类', en: 'AI category applied', ja: 'AI が提案したカテゴリを適用しました' },
     channelApplied: { zh: '已应用 AI 推荐渠道', en: 'AI channel applied', ja: 'AI が提案したチャネルを適用しました' },
-    noChannelSuggestion: { zh: '未找到合适的渠道建议', en: 'No channel suggestion', ja: '適切なチャネル提案が見つかりません' },
+    noChannelSuggestion: {
+      zh: '未找到合适的渠道建议',
+      en: 'No channel suggestion',
+      ja: '適切なチャネル提案が見つかりません',
+    },
     tagApplied: { zh: '已应用 AI 推荐标签', en: 'AI tags applied', ja: 'AI が提案したタグを適用しました' },
     applyFailed: { zh: '应用建议失败', en: 'Failed to apply suggestions', ja: '提案の適用に失敗しました' },
-    applyHint: { zh: '将覆盖分类并追加标签；标记「新建」的分类/标签会在确认后创建', en: 'Categories will be overwritten and tags appended; items marked "New" will be created after confirmation.', ja: 'カテゴリは上書き、タグは追加されます。「新規」の項目は確定後に作成されます。' },
+    applyHint: {
+      zh: '将覆盖分类并追加标签；标记「新建」的分类/标签会在确认后创建',
+      en: 'Categories will be overwritten and tags appended; items marked "New" will be created after confirmation.',
+      ja: 'カテゴリは上書き、タグは追加されます。「新規」の項目は確定後に作成されます。',
+    },
     newBadge: { zh: '新建', en: 'New', ja: '新規' },
     applyNewTitle: { zh: '确认新建', en: 'Confirm creation', ja: '新規作成の確認' },
-    applyNewConfirm: { zh: '将新建 {categories} 个分类、{tags} 个标签，确认应用？', en: 'Will create {categories} category(ies) and {tags} tag(s). Continue?', ja: '{categories} 件のカテゴリと {tags} 件のタグを作成します。適用しますか？' },
-    needConfig: { zh: 'AI 未启用，请先在「AI 设置」中配置', en: 'AI is not enabled. Please configure it in AI Settings first.', ja: 'AI が有効になっていません。「AI 設定」で設定してください。' },
+    applyNewConfirm: {
+      zh: '将新建 {categories} 个分类、{tags} 个标签，确认应用？',
+      en: 'Will create {categories} category(ies) and {tags} tag(s). Continue?',
+      ja: '{categories} 件のカテゴリと {tags} 件のタグを作成します。適用しますか？',
+    },
+    needConfig: {
+      zh: 'AI 未启用，请先在「AI 设置」中配置',
+      en: 'AI is not enabled. Please configure it in AI Settings first.',
+      ja: 'AI が有効になっていません。「AI 設定」で設定してください。',
+    },
     decorate: {
       emojiButton: { zh: 'AI 推荐', en: 'AI Pick', ja: 'AI におまかせ' },
       colorButton: { zh: 'AI 推荐', en: 'AI Pick', ja: 'AI におまかせ' },
@@ -813,79 +1353,171 @@ export default {
     rule: {
       entry: { zh: 'AI 生成规则', en: 'AI Generate Rules', ja: 'AI でルール生成' },
       title: { zh: 'AI 生成规则建议', en: 'AI Rule Suggestions', ja: 'AI ルール提案' },
-      hint: { zh: 'AI 将依据所选记录的已有标签与分类，生成分类与标签规则建议，可编辑后勾选创建', en: 'AI derives rules from the tags and categories of the selected records; edit and select to create.', ja: 'AI が選択した記録の既存タグとカテゴリからルールを提案します。編集して選択後に作成できます。' },
-      selectHint: { zh: '选择要用于生成规则的已打标签记录（默认全选当前页，已选 {count} 条）', en: 'Select tagged records to derive rules (current page selected by default, {count} selected)', ja: 'ルール生成に使うタグ付き記録を選択（既定で現在ページを全選択、選択中 {count} 件）' },
+      hint: {
+        zh: 'AI 将依据所选记录的已有标签与分类，生成分类与标签规则建议，可编辑后勾选创建',
+        en: 'AI derives rules from the tags and categories of the selected records; edit and select to create.',
+        ja: 'AI が選択した記録の既存タグとカテゴリからルールを提案します。編集して選択後に作成できます。',
+      },
+      selectHint: {
+        zh: '选择要用于生成规则的已打标签记录（默认全选当前页，已选 {count} 条）',
+        en: 'Select tagged records to derive rules (current page selected by default, {count} selected)',
+        ja: 'ルール生成に使うタグ付き記録を選択（既定で現在ページを全選択、選択中 {count} 件）',
+      },
       searchPlaceholder: { zh: '搜索备注', en: 'Search remark', ja: '備考を検索' },
       selectPageAll: { zh: '全选本页', en: 'Select page', ja: 'このページを全選択' },
       clearSelection: { zh: '清空选择', en: 'Clear selection', ja: '選択をクリア' },
       generate: { zh: '生成规则', en: 'Generate rules', ja: 'ルールを生成' },
       back: { zh: '返回上一步', en: 'Back', ja: '戻る' },
       noTagged: { zh: '暂无可用的已打标签记录', en: 'No tagged records available', ja: 'タグ付きの記録がありません' },
-      loadRecordsFailed: { zh: '加载已打标签记录失败', en: 'Failed to load tagged records', ja: 'タグ付き記録の読み込みに失敗しました' },
+      loadRecordsFailed: {
+        zh: '加载已打标签记录失败',
+        en: 'Failed to load tagged records',
+        ja: 'タグ付き記録の読み込みに失敗しました',
+      },
       reason: { zh: '理由', en: 'Reason', ja: '理由' },
       newPrefix: { zh: '新建：', en: 'New: ', ja: '新規：' },
       apply: { zh: '创建勾选规则', en: 'Create selected', ja: '選択したルールを作成' },
-      selectRequired: { zh: '请至少勾选一条记录或规则', en: 'Please select at least one record or rule', ja: '少なくとも1件の記録またはルールを選択してください' },
+      selectRequired: {
+        zh: '请至少勾选一条记录或规则',
+        en: 'Please select at least one record or rule',
+        ja: '少なくとも1件の記録またはルールを選択してください',
+      },
       applied: { zh: '已创建 {count} 条规则', en: 'Created {count} rule(s)', ja: '{count} 件のルールを作成しました' },
       failed: { zh: 'AI 规则生成失败', en: 'Failed to generate AI rules', ja: 'AI ルールの生成に失敗しました' },
       applyFailed: { zh: '创建规则失败', en: 'Failed to create rules', ja: 'ルールの作成に失敗しました' },
       duplicate: { zh: '已存在', en: 'Exists', ja: '既存' },
-      allDuplicate: { zh: '生成的规则均已存在，无需创建', en: 'All generated rules already exist', ja: '生成されたルールはすべて既存です' },
+      allDuplicate: {
+        zh: '生成的规则均已存在，无需创建',
+        en: 'All generated rules already exist',
+        ja: '生成されたルールはすべて既存です',
+      },
     },
     category: {
       label: { zh: 'AI 生成分类', en: 'AI Category', ja: 'AI 生成カテゴリ' },
-      placeholder: { zh: '描述用途，如：日常通勤打车地铁', en: 'Describe it, e.g. daily commute by taxi and metro', ja: '用途を説明してください（例：日常の通勤でタクシーと地下鉄）' },
+      placeholder: {
+        zh: '描述用途，如：日常通勤打车地铁',
+        en: 'Describe it, e.g. daily commute by taxi and metro',
+        ja: '用途を説明してください（例：日常の通勤でタクシーと地下鉄）',
+      },
       button: { zh: 'AI 生成', en: 'Generate', ja: 'AI で生成' },
       textRequired: { zh: '请输入分类描述', en: 'Please enter a description', ja: 'カテゴリの説明を入力してください' },
-      applied: { zh: '已生成分类，请确认后保存', en: 'Category generated, please confirm and save', ja: 'カテゴリを生成しました。確認して保存してください' },
+      applied: {
+        zh: '已生成分类，请确认后保存',
+        en: 'Category generated, please confirm and save',
+        ja: 'カテゴリを生成しました。確認して保存してください',
+      },
       failed: { zh: 'AI 生成分类失败', en: 'Failed to generate category', ja: 'AI によるカテゴリ生成に失敗しました' },
     },
     newCategory: {
       button: { zh: 'AI 新建', en: 'AI New', ja: 'AI で新規作成' },
       hint: { zh: 'AI 建议新分类：', en: 'AI suggests:', ja: 'AI の提案する新カテゴリ：' },
       save: { zh: '保存并选用', en: 'Save & Select', ja: '保存して選択' },
-      saved: { zh: '已创建并选用新分类', en: 'Category created and selected', ja: '新しいカテゴリを作成して選択しました' },
-      exists: { zh: '已存在同名分类，已为你选中', en: 'A same-name category exists and has been selected', ja: '同名のカテゴリが存在するため選択しました' },
-      needInfo: { zh: '请先填写备注或金额，便于生成分类', en: 'Please fill in a remark or amount first', ja: 'カテゴリ生成のため、先に備考または金額を入力してください' },
+      saved: {
+        zh: '已创建并选用新分类',
+        en: 'Category created and selected',
+        ja: '新しいカテゴリを作成して選択しました',
+      },
+      exists: {
+        zh: '已存在同名分类，已为你选中',
+        en: 'A same-name category exists and has been selected',
+        ja: '同名のカテゴリが存在するため選択しました',
+      },
+      needInfo: {
+        zh: '请先填写备注或金额，便于生成分类',
+        en: 'Please fill in a remark or amount first',
+        ja: 'カテゴリ生成のため、先に備考または金額を入力してください',
+      },
     },
     newChannel: {
       button: { zh: 'AI 新建', en: 'AI New', ja: 'AI で新規作成' },
       hint: { zh: 'AI 建议新渠道：', en: 'AI suggests:', ja: 'AI の提案する新チャネル：' },
       save: { zh: '保存并选用', en: 'Save & Select', ja: '保存して選択' },
-      saved: { zh: '已创建并选用新渠道', en: 'Channel created and selected', ja: '新しいチャネルを作成して選択しました' },
-      exists: { zh: '已存在同名渠道，已为你选中', en: 'A same-name channel exists and has been selected', ja: '同名のチャネルが存在するため選択しました' },
-      needInfo: { zh: '请先填写备注或金额，便于生成渠道', en: 'Please fill in a remark or amount first', ja: 'チャネル生成のため、先に備考または金額を入力してください' },
-      failed: { zh: 'AI 未能生成渠道，请重试', en: 'AI failed to generate a channel', ja: 'AI がチャネルを生成できませんでした' },
+      saved: {
+        zh: '已创建并选用新渠道',
+        en: 'Channel created and selected',
+        ja: '新しいチャネルを作成して選択しました',
+      },
+      exists: {
+        zh: '已存在同名渠道，已为你选中',
+        en: 'A same-name channel exists and has been selected',
+        ja: '同名のチャネルが存在するため選択しました',
+      },
+      needInfo: {
+        zh: '请先填写备注或金额，便于生成渠道',
+        en: 'Please fill in a remark or amount first',
+        ja: 'チャネル生成のため、先に備考または金額を入力してください',
+      },
+      failed: {
+        zh: 'AI 未能生成渠道，请重试',
+        en: 'AI failed to generate a channel',
+        ja: 'AI がチャネルを生成できませんでした',
+      },
     },
     newTag: {
       button: { zh: 'AI 新建', en: 'AI New', ja: 'AI で新規作成' },
       hint: { zh: 'AI 建议新标签：', en: 'AI suggests tag:', ja: 'AI の提案する新タグ：' },
       save: { zh: '保存并选用', en: 'Save & Select', ja: '保存して選択' },
       saved: { zh: '已创建并选用新标签', en: 'Tag created and selected', ja: '新しいタグを作成して選択しました' },
-      exists: { zh: '已存在同名标签，已为你选中', en: 'A same-name tag exists and has been selected', ja: '同名のタグが存在するため選択しました' },
-      needInfo: { zh: '请先填写备注或金额，便于生成标签', en: 'Please fill in a remark or amount first', ja: 'タグ生成のため、先に備考または金額を入力してください' },
+      exists: {
+        zh: '已存在同名标签，已为你选中',
+        en: 'A same-name tag exists and has been selected',
+        ja: '同名のタグが存在するため選択しました',
+      },
+      needInfo: {
+        zh: '请先填写备注或金额，便于生成标签',
+        en: 'Please fill in a remark or amount first',
+        ja: 'タグ生成のため、先に備考または金額を入力してください',
+      },
       failed: { zh: 'AI 生成标签失败', en: 'Failed to generate tag', ja: 'AI によるタグ生成に失敗しました' },
     },
     relation: {
       button: { zh: 'AI 生成', en: 'AI Generate', ja: 'AI 生成' },
-      needMembers: { zh: '请先选择至少两条关联账单', en: 'Please select at least two related bills first', ja: '関連する明細を2件以上選択してください' },
-      failed: { zh: 'AI 未能生成关系名称，请重试', en: 'AI failed to generate a relation name', ja: 'AI が関連名を生成できませんでした' },
+      needMembers: {
+        zh: '请先选择至少两条关联账单',
+        en: 'Please select at least two related bills first',
+        ja: '関連する明細を2件以上選択してください',
+      },
+      failed: {
+        zh: 'AI 未能生成关系名称，请重试',
+        en: 'AI failed to generate a relation name',
+        ja: 'AI が関連名を生成できませんでした',
+      },
     },
     query: {
-      placeholder: { zh: '用自然语言查询，如：上个月餐饮花了多少', en: 'Ask in natural language, e.g. dining expenses last month', ja: '自然言語で検索（例：先月の食費はいくら）' },
-      examples: { zh: '上个月餐饮|超过500的支出|待报销的支出|微信支付', en: 'Dining last month|Expenses over 500|Pending reimbursement|Paid by WeChat', ja: '先月の食費|500を超える支出|精算待ちの支出|WeChat 払い' },
+      placeholder: {
+        zh: '用自然语言查询，如：上个月餐饮花了多少',
+        en: 'Ask in natural language, e.g. dining expenses last month',
+        ja: '自然言語で検索（例：先月の食費はいくら）',
+      },
+      examples: {
+        zh: '上个月餐饮|超过500的支出|待报销的支出|微信支付',
+        en: 'Dining last month|Expenses over 500|Pending reimbursement|Paid by WeChat',
+        ja: '先月の食費|500を超える支出|精算待ちの支出|WeChat 払い',
+      },
       button: { zh: 'AI 查询', en: 'AI Query', ja: 'AI 検索' },
       entry: { zh: 'AI 搜索', en: 'AI Search', ja: 'AI 検索' },
       title: { zh: 'AI 智能查询', en: 'AI Smart Query', ja: 'AI スマート検索' },
-      hint: { zh: '用自然语言描述查询条件，AI 会解析为筛选条件并搜索。', en: 'Describe the query in natural language; AI will turn it into filters and search.', ja: '自然言語で検索条件を説明すると、AI がフィルターに変換して検索します。' },
+      hint: {
+        zh: '用自然语言描述查询条件，AI 会解析为筛选条件并搜索。',
+        en: 'Describe the query in natural language; AI will turn it into filters and search.',
+        ja: '自然言語で検索条件を説明すると、AI がフィルターに変換して検索します。',
+      },
       emptyInput: { zh: '请输入查询内容', en: 'Please enter a query', ja: '検索内容を入力してください' },
       clearHistory: { zh: '清空历史', en: 'Clear history', ja: '履歴をクリア' },
       submitHint: { zh: 'Ctrl + Enter 提交', en: 'Ctrl + Enter to submit', ja: 'Ctrl + Enter で送信' },
       failed: { zh: 'AI 查询解析失败', en: 'Failed to parse the query', ja: 'AI 検索の解析に失敗しました' },
       resultTitle: { zh: 'AI 解析结果', en: 'AI Query Result', ja: 'AI 解析結果' },
       apply: { zh: '应用筛选', en: 'Apply filters', ja: 'フィルターを適用' },
-      applied: { zh: '已应用 AI 查询筛选条件', en: 'AI query filters applied', ja: 'AI 検索のフィルターを適用しました' },
-      noCondition: { zh: '未识别到可用的筛选条件，请换一种说法', en: 'No usable filter conditions recognized, please rephrase', ja: '利用できる条件を認識できませんでした。別の言い方をしてください' },
+      applied: {
+        zh: '已应用 AI 查询筛选条件',
+        en: 'AI query filters applied',
+        ja: 'AI 検索のフィルターを適用しました',
+      },
+      noCondition: {
+        zh: '未识别到可用的筛选条件，请换一种说法',
+        en: 'No usable filter conditions recognized, please rephrase',
+        ja: '利用できる条件を認識できませんでした。別の言い方をしてください',
+      },
       type: { zh: '类型', en: 'Type', ja: '種類' },
       category: { zh: '分类', en: 'Category', ja: 'カテゴリ' },
       tag: { zh: '标签', en: 'Tag', ja: 'タグ' },
@@ -901,9 +1533,21 @@ export default {
     sql: {
       entry: { zh: '智能查数', en: 'Smart Data', ja: 'スマート集計' },
       title: { zh: '智能查数', en: 'Smart Data Query', ja: 'スマート集計' },
-      hint: { zh: '用自然语言描述你想查的内容，AI 会生成只读查询并展示结果；只能查询你本人的数据。', en: 'Describe what you want to query; AI generates a read-only query and shows the result. Only your own data can be queried.', ja: '知りたい内容を自然言語で説明すると、AI が読み取り専用クエリを生成して結果を表示します。自分のデータのみ参照できます。' },
-      placeholder: { zh: '例如：上个月一共花了多少钱', en: 'e.g. How much did I spend last month in total?', ja: '例：先月の支出合計はいくら？' },
-      examples: { zh: '上个月一共花了多少钱|按分类统计今年的支出|今年收入最高的一个月|各渠道的支出占比|本月支出最高的5笔', en: 'How much did I spend last month?|Expenses by category this year|Month with highest income this year|Spending share by channel|Top 5 expenses this month', ja: '先月の支出合計|今年のカテゴリ別支出|今年の収入が最も多い月|チャネル別支出の割合|今月の支出トップ5' },
+      hint: {
+        zh: '用自然语言描述你想查的内容，AI 会生成只读查询并展示结果；只能查询你本人的数据。',
+        en: 'Describe what you want to query; AI generates a read-only query and shows the result. Only your own data can be queried.',
+        ja: '知りたい内容を自然言語で説明すると、AI が読み取り専用クエリを生成して結果を表示します。自分のデータのみ参照できます。',
+      },
+      placeholder: {
+        zh: '例如：上个月一共花了多少钱',
+        en: 'e.g. How much did I spend last month in total?',
+        ja: '例：先月の支出合計はいくら？',
+      },
+      examples: {
+        zh: '上个月一共花了多少钱|按分类统计今年的支出|今年收入最高的一个月|各渠道的支出占比|本月支出最高的5笔',
+        en: 'How much did I spend last month?|Expenses by category this year|Month with highest income this year|Spending share by channel|Top 5 expenses this month',
+        ja: '先月の支出合計|今年のカテゴリ別支出|今年の収入が最も多い月|チャネル別支出の割合|今月の支出トップ5',
+      },
       submit: { zh: '查询', en: 'Query', ja: '検索' },
       submitting: { zh: '正在查询，请稍候…', en: 'Querying, please wait…', ja: '検索中です。しばらくお待ちください…' },
       emptyInput: { zh: '请输入查询内容', en: 'Please enter a query', ja: '検索内容を入力してください' },
@@ -914,7 +1558,11 @@ export default {
       copySuccess: { zh: '已复制', en: 'Copied', ja: 'コピーしました' },
       empty: { zh: '查询没有返回结果', en: 'The query returned no result', ja: '結果がありません' },
       rowCount: { zh: '共 {count} 行', en: '{count} row(s)', ja: '{count} 行' },
-      truncated: { zh: '结果超过 {max} 行，仅展示前 {max} 行', en: 'More than {max} rows; only the first {max} are shown', ja: '{max} 行を超えるため、先頭 {max} 行のみ表示します' },
+      truncated: {
+        zh: '结果超过 {max} 行，仅展示前 {max} 行',
+        en: 'More than {max} rows; only the first {max} are shown',
+        ja: '{max} 行を超えるため、先頭 {max} 行のみ表示します',
+      },
       viewTable: { zh: '表格', en: 'Table', ja: 'テーブル' },
       viewBar: { zh: '柱状图', en: 'Bar chart', ja: '棒グラフ' },
       viewPie: { zh: '饼图', en: 'Pie chart', ja: '円グラフ' },
@@ -924,34 +1572,94 @@ export default {
       copyQuestion: { zh: '复制提问', en: 'Copy question', ja: '質問をコピー' },
       historySearch: { zh: '搜索历史提问', en: 'Search history', ja: '履歴を検索' },
       historyNoMatch: { zh: '无匹配结果', en: 'No matching history', ja: '一致する履歴がありません' },
-      needConfig: { zh: 'AI 未启用，请先在「设置」中开启 AI。', en: 'AI is not enabled. Please enable it in Settings first.', ja: 'AI が有効になっていません。「設定」で有効にしてください。' },
+      needConfig: {
+        zh: 'AI 未启用，请先在「设置」中开启 AI。',
+        en: 'AI is not enabled. Please enable it in Settings first.',
+        ja: 'AI が有効になっていません。「設定」で有効にしてください。',
+      },
     },
     record: {
       button: { zh: '智能记账', en: 'Smart Entry', ja: 'スマート入力' },
       title: { zh: 'AI 智能记账', en: 'AI Smart Entry', ja: 'AI スマート入力' },
-      hint: { zh: '用一句话描述这笔收支，AI 会帮你填好表单，确认后再保存。', en: 'Describe the transaction in one sentence; AI fills the form for you to confirm.', ja: 'この収支を一文で説明すると、AI がフォームを入力します。確認してから保存してください。' },
-      placeholder: { zh: '例如：昨天中午吃饭 35 支付宝', en: 'e.g. Lunch yesterday 35 Alipay', ja: '例：昨日の昼食 35 Alipay' },
+      hint: {
+        zh: '用一句话描述这笔收支，AI 会帮你填好表单，确认后再保存。',
+        en: 'Describe the transaction in one sentence; AI fills the form for you to confirm.',
+        ja: 'この収支を一文で説明すると、AI がフォームを入力します。確認してから保存してください。',
+      },
+      placeholder: {
+        zh: '例如：昨天中午吃饭 35 支付宝',
+        en: 'e.g. Lunch yesterday 35 Alipay',
+        ja: '例：昨日の昼食 35 Alipay',
+      },
       parse: { zh: '解析', en: 'Parse', ja: '解析' },
-      emptyInput: { zh: '请输入记账内容', en: 'Please enter the transaction description', ja: '記帳内容を入力してください' },
+      emptyInput: {
+        zh: '请输入记账内容',
+        en: 'Please enter the transaction description',
+        ja: '記帳内容を入力してください',
+      },
       failed: { zh: 'AI 记账解析失败', en: 'Failed to parse the transaction', ja: 'AI 記帳の解析に失敗しました' },
       textTab: { zh: '文字记账', en: 'Text Entry', ja: 'テキスト入力' },
       imageTab: { zh: '图片记账', en: 'Image Entry', ja: '画像入力' },
-      imageHint: { zh: '上传一至多张账单或支付截图（最多 5 张），AI 会一次性识别其中的每一笔交易，确认后导入。', en: 'Upload one to several bill or payment screenshots (up to 5); AI recognizes every transaction in one pass for you to confirm and import.', ja: '請求書や支払いのスクリーンショットを1〜複数枚（最大5枚）アップロードすると、AI が各取引をまとめて認識します。確認して取り込んでください。' },
+      imageHint: {
+        zh: '上传一至多张账单或支付截图（最多 5 张），AI 会一次性识别其中的每一笔交易，确认后导入。',
+        en: 'Upload one to several bill or payment screenshots (up to 5); AI recognizes every transaction in one pass for you to confirm and import.',
+        ja: '請求書や支払いのスクリーンショットを1〜複数枚（最大5枚）アップロードすると、AI が各取引をまとめて認識します。確認して取り込んでください。',
+      },
       upload: { zh: '上传图片（可多选）', en: 'Upload images (multiple)', ja: '画像をアップロード（複数可）' },
-      uploadTip: { zh: '支持 JPEG/PNG/GIF/WebP，单张不超过 10MB，最多 5 张', en: 'JPEG/PNG/GIF/WebP, up to 10MB each, max 5 images', ja: 'JPEG/PNG/GIF/WebP、1枚10MBまで、最大5枚' },
-      pasteHint: { zh: '也可直接按 Ctrl+V（Mac 为 ⌘V）粘贴剪贴板中的图片', en: 'You can also press Ctrl+V (⌘V on Mac) to paste an image from the clipboard', ja: 'Ctrl+V（Mac は ⌘V）でクリップボードの画像を貼り付けることもできます' },
-      pasteSuccess: { zh: '已粘贴剪贴板中的图片', en: 'Pasted the image from clipboard', ja: 'クリップボードの画像を貼り付けました' },
+      uploadTip: {
+        zh: '支持 JPEG/PNG/GIF/WebP，单张不超过 10MB，最多 5 张',
+        en: 'JPEG/PNG/GIF/WebP, up to 10MB each, max 5 images',
+        ja: 'JPEG/PNG/GIF/WebP、1枚10MBまで、最大5枚',
+      },
+      pasteHint: {
+        zh: '也可直接按 Ctrl+V（Mac 为 ⌘V）粘贴剪贴板中的图片',
+        en: 'You can also press Ctrl+V (⌘V on Mac) to paste an image from the clipboard',
+        ja: 'Ctrl+V（Mac は ⌘V）でクリップボードの画像を貼り付けることもできます',
+      },
+      pasteSuccess: {
+        zh: '已粘贴剪贴板中的图片',
+        en: 'Pasted the image from clipboard',
+        ja: 'クリップボードの画像を貼り付けました',
+      },
       parseImage: { zh: '识别图片', en: 'Recognize', ja: '画像を解析' },
-      recognizing: { zh: '正在识别图片，请稍候…', en: 'Recognizing, please wait…', ja: '画像を解析中です。しばらくお待ちください…' },
+      recognizing: {
+        zh: '正在识别图片，请稍候…',
+        en: 'Recognizing, please wait…',
+        ja: '画像を解析中です。しばらくお待ちください…',
+      },
       progressTitle: { zh: '识别进度', en: 'Progress', ja: '進捗' },
-      imageFailed: { zh: 'AI 图片记账解析失败', en: 'Failed to parse the image', ja: 'AI 画像記帳の解析に失敗しました' },
-      noRecord: { zh: '未从图片中识别到有效交易', en: 'No valid transactions recognized from the image', ja: '画像から有効な取引を認識できませんでした' },
+      imageFailed: {
+        zh: 'AI 图片记账解析失败',
+        en: 'Failed to parse the image',
+        ja: 'AI 画像記帳の解析に失敗しました',
+      },
+      noRecord: {
+        zh: '未从图片中识别到有效交易',
+        en: 'No valid transactions recognized from the image',
+        ja: '画像から有効な取引を認識できませんでした',
+      },
       resultTitle: { zh: '图片记账结果', en: 'Image Entry Result', ja: '画像記帳の結果' },
-      resultHint: { zh: '请核对识别结果，勾选后导入；可直接编辑类型、金额、分类与备注。', en: 'Review the results, edit type/amount/category/remark, then import the selected ones.', ja: '認識結果を確認し、種別・金額・カテゴリ・備考を編集して、選択した項目を取り込んでください。' },
-      importSelected: { zh: '导入勾选（{count}）', en: 'Import selected ({count})', ja: '選択項目を取り込む（{count}）' },
-      importSuccess: { zh: '已导入 {count} 条记录', en: 'Imported {count} record(s)', ja: '{count} 件を取り込みました' },
+      resultHint: {
+        zh: '请核对识别结果，勾选后导入；可直接编辑类型、金额、分类与备注。',
+        en: 'Review the results, edit type/amount/category/remark, then import the selected ones.',
+        ja: '認識結果を確認し、種別・金額・カテゴリ・備考を編集して、選択した項目を取り込んでください。',
+      },
+      importSelected: {
+        zh: '导入勾选（{count}）',
+        en: 'Import selected ({count})',
+        ja: '選択項目を取り込む（{count}）',
+      },
+      importSuccess: {
+        zh: '已导入 {count} 条记录',
+        en: 'Imported {count} record(s)',
+        ja: '{count} 件を取り込みました',
+      },
       importFailed: { zh: '导入失败', en: 'Import failed', ja: '取り込みに失敗しました' },
-      selectAtLeastOne: { zh: '请至少勾选一条记录', en: 'Please select at least one record', ja: '少なくとも1件の記録を選択してください' },
+      selectAtLeastOne: {
+        zh: '请至少勾选一条记录',
+        en: 'Please select at least one record',
+        ja: '少なくとも1件の記録を選択してください',
+      },
       viewImage: { zh: '查看原图', en: 'View image', ja: '元画像を表示' },
       col: {
         source: { zh: '来源图', en: 'Source', ja: '元画像' },
@@ -967,7 +1675,11 @@ export default {
       },
       sourceImageLabel: { zh: '图 {index}', en: 'Image {index}', ja: '画像 {index}' },
       duplicate: { zh: '疑似重复', en: 'Duplicate', ja: '重複の疑い' },
-      maxImages: { zh: '单次最多上传 {count} 张图片', en: 'Up to {count} images per upload', ja: '1回に最大 {count} 枚までアップロードできます' },
+      maxImages: {
+        zh: '单次最多上传 {count} 张图片',
+        en: 'Up to {count} images per upload',
+        ja: '1回に最大 {count} 枚までアップロードできます',
+      },
     },
     column: {
       record: { zh: '记录', en: 'Record', ja: '記録' },
@@ -1060,7 +1772,11 @@ export default {
     config: {
       name: { zh: '名称', en: 'Name', ja: '名称' },
       host: { zh: 'IMAP 服务器', en: 'IMAP Server', ja: 'IMAPサーバー' },
-      hostPlaceholder: { zh: '选择或输入 IMAP 服务器', en: 'Select or enter IMAP server', ja: 'IMAPサーバーを選択または入力' },
+      hostPlaceholder: {
+        zh: '选择或输入 IMAP 服务器',
+        en: 'Select or enter IMAP server',
+        ja: 'IMAPサーバーを選択または入力',
+      },
       port: { zh: '端口', en: 'Port', ja: 'ポート' },
       ssl: { zh: '使用 SSL', en: 'Use SSL', ja: 'SSLを使用' },
       username: { zh: '邮箱账号', en: 'Email', ja: 'メールアドレス' },
@@ -1082,7 +1798,11 @@ export default {
       check: { zh: '立即检查', en: 'Check Now', ja: '今すぐ確認' },
       testSuccess: { zh: '连接成功', en: 'Connected', ja: '接続に成功しました' },
       testFailed: { zh: '连接失败', en: 'Connection failed', ja: '接続に失敗しました' },
-      checkResult: { zh: '新增 {count} 条待处理账单', en: '{count} new pending bill(s)', ja: '未処理の請求を {count} 件追加しました' },
+      checkResult: {
+        zh: '新增 {count} 条待处理账单',
+        en: '{count} new pending bill(s)',
+        ja: '未処理の請求を {count} 件追加しました',
+      },
       checkLogTitle: { zh: '检查进度', en: 'Check Progress', ja: '確認の進行状況' },
       checkRunning: { zh: '检查中…', en: 'Checking…', ja: '確認中…' },
       checkClear: { zh: '清空', en: 'Clear', ja: 'クリア' },
@@ -1097,15 +1817,27 @@ export default {
     senderRule: {
       name: { zh: '规则名称', en: 'Rule Name', ja: 'ルール名' },
       patterns: { zh: '发件人匹配串', en: 'Sender Patterns', ja: '送信者パターン' },
-      patternsHint: { zh: '每行一个，支持完整地址、@域名或关键字，包含匹配且忽略大小写', en: 'One per line; full address, @domain or keyword, case-insensitive contains', ja: '1行に1つ。完全なアドレス、@ドメイン、キーワードに対応（大文字小文字を区別しない部分一致）' },
+      patternsHint: {
+        zh: '每行一个，支持完整地址、@域名或关键字，包含匹配且忽略大小写',
+        en: 'One per line; full address, @domain or keyword, case-insensitive contains',
+        ja: '1行に1つ。完全なアドレス、@ドメイン、キーワードに対応（大文字小文字を区別しない部分一致）',
+      },
       billType: { zh: '账单类型', en: 'Bill Type', ja: '請求タイプ' },
       archivePassword: { zh: '解压密码', en: 'Archive Password', ja: '解凍パスワード' },
-      archivePasswordPlaceholder: { zh: '压缩包加密时填写', en: 'Fill if the archive is encrypted', ja: '暗号化されている場合に入力' },
+      archivePasswordPlaceholder: {
+        zh: '压缩包加密时填写',
+        en: 'Fill if the archive is encrypted',
+        ja: '暗号化されている場合に入力',
+      },
       sortOrder: { zh: '优先级', en: 'Priority', ja: '優先度' },
       defaultExpenseCategory: { zh: '默认支出分类', en: 'Default Expense Category', ja: '既定の支出カテゴリ' },
       defaultIncomeCategory: { zh: '默认收入分类', en: 'Default Income Category', ja: '既定の収入カテゴリ' },
       defaultTags: { zh: '默认标签', en: 'Default Tags', ja: '既定のタグ' },
-      patternsRequired: { zh: '请至少填写一个发件人匹配串', en: 'Please enter at least one sender pattern', ja: '送信者パターンを1つ以上入力してください' },
+      patternsRequired: {
+        zh: '请至少填写一个发件人匹配串',
+        en: 'Please enter at least one sender pattern',
+        ja: '送信者パターンを1つ以上入力してください',
+      },
     },
     message: {
       receivedAt: { zh: '接收时间', en: 'Received', ja: '受信日時' },
@@ -1137,10 +1869,18 @@ export default {
       selectAll: { zh: '全选', en: 'Select All', ja: 'すべて選択' },
       setIncluded: { zh: '计入统计', en: 'Include', ja: '集計に含める' },
       setExcluded: { zh: '不计入', en: 'Exclude', ja: '集計から除外' },
-      previewSummary: { zh: '共 {total} 行，筛选后 {filtered} 行，已选 {checked} 行', en: '{total} rows, {filtered} after filter, {checked} selected', ja: '全 {total} 行、絞り込み後 {filtered} 行、選択 {checked} 行' },
+      previewSummary: {
+        zh: '共 {total} 行，筛选后 {filtered} 行，已选 {checked} 行',
+        en: '{total} rows, {filtered} after filter, {checked} selected',
+        ja: '全 {total} 行、絞り込み後 {filtered} 行、選択 {checked} 行',
+      },
       confirmImport: { zh: '导入 {count} 条', en: 'Import {count}', ja: '{count} 件を取込' },
       importSuccess: { zh: '导入完成', en: 'Import completed', ja: '取込が完了しました' },
-      resultSummary: { zh: '成功 {imported} 条，跳过 {skipped} 条，失败 {failed} 条', en: 'Imported {imported}, skipped {skipped}, failed {failed}', ja: '成功 {imported} 件、スキップ {skipped} 件、失敗 {failed} 件' },
+      resultSummary: {
+        zh: '成功 {imported} 条，跳过 {skipped} 条，失败 {failed} 条',
+        en: 'Imported {imported}, skipped {skipped}, failed {failed}',
+        ja: '成功 {imported} 件、スキップ {skipped} 件、失敗 {failed} 件',
+      },
       done: { zh: '完成', en: 'Done', ja: '完了' },
       prevStep: { zh: '返回', en: 'Back', ja: '戻る' },
       column: {
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index acd278a..1976481 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -154,9 +154,7 @@ router.beforeEach(async (to, _from, next) => {
     // 仅允许站内路径回跳，避免开放重定向
     const redirect = Array.isArray(to.query.redirect) ? to.query.redirect[0] : to.query.redirect
     const target =
-      typeof redirect === 'string' && redirect.startsWith('/') && !redirect.startsWith('//')
-        ? redirect
-        : '/calendar'
+      typeof redirect === 'string' && redirect.startsWith('/') && !redirect.startsWith('//') ? redirect : '/calendar'
     next(target)
     return
   }
diff --git a/frontend/src/utils/apiCrypto.ts b/frontend/src/utils/apiCrypto.ts
index 8b6c7a9..ae80aeb 100644
--- a/frontend/src/utils/apiCrypto.ts
+++ b/frontend/src/utils/apiCrypto.ts
@@ -10,13 +10,7 @@ export const ENVELOPE_MARKER = 'A256GCM'
 export const SESSION_EXPIRED_CODE = 4201
 
 /** 不参与加密的请求路径（SSE、文件上传下载、图片等） */
-const SKIP_PATHS = [
-  '/crypto/',
-  '/ai/image/',
-  '/ai/record/image',
-  '/bill-import/parse',
-  '/transaction/export',
-]
+const SKIP_PATHS = ['/crypto/', '/ai/image/', '/ai/record/image', '/bill-import/parse', '/transaction/export']
 
 /** 加密信封结构（与后端一致） */
 export interface CryptoEnvelope {
@@ -42,11 +36,7 @@ let handshakePromise: Promise<void> | null = null
  * @param responseType 响应类型
  * @returns 跳过返回 true
  */
-export function shouldSkipCrypto(
-  url: string | undefined,
-  data: unknown,
-  responseType: string | undefined
-): boolean {
+export function shouldSkipCrypto(url: string | undefined, data: unknown, responseType: string | undefined): boolean {
   if (data instanceof FormData) return true
   if (responseType === 'blob') return true
   if (!url) return false
diff --git a/frontend/src/utils/navItems.ts b/frontend/src/utils/navItems.ts
index 2aee45c..fb88de8 100644
--- a/frontend/src/utils/navItems.ts
+++ b/frontend/src/utils/navItems.ts
@@ -1,7 +1,14 @@
 // 侧边导航清单（单一数据源）：定义各导航项的标识、文案、图标与默认显隐/顺序，供主布局与设置页共用
 import { markRaw, type Component } from 'vue'
 import {
-  BarChartOutline, CalendarOutline, ListOutline, FolderOpenOutline, PricetagsOutline, OptionsOutline, MailOutline, SparklesOutline,
+  BarChartOutline,
+  CalendarOutline,
+  ListOutline,
+  FolderOpenOutline,
+  PricetagsOutline,
+  OptionsOutline,
+  MailOutline,
+  SparklesOutline,
 } from '@vicons/ionicons5'
 
 /** 导航项定义 */
@@ -20,12 +27,48 @@ export interface NavItemDef {
 
 /** 默认导航项清单，数组顺序即默认展示顺序；图标用 markRaw 避免被响应式包装 */
 export const NAV_ITEMS: NavItemDef[] = [
-  { key: 'calendar', labelKey: 'layout.calendar', icon: markRaw(CalendarOutline), aiDependent: false, defaultVisible: true },
-  { key: 'dashboard', labelKey: 'layout.dashboard', icon: markRaw(BarChartOutline), aiDependent: false, defaultVisible: true },
-  { key: 'smart-query', labelKey: 'layout.sqlQuery', icon: markRaw(SparklesOutline), aiDependent: true, defaultVisible: true },
-  { key: 'transactions', labelKey: 'layout.transactions', icon: markRaw(ListOutline), aiDependent: false, defaultVisible: true },
-  { key: 'categories', labelKey: 'layout.categories', icon: markRaw(FolderOpenOutline), aiDependent: false, defaultVisible: true },
+  {
+    key: 'calendar',
+    labelKey: 'layout.calendar',
+    icon: markRaw(CalendarOutline),
+    aiDependent: false,
+    defaultVisible: true,
+  },
+  {
+    key: 'dashboard',
+    labelKey: 'layout.dashboard',
+    icon: markRaw(BarChartOutline),
+    aiDependent: false,
+    defaultVisible: true,
+  },
+  {
+    key: 'smart-query',
+    labelKey: 'layout.sqlQuery',
+    icon: markRaw(SparklesOutline),
+    aiDependent: true,
+    defaultVisible: true,
+  },
+  {
+    key: 'transactions',
+    labelKey: 'layout.transactions',
+    icon: markRaw(ListOutline),
+    aiDependent: false,
+    defaultVisible: true,
+  },
+  {
+    key: 'categories',
+    labelKey: 'layout.categories',
+    icon: markRaw(FolderOpenOutline),
+    aiDependent: false,
+    defaultVisible: true,
+  },
   { key: 'tags', labelKey: 'layout.tags', icon: markRaw(PricetagsOutline), aiDependent: false, defaultVisible: true },
   { key: 'rules', labelKey: 'layout.rules', icon: markRaw(OptionsOutline), aiDependent: false, defaultVisible: true },
-  { key: 'email-bills', labelKey: 'layout.emailBills', icon: markRaw(MailOutline), aiDependent: false, defaultVisible: true },
+  {
+    key: 'email-bills',
+    labelKey: 'layout.emailBills',
+    icon: markRaw(MailOutline),
+    aiDependent: false,
+    defaultVisible: true,
+  },
 ]
diff --git a/frontend/src/utils/password.ts b/frontend/src/utils/password.ts
index e498915..3c3e7cf 100644
--- a/frontend/src/utils/password.ts
+++ b/frontend/src/utils/password.ts
@@ -27,7 +27,7 @@ function secureRandomInt(max: number): number {
     // 取整倍数区间拒绝采样，避免取模带来的分布偏差
     const limit = Math.floor(0xffffffff / max) * max
     const buffer = new Uint32Array(1)
-    let value = 0
+    let value: number
     do {
       crypto.getRandomValues(buffer)
       value = buffer[0]
diff --git a/frontend/src/utils/render.ts b/frontend/src/utils/render.ts
index def5927..dc02c50 100644
--- a/frontend/src/utils/render.ts
+++ b/frontend/src/utils/render.ts
@@ -3,8 +3,5 @@ import { h } from 'vue'
 
 /** 分类下拉项渲染：图标 + 名称（下拉选项与已选项均生效） */
 export function renderCategoryLabel(option: any) {
-  return h('span', null, [
-    option.icon ? h('span', { style: { marginRight: '6px' } }, option.icon) : null,
-    option.label,
-  ])
+  return h('span', null, [option.icon ? h('span', { style: { marginRight: '6px' } }, option.icon) : null, option.label])
 }
diff --git a/frontend/src/utils/transactionFilterPrefs.ts b/frontend/src/utils/transactionFilterPrefs.ts
index 4991bdd..047d0dc 100644
--- a/frontend/src/utils/transactionFilterPrefs.ts
+++ b/frontend/src/utils/transactionFilterPrefs.ts
@@ -41,13 +41,19 @@ export function loadTransactionFilterPrefs(): Partial<TransactionFilterPrefs> {
     result.filterDateRange = raw.filterDateRange as [number, number]
   }
   // filterIncludeInStats 为三态：'true'-计入、'false'-不计入、null-全部；显式 null 也需保留
-  if (raw.filterIncludeInStats === 'true' || raw.filterIncludeInStats === 'false' || raw.filterIncludeInStats === null) {
+  if (
+    raw.filterIncludeInStats === 'true' ||
+    raw.filterIncludeInStats === 'false' ||
+    raw.filterIncludeInStats === null
+  ) {
     result.filterIncludeInStats = raw.filterIncludeInStats
   }
   if (typeof raw.filterRemark === 'string') result.filterRemark = raw.filterRemark
   // 金额支持显式 null（表示已清空），需与「键不存在」区分
-  if (typeof raw.filterMinAmount === 'number' || raw.filterMinAmount === null) result.filterMinAmount = raw.filterMinAmount
-  if (typeof raw.filterMaxAmount === 'number' || raw.filterMaxAmount === null) result.filterMaxAmount = raw.filterMaxAmount
+  if (typeof raw.filterMinAmount === 'number' || raw.filterMinAmount === null)
+    result.filterMinAmount = raw.filterMinAmount
+  if (typeof raw.filterMaxAmount === 'number' || raw.filterMaxAmount === null)
+    result.filterMaxAmount = raw.filterMaxAmount
   if (typeof raw.pageSize === 'number') result.pageSize = raw.pageSize
   if (typeof raw.sortValue === 'string') result.sortValue = raw.sortValue
   if (Array.isArray(raw.filterTag)) result.filterTag = raw.filterTag
diff --git a/frontend/src/views/AiUsage.vue b/frontend/src/views/AiUsage.vue
index 5354f86..fec1bba 100644
--- a/frontend/src/views/AiUsage.vue
+++ b/frontend/src/views/AiUsage.vue
@@ -12,7 +12,7 @@ const { t } = useI18n()
 
 <template>
   <div class="usage-page">
-    <NSpace align="center" justify="space-between" style="margin-bottom: 16px;">
+    <NSpace align="center" justify="space-between" style="margin-bottom: 16px">
       <h2 class="page-title">{{ t('aiUsage.title') }}</h2>
       <NButton size="small" @click="router.push('/settings')">
         <template #icon>
diff --git a/frontend/src/views/BillImportModal.vue b/frontend/src/views/BillImportModal.vue
index 2fff21f..5128ee6 100644
--- a/frontend/src/views/BillImportModal.vue
+++ b/frontend/src/views/BillImportModal.vue
@@ -23,7 +23,7 @@ function handleClose() {
     :show="props.show"
     preset="card"
     :title="t('import.title')"
-    style="width: 960px; max-width: 92vw;"
+    style="width: 960px; max-width: 92vw"
     :mask-closable="false"
     @update:show="handleClose"
   >
diff --git a/frontend/src/views/BillImportPanel.vue b/frontend/src/views/BillImportPanel.vue
index 5f90bd9..7c4b180 100644
--- a/frontend/src/views/BillImportPanel.vue
+++ b/frontend/src/views/BillImportPanel.vue
@@ -4,7 +4,17 @@
 import { ref, computed, watch, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 import {
-  useMessage, NSpace, NButton, NSelect, NUpload, NUploadDragger, NAlert, NText, NIcon, NInput, NModal,
+  useMessage,
+  NSpace,
+  NButton,
+  NSelect,
+  NUpload,
+  NUploadDragger,
+  NAlert,
+  NText,
+  NIcon,
+  NInput,
+  NModal,
 } from 'naive-ui'
 import type { UploadFileInfo } from 'naive-ui'
 import { CloudUploadOutline } from '@vicons/ionicons5'
@@ -94,7 +104,7 @@ async function loadBillTypes() {
     const res: any = await getBillTypes()
     billTypes.value = res.data || []
     const codes = billTypes.value.map((item) => item.code)
-    billType.value = codes.includes(billType.value) ? billType.value : (codes[0] || '')
+    billType.value = codes.includes(billType.value) ? billType.value : codes[0] || ''
   } catch (e) {
     // 静默处理，账单类型下拉保持为空
   }
@@ -114,7 +124,9 @@ const archivePassword = ref('')
 
 // 解析结果与导入结果
 const rows = ref<ParsedBillRow[]>([])
-const result = ref<{ total: number; imported: number; skipped: number; failed: number; messages: string[] } | null>(null)
+const result = ref<{ total: number; imported: number; skipped: number; failed: number; messages: string[] } | null>(
+  null,
+)
 
 /** 判断文件名是否符合当前账单类型允许的扩展名 */
 function isAllowedFile(name: string) {
@@ -236,7 +248,7 @@ onMounted(() => {
   <NSpace v-if="stage === 'select'" vertical :size="16">
     <NSpace align="center">
       <NText>{{ t('import.billType') }}</NText>
-      <NSelect v-model:value="billType" :options="billTypeOptions" style="width: 160px;" />
+      <NSelect v-model:value="billType" :options="billTypeOptions" style="width: 160px" />
     </NSpace>
 
     <div>
@@ -246,16 +258,16 @@ onMounted(() => {
         :default-upload="false"
         :max="1"
         :accept="acceptTypes"
-        style="margin-top: 8px;"
+        style="margin-top: 8px"
         @change="handleFileChange"
       >
         <NUploadDragger>
-          <div style="padding: 24px 0; text-align: center;">
+          <div style="padding: 24px 0; text-align: center">
             <NIcon size="48" :depth="3">
               <CloudUploadOutline />
             </NIcon>
-            <div style="font-size: 15px; margin-top: 8px;">{{ t('import.dropText') }}</div>
-            <div style="font-size: 12px; color: #999; margin-top: 4px;">
+            <div style="font-size: 15px; margin-top: 8px">{{ t('import.dropText') }}</div>
+            <div style="font-size: 12px; color: #999; margin-top: 4px">
               {{ fileHint }}
             </div>
           </div>
@@ -269,7 +281,9 @@ onMounted(() => {
 
     <NSpace justify="end">
       <NButton @click="handleClose">{{ t('common.cancel') }}</NButton>
-      <NButton type="primary" :loading="parsing" :disabled="!file" @click="handleParse()">{{ t('import.parse') }}</NButton>
+      <NButton type="primary" :loading="parsing" :disabled="!file" @click="handleParse()">{{
+        t('import.parse')
+      }}</NButton>
     </NSpace>
   </NSpace>
 
@@ -290,7 +304,7 @@ onMounted(() => {
     v-model:show="passwordModalVisible"
     preset="card"
     :title="t('import.passwordTitle')"
-    style="width: 420px; max-width: 92vw;"
+    style="width: 420px; max-width: 92vw"
     :mask-closable="false"
   >
     <NSpace vertical :size="12">
diff --git a/frontend/src/views/Calendar.vue b/frontend/src/views/Calendar.vue
index b278f85..a888cfb 100644
--- a/frontend/src/views/Calendar.vue
+++ b/frontend/src/views/Calendar.vue
@@ -4,8 +4,20 @@ import { ref, computed, onMounted, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
 import {
-  NCalendar, NCard, NSpace, NGrid, NGridItem, NStatistic, NModal, NSpin,
-  NEmpty, NButton, NIcon, NSelect, NText, useMessage,
+  NCalendar,
+  NCard,
+  NSpace,
+  NGrid,
+  NGridItem,
+  NStatistic,
+  NModal,
+  NSpin,
+  NEmpty,
+  NButton,
+  NIcon,
+  NSelect,
+  NText,
+  useMessage,
 } from 'naive-ui'
 import { ChevronBackOutline, ChevronForwardOutline } from '@vicons/ionicons5'
 import { getStatisticsGroup } from '../api/statistics'
@@ -147,9 +159,7 @@ const showTransactionDetail = ref(false)
 const detailTransaction = ref<CalendarTransaction | null>(null)
 
 /** 当前明细浮窗所查看日期的合计：与日历同源，不受明细列表条数上限影响 */
-const detailSummary = computed(
-  () => dayMap.value[detailDate.value] ?? { income: 0, expense: 0, count: 0 },
-)
+const detailSummary = computed(() => dayMap.value[detailDate.value] ?? { income: 0, expense: 0, count: 0 })
 
 /** 当前面板首日时间戳（NDatePicker 与 NCalendar defaultValue 共用） */
 const panelTs = computed(() => new Date(panelYear.value, panelMonth.value - 1, 1).getTime())
@@ -412,10 +422,7 @@ function goToTransactions() {
   const [y, m, d] = detailDate.value.split('-').map(Number)
   if (!y || !m || !d) return
   saveTransactionFilterPrefs({
-    filterDateRange: [
-      new Date(y, m - 1, d, 0, 0, 0).getTime(),
-      new Date(y, m - 1, d, 23, 59, 59).getTime(),
-    ],
+    filterDateRange: [new Date(y, m - 1, d, 0, 0, 0).getTime(), new Date(y, m - 1, d, 23, 59, 59).getTime()],
     filterIncludeInStats: statsScopePref(),
     filterType: [],
     filterCategory: [],
@@ -492,21 +499,25 @@ onMounted(() => {
 <template>
   <div>
     <!-- 顶部：标题与提示 -->
-    <NSpace justify="space-between" align="center" style="margin-bottom: 20px;" :wrap="true">
-      <h2 style="margin: 0;">{{ t('calendar.title') }}</h2>
-      <NText depth="3" style="font-size: 12px;">{{ t('calendar.hint') }}</NText>
+    <NSpace justify="space-between" align="center" style="margin-bottom: 20px" :wrap="true">
+      <h2 style="margin: 0">{{ t('calendar.title') }}</h2>
+      <NText depth="3" style="font-size: 12px">{{ t('calendar.hint') }}</NText>
     </NSpace>
 
     <!-- 汇总卡片：月视图显示当月、年视图显示当年 -->
-    <NGrid responsive="screen" cols="1 s:2 m:4" :x-gap="16" :y-gap="16" style="margin-bottom: 16px;">
+    <NGrid responsive="screen" cols="1 s:2 m:4" :x-gap="16" :y-gap="16" style="margin-bottom: 16px">
       <NGridItem>
         <NCard>
-          <NStatistic :label="t('dashboard.totalIncome')" :value="money(summaryCards.income)" style="color: #18a058;" />
+          <NStatistic :label="t('dashboard.totalIncome')" :value="money(summaryCards.income)" style="color: #18a058" />
         </NCard>
       </NGridItem>
       <NGridItem>
         <NCard>
-          <NStatistic :label="t('dashboard.totalExpense')" :value="money(summaryCards.expense)" style="color: #d03050;" />
+          <NStatistic
+            :label="t('dashboard.totalExpense')"
+            :value="money(summaryCards.expense)"
+            style="color: #d03050"
+          />
         </NCard>
       </NGridItem>
       <NGridItem>
@@ -596,11 +607,7 @@ onMounted(() => {
       </div>
 
       <!-- 月视图 -->
-      <div
-        v-if="viewMode === 'month'"
-        class="calendar-wrap"
-        :class="{ 'calendar-wrap--mobile': isMobile }"
-      >
+      <div v-if="viewMode === 'month'" class="calendar-wrap" :class="{ 'calendar-wrap--mobile': isMobile }">
         <NSpin :show="loading">
           <NCalendar
             :key="reloadKey"
@@ -611,15 +618,21 @@ onMounted(() => {
           >
             <template #default="{ year, month, date }">
               <div v-if="year === panelYear && month === panelMonth" class="day-cell">
-                <template v-for="d in [daySummary(dateKey(year, month, date))]" :key="`cell-${date}`">
+                <template v-for="(d, i) in [daySummary(dateKey(year, month, date))]" :key="`cell-${date}-${i}`">
                   <template v-if="d">
                     <template v-if="isMobile">
-                      <div v-if="d.income > 0" class="day-cell__row day-cell__row--income">+{{ moneyCompact(d.income) }}</div>
-                      <div v-if="d.expense > 0" class="day-cell__row day-cell__row--expense">-{{ moneyCompact(d.expense) }}</div>
+                      <div v-if="d.income > 0" class="day-cell__row day-cell__row--income">
+                        +{{ moneyCompact(d.income) }}
+                      </div>
+                      <div v-if="d.expense > 0" class="day-cell__row day-cell__row--expense">
+                        -{{ moneyCompact(d.expense) }}
+                      </div>
                     </template>
                     <template v-else>
                       <div v-if="d.income > 0" class="day-cell__row day-cell__row--income">+{{ money(d.income) }}</div>
-                      <div v-if="d.expense > 0" class="day-cell__row day-cell__row--expense">-{{ money(d.expense) }}</div>
+                      <div v-if="d.expense > 0" class="day-cell__row day-cell__row--expense">
+                        -{{ money(d.expense) }}
+                      </div>
                       <div
                         v-if="d.income > 0 && d.expense > 0 && d.income - d.expense !== 0"
                         class="day-cell__row day-cell__row--balance"
@@ -644,7 +657,7 @@ onMounted(() => {
           <NEmpty
             v-if="!yearLoading && Object.keys(yearMap).length === 0"
             :description="t('calendar.yearEmpty')"
-            style="padding: 40px 0;"
+            style="padding: 40px 0"
           />
           <NGrid v-else responsive="screen" cols="1 s:2 m:3 l:4" :x-gap="12" :y-gap="12">
             <NGridItem v-for="m in 12" :key="m">
@@ -654,16 +667,19 @@ onMounted(() => {
                 @click="openYearMonth(yearViewYear, m)"
               >
                 <div class="year-cell__month">{{ monthLabel(m) }}</div>
-                <template v-for="s in [yearMap[monthKey(yearViewYear, m)]]" :key="`sum-${m}`">
+                <template v-for="(s, i) in [yearMap[monthKey(yearViewYear, m)]]" :key="`sum-${m}-${i}`">
                   <template v-if="s">
                     <div class="year-cell__row year-cell__row--income">
-                      <span>{{ t('calendar.income') }}</span>+{{ money(s.income) }}
+                      <span>{{ t('calendar.income') }}</span
+                      >+{{ money(s.income) }}
                     </div>
                     <div class="year-cell__row year-cell__row--expense">
-                      <span>{{ t('calendar.expense') }}</span>-{{ money(s.expense) }}
+                      <span>{{ t('calendar.expense') }}</span
+                      >-{{ money(s.expense) }}
                     </div>
                     <div class="year-cell__row year-cell__row--balance">
-                      <span>{{ t('calendar.balance') }}</span>{{ money(s.income - s.expense) }}
+                      <span>{{ t('calendar.balance') }}</span
+                      >{{ money(s.income - s.expense) }}
                     </div>
                   </template>
                   <div v-else class="year-cell__empty">{{ t('calendar.noData') }}</div>
@@ -681,7 +697,7 @@ onMounted(() => {
       preset="card"
       :title="t('calendar.detailTitle', { date: detailDate })"
       class="detail-modal"
-      style="max-width: 92vw;"
+      style="max-width: 92vw"
     >
       <!-- 当日合计：与日历同源，不受明细列表条数上限影响 -->
       <div class="detail-summary">
@@ -711,10 +727,7 @@ onMounted(() => {
                 {{ item.categoryName || t('transaction.uncategorized') }}
               </span>
               <span v-if="item.channel" class="detail-item__channel">{{ getChannelLabel(item.channel) }}</span>
-              <span
-                class="detail-item__amount"
-                :style="{ color: item.type === 'INCOME' ? '#18a058' : '#d03050' }"
-              >
+              <span class="detail-item__amount" :style="{ color: item.type === 'INCOME' ? '#18a058' : '#d03050' }">
                 {{ item.type === 'INCOME' ? '+' : '-' }}{{ money(item.amount) }}
               </span>
             </div>
@@ -725,7 +738,7 @@ onMounted(() => {
 
       <template #footer>
         <NSpace justify="space-between" align="center" :wrap="true">
-          <NText v-if="detailTotal > DETAIL_PAGE_SIZE" depth="3" style="font-size: 12px;">
+          <NText v-if="detailTotal > DETAIL_PAGE_SIZE" depth="3" style="font-size: 12px">
             {{ t('calendar.detailMore', { shown: DETAIL_PAGE_SIZE, total: detailTotal }) }}
           </NText>
           <span v-else />
@@ -735,11 +748,7 @@ onMounted(() => {
     </NModal>
 
     <!-- 账单详情弹窗（只读，复用收支记录页详情组件） -->
-    <TransactionDetailModal
-      v-model:show="showTransactionDetail"
-      :transaction="detailTransaction"
-      :editable="false"
-    />
+    <TransactionDetailModal v-model:show="showTransactionDetail" :transaction="detailTransaction" :editable="false" />
   </div>
 </template>
 
@@ -824,7 +833,9 @@ onMounted(() => {
   border-radius: 8px;
   background: #fafafc;
   cursor: pointer;
-  transition: border-color 0.2s, background-color 0.2s;
+  transition:
+    border-color 0.2s,
+    background-color 0.2s;
 }
 .year-cell:hover {
   border-color: #18a058;
diff --git a/frontend/src/views/CategoryManage.vue b/frontend/src/views/CategoryManage.vue
index 911b8ed..ce97a67 100644
--- a/frontend/src/views/CategoryManage.vue
+++ b/frontend/src/views/CategoryManage.vue
@@ -2,7 +2,19 @@
 // 分类管理组件：展示收入/支出分类列表，支持新增、编辑、删除分类
 import { ref, onMounted, computed, h } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { useMessage, useDialog, NButton, NSpace, NDataTable, NModal, NForm, NFormItem, NInput, NInputNumber, NSelect } from 'naive-ui'
+import {
+  useMessage,
+  useDialog,
+  NButton,
+  NSpace,
+  NDataTable,
+  NModal,
+  NForm,
+  NFormItem,
+  NInput,
+  NInputNumber,
+  NSelect,
+} from 'naive-ui'
 import type { DataTableColumns } from 'naive-ui'
 import { getCategoryPage, createCategory, updateCategory, deleteCategory } from '../api/category'
 import { getAiConfig, suggestEmoji, parseCategoryByAi } from '../api/ai'
@@ -77,7 +89,8 @@ const typeOptions = computed(() => [
 function createColumns(): DataTableColumns<CategoryItem> {
   return [
     {
-      title: t('common.name'), key: 'name',
+      title: t('common.name'),
+      key: 'name',
       render(row) {
         // 名称前展示 Emoji 图标，未设置时占位
         return h('span', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, [
@@ -87,7 +100,9 @@ function createColumns(): DataTableColumns<CategoryItem> {
       },
     },
     {
-      title: t('category.icon'), key: 'icon', width: 100,
+      title: t('category.icon'),
+      key: 'icon',
+      width: 100,
       render(row) {
         return row.icon
           ? h('span', { style: { fontSize: '20px', lineHeight: '1' } }, row.icon)
@@ -96,14 +111,20 @@ function createColumns(): DataTableColumns<CategoryItem> {
     },
     { title: t('common.sort'), key: 'sortOrder', width: 80 },
     {
-      title: t('common.operation'), key: 'actions', width: 180,
+      title: t('common.operation'),
+      key: 'actions',
+      width: 180,
       render(row) {
         // 编辑和删除按钮
         return [
           h(NSpace, null, {
             default: () => [
               h(NButton, { size: 'small', onClick: () => handleEdit(row) }, { default: () => t('common.edit') }),
-              h(NButton, { size: 'small', type: 'error', onClick: () => handleDelete(row.id) }, { default: () => t('common.delete') }),
+              h(
+                NButton,
+                { size: 'small', type: 'error', onClick: () => handleDelete(row.id) },
+                { default: () => t('common.delete') },
+              ),
             ],
           }),
         ]
@@ -296,8 +317,8 @@ onMounted(() => {
 <template>
   <div>
     <!-- 顶部：标题和新增按钮 -->
-    <NSpace justify="space-between" style="margin-bottom: 16px;">
-      <h2 style="margin: 0;">{{ t('category.title') }}</h2>
+    <NSpace justify="space-between" style="margin-bottom: 16px">
+      <h2 style="margin: 0">{{ t('category.title') }}</h2>
       <NButton type="primary" @click="handleAdd">{{ t('category.add') }}</NButton>
     </NSpace>
 
@@ -316,7 +337,7 @@ onMounted(() => {
     />
 
     <!-- 收入分类列表 -->
-    <h3 style="margin-top: 24px;">{{ t('category.incomeSection') }}</h3>
+    <h3 style="margin-top: 24px">{{ t('category.incomeSection') }}</h3>
     <NDataTable
       remote
       :columns="columns"
@@ -330,18 +351,29 @@ onMounted(() => {
     />
 
     <!-- 新增/编辑弹窗 -->
-    <NModal v-model:show="showModal" preset="card" :title="editingId ? t('category.editTitle') : t('category.addTitle')" style="width: 450px; max-width: 92vw;">
+    <NModal
+      v-model:show="showModal"
+      preset="card"
+      :title="editingId ? t('category.editTitle') : t('category.addTitle')"
+      style="width: 450px; max-width: 92vw"
+    >
       <NForm>
         <NFormItem v-if="aiEnabled" :label="t('ai.category.label')">
-          <div style="display: flex; gap: 8px; width: 100%;">
-            <NInput v-model:value="aiText" :placeholder="t('ai.category.placeholder')" @keyup.enter="handleAiGenerate" />
+          <div style="display: flex; gap: 8px; width: 100%">
+            <NInput
+              v-model:value="aiText"
+              :placeholder="t('ai.category.placeholder')"
+              @keyup.enter="handleAiGenerate"
+            />
             <NButton :loading="aiGenLoading" @click="handleAiGenerate">{{ t('ai.category.button') }}</NButton>
           </div>
         </NFormItem>
         <NFormItem :label="t('category.name')">
-          <div style="display: flex; gap: 8px; width: 100%;">
+          <div style="display: flex; gap: 8px; width: 100%">
             <NInput v-model:value="form.name" :placeholder="t('category.namePlaceholder')" />
-            <NButton v-if="aiEnabled" :loading="aiLoading" @click="handleAiEmoji">{{ t('ai.decorate.emojiButton') }}</NButton>
+            <NButton v-if="aiEnabled" :loading="aiLoading" @click="handleAiEmoji">{{
+              t('ai.decorate.emojiButton')
+            }}</NButton>
           </div>
         </NFormItem>
         <NFormItem :label="t('category.type')">
diff --git a/frontend/src/views/ChannelManage.vue b/frontend/src/views/ChannelManage.vue
index 0d1950a..5a57695 100644
--- a/frontend/src/views/ChannelManage.vue
+++ b/frontend/src/views/ChannelManage.vue
@@ -3,7 +3,20 @@
 import { ref, onMounted, computed, h } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
-import { useMessage, useDialog, NButton, NSpace, NDataTable, NModal, NForm, NFormItem, NInput, NAlert, NTag, NIcon } from 'naive-ui'
+import {
+  useMessage,
+  useDialog,
+  NButton,
+  NSpace,
+  NDataTable,
+  NModal,
+  NForm,
+  NFormItem,
+  NInput,
+  NAlert,
+  NTag,
+  NIcon,
+} from 'naive-ui'
 import type { DataTableColumns } from 'naive-ui'
 import { ArrowBackOutline } from '@vicons/ionicons5'
 import { getChannelPage, createChannel, renameChannel, deleteChannel } from '../api/channel'
@@ -46,20 +59,32 @@ function createColumns(): DataTableColumns<ChannelItem> {
   return [
     { title: t('channel.name'), key: 'name' },
     {
-      title: t('channel.usage'), key: 'transactionCount', width: 160,
+      title: t('channel.usage'),
+      key: 'transactionCount',
+      width: 160,
       render(row) {
         return row.transactionCount > 0
-          ? h(NTag, { type: 'info', size: 'small' }, { default: () => t('channel.usageCount', { count: row.transactionCount }) })
+          ? h(
+              NTag,
+              { type: 'info', size: 'small' },
+              { default: () => t('channel.usageCount', { count: row.transactionCount }) },
+            )
           : h('span', { style: { color: '#999' } }, t('channel.unused'))
       },
     },
     {
-      title: t('common.operation'), key: 'actions', width: 180,
+      title: t('common.operation'),
+      key: 'actions',
+      width: 180,
       render(row) {
         return h(NSpace, null, {
           default: () => [
             h(NButton, { size: 'small', onClick: () => handleEdit(row) }, { default: () => t('common.edit') }),
-            h(NButton, { size: 'small', type: 'error', onClick: () => handleDelete(row) }, { default: () => t('common.delete') }),
+            h(
+              NButton,
+              { size: 'small', type: 'error', onClick: () => handleDelete(row) },
+              { default: () => t('common.delete') },
+            ),
           ],
         })
       },
@@ -165,19 +190,19 @@ onMounted(fetchData)
 <template>
   <div>
     <!-- 顶部：返回、标题和新增按钮 -->
-    <NSpace justify="space-between" style="margin-bottom: 16px;">
+    <NSpace justify="space-between" style="margin-bottom: 16px">
       <NSpace align="center" :size="8">
         <NButton quaternary size="small" @click="goBack">
           <template #icon>
             <NIcon :component="ArrowBackOutline" />
           </template>
         </NButton>
-        <h2 style="margin: 0;">{{ t('channel.title') }}</h2>
+        <h2 style="margin: 0">{{ t('channel.title') }}</h2>
       </NSpace>
       <NButton type="primary" @click="handleAdd">{{ t('channel.add') }}</NButton>
     </NSpace>
 
-    <NAlert type="info" :show-icon="true" style="margin-bottom: 16px;">{{ t('channel.hint') }}</NAlert>
+    <NAlert type="info" :show-icon="true" style="margin-bottom: 16px">{{ t('channel.hint') }}</NAlert>
 
     <!-- 自定义渠道数据表格 -->
     <NDataTable
@@ -193,7 +218,12 @@ onMounted(fetchData)
     />
 
     <!-- 新增/改名弹窗 -->
-    <NModal v-model:show="showModal" preset="card" :title="editingId ? t('channel.editTitle') : t('channel.addTitle')" style="width: 450px; max-width: 92vw;">
+    <NModal
+      v-model:show="showModal"
+      preset="card"
+      :title="editingId ? t('channel.editTitle') : t('channel.addTitle')"
+      style="width: 450px; max-width: 92vw"
+    >
       <NForm>
         <NFormItem :label="t('channel.name')">
           <NInput v-model:value="form.name" :placeholder="t('channel.namePlaceholder')" />
diff --git a/frontend/src/views/Dashboard.vue b/frontend/src/views/Dashboard.vue
index e954595..9e0aded 100644
--- a/frontend/src/views/Dashboard.vue
+++ b/frontend/src/views/Dashboard.vue
@@ -3,7 +3,20 @@
 import { ref, computed, onMounted, watch, nextTick, unref, defineAsyncComponent } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter, useRoute } from 'vue-router'
-import { NCard, NGrid, NGridItem, NStatistic, NSpace, NSelect, NDatePicker, NInput, NInputNumber, NButton, NIcon, useMessage } from 'naive-ui'
+import {
+  NCard,
+  NGrid,
+  NGridItem,
+  NStatistic,
+  NSpace,
+  NSelect,
+  NDatePicker,
+  NInput,
+  NInputNumber,
+  NButton,
+  NIcon,
+  useMessage,
+} from 'naive-ui'
 import { SparklesOutline } from '@vicons/ionicons5'
 import { getStatisticsSummary, getStatisticsGroup } from '../api/statistics'
 import { getCategoryList } from '../api/category'
@@ -88,11 +101,7 @@ const aiSearchResult = ref<AiStatisticsResult | null>(null)
 const showAiSearchModal = ref(false)
 
 // AI 搜索示例（浮窗示例下拉）
-const aiExamples = computed(() => [
-  t('dashboard.aiExample1'),
-  t('dashboard.aiExample2'),
-  t('dashboard.aiExample3'),
-])
+const aiExamples = computed(() => [t('dashboard.aiExample1'), t('dashboard.aiExample2'), t('dashboard.aiExample3')])
 
 // 统计口径选项：仅计入 / 全部 / 仅不计入
 const statsScopeOptions = computed(() => [
@@ -120,10 +129,7 @@ interface TagOption {
 }
 const tags = ref<TagOption[]>([])
 // 标签筛选项：额外提供「无标签」选项（仅筛选使用）
-const tagOptions = computed(() => [
-  { label: t('transaction.untagged'), value: 0 },
-  ...tags.value,
-])
+const tagOptions = computed(() => [{ label: t('transaction.untagged'), value: 0 }, ...tags.value])
 
 /** 分类选项数据结构 */
 interface CategoryOption {
@@ -137,7 +143,7 @@ const categories = ref<CategoryOption[]>([]) // 分类选项列表
 // 分类筛选项：固定包含「未分类」，其余分类按类型筛选联动
 const categoryFilterOptions = computed(() => [
   { label: t('dashboard.uncategorized'), value: 0, type: '' },
-  ...categories.value.filter(c => filterType.value.length === 0 || filterType.value.includes(c.type)),
+  ...categories.value.filter((c) => filterType.value.length === 0 || filterType.value.includes(c.type)),
 ])
 
 /** 将分类筛选拆分为分类ID与未分类标记 */
@@ -172,9 +178,17 @@ const filterParams = computed(() => ({
 
 // 统计结果
 const summary = ref<any>({
-  totalIncome: 0, totalExpense: 0, balance: 0, transactionCount: 0,
-  dayCount: 0, avgDailyIncome: 0, avgDailyExpense: 0,
-  maxExpenseAmount: 0, maxExpenseTime: null, maxExpenseRemark: '', avgExpenseAmount: 0,
+  totalIncome: 0,
+  totalExpense: 0,
+  balance: 0,
+  transactionCount: 0,
+  dayCount: 0,
+  avgDailyIncome: 0,
+  avgDailyExpense: 0,
+  maxExpenseAmount: 0,
+  maxExpenseTime: null,
+  maxExpenseRemark: '',
+  avgExpenseAmount: 0,
 })
 const trendData = ref<any[]>([]) // 趋势分组数据
 const trendKeys = ref<string[]>([]) // 趋势图当前时间桶键序列（与柱状图 x 轴一一对应）
@@ -238,7 +252,10 @@ function buildKeys(start: Date, end: Date, gran: string): string[] {
     const seen = new Set<string>()
     for (const d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {
       const k = isoWeekKey(d)
-      if (!seen.has(k)) { seen.add(k); keys.push(k) }
+      if (!seen.has(k)) {
+        seen.add(k)
+        keys.push(k)
+      }
     }
   } else if (gran === 'month') {
     for (const d = new Date(start.getFullYear(), start.getMonth(), 1); d <= end; d.setMonth(d.getMonth() + 1)) {
@@ -248,7 +265,10 @@ function buildKeys(start: Date, end: Date, gran: string): string[] {
     const seen = new Set<string>()
     for (const d = new Date(start.getFullYear(), start.getMonth(), 1); d <= end; d.setMonth(d.getMonth() + 1)) {
       const k = `${d.getFullYear()}-Q${Math.floor(d.getMonth() / 3) + 1}`
-      if (!seen.has(k)) { seen.add(k); keys.push(k) }
+      if (!seen.has(k)) {
+        seen.add(k)
+        keys.push(k)
+      }
     }
   } else {
     for (let y = start.getFullYear(); y <= end.getFullYear(); y++) keys.push(String(y))
@@ -268,7 +288,12 @@ function updatePieChart() {
         cursor: 'pointer',
         data: categoryData.value
           .filter((c: any) => c.type === 'EXPENSE')
-          .map((c: any) => ({ name: c.name, value: Number(c.total), categoryId: c.key == null ? 0 : Number(c.key), navType: 'EXPENSE' })),
+          .map((c: any) => ({
+            name: c.name,
+            value: Number(c.total),
+            categoryId: c.key == null ? 0 : Number(c.key),
+            navType: 'EXPENSE',
+          })),
       },
     ],
   }
@@ -286,7 +311,12 @@ function updateIncomePieChart() {
         cursor: 'pointer',
         data: categoryData.value
           .filter((c: any) => c.type === 'INCOME')
-          .map((c: any) => ({ name: c.name, value: Number(c.total), categoryId: c.key == null ? 0 : Number(c.key), navType: 'INCOME' })),
+          .map((c: any) => ({
+            name: c.name,
+            value: Number(c.total),
+            categoryId: c.key == null ? 0 : Number(c.key),
+            navType: 'INCOME',
+          })),
       },
     ],
   }
@@ -304,7 +334,12 @@ function updateChannelChart() {
         cursor: 'pointer',
         data: channelData.value
           .filter((p: any) => Number(p.expense) > 0)
-          .map((p: any) => ({ name: getChannelLabel(p.key), value: Number(p.expense), channelCode: p.key, navType: 'EXPENSE' })),
+          .map((p: any) => ({
+            name: getChannelLabel(p.key),
+            value: Number(p.expense),
+            channelCode: p.key,
+            navType: 'EXPENSE',
+          })),
       },
     ],
   }
@@ -322,7 +357,12 @@ function updateIncomeChannelChart() {
         cursor: 'pointer',
         data: channelData.value
           .filter((p: any) => Number(p.income) > 0)
-          .map((p: any) => ({ name: getChannelLabel(p.key), value: Number(p.income), channelCode: p.key, navType: 'INCOME' })),
+          .map((p: any) => ({
+            name: getChannelLabel(p.key),
+            value: Number(p.income),
+            channelCode: p.key,
+            navType: 'INCOME',
+          })),
       },
     ],
   }
@@ -650,9 +690,8 @@ function applySharedFilterPrefs() {
   if (p.filterRemark !== undefined) filterRemark.value = p.filterRemark
   // 计入统计三态反向映射为面板统计口径
   if (p.filterIncludeInStats !== undefined) {
-    filterStatsScope.value = p.filterIncludeInStats === 'true'
-      ? 'INCLUDED'
-      : p.filterIncludeInStats === 'false' ? 'EXCLUDED' : 'ALL'
+    filterStatsScope.value =
+      p.filterIncludeInStats === 'true' ? 'INCLUDED' : p.filterIncludeInStats === 'false' ? 'EXCLUDED' : 'ALL'
   }
   // 日期区间统一映射为自定义时间范围
   if (p.filterDateRange) {
@@ -753,18 +792,20 @@ async function applyAiStatistics(result: AiStatisticsResult) {
 const aiSearchEmpty = computed(() => {
   const r = aiSearchResult.value
   if (!r) return true
-  return (r.types?.length ?? 0) === 0
-    && (r.categoryIds?.length ?? 0) === 0
-    && !r.uncategorized
-    && (r.tagIds?.length ?? 0) === 0
-    && !r.untagged
-    && (r.channels?.length ?? 0) === 0
-    && !r.startTime
-    && r.minAmount == null
-    && r.maxAmount == null
-    && !r.remark
-    && !r.statsScope
-    && !r.dimension
+  return (
+    (r.types?.length ?? 0) === 0 &&
+    (r.categoryIds?.length ?? 0) === 0 &&
+    !r.uncategorized &&
+    (r.tagIds?.length ?? 0) === 0 &&
+    !r.untagged &&
+    (r.channels?.length ?? 0) === 0 &&
+    !r.startTime &&
+    r.minAmount == null &&
+    r.maxAmount == null &&
+    !r.remark &&
+    !r.statsScope &&
+    !r.dimension
+  )
 })
 
 /** 打开 AI 搜索弹窗 */
@@ -829,7 +870,23 @@ watch(rangeType, (v) => {
 // 范围、粒度或过滤条件变化时重新加载
 watch([() => range.value.startTime, () => range.value.endTime, granularity, filterParams], fetchData)
 // 任一偏好变化时自动保存
-watch([rangeType, customRange, granularity, filterStatsScope, filterType, filterCategory, filterChannel, filterTag, filterMinAmount, filterMaxAmount, filterRemark], savePrefs, { deep: true })
+watch(
+  [
+    rangeType,
+    customRange,
+    granularity,
+    filterStatsScope,
+    filterType,
+    filterCategory,
+    filterChannel,
+    filterTag,
+    filterMinAmount,
+    filterMaxAmount,
+    filterRemark,
+  ],
+  savePrefs,
+  { deep: true },
+)
 // 语言切换时重绘图表，更新标题与图例文案
 watch(locale, () => {
   updatePieChart()
@@ -859,18 +916,20 @@ onMounted(async () => {
 <template>
   <div>
     <!-- 顶部：标题与时间范围选择 -->
-    <NSpace justify="space-between" align="center" style="margin-bottom: 20px;" :wrap="true">
-      <h2 style="margin: 0;">{{ t('dashboard.title') }}</h2>
+    <NSpace justify="space-between" align="center" style="margin-bottom: 20px" :wrap="true">
+      <h2 style="margin: 0">{{ t('dashboard.title') }}</h2>
       <NSpace align="center" :wrap="true">
-        <NSelect v-model:value="rangeType" :options="rangeOptions" style="width: 110px;" />
+        <NSelect v-model:value="rangeType" :options="rangeOptions" style="width: 110px" />
         <NDatePicker
           v-if="rangeType === 'custom'"
           v-model:value="customRange"
           type="daterange"
           clearable
-          style="width: 260px;"
+          style="width: 260px"
         />
-        <span style="color: #999; font-size: 12px;">{{ range.startTime.substring(0, 10) }} ~ {{ range.endTime.substring(0, 10) }}</span>
+        <span style="color: #999; font-size: 12px"
+          >{{ range.startTime.substring(0, 10) }} ~ {{ range.endTime.substring(0, 10) }}</span
+        >
         <NButton @click="applyPanelNavigation">{{ t('dashboard.viewTransactions') }}</NButton>
         <NButton v-if="aiEnabled" @click="handleAiSearchOpen">
           <template #icon>
@@ -882,13 +941,13 @@ onMounted(async () => {
     </NSpace>
 
     <!-- 过滤条件（偏好自动记忆） -->
-    <NCard :bordered="false" style="margin-bottom: 16px;">
+    <NCard :bordered="false" style="margin-bottom: 16px">
       <NSpace align="center" :wrap="true" :size="[12, 12]">
         <NSelect
           v-model:value="filterStatsScope"
           :options="statsScopeOptions"
           :placeholder="t('dashboard.filterStatsScope')"
-          style="width: 160px;"
+          style="width: 160px"
         />
         <NSelect
           v-model:value="filterType"
@@ -897,7 +956,7 @@ onMounted(async () => {
           clearable
           :max-tag-count="2"
           :placeholder="t('dashboard.filterType')"
-          style="width: 160px;"
+          style="width: 160px"
         />
         <NSelect
           v-model:value="filterCategory"
@@ -908,7 +967,7 @@ onMounted(async () => {
           :max-tag-count="2"
           :render-label="renderCategoryLabel"
           :placeholder="t('dashboard.filterCategory')"
-          style="width: 200px;"
+          style="width: 200px"
         />
         <NSelect
           v-model:value="filterChannel"
@@ -918,7 +977,7 @@ onMounted(async () => {
           filterable
           :max-tag-count="2"
           :placeholder="t('dashboard.filterChannel')"
-          style="width: 200px;"
+          style="width: 200px"
         />
         <NSelect
           v-model:value="filterTag"
@@ -928,7 +987,7 @@ onMounted(async () => {
           filterable
           :max-tag-count="2"
           :placeholder="t('dashboard.filterTag')"
-          style="width: 180px;"
+          style="width: 180px"
         />
         <NInputNumber
           v-model:value="filterMinAmount"
@@ -936,39 +995,42 @@ onMounted(async () => {
           :precision="2"
           clearable
           :placeholder="t('dashboard.minAmount')"
-          style="width: 130px;"
+          style="width: 130px"
         />
-        <span style="color: #999;">~</span>
+        <span style="color: #999">~</span>
         <NInputNumber
           v-model:value="filterMaxAmount"
           :min="0"
           :precision="2"
           clearable
           :placeholder="t('dashboard.maxAmount')"
-          style="width: 130px;"
-        />
-        <NInput
-          v-model:value="filterRemark"
-          clearable
-          :placeholder="t('dashboard.remark')"
-          style="width: 180px;"
+          style="width: 130px"
         />
+        <NInput v-model:value="filterRemark" clearable :placeholder="t('dashboard.remark')" style="width: 180px" />
         <NButton @click="handleResetFilters">{{ t('dashboard.resetFilters') }}</NButton>
       </NSpace>
     </NCard>
 
     <!-- 汇总卡片 -->
-    <NGrid responsive="screen" cols="1 s:2 m:4" :x-gap="16" :y-gap="16" style="margin-bottom: 16px;">
+    <NGrid responsive="screen" cols="1 s:2 m:4" :x-gap="16" :y-gap="16" style="margin-bottom: 16px">
       <NGridItem>
         <NCard>
-          <NStatistic :label="t('dashboard.totalIncome')" :value="Number(summary.totalIncome).toFixed(2)" style="color: #18a058;">
+          <NStatistic
+            :label="t('dashboard.totalIncome')"
+            :value="Number(summary.totalIncome).toFixed(2)"
+            style="color: #18a058"
+          >
             <template #prefix>+</template>
           </NStatistic>
         </NCard>
       </NGridItem>
       <NGridItem>
         <NCard>
-          <NStatistic :label="t('dashboard.totalExpense')" :value="Number(summary.totalExpense).toFixed(2)" style="color: #d03050;">
+          <NStatistic
+            :label="t('dashboard.totalExpense')"
+            :value="Number(summary.totalExpense).toFixed(2)"
+            style="color: #d03050"
+          >
             <template #prefix>-</template>
           </NStatistic>
         </NCard>
@@ -986,7 +1048,7 @@ onMounted(async () => {
     </NGrid>
 
     <!-- 概览指标 -->
-    <NGrid responsive="screen" cols="1 s:2 m:4" :x-gap="16" :y-gap="16" style="margin-bottom: 20px;">
+    <NGrid responsive="screen" cols="1 s:2 m:4" :x-gap="16" :y-gap="16" style="margin-bottom: 20px">
       <NGridItem>
         <NCard>
           <NStatistic :label="t('dashboard.avgDailyIncome')" :value="Number(summary.avgDailyIncome).toFixed(2)" />
@@ -1001,7 +1063,7 @@ onMounted(async () => {
         <NCard>
           <NStatistic :label="t('dashboard.maxExpense')" :value="Number(summary.maxExpenseAmount).toFixed(2)">
             <template #suffix>
-              <span style="font-size: 12px; color: #999;">{{ (summary.maxExpenseRemark || '').slice(0, 12) }}</span>
+              <span style="font-size: 12px; color: #999">{{ (summary.maxExpenseRemark || '').slice(0, 12) }}</span>
             </template>
           </NStatistic>
         </NCard>
@@ -1014,17 +1076,24 @@ onMounted(async () => {
     </NGrid>
 
     <!-- 趋势图 -->
-    <NCard style="margin-bottom: 16px;">
+    <NCard style="margin-bottom: 16px">
       <template #header>
         <NSpace justify="space-between" align="center">
           <span>
             {{ t('dashboard.trend') }}
-            <span style="color: #999; font-size: 12px; margin-left: 8px;">{{ t('dashboard.trendClickHint') }}</span>
+            <span style="color: #999; font-size: 12px; margin-left: 8px">{{ t('dashboard.trendClickHint') }}</span>
           </span>
-          <NSelect v-model:value="granularity" :options="granularityOptions" style="width: 110px;" size="small" />
+          <NSelect v-model:value="granularity" :options="granularityOptions" style="width: 110px" size="small" />
         </NSpace>
       </template>
-      <VChart ref="trendChartRef" :option="trendOption" :style="{ height: chartHeight }" autoresize @click="handleTrendClick" @zr:click="handleTrendBlankClick" />
+      <VChart
+        ref="trendChartRef"
+        :option="trendOption"
+        :style="{ height: chartHeight }"
+        autoresize
+        @click="handleTrendClick"
+        @zr:click="handleTrendBlankClick"
+      />
     </NCard>
 
     <!-- 饼图区域：支出/收入分类占比 + 支出/收入交易渠道占比 -->
@@ -1097,7 +1166,9 @@ onMounted(async () => {
   padding: 12px;
   background: #fff;
   border-radius: 10px;
-  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04);
+  box-shadow:
+    0 6px 24px rgba(0, 0, 0, 0.18),
+    0 0 0 1px rgba(0, 0, 0, 0.04);
 }
 .chart-action-menu__hint {
   margin-bottom: 8px;
diff --git a/frontend/src/views/EmailBillManage.vue b/frontend/src/views/EmailBillManage.vue
index d474dda..336acac 100644
--- a/frontend/src/views/EmailBillManage.vue
+++ b/frontend/src/views/EmailBillManage.vue
@@ -4,20 +4,50 @@ import { ref, computed, h, watch, onMounted, onUnmounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import {
-  useMessage, useDialog, NSpace, NButton, NDataTable, NTag, NModal, NForm, NFormItem,
-  NInput, NInputNumber, NSwitch, NSelect, NAlert, NText, NCard, NTabs, NTabPane, NLog,
+  useMessage,
+  useDialog,
+  NSpace,
+  NButton,
+  NDataTable,
+  NTag,
+  NModal,
+  NForm,
+  NFormItem,
+  NInput,
+  NInputNumber,
+  NSwitch,
+  NSelect,
+  NAlert,
+  NText,
+  NCard,
+  NTabs,
+  NTabPane,
+  NLog,
 } from 'naive-ui'
 import type { DataTableColumns } from 'naive-ui'
 import {
-  pageEmailBillConfigs, createEmailBillConfig, updateEmailBillConfig, deleteEmailBillConfig,
-  toggleEmailBillConfig, testEmailBillConfig,
-  pageEmailBillSenderRules, createEmailBillSenderRule, updateEmailBillSenderRule,
-  deleteEmailBillSenderRule, toggleEmailBillSenderRule,
-  pageEmailBillMessages, parseEmailBillMessage, importEmailBillMessage,
-  ignoreEmailBillMessage, deleteEmailBillMessage,
+  pageEmailBillConfigs,
+  createEmailBillConfig,
+  updateEmailBillConfig,
+  deleteEmailBillConfig,
+  toggleEmailBillConfig,
+  testEmailBillConfig,
+  pageEmailBillSenderRules,
+  createEmailBillSenderRule,
+  updateEmailBillSenderRule,
+  deleteEmailBillSenderRule,
+  toggleEmailBillSenderRule,
+  pageEmailBillMessages,
+  parseEmailBillMessage,
+  importEmailBillMessage,
+  ignoreEmailBillMessage,
+  deleteEmailBillMessage,
 } from '../api/emailBill'
 import type {
-  EmailBillConfig, EmailBillSenderRule, EmailBillMessage, EmailBillConfigPayload,
+  EmailBillConfig,
+  EmailBillSenderRule,
+  EmailBillMessage,
+  EmailBillConfigPayload,
   EmailBillSenderRulePayload,
 } from '../api/emailBill'
 import type { ParsedBillRow, BillType, BillImportItem } from '../api/transaction'
@@ -123,10 +153,20 @@ const allTags = ref<{ label: string; value: number }[]>([])
 async function loadOptions() {
   try {
     const [expenseRes, incomeRes, tagRes]: any = await Promise.all([
-      getCategoryList('EXPENSE'), getCategoryList('INCOME'), getTagList(),
+      getCategoryList('EXPENSE'),
+      getCategoryList('INCOME'),
+      getTagList(),
     ])
-    expenseCategories.value = (expenseRes.data || []).map((c: any) => ({ label: c.name, value: c.id, icon: c.icon || '' }))
-    incomeCategories.value = (incomeRes.data || []).map((c: any) => ({ label: c.name, value: c.id, icon: c.icon || '' }))
+    expenseCategories.value = (expenseRes.data || []).map((c: any) => ({
+      label: c.name,
+      value: c.id,
+      icon: c.icon || '',
+    }))
+    incomeCategories.value = (incomeRes.data || []).map((c: any) => ({
+      label: c.name,
+      value: c.id,
+      icon: c.icon || '',
+    }))
     allTags.value = (tagRes.data || []).map((tag: any) => ({ label: tag.name, value: tag.id }))
   } catch (e: any) {
     message.error(e.message || t('emailBill.common.loadFailed'))
@@ -161,9 +201,19 @@ let checkFinished = false
 
 function emptyConfigForm(): EmailBillConfigPayload {
   return {
-    name: '', host: '', port: 993, ssl: true, username: '', password: '',
-    folder: 'INBOX', enabled: false, expenseCategoryId: null, incomeCategoryId: null, tagIds: [],
-    fetchScope: 'INCREMENT', fetchLimit: null,
+    name: '',
+    host: '',
+    port: 993,
+    ssl: true,
+    username: '',
+    password: '',
+    folder: 'INBOX',
+    enabled: false,
+    expenseCategoryId: null,
+    incomeCategoryId: null,
+    tagIds: [],
+    fetchScope: 'INCREMENT',
+    fetchLimit: null,
   }
 }
 
@@ -193,34 +243,70 @@ function statusTagType(status: string) {
 const configColumns = computed<DataTableColumns<EmailBillConfig>>(() => [
   { title: t('emailBill.config.name'), key: 'name', width: 140, ellipsis: { tooltip: true } },
   {
-    title: t('emailBill.config.host'), key: 'host', width: 200,
+    title: t('emailBill.config.host'),
+    key: 'host',
+    width: 200,
     render: (row) => `${row.host}:${row.port}${row.ssl ? ' (SSL)' : ''}`,
   },
   { title: t('emailBill.config.username'), key: 'username', width: 180, ellipsis: { tooltip: true } },
   { title: t('emailBill.config.folder'), key: 'folder', width: 100 },
   {
-    title: t('emailBill.config.status'), key: 'status', width: 110,
-    render: (row) => h(NTag, { size: 'small', type: statusTagType(row.status) as any }, {
-      default: () => t(`emailBill.config.statusText.${row.status}`),
-    }),
+    title: t('emailBill.config.status'),
+    key: 'status',
+    width: 110,
+    render: (row) =>
+      h(
+        NTag,
+        { size: 'small', type: statusTagType(row.status) as any },
+        {
+          default: () => t(`emailBill.config.statusText.${row.status}`),
+        },
+      ),
   },
   {
-    title: t('emailBill.common.enabled'), key: 'enabled', width: 80,
-    render: (row) => h(NSwitch, {
-      value: row.enabled, size: 'small',
-      onUpdateValue: (v: boolean) => handleToggleConfig(row, v),
-    }),
+    title: t('emailBill.common.enabled'),
+    key: 'enabled',
+    width: 80,
+    render: (row) =>
+      h(NSwitch, {
+        value: row.enabled,
+        size: 'small',
+        onUpdateValue: (v: boolean) => handleToggleConfig(row, v),
+      }),
   },
   {
-    title: t('emailBill.common.actions'), key: 'actions', width: 320,
-    render: (row) => h(NSpace, { size: 4 }, {
-      default: () => [
-        h(NButton, { size: 'tiny', onClick: () => handleTestConfig(row) }, { default: () => t('emailBill.config.test') }),
-        h(NButton, { size: 'tiny', onClick: () => handleCheckConfig(row) }, { default: () => t('emailBill.config.check') }),
-        h(NButton, { size: 'tiny', onClick: () => openConfigModal(row) }, { default: () => t('emailBill.common.edit') }),
-        h(NButton, { size: 'tiny', type: 'error', onClick: () => handleDeleteConfig(row) }, { default: () => t('emailBill.common.delete') }),
-      ],
-    }),
+    title: t('emailBill.common.actions'),
+    key: 'actions',
+    width: 320,
+    render: (row) =>
+      h(
+        NSpace,
+        { size: 4 },
+        {
+          default: () => [
+            h(
+              NButton,
+              { size: 'tiny', onClick: () => handleTestConfig(row) },
+              { default: () => t('emailBill.config.test') },
+            ),
+            h(
+              NButton,
+              { size: 'tiny', onClick: () => handleCheckConfig(row) },
+              { default: () => t('emailBill.config.check') },
+            ),
+            h(
+              NButton,
+              { size: 'tiny', onClick: () => openConfigModal(row) },
+              { default: () => t('emailBill.common.edit') },
+            ),
+            h(
+              NButton,
+              { size: 'tiny', type: 'error', onClick: () => handleDeleteConfig(row) },
+              { default: () => t('emailBill.common.delete') },
+            ),
+          ],
+        },
+      ),
   },
 ])
 
@@ -254,11 +340,19 @@ function openConfigModal(row?: EmailBillConfig) {
   if (row) {
     configEditingId.value = row.id
     configForm.value = {
-      name: row.name, host: row.host, port: row.port, ssl: row.ssl, username: row.username,
-      password: '', folder: row.folder, enabled: row.enabled,
-      expenseCategoryId: row.expenseCategoryId, incomeCategoryId: row.incomeCategoryId,
+      name: row.name,
+      host: row.host,
+      port: row.port,
+      ssl: row.ssl,
+      username: row.username,
+      password: '',
+      folder: row.folder,
+      enabled: row.enabled,
+      expenseCategoryId: row.expenseCategoryId,
+      incomeCategoryId: row.incomeCategoryId,
       tagIds: [...(row.tagIds || [])],
-      fetchScope: row.fetchScope || 'INCREMENT', fetchLimit: row.fetchLimit,
+      fetchScope: row.fetchScope || 'INCREMENT',
+      fetchLimit: row.fetchLimit,
     }
   } else {
     configEditingId.value = null
@@ -334,7 +428,7 @@ function handleCheckConfig(row: EmailBillConfig) {
       if (event === 'line') {
         checkLogs.value.push(data)
       } else if (event === 'done') {
-        let count = 0
+        let count: number
         try {
           count = JSON.parse(data).count ?? 0
         } catch {
@@ -344,13 +438,15 @@ function handleCheckConfig(row: EmailBillConfig) {
         finishCheck()
         await Promise.all([loadConfigs(), loadMessages()])
       } else if (event === 'failed') {
-        let reason = ''
+        let reason: string
         try {
           reason = JSON.parse(data).message ?? ''
         } catch {
           reason = ''
         }
-        checkLogs.value.push(reason ? `${t('emailBill.config.checkFailed')}：${reason}` : t('emailBill.config.checkFailed'))
+        checkLogs.value.push(
+          reason ? `${t('emailBill.config.checkFailed')}：${reason}` : t('emailBill.config.checkFailed'),
+        )
         finishCheck()
         loadConfigs()
       }
@@ -407,37 +503,68 @@ const rulePagination = computed(() => ({
 
 function emptyRuleForm() {
   return {
-    name: '', enabled: true, sortOrder: 0, patternsText: '', billType: defaultBillType(),
-    archivePassword: '', expenseCategoryId: null, incomeCategoryId: null, tagIds: [] as number[],
+    name: '',
+    enabled: true,
+    sortOrder: 0,
+    patternsText: '',
+    billType: defaultBillType(),
+    archivePassword: '',
+    expenseCategoryId: null,
+    incomeCategoryId: null,
+    tagIds: [] as number[],
   }
 }
 
 const ruleColumns = computed<DataTableColumns<EmailBillSenderRule>>(() => [
   { title: t('emailBill.senderRule.name'), key: 'name', width: 140, ellipsis: { tooltip: true } },
   {
-    title: t('emailBill.senderRule.patterns'), key: 'senderPatterns', width: 220, ellipsis: { tooltip: true },
+    title: t('emailBill.senderRule.patterns'),
+    key: 'senderPatterns',
+    width: 220,
+    ellipsis: { tooltip: true },
     render: (row) => (row.senderPatterns || []).join(', '),
   },
   {
-    title: t('emailBill.senderRule.billType'), key: 'billType', width: 100,
+    title: t('emailBill.senderRule.billType'),
+    key: 'billType',
+    width: 100,
     render: (row) => h(NTag, { size: 'small', type: 'info' }, { default: () => billTypeLabel(row.billType) }),
   },
   { title: t('emailBill.senderRule.sortOrder'), key: 'sortOrder', width: 80 },
   {
-    title: t('emailBill.common.enabled'), key: 'enabled', width: 80,
-    render: (row) => h(NSwitch, {
-      value: row.enabled, size: 'small',
-      onUpdateValue: (v: boolean) => handleToggleRule(row, v),
-    }),
+    title: t('emailBill.common.enabled'),
+    key: 'enabled',
+    width: 80,
+    render: (row) =>
+      h(NSwitch, {
+        value: row.enabled,
+        size: 'small',
+        onUpdateValue: (v: boolean) => handleToggleRule(row, v),
+      }),
   },
   {
-    title: t('emailBill.common.actions'), key: 'actions', width: 140,
-    render: (row) => h(NSpace, { size: 4 }, {
-      default: () => [
-        h(NButton, { size: 'tiny', onClick: () => openRuleModal(row) }, { default: () => t('emailBill.common.edit') }),
-        h(NButton, { size: 'tiny', type: 'error', onClick: () => handleDeleteRule(row) }, { default: () => t('emailBill.common.delete') }),
-      ],
-    }),
+    title: t('emailBill.common.actions'),
+    key: 'actions',
+    width: 140,
+    render: (row) =>
+      h(
+        NSpace,
+        { size: 4 },
+        {
+          default: () => [
+            h(
+              NButton,
+              { size: 'tiny', onClick: () => openRuleModal(row) },
+              { default: () => t('emailBill.common.edit') },
+            ),
+            h(
+              NButton,
+              { size: 'tiny', type: 'error', onClick: () => handleDeleteRule(row) },
+              { default: () => t('emailBill.common.delete') },
+            ),
+          ],
+        },
+      ),
   },
 ])
 
@@ -471,10 +598,14 @@ function openRuleModal(row?: EmailBillSenderRule) {
   if (row) {
     ruleEditingId.value = row.id
     ruleForm.value = {
-      name: row.name, enabled: row.enabled, sortOrder: row.sortOrder,
-      patternsText: (row.senderPatterns || []).join('\n'), billType: row.billType,
+      name: row.name,
+      enabled: row.enabled,
+      sortOrder: row.sortOrder,
+      patternsText: (row.senderPatterns || []).join('\n'),
+      billType: row.billType,
       archivePassword: row.archivePassword || '',
-      expenseCategoryId: row.expenseCategoryId, incomeCategoryId: row.incomeCategoryId,
+      expenseCategoryId: row.expenseCategoryId,
+      incomeCategoryId: row.incomeCategoryId,
       tagIds: [...(row.tagIds || [])],
     }
   } else {
@@ -485,7 +616,10 @@ function openRuleModal(row?: EmailBillSenderRule) {
 }
 
 async function saveRule() {
-  const patterns = ruleForm.value.patternsText.split('\n').map((s) => s.trim()).filter(Boolean)
+  const patterns = ruleForm.value.patternsText
+    .split('\n')
+    .map((s) => s.trim())
+    .filter(Boolean)
   if (patterns.length === 0) {
     message.warning(t('emailBill.senderRule.patternsRequired'))
     return
@@ -555,46 +689,79 @@ const messageTotal = ref(0)
 
 const messageColumns = computed<DataTableColumns<EmailBillMessage>>(() => [
   {
-    title: t('emailBill.message.receivedAt'), key: 'receivedAt', width: 150,
+    title: t('emailBill.message.receivedAt'),
+    key: 'receivedAt',
+    width: 150,
     render: (row) => (row.receivedAt ? row.receivedAt.replace('T', ' ').substring(0, 16) : '-'),
   },
   { title: t('emailBill.message.fromAddress'), key: 'fromAddress', width: 180, ellipsis: { tooltip: true } },
   { title: t('emailBill.message.subject'), key: 'subject', ellipsis: { tooltip: true } },
   { title: t('emailBill.message.attachmentName'), key: 'attachmentName', width: 180, ellipsis: { tooltip: true } },
   {
-    title: t('emailBill.message.billType'), key: 'billType', width: 100,
+    title: t('emailBill.message.billType'),
+    key: 'billType',
+    width: 100,
     render: (row) => billTypeLabel(row.billType),
   },
   {
-    title: t('emailBill.message.status'), key: 'status', width: 100,
+    title: t('emailBill.message.status'),
+    key: 'status',
+    width: 100,
     render: (row) => {
       if (row.error) {
         return h(NTag, { size: 'small', type: 'error' }, { default: () => row.error })
       }
       const type = row.status === 'CONFIRMED' ? 'success' : row.status === 'IGNORED' ? 'default' : 'warning'
-      return h(NTag, { size: 'small', type: type as any }, {
-        default: () => t(`emailBill.message.statusText.${row.status}`),
-      })
+      return h(
+        NTag,
+        { size: 'small', type: type as any },
+        {
+          default: () => t(`emailBill.message.statusText.${row.status}`),
+        },
+      )
     },
   },
   {
-    title: t('emailBill.common.actions'), key: 'actions', width: 220,
-    render: (row) => h(NSpace, { size: 4 }, {
-      default: () => [
-        h(NButton, {
-          size: 'tiny', type: 'primary', disabled: row.status !== 'PULLED',
-          onClick: () => openParseModal(row),
-        }, { default: () => t('emailBill.message.parse') }),
-        h(NButton, {
-          size: 'tiny', disabled: row.status !== 'PULLED',
-          onClick: () => handleIgnoreMessage(row),
-        }, { default: () => t('emailBill.message.ignore') }),
-        h(NButton, {
-          size: 'tiny', type: 'error',
-          onClick: () => handleDeleteMessage(row),
-        }, { default: () => t('emailBill.common.delete') }),
-      ],
-    }),
+    title: t('emailBill.common.actions'),
+    key: 'actions',
+    width: 220,
+    render: (row) =>
+      h(
+        NSpace,
+        { size: 4 },
+        {
+          default: () => [
+            h(
+              NButton,
+              {
+                size: 'tiny',
+                type: 'primary',
+                disabled: row.status !== 'PULLED',
+                onClick: () => openParseModal(row),
+              },
+              { default: () => t('emailBill.message.parse') },
+            ),
+            h(
+              NButton,
+              {
+                size: 'tiny',
+                disabled: row.status !== 'PULLED',
+                onClick: () => handleIgnoreMessage(row),
+              },
+              { default: () => t('emailBill.message.ignore') },
+            ),
+            h(
+              NButton,
+              {
+                size: 'tiny',
+                type: 'error',
+                onClick: () => handleDeleteMessage(row),
+              },
+              { default: () => t('emailBill.common.delete') },
+            ),
+          ],
+        },
+      ),
   },
 ])
 
@@ -660,9 +827,13 @@ const parsePassword = ref('')
 const parsing = ref(false)
 const importing = ref(false)
 const parsedRows = ref<ParsedBillRow[]>([])
-const parseResult = ref<{ total: number; imported: number; skipped: number; failed: number; messages: string[] } | null>(null)
-
-
+const parseResult = ref<{
+  total: number
+  imported: number
+  skipped: number
+  failed: number
+  messages: string[]
+} | null>(null)
 
 function openParseModal(row: EmailBillMessage) {
   parseMessageRow.value = row
@@ -721,20 +892,27 @@ async function handleImport(payload: {
 
 // ===== 路由与标签页同步 =====
 // URL 子路径变化（如浏览器前进/后退）时同步标签页
-watch(() => route.params.tab, (tab) => {
-  const target = (tab as string) || 'configs'
-  if (target !== activeTab.value) {
-    activeTab.value = target
-  }
-})
+watch(
+  () => route.params.tab,
+  (tab) => {
+    const target = (tab as string) || 'configs'
+    if (target !== activeTab.value) {
+      activeTab.value = target
+    }
+  },
+)
 
 // 标签页切换：记住偏好并同步 URL 子路径
-watch(activeTab, (tab) => {
-  writeString(EMAIL_BILL_TAB_KEY, tab)
-  if ((route.params.tab as string) !== tab) {
-    router.push(`/email-bills/${tab}`)
-  }
-}, { immediate: true })
+watch(
+  activeTab,
+  (tab) => {
+    writeString(EMAIL_BILL_TAB_KEY, tab)
+    if ((route.params.tab as string) !== tab) {
+      router.push(`/email-bills/${tab}`)
+    }
+  },
+  { immediate: true },
+)
 
 // ===== 生命周期 =====
 let timer: number | null = null
@@ -777,18 +955,14 @@ onUnmounted(() => {
             @update:page="handleConfigPageChange"
             @update:page-size="handleConfigPageSizeChange"
           />
-          <NCard
-            v-if="checkRunning || checkLogs.length"
-            size="small"
-            :title="t('emailBill.config.checkLogTitle')"
-          >
+          <NCard v-if="checkRunning || checkLogs.length" size="small" :title="t('emailBill.config.checkLogTitle')">
             <template #header-extra>
               <NSpace align="center" :size="8">
                 <NTag v-if="checkRunning" size="small" type="info">{{ t('emailBill.config.checkRunning') }}</NTag>
                 <NButton v-else size="tiny" @click="checkLogs = []">{{ t('emailBill.config.checkClear') }}</NButton>
               </NSpace>
             </template>
-            <NLog :lines="checkLogs" :loading="checkRunning" style="max-height: 240px;" />
+            <NLog :lines="checkLogs" :loading="checkRunning" style="max-height: 240px" />
           </NCard>
         </NSpace>
       </NTabPane>
@@ -828,8 +1002,13 @@ onUnmounted(() => {
               ]"
               clearable
               :placeholder="t('emailBill.message.filterStatus')"
-              style="width: 160px;"
-              @update:value="() => { messagePage = 1; loadMessages() }"
+              style="width: 160px"
+              @update:value="
+                () => {
+                  messagePage = 1
+                  loadMessages()
+                }
+              "
             />
             <NButton @click="loadMessages">{{ t('emailBill.common.refresh') }}</NButton>
           </NSpace>
@@ -843,10 +1022,20 @@ onUnmounted(() => {
             remote
             :scroll-x="960"
             :pagination="{
-              page: messagePage, pageSize: messageSize, itemCount: messageTotal,
-              pageSizes: pageSizeOptions, showSizePicker: true,
-              onUpdatePage: (p: number) => { messagePage = p; loadMessages() },
-              onUpdatePageSize: (s: number) => { messageSize = s; messagePage = 1; loadMessages() },
+              page: messagePage,
+              pageSize: messageSize,
+              itemCount: messageTotal,
+              pageSizes: pageSizeOptions,
+              showSizePicker: true,
+              onUpdatePage: (p: number) => {
+                messagePage = p
+                loadMessages()
+              },
+              onUpdatePageSize: (s: number) => {
+                messageSize = s
+                messagePage = 1
+                loadMessages()
+              },
             }"
           />
         </NSpace>
@@ -854,7 +1043,12 @@ onUnmounted(() => {
     </NTabs>
 
     <!-- 邮箱配置弹窗 -->
-    <NModal v-model:show="configModalVisible" preset="card" :title="t('emailBill.tab.configs')" style="width: 560px; max-width: 92vw;">
+    <NModal
+      v-model:show="configModalVisible"
+      preset="card"
+      :title="t('emailBill.tab.configs')"
+      style="width: 560px; max-width: 92vw"
+    >
       <NForm :label-placement="isMobile ? 'top' : 'left'" :label-width="isMobile ? undefined : 130">
         <NFormItem :label="t('emailBill.config.name')">
           <NInput v-model:value="configForm.name" />
@@ -871,7 +1065,7 @@ onUnmounted(() => {
           />
         </NFormItem>
         <NFormItem :label="t('emailBill.config.port')">
-          <NInputNumber v-model:value="configForm.port" :min="1" :max="65535" style="width: 160px;" />
+          <NInputNumber v-model:value="configForm.port" :min="1" :max="65535" style="width: 160px" />
         </NFormItem>
         <NFormItem :label="t('emailBill.config.ssl')">
           <NSwitch v-model:value="configForm.ssl" />
@@ -880,30 +1074,56 @@ onUnmounted(() => {
           <NInput v-model:value="configForm.username" />
         </NFormItem>
         <NFormItem :label="t('emailBill.config.password')">
-          <NInput v-model:value="configForm.password" type="password" show-password-on="click" :placeholder="t('emailBill.config.passwordPlaceholder')" />
+          <NInput
+            v-model:value="configForm.password"
+            type="password"
+            show-password-on="click"
+            :placeholder="t('emailBill.config.passwordPlaceholder')"
+          />
         </NFormItem>
         <NFormItem :label="t('emailBill.config.folder')">
           <NInput v-model:value="configForm.folder" placeholder="INBOX" />
         </NFormItem>
         <NFormItem :label="t('emailBill.config.defaultExpenseCategory')">
-          <NSelect v-model:value="configForm.expenseCategoryId" :options="expenseCategories" :render-label="renderCategoryLabel" filterable clearable style="width: 100%;" />
+          <NSelect
+            v-model:value="configForm.expenseCategoryId"
+            :options="expenseCategories"
+            :render-label="renderCategoryLabel"
+            filterable
+            clearable
+            style="width: 100%"
+          />
         </NFormItem>
         <NFormItem :label="t('emailBill.config.defaultIncomeCategory')">
-          <NSelect v-model:value="configForm.incomeCategoryId" :options="incomeCategories" :render-label="renderCategoryLabel" filterable clearable style="width: 100%;" />
+          <NSelect
+            v-model:value="configForm.incomeCategoryId"
+            :options="incomeCategories"
+            :render-label="renderCategoryLabel"
+            filterable
+            clearable
+            style="width: 100%"
+          />
         </NFormItem>
         <NFormItem :label="t('emailBill.config.defaultTags')">
-          <NSelect v-model:value="configForm.tagIds" :options="allTags" multiple clearable filterable style="width: 100%;" />
+          <NSelect
+            v-model:value="configForm.tagIds"
+            :options="allTags"
+            multiple
+            clearable
+            filterable
+            style="width: 100%"
+          />
         </NFormItem>
         <NFormItem :label="t('emailBill.config.fetchScope')">
           <NSpace align="center" :size="8">
-            <NSelect v-model:value="configForm.fetchScope" :options="fetchScopeOptions" style="width: 160px;" />
+            <NSelect v-model:value="configForm.fetchScope" :options="fetchScopeOptions" style="width: 160px" />
             <NInputNumber
               v-if="configForm.fetchScope === 'DAYS'"
               v-model:value="configForm.fetchLimit"
               :min="1"
               :max="365"
               :placeholder="t('emailBill.config.fetchLimitDays')"
-              style="width: 140px;"
+              style="width: 140px"
             />
             <NInputNumber
               v-else-if="configForm.fetchScope === 'COUNT'"
@@ -911,7 +1131,7 @@ onUnmounted(() => {
               :min="1"
               :max="500"
               :placeholder="t('emailBill.config.fetchLimitCount')"
-              style="width: 140px;"
+              style="width: 140px"
             />
           </NSpace>
         </NFormItem>
@@ -928,31 +1148,65 @@ onUnmounted(() => {
     </NModal>
 
     <!-- 发件人规则弹窗 -->
-    <NModal v-model:show="ruleModalVisible" preset="card" :title="t('emailBill.tab.senderRules')" style="width: 560px; max-width: 92vw;">
+    <NModal
+      v-model:show="ruleModalVisible"
+      preset="card"
+      :title="t('emailBill.tab.senderRules')"
+      style="width: 560px; max-width: 92vw"
+    >
       <NForm :label-placement="isMobile ? 'top' : 'left'" :label-width="isMobile ? undefined : 130">
         <NFormItem :label="t('emailBill.senderRule.name')">
           <NInput v-model:value="ruleForm.name" />
         </NFormItem>
         <NFormItem :label="t('emailBill.senderRule.patterns')">
-          <NInput v-model:value="ruleForm.patternsText" type="textarea" :autosize="{ minRows: 3, maxRows: 6 }" :placeholder="t('emailBill.senderRule.patternsHint')" />
+          <NInput
+            v-model:value="ruleForm.patternsText"
+            type="textarea"
+            :autosize="{ minRows: 3, maxRows: 6 }"
+            :placeholder="t('emailBill.senderRule.patternsHint')"
+          />
         </NFormItem>
         <NFormItem :label="t('emailBill.senderRule.billType')">
-          <NSelect v-model:value="ruleForm.billType" :options="billTypeOptions" style="width: 100%;" />
+          <NSelect v-model:value="ruleForm.billType" :options="billTypeOptions" style="width: 100%" />
         </NFormItem>
         <NFormItem :label="t('emailBill.senderRule.archivePassword')">
-          <NInput v-model:value="ruleForm.archivePassword" :placeholder="t('emailBill.senderRule.archivePasswordPlaceholder')" />
+          <NInput
+            v-model:value="ruleForm.archivePassword"
+            :placeholder="t('emailBill.senderRule.archivePasswordPlaceholder')"
+          />
         </NFormItem>
         <NFormItem :label="t('emailBill.senderRule.defaultExpenseCategory')">
-          <NSelect v-model:value="ruleForm.expenseCategoryId" :options="expenseCategories" :render-label="renderCategoryLabel" filterable clearable style="width: 100%;" />
+          <NSelect
+            v-model:value="ruleForm.expenseCategoryId"
+            :options="expenseCategories"
+            :render-label="renderCategoryLabel"
+            filterable
+            clearable
+            style="width: 100%"
+          />
         </NFormItem>
         <NFormItem :label="t('emailBill.senderRule.defaultIncomeCategory')">
-          <NSelect v-model:value="ruleForm.incomeCategoryId" :options="incomeCategories" :render-label="renderCategoryLabel" filterable clearable style="width: 100%;" />
+          <NSelect
+            v-model:value="ruleForm.incomeCategoryId"
+            :options="incomeCategories"
+            :render-label="renderCategoryLabel"
+            filterable
+            clearable
+            style="width: 100%"
+          />
         </NFormItem>
         <NFormItem :label="t('emailBill.senderRule.defaultTags')">
-          <NSelect v-model:value="ruleForm.tagIds" :options="allTags" multiple clearable filterable style="width: 100%;" />
+          <NSelect
+            v-model:value="ruleForm.tagIds"
+            :options="allTags"
+            multiple
+            clearable
+            filterable
+            style="width: 100%"
+          />
         </NFormItem>
         <NFormItem :label="t('emailBill.senderRule.sortOrder')">
-          <NInputNumber v-model:value="ruleForm.sortOrder" :min="0" style="width: 160px;" />
+          <NInputNumber v-model:value="ruleForm.sortOrder" :min="0" style="width: 160px" />
         </NFormItem>
         <NFormItem :label="t('emailBill.common.enabled')">
           <NSwitch v-model:value="ruleForm.enabled" />
@@ -967,7 +1221,13 @@ onUnmounted(() => {
     </NModal>
 
     <!-- 解析弹窗 -->
-    <NModal v-model:show="parseModalVisible" preset="card" :title="t('emailBill.parse.title')" style="width: 1000px; max-width: 94vw;" :mask-closable="false">
+    <NModal
+      v-model:show="parseModalVisible"
+      preset="card"
+      :title="t('emailBill.parse.title')"
+      style="width: 1000px; max-width: 94vw"
+      :mask-closable="false"
+    >
       <!-- 第一步：选择类型与密码并解析 -->
       <NSpace v-if="parseStage === 'select'" vertical :size="12">
         <NAlert type="info" :show-icon="true">
@@ -975,9 +1235,15 @@ onUnmounted(() => {
         </NAlert>
         <NSpace align="center">
           <NText>{{ t('emailBill.parse.billType') }}</NText>
-          <NSelect v-model:value="parseBillType" :options="billTypeOptions" style="width: 160px;" />
+          <NSelect v-model:value="parseBillType" :options="billTypeOptions" style="width: 160px" />
           <NText>{{ t('emailBill.parse.password') }}</NText>
-          <NInput v-model:value="parsePassword" type="password" show-password-on="click" :placeholder="t('emailBill.senderRule.archivePasswordPlaceholder')" style="width: 200px;" />
+          <NInput
+            v-model:value="parsePassword"
+            type="password"
+            show-password-on="click"
+            :placeholder="t('emailBill.senderRule.archivePasswordPlaceholder')"
+            style="width: 200px"
+          />
         </NSpace>
         <NSpace justify="end">
           <NButton @click="parseModalVisible = false">{{ t('emailBill.common.cancel') }}</NButton>
diff --git a/frontend/src/views/Layout.vue b/frontend/src/views/Layout.vue
index f801565..bc1f128 100644
--- a/frontend/src/views/Layout.vue
+++ b/frontend/src/views/Layout.vue
@@ -4,12 +4,26 @@ import { h, computed, ref, watch, nextTick, onMounted, onBeforeUnmount } from 'v
 import { useRouter, useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import {
-  NLayout, NLayoutSider, NLayoutContent, NLayoutHeader, NMenu, NSpace, NIcon, NDropdown,
-  NDrawer, NDrawerContent, NButton,
+  NLayout,
+  NLayoutSider,
+  NLayoutContent,
+  NLayoutHeader,
+  NMenu,
+  NSpace,
+  NIcon,
+  NDropdown,
+  NDrawer,
+  NDrawerContent,
+  NButton,
 } from 'naive-ui'
 import type { MenuOption } from 'naive-ui'
 import {
-  DocumentTextOutline, SettingsOutline, LogOutOutline, ChevronDownOutline, WalletOutline, MenuOutline,
+  DocumentTextOutline,
+  SettingsOutline,
+  LogOutOutline,
+  ChevronDownOutline,
+  WalletOutline,
+  MenuOutline,
 } from '@vicons/ionicons5'
 import { useUserStore } from '../store/user'
 import LocaleSwitch from '../components/LocaleSwitch.vue'
@@ -182,11 +196,14 @@ watch(isMobile, (mobile) => {
 })
 
 // 路由切换：先保存离开页的位置，再在 DOM 更新后恢复目标页的位置
-watch(() => route.path, (to, from) => {
-  saveScroll(from)
-  cancelRestore()
-  nextTick(() => restoreScroll(to))
-})
+watch(
+  () => route.path,
+  (to, from) => {
+    saveScroll(from)
+    cancelRestore()
+    nextTick(() => restoreScroll(to))
+  },
+)
 
 /** 预加载交易渠道列表，注册自定义渠道名称供全局展示解析 */
 async function loadChannels() {
@@ -221,12 +238,7 @@ onBeforeUnmount(() => {
 <template>
   <!-- 整体布局：左侧边栏 + 右侧内容区（手机端侧边栏收起为抽屉） -->
   <NLayout has-sider style="height: 100dvh">
-    <NLayoutSider
-      v-if="!isMobile"
-      bordered
-      :width="200"
-      content-style="padding: 12px;"
-    >
+    <NLayoutSider v-if="!isMobile" bordered :width="200" content-style="padding: 12px;">
       <!-- 系统标题 -->
       <div class="app-brand">
         <div class="app-brand__logo">
@@ -238,23 +250,13 @@ onBeforeUnmount(() => {
         </div>
       </div>
       <!-- 导航菜单 -->
-      <NMenu
-        :value="activeKey"
-        :options="menuOptions"
-        @update:value="handleMenuUpdate"
-      />
+      <NMenu :value="activeKey" :options="menuOptions" @update:value="handleMenuUpdate" />
     </NLayoutSider>
     <NLayout>
       <!-- 顶部栏：左侧菜单按钮（小屏）+ 右侧语言切换与用户下拉菜单 -->
       <NLayoutHeader bordered class="app-header" :style="{ padding: isMobile ? '8px 12px' : '12px 24px' }">
         <div class="app-header__left">
-          <NButton
-            v-if="isMobile"
-            quaternary
-            circle
-            :aria-label="t('layout.menu')"
-            @click="showDrawer = true"
-          >
+          <NButton v-if="isMobile" quaternary circle :aria-label="t('layout.menu')" @click="showDrawer = true">
             <template #icon>
               <NIcon :component="MenuOutline" />
             </template>
@@ -263,9 +265,9 @@ onBeforeUnmount(() => {
         <NSpace align="center" :size="16">
           <LocaleSwitch />
           <NDropdown :options="userMenuOptions" @select="handleUserMenuSelect">
-            <span style="font-size: 16px; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center;">
+            <span style="font-size: 16px; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center">
               {{ userStore.nickname || t('layout.user') }}
-              <NIcon :component="ChevronDownOutline" size="16" style="margin-left: 4px;" />
+              <NIcon :component="ChevronDownOutline" size="16" style="margin-left: 4px" />
             </span>
           </NDropdown>
         </NSpace>
@@ -274,7 +276,7 @@ onBeforeUnmount(() => {
       <NLayoutContent
         ref="contentRef"
         :content-style="contentStyle"
-        style="height: calc(100dvh - 57px); overflow-y: auto;"
+        style="height: calc(100dvh - 57px); overflow-y: auto"
       >
         <router-view />
       </NLayoutContent>
@@ -292,11 +294,7 @@ onBeforeUnmount(() => {
             <span class="app-brand__subtitle">{{ t('layout.appSubtitle') }}</span>
           </div>
         </div>
-        <NMenu
-          :value="activeKey"
-          :options="menuOptions"
-          @update:value="handleMenuUpdate"
-        />
+        <NMenu :value="activeKey" :options="menuOptions" @update:value="handleMenuUpdate" />
       </NDrawerContent>
     </NDrawer>
   </NLayout>
diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
index c7c12da..79bbc37 100644
--- a/frontend/src/views/Login.vue
+++ b/frontend/src/views/Login.vue
@@ -72,14 +72,26 @@ async function handleLogin() {
       </template>
       <NForm>
         <NFormItem :label="t('login.username')">
-          <NInput v-model:value="form.username" :placeholder="t('login.usernamePlaceholder')" @keyup.enter="handleLogin" />
+          <NInput
+            v-model:value="form.username"
+            :placeholder="t('login.usernamePlaceholder')"
+            @keyup.enter="handleLogin"
+          />
         </NFormItem>
         <NFormItem :label="t('login.password')">
-          <NInput v-model:value="form.password" type="password" show-password-on="click" :placeholder="t('login.passwordPlaceholder')" @keyup.enter="handleLogin" />
+          <NInput
+            v-model:value="form.password"
+            type="password"
+            show-password-on="click"
+            :placeholder="t('login.passwordPlaceholder')"
+            @keyup.enter="handleLogin"
+          />
         </NFormItem>
         <NSpace vertical>
           <NButton type="primary" block :loading="loading" @click="handleLogin">{{ t('login.submit') }}</NButton>
-          <NButton v-if="canRegister" text type="info" @click="router.push('/register')">{{ t('login.toRegister') }}</NButton>
+          <NButton v-if="canRegister" text type="info" @click="router.push('/register')">{{
+            t('login.toRegister')
+          }}</NButton>
         </NSpace>
       </NForm>
     </NCard>
diff --git a/frontend/src/views/Logs.vue b/frontend/src/views/Logs.vue
index e18fb63..5bb4651 100644
--- a/frontend/src/views/Logs.vue
+++ b/frontend/src/views/Logs.vue
@@ -4,8 +4,22 @@ import { ref, computed, h, onMounted, onUnmounted, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import {
-  useMessage, NCard, NTabs, NTabPane, NDataTable, NPagination, NInput, NSelect,
-  NButton, NSpace, NTag, NIcon, NInputNumber, NEmpty, NText, NSwitch,
+  useMessage,
+  NCard,
+  NTabs,
+  NTabPane,
+  NDataTable,
+  NPagination,
+  NInput,
+  NSelect,
+  NButton,
+  NSpace,
+  NTag,
+  NIcon,
+  NInputNumber,
+  NEmpty,
+  NText,
+  NSwitch,
 } from 'naive-ui'
 import type { DataTableColumns } from 'naive-ui'
 import { RefreshOutline, SearchOutline } from '@vicons/ionicons5'
@@ -125,49 +139,83 @@ function statusTagType(status: number | null) {
 /** 请求方法对应的标签颜色 */
 function methodTagType(method: string | null) {
   switch (method) {
-    case 'GET': return 'info'
-    case 'POST': return 'success'
-    case 'PUT': return 'warning'
-    case 'DELETE': return 'error'
-    default: return 'default'
+    case 'GET':
+      return 'info'
+    case 'POST':
+      return 'success'
+    case 'PUT':
+      return 'warning'
+    case 'DELETE':
+      return 'error'
+    default:
+      return 'default'
   }
 }
 
 /** 访问日志表格列 */
 const httpColumns = computed<DataTableColumns<HttpLog>>(() => [
   {
-    title: t('log.time'), key: 'createdAt', width: 165,
+    title: t('log.time'),
+    key: 'createdAt',
+    width: 165,
     render: (row) => h('span', { class: 'cell-time' }, formatTime(row.createdAt)),
   },
   {
-    title: t('log.method'), key: 'method', width: 90, align: 'center',
-    render: (row) => (row.method
-      ? h(NTag, { type: methodTagType(row.method), size: 'small', bordered: false }, { default: () => row.method })
-      : '-'),
+    title: t('log.method'),
+    key: 'method',
+    width: 90,
+    align: 'center',
+    render: (row) =>
+      row.method
+        ? h(NTag, { type: methodTagType(row.method), size: 'small', bordered: false }, { default: () => row.method })
+        : '-',
   },
   {
-    title: t('log.path'), key: 'path', minWidth: 180, ellipsis: { tooltip: true },
+    title: t('log.path'),
+    key: 'path',
+    minWidth: 180,
+    ellipsis: { tooltip: true },
   },
   {
-    title: t('log.queryString'), key: 'queryString', minWidth: 140, ellipsis: { tooltip: true },
+    title: t('log.queryString'),
+    key: 'queryString',
+    minWidth: 140,
+    ellipsis: { tooltip: true },
     render: (row) => row.queryString || '-',
   },
   {
-    title: t('log.status'), key: 'status', width: 90, align: 'center',
-    render: (row) => (row.status == null
-      ? '-'
-      : h(NTag, { type: statusTagType(row.status), size: 'small', bordered: false }, { default: () => String(row.status) })),
+    title: t('log.status'),
+    key: 'status',
+    width: 90,
+    align: 'center',
+    render: (row) =>
+      row.status == null
+        ? '-'
+        : h(
+            NTag,
+            { type: statusTagType(row.status), size: 'small', bordered: false },
+            { default: () => String(row.status) },
+          ),
   },
   {
-    title: t('log.duration'), key: 'durationMs', width: 100, align: 'right',
+    title: t('log.duration'),
+    key: 'durationMs',
+    width: 100,
+    align: 'right',
     render: (row) => (row.durationMs == null ? '-' : `${row.durationMs} ms`),
   },
   {
-    title: t('log.user'), key: 'userId', width: 90, align: 'center',
+    title: t('log.user'),
+    key: 'userId',
+    width: 90,
+    align: 'center',
     render: (row) => (row.userId == null ? t('log.anonymous') : `#${row.userId}`),
   },
   {
-    title: t('log.ip'), key: 'ip', width: 140, ellipsis: { tooltip: true },
+    title: t('log.ip'),
+    key: 'ip',
+    width: 140,
+    ellipsis: { tooltip: true },
     render: (row) => row.ip || '-',
   },
 ])
@@ -175,28 +223,48 @@ const httpColumns = computed<DataTableColumns<HttpLog>>(() => [
 /** 登录日志表格列 */
 const loginColumns = computed<DataTableColumns<LoginLog>>(() => [
   {
-    title: t('log.time'), key: 'createdAt', width: 165,
+    title: t('log.time'),
+    key: 'createdAt',
+    width: 165,
     render: (row) => h('span', { class: 'cell-time' }, formatTime(row.createdAt)),
   },
   {
-    title: t('log.username'), key: 'username', width: 140,
+    title: t('log.username'),
+    key: 'username',
+    width: 140,
     render: (row) => row.username || '-',
   },
   {
-    title: t('log.result'), key: 'success', width: 90, align: 'center',
-    render: (row) => h(NTag, { type: row.success ? 'success' : 'error', size: 'small', bordered: false },
-      { default: () => (row.success ? t('log.success') : t('log.failed')) }),
+    title: t('log.result'),
+    key: 'success',
+    width: 90,
+    align: 'center',
+    render: (row) =>
+      h(
+        NTag,
+        { type: row.success ? 'success' : 'error', size: 'small', bordered: false },
+        { default: () => (row.success ? t('log.success') : t('log.failed')) },
+      ),
   },
   {
-    title: t('log.message'), key: 'message', minWidth: 140, ellipsis: { tooltip: true },
+    title: t('log.message'),
+    key: 'message',
+    minWidth: 140,
+    ellipsis: { tooltip: true },
     render: (row) => row.message || '-',
   },
   {
-    title: t('log.ip'), key: 'ip', width: 140, ellipsis: { tooltip: true },
+    title: t('log.ip'),
+    key: 'ip',
+    width: 140,
+    ellipsis: { tooltip: true },
     render: (row) => row.ip || '-',
   },
   {
-    title: t('log.userAgent'), key: 'userAgent', minWidth: 180, ellipsis: { tooltip: true },
+    title: t('log.userAgent'),
+    key: 'userAgent',
+    minWidth: 180,
+    ellipsis: { tooltip: true },
     render: (row) => row.userAgent || '-',
   },
 ])
@@ -331,37 +399,44 @@ watch(appRealtime, (enabled) => {
 })
 
 // URL 子路径变化（如浏览器前进/后退）时同步标签页
-watch(() => route.params.tab, (tab) => {
-  const target = (tab as string) || 'http'
-  if (target !== activeTab.value) {
-    activeTab.value = target
-  }
-})
+watch(
+  () => route.params.tab,
+  (tab) => {
+    const target = (tab as string) || 'http'
+    if (target !== activeTab.value) {
+      activeTab.value = target
+    }
+  },
+)
 
 // 标签页切换：记住偏好、加载对应数据、同步 URL 子路径、控制实时连接
-watch(activeTab, (tab) => {
-  // 保存当前标签页偏好，供下次点击「系统日志」时恢复
-  writeString(LOGS_TAB_KEY, tab)
-  if (tab === 'http') {
-    loadHttp()
-  } else if (tab === 'login') {
-    loadLogin()
-  } else if (tab === 'app') {
-    if (appRealtime.value) {
-      startRealtime()
-    } else {
-      loadApp()
+watch(
+  activeTab,
+  (tab) => {
+    // 保存当前标签页偏好，供下次点击「系统日志」时恢复
+    writeString(LOGS_TAB_KEY, tab)
+    if (tab === 'http') {
+      loadHttp()
+    } else if (tab === 'login') {
+      loadLogin()
+    } else if (tab === 'app') {
+      if (appRealtime.value) {
+        startRealtime()
+      } else {
+        loadApp()
+      }
     }
-  }
-  // 离开运行日志时关闭 SSE 连接
-  if (tab !== 'app') {
-    stopRealtime()
-  }
-  // URL 未反映当前标签时更新，避免与路由同步互相触发
-  if ((route.params.tab as string) !== tab) {
-    router.push(`/logs/${tab}`)
-  }
-}, { immediate: true })
+    // 离开运行日志时关闭 SSE 连接
+    if (tab !== 'app') {
+      stopRealtime()
+    }
+    // URL 未反映当前标签时更新，避免与路由同步互相触发
+    if ((route.params.tab as string) !== tab) {
+      router.push(`/logs/${tab}`)
+    }
+  },
+  { immediate: true },
+)
 
 onUnmounted(stopRealtime)
 
@@ -417,7 +492,7 @@ function lineClass(line: string) {
         <NSelect
           v-model:value="logRetention"
           :options="retentionOptions"
-          style="width: 130px;"
+          style="width: 130px"
           @update:value="saveRetention"
         />
       </NSpace>
@@ -427,12 +502,12 @@ function lineClass(line: string) {
       <NTabs v-model:value="activeTab" type="line" animated>
         <!-- 访问日志 -->
         <NTabPane name="http" :tab="t('log.httpTab')">
-          <NSpace align="center" :size="12" style="margin-bottom: 12px;">
+          <NSpace align="center" :size="12" style="margin-bottom: 12px">
             <NInput
               v-model:value="httpKeyword"
               :placeholder="t('log.keywordPlaceholder')"
               clearable
-              style="width: 220px;"
+              style="width: 220px"
               @keyup.enter="searchHttp"
             />
             <NSelect
@@ -440,14 +515,14 @@ function lineClass(line: string) {
               :options="methodOptions"
               :placeholder="t('log.method')"
               clearable
-              style="width: 120px;"
+              style="width: 120px"
             />
             <NSelect
               v-model:value="httpStatus"
               :options="statusOptions"
               :placeholder="t('log.status')"
               clearable
-              style="width: 120px;"
+              style="width: 120px"
             />
             <NButton type="primary" @click="searchHttp">
               <template #icon><NIcon :component="SearchOutline" /></template>
@@ -473,7 +548,7 @@ function lineClass(line: string) {
             </template>
           </NDataTable>
 
-          <NSpace justify="end" style="margin-top: 12px;">
+          <NSpace justify="end" style="margin-top: 12px">
             <NPagination
               v-model:page="httpPage"
               v-model:page-size="httpSize"
@@ -488,12 +563,12 @@ function lineClass(line: string) {
 
         <!-- 登录日志 -->
         <NTabPane name="login" :tab="t('log.loginTab')">
-          <NSpace align="center" :size="12" style="margin-bottom: 12px;">
+          <NSpace align="center" :size="12" style="margin-bottom: 12px">
             <NInput
               v-model:value="loginKeyword"
               :placeholder="t('log.keywordPlaceholder')"
               clearable
-              style="width: 220px;"
+              style="width: 220px"
               @keyup.enter="searchLogin"
             />
             <NSelect
@@ -501,7 +576,7 @@ function lineClass(line: string) {
               :options="loginResultOptions"
               :placeholder="t('log.result')"
               clearable
-              style="width: 120px;"
+              style="width: 120px"
             />
             <NButton type="primary" @click="searchLogin">
               <template #icon><NIcon :component="SearchOutline" /></template>
@@ -527,7 +602,7 @@ function lineClass(line: string) {
             </template>
           </NDataTable>
 
-          <NSpace justify="end" style="margin-top: 12px;">
+          <NSpace justify="end" style="margin-top: 12px">
             <NPagination
               v-model:page="loginPage"
               v-model:page-size="loginSize"
@@ -542,35 +617,30 @@ function lineClass(line: string) {
 
         <!-- 运行日志 -->
         <NTabPane name="app" :tab="t('log.appTab')">
-          <NSpace align="center" :size="12" style="margin-bottom: 12px;">
+          <NSpace align="center" :size="12" style="margin-bottom: 12px">
             <NInput
               v-model:value="appDate"
               :placeholder="t('log.datePlaceholder')"
               clearable
               :disabled="appRealtime"
-              style="width: 180px;"
+              style="width: 180px"
               @keyup.enter="loadApp"
             />
-            <NSelect
-              v-model:value="appRange"
-              :options="rangeOptions"
-              :disabled="appRealtime"
-              style="width: 130px;"
-            />
+            <NSelect v-model:value="appRange" :options="rangeOptions" :disabled="appRealtime" style="width: 130px" />
             <NSelect
               v-model:value="appLevel"
               :options="levelOptions"
               :placeholder="t('log.level')"
               clearable
               :disabled="appRealtime"
-              style="width: 120px;"
+              style="width: 120px"
             />
             <NInput
               v-model:value="appKeyword"
               :placeholder="t('log.keyword')"
               clearable
               :disabled="appRealtime"
-              style="width: 200px;"
+              style="width: 200px"
               @keyup.enter="loadApp"
             />
             <NInputNumber
@@ -579,7 +649,7 @@ function lineClass(line: string) {
               :max="2000"
               :placeholder="t('log.lines')"
               :disabled="appRealtime"
-              style="width: 130px;"
+              style="width: 130px"
             />
             <NButton type="primary" :loading="appLoading" :disabled="appRealtime" @click="loadApp()">
               <template #icon><NIcon :component="RefreshOutline" /></template>
@@ -589,16 +659,14 @@ function lineClass(line: string) {
               <NSwitch v-model:value="appRealtime" size="small" />
               <NText depth="3">{{ t('log.realtime') }}</NText>
             </NSpace>
-            <NText depth="3">
-              {{ t('log.file') }}: {{ appData?.file || '-' }}
-            </NText>
+            <NText depth="3"> {{ t('log.file') }}: {{ appData?.file || '-' }} </NText>
             <NText depth="3">
               {{ t('log.totalLines', { count: appData?.total ?? 0 }) }}
             </NText>
           </NSpace>
 
           <div class="log-viewer">
-            <NEmpty v-if="!appLoading && !(appData?.lines?.length)" :description="t('log.appEmpty')" />
+            <NEmpty v-if="!appLoading && !appData?.lines?.length" :description="t('log.appEmpty')" />
             <div v-for="(line, index) in appData?.lines ?? []" :key="index" :class="lineClass(line)">
               {{ line }}
             </div>
diff --git a/frontend/src/views/Register.vue b/frontend/src/views/Register.vue
index 9a0791a..aecad62 100644
--- a/frontend/src/views/Register.vue
+++ b/frontend/src/views/Register.vue
@@ -71,10 +71,20 @@ async function handleRegister() {
           <NInput v-model:value="form.nickname" :placeholder="t('register.nicknamePlaceholder')" />
         </NFormItem>
         <NFormItem :label="t('register.password')">
-          <NInput v-model:value="form.password" type="password" show-password-on="click" :placeholder="t('register.passwordPlaceholder')" />
+          <NInput
+            v-model:value="form.password"
+            type="password"
+            show-password-on="click"
+            :placeholder="t('register.passwordPlaceholder')"
+          />
         </NFormItem>
         <NFormItem :label="t('register.confirmPassword')">
-          <NInput v-model:value="form.confirmPassword" type="password" show-password-on="click" :placeholder="t('register.confirmPasswordPlaceholder')" />
+          <NInput
+            v-model:value="form.confirmPassword"
+            type="password"
+            show-password-on="click"
+            :placeholder="t('register.confirmPasswordPlaceholder')"
+          />
         </NFormItem>
         <NSpace vertical>
           <NButton type="primary" block :loading="loading" @click="handleRegister">{{ t('register.submit') }}</NButton>
diff --git a/frontend/src/views/RuleManage.vue b/frontend/src/views/RuleManage.vue
index eec4ae8..433a7c4 100644
--- a/frontend/src/views/RuleManage.vue
+++ b/frontend/src/views/RuleManage.vue
@@ -3,8 +3,21 @@
 import { ref, onMounted, computed, h, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import {
-  useMessage, useDialog, NButton, NSpace, NDataTable, NModal, NForm, NFormItem,
-  NInput, NInputNumber, NSelect, NSwitch, NTag, NText, NCard,
+  useMessage,
+  useDialog,
+  NButton,
+  NSpace,
+  NDataTable,
+  NModal,
+  NForm,
+  NFormItem,
+  NInput,
+  NInputNumber,
+  NSelect,
+  NSwitch,
+  NTag,
+  NText,
+  NCard,
 } from 'naive-ui'
 import type { DataTableColumns } from 'naive-ui'
 import { getRulePage, createRule, updateRule, deleteRule, batchDeleteRules, toggleRuleEnabled } from '../api/rule'
@@ -144,17 +157,29 @@ const tagOptions = computed(() => tags.value.map((tag) => ({ label: tag.label, v
 function conditionTags(row: RuleItem) {
   const result: any[] = []
   if (row.type) {
-    result.push(h(NTag, { size: 'small', type: row.type === 'INCOME' ? 'success' : 'error' }, {
-      default: () => (row.type === 'INCOME' ? t('common.types.income') : t('common.types.expense')),
-    }))
+    result.push(
+      h(
+        NTag,
+        { size: 'small', type: row.type === 'INCOME' ? 'success' : 'error' },
+        {
+          default: () => (row.type === 'INCOME' ? t('common.types.income') : t('common.types.expense')),
+        },
+      ),
+    )
   }
   if (row.keyword) {
     result.push(h(NTag, { size: 'small' }, { default: () => t('rule.summaryKeyword', { kw: row.keyword }) }))
   }
   if (row.minAmount != null && row.maxAmount != null) {
-    result.push(h(NTag, { size: 'small' }, {
-      default: () => t('rule.summaryAmountRange', { min: row.minAmount, max: row.maxAmount }),
-    }))
+    result.push(
+      h(
+        NTag,
+        { size: 'small' },
+        {
+          default: () => t('rule.summaryAmountRange', { min: row.minAmount, max: row.maxAmount }),
+        },
+      ),
+    )
   } else if (row.minAmount != null) {
     result.push(h(NTag, { size: 'small' }, { default: () => t('rule.summaryAmountMin', { min: row.minAmount }) }))
   } else if (row.maxAmount != null) {
@@ -204,35 +229,54 @@ const columns = computed<DataTableColumns<RuleItem>>(() => [
       if (list.length === 0) {
         return h('span', { style: { color: '#ccc' } }, '—')
       }
-      return h(NSpace, { size: 4 }, {
-        default: () => list.map((tag) => h(NTag, {
-          size: 'small',
-          color: tag.color ? { color: tag.color, textColor: '#fff' } : undefined,
-        }, { default: () => tag.name })),
-      })
+      return h(
+        NSpace,
+        { size: 4 },
+        {
+          default: () =>
+            list.map((tag) =>
+              h(
+                NTag,
+                {
+                  size: 'small',
+                  color: tag.color ? { color: tag.color, textColor: '#fff' } : undefined,
+                },
+                { default: () => tag.name },
+              ),
+            ),
+        },
+      )
     },
   },
   {
     title: t('rule.enabled'),
     key: 'enabled',
     width: 80,
-    render: (row) => h(NSwitch, {
-      value: row.enabled,
-      size: 'small',
-      onUpdateValue: (v: boolean) => { handleToggleEnabled(row, v) },
-    }),
+    render: (row) =>
+      h(NSwitch, {
+        value: row.enabled,
+        size: 'small',
+        onUpdateValue: (v: boolean) => {
+          handleToggleEnabled(row, v)
+        },
+      }),
   },
   { title: t('common.sort'), key: 'sortOrder', width: 70 },
   {
     title: t('common.operation'),
     key: 'actions',
     width: 150,
-    render: (row) => h(NSpace, null, {
-      default: () => [
-        h(NButton, { size: 'small', onClick: () => handleEdit(row) }, { default: () => t('common.edit') }),
-        h(NButton, { size: 'small', type: 'error', onClick: () => handleDelete(row.id) }, { default: () => t('common.delete') }),
-      ],
-    }),
+    render: (row) =>
+      h(NSpace, null, {
+        default: () => [
+          h(NButton, { size: 'small', onClick: () => handleEdit(row) }, { default: () => t('common.edit') }),
+          h(
+            NButton,
+            { size: 'small', type: 'error', onClick: () => handleDelete(row.id) },
+            { default: () => t('common.delete') },
+          ),
+        ],
+      }),
   },
 ])
 
@@ -249,31 +293,47 @@ const aiRuleColumns = computed<DataTableColumns<AiRuleRow>>(() => [
     title: t('rule.name'),
     key: 'name',
     width: 240,
-    render: (row) => h(NSpace, { size: 4, align: 'center', wrap: false }, {
-      default: () => [
-        h(NInput, {
-          value: row.name,
-          size: 'small',
-          disabled: !!row.duplicate,
-          onUpdateValue: (v: string) => { row.name = v },
-        }),
-        row.duplicate ? h(NTag, { size: 'small', type: 'warning' }, {
-          default: () => t('ai.rule.duplicate'),
-        }) : null,
-      ],
-    }),
+    render: (row) =>
+      h(
+        NSpace,
+        { size: 4, align: 'center', wrap: false },
+        {
+          default: () => [
+            h(NInput, {
+              value: row.name,
+              size: 'small',
+              disabled: !!row.duplicate,
+              onUpdateValue: (v: string) => {
+                row.name = v
+              },
+            }),
+            row.duplicate
+              ? h(
+                  NTag,
+                  { size: 'small', type: 'warning' },
+                  {
+                    default: () => t('ai.rule.duplicate'),
+                  },
+                )
+              : null,
+          ],
+        },
+      ),
   },
   {
     title: t('rule.keyword'),
     key: 'keyword',
     width: 160,
-    render: (row) => h(NInput, {
-      value: row.keyword || '',
-      size: 'small',
-      placeholder: '—',
-      disabled: !!row.duplicate,
-      onUpdateValue: (v: string) => { row.keyword = v || null },
-    }),
+    render: (row) =>
+      h(NInput, {
+        value: row.keyword || '',
+        size: 'small',
+        placeholder: '—',
+        disabled: !!row.duplicate,
+        onUpdateValue: (v: string) => {
+          row.keyword = v || null
+        },
+      }),
   },
   {
     title: t('common.type'),
@@ -302,7 +362,7 @@ const aiRuleColumns = computed<DataTableColumns<AiRuleRow>>(() => [
     render: (row) => {
       const names = [
         ...(row.tagNames || []),
-        ...((row.newTags || []).map((tag) => `${t('ai.rule.newPrefix')}${tag.name}`)),
+        ...(row.newTags || []).map((tag) => `${t('ai.rule.newPrefix')}${tag.name}`),
       ]
       return names.length > 0 ? names.join('、') : '—'
     },
@@ -362,12 +422,23 @@ const aiCandidateColumns = computed<DataTableColumns<CandidateRow>>(() => [
       if (!row.tags || row.tags.length === 0) {
         return '—'
       }
-      return h(NSpace, { size: 4 }, {
-        default: () => row.tags.map((tag) => h(NTag, {
-          size: 'small',
-          color: tag.color ? { color: tag.color, textColor: '#fff' } : undefined,
-        }, { default: () => tag.name })),
-      })
+      return h(
+        NSpace,
+        { size: 4 },
+        {
+          default: () =>
+            row.tags.map((tag) =>
+              h(
+                NTag,
+                {
+                  size: 'small',
+                  color: tag.color ? { color: tag.color, textColor: '#fff' } : undefined,
+                },
+                { default: () => tag.name },
+              ),
+            ),
+        },
+      )
     },
   },
 ])
@@ -509,19 +580,21 @@ async function handleAiRuleApply() {
   }
   aiRuleApplying.value = true
   try {
-    const res: any = await applyAiRules(selected.map((row) => ({
-      name: row.name,
-      enabled: true,
-      type: row.type,
-      keyword: row.keyword,
-      minAmount: row.minAmount,
-      maxAmount: row.maxAmount,
-      categoryId: row.categoryId,
-      newCategoryName: row.newCategoryName,
-      newCategoryIcon: row.newCategoryIcon,
-      tagIds: row.tagIds,
-      newTags: row.newTags,
-    })))
+    const res: any = await applyAiRules(
+      selected.map((row) => ({
+        name: row.name,
+        enabled: true,
+        type: row.type,
+        keyword: row.keyword,
+        minAmount: row.minAmount,
+        maxAmount: row.maxAmount,
+        categoryId: row.categoryId,
+        newCategoryName: row.newCategoryName,
+        newCategoryIcon: row.newCategoryIcon,
+        tagIds: row.tagIds,
+        newTags: row.newTags,
+      })),
+    )
     message.success(t('ai.rule.applied', { count: res.data ?? selected.length }))
     showAiRuleModal.value = false
     await fetchData()
@@ -747,14 +820,17 @@ function handleBatchDelete() {
 }
 
 // 收支类型变化时，若已选分类类型不匹配则清空，避免保存非法组合
-watch(() => form.value.type, (type) => {
-  if (form.value.categoryId && type) {
-    const category = categories.value.find((c) => c.value === form.value.categoryId)
-    if (category && category.type !== type) {
-      form.value.categoryId = null
+watch(
+  () => form.value.type,
+  (type) => {
+    if (form.value.categoryId && type) {
+      const category = categories.value.find((c) => c.value === form.value.categoryId)
+      if (category && category.type !== type) {
+        form.value.categoryId = null
+      }
     }
-  }
-})
+  },
+)
 
 // 组件挂载时加载规则、分类、标签与 AI 启用状态
 onMounted(() => {
@@ -768,8 +844,8 @@ onMounted(() => {
 <template>
   <div>
     <!-- 顶部：标题和新增按钮 -->
-    <NSpace justify="space-between" style="margin-bottom: 16px;">
-      <h2 style="margin: 0;">{{ t('rule.title') }}</h2>
+    <NSpace justify="space-between" style="margin-bottom: 16px">
+      <h2 style="margin: 0">{{ t('rule.title') }}</h2>
       <NSpace>
         <NButton v-if="aiEnabled" @click="handleAiRuleOpen">{{ t('ai.rule.entry') }}</NButton>
         <NButton type="error" :disabled="checkedRuleIds.length === 0" @click="handleBatchDelete">
@@ -780,13 +856,13 @@ onMounted(() => {
     </NSpace>
 
     <!-- 搜索与筛选 -->
-    <NCard :bordered="false" style="margin-bottom: 16px;">
+    <NCard :bordered="false" style="margin-bottom: 16px">
       <NSpace align="center" :wrap="true" :size="[8, 8]">
         <NInput
           v-model:value="searchKeyword"
           clearable
           :placeholder="t('rule.searchPlaceholder')"
-          style="width: 220px;"
+          style="width: 220px"
           @keyup.enter="handleSearch"
         />
         <NSelect
@@ -794,14 +870,14 @@ onMounted(() => {
           :options="enabledFilterOptions"
           clearable
           :placeholder="t('rule.status')"
-          style="width: 120px;"
+          style="width: 120px"
         />
         <NSelect
           v-model:value="filterType"
           :options="typeFilterOptions"
           clearable
           :placeholder="t('dashboard.filterType')"
-          style="width: 120px;"
+          style="width: 120px"
         />
         <NButton type="primary" @click="handleSearch">{{ t('transaction.search') }}</NButton>
         <NButton @click="handleClearSearch">{{ t('transaction.clearAll') }}</NButton>
@@ -823,7 +899,12 @@ onMounted(() => {
     />
 
     <!-- 新增/编辑弹窗 -->
-    <NModal v-model:show="showModal" preset="card" :title="editingId ? t('rule.editTitle') : t('rule.addTitle')" style="width: 520px; max-width: 92vw;">
+    <NModal
+      v-model:show="showModal"
+      preset="card"
+      :title="editingId ? t('rule.editTitle') : t('rule.addTitle')"
+      style="width: 520px; max-width: 92vw"
+    >
       <NForm>
         <NFormItem :label="t('common.name')">
           <NInput v-model:value="form.name" :placeholder="t('rule.namePlaceholder')" />
@@ -840,9 +921,21 @@ onMounted(() => {
         </NFormItem>
         <NFormItem :label="t('rule.amountRange')">
           <NSpace align="center">
-            <NInputNumber v-model:value="form.minAmount" :min="0" :precision="2" :placeholder="t('common.min')" style="width: 150px;" />
-            <span style="color: #999;">~</span>
-            <NInputNumber v-model:value="form.maxAmount" :min="0" :precision="2" :placeholder="t('common.max')" style="width: 150px;" />
+            <NInputNumber
+              v-model:value="form.minAmount"
+              :min="0"
+              :precision="2"
+              :placeholder="t('common.min')"
+              style="width: 150px"
+            />
+            <span style="color: #999">~</span>
+            <NInputNumber
+              v-model:value="form.maxAmount"
+              :min="0"
+              :precision="2"
+              :placeholder="t('common.max')"
+              style="width: 150px"
+            />
           </NSpace>
         </NFormItem>
         <NFormItem :label="t('rule.targetCategory')">
@@ -882,16 +975,16 @@ onMounted(() => {
       v-model:show="showAiRuleModal"
       preset="card"
       :title="t('ai.rule.title')"
-      style="width: min(1200px, 94vw);"
+      style="width: min(1200px, 94vw)"
     >
       <!-- 步骤一：选择记录 -->
       <template v-if="aiStep === 'select'">
-        <NSpace align="center" :wrap="true" :size="[8, 8]" style="margin-bottom: 12px;">
+        <NSpace align="center" :wrap="true" :size="[8, 8]" style="margin-bottom: 12px">
           <NInput
             v-model:value="aiCandidateSearch"
             clearable
             :placeholder="t('ai.rule.searchPlaceholder')"
-            style="width: 220px;"
+            style="width: 220px"
             @keyup.enter="handleCandidateSearch"
           />
           <NSelect
@@ -899,7 +992,7 @@ onMounted(() => {
             :options="aiCandidateTypeOptions"
             clearable
             :placeholder="t('dashboard.filterType')"
-            style="width: 120px;"
+            style="width: 120px"
           />
           <NSelect
             v-model:value="aiCandidateTagIds"
@@ -909,14 +1002,14 @@ onMounted(() => {
             filterable
             :max-tag-count="2"
             :placeholder="t('dashboard.filterTag')"
-            style="width: 200px;"
+            style="width: 200px"
           />
           <NButton type="primary" @click="handleCandidateSearch">{{ t('transaction.search') }}</NButton>
           <NButton @click="handleCandidateClear">{{ t('transaction.clearAll') }}</NButton>
         </NSpace>
 
-        <NSpace align="center" justify="space-between" :wrap="true" style="margin-bottom: 8px;">
-          <NText depth="3" style="font-size: 12px;">
+        <NSpace align="center" justify="space-between" :wrap="true" style="margin-bottom: 8px">
+          <NText depth="3" style="font-size: 12px">
             {{ t('ai.rule.selectHint', { count: checkedCandidateKeys.length }) }}
           </NText>
           <NSpace :size="8">
@@ -943,7 +1036,7 @@ onMounted(() => {
           @update:page="handleCandidatePageChange"
           @update:page-size="handleCandidatePageSizeChange"
         />
-        <NSpace justify="end" style="margin-top: 16px;">
+        <NSpace justify="end" style="margin-top: 16px">
           <NButton @click="showAiRuleModal = false">{{ t('common.cancel') }}</NButton>
           <NButton
             type="primary"
@@ -958,7 +1051,7 @@ onMounted(() => {
 
       <!-- 步骤二：预览规则建议 -->
       <template v-else>
-        <NText depth="3" style="font-size: 12px; display: block; margin-bottom: 12px;">
+        <NText depth="3" style="font-size: 12px; display: block; margin-bottom: 12px">
           {{ aiRuleSummary || t('ai.rule.hint') }}
         </NText>
         <NDataTable
@@ -971,7 +1064,7 @@ onMounted(() => {
           :scroll-x="1100"
           size="small"
         />
-        <NSpace justify="end" style="margin-top: 16px;">
+        <NSpace justify="end" style="margin-top: 16px">
           <NButton @click="aiStep = 'select'">{{ t('ai.rule.back') }}</NButton>
           <NButton @click="showAiRuleModal = false">{{ t('common.cancel') }}</NButton>
           <NButton type="primary" :loading="aiRuleApplying" :disabled="aiRuleLoading" @click="handleAiRuleApply">
diff --git a/frontend/src/views/SqlQuery.vue b/frontend/src/views/SqlQuery.vue
index dcf6826..f44c8d8 100644
--- a/frontend/src/views/SqlQuery.vue
+++ b/frontend/src/views/SqlQuery.vue
@@ -3,8 +3,22 @@
 import { computed, defineAsyncComponent, h, onMounted, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import {
-  NAlert, NButton, NCard, NCollapse, NCollapseItem, NDataTable, NEmpty, NGrid, NGridItem,
-  NIcon, NInput, NSpin, NSpace, NStatistic, NText, useMessage,
+  NAlert,
+  NButton,
+  NCard,
+  NCollapse,
+  NCollapseItem,
+  NDataTable,
+  NEmpty,
+  NGrid,
+  NGridItem,
+  NIcon,
+  NInput,
+  NSpin,
+  NSpace,
+  NStatistic,
+  NText,
+  useMessage,
 } from 'naive-ui'
 import type { DataTableColumns } from 'naive-ui'
 import { CopyOutline, SearchOutline, SparklesOutline } from '@vicons/ionicons5'
@@ -105,7 +119,11 @@ const filteredHistory = computed(() => {
 })
 
 // 示例问题
-const exampleList = computed(() => t('ai.sql.examples').split('|').filter((item) => item.trim()))
+const exampleList = computed(() =>
+  t('ai.sql.examples')
+    .split('|')
+    .filter((item) => item.trim()),
+)
 // 当前结果行
 const resultRows = computed(() => result.value?.rows ?? [])
 
@@ -124,9 +142,9 @@ const pagination = computed(() => ({
 // 单行结果视为统计值，用统计卡片展示
 const isScalar = computed(() => !!result.value && result.value.rows.length === 1)
 // 多行且含数值列时可切换图表
-const canChart = computed(() => !!result.value
-  && result.value.rows.length > 1
-  && result.value.columns.some((col) => col.type === 'NUMBER'))
+const canChart = computed(
+  () => !!result.value && result.value.rows.length > 1 && result.value.columns.some((col) => col.type === 'NUMBER'),
+)
 const hasRows = computed(() => resultRows.value.length > 0)
 
 // 统计卡片列数随断点收敛：手机单列、平板两列、桌面最多四列；图表高度同步降低
@@ -176,14 +194,16 @@ const chartOption = computed(() => {
     return {
       tooltip: { trigger: 'item' },
       legend: { type: 'scroll', bottom: 0 },
-      series: [{
-        type: 'pie',
-        radius: ['35%', '65%'],
-        data: rows.map((row) => ({
-          name: String(row[dimension.key] ?? ''),
-          value: Number(row[measure.key]),
-        })),
-      }],
+      series: [
+        {
+          type: 'pie',
+          radius: ['35%', '65%'],
+          data: rows.map((row) => ({
+            name: String(row[dimension.key] ?? ''),
+            value: Number(row[measure.key]),
+          })),
+        },
+      ],
     }
   }
   if (!measures.length) return null
@@ -303,10 +323,7 @@ const formattedSql = computed(() => {
 
 /** HTML 转义，用于高亮回退分支，避免以 v-html 渲染未转义文本 */
 function escapeHtml(text: string): string {
-  return text
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
+  return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
 }
 
 // SQL 语法高亮（highlight.js 输出已转义；回退分支手动转义后仍安全）
@@ -395,7 +412,7 @@ onMounted(async () => {
     </NAlert>
 
     <template v-else>
-      <NText depth="3" style="display: block; margin-bottom: 12px;">{{ t('ai.sql.hint') }}</NText>
+      <NText depth="3" style="display: block; margin-bottom: 12px">{{ t('ai.sql.hint') }}</NText>
 
       <NInput
         v-model:value="queryText"
@@ -405,9 +422,9 @@ onMounted(async () => {
         @keydown="handleKeydown"
       />
 
-      <NSpace align="center" justify="space-between" style="margin-top: 12px;">
+      <NSpace align="center" justify="space-between" style="margin-top: 12px">
         <NSpace align="center" :size="8">
-          <NText depth="3" style="font-size: 12px;">{{ t('ai.sql.examplesLabel') }}</NText>
+          <NText depth="3" style="font-size: 12px">{{ t('ai.sql.examplesLabel') }}</NText>
           <NButton v-for="ex in exampleList" :key="ex" size="tiny" quaternary @click="applyExample(ex)">
             {{ ex }}
           </NButton>
@@ -420,15 +437,15 @@ onMounted(async () => {
         </NButton>
       </NSpace>
 
-      <NCollapse v-if="history.length" style="margin-top: 12px;">
+      <NCollapse v-if="history.length" style="margin-top: 12px">
         <NCollapseItem :title="`${t('ai.sql.history')} (${history.length})`" name="history">
-          <NSpace align="center" justify="space-between" :size="8" style="margin-bottom: 12px;">
+          <NSpace align="center" justify="space-between" :size="8" style="margin-bottom: 12px">
             <NInput
               v-model:value="historyKeyword"
               size="small"
               clearable
               :placeholder="t('ai.sql.historySearch')"
-              style="max-width: 260px;"
+              style="max-width: 260px"
             >
               <template #prefix>
                 <NIcon :component="SearchOutline" />
@@ -437,19 +454,10 @@ onMounted(async () => {
             <NButton size="tiny" quaternary @click="clearHistory">{{ t('ai.sql.clearHistory') }}</NButton>
           </NSpace>
 
-          <NEmpty
-            v-if="!filteredHistory.length"
-            size="small"
-            :description="t('ai.sql.historyNoMatch')"
-          />
+          <NEmpty v-if="!filteredHistory.length" size="small" :description="t('ai.sql.historyNoMatch')" />
 
           <div v-else class="history-list">
-            <div
-              v-for="item in filteredHistory"
-              :key="item.id"
-              class="history-item"
-              @click="applyHistory(item.query)"
-            >
+            <div v-for="item in filteredHistory" :key="item.id" class="history-item" @click="applyHistory(item.query)">
               <div class="history-item__main">
                 <span class="history-item__query">{{ item.query }}</span>
                 <span class="history-item__time">{{ formatHistoryTime(item.createdAt) }}</span>
@@ -465,11 +473,11 @@ onMounted(async () => {
         </NCollapseItem>
       </NCollapse>
 
-      <div v-if="result" style="margin-top: 20px;">
-        <NCollapse style="margin-bottom: 16px;">
+      <div v-if="result" style="margin-top: 20px">
+        <NCollapse style="margin-bottom: 16px">
           <NCollapseItem :title="t('ai.sql.sqlTitle')" name="sql">
             <div class="sql-block">
-              <NSpace justify="end" style="margin-bottom: 8px;">
+              <NSpace justify="end" style="margin-bottom: 8px">
                 <NButton size="tiny" secondary @click="copySql">
                   <template #icon>
                     <NIcon :component="CopyOutline" />
@@ -477,16 +485,17 @@ onMounted(async () => {
                   {{ t('ai.sql.copySql') }}
                 </NButton>
               </NSpace>
+              <!-- eslint-disable-next-line vue/no-v-html -- highlightedSql 由 highlight.js 生成，已对内容转义 -->
               <pre class="sql-code"><code class="hljs" v-html="highlightedSql"></code></pre>
             </div>
           </NCollapseItem>
         </NCollapse>
 
-        <NText v-if="result?.explanation" depth="3" style="display: block; margin-bottom: 12px;">
+        <NText v-if="result?.explanation" depth="3" style="display: block; margin-bottom: 12px">
           {{ result.explanation }}
         </NText>
 
-        <NAlert v-if="result?.truncated" type="warning" :show-icon="true" style="margin-bottom: 12px;">
+        <NAlert v-if="result?.truncated" type="warning" :show-icon="true" style="margin-bottom: 12px">
           {{ t('ai.sql.truncated', { max: 1000 }) }}
         </NAlert>
 
@@ -504,8 +513,8 @@ onMounted(async () => {
 
           <!-- 多行结果：视图切换 + 表格/图表 -->
           <template v-else>
-            <NSpace align="center" justify="space-between" style="margin-bottom: 12px;">
-              <NText depth="3" style="font-size: 12px;">{{ t('ai.sql.rowCount', { count: result?.rowCount }) }}</NText>
+            <NSpace align="center" justify="space-between" style="margin-bottom: 12px">
+              <NText depth="3" style="font-size: 12px">{{ t('ai.sql.rowCount', { count: result?.rowCount }) }}</NText>
               <NSpace v-if="canChart" :size="8">
                 <NButton size="small" :type="viewMode === 'table' ? 'primary' : 'default'" @click="viewMode = 'table'">
                   {{ t('ai.sql.viewTable') }}
@@ -529,7 +538,13 @@ onMounted(async () => {
               size="small"
               :scroll-x="960"
             />
-            <VChart v-else :option="chartOption ?? undefined" :update-options="chartUpdateOptions" autoresize :style="{ height: chartHeight }" />
+            <VChart
+              v-else
+              :option="chartOption ?? undefined"
+              :update-options="chartUpdateOptions"
+              autoresize
+              :style="{ height: chartHeight }"
+            />
           </template>
         </template>
       </div>
@@ -577,7 +592,10 @@ onMounted(async () => {
   border-radius: 8px;
   background: #fafafa;
   cursor: pointer;
-  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
+  transition:
+    border-color 0.2s,
+    background 0.2s,
+    box-shadow 0.2s;
 }
 .history-item:hover {
   border-color: #18a058;
diff --git a/frontend/src/views/TagManage.vue b/frontend/src/views/TagManage.vue
index d2cf21a..fdaf58c 100644
--- a/frontend/src/views/TagManage.vue
+++ b/frontend/src/views/TagManage.vue
@@ -2,7 +2,20 @@
 // 标签管理组件：展示标签列表，支持新增、编辑、删除标签
 import { ref, onMounted, computed, h } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { useMessage, useDialog, NButton, NSpace, NDataTable, NModal, NForm, NFormItem, NInput, NInputNumber, NColorPicker, NTag } from 'naive-ui'
+import {
+  useMessage,
+  useDialog,
+  NButton,
+  NSpace,
+  NDataTable,
+  NModal,
+  NForm,
+  NFormItem,
+  NInput,
+  NInputNumber,
+  NColorPicker,
+  NTag,
+} from 'naive-ui'
 import type { DataTableColumns } from 'naive-ui'
 import { getTagPage, createTag, updateTag, deleteTag } from '../api/tag'
 import { getAiConfig, suggestColor } from '../api/ai'
@@ -51,29 +64,46 @@ const aiLoading = ref(false) // AI 推荐请求状态
 
 // 预设色板：覆盖常用区分色，便于快速选择
 const colorSwatches = [
-  '#18a058', '#2080f0', '#f0a020', '#d03050', '#7c3aed', '#13c2c2',
-  '#eb2f96', '#fa8c16', '#2f54eb', '#52c41a', '#8c8c8c', '#000000',
+  '#18a058',
+  '#2080f0',
+  '#f0a020',
+  '#d03050',
+  '#7c3aed',
+  '#13c2c2',
+  '#eb2f96',
+  '#fa8c16',
+  '#2f54eb',
+  '#52c41a',
+  '#8c8c8c',
+  '#000000',
 ]
 
 /** 创建表格列配置 */
 function createColumns(): DataTableColumns<TagItem> {
   return [
     {
-      title: t('tag.label'), key: 'name',
+      title: t('tag.label'),
+      key: 'name',
       render(row) {
         return h(NTag, { color: { color: row.color || '#2080f0', textColor: '#fff' } }, { default: () => row.name })
       },
     },
     {
-      title: t('tag.color'), key: 'color', width: 160,
+      title: t('tag.color'),
+      key: 'color',
+      width: 160,
       render(row) {
         // 色块 + 色值，直观展示标签颜色
         const color = row.color || '#2080f0'
         return h('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, [
           h('span', {
             style: {
-              display: 'inline-block', width: '16px', height: '16px', borderRadius: '4px',
-              background: color, border: '1px solid rgba(0, 0, 0, 0.1)',
+              display: 'inline-block',
+              width: '16px',
+              height: '16px',
+              borderRadius: '4px',
+              background: color,
+              border: '1px solid rgba(0, 0, 0, 0.1)',
             },
           }),
           h('span', { style: { color: '#666' } }, color),
@@ -82,12 +112,18 @@ function createColumns(): DataTableColumns<TagItem> {
     },
     { title: t('common.sort'), key: 'sortOrder', width: 80 },
     {
-      title: t('common.operation'), key: 'actions', width: 180,
+      title: t('common.operation'),
+      key: 'actions',
+      width: 180,
       render(row) {
         return h(NSpace, null, {
           default: () => [
             h(NButton, { size: 'small', onClick: () => handleEdit(row) }, { default: () => t('common.edit') }),
-            h(NButton, { size: 'small', type: 'error', onClick: () => handleDelete(row.id) }, { default: () => t('common.delete') }),
+            h(
+              NButton,
+              { size: 'small', type: 'error', onClick: () => handleDelete(row.id) },
+              { default: () => t('common.delete') },
+            ),
           ],
         })
       },
@@ -219,8 +255,8 @@ onMounted(() => {
 <template>
   <div>
     <!-- 顶部：标题和新增按钮 -->
-    <NSpace justify="space-between" style="margin-bottom: 16px;">
-      <h2 style="margin: 0;">{{ t('tag.title') }}</h2>
+    <NSpace justify="space-between" style="margin-bottom: 16px">
+      <h2 style="margin: 0">{{ t('tag.title') }}</h2>
       <NButton type="primary" @click="handleAdd">{{ t('tag.add') }}</NButton>
     </NSpace>
 
@@ -238,12 +274,19 @@ onMounted(() => {
     />
 
     <!-- 新增/编辑弹窗 -->
-    <NModal v-model:show="showModal" preset="card" :title="editingId ? t('tag.editTitle') : t('tag.addTitle')" style="width: 450px; max-width: 92vw;">
+    <NModal
+      v-model:show="showModal"
+      preset="card"
+      :title="editingId ? t('tag.editTitle') : t('tag.addTitle')"
+      style="width: 450px; max-width: 92vw"
+    >
       <NForm>
         <NFormItem :label="t('tag.name')">
-          <div style="display: flex; gap: 8px; width: 100%;">
+          <div style="display: flex; gap: 8px; width: 100%">
             <NInput v-model:value="form.name" :placeholder="t('tag.namePlaceholder')" />
-            <NButton v-if="aiEnabled" :loading="aiLoading" @click="handleAiColor">{{ t('ai.decorate.colorButton') }}</NButton>
+            <NButton v-if="aiEnabled" :loading="aiLoading" @click="handleAiColor">{{
+              t('ai.decorate.colorButton')
+            }}</NButton>
           </div>
         </NFormItem>
         <NFormItem :label="t('tag.color')">
diff --git a/frontend/src/views/TransactionList.vue b/frontend/src/views/TransactionList.vue
index 7bb60e3..1cc82b9 100644
--- a/frontend/src/views/TransactionList.vue
+++ b/frontend/src/views/TransactionList.vue
@@ -3,10 +3,42 @@
 import { ref, onMounted, computed, h, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
-import { useMessage, useDialog, NButton, NSpace, NDataTable, NTag, NModal, NForm, NFormItem, NInput, NInputNumber, NSelect, NDatePicker, NPagination, NCard, NSwitch, NIcon, NPopover, NAutoComplete, NDivider, NColorPicker } from 'naive-ui'
+import {
+  useMessage,
+  useDialog,
+  NButton,
+  NSpace,
+  NDataTable,
+  NTag,
+  NModal,
+  NForm,
+  NFormItem,
+  NInput,
+  NInputNumber,
+  NSelect,
+  NDatePicker,
+  NPagination,
+  NCard,
+  NSwitch,
+  NIcon,
+  NPopover,
+  NAutoComplete,
+  NDivider,
+  NColorPicker,
+} from 'naive-ui'
 import { EyeOutline, EyeOffOutline, SparklesOutline, RefreshOutline, StatsChartOutline } from '@vicons/ionicons5'
 import type { DataTableColumns } from 'naive-ui'
-import { getTransactionPage, createTransaction, updateTransaction, deleteTransaction, exportTransaction, toggleTransactionStats, toggleRemarkHidden, getChannels, batchDeleteTransactions } from '../api/transaction'
+import {
+  getTransactionPage,
+  createTransaction,
+  updateTransaction,
+  deleteTransaction,
+  exportTransaction,
+  toggleTransactionStats,
+  toggleRemarkHidden,
+  getChannels,
+  batchDeleteTransactions,
+} from '../api/transaction'
 import { suggestByAi, suggestOneByAi, queryByAi, parseCategoryByAi, parseTagByAi, parseChannelByAi } from '../api/ai'
 import { createChannel } from '../api/channel'
 import type { AiSuggestion, AiQueryResult, AiRecordResult } from '../api/ai'
@@ -174,8 +206,18 @@ const newChannelSaving = ref(false) // 新建渠道保存状态
 const newChannelForm = ref<{ name: string }>({ name: '' })
 // 新建标签可选预设色板（与标签管理页保持一致）
 const newTagColorSwatches = [
-  '#18a058', '#2080f0', '#f0a020', '#d03050', '#7c3aed', '#13c2c2',
-  '#eb2f96', '#fa8c16', '#2f54eb', '#52c41a', '#8c8c8c', '#000000',
+  '#18a058',
+  '#2080f0',
+  '#f0a020',
+  '#d03050',
+  '#7c3aed',
+  '#13c2c2',
+  '#eb2f96',
+  '#fa8c16',
+  '#2f54eb',
+  '#52c41a',
+  '#8c8c8c',
+  '#000000',
 ]
 const aiSuggestions = ref<AiSuggestion[]>([]) // AI 建议列表
 const aiQuerying = ref(false) // AI 查询解析状态
@@ -221,9 +263,7 @@ const typeOptions = computed(() => [
 const channelCodes = ref<string[]>([])
 
 // 交易渠道选项：由后端返回的编码映射为当前语言标签
-const channelOptions = computed(() =>
-  channelCodes.value.map((code) => ({ label: getChannelLabel(code), value: code })),
-)
+const channelOptions = computed(() => channelCodes.value.map((code) => ({ label: getChannelLabel(code), value: code })))
 
 // 筛选条件状态
 const filterType = ref<string[]>([]) // 类型筛选（多选）
@@ -265,7 +305,7 @@ function clearMoreFilters() {
 // 分类筛选项：固定包含「未分类」，其余分类按类型筛选联动
 const categoryFilterOptions = computed(() => [
   { label: t('transaction.uncategorized'), value: 0, type: '' },
-  ...categories.value.filter(c => filterType.value.length === 0 || filterType.value.includes(c.type)),
+  ...categories.value.filter((c) => filterType.value.length === 0 || filterType.value.includes(c.type)),
 ])
 
 // 标签筛选项
@@ -313,12 +353,17 @@ function loadFilterPrefs() {
   if (p.filterMinAmount !== undefined) filterMinAmount.value = p.filterMinAmount
   if (p.filterMaxAmount !== undefined) filterMaxAmount.value = p.filterMaxAmount
   // 迁移旧筛选偏好中的每页条数到统一的表格分页偏好（新机制尚无值时）
-  if (typeof p.pageSize === 'number' && Number.isInteger(p.pageSize) && p.pageSize > 0
-    && readTablePageSize('transaction') === null) {
+  if (
+    typeof p.pageSize === 'number' &&
+    Number.isInteger(p.pageSize) &&
+    p.pageSize > 0 &&
+    readTablePageSize('transaction') === null
+  ) {
     writeTablePageSize('transaction', p.pageSize)
     pageSize.value = p.pageSize
   }
-  if (typeof p.sortValue === 'string' && sortOptions.value.some((o) => o.value === p.sortValue)) sortValue.value = p.sortValue
+  if (typeof p.sortValue === 'string' && sortOptions.value.some((o) => o.value === p.sortValue))
+    sortValue.value = p.sortValue
   if (p.filterTag) filterTag.value = p.filterTag
 }
 
@@ -340,7 +385,18 @@ function saveFilterPrefs() {
 
 // 筛选条件变化时自动保存用户偏好
 watch(
-  [filterType, filterCategory, filterChannel, filterDateRange, filterIncludeInStats, filterRemark, filterMinAmount, filterMaxAmount, sortValue, filterTag],
+  [
+    filterType,
+    filterCategory,
+    filterChannel,
+    filterDateRange,
+    filterIncludeInStats,
+    filterRemark,
+    filterMinAmount,
+    filterMaxAmount,
+    sortValue,
+    filterTag,
+  ],
   saveFilterPrefs,
   { deep: true },
 )
@@ -371,23 +427,24 @@ function handleRemarkKeydown(e: KeyboardEvent) {
 
 /** 分类已选项（多选标签）渲染：图标 + 名称 */
 function renderCategoryTag({ option }: { option: any }) {
-  return h('span', null, [
-    option.icon ? h('span', { style: { marginRight: '4px' } }, option.icon) : null,
-    option.label,
-  ])
+  return h('span', null, [option.icon ? h('span', { style: { marginRight: '4px' } }, option.icon) : null, option.label])
 }
 
 /** 渲染备注单元格内的小图标按钮 */
 function renderRemarkAction(label: string, icon: any, onClick: () => void) {
-  return h(NButton, {
-    size: 'tiny',
-    quaternary: true,
-    style: { marginLeft: '6px', flexShrink: 0 },
-    onClick,
-  }, {
-    icon: () => h(NIcon, { size: 14 }, { default: () => h(icon) }),
-    default: () => label,
-  })
+  return h(
+    NButton,
+    {
+      size: 'tiny',
+      quaternary: true,
+      style: { marginLeft: '6px', flexShrink: 0 },
+      onClick,
+    },
+    {
+      icon: () => h(NIcon, { size: 14 }, { default: () => h(icon) }),
+      default: () => label,
+    },
+  )
 }
 
 /** 临时展开某行的备注原文（仅本格，不改变隐藏标记） */
@@ -435,13 +492,18 @@ function createColumns(): DataTableColumns<TransactionItem> {
     ...(selectionMode.value ? [{ type: 'selection' as const }] : []),
     {
       // 序号列：按分页计算全局序号
-      title: t('transaction.column.index'), key: 'index', width: 70, align: 'center',
+      title: t('transaction.column.index'),
+      key: 'index',
+      width: 70,
+      align: 'center',
       render(_row, index) {
         return (page.value - 1) * pageSize.value + index + 1
       },
     },
     {
-      title: t('transaction.column.transactionTime'), key: 'transactionTime', width: 170,
+      title: t('transaction.column.transactionTime'),
+      key: 'transactionTime',
+      width: 170,
       render(row) {
         const time = row.transactionTime?.replace('T', ' ').substring(0, 16) || '-'
         const created = row.createdAt?.replace('T', ' ').substring(0, 16)
@@ -449,51 +511,76 @@ function createColumns(): DataTableColumns<TransactionItem> {
       },
     },
     {
-      title: t('transaction.column.type'), key: 'type', width: 90,
+      title: t('transaction.column.type'),
+      key: 'type',
+      width: 90,
       render(row) {
         // 灰色标签样式下，不计入统计的记录类型显示为「不计入」
         if (muted && !row.includeInStats) {
           return h(NTag, { type: 'default', size: 'small' }, { default: () => t('transaction.notIncluded') })
         }
-        return h(NTag, { type: row.type === 'INCOME' ? 'success' : 'error', size: 'small' }, { default: () => row.type === 'INCOME' ? t('common.types.income') : t('common.types.expense') })
+        return h(
+          NTag,
+          { type: row.type === 'INCOME' ? 'success' : 'error', size: 'small' },
+          { default: () => (row.type === 'INCOME' ? t('common.types.income') : t('common.types.expense')) },
+        )
       },
     },
     {
-      title: t('transaction.column.category'), key: 'categoryName', width: 120,
+      title: t('transaction.column.category'),
+      key: 'categoryName',
+      width: 120,
       render(row) {
         const name = row.categoryName || t('transaction.uncategorized')
         return row.categoryIcon ? `${row.categoryIcon} ${name}` : name
       },
     },
     {
-      title: t('transaction.column.amount'), key: 'amount', width: 120,
+      title: t('transaction.column.amount'),
+      key: 'amount',
+      width: 120,
       render(row) {
         // 灰色标签样式下，不计入统计的记录金额置灰且不显示正负号
         if (muted && !row.includeInStats) {
           return h('span', { style: { color: '#999', fontWeight: 'bold' } }, row.amount.toFixed(2))
         }
-        return h('span', { style: { color: row.type === 'INCOME' ? '#18a058' : '#d03050', fontWeight: 'bold' } },
-          `${row.type === 'INCOME' ? '+' : '-'}${row.amount.toFixed(2)}`)
+        return h(
+          'span',
+          { style: { color: row.type === 'INCOME' ? '#18a058' : '#d03050', fontWeight: 'bold' } },
+          `${row.type === 'INCOME' ? '+' : '-'}${row.amount.toFixed(2)}`,
+        )
       },
     },
     {
-      title: t('transaction.column.channel'), key: 'channel', width: 100,
-      render(row) { return getChannelLabel(row.channel) },
+      title: t('transaction.column.channel'),
+      key: 'channel',
+      width: 100,
+      render(row) {
+        return getChannelLabel(row.channel)
+      },
     },
     {
-      title: t('transaction.column.remark'), key: 'remark', minWidth: 220,
+      title: t('transaction.column.remark'),
+      key: 'remark',
+      minWidth: 220,
       render(row) {
         const hidden = !!row.remarkHidden
         const collapsed = hidden && !revealedRemarkIds.value.includes(row.id)
         const nodes: any[] = [
-          h('span', {
-            class: 'remark-text',
-            title: collapsed ? t('transaction.remarkHidden') : (row.remark || ''),
-          }, collapsed ? '******' : (row.remark || '-')),
+          h(
+            'span',
+            {
+              class: 'remark-text',
+              title: collapsed ? t('transaction.remarkHidden') : row.remark || '',
+            },
+            collapsed ? '******' : row.remark || '-',
+          ),
         ]
         if (collapsed) {
           nodes.push(renderRemarkAction(t('transaction.remarkView'), EyeOutline, () => revealRemark(row.id)))
-          nodes.push(renderRemarkAction(t('transaction.remarkUnhide'), EyeOffOutline, () => setRemarkHidden(row, false)))
+          nodes.push(
+            renderRemarkAction(t('transaction.remarkUnhide'), EyeOffOutline, () => setRemarkHidden(row, false)),
+          )
         } else if (hidden) {
           nodes.push(renderRemarkAction(t('transaction.remarkCollapse'), EyeOffOutline, () => concealRemark(row.id)))
           nodes.push(renderRemarkAction(t('transaction.remarkUnhide'), EyeOutline, () => setRemarkHidden(row, false)))
@@ -504,17 +591,32 @@ function createColumns(): DataTableColumns<TransactionItem> {
       },
     },
     {
-      title: t('transaction.column.tags'), key: 'tags', minWidth: 140,
+      title: t('transaction.column.tags'),
+      key: 'tags',
+      minWidth: 140,
       render(row) {
         if (!row.tags || row.tags.length === 0) return '-'
-        return h(NSpace, { size: 4 }, {
-          default: () => row.tags.map((tag) =>
-            h(NTag, { size: 'small', color: { color: tag.color || '#2080f0', textColor: '#fff' } }, { default: () => tag.name })),
-        })
+        return h(
+          NSpace,
+          { size: 4 },
+          {
+            default: () =>
+              row.tags.map((tag) =>
+                h(
+                  NTag,
+                  { size: 'small', color: { color: tag.color || '#2080f0', textColor: '#fff' } },
+                  { default: () => tag.name },
+                ),
+              ),
+          },
+        )
       },
     },
     {
-      title: t('transaction.column.includeInStats'), key: 'includeInStats', width: 100, align: 'center',
+      title: t('transaction.column.includeInStats'),
+      key: 'includeInStats',
+      width: 100,
+      align: 'center',
       render(row) {
         return h(NSwitch, {
           value: row.includeInStats,
@@ -523,23 +625,39 @@ function createColumns(): DataTableColumns<TransactionItem> {
       },
     },
     {
-      title: t('transaction.relation.column'), key: 'relationGroupCount', width: 110, align: 'center',
+      title: t('transaction.relation.column'),
+      key: 'relationGroupCount',
+      width: 110,
+      align: 'center',
       render(row) {
         if (!row.relationGroupCount) {
           return h('span', { style: { color: '#ccc' } }, t('transaction.relation.none'))
         }
-        return h(NButton, { size: 'small', quaternary: true, type: 'info', onClick: () => openRelation(row) },
-          { default: () => t('transaction.relation.viewCount', { count: row.relationGroupCount }) })
+        return h(
+          NButton,
+          { size: 'small', quaternary: true, type: 'info', onClick: () => openRelation(row) },
+          { default: () => t('transaction.relation.viewCount', { count: row.relationGroupCount }) },
+        )
       },
     },
     {
-      title: t('transaction.column.actions'), key: 'actions', width: 240,
+      title: t('transaction.column.actions'),
+      key: 'actions',
+      width: 240,
       render(row) {
         return h(NSpace, null, {
           default: () => [
             h(NButton, { size: 'small', onClick: () => handleEdit(row) }, { default: () => t('common.edit') }),
-            h(NButton, { size: 'small', onClick: () => openDetail(row) }, { default: () => t('transaction.detail.button') }),
-            h(NButton, { size: 'small', type: 'error', onClick: () => handleDelete(row.id) }, { default: () => t('common.delete') }),
+            h(
+              NButton,
+              { size: 'small', onClick: () => openDetail(row) },
+              { default: () => t('transaction.detail.button') },
+            ),
+            h(
+              NButton,
+              { size: 'small', type: 'error', onClick: () => handleDelete(row.id) },
+              { default: () => t('common.delete') },
+            ),
           ],
         })
       },
@@ -702,7 +820,16 @@ function onRelationEditorSaved() {
 /** 打开新增记录弹窗，重置表单 */
 function handleAdd() {
   editingId.value = null
-  form.value = { categoryId: null, type: 'EXPENSE', amount: null, channel: '', remark: '', transactionTime: Date.now(), includeInStats: true, tagIds: [] }
+  form.value = {
+    categoryId: null,
+    type: 'EXPENSE',
+    amount: null,
+    channel: '',
+    remark: '',
+    transactionTime: Date.now(),
+    includeInStats: true,
+    tagIds: [],
+  }
   pendingCategory.value = null
   pendingTag.value = null
   pendingChannel.value = null
@@ -1181,7 +1308,9 @@ async function handleCreateCategory() {
     })
     await fetchCategories()
     // 排序值相同，取同名同类型中的最后一个（最新创建）
-    const created = [...categories.value].reverse().find((c) => c.label === name && c.type === newCategoryForm.value.type)
+    const created = [...categories.value]
+      .reverse()
+      .find((c) => c.label === name && c.type === newCategoryForm.value.type)
     if (created) {
       form.value.categoryId = created.value
       // 同步收支类型，避免新建分类与当前账单类型不一致导致选中项不可见
@@ -1332,10 +1461,9 @@ function applyAiQuery() {
   if (r.uncategorized) categoryIds.push(0)
   filterCategory.value = categoryIds
   filterChannel.value = r.channels || []
-  filterDateRange.value = r.startTime && r.endTime
-    ? [new Date(r.startTime).getTime(), new Date(r.endTime).getTime()]
-    : null
-  filterIncludeInStats.value = r.includeInStats == null ? null : (r.includeInStats ? 'true' : 'false')
+  filterDateRange.value =
+    r.startTime && r.endTime ? [new Date(r.startTime).getTime(), new Date(r.endTime).getTime()] : null
+  filterIncludeInStats.value = r.includeInStats == null ? null : r.includeInStats ? 'true' : 'false'
   filterMinAmount.value = r.minAmount ?? null
   filterMaxAmount.value = r.maxAmount ?? null
   filterRemark.value = r.remark || ''
@@ -1351,17 +1479,19 @@ function applyAiQuery() {
 const aiQueryEmpty = computed(() => {
   const r = aiQueryResult.value
   if (!r) return true
-  return (r.types?.length ?? 0) === 0
-    && (r.categoryIds?.length ?? 0) === 0
-    && !r.uncategorized
-    && (r.tagIds?.length ?? 0) === 0
-    && !r.untagged
-    && (r.channels?.length ?? 0) === 0
-    && !r.startTime
-    && r.minAmount == null
-    && r.maxAmount == null
-    && !r.remark
-    && r.includeInStats == null
+  return (
+    (r.types?.length ?? 0) === 0 &&
+    (r.categoryIds?.length ?? 0) === 0 &&
+    !r.uncategorized &&
+    (r.tagIds?.length ?? 0) === 0 &&
+    !r.untagged &&
+    (r.channels?.length ?? 0) === 0 &&
+    !r.startTime &&
+    r.minAmount == null &&
+    r.maxAmount == null &&
+    !r.remark &&
+    r.includeInStats == null
+  )
 })
 
 /** AI 查询示例（浮窗示例下拉） */
@@ -1375,18 +1505,21 @@ const activeFilterTags = computed(() => {
     tags.push({
       key: `type:${v}`,
       label: v === 'INCOME' ? t('common.types.income') : t('common.types.expense'),
-      clear: () => { filterType.value = filterType.value.filter((x) => x !== v) },
+      clear: () => {
+        filterType.value = filterType.value.filter((x) => x !== v)
+      },
     })
   })
 
   filterCategory.value.forEach((id) => {
-    const name = id === 0
-      ? t('transaction.uncategorized')
-      : categories.value.find((c) => c.value === id)?.label || String(id)
+    const name =
+      id === 0 ? t('transaction.uncategorized') : categories.value.find((c) => c.value === id)?.label || String(id)
     tags.push({
       key: `category:${id}`,
       label: name,
-      clear: () => { filterCategory.value = filterCategory.value.filter((x) => x !== id) },
+      clear: () => {
+        filterCategory.value = filterCategory.value.filter((x) => x !== id)
+      },
     })
   })
 
@@ -1394,7 +1527,9 @@ const activeFilterTags = computed(() => {
     tags.push({
       key: 'date',
       label: `${formatDateLabel(filterDateRange.value[0])} ~ ${formatDateLabel(filterDateRange.value[1])}`,
-      clear: () => { filterDateRange.value = null },
+      clear: () => {
+        filterDateRange.value = null
+      },
     })
   }
 
@@ -1402,7 +1537,9 @@ const activeFilterTags = computed(() => {
     tags.push({
       key: 'remark',
       label: `${t('transaction.column.remark')}: ${filterRemark.value.trim()}`,
-      clear: () => { filterRemark.value = '' },
+      clear: () => {
+        filterRemark.value = ''
+      },
     })
   }
 
@@ -1410,26 +1547,31 @@ const activeFilterTags = computed(() => {
     tags.push({
       key: `channel:`,
       label: getChannelLabel(v),
-      clear: () => { filterChannel.value = filterChannel.value.filter((x) => x !== v) },
+      clear: () => {
+        filterChannel.value = filterChannel.value.filter((x) => x !== v)
+      },
     })
   })
 
   filterTag.value.forEach((id) => {
-    const name = id === 0
-      ? t('transaction.untagged')
-      : (allTags.value.find((tag) => tag.id === id)?.name || String(id))
+    const name = id === 0 ? t('transaction.untagged') : allTags.value.find((tag) => tag.id === id)?.name || String(id)
     tags.push({
       key: `tag:${id}`,
       label: name,
-      clear: () => { filterTag.value = filterTag.value.filter((x) => x !== id) },
+      clear: () => {
+        filterTag.value = filterTag.value.filter((x) => x !== id)
+      },
     })
   })
 
   if (filterIncludeInStats.value !== null) {
     tags.push({
       key: 'includeInStats',
-      label: filterIncludeInStats.value === 'true' ? t('transaction.includeFilter.yes') : t('transaction.includeFilter.no'),
-      clear: () => { filterIncludeInStats.value = null },
+      label:
+        filterIncludeInStats.value === 'true' ? t('transaction.includeFilter.yes') : t('transaction.includeFilter.no'),
+      clear: () => {
+        filterIncludeInStats.value = null
+      },
     })
   }
 
@@ -1437,7 +1579,10 @@ const activeFilterTags = computed(() => {
     tags.push({
       key: 'amount',
       label: `${t('transaction.amountRange')}: ${filterMinAmount.value ?? 0} ~ ${filterMaxAmount.value ?? '∞'}`,
-      clear: () => { filterMinAmount.value = null; filterMaxAmount.value = null },
+      clear: () => {
+        filterMinAmount.value = null
+        filterMaxAmount.value = null
+      },
     })
   }
 
@@ -1540,12 +1685,12 @@ onMounted(() => {
 <template>
   <div>
     <!-- 顶部：标题和操作按钮 -->
-    <NSpace justify="space-between" align="center" style="margin-bottom: 16px;" :wrap="true">
-      <h2 style="margin: 0;">{{ t('transaction.title') }}</h2>
+    <NSpace justify="space-between" align="center" style="margin-bottom: 16px" :wrap="true">
+      <h2 style="margin: 0">{{ t('transaction.title') }}</h2>
       <NSpace align="center" :wrap="true">
-        <span style="color: #999; font-size: 13px;">{{ t('transaction.sortLabel') }}</span>
-        <NSelect v-model:value="sortValue" :options="sortOptions" style="width: 170px;" />
-        <NDivider vertical style="margin: 0 4px;" />
+        <span style="color: #999; font-size: 13px">{{ t('transaction.sortLabel') }}</span>
+        <NSelect v-model:value="sortValue" :options="sortOptions" style="width: 170px" />
+        <NDivider vertical style="margin: 0 4px" />
         <NButton @click="showImportModal = true">{{ t('transaction.importBill') }}</NButton>
         <NButton @click="goChannelManage">{{ t('channel.manageEntry') }}</NButton>
         <NButton :loading="exporting" @click="handleExport">{{ t('transaction.exportExcel') }}</NButton>
@@ -1572,7 +1717,7 @@ onMounted(() => {
     </NSpace>
 
     <!-- 查询与筛选 -->
-    <NCard :bordered="false" style="margin-bottom: 16px;">
+    <NCard :bordered="false" style="margin-bottom: 16px">
       <!-- 常用筛选条件 -->
       <NSpace align="center" :wrap="true" :size="[12, 8]">
         <NSelect
@@ -1582,7 +1727,7 @@ onMounted(() => {
           clearable
           :max-tag-count="2"
           :placeholder="t('transaction.column.type')"
-          style="width: 160px;"
+          style="width: 160px"
         />
         <NSelect
           v-model:value="filterCategory"
@@ -1594,14 +1739,9 @@ onMounted(() => {
           filterable
           :max-tag-count="2"
           :placeholder="t('transaction.column.category')"
-          style="width: 200px;"
-        />
-        <NDatePicker
-          v-model:value="filterDateRange"
-          type="daterange"
-          clearable
-          style="width: 260px;"
+          style="width: 200px"
         />
+        <NDatePicker v-model:value="filterDateRange" type="daterange" clearable style="width: 260px" />
         <NAutoComplete
           :value="filterRemark"
           :options="remarkHistory.options.value"
@@ -1610,7 +1750,7 @@ onMounted(() => {
           :input-props="{ onKeydown: handleRemarkKeydown }"
           clearable
           :placeholder="t('transaction.column.remark')"
-          style="width: 180px;"
+          style="width: 180px"
           @update:value="remarkHistory.handleInput"
           @select="handleRemarkSelect"
           @blur="handleRemarkBlur"
@@ -1622,18 +1762,18 @@ onMounted(() => {
           clearable
           :max-tag-count="2"
           :placeholder="t('transaction.column.channel')"
-          style="width: 180px;"
+          style="width: 180px"
         />
         <NPopover v-model:show="showMoreFilter" trigger="click" placement="bottom-start">
           <template #trigger>
             <NButton>
               {{ t('transaction.moreFilter') }}
-              <NTag v-if="moreFilterCount > 0" :bordered="false" size="small" type="primary" style="margin-left: 6px;">
+              <NTag v-if="moreFilterCount > 0" :bordered="false" size="small" type="primary" style="margin-left: 6px">
                 {{ moreFilterCount }}
               </NTag>
             </NButton>
           </template>
-          <NSpace vertical :size="12" style="width: 260px;">
+          <NSpace vertical :size="12" style="width: 260px">
             <div>
               <div class="filter-label">{{ t('transaction.column.tags') }}</div>
               <NSelect
@@ -1644,7 +1784,7 @@ onMounted(() => {
                 filterable
                 :max-tag-count="2"
                 :placeholder="t('common.all')"
-                style="width: 100%;"
+                style="width: 100%"
               />
             </div>
             <div>
@@ -1654,7 +1794,7 @@ onMounted(() => {
                 :options="includeInStatsOptions"
                 clearable
                 :placeholder="t('common.all')"
-                style="width: 100%;"
+                style="width: 100%"
               />
             </div>
             <div>
@@ -1666,16 +1806,16 @@ onMounted(() => {
                   :precision="2"
                   clearable
                   :placeholder="t('common.min')"
-                  style="width: 110px;"
+                  style="width: 110px"
                 />
-                <span style="color: #999;">~</span>
+                <span style="color: #999">~</span>
                 <NInputNumber
                   v-model:value="filterMaxAmount"
                   :min="0"
                   :precision="2"
                   clearable
                   :placeholder="t('common.max')"
-                  style="width: 110px;"
+                  style="width: 110px"
                 />
               </NSpace>
             </div>
@@ -1697,14 +1837,8 @@ onMounted(() => {
       <!-- 已激活的筛选条件 -->
       <div v-if="activeFilterTags.length > 0" class="active-filters">
         <NSpace align="center" :wrap="true" :size="[8, 8]">
-          <span style="color: #999; font-size: 12px;">{{ t('transaction.activeFilters') }}</span>
-          <NTag
-            v-for="tag in activeFilterTags"
-            :key="tag.key"
-            size="small"
-            closable
-            @close="applyTagClear(tag)"
-          >
+          <span style="color: #999; font-size: 12px">{{ t('transaction.activeFilters') }}</span>
+          <NTag v-for="tag in activeFilterTags" :key="tag.key" size="small" closable @close="applyTagClear(tag)">
             {{ tag.label }}
           </NTag>
           <NButton text size="tiny" type="primary" @click="handleReset">{{ t('transaction.clearAll') }}</NButton>
@@ -1713,7 +1847,7 @@ onMounted(() => {
     </NCard>
 
     <!-- 表格右上角：批量操作按钮 -->
-    <NSpace justify="end" align="center" :size="12" style="margin-bottom: 8px;" :wrap="true">
+    <NSpace justify="end" align="center" :size="12" style="margin-bottom: 8px" :wrap="true">
       <NButton v-if="!selectionMode" @click="enterSelectionMode">{{ t('transaction.batchMode') }}</NButton>
       <NButton v-else @click="exitSelectionMode">{{ t('transaction.exitBatchMode') }}</NButton>
       <NButton @click="handleBatchOpen">{{ t('transaction.batchSet') }}</NButton>
@@ -1726,34 +1860,45 @@ onMounted(() => {
     </NSpace>
 
     <!-- 表格信息栏（右上角） -->
-    <NSpace justify="end" align="center" :size="12" style="margin-bottom: 8px;">
-      <span style="color: #999; font-size: 12px;">
+    <NSpace justify="end" align="center" :size="12" style="margin-bottom: 8px">
+      <span style="color: #999; font-size: 12px">
         {{ t('transaction.summary', { total, page, pages: totalPages, size: pageSize }) }}
       </span>
-      <span style="font-size: 12px; color: #999;">
-        {{ t('transaction.pageExpense') }} <span style="color: #d03050;">{{ pageSummary.expense.toFixed(2) }}</span>
-        · {{ t('transaction.pageIncome') }} <span style="color: #18a058;">{{ pageSummary.income.toFixed(2) }}</span>
-        · {{ t('transaction.pageBalance') }} <span :style="{ color: pageSummary.balance < 0 ? '#d03050' : '#18a058' }">{{ pageSummary.balance.toFixed(2) }}</span>
-        <span style="margin-left: 8px;">
-          {{ t('transaction.pageExcluded', { expense: pageExcludedSummary.expense.toFixed(2), income: pageExcludedSummary.income.toFixed(2) }) }}
+      <span style="font-size: 12px; color: #999">
+        {{ t('transaction.pageExpense') }} <span style="color: #d03050">{{ pageSummary.expense.toFixed(2) }}</span> ·
+        {{ t('transaction.pageIncome') }} <span style="color: #18a058">{{ pageSummary.income.toFixed(2) }}</span> ·
+        {{ t('transaction.pageBalance') }}
+        <span :style="{ color: pageSummary.balance < 0 ? '#d03050' : '#18a058' }">{{
+          pageSummary.balance.toFixed(2)
+        }}</span>
+        <span style="margin-left: 8px">
+          {{
+            t('transaction.pageExcluded', {
+              expense: pageExcludedSummary.expense.toFixed(2),
+              income: pageExcludedSummary.income.toFixed(2),
+            })
+          }}
         </span>
       </span>
     </NSpace>
 
     <!-- 交易记录数据表格 -->
     <NDataTable
+      v-model:checked-row-keys="checkedTransactionIds"
       :columns="columns"
       :data="transactions"
       :loading="loading"
       :bordered="false"
       :scroll-x="1480"
       :row-key="(row: TransactionItem) => row.id"
-      :row-class-name="(row: TransactionItem) => (!row.includeInStats && excludedDisplayStyle === 'strikethrough') ? 'excluded-row' : ''"
-      v-model:checked-row-keys="checkedTransactionIds"
+      :row-class-name="
+        (row: TransactionItem) =>
+          !row.includeInStats && excludedDisplayStyle === 'strikethrough' ? 'excluded-row' : ''
+      "
     />
 
     <!-- 分页控件 -->
-    <NSpace justify="center" style="margin-top: 16px;">
+    <NSpace justify="center" style="margin-top: 16px">
       <NPagination
         v-model:page="page"
         v-model:page-size="pageSize"
@@ -1767,46 +1912,114 @@ onMounted(() => {
     </NSpace>
 
     <!-- 新增/编辑弹窗 -->
-    <NModal v-model:show="showModal" preset="card" :title="editingId ? t('transaction.editRecord') : t('transaction.addRecordTitle')" style="width: 500px; max-width: 92vw;">
+    <NModal
+      v-model:show="showModal"
+      preset="card"
+      :title="editingId ? t('transaction.editRecord') : t('transaction.addRecordTitle')"
+      style="width: 500px; max-width: 92vw"
+    >
       <NForm>
         <NFormItem :label="t('transaction.column.type')">
           <NSelect v-model:value="form.type" :options="typeOptions" />
         </NFormItem>
         <NFormItem :label="t('transaction.column.category')">
           <div class="form-inline">
-            <NSelect v-model:value="form.categoryId" :options="categories.filter(c => c.type === form.type)" :render-label="renderCategoryLabel" :placeholder="t('transaction.selectCategoryPlaceholder')" filterable style="flex: 1; min-width: 160px;" />
-            <NButton v-if="aiEnabled" style="flex-shrink: 0;" :loading="aiFormLoading" @click="handleAiSuggestOne">{{ t('ai.pickButton') }}</NButton>
-            <NButton v-if="aiEnabled" style="flex-shrink: 0;" :loading="aiNewLoading" @click="handleAiNewCategory">{{ t('ai.newCategory.button') }}</NButton>
-            <NButton style="flex-shrink: 0;" @click="openNewCategory">{{ t('transaction.newCategoryButton') }}</NButton>
+            <NSelect
+              v-model:value="form.categoryId"
+              :options="categories.filter((c) => c.type === form.type)"
+              :render-label="renderCategoryLabel"
+              :placeholder="t('transaction.selectCategoryPlaceholder')"
+              filterable
+              style="flex: 1; min-width: 160px"
+            />
+            <NButton v-if="aiEnabled" style="flex-shrink: 0" :loading="aiFormLoading" @click="handleAiSuggestOne">{{
+              t('ai.pickButton')
+            }}</NButton>
+            <NButton v-if="aiEnabled" style="flex-shrink: 0" :loading="aiNewLoading" @click="handleAiNewCategory">{{
+              t('ai.newCategory.button')
+            }}</NButton>
+            <NButton style="flex-shrink: 0" @click="openNewCategory">{{ t('transaction.newCategoryButton') }}</NButton>
           </div>
         </NFormItem>
         <!-- AI 生成的新分类确认条：用户确认后才保存 -->
-        <div v-if="pendingCategory" style="display: flex; align-items: center; gap: 8px; margin-bottom: 18px; padding: 8px 12px; background: #f7f7fa; border-radius: 4px; font-size: 13px;">
+        <div
+          v-if="pendingCategory"
+          style="
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-bottom: 18px;
+            padding: 8px 12px;
+            background: #f7f7fa;
+            border-radius: 4px;
+            font-size: 13px;
+          "
+        >
           <span>{{ t('ai.newCategory.hint') }}</span>
-          <span style="font-weight: 600;">{{ pendingCategory.icon }} {{ pendingCategory.name }}</span>
-          <NButton size="tiny" type="primary" :loading="aiNewSaving" @click="handleSaveNewCategory">{{ t('ai.newCategory.save') }}</NButton>
+          <span style="font-weight: 600">{{ pendingCategory.icon }} {{ pendingCategory.name }}</span>
+          <NButton size="tiny" type="primary" :loading="aiNewSaving" @click="handleSaveNewCategory">{{
+            t('ai.newCategory.save')
+          }}</NButton>
           <NButton size="tiny" @click="pendingCategory = null">{{ t('common.cancel') }}</NButton>
         </div>
         <NFormItem :label="t('transaction.column.amount')">
-          <NInputNumber v-model:value="form.amount" :min="0.01" :precision="2" style="width: 100%;" :placeholder="t('transaction.amountPlaceholder')" />
+          <NInputNumber
+            v-model:value="form.amount"
+            :min="0.01"
+            :precision="2"
+            style="width: 100%"
+            :placeholder="t('transaction.amountPlaceholder')"
+          />
         </NFormItem>
         <NFormItem :label="t('transaction.column.channel')">
           <div class="form-inline">
-            <NSelect v-model:value="form.channel" :options="channelOptions" clearable :placeholder="t('transaction.channelPlaceholder')" style="flex: 1; min-width: 160px;" />
-            <NButton v-if="aiEnabled" style="flex-shrink: 0;" :loading="aiChannelLoading" @click="handleAiChannelSuggest">{{ t('ai.pickButton') }}</NButton>
-            <NButton v-if="aiEnabled" style="flex-shrink: 0;" :loading="aiChannelNewLoading" @click="handleAiNewChannel">{{ t('ai.newChannel.button') }}</NButton>
-            <NButton style="flex-shrink: 0;" @click="openNewChannel">{{ t('transaction.newChannelButton') }}</NButton>
+            <NSelect
+              v-model:value="form.channel"
+              :options="channelOptions"
+              clearable
+              :placeholder="t('transaction.channelPlaceholder')"
+              style="flex: 1; min-width: 160px"
+            />
+            <NButton
+              v-if="aiEnabled"
+              style="flex-shrink: 0"
+              :loading="aiChannelLoading"
+              @click="handleAiChannelSuggest"
+              >{{ t('ai.pickButton') }}</NButton
+            >
+            <NButton
+              v-if="aiEnabled"
+              style="flex-shrink: 0"
+              :loading="aiChannelNewLoading"
+              @click="handleAiNewChannel"
+              >{{ t('ai.newChannel.button') }}</NButton
+            >
+            <NButton style="flex-shrink: 0" @click="openNewChannel">{{ t('transaction.newChannelButton') }}</NButton>
           </div>
         </NFormItem>
         <!-- AI 生成的新渠道确认条：用户确认后才保存 -->
-        <div v-if="pendingChannel" style="display: flex; align-items: center; gap: 8px; margin-bottom: 18px; padding: 8px 12px; background: #f7f7fa; border-radius: 4px; font-size: 13px;">
+        <div
+          v-if="pendingChannel"
+          style="
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-bottom: 18px;
+            padding: 8px 12px;
+            background: #f7f7fa;
+            border-radius: 4px;
+            font-size: 13px;
+          "
+        >
           <span>{{ t('ai.newChannel.hint') }}</span>
-          <span style="font-weight: 600;">{{ pendingChannel.name }}</span>
-          <NButton size="tiny" type="primary" :loading="aiChannelNewSaving" @click="handleSaveNewChannel">{{ t('ai.newChannel.save') }}</NButton>
+          <span style="font-weight: 600">{{ pendingChannel.name }}</span>
+          <NButton size="tiny" type="primary" :loading="aiChannelNewSaving" @click="handleSaveNewChannel">{{
+            t('ai.newChannel.save')
+          }}</NButton>
           <NButton size="tiny" @click="pendingChannel = null">{{ t('common.cancel') }}</NButton>
         </div>
         <NFormItem :label="t('transaction.column.transactionTime')">
-          <NDatePicker v-model:value="form.transactionTime" type="datetime" style="width: 100%;" />
+          <NDatePicker v-model:value="form.transactionTime" type="datetime" style="width: 100%" />
         </NFormItem>
         <NFormItem :label="t('transaction.column.remark')">
           <NInput v-model:value="form.remark" type="textarea" :placeholder="t('transaction.remarkPlaceholder')" />
@@ -1820,33 +2033,64 @@ onMounted(() => {
               clearable
               filterable
               :placeholder="t('transaction.tagPlaceholder')"
-              style="flex: 1; min-width: 160px;"
+              style="flex: 1; min-width: 160px"
             />
-            <NButton v-if="aiEnabled" style="flex-shrink: 0;" :loading="aiTagSuggestLoading" @click="handleAiTagSuggest">{{ t('ai.pickButton') }}</NButton>
-            <NButton v-if="aiEnabled" style="flex-shrink: 0;" :loading="aiTagNewLoading" @click="handleAiNewTag">{{ t('ai.newTag.button') }}</NButton>
-            <NButton style="flex-shrink: 0;" @click="openNewTag">{{ t('transaction.newTagButton') }}</NButton>
+            <NButton
+              v-if="aiEnabled"
+              style="flex-shrink: 0"
+              :loading="aiTagSuggestLoading"
+              @click="handleAiTagSuggest"
+              >{{ t('ai.pickButton') }}</NButton
+            >
+            <NButton v-if="aiEnabled" style="flex-shrink: 0" :loading="aiTagNewLoading" @click="handleAiNewTag">{{
+              t('ai.newTag.button')
+            }}</NButton>
+            <NButton style="flex-shrink: 0" @click="openNewTag">{{ t('transaction.newTagButton') }}</NButton>
           </div>
         </NFormItem>
         <!-- AI 生成的新标签确认条：用户确认后才保存 -->
-        <div v-if="pendingTag" style="display: flex; align-items: center; gap: 8px; margin-bottom: 18px; padding: 8px 12px; background: #f7f7fa; border-radius: 4px; font-size: 13px;">
+        <div
+          v-if="pendingTag"
+          style="
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-bottom: 18px;
+            padding: 8px 12px;
+            background: #f7f7fa;
+            border-radius: 4px;
+            font-size: 13px;
+          "
+        >
           <span>{{ t('ai.newTag.hint') }}</span>
           <NTag size="small" :color="{ color: pendingTag.color, textColor: '#fff' }">{{ pendingTag.name }}</NTag>
-          <NButton size="tiny" type="primary" :loading="aiTagSaving" @click="handleSaveNewTag">{{ t('ai.newTag.save') }}</NButton>
+          <NButton size="tiny" type="primary" :loading="aiTagSaving" @click="handleSaveNewTag">{{
+            t('ai.newTag.save')
+          }}</NButton>
           <NButton size="tiny" @click="pendingTag = null">{{ t('common.cancel') }}</NButton>
         </div>
         <NFormItem :label="t('transaction.includeInStats')">
           <NSwitch v-model:value="form.includeInStats" />
-          <span style="color: #999; margin-left: 8px; font-size: 12px;">{{ t('transaction.includeInStatsHint') }}</span>
+          <span style="color: #999; margin-left: 8px; font-size: 12px">{{ t('transaction.includeInStatsHint') }}</span>
         </NFormItem>
         <NButton type="primary" block :loading="submitting" @click="handleSubmit">{{ t('common.confirm') }}</NButton>
       </NForm>
     </NModal>
 
     <!-- 手动新建分类弹窗 -->
-    <NModal v-model:show="showNewCategoryModal" preset="card" :title="t('category.addTitle')" style="width: 450px; max-width: 92vw;">
+    <NModal
+      v-model:show="showNewCategoryModal"
+      preset="card"
+      :title="t('category.addTitle')"
+      style="width: 450px; max-width: 92vw"
+    >
       <NForm>
         <NFormItem :label="t('category.name')">
-          <NInput v-model:value="newCategoryForm.name" :placeholder="t('category.namePlaceholder')" @keyup.enter="handleCreateCategory" />
+          <NInput
+            v-model:value="newCategoryForm.name"
+            :placeholder="t('category.namePlaceholder')"
+            @keyup.enter="handleCreateCategory"
+          />
         </NFormItem>
         <NFormItem :label="t('category.type')">
           <NSelect v-model:value="newCategoryForm.type" :options="typeOptions" />
@@ -1859,30 +2103,54 @@ onMounted(() => {
             :clear-text="t('category.clearIcon')"
           />
         </NFormItem>
-        <NButton type="primary" block :loading="newCategorySaving" @click="handleCreateCategory">{{ t('common.confirm') }}</NButton>
+        <NButton type="primary" block :loading="newCategorySaving" @click="handleCreateCategory">{{
+          t('common.confirm')
+        }}</NButton>
       </NForm>
     </NModal>
 
     <!-- 手动新建标签弹窗 -->
-    <NModal v-model:show="showNewTagModal" preset="card" :title="t('tag.addTitle')" style="width: 450px; max-width: 92vw;">
+    <NModal
+      v-model:show="showNewTagModal"
+      preset="card"
+      :title="t('tag.addTitle')"
+      style="width: 450px; max-width: 92vw"
+    >
       <NForm>
         <NFormItem :label="t('tag.name')">
-          <NInput v-model:value="newTagForm.name" :placeholder="t('tag.namePlaceholder')" @keyup.enter="handleCreateTag" />
+          <NInput
+            v-model:value="newTagForm.name"
+            :placeholder="t('tag.namePlaceholder')"
+            @keyup.enter="handleCreateTag"
+          />
         </NFormItem>
         <NFormItem :label="t('tag.color')">
           <NColorPicker v-model:value="newTagForm.color" :swatches="newTagColorSwatches" :show-alpha="false" />
         </NFormItem>
-        <NButton type="primary" block :loading="newTagSaving" @click="handleCreateTag">{{ t('common.confirm') }}</NButton>
+        <NButton type="primary" block :loading="newTagSaving" @click="handleCreateTag">{{
+          t('common.confirm')
+        }}</NButton>
       </NForm>
     </NModal>
 
     <!-- 手动新建渠道弹窗 -->
-    <NModal v-model:show="showNewChannelModal" preset="card" :title="t('channel.addTitle')" style="width: 450px; max-width: 92vw;">
+    <NModal
+      v-model:show="showNewChannelModal"
+      preset="card"
+      :title="t('channel.addTitle')"
+      style="width: 450px; max-width: 92vw"
+    >
       <NForm>
         <NFormItem :label="t('channel.name')">
-          <NInput v-model:value="newChannelForm.name" :placeholder="t('channel.namePlaceholder')" @keyup.enter="handleCreateChannel" />
+          <NInput
+            v-model:value="newChannelForm.name"
+            :placeholder="t('channel.namePlaceholder')"
+            @keyup.enter="handleCreateChannel"
+          />
         </NFormItem>
-        <NButton type="primary" block :loading="newChannelSaving" @click="handleCreateChannel">{{ t('common.confirm') }}</NButton>
+        <NButton type="primary" block :loading="newChannelSaving" @click="handleCreateChannel">{{
+          t('common.confirm')
+        }}</NButton>
       </NForm>
     </NModal>
 
@@ -1998,8 +2266,8 @@ onMounted(() => {
   text-decoration: line-through;
 }
 /* 类型、金额列保持现状，不划删除线 */
-:deep(.excluded-row .n-data-table-td[data-col-key="type"]),
-:deep(.excluded-row .n-data-table-td[data-col-key="amount"]) {
+:deep(.excluded-row .n-data-table-td[data-col-key='type']),
+:deep(.excluded-row .n-data-table-td[data-col-key='amount']) {
   text-decoration: none;
 }
 /* 备注单元格为块级结构，需单独划线以保持整行效果 */
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 1ffef60..d32ff68 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -1,7 +1,4 @@
 {
   "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
+  "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
 }
diff --git a/gradle/checkstyle/checkstyle.xml b/gradle/checkstyle/checkstyle.xml
new file mode 100644
index 0000000..a8e9ca7
--- /dev/null
+++ b/gradle/checkstyle/checkstyle.xml
@@ -0,0 +1,58 @@
+<?xml version="1.0"?>
+<!DOCTYPE module PUBLIC
+    "-//Checkstyle//DTD Checkstyle Configuration 1.3//EN"
+    "https://checkstyle.org/dtds/configuration_1_3.dtd">
+<!--
+  Checkstyle 规则集：聚焦命名、import、控制结构与日志规约等“高价值、低噪音”规则；
+  空格/缩进/换行等纯格式交由 Spotless 与 IDE 处理，避免职责重叠与误报。
+  说明见 ledgerly/AGENTS.md《代码检查》。
+-->
+<module name="Checker">
+    <property name="severity" value="error"/>
+    <property name="fileExtensions" value="java"/>
+
+    <!-- 抑制清单（默认为空，误报在此登记） -->
+    <module name="SuppressionFilter">
+        <property name="file" value="${config_loc}/suppressions.xml"/>
+    </module>
+
+    <!-- ===== 文件级规范 ===== -->
+    <module name="FileTabCharacter"/>
+    <module name="NewlineAtEndOfFile"/>
+    <module name="RegexpSingleline">
+        <property name="format" value="\s+$"/>
+        <property name="message" value="行尾存在多余空白"/>
+    </module>
+    <module name="RegexpSingleline">
+        <property name="format" value="System\.out\.print|printStackTrace\(\)"/>
+        <property name="message" value="禁止使用 System.out / printStackTrace，请改用 Lombok @Slf4j 日志"/>
+    </module>
+
+    <module name="TreeWalker">
+        <!-- ===== import 规范（顺序由 Spotless 管理，此处仅查无效/重复/通配导入） ===== -->
+        <module name="AvoidStarImport"/>
+        <module name="RedundantImport"/>
+        <module name="UnusedImports"/>
+
+        <!-- ===== 类与成员 ===== -->
+        <module name="OneTopLevelClass"/>
+        <module name="EqualsHashCode"/>
+        <module name="MissingOverride"/>
+
+        <!-- ===== 控制结构 ===== -->
+        <module name="NeedBraces"/>
+        <module name="EmptyBlock">
+            <property name="option" value="text"/>
+        </module>
+        <module name="FallThrough"/>
+
+        <!-- ===== 命名规范 ===== -->
+        <module name="PackageName"/>
+        <module name="TypeName"/>
+        <module name="MethodName"/>
+        <module name="MemberName"/>
+        <module name="ParameterName"/>
+        <module name="LocalVariableName"/>
+        <module name="ConstantName"/>
+    </module>
+</module>
diff --git a/gradle/checkstyle/suppressions.xml b/gradle/checkstyle/suppressions.xml
new file mode 100644
index 0000000..bca16a3
--- /dev/null
+++ b/gradle/checkstyle/suppressions.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<!DOCTYPE suppressions PUBLIC
+    "-//Checkstyle//DTD SuppressionFilter Configuration 1.2//EN"
+    "https://checkstyle.org/dtds/suppressions_1_2.dtd">
+<!-- Checkstyle 抑制清单：登记经确认的合理例外，默认空。 -->
+<suppressions>
+</suppressions>
diff --git a/gradle/spotbugs/exclude.xml b/gradle/spotbugs/exclude.xml
new file mode 100644
index 0000000..2bf3853
--- /dev/null
+++ b/gradle/spotbugs/exclude.xml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  SpotBugs 排除过滤器：登记经确认的误报或项目可接受的设计取舍。
+  真实缺陷请修复源码，不要在此掩盖。
+-->
+<FindBugsFilter>
+  <!-- DTO/VO/实体等值对象通过 getter/setter 暴露可变字段属正常设计（配合 MyBatis/Lombok），忽略引用暴露告警 -->
+  <Match>
+    <Bug pattern="EI_EXPOSE_REP"/>
+  </Match>
+  <Match>
+    <Bug pattern="EI_EXPOSE_REP2"/>
+  </Match>
+
+  <!-- 构造器在参数非法或初始化失败时抛异常属有意设计（无法初始化即应快速失败） -->
+  <Match>
+    <Class name="cn.rosercode.ledgerly.util.JwtUtil"/>
+    <Bug pattern="CT_CONSTRUCTOR_THROW"/>
+  </Match>
+  <Match>
+    <Class name="cn.rosercode.ledgerly.util.crypto.RsaKeyManager"/>
+    <Bug pattern="CT_CONSTRUCTOR_THROW"/>
+  </Match>
+  <Match>
+    <Class name="cn.rosercode.ledgerly.launcher.LauncherFrame"/>
+    <Bug pattern="CT_CONSTRUCTOR_THROW"/>
+  </Match>
+
+  <!-- MapStruct 生成的转换器实现，不修改生成代码 -->
+  <Match>
+    <Class name="cn.rosercode.ledgerly.converter.VoConverterImpl"/>
+    <Bug pattern="NP_NULL_ON_SOME_PATH"/>
+  </Match>
+</FindBugsFilter>
diff --git a/src/main/java/cn/rosercode/ledgerly/config/app/AppConfigStore.java b/src/main/java/cn/rosercode/ledgerly/config/app/AppConfigStore.java
index 03f27c4..398a82c 100644
--- a/src/main/java/cn/rosercode/ledgerly/config/app/AppConfigStore.java
+++ b/src/main/java/cn/rosercode/ledgerly/config/app/AppConfigStore.java
@@ -67,7 +67,10 @@ public class AppConfigStore {
     public void save(AppConfig config) {
         Path file = getConfigFile();
         try {
-            Files.createDirectories(file.getParent());
+            Path parent = file.getParent();
+            if (parent != null) {
+                Files.createDirectories(parent);
+            }
             objectMapper.writerWithDefaultPrettyPrinter().writeValue(file.toFile(), config);
             log.info("应用配置已保存到 {}", file.toAbsolutePath());
         } catch (IOException e) {
diff --git a/src/main/java/cn/rosercode/ledgerly/config/datasource/DatabaseConfigStore.java b/src/main/java/cn/rosercode/ledgerly/config/datasource/DatabaseConfigStore.java
index eb03f01..2562e70 100644
--- a/src/main/java/cn/rosercode/ledgerly/config/datasource/DatabaseConfigStore.java
+++ b/src/main/java/cn/rosercode/ledgerly/config/datasource/DatabaseConfigStore.java
@@ -81,7 +81,10 @@ public class DatabaseConfigStore {
     public void save(DatabaseConfig config) {
         Path file = getConfigFile();
         try {
-            Files.createDirectories(file.getParent());
+            Path parent = file.getParent();
+            if (parent != null) {
+                Files.createDirectories(parent);
+            }
             objectMapper.writerWithDefaultPrettyPrinter().writeValue(file.toFile(), config);
             log.info("数据库配置已保存到 {}", file.toAbsolutePath());
         } catch (IOException e) {
diff --git a/src/main/java/cn/rosercode/ledgerly/controller/AppConfigController.java b/src/main/java/cn/rosercode/ledgerly/controller/AppConfigController.java
index 313a39f..e1e5aa1 100644
--- a/src/main/java/cn/rosercode/ledgerly/controller/AppConfigController.java
+++ b/src/main/java/cn/rosercode/ledgerly/controller/AppConfigController.java
@@ -68,7 +68,10 @@ public class AppConfigController {
     @Operation(summary = "查询日志保留天数", description = "读取访问日志与登录日志的自动清理保留天数")
     public Result<Integer> getLogRetention() {
         Integer days = appConfigStore.load().getLogRetentionDays();
-        return Result.success(days == null ? AppConfig.DEFAULT_LOG_RETENTION_DAYS : days);
+        if (days == null) {
+            days = AppConfig.DEFAULT_LOG_RETENTION_DAYS;
+        }
+        return Result.success(days);
     }
 
     /**
diff --git a/src/main/java/cn/rosercode/ledgerly/email/EmailBillStorage.java b/src/main/java/cn/rosercode/ledgerly/email/EmailBillStorage.java
index 81605d7..c7a2383 100644
--- a/src/main/java/cn/rosercode/ledgerly/email/EmailBillStorage.java
+++ b/src/main/java/cn/rosercode/ledgerly/email/EmailBillStorage.java
@@ -40,7 +40,10 @@ public class EmailBillStorage {
         String relative = configId + "/" + uid + "/" + index + "_" + sanitize(fileName);
         Path target = ROOT.resolve(relative);
         try {
-            Files.createDirectories(target.getParent());
+            Path parent = target.getParent();
+            if (parent != null) {
+                Files.createDirectories(parent);
+            }
             Files.write(target, content);
             return relative;
         } catch (IOException e) {
@@ -103,7 +106,8 @@ public class EmailBillStorage {
         if (fileName == null || fileName.isBlank()) {
             return "attachment";
         }
-        String name = Paths.get(fileName).getFileName().toString();
+        Path namePath = Paths.get(fileName).getFileName();
+        String name = namePath == null ? fileName : namePath.toString();
         return name.replaceAll("[\\\\/:*?\"<>|]", "_");
     }
 }
diff --git a/src/main/java/cn/rosercode/ledgerly/launcher/LauncherConfigStore.java b/src/main/java/cn/rosercode/ledgerly/launcher/LauncherConfigStore.java
index 3926d79..174c143 100644
--- a/src/main/java/cn/rosercode/ledgerly/launcher/LauncherConfigStore.java
+++ b/src/main/java/cn/rosercode/ledgerly/launcher/LauncherConfigStore.java
@@ -65,7 +65,10 @@ public class LauncherConfigStore {
      */
     public void save(LauncherConfig config) {
         try {
-            Files.createDirectories(file.getParent());
+            Path parent = file.getParent();
+            if (parent != null) {
+                Files.createDirectories(parent);
+            }
             objectMapper.writerWithDefaultPrettyPrinter().writeValue(file.toFile(), config);
         } catch (IOException e) {
             // 配置保存失败不影响主流程，仅忽略
diff --git a/src/main/java/cn/rosercode/ledgerly/launcher/LauncherIconProvider.java b/src/main/java/cn/rosercode/ledgerly/launcher/LauncherIconProvider.java
index 13ba3ea..96795d0 100644
--- a/src/main/java/cn/rosercode/ledgerly/launcher/LauncherIconProvider.java
+++ b/src/main/java/cn/rosercode/ledgerly/launcher/LauncherIconProvider.java
@@ -130,7 +130,10 @@ public final class LauncherIconProvider {
                 log.warn("下载启动器图标失败：HTTP {}", response.statusCode());
                 return;
             }
-            Files.createDirectories(cacheFile.getParent());
+            Path parent = cacheFile.getParent();
+            if (parent != null) {
+                Files.createDirectories(parent);
+            }
             Path temp = cacheFile.resolveSibling(CACHE_FILE + ".tmp");
             Files.write(temp, response.body());
             Files.move(temp, cacheFile, StandardCopyOption.REPLACE_EXISTING);
diff --git a/src/main/java/cn/rosercode/ledgerly/launcher/SingleInstanceGuard.java b/src/main/java/cn/rosercode/ledgerly/launcher/SingleInstanceGuard.java
index 0b01ba0..bf41efa 100644
--- a/src/main/java/cn/rosercode/ledgerly/launcher/SingleInstanceGuard.java
+++ b/src/main/java/cn/rosercode/ledgerly/launcher/SingleInstanceGuard.java
@@ -38,7 +38,10 @@ public class SingleInstanceGuard implements AutoCloseable {
      */
     public static SingleInstanceGuard acquire(Path home) throws IOException {
         Path lockFile = home.resolve("config").resolve(LOCK_FILE);
-        Files.createDirectories(lockFile.getParent());
+        Path parent = lockFile.getParent();
+        if (parent != null) {
+            Files.createDirectories(parent);
+        }
         FileChannel channel = FileChannel.open(lockFile,
                 StandardOpenOption.CREATE, StandardOpenOption.WRITE);
         FileLock lock = channel.tryLock();
diff --git a/src/main/java/cn/rosercode/ledgerly/notification/NotificationSenderFactory.java b/src/main/java/cn/rosercode/ledgerly/notification/NotificationSenderFactory.java
index 741f568..a01101d 100644
--- a/src/main/java/cn/rosercode/ledgerly/notification/NotificationSenderFactory.java
+++ b/src/main/java/cn/rosercode/ledgerly/notification/NotificationSenderFactory.java
@@ -38,10 +38,13 @@ public class NotificationSenderFactory {
      * @throws BusinessException 类型不支持时抛出
      */
     public NotificationSender get(String type) {
+        if (type == null) {
+            throw new BusinessException("不支持的通知渠道类型：null");
+        }
         NotificationChannelType channelType;
         try {
             channelType = NotificationChannelType.valueOf(type);
-        } catch (IllegalArgumentException | NullPointerException e) {
+        } catch (IllegalArgumentException e) {
             throw new BusinessException("不支持的通知渠道类型：" + type);
         }
         NotificationSender sender = senders.get(channelType);
diff --git a/src/main/java/cn/rosercode/ledgerly/service/AiImageStorage.java b/src/main/java/cn/rosercode/ledgerly/service/AiImageStorage.java
index e3e4f83..70a5e1a 100644
--- a/src/main/java/cn/rosercode/ledgerly/service/AiImageStorage.java
+++ b/src/main/java/cn/rosercode/ledgerly/service/AiImageStorage.java
@@ -47,7 +47,10 @@ public class AiImageStorage {
         Path relative = Paths.get(ROOT, String.valueOf(userId), month, fileName);
         Path target = AppHome.getHome().resolve(relative);
         try {
-            Files.createDirectories(target.getParent());
+            Path parent = target.getParent();
+            if (parent != null) {
+                Files.createDirectories(parent);
+            }
             Files.write(target, content);
         } catch (IOException e) {
             log.error("保存 AI 记账图片失败: userId={}, path={}", userId, target, e);
diff --git a/src/main/java/cn/rosercode/ledgerly/service/AppLogStreamService.java b/src/main/java/cn/rosercode/ledgerly/service/AppLogStreamService.java
index 1922452..4a0a90e 100644
--- a/src/main/java/cn/rosercode/ledgerly/service/AppLogStreamService.java
+++ b/src/main/java/cn/rosercode/ledgerly/service/AppLogStreamService.java
@@ -94,7 +94,7 @@ public class AppLogStreamService {
         /** 尚未构成完整行的字节缓冲 */
         private final ByteArrayOutputStream pending = new ByteArrayOutputStream();
 
-        private ScheduledFuture<?> future;
+        private volatile ScheduledFuture<?> future;
         private volatile boolean closed = false;
 
         StreamTask(SseEmitter emitter, Path file, String levelFilter, String keywordFilter,
@@ -195,7 +195,7 @@ public class AppLogStreamService {
                     }
                     emitCompleteLines();
                 }
-            } catch (Exception e) {
+            } catch (IOException | RuntimeException e) {
                 // 发送失败通常意味着连接已断开
                 stop();
             }
diff --git a/src/main/java/cn/rosercode/ledgerly/service/impl/BillImportServiceImpl.java b/src/main/java/cn/rosercode/ledgerly/service/impl/BillImportServiceImpl.java
index a7589e8..415865d 100644
--- a/src/main/java/cn/rosercode/ledgerly/service/impl/BillImportServiceImpl.java
+++ b/src/main/java/cn/rosercode/ledgerly/service/impl/BillImportServiceImpl.java
@@ -244,8 +244,8 @@ public class BillImportServiceImpl implements BillImportService {
             transaction.setRemark(truncate(buildRemark(item.getCounterparty(), item.getProduct()), 255));
             transaction.setExternalNo(item.getExternalNo());
             transaction.setTransactionTime(item.getTransactionTime());
-            transaction.setIncludeInStats(item.getIncludeInStats() == null
-                    ? sourceStatsDefault : item.getIncludeInStats());
+            Boolean includeInStats = item.getIncludeInStats();
+            transaction.setIncludeInStats(includeInStats == null ? Boolean.valueOf(sourceStatsDefault) : includeInStats);
             transaction.setRawData(item.getRawData());
             pending.add(transaction);
 
diff --git a/src/main/java/cn/rosercode/ledgerly/service/impl/DatabaseServiceImpl.java b/src/main/java/cn/rosercode/ledgerly/service/impl/DatabaseServiceImpl.java
index 7dfa11f..7396a80 100644
--- a/src/main/java/cn/rosercode/ledgerly/service/impl/DatabaseServiceImpl.java
+++ b/src/main/java/cn/rosercode/ledgerly/service/impl/DatabaseServiceImpl.java
@@ -290,8 +290,9 @@ public class DatabaseServiceImpl implements DatabaseService {
         Path rawPath = Paths.get(config.getSqlitePath());
         Path path = (rawPath.isAbsolute() ? rawPath : AppHome.getHome().resolve(rawPath)).normalize();
         try {
-            if (path.getParent() != null) {
-                Files.createDirectories(path.getParent());
+            Path parent = path.getParent();
+            if (parent != null) {
+                Files.createDirectories(parent);
             }
         } catch (Exception e) {
             throw new BusinessException("创建 SQLite 数据库目录失败：" + e.getMessage());
diff --git a/src/main/java/cn/rosercode/ledgerly/service/impl/StatisticsServiceImpl.java b/src/main/java/cn/rosercode/ledgerly/service/impl/StatisticsServiceImpl.java
index c0c2314..0e62fcb 100644
--- a/src/main/java/cn/rosercode/ledgerly/service/impl/StatisticsServiceImpl.java
+++ b/src/main/java/cn/rosercode/ledgerly/service/impl/StatisticsServiceImpl.java
@@ -465,7 +465,9 @@ public class StatisticsServiceImpl implements StatisticsService {
             return custom;
         }
         // 兼容历史 BANK 渠道
-        if ("BANK".equals(code)) return "银行卡";
+        if ("BANK".equals(code)) {
+            return "银行卡";
+        }
         return ChannelType.labelOf(code);
     }
 
diff --git a/src/main/java/cn/rosercode/ledgerly/service/impl/TransactionGroupServiceImpl.java b/src/main/java/cn/rosercode/ledgerly/service/impl/TransactionGroupServiceImpl.java
index 7167630..d131760 100644
--- a/src/main/java/cn/rosercode/ledgerly/service/impl/TransactionGroupServiceImpl.java
+++ b/src/main/java/cn/rosercode/ledgerly/service/impl/TransactionGroupServiceImpl.java
@@ -386,7 +386,8 @@ public class TransactionGroupServiceImpl implements TransactionGroupService {
             entity.setGroupId(groupId);
             entity.setTransactionId(item.getTransactionId());
             entity.setRole(item.getRole());
-            entity.setSortOrder(item.getSortOrder() == null ? 0 : item.getSortOrder());
+            Integer sortOrder = item.getSortOrder();
+            entity.setSortOrder(sortOrder == null ? Integer.valueOf(0) : sortOrder);
             transactionGroupItemMapper.insert(entity);
         }
     }
diff --git a/src/main/java/cn/rosercode/ledgerly/service/impl/UserServiceImpl.java b/src/main/java/cn/rosercode/ledgerly/service/impl/UserServiceImpl.java
index d6ac14a..beffbef 100644
--- a/src/main/java/cn/rosercode/ledgerly/service/impl/UserServiceImpl.java
+++ b/src/main/java/cn/rosercode/ledgerly/service/impl/UserServiceImpl.java
@@ -186,6 +186,7 @@ public class UserServiceImpl implements UserService {
             logService.recordLoginLog(loginLog);
         } catch (Exception e) {
             // 登录日志记录失败不应影响登录流程
+            log.debug("记录登录日志失败：{}", e.getMessage());
         }
     }
 
diff --git a/src/main/java/cn/rosercode/ledgerly/util/crypto/RsaKeyManager.java b/src/main/java/cn/rosercode/ledgerly/util/crypto/RsaKeyManager.java
index 22d19b1..1f6326e 100644
--- a/src/main/java/cn/rosercode/ledgerly/util/crypto/RsaKeyManager.java
+++ b/src/main/java/cn/rosercode/ledgerly/util/crypto/RsaKeyManager.java
@@ -108,7 +108,10 @@ public class RsaKeyManager {
             keyFile.setPrivateKey(Base64.getEncoder().encodeToString(this.privateKey.getEncoded()));
             keyFile.setCreatedAt(LocalDateTime.now().format(DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss")));
 
-            Files.createDirectories(file.getParent());
+            Path parent = file.getParent();
+            if (parent != null) {
+                Files.createDirectories(parent);
+            }
             objectMapper.writerWithDefaultPrettyPrinter().writeValue(file.toFile(), keyFile);
             log.info("已生成接口加密 RSA 密钥并保存到 {}，keyId={}", file.toAbsolutePath(), keyId);
         } catch (Exception e) {