commit dc0b14f0f0916cc1c96d2b5a08880733425976b6
Author: HuangHuiKang <HuangHuiKang@qq.com>
Date:   Thu Jul 2 19:18:51 2026 +0800

    init:初始化

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..9945d29
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,12 @@
+.git
+.gitignore
+.husky
+.github
+node_modules
+dist
+coverage
+.DS_Store
+npm-debug.log*
+pnpm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..00ee2de
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,15 @@
+# http://editorconfig.org
+root = true
+
+# 表示所有文件适用
+[*]
+charset = utf-8 # 设置文件字符集为 utf-8
+end_of_line = lf # 控制换行类型(lf | cr | crlf)
+indent_style = space # 缩进风格（tab | space）
+indent_size = 2 # 缩进大小
+insert_final_newline = true # 始终在文件末尾插入一个新行
+
+# 表示仅 md 文件适用以下规则
+[*.md]
+max_line_length = off # 关闭最大行长度限制
+trim_trailing_whitespace = false # 关闭末尾空格修剪
diff --git a/.env b/.env
new file mode 100644
index 0000000..b392991
--- /dev/null
+++ b/.env
@@ -0,0 +1,28 @@
+# 【通用】环境变量 - 所有环境共享
+
+# 应用版本号
+VITE_VERSION = 3.0.0
+
+# 开发服务器端口
+VITE_PORT = 5180
+
+# 应用部署基础路径（如部署在子目录 /admin，则设置为 /admin/）
+VITE_BASE_URL = /
+
+# 权限模式【 frontend 仅前端路由 / backend 仅后端菜单 / mixed 后端菜单+前端路由模块合并 】
+VITE_ACCESS_MODE = mixed
+
+# 跨域请求时是否携带 Cookie（开启前需确保后端支持）
+VITE_WITH_CREDENTIALS = false
+
+# 是否在控制台输出路由信息
+VITE_OPEN_ROUTE_INFO = false
+
+# 锁屏加密密钥
+VITE_LOCK_ENCRYPT_KEY = s3cur3k3y4adpro
+
+# 网络请求超时时间（毫秒）
+VITE_API_TIMEOUT = 120000
+
+# 代理前缀
+VITE_APP_BASE_API = /api/v1
diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..63e4f95
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,21 @@
+# 【开发】环境变量 - 覆盖通用配置
+
+# 环境标识
+VITE_APP_ENV = development
+
+# 项目名称
+VITE_APP_TITLE = FastapiAdmin
+
+# 浏览器侧同源前缀（与 Vite 代理配合时用 /，请求走 localhost:端口 + 代理）
+VITE_API_URL = /
+
+# 代理目标：本机后端（若出现 ENOTFOUND，说明上面域名在当前网络/DNS 下不可解析，改用本地或可用地址）
+VITE_API_BASE_URL = http://127.0.0.1:8001
+# VITE_API_BASE_URL = https://service.fastapiadmin.com
+
+# 是否删除控制台输出
+VITE_DROP_CONSOLE = false
+
+# WebSocket 端点（AI对话功能需要配置）
+VITE_APP_WS_ENDPOINT = ws://127.0.0.1:8001
+# VITE_APP_WS_ENDPOINT = wss://service.fastapiadmin.com
diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..0524254
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,36 @@
+# 复制为 .env 并根据本地情况修改；勿提交真实密钥到公开仓库。
+# Vite 会加载：.env、.env.[mode]（如 .env.development），后者覆盖前者同名变量。
+
+# ---------- 通用（建议复制到 .env）----------
+VITE_VERSION=3.0.0
+VITE_PORT=5180
+VITE_BASE_URL=/
+
+# frontend | backend | mixed —— 菜单与路由来源（须与后端约定一致）
+VITE_ACCESS_MODE=mixed
+
+VITE_WITH_CREDENTIALS=false
+VITE_OPEN_ROUTE_INFO=false
+VITE_LOCK_ENCRYPT_KEY=please-change-me
+VITE_API_TIMEOUT=60000
+VITE_APP_BASE_API=/api/v1
+
+# ---------- 开发（复制到 .env.development）----------
+VITE_APP_ENV=development
+VITE_APP_TITLE=FastapiAdmin
+VITE_API_URL=/
+
+# 本地后端；开发时代理会把 /api/v1 转到此处
+VITE_API_BASE_URL=http://127.0.0.1:8001
+
+VITE_DROP_CONSOLE=false
+VITE_APP_WS_ENDPOINT=ws://127.0.0.1:8001
+
+# ---------- 生产（复制到 .env.production）---------
+VITE_APP_ENV=production
+VITE_APP_TITLE=FastapiAdmin
+VITE_APP_BASE_API=/api/v1
+VITE_API_BASE_URL=http://fastapiadmin-backend:8001
+VITE_DROP_CONSOLE=true
+# 留空则使用当前前端域名，例如 https://admin.example.com -> wss://admin.example.com
+VITE_APP_WS_ENDPOINT=
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..4fba2f2
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,19 @@
+# 【生产】环境变量 - 覆盖通用配置
+
+# 环境标识
+VITE_APP_ENV = production
+
+# 项目名称
+VITE_APP_TITLE = FastapiAdmin
+
+# API 请求基础路径（前端 Nginx 默认反向代理 /api/v1 到后端）
+VITE_APP_BASE_API = /api/v1
+
+# Vite 开发代理目标；生产构建不直接使用，保留给 preview/调试场景
+VITE_API_BASE_URL = http://fastapiadmin-backend:8001
+
+# 是否删除控制台输出
+VITE_DROP_CONSOLE = true
+
+# WebSocket 端点（留空则自动使用当前前端域名，配合 Nginx 代理 /api/v1）
+VITE_APP_WS_ENDPOINT =
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..866e8ee
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,2 @@
+*.html linguist-detectable=false
+*.vue linguist-detectable=true
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..1698b21
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,26 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+.cursorrules
+.history
+
+# Auto-generated files
+src/types/import/auto-imports.d.ts
+src/types/import/components.d.ts
+.auto-import.json
+
+# Editor directories and files
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.local
+
+stats.html
+.stylelintcache
+.eslintcache
+
+# docs and app directories are at frontend root, managed by frontend/.gitignore
diff --git a/.husky/commit-msg b/.husky/commit-msg
new file mode 100644
index 0000000..09d2b14
--- /dev/null
+++ b/.husky/commit-msg
@@ -0,0 +1 @@
+pnpm dlx commitlint --edit $1
\ No newline at end of file
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 0000000..22c0347
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1 @@
+pnpm run lint:lint-staged
\ No newline at end of file
diff --git a/.npmrc b/.npmrc
new file mode 100644
index 0000000..acf8d0c
--- /dev/null
+++ b/.npmrc
@@ -0,0 +1,2 @@
+# 抑制废弃子依赖警告（fstream、lodash.isequal 等深层依赖已无新版可升级）
+deprecated-warning=false
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..28b3ac6
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,11 @@
+node_modules/
+dist/
+public/
+.vscode/
+src/types/import/
+.auto-import.json
+pnpm-lock.yaml
+package-lock.json
+.stylelintcache
+.eslintcache
+stats.html
\ No newline at end of file
diff --git a/.prettierrc.yaml b/.prettierrc.yaml
new file mode 100644
index 0000000..6712118
--- /dev/null
+++ b/.prettierrc.yaml
@@ -0,0 +1,41 @@
+# 单参数箭头函数始终添加括号
+arrowParens: "always"
+# JSX 多行元素的闭合标签另起一行
+bracketSameLine: false
+# 对象字面量括号之间添加空格 { foo: bar }
+bracketSpacing: true
+# 自动格式化嵌入的代码（Markdown/HTML 内的代码块）
+embeddedLanguageFormatting: "auto"
+# HTML 空白敏感度，CSS 模式保留 display 相关空白
+htmlWhitespaceSensitivity: "css"
+# 不插入 @prettier 的 pragma 注释
+insertPragma: false
+# JSX 中使用双引号
+jsxSingleQuote: false
+# 每行最大长度
+printWidth: 100
+# Markdown 换行保留原格式
+proseWrap: "preserve"
+# 对象属性仅在必要时添加引号
+quoteProps: "as-needed"
+# 不要求文件开头有 @prettier 的 pragma 注释
+requirePragma: false
+# 语句末尾添加分号
+semi: true
+# 使用双引号
+singleQuote: false
+# 缩进 2 个空格
+tabWidth: 2
+# 多行尾随逗号（ES5 支持的对象、数组等）
+trailingComma: "es5"
+# 使用空格而非制表符缩进
+useTabs: false
+# Vue 文件 <script> 和 <style> 不额外缩进
+vueIndentScriptAndStyle: false
+# 换行符自动检测（LF / CRLF）
+endOfLine: "auto"
+# HTML 文件使用专用解析器
+overrides:
+  - files: "*.html"
+    options:
+      parser: "html"
diff --git a/.stylelintignore b/.stylelintignore
new file mode 100644
index 0000000..f3e9850
--- /dev/null
+++ b/.stylelintignore
@@ -0,0 +1,11 @@
+dist
+node_modules
+public
+.husky
+.vscode
+.idea
+*.sh
+*.md
+
+src/assets
+stats.html
diff --git a/.stylelintrc.cjs b/.stylelintrc.cjs
new file mode 100644
index 0000000..7399822
--- /dev/null
+++ b/.stylelintrc.cjs
@@ -0,0 +1,77 @@
+module.exports = {
+  extends: [
+    "stylelint-config-standard",
+    "stylelint-config-recommended-scss",
+    "stylelint-config-recess-order",
+  ],
+  overrides: [
+    {
+      files: ["**/*.{vue,html}"],
+      customSyntax: "postcss-html",
+    },
+    {
+      files: ["**/*.{css,scss}"],
+      customSyntax: "postcss-scss",
+    },
+  ],
+  rules: {
+    "import-notation": "string",
+    "selector-class-pattern": null,
+    "custom-property-pattern": null,
+    "keyframes-name-pattern": null,
+    "no-descending-specificity": null,
+    "no-empty-source": null,
+    "property-no-vendor-prefix": null,
+    "at-rule-empty-line-before": null,
+    // 允许 placeholder mixin 中必要的浏览器前缀（:-ms-input-placeholder、::-webkit-input-placeholder）
+    "selector-no-vendor-prefix": [
+      true,
+      {
+        ignoreSelectors: ["::-webkit-input-placeholder", ":-ms-input-placeholder"],
+      },
+    ],
+    // 允许 Vue SFC :deep() / ::deep / :global() / :slotted() 伪选择器
+    "selector-pseudo-class-no-unknown": [
+      true,
+      {
+        ignorePseudoClasses: ["global", "export", "deep", "slotted"],
+      },
+    ],
+    "selector-pseudo-element-no-unknown": [
+      true,
+      {
+        ignorePseudoElements: ["deep"],
+      },
+    ],
+    // 允许 SCSS + Tailwind CSS v4 专属 at-rules
+    "at-rule-no-unknown": null,
+    // 允许注释前无空行（section 分隔注释紧凑排版更清晰）
+    "comment-empty-line-before": null,
+    "scss/at-rule-no-unknown": [
+      true,
+      {
+        ignoreAtRules: [
+          "apply",
+          "use",
+          "mixin",
+          "include",
+          "extend",
+          "each",
+          "if",
+          "else",
+          "for",
+          "while",
+          "reference",
+          "tailwind",
+          "theme",
+          "utility",
+          "source",
+          "custom-variant",
+          "layer",
+          "config",
+          "plugin",
+        ],
+      },
+    ],
+  },
+};
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..f30194c
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,650 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Released]
+
+### v3.0.1 - 2025-11-15
+
+#### Fixed
+
+- Fixed repeated API calls issue when accessing non-existent interfaces during route registration
+- Fixed one-click cleanup script build failure issue
+
+#### Optimized
+
+- Enhanced route configuration validation mechanism, automatically detects and prompts path configuration errors for non-first-level menus
+- Optimized top progress bar ghosting issue
+- Optimized vite pre-build configuration
+- Unified border radius and border consistency
+- Redesigned lock screen page, improved visual experience
+- Optimized visual experience issue caused by logout menu disappearing prematurely
+
+#### Added
+
+- FaForm and FaSearchBar component labels support custom render functions, enabling complex labels with tooltips
+- Menu management form key fields added Tooltip hints, lowering user configuration threshold
+- Iconify added offline icon loading mode
+- Logout added redirect property for redirecting to corresponding page after re-login
+- Logout and re-entry preserves user tabs, identified by userId
+- Dual menu added collapse button
+- Enhanced menu icons
+- Multi-tab pages added icon display
+- Added WebSocket connection example
+- Lock screen password error triggers input box shake animation
+
+#### ⚠️ Important Notice
+
+> This version requires re-login
+
+---
+
+### v3.0.0 - 2025-11-09 🎉
+
+#### Refactored
+
+- Style system refactored: Sass fully migrated to Tailwind CSS, improving development efficiency and style consistency
+- Icon solution upgraded: Iconfont replaced with Iconify, supporting richer icon libraries and on-demand loading
+- Route registration refactored: Comprehensive refactoring of route registration system with object-oriented design, improving code maintainability, testability and extensibility
+- Refactored ArtTextScroll component, improving performance and maintainability
+- Refactored color system, unified UI visual specifications, improving interface consistency
+
+#### Optimized
+
+- Build optimization: Complete package size reduced by 1.3 MB, significantly improving loading performance
+- Architecture optimization: Optimized directory structure with clearer responsibility division, reducing user learning curve and onboarding difficulty
+- Comment optimization: Unified module comment standards, improved component descriptions, feature explanations and usage examples, reducing user understanding cost and onboarding difficulty
+- Performance improvement: Optimized core code logic, improving system runtime efficiency
+- Menu optimization: Refined menu styles, optimized interaction experience and visual presentation
+- Responsive optimization: Optimized FaForm and FaSearchBar grid layout, adapting to various screen sizes
+- Configuration management optimization: Added setting.ts configuration file, supporting one-click copy and reset of system default settings
+
+#### Fixed
+
+- Fixed FaForm and FaSearchBar custom component rendering issues
+
+#### Added
+
+- FaForm and FaSearchBar added render property, supporting custom component rendering
+- Festival feature enhancement: Fireworks configuration supports cross-date range settings and custom playback counts
+
+#### Upgraded
+
+- Dependency updates: Upgraded core dependencies to latest stable versions
+
+#### ⚠️ Important Notice
+
+> This upgrade involves fundamental refactoring of the style system (Sass → Tailwind CSS) and icon library (Iconfont → Iconify), which is a breaking change. It is recommended to use v3.0 for new projects. Upgrading existing projects is not recommended.
+
+---
+
+### v2.6.1 - 2025-10-19
+
+#### Fixed
+
+- Fixed repeated API calls issue when accessing invalid addresses for user info and menu endpoints
+- Fixed ElButton circle mode styles
+- Fixed ElSelect keyboard selection issue
+- Fixed static routes with parameters redirecting to login page issue
+
+#### Optimized
+
+- Upgraded some dependencies to be compatible with tailwindcss
+- Optimized external link menu click selection state
+- Added theme color switching feature to authorization pages
+
+---
+
+### v2.6.0 - 2025-10-16
+
+#### Added
+
+- Extended registration and password reset page top component support
+
+#### Optimized
+
+- Optimized streamlined version menu data structure, improved data consistency
+- Optimized local development environment network request proxy configuration
+- Optimized ElTree component default styles
+- Added VsCode recommended plugin related configuration
+- Optimized ElDropdown component click trigger mode interaction styles
+- Optimized menu filtering logic
+- Optimized page switching animation, improved loading speed
+- Optimized dark mode text color
+
+#### Fixed
+
+- Fixed static route custom home page path first visit redirecting to login page issue
+- Fixed logout briefly jumping to 500 page issue
+- Fixed v2.5.9 version home route redirect configuration failure issue
+- Fixed v2.5.9 auto-import mechanism causing build exception
+
+#### ⚠️ Important Notice
+
+> This version requires re-login
+
+---
+
+### v2.5.9 - 2025-10-12
+
+#### Code Optimized
+
+- Optimized views file directory, file names, and code
+- Added global configuration for useTable pagination request fields (tableConfig.ts)
+- Optimized routing configuration to modular structure
+- Menu API now uses apifox mock data (set VITE_ACCESS_MODE to backend mode in .env)
+
+---
+
+### v2.5.8 - 2025-09-29
+
+#### Upgraded
+
+- Upgraded core libraries including vue, vite, element-plus
+
+#### Fixed
+
+- Fixed rich text editor fullscreen top bar z-index issue
+- Fixed table column sorting component text overflow issue
+- Fixed statistics card condition judgment
+- Fixed infinite redirect when root path / and HOME_PAGE_PATH are both /
+
+#### Optimized
+
+- Optimized el-tag styles
+- Optimized top progress bar color
+- Optimized custom theme configuration
+- Optimized ElementPlus custom theme issues
+
+#### ⚠️ Important Notice
+
+> Due to dependency upgrades, Node version needs to be upgraded to v20.19.0 or above
+
+---
+
+### v2.5.7 - 2025-09-14
+
+#### Added
+
+- Added FaForm component
+
+#### Fixed
+
+- Fixed theme switching flicker issue in new Chrome versions
+
+#### Optimized
+
+- Optimized form label height alignment issue
+- First screen startup performance optimization
+
+---
+
+### v2.5.6 - 2025-09-06
+
+#### Added
+
+- FaTableHeader added search button to control top search bar visibility
+- Added permission demonstration examples
+- Added global error handling framework
+
+#### Optimized
+
+- useTable type inference optimization, no need to manually pass types for type hints
+- useTable removeColumn supports multiple data deletion
+- useTable auto-recognizes response body with custom configuration (src/utils/table/tableConfig.ts)
+- useTable empty data browser warning optimization
+- API request code optimization, api.d.ts type optimization
+- Optimized FaTable top button wrapping adaptive issue
+- FaTable pagination component selection style optimization
+- FaTable empty state height fills by default
+- ArtButtonMore component added icon and color configuration
+- FaSearchBar label doesn't occupy space when empty
+- Table operation column drag prohibits fixed column dragging
+- Role management page API integration and code optimization
+- Menu management page optimization
+- Optimized settings center scroll following issue
+- First-level route external link component validation logic optimization
+- Optimized map bottom-right drag issue
+- Optimized dark mode page refresh white background issue
+- Optimized left menu collapse button spacing issue
+- Mobile displays left menu logo
+- Network request added showSuccessMessage to configure success message display
+- Global components use async loading strategy to improve first screen loading performance
+
+#### Fixed
+
+- Fixed bug where batch deleting entire page data doesn't return to previous page
+- Fixed dynamic route parameter issues
+- Fixed dynamic route configuration first-level route iframe page fullscreen issue
+
+---
+
+### v2.5.5 - 2025-08-17
+
+#### Added
+
+- Added FaSearchBar component examples
+- useTable added excludeParams to exclude certain parameters from requests
+
+#### Refactored
+
+- Refactored FaSearchBar component, supports more components and form validation
+
+#### Optimized
+
+- useTable column configuration: supports dynamic update capability
+- Optimized color picker border radius
+- Unified el-radio and el-checkbox sizes
+- art-stats-card added decimal places and separator configuration
+- Route configuration example optimization
+- Advanced table added custom data fetching example
+- Optimized path alias type issues
+- Local development CORS configuration optimization
+- useTable property and method naming optimization
+- Login page UI upgrade
+- 403, 404, 500 page UI upgrade
+
+#### Fixed
+
+- Fixed multiple rich text editor icon inconsistency issue
+- Fixed useTable deleting last entire page data not returning to previous page issue
+- Fixed echarts chart data initialization and update browser error
+- Network request supports logout on HTTP status code 401
+- Optimized network request logout multiple prompt issue
+
+#### Removed
+
+- Removed art-chart-empty component
+
+---
+
+### v2.5.4 - 2025-07-27
+
+#### Added
+
+- Network request headers support custom configuration
+- Expand row supports formatter rendering
+
+#### Optimized
+
+- Route registration added component validation
+
+#### Fixed
+
+- Fixed user info API timing issue causing route registration menu rendering error
+- Fixed dynamic route validation issue causing iframe not to display
+- Fixed reset file syntax error
+- Fixed FaTable data type error
+- Fixed map scroll wheel zoom issue
+
+---
+
+### v2.5.3 - 2025-07-20
+
+#### Added
+
+- Added table left-right layout example
+
+#### Refactored
+
+- FaTable component refactored
+
+#### Upgraded
+
+- Element Plus upgraded to v2.10.2
+
+#### Optimized
+
+- Optimized useTable pagination parameter issue
+- Optimized network request example: initialization parameters, pagination carrying parameters
+- Optimized search date range parameter handling
+- Optimized el-date-picker component border radius
+- Optimized el-select component hover style
+- Search component and pagination component height reduced
+- Optimized login page slider animation interval
+- Optimized menu without submenu display issue
+
+#### Fixed
+
+- Fixed FaTable switching page size executing two requests bug
+
+---
+
+### v2.5.2 - 2025-07-13
+
+#### Added
+
+- Added one-click cleanup script for quick development environment preparation
+- useTable hooks support custom pagination field name mapping
+- Horizontal menu, mixed menu, double column menu support badge display
+- Quick entry supports configuration file mode
+- Top bar function supports configuration file mode
+- Support custom home page path
+- Route supports redirect and other attributes configuration
+
+#### Optimized
+
+- Global event bus mittBus type safety optimization
+- Optimized mobile settings container width style
+- Optimized login page verification slider text centering effect
+
+#### Fixed
+
+- Fixed table no data header not displaying issue
+- Fixed v2.5.0 top progress bar not displaying issue
+- Fixed left menu mask abnormal display issue
+- Fixed hiding all submenus still showing parent menu issue
+- Fixed stylelint causing login page slider style abnormality
+- Fixed old mobile device loading positioning issue
+
+---
+
+### v2.5.1 - 2025-07-08
+
+#### Optimized
+
+- el-card and el-table background color consistent with system
+
+#### Fixed
+
+- Fixed first login system loading closing early bug
+- Fixed v2.5.0 version causing fullscreen page style z-index too low bug
+- Fixed v2.5.0 version causing table expand row collapse bug
+
+---
+
+### v2.5.0 - 2025-07-06 🎉
+
+#### Added
+
+- Added useTable hooks table encapsulation, supports data fetching, transformation, response adaptation, intelligent caching (based on LRU algorithm), error handling, column configuration and slots, pagination control, refresh strategies and other core functions, comprehensively improving development efficiency and user experience
+
+#### Refactored
+
+- Refactored FaTable, FaTableHeader, ArtNotification components
+
+#### Upgraded
+
+- Echarts version upgraded to 5.6.0
+
+#### Removed
+
+- Removed CountTo plugin, replaced with FaCountTo component
+
+#### Fixed
+
+- Fixed menu management search directly modifying pinia data issue
+- Fixed route guard loading flicker issue
+
+#### ⚠️ Important Notice
+
+> Recommended upgrade for more efficient and intelligent table development experience
+
+---
+
+### v2.4.2.9 - 2025-07-02
+
+#### Refactored
+
+- Menu layout and top navigation code refactored
+
+#### Optimized
+
+- Optimized mobile menu scroll user experience
+- Optimized top menu style issues
+- Top menu width adaptive, can display more content, mixed menu supports mouse scroll
+- asyncRoutes route configuration auth_mark field changed to authMark
+- Removed duplicate components.d.ts file, components.d.ts and auto-imports.d.ts ignored from commits
+- Optimized i18n language file loading method, changed from async to sync mode
+- Optimized el-pagination size inconsistency issue
+
+#### Fixed
+
+- Fixed mobile lock screen page some browsers unable to unlock bug
+
+---
+
+### v2.4.2.8 - 2025-06-26
+
+#### Fixed
+
+- Fixed v2.4.2.7 version accessing / path showing 404 issue
+
+---
+
+### v2.4.2.7 - 2025-06-25
+
+#### Added
+
+- Route supports fullscreen mode configuration
+- Route supports auto-jump to first valid route of menu
+- Dynamic route added removeAllDynamicRoutes method for completely clearing all dynamic routes
+- Permission custom directive optimization, added role permission directive v-roles for controlling element visibility
+- Added tab operation examples
+
+#### Optimized
+
+- CORS request carrying cookie configuration from environment variables, disabled by default
+- Some optimizations for SEO and accessibility
+
+#### Fixed
+
+- Fixed login page drag component FaDragVerify width and color abnormal bug
+- Fixed iframe page mixed mode and double column mode abnormal bug
+- Optimized lock screen page being penetrated by el-loading bug
+
+---
+
+### v2.4.2.6 - 2025-06-23
+
+#### Refactored
+
+- Refactored form-related components in components/core/forms folder, improved maintainability and consistency
+- Refactored ArtBreadcrumb breadcrumb navigation component, optimized logic structure and styles
+- Refactored ArtFireworksEffect fireworks effect component, significantly improved rendering performance and animation smoothness
+
+#### Optimized
+
+- Optimized ArtChatWindow and ArtFastEnter component code, improved readability and performance
+
+#### Added
+
+- README documentation added official website link for easy access to project documentation
+
+---
+
+### v2.4.2.5 - 2025-06-22
+
+#### Refactored
+
+- Refactored chart components, optimized code structure and maintainability
+- Fine-tuned chart animations and theme color schemes, improved visual consistency
+
+---
+
+### v2.4.2.4 - 2025-06-18
+
+#### Refactored
+
+- FaMenuRight component refactored
+- Components under components/core/cards refactored, code optimized
+
+#### Optimized
+
+- ArtWatermark added type annotations
+
+---
+
+### v2.4.2.3 - 2025-06-18
+
+#### Refactored
+
+- FaResultPage component refactored
+
+#### Optimized
+
+- ArtTextScroll component code optimization
+- FaException component added type hints
+- FaCutterImg component style optimization, added type definitions
+- FaVideoPlayer component added type definitions
+
+---
+
+### v2.4.2.2 - 2025-06-16
+
+#### Refactored
+
+- Back to top component refactored
+- Icon selector component refactored
+
+#### Changed
+
+- System Logo component property changes
+
+---
+
+### v2.4.2.1 - 2025-06-16
+
+#### Refactored
+
+- Banner component refactored and optimized
+
+#### Fixed
+
+- Fixed mixed menu first menu nested menu jump bug
+
+---
+
+### v2.4.2 - 2025-06-14
+
+#### Refactored
+
+- Refactored network request module, enhanced error handling, type safety and multi-language support
+
+#### Added
+
+- Route configuration added activePath active menu path property
+
+#### Optimized
+
+- Guide and column settings multi-language improvement
+- Removed invalid code from user list and menu management pages
+- Updated technical support link
+
+#### Fixed
+
+- Fixed mobile search bar unable to scroll, iPad page scroll abnormal issue
+- Fixed el-dialog enabling draggable property causing custom animation failure issue
+- Fixed v2.3.0 local storage refactoring causing login, registration page multi-language settings unable to persist issue
+- Fixed table fixed column not working bug
+- Fixed infinite redirect when root path / and HOME_PAGE_PATH are both /
+
+#### ⚠️ Important Notice
+
+> This version requires re-login
+
+---
+
+### v2.4.1.1 - 2025-06-07
+
+#### Optimized
+
+- Optimized role management page code
+- el-dialog visual effect optimization, supports line configuration
+- System theme mode changed from Light to follow system mode
+
+#### Fixed
+
+- Fixed menu management collapse bug
+- Fixed table empty data height infinitely growing bug
+
+---
+
+### v2.4.1 - 2025-06-07
+
+#### Added
+
+- Prohibit using developer tools to crack lock screen when locked
+
+#### Optimized
+
+- Improved menu operation responsiveness
+- Page entrance animation time reduced by 0.04s
+- Echarts chart performance optimization, added visible area initialization, memory leak protection, debounce handling
+
+#### Fixed
+
+- Fixed Echarts chart component not displaying in dialog bug
+
+---
+
+### v2.4.0 - 2025-06-06 🎉
+
+#### Refactored
+
+- Global TypeScript type system refactored, improved type accuracy and maintainability
+- Refactored utils toolkit, unified utility method structure, enhanced readability and reusability
+
+#### Added
+
+- utils added form validation and Cookie operation related utility functions
+- Page components added defineOptions for explicit component naming
+- HTTP request added token expiration auto-handling logic, improved security and user experience
+
+#### Optimized
+
+- Deleted unused utility modules and invalid resources, streamlined project size
+- Optimized views page structure, removed redundant page files
+- Exception page multi-language support, improved internationalization experience
+- Image resources uniformly converted to webp format, overall resource size reduced by about 50%
+- Build output reduced by about 1MB, improved loading efficiency
+
+#### ⚠️ Important Notice
+
+> This version requires re-login
+
+---
+
+## Version Guidelines
+
+### Version Number Rules
+
+This project follows [Semantic Versioning 2.0.0](https://semver.org/spec/v2.0.0.html):
+
+- **Major**: Incompatible API changes
+- **Minor**: Backwards-compatible functionality additions
+- **Patch**: Backwards-compatible bug fixes
+
+### Change Types
+
+- **Added**: New features
+- **Changed**: Changes to existing functionality
+- **Deprecated**: Soon-to-be removed features
+- **Removed**: Removed features
+- **Fixed**: Bug fixes
+- **Security**: Security-related fixes
+- **Optimized**: Performance or experience optimizations
+- **Refactored**: Code refactoring
+- **Upgraded**: Dependency upgrades
+
+### Important Notice Markers
+
+- 🎉 **Major Update**: Versions with important new features
+- ⚠️ **Breaking Changes**: Updates requiring special attention for incompatibility
+- 🔒 **Security Update**: Versions fixing security vulnerabilities
+
+---
+
+## Contributing
+
+If you want to contribute to the project, please check [CONTRIBUTING.md](./CONTRIBUTING.md).
+
+## License
+
+[MIT License](./LICENSE)
+
+---
+
+**Note**: This changelog starts recording from version v2.4.0. For earlier version history, please check Git commit records.
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
new file mode 100644
index 0000000..1bc5aa9
--- /dev/null
+++ b/CHANGELOG.zh-CN.md
@@ -0,0 +1,654 @@
+# 更新日志
+
+所有重要的项目变更都将记录在此文件中。
+
+格式基于 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.0.0/)，版本号遵循 [语义化版本](https://semver.org/lang/zh-CN/)。
+
+## [已发布]
+
+### v3.0.1 - 2025-11-15
+
+#### 修复
+
+- 修复路由注册时不存在接口的重复请求问题
+- 修复一键精简脚本打包失败的问题
+
+#### 优化
+
+- 完善路由配置验证机制，自动检测并提示非一级菜单的路径配置错误
+- 优化顶部进度条残影问题
+- 优化 vite 预构建配置
+- 优化圆角、边框统一性
+- 重新设计锁屏页面，提升视觉体验
+- 优化退出登录菜单提前消失造成的视觉体验不好问题
+
+#### 新增
+
+- FaForm 和 FaSearchBar 组件的 label 支持自定义渲染函数，可实现带 tooltip 等复杂标签
+- 菜单管理表单关键字段新增 Tooltip 提示，降低用户配置门槛
+- iconify 新增离线图标加载模式
+- 退出登录新增 redirect 属性，用于重新登录后跳转到对应页面
+- 退出登录重新进入系统保留用户标签页，根据 userId 进行身份识别
+- 双列菜单新增折叠按钮
+- 完善菜单图标
+- 多标签页增加图标显示
+- 新增 WebSocket 连接示例
+- 锁屏密码错误时增加输入框抖动动效
+
+#### ⚠️ 重要提示
+
+> 此版本需要重新登录
+
+---
+
+### v3.0.0 - 2025-11-09 🎉
+
+#### 重构
+
+- 样式系统重构：Sass 全面迁移至 Tailwind CSS，提升开发效率与样式一致性
+- 图标方案升级：Iconfont 替换为 Iconify，支持更丰富的图标库与按需加载
+- 路由注册重构：全面重构路由注册系统，引入面向对象设计，提高代码的可维护性、可测试性和扩展能力
+- 重构 ArtTextScroll 组件，提升性能与可维护性
+- 重构颜色体系，统一 UI 视觉规范，提升界面一致性
+
+#### 优化
+
+- 构建优化：完整包体积减少 1.3 MB，显著提升加载性能
+- 架构优化：优化目录结构，职责划分更清晰，降低用户学习成本与上手难度
+- 注释优化：统一模块注释规范，完善每一个组件介绍、功能说明与使用示例，降低用户理解成本与上手难度
+- 性能提升：优化核心代码逻辑，提升系统运行效率
+- 菜单优化：细化菜单样式，优化交互体验与视觉呈现
+- 响应式优化：优化 FaForm、FaSearchBar 栅格布局，适配多种屏幕尺寸
+- 配置管理优化：新增 setting.ts 配置文件，支持一键复制与重置系统默认设置
+
+#### 修复
+
+- 修复 FaForm、FaSearchBar 自定义组件渲染异常
+
+#### 新增
+
+- FaForm、FaSearchBar 新增 render 属性，支持自定义组件渲染
+- 节日功能增强：礼花配置支持跨日期范围设置与自定义播放次数
+
+#### 升级
+
+- 依赖更新：升级核心依赖至最新稳定版本
+
+#### ⚠️ 重要提示
+
+> 本次升级涉及样式系统（Sass → Tailwind CSS）与图标库（Iconfont → Iconify）的底层重构，属于破坏性更新。建议新项目直接使用 v3.0，旧版本项目不建议升级。
+
+---
+
+### v2.6.1 - 2025-10-19
+
+#### 修复
+
+- 修复获取用户信息、获取菜单接口访问无效地址重复调用问题
+- 修复 ElButton circle 模式样式
+- 修复 ElSelect 无法通过键盘选择问题
+- 修复带参数静态路由跳转登录页面问题
+
+#### 优化
+
+- 升级部分依赖兼容 tailwindcss
+- 优化外部链接菜单点击选中状态
+- 授权页增加主题色切换功能
+
+---
+
+### v2.6.0 - 2025-10-16
+
+#### 新增
+
+- 扩展注册、密码重置页面顶部组件支持
+
+#### 优化
+
+- 优化精简版本菜单数据结构，提升数据一致性
+- 优化本地开发环境网络请求代理配置
+- 优化 ElTree 组件默认样式
+- 新增 VsCode 推荐插件相关配置
+- 优化 ElDropdown 组件点击触发模式下的交互样式
+- 优化菜单过滤逻辑
+- 优化页面切换动画，提升加载速度
+- 优化暗黑模式文字颜色
+
+#### 修复
+
+- 修复静态路由自定义首页路径首次访问跳转登录页问题
+- 修复退出登录时短暂跳转至 500 页的问题
+- 修复 v2.5.9 版本首页路由跳转配置失效问题
+- 修复 v2.5.9 自动导包机制导致的构建异常
+
+#### ⚠️ 重要提示
+
+> 此版本需要重新登录
+
+---
+
+### v2.5.9 - 2025-10-12
+
+#### 代码优化
+
+- views 文件目录、文件名、代码优化
+- useTable 分页请求字段增加全局配置 tableConfig.ts
+- 优化路由配置为模块化结构
+- 获取菜单接口使用 apifox mock 数据（需在 .env 中将 VITE_ACCESS_MODE 设为 backend 模式）
+
+---
+
+### v2.5.8 - 2025-09-29
+
+#### 升级
+
+- vue、vite、element-plus 等核心库升级
+
+#### 修复
+
+- 修复富文本编辑器全屏顶栏层级问题
+- 修复表格列排序组件文字溢出问题
+- 修复统计卡片条件判断
+- 修复根路径 / 与 HOME_PAGE_PATH 同为 / 时出现的无限重定向
+
+#### 优化
+
+- 优化 el-tag 样式
+- 优化顶部进度条颜色
+- 优化自定义主题配置
+- 优化 ElementPlus 自定义主题问题
+
+#### ⚠️ 重要提示
+
+> 由于项目依赖升级，node 版本需要升级到 v20.19.0 或以上
+
+---
+
+### v2.5.7 - 2025-09-14
+
+#### 新增
+
+- 新增 FaForm 组件
+
+#### 修复
+
+- 修复新版本谷歌浏览器切换主题闪烁问题
+
+#### 优化
+
+- 优化表单 label 高度没有对齐问题
+- 首屏启动性能优化
+
+---
+
+### v2.5.6 - 2025-09-06
+
+#### 新增
+
+- FaTableHeader 新增搜索按钮，用于控制顶部搜索栏的显示与隐藏
+- 新增权限演示示例
+- 添加全局错误处理基础框架
+
+#### 优化
+
+- useTable 类型推导优化，不需要手动传递类型即可实现类型提示
+- useTable removeColumn 支持多数据删除
+- useTable 自动识别响应体支持自定义配置 (src/utils/table/tableConfig.ts)
+- useTable 空数据浏览器警告优化
+- api 接口请求代码优化、api.d.ts 类型优化
+- 优化 FaTable 顶部按钮换行无法自适应问题（示例：功能示例 / 左右布局表格）
+- FaTable 分页组件选中样式优化
+- FaTable 空状态高度默认撑满
+- ArtButtonMore 组件新增图标、颜色配置
+- FaSearchBar label 为空时不占空间
+- 表格操作栏拖拽禁止固定列拖拽
+- 角色管理页面接口对接、代码优化
+- 菜单管理页面优化
+- 优化设置中心滚动页面跟随滚动问题
+- 一级路由是外链时，component 校验逻辑优化
+- 优化地图右下角拖动问题
+- 优化暗黑模式刷新页面白色背景问题
+- 优化左侧菜单折叠按钮间距问题
+- 移动端显示左侧菜单 logo
+- 网络请求新增 showSuccessMessage，用于配置是否显示成功消息
+- 全局组件采用异步加载策略，提升首屏加载性能
+
+#### 修复
+
+- 修复批量删除整页数据没有返回上一页的bug
+- 修复动态路由参数导致的问题
+- 修复动态路由配置一级路由是 iframe 页面时，全屏问题
+
+---
+
+### v2.5.5 - 2025-08-17
+
+#### 新增
+
+- 新增 FaSearchBar 组件示例
+- useTable 新增 excludeParams，用于排除某些参数不参与请求
+
+#### 重构
+
+- 重构 FaSearchBar 组件，支持更多组件、表单校验等能力
+
+#### 优化
+
+- useTable 列配置：支持动态更新能力
+- 优化颜色选择器圆角
+- el-radio、el-checkbox 统一大小
+- art-stats-card 新增小数位、分隔符配置
+- 路由配置示例优化
+- 高级表格新增自定义获取数据示例（等待其他请求完成后执行 useTable 数据获取）
+- 优化路径别名类型问题
+- 本地开发跨域配置优化
+- useTable 属性、方法命名优化
+- 登录页UI升级
+- 403、404、500 页面UI升级
+
+#### 修复
+
+- 修复多个富文本编辑器图标不统一问题
+- 修复 useTable 删除最后一整页数据没有返回上一页的问题
+- 修复 echarts 图表数据初始化、更新数据浏览器报错
+- 网络请求支持 http 状态码为 401 时退出登录
+- 优化网络请求退出登录多次提示问题
+
+#### 移除
+
+- 删除 art-chart-empty 组件
+
+---
+
+### v2.5.4 - 2025-07-27
+
+#### 新增
+
+- 网络请求 headers 支持自定义配置
+- 展开行支持 formatter 渲染
+
+#### 优化
+
+- 路由注册新增 component 校验
+
+#### 修复
+
+- 修复获取用户信息接口时序问题导致路由注册菜单渲染错误bug
+- 修复动态路由校验问题导致的 iframe 不显示bug
+- 修复 reset 文件语法错误
+- 修复 FaTable 数据类型错误
+- 修复地图滚轮滚动放大问题
+
+---
+
+### v2.5.3 - 2025-07-20
+
+#### 新增
+
+- 新增表格左右布局示例
+
+#### 重构
+
+- FaTable 组件重构
+
+#### 升级
+
+- Element Plus 升级到 v2.10.2
+
+#### 优化
+
+- 优化 useTable 分页参数问题
+- 优化网络请求示例：初始化参数、分页携带参数问题
+- 优化搜索日期范围参数处理
+- 优化 el-date-picker 组件圆角问题
+- 优化 el-select 组件 hover 样式
+- 搜索组件、分页组件高度降低
+- 优化登录页面滑块动画间隔时长
+- 优化菜单没有子菜单显示的问题
+
+#### 修复
+
+- 修复 FaTable 切换分页大小时执行两次请求bug
+
+---
+
+### v2.5.2 - 2025-07-13
+
+#### 新增
+
+- 新增一键精简脚本，快速准备开发环境
+- useTable hooks 支持分页字段名自定义映射
+- 水平菜单、混合菜单、双列菜单支持徽章显示
+- 快速入口支持配置文件模式
+- 顶栏功能支持配置文件模式
+- 支持自定义首页路径
+- 路由支持配置 redirect 等属性
+
+#### 优化
+
+- 全局事件总线 mittBus 类型安全优化
+- 优化移动端设置中容器宽度样式
+- 优化登录页验证滑块文字居中效果
+
+#### 修复
+
+- 修复表格无数据时表头不显示问题
+- 修复 v2.5.0 顶部进度条不显示问题
+- 修复左侧菜单遮罩异常显示问题
+- 修复隐藏所有子菜单时仍显示父级菜单的问题
+- 修复 stylelint 导致的登录页滑块样式异常
+- 修复老旧移动端设备 loading 定位问题
+
+---
+
+### v2.5.1 - 2025-07-08
+
+#### 优化
+
+- el-card、el-table 背景色跟系统保持一致
+
+#### 修复
+
+- 修复首次登录系统时 loading 提前关闭bug
+- 修复 v2.5.0 版本引起的全屏页样式层级过低bug
+- 修复 v2.5.0 版本引起的表格展开行折叠bug
+
+---
+
+### v2.5.0 - 2025-07-06 🎉
+
+#### 新增
+
+- 新增 useTable hooks 表格封装，支持数据获取、转换、响应适配、智能缓存（基于 LRU 算法）、错误处理、列配置与插槽、分页控制、刷新策略等核心功能，全面提升开发效率与用户体验
+
+#### 重构
+
+- 重构 FaTable、FaTableHeader、ArtNotification 组件
+
+#### 升级
+
+- Echarts 版本升级到 5.6.0
+
+#### 移除
+
+- 移除 CountTo 插件，替换为 FaCountTo 组件
+
+#### 修复
+
+- 修复菜单管理搜索直接修改 pinia 数据的问题
+- 修复路由守卫 loading 闪烁问题
+
+#### ⚠️ 重要提示
+
+> 建议升级，带来更高效、更智能的表格开发体验
+
+---
+
+### v2.4.2.9 - 2025-07-02
+
+#### 重构
+
+- 菜单布局、顶部导航代码重构
+
+#### 优化
+
+- 优化移动端菜单滚动用户体验
+- 优化顶部菜单样式问题
+- 顶部菜单宽度自适应，可显示更多内容，混合菜单支持鼠标滚动
+- asyncRoutes 路由配置 auth_mark 字段改为 authMark
+- 去除重复的 components.d.ts 文件，components.d.ts、auto-imports.d.ts 忽略提交
+- 优化国际化语言文件加载方式，异步改成同步模式
+- 优化 el-pagination 大小不一致问题
+
+#### 修复
+
+- 修复移动端锁屏页部分浏览器无法解锁bug
+
+---
+
+### v2.4.2.8 - 2025-06-26
+
+#### 修复
+
+- 修复 v2.4.2.7 版本访问 / 路径时显示 404 的问题
+
+---
+
+### v2.4.2.7 - 2025-06-25
+
+#### 新增
+
+- 路由支持配置全屏模式
+- 路由支持自动跳转到菜单的第一个有效路由
+- 动态路由新增 removeAllDynamicRoutes 方法，可用于彻底清除所有动态路由
+- 权限自定义指令优化、新增角色权限指令 v-roles、可用于控制元素的显示与隐藏
+- 新增标签页操作示例
+
+#### 优化
+
+- 跨域请求携带 cookie 配置从环境变量中获取，默认关闭
+- 针对SEO、可访问性做一些优化
+
+#### 修复
+
+- 修复登录页面拖拽组件 FaDragVerify 宽度、颜色异常bug
+- 修复 iframe 页面混合模式、双列模式异常bug
+- 优化锁屏页面被 el-loading 穿透bug
+
+---
+
+### v2.4.2.6 - 2025-06-23
+
+#### 重构
+
+- 重构 components/core/forms 文件夹下的表单相关组件，提升可维护性与一致性
+- 重构 ArtBreadcrumb 面包屑导航组件，优化逻辑结构与样式
+- 重构 ArtFireworksEffect 烟花效果组件，显著提升渲染性能与动画流畅度
+
+#### 优化
+
+- 优化 ArtChatWindow 与 ArtFastEnter 组件代码，提升可读性与性能
+
+#### 新增
+
+- README 文档新增官方网站链接，便于用户查看项目文档
+
+---
+
+### v2.4.2.5 - 2025-06-22
+
+#### 重构
+
+- 重构图表组件，优化代码结构与可维护性
+- 精细调整图表动画与主题配色方案，提升视觉一致性
+
+---
+
+### v2.4.2.4 - 2025-06-18
+
+#### 重构
+
+- FaMenuRight 组件重构
+- components/core/cards 下面的组件重构，代码优化
+
+#### 优化
+
+- ArtWatermark 增加类型注释
+
+---
+
+### v2.4.2.3 - 2025-06-18
+
+#### 重构
+
+- FaResultPage 组件重构
+
+#### 优化
+
+- ArtTextScroll 组件代码优化
+- FaException 组件增加类型提示
+- FaCutterImg 组件样式优化、增加类型定义
+- FaVideoPlayer 组件增加类型定义
+
+---
+
+### v2.4.2.2 - 2025-06-16
+
+#### 重构
+
+- 返回顶部组件重构
+- 图标选择器组件重构
+
+#### 修改
+
+- 系统Logo组件属性变更
+
+---
+
+### v2.4.2.1 - 2025-06-16
+
+#### 重构
+
+- 横幅组件重构以及优化
+
+#### 修复
+
+- 修复混合菜单下第一个菜单是嵌套菜单跳转bug
+
+---
+
+### v2.4.2 - 2025-06-14
+
+#### 重构
+
+- 重构网络请求模块，增强错误处理、类型安全与多语言支持
+
+#### 新增
+
+- 路由配置新增 activePath 激活菜单路径属性
+
+#### 优化
+
+- 引导、列设置多语言完善
+- 去除用户列表、菜单管理页面无效代码
+- 更新技术支持链接
+
+#### 修复
+
+- 修复移动端搜索栏无法滚动、iPad端页面滚动异常问题
+- 修复 el-dialog 启用 draggable 属性后，自定义动画失效的问题
+- 修复 2.3.0 版本本地存储重构后，导致登录、注册等页面多语言设置无法持久化的问题
+- 修复表格固定列不起作用bug
+- 修复根路径 / 与 HOME_PAGE_PATH 同为 / 时出现的无限重定向
+
+#### ⚠️ 重要提示
+
+> 此版本需要重新登录
+
+---
+
+### v2.4.1.1 - 2025-06-07
+
+#### 优化
+
+- 优化角色管理页面代码
+- el-dialog视觉效果优化，支持配置线条
+- 系统主题模式从Light改成跟随系统模式
+
+#### 修复
+
+- 修复菜单管理折叠 bug
+- 修复表格数据为空高度无限变大bug
+
+---
+
+### v2.4.1 - 2025-06-07
+
+#### 新增
+
+- 锁屏状态下禁止使用开发者工具破解锁屏
+
+#### 优化
+
+- 提升菜单操作跟手感
+- 页面入场动画时间减少0.04s
+- Echarts 图表性能优化，新增可视区域初始化、内存泄漏防护、防抖处理
+
+#### 修复
+
+- 修复 Echarts 图表组件在弹窗中不显示的 bug
+
+---
+
+### v2.4.0 - 2025-06-06 🎉
+
+#### 重构
+
+- 全局 TypeScript 类型体系重构，提升类型准确性与可维护性
+- 重构 utils 工具包，统一工具方法结构，增强可读性与复用性
+
+#### 新增
+
+- utils 新增表单验证与 Cookie 操作相关工具函数
+- 页面组件增加 defineOptions，明确组件命名
+- HTTP 请求增加 token 过期自动处理逻辑，提升安全性与用户体验
+
+#### 优化
+
+- 删除未使用的工具模块与无效资源，精简项目体积
+- 优化 views 页面结构，移除冗余页面文件
+- 异常页面多语言支持, 提升国际化体验
+- 图片资源统一转换为 webp 格式，整体资源体积减少约 50%
+- 打包产物减少约 1MB，提高加载效率
+
+#### ⚠️ 重要提示
+
+> 此版本需要重新登录
+
+---
+
+## 版本说明
+
+### 版本号规则
+
+本项目遵循 [语义化版本 2.0.0](https://semver.org/lang/zh-CN/) 规范：
+
+- **主版本号（Major）**：当你做了不兼容的 API 修改
+- **次版本号（Minor）**：当你做了向下兼容的功能性新增
+- **修订号（Patch）**：当你做了向下兼容的问题修正
+
+### 变更类型
+
+- **新增（Added）**：新功能
+- **修改（Changed）**：对现有功能的变更
+- **弃用（Deprecated）**：即将移除的功能
+- **移除（Removed）**：已移除的功能
+- **修复（Fixed）**：Bug 修复
+- **安全（Security）**：安全相关的修复
+- **优化（Optimized）**：性能优化或体验优化
+- **重构（Refactored）**：代码重构
+- **升级（Upgraded）**：依赖升级
+
+### 重要提示标记
+
+- 🎉 **重大更新**：包含重要新特性的版本
+- ⚠️ **破坏性变更**：需要特别注意的不兼容更新
+- 🔒 **安全更新**：修复安全漏洞的版本
+
+---
+
+## 贡献指南
+
+如果你想为项目做出贡献，请查看 [CONTRIBUTING.md](./CONTRIBUTING.md)。
+
+## 许可证
+
+[MIT License](./LICENSE)
+
+---
+
+**注意**：本更新日志从 v2.4.0 版本开始记录。更早的版本历史请查看 Git 提交记录。
+
+---
+
+[English Version](./CHANGELOG.en.md)
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..236dc1e
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,31 @@
+FROM node:20.19-alpine AS build
+
+WORKDIR /app
+
+RUN corepack enable
+
+COPY package.json pnpm-lock.yaml .npmrc ./
+RUN pnpm install --frozen-lockfile
+
+COPY . .
+
+ARG VITE_BASE_URL=/
+ARG VITE_APP_BASE_API=/api/v1
+ARG VITE_APP_WS_ENDPOINT=
+ENV VITE_BASE_URL=${VITE_BASE_URL} \
+    VITE_APP_BASE_API=${VITE_APP_BASE_API} \
+    VITE_APP_WS_ENDPOINT=${VITE_APP_WS_ENDPOINT}
+
+RUN pnpm run build
+
+FROM nginx:1.25-alpine AS runtime
+
+ENV BACKEND_UPSTREAM=http://fastapiadmin-backend:8001
+
+COPY nginx/default.conf.template /etc/nginx/templates/default.conf.template
+COPY --from=build /app/dist /usr/share/nginx/html
+
+EXPOSE 80
+
+HEALTHCHECK --interval=30s --timeout=5s --start-period=10s --retries=3 \
+    CMD wget -q --spider http://127.0.0.1/ || exit 1
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..68322de
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 SuperManTT
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..0674c15
--- /dev/null
+++ b/README.md
@@ -0,0 +1,278 @@
+# FastAPI Admin · 前端工程（web）
+
+基于 **Vue 3 + Vite + TypeScript + Element Plus** 的后台管理前端，与 FastAPI Admin 后端配套使用。状态管理为 **Pinia**，样式以 **Tailwind CSS 4** 与 **SCSS** 为主，接口请求使用 **Axios**。
+
+> **与仓库根文档的关系**：项目总览、一键前后端启动、演示账号、Docker 部署等请以 [根目录 README.md](../../README.md) 为准；**本文档**侧重 `frontend/web/` 目录结构、环境变量与前端开发约定。
+
+## 快速开始
+
+### 环境准备
+
+| 工具    | 版本要求                                               |
+| ------- | ------------------------------------------------------ |
+| Node.js | ≥ 20.19（见 `package.json` → `engines`）               |
+| pnpm    | ≥ 8.8，推荐 **pnpm 9**（与 `packageManager` 字段一致） |
+
+未安装 pnpm 时可执行：`corepack enable && corepack prepare pnpm@9.15.3 --activate`（版本可按项目 `packageManager` 调整）。
+
+### 安装依赖并启动
+
+```bash
+cd frontend/web
+pnpm install
+pnpm dev
+```
+
+默认开发端口由 **`.env`** 中的 **`VITE_PORT`** 决定（当前模板为 **5173**）。
+
+### 与后端联调
+
+1. 先启动 **FastAPI Admin 后端**，监听地址与 **`.env.development`** 里 **`VITE_API_BASE_URL`** 一致（模板默认为 **`http://127.0.0.1:8001`**）。
+2. 前端开发时，浏览器请求发往当前页面同源路径，由 **Vite `server.proxy`** 把 **`VITE_APP_BASE_API`**（如 `/api/v1`）转发到上述后端。
+3. 若页面提示「连接被拒绝」，检查后端是否启动、端口是否一致，或把 **`VITE_API_BASE_URL`** 改成你的实际后端地址。
+
+## 架构概览
+
+```
+main.ts 启动
+  └─ initPlugins(app)  ← 插件注册（Pinia → Router → 指令 → i18n → Element Plus）
+      └─ mount("#app")
+          └─ App.vue
+              ├─ onBeforeMount: 主题初始化
+              └─ onMounted: bootstrap() → 存储检查/版本升级/站点配置
+                  └─ 路由守卫 beforeEach
+                      ├─ 存储失效检测
+                      ├─ 登录态校验
+                      ├─ 动态路由注册（菜单 → addRoute）
+                      └─ 标签/标题同步
+```
+
+路由采用 **Hash 模式**，静态路由（Layout/登录/404）首屏注册，业务路由由守卫根据菜单权限延迟 `addRoute`。HTTP 拦截器支持 **Token 静默续期**（401 时自动 refresh，失败后跳转登录）。
+
+## 技术栈
+
+| 类别   | 选型                                                   |
+| ------ | ------------------------------------------------------ |
+| 框架   | Vue 3（Composition API / `<script setup>`）            |
+| 构建   | Vite 7                                                 |
+| 语言   | TypeScript                                             |
+| UI     | Element Plus                                           |
+| 路由   | Vue Router 4（Hash；静态路由 + 守卫内动态 `addRoute`） |
+| 状态   | Pinia + pinia-plugin-persistedstate                    |
+| 样式   | Tailwind CSS 4、SCSS                                   |
+| HTTP   | Axios                                                  |
+| 国际化 | vue-i18n                                               |
+
+## 常用脚本
+
+| 命令                                          | 说明                                                          |
+| --------------------------------------------- | ------------------------------------------------------------- |
+| `pnpm dev`                                    | 本地开发（读取 `.env` + `.env.development`）                  |
+| `pnpm dev:force`                              | 强制预打包依赖后启动（缓存异常时）                            |
+| `pnpm build`                                  | `vue-tsc` 类型检查 + 生产构建，产物在 **`dist/`**             |
+| `pnpm build:dev` / `build:test` / `build:pro` | 按 mode 构建（需对应 env 文件）                               |
+| `pnpm preview`                                | 本地预览构建结果                                              |
+| `pnpm type-check`                             | 仅 TypeScript 检查                                            |
+| `pnpm lint`                                   | ESLint + Prettier + Stylelint                                 |
+| `pnpm clean:dev`                              | 执行 `scripts/clean-dev.ts`（清理演示等，使用前阅读脚本说明） |
+| `pnpm clean:cache`                            | 清理 Vite 等缓存                                              |
+
+## 目录结构（src）
+
+```
+src/
+├── api/              # 按业务模块划分的接口封装
+├── assets/           # 图片、字体、全局样式等
+├── components/       # 通用与业务组件
+├── config/           # 应用配置（fastEnter、headerBar 等）
+├── enums/            # 枚举
+├── hooks/            # 组合式函数
+├── layouts/          # 布局壳（art-* 顶栏、侧栏、Tab、设置抽屉等）
+├── locales/          # i18n（如 langs/zh.json）
+├── plugins/          # Vue 插件注册（入口：plugins/index.ts → initPlugins）
+├── router/           # staticRoutes、动态路由、守卫、MenuProcessor
+├── store/            # Pinia 模块
+├── types/            # TypeScript 类型
+├── utils/            # 工具（含 `@utils`）
+├── views/            # 页面（module_* / dashboard 等）
+├── App.vue
+└── main.ts           # 入口
+```
+
+## 路径别名
+
+| 别名               | 指向         |
+| ------------------ | ------------ |
+| `@`                | `src/`       |
+| `@views`           | `src/views`  |
+| `@stores`          | `src/store`  |
+| `@utils`           | `src/utils`  |
+| `@styles`          | `src/styles` |
+| `@imgs` / `@icons` | 图片与 SVG   |
+
+与 **`vite.config.ts`**、`tsconfig.json` 中 `paths` 保持一致。
+
+## 环境变量
+
+只有以 **`VITE_`** 开头的变量会注入前端代码：
+
+| 变量                   | 作用                                             |
+| ---------------------- | ------------------------------------------------ |
+| `VITE_PORT`            | 开发服务器端口                                   |
+| `VITE_BASE_URL`        | 部署基础路径（子目录部署时形如 `/admin/`）       |
+| `VITE_APP_BASE_API`    | 接口路径前缀，与 Vite 代理匹配                   |
+| `VITE_API_URL`         | 浏览器侧发出的 API 根前缀（开发时常为 `/`）      |
+| `VITE_API_BASE_URL`    | **代理目标**：后端 HTTP 根地址                   |
+| `VITE_ACCESS_MODE`     | `frontend` / `backend` / `mixed`，菜单与路由来源 |
+| `VITE_APP_WS_ENDPOINT` | WebSocket（如 AI 对话）                          |
+| `VITE_APP_TITLE`       | 页面标题（可被后端参数配置覆盖）                 |
+
+完整列表以仓库内 **`.env`**、**`.env.development`** 为准；模板说明见 **`.env.example`**。修改任一 env 后需 **重启** `pnpm dev`。
+
+## 路由与菜单
+
+| 文件                          | 职责                                              |
+| ----------------------------- | ------------------------------------------------- |
+| `src/router/staticRoutes.ts`  | 静态路由、`dashboardLayoutChildren`、壳层菜单合并 |
+| `src/router/dynamicRoutes.ts` | 菜单驱动的动态路由                                |
+| `src/router/beforeEach.ts`    | 权限与动态挂载                                    |
+| `src/router/MenuProcessor.ts` | 后端菜单 → 前端路由记录                           |
+
+新增业务页：一般需要 **视图 +（可选）静态或动态路由 + 后端菜单/i18n**，三者路径与 **name** 保持一致。
+
+## 常见问题
+
+| 现象                      | 建议                                                                                    |
+| ------------------------- | --------------------------------------------------------------------------------------- |
+| `ECONNREFUSED` / 网络错误 | 后端未启动或 **`VITE_API_BASE_URL`** 端口错误                                           |
+| 接口 401 / 频繁跳转登录   | Token 失效或未登录；清除站点本地存储后重新登录                                          |
+| 修改 `.env` 不生效        | 必须 **重启** `pnpm dev`                                                                |
+| 依赖异常、热更新怪异      | 尝试 **`pnpm clean:cache`** 后再 **`pnpm dev`**；仍不行可 **`pnpm dev:force`**          |
+| 类型报错                  | 运行 **`pnpm type-check`**；自动生成类型见 `src/types/import/`（勿手改自动生成的 d.ts） |
+
+## 构建与部署
+
+- 输出目录：**`dist/`**
+- 部署在子路径时配置 **`VITE_BASE_URL`**，并配置网关/Nginx 将前端资源与 `/api` 等转发到后端
+- 生产构建可能移除部分 `console`（见 **`vite.config.ts`** 中 `terserOptions`）
+
+## 代码规范与 Git
+
+- **格式化与校验**：`pnpm lint`
+- **提交**：husky、lint-staged、commitlint；可使用 **`pnpm commit`**（Commitizen / cz-git）
+
+/\*\*
+
+- 浅蓝色系主题 — #1975FC
+-
+- 来源：花瓣网 B端淡蓝色配色参考
+- 主色 #1975FC — 明快透亮、B端专业感
+-
+- 【启用方式】在本文件中取消注释对应主题模式的变量块，
+- 并在 src/styles/index.scss 中 @use "./core/theme-blue";
+- 同时在 src/config/setting.ts 中将 themeColor 改为 "#1975FC"。
+-
+- 【色阶 palette】
+- #f8fcff 最浅底色（页面背景）
+- #f0f5ff 浅蓝悬停态
+- #e5f2ff 选中态 / tag 背景
+- #c5ddff 浅蓝边框 / 分割线点缀
+- #82b8ff 中浅蓝（图标辅助色）
+- #1975FC ★ 主色
+- #115ac8 深蓝（hover 按下态）
+-
+- 【功能色】
+- success: #16a34a
+- warning: #d97706
+- danger: #dc2626
+- error: #fa896b
+- info: #8b92a0
+-
+- ================================================================
+  \*/
+
+// ================================================================
+// 亮色主题 — 浅蓝色系
+// ================================================================
+
+// :root {
+// /_ ---- 侧边栏 ---- _/
+// --sidebar-bg-color: #ffffff;
+// --sidebar-border-color: #edf0f2;
+// --sidebar-text-color: #485260;
+// --sidebar-text-hover-color: #1975fc;
+// --sidebar-text-active-color: #1975fc;
+// --sidebar-bg-hover-color: #f0f5ff;
+// --sidebar-bg-active-color: #e5f2ff;
+// --sidebar-logo-color: #121926;
+// --sidebar-section-title-color: #8b92a0;
+//
+// /_ ---- 页面 ---- _/
+// --main-bg-color: #f4f6f9;
+// --header-bg-color: #ffffff;
+// --header-border-color: #edf0f2;
+//
+// /_ ---- 卡片 ---- _/
+// --card-bg-color: #ffffff;
+// --card-border-color: #edf0f2;
+//
+// /_ ---- 表格 ---- _/
+// --table-header-bg: #f8fafc;
+// --table-header-color: #8b92a0;
+// --table-row-hover-bg: #f8fafc;
+// --table-border-color: #edf0f2;
+//
+// /_ ---- 文字 ---- _/
+// --text-primary: #121926;
+// --text-regular: #334155;
+// --text-secondary: #8b92a0;
+//
+// /_ ---- 标签 ---- _/
+// --tag-bg-color: #e5f2ff;
+// --tag-text-color: #1975fc;
+//
+// /_ ---- 按钮 —— 由 Element Plus 通过 primary 色阶自动生成 ---- _/
+// /_ ---- 进度条 ---- _/
+// --nprogress-color: #1975fc;
+//
+// /_ ---- 边框模式 ---- _/
+// --fa-card-border: #edf0f2;
+// --default-box-color: #ffffff;
+// --default-border: #edf0f2;
+// --custom-radius: 0.75rem;
+// }
+
+// ================================================================
+// 暗色主题 — 浅蓝色系（可选）
+// ================================================================
+
+// html.dark {
+// --sidebar-bg-color: #0c1031;
+// --sidebar-border-color: #1a1e3d;
+// --sidebar-text-color: #a8adcc;
+// --sidebar-text-hover-color: #5c9fff;
+// --sidebar-text-active-color: #1975fc;
+// --sidebar-bg-hover-color: rgba(25, 117, 252, 0.15);
+// --sidebar-bg-active-color: rgba(25, 117, 252, 0.25);
+// --sidebar-logo-color: #ffffff;
+// --sidebar-section-title-color: #6b7094;
+//
+// --main-bg-color: #0f1420;
+// --header-bg-color: #151a2d;
+// --header-border-color: #1a1e3d;
+//
+// --card-bg-color: #151a2d;
+// --card-border-color: #1a1e3d;
+//
+// --table-header-bg: #1a1e3d;
+// --table-header-color: #6b7094;
+// --table-row-hover-bg: #1a1e3d;
+// --table-border-color: #1a1e3d;
+//
+// --text-primary: #e5e7eb;
+// --text-regular: #a8adcc;
+// --text-secondary: #6b7094;
+//
+// --tag-bg-color: rgba(25, 117, 252, 0.2);
+// --tag-text-color: #5c9fff;
+// }
diff --git a/build/banner.ts b/build/banner.ts
new file mode 100644
index 0000000..b6c9615
--- /dev/null
+++ b/build/banner.ts
@@ -0,0 +1,8 @@
+export const BANNER = [
+  `
+▗▄▄▄▖ ▗▄▖  ▗▄▄▖▗▄▄▄▖▗▄▖ ▗▄▄▖▗▄▄▄▖ ▗▄▖ ▗▄▄▄ ▗▖  ▗▖▗▄▄▄▖▗▖  ▗▖
+▐▌   ▐▌ ▐▌▐▌     █ ▐▌ ▐▌▐▌ ▐▌ █  ▐▌ ▐▌▐▌  █▐▛▚▞▜▌  █  ▐▛▚▖▐▌
+▐▛▀▀▘▐▛▀▜▌ ▝▀▚▖  █ ▐▛▀▜▌▐▛▀▘  █  ▐▛▀▜▌▐▌  █▐▌  ▐▌  █  ▐▌ ▝▜▌
+▐▌   ▐▌ ▐▌▗▄▄▞▘  █ ▐▌ ▐▌▐▌  ▗▄█▄▖▐▌ ▐▌▐▙▄▄▀▐▌  ▐▌▗▄█▄▖▐▌  ▐▌
+`,
+].join("\n");
diff --git a/build/vitePluginStart.ts b/build/vitePluginStart.ts
new file mode 100644
index 0000000..72d1790
--- /dev/null
+++ b/build/vitePluginStart.ts
@@ -0,0 +1,47 @@
+import type { PluginOption, ResolvedConfig } from "vite";
+import pc from "picocolors";
+import { BANNER } from "./banner";
+
+const { green, blue, bold, dim, cyan, yellow, magenta } = pc;
+
+const W = 96;
+const ANSI_RE = new RegExp(String.fromCharCode(27) + "\\[\\d+(;\\d+)*m", "g");
+const strip = (s: string) => s.replace(ANSI_RE, "");
+const BANNER_LINES = BANNER.split("\n");
+const row = (content: string) => {
+  const pad = Math.max(0, W - strip(content).length - 1);
+  return `  ${dim("│")} ${content}${" ".repeat(pad)}${dim("│")}`;
+};
+
+function printBanner(env: Record<string, string>, mode: string) {
+  const line = dim("─".repeat(W));
+  console.log(
+    [
+      "",
+      `  ${dim("┌")}${line}${dim("┐")}`,
+      row(""),
+      row(`${bold(cyan("fastapiadmin"))}  ${bold(magenta(`v${env.VITE_VERSION || "3.0.0"}`))}`),
+      row(""),
+      ...BANNER_LINES.map((l) => row(green(l))),
+      row(""),
+      row(`${dim("mode")}     ${yellow(env.VITE_APP_ENV || mode)}`),
+      row(`${dim("api")}      ${blue(env.VITE_API_BASE_URL || "")}`),
+      row(`${dim("port")}     ${cyan(env.VITE_PORT || "")}`),
+      row(""),
+      `  ${dim("└")}${line}${dim("┘")}`,
+      "",
+    ].join("\n")
+  );
+}
+
+export default function vitePluginStart(): PluginOption {
+  return {
+    name: "vite:start-banner",
+    enforce: "pre",
+
+    configResolved(resolvedConfig: ResolvedConfig) {
+      const env = resolvedConfig.env as Record<string, string>;
+      printBanner(env, resolvedConfig.mode);
+    },
+  };
+}
diff --git a/commitlint.config.cjs b/commitlint.config.cjs
new file mode 100644
index 0000000..5f556e2
--- /dev/null
+++ b/commitlint.config.cjs
@@ -0,0 +1,93 @@
+module.exports = {
+  // 继承的规则
+  extends: ["@commitlint/config-conventional"],
+  // 自定义规则
+  rules: {
+    // @see https://commitlint.js.org/#/reference-rules
+
+    // 提交类型枚举，git提交type必须是以下类型
+    "type-enum": [
+      2,
+      "always",
+      [
+        "feat", // 新增功能
+        "fix", // 修复缺陷
+        "docs", // 文档变更
+        "style", // 代码格式（不影响功能，例如空格、分号等格式修正）
+        "refactor", // 代码重构（不包括 bug 修复、功能新增）
+        "perf", // 性能优化
+        "test", // 添加疏漏测试或已有测试改动
+        "build", // 构建流程、外部依赖变更（如升级 npm 包、修改 webpack 配置等）
+        "ci", // 修改 CI 配置、脚本
+        "revert", // 回滚 commit
+        "chore", // 对构建过程或辅助工具和库的更改（不影响源文件、测试用例）
+        "wip", // 对构建过程或辅助工具和库的更改（不影响源文件、测试用例）
+      ],
+    ],
+    "subject-case": [0], // subject大小写不做校验
+  },
+
+  prompt: {
+    messages: {
+      type: "选择你要提交的类型 :",
+      scope: "选择一个提交范围（可选）:",
+      customScope: "请输入自定义的提交范围 :",
+      subject: "填写简短精炼的变更描述 :\n",
+      body: '填写更加详细的变更描述（可选）。使用 "|" 换行 :\n',
+      breaking: '列举非兼容性重大的变更（可选）。使用 "|" 换行 :\n',
+      footerPrefixesSelect: "选择关联issue前缀（可选）:",
+      customFooterPrefix: "输入自定义issue前缀 :",
+      footer: "列举关联issue (可选) 例如: #31, #I3244 :\n",
+      generatingByAI: "正在通过 AI 生成你的提交简短描述...",
+      generatedSelectByAI: "选择一个 AI 生成的简短描述:",
+      confirmCommit: "是否提交或修改commit ?",
+    },
+    // prettier-ignore
+    types: [
+      { value: "feat",     name: "特性:     ✨  新增功能", emoji: ":sparkles:" },
+      { value: "fix",      name: "修复:     🐛  修复缺陷", emoji: ":bug:" },
+      { value: "docs",     name: "文档:     📝  文档变更(更新README文件，或者注释)", emoji: ":memo:" },
+      { value: "style",    name: "格式:     🌈  代码格式（空格、格式化、缺失的分号等）", emoji: ":lipstick:" },
+      { value: "refactor", name: "重构:     🔄  代码重构（不修复错误也不添加特性的代码更改）", emoji: ":recycle:" },
+      { value: "perf",     name: "性能:     🚀  性能优化", emoji: ":zap:" },
+      { value: "test",     name: "测试:     🧪  添加疏漏测试或已有测试改动", emoji: ":white_check_mark:"},
+      { value: "build",    name: "构建:     📦️  构建流程、外部依赖变更（如升级 npm 包、修改 vite 配置等）", emoji: ":package:"},
+      { value: "ci",       name: "集成:     ⚙️   修改 CI 配置、脚本",  emoji: ":ferris_wheel:"},
+      { value: "revert",   name: "回退:     ↩️   回滚 commit",emoji: ":rewind:"},
+      { value: "chore",    name: "其他:     🛠️   对构建过程或辅助工具和库的更改（不影响源文件、测试用例）", emoji: ":hammer:"},
+      { value: "wip",      name: "开发中:   🚧  开发阶段临时提交", emoji: ":construction:"},
+    ],
+    useEmoji: true,
+    emojiAlign: "center",
+    useAI: false,
+    aiNumber: 1,
+    themeColorCode: "",
+    scopes: [],
+    allowCustomScopes: true,
+    allowEmptyScopes: true,
+    customScopesAlign: "bottom",
+    customScopesAlias: "custom",
+    emptyScopesAlias: "empty",
+    upperCaseSubject: false,
+    markBreakingChangeMode: false,
+    allowBreakingChanges: ["feat", "fix"],
+    breaklineNumber: 100,
+    breaklineChar: "|",
+    skipQuestions: [],
+    issuePrefixes: [{ value: "closed", name: "closed:   ISSUES has been processed" }],
+    customIssuePrefixAlign: "top",
+    emptyIssuePrefixAlias: "skip",
+    customIssuePrefixAlias: "custom",
+    allowCustomIssuePrefix: true,
+    allowEmptyIssuePrefix: true,
+    confirmColorize: true,
+    maxHeaderLength: Infinity,
+    maxSubjectLength: Infinity,
+    minSubjectLength: 0,
+    scopeOverrides: undefined,
+    defaultBody: "",
+    defaultIssues: "",
+    defaultScope: "",
+    defaultSubject: "",
+  },
+};
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000..0eb533b
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,87 @@
+// ESLint 配置文件
+import fs from "fs";
+import path, { dirname } from "path";
+import { fileURLToPath } from "url";
+
+// 从 ESLint 插件中导入推荐配置
+import pluginJs from "@eslint/js";
+import pluginVue from "eslint-plugin-vue";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+
+// 使用 import.meta.url 获取当前模块的路径
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+// 读取 .auto-import.json 文件的内容，并将其解析为 JSON 对象
+const autoImportConfig = JSON.parse(
+  fs.readFileSync(path.resolve(__dirname, ".auto-import.json"), "utf-8")
+);
+
+export default [
+  // 忽略文件（flat config 中 ignores 需在最前面）
+  {
+    ignores: [
+      "**/node_modules/**",
+      "**/dist/**",
+      "public/**",
+      ".vscode/**",
+      "src/assets/**",
+      "src/utils/console.ts",
+      ".auto-import.json",
+    ],
+  },
+  // 全局语言环境
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+    },
+  },
+  // 基础推荐配置
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...pluginVue.configs["flat/essential"],
+  // 项目自定义规则
+  {
+    files: ["**/*.{js,mjs,cjs,ts,tsx,vue}"],
+    languageOptions: {
+      globals: {
+        ...autoImportConfig.globals,
+        // TypeScript 全局命名空间（global.d.ts 中声明的类型）
+        Api: "readonly",
+        OptionType: "readonly",
+        ApiResponse: "readonly",
+        UploadFilePath: "readonly",
+        // unplugin-vue-components 自动注册的组件引用
+        FaSearchBar: "readonly",
+        FaSearchBarWithAudit: "readonly",
+        FaForm: "readonly",
+      },
+    },
+    rules: {
+      "no-var": "error",
+      "no-multiple-empty-lines": ["warn", { max: 1 }],
+      "no-unexpected-multiline": "error",
+      "@typescript-eslint/no-explicit-any": "off",
+      "vue/multi-word-component-names": "off",
+      // Prettier 负责格式化，ESLint 只关注代码质量
+    },
+  },
+  // Vue 文件：使用 TypeScript parser
+  {
+    files: ["**/*.vue"],
+    languageOptions: {
+      parserOptions: { parser: tseslint.parser },
+    },
+  },
+  // .d.ts 声明文件：放宽规则
+  {
+    files: ["**/*.d.ts"],
+    rules: {
+      "@typescript-eslint/no-empty-object-type": "off",
+    },
+  },
+];
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2e9163e
--- /dev/null
+++ b/index.html
@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <title>%VITE_APP_TITLE%</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Vue3 + Vite + TypeScript + Element-Plus 的后台管理模板" />
+    <meta
+      name="keywords"
+      content="vue,element-plus,typescript,vue-element-admin,vue3-element-admin"
+    />
+    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+
+    <style>
+      /* 防止 Vue 加载前出现白屏：背景色与主题初始 class 同步 */
+      html {
+        background-color: #fafbfc;
+      }
+
+      html.dark {
+        background-color: #070707;
+      }
+    </style>
+
+    <script>
+      /**
+       * 在 Vue 挂载前同步主题 class。
+       *
+       * Vue 初始化后 useTheme 会接管主题管理，
+       * 但在此之前若用户之前选择了暗色主题，html 缺少 "dark" class 会导致闪烁。
+       * 此处直接从 localStorage 读取主题偏好并提前设置 class。
+       *
+       * key "sys-theme" 须与 StorageConfig.THEME_KEY 保持一致。
+       */
+      (function () {
+        try {
+          if (typeof Storage === "undefined" || !window.localStorage) {
+            return;
+          }
+
+          const themeType = localStorage.getItem("sys-theme");
+          if (themeType === "dark") {
+            document.documentElement.classList.add("dark");
+          }
+        } catch (e) {
+          console.warn("Failed to apply initial theme:", e);
+        }
+      })();
+    </script>
+  </head>
+
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/nginx/default.conf.template b/nginx/default.conf.template
new file mode 100644
index 0000000..87075ab
--- /dev/null
+++ b/nginx/default.conf.template
@@ -0,0 +1,41 @@
+server {
+    listen 80;
+    server_name _;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    client_max_body_size 100m;
+
+    gzip on;
+    gzip_min_length 1k;
+    gzip_comp_level 6;
+    gzip_types text/plain text/css application/json application/javascript application/xml image/svg+xml;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    location /api/v1 {
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_connect_timeout 300s;
+        proxy_send_timeout 300s;
+        proxy_read_timeout 300s;
+        proxy_pass ${BACKEND_UPSTREAM};
+
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+    }
+
+    location /static {
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_pass ${BACKEND_UPSTREAM};
+    }
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..b1a9565
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,12368 @@
+{
+  "name": "art-design-pro",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "art-design-pro",
+      "version": "0.0.0",
+      "dependencies": {
+        "@element-plus/icons-vue": "^2.3.2",
+        "@iconify/vue": "^5.0.0",
+        "@tailwindcss/vite": "^4.1.14",
+        "@vue/reactivity": "^3.5.21",
+        "@vueuse/core": "^13.9.0",
+        "@wangeditor/editor": "^5.1.23",
+        "@wangeditor/editor-for-vue": "next",
+        "axios": "^1.12.2",
+        "crypto-js": "^4.2.0",
+        "echarts": "^6.0.0",
+        "element-plus": "^2.11.2",
+        "file-saver": "^2.0.5",
+        "highlight.js": "^11.10.0",
+        "mitt": "^3.0.1",
+        "nprogress": "^0.2.0",
+        "ohash": "^2.0.11",
+        "pinia": "^3.0.3",
+        "pinia-plugin-persistedstate": "^4.3.0",
+        "qrcode.vue": "^3.6.0",
+        "tailwindcss": "^4.1.14",
+        "vue": "^3.5.21",
+        "vue-draggable-plus": "^0.6.0",
+        "vue-i18n": "^9.14.0",
+        "vue-router": "^4.5.1",
+        "xgplayer": "^3.0.20",
+        "xlsx": "^0.18.5"
+      },
+      "devDependencies": {
+        "@commitlint/cli": "^19.4.1",
+        "@commitlint/config-conventional": "^19.4.1",
+        "@eslint/js": "^9.9.1",
+        "@types/node": "^24.0.5",
+        "@typescript-eslint/eslint-plugin": "^8.3.0",
+        "@typescript-eslint/parser": "^8.3.0",
+        "@vitejs/plugin-vue": "^6.0.1",
+        "@vue/compiler-sfc": "^3.0.5",
+        "commitizen": "^4.3.0",
+        "cz-git": "^1.11.1",
+        "eslint": "^9.9.1",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-prettier": "^5.2.1",
+        "eslint-plugin-vue": "^9.27.0",
+        "globals": "^15.9.0",
+        "husky": "^9.1.5",
+        "lint-staged": "^15.5.2",
+        "prettier": "^3.5.3",
+        "rollup-plugin-visualizer": "^5.12.0",
+        "sass": "^1.81.0",
+        "stylelint": "^16.20.0",
+        "stylelint-config-html": "^1.1.0",
+        "stylelint-config-recess-order": "^4.6.0",
+        "stylelint-config-recommended-scss": "^14.1.0",
+        "stylelint-config-recommended-vue": "^1.5.0",
+        "stylelint-config-standard": "^36.0.1",
+        "terser": "^5.36.0",
+        "tsx": "^4.20.3",
+        "typescript": "~5.6.3",
+        "typescript-eslint": "^8.9.0",
+        "unplugin-auto-import": "^20.2.0",
+        "unplugin-element-plus": "^0.10.0",
+        "unplugin-vue-components": "^29.1.0",
+        "vite": "^7.1.5",
+        "vite-plugin-compression": "^0.5.1",
+        "vite-plugin-vue-devtools": "^7.7.6",
+        "vue-demi": "^0.14.9",
+        "vue-img-cutter": "^3.0.5",
+        "vue-tsc": "~2.1.6"
+      },
+      "engines": {
+        "node": ">=20.19.0",
+        "pnpm": ">=8.8.0"
+      }
+    },
+    "node_modules/@antfu/utils": {
+      "version": "0.7.10",
+      "resolved": "https://registry.npmmirror.com/@antfu/utils/-/utils-0.7.10.tgz",
+      "integrity": "sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.3",
+      "resolved": "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.29.3.tgz",
+      "integrity": "sha512-LIVqM46zQWZhj17qA8wb4nW/ixr2y1Nw+r1etiAWgRM6U1IqP+LNhL1yg440jYZR72jCWcWbLWzIosH+uP1fqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmmirror.com/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.1",
+      "resolved": "https://registry.npmmirror.com/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
+      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.29.3",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.29.3.tgz",
+      "integrity": "sha512-RpLYy2sb51oNLjuu1iD3bwBqCBWUzjO0ocp+iaCP/lJtb2CPLcnC2Fftw+4sAzaMELGeWTgExSKADbdo0GFVzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-member-expression-to-functions": "^7.28.5",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.28.6",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/traverse": "^7.29.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.28.5.tgz",
+      "integrity": "sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+      "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-replace-supers/-/helper-replace-supers-7.28.6.tgz",
+      "integrity": "sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-member-expression-to-functions": "^7.28.5",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+      "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmmirror.com/@babel/helpers/-/helpers-7.29.2.tgz",
+      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.3",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.3.tgz",
+      "integrity": "sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-decorators": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.29.0.tgz",
+      "integrity": "sha512-CVBVv3VY/XRMxRYq5dwr2DS7/MvqPm23cOCjbwNnVrfOqcWlnefua1uUs0sjdKOGjvPUG633o07uWzJq4oI6dA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/plugin-syntax-decorators": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-decorators": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.28.6.tgz",
+      "integrity": "sha512-71EYI0ONURHJBL4rSFXnITXqXrrY8q4P0q006DPfN+Rk+ASM+++IBXem/ruokgBZR8YNEWZ8R6B+rCb8VcUTqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.28.6.tgz",
+      "integrity": "sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.28.6.tgz",
+      "integrity": "sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.28.6.tgz",
+      "integrity": "sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.28.6.tgz",
+      "integrity": "sha512-0YWL2RFxOqEm9Efk5PvreamxPME8OyY0wM5wh5lHjF+VtVhdneCWGzZeSqzOfiobVqQaNCd2z0tQvnI9DaPWPw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-create-class-features-plugin": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-syntax-typescript": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.29.2.tgz",
+      "integrity": "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmmirror.com/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmmirror.com/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@cacheable/memory": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmmirror.com/@cacheable/memory/-/memory-2.0.8.tgz",
+      "integrity": "sha512-FvEb29x5wVwu/Kf93IWwsOOEuhHh6dYCJF3vcKLzXc0KXIW181AOzv6ceT4ZpBHDvAfG60eqb+ekmrnLHIy+jw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cacheable/utils": "^2.4.0",
+        "@keyv/bigmap": "^1.3.1",
+        "hookified": "^1.15.1",
+        "keyv": "^5.6.0"
+      }
+    },
+    "node_modules/@cacheable/memory/node_modules/@keyv/bigmap": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/@keyv/bigmap/-/bigmap-1.3.1.tgz",
+      "integrity": "sha512-WbzE9sdmQtKy8vrNPa9BRnwZh5UF4s1KTmSK0KUVLo3eff5BlQNNWDnFOouNpKfPKDnms9xynJjsMYjMaT/aFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hashery": "^1.4.0",
+        "hookified": "^1.15.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "keyv": "^5.6.0"
+      }
+    },
+    "node_modules/@cacheable/memory/node_modules/keyv": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmmirror.com/keyv/-/keyv-5.6.0.tgz",
+      "integrity": "sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@keyv/serialize": "^1.1.1"
+      }
+    },
+    "node_modules/@cacheable/utils": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmmirror.com/@cacheable/utils/-/utils-2.4.1.tgz",
+      "integrity": "sha512-eiFgzCbIneyMlLOmNG4g9xzF7Hv3Mga4LjxjcSC/ues6VYq2+gUbQI8JqNuw/ZM8tJIeIaBGpswAsqV2V7ApgA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hashery": "^1.5.1",
+        "keyv": "^5.6.0"
+      }
+    },
+    "node_modules/@cacheable/utils/node_modules/keyv": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmmirror.com/keyv/-/keyv-5.6.0.tgz",
+      "integrity": "sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@keyv/serialize": "^1.1.1"
+      }
+    },
+    "node_modules/@commitlint/cli": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/cli/-/cli-19.8.1.tgz",
+      "integrity": "sha512-LXUdNIkspyxrlV6VDHWBmCZRtkEVRpBKxi2Gtw3J54cGWhLCTouVD/Q6ZSaSvd2YaDObWK8mDjrz3TIKtaQMAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@commitlint/format": "^19.8.1",
+        "@commitlint/lint": "^19.8.1",
+        "@commitlint/load": "^19.8.1",
+        "@commitlint/read": "^19.8.1",
+        "@commitlint/types": "^19.8.1",
+        "tinyexec": "^1.0.0",
+        "yargs": "^17.0.0"
+      },
+      "bin": {
+        "commitlint": "cli.js"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/config-conventional": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/config-conventional/-/config-conventional-19.8.1.tgz",
+      "integrity": "sha512-/AZHJL6F6B/G959CsMAzrPKKZjeEiAVifRyEwXxcT6qtqbPwGw+iQxmNS+Bu+i09OCtdNRW6pNpBvgPrtMr9EQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@commitlint/types": "^19.8.1",
+        "conventional-changelog-conventionalcommits": "^7.0.2"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/config-validator": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/config-validator/-/config-validator-19.8.1.tgz",
+      "integrity": "sha512-0jvJ4u+eqGPBIzzSdqKNX1rvdbSU1lPNYlfQQRIFnBgLy26BtC0cFnr7c/AyuzExMxWsMOte6MkTi9I3SQ3iGQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@commitlint/types": "^19.8.1",
+        "ajv": "^8.11.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/ensure": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/ensure/-/ensure-19.8.1.tgz",
+      "integrity": "sha512-mXDnlJdvDzSObafjYrOSvZBwkD01cqB4gbnnFuVyNpGUM5ijwU/r/6uqUmBXAAOKRfyEjpkGVZxaDsCVnHAgyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@commitlint/types": "^19.8.1",
+        "lodash.camelcase": "^4.3.0",
+        "lodash.kebabcase": "^4.1.1",
+        "lodash.snakecase": "^4.1.1",
+        "lodash.startcase": "^4.4.0",
+        "lodash.upperfirst": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/execute-rule": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/execute-rule/-/execute-rule-19.8.1.tgz",
+      "integrity": "sha512-YfJyIqIKWI64Mgvn/sE7FXvVMQER/Cd+s3hZke6cI1xgNT/f6ZAz5heND0QtffH+KbcqAwXDEE1/5niYayYaQA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/format": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/format/-/format-19.8.1.tgz",
+      "integrity": "sha512-kSJj34Rp10ItP+Eh9oCItiuN/HwGQMXBnIRk69jdOwEW9llW9FlyqcWYbHPSGofmjsqeoxa38UaEA5tsbm2JWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@commitlint/types": "^19.8.1",
+        "chalk": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/is-ignored": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/is-ignored/-/is-ignored-19.8.1.tgz",
+      "integrity": "sha512-AceOhEhekBUQ5dzrVhDDsbMaY5LqtN8s1mqSnT2Kz1ERvVZkNihrs3Sfk1Je/rxRNbXYFzKZSHaPsEJJDJV8dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@commitlint/types": "^19.8.1",
+        "semver": "^7.6.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/lint": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/lint/-/lint-19.8.1.tgz",
+      "integrity": "sha512-52PFbsl+1EvMuokZXLRlOsdcLHf10isTPlWwoY1FQIidTsTvjKXVXYb7AvtpWkDzRO2ZsqIgPK7bI98x8LRUEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@commitlint/is-ignored": "^19.8.1",
+        "@commitlint/parse": "^19.8.1",
+        "@commitlint/rules": "^19.8.1",
+        "@commitlint/types": "^19.8.1"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/load": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/load/-/load-19.8.1.tgz",
+      "integrity": "sha512-9V99EKG3u7z+FEoe4ikgq7YGRCSukAcvmKQuTtUyiYPnOd9a2/H9Ak1J9nJA1HChRQp9OA/sIKPugGS+FK/k1A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@commitlint/config-validator": "^19.8.1",
+        "@commitlint/execute-rule": "^19.8.1",
+        "@commitlint/resolve-extends": "^19.8.1",
+        "@commitlint/types": "^19.8.1",
+        "chalk": "^5.3.0",
+        "cosmiconfig": "^9.0.0",
+        "cosmiconfig-typescript-loader": "^6.1.0",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.merge": "^4.6.2",
+        "lodash.uniq": "^4.5.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/message": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/message/-/message-19.8.1.tgz",
+      "integrity": "sha512-+PMLQvjRXiU+Ae0Wc+p99EoGEutzSXFVwQfa3jRNUZLNW5odZAyseb92OSBTKCu+9gGZiJASt76Cj3dLTtcTdg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/parse": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/parse/-/parse-19.8.1.tgz",
+      "integrity": "sha512-mmAHYcMBmAgJDKWdkjIGq50X4yB0pSGpxyOODwYmoexxxiUCy5JJT99t1+PEMK7KtsCtzuWYIAXYAiKR+k+/Jw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@commitlint/types": "^19.8.1",
+        "conventional-changelog-angular": "^7.0.0",
+        "conventional-commits-parser": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/read": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/read/-/read-19.8.1.tgz",
+      "integrity": "sha512-03Jbjb1MqluaVXKHKRuGhcKWtSgh3Jizqy2lJCRbRrnWpcM06MYm8th59Xcns8EqBYvo0Xqb+2DoZFlga97uXQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@commitlint/top-level": "^19.8.1",
+        "@commitlint/types": "^19.8.1",
+        "git-raw-commits": "^4.0.0",
+        "minimist": "^1.2.8",
+        "tinyexec": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/resolve-extends": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/resolve-extends/-/resolve-extends-19.8.1.tgz",
+      "integrity": "sha512-GM0mAhFk49I+T/5UCYns5ayGStkTt4XFFrjjf0L4S26xoMTSkdCf9ZRO8en1kuopC4isDFuEm7ZOm/WRVeElVg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@commitlint/config-validator": "^19.8.1",
+        "@commitlint/types": "^19.8.1",
+        "global-directory": "^4.0.1",
+        "import-meta-resolve": "^4.0.0",
+        "lodash.mergewith": "^4.6.2",
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/rules": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/rules/-/rules-19.8.1.tgz",
+      "integrity": "sha512-Hnlhd9DyvGiGwjfjfToMi1dsnw1EXKGJNLTcsuGORHz6SS9swRgkBsou33MQ2n51/boIDrbsg4tIBbRpEWK2kw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@commitlint/ensure": "^19.8.1",
+        "@commitlint/message": "^19.8.1",
+        "@commitlint/to-lines": "^19.8.1",
+        "@commitlint/types": "^19.8.1"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/to-lines": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/to-lines/-/to-lines-19.8.1.tgz",
+      "integrity": "sha512-98Mm5inzbWTKuZQr2aW4SReY6WUukdWXuZhrqf1QdKPZBCCsXuG87c+iP0bwtD6DBnmVVQjgp4whoHRVixyPBg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/top-level": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/top-level/-/top-level-19.8.1.tgz",
+      "integrity": "sha512-Ph8IN1IOHPSDhURCSXBz44+CIu+60duFwRsg6HqaISFHQHbmBtxVw4ZrFNIYUzEP7WwrNPxa2/5qJ//NK1FGcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/types": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmmirror.com/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmmirror.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz",
+      "integrity": "sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-syntax-patches-for-csstree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmmirror.com/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.3.tgz",
+      "integrity": "sha512-SH60bMfrRCJF3morcdk57WklujF4Jr/EsQUzqkarfHXEFcAR1gg7fS/chAE922Sehgzc1/+Tz5H3Ypa1HiEKrg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "peerDependencies": {
+        "css-tree": "^3.2.1"
+      },
+      "peerDependenciesMeta": {
+        "css-tree": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmmirror.com/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz",
+      "integrity": "sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@csstools/media-query-list-parser": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/@csstools/media-query-list-parser/-/media-query-list-parser-4.0.3.tgz",
+      "integrity": "sha512-HAYH7d3TLRHDOUQK4mZKf9k9Ph/m8Akstg66ywKR4SFAigjs3yBiUeZtFxywiTm5moZMAp/5W/ZuFnNXXYLuuQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-4.2.0.tgz",
+      "integrity": "sha512-kzyuwOAQnXJNLS9PSyrk0CWk35nWJW/zl/6KvnTBMFK65gm7U1/Z5BqjxeapjZCIhQcM/DsrEmcbRwDyXyXK4A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@dual-bundle/import-meta-resolve": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmmirror.com/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.2.1.tgz",
+      "integrity": "sha512-id+7YRUgoUX6CgV0DtuhirQWodeeA7Lf4i2x71JS/vtA5pRb/hIGWlw+G6MeXvsM+MXrz0VAydTGElX1rAfgPg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/JounQin"
+      }
+    },
+    "node_modules/@element-plus/icons-vue": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.2.tgz",
+      "integrity": "sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz",
+      "integrity": "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.27.7.tgz",
+      "integrity": "sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.27.7.tgz",
+      "integrity": "sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.27.7.tgz",
+      "integrity": "sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.27.7.tgz",
+      "integrity": "sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.27.7.tgz",
+      "integrity": "sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.27.7.tgz",
+      "integrity": "sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.27.7.tgz",
+      "integrity": "sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.27.7.tgz",
+      "integrity": "sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.27.7.tgz",
+      "integrity": "sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.27.7.tgz",
+      "integrity": "sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.27.7.tgz",
+      "integrity": "sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.27.7.tgz",
+      "integrity": "sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.27.7.tgz",
+      "integrity": "sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.27.7.tgz",
+      "integrity": "sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.27.7.tgz",
+      "integrity": "sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.27.7.tgz",
+      "integrity": "sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.27.7.tgz",
+      "integrity": "sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.7.tgz",
+      "integrity": "sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.27.7.tgz",
+      "integrity": "sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.27.7.tgz",
+      "integrity": "sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.27.7.tgz",
+      "integrity": "sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.27.7.tgz",
+      "integrity": "sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmmirror.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmmirror.com/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.2",
+      "resolved": "https://registry.npmmirror.com/@eslint/config-array/-/config-array-0.21.2.tgz",
+      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.5"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-array/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@eslint/config-array/node_modules/brace-expansion": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/config-array/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmmirror.com/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmmirror.com/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmmirror.com/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
+      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.14.0",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.1",
+        "minimatch": "^3.1.5",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/ajv": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmmirror.com/ajv/-/ajv-6.15.0.tgz",
+      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmmirror.com/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.39.4",
+      "resolved": "https://registry.npmmirror.com/@eslint/js/-/js-9.39.4.tgz",
+      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmmirror.com/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.5",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/core/-/core-1.7.5.tgz",
+      "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.11"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.6",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.7.6.tgz",
+      "integrity": "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.5",
+        "@floating-ui/utils": "^0.2.11"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/utils/-/utils-0.2.11.tgz",
+      "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==",
+      "license": "MIT"
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmmirror.com/@humanfs/core/-/core-0.19.2.tgz",
+      "integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/types": "^0.15.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.8",
+      "resolved": "https://registry.npmmirror.com/@humanfs/node/-/node-0.16.8.tgz",
+      "integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.2",
+        "@humanfs/types": "^0.15.0",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/types": {
+      "version": "0.15.0",
+      "resolved": "https://registry.npmmirror.com/@humanfs/types/-/types-0.15.0.tgz",
+      "integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmmirror.com/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
+      "license": "MIT"
+    },
+    "node_modules/@iconify/vue": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/@iconify/vue/-/vue-5.0.0.tgz",
+      "integrity": "sha512-C+KuEWIF5nSBrobFJhT//JS87OZ++QDORB6f2q2Wm6fl2mueSTpFBeBsveK0KW9hWiZ4mNiPjsh6Zs4jjdROSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@iconify/types": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/cyberalien"
+      },
+      "peerDependencies": {
+        "vue": ">=3"
+      }
+    },
+    "node_modules/@intlify/core-base": {
+      "version": "9.14.4",
+      "resolved": "https://registry.npmmirror.com/@intlify/core-base/-/core-base-9.14.4.tgz",
+      "integrity": "sha512-vtZCt7NqWhKEtHa3SD/322DlgP5uR9MqWxnE0y8Q0tjDs9H5Lxhss+b5wv8rmuXRoHKLESNgw9d+EN9ybBbj9g==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/message-compiler": "9.14.4",
+        "@intlify/shared": "9.14.4"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/message-compiler": {
+      "version": "9.14.4",
+      "resolved": "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-9.14.4.tgz",
+      "integrity": "sha512-vcyCLiVRN628U38c3PbahrhbbXrckrM9zpy0KZVlDk2Z0OnGwv8uQNNXP3twwGtfLsCf4gu3ci6FMIZnPaqZsw==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/shared": "9.14.4",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/shared": {
+      "version": "9.14.4",
+      "resolved": "https://registry.npmmirror.com/@intlify/shared/-/shared-9.14.4.tgz",
+      "integrity": "sha512-P9zv6i1WvMc9qDBWvIgKkymjY2ptIiQ065PjDv7z7fDqH3J/HBRBN5IoiR46r/ujRcU7hCuSIZWvCAFCyuOYZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/source-map/-/source-map-0.3.11.tgz",
+      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@keyv/serialize": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/@keyv/serialize/-/serialize-1.1.1.tgz",
+      "integrity": "sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmmirror.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmmirror.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher/-/watcher-2.5.6.tgz",
+      "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.3",
+        "is-glob": "^4.0.3",
+        "node-addon-api": "^7.0.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.6",
+        "@parcel/watcher-darwin-arm64": "2.5.6",
+        "@parcel/watcher-darwin-x64": "2.5.6",
+        "@parcel/watcher-freebsd-x64": "2.5.6",
+        "@parcel/watcher-linux-arm-glibc": "2.5.6",
+        "@parcel/watcher-linux-arm-musl": "2.5.6",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.6",
+        "@parcel/watcher-linux-arm64-musl": "2.5.6",
+        "@parcel/watcher-linux-x64-glibc": "2.5.6",
+        "@parcel/watcher-linux-x64-musl": "2.5.6",
+        "@parcel/watcher-win32-arm64": "2.5.6",
+        "@parcel/watcher-win32-ia32": "2.5.6",
+        "@parcel/watcher-win32-x64": "2.5.6"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz",
+      "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz",
+      "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz",
+      "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz",
+      "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz",
+      "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz",
+      "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz",
+      "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz",
+      "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz",
+      "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz",
+      "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz",
+      "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz",
+      "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz",
+      "integrity": "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/@pkgr/core": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmmirror.com/@pkgr/core/-/core-0.2.9.tgz",
+      "integrity": "sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/pkgr"
+      }
+    },
+    "node_modules/@polka/url": {
+      "version": "1.0.0-next.29",
+      "resolved": "https://registry.npmmirror.com/@polka/url/-/url-1.0.0-next.29.tgz",
+      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@popperjs/core": {
+      "name": "@sxzz/popperjs-es",
+      "version": "2.11.8",
+      "resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.8.tgz",
+      "integrity": "sha512-wOwESXvvED3S8xBmcPWHs2dUuzrE4XiZeFu7e1hROIJkm02a49N120pmOXxY33sBb6hArItm5W5tcg1cBtV+HQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.13",
+      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.13.tgz",
+      "integrity": "sha512-3ngTAv6F/Py35BsYbeeLeecvhMKdsKm4AoOETVhAA+Qc8nrA2I0kF7oa93mE9qnIurngOSpMnQ0x2nQY2FPviA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.3.0.tgz",
+      "integrity": "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/pluginutils/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.2.tgz",
+      "integrity": "sha512-dnlp69efPPg6Uaw2dVqzWRfAWRnYVb1XJ8CyyhIbZeaq4CA5/mLeZ1IEt9QqQxmbdvagjLIm2ZL8BxXv5lH4Yw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.2.tgz",
+      "integrity": "sha512-OqZTwDRDchGRHHm/hwLOL7uVPB9aUvI0am/eQuWMNyFHf5PSEQmyEeYYheA0EPPKUO/l0uigCp+iaTjoLjVoHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.2.tgz",
+      "integrity": "sha512-UwRE7CGpvSVEQS8gUMBe1uADWjNnVgP3Iusyda1nSRwNDCsRjnGc7w6El6WLQsXmZTbLZx9cecegumcitNfpmA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.2.tgz",
+      "integrity": "sha512-gjEtURKLCC5VXm1I+2i1u9OhxFsKAQJKTVB8WvDAHF+oZlq0GTVFOlTlO1q3AlCTE/DF32c16ESvfgqR7343/g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.2.tgz",
+      "integrity": "sha512-Bcl6CYDeAgE70cqZaMojOi/eK63h5Me97ZqAQoh77VPjMysA/4ORQBRGo3rRy45x4MzVlU9uZxs8Uwy7ZaKnBw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.2.tgz",
+      "integrity": "sha512-LU+TPda3mAE2QB0/Hp5VyeKJivpC6+tlOXd1VMoXV/YFMvk/MNk5iXeBfB4MQGRWyOYVJ01625vjkr0Az98OJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.2.tgz",
+      "integrity": "sha512-2QxQrM+KQ7DAW4o22j+XZ6RKdxjLD7BOWTP0Bv0tmjdyhXSsr2Ul1oJDQqh9Zf5qOwTuTc7Ek83mOFaKnodPjg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.2.tgz",
+      "integrity": "sha512-TbziEu2DVsTEOPif2mKWkMeDMLoYjx95oESa9fkQQK7r/Orta0gnkcDpzwufEcAO2BLBsD7mZkXGFqEdMRRwfw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.2.tgz",
+      "integrity": "sha512-bO/rVDiDUuM2YfuCUwZ1t1cP+/yqjqz+Xf2VtkdppefuOFS2OSeAfgafaHNkFn0t02hEyXngZkxtGqXcXwO8Rg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.2.tgz",
+      "integrity": "sha512-hr26p7e93Rl0Za+JwW7EAnwAvKkehh12BU1Llm9Ykiibg4uIr2rbpxG9WCf56GuvidlTG9KiiQT/TXT1yAWxTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.2.tgz",
+      "integrity": "sha512-pOjB/uSIyDt+ow3k/RcLvUAOGpysT2phDn7TTUB3n75SlIgZzM6NKAqlErPhoFU+npgY3/n+2HYIQVbF70P9/A==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.2.tgz",
+      "integrity": "sha512-2/w+q8jszv9Ww1c+6uJT3OwqhdmGP2/4T17cu8WuwyUuuaCDDJ2ojdyYwZzCxx0GcsZBhzi3HmH+J5pZNXnd+Q==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.2.tgz",
+      "integrity": "sha512-11+aL5vKheYgczxtPVVRhdptAM2H7fcDR5Gw4/bTcteuZBlH4oP9f5s9zYO9aGZvoGeBpqXI/9TZZihZ609wKw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.2.tgz",
+      "integrity": "sha512-i16fokAGK46IVZuV8LIIwMdtqhin9hfYkCh8pf8iC3QU3LpwL+1FSFGej+O7l3E/AoknL6Dclh2oTdnRMpTzFQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.2.tgz",
+      "integrity": "sha512-49FkKS6RGQoriDSK/6E2GkAsAuU5kETFCh7pG4yD/ylj9rKhTmO3elsnmBvRD4PgJPds5W2PkhC82aVwmUcJ7A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.2.tgz",
+      "integrity": "sha512-mjYNkHPfGpUR00DuM1ZZIgs64Hpf4bWcz9Z41+4Q+pgDx73UwWdAYyf6EG/lRFldmdHHzgrYyge5akFUW0D3mQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.2.tgz",
+      "integrity": "sha512-ALyvJz965BQk8E9Al/JDKKDLH2kfKFLTGMlgkAbbYtZuJt9LU8DW3ZoDMCtQpXAltZxwBHevXz5u+gf0yA0YoA==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.2.tgz",
+      "integrity": "sha512-UQjrkIdWrKI626Du8lCQ6MJp/6V1LAo2bOK9OTu4mSn8GGXIkPXk/Vsp4bLHCd9Z9Iz2OTEaokUE90VweJgIYQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.2.tgz",
+      "integrity": "sha512-bTsRGj6VlSdn/XD4CGyzMnzaBs9bsRxy79eTqTCBsA8TMIEky7qg48aPkvJvFe1HyzQ5oMZdg7AnVlWQSKLTnw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.2.tgz",
+      "integrity": "sha512-6d4Z3534xitaA1FcMWP7mQPq5zGwBmGbhphh2DwaA1aNIXUu3KTOfwrWpbwI4/Gr0uANo7NTtaykFyO2hPuFLg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.2.tgz",
+      "integrity": "sha512-NetAg5iO2uN7eB8zE5qrZ3CSil+7IJt4WDFLcC75Ymywq1VZVD6qJ6EvNLjZ3rEm6gB7XW5JdT60c6MN35Z85Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.2.tgz",
+      "integrity": "sha512-NCYhOotpgWZ5kdxCZsv6Iudx0wX8980Q/oW4pNFNihpBKsDbEA1zpkfxJGC0yugsUuyDZ7gL37dbzwhR0VI7pQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.2.tgz",
+      "integrity": "sha512-RXsaOqXxfoUBQoOgvmmijVxJnW2IGB0eoMO7F8FAjaj0UTywUO/luSqimWBJn04WNgUkeNhh7fs7pESXajWmkg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.2.tgz",
+      "integrity": "sha512-qdAzEULD+/hzObedtmV6iBpdL5TIbKVztGiK7O3/KYSf+HIzU257+MX1EXJcyIiDbMAqmbwaufcYPvyRryeZtA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.2.tgz",
+      "integrity": "sha512-Nd/SgG27WoA9e+/TdK74KnHz852TLa94ovOYySo/yMPuTmpckK/jIF2jSwS3g7ELSKXK13/cVdmg1Z/DaCWKxA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@sec-ant/readable-stream": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/@sec-ant/readable-stream/-/readable-stream-0.4.1.tgz",
+      "integrity": "sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@sindresorhus/merge-streams": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/@sindresorhus/merge-streams/-/merge-streams-4.0.0.tgz",
+      "integrity": "sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/node/-/node-4.2.4.tgz",
+      "integrity": "sha512-Ai7+yQPxz3ddrDQzFfBKdHEVBg0w3Zl83jnjuwxnZOsnH9pGn93QHQtpU0p/8rYWxvbFZHneni6p1BSLK4DkGA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "enhanced-resolve": "^5.19.0",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.32.0",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.2.4"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide/-/oxide-4.2.4.tgz",
+      "integrity": "sha512-9El/iI069DKDSXwTvB9J4BwdO5JhRrOweGaK25taBAvBXyXqJAX+Jqdvs8r8gKpsI/1m0LeJLyQYTf/WLrBT1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.2.4",
+        "@tailwindcss/oxide-darwin-arm64": "4.2.4",
+        "@tailwindcss/oxide-darwin-x64": "4.2.4",
+        "@tailwindcss/oxide-freebsd-x64": "4.2.4",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.4",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.2.4",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.2.4",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.2.4",
+        "@tailwindcss/oxide-linux-x64-musl": "4.2.4",
+        "@tailwindcss/oxide-wasm32-wasi": "4.2.4",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.2.4",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.2.4"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.4.tgz",
+      "integrity": "sha512-e7MOr1SAn9U8KlZzPi1ZXGZHeC5anY36qjNwmZv9pOJ8E4Q6jmD1vyEHkQFmNOIN7twGPEMXRHmitN4zCMN03g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.4.tgz",
+      "integrity": "sha512-tSC/Kbqpz/5/o/C2sG7QvOxAKqyd10bq+ypZNf+9Fi2TvbVbv1zNpcEptcsU7DPROaSbVgUXmrzKhurFvo5eDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.4.tgz",
+      "integrity": "sha512-yPyUXn3yO/ufR6+Kzv0t4fCg2qNr90jxXc5QqBpjlPNd0NqyDXcmQb/6weunH/MEDXW5dhyEi+agTDiqa3WsGg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.4.tgz",
+      "integrity": "sha512-BoMIB4vMQtZsXdGLVc2z+P9DbETkiopogfWZKbWwM8b/1Vinbs4YcUwo+kM/KeLkX3Ygrf4/PsRndKaYhS8Eiw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.4.tgz",
+      "integrity": "sha512-7pIHBLTHYRAlS7V22JNuTh33yLH4VElwKtB3bwchK/UaKUPpQ0lPQiOWcbm4V3WP2I6fNIJ23vABIvoy2izdwA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.4.tgz",
+      "integrity": "sha512-+E4wxJ0ZGOzSH325reXTWB48l42i93kQqMvDyz5gqfRzRZ7faNhnmvlV4EPGJU3QJM/3Ab5jhJ5pCRUsKn6OQw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.4.tgz",
+      "integrity": "sha512-bBADEGAbo4ASnppIziaQJelekCxdMaxisrk+fB7Thit72IBnALp9K6ffA2G4ruj90G9XRS2VQ6q2bCKbfFV82g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.4.tgz",
+      "integrity": "sha512-7Mx25E4WTfnht0TVRTyC00j3i0M+EeFe7wguMDTlX4mRxafznw0CA8WJkFjWYH5BlgELd1kSjuU2JiPnNZbJDA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.4.tgz",
+      "integrity": "sha512-2wwJRF7nyhOR0hhHoChc04xngV3iS+akccHTGtz965FwF0up4b2lOdo6kI1EbDaEXKgvcrFBYcYQQ/rrnWFVfA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.4.tgz",
+      "integrity": "sha512-FQsqApeor8Fo6gUEklzmaa9994orJZZDBAlQpK2Mq+DslRKFJeD6AjHpBQ0kZFQohVr8o85PPh8eOy86VlSCmw==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.8.1",
+        "@emnapi/runtime": "^1.8.1",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.1.1",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.4.tgz",
+      "integrity": "sha512-L9BXqxC4ToVgwMFqj3pmZRqyHEztulpUJzCxUtLjobMCzTPsGt1Fa9enKbOpY2iIyVtaHNeNvAK8ERP/64sqGQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.4.tgz",
+      "integrity": "sha512-ESlKG0EpVJQwRjXDDa9rLvhEAh0mhP1sF7sap9dNZT0yyl9SAG6T7gdP09EH0vIv0UNTlo6jPWyujD6559fZvw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/vite": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/vite/-/vite-4.2.4.tgz",
+      "integrity": "sha512-pCvohwOCspk3ZFn6eJzrrX3g4n2JY73H6MmYC87XfGPyTty4YsCjYTMArRZm/zOI8dIt3+EcrLHAFPe5A4bgtw==",
+      "license": "MIT",
+      "dependencies": {
+        "@tailwindcss/node": "4.2.4",
+        "@tailwindcss/oxide": "4.2.4",
+        "tailwindcss": "4.2.4"
+      },
+      "peerDependencies": {
+        "vite": "^5.2.0 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/@transloadit/prettier-bytes": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmmirror.com/@transloadit/prettier-bytes/-/prettier-bytes-0.0.7.tgz",
+      "integrity": "sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/conventional-commits-parser": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmmirror.com/@types/conventional-commits-parser/-/conventional-commits-parser-5.0.2.tgz",
+      "integrity": "sha512-BgT2szDXnVypgpNxOK8aL5SGjUdaQbC++WZNjF1Qge3Og2+zhHj+RWhmehLhYyvQwqAmvezruVfOf8+3m74W+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "license": "MIT"
+    },
+    "node_modules/@types/event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmmirror.com/@types/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha512-zx2/Gg0Eg7gwEiOIIh5w9TrhKKTeQh7CPCOPNc0el4pLSwzebA8SmnHwZs2dWlLONvyulykSwGSQxQHLhjGLvQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmmirror.com/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.17.24",
+      "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.17.24.tgz",
+      "integrity": "sha512-gIW7lQLZbue7lRSWEFql49QJJWThrTFFeIMJdp3eH4tKoxm1OvEPg02rm4wCCSHS0cL3/Fizimb35b7k8atwsQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.12",
+      "resolved": "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.12.tgz",
+      "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "24.12.2",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-24.12.2.tgz",
+      "integrity": "sha512-A1sre26ke7HDIuY/M23nd9gfB+nrmhtYyMINbjI1zHJxYteKR6qSMX56FsmjMcDb3SMcjJg5BiRRgOCC/yBD0g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/@types/sortablejs": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmmirror.com/@types/sortablejs/-/sortablejs-1.15.9.tgz",
+      "integrity": "sha512-7HP+rZGE2p886PKV9c9OJzLBI6BBJu1O7lJGYnPyG3fS4/duUCcngkNCjsLwIMV+WMqANe3tt4irrXHSIe68OQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.21",
+      "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.59.1",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.59.1.tgz",
+      "integrity": "sha512-BOziFIfE+6osHO9FoJG4zjoHUcvI7fTNBSpdAwrNH0/TLvzjsk2oo8XSSOT2HhqUyhZPfHv4UOffoJ9oEEQ7Ag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.59.1",
+        "@typescript-eslint/type-utils": "8.59.1",
+        "@typescript-eslint/utils": "8.59.1",
+        "@typescript-eslint/visitor-keys": "8.59.1",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.59.1",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.59.1",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/parser/-/parser-8.59.1.tgz",
+      "integrity": "sha512-HDQH9O/47Dxi1ceDhBXdaldtf/WV9yRYMjbjCuNk3qnaTD564qwv61Y7+gTxwxRKzSrgO5uhtw584igXVuuZkA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.59.1",
+        "@typescript-eslint/types": "8.59.1",
+        "@typescript-eslint/typescript-estree": "8.59.1",
+        "@typescript-eslint/visitor-keys": "8.59.1",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.59.1",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/project-service/-/project-service-8.59.1.tgz",
+      "integrity": "sha512-+MuHQlHiEr00Of/IQbE/MmEoi44znZHbR/Pz7Opq4HryUOlRi+/44dro9Ycy8Fyo+/024IWtw8m4JUMCGTYxDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.59.1",
+        "@typescript-eslint/types": "^8.59.1",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.59.1",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/scope-manager/-/scope-manager-8.59.1.tgz",
+      "integrity": "sha512-LwuHQI4pDOYVKvmH2dkaJo6YZCSgouVgnS/z7yBPKBMvgtBvyLqiLy9Z6b7+m/TRcX1NFYUqZetI5Y+aT4GEfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.59.1",
+        "@typescript-eslint/visitor-keys": "8.59.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.59.1",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.59.1.tgz",
+      "integrity": "sha512-/0nEyPbX7gRsk0Uwfe4ALwwgxuA66d/l2mhRDNlAvaj4U3juhUtJNq0DsY8M2AYwwb9rEq2hrC3IcIcEt++iJA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.59.1",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/type-utils/-/type-utils-8.59.1.tgz",
+      "integrity": "sha512-klWPBR2ciQHS3f++ug/mVnWKPjBUo7icEL3FAO1lhAR1Z1i5NQYZ1EannMSRYcq5qCv5wNALlXr6fksRHyYl7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.59.1",
+        "@typescript-eslint/typescript-estree": "8.59.1",
+        "@typescript-eslint/utils": "8.59.1",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.59.1",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/types/-/types-8.59.1.tgz",
+      "integrity": "sha512-ZDCjgccSdYPw5Bxh+my4Z0lJU96ZDN7jbBzvmEn0FZx3RtU1C7VWl6NbDx94bwY3V5YsgwRzJPOgeY2Q/nLG8A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.59.1",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.59.1.tgz",
+      "integrity": "sha512-OUd+vJS05sSkOip+BkZ/2NS8RMxrAAJemsC6vU3kmfLyeaJT0TftHkV9mcx2107MmsBVXXexhVu4F0TZXyMl4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.59.1",
+        "@typescript-eslint/tsconfig-utils": "8.59.1",
+        "@typescript-eslint/types": "8.59.1",
+        "@typescript-eslint/visitor-keys": "8.59.1",
+        "debug": "^4.4.3",
+        "minimatch": "^10.2.2",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.59.1",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/utils/-/utils-8.59.1.tgz",
+      "integrity": "sha512-3pIeoXhCeYH9FSCBI8P3iNwJlGuzPlYKkTlen2O9T1DSeeg8UG8jstq6BLk+Mda0qup7mgk4z4XL4OzRaxZ8LA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.59.1",
+        "@typescript-eslint/types": "8.59.1",
+        "@typescript-eslint/typescript-estree": "8.59.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.59.1",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.59.1.tgz",
+      "integrity": "sha512-LdDNl6C5iJExcM0Yh0PwAIBb9PrSiCsWamF/JyEZawm3kFDnRoaq3LGE4bpyRao/fWeGKKyw7icx0YxrLFC5Cg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.59.1",
+        "eslint-visitor-keys": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@uppy/companion-client": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmmirror.com/@uppy/companion-client/-/companion-client-2.2.2.tgz",
+      "integrity": "sha512-5mTp2iq97/mYSisMaBtFRry6PTgZA6SIL7LePteOV5x0/DxKfrZW3DEiQERJmYpHzy7k8johpm2gHnEKto56Og==",
+      "license": "MIT",
+      "dependencies": {
+        "@uppy/utils": "^4.1.2",
+        "namespace-emitter": "^2.0.1"
+      }
+    },
+    "node_modules/@uppy/core": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmmirror.com/@uppy/core/-/core-2.3.4.tgz",
+      "integrity": "sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@transloadit/prettier-bytes": "0.0.7",
+        "@uppy/store-default": "^2.1.1",
+        "@uppy/utils": "^4.1.3",
+        "lodash.throttle": "^4.1.1",
+        "mime-match": "^1.0.2",
+        "namespace-emitter": "^2.0.1",
+        "nanoid": "^3.1.25",
+        "preact": "^10.5.13"
+      }
+    },
+    "node_modules/@uppy/store-default": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/@uppy/store-default/-/store-default-2.1.1.tgz",
+      "integrity": "sha512-xnpTxvot2SeAwGwbvmJ899ASk5tYXhmZzD/aCFsXePh/v8rNvR2pKlcQUH7cF/y4baUGq3FHO/daKCok/mpKqQ==",
+      "license": "MIT"
+    },
+    "node_modules/@uppy/utils": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmmirror.com/@uppy/utils/-/utils-4.1.3.tgz",
+      "integrity": "sha512-nTuMvwWYobnJcytDO3t+D6IkVq/Qs4Xv3vyoEZ+Iaf8gegZP+rEyoaFT2CK5XLRMienPyqRqNbIfRuFaOWSIFw==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash.throttle": "^4.1.1"
+      }
+    },
+    "node_modules/@uppy/xhr-upload": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/@uppy/xhr-upload/-/xhr-upload-2.1.3.tgz",
+      "integrity": "sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@uppy/companion-client": "^2.2.2",
+        "@uppy/utils": "^4.1.2",
+        "nanoid": "^3.1.25"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^2.3.3"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-6.0.6.tgz",
+      "integrity": "sha512-u9HHgfrq3AjXlysn0eINFnWQOJQLO9WN6VprZ8FXl7A2bYisv3Hui9Ij+7QZ41F/WYWarHjwBbXtD7dKg3uxbg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rolldown/pluginutils": "1.0.0-rc.13"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmmirror.com/@volar/language-core/-/language-core-2.4.28.tgz",
+      "integrity": "sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/source-map": "2.4.28"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmmirror.com/@volar/source-map/-/source-map-2.4.28.tgz",
+      "integrity": "sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmmirror.com/@volar/typescript/-/typescript-2.4.28.tgz",
+      "integrity": "sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.28",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vue/babel-helper-vue-transform-on": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmmirror.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.5.0.tgz",
+      "integrity": "sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vue/babel-plugin-jsx": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmmirror.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.5.0.tgz",
+      "integrity": "sha512-mneBhw1oOqCd2247O0Yw/mRwC9jIGACAJUlawkmMBiNmL4dGA2eMzuNZVNqOUfYTa6vqmND4CtOPzmEEEqLKFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.0",
+        "@babel/types": "^7.28.2",
+        "@vue/babel-helper-vue-transform-on": "1.5.0",
+        "@vue/babel-plugin-resolve-type": "1.5.0",
+        "@vue/shared": "^3.5.18"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/babel-plugin-resolve-type": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmmirror.com/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.5.0.tgz",
+      "integrity": "sha512-Wm/60o+53JwJODm4Knz47dxJnLDJ9FnKnGZJbUUf8nQRAtt6P+undLUAVU3Ha33LxOJe6IPoifRQ6F/0RrU31w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/parser": "^7.28.0",
+        "@vue/compiler-sfc": "^3.5.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.33",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.33.tgz",
+      "integrity": "sha512-3PZLQwFw4Za3TC8t0FvTy3wI16Kt+pmwcgNZca4Pj9iWL2E72a/gZlpBtAJvEdDMdCxdG/qq0C7PN0bsJuv0Rw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.2",
+        "@vue/shared": "3.5.33",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.33",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.33.tgz",
+      "integrity": "sha512-PXq0yrfCLzzL07rbXO4awtXY1Z06LG2eu6Adg3RJFa/j3Cii217XxxLXG22N330gw7GmALCY0Z8RgXEviwgpjA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.33",
+        "@vue/shared": "3.5.33"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.33",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.33.tgz",
+      "integrity": "sha512-UTUvRO9cY+rROrx/pvN9P5Z7FgA6QGfokUCfhQE4EnmUj3rVnK+CHI0LsEO1pg+I7//iRYMUfcNcCPe7tg0CoA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.2",
+        "@vue/compiler-core": "3.5.33",
+        "@vue/compiler-dom": "3.5.33",
+        "@vue/compiler-ssr": "3.5.33",
+        "@vue/shared": "3.5.33",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.10",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.33",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.33.tgz",
+      "integrity": "sha512-IErjYdnj1qIupG5xxiVIYiiRvDhGWV4zuh/RCrwfYpuL+HWQzeU6lCk/nF9r7olWMnjKxCAkOctT2qFWFkzb1A==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.33",
+        "@vue/shared": "3.5.33"
+      }
+    },
+    "node_modules/@vue/compiler-vue2": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
+      "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-7.7.9.tgz",
+      "integrity": "sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-kit": "^7.7.9"
+      }
+    },
+    "node_modules/@vue/devtools-core": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-core/-/devtools-core-7.7.9.tgz",
+      "integrity": "sha512-48jrBSwG4GVQRvVeeXn9p9+dlx+ISgasM7SxZZKczseohB0cBz+ITKr4YbLWjmJdy45UHL7UMPlR4Y0CWTRcSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-kit": "^7.7.9",
+        "@vue/devtools-shared": "^7.7.9",
+        "mitt": "^3.0.1",
+        "nanoid": "^5.1.0",
+        "pathe": "^2.0.3",
+        "vite-hot-client": "^2.0.4"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/@vue/devtools-core/node_modules/nanoid": {
+      "version": "5.1.11",
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-5.1.11.tgz",
+      "integrity": "sha512-v+KEsUv2ps74PaSKv0gHTxTCgMXOIfBEbaqa6w6ISIGC7ZsvHN4N9oJ8d4cmf0n5oTzQz2SLmThbQWhjd/8eKg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.js"
+      },
+      "engines": {
+        "node": "^18 || >=20"
+      }
+    },
+    "node_modules/@vue/devtools-kit": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-kit/-/devtools-kit-7.7.9.tgz",
+      "integrity": "sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-shared": "^7.7.9",
+        "birpc": "^2.3.0",
+        "hookable": "^5.5.3",
+        "mitt": "^3.0.1",
+        "perfect-debounce": "^1.0.0",
+        "speakingurl": "^14.0.1",
+        "superjson": "^2.2.2"
+      }
+    },
+    "node_modules/@vue/devtools-shared": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-shared/-/devtools-shared-7.7.9.tgz",
+      "integrity": "sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==",
+      "license": "MIT",
+      "dependencies": {
+        "rfdc": "^1.4.1"
+      }
+    },
+    "node_modules/@vue/language-core": {
+      "version": "2.1.10",
+      "resolved": "https://registry.npmmirror.com/@vue/language-core/-/language-core-2.1.10.tgz",
+      "integrity": "sha512-DAI289d0K3AB5TUG3xDp9OuQ71CnrujQwJrQnfuZDwo6eGNf0UoRlPuaVNO+Zrn65PC3j0oB2i7mNmVPggeGeQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "~2.4.8",
+        "@vue/compiler-dom": "^3.5.0",
+        "@vue/compiler-vue2": "^2.7.16",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^0.2.0",
+        "minimatch": "^9.0.3",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/language-core/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vue/language-core/node_modules/brace-expansion": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@vue/language-core/node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.33",
+      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.33.tgz",
+      "integrity": "sha512-p8UfIqyIhb0rYGlSgSBV+lPhF2iUSBcRy7enhTmPqKWadHy9kcOFYF1AejYBP9P+avnd3OBbD49DU4pLWX/94A==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.33"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.33",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.33.tgz",
+      "integrity": "sha512-UpFF45RI9//a7rvq7RdOQblb4tup7hHG9QsmIrxkFQLzQ7R8/iNQ5LE15NhLZ1/WcHMU2b47u6P33CPUelHyIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.33",
+        "@vue/shared": "3.5.33"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.33",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.33.tgz",
+      "integrity": "sha512-IOxMsAOwquhfITgmOgaPYl7/j8gKUxUFoflRc+u4LxyD3+783xne8vNta1PONVCvCV9A0w7hkyEepINDqfO0tw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.33",
+        "@vue/runtime-core": "3.5.33",
+        "@vue/shared": "3.5.33",
+        "csstype": "^3.2.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.33",
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.33.tgz",
+      "integrity": "sha512-0xylq/8/h44lVG0pZFknv1XIdEgymq2E9n59uTWJBG+dIgiT0TMCSsxrN7nO16Z0MU0MPjFcguBbZV8Itk52Hw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.33",
+        "@vue/shared": "3.5.33"
+      },
+      "peerDependencies": {
+        "vue": "3.5.33"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.33",
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.33.tgz",
+      "integrity": "sha512-5vR2QIlmaLG77Ygd4pMP6+SGQ5yox9VhtnbDWTy9DzMzdmeLxZ1QqxrywEZ9sa1AVubfIJyaCG3ytyWU81ufcQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vueuse/core": {
+      "version": "13.9.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-13.9.0.tgz",
+      "integrity": "sha512-ts3regBQyURfCE2BcytLqzm8+MmLlo5Ln/KLoxDVcsZ2gzIwVNnQpQOL/UKV8alUqjSZOlpFZcRNsLRqj+OzyA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.21",
+        "@vueuse/metadata": "13.9.0",
+        "@vueuse/shared": "13.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "13.9.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-13.9.0.tgz",
+      "integrity": "sha512-1AFRvuiGphfF7yWixZa0KwjYH8ulyjDCC0aFgrGRz8+P4kvDFSdXLVfTk5xAN9wEuD1J6z4/myMoYbnHoX07zg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "13.9.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-13.9.0.tgz",
+      "integrity": "sha512-e89uuTLMh0U5cZ9iDpEI2senqPGfbPRTHM/0AaQkcxnpqjkZqDYP8rpfm7edOz8s+pOCOROEy1PIveSW8+fL5g==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/@wangeditor/basic-modules": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/basic-modules/-/basic-modules-1.1.7.tgz",
+      "integrity": "sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-url": "^1.2.4"
+      },
+      "peerDependencies": {
+        "@wangeditor/core": "1.x",
+        "dom7": "^3.0.0",
+        "lodash.throttle": "^4.1.1",
+        "nanoid": "^3.2.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/code-highlight": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/code-highlight/-/code-highlight-1.0.3.tgz",
+      "integrity": "sha512-iazHwO14XpCuIWJNTQTikqUhGKyqj+dUNWJ9288Oym9M2xMVHvnsOmDU2sgUDWVy+pOLojReMPgXCsvvNlOOhw==",
+      "license": "MIT",
+      "dependencies": {
+        "prismjs": "^1.23.0"
+      },
+      "peerDependencies": {
+        "@wangeditor/core": "1.x",
+        "dom7": "^3.0.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/core": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/core/-/core-1.1.19.tgz",
+      "integrity": "sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/event-emitter": "^0.3.3",
+        "event-emitter": "^0.3.5",
+        "html-void-elements": "^2.0.0",
+        "i18next": "^20.4.0",
+        "scroll-into-view-if-needed": "^2.2.28",
+        "slate-history": "^0.66.0"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^2.1.1",
+        "@uppy/xhr-upload": "^2.0.3",
+        "dom7": "^3.0.0",
+        "is-hotkey": "^0.2.0",
+        "lodash.camelcase": "^4.3.0",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.debounce": "^4.0.8",
+        "lodash.foreach": "^4.5.0",
+        "lodash.isequal": "^4.5.0",
+        "lodash.throttle": "^4.1.1",
+        "lodash.toarray": "^4.4.0",
+        "nanoid": "^3.2.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/editor": {
+      "version": "5.1.23",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/editor/-/editor-5.1.23.tgz",
+      "integrity": "sha512-0RxfeVTuK1tktUaPROnCoFfaHVJpRAIE2zdS0mpP+vq1axVQpLjM8+fCvKzqYIkH0Pg+C+44hJpe3VVroSkEuQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@uppy/core": "^2.1.1",
+        "@uppy/xhr-upload": "^2.0.3",
+        "@wangeditor/basic-modules": "^1.1.7",
+        "@wangeditor/code-highlight": "^1.0.3",
+        "@wangeditor/core": "^1.1.19",
+        "@wangeditor/list-module": "^1.0.5",
+        "@wangeditor/table-module": "^1.1.4",
+        "@wangeditor/upload-image-module": "^1.0.2",
+        "@wangeditor/video-module": "^1.1.4",
+        "dom7": "^3.0.0",
+        "is-hotkey": "^0.2.0",
+        "lodash.camelcase": "^4.3.0",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.debounce": "^4.0.8",
+        "lodash.foreach": "^4.5.0",
+        "lodash.isequal": "^4.5.0",
+        "lodash.throttle": "^4.1.1",
+        "lodash.toarray": "^4.4.0",
+        "nanoid": "^3.2.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/editor-for-vue": {
+      "version": "5.1.12",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/editor-for-vue/-/editor-for-vue-5.1.12.tgz",
+      "integrity": "sha512-0Ds3D8I+xnpNWezAeO7HmPRgTfUxHLMd9JKcIw+QzvSmhC5xUHbpCcLU+KLmeBKTR/zffnS5GQo6qi3GhTMJWQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@wangeditor/editor": ">=5.1.0",
+        "vue": "^3.0.5"
+      }
+    },
+    "node_modules/@wangeditor/list-module": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/list-module/-/list-module-1.0.5.tgz",
+      "integrity": "sha512-uDuYTP6DVhcYf7mF1pTlmNn5jOb4QtcVhYwSSAkyg09zqxI1qBqsfUnveeDeDqIuptSJhkh81cyxi+MF8sEPOQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@wangeditor/core": "1.x",
+        "dom7": "^3.0.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/table-module": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/table-module/-/table-module-1.1.4.tgz",
+      "integrity": "sha512-5saanU9xuEocxaemGdNi9t8MCDSucnykEC6jtuiT72kt+/Hhh4nERYx1J20OPsTCCdVr7hIyQenFD1iSRkIQ6w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@wangeditor/core": "1.x",
+        "dom7": "^3.0.0",
+        "lodash.isequal": "^4.5.0",
+        "lodash.throttle": "^4.1.1",
+        "nanoid": "^3.2.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/upload-image-module": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/upload-image-module/-/upload-image-module-1.0.2.tgz",
+      "integrity": "sha512-z81lk/v71OwPDYeQDxj6cVr81aDP90aFuywb8nPD6eQeECtOymrqRODjpO6VGvCVxVck8nUxBHtbxKtjgcwyiA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@uppy/core": "^2.0.3",
+        "@uppy/xhr-upload": "^2.0.3",
+        "@wangeditor/basic-modules": "1.x",
+        "@wangeditor/core": "1.x",
+        "dom7": "^3.0.0",
+        "lodash.foreach": "^4.5.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/video-module": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/video-module/-/video-module-1.1.4.tgz",
+      "integrity": "sha512-ZdodDPqKQrgx3IwWu4ZiQmXI8EXZ3hm2/fM6E3t5dB8tCaIGWQZhmqd6P5knfkRAd3z2+YRSRbxOGfoRSp/rLg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@uppy/core": "^2.1.4",
+        "@uppy/xhr-upload": "^2.0.7",
+        "@wangeditor/core": "1.x",
+        "dom7": "^3.0.0",
+        "nanoid": "^3.2.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.16.0",
+      "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
+      "devOptional": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmmirror.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/adler-32": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/adler-32/-/adler-32-1.3.1.tgz",
+      "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "8.20.0",
+      "resolved": "https://registry.npmmirror.com/ajv/-/ajv-8.20.0.tgz",
+      "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/alien-signals": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmmirror.com/alien-signals/-/alien-signals-0.2.2.tgz",
+      "integrity": "sha512-cZIRkbERILsBOXTQmMrxc9hgpxglstn69zm+F1ARf4aPAzdAFYd6sBq87ErO0Fj3DV94tglcyHG5kQz9nDC/8A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmmirror.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/array-ify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/array-ify/-/array-ify-1.0.0.tgz",
+      "integrity": "sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/at-least-node": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz",
+      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/axios": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.15.2.tgz",
+      "integrity": "sha512-wLrXxPtcrPTsNlJmKjkPnNPK2Ihe0hn0wGSaTEiHRPxwjvJwT3hKmXF4dpqxmPO9SoNb2FsYXj/xEo0gHN+D5A==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.11",
+        "form-data": "^4.0.5",
+        "proxy-from-env": "^2.1.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.25",
+      "resolved": "https://registry.npmmirror.com/baseline-browser-mapping/-/baseline-browser-mapping-2.10.25.tgz",
+      "integrity": "sha512-QO/VHsXCQdnzADMfmkeOPvHdIAkoB7i0/rGjINPJEetLx75hNttVWGQ/jycHUDP9zZ9rupbm60WRxcwViB0MiA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/birpc": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmmirror.com/birpc/-/birpc-2.9.0.tgz",
+      "integrity": "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/brace-expansion": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-5.0.5.tgz",
+      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmmirror.com/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/bundle-name": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/bundle-name/-/bundle-name-4.1.0.tgz",
+      "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "run-applescript": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cacheable": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmmirror.com/cacheable/-/cacheable-2.3.4.tgz",
+      "integrity": "sha512-djgxybDbw9fL/ZWMI3+CE8ZilNxcwFkVtDc1gJ+IlOSSWkSMPQabhV/XCHTQ6pwwN6aivXPZ43omTooZiX06Ew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cacheable/memory": "^2.0.8",
+        "@cacheable/utils": "^2.4.0",
+        "hookified": "^1.15.0",
+        "keyv": "^5.6.0",
+        "qified": "^0.9.0"
+      }
+    },
+    "node_modules/cacheable/node_modules/keyv": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmmirror.com/keyv/-/keyv-5.6.0.tgz",
+      "integrity": "sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@keyv/serialize": "^1.1.1"
+      }
+    },
+    "node_modules/cachedir": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/cachedir/-/cachedir-2.3.0.tgz",
+      "integrity": "sha512-A+Fezp4zxnit6FanDmv9EqXNAi3vt9DWp51/71UEhXukb7QUuvtv9344h91dyAxuTLoSYJFU299qzR3tzwPAhw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001791",
+      "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001791.tgz",
+      "integrity": "sha512-yk0l/YSrOnFZk3UROpDLQD9+kC1l4meK/wed583AXrzoarMGJcbRi2Q4RaUYbKxYAsZ8sWmaSa/DsLmdBeI1vQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/cfb": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/cfb/-/cfb-1.2.2.tgz",
+      "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "crc-32": "~1.2.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chardet": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmmirror.com/chardet/-/chardet-0.7.0.tgz",
+      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/cli-cursor/-/cli-cursor-3.1.0.tgz",
+      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cli-spinners": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmmirror.com/cli-spinners/-/cli-spinners-2.9.2.tgz",
+      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/cli-truncate/-/cli-truncate-4.0.0.tgz",
+      "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "slice-ansi": "^5.0.0",
+        "string-width": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cli-truncate/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/cli-width": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/cli-width/-/cli-width-3.0.0.tgz",
+      "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmmirror.com/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/clone": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/clone/-/clone-1.0.4.tgz",
+      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/codepage": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmmirror.com/codepage/-/codepage-1.15.0.tgz",
+      "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/colord": {
+      "version": "2.9.3",
+      "resolved": "https://registry.npmmirror.com/colord/-/colord-2.9.3.tgz",
+      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmmirror.com/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "13.1.0",
+      "resolved": "https://registry.npmmirror.com/commander/-/commander-13.1.0.tgz",
+      "integrity": "sha512-/rFeCpNJQbhSZjGVwO9RFV3xPqbnERS8MmIQzCtD/zl6gpJuV/bMLuN92oG3F7d8oDEHHRrujSXNUr8fpjntKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/commitizen": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmmirror.com/commitizen/-/commitizen-4.3.1.tgz",
+      "integrity": "sha512-gwAPAVTy/j5YcOOebcCRIijn+mSjWJC+IYKivTu6aG8Ei/scoXgfsMRnuAk6b0GRste2J4NGxVdMN3ZpfNaVaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cachedir": "2.3.0",
+        "cz-conventional-changelog": "3.3.0",
+        "dedent": "0.7.0",
+        "detect-indent": "6.1.0",
+        "find-node-modules": "^2.1.2",
+        "find-root": "1.1.0",
+        "fs-extra": "9.1.0",
+        "glob": "7.2.3",
+        "inquirer": "8.2.5",
+        "is-utf8": "^0.2.1",
+        "lodash": "4.17.21",
+        "minimist": "1.2.7",
+        "strip-bom": "4.0.0",
+        "strip-json-comments": "3.1.1"
+      },
+      "bin": {
+        "commitizen": "bin/commitizen",
+        "cz": "bin/git-cz",
+        "git-cz": "bin/git-cz"
+      },
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/commitizen/node_modules/minimist": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmmirror.com/minimist/-/minimist-1.2.7.tgz",
+      "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/compare-func": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/compare-func/-/compare-func-2.0.0.tgz",
+      "integrity": "sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-ify": "^1.0.0",
+        "dot-prop": "^5.1.0"
+      }
+    },
+    "node_modules/compute-scroll-into-view": {
+      "version": "1.0.20",
+      "resolved": "https://registry.npmmirror.com/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
+      "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==",
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/confbox": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmmirror.com/confbox/-/confbox-0.2.4.tgz",
+      "integrity": "sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/conventional-changelog-angular": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/conventional-changelog-angular/-/conventional-changelog-angular-7.0.0.tgz",
+      "integrity": "sha512-ROjNchA9LgfNMTTFSIWPzebCwOGFdgkEq45EnvvrmSLvCtAw0HSmrCs7/ty+wAeYUZyNay0YMUNYFTRL72PkBQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "compare-func": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/conventional-changelog-conventionalcommits": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmmirror.com/conventional-changelog-conventionalcommits/-/conventional-changelog-conventionalcommits-7.0.2.tgz",
+      "integrity": "sha512-NKXYmMR/Hr1DevQegFB4MwfM5Vv0m4UIxKZTTYuD98lpTknaZlSRrDOG4X7wIXpGkfsYxZTghUN+Qq+T0YQI7w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "compare-func": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/conventional-commit-types": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/conventional-commit-types/-/conventional-commit-types-3.0.0.tgz",
+      "integrity": "sha512-SmmCYnOniSsAa9GqWOeLqc179lfr5TRu5b4QFDkbsrJ5TZjPJx85wtOr3zn+1dbeNiXDKGPbZ72IKbPhLXh/Lg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/conventional-commits-parser": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/conventional-commits-parser/-/conventional-commits-parser-5.0.0.tgz",
+      "integrity": "sha512-ZPMl0ZJbw74iS9LuX9YIAiW8pfM5p3yh2o/NbXHbkFuZzY5jvdi5jFycEOkmBW5H5I7nA+D6f3UcsCLP2vvSEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-text-path": "^2.0.0",
+        "JSONStream": "^1.3.5",
+        "meow": "^12.0.1",
+        "split2": "^4.0.0"
+      },
+      "bin": {
+        "conventional-commits-parser": "cli.mjs"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/copy-anything": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmmirror.com/copy-anything/-/copy-anything-4.0.5.tgz",
+      "integrity": "sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-what": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/core-js": {
+      "version": "3.49.0",
+      "resolved": "https://registry.npmmirror.com/core-js/-/core-js-3.49.0.tgz",
+      "integrity": "sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmmirror.com/cosmiconfig/-/cosmiconfig-9.0.1.tgz",
+      "integrity": "sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/cosmiconfig-typescript-loader": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmmirror.com/cosmiconfig-typescript-loader/-/cosmiconfig-typescript-loader-6.3.0.tgz",
+      "integrity": "sha512-Akr82WH1Wfqatyiqpj8HDkO2o2KmJRu1FhKfSNJP3K4IdXwHfEyL7MOb62i1AGQVLtIQM+iCE9CGOtrfhR+mmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jiti": "2.6.1"
+      },
+      "engines": {
+        "node": ">=v18"
+      },
+      "peerDependencies": {
+        "@types/node": "*",
+        "cosmiconfig": ">=9",
+        "typescript": ">=5"
+      }
+    },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "license": "Apache-2.0",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
+      "license": "MIT"
+    },
+    "node_modules/css-functions-list": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmmirror.com/css-functions-list/-/css-functions-list-3.3.3.tgz",
+      "integrity": "sha512-8HFEBPKhOpJPEPu70wJJetjKta86Gw9+CCyCnB3sui2qQfOvRyqBy4IKLKKAwdMpWb2lHXWk9Wb4Z6AmaUT1Pg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmmirror.com/css-tree/-/css-tree-3.2.1.tgz",
+      "integrity": "sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.27.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/cz-conventional-changelog": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmmirror.com/cz-conventional-changelog/-/cz-conventional-changelog-3.3.0.tgz",
+      "integrity": "sha512-U466fIzU5U22eES5lTNiNbZ+d8dfcHcssH4o7QsdWaCcRs/feIPCxKYSWkYBNs5mny7MvEfwpTLWjvbm94hecw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^2.4.1",
+        "commitizen": "^4.0.3",
+        "conventional-commit-types": "^3.0.0",
+        "lodash.map": "^4.5.1",
+        "longest": "^2.0.1",
+        "word-wrap": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@commitlint/load": ">6.1.1"
+      }
+    },
+    "node_modules/cz-conventional-changelog/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cz-conventional-changelog/node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cz-conventional-changelog/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/cz-conventional-changelog/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cz-conventional-changelog/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cz-git": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmmirror.com/cz-git/-/cz-git-1.13.0.tgz",
+      "integrity": "sha512-oTxNSypCvhfHJF7KmnO8lSDup4lYa/s6bbF1700vyONepDIMTcMMXQweSxE/7ANIm7hcv1ckz4HLitZNM02fCw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=v12.20.0"
+      }
+    },
+    "node_modules/d": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/d/-/d-1.0.2.tgz",
+      "integrity": "sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==",
+      "license": "ISC",
+      "dependencies": {
+        "es5-ext": "^0.10.64",
+        "type": "^2.7.2"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
+    "node_modules/danmu.js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/danmu.js/-/danmu.js-1.2.1.tgz",
+      "integrity": "sha512-evDEImUBo94c846fC92K//Dzll8jXnZ3zKmYlQHwMzmvw6IW2IyjWL3Ew2SqEAzuqauFnDkwJEgZauu3uW/p1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "event-emitter": "^0.3.5"
+      }
+    },
+    "node_modules/dargs": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmmirror.com/dargs/-/dargs-8.1.0.tgz",
+      "integrity": "sha512-wAV9QHOsNbwnWdNW2FYvE1P56wtgSbM+3SZcdGiWQILwVjACCXDCI3Ai8QlCjMDB8YK5zySiXZYBiwGmNY3lnw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.20",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.20.tgz",
+      "integrity": "sha512-YbwwqR/uYpeoP4pu043q+LTDLFBLApUP6VxRihdfNTqu4ubqMlGDLd6ErXhEgsyvY0K6nCs7nggYumAN+9uEuQ==",
+      "license": "MIT"
+    },
+    "node_modules/de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/dedent": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmmirror.com/dedent/-/dedent-0.7.0.tgz",
+      "integrity": "sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/default-browser": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmmirror.com/default-browser/-/default-browser-5.5.0.tgz",
+      "integrity": "sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bundle-name": "^4.1.0",
+        "default-browser-id": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/default-browser-id": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/default-browser-id/-/default-browser-id-5.0.1.tgz",
+      "integrity": "sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/defaults": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/defaults/-/defaults-1.0.4.tgz",
+      "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clone": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/defu": {
+      "version": "6.1.7",
+      "resolved": "https://registry.npmmirror.com/defu/-/defu-6.1.7.tgz",
+      "integrity": "sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==",
+      "license": "MIT"
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/delegate": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/delegate/-/delegate-3.2.0.tgz",
+      "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==",
+      "license": "MIT"
+    },
+    "node_modules/detect-file": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/detect-file/-/detect-file-1.0.0.tgz",
+      "integrity": "sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/detect-indent": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmmirror.com/detect-indent/-/detect-indent-6.1.0.tgz",
+      "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/dom-serializer/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/dom7": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/dom7/-/dom7-3.0.0.tgz",
+      "integrity": "sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==",
+      "license": "MIT",
+      "dependencies": {
+        "ssr-window": "^3.0.0-alpha.1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause",
+      "peer": true
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmmirror.com/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmmirror.com/domutils/-/domutils-3.2.2.tgz",
+      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dot-prop": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmmirror.com/dot-prop/-/dot-prop-5.3.0.tgz",
+      "integrity": "sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-obj": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/echarts": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/echarts/-/echarts-6.0.0.tgz",
+      "integrity": "sha512-Tte/grDQRiETQP4xz3iZWSvoHrkCQtwqd6hs+mifXcjrCuo2iKWbajFObuLJVBlDIJlOzgQPd1hsaKt/3+OMkQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "2.3.0",
+        "zrender": "6.0.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.348",
+      "resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.5.348.tgz",
+      "integrity": "sha512-QC2X59nRlycQQMc4ZXjSVBX+tSgJfgRtcrYHbIZLgOV2dCvefoQGegLR7lLXKgpPpSuVmJU19LMzGrSa2C7k3Q==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/element-plus": {
+      "version": "2.13.7",
+      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.13.7.tgz",
+      "integrity": "sha512-XdHATFZOyzVFL1DaHQ90IOJQSg9UnSAV+bhDW+YB5UoZ0Hxs50mwqjqfwXkuwpSag+VXXizVcErBR6Movo5daw==",
+      "license": "MIT",
+      "dependencies": {
+        "@ctrl/tinycolor": "^4.2.0",
+        "@element-plus/icons-vue": "^2.3.2",
+        "@floating-ui/dom": "^1.0.1",
+        "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
+        "@types/lodash": "^4.17.20",
+        "@types/lodash-es": "^4.17.12",
+        "@vueuse/core": "12.0.0",
+        "async-validator": "^4.2.5",
+        "dayjs": "^1.11.19",
+        "lodash": "^4.17.23",
+        "lodash-es": "^4.17.23",
+        "lodash-unified": "^1.0.3",
+        "memoize-one": "^6.0.0",
+        "normalize-wheel-es": "^1.2.0",
+        "vue-component-type-helpers": "^3.2.4"
+      },
+      "peerDependencies": {
+        "vue": "^3.3.0"
+      }
+    },
+    "node_modules/element-plus/node_modules/@types/web-bluetooth": {
+      "version": "0.0.20",
+      "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
+      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
+      "license": "MIT"
+    },
+    "node_modules/element-plus/node_modules/@vueuse/core": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-12.0.0.tgz",
+      "integrity": "sha512-C12RukhXiJCbx4MGhjmd/gH52TjJsc3G0E0kQj/kb19H3Nt6n1CA4DRWuTdWWcaFRdlTe0npWDS942mvacvNBw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.20",
+        "@vueuse/metadata": "12.0.0",
+        "@vueuse/shared": "12.0.0",
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/element-plus/node_modules/@vueuse/metadata": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-12.0.0.tgz",
+      "integrity": "sha512-Yzimd1D3sjxTDOlF05HekU5aSGdKjxhuhRFHA7gDWLn57PRbBIh+SF5NmjhJ0WRgF3my7T8LBucyxdFJjIfRJQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/element-plus/node_modules/@vueuse/shared": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-12.0.0.tgz",
+      "integrity": "sha512-3i6qtcq2PIio5i/vVYidkkcgvmTjCqrf26u+Fd4LhnbBmIT6FN8y6q/GJERp8lfcB9zVEfjdV0Br0443qZuJpw==",
+      "license": "MIT",
+      "dependencies": {
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/element-plus/node_modules/lodash": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.18.1.tgz",
+      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
+      "license": "MIT"
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.21.0",
+      "resolved": "https://registry.npmmirror.com/enhanced-resolve/-/enhanced-resolve-5.21.0.tgz",
+      "integrity": "sha512-otxSQPw4lkOZWkHpB3zaEQs6gWYEsmX4xQF68ElXC/TWvGxGMSGOvoNbaLXm6/cS/fSfHtsEdw90y20PCd+sCA==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.3.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmmirror.com/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/environment": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/environment/-/environment-1.1.0.tgz",
+      "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmmirror.com/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/error-stack-parser-es": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmmirror.com/error-stack-parser-es/-/error-stack-parser-es-0.1.5.tgz",
+      "integrity": "sha512-xHku1X40RO+fO8yJ8Wh2f2rZWVjqyhb1zgq1yZ8aZRQkv6OOKhKWRUaht3eSCUbAOBaKIgM+ykwFLE+QUxgGeg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmmirror.com/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es5-ext": {
+      "version": "0.10.64",
+      "resolved": "https://registry.npmmirror.com/es5-ext/-/es5-ext-0.10.64.tgz",
+      "integrity": "sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==",
+      "hasInstallScript": true,
+      "license": "ISC",
+      "dependencies": {
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.3",
+        "esniff": "^2.0.1",
+        "next-tick": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/es6-iterator": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/es6-iterator/-/es6-iterator-2.0.3.tgz",
+      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+      "license": "MIT",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "^0.10.35",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "node_modules/es6-symbol": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmmirror.com/es6-symbol/-/es6-symbol-3.1.4.tgz",
+      "integrity": "sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==",
+      "license": "ISC",
+      "dependencies": {
+        "d": "^1.0.2",
+        "ext": "^1.7.0"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.27.7.tgz",
+      "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.27.7",
+        "@esbuild/android-arm": "0.27.7",
+        "@esbuild/android-arm64": "0.27.7",
+        "@esbuild/android-x64": "0.27.7",
+        "@esbuild/darwin-arm64": "0.27.7",
+        "@esbuild/darwin-x64": "0.27.7",
+        "@esbuild/freebsd-arm64": "0.27.7",
+        "@esbuild/freebsd-x64": "0.27.7",
+        "@esbuild/linux-arm": "0.27.7",
+        "@esbuild/linux-arm64": "0.27.7",
+        "@esbuild/linux-ia32": "0.27.7",
+        "@esbuild/linux-loong64": "0.27.7",
+        "@esbuild/linux-mips64el": "0.27.7",
+        "@esbuild/linux-ppc64": "0.27.7",
+        "@esbuild/linux-riscv64": "0.27.7",
+        "@esbuild/linux-s390x": "0.27.7",
+        "@esbuild/linux-x64": "0.27.7",
+        "@esbuild/netbsd-arm64": "0.27.7",
+        "@esbuild/netbsd-x64": "0.27.7",
+        "@esbuild/openbsd-arm64": "0.27.7",
+        "@esbuild/openbsd-x64": "0.27.7",
+        "@esbuild/openharmony-arm64": "0.27.7",
+        "@esbuild/sunos-x64": "0.27.7",
+        "@esbuild/win32-arm64": "0.27.7",
+        "@esbuild/win32-ia32": "0.27.7",
+        "@esbuild/win32-x64": "0.27.7"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.39.4",
+      "resolved": "https://registry.npmmirror.com/eslint/-/eslint-9.39.4.tgz",
+      "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.2",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.5",
+        "@eslint/js": "9.39.4",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.14.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.5",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "9.1.2",
+      "resolved": "https://registry.npmmirror.com/eslint-config-prettier/-/eslint-config-prettier-9.1.2.tgz",
+      "integrity": "sha512-iI1f+D2ViGn+uvv5HuHVUamg8ll4tN+JRHGc6IJi4TP9Kl976C57fzPXgseXNs8v0iA8aSJpHsTWjDb9QJamGQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-prettier": {
+      "version": "5.5.5",
+      "resolved": "https://registry.npmmirror.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.5.5.tgz",
+      "integrity": "sha512-hscXkbqUZ2sPithAuLm5MXL+Wph+U7wHngPBv9OMWwlP8iaflyxpjTYZkmdgB4/vPIhemRlBEoLrH7UC1n7aUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prettier-linter-helpers": "^1.0.1",
+        "synckit": "^0.11.12"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-plugin-prettier"
+      },
+      "peerDependencies": {
+        "@types/eslint": ">=8.0.0",
+        "eslint": ">=8.0.0",
+        "eslint-config-prettier": ">= 7.0.0 <10.0.0 || >=10.1.0",
+        "prettier": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/eslint": {
+          "optional": true
+        },
+        "eslint-config-prettier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-vue": {
+      "version": "9.33.0",
+      "resolved": "https://registry.npmmirror.com/eslint-plugin-vue/-/eslint-plugin-vue-9.33.0.tgz",
+      "integrity": "sha512-174lJKuNsuDIlLpjeXc5E2Tss8P44uIimAfGD0b90k0NoirJqpG7stLuU9Vp/9ioTOrQdWVREc4mRd1BD+CvGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "globals": "^13.24.0",
+        "natural-compare": "^1.4.0",
+        "nth-check": "^2.1.1",
+        "postcss-selector-parser": "^6.0.15",
+        "semver": "^7.6.3",
+        "vue-eslint-parser": "^9.4.3",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-vue/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmmirror.com/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-plugin-vue/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/ajv": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmmirror.com/ajv/-/ajv-6.15.0.tgz",
+      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/eslint/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/eslint/node_modules/brace-expansion": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/eslint/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/eslint/node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint/node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmmirror.com/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/esniff": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/esniff/-/esniff-2.0.1.tgz",
+      "integrity": "sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==",
+      "license": "ISC",
+      "dependencies": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.62",
+        "event-emitter": "^0.3.5",
+        "type": "^2.7.2"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmmirror.com/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmmirror.com/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmmirror.com/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+      "license": "MIT",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "~0.10.14"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-5.0.4.tgz",
+      "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/execa": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmmirror.com/execa/-/execa-8.0.1.tgz",
+      "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^8.0.1",
+        "human-signals": "^5.0.0",
+        "is-stream": "^3.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^5.1.0",
+        "onetime": "^6.0.0",
+        "signal-exit": "^4.1.0",
+        "strip-final-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/expand-tilde": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/expand-tilde/-/expand-tilde-2.0.2.tgz",
+      "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "homedir-polyfill": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/exsolve": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/exsolve/-/exsolve-1.0.8.tgz",
+      "integrity": "sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ext": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmmirror.com/ext/-/ext-1.7.0.tgz",
+      "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+      "license": "ISC",
+      "dependencies": {
+        "type": "^2.7.2"
+      }
+    },
+    "node_modules/external-editor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/external-editor/-/external-editor-3.1.0.tgz",
+      "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chardet": "^0.7.0",
+        "iconv-lite": "^0.4.24",
+        "tmp": "^0.0.33"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-diff": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmmirror.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/fast-uri/-/fast-uri-3.1.0.tgz",
+      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/fastest-levenshtein": {
+      "version": "1.0.16",
+      "resolved": "https://registry.npmmirror.com/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
+      "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.9.1"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmmirror.com/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/figures": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/figures/-/figures-3.2.0.tgz",
+      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/figures/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmmirror.com/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmmirror.com/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==",
+      "license": "MIT"
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-node-modules": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/find-node-modules/-/find-node-modules-2.1.3.tgz",
+      "integrity": "sha512-UC2I2+nx1ZuOBclWVNdcnbDR5dlrOdVb7xNjmT/lHE+LsgztWks3dG7boJ37yTS/venXw84B/mAW9uHVoC5QRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "findup-sync": "^4.0.0",
+        "merge": "^2.1.1"
+      }
+    },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/find-up": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/find-up/-/find-up-7.0.0.tgz",
+      "integrity": "sha512-YyZM99iHrqLKjmt4LJDj58KI+fYyufRLBSYcqycxf//KpBk9FoewoGX0450m9nB44qrZnovzC2oeP5hUibxc/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^7.2.0",
+        "path-exists": "^5.0.0",
+        "unicorn-magic": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/findup-sync": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/findup-sync/-/findup-sync-4.0.0.tgz",
+      "integrity": "sha512-6jvvn/12IC4quLBL1KNokxC7wWTvYncaVUYSoxWw7YykPLuRrnv4qdHcSOywOI5RpkOVGeQRtWM8/q+G6W6qfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-file": "^1.0.0",
+        "is-glob": "^4.0.0",
+        "micromatch": "^4.0.2",
+        "resolve-dir": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmmirror.com/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.16.0.tgz",
+      "integrity": "sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/frac": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/frac/-/frac-1.1.2.tgz",
+      "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmmirror.com/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-east-asian-width": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmmirror.com/get-east-asian-width/-/get-east-asian-width-1.5.0.tgz",
+      "integrity": "sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmmirror.com/get-stream/-/get-stream-8.0.1.tgz",
+      "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.14.0",
+      "resolved": "https://registry.npmmirror.com/get-tsconfig/-/get-tsconfig-4.14.0.tgz",
+      "integrity": "sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/git-raw-commits": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/git-raw-commits/-/git-raw-commits-4.0.0.tgz",
+      "integrity": "sha512-ICsMM1Wk8xSGMowkOmPrzo2Fgmfo4bMHLNX6ytHjajRJUqvHOw/TFapQ+QG75c3X/tTDDhOSRPGC52dDbNM8FQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dargs": "^8.0.0",
+        "meow": "^12.0.1",
+        "split2": "^4.0.0"
+      },
+      "bin": {
+        "git-raw-commits": "cli.mjs"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/global-directory": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/global-directory/-/global-directory-4.0.1.tgz",
+      "integrity": "sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ini": "4.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/global-modules": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/global-modules/-/global-modules-1.0.0.tgz",
+      "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "global-prefix": "^1.0.1",
+        "is-windows": "^1.0.1",
+        "resolve-dir": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/global-prefix/-/global-prefix-1.0.2.tgz",
+      "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "expand-tilde": "^2.0.2",
+        "homedir-polyfill": "^1.0.1",
+        "ini": "^1.3.4",
+        "is-windows": "^1.0.1",
+        "which": "^1.2.14"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/global-prefix/node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmmirror.com/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/global-prefix/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/globals": {
+      "version": "15.15.0",
+      "resolved": "https://registry.npmmirror.com/globals/-/globals-15.15.0.tgz",
+      "integrity": "sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmmirror.com/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globby/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/globjoin": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmmirror.com/globjoin/-/globjoin-0.1.4.tgz",
+      "integrity": "sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hashery": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/hashery/-/hashery-1.5.1.tgz",
+      "integrity": "sha512-iZyKG96/JwPz1N55vj2Ie2vXbhu440zfUfJvSwEqEbeLluk7NnapfGqa7LH0mOsnDxTF85Mx8/dyR6HfqcbmbQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hookified": "^1.15.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.3.tgz",
+      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/highlight.js": {
+      "version": "11.11.1",
+      "resolved": "https://registry.npmmirror.com/highlight.js/-/highlight.js-11.11.1.tgz",
+      "integrity": "sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/homedir-polyfill": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
+      "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parse-passwd": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/hookable": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmmirror.com/hookable/-/hookable-5.5.3.tgz",
+      "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
+      "license": "MIT"
+    },
+    "node_modules/hookified": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmmirror.com/hookified/-/hookified-1.15.1.tgz",
+      "integrity": "sha512-MvG/clsADq1GPM2KGo2nyfaWVyn9naPiXrqIe4jYjXNZQt238kWyOGrsyc/DmRAQ+Re6yeo6yX/yoNCG5KAEVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/html-tags": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmmirror.com/html-tags/-/html-tags-3.3.1.tgz",
+      "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/html-void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/html-void-elements/-/html-void-elements-2.0.1.tgz",
+      "integrity": "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmmirror.com/htmlparser2/-/htmlparser2-8.0.2.tgz",
+      "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
+      "dev": true,
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1",
+        "entities": "^4.4.0"
+      }
+    },
+    "node_modules/htmlparser2/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/human-signals/-/human-signals-5.0.0.tgz",
+      "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16.17.0"
+      }
+    },
+    "node_modules/husky": {
+      "version": "9.1.7",
+      "resolved": "https://registry.npmmirror.com/husky/-/husky-9.1.7.tgz",
+      "integrity": "sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "husky": "bin.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/typicode"
+      }
+    },
+    "node_modules/i18next": {
+      "version": "20.6.1",
+      "resolved": "https://registry.npmmirror.com/i18next/-/i18next-20.6.1.tgz",
+      "integrity": "sha512-yCMYTMEJ9ihCwEQQ3phLo7I/Pwycf8uAx+sRHwwk5U9Aui/IZYgQRyMqXafQOw5QQ7DM1Z+WyEXWIqSuJHhG2A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immer": {
+      "version": "9.0.21",
+      "resolved": "https://registry.npmmirror.com/immer/-/immer-9.0.21.tgz",
+      "integrity": "sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmmirror.com/immutable/-/immutable-5.1.5.tgz",
+      "integrity": "sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmmirror.com/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-fresh/node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/import-meta-resolve": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz",
+      "integrity": "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmmirror.com/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/ini": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/ini/-/ini-4.1.1.tgz",
+      "integrity": "sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/inquirer": {
+      "version": "8.2.5",
+      "resolved": "https://registry.npmmirror.com/inquirer/-/inquirer-8.2.5.tgz",
+      "integrity": "sha512-QAgPDQMEgrDssk1XiwwHoOGYF9BAbUcc1+j+FhEvaOt8/cKRqyLn0U5qA6F74fGhTMGxf92pOvPBeh29jQJDTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.1.1",
+        "cli-cursor": "^3.1.0",
+        "cli-width": "^3.0.0",
+        "external-editor": "^3.0.3",
+        "figures": "^3.0.0",
+        "lodash": "^4.17.21",
+        "mute-stream": "0.0.8",
+        "ora": "^5.4.1",
+        "run-async": "^2.4.0",
+        "rxjs": "^7.5.5",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "through": "^2.3.6",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/inquirer/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/inquirer/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/inquirer/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/inquirer/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmmirror.com/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-hotkey": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/is-hotkey/-/is-hotkey-0.2.0.tgz",
+      "integrity": "sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw==",
+      "license": "MIT"
+    },
+    "node_modules/is-inside-container": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/is-inside-container/-/is-inside-container-1.0.0.tgz",
+      "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^3.0.0"
+      },
+      "bin": {
+        "is-inside-container": "cli.js"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-inside-container/node_modules/is-docker": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/is-docker/-/is-docker-3.0.0.tgz",
+      "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-interactive": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/is-interactive/-/is-interactive-1.0.0.tgz",
+      "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-obj": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/is-obj/-/is-obj-2.0.0.tgz",
+      "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/is-stream/-/is-stream-3.0.0.tgz",
+      "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-text-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/is-text-path/-/is-text-path-2.0.0.tgz",
+      "integrity": "sha512-+oDTluR6WEjdXEJMnC2z6A4FRwFoYuvShVVEGsS7ewc0UTi2QtAKMDJuL4BDEVt+5T7MjFo12RP8ghOM75oKJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "text-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-unicode-supported": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmmirror.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
+      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-url": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmmirror.com/is-url/-/is-url-1.2.4.tgz",
+      "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==",
+      "license": "MIT"
+    },
+    "node_modules/is-utf8": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/is-utf8/-/is-utf8-0.2.1.tgz",
+      "integrity": "sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-what": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmmirror.com/is-what/-/is-what-5.5.0.tgz",
+      "integrity": "sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmmirror.com/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmmirror.com/jsonfile/-/jsonfile-6.2.1.tgz",
+      "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jsonparse": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/jsonparse/-/jsonparse-1.3.1.tgz",
+      "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==",
+      "dev": true,
+      "engines": [
+        "node >= 0.2.0"
+      ],
+      "license": "MIT"
+    },
+    "node_modules/JSONStream": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmmirror.com/JSONStream/-/JSONStream-1.3.5.tgz",
+      "integrity": "sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==",
+      "dev": true,
+      "license": "(MIT OR Apache-2.0)",
+      "dependencies": {
+        "jsonparse": "^1.2.0",
+        "through": ">=2.2.7 <3"
+      },
+      "bin": {
+        "JSONStream": "bin.js"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmmirror.com/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmmirror.com/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/known-css-properties": {
+      "version": "0.37.0",
+      "resolved": "https://registry.npmmirror.com/known-css-properties/-/known-css-properties-0.37.0.tgz",
+      "integrity": "sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/kolorist": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/kolorist/-/kolorist-1.8.0.tgz",
+      "integrity": "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss/-/lightningcss-1.32.0.tgz",
+      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.32.0",
+        "lightningcss-darwin-arm64": "1.32.0",
+        "lightningcss-darwin-x64": "1.32.0",
+        "lightningcss-freebsd-x64": "1.32.0",
+        "lightningcss-linux-arm-gnueabihf": "1.32.0",
+        "lightningcss-linux-arm64-gnu": "1.32.0",
+        "lightningcss-linux-arm64-musl": "1.32.0",
+        "lightningcss-linux-x64-gnu": "1.32.0",
+        "lightningcss-linux-x64-musl": "1.32.0",
+        "lightningcss-win32-arm64-msvc": "1.32.0",
+        "lightningcss-win32-x64-msvc": "1.32.0"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmmirror.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lint-staged": {
+      "version": "15.5.2",
+      "resolved": "https://registry.npmmirror.com/lint-staged/-/lint-staged-15.5.2.tgz",
+      "integrity": "sha512-YUSOLq9VeRNAo/CTaVmhGDKG+LBtA8KF1X4K5+ykMSwWST1vDxJRB2kv2COgLb1fvpCo+A/y9A0G0znNVmdx4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.4.1",
+        "commander": "^13.1.0",
+        "debug": "^4.4.0",
+        "execa": "^8.0.1",
+        "lilconfig": "^3.1.3",
+        "listr2": "^8.2.5",
+        "micromatch": "^4.0.8",
+        "pidtree": "^0.6.0",
+        "string-argv": "^0.3.2",
+        "yaml": "^2.7.0"
+      },
+      "bin": {
+        "lint-staged": "bin/lint-staged.js"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/lint-staged"
+      }
+    },
+    "node_modules/listr2": {
+      "version": "8.3.3",
+      "resolved": "https://registry.npmmirror.com/listr2/-/listr2-8.3.3.tgz",
+      "integrity": "sha512-LWzX2KsqcB1wqQ4AHgYb4RsDXauQiqhjLk+6hjbaeHG4zpjjVAB6wC/gz6X0l+Du1cN3pUB5ZlrvTbhGSNnUQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cli-truncate": "^4.0.0",
+        "colorette": "^2.0.20",
+        "eventemitter3": "^5.0.1",
+        "log-update": "^6.1.0",
+        "rfdc": "^1.4.1",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/listr2/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/listr2/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/listr2/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/listr2/node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/listr2/node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/local-pkg": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-1.1.2.tgz",
+      "integrity": "sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.3.0",
+        "quansync": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/locate-path/-/locate-path-7.2.0.tgz",
+      "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^6.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-es": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.18.1.tgz",
+      "integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-unified": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/lodash-unified/-/lodash-unified-1.0.3.tgz",
+      "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/lodash-es": "*",
+        "lodash": "*",
+        "lodash-es": "*"
+      }
+    },
+    "node_modules/lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.foreach": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
+      "integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
+      "deprecated": "This package is deprecated. Use require('node:util').isDeepStrictEqual instead.",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmmirror.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.kebabcase": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
+      "integrity": "sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.map": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmmirror.com/lodash.map/-/lodash.map-4.6.0.tgz",
+      "integrity": "sha512-worNHGKLDetmcEYDvh2stPCrrQRkP20E4l0iIS7F8EvzMqBBi7ltvFN5m1HvTf1P7Jk1txKhvFcmYsCr8O2F1Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmmirror.com/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.mergewith": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmmirror.com/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz",
+      "integrity": "sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.snakecase": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/lodash.snakecase/-/lodash.snakecase-4.1.1.tgz",
+      "integrity": "sha512-QZ1d4xoBHYUeuouhEq3lk3Uq7ldgyFXGBhg04+oRLnIz8o9T65Eh+8YdroUwn846zchkA9yDsDl5CVVaV2nqYw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.startcase": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmmirror.com/lodash.startcase/-/lodash.startcase-4.4.0.tgz",
+      "integrity": "sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.toarray": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmmirror.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz",
+      "integrity": "sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.truncate": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmmirror.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+      "integrity": "sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.upperfirst": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmmirror.com/lodash.upperfirst/-/lodash.upperfirst-4.3.1.tgz",
+      "integrity": "sha512-sReKOYJIJf74dhJONhU4e0/shzi1trVbSWDOhKYE5XV2O+H7Sb2Dihwuc7xWxVl+DgFPyTqIN3zMfT9cq5iWDg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/log-symbols": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/log-symbols/-/log-symbols-4.1.0.tgz",
+      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "is-unicode-supported": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-symbols/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/log-symbols/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/log-symbols/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/log-symbols/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/log-update": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmmirror.com/log-update/-/log-update-6.1.0.tgz",
+      "integrity": "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^7.0.0",
+        "cli-cursor": "^5.0.0",
+        "slice-ansi": "^7.1.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-escapes": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmmirror.com/ansi-escapes/-/ansi-escapes-7.3.0.tgz",
+      "integrity": "sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "environment": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/cli-cursor": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/cli-cursor/-/cli-cursor-5.0.0.tgz",
+      "integrity": "sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/log-update/node_modules/is-fullwidth-code-point": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz",
+      "integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/onetime": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/onetime/-/onetime-7.0.0.tgz",
+      "integrity": "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-function": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/restore-cursor": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmmirror.com/restore-cursor/-/restore-cursor-5.1.0.tgz",
+      "integrity": "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^7.0.0",
+        "signal-exit": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/slice-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmmirror.com/slice-ansi/-/slice-ansi-7.1.2.tgz",
+      "integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "is-fullwidth-code-point": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/longest": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/longest/-/longest-2.0.1.tgz",
+      "integrity": "sha512-Ajzxb8CM6WAnFjgiloPsI3bF+WCxcvhdIG3KNA2KN962+tdBsHcuQ4k4qX/EcS/2CRkcc0iAkR956Nib6aXU/Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mathml-tag-names": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
+      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.27.1",
+      "resolved": "https://registry.npmmirror.com/mdn-data/-/mdn-data-2.27.1.tgz",
+      "integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
+      "license": "MIT"
+    },
+    "node_modules/meow": {
+      "version": "12.1.1",
+      "resolved": "https://registry.npmmirror.com/meow/-/meow-12.1.1.tgz",
+      "integrity": "sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/merge/-/merge-2.1.1.tgz",
+      "integrity": "sha512-jz+Cfrg9GWOZbQAnDQ4hlVnQky+341Yk5ru8bZSe6sIDTCIg8n9i/u7hSQGSVOF3C7lH6mGtqjkiT9G4wFLL0w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmmirror.com/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/mime-match/-/mime-match-1.0.2.tgz",
+      "integrity": "sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==",
+      "license": "ISC",
+      "dependencies": {
+        "wildcard": "^1.1.0"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/mimic-fn/-/mimic-fn-4.0.0.tgz",
+      "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mimic-function": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/mimic-function/-/mimic-function-5.0.1.tgz",
+      "integrity": "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.5"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "license": "MIT"
+    },
+    "node_modules/mlly": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmmirror.com/mlly/-/mlly-1.8.2.tgz",
+      "integrity": "sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.16.0",
+        "pathe": "^2.0.3",
+        "pkg-types": "^1.3.1",
+        "ufo": "^1.6.3"
+      }
+    },
+    "node_modules/mlly/node_modules/confbox": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmmirror.com/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/mlly/node_modules/pkg-types": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.3.1.tgz",
+      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1"
+      }
+    },
+    "node_modules/mrmime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/mrmime/-/mrmime-2.0.1.tgz",
+      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/mute-stream": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmmirror.com/mute-stream/-/mute-stream-0.0.8.tgz",
+      "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/namespace-emitter": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/namespace-emitter/-/namespace-emitter-2.0.1.tgz",
+      "integrity": "sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.12",
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.12.tgz",
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/next-tick": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/next-tick/-/next-tick-1.1.0.tgz",
+      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==",
+      "license": "ISC"
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.38.tgz",
+      "integrity": "sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-wheel-es": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
+      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/npm-run-path": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmmirror.com/npm-run-path/-/npm-run-path-5.3.0.tgz",
+      "integrity": "sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/npm-run-path/node_modules/path-key": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/path-key/-/path-key-4.0.0.tgz",
+      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/nprogress": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/nprogress/-/nprogress-0.2.0.tgz",
+      "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==",
+      "license": "MIT"
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmmirror.com/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "license": "MIT"
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/onetime/-/onetime-6.0.0.tgz",
+      "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/open": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmmirror.com/open/-/open-8.4.2.tgz",
+      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmmirror.com/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/ora": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmmirror.com/ora/-/ora-5.4.1.tgz",
+      "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bl": "^4.1.0",
+        "chalk": "^4.1.0",
+        "cli-cursor": "^3.1.0",
+        "cli-spinners": "^2.5.0",
+        "is-interactive": "^1.0.0",
+        "is-unicode-supported": "^0.1.0",
+        "log-symbols": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "wcwidth": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/ora/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/ora/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/ora/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/p-limit/-/p-limit-4.0.0.tgz",
+      "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^1.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/p-locate/-/p-locate-6.0.0.tgz",
+      "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmmirror.com/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse-ms": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/parse-ms/-/parse-ms-4.0.0.tgz",
+      "integrity": "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse-passwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/parse-passwd/-/parse-passwd-1.0.0.tgz",
+      "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-exists": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-5.0.0.tgz",
+      "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/perfect-debounce": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pidtree": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmmirror.com/pidtree/-/pidtree-0.6.0.tgz",
+      "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "pidtree": "bin/pidtree.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/pinia": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmmirror.com/pinia/-/pinia-3.0.4.tgz",
+      "integrity": "sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^7.7.7"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.5.0",
+        "vue": "^3.5.11"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia-plugin-persistedstate": {
+      "version": "4.7.1",
+      "resolved": "https://registry.npmmirror.com/pinia-plugin-persistedstate/-/pinia-plugin-persistedstate-4.7.1.tgz",
+      "integrity": "sha512-WHOqh2esDlR3eAaknPbqXrkkj0D24h8shrDPqysgCFR6ghqP/fpFfJmMPJp0gETHsvrh9YNNg6dQfo2OEtDnIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "defu": "^6.1.4"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": ">=3.0.0",
+        "@pinia/nuxt": ">=0.10.0",
+        "pinia": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        },
+        "@pinia/nuxt": {
+          "optional": true
+        },
+        "pinia": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pkg-types": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-2.3.1.tgz",
+      "integrity": "sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.4",
+        "exsolve": "^1.0.8",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.13",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.13.tgz",
+      "integrity": "sha512-qif0+jGGZoLWdHey3UFHHWP0H7Gbmsk8T5VEqyYFbWqPr1XqvLGBbk/sl8V5exGmcYJklJOhOQq1pV9IcsiFag==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-html": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmmirror.com/postcss-html/-/postcss-html-1.8.1.tgz",
+      "integrity": "sha512-OLF6P7qctfAWayOhLpcVnTGqVeJzu2W3WpIYelfz2+JV5oGxfkcEvweN9U4XpeqE0P98dcD9ssusGwlF0TK0uQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "htmlparser2": "^8.0.0",
+        "js-tokens": "^9.0.0",
+        "postcss": "^8.5.0",
+        "postcss-safe-parser": "^6.0.0"
+      },
+      "engines": {
+        "node": "^12 || >=14"
+      }
+    },
+    "node_modules/postcss-html/node_modules/js-tokens": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-9.0.1.tgz",
+      "integrity": "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/postcss-media-query-parser": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmmirror.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
+      "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/postcss-resolve-nested-selector": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmmirror.com/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.6.tgz",
+      "integrity": "sha512-0sglIs9Wmkzbr8lQwEyIzlDOOC9bGmfVKcJTaxv3vMmd3uo4o4DerC3En0bnmgceeql9BfC8hRkp7cg0fjdVqw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/postcss-safe-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
+      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3"
+      }
+    },
+    "node_modules/postcss-scss": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmmirror.com/postcss-scss/-/postcss-scss-4.0.9.tgz",
+      "integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss-scss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.29"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-sorting": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmmirror.com/postcss-sorting/-/postcss-sorting-8.0.2.tgz",
+      "integrity": "sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "postcss": "^8.4.20"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/preact": {
+      "version": "10.29.1",
+      "resolved": "https://registry.npmmirror.com/preact/-/preact-10.29.1.tgz",
+      "integrity": "sha512-gQCLc/vWroE8lIpleXtdJhTFDogTdZG9AjMUpVkDf2iTCNwYNWA+u16dL41TqUDJO4gm2IgrcMv3uTpjd4Pwmg==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.8.3",
+      "resolved": "https://registry.npmmirror.com/prettier/-/prettier-3.8.3.tgz",
+      "integrity": "sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-linter-helpers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.1.tgz",
+      "integrity": "sha512-SxToR7P8Y2lWmv/kTzVLC1t/GDI2WGjMwNhLLE9qtH8Q13C+aEmuRlzDst4Up4s0Wc8sF2M+J57iB3cMLqftfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-diff": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/pretty-ms": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmmirror.com/pretty-ms/-/pretty-ms-9.3.0.tgz",
+      "integrity": "sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parse-ms": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/prismjs": {
+      "version": "1.30.0",
+      "resolved": "https://registry.npmmirror.com/prismjs/-/prismjs-1.30.0.tgz",
+      "integrity": "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-2.1.0.tgz",
+      "integrity": "sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qified": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmmirror.com/qified/-/qified-0.9.1.tgz",
+      "integrity": "sha512-n7mar4T0xQ+39dE2vGTAlbxUEpndwPANH0kDef1/MYsB8Bba9wshkybIRx74qgcvKQPEWErf9AqAdYjhzY2Ilg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hookified": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/qified/node_modules/hookified": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/hookified/-/hookified-2.2.0.tgz",
+      "integrity": "sha512-p/LgFzRN5FeoD3DLS6bkUapeye6E4SI6yJs6KetENd18S+FBthqYq2amJUWpt5z0EQwwHemidjY5OqJGEKm5uA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/qrcode.vue": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmmirror.com/qrcode.vue/-/qrcode.vue-3.9.0.tgz",
+      "integrity": "sha512-AxkgdNXd6R6N1rJcSKna3GfMz3cMpLZo95CLuF/3227nNY32iACBtyqRr6mJc3SW7w628Iy0vgnLWYqxHqgRLw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/quansync": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmmirror.com/quansync/-/quansync-0.2.11.tgz",
+      "integrity": "sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/antfu"
+        },
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/sxzz"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-dir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/resolve-dir/-/resolve-dir-1.0.1.tgz",
+      "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "expand-tilde": "^2.0.0",
+        "global-modules": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "devOptional": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/restore-cursor/-/restore-cursor-3.1.0.tgz",
+      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmmirror.com/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmmirror.com/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "license": "MIT"
+    },
+    "node_modules/rollup": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.60.2.tgz",
+      "integrity": "sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.60.2",
+        "@rollup/rollup-android-arm64": "4.60.2",
+        "@rollup/rollup-darwin-arm64": "4.60.2",
+        "@rollup/rollup-darwin-x64": "4.60.2",
+        "@rollup/rollup-freebsd-arm64": "4.60.2",
+        "@rollup/rollup-freebsd-x64": "4.60.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.60.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.60.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.60.2",
+        "@rollup/rollup-linux-arm64-musl": "4.60.2",
+        "@rollup/rollup-linux-loong64-gnu": "4.60.2",
+        "@rollup/rollup-linux-loong64-musl": "4.60.2",
+        "@rollup/rollup-linux-ppc64-gnu": "4.60.2",
+        "@rollup/rollup-linux-ppc64-musl": "4.60.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.60.2",
+        "@rollup/rollup-linux-riscv64-musl": "4.60.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.60.2",
+        "@rollup/rollup-linux-x64-gnu": "4.60.2",
+        "@rollup/rollup-linux-x64-musl": "4.60.2",
+        "@rollup/rollup-openbsd-x64": "4.60.2",
+        "@rollup/rollup-openharmony-arm64": "4.60.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.60.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.60.2",
+        "@rollup/rollup-win32-x64-gnu": "4.60.2",
+        "@rollup/rollup-win32-x64-msvc": "4.60.2",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rollup-plugin-visualizer": {
+      "version": "5.14.0",
+      "resolved": "https://registry.npmmirror.com/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.14.0.tgz",
+      "integrity": "sha512-VlDXneTDaKsHIw8yzJAFWtrzguoJ/LnQ+lMpoVfYJ3jJF4Ihe5oYLAqLklIK/35lgUY+1yEzCkHyZ1j4A5w5fA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "open": "^8.4.0",
+        "picomatch": "^4.0.2",
+        "source-map": "^0.7.4",
+        "yargs": "^17.5.1"
+      },
+      "bin": {
+        "rollup-plugin-visualizer": "dist/bin/cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "rolldown": "1.x",
+        "rollup": "2.x || 3.x || 4.x"
+      },
+      "peerDependenciesMeta": {
+        "rolldown": {
+          "optional": true
+        },
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rollup-plugin-visualizer/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/run-applescript": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmmirror.com/run-applescript/-/run-applescript-7.1.0.tgz",
+      "integrity": "sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/run-async": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmmirror.com/run-async/-/run-async-2.4.1.tgz",
+      "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmmirror.com/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sass": {
+      "version": "1.99.0",
+      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.99.0.tgz",
+      "integrity": "sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.1.5",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "2.2.31",
+      "resolved": "https://registry.npmmirror.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.31.tgz",
+      "integrity": "sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==",
+      "license": "MIT",
+      "dependencies": {
+        "compute-scroll-into-view": "^1.0.20"
+      }
+    },
+    "node_modules/scule": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/scule/-/scule-1.3.0.tgz",
+      "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmmirror.com/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/sirv": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/sirv/-/sirv-3.0.2.tgz",
+      "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slate": {
+      "version": "0.72.8",
+      "resolved": "https://registry.npmmirror.com/slate/-/slate-0.72.8.tgz",
+      "integrity": "sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==",
+      "license": "MIT",
+      "dependencies": {
+        "immer": "^9.0.6",
+        "is-plain-object": "^5.0.0",
+        "tiny-warning": "^1.0.3"
+      }
+    },
+    "node_modules/slate-history": {
+      "version": "0.66.0",
+      "resolved": "https://registry.npmmirror.com/slate-history/-/slate-history-0.66.0.tgz",
+      "integrity": "sha512-6MWpxGQZiMvSINlCbMW43E2YBSVMCMCIwQfBzGssjWw4kb0qfvj0pIdblWNRQZD0hR6WHP+dHHgGSeVdMWzfng==",
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-object": "^5.0.0"
+      },
+      "peerDependencies": {
+        "slate": ">=0.65.3"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/slice-ansi/-/slice-ansi-5.0.0.tgz",
+      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.0.0",
+        "is-fullwidth-code-point": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/snabbdom": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmmirror.com/snabbdom/-/snabbdom-3.6.3.tgz",
+      "integrity": "sha512-W2lHLLw2qR2Vv0DcMmcxXqcfdBaIcoN+y/86SmHv8fn4DazEQSH6KN3TjZcWvwujW56OHiiirsbHWZb4vx/0fg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.17.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.7.6",
+      "resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.7.6.tgz",
+      "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmmirror.com/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-support/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "devOptional": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/speakingurl": {
+      "version": "14.0.1",
+      "resolved": "https://registry.npmmirror.com/speakingurl/-/speakingurl-14.0.1.tgz",
+      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/ssf": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmmirror.com/ssf/-/ssf-0.11.2.tgz",
+      "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "frac": "~1.1.2"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/ssr-window": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-3.0.0.tgz",
+      "integrity": "sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==",
+      "license": "MIT"
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-argv": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmmirror.com/string-argv/-/string-argv-0.3.2.tgz",
+      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6.19"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/strip-bom/-/strip-bom-4.0.0.tgz",
+      "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
+      "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-literal": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/strip-literal/-/strip-literal-3.1.0.tgz",
+      "integrity": "sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^9.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/strip-literal/node_modules/js-tokens": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-9.0.1.tgz",
+      "integrity": "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/stylelint": {
+      "version": "16.26.1",
+      "resolved": "https://registry.npmmirror.com/stylelint/-/stylelint-16.26.1.tgz",
+      "integrity": "sha512-v20V59/crfc8sVTAtge0mdafI3AdnzQ2KsWe6v523L4OA1bJO02S7MO2oyXDCS6iWb9ckIPnqAFVItqSBQr7jw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/stylelint"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/stylelint"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-syntax-patches-for-csstree": "^1.0.19",
+        "@csstools/css-tokenizer": "^3.0.4",
+        "@csstools/media-query-list-parser": "^4.0.3",
+        "@csstools/selector-specificity": "^5.0.0",
+        "@dual-bundle/import-meta-resolve": "^4.2.1",
+        "balanced-match": "^2.0.0",
+        "colord": "^2.9.3",
+        "cosmiconfig": "^9.0.0",
+        "css-functions-list": "^3.2.3",
+        "css-tree": "^3.1.0",
+        "debug": "^4.4.3",
+        "fast-glob": "^3.3.3",
+        "fastest-levenshtein": "^1.0.16",
+        "file-entry-cache": "^11.1.1",
+        "global-modules": "^2.0.0",
+        "globby": "^11.1.0",
+        "globjoin": "^0.1.4",
+        "html-tags": "^3.3.1",
+        "ignore": "^7.0.5",
+        "imurmurhash": "^0.1.4",
+        "is-plain-object": "^5.0.0",
+        "known-css-properties": "^0.37.0",
+        "mathml-tag-names": "^2.1.3",
+        "meow": "^13.2.0",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.5.6",
+        "postcss-resolve-nested-selector": "^0.1.6",
+        "postcss-safe-parser": "^7.0.1",
+        "postcss-selector-parser": "^7.1.0",
+        "postcss-value-parser": "^4.2.0",
+        "resolve-from": "^5.0.0",
+        "string-width": "^4.2.3",
+        "supports-hyperlinks": "^3.2.0",
+        "svg-tags": "^1.0.0",
+        "table": "^6.9.0",
+        "write-file-atomic": "^5.0.1"
+      },
+      "bin": {
+        "stylelint": "bin/stylelint.mjs"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/stylelint-config-html": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/stylelint-config-html/-/stylelint-config-html-1.1.0.tgz",
+      "integrity": "sha512-IZv4IVESjKLumUGi+HWeb7skgO6/g4VMuAYrJdlqQFndgbj6WJAXPhaysvBiXefX79upBdQVumgYcdd17gCpjQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12 || >=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ota-meshi"
+      },
+      "peerDependencies": {
+        "postcss-html": "^1.0.0",
+        "stylelint": ">=14.0.0"
+      }
+    },
+    "node_modules/stylelint-config-recess-order": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmmirror.com/stylelint-config-recess-order/-/stylelint-config-recess-order-4.6.0.tgz",
+      "integrity": "sha512-V76fhv3YtcNXh/hyAuAdSzi5FmcrG54Mp2AThJ3D/PTMTSYzUPd7GIhP6z9mTqnRhmkk6YTfcu/JWB8h+Yrcaw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "stylelint-order": "6.x"
+      },
+      "peerDependencies": {
+        "stylelint": ">=15"
+      }
+    },
+    "node_modules/stylelint-config-recommended": {
+      "version": "14.0.1",
+      "resolved": "https://registry.npmmirror.com/stylelint-config-recommended/-/stylelint-config-recommended-14.0.1.tgz",
+      "integrity": "sha512-bLvc1WOz/14aPImu/cufKAZYfXs/A/owZfSMZ4N+16WGXLoX5lOir53M6odBxvhgmgdxCVnNySJmZKx73T93cg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/stylelint"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/stylelint"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^16.1.0"
+      }
+    },
+    "node_modules/stylelint-config-recommended-scss": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmmirror.com/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-14.1.0.tgz",
+      "integrity": "sha512-bhaMhh1u5dQqSsf6ri2GVWWQW5iUjBYgcHkh7SgDDn92ijoItC/cfO/W+fpXshgTQWhwFkP1rVcewcv4jaftRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-scss": "^4.0.9",
+        "stylelint-config-recommended": "^14.0.1",
+        "stylelint-scss": "^6.4.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3",
+        "stylelint": "^16.6.1"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylelint-config-recommended-vue": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmmirror.com/stylelint-config-recommended-vue/-/stylelint-config-recommended-vue-1.6.1.tgz",
+      "integrity": "sha512-lLW7hTIMBiTfjenGuDq2kyHA6fBWd/+Df7MO4/AWOxiFeXP9clbpKgg27kHfwA3H7UNMGC7aeP3mNlZB5LMmEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.3.5",
+        "stylelint-config-html": ">=1.0.0",
+        "stylelint-config-recommended": ">=6.0.0"
+      },
+      "engines": {
+        "node": "^12 || >=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ota-meshi"
+      },
+      "peerDependencies": {
+        "postcss-html": "^1.0.0",
+        "stylelint": ">=14.0.0"
+      }
+    },
+    "node_modules/stylelint-config-standard": {
+      "version": "36.0.1",
+      "resolved": "https://registry.npmmirror.com/stylelint-config-standard/-/stylelint-config-standard-36.0.1.tgz",
+      "integrity": "sha512-8aX8mTzJ6cuO8mmD5yon61CWuIM4UD8Q5aBcWKGSf6kg+EC3uhB+iOywpTK4ca6ZL7B49en8yanOFtUW0qNzyw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/stylelint"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/stylelint"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "stylelint-config-recommended": "^14.0.1"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^16.1.0"
+      }
+    },
+    "node_modules/stylelint-order": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmmirror.com/stylelint-order/-/stylelint-order-6.0.4.tgz",
+      "integrity": "sha512-0UuKo4+s1hgQ/uAxlYU4h0o0HS4NiQDud0NAUNI0aa8FJdmYHA5ZZTFHiV5FpmE3071e9pZx5j0QpVJW5zOCUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^8.4.32",
+        "postcss-sorting": "^8.0.2"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.0.0 || ^15.0.0 || ^16.0.1"
+      }
+    },
+    "node_modules/stylelint-scss": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmmirror.com/stylelint-scss/-/stylelint-scss-6.14.0.tgz",
+      "integrity": "sha512-ZKmHMZolxeuYsnB+PCYrTpFce0/QWX9i9gh0hPXzp73WjuIMqUpzdQaBCrKoLWh6XtCFSaNDErkMPqdjy1/8aA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "^3.0.1",
+        "is-plain-object": "^5.0.0",
+        "known-css-properties": "^0.37.0",
+        "mdn-data": "^2.25.0",
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-resolve-nested-selector": "^0.1.6",
+        "postcss-selector-parser": "^7.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^16.8.2"
+      }
+    },
+    "node_modules/stylelint-scss/node_modules/postcss-selector-parser": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-7.1.1.tgz",
+      "integrity": "sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/stylelint/node_modules/@csstools/selector-specificity": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/@csstools/selector-specificity/-/selector-specificity-5.0.0.tgz",
+      "integrity": "sha512-PCqQV3c4CoVm3kdPhyeZ07VmBRdH2EpMFA/pd9OASpOEC3aXNGoqPDAZ80D0cLpMBxnmk0+yNhGsEx31hq7Gtw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "postcss-selector-parser": "^7.0.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/balanced-match": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-2.0.0.tgz",
+      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/stylelint/node_modules/file-entry-cache": {
+      "version": "11.1.2",
+      "resolved": "https://registry.npmmirror.com/file-entry-cache/-/file-entry-cache-11.1.2.tgz",
+      "integrity": "sha512-N2WFfK12gmrK1c1GXOqiAJ1tc5YE+R53zvQ+t5P8S5XhnmKYVB5eZEiLNZKDSmoG8wqqbF9EXYBBW/nef19log==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^6.1.20"
+      }
+    },
+    "node_modules/stylelint/node_modules/flat-cache": {
+      "version": "6.1.22",
+      "resolved": "https://registry.npmmirror.com/flat-cache/-/flat-cache-6.1.22.tgz",
+      "integrity": "sha512-N2dnzVJIphnNsjHcrxGW7DePckJ6haPrSFqpsBUhHYgwtKGVq4JrBGielEGD2fCVnsGm1zlBVZ8wGhkyuetgug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cacheable": "^2.3.4",
+        "flatted": "^3.4.2",
+        "hookified": "^1.15.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/global-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/global-modules/-/global-modules-2.0.0.tgz",
+      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "global-prefix": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/stylelint/node_modules/global-prefix": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/global-prefix/-/global-prefix-3.0.0.tgz",
+      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ini": "^1.3.5",
+        "kind-of": "^6.0.2",
+        "which": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/stylelint/node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmmirror.com/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/stylelint/node_modules/meow": {
+      "version": "13.2.0",
+      "resolved": "https://registry.npmmirror.com/meow/-/meow-13.2.0.tgz",
+      "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/stylelint/node_modules/postcss-safe-parser": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmmirror.com/postcss-safe-parser/-/postcss-safe-parser-7.0.1.tgz",
+      "integrity": "sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss-safe-parser"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.31"
+      }
+    },
+    "node_modules/stylelint/node_modules/postcss-selector-parser": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-7.1.1.tgz",
+      "integrity": "sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/stylelint/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/superjson": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmmirror.com/superjson/-/superjson-2.2.6.tgz",
+      "integrity": "sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==",
+      "license": "MIT",
+      "dependencies": {
+        "copy-anything": "^4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-hyperlinks": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/supports-hyperlinks/-/supports-hyperlinks-3.2.0.tgz",
+      "integrity": "sha512-zFObLMyZeEwzAoKCyu1B91U79K2t7ApXuQfo8OuxwXLDgcKxuwM+YvcbIhm6QWqz7mHUH1TVytR1PwVVjEuMig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0",
+        "supports-color": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-hyperlinks?sponsor=1"
+      }
+    },
+    "node_modules/svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
+      "dev": true
+    },
+    "node_modules/synckit": {
+      "version": "0.11.12",
+      "resolved": "https://registry.npmmirror.com/synckit/-/synckit-0.11.12.tgz",
+      "integrity": "sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@pkgr/core": "^0.2.9"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/synckit"
+      }
+    },
+    "node_modules/table": {
+      "version": "6.9.0",
+      "resolved": "https://registry.npmmirror.com/table/-/table-6.9.0.tgz",
+      "integrity": "sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "ajv": "^8.0.1",
+        "lodash.truncate": "^4.4.2",
+        "slice-ansi": "^4.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/table/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/table/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/table/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/table/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/table/node_modules/slice-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/slice-ansi/-/slice-ansi-4.0.0.tgz",
+      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-4.2.4.tgz",
+      "integrity": "sha512-HhKppgO81FQof5m6TEnuBWCZGgfRAWbaeOaGT00KOy/Pf/j6oUihdvBpA7ltCeAvZpFhW3j0PTclkxsd4IXYDA==",
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/tapable/-/tapable-2.3.3.tgz",
+      "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmmirror.com/terser/-/terser-5.46.2.tgz",
+      "integrity": "sha512-uxfo9fPcSgLDYob/w1FuL0c99MWiJDnv+5qXSQc5+Ki5NjVNsYi66INnMFBjf6uFz6OnX12piJQPF4IpjJTNTw==",
+      "devOptional": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.15.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/text-extensions": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmmirror.com/text-extensions/-/text-extensions-2.4.0.tgz",
+      "integrity": "sha512-te/NtwBwfiNRLf9Ijqx3T0nlqZiQ2XrrtBvu+cLL8ZRrGkO0NHTug8MYFKyoSrv/sHTaSKfilUkizV6XhxMJ3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmmirror.com/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tiny-warning": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/tiny-warning/-/tiny-warning-1.0.3.tgz",
+      "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==",
+      "license": "MIT"
+    },
+    "node_modules/tinyexec": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/tinyexec/-/tinyexec-1.1.2.tgz",
+      "integrity": "sha512-dAqSqE/RabpBKI8+h26GfLq6Vb3JVXs30XYQjdMjaj/c2tS8IYYMbIzP599KtRj7c57/wYApb3QjgRgXmrCukA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.16",
+      "resolved": "https://registry.npmmirror.com/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmmirror.com/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmmirror.com/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "os-tmpdir": "~1.0.2"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmmirror.com/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
+      "license": "0BSD"
+    },
+    "node_modules/tsx": {
+      "version": "4.21.0",
+      "resolved": "https://registry.npmmirror.com/tsx/-/tsx-4.21.0.tgz",
+      "integrity": "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.27.0",
+        "get-tsconfig": "^4.7.5"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
+    "node_modules/type": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmmirror.com/type/-/type-2.7.3.tgz",
+      "integrity": "sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==",
+      "license": "ISC"
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmmirror.com/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.6.3",
+      "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.6.3.tgz",
+      "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typescript-eslint": {
+      "version": "8.59.1",
+      "resolved": "https://registry.npmmirror.com/typescript-eslint/-/typescript-eslint-8.59.1.tgz",
+      "integrity": "sha512-xqDcFVBmlrltH64lklOVp1wYxgJr6LVdg3NamBgH2OOQDLFdTKfIZXF5PfghrnXQKXZGTQs8tr1vL7fJvq8CTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.59.1",
+        "@typescript-eslint/parser": "8.59.1",
+        "@typescript-eslint/typescript-estree": "8.59.1",
+        "@typescript-eslint/utils": "8.59.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/ufo": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmmirror.com/ufo/-/ufo-1.6.4.tgz",
+      "integrity": "sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/unicorn-magic": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmmirror.com/unicorn-magic/-/unicorn-magic-0.1.0.tgz",
+      "integrity": "sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/unimport": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmmirror.com/unimport/-/unimport-5.7.0.tgz",
+      "integrity": "sha512-njnL6sp8lEA8QQbZrt+52p/g4X0rw3bnGGmUcJnt1jeG8+iiqO779aGz0PirCtydAIVcuTBRlJ52F0u46z309Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.16.0",
+        "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
+        "local-pkg": "^1.1.2",
+        "magic-string": "^0.30.21",
+        "mlly": "^1.8.0",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3",
+        "pkg-types": "^2.3.0",
+        "scule": "^1.3.0",
+        "strip-literal": "^3.1.0",
+        "tinyglobby": "^0.2.15",
+        "unplugin": "^2.3.11",
+        "unplugin-utils": "^0.3.1"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/unimport/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/unimport/node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/unimport/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/unplugin": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmmirror.com/unplugin/-/unplugin-2.3.11.tgz",
+      "integrity": "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "acorn": "^8.15.0",
+        "picomatch": "^4.0.3",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/unplugin-auto-import": {
+      "version": "20.3.0",
+      "resolved": "https://registry.npmmirror.com/unplugin-auto-import/-/unplugin-auto-import-20.3.0.tgz",
+      "integrity": "sha512-RcSEQiVv7g0mLMMXibYVKk8mpteKxvyffGuDKqZZiFr7Oq3PB1HwgHdK5O7H4AzbhzHoVKG0NnMnsk/1HIVYzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "local-pkg": "^1.1.2",
+        "magic-string": "^0.30.21",
+        "picomatch": "^4.0.3",
+        "unimport": "^5.5.0",
+        "unplugin": "^2.3.11",
+        "unplugin-utils": "^0.3.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": "^4.0.0",
+        "@vueuse/core": "*"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        },
+        "@vueuse/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unplugin-auto-import/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/unplugin-element-plus": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmmirror.com/unplugin-element-plus/-/unplugin-element-plus-0.10.0.tgz",
+      "integrity": "sha512-oRSW0x6U58xBOWKy8TcoVZNA8ElIpfp3TUJRLQI6ey/E9PpjHl9/deeTAZNt8D57Li4OA4pCJtM6p2cb4Ff4ZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-module-lexer": "^1.6.0",
+        "magic-string": "^0.30.17",
+        "unplugin": "^2.3.2",
+        "unplugin-utils": "^0.2.4"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/unplugin-element-plus/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/unplugin-element-plus/node_modules/unplugin-utils": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmmirror.com/unplugin-utils/-/unplugin-utils-0.2.5.tgz",
+      "integrity": "sha512-gwXJnPRewT4rT7sBi/IvxKTjsms7jX7QIDLOClApuZwR49SXbrB1z2NLUZ+vDHyqCj/n58OzRRqaW+B8OZi8vg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/unplugin-utils": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmmirror.com/unplugin-utils/-/unplugin-utils-0.3.1.tgz",
+      "integrity": "sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/unplugin-utils/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/unplugin-vue-components": {
+      "version": "29.2.0",
+      "resolved": "https://registry.npmmirror.com/unplugin-vue-components/-/unplugin-vue-components-29.2.0.tgz",
+      "integrity": "sha512-QxBeBdmEflgtJRgMQMc/z/JVV5lcwXN5nOy5ehX6CKDGylIu6Qn4Goy8X95S0qOxF7EdI+uNhdBd4v5i0bvzCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^3.6.0",
+        "debug": "^4.4.3",
+        "local-pkg": "^1.1.2",
+        "magic-string": "^0.30.19",
+        "mlly": "^1.8.0",
+        "tinyglobby": "^0.2.15",
+        "unplugin": "^2.3.10",
+        "unplugin-utils": "^0.3.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@babel/parser": "^7.15.8",
+        "@nuxt/kit": "^3.2.2 || ^4.0.0",
+        "vue": "2 || 3"
+      },
+      "peerDependenciesMeta": {
+        "@babel/parser": {
+          "optional": true
+        },
+        "@nuxt/kit": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unplugin-vue-components/node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/unplugin-vue-components/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/unplugin-vue-components/node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/unplugin/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmmirror.com/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vite": {
+      "version": "7.3.2",
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-7.3.2.tgz",
+      "integrity": "sha512-Bby3NOsna2jsjfLVOHKes8sGwgl4TT0E6vvpYgnAYDIF/tie7MRaFthmKuHx1NSXjiTueXH3do80FMQgvEktRg==",
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.27.0",
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.15"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "lightningcss": "^1.21.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-hot-client": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/vite-hot-client/-/vite-hot-client-2.2.0.tgz",
+      "integrity": "sha512-76Zs9zrHbH7M7wqeyooGQKdX+yg0pQ0xuQ1PbFp4z5a0Lzn2e5IPFoCswnmqZ4GiwqB4Jo3WcDAMO9jARTJl8w==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vite": "^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0 || ^8.0.0"
+      }
+    },
+    "node_modules/vite-plugin-compression": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmmirror.com/vite-plugin-compression/-/vite-plugin-compression-0.5.1.tgz",
+      "integrity": "sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "debug": "^4.3.3",
+        "fs-extra": "^10.0.0"
+      },
+      "peerDependencies": {
+        "vite": ">=2.0.0"
+      }
+    },
+    "node_modules/vite-plugin-compression/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/vite-plugin-compression/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/vite-plugin-compression/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/vite-plugin-compression/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vite-plugin-compression/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmmirror.com/vite-plugin-vue-devtools/-/vite-plugin-vue-devtools-7.7.9.tgz",
+      "integrity": "sha512-08DvePf663SxqLFJeMVNW537zzVyakp9KIrI2K7lwgaTqA5R/ydN/N2K8dgZO34tg/Qmw0ch84fOKoBtCEdcGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-core": "^7.7.9",
+        "@vue/devtools-kit": "^7.7.9",
+        "@vue/devtools-shared": "^7.7.9",
+        "execa": "^9.5.2",
+        "sirv": "^3.0.1",
+        "vite-plugin-inspect": "0.8.9",
+        "vite-plugin-vue-inspector": "^5.3.1"
+      },
+      "engines": {
+        "node": ">=v14.21.3"
+      },
+      "peerDependencies": {
+        "vite": "^3.1.0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/define-lazy-prop": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
+      "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/execa": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmmirror.com/execa/-/execa-9.6.1.tgz",
+      "integrity": "sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sindresorhus/merge-streams": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "figures": "^6.1.0",
+        "get-stream": "^9.0.0",
+        "human-signals": "^8.0.1",
+        "is-plain-obj": "^4.1.0",
+        "is-stream": "^4.0.1",
+        "npm-run-path": "^6.0.0",
+        "pretty-ms": "^9.2.0",
+        "signal-exit": "^4.1.0",
+        "strip-final-newline": "^4.0.0",
+        "yoctocolors": "^2.1.1"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.5.0"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/figures": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmmirror.com/figures/-/figures-6.1.0.tgz",
+      "integrity": "sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-unicode-supported": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/fs-extra": {
+      "version": "11.3.4",
+      "resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-11.3.4.tgz",
+      "integrity": "sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/get-stream": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmmirror.com/get-stream/-/get-stream-9.0.1.tgz",
+      "integrity": "sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sec-ant/readable-stream": "^0.4.1",
+        "is-stream": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/human-signals": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmmirror.com/human-signals/-/human-signals-8.0.1.tgz",
+      "integrity": "sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/is-stream": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/is-stream/-/is-stream-4.0.1.tgz",
+      "integrity": "sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/is-unicode-supported": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
+      "integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/npm-run-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/npm-run-path/-/npm-run-path-6.0.0.tgz",
+      "integrity": "sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^4.0.0",
+        "unicorn-magic": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/open": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmmirror.com/open/-/open-10.2.0.tgz",
+      "integrity": "sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "default-browser": "^5.2.1",
+        "define-lazy-prop": "^3.0.0",
+        "is-inside-container": "^1.0.0",
+        "wsl-utils": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/path-key": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/path-key/-/path-key-4.0.0.tgz",
+      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/strip-final-newline": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/strip-final-newline/-/strip-final-newline-4.0.0.tgz",
+      "integrity": "sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/unicorn-magic": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmmirror.com/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
+      "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools/node_modules/vite-plugin-inspect": {
+      "version": "0.8.9",
+      "resolved": "https://registry.npmmirror.com/vite-plugin-inspect/-/vite-plugin-inspect-0.8.9.tgz",
+      "integrity": "sha512-22/8qn+LYonzibb1VeFZmISdVao5kC22jmEKm24vfFE8siEn47EpVcCLYMv6iKOYMJfjSvSJfueOwcFCkUnV3A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@antfu/utils": "^0.7.10",
+        "@rollup/pluginutils": "^5.1.3",
+        "debug": "^4.3.7",
+        "error-stack-parser-es": "^0.1.5",
+        "fs-extra": "^11.2.0",
+        "open": "^10.1.0",
+        "perfect-debounce": "^1.0.0",
+        "picocolors": "^1.1.1",
+        "sirv": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vite": "^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-plugin-vue-inspector": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmmirror.com/vite-plugin-vue-inspector/-/vite-plugin-vue-inspector-5.4.0.tgz",
+      "integrity": "sha512-Iq/024CydcE46FZqWPU4t4lw4uYOdLnFSO1RNxJVt2qY9zxIjmnkBqhHnYaReWM82kmNnaXs7OkfgRrV2GEjyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.23.0",
+        "@babel/plugin-proposal-decorators": "^7.23.0",
+        "@babel/plugin-syntax-import-attributes": "^7.22.5",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-transform-typescript": "^7.22.15",
+        "@vue/babel-plugin-jsx": "^1.1.5",
+        "@vue/compiler-dom": "^3.3.4",
+        "kolorist": "^1.8.0",
+        "magic-string": "^0.30.4"
+      },
+      "peerDependencies": {
+        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/vite/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmmirror.com/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/vscode-uri/-/vscode-uri-3.1.0.tgz",
+      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue": {
+      "version": "3.5.33",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.33.tgz",
+      "integrity": "sha512-1AgChhx5w3ALgT4oK3acm2Es/7jyZhWSVUfs3rOBlGQC0rjEDkS7G4lWlJJGGNQD+BV3reCwbQrOe1mPNwKHBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.33",
+        "@vue/compiler-sfc": "3.5.33",
+        "@vue/runtime-dom": "3.5.33",
+        "@vue/server-renderer": "3.5.33",
+        "@vue/shared": "3.5.33"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-component-type-helpers": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmmirror.com/vue-component-type-helpers/-/vue-component-type-helpers-3.2.7.tgz",
+      "integrity": "sha512-+gPp5YGmhfsj1IN+xUo7y0fb4clfnOiiUA39y07yW1VzCRjzVgwLbtmdWlghh7mXrPsEaYc7rrIir/HT6C8vYQ==",
+      "license": "MIT"
+    },
+    "node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-draggable-plus": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmmirror.com/vue-draggable-plus/-/vue-draggable-plus-0.6.1.tgz",
+      "integrity": "sha512-FbtQ/fuoixiOfTZzG3yoPl4JAo9HJXRHmBQZFB9x2NYCh6pq0TomHf7g5MUmpaDYv+LU2n6BPq2YN9sBO+FbIg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/sortablejs": "^1.15.8"
+      },
+      "peerDependencies": {
+        "@types/sortablejs": "^1.15.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-eslint-parser": {
+      "version": "9.4.3",
+      "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
+      "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4",
+        "eslint-scope": "^7.1.1",
+        "eslint-visitor-keys": "^3.3.0",
+        "espree": "^9.3.1",
+        "esquery": "^1.4.0",
+        "lodash": "^4.17.21",
+        "semver": "^7.3.6"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=6.0.0"
+      }
+    },
+    "node_modules/vue-eslint-parser/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/vue-eslint-parser/node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmmirror.com/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/vue-i18n": {
+      "version": "9.14.4",
+      "resolved": "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-9.14.4.tgz",
+      "integrity": "sha512-B934C8yUyWLT0EMud3DySrwSUJI7ZNiWYsEEz2gknTthqKiG4dzWE/WSa8AzCuSQzwBEv4HtG1jZDhgzPfWSKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/core-base": "9.14.4",
+        "@intlify/shared": "9.14.4",
+        "@vue/devtools-api": "^6.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vue-i18n/node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
+    "node_modules/vue-img-cutter": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmmirror.com/vue-img-cutter/-/vue-img-cutter-3.0.7.tgz",
+      "integrity": "sha512-fNw3kimawg9XVXDZCw2bI74NI+Jq+H42wjymatZVVSY46wuBty6LbQsu4GeVfo/yzpS9AHY0tzckpYzX3D2fmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-js": "^3.20.3",
+        "vue": "^3.2.29",
+        "vue-i18n": "^9.1.10"
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.6.4",
+      "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.6.4.tgz",
+      "integrity": "sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/vue-router/node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
+    "node_modules/vue-tsc": {
+      "version": "2.1.10",
+      "resolved": "https://registry.npmmirror.com/vue-tsc/-/vue-tsc-2.1.10.tgz",
+      "integrity": "sha512-RBNSfaaRHcN5uqVqJSZh++Gy/YUzryuv9u1aFWhsammDJXNtUiJMNoJ747lZcQ68wUQFx6E73y4FY3D8E7FGMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/typescript": "~2.4.8",
+        "@vue/language-core": "2.1.10",
+        "semver": "^7.5.4"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    },
+    "node_modules/wcwidth": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/wcwidth/-/wcwidth-1.0.1.tgz",
+      "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "defaults": "^1.0.3"
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmmirror.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/wildcard": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/wildcard/-/wildcard-1.1.2.tgz",
+      "integrity": "sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng==",
+      "license": "MIT"
+    },
+    "node_modules/wmf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/wmf/-/wmf-1.0.2.tgz",
+      "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/word": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmmirror.com/word/-/word-0.3.0.tgz",
+      "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmmirror.com/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/write-file-atomic": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/write-file-atomic/-/write-file-atomic-5.0.1.tgz",
+      "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/wsl-utils": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmmirror.com/wsl-utils/-/wsl-utils-0.1.0.tgz",
+      "integrity": "sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-wsl": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/wsl-utils/node_modules/is-wsl": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/is-wsl/-/is-wsl-3.1.1.tgz",
+      "integrity": "sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-inside-container": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/xgplayer": {
+      "version": "3.0.24",
+      "resolved": "https://registry.npmmirror.com/xgplayer/-/xgplayer-3.0.24.tgz",
+      "integrity": "sha512-rK3hoJ+1Pbl9PUCHgeJv1GnOQF28BKLQFTBxdvi0pHsibJeXaDUf51SLFcgNVAPN15aDYcjJgaSf7LQ0RfEFPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "danmu.js": ">=1.2.1",
+        "delegate": "^3.2.0",
+        "eventemitter3": "^4.0.7",
+        "xgplayer-subtitles": "3.0.24"
+      },
+      "peerDependencies": {
+        "core-js": ">=3.12.1"
+      }
+    },
+    "node_modules/xgplayer-subtitles": {
+      "version": "3.0.24",
+      "resolved": "https://registry.npmmirror.com/xgplayer-subtitles/-/xgplayer-subtitles-3.0.24.tgz",
+      "integrity": "sha512-yrHROepD9kTGWiTSxBjh+TGaK9orQOHQ1GUxWFOkQzO8BLl/pcIAqqJkHiAoP0j+eU8VdIhpb55oJRIkTTWPsA==",
+      "license": "MIT",
+      "dependencies": {
+        "eventemitter3": "^4.0.7"
+      },
+      "peerDependencies": {
+        "core-js": ">=3.12.1"
+      }
+    },
+    "node_modules/xgplayer-subtitles/node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "license": "MIT"
+    },
+    "node_modules/xgplayer/node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "license": "MIT"
+    },
+    "node_modules/xlsx": {
+      "version": "0.18.5",
+      "resolved": "https://registry.npmmirror.com/xlsx/-/xlsx-0.18.5.tgz",
+      "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "cfb": "~1.2.1",
+        "codepage": "~1.15.0",
+        "crc-32": "~1.2.1",
+        "ssf": "~0.11.2",
+        "wmf": "~1.0.1",
+        "word": "~0.3.0"
+      },
+      "bin": {
+        "xlsx": "bin/xlsx.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmmirror.com/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yaml": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmmirror.com/yaml/-/yaml-2.8.3.tgz",
+      "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==",
+      "devOptional": true,
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmmirror.com/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/yocto-queue/-/yocto-queue-1.2.2.tgz",
+      "integrity": "sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yoctocolors": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/yoctocolors/-/yoctocolors-2.1.2.tgz",
+      "integrity": "sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zrender": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/zrender/-/zrender-6.0.0.tgz",
+      "integrity": "sha512-41dFXEEXuJpNecuUQq6JlbybmnHaqqpGlbH1yxnA5V9MMP4SbohSVZsJIwz+zdjQXSSlR1Vc34EgH1zxyTDvhg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tslib": "2.3.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..e06d130
--- /dev/null
+++ b/package.json
@@ -0,0 +1,216 @@
+{
+  "name": "fastapiadmin",
+  "description": "Vue3 + Vite + TypeScript + Element-Plus 的后台管理模板",
+  "version": "3.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "i": "pnpm install",
+    "dev": "vite",
+    "dev:force": "vite --force",
+    "prod": "vite --mode prod",
+    "build": "vue-tsc --noEmit && vite build",
+    "build:pro": "pnpm vite build --mode pro",
+    "build:gitee": "pnpm vite build --mode gitee",
+    "build:dev": "pnpm vite build --mode dev",
+    "build:test": "pnpm vite build --mode test",
+    "serve:pro": "pnpm vite preview --mode pro",
+    "serve:dev": "pnpm vite preview --mode dev",
+    "serve:test": "pnpm vite preview --mode test",
+    "clean": "pnpx rimraf node_modules",
+    "ts:check": "pnpm vue-tsc --noEmit --skipLibCheck",
+    "npm:check": "pnpx npm-check-updates -u",
+    "clean:cache": "pnpx rimraf node_modules/.cache node_modules/.vite",
+    "prepare": "husky",
+    "icon": "esno ./scripts/icon.ts",
+    "preview": "vite preview",
+    "type-check": "vue-tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "pnpm run lint:eslint && pnpm run lint:prettier && pnpm run lint:stylelint",
+    "lint:eslint": "eslint --cache \"src/**/*.{vue,ts,js}\" --fix",
+    "lint:prettier": "prettier --write \"**/*.{js,cjs,ts,json,tsx,css,less,scss,vue,html,md}\"",
+    "lint:stylelint": "stylelint \"**/*.{css,scss,vue}\" --cache --fix",
+    "lint:lint-staged": "lint-staged -c ./.husky/lintstagedrc.cjs",
+    "commit": "git-cz",
+    "clean:dev": "tsx scripts/clean-dev.ts"
+  },
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-git"
+    }
+  },
+  "lint-staged": {
+    "*.{js,ts,mjs,mts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{cjs,json,jsonc}": [
+      "prettier --write"
+    ],
+    "*.vue": [
+      "eslint --fix",
+      "stylelint --fix --allow-empty-input",
+      "prettier --write"
+    ],
+    "*.{html,htm}": [
+      "prettier --write"
+    ],
+    "*.{scss,css,less}": [
+      "stylelint --fix --allow-empty-input",
+      "prettier --write"
+    ],
+    "*.{md,mdx}": [
+      "prettier --write"
+    ],
+    "*.{yaml,yml}": [
+      "prettier --write"
+    ]
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
+    "@iconify-json/line-md": "^1.2.16",
+    "@iconify-json/ri": "^1.2.10",
+    "@iconify-json/svg-spinners": "^1.2.4",
+    "@iconify/vue": "^5.0.1",
+    "@tailwindcss/vite": "^4.3.0",
+    "@vue-flow/background": "^1.3.2",
+    "@vue-flow/controls": "^1.1.3",
+    "@vue-flow/core": "^1.48.1",
+    "@vue-flow/minimap": "^1.5.4",
+    "@vueuse/core": "^13.9.0",
+    "@wangeditor-next/editor": "^5.7.0",
+    "@wangeditor-next/editor-for-vue": "^5.1.14",
+    "animate.css": "^4.1.1",
+    "axios": "^1.16.1",
+    "clipboard": "^2.0.11",
+    "codemirror": "^5.65.21",
+    "codemirror-editor-vue3": "^2.8.0",
+    "crypto-js": "^4.2.0",
+    "dagre": "^0.8.5",
+    "dayjs": "^1.11.20",
+    "dompurify": "^3.4.3",
+    "echarts": "^6.0.0",
+    "element-plus": "~2.13.7",
+    "exceljs": "^4.4.0",
+    "file-saver": "^2.0.5",
+    "highlight.js": "^11.11.1",
+    "js-beautify": "^1.15.4",
+    "markdown-it": "^14.1.0",
+    "markdown-it-highlightjs": "^4.3.0",
+    "mitt": "^3.0.1",
+    "nprogress": "^0.2.0",
+    "ohash": "^2.0.11",
+    "path-browserify": "^1.0.1",
+    "path-to-regexp": "^8.4.2",
+    "picocolors": "^1.1.1",
+    "pinia": "^3.0.4",
+    "pinia-plugin-persistedstate": "^4.7.1",
+    "qrcode.vue": "^3.9.0",
+    "qs": "^6.15.0",
+    "tailwindcss": "^4.3.0",
+    "vue": "^3.5.34",
+    "vue-draggable-plus": "^0.6.0",
+    "vue-i18n": "^11.1.10",
+    "vue-json-pretty": "^2.5.0",
+    "vue-router": "^5.0.7",
+    "vue-web-terminal": "^3.4.1",
+    "vue3-cron-plus": "^0.1.9",
+    "vuedraggable": "^2.24.3",
+    "xgplayer": "^3.0.20",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^21.0.1",
+    "@commitlint/config-conventional": "^21.0.1",
+    "@eslint/js": "^10.0.0",
+    "@iconify/utils": "^2.3.0",
+    "@types/codemirror": "^5.60.17",
+    "@types/dagre": "^0.7.54",
+    "@types/file-saver": "^2.0.7",
+    "@types/markdown-it": "^14.1.2",
+    "@types/node": "^24.0.5",
+    "@types/nprogress": "^0.2.3",
+    "@types/path-browserify": "^1.0.3",
+    "@types/qs": "^6.14.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.3",
+    "@typescript-eslint/parser": "^8.59.3",
+    "@vitejs/plugin-vue": "^6.0.6",
+    "@vue/compiler-sfc": "^3.5.22",
+    "@vue/test-utils": "^2.4.10",
+    "autoprefixer": "^10.4.21",
+    "commitizen": "^4.3.1",
+    "cz-git": "^1.13.1",
+    "eslint": "^10.3.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.3",
+    "eslint-plugin-vue": "^10.4.0",
+    "fs-extra": "^11.2.0",
+    "globals": "^15.15.0",
+    "husky": "^9.1.7",
+    "jsdom": "^29.1.1",
+    "lint-staged": "^15.5.2",
+    "postcss": "^8.5.6",
+    "postcss-html": "^1.8.0",
+    "postcss-scss": "^4.0.9",
+    "prettier": "^3.6.2",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "sass": "^1.89.2",
+    "stylelint": "^17.0.0",
+    "stylelint-config-html": "^1.1.0",
+    "stylelint-config-recess-order": "^7.7.0",
+    "stylelint-config-recommended": "^18.0.0",
+    "stylelint-config-recommended-scss": "^17.0.1",
+    "stylelint-config-recommended-vue": "^1.6.1",
+    "stylelint-config-standard": "^40.0.0",
+    "stylelint-order": "^8.0.0",
+    "stylelint-prettier": "^5.0.3",
+    "terser": "^5.43.1",
+    "tsx": "^4.20.3",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.59.3",
+    "unplugin-auto-import": "^20.2.0",
+    "unplugin-element-plus": "^0.10.0",
+    "unplugin-vue-components": "^29.1.0",
+    "vite": "^7.1.5",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-vue-devtools": "^8.1.2",
+    "vitest": "^4.1.7",
+    "vue-demi": "^0.14.9",
+    "vue-eslint-parser": "^10.4.0",
+    "vue-img-cutter": "^3.1.1",
+    "vue-tsc": "^3.2.9"
+  },
+  "pnpm": {
+    "overrides": {
+      "glob": "13.0.6",
+      "rimraf": "6.1.3",
+      "uuid": "14.0.0",
+      "fstream": "1.0.12",
+      "lodash.isequal": "4.5.0"
+    }
+  },
+  "packageManager": "pnpm@9.15.3",
+  "engines": {
+    "node": ">=20.19.0",
+    "npm": ">=10.0.0",
+    "pnpm": ">=8.8.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/fastapiadmin/FastapiAdmin.git"
+  },
+  "bugs": {
+    "url": "https://gitee.com/fastapiadmin/FastapiAdmin/issues"
+  },
+  "author": "fastapiadmin <948080782@qq.com>",
+  "license": "MIT",
+  "homepage": "https://gitee.com/fastapiadmin/FastapiAdmin",
+  "browserslist": [
+    "Chrome >= 84",
+    "Firefox >= 83",
+    "Safari >= 14.1",
+    "Edge >= 84",
+    "not dead"
+  ]
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..56dafbe
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,9408 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+overrides:
+  glob: 13.0.6
+  rimraf: 6.1.3
+  uuid: 14.0.0
+  fstream: 1.0.12
+  lodash.isequal: 4.5.0
+
+importers:
+
+  .:
+    dependencies:
+      '@element-plus/icons-vue':
+        specifier: ^2.3.2
+        version: 2.3.2(vue@3.5.34(typescript@6.0.3))
+      '@iconify-json/line-md':
+        specifier: ^1.2.16
+        version: 1.2.16
+      '@iconify-json/ri':
+        specifier: ^1.2.10
+        version: 1.2.10
+      '@iconify-json/svg-spinners':
+        specifier: ^1.2.4
+        version: 1.2.4
+      '@iconify/vue':
+        specifier: ^5.0.1
+        version: 5.0.1(vue@3.5.34(typescript@6.0.3))
+      '@tailwindcss/vite':
+        specifier: ^4.3.0
+        version: 4.3.0(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      '@vue-flow/background':
+        specifier: ^1.3.2
+        version: 1.3.2(@vue-flow/core@1.48.2(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
+      '@vue-flow/controls':
+        specifier: ^1.1.3
+        version: 1.1.3(@vue-flow/core@1.48.2(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
+      '@vue-flow/core':
+        specifier: ^1.48.1
+        version: 1.48.2(vue@3.5.34(typescript@6.0.3))
+      '@vue-flow/minimap':
+        specifier: ^1.5.4
+        version: 1.5.4(@vue-flow/core@1.48.2(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
+      '@vueuse/core':
+        specifier: ^13.9.0
+        version: 13.9.0(vue@3.5.34(typescript@6.0.3))
+      '@wangeditor-next/editor':
+        specifier: ^5.7.0
+        version: 5.7.0
+      '@wangeditor-next/editor-for-vue':
+        specifier: ^5.1.14
+        version: 5.1.14(@wangeditor-next/editor@5.7.0)(vue@3.5.34(typescript@6.0.3))
+      animate.css:
+        specifier: ^4.1.1
+        version: 4.1.1
+      axios:
+        specifier: ^1.16.1
+        version: 1.16.1
+      clipboard:
+        specifier: ^2.0.11
+        version: 2.0.11
+      codemirror:
+        specifier: ^5.65.21
+        version: 5.65.21
+      codemirror-editor-vue3:
+        specifier: ^2.8.0
+        version: 2.8.0(codemirror@5.65.21)(diff-match-patch@1.0.5)(vue@3.5.34(typescript@6.0.3))
+      crypto-js:
+        specifier: ^4.2.0
+        version: 4.2.0
+      dagre:
+        specifier: ^0.8.5
+        version: 0.8.5
+      dayjs:
+        specifier: ^1.11.20
+        version: 1.11.20
+      dompurify:
+        specifier: ^3.4.3
+        version: 3.4.3
+      echarts:
+        specifier: ^6.0.0
+        version: 6.0.0
+      element-plus:
+        specifier: ~2.13.7
+        version: 2.13.7(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3))
+      exceljs:
+        specifier: ^4.4.0
+        version: 4.4.0
+      file-saver:
+        specifier: ^2.0.5
+        version: 2.0.5
+      highlight.js:
+        specifier: ^11.11.1
+        version: 11.11.1
+      js-beautify:
+        specifier: ^1.15.4
+        version: 1.15.4
+      markdown-it:
+        specifier: ^14.1.0
+        version: 14.1.1
+      markdown-it-highlightjs:
+        specifier: ^4.3.0
+        version: 4.3.0
+      mitt:
+        specifier: ^3.0.1
+        version: 3.0.1
+      nprogress:
+        specifier: ^0.2.0
+        version: 0.2.0
+      ohash:
+        specifier: ^2.0.11
+        version: 2.0.11
+      path-browserify:
+        specifier: ^1.0.1
+        version: 1.0.1
+      path-to-regexp:
+        specifier: ^8.4.2
+        version: 8.4.2
+      picocolors:
+        specifier: ^1.1.1
+        version: 1.1.1
+      pinia:
+        specifier: ^3.0.4
+        version: 3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3))
+      pinia-plugin-persistedstate:
+        specifier: ^4.7.1
+        version: 4.7.1(pinia@3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3)))
+      qrcode.vue:
+        specifier: ^3.9.0
+        version: 3.9.1(vue@3.5.34(typescript@6.0.3))
+      qs:
+        specifier: ^6.15.0
+        version: 6.15.1
+      tailwindcss:
+        specifier: ^4.3.0
+        version: 4.3.0
+      vue:
+        specifier: ^3.5.34
+        version: 3.5.34(typescript@6.0.3)
+      vue-draggable-plus:
+        specifier: ^0.6.0
+        version: 0.6.1(@types/sortablejs@1.15.9)
+      vue-i18n:
+        specifier: ^11.1.10
+        version: 11.4.2(vue@3.5.34(typescript@6.0.3))
+      vue-json-pretty:
+        specifier: ^2.5.0
+        version: 2.6.0(vue@3.5.34(typescript@6.0.3))
+      vue-router:
+        specifier: ^5.0.7
+        version: 5.0.7(@vue/compiler-sfc@3.5.34)(pinia@3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
+      vue-web-terminal:
+        specifier: ^3.4.1
+        version: 3.4.2(typescript@6.0.3)
+      vue3-cron-plus:
+        specifier: ^0.1.9
+        version: 0.1.9(typescript@6.0.3)
+      vuedraggable:
+        specifier: ^2.24.3
+        version: 2.24.3
+      xgplayer:
+        specifier: ^3.0.20
+        version: 3.0.24(core-js@3.49.0)
+      xlsx:
+        specifier: ^0.18.5
+        version: 0.18.5
+    devDependencies:
+      '@commitlint/cli':
+        specifier: ^21.0.1
+        version: 21.0.1(@types/node@24.12.4)(conventional-commits-parser@6.4.0)(typescript@6.0.3)
+      '@commitlint/config-conventional':
+        specifier: ^21.0.1
+        version: 21.0.1
+      '@eslint/js':
+        specifier: ^10.0.0
+        version: 10.0.1(eslint@10.4.0(jiti@2.7.0))
+      '@iconify/utils':
+        specifier: ^2.3.0
+        version: 2.3.0
+      '@types/codemirror':
+        specifier: ^5.60.17
+        version: 5.60.17
+      '@types/dagre':
+        specifier: ^0.7.54
+        version: 0.7.54
+      '@types/file-saver':
+        specifier: ^2.0.7
+        version: 2.0.7
+      '@types/markdown-it':
+        specifier: ^14.1.2
+        version: 14.1.2
+      '@types/node':
+        specifier: ^24.0.5
+        version: 24.12.4
+      '@types/nprogress':
+        specifier: ^0.2.3
+        version: 0.2.3
+      '@types/path-browserify':
+        specifier: ^1.0.3
+        version: 1.0.3
+      '@types/qs':
+        specifier: ^6.14.0
+        version: 6.15.1
+      '@typescript-eslint/eslint-plugin':
+        specifier: ^8.59.3
+        version: 8.59.3(@typescript-eslint/parser@8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/parser':
+        specifier: ^8.59.3
+        version: 8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)
+      '@vitejs/plugin-vue':
+        specifier: ^6.0.6
+        version: 6.0.7(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+      '@vue/compiler-sfc':
+        specifier: ^3.5.22
+        version: 3.5.34
+      '@vue/test-utils':
+        specifier: ^2.4.10
+        version: 2.4.10(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
+      autoprefixer:
+        specifier: ^10.4.21
+        version: 10.5.0(postcss@8.5.14)
+      commitizen:
+        specifier: ^4.3.1
+        version: 4.3.1(@types/node@24.12.4)(typescript@6.0.3)
+      cz-git:
+        specifier: ^1.13.1
+        version: 1.13.1
+      eslint:
+        specifier: ^10.3.0
+        version: 10.4.0(jiti@2.7.0)
+      eslint-config-prettier:
+        specifier: ^10.1.8
+        version: 10.1.8(eslint@10.4.0(jiti@2.7.0))
+      eslint-plugin-prettier:
+        specifier: ^5.5.3
+        version: 5.5.5(eslint-config-prettier@10.1.8(eslint@10.4.0(jiti@2.7.0)))(eslint@10.4.0(jiti@2.7.0))(prettier@3.8.3)
+      eslint-plugin-vue:
+        specifier: ^10.4.0
+        version: 10.9.1(@typescript-eslint/parser@8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.4.0(jiti@2.7.0))(vue-eslint-parser@10.4.0(eslint@10.4.0(jiti@2.7.0)))
+      fs-extra:
+        specifier: ^11.2.0
+        version: 11.3.5
+      globals:
+        specifier: ^15.15.0
+        version: 15.15.0
+      husky:
+        specifier: ^9.1.7
+        version: 9.1.7
+      jsdom:
+        specifier: ^29.1.1
+        version: 29.1.1
+      lint-staged:
+        specifier: ^15.5.2
+        version: 15.5.2
+      postcss:
+        specifier: ^8.5.6
+        version: 8.5.14
+      postcss-html:
+        specifier: ^1.8.0
+        version: 1.8.1
+      postcss-scss:
+        specifier: ^4.0.9
+        version: 4.0.9(postcss@8.5.14)
+      prettier:
+        specifier: ^3.6.2
+        version: 3.8.3
+      rollup-plugin-visualizer:
+        specifier: ^5.12.0
+        version: 5.14.0(rollup@4.60.4)
+      sass:
+        specifier: ^1.89.2
+        version: 1.99.0
+      stylelint:
+        specifier: ^17.0.0
+        version: 17.11.1(typescript@6.0.3)
+      stylelint-config-html:
+        specifier: ^1.1.0
+        version: 1.1.0(postcss-html@1.8.1)(stylelint@17.11.1(typescript@6.0.3))
+      stylelint-config-recess-order:
+        specifier: ^7.7.0
+        version: 7.7.0(stylelint-order@8.1.1(stylelint@17.11.1(typescript@6.0.3)))(stylelint@17.11.1(typescript@6.0.3))
+      stylelint-config-recommended:
+        specifier: ^18.0.0
+        version: 18.0.0(stylelint@17.11.1(typescript@6.0.3))
+      stylelint-config-recommended-scss:
+        specifier: ^17.0.1
+        version: 17.0.1(postcss@8.5.14)(stylelint@17.11.1(typescript@6.0.3))
+      stylelint-config-recommended-vue:
+        specifier: ^1.6.1
+        version: 1.6.1(postcss-html@1.8.1)(stylelint@17.11.1(typescript@6.0.3))
+      stylelint-config-standard:
+        specifier: ^40.0.0
+        version: 40.0.0(stylelint@17.11.1(typescript@6.0.3))
+      stylelint-order:
+        specifier: ^8.0.0
+        version: 8.1.1(stylelint@17.11.1(typescript@6.0.3))
+      stylelint-prettier:
+        specifier: ^5.0.3
+        version: 5.0.3(prettier@3.8.3)(stylelint@17.11.1(typescript@6.0.3))
+      terser:
+        specifier: ^5.43.1
+        version: 5.47.1
+      tsx:
+        specifier: ^4.20.3
+        version: 4.22.0
+      typescript:
+        specifier: ^6.0.3
+        version: 6.0.3
+      typescript-eslint:
+        specifier: ^8.59.3
+        version: 8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)
+      unplugin-auto-import:
+        specifier: ^20.2.0
+        version: 20.3.0(@vueuse/core@13.9.0(vue@3.5.34(typescript@6.0.3)))
+      unplugin-element-plus:
+        specifier: ^0.10.0
+        version: 0.10.0
+      unplugin-vue-components:
+        specifier: ^29.1.0
+        version: 29.2.0(@babel/parser@7.29.3)(vue@3.5.34(typescript@6.0.3))
+      vite:
+        specifier: ^7.1.5
+        version: 7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite-plugin-compression:
+        specifier: ^0.5.1
+        version: 0.5.1(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      vite-plugin-vue-devtools:
+        specifier: ^8.1.2
+        version: 8.1.2(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+      vitest:
+        specifier: ^4.1.7
+        version: 4.1.7(@types/node@24.12.4)(jsdom@29.1.1)(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      vue-demi:
+        specifier: ^0.14.9
+        version: 0.14.10(vue@3.5.34(typescript@6.0.3))
+      vue-eslint-parser:
+        specifier: ^10.4.0
+        version: 10.4.0(eslint@10.4.0(jiti@2.7.0))
+      vue-img-cutter:
+        specifier: ^3.1.1
+        version: 3.1.1(typescript@6.0.3)
+      vue-tsc:
+        specifier: ^3.2.9
+        version: 3.2.9(typescript@6.0.3)
+
+packages:
+
+  '@antfu/install-pkg@1.1.0':
+    resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
+
+  '@antfu/utils@8.1.1':
+    resolution: {integrity: sha512-Mex9nXf9vR6AhcXmMrlz/HVgYYZpVGJ6YlPgwl7UnaFpnshXs6EK/oa5Gpf3CzENMjkvEx2tQtntGnb7UtSTOQ==}
+
+  '@asamuzakjp/css-color@5.1.11':
+    resolution: {integrity: sha512-KVw6qIiCTUQhByfTd78h2yD1/00waTmm9uy/R7Ck/ctUyAPj+AEDLkQIdJW0T8+qGgj3j5bpNKK7Q3G+LedJWg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  '@asamuzakjp/dom-selector@7.1.1':
+    resolution: {integrity: sha512-67RZDnYRc8H/8MLDgQCDE//zoqVFwajkepHZgmXrbwybzXOEwOWGPYGmALYl9J2DOLfFPPs6kKCqmbzV895hTQ==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  '@asamuzakjp/generational-cache@1.0.1':
+    resolution: {integrity: sha512-wajfB8KqzMCN2KGNFdLkReeHncd0AslUSrvHVvvYWuU8ghncRJoA50kT3zP9MVL0+9g4/67H+cdvBskj9THPzg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  '@asamuzakjp/nwsapi@2.3.9':
+    resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==}
+
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.29.3':
+    resolution: {integrity: sha512-LIVqM46zQWZhj17qA8wb4nW/ixr2y1Nw+r1etiAWgRM6U1IqP+LNhL1yg440jYZR72jCWcWbLWzIosH+uP1fqg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.29.0':
+    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.29.1':
+    resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@8.0.0-rc.5':
+    resolution: {integrity: sha512-nFZPWz3FHIS7y6rMIVoa/WBwjdutfIaRJIBQjzn+t3RnecZoRNlGmGcyR2wb0T/IgSd50Kz/6dG8/LvMCRunjg==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+
+  '@babel/helper-annotate-as-pure@7.27.3':
+    resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.28.6':
+    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-create-class-features-plugin@7.29.3':
+    resolution: {integrity: sha512-RpLYy2sb51oNLjuu1iD3bwBqCBWUzjO0ocp+iaCP/lJtb2CPLcnC2Fftw+4sAzaMELGeWTgExSKADbdo0GFVzA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-globals@7.28.0':
+    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-member-expression-to-functions@7.28.5':
+    resolution: {integrity: sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.28.6':
+    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.28.6':
+    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-optimise-call-expression@7.27.1':
+    resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-plugin-utils@7.28.6':
+    resolution: {integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-replace-supers@7.28.6':
+    resolution: {integrity: sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    resolution: {integrity: sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@8.0.0-rc.5':
+    resolution: {integrity: sha512-sN7R8rBvDurfaziNfDEIjIntlazmlkCDGO4SNl2RJ3wRCn+QxspLV7hzYAE8WWVd2joVuT8sUxeePdLp2idI1A==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@8.0.0-rc.5':
+    resolution: {integrity: sha512-ehJDxHvtbZ85RtX/L2fi0h9AGsBNqB5Euv1EB8RMAvGYvD+2X+QbpzzOpbklnNXO+WSZJNOaetw2BBj27xsWVg==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.29.2':
+    resolution: {integrity: sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.3':
+    resolution: {integrity: sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/parser@8.0.0-rc.5':
+    resolution: {integrity: sha512-/Mfg83rK3+jsRbl4Vbd0jqxc6M1A1/WNFtgrowRM1unEsD3XcNnrBdMM0JWakd0/RN9lseQKwPduW1TiEwKOlQ==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+    hasBin: true
+
+  '@babel/plugin-proposal-decorators@7.29.0':
+    resolution: {integrity: sha512-CVBVv3VY/XRMxRYq5dwr2DS7/MvqPm23cOCjbwNnVrfOqcWlnefua1uUs0sjdKOGjvPUG633o07uWzJq4oI6dA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-decorators@7.28.6':
+    resolution: {integrity: sha512-71EYI0ONURHJBL4rSFXnITXqXrrY8q4P0q006DPfN+Rk+ASM+++IBXem/ruokgBZR8YNEWZ8R6B+rCb8VcUTqA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-import-attributes@7.28.6':
+    resolution: {integrity: sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-import-meta@7.10.4':
+    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-jsx@7.28.6':
+    resolution: {integrity: sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-typescript@7.28.6':
+    resolution: {integrity: sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-typescript@7.28.6':
+    resolution: {integrity: sha512-0YWL2RFxOqEm9Efk5PvreamxPME8OyY0wM5wh5lHjF+VtVhdneCWGzZeSqzOfiobVqQaNCd2z0tQvnI9DaPWPw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/runtime@7.29.2':
+    resolution: {integrity: sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.28.6':
+    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.29.0':
+    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@8.0.0-rc.5':
+    resolution: {integrity: sha512-JeSVu/m8x/zpp4CLjYHVNXuhEyOkhPXuxM8YOXjh6L4LlvQNKuUNOTo5KdBuKAcTDHw8DquToTaEkhsBqPXOaA==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+
+  '@bramus/specificity@2.4.2':
+    resolution: {integrity: sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw==}
+    hasBin: true
+
+  '@cacheable/memory@2.0.8':
+    resolution: {integrity: sha512-FvEb29x5wVwu/Kf93IWwsOOEuhHh6dYCJF3vcKLzXc0KXIW181AOzv6ceT4ZpBHDvAfG60eqb+ekmrnLHIy+jw==}
+
+  '@cacheable/utils@2.4.1':
+    resolution: {integrity: sha512-eiFgzCbIneyMlLOmNG4g9xzF7Hv3Mga4LjxjcSC/ues6VYq2+gUbQI8JqNuw/ZM8tJIeIaBGpswAsqV2V7ApgA==}
+
+  '@commitlint/cli@21.0.1':
+    resolution: {integrity: sha512-8vq10krmbJwBkvzXKhbs4o4JQEVscd3pqOlWuDUaDBwbeL694/P33UC29tZQFTAgPU9fVJ2+f2m3zw16yKWxHg==}
+    engines: {node: '>=22.12.0'}
+    hasBin: true
+
+  '@commitlint/config-conventional@21.0.1':
+    resolution: {integrity: sha512-gRorrkfWOh/+V5X8GYWWbQvrzPczopGMS4CCNrQdHkK4xWElv82BDvIsDhJZWTlI7TazOlYea6VATufCsFs+sw==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/config-validator@21.0.1':
+    resolution: {integrity: sha512-Zd2UFdndeMMaW2O96HK0tdfT4gOImUvidMpAd/pws2zZ4m1nrAZ/9b/v2JYuE8fs86GpXv9F7LNaIuCIWhY+pA==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/ensure@21.0.1':
+    resolution: {integrity: sha512-jJ1037967wU7YN/xkv+iRlOBlmaOXPhPO5KQSqya6GyXzBlwuLzELBFao16DVg9dZyqmNrhewzwZ3SAibetHBQ==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/execute-rule@21.0.1':
+    resolution: {integrity: sha512-RifH+FmImozKBE6mozhF4K3r2RRKP7SMi/Q/zLCmExtp5e05lhHOUYqGBlFBAGNHaZxU/WYw1XuugYK9jQzqnA==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/format@21.0.1':
+    resolution: {integrity: sha512-ksmG2+cHGtuDPQQbhBbC4unwm444+6TiPw0d1bKf67hntgZqZ8E0g1MuYKUuyT5IH4IMmXZhKq22/Z3jBvtQIw==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/is-ignored@21.0.1':
+    resolution: {integrity: sha512-iNDP8SFdw8JEkM0CHZ2XFnhTN4Zg5jKUY2d8kBOSFrI2aA+3YJI7fcqVpfgbpJ9xtxFVYpi+DBATU5AvhoTq8g==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/lint@21.0.1':
+    resolution: {integrity: sha512-gF+iYtUw1gBG3HUH9z3VxwUjGg2R2G5j+nmvPs8aIeYkiB7TtneBu3wO85I0bUl93bYNsvsCNI9Nte2fmDUMww==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/load@21.0.1':
+    resolution: {integrity: sha512-Btg1q1mKmiihN4W3x0EsPDrJMOQfMa9NIqlzlJyXAfxvsOGdGXOW5p3R3RcSxDCaY7JabY9flIl+Om1af3PSrw==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/message@21.0.1':
+    resolution: {integrity: sha512-R3dVQeJQ0B6yqrZEjkUHD4r7UJYLV9Lvk2xs3PTOmtWk2G3mI6Xgc+YdRxL1PwcDfBiUjv2SkIkW4AUc976w1w==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/parse@21.0.1':
+    resolution: {integrity: sha512-oh/nCSOqdoeQNA1tO8aAmxkq5EBo8/NzcFQRvv66AWc9HpED28sL2iSicCKU6hPintWuscL6BJEWi77Wq1LPMQ==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/read@21.0.1':
+    resolution: {integrity: sha512-pMEu4lbpC8W0ZgKJj2U6WaobXIZWdFlULpIEewYhkPXx+WZcnoO53YrVPc7QErQuNolq2Me8dP58Wu7YAVXVOA==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/resolve-extends@21.0.1':
+    resolution: {integrity: sha512-0DhjYWL6uYrY16Efa032fYk3woGJDU4AGWiG1XXltT9AMUNYKyb5cIZU2ivbaMZ3+kKFqUjikD2cjh66Sbh/Sg==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/rules@21.0.1':
+    resolution: {integrity: sha512-VMooYpz4nJg7xlaUso6CCOWEz8D/ChkvsvZUMARcoJ1ZpfKPyFCGrHNha2tbsETNAb6ErgiRuCr2DvghrvPDYQ==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/to-lines@21.0.1':
+    resolution: {integrity: sha512-bd1BFII7p1EQZre9Kaj+kKaMFP3cFCdt21K7DItVux9XP5WjLgJ0/Uy1pJJh9aPwVJ6SKg62PxqlZaHI8hQAXw==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/top-level@21.0.1':
+    resolution: {integrity: sha512-4esUYqzY7K0FCgcJ/1xWEZekV7Ch4yZT1+xjEb7KzqbJ05XEkxHVsTfC8ADKNNtlCE2pj98KEbPGZWw9WwEnVw==}
+    engines: {node: '>=22.12.0'}
+
+  '@commitlint/types@21.0.1':
+    resolution: {integrity: sha512-4u7w8jcoCUFWhjWnASYzZHAP34OqOtuFBN87nQmFvqda03YU0T6z+yB4w0gSAMpekiRqqGk5rt+qSlW+a2vSEg==}
+    engines: {node: '>=22.12.0'}
+
+  '@conventional-changelog/git-client@2.7.0':
+    resolution: {integrity: sha512-j7A8/LBEQ+3rugMzPXoKYzyUPpw/0CBQCyvtTR7Lmu4olG4yRC/Tfkq79Mr3yuPs0SUitlO2HwGP3gitMJnRFw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      conventional-commits-filter: ^5.0.0
+      conventional-commits-parser: ^6.4.0
+    peerDependenciesMeta:
+      conventional-commits-filter:
+        optional: true
+      conventional-commits-parser:
+        optional: true
+
+  '@csstools/color-helpers@6.0.2':
+    resolution: {integrity: sha512-LMGQLS9EuADloEFkcTBR3BwV/CGHV7zyDxVRtVDTwdI2Ca4it0CCVTT9wCkxSgokjE5Ho41hEPgb8OEUwoXr6Q==}
+    engines: {node: '>=20.19.0'}
+
+  '@csstools/css-calc@3.2.1':
+    resolution: {integrity: sha512-DtdHlgXh5ZkA43cwBcAm+huzgJiwx3ZTWVjBs94kwz2xKqSimDA3lBgCjphYgwgVUMWatSM0pDd8TILB1yrVVg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-color-parser@4.1.1':
+    resolution: {integrity: sha512-eZ5XOtyhK+mggRafYUWzA0tvaYOFgdY8AkgQiCJF9qNAePnUo/zmsqqYubBBb3sQ8uNUaSKTY9s9klfRaAXL0g==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-parser-algorithms@4.0.0':
+    resolution: {integrity: sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-syntax-patches-for-csstree@1.1.4':
+    resolution: {integrity: sha512-wgsqt92b7C7tQhIdPNxj0n9zuUbQlvAuI1exyzeNrOKOi62SD7ren8zqszmpVREjAOqg8cD2FqYhQfAuKjk4sw==}
+    peerDependencies:
+      css-tree: ^3.2.1
+    peerDependenciesMeta:
+      css-tree:
+        optional: true
+
+  '@csstools/css-tokenizer@4.0.0':
+    resolution: {integrity: sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==}
+    engines: {node: '>=20.19.0'}
+
+  '@csstools/media-query-list-parser@5.0.0':
+    resolution: {integrity: sha512-T9lXmZOfnam3eMERPsszjY5NK0jX8RmThmmm99FZ8b7z8yMaFZWKwLWGZuTwdO3ddRY5fy13GmmEYZXB4I98Eg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/selector-resolve-nested@4.0.0':
+    resolution: {integrity: sha512-9vAPxmp+Dx3wQBIUwc1v7Mdisw1kbbaGqXUM8QLTgWg7SoPGYtXBsMXvsFs/0Bn5yoFhcktzxNZGNaUt0VjgjA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss-selector-parser: ^7.1.1
+
+  '@csstools/selector-specificity@6.0.0':
+    resolution: {integrity: sha512-4sSgl78OtOXEX/2d++8A83zHNTgwCJMaR24FvsYL7Uf/VS8HZk9PTwR51elTbGqMuwH3szLvvOXEaVnqn0Z3zA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss-selector-parser: ^7.1.1
+
+  '@ctrl/tinycolor@4.2.0':
+    resolution: {integrity: sha512-kzyuwOAQnXJNLS9PSyrk0CWk35nWJW/zl/6KvnTBMFK65gm7U1/Z5BqjxeapjZCIhQcM/DsrEmcbRwDyXyXK4A==}
+    engines: {node: '>=14'}
+
+  '@element-plus/icons-vue@2.3.2':
+    resolution: {integrity: sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==}
+    peerDependencies:
+      vue: ^3.2.0
+
+  '@esbuild/aix-ppc64@0.27.7':
+    resolution: {integrity: sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.28.0':
+    resolution: {integrity: sha512-lhRUCeuOyJQURhTxl4WkpFTjIsbDayJHih5kZC1giwE+MhIzAb7mEsQMqMf18rHLsrb5qI1tafG20mLxEWcWlA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.27.7':
+    resolution: {integrity: sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.28.0':
+    resolution: {integrity: sha512-+WzIXQOSaGs33tLEgYPYe/yQHf0WTU0X42Jca3y8NWMbUVhp7rUnw+vAsRC/QiDrdD31IszMrZy+qwPOPjd+rw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.27.7':
+    resolution: {integrity: sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.28.0':
+    resolution: {integrity: sha512-wqh0ByljabXLKHeWXYLqoJ5jKC4XBaw6Hk08OfMrCRd2nP2ZQ5eleDZC41XHyCNgktBGYMbqnrJKq/K/lzPMSQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.27.7':
+    resolution: {integrity: sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.28.0':
+    resolution: {integrity: sha512-+VJggoaKhk2VNNqVL7f6S189UzShHC/mR9EE8rDdSkdpN0KflSwWY/gWjDrNxxisg8Fp1ZCD9jLMo4m0OUfeUA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.27.7':
+    resolution: {integrity: sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.28.0':
+    resolution: {integrity: sha512-0T+A9WZm+bZ84nZBtk1ckYsOvyA3x7e2Acj1KdVfV4/2tdG4fzUp91YHx+GArWLtwqp77pBXVCPn2We7Letr0Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.27.7':
+    resolution: {integrity: sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.28.0':
+    resolution: {integrity: sha512-fyzLm/DLDl/84OCfp2f/XQ4flmORsjU7VKt8HLjvIXChJoFFOIL6pLJPH4Yhd1n1gGFF9mPwtlN5Wf82DZs+LQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.27.7':
+    resolution: {integrity: sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.28.0':
+    resolution: {integrity: sha512-l9GeW5UZBT9k9brBYI+0WDffcRxgHQD8ShN2Ur4xWq/NFzUKm3k5lsH4PdaRgb2w7mI9u61nr2gI2mLI27Nh3Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.27.7':
+    resolution: {integrity: sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.28.0':
+    resolution: {integrity: sha512-BXoQai/A0wPO6Es3yFJ7APCiKGc1tdAEOgeTNy3SsB491S3aHn4S4r3e976eUnPdU+NbdtmBuLncYir2tMU9Nw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.27.7':
+    resolution: {integrity: sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.28.0':
+    resolution: {integrity: sha512-RVyzfb3FWsGA55n6WY0MEIEPURL1FcbhFE6BffZEMEekfCzCIMtB5yyDcFnVbTnwk+CLAgTujmV/Lgvih56W+A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.27.7':
+    resolution: {integrity: sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.28.0':
+    resolution: {integrity: sha512-CjaaREJagqJp7iTaNQjjidaNbCKYcd4IDkzbwwxtSvjI7NZm79qiHc8HqciMddQ6CKvJT6aBd8lO9kN/ZudLlw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.27.7':
+    resolution: {integrity: sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.28.0':
+    resolution: {integrity: sha512-KBnSTt1kxl9x70q+ydterVdl+Cn0H18ngRMRCEQfrbqdUuntQQ0LoMZv47uB97NljZFzY6HcfqEZ2SAyIUTQBQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.27.7':
+    resolution: {integrity: sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.28.0':
+    resolution: {integrity: sha512-zpSlUce1mnxzgBADvxKXX5sl8aYQHo2ezvMNI8I0lbblJtp8V4odlm3Yzlj7gPyt3T8ReksE6bK+pT3WD+aJRg==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.27.7':
+    resolution: {integrity: sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.28.0':
+    resolution: {integrity: sha512-2jIfP6mmjkdmeTlsX/9vmdmhBmKADrWqN7zcdtHIeNSCH1SqIoNI63cYsjQR8J+wGa4Y5izRcSHSm8K3QWmk3w==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.27.7':
+    resolution: {integrity: sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.28.0':
+    resolution: {integrity: sha512-bc0FE9wWeC0WBm49IQMPSPILRocGTQt3j5KPCA8os6VprfuJ7KD+5PzESSrJ6GmPIPJK965ZJHTUlSA6GNYEhg==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.27.7':
+    resolution: {integrity: sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.28.0':
+    resolution: {integrity: sha512-SQPZOwoTTT/HXFXQJG/vBX8sOFagGqvZyXcgLA3NhIqcBv1BJU1d46c0rGcrij2B56Z2rNiSLaZOYW5cUk7yLQ==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.27.7':
+    resolution: {integrity: sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.28.0':
+    resolution: {integrity: sha512-SCfR0HN8CEEjnYnySJTd2cw0k9OHB/YFzt5zgJEwa+wL/T/raGWYMBqwDNAC6dqFKmJYZoQBRfHjgwLHGSrn3Q==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.27.7':
+    resolution: {integrity: sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.28.0':
+    resolution: {integrity: sha512-us0dSb9iFxIi8srnpl931Nvs65it/Jd2a2K3qs7fz2WfGPHqzfzZTfec7oxZJRNPXPnNYZtanmRc4AL/JwVzHQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.27.7':
+    resolution: {integrity: sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-arm64@0.28.0':
+    resolution: {integrity: sha512-CR/RYotgtCKwtftMwJlUU7xCVNg3lMYZ0RzTmAHSfLCXw3NtZtNpswLEj/Kkf6kEL3Gw+BpOekRX0BYCtklhUw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.27.7':
+    resolution: {integrity: sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.28.0':
+    resolution: {integrity: sha512-nU1yhmYutL+fQ71Kxnhg8uEOdC0pwEW9entHykTgEbna2pw2dkbFSMeqjjyHZoCmt8SBkOSvV+yNmm94aUrrqw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.27.7':
+    resolution: {integrity: sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-arm64@0.28.0':
+    resolution: {integrity: sha512-cXb5vApOsRsxsEl4mcZ1XY3D4DzcoMxR/nnc4IyqYs0rTI8ZKmW6kyyg+11Z8yvgMfAEldKzP7AdP64HnSC/6g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.27.7':
+    resolution: {integrity: sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.28.0':
+    resolution: {integrity: sha512-8wZM2qqtv9UP3mzy7HiGYNH/zjTA355mpeuA+859TyR+e+Tc08IHYpLJuMsfpDJwoLo1ikIJI8jC3GFjnRClzA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.27.7':
+    resolution: {integrity: sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/openharmony-arm64@0.28.0':
+    resolution: {integrity: sha512-FLGfyizszcef5C3YtoyQDACyg95+dndv79i2EekILBofh5wpCa1KuBqOWKrEHZg3zrL3t5ouE5jgr94vA+Wb2w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.27.7':
+    resolution: {integrity: sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.28.0':
+    resolution: {integrity: sha512-1ZgjUoEdHZZl/YlV76TSCz9Hqj9h9YmMGAgAPYd+q4SicWNX3G5GCyx9uhQWSLcbvPW8Ni7lj4gDa1T40akdlw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.27.7':
+    resolution: {integrity: sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.28.0':
+    resolution: {integrity: sha512-Q9StnDmQ/enxnpxCCLSg0oo4+34B9TdXpuyPeTedN/6+iXBJ4J+zwfQI28u/Jl40nOYAxGoNi7mFP40RUtkmUA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.27.7':
+    resolution: {integrity: sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.28.0':
+    resolution: {integrity: sha512-zF3ag/gfiCe6U2iczcRzSYJKH1DCI+ByzSENHlM2FcDbEeo5Zd2C86Aq0tKUYAJJ1obRP84ymxIAksZUcdztHA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.27.7':
+    resolution: {integrity: sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.28.0':
+    resolution: {integrity: sha512-pEl1bO9mfAmIC+tW5btTmrKaujg3zGtUmWNdCw/xs70FBjwAL3o9OEKNHvNmnyylD6ubxUERiEhdsL0xBQ9efw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/config-array@0.23.5':
+    resolution: {integrity: sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/config-helpers@0.6.0':
+    resolution: {integrity: sha512-ii6Bw9jJ2zi2cWA2Z+9/QZ/+3DX6kwaV5Q986D/CdP3Lap3w/pgQZ373FV7byY/i7L4IRH/G43I5dz1ClsCbpA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/core@1.2.1':
+    resolution: {integrity: sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/js@10.0.1':
+    resolution: {integrity: sha512-zeR9k5pd4gxjZ0abRoIaxdc7I3nDktoXZk2qOv9gCNWx3mVwEn32VRhyLaRsDiJjTs0xq/T8mfPtyuXu7GWBcA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: ^10.0.0
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+
+  '@eslint/object-schema@3.0.5':
+    resolution: {integrity: sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/plugin-kit@0.7.1':
+    resolution: {integrity: sha512-rZAP3aVgB9ds9KOeUSL+zZ21hPmo8dh6fnIFwRQj5EAZl9gzR7wxYbYXYysAM8CTqGmUGyp2S4kUdV17MnGuWQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@exodus/bytes@1.15.1':
+    resolution: {integrity: sha512-S6mL0yNB/Abt9Ei4tq8gDhcczc4S3+vQ4ra7vxnAf+YHC02srtqxKKZghx2Dq6p0e66THKwR6r8N6P95wEty7Q==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+    peerDependencies:
+      '@noble/hashes': ^1.8.0 || ^2.0.0
+    peerDependenciesMeta:
+      '@noble/hashes':
+        optional: true
+
+  '@fast-csv/format@4.3.5':
+    resolution: {integrity: sha512-8iRn6QF3I8Ak78lNAa+Gdl5MJJBM5vRHivFtMRUWINdevNo00K7OXxS2PshawLKTejVwieIlPmK5YlLu6w4u8A==}
+
+  '@fast-csv/parse@4.3.6':
+    resolution: {integrity: sha512-uRsLYksqpbDmWaSmzvJcuApSEe38+6NQZBUsuAyMZKqHxH0g1wcJgsKUvN3WC8tewaqFjBMMGrkHmC+T7k8LvA==}
+
+  '@floating-ui/core@1.7.5':
+    resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
+
+  '@floating-ui/dom@1.7.6':
+    resolution: {integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==}
+
+  '@floating-ui/utils@0.2.11':
+    resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
+
+  '@humanfs/core@0.19.2':
+    resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.8':
+    resolution: {integrity: sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/types@0.15.0':
+    resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
+  '@iconify-json/line-md@1.2.16':
+    resolution: {integrity: sha512-esHPUQUp30NyqJWa7MNu6ExdG8z/aEFC5r56rVyRGhtJ7acOme6YtYPnDOgVu6p+kk24rM8602xkFuBC6g6x+w==}
+
+  '@iconify-json/ri@1.2.10':
+    resolution: {integrity: sha512-WWMhoncVVM+Xmu9T5fgu2lhYRrKTEWhKk3Com0KiM111EeEsRLiASjpsFKnC/SrB6covhUp95r2mH8tGxhgd5Q==}
+
+  '@iconify-json/svg-spinners@1.2.4':
+    resolution: {integrity: sha512-ayn0pogFPwJA1WFZpDnoq9/hjDxN+keeCMyThaX4d3gSJ3y0mdKUxIA/b1YXWGtY9wVtZmxwcvOIeEieG4+JNg==}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@iconify/utils@2.3.0':
+    resolution: {integrity: sha512-GmQ78prtwYW6EtzXRU1rY+KwOKfz32PD7iJh6Iyqw68GiKuoZ2A6pRtzWONz5VQJbp50mEjXh/7NkumtrAgRKA==}
+
+  '@iconify/vue@5.0.1':
+    resolution: {integrity: sha512-aumwwooJlFJ5H5qYWB6ZTAyM0C8hpfcSVLB9/a3qnH1GGvIJ+FEbpEs4s/HfErYe/M5qZeLjwmESR5fFm3lXEw==}
+    peerDependencies:
+      vue: '>=3.0.0'
+
+  '@intlify/core-base@11.4.2':
+    resolution: {integrity: sha512-7fpuCcVmeLv2T9qHsARqGvh8xt+sV2fH+Q+gMHFwB/rPXzo85DpbJFKn7dBH1L5p0c2cSh2DW+2h/64EKrISmA==}
+    engines: {node: '>= 16'}
+
+  '@intlify/devtools-types@11.4.2':
+    resolution: {integrity: sha512-3u8EN1kB6EMSi96KXs5k7a8y2X2g4+h3X6iwVZU47cP4n+mTuq//WMjG588BzSp/2XQ/dTXo2BLUXX+XS+PNfA==}
+    engines: {node: '>= 16'}
+
+  '@intlify/message-compiler@11.4.2':
+    resolution: {integrity: sha512-a6CDSGSMTGrg0BjD97x8TBYPf7qQMDlZipJ6UDfv/pd4OIym8TMlHu3MsH0bTNnRdAG2D6EFEykIgiQPqvtTkA==}
+    engines: {node: '>= 16'}
+
+  '@intlify/shared@11.4.2':
+    resolution: {integrity: sha512-NzpHbguRCsOHDwxmlBa9qu/imc+/QWgsYUaK6FZeNC0wK8QfAbhqrktEp/haVzxU1aikH8IX4ytD+mfFEMi/9A==}
+    engines: {node: '>= 16'}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/source-map@0.3.11':
+    resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@keyv/bigmap@1.3.1':
+    resolution: {integrity: sha512-WbzE9sdmQtKy8vrNPa9BRnwZh5UF4s1KTmSK0KUVLo3eff5BlQNNWDnFOouNpKfPKDnms9xynJjsMYjMaT/aFQ==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      keyv: ^5.6.0
+
+  '@keyv/serialize@1.1.1':
+    resolution: {integrity: sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==}
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@one-ini/wasm@0.1.1':
+    resolution: {integrity: sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==}
+
+  '@parcel/watcher-android-arm64@2.5.6':
+    resolution: {integrity: sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  '@parcel/watcher-darwin-arm64@2.5.6':
+    resolution: {integrity: sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@parcel/watcher-darwin-x64@2.5.6':
+    resolution: {integrity: sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@parcel/watcher-freebsd-x64@2.5.6':
+    resolution: {integrity: sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@parcel/watcher-linux-arm-glibc@2.5.6':
+    resolution: {integrity: sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@parcel/watcher-linux-arm-musl@2.5.6':
+    resolution: {integrity: sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@parcel/watcher-linux-arm64-glibc@2.5.6':
+    resolution: {integrity: sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@parcel/watcher-linux-arm64-musl@2.5.6':
+    resolution: {integrity: sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@parcel/watcher-linux-x64-glibc@2.5.6':
+    resolution: {integrity: sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@parcel/watcher-linux-x64-musl@2.5.6':
+    resolution: {integrity: sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@parcel/watcher-win32-arm64@2.5.6':
+    resolution: {integrity: sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@parcel/watcher-win32-ia32@2.5.6':
+    resolution: {integrity: sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@parcel/watcher-win32-x64@2.5.6':
+    resolution: {integrity: sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@parcel/watcher@2.5.6':
+    resolution: {integrity: sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==}
+    engines: {node: '>= 10.0.0'}
+
+  '@pkgr/core@0.2.9':
+    resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+
+  '@polka/url@1.0.0-next.29':
+    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
+
+  '@rolldown/pluginutils@1.0.1':
+    resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
+
+  '@rollup/rollup-android-arm-eabi@4.60.4':
+    resolution: {integrity: sha512-F5QXMSiFebS9hKZj02XhWLLnRpJ3B3AROP0tWbFBSj+6kCbg5m9j5JoHKd4mmSVy5mS/IMQloYgYxCuJC0fxEQ==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.60.4':
+    resolution: {integrity: sha512-GxxTKApUpzRhof7poWvCJHRF51C67u1R7D6DiluBE8wKU1u5GWE8t+v81JvJYtbawoBFX1hLv5Ei4eVjkWokaw==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.60.4':
+    resolution: {integrity: sha512-tua0TaJxMOB1R0V0RS1jFZ/RpURFDJIOR2A6jWwQeawuFyS4gBW+rntLRaQd0EQ4bd6Vp44Z2rXW+YYDBsj6IA==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.60.4':
+    resolution: {integrity: sha512-CSKq7MsP+5PFIcydhAiR1K0UhEI1A2jWXVKHPCBZ151yOutENwvnPocgVHkivu2kviURtCEB6zUQw0vs8RrhMg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.60.4':
+    resolution: {integrity: sha512-+O8OkVdyvXMtJEciu2wS/pzm1IxntEEQx3z5TAVy4l32G0etZn+RsA48ARRrFm6Ri8fvqPQfgrvNxSjKAbnd3g==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.60.4':
+    resolution: {integrity: sha512-Iw3oMskH3AfNuhU0MSN7vNbdi4me/NiYo2azqPz/Le16zHSa+3RRmliCMWWQmh4lcndccU40xcJuTYJZxNo/lw==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.4':
+    resolution: {integrity: sha512-EIPRXTVQpHyF8WOo219AD2yEltPehLTcTMz2fn6JsatLYSzQf00hj3rulF+yauOlF9/FtM2WpkT/hJh/KJFGhA==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.4':
+    resolution: {integrity: sha512-J3Yh9PzzF1Ovah2At+lHiGQdsYgArxBbXv/zHfSyaiFQEqvNv7DcW98pCrmdjCZBrqBiKrKKe2V+aaSGWuBe/w==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.4':
+    resolution: {integrity: sha512-BFDEZMYfUvLn37ONE1yMBojPxnMlTFsdyNoqncT0qFq1mAfllL+ATMMJd8TeuVMiX84s1KbcxcZbXInmcO2mRg==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm64-musl@4.60.4':
+    resolution: {integrity: sha512-pc9EYOSlOgdQ2uPl1o9PF6/kLSgaUosia7gOuS8mB69IxJvlclko1MECXysjs5ryez1/5zjYqx3+xYU0TU6R1A==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.4':
+    resolution: {integrity: sha512-NxnomyxYerDh5n4iLrNa+sH+Z+U4BMEE46V2PgQ/hoB909i8gV1M5wPojWg9fk1jWpO3IQnOs20K4wyZuFLEFQ==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-loong64-musl@4.60.4':
+    resolution: {integrity: sha512-nbJnQ8a3z1mtmrwImCYhc6BGpThAyYVRQxw9uKSKG4wR6aAYno9sVjJ0zaZcW9BPJX1GbrDPf+SvdWjgTuDmnw==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.4':
+    resolution: {integrity: sha512-2EU6acNrQLd8tYvo/LXW535wupT3m6fo7HKo6lr7ktQoItxTyOL1ZCR/GfGCuXl2vR+zmfI6eRXkSemafv+iVg==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.4':
+    resolution: {integrity: sha512-WeBtoMuaMxiiIrO2IYP3xs6GMWkJP2C0EoT8beTLkUPmzV1i/UcOSVw1d5r9KBODtHKilG5yFxsGRnBbK3wJ4A==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.4':
+    resolution: {integrity: sha512-FJHFfqpKUI3A10WrWKiFbBZ7yVbGT4q4B5o1qKFFojqpaYoh9LrQgqWCmmcxQzVSXYtyB5bzkXrYzlHTs21MYA==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.4':
+    resolution: {integrity: sha512-mcEl6CUT5IAUmQf1m9FYSmVqCJlpQ8r8eyftFUHG8i9OhY7BkBXSUdnLH5DOf0wCOjcP9v/QO93zpmF1SptCCw==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.4':
+    resolution: {integrity: sha512-ynt3JxVd2w2buzoKDWIyiV1pJW93xlQic1THVLXilz429oijRpSHivZAgp65KBu+cMcgf1eVVjdnTLvPxgCuoQ==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-gnu@4.60.4':
+    resolution: {integrity: sha512-Boiz5+MsaROEWDf+GGEwF8VMHGhlUoQMtIPjOgA5fv4osupqTVnJteQNKJwUcnUog2G55jYXH7KZFFiJe0TEzQ==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-musl@4.60.4':
+    resolution: {integrity: sha512-+qfSY27qIrFfI/Hom04KYFw3GKZSGU4lXus51wsb5EuySfFlWRwjkKWoE9emgRw/ukoT4Udsj4W/+xxG8VbPKg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-openbsd-x64@4.60.4':
+    resolution: {integrity: sha512-VpTfOPHgVXEBeeR8hZ2O0F3aSso+JDWqTWmTmzcQKted54IAdUVbxE+j/MVxUsKa8L20HJhv3vUezVPoquqWjA==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.60.4':
+    resolution: {integrity: sha512-IPOsh5aRYuLv/nkU51X10Bf75Bsf6+gZdx1X+QP5QM6lIJFHHqbHLG0uJn/hWthzo13UAc2umiUorqZy3axoZg==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.4':
+    resolution: {integrity: sha512-4QzE9E81OohJ/HKzHhsqU+zcYYojVOXlFMs1DdyMT6qXl/niOH7AVElmmEdUNHHS/oRkc++d5k6Vy85zFs0DEw==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.4':
+    resolution: {integrity: sha512-zTPgT1YuHHcd+Tmx7h8aml0FWFVelV5N54oHow9SLj+GfoDy/huQ+UV396N/C7KpMDMiPspRktzM1/0r1usYEA==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.60.4':
+    resolution: {integrity: sha512-DRS4G7mi9lJxqEDezIkKCaUIKCrLUUDCUaCsTPCi/rtqaC6D/jjwslMQyiDU50Ka0JKpeXeRBFBAXwArY52vBw==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.60.4':
+    resolution: {integrity: sha512-QVTUovf40zgTqlFVrKA1uXMVvU2QWEFWfAH8Wdc48IxLvrJMQVMBRjuQyUpzZCDkakImib9eVazbWlC6ksWtJw==}
+    cpu: [x64]
+    os: [win32]
+
+  '@simple-libs/child-process-utils@1.0.2':
+    resolution: {integrity: sha512-/4R8QKnd/8agJynkNdJmNw2MBxuFTRcNFnE5Sg/G+jkSsV8/UBgULMzhizWWW42p8L5H7flImV2ATi79Ove2Tw==}
+    engines: {node: '>=18'}
+
+  '@simple-libs/stream-utils@1.2.0':
+    resolution: {integrity: sha512-KxXvfapcixpz6rVEB6HPjOUZT22yN6v0vI0urQSk1L8MlEWPDFCZkhw2xmkyoTGYeFw7tWTZd7e3lVzRZRN/EA==}
+    engines: {node: '>=18'}
+
+  '@sindresorhus/merge-streams@4.0.0':
+    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
+    engines: {node: '>=18'}
+
+  '@standard-schema/spec@1.1.0':
+    resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
+
+  '@sxzz/popperjs-es@2.11.8':
+    resolution: {integrity: sha512-wOwESXvvED3S8xBmcPWHs2dUuzrE4XiZeFu7e1hROIJkm02a49N120pmOXxY33sBb6hArItm5W5tcg1cBtV+HQ==}
+
+  '@tailwindcss/node@4.3.0':
+    resolution: {integrity: sha512-aFb4gUhFOgdh9AXo4IzBEOzBkkAxm9VigwDJnMIYv3lcfXCJVesNfbEaBl4BNgVRyid92AmdviqwBUBRKSeY3g==}
+
+  '@tailwindcss/oxide-android-arm64@4.3.0':
+    resolution: {integrity: sha512-TJPiq67tKlLuObP6RkwvVGDoxCMBVtDgKkLfa/uyj7/FyxvQwHS+UOnVrXXgbEsfUaMgiVvC4KbJnRr26ho4Ng==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.0':
+    resolution: {integrity: sha512-oMN/WZRb+SO37BmUElEgeEWuU8E/HXRkiODxJxLe1UTHVXLrdVSgfaJV7pSlhRGMSOiXLuxTIjfsF3wYvz8cgQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.3.0':
+    resolution: {integrity: sha512-N6CUmu4a6bKVADfw77p+iw6Yd9Q3OBhe0veaDX+QazfuVYlQsHfDgxBrsjQ/IW+zywL8mTrNd0SdJT/zgtvMdA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.0':
+    resolution: {integrity: sha512-zDL5hBkQdH5C6MpqbK3gQAgP80tsMwSI26vjOzjJtNCMUo0lFgOItzHKBIupOZNQxt3ouPH7RPhvNhiTfCe5CQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.0':
+    resolution: {integrity: sha512-R06HdNi7A7OEoMsf6d4tjZ71RCWnZQPHj2mnotSFURjNLdBC+cIgXQ7l81CqeoiQftjf6OOblxXMInMgN2VzMA==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.0':
+    resolution: {integrity: sha512-qTJHELX8jetjhRQHCLilkVLmybpzNQAtaI/gaoVoidn/ufbNDbAo8KlK2J+yPoc8wQxvDxCmh/5lr8nC1+lTbg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.0':
+    resolution: {integrity: sha512-Z6sukiQsngnWO+l39X4pPbiWT81IC+PLKF+PHxIlyZbGNb9MODfYlXEVlFvej5BOZInWX01kVyzeLvHsXhfczQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.0':
+    resolution: {integrity: sha512-DRNdQRpSGzRGfARVuVkxvM8Q12nh19l4BF/G7zGA1oe+9wcC6saFBHTISrpIcKzhiXtSrlSrluCfvMuledoCTQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.0':
+    resolution: {integrity: sha512-Z0IADbDo8bh6I7h2IQMx601AdXBLfFpEdUotft86evd/8ZPflZe9COPO8Q1vw+pfLWIUo9zN/JGZvwuAJqduqg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.0':
+    resolution: {integrity: sha512-HNZGOUxEmElksYR7S6sC5jTeNGpobAsy9u7Gu0AskJ8/20FR9GqebUyB+HBcU/ax6BHuiuJi+Oda4B+YX6H1yA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.0':
+    resolution: {integrity: sha512-Pe+RPVTi1T+qymuuRpcdvwSVZjnll/f7n8gBxMMh3xLTctMDKqpdfGimbMyioqtLhUYZxdJ9wGNhV7MKHvgZsQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.0':
+    resolution: {integrity: sha512-Mvrf2kXW/yeW/OTezZlCGOirXRcUuLIBx/5Y12BaPM7wJoryG6dfS/NJL8aBPqtTEx/Vm4T4vKzFUcKDT+TKUA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.3.0':
+    resolution: {integrity: sha512-F7HZGBeN9I0/AuuJS5PwcD8xayx5ri5GhjYUDBEVYUkexyA/giwbDNjRVrxSezE3T250OU2K/wp/ltWx3UOefg==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/vite@4.3.0':
+    resolution: {integrity: sha512-t6J3OrB5Fc0ExuhohouH0fWUGMYL6PTLhW+E7zIk/pdbnJARZDCwjBznFnkh5ynRnIRSI4YjtTH0t6USjJISrw==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6 || ^7 || ^8
+
+  '@transloadit/prettier-bytes@0.0.7':
+    resolution: {integrity: sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA==}
+
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
+  '@types/codemirror@5.60.17':
+    resolution: {integrity: sha512-AZq2FIsUHVMlp7VSe2hTfl5w4pcUkoFkM3zVsRKsn1ca8CXRDYvnin04+HP2REkwsxemuHqvDofdlhUWNpbwfw==}
+
+  '@types/dagre@0.7.54':
+    resolution: {integrity: sha512-QjcRY+adGbYvBFS7cwv5txhVIwX1XXIUswWl+kSQTbI6NjgZydrZkEKX/etzVd7i+bCsCb40Z/xlBY5eoFuvWQ==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/esrecurse@4.3.1':
+    resolution: {integrity: sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/estree@1.0.9':
+    resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
+
+  '@types/event-emitter@0.3.5':
+    resolution: {integrity: sha512-zx2/Gg0Eg7gwEiOIIh5w9TrhKKTeQh7CPCOPNc0el4pLSwzebA8SmnHwZs2dWlLONvyulykSwGSQxQHLhjGLvQ==}
+
+  '@types/file-saver@2.0.7':
+    resolution: {integrity: sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==}
+
+  '@types/jsesc@2.5.1':
+    resolution: {integrity: sha512-9VN+6yxLOPLOav+7PwjZbxiID2bVaeq0ED4qSQmdQTdjnXJSaCVKTR58t15oqH1H5t8Ng2ZX1SabJVoN9Q34bw==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/linkify-it@5.0.0':
+    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
+
+  '@types/lodash-es@4.17.12':
+    resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
+
+  '@types/lodash@4.17.24':
+    resolution: {integrity: sha512-gIW7lQLZbue7lRSWEFql49QJJWThrTFFeIMJdp3eH4tKoxm1OvEPg02rm4wCCSHS0cL3/Fizimb35b7k8atwsQ==}
+
+  '@types/markdown-it@14.1.2':
+    resolution: {integrity: sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==}
+
+  '@types/mdurl@2.0.0':
+    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
+
+  '@types/node@14.18.63':
+    resolution: {integrity: sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ==}
+
+  '@types/node@24.12.4':
+    resolution: {integrity: sha512-GUUEShf+PBCGW2KaXwcIt3Yk+e3pkKwWKb9GSyM9WQVE+ep2jzmHdGsHzu4wgcZy5fN9FBdVzjpBQsYlpfpgLA==}
+
+  '@types/nprogress@0.2.3':
+    resolution: {integrity: sha512-k7kRA033QNtC+gLc4VPlfnue58CM1iQLgn1IMAU8VPHGOj7oIHPp9UlhedEnD/Gl8evoCjwkZjlBORtZ3JByUA==}
+
+  '@types/path-browserify@1.0.3':
+    resolution: {integrity: sha512-ZmHivEbNCBtAfcrFeBCiTjdIc2dey0l7oCGNGpSuRTy8jP6UVND7oUowlvDujBy8r2Hoa8bfFUOCiPWfmtkfxw==}
+
+  '@types/qs@6.15.1':
+    resolution: {integrity: sha512-GZHUBZR9hckSUhrxmp1nG6NwdpM9fCunJwyThLW1X3AyHgd9IlHb6VANpQQqDr2o/qQp6McZ3y/IA2rVzKzSbw==}
+
+  '@types/sortablejs@1.15.9':
+    resolution: {integrity: sha512-7HP+rZGE2p886PKV9c9OJzLBI6BBJu1O7lJGYnPyG3fS4/duUCcngkNCjsLwIMV+WMqANe3tt4irrXHSIe68OQ==}
+
+  '@types/tern@0.23.9':
+    resolution: {integrity: sha512-ypzHFE/wBzh+BlH6rrBgS5I/Z7RD21pGhZ2rltb/+ZrVM1awdZwjx7hE5XfuYgHWk9uvV5HLZN3SloevCAp3Bw==}
+
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
+  '@types/web-bluetooth@0.0.20':
+    resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
+
+  '@types/web-bluetooth@0.0.21':
+    resolution: {integrity: sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==}
+
+  '@typescript-eslint/eslint-plugin@8.59.3':
+    resolution: {integrity: sha512-PwFvSKsXGShKGW6n5bZOhGHEcCZXM8HofLK9fNsEwZXzFRjoY+XT1Vsf1zgyXdwTr0ZYz1/2tkZ0DBTT9jZjhw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.59.3
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/parser@8.59.3':
+    resolution: {integrity: sha512-HPwA+hVkfcriajbNvTmZv4VRauibay+cWArYUYq7u7W7PmGShMxbPxLvrwDme55a6d5alG3nrYfhyJ/G28XlLg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/project-service@8.59.3':
+    resolution: {integrity: sha512-ECiUWa/KYRGDFUqTNehaRgzDshnJfkTABJxVemHk4ko22gcr0ukloKjWvyQ64g8YCV/UI47kN1dbmjf/GaQYng==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/scope-manager@8.59.3':
+    resolution: {integrity: sha512-t2LvZnoEfzKtnPjgeEu41xw5gxq9mQVfYy4OoZ4Vlt0sk3JwxmhCca/AR7DwOiHrjWgjAj6as4AhRLKSDfvZIA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/tsconfig-utils@8.59.3':
+    resolution: {integrity: sha512-PcIJHjmaREXLgIAIzLnSY9VucEzz8FKXsRgFa1DmdGCK/5tJpW03TKJF01Q6VZd1lLdz2sIKPWaDUZN9dp//dw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/type-utils@8.59.3':
+    resolution: {integrity: sha512-g71d8QD8UaiHGvrJwyIS1hCX5r63w6Jll+4VEYhEAHXTDIqX1JgxhTAbEHtKntL9kuc4jRo7/GWw5xfCepSccQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/types@8.59.3':
+    resolution: {integrity: sha512-ePFoH0g4ludssdRFqqDxQePCxU4WQyRa9+XVwjm7yLn0FKhMeoetC+qBEEI1Eyb1pGSDveTIT09Bvw2WhlGayg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.59.3':
+    resolution: {integrity: sha512-CbRjVRAf7Lr9Kr8RopKcbY45p2VfmmHrm0ygOCYFi7oU8q19m0Fs/6iHS7kNOmwpp+ob07ZVcAqlxUod9lYdmg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/utils@8.59.3':
+    resolution: {integrity: sha512-JAvT14goBzRzzzZyqq3P9BLArIxTtQURUtFgQ/V7FO+eU+Gg6ES+5ymOPP1wRxXcxAYeivCk4uS3jCKWI1K8Zg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/visitor-keys@8.59.3':
+    resolution: {integrity: sha512-f1UQF7ggd42YiwI5wGrRaPsa+P0CINBlrkLPmGfpq/u/I/oVtecoEIfFR9ag/oa1sLOsRNZ6xehf6qMZhQGBDg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@uppy/companion-client@2.2.2':
+    resolution: {integrity: sha512-5mTp2iq97/mYSisMaBtFRry6PTgZA6SIL7LePteOV5x0/DxKfrZW3DEiQERJmYpHzy7k8johpm2gHnEKto56Og==}
+
+  '@uppy/core@2.3.4':
+    resolution: {integrity: sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==}
+
+  '@uppy/store-default@2.1.1':
+    resolution: {integrity: sha512-xnpTxvot2SeAwGwbvmJ899ASk5tYXhmZzD/aCFsXePh/v8rNvR2pKlcQUH7cF/y4baUGq3FHO/daKCok/mpKqQ==}
+
+  '@uppy/utils@4.1.3':
+    resolution: {integrity: sha512-nTuMvwWYobnJcytDO3t+D6IkVq/Qs4Xv3vyoEZ+Iaf8gegZP+rEyoaFT2CK5XLRMienPyqRqNbIfRuFaOWSIFw==}
+
+  '@uppy/xhr-upload@2.1.3':
+    resolution: {integrity: sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==}
+    peerDependencies:
+      '@uppy/core': ^2.3.3
+
+  '@vitejs/plugin-vue@6.0.7':
+    resolution: {integrity: sha512-km+p+XdSz9Sxm5rqUbqcSfZYaAniKxWBj1KURl+Jr7UaPvvX7BmaWMdP69I5rrFDeQGyxAG7NXdc57vz+snhWg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+      vue: ^3.2.25
+
+  '@vitest/expect@4.1.7':
+    resolution: {integrity: sha512-1R+tw0ortHEbZDGMymm+pN7/AFQ/RkFFdtd7EN+VBpynKmLbP8A3rpEXdshBJ7+8hQ9zBJh/i1s0yKNtxAnU7w==}
+
+  '@vitest/mocker@4.1.7':
+    resolution: {integrity: sha512-vY7nuamKgfvpA1Koa3oYIw/k7D6kZnpGyNMZW8loow2bsBYla1TFdqTaXncWdRn4pgwNs+90RhnXhJScDwQeJA==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@4.1.7':
+    resolution: {integrity: sha512-umgCarTOYQWIaDMvGDRZij+6b9oVeLIyJzfN+AS88e0ZOU3QTgNNSTtjQOpcvWr3np1N0j4WgZj+sb3oYBDscw==}
+
+  '@vitest/runner@4.1.7':
+    resolution: {integrity: sha512-BapjmAQ2aI78WdMEfeUWivnfVzB+VPGwWRQcJE0OUq7qEeEcBsCSf+0T5iREBNE5nBb4wA5Ya0W6IA+sghdEFw==}
+
+  '@vitest/snapshot@4.1.7':
+    resolution: {integrity: sha512-ZacLzja+TmJeZ1h14xW2FB/WpeimUD3haBXQPyJqxvo8jQTmfeA8zv58mtjN2C7EHXZDYVcVYdYmAxjkWVvKCw==}
+
+  '@vitest/spy@4.1.7':
+    resolution: {integrity: sha512-kbkI5LMWakyuTIvs6fUJ5qdIVb1XVKsYJAT4OJ938cHMROYMSfmoQdZy0aaAnjbbc8F61vkoTqz/Az+/HiIu5Q==}
+
+  '@vitest/utils@4.1.7':
+    resolution: {integrity: sha512-T532WBu791cBxJlCl6SO+J14l81DQx6uQHm1bQbmCDY7nqlEIgkza/UFnSBNaUtSf41unldDFjdOBYEQC4b5Hw==}
+
+  '@volar/language-core@2.4.28':
+    resolution: {integrity: sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==}
+
+  '@volar/source-map@2.4.28':
+    resolution: {integrity: sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==}
+
+  '@volar/typescript@2.4.28':
+    resolution: {integrity: sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==}
+
+  '@vue-flow/background@1.3.2':
+    resolution: {integrity: sha512-eJPhDcLj1wEo45bBoqTXw1uhl0yK2RaQGnEINqvvBsAFKh/camHJd5NPmOdS1w+M9lggc9igUewxaEd3iCQX2w==}
+    peerDependencies:
+      '@vue-flow/core': ^1.23.0
+      vue: ^3.3.0
+
+  '@vue-flow/controls@1.1.3':
+    resolution: {integrity: sha512-XCf+G+jCvaWURdFlZmOjifZGw3XMhN5hHlfMGkWh9xot+9nH9gdTZtn+ldIJKtarg3B21iyHU8JjKDhYcB6JMw==}
+    peerDependencies:
+      '@vue-flow/core': ^1.23.0
+      vue: ^3.3.0
+
+  '@vue-flow/core@1.48.2':
+    resolution: {integrity: sha512-raxhgKWE+G/mcEvXJjGFUDYW9rAI3GOtiHR3ZkNpwBWuIaCC1EYiBmKGwJOoNzVFgwO7COgErnK7i08i287AFA==}
+    peerDependencies:
+      vue: ^3.3.0
+
+  '@vue-flow/minimap@1.5.4':
+    resolution: {integrity: sha512-l4C+XTAXnRxsRpUdN7cAVFBennC1sVRzq4bDSpVK+ag7tdMczAnhFYGgbLkUw3v3sY6gokyWwMl8CDonp8eB2g==}
+    peerDependencies:
+      '@vue-flow/core': ^1.23.0
+      vue: ^3.3.0
+
+  '@vue-macros/common@3.1.2':
+    resolution: {integrity: sha512-h9t4ArDdniO9ekYHAD95t9AZcAbb19lEGK+26iAjUODOIJKmObDNBSe4+6ELQAA3vtYiFPPBtHh7+cQCKi3Dng==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    peerDependenciesMeta:
+      vue:
+        optional: true
+
+  '@vue/babel-helper-vue-transform-on@1.5.0':
+    resolution: {integrity: sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA==}
+
+  '@vue/babel-plugin-jsx@1.5.0':
+    resolution: {integrity: sha512-mneBhw1oOqCd2247O0Yw/mRwC9jIGACAJUlawkmMBiNmL4dGA2eMzuNZVNqOUfYTa6vqmND4CtOPzmEEEqLKFw==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+
+  '@vue/babel-plugin-resolve-type@1.5.0':
+    resolution: {integrity: sha512-Wm/60o+53JwJODm4Knz47dxJnLDJ9FnKnGZJbUUf8nQRAtt6P+undLUAVU3Ha33LxOJe6IPoifRQ6F/0RrU31w==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@vue/compiler-core@3.5.34':
+    resolution: {integrity: sha512-s9cLyK5mLcvZ4Agva5QgRsQyLKvts9WbU9DB6NqiZkkGEdwmcEiylj5Jbwkp680drF/NNCV8OlAJSe+yMLxaJw==}
+
+  '@vue/compiler-dom@3.5.34':
+    resolution: {integrity: sha512-EbF/T++k0e2MMZlJsBhzK8Sgwt0HcIPOhzn1CTB/lv6sQcyk+OWf8YeiLxZp3ro7MbbLcAfAJ6sEvjFWuNgUCw==}
+
+  '@vue/compiler-sfc@3.5.34':
+    resolution: {integrity: sha512-D/ihr6uZeIt6r+pVZf46RWT1fAsLFMbUP7k8G1VkiiWexriED9GrX3echHd4Abbt17zjlfiFJ8z7a3BxZOPNjg==}
+
+  '@vue/compiler-ssr@3.5.34':
+    resolution: {integrity: sha512-cDtTHKibkThKGHH1SP+WdccquNRYQDFH6rRjQCqT9G2ltFAfoR5pUftpab/z+aM5mW9HLLVQW7hfKKQe/1GBeQ==}
+
+  '@vue/devtools-api@6.6.4':
+    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
+
+  '@vue/devtools-api@7.7.9':
+    resolution: {integrity: sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==}
+
+  '@vue/devtools-api@8.1.2':
+    resolution: {integrity: sha512-vA0O112YqyDuNA1s7Yb2gCgToQ/OxOWiFDO5ThLCcDy0ldHnSd1dUTaSYhOldbqoNgumE4dxtGAoAaSUKUD1Zg==}
+
+  '@vue/devtools-core@8.1.2':
+    resolution: {integrity: sha512-ZGGyaSBP4/+bN2Nd9ZHNYAVDRIzMw1rv2RyXWtyZlo6mQal+IDmTvKY4V+DjAEBhaXt30mHmsgYp1yXJ/2tIWg==}
+    peerDependencies:
+      vue: ^3.0.0
+
+  '@vue/devtools-kit@7.7.9':
+    resolution: {integrity: sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==}
+
+  '@vue/devtools-kit@8.1.2':
+    resolution: {integrity: sha512-f75/upc+GCyjXErpgPGz4582ujS0L/adAltGy+tqXMGUJpgAcfGr6CxnnhpZY8BHuMYt6KpbF8uaFrrQG66rGQ==}
+
+  '@vue/devtools-shared@7.7.9':
+    resolution: {integrity: sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==}
+
+  '@vue/devtools-shared@8.1.2':
+    resolution: {integrity: sha512-X9RyVFYAdkBe4IUf5v48TxBF/6QPmF8CmWrDAjXzfUHrgQ/HGfTC1A6TqgXqZ03ye66l3AD51BAGD69IvKM9sw==}
+
+  '@vue/language-core@3.2.9':
+    resolution: {integrity: sha512-ie0ojt/0fU/GfIogh+zgHbaYRPlt9S+cLOxcWwF7nTSFh897BVgnFKL2byT4kpp1mlqYWZ2psGwSniyE2xsxYw==}
+
+  '@vue/reactivity@3.5.34':
+    resolution: {integrity: sha512-y9XDjCEuBp+98k+UL5dbYkh57AHU4o6cxZedOPXw3bmrZZYLQsVHguGurq7hVrPCSrQtrnz1f9dssyFr+dMXfQ==}
+
+  '@vue/runtime-core@3.5.34':
+    resolution: {integrity: sha512-mKeBYvu8tcMSLhypAHBmriUFfWXKTCF/23Z4jiCoYK3UtWepkliViNLuR90V9XOyD62mUxs9p1jsrpK3CCGIzw==}
+
+  '@vue/runtime-dom@3.5.34':
+    resolution: {integrity: sha512-e8kZzERmCwUnBRVsgSQlAfrfU2rGoy0FFKPBXSlfEjc/O3KfA7QP0t1/2ZylrbchjmIKB4dPTd07A6WPr0eOrg==}
+
+  '@vue/server-renderer@3.5.34':
+    resolution: {integrity: sha512-nHxmJoTrKsmrkbILRhkC9gY1G3moZbJTqCzDd7DOOzG5KH9oeJ0Unqrff5f9v0pW//jES05ZkJcNtfE8JjOIew==}
+    peerDependencies:
+      vue: 3.5.34
+
+  '@vue/shared@3.5.34':
+    resolution: {integrity: sha512-24uqU4OIiX29ryC3MeWid/Xf2fa2EFRUVLb77nRhk+UrTVrh/XiGtFAFmJBAtBRbjwNdsPRP+jj/OL27Eg1NDA==}
+
+  '@vue/test-utils@2.4.10':
+    resolution: {integrity: sha512-SmoZ5EA1kYiAFs9NkYdiFFQF+cSnUwnvlYEbY+DogWQZUiqOm/Y29eSbc5T6yi75SgSF9863SBeXniIEoPajCA==}
+    peerDependencies:
+      '@vue/compiler-dom': 3.x
+      '@vue/server-renderer': 3.x
+      vue: 3.x
+    peerDependenciesMeta:
+      '@vue/server-renderer':
+        optional: true
+
+  '@vueuse/core@10.11.1':
+    resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
+
+  '@vueuse/core@12.0.0':
+    resolution: {integrity: sha512-C12RukhXiJCbx4MGhjmd/gH52TjJsc3G0E0kQj/kb19H3Nt6n1CA4DRWuTdWWcaFRdlTe0npWDS942mvacvNBw==}
+
+  '@vueuse/core@13.9.0':
+    resolution: {integrity: sha512-ts3regBQyURfCE2BcytLqzm8+MmLlo5Ln/KLoxDVcsZ2gzIwVNnQpQOL/UKV8alUqjSZOlpFZcRNsLRqj+OzyA==}
+    peerDependencies:
+      vue: ^3.5.0
+
+  '@vueuse/metadata@10.11.1':
+    resolution: {integrity: sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==}
+
+  '@vueuse/metadata@12.0.0':
+    resolution: {integrity: sha512-Yzimd1D3sjxTDOlF05HekU5aSGdKjxhuhRFHA7gDWLn57PRbBIh+SF5NmjhJ0WRgF3my7T8LBucyxdFJjIfRJQ==}
+
+  '@vueuse/metadata@13.9.0':
+    resolution: {integrity: sha512-1AFRvuiGphfF7yWixZa0KwjYH8ulyjDCC0aFgrGRz8+P4kvDFSdXLVfTk5xAN9wEuD1J6z4/myMoYbnHoX07zg==}
+
+  '@vueuse/shared@10.11.1':
+    resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
+
+  '@vueuse/shared@12.0.0':
+    resolution: {integrity: sha512-3i6qtcq2PIio5i/vVYidkkcgvmTjCqrf26u+Fd4LhnbBmIT6FN8y6q/GJERp8lfcB9zVEfjdV0Br0443qZuJpw==}
+
+  '@vueuse/shared@13.9.0':
+    resolution: {integrity: sha512-e89uuTLMh0U5cZ9iDpEI2senqPGfbPRTHM/0AaQkcxnpqjkZqDYP8rpfm7edOz8s+pOCOROEy1PIveSW8+fL5g==}
+    peerDependencies:
+      vue: ^3.5.0
+
+  '@wangeditor-next/basic-modules@2.0.0':
+    resolution: {integrity: sha512-oH7Cv6mHorvBkj5t3isP9wncgWABYLlQpoQZYOIFtWVwgsQatwoGVFHF6PoJzz+mTkt5UaJcyfDxFSo9Thvhdw==}
+    peerDependencies:
+      '@wangeditor-next/core': 1.8.0
+      dom7: ^3.0.0 || ^4.0.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^5.0.0
+      slate: ^0.123.0
+      snabbdom: ^3.6.0
+
+  '@wangeditor-next/code-highlight@2.0.0':
+    resolution: {integrity: sha512-A0m4KghOK+9jyufSBidTAtva5VssC2zW3oYItRdMi75p3WV8Kqb67q0kUeFcDzlm9H+IvXzwvSnQ8xl6Zk07nw==}
+    peerDependencies:
+      '@wangeditor-next/core': 1.8.0
+      dom7: ^3.0.0 || ^4.0.0
+      slate: ^0.123.0
+      snabbdom: ^3.6.0
+
+  '@wangeditor-next/core@1.8.0':
+    resolution: {integrity: sha512-U2TlQ0Lpo6aLb0KD8oJgzG/rFAYO61cy+qbZu+t5lDfS3CECNjOhGIC3C7/dXIhiMQ8V/LY4cvrPt9R5G4vLjA==}
+    peerDependencies:
+      '@uppy/core': ^2.1.1
+      '@uppy/xhr-upload': ^2.0.3
+      dom7: ^3.0.0 || ^4.0.0
+      is-hotkey: ^0.2.0
+      lodash.camelcase: ^4.3.0
+      lodash.clonedeep: ^4.5.0
+      lodash.debounce: ^4.0.8
+      lodash.foreach: ^4.5.0
+      lodash.throttle: ^4.1.1
+      lodash.toarray: ^4.4.0
+      nanoid: ^5.0.0
+      slate: ^0.123.0
+      snabbdom: ^3.6.0
+
+  '@wangeditor-next/editor-for-vue@5.1.14':
+    resolution: {integrity: sha512-Xkrdo590AhLHvzyR+U246t6T89nIWHz1weAgMuo8jEA2HS5RiUnsA4U6+iUGaQ2E5c8mYQaeNqzHQXUp9Okbiw==}
+    peerDependencies:
+      '@wangeditor-next/editor': '>=5.1.0'
+      vue: ^3.0.5
+
+  '@wangeditor-next/editor@5.7.0':
+    resolution: {integrity: sha512-bxkw/TeWBJz7AU4qXZnx5tx/s1yzx8XdLmSRN9ev4btArKnfXR/6hr3dqxUSsyea8q//IpEv1qr9tc2ureEAsA==}
+
+  '@wangeditor-next/list-module@2.0.0':
+    resolution: {integrity: sha512-n7WruLV9VQxBFbav/pwWS+n5rsANqmEhVINwtngTSbScD/tDYRtLJ95SGKPU3gtBR9KHd06yEnXEgG3Pmy7A4A==}
+    peerDependencies:
+      '@wangeditor-next/core': 1.8.0
+      dom7: ^3.0.0 || ^4.0.0
+      slate: ^0.123.0
+      snabbdom: ^3.6.0
+
+  '@wangeditor-next/table-module@2.0.0':
+    resolution: {integrity: sha512-uOj0QA6Esb/T75cCGYWByWDRX/i8EBYIJq0tNOhGxufKQVAS9/D8QshTKQpKniS1AR2PaZg4BEPkn6+QuipKTw==}
+    peerDependencies:
+      '@wangeditor-next/core': 1.8.0
+      dom7: ^3.0.0 || ^4.0.0
+      lodash.debounce: ^4.0.8
+      lodash.throttle: ^4.1.1
+      nanoid: ^5.0.0
+      slate: ^0.123.0
+      snabbdom: ^3.6.0
+
+  '@wangeditor-next/upload-image-module@2.0.0':
+    resolution: {integrity: sha512-mAZjCEpANWYmAZ1xkdda25AT+BMvEUqY5F3WHMB0zg3yPqUtzMv7FN1dpLl1ujErpnX+CdkL0iwon7nejpymjw==}
+    peerDependencies:
+      '@uppy/core': ^2.0.3
+      '@uppy/xhr-upload': ^2.0.3
+      '@wangeditor-next/basic-modules': 2.0.0
+      '@wangeditor-next/core': 1.8.0
+      dom7: ^3.0.0 || ^4.0.0
+      lodash.foreach: ^4.5.0
+      slate: ^0.123.0
+      snabbdom: ^3.6.0
+
+  '@wangeditor-next/video-module@2.0.0':
+    resolution: {integrity: sha512-M21rIXlQ41rb5mjAlzEuZB9mRDDrNSsj8EmJBzAwKStEGpJhzMC44HCOFtzbRvh2W3J5mGAPXXWbdHGknxDa6g==}
+    peerDependencies:
+      '@uppy/core': ^2.1.4
+      '@uppy/xhr-upload': ^2.0.7
+      '@wangeditor-next/core': 1.8.0
+      dom7: ^3.0.0 || ^4.0.0
+      nanoid: ^5.0.0
+      slate: ^0.123.0
+      snabbdom: ^3.6.0
+
+  abbrev@2.0.0:
+    resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  adler-32@1.3.1:
+    resolution: {integrity: sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==}
+    engines: {node: '>=0.8'}
+
+  agent-base@6.0.2:
+    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
+    engines: {node: '>= 6.0.0'}
+
+  ajv@6.15.0:
+    resolution: {integrity: sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==}
+
+  ajv@8.20.0:
+    resolution: {integrity: sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==}
+
+  alien-signals@3.2.1:
+    resolution: {integrity: sha512-I8FjmltrfnDFoZedi5CG8DghVYNhzb/Ijluz7tCSJH0xpd0484Kowhbb1XDYOxfJpU1p5wnM2X54dA+IfGyD1g==}
+
+  animate.css@4.1.1:
+    resolution: {integrity: sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==}
+
+  ansi-escapes@4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
+    engines: {node: '>=8'}
+
+  ansi-escapes@7.3.0:
+    resolution: {integrity: sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg==}
+    engines: {node: '>=18'}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.2.2:
+    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
+    engines: {node: '>=12'}
+
+  ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@6.2.3:
+    resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
+    engines: {node: '>=12'}
+
+  ansis@4.3.0:
+    resolution: {integrity: sha512-44mvgtPvohuU/70DdY5Oz2AIrLJ9k6/5x4KmoSvPwO+5Moijo0+N9D0fKbbYZQWP1hNm5CpOf+E01jhxG/r8xg==}
+    engines: {node: '>=14'}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  archiver-utils@2.1.0:
+    resolution: {integrity: sha512-bEL/yUb/fNNiNTuUz979Z0Yg5L+LzLxGJz8x79lYmR54fmTIb6ob/hNQgkQnIUDWIFjZVQwl9Xs356I6BAMHfw==}
+    engines: {node: '>= 6'}
+
+  archiver-utils@3.0.4:
+    resolution: {integrity: sha512-KVgf4XQVrTjhyWmx6cte4RxonPLR9onExufI1jhvw/MQ4BB6IsZD5gT8Lq+u/+pRkWna/6JoHpiQioaqFP5Rzw==}
+    engines: {node: '>= 10'}
+
+  archiver@5.3.2:
+    resolution: {integrity: sha512-+25nxyyznAXF7Nef3y0EbBeqmGZgeN/BxHX29Rs39djAfaFalmQ89SE6CWyDCHzGL0yt/ycBtNOmGTW0FyGWNw==}
+    engines: {node: '>= 10'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  array-ify@1.0.0:
+    resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  ast-kit@2.2.0:
+    resolution: {integrity: sha512-m1Q/RaVOnTp9JxPX+F+Zn7IcLYMzM8kZofDImfsKZd8MbR+ikdOzTeztStWqfrqIxZnYWryyI9ePm3NGjnZgGw==}
+    engines: {node: '>=20.19.0'}
+
+  ast-walker-scope@0.8.3:
+    resolution: {integrity: sha512-cbdCP0PGOBq0ASG+sjnKIoYkWMKhhz+F/h9pRexUdX2Hd38+WOlBkRKlqkGOSm0YQpcFMQBJeK4WspUAkwsEdg==}
+    engines: {node: '>=20.19.0'}
+
+  astral-regex@2.0.0:
+    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
+    engines: {node: '>=8'}
+
+  async-validator@4.2.5:
+    resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
+
+  async@3.2.6:
+    resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
+
+  asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
+  at-least-node@1.0.0:
+    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
+    engines: {node: '>= 4.0.0'}
+
+  autoprefixer@10.5.0:
+    resolution: {integrity: sha512-FMhOoZV4+qR6aTUALKX2rEqGG+oyATvwBt9IIzVR5rMa2HRWPkxf+P+PAJLD1I/H5/II+HuZcBJYEFBpq39ong==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
+  axios@1.16.1:
+    resolution: {integrity: sha512-caYkukvroVPO8KrzuJEb50Hm07KwfBZPEC3VeFHTsqWHvKTsy54hjJz9BS/cdaypROE2rH6xvm9mHX4fgWkr3A==}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
+  base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+
+  baseline-browser-mapping@2.10.30:
+    resolution: {integrity: sha512-xjOFN16Ha1+Rz4nFYKqHU/LSB+gx/Vi3yQLX7r7sAW+Wa+8hhF2h4pvqTrTMc8+WcDBEunnUurr46Jvv0jk3Vg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  bidi-js@1.0.3:
+    resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
+
+  big-integer@1.6.52:
+    resolution: {integrity: sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==}
+    engines: {node: '>=0.6'}
+
+  binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+
+  binary@0.3.0:
+    resolution: {integrity: sha512-D4H1y5KYwpJgK8wk1Cue5LLPgmwHKYSChkbspQg5JtVuR5ulGckxfR62H3AE9UDkdMC8yyXlqYihuz3Aqg2XZg==}
+
+  birpc@2.9.0:
+    resolution: {integrity: sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==}
+
+  bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+
+  bluebird@3.4.7:
+    resolution: {integrity: sha512-iD3898SR7sWVRHbiQv+sHUtHnMvC1o3nW5rAcqnq3uOn07DSAppZYUkIGslDz6gXC7HfunPe7YVBgoEJASPcHA==}
+
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
+  brace-expansion@2.1.0:
+    resolution: {integrity: sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==}
+
+  brace-expansion@5.0.6:
+    resolution: {integrity: sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==}
+    engines: {node: 18 || 20 || >=22}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  browserslist@4.28.2:
+    resolution: {integrity: sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  buffer-crc32@0.2.13:
+    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
+
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
+  buffer-indexof-polyfill@1.0.2:
+    resolution: {integrity: sha512-I7wzHwA3t1/lwXQh+A5PbNvJxgfo5r3xulgpYDB5zckTu/Z9oUK9biouBKQUjEqzaz3HnAT6TYoovmE+GqSf7A==}
+    engines: {node: '>=0.10'}
+
+  buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+
+  buffers@0.1.1:
+    resolution: {integrity: sha512-9q/rDEGSb/Qsvv2qvzIzdluL5k7AaJOTrw23z9reQthrbF7is4CtlT0DXyO1oei2DCp4uojjzQ7igaSHp1kAEQ==}
+    engines: {node: '>=0.2.0'}
+
+  bundle-name@4.1.0:
+    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
+    engines: {node: '>=18'}
+
+  cacheable@2.3.5:
+    resolution: {integrity: sha512-EQfaKe09tl615iNvq/TBRWTFf1AKJNXYQSsMx0Z3EI0nA+pVsVPS8wJhnRlkbdacKPh1d0qVIhwTc2zsQNFEEg==}
+
+  cachedir@2.3.0:
+    resolution: {integrity: sha512-A+Fezp4zxnit6FanDmv9EqXNAi3vt9DWp51/71UEhXukb7QUuvtv9344h91dyAxuTLoSYJFU299qzR3tzwPAhw==}
+    engines: {node: '>=6'}
+
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  caniuse-lite@1.0.30001792:
+    resolution: {integrity: sha512-hVLMUZFgR4JJ6ACt1uEESvQN1/dBVqPAKY0hgrV70eN3391K6juAfTjKZLKvOMsx8PxA7gsY1/tLMMTcfFLLpw==}
+
+  cfb@1.2.2:
+    resolution: {integrity: sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==}
+    engines: {node: '>=0.8'}
+
+  chai@6.2.2:
+    resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
+    engines: {node: '>=18'}
+
+  chainsaw@0.1.0:
+    resolution: {integrity: sha512-75kWfWt6MEKNC8xYXIdRpDehRYY/tNSgwKaJq+dbbDcxORuVrrQ+SEHoWsniVn9XPYfP4gmdWIeDk/4YNp1rNQ==}
+
+  chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  chalk@5.6.2:
+    resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
+  chardet@0.7.0:
+    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
+
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
+    engines: {node: '>= 14.16.0'}
+
+  chokidar@5.0.0:
+    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
+    engines: {node: '>= 20.19.0'}
+
+  cli-cursor@3.1.0:
+    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
+    engines: {node: '>=8'}
+
+  cli-cursor@5.0.0:
+    resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
+    engines: {node: '>=18'}
+
+  cli-spinners@2.9.2:
+    resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
+    engines: {node: '>=6'}
+
+  cli-truncate@4.0.0:
+    resolution: {integrity: sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==}
+    engines: {node: '>=18'}
+
+  cli-width@3.0.0:
+    resolution: {integrity: sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==}
+    engines: {node: '>= 10'}
+
+  clipboard@2.0.11:
+    resolution: {integrity: sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
+  cliui@9.0.1:
+    resolution: {integrity: sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==}
+    engines: {node: '>=20'}
+
+  clone@1.0.4:
+    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
+    engines: {node: '>=0.8'}
+
+  codemirror-editor-vue3@2.8.0:
+    resolution: {integrity: sha512-ebYGNhBpLmQNLguXzNyMMkn6K8v3lcS5/Ncvdn6YS4bLGEHE67MfsJIS/WV0L7I6WavUuFlY/Rs/AJKChIwSwg==}
+    peerDependencies:
+      codemirror: ^5
+      diff-match-patch: ^1.0.5
+      vue: ^3.x
+
+  codemirror@5.65.21:
+    resolution: {integrity: sha512-6teYk0bA0nR3QP0ihGMoxuKzpl5W80FpnHpBJpgy66NK3cZv5b/d/HY8PnRvfSsCG1MTfr92u2WUl+wT0E40mQ==}
+
+  codepage@1.15.0:
+    resolution: {integrity: sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==}
+    engines: {node: '>=0.8'}
+
+  color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+
+  colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+
+  combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+
+  commander@10.0.1:
+    resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
+    engines: {node: '>=14'}
+
+  commander@13.1.0:
+    resolution: {integrity: sha512-/rFeCpNJQbhSZjGVwO9RFV3xPqbnERS8MmIQzCtD/zl6gpJuV/bMLuN92oG3F7d8oDEHHRrujSXNUr8fpjntKw==}
+    engines: {node: '>=18'}
+
+  commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+
+  commitizen@4.3.1:
+    resolution: {integrity: sha512-gwAPAVTy/j5YcOOebcCRIijn+mSjWJC+IYKivTu6aG8Ei/scoXgfsMRnuAk6b0GRste2J4NGxVdMN3ZpfNaVaw==}
+    engines: {node: '>= 12'}
+    hasBin: true
+
+  compare-func@2.0.0:
+    resolution: {integrity: sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==}
+
+  compress-commons@4.1.2:
+    resolution: {integrity: sha512-D3uMHtGc/fcO1Gt1/L7i1e33VOvD4A9hfQLP+6ewd+BvG/gQ84Yh4oftEhAdjSMgBgwGL+jsppT7JYNpo6MHHg==}
+    engines: {node: '>= 10'}
+
+  compute-scroll-into-view@3.1.1:
+    resolution: {integrity: sha512-VRhuHOLoKYOy4UbilLbUzbYg93XLjv2PncJC50EuTWPA3gaja1UjBsUP/D/9/juV3vQFr6XBEzn9KCAHdUvOHw==}
+
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  confbox@0.2.4:
+    resolution: {integrity: sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==}
+
+  config-chain@1.1.13:
+    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
+
+  conventional-changelog-angular@8.3.1:
+    resolution: {integrity: sha512-6gfI3otXK5Ph5DfCOI1dblr+kN3FAm5a97hYoQkqNZxOaYa5WKfXH+AnpsmS+iUH2mgVC2Cg2Qw9m5OKcmNrIg==}
+    engines: {node: '>=18'}
+
+  conventional-changelog-conventionalcommits@9.3.1:
+    resolution: {integrity: sha512-dTYtpIacRpcZgrvBYvBfArMmK2xvIpv2TaxM0/ZI5CBtNUzvF2x0t15HsbRABWprS6UPmvj+PzHVjSx4qAVKyw==}
+    engines: {node: '>=18'}
+
+  conventional-commit-types@3.0.0:
+    resolution: {integrity: sha512-SmmCYnOniSsAa9GqWOeLqc179lfr5TRu5b4QFDkbsrJ5TZjPJx85wtOr3zn+1dbeNiXDKGPbZ72IKbPhLXh/Lg==}
+
+  conventional-commits-parser@6.4.0:
+    resolution: {integrity: sha512-tvRg7FIBNlyPzjdG8wWRlPHQJJHI7DylhtRGeU9Lq+JuoPh5BKpPRX83ZdLrvXuOSu5Eo/e7SzOQhU4Hd2Miuw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  copy-anything@4.0.5:
+    resolution: {integrity: sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==}
+    engines: {node: '>=18'}
+
+  core-js@3.49.0:
+    resolution: {integrity: sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==}
+
+  core-util-is@1.0.3:
+    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
+
+  cosmiconfig-typescript-loader@6.3.0:
+    resolution: {integrity: sha512-Akr82WH1Wfqatyiqpj8HDkO2o2KmJRu1FhKfSNJP3K4IdXwHfEyL7MOb62i1AGQVLtIQM+iCE9CGOtrfhR+mmA==}
+    engines: {node: '>=v18'}
+    peerDependencies:
+      '@types/node': '*'
+      cosmiconfig: '>=9'
+      typescript: '>=5'
+
+  cosmiconfig@9.0.1:
+    resolution: {integrity: sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  crc-32@1.2.2:
+    resolution: {integrity: sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==}
+    engines: {node: '>=0.8'}
+    hasBin: true
+
+  crc32-stream@4.0.3:
+    resolution: {integrity: sha512-NT7w2JVU7DFroFdYkeq8cywxrgjPHWkdX1wjpRQXPX5Asews3tA+Ght6lddQO5Mkumffp3X7GEqku3epj2toIw==}
+    engines: {node: '>= 10'}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  crypto-js@4.2.0:
+    resolution: {integrity: sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==}
+
+  css-functions-list@3.3.3:
+    resolution: {integrity: sha512-8HFEBPKhOpJPEPu70wJJetjKta86Gw9+CCyCnB3sui2qQfOvRyqBy4IKLKKAwdMpWb2lHXWk9Wb4Z6AmaUT1Pg==}
+    engines: {node: '>=12'}
+
+  css-tree@3.2.1:
+    resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  cz-conventional-changelog@3.3.0:
+    resolution: {integrity: sha512-U466fIzU5U22eES5lTNiNbZ+d8dfcHcssH4o7QsdWaCcRs/feIPCxKYSWkYBNs5mny7MvEfwpTLWjvbm94hecw==}
+    engines: {node: '>= 10'}
+
+  cz-git@1.13.1:
+    resolution: {integrity: sha512-xeMA5ci+gkBY6uKmqc6nzhG/Q4pmK1DKbVVUgByOTBgregoiYE0f3otEF0ADelyEWH4vNsO1W2o7QZYEe7Nwlw==}
+    engines: {node: '>=v12.20.0'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+
+  d3-drag@3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
+    engines: {node: '>=12'}
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-selection@3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
+  d3-transition@3.0.1:
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      d3-selection: 2 - 3
+
+  d3-zoom@3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
+    engines: {node: '>=12'}
+
+  d@1.0.2:
+    resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
+    engines: {node: '>=0.12'}
+
+  dagre@0.8.5:
+    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
+
+  danmu.js@1.2.1:
+    resolution: {integrity: sha512-evDEImUBo94c846fC92K//Dzll8jXnZ3zKmYlQHwMzmvw6IW2IyjWL3Ew2SqEAzuqauFnDkwJEgZauu3uW/p1Q==}
+
+  data-urls@7.0.0:
+    resolution: {integrity: sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  dayjs@1.11.20:
+    resolution: {integrity: sha512-YbwwqR/uYpeoP4pu043q+LTDLFBLApUP6VxRihdfNTqu4ubqMlGDLd6ErXhEgsyvY0K6nCs7nggYumAN+9uEuQ==}
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
+  dedent@0.7.0:
+    resolution: {integrity: sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  default-browser-id@5.0.1:
+    resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
+    engines: {node: '>=18'}
+
+  default-browser@5.5.0:
+    resolution: {integrity: sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==}
+    engines: {node: '>=18'}
+
+  defaults@1.0.4:
+    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
+
+  define-lazy-prop@2.0.0:
+    resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
+    engines: {node: '>=8'}
+
+  define-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+
+  defu@6.1.7:
+    resolution: {integrity: sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==}
+
+  delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
+  delegate@3.2.0:
+    resolution: {integrity: sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==}
+
+  detect-file@1.0.0:
+    resolution: {integrity: sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==}
+    engines: {node: '>=0.10.0'}
+
+  detect-indent@6.1.0:
+    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
+    engines: {node: '>=8'}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  diff-match-patch@1.0.5:
+    resolution: {integrity: sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==}
+
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  dom7@4.0.6:
+    resolution: {integrity: sha512-emjdpPLhpNubapLFdjNL9tP06Sr+GZkrIHEXLWvOGsytACUrkbeIdjO5g77m00BrHTznnlcNqgmn7pCN192TBA==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  dompurify@3.4.3:
+    resolution: {integrity: sha512-VVwJidIJcp1hpg2OMXML3ZVRPYSZiq4aX7qBh83BSIpOaRDqI+qxhXjjIWnpzkOXhmp0L81lnoME1mnCc9H48A==}
+
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
+
+  dot-prop@5.3.0:
+    resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
+    engines: {node: '>=8'}
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
+  duplexer2@0.1.4:
+    resolution: {integrity: sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA==}
+
+  echarts@6.0.0:
+    resolution: {integrity: sha512-Tte/grDQRiETQP4xz3iZWSvoHrkCQtwqd6hs+mifXcjrCuo2iKWbajFObuLJVBlDIJlOzgQPd1hsaKt/3+OMkQ==}
+
+  editorconfig@1.0.7:
+    resolution: {integrity: sha512-e0GOtq/aTQhVdNyDU9e02+wz9oDDM+SIOQxWME2QRjzRX5yyLAuHDE+0aE8vHb9XRC8XD37eO2u57+F09JqFhw==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  electron-to-chromium@1.5.357:
+    resolution: {integrity: sha512-NHlTIQDK8fmVwHwuIzmXYEJ1Ewq3D9wDNc0cWXxDGysP6Pb21giwGNkxiTifyKy/4SoPuN5l6GLP1W9Sv7zB2g==}
+
+  element-plus@2.13.7:
+    resolution: {integrity: sha512-XdHATFZOyzVFL1DaHQ90IOJQSg9UnSAV+bhDW+YB5UoZ0Hxs50mwqjqfwXkuwpSag+VXXizVcErBR6Movo5daw==}
+    peerDependencies:
+      vue: ^3.3.0
+
+  emoji-regex@10.6.0:
+    resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  end-of-stream@1.4.5:
+    resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
+
+  enhanced-resolve@5.21.3:
+    resolution: {integrity: sha512-QyL119InA+XXEkNLNTPCXPugSvOfhwv0JOlGNzvxs0hZaiHLNvXSpudUWsOlsXGWJh8G6ckCScEkVHfX3kw/2Q==}
+    engines: {node: '>=10.13.0'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  entities@7.0.1:
+    resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
+    engines: {node: '>=0.12'}
+
+  entities@8.0.0:
+    resolution: {integrity: sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==}
+    engines: {node: '>=20.19.0'}
+
+  env-paths@2.2.1:
+    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
+    engines: {node: '>=6'}
+
+  environment@1.1.0:
+    resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
+    engines: {node: '>=18'}
+
+  error-ex@1.3.4:
+    resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
+
+  error-stack-parser-es@1.0.5:
+    resolution: {integrity: sha512-5qucVt2XcuGMcEGgWI7i+yZpmpByQ8J1lHhcL7PwqCwu9FPP3VUXzT4ltHe5i2z9dePwEHcDVOAfSnHsOlCXRA==}
+
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+
+  es-module-lexer@2.1.0:
+    resolution: {integrity: sha512-n27zTYMjYu1aj4MjCWzSP7G9r75utsaoc8m61weK+W8JMBGGQybd43GstCXZ3WNmSFtGT9wi59qQTW6mhTR5LQ==}
+
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
+
+  es-set-tostringtag@2.1.0:
+    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
+    engines: {node: '>= 0.4'}
+
+  es-toolkit@1.46.1:
+    resolution: {integrity: sha512-5eNtXOs3tbfxXOj04tjjseeWkRWaoCjdEI+96DgwzZoe6c9juL49pXlzAFTI72aWC9Y8p7168g6XIKjh7k6pyQ==}
+
+  es5-ext@0.10.64:
+    resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
+    engines: {node: '>=0.10'}
+
+  es6-iterator@2.0.3:
+    resolution: {integrity: sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==}
+
+  es6-symbol@3.1.4:
+    resolution: {integrity: sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==}
+    engines: {node: '>=0.12'}
+
+  esbuild@0.27.7:
+    resolution: {integrity: sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  esbuild@0.28.0:
+    resolution: {integrity: sha512-sNR9MHpXSUV/XB4zmsFKN+QgVG82Cc7+/aaxJ8Adi8hyOac+EXptIp45QBPaVyX3N70664wRbTcLTOemCAnyqw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
+  eslint-config-prettier@10.1.8:
+    resolution: {integrity: sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-plugin-prettier@5.5.5:
+    resolution: {integrity: sha512-hscXkbqUZ2sPithAuLm5MXL+Wph+U7wHngPBv9OMWwlP8iaflyxpjTYZkmdgB4/vPIhemRlBEoLrH7UC1n7aUw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      '@types/eslint': '>=8.0.0'
+      eslint: '>=8.0.0'
+      eslint-config-prettier: '>= 7.0.0 <10.0.0 || >=10.1.0'
+      prettier: '>=3.0.0'
+    peerDependenciesMeta:
+      '@types/eslint':
+        optional: true
+      eslint-config-prettier:
+        optional: true
+
+  eslint-plugin-vue@10.9.1:
+    resolution: {integrity: sha512-cHB0Tf4Duvzwecwd/AqWzZvF/QszE13BhjVUpVXWCy9AeMR5GjkAjP3i85vqgLgOuTmkHR1OJ5oMeqLHtuw8zg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@stylistic/eslint-plugin': ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
+      '@typescript-eslint/parser': ^7.0.0 || ^8.0.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      vue-eslint-parser: ^10.3.0
+    peerDependenciesMeta:
+      '@stylistic/eslint-plugin':
+        optional: true
+      '@typescript-eslint/parser':
+        optional: true
+
+  eslint-scope@9.1.2:
+    resolution: {integrity: sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@5.0.1:
+    resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@10.4.0:
+    resolution: {integrity: sha512-loXy6bWOoP3EP6JA7jo6p5jMpBJmHmsNZM5SFRHLdh1MGOPurMnNBj4ZlAbaqUAaQWbCr7jHV4P7gzAyryZWkQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  esniff@2.0.1:
+    resolution: {integrity: sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==}
+    engines: {node: '>=0.10'}
+
+  espree@11.2.0:
+    resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  event-emitter@0.3.5:
+    resolution: {integrity: sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==}
+
+  eventemitter3@4.0.7:
+    resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
+
+  eventemitter3@5.0.4:
+    resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
+
+  exceljs@4.4.0:
+    resolution: {integrity: sha512-XctvKaEMaj1Ii9oDOqbW/6e1gXknSY4g/aLCDicOXqBE4M0nRWkUu0PTp++UPNzoFY12BNHMfs/VadKIS6llvg==}
+    engines: {node: '>=8.3.0'}
+
+  execa@8.0.1:
+    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
+    engines: {node: '>=16.17'}
+
+  expand-tilde@2.0.2:
+    resolution: {integrity: sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==}
+    engines: {node: '>=0.10.0'}
+
+  expect-type@1.3.0:
+    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
+    engines: {node: '>=12.0.0'}
+
+  exsolve@1.0.8:
+    resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
+
+  ext@1.7.0:
+    resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==}
+
+  external-editor@3.1.0:
+    resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
+    engines: {node: '>=4'}
+
+  fast-csv@4.3.6:
+    resolution: {integrity: sha512-2RNSpuwwsJGP0frGsOmTb9oUF+VkFSM4SyLTDgwf2ciHWTarN0lQTC+F2f/t5J9QjW+c65VFIAAu85GsvMIusw==}
+    engines: {node: '>=10.0.0'}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-diff@1.3.0:
+    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
+
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
+    engines: {node: '>=8.6.0'}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fast-uri@3.1.2:
+    resolution: {integrity: sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==}
+
+  fastest-levenshtein@1.0.16:
+    resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
+    engines: {node: '>= 4.9.1'}
+
+  fastq@1.20.1:
+    resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  figures@3.2.0:
+    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
+    engines: {node: '>=8'}
+
+  file-entry-cache@11.1.3:
+    resolution: {integrity: sha512-oMbq0PD6VIiIwMF6LIa7MEwd/l9huKwmqRKXqmrkqIZv8CvRbfowL+L0ryAl8h//HfAS0zS+4SbYoRyAoA6BJA==}
+
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
+  file-saver@2.0.5:
+    resolution: {integrity: sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  find-node-modules@2.1.3:
+    resolution: {integrity: sha512-UC2I2+nx1ZuOBclWVNdcnbDR5dlrOdVb7xNjmT/lHE+LsgztWks3dG7boJ37yTS/venXw84B/mAW9uHVoC5QRg==}
+
+  find-root@1.1.0:
+    resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  findup-sync@4.0.0:
+    resolution: {integrity: sha512-6jvvn/12IC4quLBL1KNokxC7wWTvYncaVUYSoxWw7YykPLuRrnv4qdHcSOywOI5RpkOVGeQRtWM8/q+G6W6qfQ==}
+    engines: {node: '>= 8'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flat-cache@6.1.22:
+    resolution: {integrity: sha512-N2dnzVJIphnNsjHcrxGW7DePckJ6haPrSFqpsBUhHYgwtKGVq4JrBGielEGD2fCVnsGm1zlBVZ8wGhkyuetgug==}
+
+  flatted@3.4.2:
+    resolution: {integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==}
+
+  follow-redirects@1.16.0:
+    resolution: {integrity: sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
+  form-data@4.0.5:
+    resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
+    engines: {node: '>= 6'}
+
+  frac@1.1.2:
+    resolution: {integrity: sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==}
+    engines: {node: '>=0.8'}
+
+  fraction.js@5.3.4:
+    resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
+
+  fs-constants@1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
+
+  fs-extra@10.1.0:
+    resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
+    engines: {node: '>=12'}
+
+  fs-extra@11.3.5:
+    resolution: {integrity: sha512-eKpRKAovdpZtR1WopLHxlBWvAgPny3c4gX1G5Jhwmmw4XJj0ifSD5qB5TOo8hmA0wlRKDAOAhEE1yVPgs6Fgcg==}
+    engines: {node: '>=14.14'}
+
+  fs-extra@9.1.0:
+    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
+    engines: {node: '>=10'}
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  fstream@1.0.12:
+    resolution: {integrity: sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==}
+    engines: {node: '>=0.6'}
+    deprecated: This package is no longer supported.
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  get-east-asian-width@1.6.0:
+    resolution: {integrity: sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==}
+    engines: {node: '>=18'}
+
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
+  get-stream@8.0.1:
+    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
+    engines: {node: '>=16'}
+
+  git-raw-commits@5.0.1:
+    resolution: {integrity: sha512-Y+csSm2GD/PCSh6Isd/WiMjNAydu0VBiG9J7EdQsNA5P9uXvLayqjmTsNlK5Gs9IhblFZqOU0yid5Il5JPoLiQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  glob@13.0.6:
+    resolution: {integrity: sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==}
+    engines: {node: 18 || 20 || >=22}
+
+  global-directory@5.0.0:
+    resolution: {integrity: sha512-1pgFdhK3J2LeM+dVf2Pd424yHx2ou338lC0ErNP2hPx4j8eW1Sp0XqSjNxtk6Tc4Kr5wlWtSvz8cn2yb7/SG/w==}
+    engines: {node: '>=20'}
+
+  global-modules@1.0.0:
+    resolution: {integrity: sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==}
+    engines: {node: '>=0.10.0'}
+
+  global-modules@2.0.0:
+    resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==}
+    engines: {node: '>=6'}
+
+  global-prefix@1.0.2:
+    resolution: {integrity: sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==}
+    engines: {node: '>=0.10.0'}
+
+  global-prefix@3.0.0:
+    resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==}
+    engines: {node: '>=6'}
+
+  globals@15.15.0:
+    resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
+    engines: {node: '>=18'}
+
+  globby@16.2.0:
+    resolution: {integrity: sha512-QrJia2qDf5BB/V6HYlDTs0I0lBahyjLzpGQg3KT7FnCdTonAyPy2RtY802m2k4ALx6Dp752f82WsOczEVr3l6Q==}
+    engines: {node: '>=20'}
+
+  globjoin@0.1.4:
+    resolution: {integrity: sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==}
+
+  good-listener@1.2.2:
+    resolution: {integrity: sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==}
+
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  graphlib@2.1.8:
+    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==}
+
+  has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  has-flag@5.0.1:
+    resolution: {integrity: sha512-CsNUt5x9LUdx6hnk/E2SZLsDyvfqANZSUq4+D3D8RzDJ2M+HDTIkF60ibS1vHaK55vzgiZw1bEPFG9yH7l33wA==}
+    engines: {node: '>=12'}
+
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
+  hashery@1.5.1:
+    resolution: {integrity: sha512-iZyKG96/JwPz1N55vj2Ie2vXbhu440zfUfJvSwEqEbeLluk7NnapfGqa7LH0mOsnDxTF85Mx8/dyR6HfqcbmbQ==}
+    engines: {node: '>=20'}
+
+  hasown@2.0.3:
+    resolution: {integrity: sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==}
+    engines: {node: '>= 0.4'}
+
+  highlight.js@11.11.1:
+    resolution: {integrity: sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==}
+    engines: {node: '>=12.0.0'}
+
+  homedir-polyfill@1.0.3:
+    resolution: {integrity: sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==}
+    engines: {node: '>=0.10.0'}
+
+  hookable@5.5.3:
+    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+
+  hookified@1.15.1:
+    resolution: {integrity: sha512-MvG/clsADq1GPM2KGo2nyfaWVyn9naPiXrqIe4jYjXNZQt238kWyOGrsyc/DmRAQ+Re6yeo6yX/yoNCG5KAEVg==}
+
+  hookified@2.2.0:
+    resolution: {integrity: sha512-p/LgFzRN5FeoD3DLS6bkUapeye6E4SI6yJs6KetENd18S+FBthqYq2amJUWpt5z0EQwwHemidjY5OqJGEKm5uA==}
+
+  html-encoding-sniffer@6.0.0:
+    resolution: {integrity: sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  html-tags@5.1.0:
+    resolution: {integrity: sha512-n6l5uca7/y5joxZ3LUePhzmBFUJ+U2YWzhMa8XUTecSeSlQiZdF5XAd/Q3/WUl0VsXgUwWi8I7CNIwdI5WN1SQ==}
+    engines: {node: '>=20.10'}
+
+  html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
+
+  htmlparser2@8.0.2:
+    resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==}
+
+  https-proxy-agent@5.0.1:
+    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
+    engines: {node: '>= 6'}
+
+  human-signals@5.0.0:
+    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
+    engines: {node: '>=16.17.0'}
+
+  husky@9.1.7:
+    resolution: {integrity: sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  i18next@23.16.8:
+    resolution: {integrity: sha512-06r/TitrM88Mg5FdUXAKL96dJMzgqLE5dv3ryBAra4KCwD9mJ4ndOTS95ZuymIGoE+2hzfdaMak2X11/es7ZWg==}
+
+  iconv-lite@0.4.24:
+    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
+    engines: {node: '>=0.10.0'}
+
+  ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  ignore@7.0.5:
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
+
+  immediate@3.0.6:
+    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
+
+  immutable@5.1.5:
+    resolution: {integrity: sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==}
+
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
+
+  import-meta-resolve@4.2.0:
+    resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
+  ini@6.0.0:
+    resolution: {integrity: sha512-IBTdIkzZNOpqm7q3dRqJvMaldXjDHWkEDfrwGEQTs5eaQMWV+djAhR+wahyNNMAa+qpbDUhBMVt4ZKNwpPm7xQ==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  inquirer@8.2.5:
+    resolution: {integrity: sha512-QAgPDQMEgrDssk1XiwwHoOGYF9BAbUcc1+j+FhEvaOt8/cKRqyLn0U5qA6F74fGhTMGxf92pOvPBeh29jQJDTQ==}
+    engines: {node: '>=12.0.0'}
+
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
+  is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+
+  is-docker@2.2.1:
+    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-fullwidth-code-point@4.0.0:
+    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
+    engines: {node: '>=12'}
+
+  is-fullwidth-code-point@5.1.0:
+    resolution: {integrity: sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==}
+    engines: {node: '>=18'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-hotkey@0.2.0:
+    resolution: {integrity: sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw==}
+
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-interactive@1.0.0:
+    resolution: {integrity: sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==}
+    engines: {node: '>=8'}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-obj@2.0.0:
+    resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
+    engines: {node: '>=8'}
+
+  is-path-inside@4.0.0:
+    resolution: {integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==}
+    engines: {node: '>=12'}
+
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
+  is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
+  is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  is-unicode-supported@0.1.0:
+    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
+    engines: {node: '>=10'}
+
+  is-url@1.2.4:
+    resolution: {integrity: sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==}
+
+  is-utf8@0.2.1:
+    resolution: {integrity: sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==}
+
+  is-what@5.5.0:
+    resolution: {integrity: sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==}
+    engines: {node: '>=18'}
+
+  is-windows@1.0.2:
+    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
+    engines: {node: '>=0.10.0'}
+
+  is-wsl@2.2.0:
+    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
+    engines: {node: '>=8'}
+
+  is-wsl@3.1.1:
+    resolution: {integrity: sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==}
+    engines: {node: '>=16'}
+
+  isarray@1.0.0:
+    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  jiti@2.6.1:
+    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
+    hasBin: true
+
+  jiti@2.7.0:
+    resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==}
+    hasBin: true
+
+  js-beautify@1.15.4:
+    resolution: {integrity: sha512-9/KXeZUKKJwqCXUdBxFJ3vPh467OCckSBmYDwSK/EtV090K+iMJ7zx2S3HLVDIWFQdqMIsZWbnaGiba18aWhaA==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  js-cookie@3.0.7:
+    resolution: {integrity: sha512-z/wZZgDrkNV1eA0ULjM/F9/50Ya8fbzgKneSpoPsXSGd0KnpdtHfOZWK+GcwLk+EZbS4F9RBhU+K2RgzuDaItw==}
+    engines: {node: '>=20'}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-tokens@9.0.1:
+    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
+
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
+    hasBin: true
+
+  jsdom@29.1.1:
+    resolution: {integrity: sha512-ECi4Fi2f7BdJtUKTflYRTiaMxIB0O6zfR1fX0GXpUrf6flp8QIYn1UT20YQqdSOfk2dfkCwS8LAFoJDEppNK5Q==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24.0.0}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  jsonfile@6.2.1:
+    resolution: {integrity: sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==}
+
+  jszip@3.10.1:
+    resolution: {integrity: sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==}
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  keyv@5.6.0:
+    resolution: {integrity: sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==}
+
+  kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+
+  known-css-properties@0.37.0:
+    resolution: {integrity: sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ==}
+
+  kolorist@1.8.0:
+    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
+
+  lazystream@1.0.1:
+    resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==}
+    engines: {node: '>= 0.6.3'}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lie@3.3.0:
+    resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
+
+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+    engines: {node: '>= 12.0.0'}
+
+  lilconfig@3.1.3:
+    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
+    engines: {node: '>=14'}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  linkify-it@5.0.0:
+    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
+
+  lint-staged@15.5.2:
+    resolution: {integrity: sha512-YUSOLq9VeRNAo/CTaVmhGDKG+LBtA8KF1X4K5+ykMSwWST1vDxJRB2kv2COgLb1fvpCo+A/y9A0G0znNVmdx4w==}
+    engines: {node: '>=18.12.0'}
+    hasBin: true
+
+  listenercount@1.0.1:
+    resolution: {integrity: sha512-3mk/Zag0+IJxeDrxSgaDPy4zZ3w05PRZeJNnlWhzFz5OkX49J4krc+A8X2d2M69vGMBEX0uyl8M+W+8gH+kBqQ==}
+
+  listr2@8.3.3:
+    resolution: {integrity: sha512-LWzX2KsqcB1wqQ4AHgYb4RsDXauQiqhjLk+6hjbaeHG4zpjjVAB6wC/gz6X0l+Du1cN3pUB5ZlrvTbhGSNnUQQ==}
+    engines: {node: '>=18.0.0'}
+
+  local-pkg@1.1.2:
+    resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==}
+    engines: {node: '>=14'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash-es@4.18.1:
+    resolution: {integrity: sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==}
+
+  lodash-unified@1.0.3:
+    resolution: {integrity: sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==}
+    peerDependencies:
+      '@types/lodash-es': '*'
+      lodash: '*'
+      lodash-es: '*'
+
+  lodash.camelcase@4.3.0:
+    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
+
+  lodash.clonedeep@4.5.0:
+    resolution: {integrity: sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==}
+
+  lodash.debounce@4.0.8:
+    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
+
+  lodash.defaults@4.2.0:
+    resolution: {integrity: sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==}
+
+  lodash.difference@4.5.0:
+    resolution: {integrity: sha512-dS2j+W26TQ7taQBGN8Lbbq04ssV3emRw4NY58WErlTO29pIqS0HmoT5aJ9+TUQ1N3G+JOZSji4eugsWwGp9yPA==}
+
+  lodash.escaperegexp@4.1.2:
+    resolution: {integrity: sha512-TM9YBvyC84ZxE3rgfefxUWiQKLilstD6k7PTGt6wfbtXF8ixIJLOL3VYyV/z+ZiPLsVxAsKAFVwWlWeb2Y8Yyw==}
+
+  lodash.flatten@4.4.0:
+    resolution: {integrity: sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g==}
+
+  lodash.foreach@4.5.0:
+    resolution: {integrity: sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==}
+
+  lodash.groupby@4.6.0:
+    resolution: {integrity: sha512-5dcWxm23+VAoz+awKmBaiBvzox8+RqMgFhi7UvX9DHZr2HdxHXM/Wrf8cfKpsW37RNrvtPn6hSwNqurSILbmJw==}
+
+  lodash.isboolean@3.0.3:
+    resolution: {integrity: sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==}
+
+  lodash.isequal@4.5.0:
+    resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
+    deprecated: This package is deprecated. Use require('node:util').isDeepStrictEqual instead.
+
+  lodash.isfunction@3.0.9:
+    resolution: {integrity: sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw==}
+
+  lodash.isnil@4.0.0:
+    resolution: {integrity: sha512-up2Mzq3545mwVnMhTDMdfoG1OurpA/s5t88JmQX809eH3C8491iu2sfKhTfhQtKY78oPNhiaHJUpT/dUDAAtng==}
+
+  lodash.isplainobject@4.0.6:
+    resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
+
+  lodash.isundefined@3.0.1:
+    resolution: {integrity: sha512-MXB1is3s899/cD8jheYYE2V9qTHwKvt+npCwpD+1Sxm3Q3cECXCiYHjeHWXNwr6Q0SOBPrYUDxendrO6goVTEA==}
+
+  lodash.map@4.6.0:
+    resolution: {integrity: sha512-worNHGKLDetmcEYDvh2stPCrrQRkP20E4l0iIS7F8EvzMqBBi7ltvFN5m1HvTf1P7Jk1txKhvFcmYsCr8O2F1Q==}
+
+  lodash.throttle@4.1.1:
+    resolution: {integrity: sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==}
+
+  lodash.toarray@4.4.0:
+    resolution: {integrity: sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw==}
+
+  lodash.truncate@4.4.2:
+    resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==}
+
+  lodash.union@4.6.0:
+    resolution: {integrity: sha512-c4pB2CdGrGdjMKYLA+XiRDO7Y0PRQbm/Gzg8qMj+QH+pFVAoTp5sBpO0odL3FjoPCGjK96p6qsP+yQoiLoOBcw==}
+
+  lodash.uniq@4.5.0:
+    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
+
+  lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+
+  lodash@4.18.1:
+    resolution: {integrity: sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==}
+
+  log-symbols@4.1.0:
+    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
+    engines: {node: '>=10'}
+
+  log-update@6.1.0:
+    resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
+    engines: {node: '>=18'}
+
+  longest@2.0.1:
+    resolution: {integrity: sha512-Ajzxb8CM6WAnFjgiloPsI3bF+WCxcvhdIG3KNA2KN962+tdBsHcuQ4k4qX/EcS/2CRkcc0iAkR956Nib6aXU/Q==}
+    engines: {node: '>=0.10.0'}
+
+  lru-cache@11.3.6:
+    resolution: {integrity: sha512-Gf/KoL3C/MlI7Bt0PGI9I+TeTC/I6r/csU58N4BSNc4lppLBeKsOdFYkK+dX0ABDUMJNfCHTyPpzwwO21Awd3A==}
+    engines: {node: 20 || >=22}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  magic-string-ast@1.0.3:
+    resolution: {integrity: sha512-CvkkH1i81zl7mmb94DsRiFeG9V2fR2JeuK8yDgS8oiZSFa++wWLEgZ5ufEOyLHbvSbD1gTRKv9NdX69Rnvr9JA==}
+    engines: {node: '>=20.19.0'}
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  markdown-it-highlightjs@4.3.0:
+    resolution: {integrity: sha512-dTEXpTV2J9WJiO8TA/FJ4DxidrYtTNcfBAdl+CLjQ3UFWj8s4dJyCPTcvoXNLmN5U5ZTCGu7TSkSvBvi4fUqkQ==}
+
+  markdown-it@14.1.1:
+    resolution: {integrity: sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==}
+    hasBin: true
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  mathml-tag-names@4.0.0:
+    resolution: {integrity: sha512-aa6AU2Pcx0VP/XWnh8IGL0SYSgQHDT6Ucror2j2mXeFAlN3ahaNs8EZtG1YiticMkSLj3Gt6VPFfZogt7G5iFQ==}
+
+  mdn-data@2.27.1:
+    resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
+
+  mdurl@2.0.0:
+    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
+
+  memoize-one@6.0.0:
+    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
+
+  meow@13.2.0:
+    resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
+    engines: {node: '>=18'}
+
+  meow@14.1.0:
+    resolution: {integrity: sha512-EDYo6VlmtnumlcBCbh1gLJ//9jvM/ndXHfVXIFrZVr6fGcwTUyCTFNTLCKuY3ffbK8L/+3Mzqnd58RojiZqHVw==}
+    engines: {node: '>=20'}
+
+  merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  merge@2.1.1:
+    resolution: {integrity: sha512-jz+Cfrg9GWOZbQAnDQ4hlVnQky+341Yk5ru8bZSe6sIDTCIg8n9i/u7hSQGSVOF3C7lH6mGtqjkiT9G4wFLL0w==}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  mime-match@1.0.2:
+    resolution: {integrity: sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==}
+
+  mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
+  mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+
+  mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+
+  mimic-function@5.0.1:
+    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
+    engines: {node: '>=18'}
+
+  minimatch@10.2.5:
+    resolution: {integrity: sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==}
+    engines: {node: 18 || 20 || >=22}
+
+  minimatch@5.1.9:
+    resolution: {integrity: sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw==}
+    engines: {node: '>=10'}
+
+  minimatch@9.0.9:
+    resolution: {integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimist@1.2.7:
+    resolution: {integrity: sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  minipass@7.1.3:
+    resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+
+  mkdirp@0.5.6:
+    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
+    hasBin: true
+
+  mlly@1.8.2:
+    resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==}
+
+  mrmime@2.0.1:
+    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
+    engines: {node: '>=10'}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+
+  mute-stream@0.0.8:
+    resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==}
+
+  namespace-emitter@2.0.1:
+    resolution: {integrity: sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g==}
+
+  nanoid@3.3.12:
+    resolution: {integrity: sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  nanoid@5.1.11:
+    resolution: {integrity: sha512-v+KEsUv2ps74PaSKv0gHTxTCgMXOIfBEbaqa6w6ISIGC7ZsvHN4N9oJ8d4cmf0n5oTzQz2SLmThbQWhjd/8eKg==}
+    engines: {node: ^18 || >=20}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  next-tick@1.1.0:
+    resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
+
+  node-addon-api@7.1.1:
+    resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
+
+  node-releases@2.0.44:
+    resolution: {integrity: sha512-5WUyunoPMsvvEhS8AxHtRzP+oA8UCkJ7YRxatWKjngndhDGLiqEVAQKWjFAiAiuL8zMRGzGSJxFnLetoa43qGQ==}
+
+  nopt@7.2.1:
+    resolution: {integrity: sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  normalize-wheel-es@1.2.0:
+    resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
+
+  npm-run-path@5.3.0:
+    resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  nprogress@0.2.0:
+    resolution: {integrity: sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==}
+
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
+
+  obug@2.1.1:
+    resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
+
+  ohash@2.0.11:
+    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+
+  onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+
+  onetime@7.0.0:
+    resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
+    engines: {node: '>=18'}
+
+  open@10.2.0:
+    resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
+    engines: {node: '>=18'}
+
+  open@8.4.2:
+    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
+    engines: {node: '>=12'}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  ora@5.4.1:
+    resolution: {integrity: sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==}
+    engines: {node: '>=10'}
+
+  os-tmpdir@1.0.2:
+    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
+    engines: {node: '>=0.10.0'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  package-json-from-dist@1.0.1:
+    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
+  package-manager-detector@1.6.0:
+    resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
+
+  pako@1.0.11:
+    resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
+  parse-passwd@1.0.0:
+    resolution: {integrity: sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==}
+    engines: {node: '>=0.10.0'}
+
+  parse5@8.0.1:
+    resolution: {integrity: sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==}
+
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+
+  path-scurry@2.0.2:
+    resolution: {integrity: sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==}
+    engines: {node: 18 || 20 || >=22}
+
+  path-to-regexp@8.4.2:
+    resolution: {integrity: sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+
+  perfect-debounce@2.1.0:
+    resolution: {integrity: sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.2:
+    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+
+  pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
+  pinia-plugin-persistedstate@4.7.1:
+    resolution: {integrity: sha512-WHOqh2esDlR3eAaknPbqXrkkj0D24h8shrDPqysgCFR6ghqP/fpFfJmMPJp0gETHsvrh9YNNg6dQfo2OEtDnIQ==}
+    peerDependencies:
+      '@nuxt/kit': '>=3.0.0'
+      '@pinia/nuxt': '>=0.10.0'
+      pinia: '>=3.0.0'
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+      '@pinia/nuxt':
+        optional: true
+      pinia:
+        optional: true
+
+  pinia@3.0.4:
+    resolution: {integrity: sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==}
+    peerDependencies:
+      typescript: '>=4.5.0'
+      vue: ^3.5.11
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  pkg-types@2.3.1:
+    resolution: {integrity: sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==}
+
+  postcss-html@1.8.1:
+    resolution: {integrity: sha512-OLF6P7qctfAWayOhLpcVnTGqVeJzu2W3WpIYelfz2+JV5oGxfkcEvweN9U4XpeqE0P98dcD9ssusGwlF0TK0uQ==}
+    engines: {node: ^12 || >=14}
+
+  postcss-media-query-parser@0.2.3:
+    resolution: {integrity: sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==}
+
+  postcss-resolve-nested-selector@0.1.6:
+    resolution: {integrity: sha512-0sglIs9Wmkzbr8lQwEyIzlDOOC9bGmfVKcJTaxv3vMmd3uo4o4DerC3En0bnmgceeql9BfC8hRkp7cg0fjdVqw==}
+
+  postcss-safe-parser@6.0.0:
+    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.3.3
+
+  postcss-safe-parser@7.0.1:
+    resolution: {integrity: sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==}
+    engines: {node: '>=18.0'}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-scss@4.0.9:
+    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.4.29
+
+  postcss-selector-parser@7.1.1:
+    resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
+    engines: {node: '>=4'}
+
+  postcss-sorting@10.0.0:
+    resolution: {integrity: sha512-TXbU+h6vVRW+86c/+ewhWq9k7pr7ijASTnepVhCQiC87zAOTkvB1v2dHyWP+ggstSTX/PNvjzS+IOqzejndz9w==}
+    peerDependencies:
+      postcss: ^8.4.20
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+  postcss@8.5.14:
+    resolution: {integrity: sha512-SoSL4+OSEtR99LHFZQiJLkT59C5B1amGO1NzTwj7TT1qCUgUO6hxOvzkOYxD+vMrXBM3XJIKzokoERdqQq/Zmg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  preact@10.29.1:
+    resolution: {integrity: sha512-gQCLc/vWroE8lIpleXtdJhTFDogTdZG9AjMUpVkDf2iTCNwYNWA+u16dL41TqUDJO4gm2IgrcMv3uTpjd4Pwmg==}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier-linter-helpers@1.0.1:
+    resolution: {integrity: sha512-SxToR7P8Y2lWmv/kTzVLC1t/GDI2WGjMwNhLLE9qtH8Q13C+aEmuRlzDst4Up4s0Wc8sF2M+J57iB3cMLqftfg==}
+    engines: {node: '>=6.0.0'}
+
+  prettier@3.8.3:
+    resolution: {integrity: sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  prismjs@1.30.0:
+    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
+    engines: {node: '>=6'}
+
+  process-nextick-args@2.0.1:
+    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
+
+  proto-list@1.2.4:
+    resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
+
+  proxy-from-env@2.1.0:
+    resolution: {integrity: sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==}
+    engines: {node: '>=10'}
+
+  punycode.js@2.3.1:
+    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
+    engines: {node: '>=6'}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  qified@0.10.1:
+    resolution: {integrity: sha512-+Owyggi9IxT1ePKGafcI87ubSmxol6smwJ+RAHDQlx9+9cPwFWDiKFFCPuWhr9ignlGpZ9vDQLw67N4dcTVFEA==}
+    engines: {node: '>=20'}
+
+  qrcode.vue@3.9.1:
+    resolution: {integrity: sha512-CpHVRz5iveqwRFh+nzzSYV9hPWU6q+YSOKyq5ZievjQIBv4bIIDzajGgtNz/yYSlczjAkYM3GNAQJHwwCukMEQ==}
+    peerDependencies:
+      vue: ^3.0.0
+
+  qs@6.15.1:
+    resolution: {integrity: sha512-6YHEFRL9mfgcAvql/XhwTvf5jKcOiiupt2FiJxHkiX1z4j7WL8J/jRHYLluORvc1XxB5rV20KoeK00gVJamspg==}
+    engines: {node: '>=0.6'}
+
+  quansync@0.2.11:
+    resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  readable-stream@2.3.8:
+    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
+
+  readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+
+  readdir-glob@1.1.3:
+    resolution: {integrity: sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==}
+
+  readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+
+  readdirp@4.1.2:
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
+    engines: {node: '>= 14.18.0'}
+
+  readdirp@5.0.0:
+    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
+    engines: {node: '>= 20.19.0'}
+
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  resolve-dir@1.0.1:
+    resolution: {integrity: sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==}
+    engines: {node: '>=0.10.0'}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+
+  restore-cursor@3.1.0:
+    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
+    engines: {node: '>=8'}
+
+  restore-cursor@5.1.0:
+    resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
+    engines: {node: '>=18'}
+
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
+  rimraf@6.1.3:
+    resolution: {integrity: sha512-LKg+Cr2ZF61fkcaK1UdkH2yEBBKnYjTyWzTJT6KNPcSPaiT7HSdhtMXQuN5wkTX0Xu72KQ1l8S42rlmexS2hSA==}
+    engines: {node: 20 || >=22}
+    hasBin: true
+
+  rollup-plugin-visualizer@5.14.0:
+    resolution: {integrity: sha512-VlDXneTDaKsHIw8yzJAFWtrzguoJ/LnQ+lMpoVfYJ3jJF4Ihe5oYLAqLklIK/35lgUY+1yEzCkHyZ1j4A5w5fA==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      rolldown: 1.x
+      rollup: 2.x || 3.x || 4.x
+    peerDependenciesMeta:
+      rolldown:
+        optional: true
+      rollup:
+        optional: true
+
+  rollup@4.60.4:
+    resolution: {integrity: sha512-WHeFSbZYsPu3+bLoNRUuAO+wavNlocOPf3wSHTP7hcFKVnJeWsYlCDbr3mTS14FCizf9ccIxXA8sGL8zKeQN3g==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  run-applescript@7.1.0:
+    resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
+    engines: {node: '>=18'}
+
+  run-async@2.4.1:
+    resolution: {integrity: sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==}
+    engines: {node: '>=0.12.0'}
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  rxjs@7.8.2:
+    resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==}
+
+  safe-buffer@5.1.2:
+    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
+
+  safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  sass@1.99.0:
+    resolution: {integrity: sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  saxes@5.0.1:
+    resolution: {integrity: sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==}
+    engines: {node: '>=10'}
+
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
+  scroll-into-view-if-needed@3.1.0:
+    resolution: {integrity: sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==}
+
+  scule@1.3.0:
+    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
+
+  select@1.1.2:
+    resolution: {integrity: sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.8.0:
+    resolution: {integrity: sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  setimmediate@1.0.5:
+    resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  side-channel-list@1.0.1:
+    resolution: {integrity: sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
+  side-channel@1.1.0:
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
+    engines: {node: '>= 0.4'}
+
+  siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
+  signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  sirv@3.0.2:
+    resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
+    engines: {node: '>=18'}
+
+  slash@5.1.0:
+    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
+    engines: {node: '>=14.16'}
+
+  slate-history@0.115.0:
+    resolution: {integrity: sha512-QdUm9aVyQFz6JG4a84Z6Um+tJpZJmsh9bjXwTVTvYiN4rdKbqL6+/4HT94on1WYxe10Q4vY6mA6BCpoYxgF3tQ==}
+    peerDependencies:
+      slate: '>=0.114.3'
+
+  slate@0.123.0:
+    resolution: {integrity: sha512-Oon3HR/QzJQBjuOUJT1jGGlp8Ff7t3Bkr/rJ2lDqxNT4H+cBnXpEVQ/si6hn1ZCHhD2xY/2N91PQoH/rD7kxTg==}
+
+  slice-ansi@4.0.0:
+    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
+    engines: {node: '>=10'}
+
+  slice-ansi@5.0.0:
+    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
+    engines: {node: '>=12'}
+
+  slice-ansi@7.1.2:
+    resolution: {integrity: sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==}
+    engines: {node: '>=18'}
+
+  snabbdom@3.6.3:
+    resolution: {integrity: sha512-W2lHLLw2qR2Vv0DcMmcxXqcfdBaIcoN+y/86SmHv8fn4DazEQSH6KN3TjZcWvwujW56OHiiirsbHWZb4vx/0fg==}
+    engines: {node: '>=12.17.0'}
+
+  sortablejs@1.10.2:
+    resolution: {integrity: sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A==}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  source-map@0.7.6:
+    resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
+    engines: {node: '>= 12'}
+
+  speakingurl@14.0.1:
+    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
+    engines: {node: '>=0.10.0'}
+
+  ssf@0.11.2:
+    resolution: {integrity: sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==}
+    engines: {node: '>=0.8'}
+
+  ssr-window@4.0.2:
+    resolution: {integrity: sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ==}
+
+  stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
+  std-env@4.1.0:
+    resolution: {integrity: sha512-Rq7ybcX2RuC55r9oaPVEW7/xu3tj8u4GeBYHBWCychFtzMIr86A7e3PPEBPT37sHStKX3+TiX/Fr/ACmJLVlLQ==}
+
+  string-argv@0.3.2:
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
+    engines: {node: '>=0.6.19'}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@7.2.0:
+    resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
+    engines: {node: '>=18'}
+
+  string-width@8.2.1:
+    resolution: {integrity: sha512-IIaP0g3iy9Cyy18w3M9YcaDudujEAVHKt3a3QJg1+sr/oX96TbaGUubG0hJyCjCBThFH+tFpcIyoUHUn1ogaLA==}
+    engines: {node: '>=20'}
+
+  string_decoder@1.1.1:
+    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
+
+  string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.2.0:
+    resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==}
+    engines: {node: '>=12'}
+
+  strip-bom@4.0.0:
+    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
+    engines: {node: '>=8'}
+
+  strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  strip-literal@3.1.0:
+    resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
+
+  stylelint-config-html@1.1.0:
+    resolution: {integrity: sha512-IZv4IVESjKLumUGi+HWeb7skgO6/g4VMuAYrJdlqQFndgbj6WJAXPhaysvBiXefX79upBdQVumgYcdd17gCpjQ==}
+    engines: {node: ^12 || >=14}
+    peerDependencies:
+      postcss-html: ^1.0.0
+      stylelint: '>=14.0.0'
+
+  stylelint-config-recess-order@7.7.0:
+    resolution: {integrity: sha512-TWRkg+BrwHOki4pi9y1emWgx6pFwZXOYZhNsbEObke/mzYUJVJvDEzJJQXhH7ajslQJGcrExy8ZvJqDiUbhFpA==}
+    peerDependencies:
+      stylelint: ^16.18.0 || ^17.0.0
+      stylelint-order: ^7.0.0 || ^8.0.0
+
+  stylelint-config-recommended-scss@17.0.1:
+    resolution: {integrity: sha512-x5DVehzJudcwF0od3sGpgkln2PLLranFE7twwbp7dqDINCyZvwzFkMc6TLhNOvazRiVBJYATQLouJY0xPGB8WA==}
+    engines: {node: '>=20'}
+    peerDependencies:
+      postcss: ^8.3.3
+      stylelint: ^17.0.0
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+
+  stylelint-config-recommended-vue@1.6.1:
+    resolution: {integrity: sha512-lLW7hTIMBiTfjenGuDq2kyHA6fBWd/+Df7MO4/AWOxiFeXP9clbpKgg27kHfwA3H7UNMGC7aeP3mNlZB5LMmEQ==}
+    engines: {node: ^12 || >=14}
+    peerDependencies:
+      postcss-html: ^1.0.0
+      stylelint: '>=14.0.0'
+
+  stylelint-config-recommended@18.0.0:
+    resolution: {integrity: sha512-mxgT2XY6YZ3HWWe3Di8umG6aBmWmHTblTgu/f10rqFXnyWxjKWwNdjSWkgkwCtxIKnqjSJzvFmPT5yabVIRxZg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      stylelint: ^17.0.0
+
+  stylelint-config-standard@40.0.0:
+    resolution: {integrity: sha512-EznGJxOUhtWck2r6dJpbgAdPATIzvpLdK9+i5qPd4Lx70es66TkBPljSg4wN3Qnc6c4h2n+WbUrUynQ3fanjHw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      stylelint: ^17.0.0
+
+  stylelint-order@8.1.1:
+    resolution: {integrity: sha512-LqsEB6VggJuu5v10RtkrQsBObcdwBE7GuAOlwfc/LR3VL/w8UqKX2BOLIjhyGt0Gne/njo7gRNGiJAKhfmPMNw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      stylelint: ^16.18.0 || ^17.0.0
+
+  stylelint-prettier@5.0.3:
+    resolution: {integrity: sha512-B6V0oa35ekRrKZlf+6+jA+i50C4GXJ7X1PPmoCqSUoXN6BrNF6NhqqhanvkLjqw2qgvrS0wjdpeC+Tn06KN3jw==}
+    engines: {node: '>=18.12.0'}
+    peerDependencies:
+      prettier: '>=3.0.0'
+      stylelint: '>=16.0.0'
+
+  stylelint-scss@7.1.1:
+    resolution: {integrity: sha512-pLPXJZ7RtAFNLXe8gqarf3B56ScVTd1vPiL9IFgcJkIZsYPzAgLJPh2h9NHrp3BFeKrtAkIgwQ08QSmhvlv1gA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      stylelint: ^16.8.2 || ^17.0.0
+
+  stylelint@17.11.1:
+    resolution: {integrity: sha512-+smN/HqVTggUx3iuAzOi9fPh8SrH+cJWlZrYVldXoJ06orWBhZ4Ue/QEp64oei6pVrAh4w3tG+Y12Vw7MbCFRQ==}
+    engines: {node: '>=20.19.0'}
+    hasBin: true
+
+  superjson@2.2.6:
+    resolution: {integrity: sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==}
+    engines: {node: '>=16'}
+
+  supports-color@10.2.2:
+    resolution: {integrity: sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==}
+    engines: {node: '>=18'}
+
+  supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-hyperlinks@4.4.0:
+    resolution: {integrity: sha512-UKbpT93hN5Nr9go5UY7bopIB9YQlMz9nm/ct4IXt/irb5YRkn9WaqrOBJGZ5Pwvsd5FQzSVeYlGdXoCAPQZrPg==}
+    engines: {node: '>=20'}
+
+  svg-tags@1.0.0:
+    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
+
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
+  synckit@0.11.12:
+    resolution: {integrity: sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
+  table@6.9.0:
+    resolution: {integrity: sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==}
+    engines: {node: '>=10.0.0'}
+
+  tailwindcss@4.3.0:
+    resolution: {integrity: sha512-y6nxMGB1nMW9R6k96e5gdIFzcfL/gTJRNaqGes1YvkLnPVXzWgbqFF2yLC0T8G774n24cx3Pe8XrKoniCOAH+Q==}
+
+  tapable@2.3.3:
+    resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
+    engines: {node: '>=6'}
+
+  tar-stream@2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
+    engines: {node: '>=6'}
+
+  terser@5.47.1:
+    resolution: {integrity: sha512-tPbLXTI6ohPASb/1YViL428oEHu6/qv1OxqYnfaonVCFHqx4+wCd95pHrQWsL5X4pl90CTyW9piSAsS2L0VoMw==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+
+  tiny-emitter@2.1.0:
+    resolution: {integrity: sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==}
+
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
+  tinyexec@1.1.2:
+    resolution: {integrity: sha512-dAqSqE/RabpBKI8+h26GfLq6Vb3JVXs30XYQjdMjaj/c2tS8IYYMbIzP599KtRj7c57/wYApb3QjgRgXmrCukA==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.16:
+    resolution: {integrity: sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==}
+    engines: {node: '>=12.0.0'}
+
+  tinyrainbow@3.1.0:
+    resolution: {integrity: sha512-Bf+ILmBgretUrdJxzXM0SgXLZ3XfiaUuOj/IKQHuTXip+05Xn+uyEYdVg0kYDipTBcLrCVyUzAPz7QmArb0mmw==}
+    engines: {node: '>=14.0.0'}
+
+  tldts-core@7.4.0:
+    resolution: {integrity: sha512-/mb9kRld+x1sIMXxWNOAp5m6C+D4GrAORWlJkOJ5dElvxdN1eutz/o7qHLp9gFvDF4Y3/L2xeScoxz6AbEo8rQ==}
+
+  tldts@7.4.0:
+    resolution: {integrity: sha512-yHBe+zVfzNZ3QfTPW/Z6KK1G2t340gFjMHqI/4KKSt/abzYydzuCnpqdaF5gCCABby+9Yfbj59oR5F2Fd5CBzg==}
+    hasBin: true
+
+  tmp@0.0.33:
+    resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
+    engines: {node: '>=0.6.0'}
+
+  tmp@0.2.5:
+    resolution: {integrity: sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==}
+    engines: {node: '>=14.14'}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
+  tough-cookie@6.0.1:
+    resolution: {integrity: sha512-LktZQb3IeoUWB9lqR5EWTHgW/VTITCXg4D21M+lvybRVdylLrRMnqaIONLVb5mav8vM19m44HIcGq4qASeu2Qw==}
+    engines: {node: '>=16'}
+
+  tr46@6.0.0:
+    resolution: {integrity: sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==}
+    engines: {node: '>=20'}
+
+  traverse@0.3.9:
+    resolution: {integrity: sha512-iawgk0hLP3SxGKDfnDJf8wTz4p2qImnyihM5Hh/sGvQ3K37dPi/w8sRhdNIxYA1TwFwc5mDhIJq+O0RsvXBKdQ==}
+
+  ts-api-utils@2.5.0:
+    resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
+  tslib@2.3.0:
+    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  tsx@4.22.0:
+    resolution: {integrity: sha512-8ccZMPD69s1AbKXx0C5ddTNZfNjwV04iIKgjZmKfKxMynEtSYcK0Lh7iQFh53fI5Yu4pb9usgAiqyPmEONaALg==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  type-fest@0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
+    engines: {node: '>=10'}
+
+  type@2.7.3:
+    resolution: {integrity: sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==}
+
+  typescript-eslint@8.59.3:
+    resolution: {integrity: sha512-KgusgyDgG4LI8Ih/sWaCtZ06tckLAS5CvT5A4D1Q7bYVoAAyzwiZvE4BmwDHkhRVkvhRBepKeASoFzQetha7Fg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  typescript@6.0.3:
+    resolution: {integrity: sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  uc.micro@2.1.0:
+    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
+
+  ufo@1.6.4:
+    resolution: {integrity: sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==}
+
+  undici-types@7.16.0:
+    resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}
+
+  undici@7.26.0:
+    resolution: {integrity: sha512-3O9Tf67pGhgOv9jM35AbhkXAKi13f3oy3aE4CSgr+TckGeY+/iu97ZXN+J7DpHPzLbVApFd1IFhcnBjREYXYcg==}
+    engines: {node: '>=20.18.1'}
+
+  unicorn-magic@0.4.0:
+    resolution: {integrity: sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==}
+    engines: {node: '>=20'}
+
+  unimport@5.7.0:
+    resolution: {integrity: sha512-njnL6sp8lEA8QQbZrt+52p/g4X0rw3bnGGmUcJnt1jeG8+iiqO779aGz0PirCtydAIVcuTBRlJ52F0u46z309Q==}
+    engines: {node: '>=18.12.0'}
+
+  universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
+    engines: {node: '>= 10.0.0'}
+
+  unplugin-auto-import@20.3.0:
+    resolution: {integrity: sha512-RcSEQiVv7g0mLMMXibYVKk8mpteKxvyffGuDKqZZiFr7Oq3PB1HwgHdK5O7H4AzbhzHoVKG0NnMnsk/1HIVYzQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@nuxt/kit': ^4.0.0
+      '@vueuse/core': '*'
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+      '@vueuse/core':
+        optional: true
+
+  unplugin-element-plus@0.10.0:
+    resolution: {integrity: sha512-oRSW0x6U58xBOWKy8TcoVZNA8ElIpfp3TUJRLQI6ey/E9PpjHl9/deeTAZNt8D57Li4OA4pCJtM6p2cb4Ff4ZA==}
+    engines: {node: '>=18.12.0'}
+
+  unplugin-utils@0.2.5:
+    resolution: {integrity: sha512-gwXJnPRewT4rT7sBi/IvxKTjsms7jX7QIDLOClApuZwR49SXbrB1z2NLUZ+vDHyqCj/n58OzRRqaW+B8OZi8vg==}
+    engines: {node: '>=18.12.0'}
+
+  unplugin-utils@0.3.1:
+    resolution: {integrity: sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==}
+    engines: {node: '>=20.19.0'}
+
+  unplugin-vue-components@29.2.0:
+    resolution: {integrity: sha512-QxBeBdmEflgtJRgMQMc/z/JVV5lcwXN5nOy5ehX6CKDGylIu6Qn4Goy8X95S0qOxF7EdI+uNhdBd4v5i0bvzCw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/parser': ^7.15.8
+      '@nuxt/kit': ^3.2.2 || ^4.0.0
+      vue: 2 || 3
+    peerDependenciesMeta:
+      '@babel/parser':
+        optional: true
+      '@nuxt/kit':
+        optional: true
+
+  unplugin@2.3.11:
+    resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==}
+    engines: {node: '>=18.12.0'}
+
+  unplugin@3.0.0:
+    resolution: {integrity: sha512-0Mqk3AT2TZCXWKdcoaufeXNukv2mTrEZExeXlHIOZXdqYoHHr4n51pymnwV8x2BOVxwXbK2HLlI7usrqMpycdg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  unzipper@0.10.14:
+    resolution: {integrity: sha512-ti4wZj+0bQTiX2KmKWuwj7lhV+2n//uXEotUmGuQqrbVZSEGFMbI68+c6JCQ8aAmUWYvtHEz2A8K6wXvueR/6g==}
+
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  uuid@14.0.0:
+    resolution: {integrity: sha512-Qo+uWgilfSmAhXCMav1uYFynlQO7fMFiMVZsQqZRMIXp0O7rR7qjkj+cPvBHLgBqi960QCoo/PH2/6ZtVqKvrg==}
+    hasBin: true
+
+  vite-dev-rpc@1.1.0:
+    resolution: {integrity: sha512-pKXZlgoXGoE8sEKiKJSng4hI1sQ4wi5YT24FCrwrLt6opmkjlqPPVmiPWWJn8M8byMxRGzp1CrFuqQs4M/Z39A==}
+    peerDependencies:
+      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.1 || ^7.0.0-0
+
+  vite-hot-client@2.2.0:
+    resolution: {integrity: sha512-76Zs9zrHbH7M7wqeyooGQKdX+yg0pQ0xuQ1PbFp4z5a0Lzn2e5IPFoCswnmqZ4GiwqB4Jo3WcDAMO9jARTJl8w==}
+    peerDependencies:
+      vite: ^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0 || ^8.0.0
+
+  vite-plugin-compression@0.5.1:
+    resolution: {integrity: sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==}
+    peerDependencies:
+      vite: '>=2.0.0'
+
+  vite-plugin-inspect@11.3.3:
+    resolution: {integrity: sha512-u2eV5La99oHoYPHE6UvbwgEqKKOQGz86wMg40CCosP6q8BkB6e5xPneZfYagK4ojPJSj5anHCrnvC20DpwVdRA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@nuxt/kit': '*'
+      vite: ^6.0.0 || ^7.0.0-0
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+
+  vite-plugin-vue-devtools@8.1.2:
+    resolution: {integrity: sha512-gt5h1CNryR9Hy0tvhSbqY3j0F7aj0pGxBxWLa1lXSiZVkhdWDf0vbCOZyjh8ivFGE6FDHTGy3zkcZGlMZdVHig==}
+    engines: {node: '>=v14.21.3'}
+    peerDependencies:
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  vite-plugin-vue-inspector@6.0.0:
+    resolution: {integrity: sha512-OpyITJLgZNibxlrik1EmRtvXHDjLRxNPsWkGFTERZs2LgMEdG4W0WoFt5GIgp3a3jRou+eJR8U1zOBk/XQgEbw==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  vite@7.3.3:
+    resolution: {integrity: sha512-/4XH147Ui7OGTjg3HbdWe5arnZQSbfuRzdr9Ec7TQi5I7R+ir0Rlc9GIvD4v0XZurELqA035KVXJXpR61xhiTA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      lightningcss: ^1.21.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitest@4.1.7:
+    resolution: {integrity: sha512-flYyaFd2CgoCoU+0UKt3pxksgC+S02iTDN0n3LtqaMeXsI9SBcdNujc2k0DeFLzUn/0k538yNjOSdwgCqcrwJA==}
+    engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@opentelemetry/api': ^1.9.0
+      '@types/node': ^20.0.0 || ^22.0.0 || >=24.0.0
+      '@vitest/browser-playwright': 4.1.7
+      '@vitest/browser-preview': 4.1.7
+      '@vitest/browser-webdriverio': 4.1.7
+      '@vitest/coverage-istanbul': 4.1.7
+      '@vitest/coverage-v8': 4.1.7
+      '@vitest/ui': 4.1.7
+      happy-dom: '*'
+      jsdom: '*'
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@opentelemetry/api':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser-playwright':
+        optional: true
+      '@vitest/browser-preview':
+        optional: true
+      '@vitest/browser-webdriverio':
+        optional: true
+      '@vitest/coverage-istanbul':
+        optional: true
+      '@vitest/coverage-v8':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  vscode-uri@3.1.0:
+    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
+
+  vue-component-type-helpers@3.2.9:
+    resolution: {integrity: sha512-S3BiWYaLSzHxTpln665ELSrMR9UYmrIDUmhik7nVZxmJjTKL2/a+ew1hvGxksKelivm0ujjWfG1fYOiU/2e8rA==}
+
+  vue-demi@0.14.10:
+    resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
+    engines: {node: '>=12'}
+    hasBin: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+
+  vue-draggable-plus@0.6.1:
+    resolution: {integrity: sha512-FbtQ/fuoixiOfTZzG3yoPl4JAo9HJXRHmBQZFB9x2NYCh6pq0TomHf7g5MUmpaDYv+LU2n6BPq2YN9sBO+FbIg==}
+    peerDependencies:
+      '@types/sortablejs': ^1.15.0
+      '@vue/composition-api': '*'
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+
+  vue-eslint-parser@10.4.0:
+    resolution: {integrity: sha512-Vxi9pJdbN3ZnVGLODVtZ7y4Y2kzAAE2Cm0CZ3ZDRvydVYxZ6VrnBhLikBsRS+dpwj4Jv4UCv21PTEwF5rQ9WXg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+
+  vue-i18n@11.4.2:
+    resolution: {integrity: sha512-sADDeKXqAGsPX6tK3t3y2ZiMpbVWN12tG+MhTiJ06rVoh58eGtM4wFyw3uWGbVkXByVp9Ne/AP+nSSzI+J9OAQ==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      vue: ^3.0.0
+
+  vue-img-cutter@3.1.1:
+    resolution: {integrity: sha512-9n0jHJGS7YpakbUNg+VZdUudzRLfNTkI+vo1CnoSp0JlskXOSa5rRPiPS8nO1YSkDnBsiRwJeUM+TOaJy95HWw==}
+    engines: {node: '>=22.22.2'}
+
+  vue-json-pretty@2.6.0:
+    resolution: {integrity: sha512-glz1aBVS35EO8+S9agIl3WOQaW2cJZW192UVKTuGmryx01ZvOVWc4pR3t+5UcyY4jdOfBUgVHjcpRpcnjRhCAg==}
+    engines: {node: '>= 10.0.0', npm: '>= 5.0.0'}
+    peerDependencies:
+      vue: '>=3.0.0'
+
+  vue-json-viewer@3.0.4:
+    resolution: {integrity: sha512-pnC080rTub6YjccthVSNQod2z9Sl5IUUq46srXtn6rxwhW8QM4rlYn+CTSLFKXWfw+N3xv77Cioxw7B4XUKIbQ==}
+    peerDependencies:
+      vue: ^3.2.2
+
+  vue-router@5.0.7:
+    resolution: {integrity: sha512-dqfk8kvRbCutmCOCj/XLDqDEYxc1wBdAOGLuVy5M93ifYMsBd5fIjfaPN4tQAbxr5IprdBDIox1gr4wYyOx/SA==}
+    peerDependencies:
+      '@pinia/colada': '>=0.21.2'
+      '@vue/compiler-sfc': ^3.5.34
+      pinia: ^3.0.4
+      vue: ^3.5.34
+    peerDependenciesMeta:
+      '@pinia/colada':
+        optional: true
+      '@vue/compiler-sfc':
+        optional: true
+      pinia:
+        optional: true
+
+  vue-tsc@3.2.9:
+    resolution: {integrity: sha512-qm8/nbo+9eZc1SCndm9wT+gq23pM+wRIdHY0wjm83B3lIginHTwcdrLUyTrKjDWXbMVNjKegNrnymhpdqnCL3A==}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=5.0.0'
+
+  vue-web-terminal@3.4.2:
+    resolution: {integrity: sha512-H+wvDxZxWu7vHMNhsHzqPLn/wxgiQ7bSKWbcAORMwNfPadtWgAZa0fCvct25RJBMBYQrh1wfCJ6KtrDzdAn6Gg==}
+
+  vue3-cron-plus@0.1.9:
+    resolution: {integrity: sha512-jirDV1F9q7oaGerJztzcXY7e9eGUZbkP2jzfR/Chxice1c7ywthA+iO1zERvPtpbK2WHjOfidbvoY1DUzI3YKA==}
+
+  vue@3.5.34:
+    resolution: {integrity: sha512-WdLBG9gm02OgJIG9axd5Hpx0TFLdzVgfG2evFFu8Rur5O/IoGc5cMjnjh3tPL6GnRGsYvUhBSKVPYVcxRKpMCA==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  vuedraggable@2.24.3:
+    resolution: {integrity: sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==}
+
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
+  wcwidth@1.0.1:
+    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
+
+  webidl-conversions@8.0.1:
+    resolution: {integrity: sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==}
+    engines: {node: '>=20'}
+
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
+  whatwg-mimetype@5.0.0:
+    resolution: {integrity: sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==}
+    engines: {node: '>=20'}
+
+  whatwg-url@16.0.1:
+    resolution: {integrity: sha512-1to4zXBxmXHV3IiSSEInrreIlu02vUOvrhxJJH5vcxYTBDAx51cqZiKdyTxlecdKNSjj8EcxGBxNf6Vg+945gw==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  which@1.3.1:
+    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
+    hasBin: true
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  wildcard@1.1.2:
+    resolution: {integrity: sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng==}
+
+  wmf@1.0.2:
+    resolution: {integrity: sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==}
+    engines: {node: '>=0.8'}
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  word@0.3.0:
+    resolution: {integrity: sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==}
+    engines: {node: '>=0.8'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@9.0.2:
+    resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
+    engines: {node: '>=18'}
+
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
+  write-file-atomic@7.0.1:
+    resolution: {integrity: sha512-OTIk8iR8/aCRWBqvxrzxR0hgxWpnYBblY1S5hDWBQfk/VFmJwzmJgQFN3WsoUKHISv2eAwe+PpbUzyL1CKTLXg==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  wsl-utils@0.1.0:
+    resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
+    engines: {node: '>=18'}
+
+  xgplayer-subtitles@3.0.24:
+    resolution: {integrity: sha512-yrHROepD9kTGWiTSxBjh+TGaK9orQOHQ1GUxWFOkQzO8BLl/pcIAqqJkHiAoP0j+eU8VdIhpb55oJRIkTTWPsA==}
+    peerDependencies:
+      core-js: '>=3.12.1'
+
+  xgplayer@3.0.24:
+    resolution: {integrity: sha512-rK3hoJ+1Pbl9PUCHgeJv1GnOQF28BKLQFTBxdvi0pHsibJeXaDUf51SLFcgNVAPN15aDYcjJgaSf7LQ0RfEFPQ==}
+    peerDependencies:
+      core-js: '>=3.12.1'
+
+  xlsx@0.18.5:
+    resolution: {integrity: sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==}
+    engines: {node: '>=0.8'}
+    hasBin: true
+
+  xml-name-validator@4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yaml@2.9.0:
+    resolution: {integrity: sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs-parser@22.0.0:
+    resolution: {integrity: sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=23}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
+  yargs@18.0.0:
+    resolution: {integrity: sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=23}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zip-stream@4.1.1:
+    resolution: {integrity: sha512-9qv4rlDiopXg4E69k+vMHjNN63YFMe9sZMrdlvKnCjlCRWeCBswPPMPUfx+ipsAWq1LXHe70RcbaHdJJpS6hyQ==}
+    engines: {node: '>= 10'}
+
+  zrender@6.0.0:
+    resolution: {integrity: sha512-41dFXEEXuJpNecuUQq6JlbybmnHaqqpGlbH1yxnA5V9MMP4SbohSVZsJIwz+zdjQXSSlR1Vc34EgH1zxyTDvhg==}
+
+snapshots:
+
+  '@antfu/install-pkg@1.1.0':
+    dependencies:
+      package-manager-detector: 1.6.0
+      tinyexec: 1.1.2
+
+  '@antfu/utils@8.1.1': {}
+
+  '@asamuzakjp/css-color@5.1.11':
+    dependencies:
+      '@asamuzakjp/generational-cache': 1.0.1
+      '@csstools/css-calc': 3.2.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-color-parser': 4.1.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@asamuzakjp/dom-selector@7.1.1':
+    dependencies:
+      '@asamuzakjp/generational-cache': 1.0.1
+      '@asamuzakjp/nwsapi': 2.3.9
+      bidi-js: 1.0.3
+      css-tree: 3.2.1
+      is-potential-custom-element-name: 1.0.1
+
+  '@asamuzakjp/generational-cache@1.0.1': {}
+
+  '@asamuzakjp/nwsapi@2.3.9': {}
+
+  '@babel/code-frame@7.29.0':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.29.3': {}
+
+  '@babel/core@7.29.0':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helpers': 7.29.2
+      '@babel/parser': 7.29.3
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.29.1':
+    dependencies:
+      '@babel/parser': 7.29.3
+      '@babel/types': 7.29.0
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+
+  '@babel/generator@8.0.0-rc.5':
+    dependencies:
+      '@babel/parser': 8.0.0-rc.5
+      '@babel/types': 8.0.0-rc.5
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      '@types/jsesc': 2.5.1
+      jsesc: 3.1.0
+
+  '@babel/helper-annotate-as-pure@7.27.3':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@babel/helper-compilation-targets@7.28.6':
+    dependencies:
+      '@babel/compat-data': 7.29.3
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.28.2
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-create-class-features-plugin@7.29.3(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/traverse': 7.29.0
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-globals@7.28.0': {}
+
+  '@babel/helper-member-expression-to-functions@7.28.5':
+    dependencies:
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-imports@7.28.6':
+    dependencies:
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-optimise-call-expression@7.27.1':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@babel/helper-plugin-utils@7.28.6': {}
+
+  '@babel/helper-replace-supers@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-string-parser@8.0.0-rc.5': {}
+
+  '@babel/helper-validator-identifier@7.28.5': {}
+
+  '@babel/helper-validator-identifier@8.0.0-rc.5': {}
+
+  '@babel/helper-validator-option@7.27.1': {}
+
+  '@babel/helpers@7.29.2':
+    dependencies:
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+
+  '@babel/parser@7.29.3':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@babel/parser@8.0.0-rc.5':
+    dependencies:
+      '@babel/types': 8.0.0-rc.5
+
+  '@babel/plugin-proposal-decorators@7.29.0(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-create-class-features-plugin': 7.29.3(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-decorators': 7.28.6(@babel/core@7.29.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-syntax-decorators@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-syntax-import-attributes@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-typescript@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-create-class-features-plugin': 7.29.3(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/runtime@7.29.2': {}
+
+  '@babel/template@7.28.6':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/parser': 7.29.3
+      '@babel/types': 7.29.0
+
+  '@babel/traverse@7.29.0':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.29.3
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.29.0':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@babel/types@8.0.0-rc.5':
+    dependencies:
+      '@babel/helper-string-parser': 8.0.0-rc.5
+      '@babel/helper-validator-identifier': 8.0.0-rc.5
+
+  '@bramus/specificity@2.4.2':
+    dependencies:
+      css-tree: 3.2.1
+
+  '@cacheable/memory@2.0.8':
+    dependencies:
+      '@cacheable/utils': 2.4.1
+      '@keyv/bigmap': 1.3.1(keyv@5.6.0)
+      hookified: 1.15.1
+      keyv: 5.6.0
+
+  '@cacheable/utils@2.4.1':
+    dependencies:
+      hashery: 1.5.1
+      keyv: 5.6.0
+
+  '@commitlint/cli@21.0.1(@types/node@24.12.4)(conventional-commits-parser@6.4.0)(typescript@6.0.3)':
+    dependencies:
+      '@commitlint/format': 21.0.1
+      '@commitlint/lint': 21.0.1
+      '@commitlint/load': 21.0.1(@types/node@24.12.4)(typescript@6.0.3)
+      '@commitlint/read': 21.0.1(conventional-commits-parser@6.4.0)
+      '@commitlint/types': 21.0.1
+      tinyexec: 1.1.2
+      yargs: 18.0.0
+    transitivePeerDependencies:
+      - '@types/node'
+      - conventional-commits-filter
+      - conventional-commits-parser
+      - typescript
+
+  '@commitlint/config-conventional@21.0.1':
+    dependencies:
+      '@commitlint/types': 21.0.1
+      conventional-changelog-conventionalcommits: 9.3.1
+
+  '@commitlint/config-validator@21.0.1':
+    dependencies:
+      '@commitlint/types': 21.0.1
+      ajv: 8.20.0
+
+  '@commitlint/ensure@21.0.1':
+    dependencies:
+      '@commitlint/types': 21.0.1
+      es-toolkit: 1.46.1
+
+  '@commitlint/execute-rule@21.0.1': {}
+
+  '@commitlint/format@21.0.1':
+    dependencies:
+      '@commitlint/types': 21.0.1
+      picocolors: 1.1.1
+
+  '@commitlint/is-ignored@21.0.1':
+    dependencies:
+      '@commitlint/types': 21.0.1
+      semver: 7.8.0
+
+  '@commitlint/lint@21.0.1':
+    dependencies:
+      '@commitlint/is-ignored': 21.0.1
+      '@commitlint/parse': 21.0.1
+      '@commitlint/rules': 21.0.1
+      '@commitlint/types': 21.0.1
+
+  '@commitlint/load@21.0.1(@types/node@24.12.4)(typescript@6.0.3)':
+    dependencies:
+      '@commitlint/config-validator': 21.0.1
+      '@commitlint/execute-rule': 21.0.1
+      '@commitlint/resolve-extends': 21.0.1
+      '@commitlint/types': 21.0.1
+      cosmiconfig: 9.0.1(typescript@6.0.3)
+      cosmiconfig-typescript-loader: 6.3.0(@types/node@24.12.4)(cosmiconfig@9.0.1(typescript@6.0.3))(typescript@6.0.3)
+      es-toolkit: 1.46.1
+      is-plain-obj: 4.1.0
+      picocolors: 1.1.1
+    transitivePeerDependencies:
+      - '@types/node'
+      - typescript
+
+  '@commitlint/message@21.0.1': {}
+
+  '@commitlint/parse@21.0.1':
+    dependencies:
+      '@commitlint/types': 21.0.1
+      conventional-changelog-angular: 8.3.1
+      conventional-commits-parser: 6.4.0
+
+  '@commitlint/read@21.0.1(conventional-commits-parser@6.4.0)':
+    dependencies:
+      '@commitlint/top-level': 21.0.1
+      '@commitlint/types': 21.0.1
+      git-raw-commits: 5.0.1(conventional-commits-parser@6.4.0)
+      tinyexec: 1.1.2
+    transitivePeerDependencies:
+      - conventional-commits-filter
+      - conventional-commits-parser
+
+  '@commitlint/resolve-extends@21.0.1':
+    dependencies:
+      '@commitlint/config-validator': 21.0.1
+      '@commitlint/types': 21.0.1
+      es-toolkit: 1.46.1
+      global-directory: 5.0.0
+      resolve-from: 5.0.0
+
+  '@commitlint/rules@21.0.1':
+    dependencies:
+      '@commitlint/ensure': 21.0.1
+      '@commitlint/message': 21.0.1
+      '@commitlint/to-lines': 21.0.1
+      '@commitlint/types': 21.0.1
+
+  '@commitlint/to-lines@21.0.1': {}
+
+  '@commitlint/top-level@21.0.1':
+    dependencies:
+      escalade: 3.2.0
+
+  '@commitlint/types@21.0.1':
+    dependencies:
+      conventional-commits-parser: 6.4.0
+      picocolors: 1.1.1
+
+  '@conventional-changelog/git-client@2.7.0(conventional-commits-parser@6.4.0)':
+    dependencies:
+      '@simple-libs/child-process-utils': 1.0.2
+      '@simple-libs/stream-utils': 1.2.0
+      semver: 7.8.0
+    optionalDependencies:
+      conventional-commits-parser: 6.4.0
+
+  '@csstools/color-helpers@6.0.2': {}
+
+  '@csstools/css-calc@3.2.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-color-parser@4.1.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/color-helpers': 6.0.2
+      '@csstools/css-calc': 3.2.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-syntax-patches-for-csstree@1.1.4(css-tree@3.2.1)':
+    optionalDependencies:
+      css-tree: 3.2.1
+
+  '@csstools/css-tokenizer@4.0.0': {}
+
+  '@csstools/media-query-list-parser@5.0.0(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/selector-resolve-nested@4.0.0(postcss-selector-parser@7.1.1)':
+    dependencies:
+      postcss-selector-parser: 7.1.1
+
+  '@csstools/selector-specificity@6.0.0(postcss-selector-parser@7.1.1)':
+    dependencies:
+      postcss-selector-parser: 7.1.1
+
+  '@ctrl/tinycolor@4.2.0': {}
+
+  '@element-plus/icons-vue@2.3.2(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      vue: 3.5.34(typescript@6.0.3)
+
+  '@esbuild/aix-ppc64@0.27.7':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.28.0':
+    optional: true
+
+  '@esbuild/android-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/android-arm64@0.28.0':
+    optional: true
+
+  '@esbuild/android-arm@0.27.7':
+    optional: true
+
+  '@esbuild/android-arm@0.28.0':
+    optional: true
+
+  '@esbuild/android-x64@0.27.7':
+    optional: true
+
+  '@esbuild/android-x64@0.28.0':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.28.0':
+    optional: true
+
+  '@esbuild/darwin-x64@0.27.7':
+    optional: true
+
+  '@esbuild/darwin-x64@0.28.0':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.28.0':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.28.0':
+    optional: true
+
+  '@esbuild/linux-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-arm64@0.28.0':
+    optional: true
+
+  '@esbuild/linux-arm@0.27.7':
+    optional: true
+
+  '@esbuild/linux-arm@0.28.0':
+    optional: true
+
+  '@esbuild/linux-ia32@0.27.7':
+    optional: true
+
+  '@esbuild/linux-ia32@0.28.0':
+    optional: true
+
+  '@esbuild/linux-loong64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-loong64@0.28.0':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.27.7':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.28.0':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.28.0':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.28.0':
+    optional: true
+
+  '@esbuild/linux-s390x@0.27.7':
+    optional: true
+
+  '@esbuild/linux-s390x@0.28.0':
+    optional: true
+
+  '@esbuild/linux-x64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-x64@0.28.0':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.28.0':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.28.0':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.28.0':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.28.0':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.28.0':
+    optional: true
+
+  '@esbuild/sunos-x64@0.27.7':
+    optional: true
+
+  '@esbuild/sunos-x64@0.28.0':
+    optional: true
+
+  '@esbuild/win32-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/win32-arm64@0.28.0':
+    optional: true
+
+  '@esbuild/win32-ia32@0.27.7':
+    optional: true
+
+  '@esbuild/win32-ia32@0.28.0':
+    optional: true
+
+  '@esbuild/win32-x64@0.27.7':
+    optional: true
+
+  '@esbuild/win32-x64@0.28.0':
+    optional: true
+
+  '@eslint-community/eslint-utils@4.9.1(eslint@10.4.0(jiti@2.7.0))':
+    dependencies:
+      eslint: 10.4.0(jiti@2.7.0)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/config-array@0.23.5':
+    dependencies:
+      '@eslint/object-schema': 3.0.5
+      debug: 4.4.3
+      minimatch: 10.2.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.6.0':
+    dependencies:
+      '@eslint/core': 1.2.1
+
+  '@eslint/core@1.2.1':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/js@10.0.1(eslint@10.4.0(jiti@2.7.0))':
+    optionalDependencies:
+      eslint: 10.4.0(jiti@2.7.0)
+
+  '@eslint/object-schema@3.0.5': {}
+
+  '@eslint/plugin-kit@0.7.1':
+    dependencies:
+      '@eslint/core': 1.2.1
+      levn: 0.4.1
+
+  '@exodus/bytes@1.15.1': {}
+
+  '@fast-csv/format@4.3.5':
+    dependencies:
+      '@types/node': 14.18.63
+      lodash.escaperegexp: 4.1.2
+      lodash.isboolean: 3.0.3
+      lodash.isequal: 4.5.0
+      lodash.isfunction: 3.0.9
+      lodash.isnil: 4.0.0
+
+  '@fast-csv/parse@4.3.6':
+    dependencies:
+      '@types/node': 14.18.63
+      lodash.escaperegexp: 4.1.2
+      lodash.groupby: 4.6.0
+      lodash.isfunction: 3.0.9
+      lodash.isnil: 4.0.0
+      lodash.isundefined: 3.0.1
+      lodash.uniq: 4.5.0
+
+  '@floating-ui/core@1.7.5':
+    dependencies:
+      '@floating-ui/utils': 0.2.11
+
+  '@floating-ui/dom@1.7.6':
+    dependencies:
+      '@floating-ui/core': 1.7.5
+      '@floating-ui/utils': 0.2.11
+
+  '@floating-ui/utils@0.2.11': {}
+
+  '@humanfs/core@0.19.2':
+    dependencies:
+      '@humanfs/types': 0.15.0
+
+  '@humanfs/node@0.16.8':
+    dependencies:
+      '@humanfs/core': 0.19.2
+      '@humanfs/types': 0.15.0
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanfs/types@0.15.0': {}
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
+  '@iconify-json/line-md@1.2.16':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify-json/ri@1.2.10':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify-json/svg-spinners@1.2.4':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify/types@2.0.0': {}
+
+  '@iconify/utils@2.3.0':
+    dependencies:
+      '@antfu/install-pkg': 1.1.0
+      '@antfu/utils': 8.1.1
+      '@iconify/types': 2.0.0
+      debug: 4.4.3
+      globals: 15.15.0
+      kolorist: 1.8.0
+      local-pkg: 1.1.2
+      mlly: 1.8.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@iconify/vue@5.0.1(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@iconify/types': 2.0.0
+      vue: 3.5.34(typescript@6.0.3)
+
+  '@intlify/core-base@11.4.2':
+    dependencies:
+      '@intlify/devtools-types': 11.4.2
+      '@intlify/message-compiler': 11.4.2
+      '@intlify/shared': 11.4.2
+
+  '@intlify/devtools-types@11.4.2':
+    dependencies:
+      '@intlify/core-base': 11.4.2
+      '@intlify/shared': 11.4.2
+
+  '@intlify/message-compiler@11.4.2':
+    dependencies:
+      '@intlify/shared': 11.4.2
+      source-map-js: 1.2.1
+
+  '@intlify/shared@11.4.2': {}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/source-map@0.3.11':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@keyv/bigmap@1.3.1(keyv@5.6.0)':
+    dependencies:
+      hashery: 1.5.1
+      hookified: 1.15.1
+      keyv: 5.6.0
+
+  '@keyv/serialize@1.1.1': {}
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.20.1
+
+  '@one-ini/wasm@0.1.1': {}
+
+  '@parcel/watcher-android-arm64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-darwin-arm64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-darwin-x64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-freebsd-x64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-arm-glibc@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-arm-musl@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-glibc@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-musl@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-x64-glibc@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-x64-musl@2.5.6':
+    optional: true
+
+  '@parcel/watcher-win32-arm64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-win32-ia32@2.5.6':
+    optional: true
+
+  '@parcel/watcher-win32-x64@2.5.6':
+    optional: true
+
+  '@parcel/watcher@2.5.6':
+    dependencies:
+      detect-libc: 2.1.2
+      is-glob: 4.0.3
+      node-addon-api: 7.1.1
+      picomatch: 4.0.4
+    optionalDependencies:
+      '@parcel/watcher-android-arm64': 2.5.6
+      '@parcel/watcher-darwin-arm64': 2.5.6
+      '@parcel/watcher-darwin-x64': 2.5.6
+      '@parcel/watcher-freebsd-x64': 2.5.6
+      '@parcel/watcher-linux-arm-glibc': 2.5.6
+      '@parcel/watcher-linux-arm-musl': 2.5.6
+      '@parcel/watcher-linux-arm64-glibc': 2.5.6
+      '@parcel/watcher-linux-arm64-musl': 2.5.6
+      '@parcel/watcher-linux-x64-glibc': 2.5.6
+      '@parcel/watcher-linux-x64-musl': 2.5.6
+      '@parcel/watcher-win32-arm64': 2.5.6
+      '@parcel/watcher-win32-ia32': 2.5.6
+      '@parcel/watcher-win32-x64': 2.5.6
+    optional: true
+
+  '@pkgr/core@0.2.9': {}
+
+  '@polka/url@1.0.0-next.29': {}
+
+  '@rolldown/pluginutils@1.0.1': {}
+
+  '@rollup/rollup-android-arm-eabi@4.60.4':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.60.4':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.4':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.4':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.60.4':
+    optional: true
+
+  '@simple-libs/child-process-utils@1.0.2':
+    dependencies:
+      '@simple-libs/stream-utils': 1.2.0
+
+  '@simple-libs/stream-utils@1.2.0': {}
+
+  '@sindresorhus/merge-streams@4.0.0': {}
+
+  '@standard-schema/spec@1.1.0': {}
+
+  '@sxzz/popperjs-es@2.11.8': {}
+
+  '@tailwindcss/node@4.3.0':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.21.3
+      jiti: 2.7.0
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.3.0
+
+  '@tailwindcss/oxide-android-arm64@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide@4.3.0':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.3.0
+      '@tailwindcss/oxide-darwin-arm64': 4.3.0
+      '@tailwindcss/oxide-darwin-x64': 4.3.0
+      '@tailwindcss/oxide-freebsd-x64': 4.3.0
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.3.0
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.3.0
+      '@tailwindcss/oxide-linux-arm64-musl': 4.3.0
+      '@tailwindcss/oxide-linux-x64-gnu': 4.3.0
+      '@tailwindcss/oxide-linux-x64-musl': 4.3.0
+      '@tailwindcss/oxide-wasm32-wasi': 4.3.0
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.3.0
+      '@tailwindcss/oxide-win32-x64-msvc': 4.3.0
+
+  '@tailwindcss/vite@4.3.0(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))':
+    dependencies:
+      '@tailwindcss/node': 4.3.0
+      '@tailwindcss/oxide': 4.3.0
+      tailwindcss: 4.3.0
+      vite: 7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+
+  '@transloadit/prettier-bytes@0.0.7': {}
+
+  '@types/chai@5.2.3':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+      assertion-error: 2.0.1
+
+  '@types/codemirror@5.60.17':
+    dependencies:
+      '@types/tern': 0.23.9
+
+  '@types/dagre@0.7.54': {}
+
+  '@types/deep-eql@4.0.2': {}
+
+  '@types/esrecurse@4.3.1': {}
+
+  '@types/estree@1.0.8': {}
+
+  '@types/estree@1.0.9': {}
+
+  '@types/event-emitter@0.3.5': {}
+
+  '@types/file-saver@2.0.7': {}
+
+  '@types/jsesc@2.5.1': {}
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/linkify-it@5.0.0': {}
+
+  '@types/lodash-es@4.17.12':
+    dependencies:
+      '@types/lodash': 4.17.24
+
+  '@types/lodash@4.17.24': {}
+
+  '@types/markdown-it@14.1.2':
+    dependencies:
+      '@types/linkify-it': 5.0.0
+      '@types/mdurl': 2.0.0
+
+  '@types/mdurl@2.0.0': {}
+
+  '@types/node@14.18.63': {}
+
+  '@types/node@24.12.4':
+    dependencies:
+      undici-types: 7.16.0
+
+  '@types/nprogress@0.2.3': {}
+
+  '@types/path-browserify@1.0.3': {}
+
+  '@types/qs@6.15.1': {}
+
+  '@types/sortablejs@1.15.9': {}
+
+  '@types/tern@0.23.9':
+    dependencies:
+      '@types/estree': 1.0.9
+
+  '@types/trusted-types@2.0.7':
+    optional: true
+
+  '@types/web-bluetooth@0.0.20': {}
+
+  '@types/web-bluetooth@0.0.21': {}
+
+  '@typescript-eslint/eslint-plugin@8.59.3(@typescript-eslint/parser@8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/scope-manager': 8.59.3
+      '@typescript-eslint/type-utils': 8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/visitor-keys': 8.59.3
+      eslint: 10.4.0(jiti@2.7.0)
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.5.0(typescript@6.0.3)
+      typescript: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.59.3
+      '@typescript-eslint/types': 8.59.3
+      '@typescript-eslint/typescript-estree': 8.59.3(typescript@6.0.3)
+      '@typescript-eslint/visitor-keys': 8.59.3
+      debug: 4.4.3
+      eslint: 10.4.0(jiti@2.7.0)
+      typescript: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/project-service@8.59.3(typescript@6.0.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.59.3(typescript@6.0.3)
+      '@typescript-eslint/types': 8.59.3
+      debug: 4.4.3
+      typescript: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.59.3':
+    dependencies:
+      '@typescript-eslint/types': 8.59.3
+      '@typescript-eslint/visitor-keys': 8.59.3
+
+  '@typescript-eslint/tsconfig-utils@8.59.3(typescript@6.0.3)':
+    dependencies:
+      typescript: 6.0.3
+
+  '@typescript-eslint/type-utils@8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.59.3
+      '@typescript-eslint/typescript-estree': 8.59.3(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)
+      debug: 4.4.3
+      eslint: 10.4.0(jiti@2.7.0)
+      ts-api-utils: 2.5.0(typescript@6.0.3)
+      typescript: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/types@8.59.3': {}
+
+  '@typescript-eslint/typescript-estree@8.59.3(typescript@6.0.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.59.3(typescript@6.0.3)
+      '@typescript-eslint/tsconfig-utils': 8.59.3(typescript@6.0.3)
+      '@typescript-eslint/types': 8.59.3
+      '@typescript-eslint/visitor-keys': 8.59.3
+      debug: 4.4.3
+      minimatch: 10.2.5
+      semver: 7.8.0
+      tinyglobby: 0.2.16
+      ts-api-utils: 2.5.0(typescript@6.0.3)
+      typescript: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.4.0(jiti@2.7.0))
+      '@typescript-eslint/scope-manager': 8.59.3
+      '@typescript-eslint/types': 8.59.3
+      '@typescript-eslint/typescript-estree': 8.59.3(typescript@6.0.3)
+      eslint: 10.4.0(jiti@2.7.0)
+      typescript: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.59.3':
+    dependencies:
+      '@typescript-eslint/types': 8.59.3
+      eslint-visitor-keys: 5.0.1
+
+  '@uppy/companion-client@2.2.2':
+    dependencies:
+      '@uppy/utils': 4.1.3
+      namespace-emitter: 2.0.1
+
+  '@uppy/core@2.3.4':
+    dependencies:
+      '@transloadit/prettier-bytes': 0.0.7
+      '@uppy/store-default': 2.1.1
+      '@uppy/utils': 4.1.3
+      lodash.throttle: 4.1.1
+      mime-match: 1.0.2
+      namespace-emitter: 2.0.1
+      nanoid: 3.3.12
+      preact: 10.29.1
+
+  '@uppy/store-default@2.1.1': {}
+
+  '@uppy/utils@4.1.3':
+    dependencies:
+      lodash.throttle: 4.1.1
+
+  '@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4)':
+    dependencies:
+      '@uppy/companion-client': 2.2.2
+      '@uppy/core': 2.3.4
+      '@uppy/utils': 4.1.3
+      nanoid: 3.3.12
+
+  '@vitejs/plugin-vue@6.0.7(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.1
+      vite: 7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vue: 3.5.34(typescript@6.0.3)
+
+  '@vitest/expect@4.1.7':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@types/chai': 5.2.3
+      '@vitest/spy': 4.1.7
+      '@vitest/utils': 4.1.7
+      chai: 6.2.2
+      tinyrainbow: 3.1.0
+
+  '@vitest/mocker@4.1.7(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))':
+    dependencies:
+      '@vitest/spy': 4.1.7
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      vite: 7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+
+  '@vitest/pretty-format@4.1.7':
+    dependencies:
+      tinyrainbow: 3.1.0
+
+  '@vitest/runner@4.1.7':
+    dependencies:
+      '@vitest/utils': 4.1.7
+      pathe: 2.0.3
+
+  '@vitest/snapshot@4.1.7':
+    dependencies:
+      '@vitest/pretty-format': 4.1.7
+      '@vitest/utils': 4.1.7
+      magic-string: 0.30.21
+      pathe: 2.0.3
+
+  '@vitest/spy@4.1.7': {}
+
+  '@vitest/utils@4.1.7':
+    dependencies:
+      '@vitest/pretty-format': 4.1.7
+      convert-source-map: 2.0.0
+      tinyrainbow: 3.1.0
+
+  '@volar/language-core@2.4.28':
+    dependencies:
+      '@volar/source-map': 2.4.28
+
+  '@volar/source-map@2.4.28': {}
+
+  '@volar/typescript@2.4.28':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      path-browserify: 1.0.1
+      vscode-uri: 3.1.0
+
+  '@vue-flow/background@1.3.2(@vue-flow/core@1.48.2(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@vue-flow/core': 1.48.2(vue@3.5.34(typescript@6.0.3))
+      vue: 3.5.34(typescript@6.0.3)
+
+  '@vue-flow/controls@1.1.3(@vue-flow/core@1.48.2(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@vue-flow/core': 1.48.2(vue@3.5.34(typescript@6.0.3))
+      vue: 3.5.34(typescript@6.0.3)
+
+  '@vue-flow/core@1.48.2(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@vueuse/core': 10.11.1(vue@3.5.34(typescript@6.0.3))
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-zoom: 3.0.0
+      vue: 3.5.34(typescript@6.0.3)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+
+  '@vue-flow/minimap@1.5.4(@vue-flow/core@1.48.2(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@vue-flow/core': 1.48.2(vue@3.5.34(typescript@6.0.3))
+      d3-selection: 3.0.0
+      d3-zoom: 3.0.0
+      vue: 3.5.34(typescript@6.0.3)
+
+  '@vue-macros/common@3.1.2(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@vue/compiler-sfc': 3.5.34
+      ast-kit: 2.2.0
+      local-pkg: 1.1.2
+      magic-string-ast: 1.0.3
+      unplugin-utils: 0.3.1
+    optionalDependencies:
+      vue: 3.5.34(typescript@6.0.3)
+
+  '@vue/babel-helper-vue-transform-on@1.5.0': {}
+
+  '@vue/babel-plugin-jsx@1.5.0(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-jsx': 7.28.6(@babel/core@7.29.0)
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+      '@vue/babel-helper-vue-transform-on': 1.5.0
+      '@vue/babel-plugin-resolve-type': 1.5.0(@babel/core@7.29.0)
+      '@vue/shared': 3.5.34
+    optionalDependencies:
+      '@babel/core': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vue/babel-plugin-resolve-type@1.5.0(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/parser': 7.29.3
+      '@vue/compiler-sfc': 3.5.34
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vue/compiler-core@3.5.34':
+    dependencies:
+      '@babel/parser': 7.29.3
+      '@vue/shared': 3.5.34
+      entities: 7.0.1
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
+  '@vue/compiler-dom@3.5.34':
+    dependencies:
+      '@vue/compiler-core': 3.5.34
+      '@vue/shared': 3.5.34
+
+  '@vue/compiler-sfc@3.5.34':
+    dependencies:
+      '@babel/parser': 7.29.3
+      '@vue/compiler-core': 3.5.34
+      '@vue/compiler-dom': 3.5.34
+      '@vue/compiler-ssr': 3.5.34
+      '@vue/shared': 3.5.34
+      estree-walker: 2.0.2
+      magic-string: 0.30.21
+      postcss: 8.5.14
+      source-map-js: 1.2.1
+
+  '@vue/compiler-ssr@3.5.34':
+    dependencies:
+      '@vue/compiler-dom': 3.5.34
+      '@vue/shared': 3.5.34
+
+  '@vue/devtools-api@6.6.4': {}
+
+  '@vue/devtools-api@7.7.9':
+    dependencies:
+      '@vue/devtools-kit': 7.7.9
+
+  '@vue/devtools-api@8.1.2':
+    dependencies:
+      '@vue/devtools-kit': 8.1.2
+
+  '@vue/devtools-core@8.1.2(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@vue/devtools-kit': 8.1.2
+      '@vue/devtools-shared': 8.1.2
+      vue: 3.5.34(typescript@6.0.3)
+
+  '@vue/devtools-kit@7.7.9':
+    dependencies:
+      '@vue/devtools-shared': 7.7.9
+      birpc: 2.9.0
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 1.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.6
+
+  '@vue/devtools-kit@8.1.2':
+    dependencies:
+      '@vue/devtools-shared': 8.1.2
+      birpc: 2.9.0
+      hookable: 5.5.3
+      perfect-debounce: 2.1.0
+
+  '@vue/devtools-shared@7.7.9':
+    dependencies:
+      rfdc: 1.4.1
+
+  '@vue/devtools-shared@8.1.2': {}
+
+  '@vue/language-core@3.2.9':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      '@vue/compiler-dom': 3.5.34
+      '@vue/shared': 3.5.34
+      alien-signals: 3.2.1
+      muggle-string: 0.4.1
+      path-browserify: 1.0.1
+      picomatch: 4.0.4
+
+  '@vue/reactivity@3.5.34':
+    dependencies:
+      '@vue/shared': 3.5.34
+
+  '@vue/runtime-core@3.5.34':
+    dependencies:
+      '@vue/reactivity': 3.5.34
+      '@vue/shared': 3.5.34
+
+  '@vue/runtime-dom@3.5.34':
+    dependencies:
+      '@vue/reactivity': 3.5.34
+      '@vue/runtime-core': 3.5.34
+      '@vue/shared': 3.5.34
+      csstype: 3.2.3
+
+  '@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.34
+      '@vue/shared': 3.5.34
+      vue: 3.5.34(typescript@6.0.3)
+
+  '@vue/shared@3.5.34': {}
+
+  '@vue/test-utils@2.4.10(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@vue/compiler-dom': 3.5.34
+      js-beautify: 1.15.4
+      vue: 3.5.34(typescript@6.0.3)
+      vue-component-type-helpers: 3.2.9
+    optionalDependencies:
+      '@vue/server-renderer': 3.5.34(vue@3.5.34(typescript@6.0.3))
+
+  '@vueuse/core@10.11.1(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 10.11.1
+      '@vueuse/shared': 10.11.1(vue@3.5.34(typescript@6.0.3))
+      vue-demi: 0.14.10(vue@3.5.34(typescript@6.0.3))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/core@12.0.0(typescript@6.0.3)':
+    dependencies:
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 12.0.0
+      '@vueuse/shared': 12.0.0(typescript@6.0.3)
+      vue: 3.5.34(typescript@6.0.3)
+    transitivePeerDependencies:
+      - typescript
+
+  '@vueuse/core@13.9.0(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@types/web-bluetooth': 0.0.21
+      '@vueuse/metadata': 13.9.0
+      '@vueuse/shared': 13.9.0(vue@3.5.34(typescript@6.0.3))
+      vue: 3.5.34(typescript@6.0.3)
+
+  '@vueuse/metadata@10.11.1': {}
+
+  '@vueuse/metadata@12.0.0': {}
+
+  '@vueuse/metadata@13.9.0': {}
+
+  '@vueuse/shared@10.11.1(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      vue-demi: 0.14.10(vue@3.5.34(typescript@6.0.3))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/shared@12.0.0(typescript@6.0.3)':
+    dependencies:
+      vue: 3.5.34(typescript@6.0.3)
+    transitivePeerDependencies:
+      - typescript
+
+  '@vueuse/shared@13.9.0(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      vue: 3.5.34(typescript@6.0.3)
+
+  '@wangeditor-next/basic-modules@2.0.0(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(lodash.throttle@4.1.1)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)':
+    dependencies:
+      '@wangeditor-next/core': 1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)
+      dom7: 4.0.6
+      is-url: 1.2.4
+      lodash.throttle: 4.1.1
+      nanoid: 5.1.11
+      slate: 0.123.0
+      snabbdom: 3.6.3
+
+  '@wangeditor-next/code-highlight@2.0.0(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(slate@0.123.0)(snabbdom@3.6.3)':
+    dependencies:
+      '@wangeditor-next/core': 1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)
+      dom7: 4.0.6
+      prismjs: 1.30.0
+      slate: 0.123.0
+      snabbdom: 3.6.3
+
+  '@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)':
+    dependencies:
+      '@types/event-emitter': 0.3.5
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      dom7: 4.0.6
+      event-emitter: 0.3.5
+      html-void-elements: 3.0.0
+      i18next: 23.16.8
+      is-hotkey: 0.2.0
+      lodash.camelcase: 4.3.0
+      lodash.clonedeep: 4.5.0
+      lodash.debounce: 4.0.8
+      lodash.foreach: 4.5.0
+      lodash.throttle: 4.1.1
+      lodash.toarray: 4.4.0
+      nanoid: 5.1.11
+      scroll-into-view-if-needed: 3.1.0
+      slate: 0.123.0
+      slate-history: 0.115.0(slate@0.123.0)
+      snabbdom: 3.6.3
+
+  '@wangeditor-next/editor-for-vue@5.1.14(@wangeditor-next/editor@5.7.0)(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      '@wangeditor-next/editor': 5.7.0
+      vue: 3.5.34(typescript@6.0.3)
+
+  '@wangeditor-next/editor@5.7.0':
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor-next/basic-modules': 2.0.0(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(lodash.throttle@4.1.1)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)
+      '@wangeditor-next/code-highlight': 2.0.0(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(slate@0.123.0)(snabbdom@3.6.3)
+      '@wangeditor-next/core': 1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)
+      '@wangeditor-next/list-module': 2.0.0(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(slate@0.123.0)(snabbdom@3.6.3)
+      '@wangeditor-next/table-module': 2.0.0(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(lodash.debounce@4.0.8)(lodash.throttle@4.1.1)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)
+      '@wangeditor-next/upload-image-module': 2.0.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor-next/basic-modules@2.0.0(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(lodash.throttle@4.1.1)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(lodash.foreach@4.5.0)(slate@0.123.0)(snabbdom@3.6.3)
+      '@wangeditor-next/video-module': 2.0.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)
+      dom7: 4.0.6
+      is-hotkey: 0.2.0
+      lodash.camelcase: 4.3.0
+      lodash.clonedeep: 4.5.0
+      lodash.debounce: 4.0.8
+      lodash.foreach: 4.5.0
+      lodash.throttle: 4.1.1
+      lodash.toarray: 4.4.0
+      nanoid: 5.1.11
+      slate: 0.123.0
+      snabbdom: 3.6.3
+
+  '@wangeditor-next/list-module@2.0.0(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(slate@0.123.0)(snabbdom@3.6.3)':
+    dependencies:
+      '@wangeditor-next/core': 1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)
+      dom7: 4.0.6
+      slate: 0.123.0
+      snabbdom: 3.6.3
+
+  '@wangeditor-next/table-module@2.0.0(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(lodash.debounce@4.0.8)(lodash.throttle@4.1.1)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)':
+    dependencies:
+      '@wangeditor-next/core': 1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)
+      dom7: 4.0.6
+      lodash.debounce: 4.0.8
+      lodash.throttle: 4.1.1
+      nanoid: 5.1.11
+      slate: 0.123.0
+      snabbdom: 3.6.3
+
+  '@wangeditor-next/upload-image-module@2.0.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor-next/basic-modules@2.0.0(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(lodash.throttle@4.1.1)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(lodash.foreach@4.5.0)(slate@0.123.0)(snabbdom@3.6.3)':
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor-next/basic-modules': 2.0.0(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(lodash.throttle@4.1.1)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)
+      '@wangeditor-next/core': 1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)
+      dom7: 4.0.6
+      lodash.foreach: 4.5.0
+      slate: 0.123.0
+      snabbdom: 3.6.3
+
+  '@wangeditor-next/video-module@2.0.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor-next/core@1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3))(dom7@4.0.6)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)':
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor-next/core': 1.8.0(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@4.0.6)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@5.1.11)(slate@0.123.0)(snabbdom@3.6.3)
+      dom7: 4.0.6
+      nanoid: 5.1.11
+      slate: 0.123.0
+      snabbdom: 3.6.3
+
+  abbrev@2.0.0: {}
+
+  acorn-jsx@5.3.2(acorn@8.16.0):
+    dependencies:
+      acorn: 8.16.0
+
+  acorn@8.16.0: {}
+
+  adler-32@1.3.1: {}
+
+  agent-base@6.0.2:
+    dependencies:
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  ajv@6.15.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  ajv@8.20.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.2
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
+  alien-signals@3.2.1: {}
+
+  animate.css@4.1.1: {}
+
+  ansi-escapes@4.3.2:
+    dependencies:
+      type-fest: 0.21.3
+
+  ansi-escapes@7.3.0:
+    dependencies:
+      environment: 1.1.0
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.2.2: {}
+
+  ansi-styles@3.2.1:
+    dependencies:
+      color-convert: 1.9.3
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-styles@6.2.3: {}
+
+  ansis@4.3.0: {}
+
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.2
+
+  archiver-utils@2.1.0:
+    dependencies:
+      glob: 13.0.6
+      graceful-fs: 4.2.11
+      lazystream: 1.0.1
+      lodash.defaults: 4.2.0
+      lodash.difference: 4.5.0
+      lodash.flatten: 4.4.0
+      lodash.isplainobject: 4.0.6
+      lodash.union: 4.6.0
+      normalize-path: 3.0.0
+      readable-stream: 2.3.8
+
+  archiver-utils@3.0.4:
+    dependencies:
+      glob: 13.0.6
+      graceful-fs: 4.2.11
+      lazystream: 1.0.1
+      lodash.defaults: 4.2.0
+      lodash.difference: 4.5.0
+      lodash.flatten: 4.4.0
+      lodash.isplainobject: 4.0.6
+      lodash.union: 4.6.0
+      normalize-path: 3.0.0
+      readable-stream: 3.6.2
+
+  archiver@5.3.2:
+    dependencies:
+      archiver-utils: 2.1.0
+      async: 3.2.6
+      buffer-crc32: 0.2.13
+      readable-stream: 3.6.2
+      readdir-glob: 1.1.3
+      tar-stream: 2.2.0
+      zip-stream: 4.1.1
+
+  argparse@2.0.1: {}
+
+  array-ify@1.0.0: {}
+
+  assertion-error@2.0.1: {}
+
+  ast-kit@2.2.0:
+    dependencies:
+      '@babel/parser': 7.29.3
+      pathe: 2.0.3
+
+  ast-walker-scope@0.8.3:
+    dependencies:
+      '@babel/parser': 7.29.3
+      ast-kit: 2.2.0
+
+  astral-regex@2.0.0: {}
+
+  async-validator@4.2.5: {}
+
+  async@3.2.6: {}
+
+  asynckit@0.4.0: {}
+
+  at-least-node@1.0.0: {}
+
+  autoprefixer@10.5.0(postcss@8.5.14):
+    dependencies:
+      browserslist: 4.28.2
+      caniuse-lite: 1.0.30001792
+      fraction.js: 5.3.4
+      picocolors: 1.1.1
+      postcss: 8.5.14
+      postcss-value-parser: 4.2.0
+
+  axios@1.16.1:
+    dependencies:
+      follow-redirects: 1.16.0
+      form-data: 4.0.5
+      https-proxy-agent: 5.0.1
+      proxy-from-env: 2.1.0
+    transitivePeerDependencies:
+      - debug
+      - supports-color
+
+  balanced-match@1.0.2: {}
+
+  balanced-match@4.0.4: {}
+
+  base64-js@1.5.1: {}
+
+  baseline-browser-mapping@2.10.30: {}
+
+  bidi-js@1.0.3:
+    dependencies:
+      require-from-string: 2.0.2
+
+  big-integer@1.6.52: {}
+
+  binary-extensions@2.3.0: {}
+
+  binary@0.3.0:
+    dependencies:
+      buffers: 0.1.1
+      chainsaw: 0.1.0
+
+  birpc@2.9.0: {}
+
+  bl@4.1.0:
+    dependencies:
+      buffer: 5.7.1
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
+  bluebird@3.4.7: {}
+
+  boolbase@1.0.0: {}
+
+  brace-expansion@2.1.0:
+    dependencies:
+      balanced-match: 1.0.2
+
+  brace-expansion@5.0.6:
+    dependencies:
+      balanced-match: 4.0.4
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  browserslist@4.28.2:
+    dependencies:
+      baseline-browser-mapping: 2.10.30
+      caniuse-lite: 1.0.30001792
+      electron-to-chromium: 1.5.357
+      node-releases: 2.0.44
+      update-browserslist-db: 1.2.3(browserslist@4.28.2)
+
+  buffer-crc32@0.2.13: {}
+
+  buffer-from@1.1.2: {}
+
+  buffer-indexof-polyfill@1.0.2: {}
+
+  buffer@5.7.1:
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+
+  buffers@0.1.1: {}
+
+  bundle-name@4.1.0:
+    dependencies:
+      run-applescript: 7.1.0
+
+  cacheable@2.3.5:
+    dependencies:
+      '@cacheable/memory': 2.0.8
+      '@cacheable/utils': 2.4.1
+      hookified: 1.15.1
+      keyv: 5.6.0
+      qified: 0.10.1
+
+  cachedir@2.3.0: {}
+
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+
+  callsites@3.1.0: {}
+
+  caniuse-lite@1.0.30001792: {}
+
+  cfb@1.2.2:
+    dependencies:
+      adler-32: 1.3.1
+      crc-32: 1.2.2
+
+  chai@6.2.2: {}
+
+  chainsaw@0.1.0:
+    dependencies:
+      traverse: 0.3.9
+
+  chalk@2.4.2:
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  chalk@5.6.2: {}
+
+  chardet@0.7.0: {}
+
+  chokidar@3.6.0:
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.3
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  chokidar@4.0.3:
+    dependencies:
+      readdirp: 4.1.2
+
+  chokidar@5.0.0:
+    dependencies:
+      readdirp: 5.0.0
+
+  cli-cursor@3.1.0:
+    dependencies:
+      restore-cursor: 3.1.0
+
+  cli-cursor@5.0.0:
+    dependencies:
+      restore-cursor: 5.1.0
+
+  cli-spinners@2.9.2: {}
+
+  cli-truncate@4.0.0:
+    dependencies:
+      slice-ansi: 5.0.0
+      string-width: 7.2.0
+
+  cli-width@3.0.0: {}
+
+  clipboard@2.0.11:
+    dependencies:
+      good-listener: 1.2.2
+      select: 1.1.2
+      tiny-emitter: 2.1.0
+
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
+  cliui@9.0.1:
+    dependencies:
+      string-width: 7.2.0
+      strip-ansi: 7.2.0
+      wrap-ansi: 9.0.2
+
+  clone@1.0.4: {}
+
+  codemirror-editor-vue3@2.8.0(codemirror@5.65.21)(diff-match-patch@1.0.5)(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      codemirror: 5.65.21
+      diff-match-patch: 1.0.5
+      vue: 3.5.34(typescript@6.0.3)
+
+  codemirror@5.65.21: {}
+
+  codepage@1.15.0: {}
+
+  color-convert@1.9.3:
+    dependencies:
+      color-name: 1.1.3
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.3: {}
+
+  color-name@1.1.4: {}
+
+  colord@2.9.3: {}
+
+  colorette@2.0.20: {}
+
+  combined-stream@1.0.8:
+    dependencies:
+      delayed-stream: 1.0.0
+
+  commander@10.0.1: {}
+
+  commander@13.1.0: {}
+
+  commander@2.20.3: {}
+
+  commitizen@4.3.1(@types/node@24.12.4)(typescript@6.0.3):
+    dependencies:
+      cachedir: 2.3.0
+      cz-conventional-changelog: 3.3.0(@types/node@24.12.4)(typescript@6.0.3)
+      dedent: 0.7.0
+      detect-indent: 6.1.0
+      find-node-modules: 2.1.3
+      find-root: 1.1.0
+      fs-extra: 9.1.0
+      glob: 13.0.6
+      inquirer: 8.2.5
+      is-utf8: 0.2.1
+      lodash: 4.17.21
+      minimist: 1.2.7
+      strip-bom: 4.0.0
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - '@types/node'
+      - typescript
+
+  compare-func@2.0.0:
+    dependencies:
+      array-ify: 1.0.0
+      dot-prop: 5.3.0
+
+  compress-commons@4.1.2:
+    dependencies:
+      buffer-crc32: 0.2.13
+      crc32-stream: 4.0.3
+      normalize-path: 3.0.0
+      readable-stream: 3.6.2
+
+  compute-scroll-into-view@3.1.1: {}
+
+  confbox@0.1.8: {}
+
+  confbox@0.2.4: {}
+
+  config-chain@1.1.13:
+    dependencies:
+      ini: 1.3.8
+      proto-list: 1.2.4
+
+  conventional-changelog-angular@8.3.1:
+    dependencies:
+      compare-func: 2.0.0
+
+  conventional-changelog-conventionalcommits@9.3.1:
+    dependencies:
+      compare-func: 2.0.0
+
+  conventional-commit-types@3.0.0: {}
+
+  conventional-commits-parser@6.4.0:
+    dependencies:
+      '@simple-libs/stream-utils': 1.2.0
+      meow: 13.2.0
+
+  convert-source-map@2.0.0: {}
+
+  copy-anything@4.0.5:
+    dependencies:
+      is-what: 5.5.0
+
+  core-js@3.49.0: {}
+
+  core-util-is@1.0.3: {}
+
+  cosmiconfig-typescript-loader@6.3.0(@types/node@24.12.4)(cosmiconfig@9.0.1(typescript@6.0.3))(typescript@6.0.3):
+    dependencies:
+      '@types/node': 24.12.4
+      cosmiconfig: 9.0.1(typescript@6.0.3)
+      jiti: 2.6.1
+      typescript: 6.0.3
+
+  cosmiconfig@9.0.1(typescript@6.0.3):
+    dependencies:
+      env-paths: 2.2.1
+      import-fresh: 3.3.1
+      js-yaml: 4.1.1
+      parse-json: 5.2.0
+    optionalDependencies:
+      typescript: 6.0.3
+
+  crc-32@1.2.2: {}
+
+  crc32-stream@4.0.3:
+    dependencies:
+      crc-32: 1.2.2
+      readable-stream: 3.6.2
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  crypto-js@4.2.0: {}
+
+  css-functions-list@3.3.3: {}
+
+  css-tree@3.2.1:
+    dependencies:
+      mdn-data: 2.27.1
+      source-map-js: 1.2.1
+
+  cssesc@3.0.0: {}
+
+  csstype@3.2.3: {}
+
+  cz-conventional-changelog@3.3.0(@types/node@24.12.4)(typescript@6.0.3):
+    dependencies:
+      chalk: 2.4.2
+      commitizen: 4.3.1(@types/node@24.12.4)(typescript@6.0.3)
+      conventional-commit-types: 3.0.0
+      lodash.map: 4.6.0
+      longest: 2.0.1
+      word-wrap: 1.2.5
+    optionalDependencies:
+      '@commitlint/load': 21.0.1(@types/node@24.12.4)(typescript@6.0.3)
+    transitivePeerDependencies:
+      - '@types/node'
+      - typescript
+
+  cz-git@1.13.1: {}
+
+  d3-color@3.1.0: {}
+
+  d3-dispatch@3.0.1: {}
+
+  d3-drag@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-selection: 3.0.0
+
+  d3-ease@3.0.1: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-selection@3.0.0: {}
+
+  d3-timer@3.0.1: {}
+
+  d3-transition@3.0.1(d3-selection@3.0.0):
+    dependencies:
+      d3-color: 3.1.0
+      d3-dispatch: 3.0.1
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-timer: 3.0.1
+
+  d3-zoom@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d@1.0.2:
+    dependencies:
+      es5-ext: 0.10.64
+      type: 2.7.3
+
+  dagre@0.8.5:
+    dependencies:
+      graphlib: 2.1.8
+      lodash: 4.18.1
+
+  danmu.js@1.2.1:
+    dependencies:
+      event-emitter: 0.3.5
+
+  data-urls@7.0.0:
+    dependencies:
+      whatwg-mimetype: 5.0.0
+      whatwg-url: 16.0.1
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  dayjs@1.11.20: {}
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  decimal.js@10.6.0: {}
+
+  dedent@0.7.0: {}
+
+  deep-is@0.1.4: {}
+
+  default-browser-id@5.0.1: {}
+
+  default-browser@5.5.0:
+    dependencies:
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.1
+
+  defaults@1.0.4:
+    dependencies:
+      clone: 1.0.4
+
+  define-lazy-prop@2.0.0: {}
+
+  define-lazy-prop@3.0.0: {}
+
+  defu@6.1.7: {}
+
+  delayed-stream@1.0.0: {}
+
+  delegate@3.2.0: {}
+
+  detect-file@1.0.0: {}
+
+  detect-indent@6.1.0: {}
+
+  detect-libc@2.1.2: {}
+
+  diff-match-patch@1.0.5: {}
+
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  dom7@4.0.6:
+    dependencies:
+      ssr-window: 4.0.2
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  dompurify@3.4.3:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+
+  domutils@3.2.2:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
+  dot-prop@5.3.0:
+    dependencies:
+      is-obj: 2.0.0
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  duplexer2@0.1.4:
+    dependencies:
+      readable-stream: 2.3.8
+
+  echarts@6.0.0:
+    dependencies:
+      tslib: 2.3.0
+      zrender: 6.0.0
+
+  editorconfig@1.0.7:
+    dependencies:
+      '@one-ini/wasm': 0.1.1
+      commander: 10.0.1
+      minimatch: 9.0.9
+      semver: 7.8.0
+
+  electron-to-chromium@1.5.357: {}
+
+  element-plus@2.13.7(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      '@ctrl/tinycolor': 4.2.0
+      '@element-plus/icons-vue': 2.3.2(vue@3.5.34(typescript@6.0.3))
+      '@floating-ui/dom': 1.7.6
+      '@popperjs/core': '@sxzz/popperjs-es@2.11.8'
+      '@types/lodash': 4.17.24
+      '@types/lodash-es': 4.17.12
+      '@vueuse/core': 12.0.0(typescript@6.0.3)
+      async-validator: 4.2.5
+      dayjs: 1.11.20
+      lodash: 4.18.1
+      lodash-es: 4.18.1
+      lodash-unified: 1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.18.1)(lodash@4.18.1)
+      memoize-one: 6.0.0
+      normalize-wheel-es: 1.2.0
+      vue: 3.5.34(typescript@6.0.3)
+      vue-component-type-helpers: 3.2.9
+    transitivePeerDependencies:
+      - typescript
+
+  emoji-regex@10.6.0: {}
+
+  emoji-regex@8.0.0: {}
+
+  end-of-stream@1.4.5:
+    dependencies:
+      once: 1.4.0
+
+  enhanced-resolve@5.21.3:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.3
+
+  entities@4.5.0: {}
+
+  entities@7.0.1: {}
+
+  entities@8.0.0: {}
+
+  env-paths@2.2.1: {}
+
+  environment@1.1.0: {}
+
+  error-ex@1.3.4:
+    dependencies:
+      is-arrayish: 0.2.1
+
+  error-stack-parser-es@1.0.5: {}
+
+  es-define-property@1.0.1: {}
+
+  es-errors@1.3.0: {}
+
+  es-module-lexer@1.7.0: {}
+
+  es-module-lexer@2.1.0: {}
+
+  es-object-atoms@1.1.1:
+    dependencies:
+      es-errors: 1.3.0
+
+  es-set-tostringtag@2.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.3
+
+  es-toolkit@1.46.1: {}
+
+  es5-ext@0.10.64:
+    dependencies:
+      es6-iterator: 2.0.3
+      es6-symbol: 3.1.4
+      esniff: 2.0.1
+      next-tick: 1.1.0
+
+  es6-iterator@2.0.3:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      es6-symbol: 3.1.4
+
+  es6-symbol@3.1.4:
+    dependencies:
+      d: 1.0.2
+      ext: 1.7.0
+
+  esbuild@0.27.7:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.7
+      '@esbuild/android-arm': 0.27.7
+      '@esbuild/android-arm64': 0.27.7
+      '@esbuild/android-x64': 0.27.7
+      '@esbuild/darwin-arm64': 0.27.7
+      '@esbuild/darwin-x64': 0.27.7
+      '@esbuild/freebsd-arm64': 0.27.7
+      '@esbuild/freebsd-x64': 0.27.7
+      '@esbuild/linux-arm': 0.27.7
+      '@esbuild/linux-arm64': 0.27.7
+      '@esbuild/linux-ia32': 0.27.7
+      '@esbuild/linux-loong64': 0.27.7
+      '@esbuild/linux-mips64el': 0.27.7
+      '@esbuild/linux-ppc64': 0.27.7
+      '@esbuild/linux-riscv64': 0.27.7
+      '@esbuild/linux-s390x': 0.27.7
+      '@esbuild/linux-x64': 0.27.7
+      '@esbuild/netbsd-arm64': 0.27.7
+      '@esbuild/netbsd-x64': 0.27.7
+      '@esbuild/openbsd-arm64': 0.27.7
+      '@esbuild/openbsd-x64': 0.27.7
+      '@esbuild/openharmony-arm64': 0.27.7
+      '@esbuild/sunos-x64': 0.27.7
+      '@esbuild/win32-arm64': 0.27.7
+      '@esbuild/win32-ia32': 0.27.7
+      '@esbuild/win32-x64': 0.27.7
+
+  esbuild@0.28.0:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.28.0
+      '@esbuild/android-arm': 0.28.0
+      '@esbuild/android-arm64': 0.28.0
+      '@esbuild/android-x64': 0.28.0
+      '@esbuild/darwin-arm64': 0.28.0
+      '@esbuild/darwin-x64': 0.28.0
+      '@esbuild/freebsd-arm64': 0.28.0
+      '@esbuild/freebsd-x64': 0.28.0
+      '@esbuild/linux-arm': 0.28.0
+      '@esbuild/linux-arm64': 0.28.0
+      '@esbuild/linux-ia32': 0.28.0
+      '@esbuild/linux-loong64': 0.28.0
+      '@esbuild/linux-mips64el': 0.28.0
+      '@esbuild/linux-ppc64': 0.28.0
+      '@esbuild/linux-riscv64': 0.28.0
+      '@esbuild/linux-s390x': 0.28.0
+      '@esbuild/linux-x64': 0.28.0
+      '@esbuild/netbsd-arm64': 0.28.0
+      '@esbuild/netbsd-x64': 0.28.0
+      '@esbuild/openbsd-arm64': 0.28.0
+      '@esbuild/openbsd-x64': 0.28.0
+      '@esbuild/openharmony-arm64': 0.28.0
+      '@esbuild/sunos-x64': 0.28.0
+      '@esbuild/win32-arm64': 0.28.0
+      '@esbuild/win32-ia32': 0.28.0
+      '@esbuild/win32-x64': 0.28.0
+
+  escalade@3.2.0: {}
+
+  escape-string-regexp@1.0.5: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  escape-string-regexp@5.0.0: {}
+
+  eslint-config-prettier@10.1.8(eslint@10.4.0(jiti@2.7.0)):
+    dependencies:
+      eslint: 10.4.0(jiti@2.7.0)
+
+  eslint-plugin-prettier@5.5.5(eslint-config-prettier@10.1.8(eslint@10.4.0(jiti@2.7.0)))(eslint@10.4.0(jiti@2.7.0))(prettier@3.8.3):
+    dependencies:
+      eslint: 10.4.0(jiti@2.7.0)
+      prettier: 3.8.3
+      prettier-linter-helpers: 1.0.1
+      synckit: 0.11.12
+    optionalDependencies:
+      eslint-config-prettier: 10.1.8(eslint@10.4.0(jiti@2.7.0))
+
+  eslint-plugin-vue@10.9.1(@typescript-eslint/parser@8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.4.0(jiti@2.7.0))(vue-eslint-parser@10.4.0(eslint@10.4.0(jiti@2.7.0))):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.4.0(jiti@2.7.0))
+      eslint: 10.4.0(jiti@2.7.0)
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 7.1.1
+      semver: 7.8.0
+      vue-eslint-parser: 10.4.0(eslint@10.4.0(jiti@2.7.0))
+      xml-name-validator: 4.0.0
+    optionalDependencies:
+      '@typescript-eslint/parser': 8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)
+
+  eslint-scope@9.1.2:
+    dependencies:
+      '@types/esrecurse': 4.3.1
+      '@types/estree': 1.0.9
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@5.0.1: {}
+
+  eslint@10.4.0(jiti@2.7.0):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.4.0(jiti@2.7.0))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.23.5
+      '@eslint/config-helpers': 0.6.0
+      '@eslint/core': 1.2.1
+      '@eslint/plugin-kit': 0.7.1
+      '@humanfs/node': 0.16.8
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.9
+      ajv: 6.15.0
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 9.1.2
+      eslint-visitor-keys: 5.0.1
+      espree: 11.2.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      minimatch: 10.2.5
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    optionalDependencies:
+      jiti: 2.7.0
+    transitivePeerDependencies:
+      - supports-color
+
+  esniff@2.0.1:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      event-emitter: 0.3.5
+      type: 2.7.3
+
+  espree@11.2.0:
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      eslint-visitor-keys: 5.0.1
+
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  estree-walker@2.0.2: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  esutils@2.0.3: {}
+
+  event-emitter@0.3.5:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+
+  eventemitter3@4.0.7: {}
+
+  eventemitter3@5.0.4: {}
+
+  exceljs@4.4.0:
+    dependencies:
+      archiver: 5.3.2
+      dayjs: 1.11.20
+      fast-csv: 4.3.6
+      jszip: 3.10.1
+      readable-stream: 3.6.2
+      saxes: 5.0.1
+      tmp: 0.2.5
+      unzipper: 0.10.14
+      uuid: 14.0.0
+
+  execa@8.0.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      get-stream: 8.0.1
+      human-signals: 5.0.0
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.3.0
+      onetime: 6.0.0
+      signal-exit: 4.1.0
+      strip-final-newline: 3.0.0
+
+  expand-tilde@2.0.2:
+    dependencies:
+      homedir-polyfill: 1.0.3
+
+  expect-type@1.3.0: {}
+
+  exsolve@1.0.8: {}
+
+  ext@1.7.0:
+    dependencies:
+      type: 2.7.3
+
+  external-editor@3.1.0:
+    dependencies:
+      chardet: 0.7.0
+      iconv-lite: 0.4.24
+      tmp: 0.0.33
+
+  fast-csv@4.3.6:
+    dependencies:
+      '@fast-csv/format': 4.3.5
+      '@fast-csv/parse': 4.3.6
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-diff@1.3.0: {}
+
+  fast-glob@3.3.3:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fast-uri@3.1.2: {}
+
+  fastest-levenshtein@1.0.16: {}
+
+  fastq@1.20.1:
+    dependencies:
+      reusify: 1.1.0
+
+  fdir@6.5.0(picomatch@4.0.4):
+    optionalDependencies:
+      picomatch: 4.0.4
+
+  figures@3.2.0:
+    dependencies:
+      escape-string-regexp: 1.0.5
+
+  file-entry-cache@11.1.3:
+    dependencies:
+      flat-cache: 6.1.22
+
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
+  file-saver@2.0.5: {}
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  find-node-modules@2.1.3:
+    dependencies:
+      findup-sync: 4.0.0
+      merge: 2.1.1
+
+  find-root@1.1.0: {}
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  findup-sync@4.0.0:
+    dependencies:
+      detect-file: 1.0.0
+      is-glob: 4.0.3
+      micromatch: 4.0.8
+      resolve-dir: 1.0.1
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.4.2
+      keyv: 4.5.4
+
+  flat-cache@6.1.22:
+    dependencies:
+      cacheable: 2.3.5
+      flatted: 3.4.2
+      hookified: 1.15.1
+
+  flatted@3.4.2: {}
+
+  follow-redirects@1.16.0: {}
+
+  form-data@4.0.5:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.3
+      mime-types: 2.1.35
+
+  frac@1.1.2: {}
+
+  fraction.js@5.3.4: {}
+
+  fs-constants@1.0.0: {}
+
+  fs-extra@10.1.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.2.1
+      universalify: 2.0.1
+
+  fs-extra@11.3.5:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.2.1
+      universalify: 2.0.1
+
+  fs-extra@9.1.0:
+    dependencies:
+      at-least-node: 1.0.0
+      graceful-fs: 4.2.11
+      jsonfile: 6.2.1
+      universalify: 2.0.1
+
+  fsevents@2.3.3:
+    optional: true
+
+  fstream@1.0.12:
+    dependencies:
+      graceful-fs: 4.2.11
+      inherits: 2.0.4
+      mkdirp: 0.5.6
+      rimraf: 6.1.3
+
+  function-bind@1.1.2: {}
+
+  gensync@1.0.0-beta.2: {}
+
+  get-caller-file@2.0.5: {}
+
+  get-east-asian-width@1.6.0: {}
+
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.3
+      math-intrinsics: 1.1.0
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+
+  get-stream@8.0.1: {}
+
+  git-raw-commits@5.0.1(conventional-commits-parser@6.4.0):
+    dependencies:
+      '@conventional-changelog/git-client': 2.7.0(conventional-commits-parser@6.4.0)
+      meow: 13.2.0
+    transitivePeerDependencies:
+      - conventional-commits-filter
+      - conventional-commits-parser
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob@13.0.6:
+    dependencies:
+      minimatch: 10.2.5
+      minipass: 7.1.3
+      path-scurry: 2.0.2
+
+  global-directory@5.0.0:
+    dependencies:
+      ini: 6.0.0
+
+  global-modules@1.0.0:
+    dependencies:
+      global-prefix: 1.0.2
+      is-windows: 1.0.2
+      resolve-dir: 1.0.1
+
+  global-modules@2.0.0:
+    dependencies:
+      global-prefix: 3.0.0
+
+  global-prefix@1.0.2:
+    dependencies:
+      expand-tilde: 2.0.2
+      homedir-polyfill: 1.0.3
+      ini: 1.3.8
+      is-windows: 1.0.2
+      which: 1.3.1
+
+  global-prefix@3.0.0:
+    dependencies:
+      ini: 1.3.8
+      kind-of: 6.0.3
+      which: 1.3.1
+
+  globals@15.15.0: {}
+
+  globby@16.2.0:
+    dependencies:
+      '@sindresorhus/merge-streams': 4.0.0
+      fast-glob: 3.3.3
+      ignore: 7.0.5
+      is-path-inside: 4.0.0
+      slash: 5.1.0
+      unicorn-magic: 0.4.0
+
+  globjoin@0.1.4: {}
+
+  good-listener@1.2.2:
+    dependencies:
+      delegate: 3.2.0
+
+  gopd@1.2.0: {}
+
+  graceful-fs@4.2.11: {}
+
+  graphlib@2.1.8:
+    dependencies:
+      lodash: 4.18.1
+
+  has-flag@3.0.0: {}
+
+  has-flag@4.0.0: {}
+
+  has-flag@5.0.1: {}
+
+  has-symbols@1.1.0: {}
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.1.0
+
+  hashery@1.5.1:
+    dependencies:
+      hookified: 1.15.1
+
+  hasown@2.0.3:
+    dependencies:
+      function-bind: 1.1.2
+
+  highlight.js@11.11.1: {}
+
+  homedir-polyfill@1.0.3:
+    dependencies:
+      parse-passwd: 1.0.0
+
+  hookable@5.5.3: {}
+
+  hookified@1.15.1: {}
+
+  hookified@2.2.0: {}
+
+  html-encoding-sniffer@6.0.0:
+    dependencies:
+      '@exodus/bytes': 1.15.1
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  html-tags@5.1.0: {}
+
+  html-void-elements@3.0.0: {}
+
+  htmlparser2@8.0.2:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      entities: 4.5.0
+
+  https-proxy-agent@5.0.1:
+    dependencies:
+      agent-base: 6.0.2
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  human-signals@5.0.0: {}
+
+  husky@9.1.7: {}
+
+  i18next@23.16.8:
+    dependencies:
+      '@babel/runtime': 7.29.2
+
+  iconv-lite@0.4.24:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  ieee754@1.2.1: {}
+
+  ignore@5.3.2: {}
+
+  ignore@7.0.5: {}
+
+  immediate@3.0.6: {}
+
+  immutable@5.1.5: {}
+
+  import-fresh@3.3.1:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  import-meta-resolve@4.2.0: {}
+
+  imurmurhash@0.1.4: {}
+
+  inherits@2.0.4: {}
+
+  ini@1.3.8: {}
+
+  ini@6.0.0: {}
+
+  inquirer@8.2.5:
+    dependencies:
+      ansi-escapes: 4.3.2
+      chalk: 4.1.2
+      cli-cursor: 3.1.0
+      cli-width: 3.0.0
+      external-editor: 3.1.0
+      figures: 3.2.0
+      lodash: 4.17.21
+      mute-stream: 0.0.8
+      ora: 5.4.1
+      run-async: 2.4.1
+      rxjs: 7.8.2
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      through: 2.3.8
+      wrap-ansi: 7.0.0
+
+  is-arrayish@0.2.1: {}
+
+  is-binary-path@2.1.0:
+    dependencies:
+      binary-extensions: 2.3.0
+
+  is-docker@2.2.1: {}
+
+  is-docker@3.0.0: {}
+
+  is-extglob@2.1.1: {}
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-fullwidth-code-point@4.0.0: {}
+
+  is-fullwidth-code-point@5.1.0:
+    dependencies:
+      get-east-asian-width: 1.6.0
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-hotkey@0.2.0: {}
+
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
+  is-interactive@1.0.0: {}
+
+  is-number@7.0.0: {}
+
+  is-obj@2.0.0: {}
+
+  is-path-inside@4.0.0: {}
+
+  is-plain-obj@4.1.0: {}
+
+  is-plain-object@5.0.0: {}
+
+  is-potential-custom-element-name@1.0.1: {}
+
+  is-stream@3.0.0: {}
+
+  is-unicode-supported@0.1.0: {}
+
+  is-url@1.2.4: {}
+
+  is-utf8@0.2.1: {}
+
+  is-what@5.5.0: {}
+
+  is-windows@1.0.2: {}
+
+  is-wsl@2.2.0:
+    dependencies:
+      is-docker: 2.2.1
+
+  is-wsl@3.1.1:
+    dependencies:
+      is-inside-container: 1.0.0
+
+  isarray@1.0.0: {}
+
+  isexe@2.0.0: {}
+
+  jiti@2.6.1: {}
+
+  jiti@2.7.0: {}
+
+  js-beautify@1.15.4:
+    dependencies:
+      config-chain: 1.1.13
+      editorconfig: 1.0.7
+      glob: 13.0.6
+      js-cookie: 3.0.7
+      nopt: 7.2.1
+
+  js-cookie@3.0.7: {}
+
+  js-tokens@4.0.0: {}
+
+  js-tokens@9.0.1: {}
+
+  js-yaml@4.1.1:
+    dependencies:
+      argparse: 2.0.1
+
+  jsdom@29.1.1:
+    dependencies:
+      '@asamuzakjp/css-color': 5.1.11
+      '@asamuzakjp/dom-selector': 7.1.1
+      '@bramus/specificity': 2.4.2
+      '@csstools/css-syntax-patches-for-csstree': 1.1.4(css-tree@3.2.1)
+      '@exodus/bytes': 1.15.1
+      css-tree: 3.2.1
+      data-urls: 7.0.0
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 6.0.0
+      is-potential-custom-element-name: 1.0.1
+      lru-cache: 11.3.6
+      parse5: 8.0.1
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 6.0.1
+      undici: 7.26.0
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 8.0.1
+      whatwg-mimetype: 5.0.0
+      whatwg-url: 16.0.1
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  jsesc@3.1.0: {}
+
+  json-buffer@3.0.1: {}
+
+  json-parse-even-better-errors@2.3.1: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-schema-traverse@1.0.0: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json5@2.2.3: {}
+
+  jsonfile@6.2.1:
+    dependencies:
+      universalify: 2.0.1
+    optionalDependencies:
+      graceful-fs: 4.2.11
+
+  jszip@3.10.1:
+    dependencies:
+      lie: 3.3.0
+      pako: 1.0.11
+      readable-stream: 2.3.8
+      setimmediate: 1.0.5
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  keyv@5.6.0:
+    dependencies:
+      '@keyv/serialize': 1.1.1
+
+  kind-of@6.0.3: {}
+
+  known-css-properties@0.37.0: {}
+
+  kolorist@1.8.0: {}
+
+  lazystream@1.0.1:
+    dependencies:
+      readable-stream: 2.3.8
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lie@3.3.0:
+    dependencies:
+      immediate: 3.0.6
+
+  lightningcss-android-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.32.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.32.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    optional: true
+
+  lightningcss@1.32.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.32.0
+      lightningcss-darwin-arm64: 1.32.0
+      lightningcss-darwin-x64: 1.32.0
+      lightningcss-freebsd-x64: 1.32.0
+      lightningcss-linux-arm-gnueabihf: 1.32.0
+      lightningcss-linux-arm64-gnu: 1.32.0
+      lightningcss-linux-arm64-musl: 1.32.0
+      lightningcss-linux-x64-gnu: 1.32.0
+      lightningcss-linux-x64-musl: 1.32.0
+      lightningcss-win32-arm64-msvc: 1.32.0
+      lightningcss-win32-x64-msvc: 1.32.0
+
+  lilconfig@3.1.3: {}
+
+  lines-and-columns@1.2.4: {}
+
+  linkify-it@5.0.0:
+    dependencies:
+      uc.micro: 2.1.0
+
+  lint-staged@15.5.2:
+    dependencies:
+      chalk: 5.6.2
+      commander: 13.1.0
+      debug: 4.4.3
+      execa: 8.0.1
+      lilconfig: 3.1.3
+      listr2: 8.3.3
+      micromatch: 4.0.8
+      pidtree: 0.6.0
+      string-argv: 0.3.2
+      yaml: 2.9.0
+    transitivePeerDependencies:
+      - supports-color
+
+  listenercount@1.0.1: {}
+
+  listr2@8.3.3:
+    dependencies:
+      cli-truncate: 4.0.0
+      colorette: 2.0.20
+      eventemitter3: 5.0.4
+      log-update: 6.1.0
+      rfdc: 1.4.1
+      wrap-ansi: 9.0.2
+
+  local-pkg@1.1.2:
+    dependencies:
+      mlly: 1.8.2
+      pkg-types: 2.3.1
+      quansync: 0.2.11
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash-es@4.18.1: {}
+
+  lodash-unified@1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.18.1)(lodash@4.18.1):
+    dependencies:
+      '@types/lodash-es': 4.17.12
+      lodash: 4.18.1
+      lodash-es: 4.18.1
+
+  lodash.camelcase@4.3.0: {}
+
+  lodash.clonedeep@4.5.0: {}
+
+  lodash.debounce@4.0.8: {}
+
+  lodash.defaults@4.2.0: {}
+
+  lodash.difference@4.5.0: {}
+
+  lodash.escaperegexp@4.1.2: {}
+
+  lodash.flatten@4.4.0: {}
+
+  lodash.foreach@4.5.0: {}
+
+  lodash.groupby@4.6.0: {}
+
+  lodash.isboolean@3.0.3: {}
+
+  lodash.isequal@4.5.0: {}
+
+  lodash.isfunction@3.0.9: {}
+
+  lodash.isnil@4.0.0: {}
+
+  lodash.isplainobject@4.0.6: {}
+
+  lodash.isundefined@3.0.1: {}
+
+  lodash.map@4.6.0: {}
+
+  lodash.throttle@4.1.1: {}
+
+  lodash.toarray@4.4.0: {}
+
+  lodash.truncate@4.4.2: {}
+
+  lodash.union@4.6.0: {}
+
+  lodash.uniq@4.5.0: {}
+
+  lodash@4.17.21: {}
+
+  lodash@4.18.1: {}
+
+  log-symbols@4.1.0:
+    dependencies:
+      chalk: 4.1.2
+      is-unicode-supported: 0.1.0
+
+  log-update@6.1.0:
+    dependencies:
+      ansi-escapes: 7.3.0
+      cli-cursor: 5.0.0
+      slice-ansi: 7.1.2
+      strip-ansi: 7.2.0
+      wrap-ansi: 9.0.2
+
+  longest@2.0.1: {}
+
+  lru-cache@11.3.6: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  magic-string-ast@1.0.3:
+    dependencies:
+      magic-string: 0.30.21
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  markdown-it-highlightjs@4.3.0:
+    dependencies:
+      highlight.js: 11.11.1
+
+  markdown-it@14.1.1:
+    dependencies:
+      argparse: 2.0.1
+      entities: 4.5.0
+      linkify-it: 5.0.0
+      mdurl: 2.0.0
+      punycode.js: 2.3.1
+      uc.micro: 2.1.0
+
+  math-intrinsics@1.1.0: {}
+
+  mathml-tag-names@4.0.0: {}
+
+  mdn-data@2.27.1: {}
+
+  mdurl@2.0.0: {}
+
+  memoize-one@6.0.0: {}
+
+  meow@13.2.0: {}
+
+  meow@14.1.0: {}
+
+  merge-stream@2.0.0: {}
+
+  merge2@1.4.1: {}
+
+  merge@2.1.1: {}
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.2
+
+  mime-db@1.52.0: {}
+
+  mime-match@1.0.2:
+    dependencies:
+      wildcard: 1.1.2
+
+  mime-types@2.1.35:
+    dependencies:
+      mime-db: 1.52.0
+
+  mimic-fn@2.1.0: {}
+
+  mimic-fn@4.0.0: {}
+
+  mimic-function@5.0.1: {}
+
+  minimatch@10.2.5:
+    dependencies:
+      brace-expansion: 5.0.6
+
+  minimatch@5.1.9:
+    dependencies:
+      brace-expansion: 2.1.0
+
+  minimatch@9.0.9:
+    dependencies:
+      brace-expansion: 2.1.0
+
+  minimist@1.2.7: {}
+
+  minimist@1.2.8: {}
+
+  minipass@7.1.3: {}
+
+  mitt@3.0.1: {}
+
+  mkdirp@0.5.6:
+    dependencies:
+      minimist: 1.2.8
+
+  mlly@1.8.2:
+    dependencies:
+      acorn: 8.16.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.4
+
+  mrmime@2.0.1: {}
+
+  ms@2.1.3: {}
+
+  muggle-string@0.4.1: {}
+
+  mute-stream@0.0.8: {}
+
+  namespace-emitter@2.0.1: {}
+
+  nanoid@3.3.12: {}
+
+  nanoid@5.1.11: {}
+
+  natural-compare@1.4.0: {}
+
+  next-tick@1.1.0: {}
+
+  node-addon-api@7.1.1:
+    optional: true
+
+  node-releases@2.0.44: {}
+
+  nopt@7.2.1:
+    dependencies:
+      abbrev: 2.0.0
+
+  normalize-path@3.0.0: {}
+
+  normalize-wheel-es@1.2.0: {}
+
+  npm-run-path@5.3.0:
+    dependencies:
+      path-key: 4.0.0
+
+  nprogress@0.2.0: {}
+
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
+  object-inspect@1.13.4: {}
+
+  obug@2.1.1: {}
+
+  ohash@2.0.11: {}
+
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
+  onetime@5.1.2:
+    dependencies:
+      mimic-fn: 2.1.0
+
+  onetime@6.0.0:
+    dependencies:
+      mimic-fn: 4.0.0
+
+  onetime@7.0.0:
+    dependencies:
+      mimic-function: 5.0.1
+
+  open@10.2.0:
+    dependencies:
+      default-browser: 5.5.0
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      wsl-utils: 0.1.0
+
+  open@8.4.2:
+    dependencies:
+      define-lazy-prop: 2.0.0
+      is-docker: 2.2.1
+      is-wsl: 2.2.0
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  ora@5.4.1:
+    dependencies:
+      bl: 4.1.0
+      chalk: 4.1.2
+      cli-cursor: 3.1.0
+      cli-spinners: 2.9.2
+      is-interactive: 1.0.0
+      is-unicode-supported: 0.1.0
+      log-symbols: 4.1.0
+      strip-ansi: 6.0.1
+      wcwidth: 1.0.1
+
+  os-tmpdir@1.0.2: {}
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  package-json-from-dist@1.0.1: {}
+
+  package-manager-detector@1.6.0: {}
+
+  pako@1.0.11: {}
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  parse-json@5.2.0:
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      error-ex: 1.3.4
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+
+  parse-passwd@1.0.0: {}
+
+  parse5@8.0.1:
+    dependencies:
+      entities: 8.0.0
+
+  path-browserify@1.0.1: {}
+
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
+  path-key@4.0.0: {}
+
+  path-scurry@2.0.2:
+    dependencies:
+      lru-cache: 11.3.6
+      minipass: 7.1.3
+
+  path-to-regexp@8.4.2: {}
+
+  pathe@2.0.3: {}
+
+  perfect-debounce@1.0.0: {}
+
+  perfect-debounce@2.1.0: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.2: {}
+
+  picomatch@4.0.4: {}
+
+  pidtree@0.6.0: {}
+
+  pinia-plugin-persistedstate@4.7.1(pinia@3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3))):
+    dependencies:
+      defu: 6.1.7
+    optionalDependencies:
+      pinia: 3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3))
+
+  pinia@3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      '@vue/devtools-api': 7.7.9
+      vue: 3.5.34(typescript@6.0.3)
+    optionalDependencies:
+      typescript: 6.0.3
+
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.2
+      pathe: 2.0.3
+
+  pkg-types@2.3.1:
+    dependencies:
+      confbox: 0.2.4
+      exsolve: 1.0.8
+      pathe: 2.0.3
+
+  postcss-html@1.8.1:
+    dependencies:
+      htmlparser2: 8.0.2
+      js-tokens: 9.0.1
+      postcss: 8.5.14
+      postcss-safe-parser: 6.0.0(postcss@8.5.14)
+
+  postcss-media-query-parser@0.2.3: {}
+
+  postcss-resolve-nested-selector@0.1.6: {}
+
+  postcss-safe-parser@6.0.0(postcss@8.5.14):
+    dependencies:
+      postcss: 8.5.14
+
+  postcss-safe-parser@7.0.1(postcss@8.5.14):
+    dependencies:
+      postcss: 8.5.14
+
+  postcss-scss@4.0.9(postcss@8.5.14):
+    dependencies:
+      postcss: 8.5.14
+
+  postcss-selector-parser@7.1.1:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss-sorting@10.0.0(postcss@8.5.14):
+    dependencies:
+      postcss: 8.5.14
+
+  postcss-value-parser@4.2.0: {}
+
+  postcss@8.5.14:
+    dependencies:
+      nanoid: 3.3.12
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  preact@10.29.1: {}
+
+  prelude-ls@1.2.1: {}
+
+  prettier-linter-helpers@1.0.1:
+    dependencies:
+      fast-diff: 1.3.0
+
+  prettier@3.8.3: {}
+
+  prismjs@1.30.0: {}
+
+  process-nextick-args@2.0.1: {}
+
+  proto-list@1.2.4: {}
+
+  proxy-from-env@2.1.0: {}
+
+  punycode.js@2.3.1: {}
+
+  punycode@2.3.1: {}
+
+  qified@0.10.1:
+    dependencies:
+      hookified: 2.2.0
+
+  qrcode.vue@3.9.1(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      vue: 3.5.34(typescript@6.0.3)
+
+  qs@6.15.1:
+    dependencies:
+      side-channel: 1.1.0
+
+  quansync@0.2.11: {}
+
+  queue-microtask@1.2.3: {}
+
+  readable-stream@2.3.8:
+    dependencies:
+      core-util-is: 1.0.3
+      inherits: 2.0.4
+      isarray: 1.0.0
+      process-nextick-args: 2.0.1
+      safe-buffer: 5.1.2
+      string_decoder: 1.1.1
+      util-deprecate: 1.0.2
+
+  readable-stream@3.6.2:
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+
+  readdir-glob@1.1.3:
+    dependencies:
+      minimatch: 5.1.9
+
+  readdirp@3.6.0:
+    dependencies:
+      picomatch: 2.3.2
+
+  readdirp@4.1.2: {}
+
+  readdirp@5.0.0: {}
+
+  require-directory@2.1.1: {}
+
+  require-from-string@2.0.2: {}
+
+  resolve-dir@1.0.1:
+    dependencies:
+      expand-tilde: 2.0.2
+      global-modules: 1.0.0
+
+  resolve-from@4.0.0: {}
+
+  resolve-from@5.0.0: {}
+
+  restore-cursor@3.1.0:
+    dependencies:
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+
+  restore-cursor@5.1.0:
+    dependencies:
+      onetime: 7.0.0
+      signal-exit: 4.1.0
+
+  reusify@1.1.0: {}
+
+  rfdc@1.4.1: {}
+
+  rimraf@6.1.3:
+    dependencies:
+      glob: 13.0.6
+      package-json-from-dist: 1.0.1
+
+  rollup-plugin-visualizer@5.14.0(rollup@4.60.4):
+    dependencies:
+      open: 8.4.2
+      picomatch: 4.0.4
+      source-map: 0.7.6
+      yargs: 17.7.2
+    optionalDependencies:
+      rollup: 4.60.4
+
+  rollup@4.60.4:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.60.4
+      '@rollup/rollup-android-arm64': 4.60.4
+      '@rollup/rollup-darwin-arm64': 4.60.4
+      '@rollup/rollup-darwin-x64': 4.60.4
+      '@rollup/rollup-freebsd-arm64': 4.60.4
+      '@rollup/rollup-freebsd-x64': 4.60.4
+      '@rollup/rollup-linux-arm-gnueabihf': 4.60.4
+      '@rollup/rollup-linux-arm-musleabihf': 4.60.4
+      '@rollup/rollup-linux-arm64-gnu': 4.60.4
+      '@rollup/rollup-linux-arm64-musl': 4.60.4
+      '@rollup/rollup-linux-loong64-gnu': 4.60.4
+      '@rollup/rollup-linux-loong64-musl': 4.60.4
+      '@rollup/rollup-linux-ppc64-gnu': 4.60.4
+      '@rollup/rollup-linux-ppc64-musl': 4.60.4
+      '@rollup/rollup-linux-riscv64-gnu': 4.60.4
+      '@rollup/rollup-linux-riscv64-musl': 4.60.4
+      '@rollup/rollup-linux-s390x-gnu': 4.60.4
+      '@rollup/rollup-linux-x64-gnu': 4.60.4
+      '@rollup/rollup-linux-x64-musl': 4.60.4
+      '@rollup/rollup-openbsd-x64': 4.60.4
+      '@rollup/rollup-openharmony-arm64': 4.60.4
+      '@rollup/rollup-win32-arm64-msvc': 4.60.4
+      '@rollup/rollup-win32-ia32-msvc': 4.60.4
+      '@rollup/rollup-win32-x64-gnu': 4.60.4
+      '@rollup/rollup-win32-x64-msvc': 4.60.4
+      fsevents: 2.3.3
+
+  run-applescript@7.1.0: {}
+
+  run-async@2.4.1: {}
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  rxjs@7.8.2:
+    dependencies:
+      tslib: 2.8.1
+
+  safe-buffer@5.1.2: {}
+
+  safe-buffer@5.2.1: {}
+
+  safer-buffer@2.1.2: {}
+
+  sass@1.99.0:
+    dependencies:
+      chokidar: 4.0.3
+      immutable: 5.1.5
+      source-map-js: 1.2.1
+    optionalDependencies:
+      '@parcel/watcher': 2.5.6
+
+  saxes@5.0.1:
+    dependencies:
+      xmlchars: 2.2.0
+
+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+
+  scroll-into-view-if-needed@3.1.0:
+    dependencies:
+      compute-scroll-into-view: 3.1.1
+
+  scule@1.3.0: {}
+
+  select@1.1.2: {}
+
+  semver@6.3.1: {}
+
+  semver@7.8.0: {}
+
+  setimmediate@1.0.5: {}
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  side-channel-list@1.0.1:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-map@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-weakmap@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-map: 1.0.1
+
+  side-channel@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-list: 1.0.1
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
+
+  siginfo@2.0.0: {}
+
+  signal-exit@3.0.7: {}
+
+  signal-exit@4.1.0: {}
+
+  sirv@3.0.2:
+    dependencies:
+      '@polka/url': 1.0.0-next.29
+      mrmime: 2.0.1
+      totalist: 3.0.1
+
+  slash@5.1.0: {}
+
+  slate-history@0.115.0(slate@0.123.0):
+    dependencies:
+      slate: 0.123.0
+
+  slate@0.123.0: {}
+
+  slice-ansi@4.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      astral-regex: 2.0.0
+      is-fullwidth-code-point: 3.0.0
+
+  slice-ansi@5.0.0:
+    dependencies:
+      ansi-styles: 6.2.3
+      is-fullwidth-code-point: 4.0.0
+
+  slice-ansi@7.1.2:
+    dependencies:
+      ansi-styles: 6.2.3
+      is-fullwidth-code-point: 5.1.0
+
+  snabbdom@3.6.3: {}
+
+  sortablejs@1.10.2: {}
+
+  source-map-js@1.2.1: {}
+
+  source-map-support@0.5.21:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+
+  source-map@0.6.1: {}
+
+  source-map@0.7.6: {}
+
+  speakingurl@14.0.1: {}
+
+  ssf@0.11.2:
+    dependencies:
+      frac: 1.1.2
+
+  ssr-window@4.0.2: {}
+
+  stackback@0.0.2: {}
+
+  std-env@4.1.0: {}
+
+  string-argv@0.3.2: {}
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@7.2.0:
+    dependencies:
+      emoji-regex: 10.6.0
+      get-east-asian-width: 1.6.0
+      strip-ansi: 7.2.0
+
+  string-width@8.2.1:
+    dependencies:
+      get-east-asian-width: 1.6.0
+      strip-ansi: 7.2.0
+
+  string_decoder@1.1.1:
+    dependencies:
+      safe-buffer: 5.1.2
+
+  string_decoder@1.3.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.2.0:
+    dependencies:
+      ansi-regex: 6.2.2
+
+  strip-bom@4.0.0: {}
+
+  strip-final-newline@3.0.0: {}
+
+  strip-json-comments@3.1.1: {}
+
+  strip-literal@3.1.0:
+    dependencies:
+      js-tokens: 9.0.1
+
+  stylelint-config-html@1.1.0(postcss-html@1.8.1)(stylelint@17.11.1(typescript@6.0.3)):
+    dependencies:
+      postcss-html: 1.8.1
+      stylelint: 17.11.1(typescript@6.0.3)
+
+  stylelint-config-recess-order@7.7.0(stylelint-order@8.1.1(stylelint@17.11.1(typescript@6.0.3)))(stylelint@17.11.1(typescript@6.0.3)):
+    dependencies:
+      stylelint: 17.11.1(typescript@6.0.3)
+      stylelint-order: 8.1.1(stylelint@17.11.1(typescript@6.0.3))
+
+  stylelint-config-recommended-scss@17.0.1(postcss@8.5.14)(stylelint@17.11.1(typescript@6.0.3)):
+    dependencies:
+      postcss-scss: 4.0.9(postcss@8.5.14)
+      stylelint: 17.11.1(typescript@6.0.3)
+      stylelint-config-recommended: 18.0.0(stylelint@17.11.1(typescript@6.0.3))
+      stylelint-scss: 7.1.1(stylelint@17.11.1(typescript@6.0.3))
+    optionalDependencies:
+      postcss: 8.5.14
+
+  stylelint-config-recommended-vue@1.6.1(postcss-html@1.8.1)(stylelint@17.11.1(typescript@6.0.3)):
+    dependencies:
+      postcss-html: 1.8.1
+      semver: 7.8.0
+      stylelint: 17.11.1(typescript@6.0.3)
+      stylelint-config-html: 1.1.0(postcss-html@1.8.1)(stylelint@17.11.1(typescript@6.0.3))
+      stylelint-config-recommended: 18.0.0(stylelint@17.11.1(typescript@6.0.3))
+
+  stylelint-config-recommended@18.0.0(stylelint@17.11.1(typescript@6.0.3)):
+    dependencies:
+      stylelint: 17.11.1(typescript@6.0.3)
+
+  stylelint-config-standard@40.0.0(stylelint@17.11.1(typescript@6.0.3)):
+    dependencies:
+      stylelint: 17.11.1(typescript@6.0.3)
+      stylelint-config-recommended: 18.0.0(stylelint@17.11.1(typescript@6.0.3))
+
+  stylelint-order@8.1.1(stylelint@17.11.1(typescript@6.0.3)):
+    dependencies:
+      postcss: 8.5.14
+      postcss-sorting: 10.0.0(postcss@8.5.14)
+      stylelint: 17.11.1(typescript@6.0.3)
+
+  stylelint-prettier@5.0.3(prettier@3.8.3)(stylelint@17.11.1(typescript@6.0.3)):
+    dependencies:
+      prettier: 3.8.3
+      prettier-linter-helpers: 1.0.1
+      stylelint: 17.11.1(typescript@6.0.3)
+
+  stylelint-scss@7.1.1(stylelint@17.11.1(typescript@6.0.3)):
+    dependencies:
+      '@csstools/css-calc': 3.2.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-syntax-patches-for-csstree': 1.1.4(css-tree@3.2.1)
+      '@csstools/css-tokenizer': 4.0.0
+      css-tree: 3.2.1
+      is-plain-object: 5.0.0
+      known-css-properties: 0.37.0
+      postcss-media-query-parser: 0.2.3
+      postcss-resolve-nested-selector: 0.1.6
+      postcss-selector-parser: 7.1.1
+      postcss-value-parser: 4.2.0
+      stylelint: 17.11.1(typescript@6.0.3)
+
+  stylelint@17.11.1(typescript@6.0.3):
+    dependencies:
+      '@csstools/css-calc': 3.2.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-syntax-patches-for-csstree': 1.1.4(css-tree@3.2.1)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/media-query-list-parser': 5.0.0(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/selector-resolve-nested': 4.0.0(postcss-selector-parser@7.1.1)
+      '@csstools/selector-specificity': 6.0.0(postcss-selector-parser@7.1.1)
+      colord: 2.9.3
+      cosmiconfig: 9.0.1(typescript@6.0.3)
+      css-functions-list: 3.3.3
+      css-tree: 3.2.1
+      debug: 4.4.3
+      fast-glob: 3.3.3
+      fastest-levenshtein: 1.0.16
+      file-entry-cache: 11.1.3
+      global-modules: 2.0.0
+      globby: 16.2.0
+      globjoin: 0.1.4
+      html-tags: 5.1.0
+      ignore: 7.0.5
+      import-meta-resolve: 4.2.0
+      mathml-tag-names: 4.0.0
+      meow: 14.1.0
+      micromatch: 4.0.8
+      normalize-path: 3.0.0
+      picocolors: 1.1.1
+      postcss: 8.5.14
+      postcss-safe-parser: 7.0.1(postcss@8.5.14)
+      postcss-selector-parser: 7.1.1
+      postcss-value-parser: 4.2.0
+      string-width: 8.2.1
+      supports-hyperlinks: 4.4.0
+      svg-tags: 1.0.0
+      table: 6.9.0
+      write-file-atomic: 7.0.1
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  superjson@2.2.6:
+    dependencies:
+      copy-anything: 4.0.5
+
+  supports-color@10.2.2: {}
+
+  supports-color@5.5.0:
+    dependencies:
+      has-flag: 3.0.0
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  supports-hyperlinks@4.4.0:
+    dependencies:
+      has-flag: 5.0.1
+      supports-color: 10.2.2
+
+  svg-tags@1.0.0: {}
+
+  symbol-tree@3.2.4: {}
+
+  synckit@0.11.12:
+    dependencies:
+      '@pkgr/core': 0.2.9
+
+  table@6.9.0:
+    dependencies:
+      ajv: 8.20.0
+      lodash.truncate: 4.4.2
+      slice-ansi: 4.0.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  tailwindcss@4.3.0: {}
+
+  tapable@2.3.3: {}
+
+  tar-stream@2.2.0:
+    dependencies:
+      bl: 4.1.0
+      end-of-stream: 1.4.5
+      fs-constants: 1.0.0
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
+  terser@5.47.1:
+    dependencies:
+      '@jridgewell/source-map': 0.3.11
+      acorn: 8.16.0
+      commander: 2.20.3
+      source-map-support: 0.5.21
+
+  through@2.3.8: {}
+
+  tiny-emitter@2.1.0: {}
+
+  tinybench@2.9.0: {}
+
+  tinyexec@1.1.2: {}
+
+  tinyglobby@0.2.16:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+
+  tinyrainbow@3.1.0: {}
+
+  tldts-core@7.4.0: {}
+
+  tldts@7.4.0:
+    dependencies:
+      tldts-core: 7.4.0
+
+  tmp@0.0.33:
+    dependencies:
+      os-tmpdir: 1.0.2
+
+  tmp@0.2.5: {}
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  totalist@3.0.1: {}
+
+  tough-cookie@6.0.1:
+    dependencies:
+      tldts: 7.4.0
+
+  tr46@6.0.0:
+    dependencies:
+      punycode: 2.3.1
+
+  traverse@0.3.9: {}
+
+  ts-api-utils@2.5.0(typescript@6.0.3):
+    dependencies:
+      typescript: 6.0.3
+
+  tslib@2.3.0: {}
+
+  tslib@2.8.1: {}
+
+  tsx@4.22.0:
+    dependencies:
+      esbuild: 0.28.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  type-fest@0.21.3: {}
+
+  type@2.7.3: {}
+
+  typescript-eslint@8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.59.3(@typescript-eslint/parser@8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/typescript-estree': 8.59.3(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.59.3(eslint@10.4.0(jiti@2.7.0))(typescript@6.0.3)
+      eslint: 10.4.0(jiti@2.7.0)
+      typescript: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  typescript@6.0.3: {}
+
+  uc.micro@2.1.0: {}
+
+  ufo@1.6.4: {}
+
+  undici-types@7.16.0: {}
+
+  undici@7.26.0: {}
+
+  unicorn-magic@0.4.0: {}
+
+  unimport@5.7.0:
+    dependencies:
+      acorn: 8.16.0
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      local-pkg: 1.1.2
+      magic-string: 0.30.21
+      mlly: 1.8.2
+      pathe: 2.0.3
+      picomatch: 4.0.4
+      pkg-types: 2.3.1
+      scule: 1.3.0
+      strip-literal: 3.1.0
+      tinyglobby: 0.2.16
+      unplugin: 2.3.11
+      unplugin-utils: 0.3.1
+
+  universalify@2.0.1: {}
+
+  unplugin-auto-import@20.3.0(@vueuse/core@13.9.0(vue@3.5.34(typescript@6.0.3))):
+    dependencies:
+      local-pkg: 1.1.2
+      magic-string: 0.30.21
+      picomatch: 4.0.4
+      unimport: 5.7.0
+      unplugin: 2.3.11
+      unplugin-utils: 0.3.1
+    optionalDependencies:
+      '@vueuse/core': 13.9.0(vue@3.5.34(typescript@6.0.3))
+
+  unplugin-element-plus@0.10.0:
+    dependencies:
+      es-module-lexer: 1.7.0
+      magic-string: 0.30.21
+      unplugin: 2.3.11
+      unplugin-utils: 0.2.5
+
+  unplugin-utils@0.2.5:
+    dependencies:
+      pathe: 2.0.3
+      picomatch: 4.0.4
+
+  unplugin-utils@0.3.1:
+    dependencies:
+      pathe: 2.0.3
+      picomatch: 4.0.4
+
+  unplugin-vue-components@29.2.0(@babel/parser@7.29.3)(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      chokidar: 3.6.0
+      debug: 4.4.3
+      local-pkg: 1.1.2
+      magic-string: 0.30.21
+      mlly: 1.8.2
+      tinyglobby: 0.2.16
+      unplugin: 2.3.11
+      unplugin-utils: 0.3.1
+      vue: 3.5.34(typescript@6.0.3)
+    optionalDependencies:
+      '@babel/parser': 7.29.3
+    transitivePeerDependencies:
+      - supports-color
+
+  unplugin@2.3.11:
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      acorn: 8.16.0
+      picomatch: 4.0.4
+      webpack-virtual-modules: 0.6.2
+
+  unplugin@3.0.0:
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      picomatch: 4.0.4
+      webpack-virtual-modules: 0.6.2
+
+  unzipper@0.10.14:
+    dependencies:
+      big-integer: 1.6.52
+      binary: 0.3.0
+      bluebird: 3.4.7
+      buffer-indexof-polyfill: 1.0.2
+      duplexer2: 0.1.4
+      fstream: 1.0.12
+      graceful-fs: 4.2.11
+      listenercount: 1.0.1
+      readable-stream: 2.3.8
+      setimmediate: 1.0.5
+
+  update-browserslist-db@1.2.3(browserslist@4.28.2):
+    dependencies:
+      browserslist: 4.28.2
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  util-deprecate@1.0.2: {}
+
+  uuid@14.0.0: {}
+
+  vite-dev-rpc@1.1.0(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)):
+    dependencies:
+      birpc: 2.9.0
+      vite: 7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite-hot-client: 2.2.0(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+
+  vite-hot-client@2.2.0(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)):
+    dependencies:
+      vite: 7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+
+  vite-plugin-compression@0.5.1(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)):
+    dependencies:
+      chalk: 4.1.2
+      debug: 4.4.3
+      fs-extra: 10.1.0
+      vite: 7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  vite-plugin-inspect@11.3.3(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)):
+    dependencies:
+      ansis: 4.3.0
+      debug: 4.4.3
+      error-stack-parser-es: 1.0.5
+      ohash: 2.0.11
+      open: 10.2.0
+      perfect-debounce: 2.1.0
+      sirv: 3.0.2
+      unplugin-utils: 0.3.1
+      vite: 7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite-dev-rpc: 1.1.0(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+    transitivePeerDependencies:
+      - supports-color
+
+  vite-plugin-vue-devtools@8.1.2(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      '@vue/devtools-core': 8.1.2(vue@3.5.34(typescript@6.0.3))
+      '@vue/devtools-kit': 8.1.2
+      '@vue/devtools-shared': 8.1.2
+      sirv: 3.0.2
+      vite: 7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite-plugin-inspect: 11.3.3(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      vite-plugin-vue-inspector: 6.0.0(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+    transitivePeerDependencies:
+      - '@nuxt/kit'
+      - supports-color
+      - vue
+
+  vite-plugin-vue-inspector@6.0.0(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)):
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/plugin-proposal-decorators': 7.29.0(@babel/core@7.29.0)
+      '@babel/plugin-syntax-import-attributes': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.29.0)
+      '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
+      '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.29.0)
+      '@vue/compiler-dom': 3.5.34
+      kolorist: 1.8.0
+      magic-string: 0.30.21
+      vite: 7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0):
+    dependencies:
+      esbuild: 0.27.7
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+      postcss: 8.5.14
+      rollup: 4.60.4
+      tinyglobby: 0.2.16
+    optionalDependencies:
+      '@types/node': 24.12.4
+      fsevents: 2.3.3
+      jiti: 2.7.0
+      lightningcss: 1.32.0
+      sass: 1.99.0
+      terser: 5.47.1
+      tsx: 4.22.0
+      yaml: 2.9.0
+
+  vitest@4.1.7(@types/node@24.12.4)(jsdom@29.1.1)(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)):
+    dependencies:
+      '@vitest/expect': 4.1.7
+      '@vitest/mocker': 4.1.7(vite@7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      '@vitest/pretty-format': 4.1.7
+      '@vitest/runner': 4.1.7
+      '@vitest/snapshot': 4.1.7
+      '@vitest/spy': 4.1.7
+      '@vitest/utils': 4.1.7
+      es-module-lexer: 2.1.0
+      expect-type: 1.3.0
+      magic-string: 0.30.21
+      obug: 2.1.1
+      pathe: 2.0.3
+      picomatch: 4.0.4
+      std-env: 4.1.0
+      tinybench: 2.9.0
+      tinyexec: 1.1.2
+      tinyglobby: 0.2.16
+      tinyrainbow: 3.1.0
+      vite: 7.3.3(@types/node@24.12.4)(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@types/node': 24.12.4
+      jsdom: 29.1.1
+    transitivePeerDependencies:
+      - msw
+
+  vscode-uri@3.1.0: {}
+
+  vue-component-type-helpers@3.2.9: {}
+
+  vue-demi@0.14.10(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      vue: 3.5.34(typescript@6.0.3)
+
+  vue-draggable-plus@0.6.1(@types/sortablejs@1.15.9):
+    dependencies:
+      '@types/sortablejs': 1.15.9
+
+  vue-eslint-parser@10.4.0(eslint@10.4.0(jiti@2.7.0)):
+    dependencies:
+      debug: 4.4.3
+      eslint: 10.4.0(jiti@2.7.0)
+      eslint-scope: 9.1.2
+      eslint-visitor-keys: 5.0.1
+      espree: 11.2.0
+      esquery: 1.7.0
+      semver: 7.8.0
+    transitivePeerDependencies:
+      - supports-color
+
+  vue-i18n@11.4.2(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      '@intlify/core-base': 11.4.2
+      '@intlify/devtools-types': 11.4.2
+      '@intlify/shared': 11.4.2
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.34(typescript@6.0.3)
+
+  vue-img-cutter@3.1.1(typescript@6.0.3):
+    dependencies:
+      core-js: 3.49.0
+      vue: 3.5.34(typescript@6.0.3)
+      vue-i18n: 11.4.2(vue@3.5.34(typescript@6.0.3))
+    transitivePeerDependencies:
+      - typescript
+
+  vue-json-pretty@2.6.0(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      vue: 3.5.34(typescript@6.0.3)
+
+  vue-json-viewer@3.0.4(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      clipboard: 2.0.11
+      vue: 3.5.34(typescript@6.0.3)
+
+  vue-router@5.0.7(@vue/compiler-sfc@3.5.34)(pinia@3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      '@babel/generator': 8.0.0-rc.5
+      '@vue-macros/common': 3.1.2(vue@3.5.34(typescript@6.0.3))
+      '@vue/devtools-api': 8.1.2
+      ast-walker-scope: 0.8.3
+      chokidar: 5.0.0
+      json5: 2.2.3
+      local-pkg: 1.1.2
+      magic-string: 0.30.21
+      mlly: 1.8.2
+      muggle-string: 0.4.1
+      pathe: 2.0.3
+      picomatch: 4.0.4
+      scule: 1.3.0
+      tinyglobby: 0.2.16
+      unplugin: 3.0.0
+      unplugin-utils: 0.3.1
+      vue: 3.5.34(typescript@6.0.3)
+      yaml: 2.9.0
+    optionalDependencies:
+      '@vue/compiler-sfc': 3.5.34
+      pinia: 3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3))
+
+  vue-tsc@3.2.9(typescript@6.0.3):
+    dependencies:
+      '@volar/typescript': 2.4.28
+      '@vue/language-core': 3.2.9
+      typescript: 6.0.3
+
+  vue-web-terminal@3.4.2(typescript@6.0.3):
+    dependencies:
+      vue: 3.5.34(typescript@6.0.3)
+      vue-json-viewer: 3.0.4(vue@3.5.34(typescript@6.0.3))
+    transitivePeerDependencies:
+      - typescript
+
+  vue3-cron-plus@0.1.9(typescript@6.0.3):
+    dependencies:
+      '@element-plus/icons-vue': 2.3.2(vue@3.5.34(typescript@6.0.3))
+      core-js: 3.49.0
+      element-plus: 2.13.7(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3))
+      vue: 3.5.34(typescript@6.0.3)
+    transitivePeerDependencies:
+      - typescript
+
+  vue@3.5.34(typescript@6.0.3):
+    dependencies:
+      '@vue/compiler-dom': 3.5.34
+      '@vue/compiler-sfc': 3.5.34
+      '@vue/runtime-dom': 3.5.34
+      '@vue/server-renderer': 3.5.34(vue@3.5.34(typescript@6.0.3))
+      '@vue/shared': 3.5.34
+    optionalDependencies:
+      typescript: 6.0.3
+
+  vuedraggable@2.24.3:
+    dependencies:
+      sortablejs: 1.10.2
+
+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+
+  wcwidth@1.0.1:
+    dependencies:
+      defaults: 1.0.4
+
+  webidl-conversions@8.0.1: {}
+
+  webpack-virtual-modules@0.6.2: {}
+
+  whatwg-mimetype@5.0.0: {}
+
+  whatwg-url@16.0.1:
+    dependencies:
+      '@exodus/bytes': 1.15.1
+      tr46: 6.0.0
+      webidl-conversions: 8.0.1
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  which@1.3.1:
+    dependencies:
+      isexe: 2.0.0
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  why-is-node-running@2.3.0:
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+
+  wildcard@1.1.2: {}
+
+  wmf@1.0.2: {}
+
+  word-wrap@1.2.5: {}
+
+  word@0.3.0: {}
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@9.0.2:
+    dependencies:
+      ansi-styles: 6.2.3
+      string-width: 7.2.0
+      strip-ansi: 7.2.0
+
+  wrappy@1.0.2: {}
+
+  write-file-atomic@7.0.1:
+    dependencies:
+      signal-exit: 4.1.0
+
+  wsl-utils@0.1.0:
+    dependencies:
+      is-wsl: 3.1.1
+
+  xgplayer-subtitles@3.0.24(core-js@3.49.0):
+    dependencies:
+      core-js: 3.49.0
+      eventemitter3: 4.0.7
+
+  xgplayer@3.0.24(core-js@3.49.0):
+    dependencies:
+      core-js: 3.49.0
+      danmu.js: 1.2.1
+      delegate: 3.2.0
+      eventemitter3: 4.0.7
+      xgplayer-subtitles: 3.0.24(core-js@3.49.0)
+
+  xlsx@0.18.5:
+    dependencies:
+      adler-32: 1.3.1
+      cfb: 1.2.2
+      codepage: 1.15.0
+      crc-32: 1.2.2
+      ssf: 0.11.2
+      wmf: 1.0.2
+      word: 0.3.0
+
+  xml-name-validator@4.0.0: {}
+
+  xml-name-validator@5.0.0: {}
+
+  xmlchars@2.2.0: {}
+
+  y18n@5.0.8: {}
+
+  yallist@3.1.1: {}
+
+  yaml@2.9.0: {}
+
+  yargs-parser@21.1.1: {}
+
+  yargs-parser@22.0.0: {}
+
+  yargs@17.7.2:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
+  yargs@18.0.0:
+    dependencies:
+      cliui: 9.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      string-width: 7.2.0
+      y18n: 5.0.8
+      yargs-parser: 22.0.0
+
+  yocto-queue@0.1.0: {}
+
+  zip-stream@4.1.1:
+    dependencies:
+      archiver-utils: 3.0.4
+      compress-commons: 4.1.2
+      readable-stream: 3.6.2
+
+  zrender@6.0.0:
+    dependencies:
+      tslib: 2.3.0
diff --git a/public/ai.png b/public/ai.png
new file mode 100644
index 0000000..66da245
Binary files /dev/null and b/public/ai.png differ
diff --git a/public/app_home.png b/public/app_home.png
new file mode 100644
index 0000000..087851d
Binary files /dev/null and b/public/app_home.png differ
diff --git a/public/app_login.png b/public/app_login.png
new file mode 100644
index 0000000..24f293e
Binary files /dev/null and b/public/app_login.png differ
diff --git a/public/app_mine.png b/public/app_mine.png
new file mode 100644
index 0000000..fae4d09
Binary files /dev/null and b/public/app_mine.png differ
diff --git a/public/background.svg b/public/background.svg
new file mode 100644
index 0000000..4beb3ab
--- /dev/null
+++ b/public/background.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="44" y="42" width="312" height="217"><path d="M355.3 42H44v216.9h311.3V42Z" fill="#fff"/></mask><g mask="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M288.2 248.4h25.1v-30h-25.1v30Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M304.498 238.199c-1.5-3.9-5.9-15.4-4-21.6-2.9.8-3.3.1-5-.1-1.7-.1 0 10.7 2.2 16.4 1.7 4.5 2.1 11.1 2.1 13.6h5.4c.2-1.9.3-5.5-.7-8.3Z" fill="#fff"/><path d="M311.5 214.7v-1.6c0-.7-.6-1.3-1.3-1.3h-22.8c-.7 0-1.3.6-1.3 1.3v1.6" fill="#fff"/><path d="M311.5 214.7v-1.6c0-.7-.6-1.3-1.3-1.3h-22.8c-.7 0-1.3.6-1.3 1.3v1.6M290.2 214.7h21.4c1 0 1.8.8 1.8 1.8v29" stroke="#071F4D" stroke-width="1.096"/><path d="M284.3 245.6v-29c0-1 .8-1.8 1.8-1.8h1.6" fill="#fff"/><path d="M284.3 245.6v-29c0-1 .8-1.8 1.8-1.8h1.6" stroke="#071F4D" stroke-width="1.096"/><path d="M295.402 216.5c-.9 4.2-.4 9.7 2.8 17.5 2.4 5.9 1.9 10.2 1.8 12.3M300.502 216.5c-.9 4.2-.4 9.7 2.8 17.5 2.4 5.9 1.9 10.2 1.8 12.3" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m331 258.4-.3-5.2H88.5l-1.2 5.2H331Z" fill="#C7DEFF"/><path d="M252.9 248.7H331M216.6 258.4H331M47.1 139.3l-2.6 1.5 42.7 117.6h129.2v-6.6" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m247.2 248.6-40.4-111.3H50.5l40.3 111.3h156.4Z" fill="#fff"/><path d="m247.2 248.6-40.4-111.3H50.5l40.3 111.3h156.4Z" stroke="#071F4D"/><path d="m203.2 153.2 32.2 88.7H97.8l-32.3-88.7" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M72.2 146.9c-.77 0-1.4.63-1.4 1.4 0 .77.63 1.4 1.4 1.4.77 0 1.4-.63 1.4-1.4 0-.77-.63-1.4-1.4-1.4ZM79.3 146.9c-.77 0-1.4.63-1.4 1.4 0 .77.63 1.4 1.4 1.4.77 0 1.4-.63 1.4-1.4 0-.77-.63-1.4-1.4-1.4Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M263.5 171.2h80.3v-63.7h-80.3v63.7Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M290 143.9h-45.6l12.5 51.3H290v-51.3Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M286 117.4h-29.3v77.8h92.9v-67.6l-55.9.6-7.7-10.8Z" fill="#00E4E5"/><path d="m332.6 127.6-38.9.6-7.7-10.8h-11.7M308.9 195.2h45.9M250.3 195.2h28.5M287.3 195.2h12.3" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M130.5 211.4H186v-44h-55.5v44Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M148.7 192.5h-31.6l8.7 35.5h22.9v-35.5Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M145.9 174.2h-20.2V228h64.1v-46.7l-38.6.4-5.3-7.5Z" fill="#006EFF"/><path d="m179 181.3-27.8.4-5.3-7.5h-7.7M176.2 201.7h19.2M163.2 210.7H195M172.1 228h-54.2M184.8 228h8.1M174.9 228h5.4" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m293.2 155.7-6.4 6.3 15.3 15.3 22.7-22.6-6.4-6.4-16.3 16.3-8.9-8.9Z" fill="#fff"/><path d="M57.2 258.4h283.6M345.9 258.4h8.1M55.4 258.4h220.5M160.1 118.8l-1.2 2.7M156.7 127c-.3.8-.7 1.8-1.1 2.8M222 68.5c-1 .2-1.9.5-2.9.8M214.1 70.7c-5.8 1.9-11.3 4.4-16.5 7.4M195.4 79.5c-.9.5-1.7 1.1-2.5 1.6M314.2 98.5c-.6-.8-1.3-1.5-2-2.3M308.9 92.8c-4-4-8.3-7.6-13-10.8M293.9 80.7c-.8-.5-1.7-1.1-2.5-1.6" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M251.296 71.203c-3.6-1.5-18.5-2.9-21.8-1.9-1 5.8 4.9 13.5 4.9 13.5s6-9.9 16.9-11.6Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M251.3 42.704c-6.5 6.7-7.8 13-8.8 19.3 24.4-1.1 36.3 13 42.8 20 3.2-9.1 7.8-23 7.2-29-7.1-6.4-20-11.7-41.2-10.3Z" fill="#C7DEFF"/><path d="M230 69.3c36.2-3.8 52 21.1 52 21.1s11.4-28.2 10.5-37.4c-7.3-6.5-23.3-12-45.6-10.1-9 6.3-15.6 18.7-16.9 26.4Z" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M161.604 70.7c-6 8.4-9.9 21.9-8.8 33.8 8.4 5.3 32.3 10.5 43.6 11.5 6.1-7.9 15.9-26 15.9-26s-32-4.8-50.7-19.3Z" fill="#C7DEFF"/><path d="M193.103 119.5c4.8-2.7 19.2-29.5 19.2-29.5s-35.8-5.4-53.7-21.8c-9.3 6.1-16.4 24.3-15 40.1 10.6 6.7 45.8 13.3 49.5 11.2Z" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M189.5 111.6c-3 5.2-5.7 7.2-9.8 6.6 12.2 2.6 13.5 1.2 15.6-1.1 2.2-2.4 4.2-6.6 4.2-6.6s-3.1 2.5-10 1.1Z" fill="#071F4D"/><path d="M331 251.8v6.6M77 165.4l-2.7-6.7h7.8M222.8 228.9l2.8 6.6h-7.9" stroke="#071F4D"/></g></svg>
\ No newline at end of file
diff --git a/public/dashboard.png b/public/dashboard.png
new file mode 100644
index 0000000..906d2ca
Binary files /dev/null and b/public/dashboard.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..9243837
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/gencode.png b/public/gencode.png
new file mode 100644
index 0000000..71622fe
Binary files /dev/null and b/public/gencode.png differ
diff --git a/public/group.jpg b/public/group.jpg
new file mode 100644
index 0000000..5e16527
Binary files /dev/null and b/public/group.jpg differ
diff --git a/public/help.png b/public/help.png
new file mode 100644
index 0000000..c2ea0e1
Binary files /dev/null and b/public/help.png differ
diff --git a/public/login.png b/public/login.png
new file mode 100644
index 0000000..e56b92f
Binary files /dev/null and b/public/login.png differ
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..603ad45
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,70 @@
+<svg width="695" height="695" viewBox="195 164.5 695 695" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="white"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="#ECEFFF"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint0_radial_402_5926)"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint1_radial_402_5926)"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint2_radial_402_5926)"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint3_radial_402_5926)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="white"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="#ECEFFF"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint4_radial_402_5926)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint5_radial_402_5926)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint6_radial_402_5926)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint7_radial_402_5926)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="white"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="#ECEFFF"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint8_radial_402_5926)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint9_radial_402_5926)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint10_radial_402_5926)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint11_radial_402_5926)"/>
+<defs>
+<radialGradient id="paint0_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-137.956 -387.324 387.315 -228.814 483.689 731.186)" gradientUnits="userSpaceOnUse">
+<stop offset="0.634139" stop-color="#1629FF"/>
+<stop offset="1" stop-color="#A274FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint1_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-140.464 -366.075 365.281 -152.396 447.03 691.661)" gradientUnits="userSpaceOnUse">
+<stop offset="0.493539" stop-color="#8258FF"/>
+<stop offset="1" stop-color="#8258FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-111.514 -277.545 374.955 -279.04 405.025 738.373)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="1" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint3_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-190.674 -263.482 350.863 -361.721 469.942 706.034)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="0.690597" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint4_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-186.573 -387.324 523.807 -228.814 804.163 731.186)" gradientUnits="userSpaceOnUse">
+<stop offset="0.634139" stop-color="#1629FF"/>
+<stop offset="1" stop-color="#A274FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint5_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-189.964 -366.075 494.008 -152.396 754.585 691.661)" gradientUnits="userSpaceOnUse">
+<stop offset="0.493539" stop-color="#8258FF"/>
+<stop offset="1" stop-color="#8258FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint6_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-150.813 -277.545 507.091 -279.04 697.777 738.373)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="1" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint7_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-257.868 -263.482 474.509 -361.721 785.571 706.034)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="0.690597" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint8_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-143.901 -163.816 404.006 -96.7753 707.774 729.368)" gradientUnits="userSpaceOnUse">
+<stop offset="0.634139" stop-color="#1629FF"/>
+<stop offset="1" stop-color="#A274FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint9_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-146.517 -154.829 381.023 -64.455 669.536 712.651)" gradientUnits="userSpaceOnUse">
+<stop offset="0.493539" stop-color="#8258FF"/>
+<stop offset="1" stop-color="#8258FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint10_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-116.32 -117.386 391.113 -118.018 625.721 732.407)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="1" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint11_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-198.891 -111.438 365.983 -152.988 693.435 718.729)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="0.690597" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public/wechatPay.jpg b/public/wechatPay.jpg
new file mode 100644
index 0000000..ac00c44
Binary files /dev/null and b/public/wechatPay.jpg differ
diff --git a/scripts/clean-dev.ts b/scripts/clean-dev.ts
new file mode 100644
index 0000000..56c08b2
--- /dev/null
+++ b/scripts/clean-dev.ts
@@ -0,0 +1,712 @@
+// scripts/clean-dev.ts
+import fs from "fs/promises";
+import path from "path";
+
+// 现代化颜色主题
+const theme = {
+  // 基础颜色
+  reset: "\x1b[0m",
+  bold: "\x1b[1m",
+  dim: "\x1b[2m",
+
+  // 前景色
+  primary: "\x1b[38;5;75m", // 亮蓝色
+  success: "\x1b[38;5;82m", // 亮绿色
+  warning: "\x1b[38;5;220m", // 亮黄色
+  error: "\x1b[38;5;196m", // 亮红色
+  info: "\x1b[38;5;159m", // 青色
+  purple: "\x1b[38;5;141m", // 紫色
+  orange: "\x1b[38;5;208m", // 橙色
+  gray: "\x1b[38;5;245m", // 灰色
+  white: "\x1b[38;5;255m", // 白色
+
+  // 背景色
+  bgDark: "\x1b[48;5;235m", // 深灰背景
+  bgBlue: "\x1b[48;5;24m", // 蓝色背景
+  bgGreen: "\x1b[48;5;22m", // 绿色背景
+  bgRed: "\x1b[48;5;52m", // 红色背景
+};
+
+// 现代化图标集
+const icons = {
+  rocket: "🚀",
+  fire: "🔥",
+  star: "⭐",
+  gem: "💎",
+  crown: "👑",
+  magic: "✨",
+  warning: "⚠️",
+  success: "✅",
+  error: "❌",
+  info: "ℹ️",
+  folder: "📁",
+  file: "📄",
+  image: "🖼️",
+  code: "💻",
+  data: "📊",
+  globe: "🌐",
+  map: "🗺️",
+  chat: "💬",
+  bolt: "⚡",
+  shield: "🛡️",
+  key: "🔑",
+  link: "🔗",
+  clean: "🧹",
+  trash: "🗑️",
+  check: "✓",
+  cross: "✗",
+  arrow: "→",
+  loading: "⏳",
+};
+
+// 格式化工具
+const fmt = {
+  title: (text: string) => `${theme.bold}${theme.primary}${text}${theme.reset}`,
+  subtitle: (text: string) => `${theme.purple}${text}${theme.reset}`,
+  success: (text: string) => `${theme.success}${text}${theme.reset}`,
+  error: (text: string) => `${theme.error}${text}${theme.reset}`,
+  warning: (text: string) => `${theme.warning}${text}${theme.reset}`,
+  info: (text: string) => `${theme.info}${text}${theme.reset}`,
+  highlight: (text: string) => `${theme.bold}${theme.white}${text}${theme.reset}`,
+  dim: (text: string) => `${theme.dim}${theme.gray}${text}${theme.reset}`,
+  orange: (text: string) => `${theme.orange}${text}${theme.reset}`,
+
+  // 带背景的文本
+  badge: (text: string, bg: string = theme.bgBlue) =>
+    `${bg}${theme.white}${theme.bold} ${text} ${theme.reset}`,
+
+  // 渐变效果模拟
+  gradient: (text: string) => {
+    const colors = ["\x1b[38;5;75m", "\x1b[38;5;81m", "\x1b[38;5;87m", "\x1b[38;5;159m"];
+    const chars = text.split("");
+    return chars.map((char, i) => `${colors[i % colors.length]}${char}`).join("") + theme.reset;
+  },
+};
+
+// 创建现代化标题横幅
+function createModernBanner() {
+  console.log();
+  console.log(
+    fmt.gradient("  ╔══════════════════════════════════════════════════════════════════╗")
+  );
+  console.log(
+    fmt.gradient("  ║                                                                  ║")
+  );
+  console.log(
+    `  ║               ${icons.rocket} ${fmt.title("ART DESIGN PRO")} ${fmt.subtitle("· 代码精简程序")} ${icons.magic}                ║`
+  );
+  console.log(
+    `  ║               ${fmt.dim("为项目移除演示数据，快速切换至开发模式")}             ║`
+  );
+  console.log(
+    fmt.gradient("  ║                                                                  ║")
+  );
+  console.log(
+    fmt.gradient("  ╚══════════════════════════════════════════════════════════════════╝")
+  );
+  console.log();
+}
+
+// 创建分割线
+function createDivider(char = "─", color = theme.primary) {
+  console.log(`${color}${"  " + char.repeat(66)}${theme.reset}`);
+}
+
+// 创建卡片样式容器
+function createCard(title: string, content: string[]) {
+  console.log(`  ${fmt.badge("", theme.bgBlue)} ${fmt.title(title)}`);
+  console.log();
+  content.forEach((line) => {
+    console.log(`     ${line}`);
+  });
+  console.log();
+}
+
+// 进度条动画
+function createProgressBar(current: number, total: number, text: string, width = 40) {
+  const percentage = Math.round((current / total) * 100);
+  const filled = Math.round((current / total) * width);
+  const empty = width - filled;
+
+  const filledBar = "█".repeat(filled);
+  const emptyBar = "░".repeat(empty);
+
+  process.stdout.write(
+    `\r  ${fmt.info("进度")} [${theme.success}${filledBar}${theme.gray}${emptyBar}${theme.reset}] ${fmt.highlight(percentage + "%")})}`
+  );
+
+  if (current === total) {
+    console.log();
+  }
+}
+
+// 统计信息
+const stats = {
+  deletedFiles: 0,
+  deletedPaths: 0,
+  failedPaths: 0,
+  startTime: Date.now(),
+  totalFiles: 0,
+};
+
+// 清理目标
+const targets = [
+  "README.md",
+  "README.zh-CN.md",
+  "CHANGELOG.md",
+  "CHANGELOG.zh-CN.md",
+  "src/views/safeguard",
+  "src/views/dashboard/analysis",
+  "src/views/dashboard/ecommerce",
+  "src/mock/json",
+  "src/mock/temp/articleList.ts",
+  "src/mock/temp/commentDetail.ts",
+  "src/mock/temp/commentList.ts",
+  "src/assets/images/cover",
+  "src/assets/images/safeguard",
+  "src/assets/images/3d",
+  "src/components/charts/art-map-chart",
+  "src/components/business/comment-widget",
+];
+
+// 递归统计文件数量
+async function countFiles(targetPath: string): Promise<number> {
+  const fullPath = path.resolve(process.cwd(), targetPath);
+
+  try {
+    const stat = await fs.stat(fullPath);
+
+    if (stat.isFile()) {
+      return 1;
+    } else if (stat.isDirectory()) {
+      const entries = await fs.readdir(fullPath);
+      let count = 0;
+
+      for (const entry of entries) {
+        const entryPath = path.join(targetPath, entry);
+        count += await countFiles(entryPath);
+      }
+
+      return count;
+    }
+  } catch {
+    return 0;
+  }
+
+  return 0;
+}
+
+// 统计所有目标的文件数量
+async function countAllFiles(): Promise<number> {
+  let totalCount = 0;
+
+  for (const target of targets) {
+    const count = await countFiles(target);
+    totalCount += count;
+  }
+
+  return totalCount;
+}
+
+// 删除文件和目录
+async function remove(targetPath: string, index: number) {
+  const fullPath = path.resolve(process.cwd(), targetPath);
+
+  createProgressBar(index + 1, targets.length, targetPath);
+
+  try {
+    const fileCount = await countFiles(targetPath);
+    await fs.rm(fullPath, { recursive: true, force: true });
+    stats.deletedFiles += fileCount;
+    stats.deletedPaths++;
+    await new Promise((resolve) => setTimeout(resolve, 50));
+  } catch (err) {
+    stats.failedPaths++;
+    console.log();
+    console.log(`     ${icons.error} ${fmt.error("删除失败")}: ${fmt.highlight(targetPath)}`);
+    console.log(`     ${fmt.dim("错误详情: " + err)}`);
+  }
+}
+
+// 重置前端内置动态路由为空（`MenuProcessor.ts` 内 `builtinFrontendRoutes`；异常页在 staticRoutes）
+async function cleanRouteModules() {
+  const routesPath = path.resolve(process.cwd(), "src/router");
+
+  try {
+    try {
+      await fs.rm(path.join(routesPath, "dashboard.ts"), { force: true });
+    } catch {
+      // 忽略
+    }
+
+    try {
+      await fs.rm(path.join(routesPath, "builtinFrontendRoutes.ts"), { force: true });
+    } catch {
+      // 忽略（旧独立文件可能已不存在）
+    }
+
+    const menuProcessorPath = path.join(routesPath, "MenuProcessor.ts");
+    const mp = await fs.readFile(menuProcessorPath, "utf-8");
+    const reset = mp.replace(
+      /export const builtinFrontendRoutes: AppRouteRecord\[\] = \[[\s\S]*?\];/,
+      "export const builtinFrontendRoutes: AppRouteRecord[] = [];"
+    );
+    if (reset === mp) {
+      console.log(
+        `     ${icons.warning} ${fmt.dim("MenuProcessor.ts 中未找到 builtinFrontendRoutes，跳过重置")}`
+      );
+    } else {
+      await fs.writeFile(menuProcessorPath, reset, "utf-8");
+    }
+
+    console.log(`     ${icons.success} ${fmt.success("清理路由演示模块完成")}`);
+  } catch (err) {
+    console.log(`     ${icons.error} ${fmt.error("清理路由演示模块失败")}`);
+    console.log(`     ${fmt.dim("错误详情: " + err)}`);
+  }
+}
+
+// 路由占位常量已写在 src/router/staticRoutes.ts 顶部，清理脚本不再单独重写
+async function cleanRouterConstants() {
+  console.log(
+    `     ${icons.info} ${fmt.dim("路由常量（ROUTE_*）位于 staticRoutes.ts 顶部，请按需手动修改")}`
+  );
+}
+
+// 清理变更日志
+async function cleanChangeLog() {
+  const changeLogPath = path.resolve(process.cwd(), "src/mock/upgrade/changeLog.ts");
+
+  try {
+    const cleanedChangeLog = `import { ref } from 'vue'
+
+interface UpgradeLog {
+  version: string // 版本号
+  title: string // 更新标题
+  date: string // 更新日期
+  detail?: string[] // 更新内容
+  requireReLogin?: boolean // 是否需要重新登录
+  remark?: string // 备注
+}
+
+export const upgradeLogList = ref<UpgradeLog[]>([])
+`;
+
+    await fs.writeFile(changeLogPath, cleanedChangeLog, "utf-8");
+    console.log(`     ${icons.success} ${fmt.success("清空变更日志数据完成")}`);
+  } catch (err) {
+    console.log(`     ${icons.error} ${fmt.error("清理变更日志失败")}`);
+    console.log(`     ${fmt.dim("错误详情: " + err)}`);
+  }
+}
+
+// 清理语言文件
+async function cleanLanguageFiles() {
+  const languageFiles = [
+    { path: "src/locales/langs/zh.json", name: "中文语言文件" },
+    { path: "src/locales/langs/en.json", name: "英文语言文件" },
+  ];
+
+  for (const { path: langPath, name } of languageFiles) {
+    try {
+      const fullPath = path.resolve(process.cwd(), langPath);
+      const content = await fs.readFile(fullPath, "utf-8");
+      const langData = JSON.parse(content);
+
+      const menusToRemove = [
+        "widgets",
+        "template",
+        "article",
+        "examples",
+        "safeguard",
+        "plan",
+        "help",
+      ];
+
+      if (langData.menus) {
+        menusToRemove.forEach((menuKey) => {
+          if (langData.menus[menuKey]) {
+            delete langData.menus[menuKey];
+          }
+        });
+
+        if (langData.menus.dashboard) {
+          if (langData.menus.dashboard.analysis) {
+            delete langData.menus.dashboard.analysis;
+          }
+          if (langData.menus.dashboard.ecommerce) {
+            delete langData.menus.dashboard.ecommerce;
+          }
+        }
+
+        if (langData.menus.system) {
+          const systemKeysToRemove = [
+            "nested",
+            "menu1",
+            "menu2",
+            "menu21",
+            "menu3",
+            "menu31",
+            "menu32",
+            "menu321",
+          ];
+          systemKeysToRemove.forEach((key) => {
+            if (langData.menus.system[key]) {
+              delete langData.menus.system[key];
+            }
+          });
+        }
+      }
+
+      await fs.writeFile(fullPath, JSON.stringify(langData, null, 2), "utf-8");
+      console.log(`     ${icons.success} ${fmt.success(`清理${name}完成`)}`);
+    } catch (err) {
+      console.log(`     ${icons.error} ${fmt.error(`清理${name}失败`)}`);
+      console.log(`     ${fmt.dim("错误详情: " + err)}`);
+    }
+  }
+}
+
+// 清理快速入口组件
+async function cleanFastEnterComponent() {
+  const fastEnterPath = path.resolve(process.cwd(), "src/config/fastEnter.ts");
+
+  try {
+    const cleanedFastEnter = `/**
+ * 快速入口配置
+ * 包含：应用列表、快速链接等配置
+ */
+import { WEB_LINKS } from "@utils/constants";
+import type { FastEnterConfig } from '@/types/config'
+
+const fastEnterConfig: FastEnterConfig = {
+  // 显示条件（屏幕宽度）
+  minWidth: 1200,
+  // 应用列表
+  applications: [
+    {
+      name: '工作台',
+      description: '系统概览与数据统计',
+      icon: 'ri:pie-chart-line',
+      iconColor: '#377dff',
+      enabled: true,
+      order: 1,
+      routeName: 'Console'
+    },
+    {
+      name: '官方文档',
+      description: '使用指南与开发文档',
+      icon: 'ri:bill-line',
+      iconColor: '#ffb100',
+      enabled: true,
+      order: 2,
+      link: WEB_LINKS.DOCS
+    },
+    {
+      name: '技术支持',
+      description: '技术支持与问题反馈',
+      icon: 'ri:user-location-line',
+      iconColor: '#ff6b6b',
+      enabled: true,
+      order: 3,
+      link: WEB_LINKS.COMMUNITY
+    },
+    {
+      name: '哔哩哔哩',
+      description: '技术分享与交流',
+      icon: 'ri:bilibili-line',
+      iconColor: '#FB7299',
+      enabled: true,
+      order: 4,
+      link: WEB_LINKS.BILIBILI
+    }
+  ],
+  // 快速链接
+  quickLinks: [
+    {
+      name: '登录',
+      enabled: true,
+      order: 1,
+      routeName: 'Login'
+    },
+    {
+      name: '注册',
+      enabled: true,
+      order: 2,
+      routeName: 'Login'
+    },
+    {
+      name: '忘记密码',
+      enabled: true,
+      order: 3,
+      routeName: 'Login'
+    },
+    {
+      name: '个人中心',
+      enabled: true,
+      order: 4,
+      routeName: 'Profile'
+    }
+  ]
+}
+
+export default Object.freeze(fastEnterConfig)
+`;
+
+    await fs.writeFile(fastEnterPath, cleanedFastEnter, "utf-8");
+    console.log(`     ${icons.success} ${fmt.success("清理快速入口配置完成")}`);
+  } catch (err) {
+    console.log(`     ${icons.error} ${fmt.error("清理快速入口配置失败")}`);
+    console.log(`     ${fmt.dim("错误详情: " + err)}`);
+  }
+}
+
+// 更新菜单接口
+async function updateMenuApi() {
+  const apiPath = path.resolve(process.cwd(), "src/api/system-manage.ts");
+
+  try {
+    const content = await fs.readFile(apiPath, "utf-8");
+    const updatedContent = content.replace(
+      "url: '/api/v3/system/menus'",
+      "url: '/api/v3/system/menus/simple'"
+    );
+
+    await fs.writeFile(apiPath, updatedContent, "utf-8");
+    console.log(`     ${icons.success} ${fmt.success("更新菜单接口完成")}`);
+  } catch (err) {
+    console.log(`     ${icons.error} ${fmt.error("更新菜单接口失败")}`);
+    console.log(`     ${fmt.dim("错误详情: " + err)}`);
+  }
+}
+
+// 用户确认函数
+async function getUserConfirmation(): Promise<boolean> {
+  const { createInterface } = await import("readline");
+
+  return new Promise((resolve) => {
+    const rl = createInterface({
+      input: process.stdin,
+      output: process.stdout,
+    });
+
+    console.log(
+      `  ${fmt.highlight("请输入")} ${fmt.success("yes")} ${fmt.highlight("确认执行清理操作，或按 Enter 取消")}`
+    );
+    console.log();
+    process.stdout.write(`  ${icons.arrow} `);
+
+    rl.question("", (answer: string) => {
+      rl.close();
+      resolve(answer.toLowerCase().trim() === "yes");
+    });
+  });
+}
+
+// 显示清理警告
+async function showCleanupWarning() {
+  createCard("安全警告", [
+    `${fmt.warning("此操作将永久删除以下演示内容，且无法恢复！")}`,
+    `${fmt.dim("请仔细阅读清理列表，确认后再继续操作")}`,
+  ]);
+
+  const cleanupItems = [
+    {
+      icon: icons.image,
+      name: "图片资源",
+      desc: "演示用的封面图片、3D图片、运维图片等",
+      color: theme.orange,
+    },
+    {
+      icon: icons.file,
+      name: "演示页面",
+      desc: "widgets、article、examples、safeguard 等页面",
+      color: theme.purple,
+    },
+    {
+      icon: icons.code,
+      name: "路由模块文件",
+      desc: "删除演示路由模块，只保留核心模块（dashboard、system、result、exception）",
+      color: theme.primary,
+    },
+    {
+      icon: icons.link,
+      name: "路由常量",
+      desc: "占位路径见 staticRoutes.ts 顶部（脚本不自动覆盖）",
+      color: theme.info,
+    },
+    {
+      icon: icons.data,
+      name: "Mock数据",
+      desc: "演示用的JSON数据、文章列表、评论数据等",
+      color: theme.success,
+    },
+    {
+      icon: icons.globe,
+      name: "多语言文件",
+      desc: "清理中英文语言包中的演示菜单项",
+      color: theme.warning,
+    },
+    { icon: icons.map, name: "地图组件", desc: "移除art-map-chart地图组件", color: theme.error },
+    { icon: icons.chat, name: "评论组件", desc: "移除comment-widget评论组件", color: theme.orange },
+    {
+      icon: icons.bolt,
+      name: "快速入口",
+      desc: "移除分析页、礼花效果、聊天、更新日志、定价、留言管理等无效项目",
+      color: theme.purple,
+    },
+  ];
+
+  console.log(`  ${fmt.badge("", theme.bgRed)} ${fmt.title("将要清理的内容")}`);
+  console.log();
+
+  cleanupItems.forEach((item, index) => {
+    console.log(`     ${item.color}${theme.reset} ${fmt.highlight(`${index + 1}. ${item.name}`)}`);
+    console.log(`        ${fmt.dim(item.desc)}`);
+  });
+
+  console.log();
+  console.log(`  ${fmt.badge("", theme.bgGreen)} ${fmt.title("保留的功能模块")}`);
+  console.log();
+
+  const preservedModules = [
+    { name: "Dashboard", desc: "工作台页面" },
+    { name: "System", desc: "系统管理模块" },
+    { name: "Result", desc: "结果页面" },
+    { name: "Exception", desc: "异常页面" },
+    { name: "Auth", desc: "登录注册功能" },
+    { name: "Core Components", desc: "核心组件库" },
+  ];
+
+  preservedModules.forEach((module) => {
+    console.log(`     ${icons.check} ${fmt.success(module.name)} ${fmt.dim(`- ${module.desc}`)}`);
+  });
+
+  console.log();
+  createDivider();
+  console.log();
+}
+
+// 显示统计信息
+async function showStats() {
+  const duration = Date.now() - stats.startTime;
+  const seconds = (duration / 1000).toFixed(2);
+
+  console.log();
+  createCard("清理统计", [
+    `${fmt.success("成功删除")}: ${fmt.highlight(stats.deletedFiles.toString())} 个文件`,
+    `${fmt.info("涉及路径")}: ${fmt.highlight(stats.deletedPaths.toString())} 个目录/文件`,
+    ...(stats.failedPaths > 0
+      ? [
+          `${icons.error} ${fmt.error("删除失败")}: ${fmt.highlight(stats.failedPaths.toString())} 个路径`,
+        ]
+      : []),
+    `${fmt.info("耗时")}: ${fmt.highlight(seconds)} 秒`,
+  ]);
+}
+
+// 创建成功横幅
+function createSuccessBanner() {
+  console.log();
+  console.log(
+    fmt.gradient("  ╔══════════════════════════════════════════════════════════════════╗")
+  );
+  console.log(
+    fmt.gradient("  ║                                                                  ║")
+  );
+  console.log(
+    `  ║                  ${icons.star} ${fmt.success("清理完成！项目已准备就绪")} ${icons.rocket}                  ║`
+  );
+  console.log(
+    `  ║                    ${fmt.dim("现在可以开始您的开发之旅了！")}                  ║`
+  );
+  console.log(
+    fmt.gradient("  ║                                                                  ║")
+  );
+  console.log(
+    fmt.gradient("  ╚══════════════════════════════════════════════════════════════════╝")
+  );
+  console.log();
+}
+
+// 主函数
+async function main() {
+  // 清屏并显示横幅
+  console.clear();
+  createModernBanner();
+
+  // 显示清理警告
+  await showCleanupWarning();
+
+  // 统计文件数量
+  console.log(`  ${fmt.info("正在统计文件数量...")}`);
+  stats.totalFiles = await countAllFiles();
+
+  console.log(`  ${fmt.info("即将清理")}: ${fmt.highlight(stats.totalFiles.toString())} 个文件`);
+  console.log(`  ${fmt.dim(`涉及 ${targets.length} 个目录/文件路径`)}`);
+  console.log();
+
+  // 用户确认
+  const confirmed = await getUserConfirmation();
+
+  if (!confirmed) {
+    console.log(`  ${fmt.warning("操作已取消，清理中止")}`);
+    console.log();
+    return;
+  }
+
+  console.log();
+  console.log(`  ${icons.check} ${fmt.success("确认成功，开始清理...")}`);
+  console.log();
+
+  // 开始清理过程
+  console.log(`  ${fmt.badge("步骤 1/6", theme.bgBlue)} ${fmt.title("删除演示文件")}`);
+  console.log();
+  for (let i = 0; i < targets.length; i++) {
+    await remove(targets[i], i);
+  }
+  console.log();
+
+  console.log(`  ${fmt.badge("步骤 2/6", theme.bgBlue)} ${fmt.title("清理路由模块")}`);
+  console.log();
+  await cleanRouteModules();
+  console.log();
+
+  console.log(`  ${fmt.badge("步骤 3/6", theme.bgBlue)} ${fmt.title("重写路由常量")}`);
+  console.log();
+  await cleanRouterConstants();
+  console.log();
+
+  console.log(`  ${fmt.badge("步骤 4/6", theme.bgBlue)} ${fmt.title("清空变更日志")}`);
+  console.log();
+  await cleanChangeLog();
+  console.log();
+
+  console.log(`  ${fmt.badge("步骤 5/6", theme.bgBlue)} ${fmt.title("清理语言文件")}`);
+  console.log();
+  await cleanLanguageFiles();
+  console.log();
+
+  console.log(`  ${fmt.badge("步骤 6/7", theme.bgBlue)} ${fmt.title("清理快速入口")}`);
+  console.log();
+  await cleanFastEnterComponent();
+  console.log();
+
+  console.log(`  ${fmt.badge("步骤 7/7", theme.bgBlue)} ${fmt.title("更新菜单接口")}`);
+  console.log();
+  await updateMenuApi();
+
+  // 显示统计信息
+  await showStats();
+
+  // 显示成功横幅
+  createSuccessBanner();
+}
+
+main().catch((err) => {
+  console.log();
+  console.log(`  ${icons.error} ${fmt.error("清理脚本执行出错")}`);
+  console.log(`  ${fmt.dim("错误详情: " + err)}`);
+  console.log();
+  process.exit(1);
+});
diff --git a/scripts/deploy-docker.sh b/scripts/deploy-docker.sh
new file mode 100644
index 0000000..0c8343f
--- /dev/null
+++ b/scripts/deploy-docker.sh
@@ -0,0 +1,24 @@
+#!/usr/bin/env bash
+set -e
+
+JOB_NAME=${JOB_NAME:-csg-web}
+SERVICE_NAME=${SERVICE_NAME:-csg_web}
+COMPOSE_FILE=${COMPOSE_FILE:-../docker-compose.yml}
+
+echo "[deploy] image: ${JOB_NAME}"
+echo "[deploy] service: ${SERVICE_NAME}"
+echo "[deploy] compose: ${COMPOSE_FILE}"
+
+docker stop "${SERVICE_NAME}" || true
+docker rm "${SERVICE_NAME}" || true
+docker rmi "${JOB_NAME}" || true
+
+docker build -t "${JOB_NAME}" .
+
+if docker compose version >/dev/null 2>&1; then
+  IMAGE_NAME="${JOB_NAME}" docker compose -f "${COMPOSE_FILE}" up -d "${SERVICE_NAME}"
+else
+  IMAGE_NAME="${JOB_NAME}" docker-compose -f "${COMPOSE_FILE}" up -d "${SERVICE_NAME}"
+fi
+
+echo "[deploy] ${SERVICE_NAME} deploy done"
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..9ebd188
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,110 @@
+<template>
+  <ElConfigProvider
+    :size="size"
+    :locale="locale"
+    :z-index="3000"
+    :card="{
+      shadow: 'never',
+    }"
+  >
+    <ElWatermark
+      :font="{ color: fontColor }"
+      :content="showWatermark ? watermarkContent : ''"
+      :z-index="9999"
+      class="wh-full"
+    >
+      <RouterView></RouterView>
+
+      <!-- AI 助手 -->
+      <AiAssistant v-if="enableAiAssistant" />
+    </ElWatermark>
+  </ElConfigProvider>
+</template>
+
+<script setup lang="ts">
+import { computed, onBeforeMount, onMounted, onUnmounted } from "vue";
+import { useWindowSize } from "@vueuse/core";
+import { useAppStore, useUserStore } from "./store";
+import { useSettingsStore } from "./store/modules/setting.store";
+import { defaultSettings } from "./config/setting";
+import { ComponentSize } from "./enums/settings/layout.enum";
+import { MOBILE_BREAKPOINT } from "./utils/constants/definitions";
+import AiAssistant from "./components/others/fa-ai-assistant/index.vue";
+import { hexToRgba, toggleTransition } from "./utils/ui";
+import { initializeTheme } from "./hooks/core/useTheme";
+import { useAppBootstrap } from "@/hooks/core/useAppBootstrap";
+import { ThemeMode } from "./enums";
+import en from "element-plus/es/locale/lang/en";
+import zhCn from "element-plus/es/locale/lang/zh-cn";
+import { router } from "@/router";
+
+const appStore = useAppStore();
+const settingsStore = useSettingsStore();
+const userStore = useUserStore();
+const { width } = useWindowSize();
+
+// H5 用小尺寸，桌面用用户设置的大小
+const size = computed(() => {
+  if (width.value < MOBILE_BREAKPOINT) return "small" as ComponentSize;
+  return appStore.size as ComponentSize;
+});
+const showWatermark = computed(() => settingsStore.showWatermark);
+const watermarkContent = defaultSettings.watermarkContent;
+
+// 根据语言设置返回对应的语言包
+const locale = computed(() => {
+  return appStore.language === "en" ? en : zhCn;
+});
+
+// 只有在启用 AI 助手且用户已登录时才显示
+const enableAiAssistant = computed(() => {
+  const isEnabled = settingsStore.userEnableAi;
+  const isLoggedIn = userStore.basicInfo && Object.keys(userStore.basicInfo).length > 0;
+  return isEnabled && isLoggedIn;
+});
+
+// 水印文字默认使用当前主题色（半透明），随主题色设置变化
+const fontColor = computed(() => {
+  const hex = settingsStore.themeColor || defaultSettings.themeColor;
+  const alpha = settingsStore.theme === ThemeMode.DARK ? 0.22 : 0.16;
+  try {
+    return hexToRgba(hex, alpha).rgba;
+  } catch {
+    return hexToRgba(defaultSettings.themeColor, alpha).rgba;
+  }
+});
+
+/**
+ * 应用根组件生命周期：
+ *
+ * onBeforeMount
+ *   1. toggleTransition(true)  —— 临时禁用页面过渡，避免主题切换时的闪烁
+ *   2. initializeTheme()       —— 加载主题配色(CSS 变量)、暗色模式 class、auto 监听
+ *
+ * onMounted
+ *   1. bootstrap()                                —— 存储检查 → 过渡恢复 → 版本升级 → 站点配置
+ *   2. 监听 "app:storage-invalidated" 事件        —— 存储异常时由 storage 模块派发
+ */
+onBeforeMount(() => {
+  toggleTransition(true);
+  initializeTheme();
+});
+
+// 存储失效时跳转登录页（由 storage 模块 detect 到异常后派发）
+const handleStorageInvalidated = () => {
+  router.push({ name: "Login" });
+};
+
+const { bootstrap } = useAppBootstrap();
+
+onMounted(() => {
+  bootstrap();
+
+  // 存储检测到异常并已清除数据 → 由路由守卫完成登出清理
+  window.addEventListener("app:storage-invalidated", handleStorageInvalidated);
+});
+
+onUnmounted(() => {
+  window.removeEventListener("app:storage-invalidated", handleStorageInvalidated);
+});
+</script>
diff --git a/src/__tests__/smoke.spec.ts b/src/__tests__/smoke.spec.ts
new file mode 100644
index 0000000..eae80ac
--- /dev/null
+++ b/src/__tests__/smoke.spec.ts
@@ -0,0 +1,34 @@
+/**
+ * 前端关键模块烟雾测试
+ * 验证运行时枚举、类型定义的完整性和正确性。
+ *
+ * 注意：const enum（ThemeMode/DeviceEnum/LayoutMode/ResultEnum 等）
+ * 在 TypeScript isolatedModules 模式下会被内联为常量，无法在运行时访问。
+ * MenuTypeEnum 为常规 enum，下列代码生成枚举也为常规 enum。
+ */
+
+import { describe, it, expect } from "vitest";
+
+// ══════════════════ 菜单类型枚举 ══════════════════
+describe("MenuTypeEnum — 菜单类型", () => {
+  it("should define 4 menu types with correct values", async () => {
+    const { MenuTypeEnum } = await import("@/enums/system/menu.enum");
+    expect(MenuTypeEnum.CATALOG).toBe(1);
+    expect(MenuTypeEnum.MENU).toBe(2);
+    expect(MenuTypeEnum.BUTTON).toBe(3);
+    expect(MenuTypeEnum.EXTLINK).toBe(4);
+  });
+});
+
+// ══════════════════ 代码生成枚举 ══════════════════
+describe("代码生成枚举 — 完整性", () => {
+  it("FormRuleType should be importable", async () => {
+    const mod = await import("@/enums/codegen/form.enum");
+    expect(mod).toBeDefined();
+  });
+
+  it("QueryRuleType should be importable", async () => {
+    const mod = await import("@/enums/codegen/query.enum");
+    expect(mod).toBeDefined();
+  });
+});
diff --git a/src/api/module_ai/chat.ts b/src/api/module_ai/chat.ts
new file mode 100644
index 0000000..66c2ee3
--- /dev/null
+++ b/src/api/module_ai/chat.ts
@@ -0,0 +1,198 @@
+import { request } from "@utils";
+
+const API_PATH = "/ai/chat";
+
+/** 会话分页列表查询（列表接口） */
+export interface ChatSessionListQuery extends PageQuery {
+  title?: string;
+  created_at?: string[];
+  updated_at?: string[];
+}
+
+export const AiChatAPI = {
+  getSessionList(query: ChatSessionListQuery) {
+    return request<ApiResponse<PageResult<ChatSession>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  createSession(body: { title: string }) {
+    return request<ApiResponse<ChatSession>>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateSession(id: string, body: { title: string }) {
+    return request<ApiResponse<ChatSession>>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteSession(body: string[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  chat(body: { message: string; session_id?: string | null }) {
+    return request<ApiResponse<AiChatResponse>>({
+      url: `${API_PATH}/ai-chat`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  getSessionDetail(sessionId: string) {
+    return request<ApiResponse<ChatSessionDetail>>({
+      url: `${API_PATH}/detail/${sessionId}`,
+      method: "get",
+    });
+  },
+
+  // ============ AI 模型配置 ============ //
+  getModelConfig() {
+    return request<ApiResponse<AiModelConfigList>>({
+      url: `${API_PATH}/model`,
+      method: "get",
+    });
+  },
+
+  createModelConfig(body: AiModelConfigInput) {
+    return request<ApiResponse<AiModelConfigItem>>({
+      url: `${API_PATH}/model`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateModelConfig(id: string, body: AiModelConfigInput) {
+    return request<ApiResponse<AiModelConfigItem>>({
+      url: `${API_PATH}/model/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteModelConfig(id: string) {
+    return request<ApiResponse<null>>({
+      url: `${API_PATH}/model/${id}`,
+      method: "delete",
+    });
+  },
+
+  activateModelConfig(id: string) {
+    return request<ApiResponse<null>>({
+      url: `${API_PATH}/model/${id || "__default__"}/activate`,
+      method: "post",
+    });
+  },
+};
+
+export interface AiModelConfigInput {
+  name: string;
+  base_url: string;
+  api_key: string;
+  model_id: string;
+  temperature: number;
+}
+
+export interface AiModelConfigItem extends AiModelConfigInput {
+  id: string;
+  created_time: string | null;
+}
+
+export interface AiModelConfigList {
+  items: AiModelConfigItem[];
+  active_id: string | null;
+}
+
+export default AiChatAPI;
+
+export interface ChatSessionMessage {
+  id: string;
+  role: string;
+  content: string;
+  created_at: number | null;
+}
+
+export interface ChatSession {
+  session_id: string;
+  agent_id: string | null;
+  team_id: string | null;
+  team_name: string | null;
+  workflow_id: string | null;
+  user_id: string | null;
+  session_data: Record<string, any> | null;
+  agent_data: Record<string, any> | null;
+  team_data: Record<string, any> | null;
+  workflow_data: Record<string, any> | null;
+  metadata: Record<string, any> | null;
+  runs: Array<Record<string, any>> | null;
+  summary: Record<string, any> | null;
+  created_at: number | null;
+  updated_at: number | null;
+
+  id: string;
+  title: string | null;
+  created_time: string | null;
+  updated_time: string | null;
+  message_count: number;
+  messages: ChatSessionMessage[];
+}
+
+export interface SessionGroup {
+  id: string;
+  title: string;
+  sessions: ChatSession[];
+}
+
+export interface UserInfo {
+  id: number;
+  name: string;
+  username: string;
+  avatar: string;
+  email: string;
+}
+
+export interface AiChatResponse {
+  response: string;
+  session_id: string;
+  function_calls: Array<{
+    name: string;
+    arguments: Record<string, any>;
+  }> | null;
+  action: Record<string, any> | null;
+}
+
+export interface ChatSessionDetail {
+  session_id: string;
+  agent_id: string | null;
+  team_id: string | null;
+  team_name: string | null;
+  workflow_id: string | null;
+  user_id: string | null;
+  session_data: Record<string, any> | null;
+  agent_data: Record<string, any> | null;
+  team_data: Record<string, any> | null;
+  workflow_data: Record<string, any> | null;
+  metadata: Record<string, any> | null;
+  runs: Array<Record<string, any>> | null;
+  summary: Record<string, any> | null;
+  created_at: number | null;
+  updated_at: number | null;
+
+  id: string;
+  title: string | null;
+  created_time: string | null;
+  updated_time: string | null;
+  message_count: number;
+  messages: ChatSessionMessage[];
+}
diff --git a/src/api/module_example/demo.ts b/src/api/module_example/demo.ts
new file mode 100644
index 0000000..e486e6a
--- /dev/null
+++ b/src/api/module_example/demo.ts
@@ -0,0 +1,117 @@
+import { request } from "@utils";
+
+const API_PATH = "/example/demo";
+
+const DemoAPI = {
+  getDemoList(query: DemoPageQuery) {
+    return request<ApiResponse<PageResult<DemoTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  getDemoDetail(query: number) {
+    return request<ApiResponse<DemoTable>>({
+      url: `${API_PATH}/detail/${query}`,
+      method: "get",
+    });
+  },
+
+  createDemo(body: DemoForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateDemo(id: number, body: DemoForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteDemo(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  batchDemo(body: BatchType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/available/setting`,
+      method: "patch",
+      data: body,
+    });
+  },
+
+  exportDemo(body: DemoPageQuery) {
+    return request<Blob>({
+      url: `${API_PATH}/export`,
+      method: "post",
+      data: body,
+      responseType: "blob",
+    });
+  },
+
+  downloadTemplateDemo() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/download/template`,
+      method: "post",
+      responseType: "blob",
+    });
+  },
+
+  importDemo(body: FormData) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/import`,
+      method: "post",
+      data: body,
+      headers: {
+        "Content-Type": "multipart/form-data",
+      },
+    });
+  },
+};
+
+export default DemoAPI;
+
+export interface DemoPageQuery extends PageQuery, UserByQueryParams, TenantByQueryParams {
+  name?: string;
+  status?: number;
+}
+
+export interface DemoTable extends BaseType {
+  name?: string;
+  status?: number;
+  description?: string;
+  int_val?: number;
+  bigint_val?: number;
+  float_val?: number;
+  bool_val?: boolean;
+  date_val?: string;
+  time_val?: string;
+  datetime_val?: string;
+  text_val?: string;
+  json_val?: Record<string, any>;
+}
+
+export interface DemoForm extends BaseFormType {
+  name?: string;
+  status?: number;
+  description?: string;
+  int_val?: number;
+  bigint_val?: number;
+  float_val?: number;
+  bool_val?: boolean;
+  date_val?: string;
+  time_val?: Date | string;
+  datetime_val?: Date | string;
+  text_val?: string;
+  json_val?: Record<string, any>;
+}
diff --git a/src/api/module_generator/gencode.ts b/src/api/module_generator/gencode.ts
new file mode 100644
index 0000000..c829ba8
--- /dev/null
+++ b/src/api/module_generator/gencode.ts
@@ -0,0 +1,204 @@
+import { request } from "@utils";
+
+const API_PATH = "/generator/gencode";
+
+const GencodeAPI = {
+  // 查询生成表数据
+  listTable(query: GenTablePageQuery) {
+    return request<ApiResponse<PageResult<GenTableSchema>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  // 查询db数据库列表
+  listDbTable(query: DBTablePageQuery) {
+    return request<ApiResponse<PageResult<DBTableSchema>>>({
+      url: `${API_PATH}/db/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  // 导入表
+  importTable(table_names: string[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/import`,
+      method: "post",
+      data: table_names,
+    });
+  },
+
+  // 查询表详细信息
+  detailTable(table_id: number) {
+    return request<ApiResponse<GenTableSchema>>({
+      url: `${API_PATH}/detail/${table_id}`,
+      method: "get",
+    });
+  },
+
+  // 创建表（与后端 GenCreateTableSqlBody 一致）
+  createTable(sql: string) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: { sql },
+    });
+  },
+
+  // 更新表信息
+  updateTable(data: GenTableSchema, table_id: number) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/update/${table_id}`,
+      method: "put",
+      data,
+    });
+  },
+
+  // 删除表数据
+  deleteTable(table_ids: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: table_ids,
+    });
+  },
+
+  // 批量生成代码
+  batchGenCode(table_names: string[]) {
+    return request<Blob>({
+      url: `${API_PATH}/batch/output`,
+      method: "patch",
+      data: table_names,
+      responseType: "blob",
+    });
+  },
+
+  // 生成代码到指定路径
+  genCodeToPath(table_name: string) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/output/${table_name}`,
+      method: "post",
+    });
+  },
+
+  // 预览生成代码
+  previewTable(id: number) {
+    return request<ApiResponse<Record<string, string>>>({
+      url: `${API_PATH}/preview/${id}`,
+      method: "get",
+    });
+  },
+
+  // 同步数据库
+  syncDb(table_name: string) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/sync_db/${table_name}`,
+      method: "post",
+    });
+  },
+
+  // 同步数据库差异预览（不落库）
+  syncDbPreview(table_name: string) {
+    return request<ApiResponse<GenSyncPreviewSchema>>({
+      url: `${API_PATH}/sync_db/preview/${table_name}`,
+      method: "get",
+    });
+  },
+};
+
+export default GencodeAPI;
+
+/** 代码生成预览对象 */
+export interface GeneratorPreviewVO {
+  /** 文件生成路径 */
+  path: string;
+  /** 文件名称 */
+  file_name: string;
+  /** 文件内容 */
+  content: string;
+}
+
+/** 业务表结构 */
+export interface GenTableSchema extends BaseType {
+  table_name?: string;
+  table_comment?: string;
+  class_name?: string;
+  package_name?: string;
+  module_name?: string;
+  business_name?: string;
+  function_name?: string;
+  description?: string;
+  parent_menu_id?: number;
+  sub?: boolean;
+  sub_table_name?: string;
+  sub_table_fk_name?: string;
+  master_sub_hint?: string | null;
+  pk_column?: GenTableColumnSchema;
+  columns: GenTableColumnSchema[];
+  sub_table?: GenTableSchema;
+  status?: number;
+}
+
+export interface GenTableColumnSchema extends BaseType {
+  table_id?: number;
+  column_name?: string;
+  column_comment?: string;
+  column_type?: string;
+  column_length?: string;
+  column_default?: string;
+  is_pk?: boolean;
+  is_increment?: boolean;
+  is_nullable?: boolean;
+  is_unique?: boolean;
+  sort?: number;
+  python_type?: string;
+  python_field?: string;
+  html_type?: string | null;
+  dict_type?: string;
+  is_insert?: boolean | null;
+  is_edit?: boolean | null;
+  is_list?: boolean | null;
+  is_query?: boolean | null;
+  query_type?: string | null;
+  status?: number;
+  description?: string;
+}
+
+/** 查询参数：生成表 */
+export interface GenTablePageQuery extends PageQuery, UserByQueryParams {
+  table_name?: string;
+  table_comment?: string;
+  status?: number;
+}
+
+/** 查询参数：DB 表 */
+export interface DBTablePageQuery extends PageQuery {
+  table_name?: string;
+  table_comment?: string;
+}
+
+export interface DBTableSchema {
+  table_name: string;
+  table_comment?: string;
+  create_time?: string;
+  update_time?: string;
+}
+
+export interface GenSyncColumnChange {
+  column_name: string;
+  before?: Record<string, any> | null;
+  after?: Record<string, any> | null;
+  changed_keys?: string[];
+}
+
+export interface GenSyncPreviewSchema {
+  table_name: string;
+  added: string[];
+  removed: string[];
+  changed: GenSyncColumnChange[];
+  unchanged: number;
+  sub_table_name?: string;
+  sub?: GenSyncPreviewSchema;
+}
diff --git a/src/api/module_monitor/cache.ts b/src/api/module_monitor/cache.ts
new file mode 100644
index 0000000..b6312d7
--- /dev/null
+++ b/src/api/module_monitor/cache.ts
@@ -0,0 +1,95 @@
+import { request } from "@utils";
+
+const API_PATH = "/monitor/cache";
+
+const CacheAPI = {
+  getCacheInfo() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/info`,
+      method: "get",
+    });
+  },
+
+  getCacheNames() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/get/names`,
+      method: "get",
+    });
+  },
+
+  getCacheKeys(cacheName: string) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/get/keys/${cacheName}`,
+      method: "get",
+    });
+  },
+
+  getCacheValue(cacheName: string, cacheKey: string) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/get/value/${cacheName}/${cacheKey}`,
+      method: "get",
+    });
+  },
+
+  deleteCacheName(cacheName: string) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete/name/${cacheName}`,
+      method: "delete",
+    });
+  },
+
+  deleteCacheKey(cacheKey: string) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete/key/${cacheKey}`,
+      method: "delete",
+    });
+  },
+
+  deleteCacheAll() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete/all`,
+      method: "delete",
+    });
+  },
+};
+
+export default CacheAPI;
+
+export interface CacheForm {
+  cache_name: string;
+  cache_key: string;
+  cache_value: string;
+}
+
+export interface CacheInfo {
+  cache_key: string;
+  cache_name: string;
+  cache_value: string;
+  remark?: string;
+}
+
+export interface CommandStats {
+  name: string;
+  value: string;
+}
+
+export interface RedisInfo {
+  redis_version: string;
+  redis_mode: string;
+  tcp_port: number;
+  connected_clients: number;
+  uptime_in_days: number;
+  used_memory_human: string;
+  used_cpu_user_children: string;
+  maxmemory_human: string;
+  aof_enabled: string;
+  rdb_last_bgsave_status: string;
+  instantaneous_input_kbps: number;
+  instantaneous_output_kbps: number;
+}
+
+export interface CacheMonitor {
+  command_stats: CommandStats[];
+  db_size: number;
+  info: RedisInfo;
+}
diff --git a/src/api/module_monitor/online.ts b/src/api/module_monitor/online.ts
new file mode 100644
index 0000000..68feb5d
--- /dev/null
+++ b/src/api/module_monitor/online.ts
@@ -0,0 +1,54 @@
+import { request } from "@utils";
+
+const API_PATH = "/monitor/online";
+
+const OnlineAPI = {
+  // 查询在线用户列表
+  listOnline(query: OnlineUserPageQuery) {
+    return request<ApiResponse<PageResult<OnlineUserTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  // 强退用户
+  deleteOnline(body: string) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  // 强退用户
+  clearOnline() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/clear`,
+      method: "delete",
+    });
+  },
+};
+
+export default OnlineAPI;
+
+export interface OnlineUserPageQuery extends PageQuery, UserByQueryParams, TenantByQueryParams {
+  ipaddr?: string;
+  name?: string;
+  login_location?: string;
+}
+
+export interface OnlineUserTable {
+  session_id: string;
+  user_id: number;
+  tenant_id?: number;
+  is_superuser?: boolean;
+  name: string;
+  user_name: string;
+  ipaddr?: string;
+  login_location?: string;
+  os?: string;
+  browser?: string;
+  login_time?: string;
+  login_type?: string;
+}
diff --git a/src/api/module_monitor/resource.ts b/src/api/module_monitor/resource.ts
new file mode 100644
index 0000000..090fcab
--- /dev/null
+++ b/src/api/module_monitor/resource.ts
@@ -0,0 +1,248 @@
+import { request } from "@utils";
+
+const API_PATH = "/monitor/resource";
+
+export const ResourceAPI = {
+  /**
+   * 获取目录列表
+   * @param query 查询参数
+   */
+  listResource(query: ResourcePageQuery) {
+    return request<ApiResponse<PageResult<ResourceItem>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  /**
+   * 上传文件
+   * @param formData 文件数据
+   */
+  uploadFile(formData: FormData) {
+    return request<ApiResponse<ResourceUploadSchema>>({
+      url: `${API_PATH}/upload`,
+      method: "post",
+      data: formData,
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+  },
+
+  /**
+   * 下载文件
+   * @param path 文件路径
+   */
+  downloadFile(path: string) {
+    return request<Blob>({
+      url: `${API_PATH}/download`,
+      method: "get",
+      params: { path },
+      responseType: "blob",
+    });
+  },
+
+  /**
+   * 删除文件或目录
+   * @param body 文件路径数组
+   */
+  deleteResource(body: string[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  /**
+   * 移动文件或目录
+   * @param body 移动参数
+   */
+  moveResource(body: ResourceMoveQuery) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/move`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  /**
+   * 复制文件或目录
+   * @param body 复制参数
+   */
+  copyResource(body: ResourceCopyQuery) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/copy`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  /**
+   * 重命名文件或目录
+   * @param body 重命名参数
+   */
+  renameResource(body: ResourceRenameQuery) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/rename`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  /**
+   * 创建目录
+   * @param body 创建目录参数
+   */
+  createDirectory(body: ResourceCreateDirQuery) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/create-dir`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  /**
+   * 导出资源列表
+   * @param body 导出条件
+   */
+  exportResource(body: ResourcePageQuery) {
+    return request<Blob>({
+      url: `${API_PATH}/export`,
+      method: "post",
+      data: body,
+      responseType: "blob",
+    });
+  },
+};
+
+export default ResourceAPI;
+
+/**
+ * 资源列表查询参数
+ */
+export interface ResourceListQuery {
+  /** 目录路径 */
+  path?: string;
+  /** 包含隐藏文件 */
+  include_hidden?: boolean;
+}
+
+/**
+ * 资源目录模型
+ */
+export interface ResourceDirectorySchema {
+  /** 目录路径 */
+  path: string;
+  /** 目录名称 */
+  name: string;
+  /** 目录项 */
+  items: ResourceItem[];
+  /** 文件总数 */
+  total_files: number;
+  /** 目录总数 */
+  total_dirs: number;
+  /** 总大小 */
+  total_size: number;
+}
+
+/**
+ * 资源搜索查询参数
+ */
+export interface ResourceSearchQuery {
+  /** 关键词 */
+  name?: string;
+}
+
+/**
+ * 资源分页查询参数
+ */
+export interface ResourcePageQuery extends PageQuery {
+  /** 关键词 */
+  name?: string;
+  /** 目录路径 */
+  path?: string;
+  /** 包含隐藏文件 */
+  include_hidden?: boolean;
+}
+
+/**
+ * 资源上传响应模型
+ */
+export interface ResourceUploadSchema {
+  /** 文件名 */
+  filename: string;
+  /** 访问URL */
+  file_url: string;
+  /** 文件大小 */
+  file_size: number;
+  /** 上传时间 */
+  upload_time: string;
+}
+
+/**
+ * 资源项信息
+ */
+export interface ResourceItem {
+  /** 文件/目录名称 */
+  name: string;
+  /** 文件URL路径 */
+  file_url: string;
+  /** 相对路径 */
+  relative_path?: string;
+  /** 是否为文件 */
+  is_file?: boolean;
+  /** 是否为目录 */
+  is_dir?: boolean;
+  /** 文件大小（字节） */
+  size?: number | null;
+  /** 创建时间 */
+  created_time?: string;
+  /** 修改时间 */
+  modified_time?: string;
+  /** 是否为隐藏文件 */
+  is_hidden?: boolean;
+}
+
+/**
+ * 资源移动参数
+ */
+export interface ResourceMoveQuery {
+  /** 源路径 */
+  source_path: string;
+  /** 目标路径 */
+  target_path: string;
+  /** 是否覆盖 */
+  overwrite?: boolean;
+}
+
+/**
+ * 资源复制参数
+ */
+export interface ResourceCopyQuery {
+  /** 源路径 */
+  source_path: string;
+  /** 目标路径 */
+  target_path: string;
+  /** 是否覆盖 */
+  overwrite?: boolean;
+}
+
+/**
+ * 资源重命名参数
+ */
+export interface ResourceRenameQuery {
+  /** 原路径 */
+  old_path: string;
+  /** 新名称 */
+  new_name: string;
+}
+
+/**
+ * 创建目录参数
+ */
+export interface ResourceCreateDirQuery {
+  /** 父目录路径 */
+  parent_path: string;
+  /** 目录名称 */
+  dir_name: string;
+}
diff --git a/src/api/module_monitor/server.ts b/src/api/module_monitor/server.ts
new file mode 100644
index 0000000..bd3e797
--- /dev/null
+++ b/src/api/module_monitor/server.ts
@@ -0,0 +1,67 @@
+import { request } from "@utils";
+
+const API_PATH = "/monitor/server";
+
+const ServerAPI = {
+  // 获取服务信息
+  getServer() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/info`,
+      method: "get",
+    });
+  },
+};
+
+export default ServerAPI;
+
+export interface Cpu {
+  cpu_num: number;
+  used: number;
+  sys: number;
+  free: number;
+}
+
+export interface Memory {
+  total: string;
+  used: string;
+  free: string;
+  usage: number;
+}
+
+export interface System {
+  computer_ip: string;
+  computer_name: string;
+  os_arch: string;
+  os_name: string;
+  user_dir: string;
+}
+
+export interface Python {
+  name: string;
+  version: string;
+  start_time: string;
+  run_time: string;
+  home: string;
+  memory_total: string;
+  memory_used: string;
+  memory_free: string;
+  memory_usage: number;
+}
+
+export interface SysFile {
+  dir_name: string;
+  sys_type_name: string;
+  type_name: string;
+  total: string;
+  free: string;
+  used: string;
+  usage: number;
+}
+
+export interface ServerInfo {
+  cpu: Cpu;
+  mem: Memory;
+  sys: System;
+  py: Python;
+  disks: SysFile[];
+}
diff --git a/src/api/module_platform/email.ts b/src/api/module_platform/email.ts
new file mode 100644
index 0000000..6b4f070
--- /dev/null
+++ b/src/api/module_platform/email.ts
@@ -0,0 +1,238 @@
+import { request } from "@utils";
+
+const API_PATH = "/platform/email";
+
+const EmailAPI = {
+  // ─── SMTP 配置 ────────────────────────────────────────────
+  listConfig(query?: EmailConfigPageQuery) {
+    return request<ApiResponse<PageResult<EmailConfigTable>>>({
+      url: `${API_PATH}/config/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailConfig(id: number) {
+    return request<ApiResponse<EmailConfigTable>>({
+      url: `${API_PATH}/config/detail/${id}`,
+      method: "get",
+    });
+  },
+
+  createConfig(body: EmailConfigCreateForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/config/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateConfig(id: number, body: EmailConfigUpdateForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/config/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteConfig(ids: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/config/delete`,
+      method: "delete",
+      data: ids,
+    });
+  },
+
+  testConfig(body: EmailTestForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/config/test`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  // ─── 邮件模板 ────────────────────────────────────────────
+  listTemplate(query?: EmailTemplatePageQuery) {
+    return request<ApiResponse<PageResult<EmailTemplateTable>>>({
+      url: `${API_PATH}/template/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailTemplate(id: number) {
+    return request<ApiResponse<EmailTemplateTable>>({
+      url: `${API_PATH}/template/detail/${id}`,
+      method: "get",
+    });
+  },
+
+  createTemplate(body: EmailTemplateCreateForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/template/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateTemplate(id: number, body: EmailTemplateUpdateForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/template/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteTemplate(ids: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/template/delete`,
+      method: "delete",
+      data: ids,
+    });
+  },
+
+  // ─── 手动发送 ────────────────────────────────────────────
+  sendEmail(body: EmailSendForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/send`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  // ─── 发送日志 ────────────────────────────────────────────
+  listLog(query?: EmailLogPageQuery) {
+    return request<ApiResponse<PageResult<EmailLogTable>>>({
+      url: `${API_PATH}/log/list`,
+      method: "get",
+      params: query,
+    });
+  },
+};
+
+export default EmailAPI;
+
+// ─── EmailConfig 类型 ──────────────────────────────────────
+
+export interface EmailConfigPageQuery extends PageQuery, UserByQueryParams {
+  name?: string;
+  is_default?: boolean;
+}
+
+export interface EmailConfigTable extends BaseType {
+  name: string;
+  smtp_host: string;
+  smtp_port: number;
+  smtp_user: string;
+  from_name: string;
+  use_tls: boolean;
+  is_default: boolean;
+  timeout: number;
+  status?: number;
+  description?: string;
+}
+
+export interface EmailConfigCreateForm {
+  name: string;
+  smtp_host: string;
+  smtp_port: number;
+  smtp_user: string;
+  smtp_password: string;
+  from_name?: string;
+  use_tls?: boolean;
+  is_default?: boolean;
+  timeout?: number;
+  status?: number;
+  description?: string;
+}
+
+export interface EmailConfigUpdateForm {
+  name?: string;
+  smtp_host?: string;
+  smtp_port?: number;
+  smtp_user?: string;
+  smtp_password?: string;
+  from_name?: string;
+  use_tls?: boolean;
+  is_default?: boolean;
+  timeout?: number;
+  status?: number;
+  description?: string;
+}
+
+export interface EmailTestForm {
+  config_id: number;
+  to_email: string;
+}
+
+// ─── EmailTemplate 类型 ──────────────────────────────────────
+
+export interface EmailTemplatePageQuery extends PageQuery, UserByQueryParams {
+  name?: string;
+  template_code?: string;
+}
+
+export interface EmailTemplateTable extends BaseType {
+  name: string;
+  template_code: string;
+  subject: string;
+  body_html: string;
+  body_text?: string;
+  variables?: string;
+  status?: number;
+  description?: string;
+}
+
+export interface EmailTemplateCreateForm {
+  name: string;
+  template_code: string;
+  subject: string;
+  body_html: string;
+  body_text?: string;
+  variables?: string;
+  description?: string;
+}
+
+export interface EmailTemplateUpdateForm {
+  name?: string;
+  template_code?: string;
+  subject?: string;
+  body_html?: string;
+  body_text?: string;
+  variables?: string;
+  description?: string;
+}
+
+// ─── EmailLog 类型 ──────────────────────────────────────────
+
+export interface EmailLogPageQuery extends PageQuery, UserByQueryParams {
+  to_email?: string;
+  biz_type?: string;
+  template_code?: string;
+  status?: number;
+}
+
+export interface EmailLogTable {
+  id: number;
+  config_id?: number;
+  template_code?: string;
+  to_email: string;
+  to_name?: string;
+  subject: string;
+  biz_type: string;
+  status: number;
+  error_msg?: string;
+  retry_count: number;
+  tenant_id?: number;
+  created_time?: string;
+  sent_time?: string;
+}
+
+export interface EmailSendForm {
+  to_email: string;
+  to_name?: string;
+  template_code: string;
+  variables?: Record<string, unknown>;
+  config_id?: number;
+  biz_type?: string;
+}
diff --git a/src/api/module_platform/invoice.ts b/src/api/module_platform/invoice.ts
new file mode 100644
index 0000000..898a0cc
--- /dev/null
+++ b/src/api/module_platform/invoice.ts
@@ -0,0 +1,92 @@
+import { request } from "@utils";
+
+const PLATFORM_API = "/platform/invoice";
+const TENANT_API = "/platform/tenant/invoice";
+
+const InvoiceAPI = {
+  // ─── 平台端 ───
+  listInvoices(query?: InvoicePageQuery) {
+    return request<ApiResponse<{ list: InvoiceTable[]; total: number }>>({
+      url: `${PLATFORM_API}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  issueInvoice(invoiceId: number, body: { pdf_url?: string; api_response?: string }) {
+    return request<ApiResponse>({
+      url: `${PLATFORM_API}/issue/${invoiceId}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  voidInvoice(invoiceId: number, reason?: string) {
+    return request<ApiResponse>({
+      url: `${PLATFORM_API}/void/${invoiceId}`,
+      method: "put",
+      data: { description: reason },
+    });
+  },
+
+  // ─── 租户端 ───
+  tenantListInvoices(query?: InvoicePageQuery) {
+    return request<ApiResponse<{ list: InvoiceTable[]; total: number }>>({
+      url: `${TENANT_API}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  applyInvoice(body: InvoiceApplyForm) {
+    return request<ApiResponse>({
+      url: `${TENANT_API}/apply`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  downloadInvoice(invoiceId: number) {
+    return request<Blob>({
+      url: `${TENANT_API}/${invoiceId}/download`,
+      method: "get",
+      responseType: "blob",
+    });
+  },
+};
+
+export default InvoiceAPI;
+
+export interface InvoicePageQuery extends PageQuery, TenantByQueryParams {
+  invoice_type?: string;
+}
+
+export interface InvoiceTable {
+  id: number;
+  tenant_id: number;
+  order_id: number;
+  invoice_no: string;
+  invoice_type: string;
+  title: string;
+  tax_no?: string;
+  amount: number;
+  tax_amount: number;
+  status: number;
+  bank_info?: string;
+  address_info?: string;
+  pdf_url?: string;
+  oss_license_pdf_url?: string;
+  api_response?: string;
+  description?: string;
+  created_time?: string;
+}
+
+export interface InvoiceApplyForm {
+  order_id: number;
+  invoice_type: string;
+  title: string;
+  tax_no?: string;
+  address_info?: string;
+  bank_info?: string;
+  description?: string;
+}
diff --git a/src/api/module_platform/menu.ts b/src/api/module_platform/menu.ts
new file mode 100644
index 0000000..a1b4e62
--- /dev/null
+++ b/src/api/module_platform/menu.ts
@@ -0,0 +1,131 @@
+import { request } from "@utils";
+
+const API_PATH = "/platform/menu";
+
+const MenuAPI = {
+  listMenu(query?: MenuPageQuery) {
+    return request<ApiResponse<MenuTable[]>>({
+      url: `${API_PATH}/tree`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailMenu(query: number) {
+    return request<ApiResponse<MenuTable>>({
+      url: `${API_PATH}/detail/${query}`,
+      method: "get",
+    });
+  },
+
+  createMenu(body: MenuForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateMenu(id: number, body: MenuForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteMenu(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  batchMenu(body: BatchType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/status/batch`,
+      method: "patch",
+      data: body,
+    });
+  },
+};
+
+export default MenuAPI;
+
+export interface MenuPageQuery extends BaseQueryParams {
+  name?: string;
+  menu_client?: "pc" | "app";
+  status?: number;
+  type?: number;
+  permission?: string;
+  route_path?: string;
+  component_path?: string;
+  description?: string;
+  scope?: "platform" | "tenant";
+}
+
+export interface MenuTable extends BaseType {
+  name?: string;
+  type?: number;
+  icon?: string;
+  order?: number;
+  permission?: string;
+  route_name?: string;
+  route_path?: string;
+  component_path?: string;
+  redirect?: string;
+  parent_id?: number;
+  parent_name?: string;
+  keep_alive?: boolean;
+  hidden?: boolean;
+  always_show?: boolean;
+  title?: string;
+  params?: { key: string; value: string }[];
+  affix?: boolean;
+  children?: MenuTable[];
+  client?: "pc" | "app";
+  link?: string;
+  is_iframe?: boolean;
+  is_hide_tab?: boolean;
+  active_path?: string;
+  show_badge?: boolean;
+  show_text_badge?: string;
+  scope?: "platform" | "tenant";
+  status?: number;
+  description?: string;
+}
+
+export interface MenuForm extends BaseFormType {
+  name?: string;
+  type?: number;
+  icon?: string;
+  order?: number;
+  permission?: string;
+  route_name?: string;
+  route_path?: string;
+  component_path?: string;
+  redirect?: string;
+  parent_id?: number;
+  keep_alive?: boolean;
+  hidden?: boolean;
+  always_show?: boolean;
+  title?: string;
+  params?: KeyValue[];
+  affix?: boolean;
+  client?: "pc" | "app";
+  link?: string;
+  is_iframe?: boolean;
+  is_hide_tab?: boolean;
+  active_path?: string;
+  show_badge?: boolean;
+  show_text_badge?: string;
+  scope?: "platform" | "tenant";
+  status?: number;
+  description?: string;
+}
+
+export interface KeyValue {
+  key: string;
+  value: string;
+}
diff --git a/src/api/module_platform/order.ts b/src/api/module_platform/order.ts
new file mode 100644
index 0000000..66f3224
--- /dev/null
+++ b/src/api/module_platform/order.ts
@@ -0,0 +1,188 @@
+import { request } from "@utils";
+
+// ─── 平台订单 ──────────────────────────────────────────
+const ORDER_API = "/platform/order";
+const PAYMENT_API = "/platform/payment";
+const REFUND_API = "/platform/refund";
+const TENANT_ORDER_API = "/tenant/order";
+
+const OrderAPI = {
+  // ─── 订单管理 ───
+  listOrders(query?: OrderPageQuery) {
+    return request<ApiResponse<{ items: OrderTable[]; total: number }>>({
+      url: `${ORDER_API}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailOrder(orderId: number) {
+    return request<ApiResponse<OrderTable>>({
+      url: `${ORDER_API}/detail/${orderId}`,
+      method: "get",
+    });
+  },
+
+  createOrder(body: OrderCreateForm) {
+    return request<ApiResponse<{ id: number; order_no: string }>>({
+      url: `${ORDER_API}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  cancelOrder(orderId: number) {
+    return request<ApiResponse<{ message: string }>>({
+      url: `${ORDER_API}/cancel/${orderId}`,
+      method: "post",
+    });
+  },
+
+  // ─── 支付操作 ───
+  payOrder(orderId: number, body?: { pay_method?: string }) {
+    return request<
+      ApiResponse<{ order_no: string; amount: number; qr_code_url?: string; pay_url?: string }>
+    >({
+      url: `${PAYMENT_API}/pay/${orderId}`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  queryPaymentStatus(orderId: number) {
+    return request<ApiResponse<{ paid: boolean; order_no?: string; amount?: number }>>({
+      url: `${PAYMENT_API}/status/${orderId}`,
+      method: "get",
+    });
+  },
+
+  mockPaymentCallback(orderId: number) {
+    return request<ApiResponse>({
+      url: `${PAYMENT_API}/mock/callback`,
+      method: "post",
+      data: { order_id: orderId },
+    });
+  },
+
+  // ─── 支付记录 ───
+  listPaymentRecords(query?: PageQuery) {
+    return request<ApiResponse<{ items: PaymentRecordTable[]; total: number }>>({
+      url: `${PAYMENT_API}/record/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  // ─── 退款管理 ───
+  listRefunds(query?: RefundPageQuery) {
+    return request<ApiResponse<{ items: RefundTable[]; total: number }>>({
+      url: `${REFUND_API}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  approveRefund(refundId: number) {
+    return request<ApiResponse<{ message: string }>>({
+      url: `${REFUND_API}/approve/${refundId}`,
+      method: "put",
+    });
+  },
+
+  rejectRefund(refundId: number, body: { reject_reason?: string }) {
+    return request<ApiResponse<{ message: string }>>({
+      url: `${REFUND_API}/reject/${refundId}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  // ─── 租户端 ───
+  tenantCreateOrder(body: {
+    tenant_id: number;
+    package_id?: number;
+    plugin_id?: number;
+    order_type: string;
+    pay_method?: string;
+  }) {
+    return request<ApiResponse<{ id: number; order_no: string }>>({
+      url: `${TENANT_ORDER_API}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  tenantApplyRefund(orderId: number, body: { reason: string }) {
+    return request<ApiResponse<{ id: number }>>({
+      url: `${TENANT_ORDER_API}/refund/apply/${orderId}`,
+      method: "post",
+      data: body,
+    });
+  },
+};
+
+export default OrderAPI;
+
+// ─── Order 类型 ──────────────────────────────────────────
+
+export interface OrderPageQuery extends PageQuery, TenantByQueryParams {
+  order_type?: string;
+  status?: number;
+}
+
+export interface OrderTable {
+  id: number;
+  order_no: string;
+  tenant_id: number;
+  package_id?: number;
+  plugin_id?: number;
+  order_type: string;
+  amount: number;
+  period_count: number;
+  status: number;
+  pay_method?: string;
+  pay_time?: string;
+  expire_time: string;
+  created_time?: string;
+}
+
+export interface OrderCreateForm {
+  tenant_id: number;
+  package_id?: number;
+  plugin_id?: number;
+  order_type: "new" | "renew" | "upgrade" | "downgrade" | "plugin";
+  pay_method?: string;
+}
+
+// ─── Payment 类型 ────────────────────────────────────────
+
+export interface PaymentRecordTable {
+  id: number;
+  order_id: number;
+  transaction_id?: string;
+  pay_method: string;
+  amount: number;
+  status: number;
+  pay_time?: string;
+  created_time?: string;
+}
+
+// ─── Refund 类型 ─────────────────────────────────────────
+
+export interface RefundPageQuery extends PageQuery, UserByQueryParams, TenantByQueryParams {
+  status?: number;
+}
+
+export interface RefundTable {
+  id: number;
+  order_id: number;
+  refund_no: string;
+  amount: number;
+  reason: string;
+  status: number;
+  refund_transaction_id?: string;
+  reviewer_id?: number;
+  review_time?: string;
+  reject_reason?: string;
+  created_time?: string;
+}
diff --git a/src/api/module_platform/package.ts b/src/api/module_platform/package.ts
new file mode 100644
index 0000000..882d736
--- /dev/null
+++ b/src/api/module_platform/package.ts
@@ -0,0 +1,154 @@
+import { request } from "@utils";
+
+const API_PATH = "/platform/package";
+
+const PackageAPI = {
+  listPackage(query?: PackagePageQuery) {
+    return request<ApiResponse<PageResult<PackageTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailPackage(id: number) {
+    return request<ApiResponse<PackageTable>>({
+      url: `${API_PATH}/detail/${id}`,
+      method: "get",
+    });
+  },
+
+  createPackage(body: PackageCreateForm) {
+    return request<ApiResponse<PackageTable>>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updatePackage(id: number, body: PackageUpdateForm) {
+    return request<ApiResponse<PackageTable>>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deletePackage(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  batchPackageStatus(body: { ids: number[]; status: number }) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/status/batch`,
+      method: "patch",
+      data: body,
+    });
+  },
+
+  getPackageMenus(packageId: number) {
+    return request<ApiResponse<number[]>>({
+      url: `${API_PATH}/menus/${packageId}`,
+      method: "get",
+    });
+  },
+
+  setPackageMenus(packageId: number, menuIds: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/menus/${packageId}/set`,
+      method: "post",
+      data: { menu_ids: menuIds },
+    });
+  },
+
+  getPackagePlugins(packageId: number) {
+    return request<ApiResponse<number[]>>({
+      url: `${API_PATH}/plugins/${packageId}`,
+      method: "get",
+    });
+  },
+
+  setPackagePlugins(packageId: number, pluginIds: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/plugins/${packageId}/set`,
+      method: "post",
+      data: { plugin_ids: pluginIds },
+    });
+  },
+};
+
+export default PackageAPI;
+
+export interface PackagePageQuery extends PageQuery, UserByQueryParams, TenantByQueryParams {
+  name?: string;
+  code?: string;
+  status?: number;
+}
+
+export interface PackageTable extends BaseType {
+  name: string;
+  code: string;
+  sort: number;
+  price: number;
+  period: string;
+  trial_days: number;
+  max_users: number;
+  max_roles: number;
+  max_depts: number;
+  max_storage_mb: number;
+  rate_limit: number;
+  status?: number;
+  description?: string;
+}
+
+export interface PackageForm extends BaseFormType {
+  name?: string;
+  code?: string;
+  sort?: number;
+  price?: number;
+  period?: string;
+  trial_days?: number;
+  max_users?: number;
+  max_roles?: number;
+  max_depts?: number;
+  max_storage_mb?: number;
+  rate_limit?: number;
+  status?: number;
+  description?: string;
+}
+
+export interface PackageCreateForm {
+  name: string;
+  code: string;
+  status?: number;
+  sort?: number;
+  description?: string;
+  price?: number;
+  period?: string;
+  trial_days?: number;
+  max_users?: number;
+  max_roles?: number;
+  max_depts?: number;
+  max_storage_mb?: number;
+  rate_limit?: number;
+}
+
+export interface PackageUpdateForm {
+  name?: string;
+  code?: string;
+  status?: number;
+  sort?: number;
+  description?: string;
+  price?: number;
+  period?: string;
+  trial_days?: number;
+  max_users?: number;
+  max_roles?: number;
+  max_depts?: number;
+  max_storage_mb?: number;
+  rate_limit?: number;
+}
diff --git a/src/api/module_platform/plugin.ts b/src/api/module_platform/plugin.ts
new file mode 100644
index 0000000..e820020
--- /dev/null
+++ b/src/api/module_platform/plugin.ts
@@ -0,0 +1,142 @@
+import { request } from "@utils";
+
+const API_PATH = "/platform/plugin";
+
+const PluginAPI = {
+  // 超管：插件列表
+  list(page: PageQuery, search?: PluginQueryParam) {
+    return request<ApiResponse<PageResult<PluginTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: { ...page, ...search },
+    });
+  },
+
+  // 超管：插件详情
+  detail(id: number) {
+    return request<ApiResponse<PluginTable>>({
+      url: `${API_PATH}/detail/${id}`,
+      method: "get",
+    });
+  },
+
+  // 超管：创建插件
+  create(body: PluginForm) {
+    return request<ApiResponse<PluginTable>>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  // 超管：更新插件
+  update(id: number, body: PluginForm) {
+    return request<ApiResponse<PluginTable>>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  // 超管：删除插件
+  delete(ids: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: ids,
+    });
+  },
+
+  // 租户：插件市场
+  marketplace(page: PageQuery, category?: string) {
+    return request<ApiResponse<PageResult<PluginTable>>>({
+      url: `${API_PATH}/marketplace`,
+      method: "get",
+      params: { ...page, category },
+    });
+  },
+
+  // 租户：安装插件
+  install(pluginId: number) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/install`,
+      method: "post",
+      data: { plugin_id: pluginId },
+    });
+  },
+
+  // 租户：卸载插件
+  uninstall(pluginId: number) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/uninstall`,
+      method: "post",
+      data: { plugin_id: pluginId },
+    });
+  },
+
+  // 租户：启用/禁用插件
+  toggle(pluginId: number) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/toggle`,
+      method: "post",
+      data: { plugin_id: pluginId },
+    });
+  },
+
+  // 租户：我的插件
+  myPlugins() {
+    return request<ApiResponse<PluginTable[]>>({
+      url: `${API_PATH}/my`,
+      method: "get",
+    });
+  },
+
+  // 超管：热重载插件路由
+  reload() {
+    return request<ApiResponse<string>>({
+      url: `${API_PATH}/reload`,
+      method: "post",
+    });
+  },
+};
+
+export default PluginAPI;
+
+export interface PluginQueryParam extends PageQuery, UserByQueryParams, TenantByQueryParams {
+  name?: string;
+  category?: string;
+  status?: number;
+}
+
+export interface PluginTable extends BaseType {
+  name: string;
+  code: string;
+  category?: string;
+  icon?: string;
+  version?: string;
+  price?: number;
+  installed?: boolean;
+  author?: string;
+  menu_path?: string;
+  permission_prefix?: string;
+  dependencies?: string;
+  sort?: number;
+  status?: number;
+  description?: string;
+}
+
+export interface PluginForm extends BaseFormType {
+  name?: string;
+  code?: string;
+  category?: string;
+  icon?: string;
+  version?: string;
+  price?: number;
+  sort?: number;
+  author?: string;
+  menu_path?: string;
+  permission_prefix?: string;
+  dependencies?: string;
+  status?: number;
+  description?: string;
+}
diff --git a/src/api/module_platform/self_service.ts b/src/api/module_platform/self_service.ts
new file mode 100644
index 0000000..44ce898
--- /dev/null
+++ b/src/api/module_platform/self_service.ts
@@ -0,0 +1,152 @@
+import { request } from "@utils";
+
+const API_PATH = "/platform/tenant";
+
+const SelfServiceAPI = {
+  /** 可选购的套餐列表 */
+  getAvailablePackages() {
+    return request<ApiResponse<{ packages: AvailablePackage[] }>>({
+      url: `${API_PATH}/package/available`,
+      method: "get",
+    });
+  },
+
+  /** 套餐变更预览 */
+  previewPackageChange(packageId: number) {
+    return request<ApiResponse<PackageChangePreview>>({
+      url: `${API_PATH}/package/preview`,
+      method: "get",
+      params: { target_package_id: packageId },
+    });
+  },
+
+  /** 创建自助订单 */
+  createOrder(body: SelfServiceOrderForm) {
+    return request<ApiResponse<{ order_id: number; amount: number }>>({
+      url: `${API_PATH}/order/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  /** 我的订单列表 */
+  listMyOrders(query?: PageQuery) {
+    return request<ApiResponse<PageResult<SelfServiceOrderItem>>>({
+      url: `${API_PATH}/order/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  /** 订单详情 */
+  detailMyOrder(orderId: number) {
+    return request<ApiResponse<SelfServiceOrderItem>>({
+      url: `${API_PATH}/order/detail/${orderId}`,
+      method: "get",
+    });
+  },
+
+  /** 租户工作台概览 */
+  getWorkspace() {
+    return request<ApiResponse<WorkspaceData>>({
+      url: `${API_PATH}/workspace`,
+      method: "get",
+    });
+  },
+
+  /** 购买付费插件 */
+  purchasePlugin(body: { plugin_id: number; pay_method?: string }) {
+    return request<ApiResponse<{ id: number; order_no: string }>>({
+      url: `${API_PATH}/plugin/purchase`,
+      method: "post",
+      data: body,
+    });
+  },
+};
+
+export default SelfServiceAPI;
+
+export interface AvailablePackage {
+  id: number;
+  name: string;
+  price: number;
+  period: string;
+  trial_days: number;
+  max_users: number;
+  max_roles: number;
+  max_depts: number;
+  max_storage_mb: number;
+  description: string | null;
+  is_current: boolean;
+  available_actions: string[];
+}
+
+export interface PackageChangePreview {
+  current_package: string;
+  target_package: string;
+  action: string;
+  amount: number;
+  period: string;
+  gained_menus: { id: number; name: string; path: string }[];
+  lost_menus: { id: number; name: string; path: string }[];
+  affected_roles: string[];
+  affected_users: number;
+}
+
+export interface SelfServiceOrderForm {
+  package_id: number;
+  order_type: "buy" | "renew" | "upgrade" | "downgrade";
+  pay_method?: string;
+}
+
+export interface SelfServiceOrderItem {
+  id: number;
+  order_no: string;
+  package_name: string;
+  order_type: string;
+  amount: number;
+  status: number;
+  pay_method?: string;
+  pay_time?: string;
+  created_at: string;
+}
+
+export interface WorkspaceData {
+  tenant: {
+    id: number;
+    name: string;
+    code: string;
+    status: number;
+    status_label: string;
+    start_time: string | null;
+    end_time: string | null;
+    days_remaining: number;
+  };
+  package: {
+    id: number;
+    name: string;
+    price: number;
+    period: string;
+  } | null;
+  quota: {
+    max_users: number;
+    max_roles: number;
+    max_depts: number;
+    current_users: number;
+    current_roles: number;
+    current_depts: number;
+    usage_percent: {
+      users: number;
+      roles: number;
+      depts: number;
+    };
+  };
+  recent_orders: {
+    id: number;
+    order_no: string;
+    amount: number;
+    order_type: string;
+    status: number;
+    created_at: string | null;
+  }[];
+}
diff --git a/src/api/module_platform/tenant.ts b/src/api/module_platform/tenant.ts
new file mode 100644
index 0000000..a0d724d
--- /dev/null
+++ b/src/api/module_platform/tenant.ts
@@ -0,0 +1,275 @@
+import { request, NO_AUTH_FLAG } from "@utils";
+
+const API_PATH = "/platform/tenant";
+
+const TenantAPI = {
+  listTenant(query?: TenantPageQuery) {
+    return request<ApiResponse<PageResult<TenantTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailTenant(id: number) {
+    return request<ApiResponse<TenantTable>>({
+      url: `${API_PATH}/detail/${id}`,
+      method: "get",
+    });
+  },
+
+  createTenant(body: TenantCreateForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateTenant(id: number, body: TenantUpdateForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteTenant(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  /** 批量修改租户状态 */
+  batchTenantStatus(body: BatchType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/status/batch`,
+      method: "patch",
+      data: body,
+    });
+  },
+
+  /** 切换单个租户启用/禁用状态 */
+  toggleTenantStatus(id: number) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/status/${id}`,
+      method: "put",
+    });
+  },
+
+  /** 租户续期 */
+  renewTenant(id: number, body: { end_time: string }) {
+    return request<ApiResponse<TenantTable>>({
+      url: `${API_PATH}/renew/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  /** 套餐变更影响预览 */
+  getPackageChangePreview(tenantId: number, newPackageId: number) {
+    return request<ApiResponse<PackageChangePreview>>({
+      url: `${API_PATH}/${tenantId}/package-change-preview`,
+      method: "get",
+      params: { new_package_id: newPackageId },
+    });
+  },
+
+  getTenantUsers(tenantId: number) {
+    return request<ApiResponse<TenantUser[]>>({
+      url: `${API_PATH}/${tenantId}/users`,
+      method: "get",
+    });
+  },
+
+  addTenantUser(tenantId: number, body: TenantUserAddForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/${tenantId}/users`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  removeTenantUser(tenantId: number, userId: number) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/${tenantId}/users/${userId}`,
+      method: "delete",
+    });
+  },
+
+  /** 公开接口：无需登录即可获取租户配置（用于登录页等场景） */
+  getTenantConfigInfo(tenantId: number) {
+    return request<ApiResponse<TenantConfigItem[]>>({
+      url: `${API_PATH}/${tenantId}/config/info`,
+      method: "get",
+      headers: {
+        Authorization: NO_AUTH_FLAG,
+      },
+    });
+  },
+
+  /** 获取租户个性化配置 */
+  getTenantConfig(tenantId: number) {
+    return request<ApiResponse<TenantConfigItem[]>>({
+      url: `${API_PATH}/${tenantId}/config`,
+      method: "get",
+    });
+  },
+
+  /** 批量更新租户个性化配置 */
+  updateTenantConfig(tenantId: number, body: TenantConfigItem[]) {
+    return request<ApiResponse<TenantConfigItem[]>>({
+      url: `${API_PATH}/${tenantId}/config`,
+      method: "put",
+      data: body,
+    });
+  },
+};
+
+export default TenantAPI;
+
+export interface TenantPageQuery extends PageQuery, UserByQueryParams, TenantByQueryParams {
+  name?: string;
+  code?: string;
+  status?: number;
+}
+
+export interface TenantTable extends BaseType {
+  name: string;
+  code: string;
+  package_id?: number;
+  start_time?: string;
+  end_time?: string;
+  contact_name?: string;
+  contact_phone?: string;
+  contact_email?: string;
+  address?: string;
+  domain?: string;
+  logo_url?: string;
+  sort?: number;
+  version?: string;
+  favicon?: string;
+  login_bg?: string;
+  copyright?: string;
+  keep_record?: string;
+  help_doc?: string;
+  privacy?: string;
+  clause?: string;
+  git_code?: string;
+  status?: number;
+  description?: string;
+}
+
+export interface TenantForm extends BaseFormType {
+  name?: string;
+  code?: string;
+  package_id?: number;
+  start_time?: string;
+  end_time?: string;
+  contact_name?: string;
+  contact_phone?: string;
+  contact_email?: string;
+  address?: string;
+  domain?: string;
+  logo_url?: string;
+  sort?: number;
+  version?: string;
+  favicon?: string;
+  login_bg?: string;
+  copyright?: string;
+  keep_record?: string;
+  help_doc?: string;
+  privacy?: string;
+  clause?: string;
+  git_code?: string;
+  status?: number;
+  description?: string;
+}
+
+export interface TenantCreateForm extends BaseFormType {
+  name: string;
+  code: string;
+  package_id?: number;
+  start_time?: string;
+  end_time?: string;
+  contact_name?: string;
+  contact_phone?: string;
+  contact_email?: string;
+  address?: string;
+  domain?: string;
+  logo_url?: string;
+  sort?: number;
+  version?: string;
+  favicon?: string;
+  login_bg?: string;
+  copyright?: string;
+  keep_record?: string;
+  help_doc?: string;
+  privacy?: string;
+  clause?: string;
+  git_code?: string;
+  status?: number;
+  description?: string;
+}
+
+export interface TenantUpdateForm extends BaseFormType {
+  name?: string;
+  code?: string;
+  package_id?: number;
+  start_time?: string;
+  end_time?: string;
+  contact_name?: string;
+  contact_phone?: string;
+  contact_email?: string;
+  address?: string;
+  domain?: string;
+  logo_url?: string;
+  sort?: number;
+  version?: string;
+  favicon?: string;
+  login_bg?: string;
+  copyright?: string;
+  keep_record?: string;
+  help_doc?: string;
+  privacy?: string;
+  clause?: string;
+  git_code?: string;
+  status?: number;
+  description?: string;
+}
+
+/** 套餐变更影响预览 */
+export interface PackageChangePreview {
+  new_package_id: number;
+  new_package_name: string;
+  affected_roles: Record<string, unknown>[];
+  removed_menus: Record<string, unknown>[];
+  added_menus: Record<string, unknown>[];
+  quota_changes: Record<string, unknown>;
+  total_affected_users: number;
+}
+
+export interface TenantUser {
+  id: number;
+  user_id: number;
+  tenant_id: number;
+  role: string;
+  is_default: number;
+  create_time?: string;
+  username: string;
+  name: string;
+}
+
+export interface TenantUserAddForm {
+  user_id: number;
+  role: string;
+  is_default: number;
+}
+
+/** 租户配置项 */
+export interface TenantConfigItem {
+  config_key: string;
+  config_value: string | null;
+}
diff --git a/src/api/module_system/auth.ts b/src/api/module_system/auth.ts
new file mode 100644
index 0000000..42c4929
--- /dev/null
+++ b/src/api/module_system/auth.ts
@@ -0,0 +1,148 @@
+import { request } from "@utils";
+
+const API_PATH = "/system/auth";
+
+/** 方案提供方 */
+export type OAuthProvider = "wechat" | "qq" | "github" | "gitee";
+
+const AuthAPI = {
+  /**
+   * 登录
+   * @param body 登录参数
+   * @returns 登录响应
+   */
+  login(body: LoginFormData) {
+    return request<ApiResponse<LoginResult>>({
+      url: `${API_PATH}/login`,
+      method: "post",
+      headers: {
+        "Content-Type": "multipart/form-data",
+      },
+      data: body,
+    });
+  },
+
+  refreshToken(body: RefreshToekenBody) {
+    return request<ApiResponse<JWTOut>>({
+      url: `${API_PATH}/token/refresh`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  getCaptcha() {
+    return request<ApiResponse<CaptchaInfo>>({
+      url: `${API_PATH}/captcha/get`,
+      method: "get",
+    });
+  },
+
+  logout(body: LogoutBody) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/logout`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  /** 获取当前用户的可选租户列表 */
+  getTenants() {
+    return request<ApiResponse<TenantOption[]>>({
+      url: `${API_PATH}/tenants`,
+      method: "get",
+    });
+  },
+
+  /** 选择租户，返回含 tenant_id 的新 JWT */
+  selectTenant(tenantId: number) {
+    return request<ApiResponse<SelectTenantResult>>({
+      url: `${API_PATH}/select-tenant`,
+      method: "post",
+      data: { tenant_id: tenantId },
+    });
+  },
+  /** 租户自助注册（PRD §4.5） */
+  tenantRegister(body: TenantRegisterForm) {
+    return request<ApiResponse<TenantRegisterResult>>({
+      url: `${API_PATH}/tenant/register`,
+      method: "post",
+      data: body,
+    });
+  },
+};
+
+export default AuthAPI;
+
+export interface TenantRegisterForm {
+  username: string;
+  password: string;
+  email: string;
+  tenant_name?: string;
+}
+
+export interface TenantRegisterResult {
+  user_id: number;
+  username: string;
+  tenant_id: number;
+  tenant_name: string;
+  tenant_code: string;
+  package: string | null;
+  trial_end: string;
+  message: string;
+}
+
+// ─── Auth 类型定义 ───
+
+/** 登录表单 */
+export interface LoginFormData {
+  username: string;
+  password: string;
+  captcha?: string;
+  captcha_key?: string;
+  remember?: boolean;
+  login_type?: string;
+}
+
+/** JWT 响应 (JWTOutSchema) */
+export interface JWTOut {
+  access_token: string;
+  refresh_token: string;
+  token_type: string;
+  expires_in: number;
+}
+
+/** 登录成功返回 */
+export interface LoginResult extends JWTOut {
+  tenants?: TenantOption[];
+}
+
+/** 刷新 Token 请求体 */
+export interface RefreshToekenBody {
+  refresh_token: string;
+}
+
+/** 退出登录请求体 */
+export interface LogoutBody {
+  token: string;
+}
+
+/** 租户选项 */
+export interface TenantOption {
+  id: number;
+  name: string;
+  code: string;
+}
+
+/** 选择租户返回 (SelectTenantOutSchema) */
+export interface SelectTenantResult {
+  access_token: string;
+  token_type: string;
+  expires_in: number;
+}
+
+/** 验证码信息 */
+export interface CaptchaInfo {
+  enable: boolean;
+  key: string;
+  img_base: string;
+}
diff --git a/src/api/module_system/dept.ts b/src/api/module_system/dept.ts
new file mode 100644
index 0000000..18c13eb
--- /dev/null
+++ b/src/api/module_system/dept.ts
@@ -0,0 +1,85 @@
+import { request } from "@utils";
+
+const API_PATH = "/system/dept";
+
+const DeptAPI = {
+  listDept(query?: DeptPageQuery) {
+    return request<ApiResponse<DeptTable[]>>({
+      url: `${API_PATH}/tree`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailDept(id: number) {
+    return request<ApiResponse<DeptTable>>({
+      url: `${API_PATH}/detail/${id}`,
+      method: "get",
+    });
+  },
+
+  createDept(body: DeptForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateDept(id: number, body: DeptForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteDept(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  batchDept(body: BatchType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/status/batch`,
+      method: "patch",
+      data: body,
+    });
+  },
+};
+
+export default DeptAPI;
+
+export interface DeptPageQuery extends UserByQueryParams, TenantByQueryParams {
+  name?: string;
+  status?: number;
+}
+
+export interface DeptTable extends BaseType {
+  name?: string;
+  order?: number;
+  code: string;
+  leader?: string;
+  phone?: string;
+  email?: string;
+  parent_id?: number;
+  parent_name?: string;
+  children?: DeptTable[];
+  status?: number;
+  description?: string;
+}
+
+export interface DeptForm extends BaseFormType {
+  name?: string;
+  code: string;
+  leader?: string;
+  phone?: string;
+  email?: string;
+  parent_id?: number;
+  order?: number;
+  status?: number;
+  description?: string;
+}
diff --git a/src/api/module_system/dict.ts b/src/api/module_system/dict.ts
new file mode 100644
index 0000000..b8fd9c3
--- /dev/null
+++ b/src/api/module_system/dict.ts
@@ -0,0 +1,186 @@
+import { request } from "@utils";
+
+const API_PATH = "/system/dict";
+
+const DictAPI = {
+  listDictType(query: DictPageQuery) {
+    return request<ApiResponse<PageResult<DictTable>>>({
+      url: `${API_PATH}/type/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  optionDictType() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/type/optionselect`,
+      method: "get",
+    });
+  },
+
+  detailDictType(query: number) {
+    return request<ApiResponse<DictTable>>({
+      url: `${API_PATH}/type/detail/${query}`,
+      method: "get",
+    });
+  },
+
+  createDictType(body: DictForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/type/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateDictType(id: number, body: DictForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/type/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteDictType(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/type/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  batchDictType(body: BatchType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/type/status/batch`,
+      method: "patch",
+      data: body,
+    });
+  },
+
+  exportDictType(body: DictPageQuery) {
+    return request<Blob>({
+      url: `${API_PATH}/type/export`,
+      method: "post",
+      data: body,
+      responseType: "blob",
+    });
+  },
+
+  listDictData(query: DictDataPageQuery) {
+    return request<ApiResponse<PageResult<DictDataTable>>>({
+      url: `${API_PATH}/data/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailDictData(query: number) {
+    return request<ApiResponse<DictDataTable>>({
+      url: `${API_PATH}/data/detail/${query}`,
+      method: "get",
+    });
+  },
+
+  createDictData(body: DictDataForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/data/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateDictData(id: number, body: DictDataForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/data/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteDictData(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/data/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  batchDictData(body: BatchType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/data/status/batch`,
+      method: "patch",
+      data: body,
+    });
+  },
+
+  exportDictData(body: DictDataPageQuery) {
+    return request<Blob>({
+      url: `${API_PATH}/data/export`,
+      method: "post",
+      data: body,
+      responseType: "blob",
+    });
+  },
+
+  getInitDict(dict_type: string) {
+    return request<ApiResponse<DictDataTable[]>>({
+      url: `${API_PATH}/data/info/${dict_type}`,
+      method: "get",
+    });
+  },
+};
+
+export default DictAPI;
+
+export interface DictPageQuery extends PageQuery, UserByQueryParams {
+  dict_name?: string;
+  dict_type?: string;
+  status?: number;
+}
+
+export interface DictDataPageQuery extends PageQuery, UserByQueryParams {
+  dict_label?: string;
+  dict_type?: string;
+  dict_type_id?: number;
+  status?: number;
+}
+
+export interface DictTable extends BaseType {
+  dict_name?: string;
+  dict_type?: string;
+  status?: number;
+  description?: string;
+}
+
+export interface DictForm extends BaseFormType {
+  dict_name?: string;
+  dict_type?: string;
+  status?: number;
+  description?: string;
+}
+
+export interface DictDataTable extends BaseType {
+  dict_sort?: number;
+  dict_label?: string;
+  dict_value?: string;
+  dict_type_id?: number;
+  dict_type?: string;
+  css_class?: string;
+  list_class?: string;
+  is_default?: boolean;
+  status?: number;
+  description?: string;
+}
+
+export interface DictDataForm extends BaseFormType {
+  dict_sort?: number;
+  dict_label?: string;
+  dict_value?: string;
+  dict_type_id?: number;
+  dict_type?: string;
+  css_class?: string;
+  list_class?: string;
+  is_default?: boolean;
+  status?: number;
+  description?: string;
+}
diff --git a/src/api/module_system/log.ts b/src/api/module_system/log.ts
new file mode 100644
index 0000000..e90521f
--- /dev/null
+++ b/src/api/module_system/log.ts
@@ -0,0 +1,105 @@
+import { request } from "@utils";
+
+// ==================== 操作日志 ====================
+
+const OP_API = "/system/log/operation";
+
+const OperationLogAPI = {
+  list(query?: OperationLogPageQuery) {
+    return request<ApiResponse<PageResult<OperationLogTable>>>({
+      url: `${OP_API}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detail(id: number) {
+    return request<ApiResponse<OperationLogTable>>({
+      url: `${OP_API}/detail/${id}`,
+      method: "get",
+    });
+  },
+
+  delete(body: number[]) {
+    return request<ApiResponse>({
+      url: `${OP_API}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  export(query?: OperationLogPageQuery) {
+    return request<Blob>({
+      url: `${OP_API}/export`,
+      method: "post",
+      data: query,
+      responseType: "blob",
+    });
+  },
+};
+
+export default OperationLogAPI;
+
+export interface OperationLogPageQuery extends PageQuery, UserByQueryParams, TenantByQueryParams {
+  request_path?: string;
+  creator_name?: string;
+  status?: number;
+}
+
+export interface OperationLogTable {
+  id: number;
+  tenant_id: number;
+  request_path?: string;
+  request_method?: string;
+  request_payload?: Record<string, unknown> | string;
+  response_code?: number;
+  response_json?: Record<string, unknown> | string;
+  process_time?: string;
+  created_time?: string;
+}
+
+// ==================== 登录日志 ====================
+
+const LOGIN_API = "/system/log/login";
+
+export const LoginLogAPI = {
+  list(query?: LoginLogPageQuery) {
+    return request<ApiResponse<PageResult<LoginLogTable>>>({
+      url: `${LOGIN_API}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detail(id: number) {
+    return request<ApiResponse<LoginLogTable>>({
+      url: `${LOGIN_API}/detail/${id}`,
+      method: "get",
+    });
+  },
+
+  delete(body: number[]) {
+    return request<ApiResponse>({
+      url: `${LOGIN_API}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+};
+
+export interface LoginLogPageQuery extends PageQuery, UserByQueryParams, TenantByQueryParams {
+  username?: string;
+  status?: number;
+}
+
+export interface LoginLogTable {
+  id: number;
+  username: string;
+  status: number;
+  login_ip?: string;
+  login_location?: string;
+  request_os?: string;
+  request_browser?: string;
+  msg?: string;
+  created_time?: string;
+}
diff --git a/src/api/module_system/notice.ts b/src/api/module_system/notice.ts
new file mode 100644
index 0000000..f92b2c1
--- /dev/null
+++ b/src/api/module_system/notice.ts
@@ -0,0 +1,134 @@
+import { request } from "@utils";
+
+const API_PATH = "/system/notice";
+
+const NoticeAPI = {
+  listNotice(query: NoticePageQuery) {
+    return request<ApiResponse<PageResult<NoticeTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  listNoticeAvailable() {
+    return request<ApiResponse<PageResult<NoticeTable>>>({
+      url: `${API_PATH}/available`,
+      method: "get",
+    });
+  },
+
+  detailNotice(query: number) {
+    return request<ApiResponse<NoticeTable>>({
+      url: `${API_PATH}/detail/${query}`,
+      method: "get",
+    });
+  },
+
+  createNotice(body: NoticeForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateNotice(id: number, body: NoticeForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteNotice(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  batchNotice(body: BatchType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/status/batch`,
+      method: "patch",
+      data: body,
+    });
+  },
+
+  exportNotice(body: NoticePageQuery) {
+    return request<Blob>({
+      url: `${API_PATH}/export`,
+      method: "post",
+      data: body,
+      responseType: "blob",
+    });
+  },
+
+  readNotice(id: number) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/read/${id}`,
+      method: "post",
+    });
+  },
+
+  readAllNotice() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/read-all`,
+      method: "post",
+    });
+  },
+
+  getUnreadCount() {
+    return request<ApiResponse<number>>({
+      url: `${API_PATH}/unread-count`,
+      method: "get",
+    });
+  },
+
+  getNotificationPanel() {
+    return request<ApiResponse<NotificationPanel>>({
+      url: `${API_PATH}/panel`,
+      method: "get",
+    });
+  },
+};
+
+export default NoticeAPI;
+
+export interface NoticePageQuery extends PageQuery, UserByQueryParams {
+  notice_title?: string;
+  notice_type?: string;
+  status?: number;
+}
+
+export interface NoticeTable extends BaseType {
+  notice_title?: string;
+  notice_type?: string;
+  notice_content?: string;
+  status?: number;
+  description?: string;
+}
+
+export interface NoticeForm extends BaseFormType {
+  notice_title?: string;
+  notice_type?: string;
+  notice_content?: string;
+  status?: number;
+  description?: string;
+}
+
+export interface NotificationPanelMessage {
+  id?: number;
+  title: string;
+  content?: string;
+  time: string;
+  type?: string;
+}
+
+export interface NotificationPanel {
+  notices: NoticeTable[];
+  messages: NotificationPanelMessage[];
+  pendings: NotificationPanelMessage[];
+}
diff --git a/src/api/module_system/params.ts b/src/api/module_system/params.ts
new file mode 100644
index 0000000..fa43da0
--- /dev/null
+++ b/src/api/module_system/params.ts
@@ -0,0 +1,108 @@
+import { request, NO_AUTH_FLAG } from "@utils";
+
+const API_PATH = "/system/param";
+
+const ParamsAPI = {
+  uploadFile(body: any) {
+    return request<ApiResponse<UploadFilePath>>({
+      url: `/common/file/upload?upload_type=param`,
+      method: "post",
+      data: body,
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+  },
+
+  /** 登录前拉取站点参数：不带 Token，避免过期 JWT 导致 401 无法展示底部备案等 */
+  getInitConfig() {
+    return request<ApiResponse<ConfigTable[]>>({
+      url: `${API_PATH}/info`,
+      method: "get",
+      headers: {
+        Authorization: NO_AUTH_FLAG,
+      },
+    });
+  },
+
+  listParams(query: ConfigPageQuery) {
+    return request<ApiResponse<PageResult<ConfigTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailParams(query: number) {
+    return request<ApiResponse<ConfigTable>>({
+      url: `${API_PATH}/detail/${query}`,
+      method: "get",
+    });
+  },
+
+  createParams(body: ConfigForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateParams(id: number, body: ConfigForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteParams(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  batchParams(body: BatchType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/status/batch`,
+      method: "patch",
+      data: body,
+    });
+  },
+
+  exportParams(body: ConfigPageQuery) {
+    return request<Blob>({
+      url: `${API_PATH}/export`,
+      method: "post",
+      data: body,
+      responseType: "blob",
+    });
+  },
+};
+
+export default ParamsAPI;
+
+export interface ConfigPageQuery extends PageQuery, UserByQueryParams {
+  config_name?: string;
+  config_key?: string;
+  config_type?: boolean;
+  status?: number;
+}
+
+export interface ConfigTable extends BaseType {
+  config_name?: string;
+  config_key?: string;
+  config_value?: string;
+  config_type?: boolean;
+  status?: number;
+  description?: string;
+}
+
+export interface ConfigForm extends BaseFormType {
+  config_name?: string;
+  config_key?: string;
+  config_value?: string;
+  config_type?: boolean;
+  status?: number;
+  description?: string;
+}
diff --git a/src/api/module_system/position.ts b/src/api/module_system/position.ts
new file mode 100644
index 0000000..b5a4c33
--- /dev/null
+++ b/src/api/module_system/position.ts
@@ -0,0 +1,84 @@
+import { request } from "@utils";
+
+const API_PATH = "/system/position";
+
+const PositionAPI = {
+  listPosition(query?: PositionPageQuery) {
+    return request<ApiResponse<PageResult<PositionTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailPosition(query: number) {
+    return request<ApiResponse<PositionTable>>({
+      url: `${API_PATH}/detail/${query}`,
+      method: "get",
+    });
+  },
+
+  createPosition(body: PositionForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updatePosition(id: number, body: PositionForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deletePosition(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  batchPosition(body: BatchType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/status/batch`,
+      method: "patch",
+      data: body,
+    });
+  },
+
+  exportPosition(body: PositionPageQuery) {
+    return request<Blob>({
+      url: `${API_PATH}/export`,
+      method: "post",
+      data: body,
+      responseType: "blob",
+    });
+  },
+};
+
+export default PositionAPI;
+
+export interface PositionPageQuery extends PageQuery, UserByQueryParams {
+  name?: string;
+  status?: number;
+}
+
+export interface PositionTable extends BaseType {
+  name?: string;
+  code?: string;
+  order?: number;
+  status?: number;
+  description?: string;
+}
+
+export interface PositionForm extends BaseFormType {
+  name?: string;
+  code?: string;
+  order?: number;
+  status?: number;
+  description?: string;
+}
diff --git a/src/api/module_system/role.ts b/src/api/module_system/role.ts
new file mode 100644
index 0000000..fd334cf
--- /dev/null
+++ b/src/api/module_system/role.ts
@@ -0,0 +1,120 @@
+import { request } from "@utils";
+
+const API_PATH = "/system/role";
+
+const RoleAPI = {
+  listRole(query?: TablePageQuery) {
+    return request<ApiResponse<PageResult<RoleTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailRole(query: number) {
+    return request<ApiResponse<RoleTable>>({
+      url: `${API_PATH}/detail/${query}`,
+      method: "get",
+    });
+  },
+
+  createRole(body: RoleForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateRole(id: number, body: RoleForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteRole(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  batchRole(body: BatchType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/status/batch`,
+      method: "patch",
+      data: body,
+    });
+  },
+
+  setPermission(body: permissionDataType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/permission`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  exportRole(body: TablePageQuery) {
+    return request<Blob>({
+      url: `${API_PATH}/export`,
+      method: "post",
+      data: body,
+      responseType: "blob",
+    });
+  },
+};
+
+export default RoleAPI;
+
+export interface TablePageQuery extends PageQuery, UserByQueryParams {
+  name?: string;
+}
+
+export interface RoleTable extends BaseType {
+  name: string;
+  order?: number;
+  code: string;
+  data_scope?: number;
+  menus?: permissionMenuType[];
+  depts?: permissionDeptType[];
+  status?: number;
+  description?: string;
+}
+
+export interface RoleForm extends BaseFormType {
+  name?: string;
+  order?: number;
+  code: string;
+  data_scope?: number;
+  status?: number;
+  description?: string;
+}
+
+export interface permissionDataType {
+  data_scope: number;
+  role_ids: RoleTable["id"][];
+  menu_ids: permissionMenuType["id"][];
+  dept_ids: permissionDeptType["id"][];
+}
+
+export interface permissionDeptType {
+  id: number;
+  name: string;
+  parent_id: number;
+  children: permissionDeptType[];
+}
+
+export interface permissionMenuType {
+  id: number;
+  name: string;
+  type: number;
+  permission: string;
+  parent_id?: number;
+  status: number;
+  description?: string;
+  children?: permissionMenuType[];
+}
diff --git a/src/api/module_system/ticket.ts b/src/api/module_system/ticket.ts
new file mode 100644
index 0000000..ea198b8
--- /dev/null
+++ b/src/api/module_system/ticket.ts
@@ -0,0 +1,90 @@
+import { request } from "@utils";
+
+const API_PATH = "/system/ticket";
+
+const TicketAPI = {
+  listTicket(query?: TicketPageQuery) {
+    return request<ApiResponse<PageResult<TicketTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+  detailTicket(id: number) {
+    return request<ApiResponse<TicketTable>>({ url: `${API_PATH}/detail/${id}`, method: "get" });
+  },
+  createTicket(body: TicketCreateForm) {
+    return request<ApiResponse>({ url: `${API_PATH}/create`, method: "post", data: body });
+  },
+  updateTicket(id: number, body: TicketUpdateForm) {
+    return request<ApiResponse>({ url: `${API_PATH}/update/${id}`, method: "put", data: body });
+  },
+  deleteTicket(body: number[]) {
+    return request<ApiResponse>({ url: `${API_PATH}/delete`, method: "delete", data: body });
+  },
+  exportTicket(query?: TicketPageQuery) {
+    return request<ApiResponse<Blob>>({
+      url: `${API_PATH}/export`,
+      method: "get",
+      params: query,
+      responseType: "blob",
+    });
+  },
+  batchTicket(body: { ids: number[]; status: number }) {
+    return request<ApiResponse>({ url: `${API_PATH}/batch`, method: "put", data: body });
+  },
+};
+
+export default TicketAPI;
+
+export interface TicketPageQuery extends PageQuery, UserByQueryParams {
+  title?: string;
+  ticket_type?: string;
+  assigned_id?: number;
+  status?: number;
+}
+
+export interface TicketTable extends BaseType {
+  title: string;
+  ticket_content?: string;
+  summary?: string;
+  ticket_type: string;
+  images?: string;
+  reply?: string;
+  assigned_id?: number;
+  assigned_by?: CommonType;
+  status?: number;
+  description?: string;
+}
+
+export interface TicketCreateForm {
+  title: string;
+  ticket_content?: string;
+  summary?: string;
+  ticket_type: string;
+  images?: string;
+  description?: string;
+}
+
+export interface TicketUpdateForm {
+  title?: string;
+  ticket_content?: string;
+  summary?: string;
+  ticket_type?: string;
+  status?: number;
+  reply?: string;
+  assigned_id?: number;
+  description?: string;
+}
+
+export interface TicketForm extends BaseFormType {
+  title: string;
+  ticket_content?: string;
+  summary?: string;
+  ticket_type: string;
+  images?: string;
+  reply?: string;
+  assigned_id?: number;
+  status?: number;
+  description?: string;
+}
diff --git a/src/api/module_system/user.ts b/src/api/module_system/user.ts
new file mode 100644
index 0000000..49fbb20
--- /dev/null
+++ b/src/api/module_system/user.ts
@@ -0,0 +1,283 @@
+import { request } from "@utils";
+import { MenuTable, MenuForm } from "@/api/module_platform/menu";
+
+const API_PATH = "/system/user";
+
+export const UserAPI = {
+  getCurrentUserInfo() {
+    return request<ApiResponse<UserInfo>>({
+      url: `${API_PATH}/current/info`,
+      method: "get",
+    });
+  },
+
+  uploadCurrentUserAvatar(body: any) {
+    return request<ApiResponse<UploadFilePath>>({
+      url: `/common/file/upload?upload_type=avatar`,
+      method: "post",
+      data: body,
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+  },
+
+  updateCurrentUserInfo(body: InfoFormState) {
+    return request<ApiResponse<UserInfo>>({
+      url: `${API_PATH}/current/info/update`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  changeCurrentUserPassword(body: PasswordFormState) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/current/password/change`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  resetUserPassword(id: number, body: ResetPasswordForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/password/reset/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  registerUser(body: RegisterForm) {
+    return request<ApiResponse<UserInfo>>({
+      url: `${API_PATH}/register`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  forgetPassword(body: ForgetPasswordForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/password/forget`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  listUser(query: UserPageQuery) {
+    return request<ApiResponse<PageResult<UserInfo>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailUser(id: number) {
+    return request<ApiResponse<UserInfo>>({
+      url: `${API_PATH}/detail/${id}`,
+      method: "get",
+    });
+  },
+
+  createUser(body: UserForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateUser(id: number, body: UserForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteUser(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  batchUser(body: BatchType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/status/batch`,
+      method: "patch",
+      data: body,
+    });
+  },
+
+  exportUser(query: UserPageQuery) {
+    return request<Blob>({
+      url: `${API_PATH}/export`,
+      method: "get",
+      params: query,
+      responseType: "blob",
+    });
+  },
+
+  downloadTemplateUser() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/import/template`,
+      method: "get",
+      responseType: "blob",
+    });
+  },
+
+  importUser(body: any) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/import/data`,
+      method: "post",
+      data: body,
+      headers: {
+        "Content-Type": "multipart/form-data",
+      },
+    });
+  },
+};
+
+export default UserAPI;
+
+export interface ForgetPasswordForm {
+  username: string;
+  new_password: string;
+  mobile?: string;
+  confirmPassword: string;
+}
+
+export interface RegisterForm {
+  username: string;
+  password: string;
+  confirmPassword: string;
+  email?: string;
+}
+
+export interface UserPageQuery extends PageQuery, UserByQueryParams, TenantByQueryParams {
+  username?: string;
+  name?: string;
+  mobile?: string;
+  email?: string;
+  dept_id?: number;
+}
+
+export interface searchSelectDataType {
+  name?: string;
+  status?: number;
+}
+
+export interface UserInfo extends BaseType {
+  username?: string;
+  name?: string;
+  avatar?: string;
+  email?: string;
+  mobile?: string;
+  gender?: string;
+  password?: string;
+  menus?: MenuTable[];
+  dept?: deptTreeType;
+  dept_id?: deptTreeType["id"];
+  dept_name?: deptTreeType["name"];
+  roles?: roleSelectorType[];
+  role_names?: roleSelectorType["name"][];
+  role_ids?: roleSelectorType["id"][];
+  positions?: positionSelectorType[];
+  position_names?: positionSelectorType["name"][];
+  position_ids?: positionSelectorType["id"][];
+  is_superuser?: boolean;
+  last_login?: string;
+  created_by?: CommonType;
+  updated_by?: CommonType;
+  deleted_by?: CommonType;
+  tenant_id?: number;
+  tenant_name?: string;
+  gitee_login?: string;
+  github_login?: string;
+  wx_login?: string;
+  qq_login?: string;
+  status?: number;
+  description?: string;
+}
+
+export interface deptTreeType {
+  id?: number;
+  name?: string;
+  parent_id?: number;
+  children?: deptTreeType[];
+}
+
+export interface roleSelectorType {
+  id?: number;
+  name?: string;
+  code?: string;
+  status?: number;
+  description?: string;
+  menus?: MenuForm[];
+}
+
+export interface positionSelectorType {
+  id?: number;
+  name?: string;
+  status?: number;
+  description?: string;
+}
+
+export interface InfoFormState {
+  id?: number;
+  name?: string;
+  gender?: number;
+  mobile?: string;
+  email?: string;
+  username?: string;
+  dept_name?: string;
+  dept?: deptTreeType;
+  positions?: positionSelectorType[];
+  roles?: roleSelectorType[];
+  avatar?: string;
+  created_time?: string;
+  updated_time?: string;
+  status?: number;
+  description?: string;
+  tenant_by?: { id?: number; name?: string };
+  gitee_login?: string;
+  github_login?: string;
+  wx_login?: string;
+  qq_login?: string;
+}
+
+export interface PasswordFormState {
+  old_password: string;
+  new_password: string;
+  confirm_password: string;
+}
+
+export interface ResetPasswordForm {
+  password: string;
+}
+
+export interface UserForm extends BaseFormType {
+  username?: string;
+  name?: string;
+  dept_id?: number;
+  dept_name?: string;
+  role_ids?: number[];
+  role_names?: string[];
+  position_ids?: number[];
+  position_names?: string[];
+  password?: string;
+  gender?: number;
+  email?: string;
+  mobile?: string;
+  is_superuser?: boolean;
+  avatar?: string;
+  tenant_id?: number;
+  status?: number;
+  description?: string;
+}
+
+export interface CurrentUserFormState {
+  name?: string;
+  gender?: number;
+  mobile?: string;
+  email?: string;
+  avatar?: string;
+}
diff --git a/src/api/module_task/cronjob/job.ts b/src/api/module_task/cronjob/job.ts
new file mode 100644
index 0000000..16fbeef
--- /dev/null
+++ b/src/api/module_task/cronjob/job.ts
@@ -0,0 +1,154 @@
+import { request } from "@utils";
+
+const API_PATH = "/task/cronjob/job";
+
+const JobAPI = {
+  getSchedulerStatus() {
+    return request<ApiResponse<SchedulerStatus>>({
+      url: `${API_PATH}/scheduler/status`,
+      method: "get",
+    });
+  },
+
+  getSchedulerJobs() {
+    return request<ApiResponse<SchedulerJob[]>>({
+      url: `${API_PATH}/scheduler/jobs`,
+      method: "get",
+    });
+  },
+
+  startScheduler() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/scheduler/start`,
+      method: "post",
+    });
+  },
+
+  pauseScheduler() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/scheduler/pause`,
+      method: "post",
+    });
+  },
+
+  resumeScheduler() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/scheduler/resume`,
+      method: "post",
+    });
+  },
+
+  shutdownScheduler() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/scheduler/shutdown`,
+      method: "post",
+    });
+  },
+
+  clearAllJobs() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/scheduler/jobs/clear`,
+      method: "delete",
+    });
+  },
+
+  getSchedulerConsole() {
+    return request<ApiResponse<string>>({
+      url: `${API_PATH}/scheduler/console`,
+      method: "get",
+    });
+  },
+
+  syncJobsToDb() {
+    return request<ApiResponse<number>>({
+      url: `${API_PATH}/scheduler/sync`,
+      method: "post",
+    });
+  },
+
+  pauseJob(jobId: string) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/task/pause/${jobId}`,
+      method: "post",
+    });
+  },
+
+  resumeJob(jobId: string) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/task/resume/${jobId}`,
+      method: "post",
+    });
+  },
+
+  runJobNow(jobId: string) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/task/run/${jobId}`,
+      method: "post",
+    });
+  },
+
+  removeJob(jobId: string) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/task/remove/${jobId}`,
+      method: "delete",
+    });
+  },
+
+  getJobLogList(query: JobLogPageQuery) {
+    return request<ApiResponse<PageResult<JobLogTable>>>({
+      url: `${API_PATH}/log/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  getJobLogDetail(id: number) {
+    return request<ApiResponse<JobLogTable>>({
+      url: `${API_PATH}/log/detail/${id}`,
+      method: "get",
+    });
+  },
+
+  deleteJobLog(ids: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/log/delete`,
+      method: "delete",
+      data: ids,
+    });
+  },
+};
+
+export default JobAPI;
+
+export interface SchedulerStatus {
+  status: string;
+  is_running: boolean;
+  job_count: number;
+}
+
+export interface SchedulerJob {
+  id: string;
+  name: string;
+  trigger: string;
+  next_run_time?: string;
+  status: number;
+}
+
+export interface JobLogPageQuery extends PageQuery, UserByQueryParams {
+  job_id?: string;
+  job_name?: string;
+  trigger_type?: string;
+  status?: number;
+}
+
+export interface JobLogTable extends BaseType {
+  job_id: string;
+  job_name?: string;
+  trigger_type?: string;
+  next_run_time?: string;
+  job_state?: string;
+  result?: string;
+  error?: string;
+  status?: number;
+  description?: string;
+}
diff --git a/src/api/module_task/cronjob/node.ts b/src/api/module_task/cronjob/node.ts
new file mode 100644
index 0000000..b74f4af
--- /dev/null
+++ b/src/api/module_task/cronjob/node.ts
@@ -0,0 +1,143 @@
+import { request } from "@utils";
+
+const API_PATH = "/task/cronjob/node";
+
+const NodeAPI = {
+  getNodeTypeOptions() {
+    return request<ApiResponse<NodeType[]>>({
+      url: `${API_PATH}/options`,
+      method: "get",
+    });
+  },
+
+  listNode(query: NodePageQuery) {
+    return request<ApiResponse<PageResult<NodeTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  detailNode(query: number) {
+    return request<ApiResponse<NodeTable>>({
+      url: `${API_PATH}/detail/${query}`,
+      method: "get",
+    });
+  },
+
+  createNode(body: NodeForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateNode(id: number, body: NodeForm) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteNode(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  clearNode() {
+    return request<ApiResponse>({
+      url: `${API_PATH}/clear`,
+      method: "delete",
+    });
+  },
+
+  batchNode(body: BatchType) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/status/batch`,
+      method: "patch",
+      data: body,
+    });
+  },
+
+  executeNode(id: number, params: ExecuteNodeParams = { trigger: "now" }) {
+    return request<ApiResponse<ExecuteNodeResult>>({
+      url: `${API_PATH}/execute/${id}`,
+      method: "post",
+      data: params,
+    });
+  },
+};
+
+export default NodeAPI;
+
+export interface NodePageQuery extends PageQuery, UserByQueryParams {
+  name?: string;
+  code?: string;
+  status?: number;
+}
+
+export type TriggerType = "now" | "cron" | "interval" | "date";
+
+export interface ExecuteNodeParams {
+  trigger: TriggerType;
+  trigger_args?: string;
+  start_date?: string;
+  end_date?: string;
+}
+
+export interface ExecuteNodeResult {
+  job_id: number;
+  status: number;
+  trigger: TriggerType;
+}
+
+export interface NodeTable extends BaseType {
+  name: string;
+  code: string;
+  jobstore?: string;
+  executor?: string;
+  trigger?: TriggerType;
+  trigger_args?: string;
+  func?: string;
+  args?: string;
+  kwargs?: string;
+  coalesce?: boolean;
+  max_instances?: number;
+  start_date?: string;
+  end_date?: string;
+  created_by?: CommonType;
+  updated_by?: CommonType;
+  deleted_by?: CommonType;
+  status?: number;
+  description?: string;
+}
+
+export interface NodeForm extends BaseFormType {
+  name: string;
+  code?: string;
+  jobstore?: string;
+  executor?: string;
+  func?: string;
+  args?: string;
+  kwargs?: string;
+  coalesce?: boolean;
+  max_instances?: number;
+  start_date?: string;
+  end_date?: string;
+  status?: number;
+  description?: string;
+}
+
+export interface NodeType {
+  id: number;
+  name: string;
+  code: string;
+  func?: string;
+  args?: string;
+  kwargs?: string;
+}
diff --git a/src/api/module_task/workflow/definition.ts b/src/api/module_task/workflow/definition.ts
new file mode 100644
index 0000000..48c3085
--- /dev/null
+++ b/src/api/module_task/workflow/definition.ts
@@ -0,0 +1,110 @@
+import { request } from "@utils";
+
+/** 对应后端 `plugin.module_task.workflow.definition` */
+const API_PATH = "/task/workflow/definition";
+
+const WorkflowDefinitionAPI = {
+  getWorkflowList(query: WorkflowPageQuery) {
+    return request<ApiResponse<PageResult<WorkflowTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  getWorkflowDetail(query: number) {
+    return request<ApiResponse<WorkflowTable>>({
+      url: `${API_PATH}/detail/${query}`,
+      method: "get",
+    });
+  },
+
+  createWorkflow(body: WorkflowForm) {
+    return request<ApiResponse<WorkflowTable>>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateWorkflow(id: number, body: WorkflowForm) {
+    return request<ApiResponse<WorkflowTable>>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteWorkflow(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+
+  publishWorkflow(id: number, body: WorkflowPublishForm) {
+    return request<ApiResponse<WorkflowTable>>({
+      url: `${API_PATH}/publish/${id}`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  executeWorkflow(body: WorkflowExecuteForm) {
+    return request<ApiResponse<WorkflowExecuteResult>>({
+      url: `${API_PATH}/execute`,
+      method: "post",
+      data: body,
+    });
+  },
+};
+
+export default WorkflowDefinitionAPI;
+export { WorkflowDefinitionAPI };
+
+export interface WorkflowPageQuery extends PageQuery, UserByQueryParams {
+  name?: string;
+  code?: string;
+  status?: number;
+}
+
+export interface WorkflowTable extends BaseType {
+  name?: string;
+  code?: string;
+  nodes?: any[];
+  edges?: any[];
+  status?: number;
+  description?: string;
+}
+
+export interface WorkflowForm extends BaseFormType {
+  name?: string;
+  code?: string;
+  nodes?: any[];
+  edges?: any[];
+  status?: number;
+  description?: string;
+}
+
+export interface WorkflowPublishForm {
+  remark?: string;
+}
+
+export interface WorkflowExecuteForm {
+  workflow_id: number;
+  variables?: Record<string, any>;
+  business_key?: string;
+  job_id?: number;
+}
+
+export interface WorkflowExecuteResult {
+  workflow_id: number;
+  workflow_name: string;
+  status: number;
+  start_time?: string;
+  end_time?: string;
+  variables?: Record<string, any>;
+  node_results?: Record<string, any>;
+  error?: string;
+}
diff --git a/src/api/module_task/workflow/node-type.ts b/src/api/module_task/workflow/node-type.ts
new file mode 100644
index 0000000..e4c8fb3
--- /dev/null
+++ b/src/api/module_task/workflow/node-type.ts
@@ -0,0 +1,109 @@
+import { request } from "@utils";
+
+/** 对应后端 `plugin.module_task.workflow.node_type` */
+const API_PATH = "/task/workflow/node-type";
+
+const WorkflowNodeTypeAPI = {
+  getWorkflowNodeTypeOptions() {
+    return request<ApiResponse<WorkflowNodeTypeOption[]>>({
+      url: `${API_PATH}/options`,
+      method: "get",
+    });
+  },
+
+  getWorkflowNodeTypeSelect() {
+    return request<ApiResponse<WorkflowNodeTypeOption[]>>({
+      url: `${API_PATH}/select`,
+      method: "get",
+    });
+  },
+
+  getWorkflowNodeTypeList(query: WorkflowNodeTypePageQuery) {
+    return request<ApiResponse<PageResult<WorkflowNodeTypeTable>>>({
+      url: `${API_PATH}/list`,
+      method: "get",
+      params: query,
+    });
+  },
+
+  getWorkflowNodeTypeDetail(id: number) {
+    return request<ApiResponse<WorkflowNodeTypeTable>>({
+      url: `${API_PATH}/detail/${id}`,
+      method: "get",
+    });
+  },
+
+  createWorkflowNodeType(body: WorkflowNodeTypeForm) {
+    return request<ApiResponse<WorkflowNodeTypeTable>>({
+      url: `${API_PATH}/create`,
+      method: "post",
+      data: body,
+    });
+  },
+
+  updateWorkflowNodeType(id: number, body: WorkflowNodeTypeForm) {
+    return request<ApiResponse<WorkflowNodeTypeTable>>({
+      url: `${API_PATH}/update/${id}`,
+      method: "put",
+      data: body,
+    });
+  },
+
+  deleteWorkflowNodeType(body: number[]) {
+    return request<ApiResponse>({
+      url: `${API_PATH}/delete`,
+      method: "delete",
+      data: body,
+    });
+  },
+};
+
+export default WorkflowNodeTypeAPI;
+export { WorkflowNodeTypeAPI };
+
+/** 节点类型选项（对应后端 task_workflow_node_type） */
+export interface WorkflowNodeTypeOption {
+  id: number;
+  code: string;
+  name: string;
+  category: string;
+  args?: string;
+  kwargs?: string;
+}
+
+export interface WorkflowNodeTypePageQuery extends PageQuery, UserByQueryParams {
+  name?: string;
+  code?: string;
+  category?: string;
+  is_active?: boolean;
+  status?: number;
+}
+
+export interface WorkflowNodeTypeTable extends BaseType {
+  name?: string;
+  code?: string;
+  category?: string;
+  func?: string;
+  args?: string;
+  kwargs?: string;
+  sort_order?: number;
+  is_active?: boolean;
+  created_by?: CommonType;
+  updated_by?: CommonType;
+  deleted_by?: CommonType;
+  status?: number;
+  description?: string;
+}
+
+export interface WorkflowNodeTypeForm extends BaseFormType {
+  name: string;
+  code: string;
+  category?: string;
+  func: string;
+  args?: string;
+  kwargs?: string;
+  sort_order?: number;
+  is_active?: boolean;
+  status?: number;
+  description?: string;
+}
diff --git a/src/assets/fa_imgs/avatar.png b/src/assets/fa_imgs/avatar.png
new file mode 100644
index 0000000..4f9f1ae
Binary files /dev/null and b/src/assets/fa_imgs/avatar.png differ
diff --git a/src/assets/fa_imgs/background.svg b/src/assets/fa_imgs/background.svg
new file mode 100644
index 0000000..4beb3ab
--- /dev/null
+++ b/src/assets/fa_imgs/background.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="44" y="42" width="312" height="217"><path d="M355.3 42H44v216.9h311.3V42Z" fill="#fff"/></mask><g mask="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M288.2 248.4h25.1v-30h-25.1v30Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M304.498 238.199c-1.5-3.9-5.9-15.4-4-21.6-2.9.8-3.3.1-5-.1-1.7-.1 0 10.7 2.2 16.4 1.7 4.5 2.1 11.1 2.1 13.6h5.4c.2-1.9.3-5.5-.7-8.3Z" fill="#fff"/><path d="M311.5 214.7v-1.6c0-.7-.6-1.3-1.3-1.3h-22.8c-.7 0-1.3.6-1.3 1.3v1.6" fill="#fff"/><path d="M311.5 214.7v-1.6c0-.7-.6-1.3-1.3-1.3h-22.8c-.7 0-1.3.6-1.3 1.3v1.6M290.2 214.7h21.4c1 0 1.8.8 1.8 1.8v29" stroke="#071F4D" stroke-width="1.096"/><path d="M284.3 245.6v-29c0-1 .8-1.8 1.8-1.8h1.6" fill="#fff"/><path d="M284.3 245.6v-29c0-1 .8-1.8 1.8-1.8h1.6" stroke="#071F4D" stroke-width="1.096"/><path d="M295.402 216.5c-.9 4.2-.4 9.7 2.8 17.5 2.4 5.9 1.9 10.2 1.8 12.3M300.502 216.5c-.9 4.2-.4 9.7 2.8 17.5 2.4 5.9 1.9 10.2 1.8 12.3" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m331 258.4-.3-5.2H88.5l-1.2 5.2H331Z" fill="#C7DEFF"/><path d="M252.9 248.7H331M216.6 258.4H331M47.1 139.3l-2.6 1.5 42.7 117.6h129.2v-6.6" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m247.2 248.6-40.4-111.3H50.5l40.3 111.3h156.4Z" fill="#fff"/><path d="m247.2 248.6-40.4-111.3H50.5l40.3 111.3h156.4Z" stroke="#071F4D"/><path d="m203.2 153.2 32.2 88.7H97.8l-32.3-88.7" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M72.2 146.9c-.77 0-1.4.63-1.4 1.4 0 .77.63 1.4 1.4 1.4.77 0 1.4-.63 1.4-1.4 0-.77-.63-1.4-1.4-1.4ZM79.3 146.9c-.77 0-1.4.63-1.4 1.4 0 .77.63 1.4 1.4 1.4.77 0 1.4-.63 1.4-1.4 0-.77-.63-1.4-1.4-1.4Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M263.5 171.2h80.3v-63.7h-80.3v63.7Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M290 143.9h-45.6l12.5 51.3H290v-51.3Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M286 117.4h-29.3v77.8h92.9v-67.6l-55.9.6-7.7-10.8Z" fill="#00E4E5"/><path d="m332.6 127.6-38.9.6-7.7-10.8h-11.7M308.9 195.2h45.9M250.3 195.2h28.5M287.3 195.2h12.3" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M130.5 211.4H186v-44h-55.5v44Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M148.7 192.5h-31.6l8.7 35.5h22.9v-35.5Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M145.9 174.2h-20.2V228h64.1v-46.7l-38.6.4-5.3-7.5Z" fill="#006EFF"/><path d="m179 181.3-27.8.4-5.3-7.5h-7.7M176.2 201.7h19.2M163.2 210.7H195M172.1 228h-54.2M184.8 228h8.1M174.9 228h5.4" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m293.2 155.7-6.4 6.3 15.3 15.3 22.7-22.6-6.4-6.4-16.3 16.3-8.9-8.9Z" fill="#fff"/><path d="M57.2 258.4h283.6M345.9 258.4h8.1M55.4 258.4h220.5M160.1 118.8l-1.2 2.7M156.7 127c-.3.8-.7 1.8-1.1 2.8M222 68.5c-1 .2-1.9.5-2.9.8M214.1 70.7c-5.8 1.9-11.3 4.4-16.5 7.4M195.4 79.5c-.9.5-1.7 1.1-2.5 1.6M314.2 98.5c-.6-.8-1.3-1.5-2-2.3M308.9 92.8c-4-4-8.3-7.6-13-10.8M293.9 80.7c-.8-.5-1.7-1.1-2.5-1.6" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M251.296 71.203c-3.6-1.5-18.5-2.9-21.8-1.9-1 5.8 4.9 13.5 4.9 13.5s6-9.9 16.9-11.6Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M251.3 42.704c-6.5 6.7-7.8 13-8.8 19.3 24.4-1.1 36.3 13 42.8 20 3.2-9.1 7.8-23 7.2-29-7.1-6.4-20-11.7-41.2-10.3Z" fill="#C7DEFF"/><path d="M230 69.3c36.2-3.8 52 21.1 52 21.1s11.4-28.2 10.5-37.4c-7.3-6.5-23.3-12-45.6-10.1-9 6.3-15.6 18.7-16.9 26.4Z" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M161.604 70.7c-6 8.4-9.9 21.9-8.8 33.8 8.4 5.3 32.3 10.5 43.6 11.5 6.1-7.9 15.9-26 15.9-26s-32-4.8-50.7-19.3Z" fill="#C7DEFF"/><path d="M193.103 119.5c4.8-2.7 19.2-29.5 19.2-29.5s-35.8-5.4-53.7-21.8c-9.3 6.1-16.4 24.3-15 40.1 10.6 6.7 45.8 13.3 49.5 11.2Z" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M189.5 111.6c-3 5.2-5.7 7.2-9.8 6.6 12.2 2.6 13.5 1.2 15.6-1.1 2.2-2.4 4.2-6.6 4.2-6.6s-3.1 2.5-10 1.1Z" fill="#071F4D"/><path d="M331 251.8v6.6M77 165.4l-2.7-6.7h7.8M222.8 228.9l2.8 6.6h-7.9" stroke="#071F4D"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/fa_imgs/favicon.ico b/src/assets/fa_imgs/favicon.ico
new file mode 100644
index 0000000..9243837
Binary files /dev/null and b/src/assets/fa_imgs/favicon.ico differ
diff --git a/src/assets/fa_imgs/logo.svg b/src/assets/fa_imgs/logo.svg
new file mode 100644
index 0000000..603ad45
--- /dev/null
+++ b/src/assets/fa_imgs/logo.svg
@@ -0,0 +1,70 @@
+<svg width="695" height="695" viewBox="195 164.5 695 695" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="white"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="#ECEFFF"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint0_radial_402_5926)"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint1_radial_402_5926)"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint2_radial_402_5926)"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint3_radial_402_5926)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="white"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="#ECEFFF"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint4_radial_402_5926)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint5_radial_402_5926)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint6_radial_402_5926)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint7_radial_402_5926)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="white"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="#ECEFFF"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint8_radial_402_5926)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint9_radial_402_5926)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint10_radial_402_5926)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint11_radial_402_5926)"/>
+<defs>
+<radialGradient id="paint0_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-137.956 -387.324 387.315 -228.814 483.689 731.186)" gradientUnits="userSpaceOnUse">
+<stop offset="0.634139" stop-color="#1629FF"/>
+<stop offset="1" stop-color="#A274FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint1_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-140.464 -366.075 365.281 -152.396 447.03 691.661)" gradientUnits="userSpaceOnUse">
+<stop offset="0.493539" stop-color="#8258FF"/>
+<stop offset="1" stop-color="#8258FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-111.514 -277.545 374.955 -279.04 405.025 738.373)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="1" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint3_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-190.674 -263.482 350.863 -361.721 469.942 706.034)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="0.690597" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint4_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-186.573 -387.324 523.807 -228.814 804.163 731.186)" gradientUnits="userSpaceOnUse">
+<stop offset="0.634139" stop-color="#1629FF"/>
+<stop offset="1" stop-color="#A274FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint5_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-189.964 -366.075 494.008 -152.396 754.585 691.661)" gradientUnits="userSpaceOnUse">
+<stop offset="0.493539" stop-color="#8258FF"/>
+<stop offset="1" stop-color="#8258FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint6_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-150.813 -277.545 507.091 -279.04 697.777 738.373)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="1" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint7_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-257.868 -263.482 474.509 -361.721 785.571 706.034)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="0.690597" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint8_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-143.901 -163.816 404.006 -96.7753 707.774 729.368)" gradientUnits="userSpaceOnUse">
+<stop offset="0.634139" stop-color="#1629FF"/>
+<stop offset="1" stop-color="#A274FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint9_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-146.517 -154.829 381.023 -64.455 669.536 712.651)" gradientUnits="userSpaceOnUse">
+<stop offset="0.493539" stop-color="#8258FF"/>
+<stop offset="1" stop-color="#8258FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint10_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-116.32 -117.386 391.113 -118.018 625.721 732.407)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="1" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint11_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-198.891 -111.438 365.983 -152.988 693.435 718.729)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="0.690597" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/fa_imgs/白底logo透明.svg b/src/assets/fa_imgs/白底logo透明.svg
new file mode 100644
index 0000000..3e69be7
--- /dev/null
+++ b/src/assets/fa_imgs/白底logo透明.svg
@@ -0,0 +1,70 @@
+<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="white"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="#ECEFFF"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint0_radial_402_5772)"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint1_radial_402_5772)"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint2_radial_402_5772)"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint3_radial_402_5772)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="white"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="#ECEFFF"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint4_radial_402_5772)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint5_radial_402_5772)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint6_radial_402_5772)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint7_radial_402_5772)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="white"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="#ECEFFF"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint8_radial_402_5772)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint9_radial_402_5772)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint10_radial_402_5772)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint11_radial_402_5772)"/>
+<defs>
+<radialGradient id="paint0_radial_402_5772" cx="0" cy="0" r="1" gradientTransform="matrix(-112.689 -593.187 613.696 -244.529 483.689 731.187)" gradientUnits="userSpaceOnUse">
+<stop offset="0.634139" stop-color="#1629FF"/>
+<stop offset="1" stop-color="#A274FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint1_radial_402_5772" cx="0" cy="0" r="1" gradientTransform="matrix(-140.464 -366.075 365.281 -152.396 447.03 691.661)" gradientUnits="userSpaceOnUse">
+<stop offset="0.493539" stop-color="#8258FF"/>
+<stop offset="1" stop-color="#8258FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_402_5772" cx="0" cy="0" r="1" gradientTransform="matrix(-111.514 -277.545 374.955 -279.04 405.025 738.373)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="1" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint3_radial_402_5772" cx="0" cy="0" r="1" gradientTransform="matrix(-190.674 -263.482 350.863 -361.721 469.942 706.034)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="0.690597" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint4_radial_402_5772" cx="0" cy="0" r="1" gradientTransform="matrix(-227.163 -513.187 693.033 -276.545 804.163 731.187)" gradientUnits="userSpaceOnUse">
+<stop offset="0.634139" stop-color="#1629FF"/>
+<stop offset="1" stop-color="#A274FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint5_radial_402_5772" cx="0" cy="0" r="1" gradientTransform="matrix(-189.964 -366.075 494.008 -152.396 754.585 691.661)" gradientUnits="userSpaceOnUse">
+<stop offset="0.493539" stop-color="#8258FF"/>
+<stop offset="1" stop-color="#8258FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint6_radial_402_5772" cx="0" cy="0" r="1" gradientTransform="matrix(-150.813 -277.545 507.091 -279.04 697.777 738.373)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="1" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint7_radial_402_5772" cx="0" cy="0" r="1" gradientTransform="matrix(-257.868 -263.482 474.509 -361.721 785.571 706.034)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="0.690597" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint8_radial_402_5772" cx="0" cy="0" r="1" gradientTransform="matrix(-143.901 -163.816 404.006 -96.7753 707.774 729.368)" gradientUnits="userSpaceOnUse">
+<stop offset="0.634139" stop-color="#1629FF"/>
+<stop offset="1" stop-color="#A274FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint9_radial_402_5772" cx="0" cy="0" r="1" gradientTransform="matrix(-146.517 -154.829 381.023 -64.455 669.536 712.651)" gradientUnits="userSpaceOnUse">
+<stop offset="0.493539" stop-color="#8258FF"/>
+<stop offset="1" stop-color="#8258FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint10_radial_402_5772" cx="0" cy="0" r="1" gradientTransform="matrix(-116.32 -117.386 391.113 -118.018 625.721 732.407)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="1" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint11_radial_402_5772" cx="0" cy="0" r="1" gradientTransform="matrix(-198.891 -111.438 365.983 -152.988 693.435 718.729)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="0.690597" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/fa_imgs/黑底logo透明.svg b/src/assets/fa_imgs/黑底logo透明.svg
new file mode 100644
index 0000000..a8465f8
--- /dev/null
+++ b/src/assets/fa_imgs/黑底logo透明.svg
@@ -0,0 +1,70 @@
+<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="white"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="#ECEFFF"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint0_radial_402_5926)"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint1_radial_402_5926)"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint2_radial_402_5926)"/>
+<path d="M498.848 411.545C497.534 414.363 494.707 416.164 491.598 416.164H321.164C315.641 416.164 311.164 420.641 311.164 426.164V502C311.164 507.523 315.641 512 321.164 512H439.448C445.3 512 449.172 518.077 446.699 523.381L399.992 623.545C398.678 626.363 395.85 628.164 392.741 628.164H321.164C315.641 628.164 311.164 632.641 311.164 638.164V716C311.164 720.418 307.582 724 303.164 724H203C198.582 724 195 720.418 195 716V310C195 304.477 199.477 300 205 300H538.305C544.157 300 548.028 306.077 545.555 311.381L498.848 411.545Z" fill="url(#paint3_radial_402_5926)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="white"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="#ECEFFF"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint4_radial_402_5926)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint5_radial_402_5926)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint6_radial_402_5926)"/>
+<path d="M688.908 560.322C686.291 554.709 690.77 548.423 696.893 549.353C757.064 558.491 810.471 588.221 849.703 631.13C850.244 631.721 850.689 632.392 851.027 633.118L888.099 712.619C890.572 717.923 886.701 724 880.849 724H770.33C767.221 724 764.393 722.199 763.079 719.381L688.908 560.322ZM518.744 719.381C517.43 722.199 514.602 724 511.493 724H421.614C416.148 724 412.297 718.637 414.255 713.534C442.643 639.551 503.816 581.812 579.989 558.107C586.39 556.114 591.818 562.67 588.985 568.746L518.744 719.381ZM704.825 319.586C704.844 319.626 704.877 319.659 704.917 319.678L704.956 319.696C705.03 319.731 705.062 319.819 705.027 319.893C705.009 319.933 705.009 319.979 705.027 320.019L807.477 539.725C810.905 547.077 802.133 554.798 794.992 550.951C758.455 531.27 717.22 519.187 673.402 516.817C670.405 516.655 667.72 514.883 666.451 512.163L648.161 472.939C645.29 466.781 636.532 466.781 633.66 472.939L613.528 516.112C612.404 518.523 610.151 520.21 607.53 520.664C559.993 528.902 516.417 548.698 479.804 577.052C472.49 582.716 458.831 572.994 462.741 564.609L576.796 320.02C576.814 319.98 576.814 319.934 576.795 319.894C576.761 319.819 576.793 319.73 576.867 319.695L576.906 319.677C576.947 319.658 576.98 319.625 576.999 319.584L583.978 304.619C585.292 301.801 588.119 300 591.228 300H690.596C693.705 300 696.532 301.801 697.846 304.619L704.825 319.586Z" fill="url(#paint7_radial_402_5926)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="white"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="#ECEFFF"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint8_radial_402_5926)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint9_radial_402_5926)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint10_radial_402_5926)"/>
+<path d="M656.303 547C697.059 547 735.69 556.094 770.28 572.362C775.259 574.704 773.176 582.062 767.674 582.062C666.005 582.062 577.554 638.65 532.097 722.047C530.671 724.664 527.945 726.328 524.965 726.328H414.524C409.01 726.328 405.156 720.88 407.2 715.76C446.677 616.873 543.33 547 656.303 547Z" fill="url(#paint11_radial_402_5926)"/>
+<defs>
+<radialGradient id="paint0_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-137.956 -387.324 387.315 -228.814 483.689 731.186)" gradientUnits="userSpaceOnUse">
+<stop offset="0.634139" stop-color="#1629FF"/>
+<stop offset="1" stop-color="#A274FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint1_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-140.464 -366.075 365.281 -152.396 447.03 691.661)" gradientUnits="userSpaceOnUse">
+<stop offset="0.493539" stop-color="#8258FF"/>
+<stop offset="1" stop-color="#8258FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-111.514 -277.545 374.955 -279.04 405.025 738.373)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="1" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint3_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-190.674 -263.482 350.863 -361.721 469.942 706.034)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="0.690597" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint4_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-186.573 -387.324 523.807 -228.814 804.163 731.186)" gradientUnits="userSpaceOnUse">
+<stop offset="0.634139" stop-color="#1629FF"/>
+<stop offset="1" stop-color="#A274FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint5_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-189.964 -366.075 494.008 -152.396 754.585 691.661)" gradientUnits="userSpaceOnUse">
+<stop offset="0.493539" stop-color="#8258FF"/>
+<stop offset="1" stop-color="#8258FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint6_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-150.813 -277.545 507.091 -279.04 697.777 738.373)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="1" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint7_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-257.868 -263.482 474.509 -361.721 785.571 706.034)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="0.690597" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint8_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-143.901 -163.816 404.006 -96.7753 707.774 729.368)" gradientUnits="userSpaceOnUse">
+<stop offset="0.634139" stop-color="#1629FF"/>
+<stop offset="1" stop-color="#A274FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint9_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-146.517 -154.829 381.023 -64.455 669.536 712.651)" gradientUnits="userSpaceOnUse">
+<stop offset="0.493539" stop-color="#8258FF"/>
+<stop offset="1" stop-color="#8258FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint10_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-116.32 -117.386 391.113 -118.018 625.721 732.407)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="1" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint11_radial_402_5926" cx="0" cy="0" r="1" gradientTransform="matrix(-198.891 -111.438 365.983 -152.988 693.435 718.729)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#59B2FF"/>
+<stop offset="0.690597" stop-color="#5EB4FF" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/3d/icon1.webp b/src/assets/images/3d/icon1.webp
new file mode 100644
index 0000000..631094c
Binary files /dev/null and b/src/assets/images/3d/icon1.webp differ
diff --git a/src/assets/images/3d/icon2.webp b/src/assets/images/3d/icon2.webp
new file mode 100644
index 0000000..a9e4742
Binary files /dev/null and b/src/assets/images/3d/icon2.webp differ
diff --git a/src/assets/images/3d/icon3.webp b/src/assets/images/3d/icon3.webp
new file mode 100644
index 0000000..5e5994d
Binary files /dev/null and b/src/assets/images/3d/icon3.webp differ
diff --git a/src/assets/images/3d/icon4.webp b/src/assets/images/3d/icon4.webp
new file mode 100644
index 0000000..522108f
Binary files /dev/null and b/src/assets/images/3d/icon4.webp differ
diff --git a/src/assets/images/3d/icon5.webp b/src/assets/images/3d/icon5.webp
new file mode 100644
index 0000000..b8f794d
Binary files /dev/null and b/src/assets/images/3d/icon5.webp differ
diff --git a/src/assets/images/3d/icon6.webp b/src/assets/images/3d/icon6.webp
new file mode 100644
index 0000000..c955494
Binary files /dev/null and b/src/assets/images/3d/icon6.webp differ
diff --git a/src/assets/images/3d/icon7.webp b/src/assets/images/3d/icon7.webp
new file mode 100644
index 0000000..8aa26ee
Binary files /dev/null and b/src/assets/images/3d/icon7.webp differ
diff --git a/src/assets/images/3d/icon8.webp b/src/assets/images/3d/icon8.webp
new file mode 100644
index 0000000..609c4ee
Binary files /dev/null and b/src/assets/images/3d/icon8.webp differ
diff --git a/src/assets/images/avatar/avatar.webp b/src/assets/images/avatar/avatar.webp
new file mode 100644
index 0000000..bea307b
Binary files /dev/null and b/src/assets/images/avatar/avatar.webp differ
diff --git a/src/assets/images/avatar/avatar1.webp b/src/assets/images/avatar/avatar1.webp
new file mode 100644
index 0000000..68e256c
Binary files /dev/null and b/src/assets/images/avatar/avatar1.webp differ
diff --git a/src/assets/images/avatar/avatar10.webp b/src/assets/images/avatar/avatar10.webp
new file mode 100644
index 0000000..a813d4c
Binary files /dev/null and b/src/assets/images/avatar/avatar10.webp differ
diff --git a/src/assets/images/avatar/avatar2.webp b/src/assets/images/avatar/avatar2.webp
new file mode 100644
index 0000000..6716e3f
Binary files /dev/null and b/src/assets/images/avatar/avatar2.webp differ
diff --git a/src/assets/images/avatar/avatar3.webp b/src/assets/images/avatar/avatar3.webp
new file mode 100644
index 0000000..7355ad4
Binary files /dev/null and b/src/assets/images/avatar/avatar3.webp differ
diff --git a/src/assets/images/avatar/avatar4.webp b/src/assets/images/avatar/avatar4.webp
new file mode 100644
index 0000000..56a9549
Binary files /dev/null and b/src/assets/images/avatar/avatar4.webp differ
diff --git a/src/assets/images/avatar/avatar5.webp b/src/assets/images/avatar/avatar5.webp
new file mode 100644
index 0000000..f78400c
Binary files /dev/null and b/src/assets/images/avatar/avatar5.webp differ
diff --git a/src/assets/images/avatar/avatar6.webp b/src/assets/images/avatar/avatar6.webp
new file mode 100644
index 0000000..9771b78
Binary files /dev/null and b/src/assets/images/avatar/avatar6.webp differ
diff --git a/src/assets/images/avatar/avatar7.webp b/src/assets/images/avatar/avatar7.webp
new file mode 100644
index 0000000..e5ef6fe
Binary files /dev/null and b/src/assets/images/avatar/avatar7.webp differ
diff --git a/src/assets/images/avatar/avatar8.webp b/src/assets/images/avatar/avatar8.webp
new file mode 100644
index 0000000..b66e48f
Binary files /dev/null and b/src/assets/images/avatar/avatar8.webp differ
diff --git a/src/assets/images/avatar/avatar9.webp b/src/assets/images/avatar/avatar9.webp
new file mode 100644
index 0000000..7974139
Binary files /dev/null and b/src/assets/images/avatar/avatar9.webp differ
diff --git a/src/assets/images/ceremony/hb.png b/src/assets/images/ceremony/hb.png
new file mode 100644
index 0000000..4103324
Binary files /dev/null and b/src/assets/images/ceremony/hb.png differ
diff --git a/src/assets/images/ceremony/sd.png b/src/assets/images/ceremony/sd.png
new file mode 100644
index 0000000..75ec838
Binary files /dev/null and b/src/assets/images/ceremony/sd.png differ
diff --git a/src/assets/images/ceremony/xc.png b/src/assets/images/ceremony/xc.png
new file mode 100644
index 0000000..9c7ab67
Binary files /dev/null and b/src/assets/images/ceremony/xc.png differ
diff --git a/src/assets/images/ceremony/yd.png b/src/assets/images/ceremony/yd.png
new file mode 100644
index 0000000..426912d
Binary files /dev/null and b/src/assets/images/ceremony/yd.png differ
diff --git a/src/assets/images/common/logo.png b/src/assets/images/common/logo.png
new file mode 100644
index 0000000..8183496
Binary files /dev/null and b/src/assets/images/common/logo.png differ
diff --git a/src/assets/images/cover/img1.webp b/src/assets/images/cover/img1.webp
new file mode 100644
index 0000000..ebcd0c5
Binary files /dev/null and b/src/assets/images/cover/img1.webp differ
diff --git a/src/assets/images/cover/img10.webp b/src/assets/images/cover/img10.webp
new file mode 100644
index 0000000..c6f53e3
Binary files /dev/null and b/src/assets/images/cover/img10.webp differ
diff --git a/src/assets/images/cover/img2.webp b/src/assets/images/cover/img2.webp
new file mode 100644
index 0000000..747580f
Binary files /dev/null and b/src/assets/images/cover/img2.webp differ
diff --git a/src/assets/images/cover/img3.webp b/src/assets/images/cover/img3.webp
new file mode 100644
index 0000000..4fbe638
Binary files /dev/null and b/src/assets/images/cover/img3.webp differ
diff --git a/src/assets/images/cover/img4.webp b/src/assets/images/cover/img4.webp
new file mode 100644
index 0000000..2dd1139
Binary files /dev/null and b/src/assets/images/cover/img4.webp differ
diff --git a/src/assets/images/cover/img5.webp b/src/assets/images/cover/img5.webp
new file mode 100644
index 0000000..392f0bd
Binary files /dev/null and b/src/assets/images/cover/img5.webp differ
diff --git a/src/assets/images/cover/img6.webp b/src/assets/images/cover/img6.webp
new file mode 100644
index 0000000..bf3537a
Binary files /dev/null and b/src/assets/images/cover/img6.webp differ
diff --git a/src/assets/images/cover/img7.webp b/src/assets/images/cover/img7.webp
new file mode 100644
index 0000000..bebbade
Binary files /dev/null and b/src/assets/images/cover/img7.webp differ
diff --git a/src/assets/images/cover/img8.webp b/src/assets/images/cover/img8.webp
new file mode 100644
index 0000000..0b38bfc
Binary files /dev/null and b/src/assets/images/cover/img8.webp differ
diff --git a/src/assets/images/cover/img9.webp b/src/assets/images/cover/img9.webp
new file mode 100644
index 0000000..b87cca6
Binary files /dev/null and b/src/assets/images/cover/img9.webp differ
diff --git a/src/assets/images/draw/draw1.png b/src/assets/images/draw/draw1.png
new file mode 100644
index 0000000..da5d87a
Binary files /dev/null and b/src/assets/images/draw/draw1.png differ
diff --git a/src/assets/images/lock/bg_dark.webp b/src/assets/images/lock/bg_dark.webp
new file mode 100644
index 0000000..1c33435
Binary files /dev/null and b/src/assets/images/lock/bg_dark.webp differ
diff --git a/src/assets/images/lock/bg_light.webp b/src/assets/images/lock/bg_light.webp
new file mode 100644
index 0000000..00efbd9
Binary files /dev/null and b/src/assets/images/lock/bg_light.webp differ
diff --git a/src/assets/images/login/lf_icon2.webp b/src/assets/images/login/lf_icon2.webp
new file mode 100644
index 0000000..5e4f3fd
Binary files /dev/null and b/src/assets/images/login/lf_icon2.webp differ
diff --git a/src/assets/images/safeguard/server.png b/src/assets/images/safeguard/server.png
new file mode 100644
index 0000000..d7eee9d
Binary files /dev/null and b/src/assets/images/safeguard/server.png differ
diff --git a/src/assets/images/settings/menu_layouts/dual_column.png b/src/assets/images/settings/menu_layouts/dual_column.png
new file mode 100644
index 0000000..9b868ca
Binary files /dev/null and b/src/assets/images/settings/menu_layouts/dual_column.png differ
diff --git a/src/assets/images/settings/menu_layouts/horizontal.png b/src/assets/images/settings/menu_layouts/horizontal.png
new file mode 100644
index 0000000..ca779bc
Binary files /dev/null and b/src/assets/images/settings/menu_layouts/horizontal.png differ
diff --git a/src/assets/images/settings/menu_layouts/mixed.png b/src/assets/images/settings/menu_layouts/mixed.png
new file mode 100644
index 0000000..c82b580
Binary files /dev/null and b/src/assets/images/settings/menu_layouts/mixed.png differ
diff --git a/src/assets/images/settings/menu_layouts/vertical.png b/src/assets/images/settings/menu_layouts/vertical.png
new file mode 100644
index 0000000..16e942b
Binary files /dev/null and b/src/assets/images/settings/menu_layouts/vertical.png differ
diff --git a/src/assets/images/settings/menu_styles/dark.png b/src/assets/images/settings/menu_styles/dark.png
new file mode 100644
index 0000000..e1653b7
Binary files /dev/null and b/src/assets/images/settings/menu_styles/dark.png differ
diff --git a/src/assets/images/settings/menu_styles/design.png b/src/assets/images/settings/menu_styles/design.png
new file mode 100644
index 0000000..7681aa8
Binary files /dev/null and b/src/assets/images/settings/menu_styles/design.png differ
diff --git a/src/assets/images/settings/menu_styles/light.png b/src/assets/images/settings/menu_styles/light.png
new file mode 100644
index 0000000..3007b99
Binary files /dev/null and b/src/assets/images/settings/menu_styles/light.png differ
diff --git a/src/assets/images/settings/theme_styles/dark.png b/src/assets/images/settings/theme_styles/dark.png
new file mode 100644
index 0000000..e8c6e44
Binary files /dev/null and b/src/assets/images/settings/theme_styles/dark.png differ
diff --git a/src/assets/images/settings/theme_styles/light.png b/src/assets/images/settings/theme_styles/light.png
new file mode 100644
index 0000000..6754238
Binary files /dev/null and b/src/assets/images/settings/theme_styles/light.png differ
diff --git a/src/assets/images/settings/theme_styles/system.png b/src/assets/images/settings/theme_styles/system.png
new file mode 100644
index 0000000..6a6baa9
Binary files /dev/null and b/src/assets/images/settings/theme_styles/system.png differ
diff --git a/src/assets/images/svg/401.svg b/src/assets/images/svg/401.svg
new file mode 100644
index 0000000..68790ad
--- /dev/null
+++ b/src/assets/images/svg/401.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="94" y="34" width="212" height="233"><path d="M306 34H94v233h212V34Z" fill="#fff"/></mask><g mask="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M234.427 155.64h38.36V69.6h-38.36v86.04ZM113.326 155.64h121.1V69.6h-121.1v86.04Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M130.126 155.354h104.2v-72.95h-104.2v72.95ZM236.369 71.05s0 3.3 1.65 5.05c2.33 2.52 7.38-.2 7.38-.2s-1.75 5.15-1.55 10.19c.29 8.24 6.99 9.51 10 4.75 4.56 4.85 8.94-.29 9.52-2.62 4.27 4.76 9.32-.87 9.32-.87v-6.3l-23.99-12.13-12.33 2.13Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M234.429 155.641h-121.1l-15.93 32.11h121.1l15.93-32.11Z" fill="#fff"/><path d="M234.427 69.6h38.46v86.04M113.326 146.52V69.6h121.1M234.429 155.641l-15.93 32.11h-121.1l15.93-32.11h111.39" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M226.37 159.715H116.82l-12.04 23.86H215l11.37-23.86Z" fill="#006EFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="m288.807 187.751-15.92-32.11h-38.46l16.02 32.11h38.36Z" fill="#fff"/><path d="m238.607 163.981 11.84 23.77h38.36l-15.92-32.11h-38.46" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M207.336 223.734c-3.69-13.77-15.44-23.86-29.33-23.86h-8.65s-27.09 14.94-27.09 33.27c0 18.34 25.44 33.18 25.44 33.18h10.4c13.79-.1 25.44-10.19 29.13-23.87 1.75-12.51 0-18.62.1-18.72Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M243.459 240.421c3.98 0 7.28-3.3 7.28-7.27 0-3.98-3.3-7.28-7.28-7.28h-31.08c-3.98 0-7.28 3.3-7.28 7.28 0 3.97 3.3 7.27 7.28 7.27h31.08Z" fill="#C7DEFF"/><path d="M210.342 223.737c-4.08-13.87-16.9-23.96-32.05-23.96H168.972s-29.62 14.94-29.62 33.37 27.87 33.37 27.87 33.37h11.27c15.05-.1 27.77-10.19 31.75-23.96" stroke="#071F4D"/><path d="M212.379 240.421c-3.98 0-7.28-3.3-7.28-7.27m0 0c0-3.98 3.3-7.28 7.28-7.28" stroke="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M168.781 199.777c-18.45 0-33.41 14.94-33.41 33.37s14.96 33.37 33.41 33.37c18.45 0 33.4-14.94 33.4-33.37s-14.95-33.37-33.4-33.37Z" fill="#006EFF"/><path d="M168.781 199.777c-18.45 0-33.41 14.94-33.41 33.37s14.96 33.37 33.41 33.37c18.45 0 33.4-14.94 33.4-33.37s-14.95-33.37-33.4-33.37Z" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M168.775 209.38c-13.14 0-23.79 10.64-23.79 23.77 0 13.12 10.65 23.76 23.79 23.76 13.14 0 23.8-10.64 23.8-23.76 0-13.13-10.66-23.77-23.8-23.77Z" fill="#00E4E5"/><path d="M162.174 223.736a17.48 17.48 0 0 1 14.76-8.05M159.455 231.982c.1-1.36.29-2.62.68-3.88" stroke="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M173.535 209.87c-1.55-.3-3.11-.49-4.76-.49-13.11 0-23.79 10.67-23.79 23.77 0 13.09 10.68 23.76 23.79 23.76 1.65 0 3.21-.19 4.76-.48-10.88-2.23-19.03-11.84-19.03-23.28 0-11.45 8.15-21.05 19.03-23.28Z" fill="#071F4D"/><path d="M219.957 225.774h23.6c4.08 0 7.38 3.3 7.38 7.37m0 0c0 4.08-3.3 7.37-7.38 7.37h-20.1M212.091 225.774h3.3" stroke="#071F4D"/><path d="m248.894 34.485-.19 18.24c0 4.07-.39 5.23-2.14 6.79-8.15 6.88-10.97 9.02-9.22 12.9 1.45 3.2 6.79 2.23 9.61-1.55-.39 4.56-5.24 15.32-.58 18.04 4.37 2.52 6.89-3.49 6.89-3.49s.49 3.49 4.47 3.49c3.69 0 5.24-4.75 5.24-4.75s2.14 3.49 6.22 1.35c3.11-1.55 5.44-7.08 5.44-26.67v-24.35" fill="#fff"/><path d="m248.894 34.485-.19 18.24c0 4.07-.39 5.23-2.14 6.79-8.15 6.88-10.97 9.02-9.22 12.9 1.45 3.2 6.79 2.23 9.61-1.55-.39 4.56-5.24 15.32-.58 18.04 4.37 2.52 6.89-3.49 6.89-3.49s.49 3.49 4.47 3.49c3.69 0 5.24-4.75 5.24-4.75s2.14 3.49 6.22 1.35c3.11-1.55 5.44-7.08 5.44-26.67v-24.35" stroke="#071F4D"/><path d="M255.307 75.71s-.39 5.43-2.04 9.6l2.04-9.6Z" fill="#fff"/><path d="M255.307 75.71s-.39 5.43-2.04 9.6" stroke="#071F4D"/><path d="M264.921 75.323s-.68 5.24-2.04 8.63l2.04-8.63Z" fill="#fff"/><path d="M264.921 75.323s-.68 5.24-2.04 8.63M147.801 34.485v34.92M121.775 34.485v34.92M102.546 204.724v13.97M102.546 222.379v.87M102.546 197.934v3.49M115.268 206.955v26.29M115.268 239.451v5.34M244.43 197.643v11.93M244.43 213.939v3.49M270.359 201.232v33.76M115.369 47.774h-13.6M94.486 47.774h3.4M241.516 47.774h-84.1M280.168 47.774h25.35" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m282.497 183.575-12.04-23.86h-27.29l11.36 23.86h27.97Z" fill="#00E4E5"/><path d="M234.427 134.88V69.6M234.427 140.412v7.66" stroke="#071F4D"/><path d="M220.831 228.684h16.99M240.934 228.684h2.43" stroke="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="m223.842 187.462 21.46-.2-10.97-20.66-10.49 20.86Z" fill="#071F4D"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/403.svg b/src/assets/images/svg/403.svg
new file mode 100644
index 0000000..68790ad
--- /dev/null
+++ b/src/assets/images/svg/403.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="94" y="34" width="212" height="233"><path d="M306 34H94v233h212V34Z" fill="#fff"/></mask><g mask="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M234.427 155.64h38.36V69.6h-38.36v86.04ZM113.326 155.64h121.1V69.6h-121.1v86.04Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M130.126 155.354h104.2v-72.95h-104.2v72.95ZM236.369 71.05s0 3.3 1.65 5.05c2.33 2.52 7.38-.2 7.38-.2s-1.75 5.15-1.55 10.19c.29 8.24 6.99 9.51 10 4.75 4.56 4.85 8.94-.29 9.52-2.62 4.27 4.76 9.32-.87 9.32-.87v-6.3l-23.99-12.13-12.33 2.13Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M234.429 155.641h-121.1l-15.93 32.11h121.1l15.93-32.11Z" fill="#fff"/><path d="M234.427 69.6h38.46v86.04M113.326 146.52V69.6h121.1M234.429 155.641l-15.93 32.11h-121.1l15.93-32.11h111.39" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M226.37 159.715H116.82l-12.04 23.86H215l11.37-23.86Z" fill="#006EFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="m288.807 187.751-15.92-32.11h-38.46l16.02 32.11h38.36Z" fill="#fff"/><path d="m238.607 163.981 11.84 23.77h38.36l-15.92-32.11h-38.46" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M207.336 223.734c-3.69-13.77-15.44-23.86-29.33-23.86h-8.65s-27.09 14.94-27.09 33.27c0 18.34 25.44 33.18 25.44 33.18h10.4c13.79-.1 25.44-10.19 29.13-23.87 1.75-12.51 0-18.62.1-18.72Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M243.459 240.421c3.98 0 7.28-3.3 7.28-7.27 0-3.98-3.3-7.28-7.28-7.28h-31.08c-3.98 0-7.28 3.3-7.28 7.28 0 3.97 3.3 7.27 7.28 7.27h31.08Z" fill="#C7DEFF"/><path d="M210.342 223.737c-4.08-13.87-16.9-23.96-32.05-23.96H168.972s-29.62 14.94-29.62 33.37 27.87 33.37 27.87 33.37h11.27c15.05-.1 27.77-10.19 31.75-23.96" stroke="#071F4D"/><path d="M212.379 240.421c-3.98 0-7.28-3.3-7.28-7.27m0 0c0-3.98 3.3-7.28 7.28-7.28" stroke="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M168.781 199.777c-18.45 0-33.41 14.94-33.41 33.37s14.96 33.37 33.41 33.37c18.45 0 33.4-14.94 33.4-33.37s-14.95-33.37-33.4-33.37Z" fill="#006EFF"/><path d="M168.781 199.777c-18.45 0-33.41 14.94-33.41 33.37s14.96 33.37 33.41 33.37c18.45 0 33.4-14.94 33.4-33.37s-14.95-33.37-33.4-33.37Z" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M168.775 209.38c-13.14 0-23.79 10.64-23.79 23.77 0 13.12 10.65 23.76 23.79 23.76 13.14 0 23.8-10.64 23.8-23.76 0-13.13-10.66-23.77-23.8-23.77Z" fill="#00E4E5"/><path d="M162.174 223.736a17.48 17.48 0 0 1 14.76-8.05M159.455 231.982c.1-1.36.29-2.62.68-3.88" stroke="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M173.535 209.87c-1.55-.3-3.11-.49-4.76-.49-13.11 0-23.79 10.67-23.79 23.77 0 13.09 10.68 23.76 23.79 23.76 1.65 0 3.21-.19 4.76-.48-10.88-2.23-19.03-11.84-19.03-23.28 0-11.45 8.15-21.05 19.03-23.28Z" fill="#071F4D"/><path d="M219.957 225.774h23.6c4.08 0 7.38 3.3 7.38 7.37m0 0c0 4.08-3.3 7.37-7.38 7.37h-20.1M212.091 225.774h3.3" stroke="#071F4D"/><path d="m248.894 34.485-.19 18.24c0 4.07-.39 5.23-2.14 6.79-8.15 6.88-10.97 9.02-9.22 12.9 1.45 3.2 6.79 2.23 9.61-1.55-.39 4.56-5.24 15.32-.58 18.04 4.37 2.52 6.89-3.49 6.89-3.49s.49 3.49 4.47 3.49c3.69 0 5.24-4.75 5.24-4.75s2.14 3.49 6.22 1.35c3.11-1.55 5.44-7.08 5.44-26.67v-24.35" fill="#fff"/><path d="m248.894 34.485-.19 18.24c0 4.07-.39 5.23-2.14 6.79-8.15 6.88-10.97 9.02-9.22 12.9 1.45 3.2 6.79 2.23 9.61-1.55-.39 4.56-5.24 15.32-.58 18.04 4.37 2.52 6.89-3.49 6.89-3.49s.49 3.49 4.47 3.49c3.69 0 5.24-4.75 5.24-4.75s2.14 3.49 6.22 1.35c3.11-1.55 5.44-7.08 5.44-26.67v-24.35" stroke="#071F4D"/><path d="M255.307 75.71s-.39 5.43-2.04 9.6l2.04-9.6Z" fill="#fff"/><path d="M255.307 75.71s-.39 5.43-2.04 9.6" stroke="#071F4D"/><path d="M264.921 75.323s-.68 5.24-2.04 8.63l2.04-8.63Z" fill="#fff"/><path d="M264.921 75.323s-.68 5.24-2.04 8.63M147.801 34.485v34.92M121.775 34.485v34.92M102.546 204.724v13.97M102.546 222.379v.87M102.546 197.934v3.49M115.268 206.955v26.29M115.268 239.451v5.34M244.43 197.643v11.93M244.43 213.939v3.49M270.359 201.232v33.76M115.369 47.774h-13.6M94.486 47.774h3.4M241.516 47.774h-84.1M280.168 47.774h25.35" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m282.497 183.575-12.04-23.86h-27.29l11.36 23.86h27.97Z" fill="#00E4E5"/><path d="M234.427 134.88V69.6M234.427 140.412v7.66" stroke="#071F4D"/><path d="M220.831 228.684h16.99M240.934 228.684h2.43" stroke="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="m223.842 187.462 21.46-.2-10.97-20.66-10.49 20.86Z" fill="#071F4D"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/404.svg b/src/assets/images/svg/404.svg
new file mode 100644
index 0000000..48e1ca3
--- /dev/null
+++ b/src/assets/images/svg/404.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M290.7 38.4h-50.3v63.5h50.3V38.4Zm-16 47.5V54.4h-18.3v31.5h18.3ZM199 71.3V38.7h-16v48.6h32v14.6h16V38.7h-16v32.6h-16ZM331.7 87.3v14.6h16V38.7h-16v32.6h-16V38.7h-16v48.6h32Z" fill="#DEEBFC"/><path d="M324.3 119.5h24.1v-17.4h-24.1" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M218.5 120H69.4v11.5h130.5l18.6-11.5ZM231.5 131.5h117.2V120H231.5v11.5Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M348.4 119.5v-17.4h-24.1v17.4h24.1Z" fill="#071F4D"/><path d="M159.6 119.5h164.9V102H169.2M114.8 102H57.9v17.5h39.6" stroke="#071F4D"/><path d="M242.5 223.2V98.7c0-3.6 2.9-6.6 6.6-6.6m0 0c3.6 0 6.6 2.9 6.6 6.6v2.8M243.1 153.9h53.1M243.1 193.9h53.1M296.5 219.1V98.8c0-3.6 2.9-6.6 6.6-6.6 3.6 0 6.6 2.9 6.6 6.6v2.8" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m140.5 96.4 15.9 12.9 6.6-9.4-12.2-11.2-8.2 5.8-2.1 1.9Z" fill="#C7DEFF"/><path d="m170.2 93.5-4.2 4-3-2.4" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M150.2 87.1s3.7-5.3 8.1-3.9c2.7.8 1.7-1.6 1.7-1.6l-9.2-5.6-3.9 8.5 3.3 2.6Z" fill="#C7DEFF"/><path d="m148 85.5 13 12.1" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M179.202 87.001c.9-.1 1.7-.6 2.3-1.4.6-.6.9-1.4.8-1.9-.2-1.1-38.4-36-39.6-37.1-.7-.6-2-.7-3.3 0-.7.3-1.3 1-1.8 1.9 0 0-3 .4 1.3 11.1 4.3 10.6 6.6 19.1 6.6 19.1s-1.8 4.1-2.8 6.6c-.9 1.7 5.8 2.1 8.4-4.4 4.4.8 13.6 3.4 19 12.6v.1c1.1 1.9 1.9 1.2 2.4.9 3.2-2.4 7.2-5.8 6.7-7.5Z" fill="#00E4E5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M182.3 83.802c-.2-1.1-38.4-36-39.6-37.1-.7-.6-2-.7-3.3 0l42.2 39c.5-.7.8-1.4.7-1.9Z" fill="#071F4D"/><path d="M137.8 48.4 179.2 87M140.4 63.2l5.2-3.9M143.6 72.4s3.2-2.1 6.8-2.3M144.8 75.903c.6-.2 5.4-1.8 7.7-1.5M142.3 91.6l4.2-3.8M159.9 103.9l5-6.5" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m206.1 129.6 11.7 16.7 9-7.2-8.7-14.1-9.5 3.3-2.5 1.3Z" fill="#C7DEFF"/><path d="m235.4 134.9-5.2 2.7-2.2-3.2" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M217.9 123.3s4.9-4.1 8.8-1.6c2.4 1.5 2.1-1.1 2.1-1.1l-7.3-7.9-6.1 7.2 2.5 3.4Z" fill="#C7DEFF"/><path d="m216.2 121.1 9.2 15.2" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M237.397 136.399c3.7-1.4 8.5-3.7 8.5-5.4.8.2 1.8-.1 2.6-.7.7-.4 1.3-1 1.3-1.6.1-1.2-27.2-45.1-28.1-46.5-.5-.7-1.8-1.1-3.2-.8-.8.2-1.6.6-2.3 1.4 0 0-3-.4-1.8 11 1.3 11.4 1.2 20.2 1.2 20.2s-2.8 3.5-4.4 5.6c-1.3 1.4 5 3.5 9.3-2 4.1 1.9 12.2 6.9 14.9 17.2v.1c.5 2.1 1.5 1.7 2 1.5Z" fill="#00E4E5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M249.8 128.699c.1-1.2-27.2-45.1-28.1-46.5-.5-.7-1.8-1.1-3.2-.8l30 49c.6-.5 1.2-1.1 1.3-1.7Z" fill="#071F4D"/><path d="m216.5 82.6 29.4 48.4M214.9 97.6l6.1-2.3M215.5 107.395s3.7-1.2 7.2-.4M215.7 111.098c.6 0 5.7-.3 7.8.7M209.1 125.5l5-2.5M222.7 142.1l6.5-4.9" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M208.2 122c-2.5 1-29.9 15.6-47.1 28.8-17.2 13.2-27 23.3-30.3 30.3-1.8 3.6-2.4 4.4-2.4 4.4-1.3-3.4-3.6-10.1-3.9-12.4-.4-4.1 0-9 3.3-14.3 3.3-5.3 27.4-43.9 32.4-51.9-2.4-1.9-8.2-6.8-19.8-16.9-3.4 2.8-35.6 29.9-44.6 38.5-9 8.6-10.8 15.7-10.8 29.3v63.6s25.2 3.9 44.3 2.1c19.1-1.8 44.1-4.1 44.1-4.1s-2.6-29.6 2.9-36.1c5.4-6.5 41.6-34.2 45.5-37.5-3.8-7.5-9-15.8-13.6-23.8Z" fill="#006EFF"/><path d="M154.103 116.7c-9 14.4-23.8 38.1-26.3 42.1-3.3 5.3-3.7 10.2-3.3 14.3M85.1 215.7v-57.9c0-13.6 1.8-20.8 10.8-29.3 1.8-1.7 4.5-4.2 7.8-7.1M197.402 165.1c-9.5 7.6-18.6 15.2-21.1 18.2-5.4 6.5-2.9 36.1-2.9 36.1M123.4 218.3s4.2-30.3 7.5-37.2c3.3-6.9 13-17.1 30.3-30.3 10.5-8.1 24.9-16.6 35-22.3" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M173.1 256.4v-8h-68V264s14.2-5.5 31.1-3.8c29.1 2.9 36.8-3.8 36.8-3.8h.1ZM271.5 255.1h-31.1v9.2s6.5-5.5 14.2-3.8c13.4 2.9 16.9-3.8 16.9-3.8v-1.6Z" fill="#C7DEFF"/><path d="M105.2 245h51.9M240.7 251.7h30.6M165.6 245h7.2M56.7 219.6c10.4 0 17.4.5 23.2 1.1 11.4 1.3 18.4 3.1 39 3.1 31.1 0 31.1-4.3 62.2-4.3s31.2 4.3 51.5 4.3 27.7-5.8 51.5-5.8c15.1 0 20.4 5.8 51.5 5.8" stroke="#071F4D"/><path d="M284.1 218c16.2 0 21.5 5.8 51.5 5.8" stroke="#071F4D"/><path d="M159.5 203.5v6.2M202.4 146.7l-31.6 25.9c-7.1 5.9-11.3 14.7-11.3 23.9M206.7 143.2l2.7-2.3M138.098 118.6l-19.2 24c-7.5 9.4-11.3 21.3-10.6 33.3l2.4 38.5M143.6 111.7l3.2-4" stroke="#DEEBFC"/><path d="m141.8 178.4 6-1.1M94.5 140.6l5.4-4" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M135.2 236.099c7.395-.581 13.632-1.202 19.262-1.762 19.569-1.948 31.803-3.166 59.838.562 24.429 3.262 31.821 1.804 43.661-.53 3.766-.743 7.982-1.574 13.339-2.37 14.976-2.226 25.902.28 35.11 2.393 4.442 1.019 8.485 1.946 12.39 2.207 12 .7 16.8-.3 16.8-.3v-9.6c-.1.04-4.95.99-16.8.3-3.972-.232-8.097-1.176-12.641-2.215-9.183-2.101-20.074-4.593-34.859-2.385-5.305.792-9.493 1.619-13.239 2.358-11.858 2.342-19.291 3.809-43.761.542-28.035-3.728-40.269-2.51-59.838-.562-5.63.56-11.867 1.181-19.262 1.762-15.1 1.2-36.9 1.3-60-2.2-10.8-1.6-18.7-1.1-18.7-1.1v9.6s7.9-.5 18.7 1.1c23.1 3.5 44.9 3.4 60 2.2Z" fill="#C7DEFF"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/500.svg b/src/assets/images/svg/500.svg
new file mode 100644
index 0000000..512429f
--- /dev/null
+++ b/src/assets/images/svg/500.svg
@@ -0,0 +1,5 @@
+<svg
+  viewBox="0 0 400 300"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="47" y="38" width="307" height="224"><path d="M353.3 38H47.5v223.8h305.8V38Z" fill="#fff"/></mask><g mask="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M299.2 200.6H61.6v5.1h240.3l-2.7-5.1Z" fill="#C7DEFF"/><path d="m308.9 185.8-6.5 20H183.7M332.3 127.6h10.6l-5 16.7-14.8-.1-7.2 21.1M328.8 127.4l13.6-39.6M307.6 166 337 84.7H180.6l-9.8 26.9h-10.5M296.6 196l4.3-11.8M157.2 149.2l6.4-17.7" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M324.8 93.1H188.5l-34.8 95.8h136.4l34.7-95.8ZM169.9 166.2l5-13.6-5 13.6Z" fill="#fff"/><path d="m169.9 166.2 5-13.6" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M324.8 93.1H188.5l-4 11.7h135.8l4.5-11.7Z" fill="#006EFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M102.6 159.5h38.3l2.7 36.6h-38.4c-10.1 0-20.9-8.2-20.9-18.3 0-10.1 8.2-18.3 18.3-18.3Z" fill="#DEEBFC"/><path fill-rule="evenodd" clip-rule="evenodd" d="M84.3 174.102c2.5 3.4 10 5 17.9 2.8 16.6-6.5 23.8-3.9 23.8-3.9s.5-3.4 1.3-5c-5.8-3-15.4.3-26.1 3.1-10.7 2.8-15.8-2.5-15.8-2.5-.4 0-1.1 2.8-1.1 5.5Z" fill="#fff"/><path d="M96.5 194.2c-7.2-3.3-12.2-10.5-12.2-19m0 0c0-11.5 9.3-20.8 20.8-20.8h29.4" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M140.3 195.1c-8.4-2.7-14.5-10.6-14.5-19.8l14.5 19.8Zm-14.5-19.8c0-11.5 9.3-20.8 20.8-20.8l-20.8 20.8Zm20.8-20.8c11.5 0 20.8 9.3 20.8 20.8l-20.8-20.8Zm20.8 20.8c0 8.4-5 15.6-12.1 18.9l12.1-18.9Z" fill="#fff"/><path d="M140.3 195.1c-8.4-2.7-14.5-10.6-14.5-19.8m0 0c0-11.5 9.3-20.8 20.8-20.8m0 0c11.5 0 20.8 9.3 20.8 20.8m0 0c0 8.4-5 15.6-12.1 18.9" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M161.5 177.2c0-7.7-6.3-14-14-14s-14 6.3-14 14c0 5.8 3.5 10.8 8.6 12.9.1 0 5.8 1.6 10.7 0 5.3-1.7 8.7-7.1 8.7-12.9Z" fill="#00E4E5"/><path d="M140.5 190.1c-5.8-2.4-9.9-8.2-9.9-14.9 0-8.9 7.2-16.1 16.1-16.1 8.9 0 16.1 7.2 16.1 16.1 0 6.8-4.2 12.5-10.1 14.9M88.4 170.604c2.9 1.3 7.7 2.6 13.6.3 14.7-5.7 22.3-4.3 24.6-3.5M84.5 174.599s5.9 6.5 19 1.7c9.2-3.4 15.3-3.9 18.8-3.8" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M340.6 112.3h-55.2l-2.7 6.2H338l2.6-6.2Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M236.8 117.9c-16.13 0-29.2 13.07-29.2 29.2s13.07 29.2 29.2 29.2 29.2-13.07 29.2-29.2-13.07-29.2-29.2-29.2Z" fill="#00E4E5"/><path d="M265 123.3c13.1 13.1 13.1 34.4 0 47.6M306 205.9h19.2M61.7 205.9h32.9M181.2 196.2h115.2M47.5 205.9h10v-9.7h73.8" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M146.7 179.2c-2.49 0-4.5 2.01-4.5 4.5s2.01 4.5 4.5 4.5 4.5-2.01 4.5-4.5-2.01-4.5-4.5-4.5Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M169.5 196.2c3.9 0 7.1 3.2 7.1 7.1 0 3.9-3.2 7.1-7.1 7.1H144c-2.1 0-3.9 1.7-3.9 3.9v1c0 2.1 1.7 3.9 3.9 3.9h48c5.1 0 9.2 4.1 9.2 9.2s-4.1 9.3-9.2 9.2h-33.8c-2.3 0-4.1 1.8-4.1 4.1s1.8 4.1 4.1 4.1h4.2c4.4 0 8 3.6 8 8s-3.6 8-8 8H111c-3.7 0-6.8-3-6.8-6.8 0-3.7 3-6.8 6.8-6.8h.3c2.3 0 4.1-1.8 4.1-4.1s-1.8-4.1-4.1-4.1H79c-4.5 0-8.1-3.6-8.1-8.1s3.6-8.1 8.1-8.1h37.7c2.1 0 3.9-1.7 3.9-3.9 0-2.1-1.7-3.9-3.9-3.9h-7.9c-4.4 0-7.9-3.5-7.9-7.9s3.5-7.9 7.9-7.9h30.4c2.2 0 3.9-1.8 3.9-3.9V187c0-1.9 1.6-3.5 3.5-3.5s3.5 1.6 3.5 3.5v5.3c0 2.2 1.8 3.9 3.9 3.9h15.5Z" fill="#006EFF"/><path d="m227.8 138.5 18.7 18.7M227.8 157.2l18.7-18.7" stroke="#fff" stroke-width="6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M194.8 96.9c-.99 0-1.8.81-1.8 1.8s.81 1.8 1.8 1.8 1.8-.81 1.8-1.8-.81-1.8-1.8-1.8ZM202.9 96.9c-.99 0-1.8.81-1.8 1.8s.81 1.8 1.8 1.8 1.8-.81 1.8-1.8-.81-1.8-1.8-1.8Z" fill="#fff"/><path d="m291.7 184.3-1.6 4.6h-121M298.1 166.7l22.5-61.9" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m193 134.1 2.2-5.1h-19.4l-2.3 5.1H193ZM313.2 123.5l2.2-5.1h-24.5l-2.3 5.1h24.6Z" fill="#DEEBFC"/><path d="m164.5 159.2 19.8-54.6" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M199.6 119.8h-53.2l-4.4 9.3h53.2l4.4-9.3Z" fill="#00E4E5"/><path d="M151.3 129.1H142l4.4-9.3h16.9" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M353.3 169.4h-67.4l-4.8 12.2h67.3l4.9-12.2Z" fill="#006EFF"/><path d="M332.4 169.4h20.9l-4.9 12.2h-39.7M242.7 235.5v-4.8c0-3.8 3.1-7 7-7h20.2c3.8 0 7 3.1 7 7" stroke="#071F4D"/><path d="M261.1 235.5v-4.8c0-3.8 3.1-7 7-7h13.7c3.8 0 7 3.1 7 7v4.8M242.6 230.7h13.7M235.2 237.7h63.3M224 237.7h6.7" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M324.1 141.3H335l3.3-10.7h-10.2l-4 10.7Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M288.3 230.4c0-3.6-2.9-6.5-6.5-6.5h-14.2c-3.6 0-6.5 2.9-6.5 6.5v5.3h27.2v-5.3Z" fill="#071F4D"/><path d="M80.4 228.5H83M87.7 228.5h19.2M146.3 195.8v2c0 3.6-2.9 6.6-6.6 6.6H138M133.4 204.3h1.5M154 249.9h9.4" stroke="#DEEBFC"/><path d="m299.4 141.9 5.1-13.9" stroke="#071F4D"/></g></svg>
diff --git a/src/assets/images/svg/ai copy.svg b/src/assets/images/svg/ai copy.svg
new file mode 100644
index 0000000..2ad5041
--- /dev/null
+++ b/src/assets/images/svg/ai copy.svg	
@@ -0,0 +1 @@
+<svg t="1765953898889" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6018" width="200" height="200"><path d="M603.904 244.992c134.4 0 243.3536 108.9536 243.3536 243.3536v202.8032c0 134.4-108.9536 243.3536-243.3536 243.3536H320c-134.4 0-243.3536-108.9536-243.3536-243.3536V488.3456c0-134.4 108.9536-243.3536 243.3536-243.3536h283.904z m0 81.1008H320c-89.6 0-162.2528 72.6528-162.2528 162.2528v202.8032c0 89.6 72.6528 162.2528 162.2528 162.2528h283.904c89.6 0 162.2528-72.6528 162.2528-162.2528V488.3456c0-89.6-72.6528-162.2528-162.2528-162.2528z" p-id="6019"></path><path d="M340.224 508.6208c27.0336 0 40.5504 13.5168 40.5504 40.5504v81.1008c0 27.0336-13.5168 40.5504-40.5504 40.5504-27.0336 0-40.5504-13.5168-40.5504-40.5504v-81.1008c0-27.0336 13.5168-40.5504 40.5504-40.5504zM583.2192 501.3504c15.2576-11.4176 36.864-8.3456 48.2816 6.912a34.4832 34.4832 0 0 1-6.912 48.2816l-44.3904 33.28 44.3904 33.28a34.53952 34.53952 0 0 1 9.472 44.3392l-2.56 3.9424c-11.4176 15.2576-33.024 18.3296-48.2816 6.912l-59.4944-44.5952c-13.7728-10.3424-21.9136-26.5728-21.9136-43.8272s8.0896-33.4848 21.9136-43.8272l59.4944-44.5952zM883.5072 261.12l-19.7632 47.3088c-2.7648 6.656-9.2672 10.9568-16.4864 10.9568s-13.6704-4.3008-16.4864-10.9568L811.008 261.12a44.416 44.416 0 0 0-19.7632-21.9648l-34.8672-19.0976c-5.7344-3.1232-9.2672-9.1136-9.2672-15.6672s3.5328-12.544 9.2672-15.6672l34.8672-19.0464a44.89728 44.89728 0 0 0 19.7632-21.9648l19.7632-47.3088c2.7648-6.656 9.2672-10.9568 16.4864-10.9568s13.6704 4.3008 16.4864 10.9568l19.7632 47.3088a44.416 44.416 0 0 0 19.7632 21.9648l34.8672 19.0976c5.7344 3.1232 9.2672 9.1136 9.2672 15.6672s-3.584 12.544-9.2672 15.6672l-34.8672 19.0464c-8.9088 4.864-15.872 12.6464-19.7632 21.9648z" p-id="6020"></path></svg>
diff --git a/src/assets/images/svg/ai.svg b/src/assets/images/svg/ai.svg
new file mode 100644
index 0000000..b02f5a6
--- /dev/null
+++ b/src/assets/images/svg/ai.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg t="1762619142165" class="icon" viewBox="0 0 1097 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18994" xmlns:xlink="http://www.w3.org/1999/xlink" width="137.125" height="128"><path d="M406.7 399.8c-1.9-1.2-5.3-1.1-7.2 0-2.5-1.4-4.8-1.4-6.5-0.4 2.5-1.2 10.6-5.1 20.3 0-1.8-1-4.1-1-6.6 0.4z" fill="#C5BEED" p-id="18995"></path><path d="M399.7 399.8c-2.3-1.2-4.4-1.2-6.2-0.2 0.4-0.2 1.2-0.7 1.2-0.7l1.1-0.5c0.4 0 1.1-0.4 1.1-0.4l1.1-0.4c0.4-0.2 1.1-0.5 1.1-0.5h0.9c0.2-0.2 0.9-0.4 0.9-0.4h4.5c0.2 0 0.9 0.2 0.9 0.2h0.9c0.4 0.2 1.1 0.5 1.1 0.5h1.1c0.4 0.2 1.1 0.4 1.1 0.4l1.1 0.4c0.9 0.4 0.9 0.4 2.3 1.1-1.8-1.1-4.1-0.9-6.3 0.4-0.9-0.4-3.9-1.6-7.8 0l-0.1 0.1z" fill="#C5BEED" p-id="18996"></path><path d="M283.5 913.3c-55.4-31.9-85.8-74.5-85.8-120 0-45.6 30.5-88.1 85.8-120 112.8-65.1 296.4-65.1 409.2 0 55.4 32 85.8 74.5 85.8 120s-30.5 88.1-85.8 120c-56.5 32.7-130.5 48.9-204.6 48.9S340 946 283.5 913.3z m3.2-234.4c-53.1 30.7-82.4 71.3-82.4 114.4 0 43.1 29.3 83.7 82.4 114.4 111 64.1 291.6 64.1 402.7 0 53.1-30.7 82.4-71.3 82.4-114.4 0-43.1-29.3-83.7-82.4-114.4-55.4-31.9-128.3-48-201.2-48-73.2 0-146.1 15.9-201.5 48z" fill="#0277FC" p-id="18997"></path><path d="M223.7 947.9c-71.3-41.1-110.5-96-110.5-154.6 0-58.6 39.2-113.5 110.5-154.6 145.8-84.2 383.1-84.2 528.9 0 71.3 41.1 110.5 96 110.5 154.6 0 58.6-39.2 113.5-110.5 154.6-72.9 42.2-168.6 63.2-264.4 63.2-95.8 0-191.6-21.2-264.5-63.2z m264.6-365.7c-94.6 0-189.2 20.7-261.2 62.3-69 40.1-107.1 92.8-107.1 149 0 56.1 37.9 109.1 107.1 149 144 83.1 378.3 83.1 522.3 0 69-40.1 107.1-92.9 107.1-149 0-56.1-38-109.1-107.1-149-72-41.5-166.6-62.3-261.2-62.3h0.1z" fill="#0277FC" p-id="18998"></path><path d="M337.9 882.1c-40.8-23.5-63.2-55.1-63.2-88.6 0-33.5 22.4-65.1 63.2-88.6 82.8-47.8 217.7-47.8 300.4 0 40.8 23.5 63.2 55.1 63.2 88.6 0 33.5-22.4 65.1-63.2 88.6-41.5 23.8-95.9 35.8-150.2 35.8-54.4 0-108.7-12-150.2-35.8z m150.4-206.7c-53.3 0-106.4 11.7-147 35.1-38.5 22.2-59.8 51.7-59.8 83 0 31.2 21.2 60.7 59.8 83 81 46.8 212.9 46.8 293.9 0 38.5-22.2 59.8-51.7 59.8-83 0-31.2-21.2-60.7-59.8-83-40.6-23.5-93.7-35.1-147-35.1h0.1z" fill="#0277FC" p-id="18999"></path><path d="M396.1 848.4c-25.1-14.5-39-34.1-39-54.9 0-20.8 13.8-40.4 39-54.9 50.8-29.3 133.3-29.3 183.9 0 25.1 14.5 39 34.1 39 54.9 0 20.8-13.8 40.4-39 54.9-25.4 14.7-58.6 21.9-92 21.9-33.3 0-66.4-7.3-91.9-21.9z m91.8-125.5c-32.1 0-64.2 7.1-88.6 21.2-23.1 13.2-35.8 30.9-35.8 49.2 0 18.4 12.7 36 35.8 49.2 48.9 28.2 128.5 28.2 177.4 0 23.1-13.2 35.8-30.9 35.8-49.2 0-18.4-12.7-36-35.8-49.2-24.4-14.1-56.5-21.2-88.6-21.2h-0.2z" fill="#0277FC" p-id="19000"></path><path d="M723.8 163.5c37.8 11.6 73.4 26.8 105.4 45.2 40.8 23.7 72.2 50.7 93.9 79.6l-0.4 123.7c-21.7-28.9-53.1-56-93.9-79.6-31.9-18.5-67.4-33.5-105.4-45.2l0.4-123.7zM803.5 421.9v123.9c-25.1-12.4-51.9-23-80.1-31.6l0.4-123.7c28.1 8.7 54.7 19.2 79.8 31.6v-0.2zM69.6 501.3c0.2-65.7 43.2-131.1 129.2-181.1 81.7-47.5 188-72.6 295.9-75.2l0.3-126.6c-107.7 2.6-213.9 27.7-295.9 75.2-86 50-129 115.4-129.2 181.1l-0.3 126.6zM283.9 498.1v90.6c-24.5 7.6-47.7 16.9-68.7 27.9-8.1 4.2-15.9 8.7-23.1 13.2v-90.6c7.4-4.6 15.2-9.2 23.5-13.4 21-11 44.1-20.1 68.5-27.7h-0.2z" fill="#1EB0FC" fill-opacity=".5" p-id="19001"></path><path d="M298.2 454.4c-39 11.5-75.6 26.3-108.4 44.8V372.8c32.8-18.4 69.4-33.4 108.4-44.8v126.4zM298.2 126.4c-39 11.5-75.6 26.3-108.4 44.8V44.8C222.6 26.5 259.2 11.5 298.2 0v126.4z" fill="#1EB0FC" fill-opacity=".5" p-id="19002"></path><path d="M421.9 426.5c29.1-4.4 58.8-6.9 88.6-7.6l-0.4 122.3c-29.7 0.7-59.3 3.2-88.3 7.4V426.3v0.2z" fill="#50A7F5" fill-opacity=".3" p-id="19003"></path><path d="M284 342.5h-0.4c-1.2-0.2-1.9-1.2-1.9-2.5 2.7-23.1 8.8-44.8 17.7-63 0.4-1.1 1.8-1.6 2.8-1.1 1.1 0.5 1.6 1.9 1.1 3-8.7 17.7-14.5 39-17.3 61.6-0.2 1.1-1.1 1.9-2.1 1.9h0.1z" fill="#040158" p-id="19004"></path><path d="M357.3 115.4l30.9 17.8c19.9-11.7 38.1-12.7 51.4-5.1l-30.9-17.8c-13.1-7.6-31.3-6.5-51.4 5.1z" fill="#1462FC" p-id="19005"></path><path d="M439.4 128.2l-30.9-17.8c-13.1-7.6-31.2-6.5-51.4 5.1l30.9 17.8c20-11.7 38.2-12.7 51.4-5.1z" fill="#0277FC" p-id="19006"></path><path d="M315.8 258.1c-0.2-45.9 32.1-101.9 72-125l-30.9-17.8c-39.9 23.1-72 79.1-72 125 0.2 22.8 8.1 38.8 21.2 46.4l30.9 17.8c-13.1-7.6-21.2-23.6-21.2-46.4z" fill="#1462FC" p-id="19007"></path><path d="M315.8 258.1c-0.2-45.9 32.1-101.9 72-125l-30.9-17.8c-39.9 23.1-72 79.1-72 125 0.2 22.8 8.1 38.8 21.2 46.4l30.9 17.8c-13.1-7.6-21.2-23.6-21.2-46.4z" fill="#0277FC" p-id="19008"></path><path d="M316 258.3c0.2 45.9 32.7 64.4 72.6 41.3 39.9-23 72-78.9 72-124.8-0.2-46.1-32.7-64.6-72.6-41.5-39.9 23.1-72 79.1-72 125z" fill="#031020" p-id="19009"></path><path d="M327.5 386.9c3.4-1.8 7.4-1.6 11.8 1.1 13.4-7.6 26.6-8.8 36.3-3-2.1-1.2-5.5-3.2-10.4-4.4-1.6-0.4-6-1.4-12.4-1.2-5.8 0.2-10.6 1.6-12 1.9-6.5 1.9-9.7 3.5-13.6 5.6h0.3z" fill="#8486D5" p-id="19010"></path><path d="M327.5 386.9c3.4-1.8 7.4-1.6 11.8 1.1 13.4-7.6 26.6-8.8 36.3-3-14.5-8.1-30.4-7.6-48.4 1.9h0.3z" fill="#8486D5" p-id="19011"></path><path d="M339.8 388c13.4-7.2 26.5-8.5 36-2.6-1.2-0.7-3-1.6-4.4-2.3l-2.5-1.1c-1.1-0.3-2.5-0.7-3.5-1.1l-2.7-0.5c-1.1-0.2-2.5-0.4-3.5-0.7h-2.8c-1.1 0-2.5 0-3.5 0.2h-2.8c-1.1 0-2.3 0.4-3.4 0.4l-2.6 0.5c-1.1 0.2-2.3 0.5-3.2 0.7l-2.6 0.9c-0.9 0.4-2.1 0.7-3 1.1l-2.7 1.1c-0.9 0.4-1.9 0.9-2.8 1.2-0.7 0.4-1.8 0.9-2.5 1.2 3.4-1.8 7.2-1.8 11.5 0.7h0.9l0.1 0.3zM216.1 668.8c3.7 5.3 4.8 8.8 3.7 10.2l7.9-9.5 8-9.5 7.9-9.5 7.9-9.5 7.9-9.5 8-9.5 7.9-9.5 7.9-9.5 7.9-9.5 8-9.5 7.9-9.5 7.9-9.5 7.9-9.5 8-9.5 7.9-9.5 7.9-9.5 7.9-9.5 7.9-9.5 8-9.5 7.9-9.5c1.2-1.2 0-4.8-3.7-10.1L216.8 668.1l-0.7 0.7z" fill="#8486D5" p-id="19012"></path><path d="M339.3 388l4.9 3c13.4-7.6 26.7-8.8 36.4-3l-4.9-3c-9.7-5.8-23-4.4-36.4 3z" fill="#8486D5" p-id="19013"></path><path d="M344.6 390.6l-4.9-3c0 0.2-0.3 0.2-0.3 0.2l4.9 3c-0.1-0.2 0.3-0.2 0.3-0.2z" fill="#8486D5" p-id="19014"></path><path d="M380.6 388l-4.9-3c-9.7-5.8-22.6-4.6-36 2.6l4.9 3c13.4-7.2 26.5-8.4 36-2.6z" fill="#8486D5" p-id="19015"></path><path d="M374.6 477.8c3.7 5.3 4.8 8.7 3.7 10.1 0.9-1.2 2.3-2.8 3.2-4.1l3-4.1c0.9-1.2 1.8-3 2.6-4.2l2.5-4.2c0.7-1.2 1.6-3.2 2.3-4.4l1.9-4.4c0.5-1.4 1.2-3.2 1.8-4.6l1.6-4.4c0.5-1.4 1.1-3.4 1.4-4.8l1.1-4.6c0.4-1.4 0.7-3.5 0.9-5.1l0.5-4.4v-9.9c-0.2-1.8-0.5-4.2-0.7-6l-0.9-4c-0.5-1.8-1.2-4.2-1.9-6.2l-1.6-3.7c-1.1-1.8-2.5-4.2-3.7-6l-2.5-3-1.8-1.9-2.1-1.9c-0.9-0.9-2.1-1.8-3-2.5-0.7-0.5-1.6-1.1-2.3-1.6-9.5-5.8-25.4-4.6-36.4 3 1.4 1.1 8.1 7.8 8.5 8.3 6.5 9.2 11 22.8 10.8 35.1 7.8-4.4 15.2-4.4 19.8 0.9 7.6 8.7 3.7 28.8-8.3 43.3l-0.4-0.7z" fill="#8486D5" p-id="19016"></path><path d="M307.3 417.8c9.7-13.6 20.8-23.7 32-29.8-4.4-2.8-8.7-3-12-1.1-11.5 6.5-20.5 14.8-29.3 27 0.5-0.7 3.7 0.6 9.3 3.9z" fill="#E5E2F2" p-id="19017"></path><path d="M339.5 387.8c-0.7-0.3-1.2-0.7-1.9-1.1-3.7-1.8-7.2-1.6-10.1 0-0.5 0.4-1.8 1.1-1.8 1.1l-1.6 1.1c-0.4 0.4-1.6 1.1-1.6 1.1l-1.6 1.1c-0.5 0.4-1.6 1.2-1.6 1.2l-1.6 1.2c-0.5 0.4-1.6 1.2-1.6 1.2l-1.6 1.2c-0.5 0.4-1.6 1.2-1.6 1.2l-1.4 1.4c-0.4 0.5-1.4 1.4-1.4 1.4l-1.4 1.4-1.4 1.4-1.4 1.4c-0.5 0.5-1.4 1.6-1.4 1.6l-1.4 1.6c-0.4 0.5-1.2 1.6-1.2 1.6l-1.2 1.6c-0.4 0.4-0.9 1.1-1.2 1.6-0.4 0.5-0.9 1.2-1.2 1.8 0.5-0.9 3.5 0.2 8.7 3.4 1.2-1.8 17.3-20.7 32.5-29.5z" fill="#C5BEED" p-id="19018"></path><path d="M312.3 420.5c1.2-1.8 2.7-3.5 3.9-5.1l-4.9-3c-1.2 1.8-2.7 3.5-3.9 5.3l4.9 3v-0.2z" fill="#E5E2F2" p-id="19019"></path><path d="M344.1 390.8l-4.9-3c-9.5 5.3-19.2 13.8-27.9 24.7l4.9 3c8.6-11.1 18.3-19.4 27.9-24.7z" fill="#E5E2F2" p-id="19020"></path><path d="M348.5 448.7c4.8-6.9 10.1-11.6 15.2-14.5 0.2-17.3-8.5-36.7-19.4-43.4-11.1 6.2-22.4 16.2-31.9 29.8 11 6.7 27.2 19.2 36 28.1h0.1z" fill="#C5BEED" p-id="19021"></path><path d="M363.5 434.4c0.2-17.3-8.5-36.7-19.4-43.4-9.5 5.1-19.2 13.6-27.9 24.5 4.9-4.4 8.5-5.7 9.7-6 7.4-1.9 6.9 5.5-1.2 19.4 8.7 6.3 17.7 13.9 23.7 19.8 4.8-6.9 10.1-11.6 15.2-14.5v0.2z" fill="#C5BEED" p-id="19022"></path><path d="M363.5 434.4c0.2-13.2-4.8-27.7-12-36.7-0.2 6.4-1.8 8.5-19.1 35.7-0.2 0.4-0.5 0.7-0.7 1.1 6.2 4.9 12.4 10.1 16.6 14.3 4.8-6.9 10.1-11.6 15.2-14.5v0.1z" fill="#C5BEED" p-id="19023"></path><path d="M363.5 434.1c-5.1 2.8-10.2 7.6-15.2 14.5-49.1 67.8-98 135.4-146.5 202.7-5.7 8.1-7.1 17.8-3.2 22.4 2.5 2.8 6.7 3 11.1 0.5 2.3-1.2 4.8-3.2 7.1-6 52.8-63.4 105.6-126.6 158.2-189.8 12-14.7 15.9-34.6 8.3-43.3-4.6-5.1-12-5.1-19.8-0.9v-0.1z" fill="#989BE0" p-id="19024"></path><path d="M151.3 617.1c0.5-0.7 3.5 0.5 9.2 3.9l146.9-203.2c-5.6-3.5-8.8-4.8-9.3-3.9-48.9 67.6-97.8 135.4-146.7 203v0.2z" fill="#D2CBF6" p-id="19025"></path><path d="M306.6 417.3L159.8 620.5c0.4 0 0.7 0.3 0.7 0.3l146.9-203.2c-0.4-0.1-0.8-0.3-0.8-0.3z" fill="#E5E2F2" p-id="19026"></path><path d="M307 417.3c-3-1.8-5.3-2.8-6.7-3.4L153.4 617.1c1.4 0.5 3.5 1.6 6.5 3.4l146.9-203.2h0.2z" fill="#D2CBF6" p-id="19027"></path><path d="M301.5 413.6c-1.2-0.4-2.1 0-2.1 0l-7.4 10.2-7.4 10.2-7.4 10.2-7.4 10.2-7.4 10.2-7.4 10.2-7.4 10.2-7.4 10.2-7.4 10.2-7.4 10.2-7.4 10.2-7.4 10.2-7.4 10.2-7.4 10.1-7.4 10.1-7.4 10.1-7.4 10.1L166 597l-7.4 10.1-7.2 10.1c0.2-0.5 0.9-0.3 1.9 0L300.2 414l1.3-0.4z" fill="#C5BEED" p-id="19028"></path><path d="M150.8 688.8c-11.8-13.6-7.4-43.4 9.9-68-5.5-3.4-8.7-4.6-9.2-3.9-9.4 13.2-14.3 29.1-13.6 43.3 0.5 9.5 3.2 15.7 4.8 18.7 2.1 3.9 3.9 6 4.9 7.2 3.2 3.4 4.2 4.2 7.9 6.7-1.7-1-3.3-2.4-4.7-4z" fill="#8486D5" p-id="19029"></path><path d="M150.8 688.8c-11.8-13.6-7.4-43.4 9.9-68-5.5-3.4-8.7-4.6-9.2-3.9-19.9 29.3-18.2 61.2 4.1 75.9-1.8-1-3.4-2.4-4.8-4z" fill="#8486D5" p-id="19030"></path><path d="M153.6 616.8c-1.1-0.2-1.8-0.4-1.9 0-0.5 0.9-1.4 2.1-1.9 3l-1.8 3c-0.5 0.9-1.2 2.1-1.8 3l-1.6 3c-0.5 0.9-1.1 2.3-1.4 3.2l-1.2 3.2c-0.4 1.1-0.7 2.3-1.1 3.4l-0.9 3.2c-0.4 1.1-0.7 2.5-0.9 3.5l-0.5 3.4c0 1.2-0.2 2.7-0.5 3.9v7.6l0.3 3.4c0.2 1.4 0.5 3.2 0.7 4.6l0.7 3.2c0.4 1.4 1.1 3.4 1.6 4.8l1.4 3c0.7 1.4 1.9 3.2 2.8 4.6l1.9 2.5 1.6 1.8 1.8 1.6c0.7 0.7 1.8 1.6 2.6 2.1 0.5 0.5 1.4 1.1 1.9 1.4-1.8-1.1-3.4-2.5-4.8-4.1-5.1-5.7-7.2-14.1-6.7-24-4.1-6.7-6.9-24.4 9.2-47.7l0.5-0.6z" fill="#8486D5" p-id="19031"></path><path d="M312.3 420.7l-4.9-3L160.5 621l5.1 3 146.7-203.3z" fill="#E5E2F2" p-id="19032"></path><path d="M155.7 691.8c-11.8-13.6-7.4-43.4 9.9-68l-4.9-3c-17.5 24.5-21.7 54.4-9.9 68 1.4 1.8 3 3 4.8 4.1l4.9 3c-1.8-1.1-3.4-2.5-4.8-4.1z" fill="#8486D5" p-id="19033"></path><path d="M155.7 691.8c-5.1-5.6-7.2-14.1-6.7-24l-4.9-3c-0.4 9.7 1.8 18.4 6.7 24 1.4 1.8 3 3 4.8 4.1l4.9 3c-1.8-1.1-3.4-2.5-4.8-4.1z" fill="#8486D5" p-id="19034"></path><path d="M156.9 638.8l-4.9-3c-4.8 9.9-7.4 19.9-7.8 28.9l4.9 3c0.6-8.9 3.3-19 7.8-28.9z" fill="#C5BEED" p-id="19035"></path><path d="M165.4 624l-4.9-3c-3.4 4.8-6.4 9.7-8.7 14.8l4.9 3c2.4-4.9 5.4-10 8.7-14.8zM348.1 448.9c-4.2-4.4-10.2-9.5-16.6-14.5l-146.7 203c6.3 4.8 12.5 9.9 16.9 13.9l146.5-202.6-0.1 0.2z" fill="#C5BEED" p-id="19036"></path><path d="M331.7 434.2c-2.3-1.8-4.8-3.5-7.1-5.3L177.8 632.1c2.5 1.8 4.9 3.5 7.2 5.3l146.7-203v-0.2zM320.9 426.5L174.1 629.7c1.2 0.9 2.3 1.6 3.5 2.5L324.5 429c-1.3-0.9-2.3-1.6-3.6-2.5z" fill="#D2CBF6" p-id="19037"></path><path d="M321.1 426.7c-1.8-1.4-3.5-2.7-5.3-3.7L169 626.1c1.6 1.1 3.4 2.3 5.3 3.5l146.9-203.2v0.3zM312.3 420.7L165.4 623.8c1.1 0.7 2.1 1.4 3.4 2.1l146.9-203.2c-1.3-0.6-2.3-1.3-3.4-2z" fill="#D2CBF6" p-id="19038"></path><path d="M220.7 678.5c1.1-1.4 0-4.9-3.7-10.2-2.3 2.8-4.8 4.8-7.1 6-4.4 2.5-8.7 2.5-11.1-0.5-3.9-4.6-2.5-14.3 3.2-22.4-9.2-8.7-25.4-20.8-36.4-27.5-17.5 24.5-21.7 54.4-9.9 68 1.4 1.8 3 3 4.8 4.1 18.5 10.6 42.2 3.7 60-17.5h0.2z" fill="#8486D5" p-id="19039"></path><path d="M577.1 807.9c33.9-14.1 54.5-35.5 61.8-44.1 23.7-28.1 30.5-49.2 36.5-72-4.6 21-21.2 41.1-49.6 57-66.2 36.9-171.2 35.8-234.6-2.3-25.4-15.2-40.2-34.1-44.7-53.1 5.5 20.3 18.4 68 75.4 103.3 35.5 21.8 94.8 36.3 155.2 11.2z" fill="#C5BEED" p-id="19040"></path><path d="M566.1 363.1c29.7 17.8 28.6 46.4-2.3 63.7-30.9 17.3-80.1 16.8-110-1.1-29.7-17.8-28.8-46.4 2.3-63.7 30.9-17.3 80.2-16.7 110 1.1z m-62.5 27.7c-3.7 2.1-3.9 5.5-0.4 7.6 3.5 1.9 9.4 2.1 13.1 0 3.7-2.1 3.9-5.5 0.4-7.6-3.5-1.9-9.4-2.1-13.1 0z" fill="#D6D6D6" p-id="19041"></path><path d="M346.5 692.9c4.4 19.4 19.2 38.3 44.7 53.7 63.4 38.1 168.4 39.2 234.6 2.3 28.2-15.7 44.8-36 49.6-57l32.3-164.5c-5.5 25.2-25.4 49.4-59.5 68.5-79.4 44.3-205.3 42.9-281.4-2.8-30.5-18.4-48.4-41-53.7-64.4L346.3 693h0.2z" fill="#C5BEED" p-id="19042"></path><path d="M396.1 354.8c-30.7 16.8-57.5 44.3-71.7 73.6-21.7 45.4-15.2 81-11.6 100.1 5.3 23.5 23.1 46.1 53.7 64.4 76.1 45.7 202.1 47 281.4 2.8 34.1-19.1 54-43.3 59.8-69.6 4.6-26.6 7.4-56.1-12.2-98.5-18-38.8-52.6-61.2-65.7-69.7-16.1-9.7-38.5-9-63.7 5.1 29.7 17.8 28.6 46.4-2.3 63.7-30.9 17.3-80.1 16.8-110-1.1-29.7-17.8-28.8-46.4 2.3-63.7 30.9-17.3 80.1-16.8 110 1.1 25.3-13.9 47.7-14.8 63.7-5.1-68.3-40.6-162.1-41.8-233.4-3.2h-0.3z" fill="#F5F4FB" p-id="19043"></path><path d="M381.1 499.2c53.7 33.2 135.9 42.9 199.8 23.5 44.1-13.4 67.3-29.3 90.2-50.7 29.3-27.2 39.9-62.1 43.4-73.6-6.7 25.4-27.2 49.8-61.6 68.8-83 46.2-215 45-294.6-3-30.5-18.4-49.1-41.1-55.4-64.6 5.1 17.3 18.7 63 78.2 99.7v-0.1z" fill="#E5E2F2" p-id="19044"></path><path d="M403 142.1c-23.5 12.9-44 31.1-55.1 43.8-21.5 24.5-31.1 42.2-41.1 66-8.3 19.9-13.4 43.9-14.8 71.3-1.4 25.6 3.4 46.4 7.6 65 6.5 23.8 25.2 46.8 56.3 65.5 80.8 48.7 214.6 50 299 3 35-19.4 55.8-44.1 62.8-70.4 5.1-23.1 9-41.5 6.4-75-2.5-30.4-11.6-53.1-17.8-68.3-5.5-13.4-19.2-36.7-34.1-53.3-21-23.5-36.2-33.4-52.2-43.8-28.1-17.1-67.4-15.7-111.9 9 44.3-24.7 83.7-26 111.9-9-67.8-40.3-146.9-41.5-216.8-3.5l-0.2-0.3z" fill="#EFECF8" p-id="19045"></path><path d="M495.7 305.6c-38.5-0.3-77.1-9.5-105.6-27.5-8.5-5.3-15.4-11-21-16.9-7.2-5.3-12.6-8.3-16.2-9-49.2-9.7-78.4 97.8-28.8 162.4 7.6 8.1 16.9 15.7 28.1 22.8 38.1 24 89.8 36.4 141.4 36.7 77-5.8 86-69.9 86.3-72.6 4.4-34.5-23.1-88.5-84.2-95.9z" fill="#041B99" p-id="19046"></path><path d="M303.1 399.8c6.3 23.5 24.9 46.1 55.4 64.4 79.6 48 211.6 49.3 294.6 3 34.2-19.1 54.9-43.4 61.6-68.7l3-11.5c-6.9 25.6-27.9 50.3-62.7 69.7-84.2 46.9-218.2 45.7-299-3-31.1-18.7-49.8-41.6-56.3-65.5l3.2 11.5h0.2z" fill="#E5E2F2" p-id="19047"></path><path d="M343.9 283.3c-1.1-1.1-2.1-2.5-4.1-3.2-16.9-5.8-38.5 40.8-26.7 69.5 6.2 15.2 17.7 10.4 26.3-10.9 5-12.1 12.4-41.8 4.5-55.4zM474.7 343c-28.9-0.5-45.7 45.4-25.4 70.1 19.1 23.3 51.2 9.5 53.8-23.1 1.4-17-6.7-43.7-28.4-47zM405.3 425.8c0.2-1.8 0.2-2.8 0.2-3.5-19.4-6-37.6-14.1-53.3-24h-0.5c-0.7 4.6 0.5 13.2 6.5 22.2 14.8 22.4 43.4 25.8 47 5.3h0.1z" fill="#1EB0FC" p-id="19048"></path><path d="M689.2 559.8c-13.6 7.9-24.7 27.7-23.7 43.4-15 9.5-36.2 11.8-47.3 5.5v-6.2 6.2l-4.9-3c-4.2-2.5-6.4-5.8-6.5-9.5-0.5-19.1 5.3-36 13.8-50.1 8.7-14.5 19.9-26.1 31.8-33 3.2-1.8 7.4-1.8 11.8 0.9l4.9 3c11.1 6.5 20.1 25.8 20.1 43.1v-0.3z" fill="#F5F4FB" p-id="19049"></path><path d="M636.4 885.3c-6.7-3.9-11.1-11.8-11.8-23.1-4.2-2.5-6.3-5.8-6.5-9.7 0.5 5.7 0.9 7.2 1.8 10.6 0.7 2.6 2.1 6.3 3 7.8 2.6 4.8 3.4 5.7 6.7 9.4 1.1 1.2 2.8 2.5 4.1 3.5 0.7 0.5 2.6 1.6 2.6 1.6h0.1z" fill="#C5BEED" p-id="19050"></path><path d="M624.4 862.1c-4.2-2.5-6.3-5.8-6.5-9.7 1.2 15.4 6.9 25.4 18.4 32.8-6.8-3.8-11.2-11.8-11.9-23.1z" fill="#C5BEED" p-id="19051"></path><path d="M629.3 865.1l-4.9-3c0.7 11.3 5.1 19.2 11.8 23.1l4.9 3c-6.7-3.8-11.1-11.8-11.8-23.1z" fill="#C5BEED" p-id="19052"></path><path d="M629.3 865.1l-4.9-3c0.7 11.3 5.1 19.2 11.8 23.1l4.9 3c-6.7-3.8-11.1-11.8-11.8-23.1z" fill="#C5BEED" p-id="19053"></path><path d="M717.2 828.6c-0.4 5.3-4.9 11.1-13.8 15.7-0.4 7.8-6.2 17.5-13.2 21.5-7.1 4.1-12.9 1.1-13.4-6.7-15 9.7-36.2 12.4-47.3 6 0.7 11.3 5.1 19.2 11.8 23.1 30.5 16.9 72.4-16.1 75.9-59.8v0.2z" fill="#989BE0" p-id="19054"></path><path d="M702.6 843.9c8.8-4.6 13.6-10.4 13.8-15.9l0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.6-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4 0.5-13.4c-0.2 5.3-4.9 11.1-13.8 15.5L703 844.3l-0.4-0.4z" fill="#989BE0" p-id="19055"></path><path d="M613.8 604.6c-4.2-2.5-6.5-5.8-6.5-9.7l0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.9 0.5 12.7 0.5 12.7c0.2 3.9 2.3 7.4 6.5 9.9L613.3 606l0.5-1.4zM664.4 514c14.1-7.9 26.8-8.7 36-3.4l-4.6-2.3-3.5-1.2c-1.9-0.5-4.6-1.1-6.5-1.4l-3.7-0.4c-1.9-0.2-4.6 0-6.5 0l-3.9 0.5c-1.8 0.4-4.2 0.9-6 1.4l-4 1.4c-1.8 0.7-3.9 1.8-5.5 2.5-1.2 0.5-2.8 1.4-4 2.1 3.2-1.9 7.2-1.8 11.5 0.5h0.9v0.3z" fill="#E5E2F2" p-id="19056"></path><path d="M618.2 608.8l-4.9-2.8 11.1 256.1 5.1 3-11.3-256.3z" fill="#E5E2F2" p-id="19057"></path><path d="M669 516.9h0.4c14.1-7.9 26.8-8.7 36-3.4l-4.9-3c-9.2-5.3-22.8-4.6-36.9 3.4l5.5 3.2v-0.2zM665.5 603.3c3.7 85.4 7.4 170.7 11.1 255.6 0.5 7.9 6.3 10.8 13.4 6.7s12.9-13.8 13.2-21.5c3.2-89.5 6.5-178.8 9.7-268.8 0.9-16.2-10.1-23.3-23.8-15.4-13.5 8-24.7 27.7-23.6 43.4z" fill="#C5BEED" p-id="19058"></path><path d="M618.2 608.8L629.3 865c11.1 6.5 32.3 3.7 47.3-6l-11.1-255.6c-15 9.5-36.2 11.8-47.3 5.4z" fill="#E5E2F2" p-id="19059"></path><path d="M606.7 596.6c0.2 3.7 2.3 7.1 6.5 9.5-1.9-32.8 21.3-75 50.8-92-4.4-2.6-8.5-2.8-11.8-0.9-10.1 5.8-16.2 12.4-19.6 15.9-3.5 3.9-9.4 11.3-13.9 19.6-5.8 10.8-8.3 19.4-9.2 22.6-0.4 1.6-0.9 3.7-1.2 5.3-0.5 2.8-1.1 6.5-1.4 9.3-0.2 1.8-0.2 4.1-0.2 5.8V596.6z" fill="#F5F4FB" p-id="19060"></path><path d="M689.2 559.9c0-17.3-9-36.7-20.1-43.1-29.5 17.1-52.8 59.3-50.8 92 11.1 6.5 32.3 4.1 47.3-5.5-1.2-15.7 10-35.6 23.6-43.4z" fill="#F5F4FB" p-id="19061"></path><path d="M726.8 552.5v7.8c-0.4 5.3-5.1 10.9-13.8 15.4 0.9-16.2-10.1-23.3-23.8-15.4 0-17.3-9-36.7-20.1-43.1 14.3-8.1 27.2-8.8 36.4-3.5 1.1 0.5 2.3 1.2 3.2 1.9 1.6 1.2 3.7 2.8 5.1 4.4 1.6 1.6 3.5 3.9 4.8 5.8 1.2 1.8 2.5 4 3.4 6 1.4 3.4 3 6.9 4.2 14.1 0.3 1.8 0.7 4.4 0.7 6.4v0.2z" fill="#C5BEED" p-id="19062"></path><path d="M688.6 560.1c-13.6 8-24.7 27.7-23.7 43.4-15 9.5-36.2 11.8-47.3 5.5l-4.9-3c-4.2-2.5-6.3-5.8-6.5-9.5v-4.6c0-1.8 0.2-4.1 0.2-5.8l0.5-4.8c0.2-1.6 0.5-3.7 0.9-5.3l1.1-4.6c0.4-1.6 0.9-3.5 1.4-4.9l1.6-4.6c0.7-1.4 1.4-3.2 1.9-4.6l1.9-4.4c0.7-1.2 1.6-3 2.3-4.2l2.5-4.2c0.9-1.2 1.8-2.8 2.7-4l2.8-3.9c0.9-1.2 2.1-2.8 3-3.9l3.2-3.5 3.5-3.5 3.5-3.2c1.2-1.1 2.8-2.5 4.1-3.4l3.9-2.8c1.4-0.9 3.4-2.1 4.8-3 3.2-1.9 7.2-1.8 11.5 0.5-3.5 0.2-7.1 1.1-10.4 2.5-3.5 1.4-6.9 3.4-9.9 5.7-3.4 2.5-6.4 5.1-9.2 8.1-3 3-5.6 6.4-8.1 9.9s-4.8 7.2-6.7 11.1c-1.9 3.9-3.7 7.8-5.1 11.8-1.2 3.7-2.5 7.6-3.2 11.6-0.7 3.5-1.1 7.2-1.1 10.9 0 2.3 0.4 4.6 0.7 6.9 0.4 1.6 0.5 3.9 1.6 5.1 2.7 3 6.7 4.8 10.6 5.1 4.4 0.4 10.6-1.6 13.1-5.5 0.9-1.4 1.6-2.8 2.5-4.2 3.2-5.1 6.2-10.4 9.3-15.5 3.9-6.4 7.6-12.7 11.5-19.1 3.2-5.3 6.2-10.4 9.4-15.5 1.1-1.8 1.9-3.4 3-5.1 2.1-3.7 4.8-9.2 5.1-13.4v-0.7c7.4 9 12.7 23.3 12.7 36.5l-0.7 0.1z" fill="#E5E2F2" p-id="19063"></path><path d="M658.8 289.5l30.9 17.8c20-11.5 38.3-12.5 51.4-4.9l-30.9-17.8c-13.1-7.8-31.3-6.8-51.4 4.9z" fill="#1462FC" p-id="19064"></path><path d="M740.9 302.6L710 284.7c-13.1-7.8-31.2-6.7-51.4 4.9l30.9 17.8c20-11.4 38.3-12.4 51.4-4.8z" fill="#0277FC" p-id="19065"></path><path d="M617.3 432.3c-0.2-45.9 32.1-101.8 72-125l-30.9-17.8c-39.9 23.1-72 79.1-72 125 0.2 22.8 8.1 38.8 21.2 46.4l30.9 17.8c-13.1-7.6-21.2-23.6-21.2-46.4z" fill="#1462FC" p-id="19066"></path><path d="M617.3 432.3c-0.2-45.9 32.1-101.8 72-125l-30.9-17.8c-39.9 23.1-72 79.1-72 125 0.2 22.8 8.1 38.8 21.2 46.4l30.9 17.8c-13.1-7.6-21.2-23.6-21.2-46.4z" fill="#0277FC" p-id="19067"></path><path d="M617.5 432.5c0.2 45.9 32.7 64.4 72.5 41.3 39.9-23 72-78.9 72-124.8-0.2-46.1-32.7-64.6-72.6-41.5-39.8 23.1-71.9 79.1-71.9 125z" fill="#031020" p-id="19068"></path><path d="M690.2 328.5l10.2 6c15.9-9.2 30.4-10.1 40.8-4.1l-10.2-6c-10.4-6-24.9-5.1-40.8 4.1z" fill="#E5E2F2" p-id="19069"></path><path d="M741.4 330.3l-10.2-6c-10.4-6-24.9-5.1-40.8 4.1l10.2 6c15.9-9.2 30.4-10.1 40.8-4.1zM643.5 433.2c-0.2-36.4 25.4-80.7 57-98.8l-10.2-6c-31.6 18.2-57 62.5-57 98.8 0.2 18 6.5 30.7 16.8 36.7l10.2 6c-10.5-6-16.8-18.7-16.8-36.7z" fill="#E5E2F2" p-id="19070"></path><path d="M643.5 433.2c-0.2-36.4 25.4-80.7 57-98.8l-10.2-6c-31.6 18.2-57 62.5-57 98.8 0.2 18 6.5 30.7 16.8 36.7l10.2 6c-10.5-6-16.8-18.7-16.8-36.7z" fill="#E5E2F2" p-id="19071"></path><path d="M700.6 334.5c-31.6 18.2-57 62.5-57 98.8 0 36.2 25.8 50.8 57.4 32.7 31.6-18.2 57-62.5 57-98.8 0-36.4-25.8-51-57.4-32.8v0.1z" fill="#989BE0" p-id="19072"></path><path d="M690.2 328.5l10.2 6c15.9-9.2 30.4-10.1 40.8-4.1l-10.2-6c-10.4-6-24.9-5.1-40.8 4.1z" fill="#E5E2F2" p-id="19073"></path><path d="M741.4 330.3l-10.2-6c-10.4-6-24.9-5.1-40.8 4.1l10.2 6c15.9-9.2 30.4-10.1 40.8-4.1zM643.5 433.2c-0.2-36.4 25.4-80.7 57-98.8l-10.2-6c-31.6 18.2-57 62.5-57 98.8 0.2 18 6.5 30.7 16.8 36.7l10.2 6c-10.5-6-16.8-18.7-16.8-36.7z" fill="#E5E2F2" p-id="19074"></path><path d="M643.5 433.2c-0.2-36.4 25.4-80.7 57-98.8l-10.2-6c-31.6 18.2-57 62.5-57 98.8 0.2 18 6.5 30.7 16.8 36.7l10.2 6c-10.5-6-16.8-18.7-16.8-36.7z" fill="#E5E2F2" p-id="19075"></path><path d="M700.6 334.5c-31.6 18.2-57 62.5-57 98.8 0 36.2 25.8 50.8 57.4 32.7 31.6-18.2 57-62.5 57-98.8 0-36.4-25.8-51-57.4-32.8v0.1z" fill="#989BE0" p-id="19076"></path><path d="M700.6 353c-22.8 13.1-41.1 45-41.1 71.1 0 26.1 18.5 36.5 41.3 23.5 22.8-13.1 41.1-45 41.1-71.1 0-26.3-18.5-36.7-41.3-23.7v0.2z" fill="#1EB0FC" p-id="19077"></path><path d="M412.4 126.9c3.5-2.3 30.5-11.8 41.7-11.8 16.2 0 34.4 3.9 53.7 12.5 17.8 7.9 35.1 19.1 51.2 32.5 1.8 1.6 3.7 3.2 5.5 4.8 17.3 15.2 33 32.8 46.8 52.2 7.4 10.6 14.3 21.5 20.3 32.8 17.1 31.9 16.1 47.7 19.8 69.7l46.6-30.2c-2.3-32.5-2.5-37.8-19.8-69.7-6-11.3-12.9-22.2-20.3-32.8-13.8-19.2-29.5-37.1-46.8-52.2-1.8-1.6-3.5-3.2-5.5-4.8-16.2-13.4-33.5-24.5-51.2-32.5-19.2-8.7-37.4-12.5-53.7-12.5-15.9 0.2-30 4.2-41.7 11.8l-46.6 30.2z" fill="#0277FC" p-id="19078"></path><path d="M651.6 319.9l-7.9-3.5c-4.1-35.3-13.2-58.2-39.7-96.2-13.2-19.1-25.2-34.4-42-49.1-16.6-14.6-34.6-26.8-53.3-35.1-18.4-8.1-35.3-11.8-50.7-11.8-4.4 0-8.7 0.4-12.7 1.1 1.4-2.1 2.8-4.1 4.2-5.8 1.1-1.6 4.8-4.2 4.8-4.2 16.2 0 34.4 3.9 53.7 12.5 19.8 8.8 39 21.7 56.7 37.2 26.5 23.5 49.8 53.1 67.1 85.1 17.1 31.9 16.9 49.2 19.8 69.7v0.1z" fill="#031020" p-id="19079"></path><path d="M413.3 126.6c-39.4 20.8-60.2 44-62.3 56.5 22.9-23.1 75-56.3 94.3-58.1 1.6-1.9 7.6-8.6 9-9.9-3.2-0.2-20.8 0.7-41.1 11.5h0.1zM355.2 494.3c-0.4 0-0.7-0.2-1.1-0.2-35.1-18.4-61.8-54.4-71.3-96.2-3.4-15-3.9-36.7-1.2-58.1 0.2-1.2 1.2-1.9 2.5-1.9 1.2 0.2 1.9 1.2 1.9 2.5-2.5 20.8-2.1 42 1.2 56.5 9.2 40.8 35.1 75.6 69 93.4 0.9 0.5 1.4 1.9 0.9 3-0.4 0.9-1.9 1.2-1.9 1.2v-0.2z" fill="#031020" p-id="19080"></path><path d="M371.4 475c-15-8.5-31.6-7.4-37.4 2.5-5.8 9.9 1.6 24.9 16.6 33.6 15 8.5 31.6 7.4 37.4-2.5 5.8-9.9-1.6-24.9-16.6-33.6z" fill="#031020" p-id="19081"></path><path d="M877.3 668.7c54.9 44.7 82.1 97.4 82.1 150l0.4-123.7c0.2-52.6-27.2-105.2-82.1-150l-0.4 123.7z" fill="#1EB0FC" fill-opacity=".4" p-id="19082"></path><path d="M70.1 535.2c0-10.4 1.2-20.8 3.5-31.2v-66.9c-2.3 10.4-3.4 20.8-3.4 31.2-0.1 22.3-0.1 44.7-0.1 66.9z" fill="#50A7F5" fill-opacity=".5" p-id="19083"></path><path d="M197.4 943l0.4-123.7c-44.5-26.1-77.5-56.7-98.8-89v62c-13.1-19.9-21.9-40.6-26.3-61.6v62c11.1 54.9 52.8 108.2 124.6 150.6l0.1-0.3z" fill="#1EB0FC" fill-opacity=".5" p-id="19084"></path><path d="M99.2 730.3c-13.1-19.9-21.9-40.6-26.3-61.6v62c-2.1-10.2-3.2-20.7-3.2-31.1l0.4-126.6c-0.2 31.4 9.5 62.8 29.1 92.7v64.6z" fill="#1EB0FC" fill-opacity=".5" p-id="19085"></path><path d="M99.1 792.2v-62c-13.1-19.9-21.9-40.6-26.3-61.6v62c4.4 21 13.1 41.7 26.1 61.6h0.2z" fill="#50A7F5" fill-opacity=".75" p-id="19086"></path><path d="M113 646.2c-28.6-35-42.7-73.1-42.7-111v-31.6-35.3c-0.2 38 14.1 75.9 42.7 111v66.9zM905.6 594.2c28.6-35 42.7-73.1 42.7-111v-31.6-35.3c0.2 38-14.1 75.9-42.7 111v66.9z" fill="#1EB0FC" fill-opacity=".5" p-id="19087"></path><path d="M959.6 818.7c0 2.7-0.2 5.1-0.2 7.8l0.4-123.7c0.2-2.7 0.2-5.1 0.2-7.8l-0.4 123.7zM926.9 614.8c-21.5 30.2-53.3 58.6-95.7 83.1-166.6 96.9-434.9 100.4-610.1 10.8l-0.4 126.6c117.4 60.2 276.6 78.4 419.1 54.7v-41.7c70.1-11.6 136.1-33.5 191.2-65.5 17.3-10.1 32.8-20.7 46.6-32v41.7c19.9-16.1 36.2-33.4 48.9-51.2l0.4-126.5z" fill="#50A7F5" fill-opacity=".5" p-id="19088"></path><path d="M877.7 792.8h-0.2V875c-13.9 11.1-29.5 21.9-46.8 31.9-55.1 31.9-121.1 53.8-191 65.5V848.5c70.1-11.7 136.1-33.6 191.2-65.5 17.3-10.1 33-20.8 46.8-31.9v41.7z" fill="#50A7F5" fill-opacity=".75" p-id="19089"></path><path d="M70.1 535.2c0-10.4 1.2-20.8 3.5-31.2v-66.9c-2.3 10.4-3.4 20.8-3.4 31.2-0.1 22.3-0.1 44.7-0.1 66.9z" fill="#50A7F5" fill-opacity=".5" p-id="19090"></path><path d="M842.6 582.2h0.2v-82.3c-13.9 11.1-29.5 21.9-46.8 31.9-55.1 32.1-121.1 53.8-191.5 65.5v82.3c70.1-11.6 136.1-33.6 191.2-65.5 17.3-10.1 33-20.7 46.8-31.9h0.1z" fill="#1EB0FC" fill-opacity=".5" p-id="19091"></path><path d="M959.6 818.7c0 2.7-0.2 5.1-0.2 7.8l0.4-123.7c0.2-2.7 0.2-5.1 0.2-7.8l-0.4 123.7z" fill="#50A7F5" fill-opacity=".5" p-id="19092"></path><path d="M926.9 614.8c-21.5 30.2-53.3 58.6-95.7 83.1-166.6 96.9-434.9 100.4-610.1 10.8l-0.4 126.6c117.4 60.2 276.6 78.4 419.1 54.7v-41.7c70.1-11.6 136.1-33.5 191.2-65.5 17.3-10.1 32.8-20.7 46.6-32v41.7c19.9-16.1 36.2-33.4 48.9-51.2l0.4-126.5z" fill="#1EB0FC" fill-opacity=".5" p-id="19093"></path><path d="M450.2 1024v-68.1c-83-7.2-162.9-27.9-229.8-62V962c66.7 34.2 146.9 54.9 229.6 62h0.2z" fill="#50A7F5" fill-opacity=".5" p-id="19094"></path><path d="M450.2 1024v-68.1c-83-7.2-162.9-27.9-229.8-62V962c66.7 34.2 146.9 54.9 229.6 62h0.2z" fill="#1EB0FC" fill-opacity=".5" p-id="19095"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/alipay.svg b/src/assets/images/svg/alipay.svg
new file mode 100644
index 0000000..bd7cd54
--- /dev/null
+++ b/src/assets/images/svg/alipay.svg
@@ -0,0 +1,6 @@
+<svg t="1655172500569" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4063"
+  width="200" height="200">
+  <path
+    d="M230.4 576.512c-12.288 9.728-25.088 24.064-28.672 41.984-5.12 24.576-1.024 55.296 22.528 79.872 28.672 29.184 72.704 37.376 91.648 38.912 51.2 3.584 105.984-22.016 147.456-50.688 16.384-11.264 44.032-34.304 70.144-69.632-59.392-30.72-133.632-64.512-212.48-61.44-40.448 1.536-69.632 9.728-90.624 20.992z m752.64 135.68c26.112-61.44 40.96-129.024 40.96-200.192C1024 229.888 794.112 0 512 0S0 229.888 0 512s229.888 512 512 512c170.496 0 321.536-83.968 414.72-211.968-88.064-43.52-232.96-115.712-322.56-159.232-42.496 48.64-105.472 97.28-176.64 118.272-44.544 13.312-84.992 18.432-126.976 9.728-41.984-8.704-72.704-28.16-90.624-47.616-9.216-10.24-19.456-22.528-27.136-37.888 0.512 1.024 1.024 2.048 1.024 3.072 0 0-4.608-7.68-7.68-19.456-1.536-6.144-3.072-11.776-3.584-17.92-0.512-4.096-0.512-8.704 0-12.8-0.512-7.68 0-15.872 1.536-24.064 4.096-20.48 12.8-44.032 35.328-65.536 49.152-48.128 114.688-50.688 148.992-50.176 50.176 0.512 138.24 22.528 211.968 48.64 20.48-43.52 33.792-90.112 41.984-121.344h-307.2v-33.28h157.696v-66.56H272.384V302.08h190.464V235.52c0-9.216 2.048-16.384 16.384-16.384h74.752V302.08h207.36v33.28h-207.36v66.56h165.888s-16.896 92.672-68.608 184.32c115.2 40.96 278.016 104.448 331.776 125.952z"
+    fill="#06B4FD" p-id="4064"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/api.svg b/src/assets/images/svg/api.svg
new file mode 100644
index 0000000..0181bdd
--- /dev/null
+++ b/src/assets/images/svg/api.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M499.2 671.232v-261.12h102.4c16.384 0 28.672 1.024 37.888 2.56 13.312 2.048 24.576 6.656 34.816 13.312 9.728 6.656 17.92 16.384 23.552 28.16 6.144 12.288 8.704 25.6 8.192 38.4 0 23.552-7.68 44.032-23.04 59.904-15.36 16.896-40.96 25.088-78.848 25.088h-43.52v93.184l-61.44.512zm281.6 0h-61.952v-261.12H780.8v261.12zm-287.744 0h-69.12L396.8 601.6h-73.728l-25.088 69.632h-66.56l100.352-261.12h54.272l107.008 261.12zM343.552 545.28h32.256l-15.872-42.496c0-.512-.512-1.024-.512-1.536l-15.872 44.032zm217.6-26.112h43.52c20.48 0 28.16-4.608 31.232-7.168 4.608-4.096 7.168-10.752 7.168-18.944 0-6.656-1.536-11.776-4.096-15.36-2.56-3.584-6.144-6.144-10.752-7.68-1.536-.512-6.656-1.536-24.064-1.536h-43.008v50.688z"/><path d="M747.52 842.752H512c-8.704 0-16.384-3.584-22.016-9.728-6.144-6.144-9.216-14.336-8.704-22.528.512-16.896 14.336-30.72 31.232-31.232H747.52c115.712 0 209.408-94.208 209.408-209.408 0-104.96-78.848-194.56-183.296-207.872l-22.528-3.072-4.608-22.016C724.992 231.936 631.808 156.16 524.288 156.16c-124.928 0-226.304 101.376-226.304 226.304v8.704l1.536 36.352-36.352-4.096c-6.144-1.024-12.288-1.024-18.432-1.024-98.304 0-178.176 79.872-178.176 178.176 0 98.304 79.872 178.176 178.176 178.176h63.488c8.704 0 16.384 3.584 22.016 9.728 6.144 6.144 9.216 14.336 8.704 22.528-.512 16.896-14.336 30.72-31.232 31.232h-64c-64 0-123.904-25.088-169.472-70.144C28.16 726.528 3.072 665.6 3.072 601.088c0-129.536 103.936-236.544 232.448-241.152 12.288-157.184 149.504-276.48 307.2-266.24 59.904 3.584 118.784 27.136 165.888 65.536 45.568 37.376 77.824 87.04 94.208 143.872 125.952 26.112 217.088 137.728 217.088 266.752.512 151.04-121.856 272.896-272.384 272.896z"/><path d="M572.416 930.816c-8.192 0-15.872-3.072-21.504-8.704L431.616 812.544l113.152-117.76c6.144-6.144 13.824-9.216 22.528-9.216 8.704 0 16.384 3.072 22.528 9.216 11.776 11.776 12.288 31.232 1.024 44.032l-68.608 70.656 71.68 66.048c6.144 5.632 9.728 13.312 10.24 22.016.512 8.704-2.56 16.384-8.192 23.04-6.656 6.656-14.848 10.24-23.552 10.24z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/arco.svg b/src/assets/images/svg/arco.svg
new file mode 100644
index 0000000..3913a29
--- /dev/null
+++ b/src/assets/images/svg/arco.svg
@@ -0,0 +1,5 @@
+<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.72938 13.2709C1.31587 11.8234 1.31587 9.51246 2.72938 8.06503L7.9367 2.73274C9.39842 1.23594 11.8058 1.23594 13.2675 2.73274C14.681 4.18017 14.681 6.49116 13.2675 7.93859L8.06017 13.2709C6.59845 14.7677 4.19111 14.7677 2.72938 13.2709Z" fill="#12D2AC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.94084 2.7323C9.40256 1.23549 11.8099 1.23549 13.2716 2.7323L18.4789 8.06459C19.8925 9.51202 19.8925 11.823 18.4789 13.2704C17.0172 14.7672 14.6099 14.7672 13.1482 13.2704L7.94084 7.93815C6.52733 6.49071 6.52733 4.17973 7.94084 2.7323Z" fill="#307AF2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.7384 2.93044C9.30781 1.32337 11.8925 1.32337 13.4619 2.93045L15.8075 5.33229L10.6002 10.6646L5.39285 5.33229L7.7384 2.93044Z" fill="#0057FE"/>
+</svg>
diff --git a/src/assets/images/svg/avatar-man.svg b/src/assets/images/svg/avatar-man.svg
new file mode 100644
index 0000000..ddbcef6
--- /dev/null
+++ b/src/assets/images/svg/avatar-man.svg
@@ -0,0 +1,29 @@
+<svg t="1648864366083" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="43365" width="200" height="200">
+  <path d="M0 512c0 281.6 230.4 512 512 512s512-230.4 512-512S793.6 0 512 0 0 230.4 0 512z" fill="#D7D1D1" p-id="43366">
+  </path>
+  <path
+    d="M512 1024c140.8 0 264.541091-55.458909 358.4-145.058909-8.541091-29.882182-17.058909-55.482182-25.6-68.282182-42.658909-51.2-221.858909-72.517818-221.858909-72.517818L512 768l-106.658909-29.858909s-179.2 25.6-221.882182 72.517818c-8.517818 12.8-17.058909 38.4-25.6 68.282182C247.458909 968.541091 371.2 1024 512 1024z"
+    fill="#6B8E9D" p-id="43367"></path>
+  <path
+    d="M281.6 456.541091c0-29.882182 12.8-55.482182 34.141091-55.482182 21.317818 0 42.658909 17.082182 46.917818 46.941091 4.282182 29.858909-12.8 55.458909-34.117818 55.458909-21.341091 0-46.941091-17.058909-46.941091-46.917818z m145.058909 170.658909v149.341091h170.682182V627.2h-170.682182z m273.082182-123.741091c-21.341091 0-38.4-29.858909-34.141091-55.458909 4.258909-29.858909 25.6-51.2 46.941091-46.941091 21.317818 0 38.4 29.882182 34.117818 55.482182-4.258909 29.858909-25.6 51.2-46.917818 46.917818z"
+    fill="#FFE5C5" p-id="43368"></path>
+  <path
+    d="M512 213.341091s-183.458909 8.517818-183.458909 106.658909v200.541091c0 38.4 59.717818 149.317818 119.458909 153.6 29.858909 0 64 4.258909 64 4.258909s38.4-4.258909 64-4.258909c55.458909-4.282182 115.2-115.2 115.2-153.6v-196.282182c4.258909-98.117818-179.2-110.917818-179.2-110.917818"
+    fill="#FEE1B9" p-id="43369"></path>
+  <path
+    d="M622.941091 243.2C571.741091 217.6 512 213.341091 512 213.341091c-8.541091 0-183.458909 8.517818-183.458909 106.658909v200.541091c0 38.4 59.717818 149.317818 119.458909 153.6H512s38.4-4.282182 64-4.282182c55.458909-4.258909 119.458909-115.2 119.458909-153.6v-192c0-38.4-29.858909-68.258909-72.517818-81.058909"
+    fill="#FFF0DA" p-id="43370"></path>
+  <path d="M401.058909 729.6L499.2 1024h29.858909l98.141091-294.4-115.2 25.6z" fill="#FFFFFF" p-id="43371"></path>
+  <path d="M524.8 819.2l25.6-25.6L512 755.2l-38.4 38.4 25.6 25.6-29.858909 149.341091L512 1011.2l46.941091-42.658909z"
+    fill="#515151" p-id="43372"></path>
+  <path
+    d="M512 755.2l89.6-46.941091 46.941091 25.6-76.8 106.682182L512 755.2z m0 0l-89.6-46.941091-46.941091 25.6 93.882182 106.682182L512 755.2z"
+    fill="#FFFFFF" p-id="43373"></path>
+  <path
+    d="M704 439.458909h-17.058909l-21.341091-162.117818s51.2-21.341091 64 42.658909c12.8 64-25.6 119.458909-25.6 119.458909m-392.541091 0h17.082182l21.317818-162.117818s-51.2-21.341091-64 42.658909c-8.517818 64 25.6 119.458909 25.6 119.458909"
+    fill="#46382E" p-id="43374"></path>
+  <path
+    d="M512 349.858909c102.4 0 174.941091-12.8 221.858909-102.4 0 0-46.917818-12.8-153.6-55.458909-166.4-68.258909-302.917818 42.658909-256 119.458909 12.8 25.6 85.341091 38.4 187.741091 38.4z"
+    fill="#46382E" p-id="43375"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/avatar-woman.svg b/src/assets/images/svg/avatar-woman.svg
new file mode 100644
index 0000000..ab027df
--- /dev/null
+++ b/src/assets/images/svg/avatar-woman.svg
@@ -0,0 +1,24 @@
+<svg t="1648864059094" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="34164" width="200" height="200">
+  <path
+    d="M510.002302 510.002302m-510.002302 0a510.002302 510.002302 0 1 0 1020.004604 0 510.002302 510.002302 0 1 0-1020.004604 0Z"
+    fill="#F9E9E6" p-id="34165"></path>
+  <path
+    d="M511.532309 1023.999622c126.952795 0.151112 249.608349-44.738535 344.893779-126.216125l-7.09281-43.54853C849.031055 778.934072 786.206327 717.969908 708.676532 717.781018H318.043102c-77.539239 0.245557-140.326189 61.22861-140.571745 136.529505L170.000767 900.465731c94.813206 79.777582 216.08042 123.628336 341.531542 123.533891"
+    fill="#FCA183" p-id="34166"></path>
+  <path
+    d="M523.668475 806.200306H511.607865c-46.183542 0-96.050434-38.967954-96.050434-86.577613l12.117277-160.820726c0.160556-47.713549 37.636281-86.369834 83.942601-86.577613h11.966166c46.362987 0.122778 83.933157 38.797953 84.093712 86.577613l11.966166 160.820726c0 47.675771-49.781891 86.577613-95.984323 86.577613"
+    fill="#FFFFFF" p-id="34167"></path>
+  <path
+    d="M523.668475 806.200306H511.607865c-46.183542 0-96.050434-38.967954-96.050434-86.577613l12.117277-160.820726c0.160556-47.713549 37.636281-86.369834 83.942601-86.577613h11.966166c46.362987 0.122778 83.933157 38.797953 84.093712 86.577613l11.966166 160.820726c0 47.675771-49.781891 86.577613-95.984323 86.577613"
+    fill="#FFFFFF" p-id="34168"></path>
+  <path
+    d="M610.236643 651.46183l-5.987804-77.973686c-0.198334-45.437427-37.041278-82.21426-82.516484-82.374816h-11.833942c-45.475205 0.198334-82.280371 37.0035-82.440928 82.440928L415.557431 726.696614a67.490305 67.490305 0 0 0 8.575595 32.432368c5.940582 0.670559 11.918943 1.001116 17.887858 1.001116h17.604524a159.252941 159.252941 0 0 0 150.611235-108.668268"
+    fill="#DCE6EA" p-id="34169"></path>
+  <path
+    d="M647.070143 302.223586a45.48465 45.48465 0 0 1 45.522428 45.446872v79.73036A52.643571 52.643571 0 0 1 708.336531 425.001918c31.29903 0 56.666922 27.483457 56.666922 61.389166S739.635561 547.78025 708.336531 547.78025a52.700238 52.700238 0 0 1-19.956202-3.910017 166.383529 166.383529 0 0 1-44.672423 80.646475 167.025754 167.025754 0 0 1-118.027755 48.809109h-18.747307a167.035198 167.035198 0 0 1-118.0372-48.809109 166.383529 166.383529 0 0 1-44.219088-78.644244c-4.514465 1.237228-9.246153 1.907786-14.119508 1.907786-31.29903 0-56.666922-27.483457-56.666923-61.389166s25.367892-61.389166 56.666923-61.389166c3.22057 0 6.375029 0.283335 9.444487 0.850004v-78.181464A45.475205 45.475205 0 0 1 385.523962 302.223586h261.546181z"
+    fill="#FFFFFF" p-id="34170"></path>
+  <path
+    d="M703.727621 832.097089l-85.652053-80.202584C672.63637 763.426224 687.369769 848.039384 739.19167 868.892811c1.095561 0.54778 13.099504-2.200565 50.188004-10.993383 1.643341-1.086116-3.815573-49.432445-2.720012-47.222435 7.650035 13.72284 13.637839 28.002904 19.644533 42.292413 22.912326-29.117354 40.375182-51.085231 45.824651-85.689831l-25.641782-32.96126 31.648476 21.977321 20.173425-48.346329s-75.272562-45.040759-95.47432-99.969896c-13.628395-34.62349-19.096753-224.117678-19.096753-224.117678s-3.815573-28.361795-26.727899-80.542586c-1.633896-3.296126-2.729457-6.592252-4.363353-9.888378-62.739728-174.128008-225.874353-139.523408-225.874352-139.523408-108.026043-9.340598-157.675712 38.448507-194.773657 101.074901-8.726706 12.627279-16.905632 27.464568-24.007887 43.397418-26.727898 60.964164-40.365738 129.965587-28.919019 256.323379 0 0 12.003943 173.570783 80.750364 255.964489 22.912326-9.878933 37.097945-47.241324 60.010271-56.024697 46.939101 0.538336 27.832903 2.191121 35.473494-18.681196 10.360602-22.515657 7.631146-58.234707 1.624452-84.59427-15.271736-10.983938-28.90013-23.611218-30.543472-25.273448-9.822267-8.783373-70.389762-65.355851-76.934791-98.31711l-1.633897-3.296126c-0.54778-2.200565-0.54778-3.853351-1.086116-6.044472a29.051242 29.051242 0 0 1-21.278429-3.296126c-11.994499-7.130588-16.905632-21.420097-18.548973-34.614045-1.643341-11.522274-1.095561-25.811783 5.987805-36.247941C522.053468 412.969642 506.224507 266.296758 506.224507 266.296758 517.13289 382.756728 658.99853 426.701926 722.824374 441.529771c13.637839 25.273447 2.738901 74.715337-28.361795 76.349233-1.643341 0-2.738901 0-3.834462-0.538335-1.086116 4.391686-2.172232 8.235593-3.258348 12.636723-13.656728 50.528006-47.477437 78.011463-87.304838 112.60662-8.178926 8.235593-14.18562 8.783373-22.364546 14.827844 1.633896 21.977321-2.729457 58.225263 6.54503 76.897014 10.370047 1.652785 29.4668 7.149477 33.830153 17.585635"
+    fill="#3E435C" p-id="34171"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/backtop copy.svg b/src/assets/images/svg/backtop copy.svg
new file mode 100644
index 0000000..af4eadf
--- /dev/null
+++ b/src/assets/images/svg/backtop copy.svg	
@@ -0,0 +1 @@
+<svg t="1658914025483" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3426" width="200" height="200"><path d="M390 679.988v-35.864c0-111.8-70.278-134.488-70.278-134.488S250 534.068 250 644.126v35.864h140z" fill="#4988FD" p-id="3427"></path><path d="M390 699.988h-140c-11.046 0-20-8.956-20-20v-35.864c0-122.828 79.714-152.174 83.108-153.364a20.012 20.012 0 0 1 12.758-0.158c3.434 1.11 84.132 28.598 84.132 153.522v35.864c0.002 11.046-8.952 20-19.998 20z m-120-40h100v-15.864c0-76.286-35.178-104.09-49.982-112.408-14.948 8.808-50.018 37.46-50.018 112.41v15.862z" fill="#4988FD" p-id="3428"></path><path d="M776 679.988v-35.864c0-111.8-70.278-134.488-70.278-134.488S636 534.068 636 644.126v35.864h140z" fill="#4988FD" p-id="3429"></path><path d="M776 699.988h-140c-11.044 0-20-8.956-20-20v-35.864c0-122.828 79.714-152.174 83.11-153.364a20.026 20.026 0 0 1 12.758-0.158c3.436 1.11 84.132 28.598 84.132 153.522v35.864c0 11.046-8.956 20-20 20z m-120-40h100v-15.864c0-76.286-35.178-104.09-49.982-112.408-14.948 8.808-50.018 37.46-50.018 112.41v15.862z" fill="#4988FD" p-id="3430"></path><path d="M693.146 651.988v-92.516c0-288.398-181.292-346.924-181.292-346.924S332 275.57 332 559.476c0.012 56.328 0 92.514 0 92.514l361.146-0.002z" fill="#4988FD" p-id="3431"></path><path d="M332 671.99a19.996 19.996 0 0 1-20-20.006c0-0.004 0.012-36.184 0-92.504 0-152.884 51.604-243.788 94.894-293.124 47.876-54.564 96.308-71.968 98.346-72.684a20.012 20.012 0 0 1 12.758-0.158c2.06 0.666 51.034 16.918 99.41 71.014 43.676 48.838 95.738 139.654 95.738 294.944v92.516c0 11.044-8.956 20-20 20L332 671.99z m180.098-437.812c-13.256 6.236-45.196 23.814-76.73 60.39C380.828 357.83 352 449.434 352 559.476c0.006 31.314 0.006 56.404 0.004 72.514l321.142-0.002v-72.516c0-111.762-29.016-203.89-83.91-266.424-31.678-36.086-63.762-52.93-77.138-58.87z" fill="#4988FD" p-id="3432"></path><path d="M497.858 864.994l-42.426-42.426c-31.244-31.244-31.244-81.894 0-113.138 31.242-31.242 81.894-31.242 113.136 0 31.242 31.24 31.244 81.894 0 113.138l-42.426 42.426c-7.81 7.81-20.474 7.81-28.284 0z" fill="#DFECFD" p-id="3433"></path><path d="M512 870.852a19.868 19.868 0 0 1-14.142-5.86l-42.426-42.424c-15.11-15.11-23.432-35.2-23.432-56.57s8.322-41.46 23.432-56.568S490.632 686 512 685.996c21.37 0.002 41.46 8.324 56.568 23.434S592 744.63 592 766s-8.322 41.46-23.432 56.57l-42.428 42.428a19.864 19.864 0 0 1-14.14 5.856zM512 688c-20.832-0.002-40.42 8.112-55.154 22.844S434 745.164 434 766c0 20.834 8.112 40.422 22.846 55.156l42.426 42.426a17.88 17.88 0 0 0 12.728 5.272 17.88 17.88 0 0 0 12.726-5.27l42.428-42.428c14.732-14.732 22.846-34.32 22.846-55.156 0-20.834-8.114-40.42-22.846-55.154S532.834 688 512 688z" fill="#DFECFD" p-id="3434"></path><path d="M312.576 803.972l-22.274-22.274c-16.402-16.402-16.402-42.996 0-59.398 16.4-16.4 42.994-16.4 59.396 0 16.402 16.402 16.404 42.996 0 59.398l-22.272 22.274a10.5 10.5 0 0 1-14.85 0z" fill="#DFECFD" p-id="3435"></path><path d="M320 806.896a10.784 10.784 0 0 1-7.68-3.18l-22.02-22.02c-16.374-16.374-16.374-43.02 0-59.396A41.728 41.728 0 0 1 320 710c11.22 0 21.764 4.366 29.7 12.3 16.374 16.376 16.374 43.022 0 59.398l-22.02 22.02a10.784 10.784 0 0 1-7.68 3.178zM320 712a39.744 39.744 0 0 0-28.284 11.714c-15.596 15.596-15.596 40.974 0 56.57l22.02 22.02c1.674 1.674 3.898 2.594 6.264 2.592s4.59-0.92 6.264-2.594l22.02-22.02c15.596-15.594 15.596-40.972 0-56.568A39.744 39.744 0 0 0 320 712z" fill="#DFECFD" p-id="3436"></path><path d="M698.576 803.972l-22.274-22.274c-16.4-16.4-16.4-42.994 0-59.398 16.4-16.4 42.994-16.4 59.396 0 16.402 16.402 16.4 42.996 0 59.398l-22.274 22.274a10.498 10.498 0 0 1-14.848 0z" fill="#DFECFD" p-id="3437"></path><path d="M706 806.896a10.784 10.784 0 0 1-7.68-3.18l-22.02-22.02c-16.37-16.374-16.37-43.02 0-59.396 7.936-7.934 18.482-12.3 29.7-12.3s21.764 4.366 29.7 12.3c16.374 16.376 16.372 43.02 0 59.398l-22.02 22.02a10.784 10.784 0 0 1-7.68 3.178zM706 712a39.736 39.736 0 0 0-28.284 11.714c-15.594 15.596-15.594 40.974 0 56.57l22.02 22.02c1.672 1.672 3.896 2.592 6.264 2.592s4.592-0.92 6.264-2.594l22.02-22.02c15.596-15.594 15.594-40.972 0-56.568A39.736 39.736 0 0 0 706 712z" fill="#DFECFD" p-id="3438"></path><path d="M512 352c22.092 0 40 17.908 40 40v80c0 22.092-17.908 40-40 40s-40-17.908-40-40v-80c0-22.092 17.908-40 40-40z" fill="#DFECFD" p-id="3439"></path><path d="M512 512c-22.056 0-40-17.944-40-40v-80c0-22.056 17.944-40 40-40s40 17.944 40 40v80c0 22.056-17.944 40-40 40z m0-158c-20.954 0-38 17.046-38 38v80c0 20.954 17.046 38 38 38s38-17.046 38-38v-80c0-20.954-17.046-38-38-38z" fill="#DFECFD" p-id="3440"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/backtop.svg b/src/assets/images/svg/backtop.svg
new file mode 100644
index 0000000..f8e6aa0
--- /dev/null
+++ b/src/assets/images/svg/backtop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M2.88 18.054a35.9 35.9 0 0 1 8.531-16.32.8.8 0 0 1 1.178 0q.25.27.413.455a35.9 35.9 0 0 1 8.118 15.865c-2.141.451-4.34.747-6.584.874l-2.089 4.178a.5.5 0 0 1-.894 0l-2.089-4.178a44 44 0 0 1-6.584-.874m6.698-1.123 1.157.066L12 19.527l1.265-2.53 1.157-.066a42 42 0 0 0 4.227-.454A33.9 33.9 0 0 0 12 4.09a33.9 33.9 0 0 0-6.649 12.387q2.093.334 4.227.454M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/bell.svg b/src/assets/images/svg/bell.svg
new file mode 100644
index 0000000..262d0ac
--- /dev/null
+++ b/src/assets/images/svg/bell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 18H19V11.0314C19 7.14806 15.866 4 12 4C8.13401 4 5 7.14806 5 11.0314V18ZM12 2C16.9706 2 21 6.04348 21 11.0314V20H3V11.0314C3 6.04348 7.02944 2 12 2ZM9.5 21H14.5C14.5 22.3807 13.3807 23.5 12 23.5C10.6193 23.5 9.5 22.3807 9.5 21Z"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/bilibili.svg b/src/assets/images/svg/bilibili.svg
new file mode 100644
index 0000000..b86747c
--- /dev/null
+++ b/src/assets/images/svg/bilibili.svg
@@ -0,0 +1 @@
+<svg t="1733556119022" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="60026" width="128" height="128"><path d="M0 0m184.32 0l655.36 0q184.32 0 184.32 184.32l0 655.36q0 184.32-184.32 184.32l-655.36 0q-184.32 0-184.32-184.32l0-655.36q0-184.32 184.32-184.32Z" fill="#EC5D85" p-id="60027"></path><path d="M512 241.96096h52.224l65.06496-96.31744c49.63328-50.31936 89.64096 0.43008 63.85664 45.71136l-34.31424 51.5072c257.64864 5.02784 257.64864 43.008 257.64864 325.03808 0 325.94944 0 336.46592-404.48 336.46592S107.52 893.8496 107.52 567.90016c0-277.69856 0-318.80192 253.14304-324.95616l-39.43424-58.368c-31.26272-54.90688 37.33504-90.40896 64.68608-42.37312l60.416 99.80928c18.18624-0.0512 41.18528-0.0512 65.66912-0.0512z" fill="#EF85A7" p-id="60028"></path><path d="M512 338.5856c332.8 0 332.8 0 332.8 240.64s0 248.39168-332.8 248.39168-332.8-7.75168-332.8-248.39168 0-240.64 332.8-240.64z" fill="#EC5D85" p-id="60029"></path><path d="M281.6 558.08a30.72 30.72 0 0 1-27.47392-16.97792 30.72 30.72 0 0 1 13.73184-41.216l122.88-61.44a30.72 30.72 0 0 1 41.216 13.74208 30.72 30.72 0 0 1-13.74208 41.216l-122.88 61.44a30.59712 30.59712 0 0 1-13.73184 3.23584zM752.64 558.08a30.60736 30.60736 0 0 1-12.8512-2.83648l-133.12-61.44a30.72 30.72 0 0 1-15.04256-40.7552 30.72 30.72 0 0 1 40.76544-15.02208l133.12 61.44A30.72 30.72 0 0 1 752.64 558.08zM454.656 666.88a15.36 15.36 0 0 1-12.288-6.1952 15.36 15.36 0 0 1 3.072-21.49376l68.5056-50.91328 50.35008 52.62336a15.36 15.36 0 0 1-22.20032 21.23776l-31.5904-33.024-46.71488 34.72384a15.28832 15.28832 0 0 1-9.13408 3.04128z" fill="#EF85A7" p-id="60030"></path><path d="M65.536 369.31584c15.03232 101.90848 32.84992 147.17952 44.544 355.328 14.63296 2.18112 177.70496 10.04544 204.05248-74.62912a16.14848 16.14848 0 0 0 1.64864-10.87488c-30.60736-80.3328-169.216-60.416-169.216-60.416s-10.36288-146.50368-11.49952-238.83776zM362.25024 383.03744l34.816 303.17568h34.64192L405.23776 381.1328zM309.52448 536.28928h45.48608l16.09728 158.6176-31.82592 1.85344zM446.86336 542.98624h45.80352V705.3312h-33.87392zM296.6016 457.97376h21.39136l5.2736 58.99264-18.91328 2.26304zM326.99392 457.97376h21.39136l2.53952 55.808-17.408 1.61792zM470.62016 459.88864h19.456v62.27968h-19.456zM440.23808 459.88864h22.20032v62.27968h-16.62976z" fill="#FFFFFF" p-id="60031"></path><path d="M243.56864 645.51936a275.456 275.456 0 0 1-28.4672 23.74656 242.688 242.688 0 0 1-29.53216 17.52064 2.70336 2.70336 0 0 1-4.4032-1.95584 258.60096 258.60096 0 0 1-5.12-29.57312c-1.41312-12.1856-1.95584-25.68192-2.16064-36.36224 0-0.3072 0-2.5088 3.01056-1.90464a245.92384 245.92384 0 0 1 34.22208 9.5744 257.024 257.024 0 0 1 32.3584 15.17568c0.52224 0.256 2.51904 1.4848 0.09216 3.77856z" fill="#EB5480" p-id="60032"></path><path d="M513.29024 369.31584c15.03232 101.90848 32.84992 147.17952 44.544 355.328 14.63296 2.18112 177.70496 10.04544 204.05248-74.62912a16.14848 16.14848 0 0 0 1.64864-10.87488c-30.60736-80.3328-169.216-60.416-169.216-60.416s-10.36288-146.50368-11.49952-238.83776zM810.00448 383.03744l34.816 303.17568h34.64192L852.992 381.1328zM757.27872 536.28928h45.48608l16.09728 158.6176-31.82592 1.85344zM894.6176 542.98624h45.80352V705.3312H906.5472zM744.35584 457.97376h21.39136l5.2736 58.99264-18.91328 2.26304zM774.74816 457.97376h21.39136l2.53952 55.808-17.408 1.61792zM918.3744 459.88864h19.456v62.27968h-19.456zM887.99232 459.88864h22.20032v62.27968h-16.62976z" fill="#FFFFFF" p-id="60033"></path><path d="M691.32288 645.51936a275.456 275.456 0 0 1-28.4672 23.74656 242.688 242.688 0 0 1-29.53216 17.52064 2.70336 2.70336 0 0 1-4.4032-1.95584 258.60096 258.60096 0 0 1-5.12-29.57312c-1.41312-12.1856-1.95584-25.68192-2.16064-36.36224 0-0.3072 0-2.5088 3.01056-1.90464a245.92384 245.92384 0 0 1 34.22208 9.5744 257.024 257.024 0 0 1 32.3584 15.17568c0.52224 0.256 2.51904 1.4848 0.09216 3.77856z" fill="#EB5480" p-id="60034"></path></svg>
diff --git a/src/assets/images/svg/browser.svg b/src/assets/images/svg/browser.svg
new file mode 100644
index 0000000..15c3927
--- /dev/null
+++ b/src/assets/images/svg/browser.svg
@@ -0,0 +1 @@
+<svg t="1733620744216" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13366" width="128" height="128"><path d="M512.956 741.549c24.671-8.545 73.221-25.811 120.072-46.486 12.131-5.394 24.087-12.036 47.412-25.31a109.078 109.078 0 0 0 37.94-29.11 83.344 83.344 0 0 0 12.227-23.053V219.281c-0.096-24.831-20.211-44.936-45.045-45.043-9.34 1.573-22.76 4.209-38.757 8.543 24.439 62.406 18.146 132.708-17.021 189.792-34.498 55.993-92.88 92.712-158.098 99.992-1.275 0.137-2.499 0.463-3.776 0.585v223.354c0.11 24.835 20.213 44.934 45.046 45.045zM378.672 741.549c24.833-0.108 44.939-20.21 45.046-45.047V472.779a213.556 213.556 0 0 1-158.787-101.461c-34.357-56.592-40.495-125.929-16.655-187.697a423.782 423.782 0 0 0-42.873-9.482c-24.833 0.098-44.938 20.214-45.047 45.047v398.308a82.748 82.748 0 0 0 12.242 23.039c10.5 12.524 23.704 22.495 38.591 29.219 23.801 13.273 35.756 20.011 47.424 25.311 46.84 20.673 95.405 37.942 120.059 46.486z" fill="#FFBA00" opacity=".4" p-id="13367"></path><path d="M744.827 708.729a57 57 0 0 0 32.919-11.275 53.974 53.974 0 0 0 17.343-27.226V271.907c-0.066-23.054-17.548-42.33-40.493-44.667 0.528 2.635 0.815 5.297 0.855 7.974v398.309a82.915 82.915 0 0 1-12.227 23.037 108.602 108.602 0 0 1-37.941 29.126c-22.944 12.799-34.805 19.428-46.568 24.752 12.528 0.003 49.706 0.761 86.112-1.709zM141.202 227.432c-22.861 2.335-40.317 21.49-40.495 44.475V670.23a53.882 53.882 0 0 0 17.362 27.4 56.9 56.9 0 0 0 32.902 11.291c36.421 2.471 73.585 1.984 86.112 1.711-11.764-5.324-23.61-11.958-46.565-24.751a108.597 108.597 0 0 1-37.928-29.128 82.787 82.787 0 0 1-12.242-23.036V235.404c0.041-2.676 0.327-5.338 0.854-7.972z" fill="#FFBA00" opacity=".4" p-id="13368"></path><path d="M629.782 372.569c35.172-57.083 41.463-127.383 17.023-189.792-0.007-0.026-0.016-0.066-0.029-0.096-51.497 13.939-127.844 45.508-165.674 117.207a189.132 189.132 0 0 0-13.288 31.87v141.388c1.307-0.123 2.569-0.447 3.872-0.585 65.218-7.28 123.598-44 158.096-99.992zM248.658 183.62c-23.842 61.769-17.701 131.105 16.639 187.697 34.357 56.608 93.013 94.084 158.8 101.461h0.099v-141.02a190.385 190.385 0 0 0-13.273-31.87c-36.989-70.079-110.861-101.855-162.265-116.268z" fill="#FEC744" opacity=".4" p-id="13369"></path><path d="M593.104 570.52v223.357c0.105 24.83 20.215 44.938 45.05 45.046 24.668-8.544 73.218-25.811 120.071-46.488 12.127-5.392 24.086-12.036 47.409-25.306a109.116 109.116 0 0 0 37.941-29.114 83.408 83.408 0 0 0 12.225-23.051v-398.31c-0.092-24.833-20.21-44.938-45.045-45.047-9.481 1.602-23.134 4.265-39.446 8.723 24.355 62.297 18.091 132.42-16.915 189.423a213.388 213.388 0 0 1-161.29 100.767zM330.601 271.513c-24.833 0.094-44.939 20.214-45.048 45.045v398.31a82.678 82.678 0 0 0 12.24 23.039c10.502 12.524 23.708 22.493 38.595 29.22 23.799 13.271 35.753 20.013 47.422 25.307 46.841 20.677 95.404 37.944 120.062 46.488 24.831-0.109 44.938-20.216 45.045-45.046v-223.72c-65.791-7.377-124.448-44.86-158.79-101.463-34.354-56.591-40.496-125.93-16.655-187.696a423.057 423.057 0 0 0-42.871-9.484z" fill="#FFBA00" p-id="13370"></path><path d="M868.422 753.937a108.626 108.626 0 0 1-37.943 29.126c-22.944 12.796-34.805 19.428-46.567 24.75 12.526 0 49.702 0.765 86.112-1.71a56.988 56.988 0 0 0 32.916-11.274 54.009 54.009 0 0 0 17.346-27.228v-398.32c-0.069-23.053-17.552-42.328-40.496-44.667 0.529 2.635 0.815 5.299 0.855 7.974v398.31a83.035 83.035 0 0 1-12.223 23.039zM266.399 324.804c-22.863 2.338-40.319 21.491-40.496 44.477v398.323a53.886 53.886 0 0 0 17.361 27.4 56.879 56.879 0 0 0 32.901 11.291c36.419 2.471 73.587 1.983 86.111 1.708-11.764-5.323-23.608-11.953-46.566-24.75a108.578 108.578 0 0 1-37.928-29.124 82.698 82.698 0 0 1-12.238-23.039V332.779c0.039-2.675 0.326-5.338 0.855-7.975z" fill="#FFBA00" p-id="13371"></path><path d="M771.97 280.058c-51.497 13.939-127.844 45.508-165.675 117.207a188.947 188.947 0 0 0-13.289 31.871v141.386c66.797-6.206 126.786-43.472 161.969-100.58 35.184-57.11 41.473-127.45 16.995-189.884z" fill="#FFBA00" p-id="13372"></path><path d="M771.97 280.058c-51.497 13.939-127.844 45.508-165.675 117.207a188.947 188.947 0 0 0-13.289 31.871v141.386c66.797-6.206 126.786-43.472 161.969-100.58 35.184-57.11 41.473-127.45 16.995-189.884z" fill="#FEC744" p-id="13373"></path><path d="M549.294 570.155h0.095V429.132a189.948 189.948 0 0 0-13.271-31.871c-36.992-70.081-110.863-101.856-162.266-116.268-23.839 61.769-17.701 131.105 16.642 187.696 34.352 56.608 93.012 94.089 158.8 101.466z" fill="#FFBA00" p-id="13374"></path><path d="M549.294 570.155h0.095V429.132a189.948 189.948 0 0 0-13.271-31.871c-36.992-70.081-110.863-101.856-162.266-116.268-23.839 61.769-17.701 131.105 16.642 187.696 34.352 56.608 93.012 94.089 158.8 101.466z" fill="#FEC744" p-id="13375"></path></svg>
diff --git a/src/assets/images/svg/captcha.svg b/src/assets/images/svg/captcha.svg
new file mode 100644
index 0000000..8b1da30
--- /dev/null
+++ b/src/assets/images/svg/captcha.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M917.6 267.2c-36.1-2.5-72.4-9.3-103.6-19.3-10.1-3-20.2-6.4-30.3-10-21.4-6.3-50.5-18.8-83.6-36.6-.4-.2-.7-.4-1.1-.6-7.8-4.2-15.7-8.7-23.8-13.4-10.9-6.3-21.7-12.9-32.5-19.9-.4-.3-.8-.5-1.2-.8-7.7-5-15.5-10.2-23.1-15.5-5-3.4-10-7.1-15-10.7-3.8-2.8-7.5-5.3-11.3-8.2-27.4-20.5-54.5-43.5-79.9-68.3-25.4 24.8-52.5 47.8-79.9 68.3-3.7 2.8-7.5 5.4-11.3 8.2-5 3.6-10 7.3-15 10.7-7.7 5.4-15.4 10.5-23.1 15.5-.4.3-.8.5-1.2.8-10.8 6.9-21.6 13.6-32.5 19.9-8.1 4.7-16 9.2-23.8 13.4-.3.2-.7.4-1 .6-33 17.8-62.2 30.3-83.6 36.6-10.1 3.6-20.2 7-30.3 10-31.1 10-67.4 16.8-103.6 19.3h.1c1.1 16.2 2.1 37.7 3.4 60.9h.7c6.1 86.8 23.5 210.2 49.7 282.8 1.2 3.2 2.2 6.5 3.3 9.6.6 1.5 1.2 2.8 1.8 4.3 62.8 162.1 171.9 280.1 303 323.4v.4c17.3 5.7 31.9 9.3 43.5 11.5 11.5-2.2 26.1-5.8 43.5-11.5v-.4C687 905 796.1 787 858.9 624.8c.6-1.5 1.2-2.8 1.8-4.3 1.2-3.1 2.2-6.4 3.3-9.6 26.2-72.5 43.6-196 49.7-282.8h.7c1.1-23.3 2.2-44.7 3.2-60.9zm-47.4 41.9-.5 9.5c-.5 2.2-.9 4.4-1 6.6C863 406 847 525.7 821.3 596.7c-.7 1.9-1.4 3.9-2 5.8-.4 1.2-.8 2.5-1.4 4.1-.5 1.2-1 2.5-1.4 3.4C758.1 760.8 657.7 869.3 541 907.8c-1.9.6-3.7 1.4-5.5 2.2-7.9 2.5-15.7 4.6-23.2 6.3-7.5-1.7-15.2-3.8-23.1-6.3-1.8-.9-3.6-1.6-5.5-2.2-116.7-38.5-217.1-147-275.4-297.5-.5-1.2-.9-2.4-1.7-4.1-.4-1.2-.8-2.4-1.3-3.6-.7-2-1.3-3.9-1.9-5.6-25.8-71.2-41.7-191-47.4-271.7-.2-2.3-.5-4.5-1-6.6l-.5-9.3c-.1-1.5-.2-3-.2-4.5 24.6-3.8 48.4-9.3 70-16.2 10.1-3 20.4-6.4 31.4-10.4 25.2-7.6 56.5-21.2 90.5-39.6.6-.3 1.2-.6 1.7-.9 8.2-4.4 16.7-9.2 24.8-14 10.7-6.1 22-13 34.5-21.1.4-.2 1-.6 1.3-.8 8.2-5.3 16.4-10.8 24.1-16.2 4.5-3.1 9.1-6.4 13.7-9.7l2.4-1.8 4-2.9c2.6-1.9 5.2-3.7 7.5-5.5 17.9-13.4 35.3-27.5 52-42.1 16.7 14.7 34 28.7 51.8 42 2.6 1.9 5.1 3.8 7.7 5.6l4.3 3.1 1.5 1.1c4.8 3.5 9.6 6.9 14 9.9 8.1 5.7 16.3 11.2 23.7 16l2.1 1.3c12.4 8 23.7 14.9 34.1 20.8 8.6 5 17 9.8 25 14.1.4.2 1 .5 1.5.8 34.2 18.4 65.6 32.1 90.9 39.7 11 3.9 21.3 7.3 30.6 10.1 22.1 7.1 46.1 12.6 70.8 16.5.1 1.5.1 3 0 4.4z"/><path d="M710.6 411.2 476.1 651.6l-120-123c-8.3-8.5-21.8-8.5-30.1 0s-8.3 22.3 0 30.9L461.1 698c4.2 4.3 9.6 6.4 15.1 6.4 5.4 0 10.9-2.1 15-6.4l249.5-255.7c8.3-8.5 8.3-22.3 0-30.9-8.3-8.7-21.8-8.7-30.1-.2z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/cascader.svg b/src/assets/images/svg/cascader.svg
new file mode 100644
index 0000000..57209bf
--- /dev/null
+++ b/src/assets/images/svg/cascader.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M832.128 768c33.195 0 60.501 25.173 63.573 57.813L896 832a64 64 0 0 1-63.872 64H533.205a63.787 63.787 0 0 1-63.872-64 64 64 0 0 1 63.872-64h298.923zM213.333 874.667c-23.722 0-42.666-19.072-42.666-42.624V362.667A42.667 42.667 0 0 1 213.333 320l4.992.299C239.66 322.73 256 340.779 256 362.624l-.043 128.043h128.299c21.248 0 39.595 16.469 42.112 37.674l.299 4.992-.299 4.992A42.368 42.368 0 0 1 384.256 576H256l.043 213.333h128.256c22.869 0 42.41 19.115 42.41 42.667l-.298 4.992a42.368 42.368 0 0 1-42.112 37.675zm618.795-405.334c33.195 0 60.501 25.174 63.573 57.814l.299 6.186a64 64 0 0 1-63.872 64H533.205a63.787 63.787 0 0 1-63.872-64 64 64 0 0 1 63.872-64h298.923zM576.171 128c33.194 0 60.458 25.173 63.573 57.813L640 192c0 35.328-29.013 64-63.83 64H191.83A63.744 63.744 0 0 1 128 192c0-35.328 29.013-64 63.83-64h384.34z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/client.svg b/src/assets/images/svg/client.svg
new file mode 100644
index 0000000..7373b3d
--- /dev/null
+++ b/src/assets/images/svg/client.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M962.184 55.874H61.818C27.732 55.874 0 83.606 0 117.692v621.64c0 34.086 27.732 61.818 61.818 61.818h308.52v44.98c0 41.234-33.547 74.782-74.781 74.782h-67.995c-13.036 0-23.606 10.568-23.606 23.606 0 13.038 10.57 23.606 23.606 23.606h568.874c13.036 0 23.606-10.568 23.606-23.606 0-13.038-10.57-23.606-23.606-23.606h-67.997c-41.234 0-74.782-33.548-74.782-74.782v-44.978h308.52c34.087 0 61.821-27.732 61.821-61.819v-621.64c.004-34.087-27.728-61.819-61.814-61.819zM391.84 920.916c16.092-20.672 25.714-46.616 25.714-74.782v-44.98h188.894v44.98c0 28.166 9.622 54.112 25.714 74.782H391.841zm584.95-181.583c0 8.054-6.552 14.608-14.608 14.608H61.818c-8.054 0-14.608-6.552-14.608-14.608V615.267h929.58v124.066zm0-171.28H47.212v-450.36c0-8.055 6.552-14.609 14.608-14.609h900.362c8.054 0 14.61 6.552 14.61 14.608v450.361z"/><path d="M486.531 684.611a25.476 25.476 0 1 0 50.952 0 25.476 25.476 0 1 0-50.952 0zm65.946-466.103c-9.22-9.218-24.162-9.218-33.386 0L352.263 385.337c-9.218 9.218-9.218 24.166 0 33.386a23.534 23.534 0 0 0 16.694 6.914 23.526 23.526 0 0 0 16.692-6.914l166.828-166.829c9.218-9.218 9.218-24.166 0-33.386zm98.88 96.679c-9.216-9.218-24.158-9.218-33.384-.002l-66.46 66.456c-9.218 9.22-9.218 24.168 0 33.386a23.53 23.53 0 0 0 16.692 6.914c6.04 0 12.082-2.304 16.692-6.914l66.46-66.456c9.218-9.218 9.218-24.166 0-33.384z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/close.svg b/src/assets/images/svg/close.svg
new file mode 100644
index 0000000..e99c978
--- /dev/null
+++ b/src/assets/images/svg/close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="1em" height="1em" viewBox="0 0 36 36"><path d="m19.41 18 8.29-8.29a1 1 0 0 0-1.41-1.41L18 16.59l-8.29-8.3a1 1 0 0 0-1.42 1.42l8.3 8.29-8.3 8.29A1 1 0 1 0 9.7 27.7l8.3-8.29 8.29 8.29a1 1 0 0 0 1.41-1.41z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/close_all.svg b/src/assets/images/svg/close_all.svg
new file mode 100644
index 0000000..2005198
--- /dev/null
+++ b/src/assets/images/svg/close_all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="1em" height="1em" viewBox="0 0 36 36"><path d="M26 17H10a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/close_left.svg b/src/assets/images/svg/close_left.svg
new file mode 100644
index 0000000..fc5cf71
--- /dev/null
+++ b/src/assets/images/svg/close_left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m7 12 7 7m-7-7 7-7" stroke-linejoin="round"/><path d="M21 12H7.5"/><path d="M3 3v18" stroke-linejoin="round"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/close_other.svg b/src/assets/images/svg/close_other.svg
new file mode 100644
index 0000000..27ffc32
--- /dev/null
+++ b/src/assets/images/svg/close_other.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20"><path d="M3 5h14V3H3v2zm12 8V7H5v6h10zM3 17h14v-2H3v2z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/close_right.svg b/src/assets/images/svg/close_right.svg
new file mode 100644
index 0000000..b96dc1c
--- /dev/null
+++ b/src/assets/images/svg/close_right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m17 12-7 7m7-7-7-7" stroke-linejoin="round"/><path d="M3 12h13.5"/><path d="M21 3v18" stroke-linejoin="round"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/cnblogs.svg b/src/assets/images/svg/cnblogs.svg
new file mode 100644
index 0000000..4920a4c
--- /dev/null
+++ b/src/assets/images/svg/cnblogs.svg
@@ -0,0 +1 @@
+<svg t="1733555747788" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10924" width="128" height="128"><path d="M851.404 172.596c-187.462-187.461-491.346-187.461-678.808 0-187.461 187.462-187.461 491.346 0 678.808 187.462 187.461 491.346 187.461 678.808 0 187.461-187.462 187.461-491.346 0-678.808zM387.33 728.087a47.084 47.084 0 1 1-66.633-66.502 47.084 47.084 0 0 1 66.633 66.502z m205.527 1.397a38.75 38.75 0 0 1-76.625-11.52h-0.044a6.545 6.545 0 0 0-0.044 0.305v-0.349c0.306-2.618 2.051-20.727-2.967-44.99a174.24 174.24 0 0 0-48.567-89.28 172.102 172.102 0 0 0-88.8-48.305 156.698 156.698 0 0 0-42.458-2.923 38.662 38.662 0 0 1-35.39-65.324 38.618 38.618 0 0 1 21.12-10.822v-0.218c4.452-0.742 111.142-16.45 200.335 72.742 89.018 89.018 74.182 196.145 73.44 200.727z m175.2 7.592a38.75 38.75 0 0 1-65.673 21.382 39.49 39.49 0 0 1-11.65-33.73c0.087-0.35 5.105-37.484-5.062-88.975-13.31-67.375-45.295-126.895-94.953-176.902-50.007-49.702-109.527-81.644-176.945-94.953-51.491-10.167-88.582-5.193-89.019-5.149h0.219-0.044a39.927 39.927 0 0 1-44.684-32.902 38.836 38.836 0 0 1 32.204-44.378c1.92-0.305 47.869-7.33 111.273 4.364a411.753 411.753 0 0 1 106.254 34.952 425.76 425.76 0 0 1 114.633 82.255l0.916 0.96 0.96 0.873a425.89 425.89 0 0 1 82.255 114.72c16.407 33.6 28.145 69.294 34.996 106.21 11.651 63.404 4.67 109.353 4.32 111.273z" fill="#1296DB" p-id="10925"></path></svg>
diff --git a/src/assets/images/svg/code.svg b/src/assets/images/svg/code.svg
new file mode 100644
index 0000000..d8b546c
--- /dev/null
+++ b/src/assets/images/svg/code.svg
@@ -0,0 +1 @@
+<svg t="1720831003829" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5159" width="200" height="200"><path d="M438.4 849.1l222.7-646.7c0.2-0.5 0.3-1.1 0.4-1.6L438.4 849.1z" opacity=".224" p-id="5160"></path><path d="M661.2 168.7h-67.5c-3.4 0-6.5 2.2-7.6 5.4L354.7 846c-0.3 0.8-0.4 1.7-0.4 2.6 0 4.4 3.6 8 8 8h67.8c3.4 0 6.5-2.2 7.6-5.4l0.7-2.1 223.1-648.3 7.4-21.4c0.3-0.8 0.4-1.7 0.4-2.6-0.1-4.5-3.6-8.1-8.1-8.1zM954.6 502.1c-0.8-1-1.7-1.9-2.7-2.7l-219-171.3c-3.5-2.7-8.5-2.1-11.2 1.4-1.1 1.4-1.7 3.1-1.7 4.9v81.3c0 2.5 1.1 4.8 3.1 6.3l115 90-115 90c-1.9 1.5-3.1 3.8-3.1 6.3v81.3c0 4.4 3.6 8 8 8 1.8 0 3.5-0.6 4.9-1.7l219-171.3c6.9-5.4 8.2-15.5 2.7-22.5zM291.1 328.1l-219 171.3c-1 0.8-1.9 1.7-2.7 2.7-5.4 7-4.2 17 2.7 22.5l219 171.3c1.4 1.1 3.1 1.7 4.9 1.7 4.4 0 8-3.6 8-8v-81.3c0-2.5-1.1-4.8-3.1-6.3l-115-90 115-90c1.9-1.5 3.1-3.8 3.1-6.3v-81.3c0-1.8-0.6-3.5-1.7-4.9-2.7-3.5-7.7-4.1-11.2-1.4z" p-id="5161"></path></svg>
diff --git a/src/assets/images/svg/collapse.svg b/src/assets/images/svg/collapse.svg
new file mode 100644
index 0000000..1507568
--- /dev/null
+++ b/src/assets/images/svg/collapse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 4h18v2H3V4zm0 15h18v2H3v-2zm8-5h10v2H11v-2zm0-5h10v2H11V9zm-8 3.5L7 9v7l-4-3.5z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/csdn.svg b/src/assets/images/svg/csdn.svg
new file mode 100644
index 0000000..e16bad0
--- /dev/null
+++ b/src/assets/images/svg/csdn.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="30px" viewBox="0 0 30 30" version="1.1">
+    <title>ic/csdn</title>
+    <g id="ic/csdn" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M24.7385612,21.818791 C24.4728206,21.5662432 24.1090763,21.4267765 23.7575825,21.4343152 C23.3966653,21.4399693 23.0696724,21.5907441 22.8378562,21.8555424 C20.7581061,24.2349574 17.1347988,24.4922169 15.6732254,24.4922169 C12.9611634,24.4922169 10.886125,23.8043069 9.50559315,22.4501605 C8.19385225,21.1638629 7.50594216,19.2678696 7.46070972,16.8168365 C7.35516735,11.1345107 10.5732673,5.25806226 16.139685,5.25806226 C18.7980335,5.25806226 20.8627061,7.14368979 21.6260036,7.95410443 C21.8917442,8.23586486 22.2583155,8.39794779 22.6352525,8.39983247 C23.0131319,8.4092559 23.362741,8.24151892 23.599269,7.96164317 L23.8160078,7.70532598 C24.2607935,7.18232584 24.4605701,6.50572386 24.380471,5.80179394 C24.2984872,5.09126763 23.9422817,4.44293592 23.3778185,3.97459165 C22.0133064,2.84472288 19.6951436,1.5 16.3969445,1.5 C12.9715292,1.5 9.58757695,3.07465447 7.1129853,5.82441016 C4.51306208,8.71269021 3.1240491,12.6441435 3.20320588,16.895051 C3.26634283,20.3063311 4.38490349,23.1729373 6.44015269,25.1886081 C8.64806138,27.3550537 11.8821812,28.5 15.7947876,28.5 C20.3849384,28.5 23.2289283,27.1401996 24.8082945,26.0009074 C25.4198749,25.5608334 25.7845615,24.8644423 25.8128317,24.093606 C25.8392173,23.3190004 25.5225902,22.5604146 24.9430495,22.0119712 L24.7385612,21.818791 Z" id="Fill-1" fill="#FC5533"/>
+    </g>
+<script xmlns=""/></svg>
diff --git a/src/assets/images/svg/dict.svg b/src/assets/images/svg/dict.svg
new file mode 100644
index 0000000..db60220
--- /dev/null
+++ b/src/assets/images/svg/dict.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M449.6 116.2H303.8c-14.2 0-25.7-11.5-25.7-25.7s11.5-25.7 25.7-25.7h145.8c14.2 0 25.7 11.5 25.7 25.7s-11.5 25.7-25.7 25.7zm0 0"/><path d="M160.1 859.3c-14.2 0-25.7-11.5-25.7-25.7V167.4c0-56.6 46-102.6 102.6-102.6h66.8c14.2 0 25.7 11.5 25.7 25.7s-11.5 25.7-25.7 25.7H237c-28.2 0-51.1 22.9-51.1 51.1v666.2c-.1 14.3-11.6 25.8-25.8 25.8zm373.5-512.6c-6.3 0-12.4-1.3-17.6-3.5-13.5-5.8-21.9-17.9-21.9-31.6v-221c0-14.2 11.5-25.7 25.7-25.7s25.7 11.5 25.7 25.7v189l27.7-26.6c14.1-13.5 36.1-13.5 50.1 0l22.1 21.3V90.5c0-14.2 11.5-25.7 25.7-25.7s25.7 11.5 25.7 25.7v219.6c0 14.5-8.6 27.5-22 33.2-13.3 5.7-28.7 2.9-39.2-7.2l-37.5-36-37.5 36c-7.6 7.6-17.5 10.6-27 10.6zm0 0"/><path d="M846.1 958.9H236.9c-56.6 0-102.6-46-102.6-102.6v-22.8c0-14.2 11.5-25.7 25.7-25.7s25.7 11.5 25.7 25.7v22.8c0 28.2 22.9 51.1 51.1 51.1H846c14.2 0 25.7 11.5 25.7 25.7.1 14.3-11.4 25.8-25.6 25.8zm0 0"/><path d="M160.1 876h-.9c-14.2-.5-25.3-12.4-24.8-26.6 1-28.2 6.3-48.5 16.7-63.6 13.8-20.1 35.4-30.3 64.3-30.3h615c3.2-2.7 6.4-6.1 8.6-8.6V133.1c-1.8-5.1-11.7-15-16.8-16.8H449.6c-14.2 0-25.7-11.5-25.7-25.7s11.5-25.7 25.7-25.7h373.6c19.8 0 36.7 13.9 45 22.2 8.3 8.3 22.2 25.2 22.2 45v621.6c0 10.8-6.2 19.6-12.3 26.7-4.6 5.4-10.3 11-15.6 15.4-1 .9-2.1 1.7-3.2 2.5-5.4 4.1-12.9 8.8-22.3 8.8H215.3c-15 0-28 0-29.5 44.2-.5 13.8-11.9 24.7-25.7 24.7zm0 0"/><path d="M284.4 806.4c-14.2 0-25.7-11.5-25.7-25.7V90.5c0-14.2 11.5-25.7 25.7-25.7s25.7 11.5 25.7 25.7v690.1c0 14.3-11.5 25.8-25.7 25.8zM844.9 959h-1.6c-6.6-.3-30-2.3-52.2-16.9-19.5-12.7-42.6-38-42.6-86.3 0-62.3 35.7-101 93.1-101 14.2 0 25.7 11.5 25.7 25.7s-11.5 25.7-25.7 25.7c-12.5 0-41.7 0-41.7 49.6 0 21 6.6 35.3 20.1 43.8 10.6 6.6 22.1 7.8 25 8 1.4-.1 2.9 0 4.4.2 13.7 1.7 23.6 14 22.5 27.7-.9 9.5-8.8 23.5-27 23.5zm-1.8-51.3c-1.1.1-2.3.3-3.4.6 1.1-.3 2.2-.5 3.4-.6zm0 0"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/document.svg b/src/assets/images/svg/document.svg
new file mode 100644
index 0000000..aaa0574
--- /dev/null
+++ b/src/assets/images/svg/document.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M832.1 185.1H609.4l-17.1-62c-9.6-34.6-40.5-58.8-75.3-58.8H196c-43.2 0-78.3 36.4-78.3 81.1V897c0 35.3 28.7 64 64 64H832c35.3 0 64-28.7 64-64V249c.1-35.2-28.6-63.9-63.9-63.9zm-644.4-39.7c0-6.6 4.4-11.1 8.3-11.1h321c3.4 0 6.6 3.1 7.8 7.4l12 43.4H187.7v-39.7zm638.4 745.8H187.7V255.1h638.4v636.1z"/><path d="M311.1 415.1a35 35 0 1 0 70 0 35 35 0 1 0-70 0zm151.2-35h257.8v70H462.3zM311.1 582.3a35 35 0 1 0 70 0 35 35 0 1 0-70 0zm151.2-35h257.8v70H462.3zM311.1 749.5a35 35 0 1 0 70 0 35 35 0 1 0-70 0zm151.2-35h257.8v70H462.3z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/down.svg b/src/assets/images/svg/down.svg
new file mode 100644
index 0000000..5fc8b88
--- /dev/null
+++ b/src/assets/images/svg/down.svg
@@ -0,0 +1 @@
+<svg width="15" height="15" aria-label="向下键" role="img"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"><path d="M7.5 3.5v8M10.5 8.5l-3 3-3-3"></path></g></svg>
diff --git a/src/assets/images/svg/download.svg b/src/assets/images/svg/download.svg
new file mode 100644
index 0000000..a8077dc
--- /dev/null
+++ b/src/assets/images/svg/download.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M624 706.3h-74.1V464c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v242.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.7c3.2 4.1 9.4 4.1 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9z"/><path d="M811.4 366.7C765.6 245.9 648.9 160 512.2 160S258.8 245.8 213 366.6C127.3 389.1 64 467.2 64 560c0 110.5 89.5 200 199.9 200H304c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8h-40.1c-33.7 0-65.4-13.4-89-37.7-23.5-24.2-36-56.8-34.9-90.6.9-26.4 9.9-51.2 26.2-72.1 16.7-21.3 40.1-36.8 66.1-43.7l37.9-9.9 13.9-36.6c8.6-22.8 20.6-44.1 35.7-63.4 14.9-19.2 32.6-35.9 52.4-49.9 41.1-28.9 89.5-44.2 140-44.2s98.9 15.3 140 44.2c19.9 14 37.5 30.8 52.4 49.9 15.1 19.3 27.1 40.7 35.7 63.4l13.8 36.5 37.8 10C846.1 454.5 884 503.8 884 560c0 33.1-12.9 64.3-36.3 87.7-23.4 23.4-54.5 36.3-87.6 36.3H720c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h40.1C870.5 760 960 670.5 960 560c0-92.7-63.1-170.7-148.6-193.3z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/enter.svg b/src/assets/images/svg/enter.svg
new file mode 100644
index 0000000..9e199df
--- /dev/null
+++ b/src/assets/images/svg/enter.svg
@@ -0,0 +1 @@
+<svg width="15" height="15" aria-label="回车键" role="img"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"><path d="M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"></path></g></svg>
diff --git a/src/assets/images/svg/esc.svg b/src/assets/images/svg/esc.svg
new file mode 100644
index 0000000..2f85dd2
--- /dev/null
+++ b/src/assets/images/svg/esc.svg
@@ -0,0 +1 @@
+<svg width="15" height="15" aria-label="Esc 键" role="img"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"><path d="M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"></path></g></svg>
diff --git a/src/assets/images/svg/file copy.svg b/src/assets/images/svg/file copy.svg
new file mode 100644
index 0000000..4768a53
--- /dev/null
+++ b/src/assets/images/svg/file copy.svg	
@@ -0,0 +1,12 @@
+<svg t="1640574422482" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3140"
+  width="128" height="128">
+  <path
+    d="M913.29536 941.04064c0.0256 24.82688-16.54784 44.96384-37.0176 44.98432l-708.23936 0.6912c-20.46464 0.02048-37.07904-20.08576-37.10464-44.91264l-0.83968-859.02848c-0.0256-24.82688 16.54784-44.96384 37.0176-44.98432l521.10848-0.50688 224.39424 210.50368 0.68096 693.25312z"
+    fill="#e6e6e6" p-id="3141"></path>
+  <path
+    d="M913.29536 253.26592l-189.11744 0.18432c-20.46464 0.02048-37.07904-20.08576-37.10464-44.91264l-0.16384-165.77024 226.38592 210.49856z"
+    fill="#C4BCB1" p-id="3142"></path>
+  <path
+    d="M720.72192 396.84096a22.54848 22.54848 0 0 1-22.54848 22.54848H326.13376a22.54848 22.54848 0 0 1 0-45.09696h372.0448a22.54848 22.54848 0 0 1 22.54336 22.54848zM720.72192 565.95456a22.54848 22.54848 0 0 1-22.54848 22.54848H326.13376a22.54848 22.54848 0 0 1 0-45.09696h372.0448a22.54848 22.54848 0 0 1 22.54336 22.54848zM720.72192 746.33728a22.54848 22.54848 0 0 1-22.54848 22.54848H326.13376a22.54848 22.54848 0 0 1 0-45.09696h372.0448a22.54848 22.54848 0 0 1 22.54336 22.54848z"
+    fill="#8a8a8a" p-id="3143"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-close.svg b/src/assets/images/svg/file-close.svg
new file mode 100644
index 0000000..2430cc6
--- /dev/null
+++ b/src/assets/images/svg/file-close.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg t="1627885889837" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17560" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M0 139.636364a46.545455 46.545455 0 0 1 46.545455-46.545455h354.897454a51.2 51.2 0 0 1 47.057455 31.034182L473.6 182.679273 977.454545 182.690909a46.545455 46.545455 0 0 1 46.545455 46.545455v546.909091a46.545455 46.545455 0 0 1-46.545455 46.545454H46.545455a46.545455 46.545455 0 0 1-46.545455-46.545454V139.636364z" fill="#FFA000" p-id="17561"></path><path d="M0 276.945455m46.545455 0l930.90909 0q46.545455 0 46.545455 46.545454l0 558.545455q0 46.545455-46.545455 46.545454l-930.90909 0q-46.545455 0-46.545455-46.545454l0-558.545455q0-46.545455 46.545455-46.545454Z" fill="#FFCA28" p-id="17562"></path></svg>
diff --git a/src/assets/images/svg/file-css.svg b/src/assets/images/svg/file-css.svg
new file mode 100644
index 0000000..1aabe7c
--- /dev/null
+++ b/src/assets/images/svg/file-css.svg
@@ -0,0 +1,14 @@
+<svg t="1642407662269" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="19932" width="200" height="200">
+  <path d="M847.872 240.128v688c0 26.56-21.408 48-48 48h-576c-26.56 0-48-21.44-48-48v-832c0-26.592 21.44-48 48-48h432z"
+    fill="#E9EDED" p-id="19933"></path>
+  <path d="M160 768.128v160c0 35.456 28.544 64 64 64h576c35.456 0 64-28.544 64-64v-160H160z" fill="#4BBFEB"
+    p-id="19934"></path>
+  <path d="M847.872 240.128h-144c-26.56 0-48-21.44-48-48v-144" fill="#4BBFEB" p-id="19935"></path>
+  <path
+    d="M432.256 320.128c-35.2 0-64 28.8-64 64v32c0 18.016-14.016 32-32 32a16 16 0 0 0-15.936 12.992 16 16 0 0 0 0 0.064 16 16 0 0 0 4.736 14.56 16 16 0 0 0 2.496 1.92 16 16 0 0 0 4.448 1.92 16 16 0 0 0 3.136 0.48 16 16 0 0 0 1.12 0.064c17.984 0 32 13.984 32 32v32c0 35.2 28.8 64 64 64a16 16 0 1 0 0-32c-18.016 0-32-13.984-32-32v-32c0-19.136-8.736-36.256-22.208-48a63.68 63.68 0 0 0 22.208-48v-32c0-18.016 13.984-32 32-32a16 16 0 1 0 0-32z m157.856 0a16 16 0 0 0 1.632 32c18.016 0 32 13.984 32 32v32c0 19.168 8.736 36.224 22.208 48-13.44 11.744-22.208 28.864-22.208 48v32c0 18.016-13.984 32-32 32a16 16 0 1 0 0 32c35.2 0 64-28.8 64-64v-32c0-18.016 14.016-32 32-32a16 16 0 0 0 10.368-3.616 16 16 0 0 0 1.216-1.152 16 16 0 0 0-11.584-27.232c-17.984 0-32-13.984-32-32v-32c0-35.2-28.8-64-64-64a16 16 0 0 0-1.6 0z"
+    fill="#4BBFEB" p-id="19936"></path>
+  <path
+    d="M334.496 800.128a16 16 0 0 0-3.36 0.672c-41.664 3.712-75.008 37.44-75.008 79.328 0 42.08 33.696 75.904 75.616 79.296a16 16 0 0 0 4.64 0.704h32a16 16 0 1 0 0-32h-29.824c-28.544 0-50.432-21.44-50.432-48s21.888-48 50.432-48h29.568a16 16 0 1 0 0-32h-32a16 16 0 0 0-1.6 0z m128 0a16 16 0 0 0-1.984 0.384c-24.64 1.92-44.384 22.528-44.384 47.616 0 25.28 20.064 46.08 44.992 47.68a16 16 0 0 0 3.008 0.32h32c9.152 0 16 6.848 16 16 0 9.152-6.848 16-16 16h-64a16 16 0 1 0 0 32h64a16 16 0 0 0 3.296-0.384 48.096 48.096 0 0 0 44.704-47.616c0-25.152-19.84-45.888-44.576-47.68a16 16 0 0 0-3.424-0.32h-32a15.616 15.616 0 0 1-16-16c0-9.152 6.848-16 16-16h64a16 16 0 1 0 0-32h-62.88a16 16 0 0 0-1.12 0 16 16 0 0 0-1.6 0z m159.744 0a16 16 0 0 0-1.984 0.384c-24.64 1.92-44.384 22.528-44.384 47.616 0 25.28 20.096 46.08 44.992 47.68a16 16 0 0 0 3.008 0.32h32c9.152 0 16 6.848 16 16 0 9.152-6.848 16-16 16h-64a16 16 0 1 0 0 32h64a16 16 0 0 0 3.328-0.384 48.096 48.096 0 0 0 44.672-47.616c0-25.152-19.84-45.888-44.544-47.68a16 16 0 0 0-3.456-0.32h-32a15.616 15.616 0 0 1-16-16c0-9.152 6.848-16 16-16h64a16 16 0 1 0 0-32h-62.88a16 16 0 0 0-1.12 0 16 16 0 0 0-1.6 0z"
+    fill="#E9EDED" p-id="19937"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-dir.svg b/src/assets/images/svg/file-dir.svg
new file mode 100644
index 0000000..04daada
--- /dev/null
+++ b/src/assets/images/svg/file-dir.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1627885889837" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17560" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><defs><style type="text/css"></style></defs><path d="M0 139.636364a46.545455 46.545455 0 0 1 46.545455-46.545455h354.897454a51.2 51.2 0 0 1 47.057455 31.034182L473.6 182.679273 977.454545 182.690909a46.545455 46.545455 0 0 1 46.545455 46.545455v546.909091a46.545455 46.545455 0 0 1-46.545455 46.545454H46.545455a46.545455 46.545455 0 0 1-46.545455-46.545454V139.636364z" fill="#FFA000" p-id="17561"></path><path d="M0 276.945455m46.545455 0l930.90909 0q46.545455 0 46.545455 46.545454l0 558.545455q0 46.545455-46.545455 46.545454l-930.90909 0q-46.545455 0-46.545455-46.545454l0-558.545455q0-46.545455 46.545455-46.545454Z" fill="#FFCA28" p-id="17562"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-excel.svg b/src/assets/images/svg/file-excel.svg
new file mode 100644
index 0000000..f53b51f
--- /dev/null
+++ b/src/assets/images/svg/file-excel.svg
@@ -0,0 +1,11 @@
+<svg t="1642407332637" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6055"
+  width="200" height="200">
+  <path
+    d="M967.111111 281.6V910.222222c0 62.577778-51.2 113.777778-113.777778 113.777778H170.666667c-62.577778 0-113.777778-51.2-113.777778-113.777778V113.777778c0-62.577778 51.2-113.777778 113.777778-113.777778h514.844444L967.111111 281.6z"
+    fill="#62C558" p-id="6056"></path>
+  <path d="M685.511111 224.711111V0L967.111111 281.6H742.4c-31.288889 0-56.888889-25.6-56.888889-56.888889"
+    fill="#2A8121" p-id="6057"></path>
+  <path
+    d="M682.666667 724.024889L638.691556 768 341.333333 470.670222 385.308444 426.666667zM454.087111 611.128889l44.088889 44.088889L385.422222 768 341.333333 723.911111zM682.666667 470.755556l-113.066667 113.066666-44.088889-44.088889L638.577778 426.666667z"
+    fill="#FFFFFF" p-id="6058"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-exe.svg b/src/assets/images/svg/file-exe.svg
new file mode 100644
index 0000000..4111d06
--- /dev/null
+++ b/src/assets/images/svg/file-exe.svg
@@ -0,0 +1,20 @@
+<svg t="1642408099555" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="53361" width="200" height="200">
+  <path
+    d="M967.111111 281.6V910.222222c0 62.862222-50.915556 113.777778-113.777778 113.777778H170.666667c-62.862222 0-113.777778-50.915556-113.777778-113.777778V113.777778c0-62.862222 50.915556-113.777778 113.777778-113.777778h514.844444L967.111111 281.6z"
+    fill="#BABABA" p-id="53362"></path>
+  <path d="M685.511111 167.822222V0L967.111111 281.6H799.288889c-62.862222 0-113.777778-50.915556-113.777778-113.777778"
+    fill="#979797" p-id="53363"></path>
+  <path
+    d="M586.865778 521.671111a148.650667 148.650667 0 0 1-3.754667 49.265778l44.629333 22.556444a164.664889 164.664889 0 0 1-10.154666 26.254223l-4.266667 8.448a162.986667 162.986667 0 0 1-15.104 23.751111l-44.657778-22.528a149.048889 149.048889 0 0 1-37.404444 32.312889l15.587555 47.388444a192.910222 192.910222 0 0 1-62.179555 20.48l-15.587556-47.416889a148.053333 148.053333 0 0 1-49.322666-3.783111l-22.528 44.657778a163.612444 163.612444 0 0 1-26.254223-10.154667l-8.448-4.266667a158.350222 158.350222 0 0 1-23.751111-15.132444l22.528-44.600889a147.569778 147.569778 0 0 1-32.312889-37.461333l-47.416888 15.644444a195.868444 195.868444 0 0 1-12.856889-30.264889l-7.594667-31.943111 47.416889-15.616a148.650667 148.650667 0 0 1 3.754667-49.294222l-44.600889-22.528c2.190222-7.452444 4.892444-14.904889 8.078222-21.959111l8.533333-16.952889c3.84-6.769778 8.220444-13.368889 12.885334-19.569778l44.629333 22.528c10.353778-12.515556 23.04-23.608889 37.432889-32.284444l-15.587556-47.416889c9.557333-5.034667 19.626667-9.386667 30.236445-12.885333L410.737778 341.333333l15.587555 47.416889a147.370667 147.370667 0 0 1 49.322667 3.754667l22.528-44.629333c7.452444 2.190222 14.876444 4.920889 21.959111 8.106666l4.266667 2.048 8.504889 4.266667 4.181333 2.275555c6.741333 3.754667 13.368889 8.135111 19.569778 12.828445l-22.528 44.657778a147.911111 147.911111 0 0 1 32.284444 37.404444l47.416889-15.587555a195.527111 195.527111 0 0 1 20.451556 62.179555l-47.416889 15.587556z"
+    fill="#FFFFFF" p-id="53364"></path>
+  <path
+    d="M520.618667 508.984889a84.707556 84.707556 0 1 1-160.938667 52.963555 84.707556 84.707556 0 0 1 160.938667-52.963555"
+    fill="#BABABA" p-id="53365"></path>
+  <path
+    d="M742.371556 771.84c-4.864 6.826667-10.865778 12.743111-17.521778 17.436444l9.557333 23.096889c-3.896889 2.56-8.106667 4.807111-12.401778 6.656l-4.408889 1.792a79.644444 79.644444 0 0 1-13.454222 4.067556l-9.557333-23.096889c-7.992889 1.365333-16.440889 1.422222-24.746667 0l-9.557333 23.04a97.792 97.792 0 0 1-30.208-12.515556l9.557333-23.04a74.524444 74.524444 0 0 1-17.464889-17.521777l-23.096889 9.557333a82.488889 82.488889 0 0 1-6.627555-12.430222l-1.792-4.380445a80.554667 80.554667 0 0 1-4.096-13.454222l23.096889-9.557333a75.264 75.264 0 0 1 0-24.746667l-23.068445-9.557333a98.986667 98.986667 0 0 1 5.006223-15.644445l7.566222-14.592 23.04 9.557334c4.835556-6.826667 10.894222-12.743111 17.521778-17.436445l-9.557334-23.096889c3.271111-2.104889 6.741333-4.039111 10.24-5.688889l8.789334-3.612444c3.640889-1.308444 7.452444-2.389333 11.235555-3.214222l9.557333 23.096889c8.021333-1.365333 16.440889-1.422222 24.718223 0l9.585777-23.068445c5.233778 1.223111 10.496 2.844444 15.644445 5.006222l14.592 7.537778-9.585778 23.04c6.826667 4.892444 12.771556 10.894222 17.436445 17.521778l23.096888-9.528889c2.133333 3.271111 4.067556 6.712889 5.688889 10.24l0.967111 2.161778 1.792 4.380444 0.853334 2.218667c1.336889 3.640889 2.417778 7.480889 3.214222 11.264l-23.096889 9.557333c1.393778 7.964444 1.422222 16.440889 0 24.718223l23.04 9.557333a96 96 0 0 1-12.515555 30.236444l-23.04-9.557333z"
+    fill="#FFFFFF" p-id="53366"></path>
+  <path
+    d="M721.408 745.415111a42.382222 42.382222 0 1 1-78.250667-32.455111 42.382222 42.382222 0 0 1 78.222223 32.426667"
+    fill="#BABABA" p-id="53367"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-html.svg b/src/assets/images/svg/file-html.svg
new file mode 100644
index 0000000..9b704e9
--- /dev/null
+++ b/src/assets/images/svg/file-html.svg
@@ -0,0 +1,14 @@
+<svg t="1642407647664" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="19787" width="200" height="200">
+  <path d="M847.872 240.128v688c0 26.56-21.408 48-48 48h-576c-26.56 0-48-21.44-48-48v-832c0-26.592 21.44-48 48-48h432z"
+    fill="#E9EDED" p-id="19788"></path>
+  <path d="M160 768.128v160c0 35.456 28.544 64 64 64h576c35.456 0 64-28.544 64-64v-160H160z" fill="#F05542"
+    p-id="19789"></path>
+  <path d="M847.872 240.128h-144c-26.56 0-48-21.44-48-48v-144" fill="#F05542" p-id="19790"></path>
+  <path
+    d="M432.736 384.064a16 16 0 0 0-10.976 4.8l-96.96 95.776a16 16 0 0 0-0.416 0.416 16 16 0 0 0 1.664 23.808l95.68 94.56a16 16 0 1 0 22.528-22.72l-85.568-84.576 85.568-84.48a16 16 0 0 0-11.52-27.584z m157.824 0a16 16 0 0 0-11.008 27.552l85.504 84.48-85.504 84.576a16 16 0 1 0 22.496 22.752l95.648-94.56a16 16 0 0 0 5.44-17.504 16 16 0 0 0-1.28-2.912 16 16 0 0 0-0.608-1.12 16 16 0 0 0-0.192-0.256 16 16 0 0 0-0.192-0.256 16 16 0 0 0-0.8-0.992 16 16 0 0 0-0.192-0.256 16 16 0 0 0-0.864-0.96 16 16 0 0 0-0.064 0l-0.64-0.544a16 16 0 0 0-0.48-0.512l-95.776-94.688a16 16 0 0 0-11.488-4.8z"
+    fill="#F05542" p-id="19791"></path>
+  <path
+    d="M654.88 799.744a16 16 0 0 0-11.84 6.624L608 853.312l-35.136-46.944-0.128 0.064a16 16 0 0 0-13.056-6.368 16 16 0 0 0-15.744 16.192v127.68a16 16 0 1 0 32 0v-80.128l15.936 21.248a16 16 0 0 0 28.864 4.448l19.2-25.6v80.032a16 16 0 1 0 32 0v-126.816a16 16 0 0 0-15.424-17.376 16 16 0 0 0-1.632 0z m-383.136 0.32a16 16 0 0 0-15.744 16.192V943.936a16 16 0 1 0 32 0v-47.808h64v47.808a16 16 0 1 0 32 0v-61.312a16 16 0 0 0 0-5.12v-61.248a16 16 0 0 0-16.256-16.192 16 16 0 0 0-15.744 16.192v47.872H288v-47.872a16 16 0 0 0-16.256-16.192z m192 0a16 16 0 0 0-1.6 0.064H432a16 16 0 1 0 0 32h16v111.808a16 16 0 1 0 32 0v-111.808h16a16 16 0 1 0 0-32h-30.304a16 16 0 0 0-1.92-0.064z m255.936 0a16 16 0 0 0-15.744 16.192v126.496a16 16 0 0 0 0.64 5.824 16 16 0 0 0 0 0.064 16 16 0 0 0 0.096 0.416 16 16 0 0 0 0.448 1.12 16 16 0 0 0 0.864 1.824 16 16 0 0 0 0.64 0.992 16 16 0 0 0 0.192 0.32 16 16 0 0 0 0.736 0.96 16 16 0 0 0 0.832 0.864 16 16 0 0 0 0.352 0.416 16 16 0 0 0 0.832 0.704 16 16 0 0 0 0.448 0.384 16 16 0 0 0 0.352 0.32 16 16 0 0 0 1.12 0.736 16 16 0 0 0 2.464 1.248 16 16 0 0 0 0.864 0.32 16 16 0 0 0 5.376 0.864h63.552a16 16 0 1 0 0-32h-47.808v-111.872a16 16 0 0 0-16.256-16.192z"
+    fill="#E9EDED" p-id="19792"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-image.svg b/src/assets/images/svg/file-image.svg
new file mode 100644
index 0000000..e4989db
--- /dev/null
+++ b/src/assets/images/svg/file-image.svg
@@ -0,0 +1,11 @@
+<svg t="1642407370336" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6354"
+  width="200" height="200">
+  <path
+    d="M952.888889 281.6V910.222222c0 62.862222-50.915556 113.777778-113.777778 113.777778H156.444444c-62.862222 0-113.777778-50.915556-113.777777-113.777778V113.777778c0-62.862222 50.915556-113.777778 113.777777-113.777778h514.844445L952.888889 281.6z"
+    fill="#85BCFF" p-id="6355"></path>
+  <path d="M676.664889 167.822222V0l281.6 281.6h-167.822222c-62.862222 0-113.777778-50.915556-113.777778-113.777778"
+    fill="#529EE0" p-id="6356"></path>
+  <path
+    d="M685.824 363.804444a53.76 53.76 0 0 1 53.731556 53.731556v307.029333a53.76 53.76 0 0 1-53.731556 53.731556H309.76a53.731556 53.731556 0 0 1-53.731556-53.76V417.564444c0-29.667556 24.035556-53.731556 53.731556-53.731555H685.795556z m-72.903111 149.674667l-138.183111 146.545778-80.583111-62.805333-92.131556 94.208v31.402666c0 11.548444 10.325333 20.906667 23.04 20.906667h345.400889c12.714667 0 23.04-9.386667 23.04-20.906667v-125.610666l-80.583111-83.740445z m-227.896889-85.532444a32.085333 32.085333 0 1 0 0 64.142222 32.085333 32.085333 0 0 0 0-64.142222z"
+    fill="#FFFFFF" p-id="6357"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-js.svg b/src/assets/images/svg/file-js.svg
new file mode 100644
index 0000000..b38ef34
--- /dev/null
+++ b/src/assets/images/svg/file-js.svg
@@ -0,0 +1,14 @@
+<svg t="1642408007951" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="50023" width="200" height="200">
+  <path d="M847.872 240.128v688c0 26.56-21.408 48-48 48h-576c-26.56 0-48-21.44-48-48v-832c0-26.592 21.44-48 48-48h432z"
+    fill="#E9EDED" p-id="50024"></path>
+  <path d="M160 768.128v160c0 35.456 28.544 64 64 64h576c35.456 0 64-28.544 64-64v-160H160z" fill="#25B39E"
+    p-id="50025"></path>
+  <path d="M847.872 240.128h-144c-26.56 0-48-21.44-48-48v-144" fill="#25B39E" p-id="50026"></path>
+  <path
+    d="M432.256 320.128c-35.2 0-64 28.8-64 64v32c0 18.016-14.016 32-32 32a16 16 0 0 0-3.2 0.256 16 16 0 0 0-12.384 11.232 16 16 0 0 0-0.352 1.504 16 16 0 0 0 0 0.064 16 16 0 0 0 15.936 18.944c17.984 0 32 13.984 32 32v32c0 35.2 28.8 64 64 64a16 16 0 1 0 0-32c-18.016 0-32-13.984-32-32v-32c0-19.136-8.736-36.256-22.208-48a63.68 63.68 0 0 0 22.208-48v-32c0-18.016 13.984-32 32-32a16 16 0 1 0 0-32z m157.856 0a16 16 0 0 0 1.632 32c18.016 0 32 13.984 32 32v32c0 19.168 8.736 36.224 22.208 48-13.44 11.744-22.208 28.864-22.208 48v32c0 18.016-13.984 32-32 32a16 16 0 1 0 0 32c35.2 0 64-28.8 64-64v-32c0-18.016 14.016-32 32-32a16 16 0 0 0 10.368-3.616 16 16 0 0 0 1.216-1.152 16 16 0 0 0-11.584-27.232c-17.984 0-32-13.984-32-32v-32c0-35.2-28.8-64-64-64a16 16 0 0 0-1.6 0zM512 367.936a32 32 0 0 0-32 32 32 32 0 0 0 32 32 32 32 0 0 0 32-32 32 32 0 0 0-32-32z m0 96a32 32 0 0 0-32 32 32 32 0 0 0 16.256 27.872l-14.4 28.864a16 16 0 1 0 28.64 14.272l24-48.256a32 32 0 0 0 9.44-21.504 16 16 0 0 0 0-0.192 32 32 0 0 0 0.064-1.056 32 32 0 0 0-32-32z"
+    fill="#25B39E" p-id="50027"></path>
+  <path
+    d="M335.872 800a16 16 0 0 0-15.744 16.256V912c0 9.152-6.848 16-16 16a15.616 15.616 0 0 1-16-16 16 16 0 0 0-16.256-16.192 16 16 0 0 0-15.744 16.192c0 26.304 21.696 48 48 48 24.768 0 45.12-19.296 47.488-43.52a16 16 0 0 0 0.512-4.224v-96a16 16 0 0 0-16.256-16.256z m94.4 0.128a16 16 0 0 0-2.016 0.384c-24.64 1.92-44.384 22.528-44.384 47.616 0 25.28 20.096 46.08 44.992 47.68a16 16 0 0 0 3.008 0.32h32c9.152 0 16 6.848 16 16 0 9.152-6.848 16-16 16h-64a16 16 0 1 0 0 32h64a16 16 0 0 0 3.328-0.384 48.096 48.096 0 0 0 44.672-47.616c0-25.152-19.84-45.888-44.544-47.68a16 16 0 0 0-3.456-0.32h-30.88a16 16 0 0 0-1.12 0 15.616 15.616 0 0 1-16-16c0-9.152 6.848-16 16-16h64a16 16 0 1 0 0-32h-62.88a16 16 0 0 0-1.12 0 16 16 0 0 0-1.6 0z"
+    fill="#E9EDED" p-id="50028"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-json.svg b/src/assets/images/svg/file-json.svg
new file mode 100644
index 0000000..e7cd332
--- /dev/null
+++ b/src/assets/images/svg/file-json.svg
@@ -0,0 +1,14 @@
+<svg t="1642407743753" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="20514" width="200" height="200">
+  <path d="M847.872 240.128v688c0 26.56-21.408 48-48 48h-576c-26.56 0-48-21.44-48-48v-832c0-26.592 21.44-48 48-48h432z"
+    fill="#E9EDED" p-id="20515"></path>
+  <path d="M160 768.128v160c0 35.456 28.544 64 64 64h576c35.456 0 64-28.544 64-64v-160H160z" fill="#F17F53"
+    p-id="20516"></path>
+  <path d="M847.872 240.128h-144c-26.56 0-48-21.44-48-48v-144" fill="#F17F53" p-id="20517"></path>
+  <path
+    d="M432.256 320.128c-35.2 0-64 28.8-64 64v32c0 18.016-14.016 32-32 32a16 16 0 0 0-15.936 12.992 16 16 0 0 0 0 0.064 16 16 0 0 0 4.736 14.56 16 16 0 0 0 2.496 1.92 16 16 0 0 0 4.448 1.92 16 16 0 0 0 3.136 0.48 16 16 0 0 0 1.12 0.064c17.984 0 32 13.984 32 32v32c0 35.2 28.8 64 64 64a16 16 0 1 0 0-32c-18.016 0-32-13.984-32-32v-32c0-19.136-8.736-36.256-22.208-48a63.68 63.68 0 0 0 22.208-48v-32c0-18.016 13.984-32 32-32a16 16 0 1 0 0-32z m125.856 0a16 16 0 0 0 1.632 32c18.016 0 32 13.984 32 32v32c0 19.168 8.736 36.224 22.208 48-13.44 11.744-22.208 28.864-22.208 48v32c0 18.016-13.984 32-32 32a16 16 0 1 0 0 32c35.2 0 64-28.8 64-64v-32c0-18.016 14.016-32 32-32a16 16 0 0 0 10.368-3.616 16 16 0 0 0 1.216-1.152 16 16 0 0 0-11.584-27.232c-17.984 0-32-13.984-32-32v-32c0-35.2-28.8-64-64-64a16 16 0 0 0-1.6 0zM496 384a16 16 0 0 0-16 16 16 16 0 0 0 16 16 16 16 0 0 0 16-16 16 16 0 0 0-16-16z m-0.256 63.808A16 16 0 0 0 480 464v96a16 16 0 1 0 32 0v-96a16 16 0 0 0-16.256-16.192z"
+    fill="#F17F53" p-id="20518"></path>
+  <path
+    d="M720.576 799.616a16 16 0 0 0-1.632 0.064 16 16 0 0 0-15.008 17.312v126.816a16 16 0 1 0 32 0v-80l66.624 88.96a16 16 0 0 0 0.064 0.096l0.448 0.576a16 16 0 0 0 28.864-9.6v-127.68a16 16 0 0 0-16.256-16.224 16 16 0 0 0-15.744 16.256v79.68l-67.136-89.6a16 16 0 0 0-12.224-6.656zM303.744 800a16 16 0 0 0-15.744 16.256V912c0 9.152-6.848 16-16 16a15.616 15.616 0 0 1-16-16 16 16 0 0 0-16.256-16.192A16 16 0 0 0 224 912c0 26.304 21.696 48 48 48 24.768 0 45.152-19.296 47.488-43.52a16 16 0 0 0 0.512-4.224v-96A16 16 0 0 0 303.744 800z m288.256 0a80.256 80.256 0 0 0-80 80c0 44 36 80 80 80s80-36 80-80-36-80-80-80z m-193.888 0.128a16 16 0 0 0-1.984 0.384c-24.64 1.92-44.384 22.528-44.384 47.616 0 25.28 20.096 46.08 44.992 47.68a16 16 0 0 0 3.008 0.32h32c9.152 0 16 6.848 16 16 0 9.152-6.848 16-16 16h-64a16 16 0 1 0 0 32h64a16 16 0 0 0 3.328-0.384 48.096 48.096 0 0 0 44.672-47.616c0-25.152-19.84-45.888-44.544-47.68a16 16 0 0 0-3.456-0.32h-30.88a16 16 0 0 0-1.12 0 15.616 15.616 0 0 1-16-16c0-9.152 6.88-16 16-16h64a16 16 0 1 0 0-32h-62.88a16 16 0 0 0-1.12 0 16 16 0 0 0-1.6 0zM592 832c26.688 0 48 21.312 48 48s-21.312 48-48 48-48-21.312-48-48 21.312-48 48-48z"
+    fill="#E9EDED" p-id="20519"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-music.svg b/src/assets/images/svg/file-music.svg
new file mode 100644
index 0000000..7758116
--- /dev/null
+++ b/src/assets/images/svg/file-music.svg
@@ -0,0 +1,11 @@
+<svg t="1642407502942" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7293"
+  width="200" height="200">
+  <path
+    d="M967.111111 281.6V910.222222c0 62.862222-50.915556 113.777778-113.777778 113.777778H170.666667c-62.862222 0-113.777778-50.915556-113.777778-113.777778V113.777778c0-62.862222 50.915556-113.777778 113.777778-113.777778h514.844444L967.111111 281.6z"
+    fill="#A15FDE" p-id="7294"></path>
+  <path d="M685.511111 196.266667V0L967.111111 281.6H770.844444a85.333333 85.333333 0 0 1-85.333333-85.333333"
+    fill="#C386F0" p-id="7295"></path>
+  <path
+    d="M669.980444 426.268444v236.999112c0 26.254222-31.857778 47.587556-71.082666 47.587555-39.253333 0-70.741333-21.333333-70.741334-47.587555 0-26.282667 31.516444-47.587556 70.741334-47.587556 14.848 0 28.728889 3.100444 40.163555 8.334222v-165.916444l-205.767111 48.497778v211.057777c0 26.254222-32.142222 47.559111-71.992889 47.559111-39.850667 0-72.305778-21.333333-72.305777-47.559111 0-26.282667 32.426667-47.587556 72.305777-47.587555a96.711111 96.711111 0 0 1 41.102223 8.647111V474.168889c0-14.222222 9.870222-26.88 23.779555-29.980445l205.795556-47.900444a30.862222 30.862222 0 0 1 38.001777 29.980444"
+    fill="#FFFFFF" p-id="7296"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-open.svg b/src/assets/images/svg/file-open.svg
new file mode 100644
index 0000000..9da190e
--- /dev/null
+++ b/src/assets/images/svg/file-open.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1627364345844" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15116" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.woff2") format("woff2"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.woff") format("woff"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.ttf") format("truetype"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.svg#iconfont") format("svg"); }
+</style></defs><path d="M0 128a51.2 51.2 0 0 1 51.2-51.2h350.24a51.2 51.2 0 0 1 47.0592 31.0336L473.6 166.4h499.2a51.2 51.2 0 0 1 51.2 51.2v537.6a51.2 51.2 0 0 1-51.2 51.2H51.2a51.2 51.2 0 0 1-51.2-51.2V128z" fill="#FFA000" p-id="15117"></path><path d="M89.6 249.6m51.2 0l742.4 0q51.2 0 51.2 51.2l0 460.8q0 51.2-51.2 51.2l-742.4 0q-51.2 0-51.2-51.2l0-460.8q0-51.2 51.2-51.2Z" fill="#FFFFFF" p-id="15118"></path><path d="M0 332.8m51.2 0l921.6 0q51.2 0 51.2 51.2l0 512q0 51.2-51.2 51.2l-921.6 0q-51.2 0-51.2-51.2l0-512q0-51.2 51.2-51.2Z" fill="#FFCA28" p-id="15119"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-other.svg b/src/assets/images/svg/file-other.svg
new file mode 100644
index 0000000..4215a13
--- /dev/null
+++ b/src/assets/images/svg/file-other.svg
@@ -0,0 +1,11 @@
+<svg t="1642408119178" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="53519" width="200" height="200">
+  <path
+    d="M967.111111 281.6V910.222222c0 62.862222-50.915556 113.777778-113.777778 113.777778H170.666667c-62.862222 0-113.777778-50.915556-113.777778-113.777778V113.777778c0-62.862222 50.915556-113.777778 113.777778-113.777778h514.844444L967.111111 281.6z"
+    fill="#BABABA" p-id="53520"></path>
+  <path d="M685.511111 167.822222V0L967.111111 281.6H799.288889c-62.862222 0-113.777778-50.915556-113.777778-113.777778"
+    fill="#979797" p-id="53521"></path>
+  <path
+    d="M733.667556 632.689778a111.104 111.104 0 0 1-110.819556 110.819555h-221.667556a111.132444 111.132444 0 0 1-110.848-110.819555 111.047111 111.047111 0 0 1 99.754667-110.279111A122.197333 122.197333 0 0 1 512 407.694222a122.197333 122.197333 0 0 1 121.912889 114.716445 111.160889 111.160889 0 0 1 99.754667 110.279111"
+    fill="#FFFFFF" p-id="53522"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-pdf.svg b/src/assets/images/svg/file-pdf.svg
new file mode 100644
index 0000000..9bf682b
--- /dev/null
+++ b/src/assets/images/svg/file-pdf.svg
@@ -0,0 +1,11 @@
+<svg t="1642407248989" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5608"
+  width="200" height="200">
+  <path
+    d="M967.111111 281.6V910.222222c0 62.577778-51.2 113.777778-113.777778 113.777778H170.666667c-62.577778 0-113.777778-51.2-113.777778-113.777778V113.777778c0-62.577778 51.2-113.777778 113.777778-113.777778h514.844444L967.111111 281.6z"
+    fill="#D23B41" p-id="5609"></path>
+  <path d="M685.511111 224.711111V0L967.111111 281.6H742.4c-31.288889 0-56.888889-25.6-56.888889-56.888889"
+    fill="#9C171C" p-id="5610"></path>
+  <path
+    d="M680.277333 662.698667c-11.889778-1.194667-23.751111-3.640889-35.640889-9.728 10.666667-2.133333 20.110222-2.133333 30.776889-2.133334 23.751111 0 28.330667 5.774222 28.330667 9.443556-6.997333 2.417778-15.246222 3.356444-23.466667 2.417778z m-120.945777-15.530667c-25.884444 5.802667-54.556444 14.336-80.440889 23.779556v-2.446223l-2.446223 1.223111c13.084444-26.197333 25.002667-53.333333 35.640889-80.753777l0.938667 1.223111 1.194667-2.133334c13.112889 20.110222 29.866667 40.220444 47.530666 57.884445h-3.640889l1.223112 1.223111zM497.777778 417.450667c1.223111-1.223111 3.669333-1.223111 4.551111-1.223111h3.697778a96.739556 96.739556 0 0 1-1.251556 61.553777c-8.220444-18.915556-11.861333-40.220444-6.997333-60.330666zM352.142222 770.275556l-3.669333 1.223111a96.768 96.768 0 0 1 42.666667-34.417778c-9.443556 15.502222-22.556444 27.392-38.997334 33.194667z m324.494222-155.107556c-25.002667 0-49.664 3.669333-74.666666 8.248889a353.365333 353.365333 0 0 1-73.415111-94.776889c20.110222-66.417778 21.333333-111.217778 5.774222-132.551111a39.253333 39.253333 0 0 0-30.748445-15.502222c-15.246222-1.223111-29.582222 6.087111-36.579555 18.887111-21.333333 35.640889 9.443556 105.415111 23.779555 134.058666-16.782222 50.887111-36.864 99.328-63.089777 146.858667-112.412444 48.440889-114.858667 77.994667-114.858667 88.661333 0 13.084444 7.310222 26.197333 20.110222 32 4.864 3.640889 11.889778 4.835556 17.976889 4.835556 29.582222 0 64-33.194667 100.551111-98.389333 46.307556-18.887111 92.615111-34.133333 141.084445-44.8a153.941333 153.941333 0 0 0 87.722666 35.356444c20.110222 0 59.107556 0 59.107556-40.220444 1.223111-15.530667-6.997333-41.443556-62.748445-42.666667z"
+    fill="#FFFFFF" p-id="5611"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-ppt.svg b/src/assets/images/svg/file-ppt.svg
new file mode 100644
index 0000000..72bac64
--- /dev/null
+++ b/src/assets/images/svg/file-ppt.svg
@@ -0,0 +1,12 @@
+<svg t="1642407349568" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6204"
+  width="200" height="200">
+  <path
+    d="M967.111111 281.6V910.222222c0 62.577778-51.2 113.777778-113.777778 113.777778H170.666667c-62.577778 0-113.777778-51.2-113.777778-113.777778V113.777778c0-62.577778 51.2-113.777778 113.777778-113.777778h514.844444L967.111111 281.6z"
+    fill="#F16C41" p-id="6205"></path>
+  <path d="M685.511111 224.711111V0L967.111111 281.6H742.4c-31.288889 0-56.888889-25.6-56.888889-56.888889"
+    fill="#CD4B29" p-id="6206"></path>
+  <path
+    d="M525.880889 648.135111a88.32 88.32 0 0 1-68.750222-32.995555 87.04 87.04 0 0 1-19.626667-55.381334c0-21.048889 7.253333-40.248889 19.626667-55.381333a88.234667 88.234667 0 0 1 68.750222-32.995556 88.490667 88.490667 0 0 1 88.376889 88.376889 88.519111 88.519111 0 0 1-88.376889 88.376889m0-235.690667c-24.945778 0-48.327111 6.087111-68.750222 17.294223a143.075556 143.075556 0 0 0-58.88 56.945777v146.119112a143.132444 143.132444 0 0 0 58.88 56.974222c20.423111 11.178667 43.804444 17.265778 68.750222 17.265778a147.342222 147.342222 0 0 0 147.285333-147.285334 147.342222 147.342222 0 0 0-147.285333-147.342222"
+    fill="#FFFFFF" p-id="6207"></path>
+  <path d="M398.222222 824.888889h58.908445V412.444444H398.222222z" fill="#FFFFFF" p-id="6208"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-rar.svg b/src/assets/images/svg/file-rar.svg
new file mode 100644
index 0000000..8cc3ee2
--- /dev/null
+++ b/src/assets/images/svg/file-rar.svg
@@ -0,0 +1,16 @@
+<svg t="1642407407406" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6649"
+  width="200" height="200">
+  <path
+    d="M967.111111 281.6V910.222222c0 62.862222-50.915556 113.777778-113.777778 113.777778H170.666667c-62.862222 0-113.777778-50.915556-113.777778-113.777778V113.777778c0-62.862222 50.915556-113.777778 113.777778-113.777778h514.844444L967.111111 281.6z"
+    fill="#FFC63A" p-id="6650"></path>
+  <path d="M685.511111 167.822222V0L967.111111 281.6H799.288889c-62.862222 0-113.777778-50.915556-113.777778-113.777778"
+    fill="#DD9F08" p-id="6651"></path>
+  <path
+    d="M436.565333 68.437333h68.437334V0h-68.437334zM505.002667 136.874667h68.437333V68.437333h-68.437333zM436.565333 205.312h68.437334V136.874667h-68.437334zM505.002667 273.749333h68.437333V205.312h-68.437333z"
+    fill="#FFFFFF" p-id="6652"></path>
+  <path d="M436.565333 342.158222h68.437334V273.720889h-68.437334zM505.002667 410.624h68.437333V342.186667h-68.437333z"
+    fill="#FFFFFF" p-id="6653"></path>
+  <path
+    d="M436.565333 479.032889h68.437334v-68.437333h-68.437334zM505.002667 547.470222h68.437333v-68.437333h-68.437333zM470.784 762.225778h68.437333v-68.437334h-68.437333v68.437334z m-34.218667-136.874667v136.874667c0 18.915556 15.331556 34.218667 34.218667 34.218666h68.437333c18.915556 0 34.218667-15.303111 34.218667-34.218666v-136.874667h-136.874667z"
+    fill="#FFFFFF" p-id="6654"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-txt.svg b/src/assets/images/svg/file-txt.svg
new file mode 100644
index 0000000..833e12a
--- /dev/null
+++ b/src/assets/images/svg/file-txt.svg
@@ -0,0 +1,11 @@
+<svg t="1642407315436" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5906"
+  width="200" height="200">
+  <path
+    d="M967.111111 281.6V910.222222c0 62.862222-50.915556 113.777778-113.777778 113.777778H170.666667c-62.862222 0-113.777778-50.915556-113.777778-113.777778V113.777778c0-62.862222 50.915556-113.777778 113.777778-113.777778h514.844444L967.111111 281.6z"
+    fill="#6D9FE5" p-id="5907"></path>
+  <path d="M685.511111 167.822222V0L967.111111 281.6H799.288889c-62.862222 0-113.777778-50.915556-113.777778-113.777778"
+    fill="#4B80CB" p-id="5908"></path>
+  <path
+    d="M344.177778 485.575111h312.888889V426.666667h-312.888889zM471.153778 770.019556h58.908444v-284.444445h-58.908444z"
+    fill="#FFFFFF" p-id="5909"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-video.svg b/src/assets/images/svg/file-video.svg
new file mode 100644
index 0000000..720ee9f
--- /dev/null
+++ b/src/assets/images/svg/file-video.svg
@@ -0,0 +1,14 @@
+<svg t="1642407389455" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6501"
+  width="200" height="200">
+  <path
+    d="M967.111111 281.6V910.222222c0 62.862222-50.915556 113.777778-113.777778 113.777778H170.666667c-62.862222 0-113.777778-50.915556-113.777778-113.777778V113.777778c0-62.862222 50.915556-113.777778 113.777778-113.777778h514.844444L967.111111 281.6z"
+    fill="#C386F0" p-id="6502"></path>
+  <path
+    d="M284.444444 398.222222m42.666667 0l298.666667 0q42.666667 0 42.666666 42.666667l0 234.666667q0 42.666667-42.666666 42.666666l-298.666667 0q-42.666667 0-42.666667-42.666666l0-234.666667q0-42.666667 42.666667-42.666667Z"
+    fill="#FFFFFF" p-id="6503"></path>
+  <path
+    d="M738.417778 457.841778a31.971556 31.971556 0 0 1 48.014222 27.676444v154.538667c0 24.632889-26.652444 40.021333-47.985778 27.704889L684.430222 636.586667V488.96z"
+    fill="#FFFFFF" p-id="6504"></path>
+  <path d="M685.511111 167.822222V0L967.111111 281.6H799.288889c-62.862222 0-113.777778-50.915556-113.777778-113.777778"
+    fill="#A15FDE" p-id="6505"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-wps.svg b/src/assets/images/svg/file-wps.svg
new file mode 100644
index 0000000..210fd33
--- /dev/null
+++ b/src/assets/images/svg/file-wps.svg
@@ -0,0 +1,13 @@
+<svg t="1642407280584" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5757"
+  width="200" height="200">
+  <path
+    d="M967.111111 281.6V910.222222c0 62.577778-51.2 113.777778-113.777778 113.777778H170.666667c-62.577778 0-113.777778-51.2-113.777778-113.777778V113.777778c0-62.577778 51.2-113.777778 113.777778-113.777778h514.844444L967.111111 281.6z"
+    fill="#4F6BF6" p-id="5758"></path>
+  <path d="M581.262222 755.626667h59.363556L739.555556 439.04h-59.335112z" fill="#FFFFFF" p-id="5759"></path>
+  <path d="M685.511111 224.711111V0L967.111111 281.6H742.4c-31.288889 0-56.888889-25.6-56.888889-56.888889"
+    fill="#243EBB" p-id="5760"></path>
+  <path
+    d="M640.625778 755.626667h-59.363556l-98.929778-277.020445h59.335112zM442.737778 755.626667h-59.363556L284.444444 439.04h59.335112z"
+    fill="#FFFFFF" p-id="5761"></path>
+  <path d="M383.374222 755.626667h59.363556l98.929778-277.020445h-59.335112z" fill="#FFFFFF" p-id="5762"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file-zip.svg b/src/assets/images/svg/file-zip.svg
new file mode 100644
index 0000000..51fde6f
--- /dev/null
+++ b/src/assets/images/svg/file-zip.svg
@@ -0,0 +1 @@
+<svg t="1642421944380" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="865" width="200" height="200"><path d="M97.9 376h828.4v269.2H97.9z" fill="#F95F5D" p-id="866"></path><path d="M926.3 376V161.5c0-26.6-23.8-50.3-52.1-50.3H149.9c-28.3 0-52.1 23.7-52.1 50.3V376h828.5z m0 0" fill="#55C7F7" p-id="867"></path><path d="M97.9 645.2v214.5c0 26.6 23.6 50.3 51.7 50.3h725c28.1 0 51.7-23.7 51.7-50.3V645.2H97.9z m0 0" fill="#7ECF3B" p-id="868"></path><path d="M421.8 111.2h184.9V910H421.8z" fill="#FDAF42" p-id="869"></path><path d="M606.7 457.4v112.4H413V457.4h193.7m31.1-45.9H381.9c-4.4 0-11.8 4.4-11.8 11.8v179c0 4.4 4.4 11.8 11.8 11.8h255.9c4.4 0 11.8-4.4 11.8-11.8v-179c-2.9-8.8-7.4-11.8-11.8-11.8z m0 0" fill="#FFFFFF" p-id="870"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/file.svg b/src/assets/images/svg/file.svg
new file mode 100644
index 0000000..fac9bf0
--- /dev/null
+++ b/src/assets/images/svg/file.svg
@@ -0,0 +1 @@
+<svg t="1721541550402" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1592" width="200" height="200"><path d="M979.096493 980.950486H44.904061C19.829898 980.950486 0.000277 960.442811 0.000277 935.839135v-740.047567c0-25.184865 20.410811-45.111351 44.903784-45.111352h934.192432c25.074162 0 44.903784 20.507676 44.903784 45.111352v740.047567c0 25.184865-20.410811 45.111351-44.903784 45.111351z" fill="#FFA000" p-id="1593"></path><path d="M512.000277 344.409946H0.000277V112.902919a45.097514 45.097514 0 0 1 44.903784-45.24973h350.470918c19.829622 0 37.320649 12.924541 43.146379 32.311352L512.000277 344.423784z" fill="#FFA000" p-id="1594"></path><path d="M909.699736 925.599135H114.300817c-25.184865 0-45.111351-20.134054-45.111351-44.281081v-603.32973c0-24.728216 20.493838-44.281081 45.111351-44.281081h795.398919c25.184865 0 45.111351 20.134054 45.111352 44.281081v603.32973c0.567351 24.147027-19.926486 44.281081-45.111352 44.281081z" fill="#FFFFFF" p-id="1595"></path><path d="M979.096493 980.950486H44.904061C19.829898 980.950486 0.000277 960.802595 0.000277 936.627892V361.056865c0-24.755892 20.410811-44.322595 44.903784-44.322595h934.192432c25.074162 0 44.903784 20.147892 44.903784 44.322595v575.571027c0 24.755892-20.410811 44.322595-44.903784 44.322594z" fill="#FFCA28" p-id="1596"></path><path d="M364.46125 485.708108H106.634655C93.917682 485.708108 83.027304 476.021622 83.027304 463.512216c0-11.96973 10.295351-22.223568 23.607351-22.223567h257.21773c12.716973 0 23.607351 9.686486 23.607351 22.223567 0 11.955892-10.295351 22.223568-22.998486 22.223568z m0 149.296433H106.634655c-12.716973 0-23.607351-9.686486-23.607351-22.223568 0-12.537081 10.295351-22.223568 23.607351-22.223568h257.21773c12.716973 0 23.607351 9.686486 23.607351 22.223568 0 12.537081-10.295351 22.223568-22.998486 22.223568z" fill="#FFF8E1" p-id="1597"></path></svg>
diff --git a/src/assets/images/svg/fullscreen-exit.svg b/src/assets/images/svg/fullscreen-exit.svg
new file mode 100644
index 0000000..2452f2b
--- /dev/null
+++ b/src/assets/images/svg/fullscreen-exit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/fullscreen.svg b/src/assets/images/svg/fullscreen.svg
new file mode 100644
index 0000000..4b6ee11
--- /dev/null
+++ b/src/assets/images/svg/fullscreen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M8 3v2H4v4H2V3h6zM2 21v-6h2v4h4v2H2zm20 0h-6v-2h4v-4h2v6zm0-12h-2V5h-4V3h6v6z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/gitcode.svg b/src/assets/images/svg/gitcode.svg
new file mode 100644
index 0000000..7a02760
--- /dev/null
+++ b/src/assets/images/svg/gitcode.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.4791 4.97677C15.6201 4.89789 15.7691 4.8145 15.93 4.72314C15.9494 4.82848 15.9683 4.92046 15.9854 5.00383C16.0157 5.15091 16.0406 5.2719 16.0525 5.39144C16.1479 6.4296 16.6697 7.1933 17.4092 7.36527C18.4908 7.61639 19.5106 7.20133 20.06 6.28555C20.72 5.18673 20.4334 3.84099 19.3097 3.03098C16.1851 0.777435 12.7523 0.155888 9.05448 1.24127C1.08137 3.59371 -1.64675 13.3884 4.01196 19.3949C6.43291 21.9642 9.50695 23.0727 12.9963 22.9889C17.4663 22.8839 20.6857 20.6563 22.7408 16.7954C24.1978 14.0561 22.6139 11.0619 19.5805 10.4396C17.8481 10.0908 16.0765 9.97756 14.3137 10.103C13.7272 10.1594 13.1579 10.3325 12.6394 10.6124C12.0592 10.9135 11.8915 11.5383 11.9565 12.1575C12.0171 12.7217 12.4498 13.0601 12.965 13.1453C14.0024 13.3077 15.0522 13.402 16.1 13.4881C16.4032 13.5136 16.7093 13.5166 17.0149 13.5197C17.4534 13.5241 17.8912 13.5285 18.3187 13.5991C19.5385 13.8007 19.9574 14.7905 19.33 15.8495C19.1763 16.1041 18.9971 16.3424 18.7951 16.5607C17.9745 17.4632 16.9014 18.0981 15.7152 18.3827C13.55 18.9127 11.3827 18.9425 9.22755 18.2617C6.77347 17.4875 5.31042 15.6849 5.25902 13.2584C5.2398 11.7619 5.61972 10.2874 6.35969 8.9865C6.694 8.38013 6.87751 7.75562 6.82593 7.06851C6.80422 6.77557 6.79219 6.48231 6.77927 6.16716C6.77239 5.99944 6.76526 5.82551 6.75628 5.64214C7.00484 5.69431 7.25032 5.76016 7.49161 5.83943C8.43027 6.21622 9.35415 6.38811 10.3702 6.11155C10.9481 5.97335 11.5455 5.93511 12.1363 5.9985C13.0877 6.07606 14.0387 5.84361 14.847 5.33586C15.0488 5.2176 15.2539 5.10279 15.4791 4.97677Z" fill="currentColor"></path></svg>
diff --git a/src/assets/images/svg/gitee.svg b/src/assets/images/svg/gitee.svg
new file mode 100644
index 0000000..c799c2f
--- /dev/null
+++ b/src/assets/images/svg/gitee.svg
@@ -0,0 +1 @@
+<svg t="1725812178308" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4564" width="200" height="200"><path d="M512 1024C229.234 1024 0 794.766 0 512S229.234 0 512 0s512 229.234 512 512-229.234 512-512 512z m259.157-568.889l-290.759 0.014c-13.966 0-25.287 11.321-25.287 25.273l-0.028 63.218c0 13.966 11.306 25.287 25.273 25.287H657.38c13.966 0 25.287 11.307 25.287 25.273v12.644a75.847 75.847 0 0 1-75.847 75.847H366.606a25.287 25.287 0 0 1-25.287-25.273v-240.2a75.847 75.847 0 0 1 75.847-75.846l353.92-0.015c13.966 0 25.273-11.306 25.287-25.273l0.071-63.189c0-13.966-11.306-25.287-25.272-25.301l-353.992 0.014c-104.718-0.014-189.624 84.892-189.624 189.61v353.963c0 13.967 11.32 25.287 25.287 25.287h372.935c94.265 0 170.666-76.401 170.666-170.666v-145.38c0-13.952-11.32-25.273-25.287-25.273z" p-id="4565"></path></svg>
diff --git a/src/assets/images/svg/github.svg b/src/assets/images/svg/github.svg
new file mode 100644
index 0000000..1adfa4e
--- /dev/null
+++ b/src/assets/images/svg/github.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M511.543 14.057C228.914 13.943 0 242.743 0 525.143 0 748.457 143.2 938.286 342.629 1008c26.857 6.743 22.742-12.343 22.742-25.371v-88.572C210.286 912.23 204 809.6 193.6 792.457c-21.029-35.886-70.743-45.028-55.886-62.171 35.315-18.172 71.315 4.571 113.029 66.171 30.171 44.686 89.028 37.143 118.857 29.714 6.514-26.857 20.457-50.857 39.657-69.485C248.571 727.886 181.6 629.829 181.6 513.257c0-56.571 18.629-108.571 55.2-150.514-23.314-69.143 2.171-128.343 5.6-137.143 66.4-5.943 135.429 47.543 140.8 51.771C420.914 267.2 464 261.83 512.229 261.83c48.457 0 91.657 5.6 129.714 15.885 12.914-9.828 76.914-55.771 138.628-50.171 3.315 8.8 28.229 66.628 6.286 134.857 37.029 42.057 55.886 94.514 55.886 151.2 0 116.8-67.429 214.971-228.572 243.314a145.714 145.714 0 0 1 43.543 104v128.572c.915 10.285 0 20.457 17.143 20.457 202.4-68.229 348.114-259.429 348.114-484.686 0-282.514-229.028-511.2-511.428-511.2z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/homepage.svg b/src/assets/images/svg/homepage.svg
new file mode 100644
index 0000000..1e1feab
--- /dev/null
+++ b/src/assets/images/svg/homepage.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M958.401 451.55a20.01 20.01 0 0 0-6.966-14.972L524.345 69.511c-7.499-6.446-18.581-6.446-26.08 0L309.583 231.676V129.657c0-11.05-8.902-19.533-19.952-19.533h-88.034c-11.048 0-19.928 8.482-19.928 19.533v211.954L71.176 436.578a20.003 20.003 0 0 0-6.968 15.174v105.5a20.007 20.007 0 0 0 33.052 15.172l53.298-45.826V850.7c0 60.678 49.364 110.042 110.042 110.042h504.192c60.678 0 110.043-49.364 110.043-110.042V527.026l51.586 44.336a20.001 20.001 0 0 0 21.48 2.966 20.006 20.006 0 0 0 11.566-18.343l-1.066-104.436zM221.579 150.033h48.095v115.942l-48.095 41.336V150.034zm349.14 770.692H436.665V700.642c0-11.03 8.977-20.007 20.008-20.007h94.036c11.03 0 20.007 8.976 20.007 20.007v220.084zm264.1-424.83v354.803c0 38.612-31.415 70.027-70.028 70.027H610.733V700.642c0-33.096-26.927-60.023-60.023-60.023h-94.036c-33.097 0-60.023 26.927-60.023 60.023v220.085H260.599c-38.612 0-70.027-31.415-70.027-70.027V495.895a20.07 20.07 0 0 0-.315-3.432L512.37 215.504l322.703 277.349a20.158 20.158 0 0 0-.255 3.042zM525.41 173.947c-7.502-6.446-18.587-6.447-26.086.003l-395.1 339.714v-52.727l407.081-349.87 407.177 349.952.522 51.205L525.41 173.948z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/icon-msg.svg b/src/assets/images/svg/icon-msg.svg
new file mode 100644
index 0000000..8c615a9
--- /dev/null
+++ b/src/assets/images/svg/icon-msg.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="10" fill="#00AA2A"/><path d="M10 5C7.243 5 5 7.02 5 9.501c0 1.381.68 2.652 1.871 3.513-.27.697-.743 1.274-1.343 1.631l-.506.302.575.04a5.975 5.975 0 002.07-.232 5.927 5.927 0 001.685-.79c.215.024.433.038.648.038 2.757 0 5-2.02 5-4.502C15 7.02 12.757 5 10 5z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/icon-notice.svg b/src/assets/images/svg/icon-notice.svg
new file mode 100644
index 0000000..13c2e7b
--- /dev/null
+++ b/src/assets/images/svg/icon-notice.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 20 20" fill="none"><path d="M0 10a10 10 0 1020 0 10 10 0 00-20 0z" fill="#4086FF"/><path d="M13.703 8.349v3.81H6.295v-3.81a3.908 3.908 0 01.255-1.487c.18-.473.451-.904.797-1.268a3.702 3.702 0 011.212-.85 3.615 3.615 0 012.877 0c.456.197.868.486 1.213.85.345.364.616.795.797 1.268.18.473.267.978.255 1.487h.002zm-8.147 5.333v-.763h8.889v.763a.776.776 0 01-.218.538.733.733 0 01-.524.224H6.295a.733.733 0 01-.522-.225.776.776 0 01-.217-.537z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/icon-num.svg b/src/assets/images/svg/icon-num.svg
new file mode 100644
index 0000000..072832d
--- /dev/null
+++ b/src/assets/images/svg/icon-num.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="10" fill="#0AC8D2"/><path d="M14.77 12.418L12 7.962a1.048 1.048 0 01-.143-.416v-.01a1.148 1.148 0 01-.018-.13V5.15a.863.863 0 00-.86-.863H9.016a.863.863 0 00-.864.865l.005 2.253c0 .197-.055.39-.159.558L5.231 12.42c-.15.186-.231.418-.231.657v.157c0 .581.471 1.053 1.053 1.053h7.894c.582 0 1.053-.472 1.053-1.053v-.157c0-.24-.082-.471-.23-.658z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/icon-user.svg b/src/assets/images/svg/icon-user.svg
new file mode 100644
index 0000000..a65f7ec
--- /dev/null
+++ b/src/assets/images/svg/icon-user.svg
@@ -0,0 +1 @@
+<svg t="1666058092823" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10268" width="200" height="200"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FD846F" p-id="10269"></path><path d="M437.563077 588.937846a190.818462 190.818462 0 0 0-0.886154-1.398154 31.113846 31.113846 0 0 0-4.076308-20.40123 192.236308 192.236308 0 0 1-35.190153-69.612308 95.862154 95.862154 0 0 1-33.910154-63.468308c-2.56-39.266462 6.892308-39.266462 6.892307-39.266461-9.452308-28.553846-14.375385-111.084308 16.128-153.777231 39.542154-68.273231 109.883077-72.644923 144.009847-54.902154a108.248615 108.248615 0 0 1 56.477538 19.180308c63.606154 26.190769 68.706462 155.372308 56.989538 190.72 0 0 9.432615 0 6.892308 39.266461a95.862154 95.862154 0 0 1-33.910154 63.488 192.236308 192.236308 0 0 1-35.190154 69.612308 31.113846 31.113846 0 0 0-4.076307 20.401231 190.424615 190.424615 0 0 0-0.256 0.393846c3.800615 8.388923 10.436923 15.478154 19.081846 19.790769 94.838154 19.377231 181.543385 70.616615 181.543385 127.468308v43.342769c0 50.412308-99.072 68.371692-205.469539 73.058462a927.192615 927.192615 0 0 1-64.768 2.638769h0.768c-127.488 0-272.305231-13.508923-272.305231-74.436923V737.673846c0-56.851692 86.685538-108.110769 181.543385-127.488 9.137231-4.548923 16.029538-12.209231 19.692308-21.248z" fill="#FFFFFF" p-id="10270"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/icon-wait.svg b/src/assets/images/svg/icon-wait.svg
new file mode 100644
index 0000000..1af3cba
--- /dev/null
+++ b/src/assets/images/svg/icon-wait.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="10" fill="#4086FF"/><g clip-path="url(#svg_d3d9446802__clip0_896:213998)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 4.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zm2.475 6.6h-2.47a.707.707 0 01-.688-.688V7.258a.688.688 0 011.375 0v2.465h1.783a.687.687 0 110 1.375v.003z" fill="#fff"/></g><defs><clipPath id="svg_d3d9446802__clip0_896:213998"><path fill="#fff" transform="translate(4.5 4.5)" d="M0 0h11v11H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/item-angular.svg b/src/assets/images/svg/item-angular.svg
new file mode 100644
index 0000000..9ac7695
--- /dev/null
+++ b/src/assets/images/svg/item-angular.svg
@@ -0,0 +1,8 @@
+<svg t="1642510137242" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="11523" width="200" height="200">
+  <path d="M435.8 536.2H512V353z" fill="#DD0031" p-id="11524"></path>
+  <path d="M400.9 616.8l-52.4 130.8h-97.2L512 163V64L94.9 212.7l63.6 551.5L512 960V616.8z" fill="#DD0031" p-id="11525">
+  </path>
+  <path d="M512 353v183.2h76.2z" fill="#C3002F" p-id="11526"></path>
+  <path d="M512 64v99l259.8 584.6h-97.2l-52.4-130.8H512V960l353.5-195.8 63.6-551.5z" fill="#C3002F" p-id="11527"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/item-github.svg b/src/assets/images/svg/item-github.svg
new file mode 100644
index 0000000..a27e69e
--- /dev/null
+++ b/src/assets/images/svg/item-github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1024 1024" data-v-149482e7=""><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5C64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9c26.4 39.1 77.9 32.5 104 26c5.7-23.5 17.9-44.5 34.7-60.8c-140.6-25.2-199.2-111-199.2-213c0-49.5 16.3-95 48.3-131.7c-20.4-60.5 1.9-112.3 4.9-120c58.1-5.2 118.5 41.6 123.2 45.3c33-8.9 70.7-13.6 112.9-13.6c42.4 0 80.2 4.9 113.5 13.9c11.3-8.6 67.3-48.8 121.3-43.9c2.9 7.7 24.7 58.3 5.5 118c32.4 36.8 48.9 82.7 48.9 132.3c0 102.2-59 188.1-200 212.9a127.5 127.5 0 0 1 38.1 91v112.5c.8 9 0 17.9 15 17.9c177.1-59.7 304.6-227 304.6-424.1c0-247.2-200.4-447.3-447.5-447.3z" fill="currentColor"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/item-html5.svg b/src/assets/images/svg/item-html5.svg
new file mode 100644
index 0000000..d88d66e
--- /dev/null
+++ b/src/assets/images/svg/item-html5.svg
@@ -0,0 +1,6 @@
+<svg t="1642510064087" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9093"
+  width="200" height="200">
+  <path
+    d="M116.7 63.8l71.9 806.9 322.8 89.6 323.7-89.8 72.1-806.7H116.7z m634 263.9H372l9 101.3h360.7l-27.2 303.8-203 56.3-202.7-56.3-13.9-155.4h99.4l7.1 79 110.2 29.7 0.3-0.1L622 656.3 633.5 528h-343l-26.7-299.2h495.7l-8.8 98.9z"
+    fill="#E44D26" p-id="9094"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/item-js.svg b/src/assets/images/svg/item-js.svg
new file mode 100644
index 0000000..f2e6e29
--- /dev/null
+++ b/src/assets/images/svg/item-js.svg
@@ -0,0 +1,6 @@
+<svg t="1642509935122" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2677"
+  width="200" height="200">
+  <path
+    d="M864 64H160C107 64 64 107 64 160v704c0 53 43 96 96 96h704c53 0 96-43 96-96V160c0-53-43-96-96-96zM551.6 762.8c0 87.2-51.2 127-125.8 127-67.4 0-106.4-34.8-126.4-77l68.6-41.4c13.2 23.4 25.2 43.2 54.2 43.2 27.6 0 45.2-10.8 45.2-53V475.4h84.2v287.4z m199.2 127c-78.2 0-128.8-37.2-153.4-86l68.6-39.6c18 29.4 41.6 51.2 83 51.2 34.8 0 57.2-17.4 57.2-41.6 0-28.8-22.8-39-61.4-56l-21-9c-60.8-25.8-101-58.4-101-127 0-63.2 48.2-111.2 123.2-111.2 53.6 0 92 18.6 119.6 67.4L800 580c-14.4-25.8-30-36-54.2-36-24.6 0-40.2 15.6-40.2 36 0 25.2 15.6 35.4 51.8 51.2l21 9c71.6 30.6 111.8 62 111.8 132.4 0 75.6-59.6 117.2-139.4 117.2z"
+    p-id="2678" fill="#FF7D00"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/item-react.svg b/src/assets/images/svg/item-react.svg
new file mode 100644
index 0000000..3a99542
--- /dev/null
+++ b/src/assets/images/svg/item-react.svg
@@ -0,0 +1,6 @@
+<svg t="1642510099531" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="10719" width="200" height="200">
+  <path
+    d="M512 420.736a91.264 91.264 0 0 0 0 182.528 91.264 91.264 0 0 0 0-182.528z m-255.648 272.8l-20.128-5.12C86.112 650.496 0.032 586.112 0.032 511.808s86.112-138.656 236.192-176.608l20.128-5.088 5.664 19.968a995.328 995.328 0 0 0 60.768 158.624l-2.624-5.952 4.32 9.088-4.32 9.088a939.776 939.776 0 0 0-56.352 145.632l-1.792 7.04z m-29.504-311.68c-114.08 32.032-184.096 81.056-184.096 129.952 0 48.864 70.016 97.888 184.096 129.952a1043.552 1043.552 0 0 1 53.184-136.416l-2.752 6.464a973.92 973.92 0 0 1-48.352-122.496l-2.08-7.488z m540.8 311.68l-5.664-20a985.024 985.024 0 0 0-60.8-158.528l2.592 5.888-4.32-9.088 4.32-9.088a942.592 942.592 0 0 0 56.384-145.6l1.792-7.072 5.664-19.968 20.192 5.088c150.048 37.92 236.16 102.304 236.16 176.64s-86.112 138.656-236.16 176.608z m-20.928-181.696a1057.216 1057.216 0 0 1 50.432 129.952c114.144-32.096 184.096-81.12 184.096-129.952 0-48.896-70.016-97.888-184.096-129.952a1037.568 1037.568 0 0 1-53.184 136.384l2.752-6.4zM226.56 381.664l-5.664-19.936C178.688 212.992 191.488 106.4 256 69.216c63.264-36.512 164.864 6.624 271.328 115.872l14.496 14.88-14.496 14.88a1011.2 1011.2 0 0 0-101.184 123.296l-2.176 3.296-5.76 8.224-10.016 0.864a1013.344 1013.344 0 0 0-168.448 27.52l6.976-1.504z m80.896-282.88c-11.424 0-21.536 2.464-30.08 7.392-42.4 24.448-49.92 109.44-20.704 224.128a998.208 998.208 0 0 1 133.76-21.056l4.192-0.32a1066.496 1066.496 0 0 1 88.192-109.248l-0.64 0.704c-66.56-64.8-129.568-101.6-174.72-101.6z m409.12 868.768c-0.032 0-0.032 0 0 0-60.8 0-138.88-45.792-219.904-128.992l-14.496-14.88 14.496-14.88a1005.664 1005.664 0 0 0 101.12-123.328l2.176-3.296 5.76-8.224 9.984-0.864a1015.68 1015.68 0 0 0 168.544-27.456l-6.976 1.472 20.128-5.088 5.728 19.968c42.112 148.64 29.344 255.264-35.168 292.448a100.224 100.224 0 0 1-49.984 13.152h-1.504 0.064z m-174.752-144.256c66.56 64.8 129.568 101.6 174.72 101.6h0.032c11.392 0 21.536-2.464 30.048-7.392 42.4-24.448 49.952-109.472 20.704-224.16a989.856 989.856 0 0 1-133.824 21.056l-4.16 0.32a1063.008 1063.008 0 0 1-88.16 109.312l0.64-0.704z m255.616-441.632l-20.128-5.088c-46.496-12.032-101.6-21.248-158.048-25.792l-3.552-0.224-9.984-0.864-5.76-8.224a1010.24 1010.24 0 0 0-103.584-126.912l0.288 0.32-14.496-14.88 14.496-14.88C603.072 75.904 704.64 32.768 768 69.248c64.512 37.216 77.312 143.776 35.168 292.48z m-168.096-72.768c48.736 4.448 95.008 11.648 137.984 21.376 29.28-114.688 21.728-199.68-20.704-224.128-42.144-24.352-121.376 12.96-204.8 94.208a1068.032 1068.032 0 0 1 85.312 105.248l2.208 3.296zM307.456 967.552h-1.472a100.896 100.896 0 0 1-50.464-13.408l0.48 0.256c-64.512-37.152-77.312-143.744-35.104-292.448l5.632-19.968 20.128 5.088c49.28 12.416 103.648 21.152 161.504 25.984l10.016 0.864 5.728 8.224a1008.672 1008.672 0 0 0 103.648 126.944l-0.32-0.32 14.496 14.88-14.496 14.88c-80.992 83.2-159.072 128.992-219.776 128.992z m-50.784-274.208c-29.28 114.688-21.728 199.712 20.704 224.16 42.112 24.032 121.312-13.024 204.8-94.208a1073.376 1073.376 0 0 1-85.344-105.28l-2.208-3.296a1066.08 1066.08 0 0 1-145.088-22.752l7.168 1.376z m255.328 26.784c-35.104 0-71.2-1.536-107.36-4.512l-10.016-0.864-5.76-8.224a1225.696 1225.696 0 0 1-54.304-84.448l-3.296-6.08a1155.84 1155.84 0 0 1-46.4-87.296l-3.36-7.776-4.256-9.088 4.256-9.088a1233.184 1233.184 0 0 1 53.056-101.152l-3.296 6.112a1292.8 1292.8 0 0 1 57.6-90.528l5.76-8.224 10.016-0.864a1287.264 1287.264 0 0 1 219.52 0.352l-4.8-0.352 9.984 0.864 5.728 8.224a1251.296 1251.296 0 0 1 104.064 177.92l3.328 7.68 4.32 9.088-4.32 9.088a1258.496 1258.496 0 0 1-110.048 189.6l2.656-4-5.728 8.224-9.984 0.864a1314.656 1314.656 0 0 1-107.392 4.512z m-93.728-46.24c63.136 4.736 124.32 4.736 187.52 0a1202.24 1202.24 0 0 0 90.464-154.752l3.232-7.296a1212.512 1212.512 0 0 0-96.384-166.08l2.656 4.032a1257.728 1257.728 0 0 0-191.744 0.256l4.288-0.256a1182.4 1182.4 0 0 0-90.56 154.88l-3.168 7.168a1232.064 1232.064 0 0 0 96.448 166.176l-2.72-4.16z"
+    fill="#61DAFB" p-id="10720"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/item-vue.svg b/src/assets/images/svg/item-vue.svg
new file mode 100644
index 0000000..386fc7b
--- /dev/null
+++ b/src/assets/images/svg/item-vue.svg
@@ -0,0 +1,5 @@
+<svg t="1642509868674" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4281"
+  width="200" height="200">
+  <path d="M615.6 123.6h165.5L512 589.7 242.9 123.6H63.5L512 900.4l448.5-776.9z" fill="#41B883" p-id="4282"></path>
+  <path d="M781.1 123.6H615.6L512 303 408.4 123.6H242.9L512 589.7z" fill="#34495E" p-id="4283"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/java.svg b/src/assets/images/svg/java.svg
new file mode 100644
index 0000000..eaa93db
--- /dev/null
+++ b/src/assets/images/svg/java.svg
@@ -0,0 +1 @@
+<svg t="1721534999310" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2348" width="200" height="200"><path d="M558.08 472.064c48.128 53.248-13.312 103.424-13.312 103.424s119.808-61.44 65.536-139.264c-51.2-71.68-91.136-107.52 122.88-232.448 0 1.024-335.872 86.016-175.104 268.288" fill="#FF0000" p-id="2349"></path><path d="M610.304 5.12s101.376 101.376-96.256 258.048C356.352 389.12 478.208 460.8 514.048 543.744 420.864 459.776 354.304 386.048 399.36 317.44 463.872 216.064 651.264 166.912 610.304 5.12" fill="#FF0000" p-id="2350"></path><path d="M720.896 757.76c183.296-95.232 98.304-188.416 39.936-175.104-15.36 3.072-21.504 5.12-21.504 5.12s5.12-8.192 16.384-11.264c117.76-40.96 207.872 120.832-37.888 186.368-1.024 0 2.048-3.072 3.072-5.12m-337.92 38.912s-37.888 21.504 26.624 29.696c76.8 8.192 117.76 8.192 202.752-8.192 0 0 23.552 15.36 53.248 26.624-191.488 80.896-433.152-5.12-282.624-48.128m-23.552-106.496s-43.008 31.744 23.552 37.888c82.944 8.192 149.504 10.24 261.12-13.312 0 0 16.384 16.384 40.96 24.576-231.424 68.608-490.496 5.12-325.632-49.152" fill="#6699FF" p-id="2351"></path><path d="M811.008 876.544s27.648 23.552-31.744 40.96c-111.616 34.816-460.8 45.056-558.08 2.048-34.816-15.36 31.744-35.84 51.2-40.96 21.504-5.12 34.816-3.072 34.816-3.072-38.912-28.672-251.904 52.224-107.52 75.776 390.144 62.464 712.704-28.672 611.328-74.752M400.384 578.56s-178.176 43.008-63.488 56.32c49.152 6.144 146.432 5.12 235.52-3.072 73.728-6.144 147.456-19.456 147.456-19.456s-26.624 11.264-45.056 24.576c-181.248 48.128-530.432 26.624-430.08-23.552 88.064-39.936 155.648-34.816 155.648-34.816" fill="#6699FF" p-id="2352"></path><path d="M418.816 1015.808c176.128 11.264 446.464-6.144 453.632-90.112 0 0-13.312 31.744-146.432 56.32-150.528 27.648-336.896 24.576-446.464 6.144 2.048 1.024 24.576 20.48 139.264 27.648" fill="#6699FF" p-id="2353"></path></svg>
diff --git a/src/assets/images/svg/juejin.svg b/src/assets/images/svg/juejin.svg
new file mode 100644
index 0000000..937ace3
--- /dev/null
+++ b/src/assets/images/svg/juejin.svg
@@ -0,0 +1 @@
+<svg t="1733555774238" class="icon" viewBox="0 0 1316 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="46620" width="128" height="128"><path d="M643.181714 247.698286l154.916572-123.172572L643.181714 0.256 643.072 0l-154.660571 124.269714 154.660571 123.245715 0.109714 0.182857z m0 388.461714h0.109715l399.579428-315.245714-108.361143-87.04-291.218285 229.888h-0.146286l-0.109714 0.146285L351.817143 234.093714l-108.251429 87.04 399.433143 315.136 0.146286-0.146285z m-0.146285 215.552l0.146285-0.146286 534.893715-422.034285 108.397714 87.04-243.309714 192L643.145143 1024 10.422857 525.056 0 516.754286l108.251429-86.893715L643.035429 851.748571z" fill="#1E80FF" p-id="46621"></path></svg>
diff --git a/src/assets/images/svg/language.svg b/src/assets/images/svg/language.svg
new file mode 100644
index 0000000..e754062
--- /dev/null
+++ b/src/assets/images/svg/language.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="m18.5 10 4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16.5 10h2zM10 2v2h6v2h-1.968a18.221 18.221 0 0 1-3.62 6.301 14.865 14.865 0 0 0 2.335 1.707l-.75 1.878A17.016 17.016 0 0 1 9 13.725a16.677 16.677 0 0 1-6.201 3.548l-.536-1.929a14.7 14.7 0 0 0 5.327-3.042A18.078 18.078 0 0 1 4.767 8h2.24A16.031 16.031 0 0 0 9 10.877a16.165 16.165 0 0 0 2.91-4.876L2 6V4h6V2h2zm7.5 10.885L16.253 16h2.492L17.5 12.885z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/layout_leftbar_close_line.svg b/src/assets/images/svg/layout_leftbar_close_line.svg
new file mode 100644
index 0000000..084c1db
--- /dev/null
+++ b/src/assets/images/svg/layout_leftbar_close_line.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1770734319809" class="icon" viewBox="0 0 1194 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23510" xmlns:xlink="http://www.w3.org/1999/xlink" width="233.203125" height="200"><path d="M694.857143 109.714286a73.142857 73.142857 0 0 1 73.142857 73.142857v512a73.142857 73.142857 0 0 1-73.142857 73.142857H182.857143a73.142857 73.142857 0 0 1-73.142857-73.142857V182.857143a73.142857 73.142857 0 0 1 73.142857-73.142857zM292.571429 182.857143H182.857143v512h109.714286z m402.285714 0h-329.142857v512h329.142857z m-153.856 152.576a36.571429 36.571429 0 0 1 54.747428 48.274286l-3.035428 3.437714L541.001143 438.857143l51.712 51.712a36.571429 36.571429 0 0 1-48.274286 54.784l-3.437714-3.072-77.568-77.531429a36.571429 36.571429 0 0 1-3.072-48.274285l3.072-3.474286z" p-id="23511"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/layout_leftbar_open_line.svg b/src/assets/images/svg/layout_leftbar_open_line.svg
new file mode 100644
index 0000000..8a9e395
--- /dev/null
+++ b/src/assets/images/svg/layout_leftbar_open_line.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1770734259884" class="icon" viewBox="0 0 1194 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23359" xmlns:xlink="http://www.w3.org/1999/xlink" width="233.203125" height="200"><path d="M694.857143 109.714286a73.142857 73.142857 0 0 1 73.142857 73.142857v512a73.142857 73.142857 0 0 1-73.142857 73.142857H182.857143a73.142857 73.142857 0 0 1-73.142857-73.142857V182.857143a73.142857 73.142857 0 0 1 73.142857-73.142857zM292.571429 182.857143H182.857143v512h109.714286z m402.285714 0h-329.142857v512h329.142857z m-175.286857 152.576l77.568 77.531428a36.571429 36.571429 0 0 1 0 51.748572l-77.531429 77.568a36.571429 36.571429 0 1 1-51.748571-51.712L519.570286 438.857143l-51.712-51.712a36.571429 36.571429 0 0 1 51.712-51.712" p-id="23360"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/login-bg.svg b/src/assets/images/svg/login-bg.svg
new file mode 100644
index 0000000..b143be8
--- /dev/null
+++ b/src/assets/images/svg/login-bg.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1400 800">
+  <defs>
+    <style>
+      @media (prefers-color-scheme: dark) {
+        #bg-layer { fill: url(#bgDark); }
+        #soft-glow { fill: url(#glowDark); }
+        .accent-arc { stroke: rgba(118, 156, 255, 0.35); }
+        .accent-dot { fill: rgba(154, 188, 255, 0.45); }
+      }
+    </style>
+
+    <linearGradient id="bgLight" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#f3f7ff" />
+      <stop offset="60%" stop-color="#e3edff" />
+      <stop offset="100%" stop-color="#d6e7ff" />
+    </linearGradient>
+    
+    <linearGradient id="bgDark" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0b1324" />
+      <stop offset="60%" stop-color="#162135" />
+      <stop offset="100%" stop-color="#1e2c44" />
+    </linearGradient>
+    
+    <radialGradient id="glowLight" cx="20%" cy="15%" r="60%">
+      <stop offset="0%" stop-color="rgba(64,128,255,0.35)" />
+      <stop offset="40%" stop-color="rgba(64,128,255,0.18)" />
+      <stop offset="100%" stop-color="rgba(64,128,255,0)" />
+    </radialGradient>
+    
+    <radialGradient id="glowDark" cx="20%" cy="15%" r="60%">
+      <stop offset="0%" stop-color="rgba(98,142,255,0.4)" />
+      <stop offset="50%" stop-color="rgba(98,142,255,0.18)" />
+      <stop offset="100%" stop-color="rgba(98,142,255,0)" />
+    </radialGradient>
+    
+    <radialGradient id="glowSecondary" cx="80%" cy="70%" r="55%">
+      <stop offset="0%" stop-color="rgba(22,93,255,0.3)" />
+      <stop offset="50%" stop-color="rgba(22,93,255,0.12)" />
+      <stop offset="100%" stop-color="rgba(22,93,255,0)" />
+    </radialGradient>
+    
+    <linearGradient id="meshLight" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="rgba(255,255,255,0.6)" />
+      <stop offset="35%" stop-color="rgba(255,255,255,0.2)" />
+      <stop offset="100%" stop-color="rgba(255,255,255,0)" />
+    </linearGradient>
+  </defs>
+  
+  <rect id="bg-layer" width="100%" height="100%" fill="url(#bgLight)" />
+  <rect id="soft-glow" width="100%" height="100%" fill="url(#glowLight)" />
+  <rect width="100%" height="100%" fill="url(#glowSecondary)" />
+  <rect width="100%" height="100%" fill="url(#meshLight)" />
+  
+  <!-- 柔和块面光影，替代明显线条 -->
+  <g opacity="0.45">
+    <rect x="-40" y="520" width="520" height="220" rx="180" fill="rgba(255,255,255,0.25)" />
+    <rect x="760" y="90" width="520" height="210" rx="180" fill="rgba(255,255,255,0.22)" />
+    <rect x="420" y="620" width="560" height="190" rx="180" fill="rgba(255,255,255,0.18)" />
+  </g>
+
+  <!-- 去掉点状噪声，仅保留大区域柔光 -->
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/login-bg1.svg b/src/assets/images/svg/login-bg1.svg
new file mode 100644
index 0000000..a0fbc13
--- /dev/null
+++ b/src/assets/images/svg/login-bg1.svg
@@ -0,0 +1,71 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="100%" height="100%" viewBox="0 0 1400 800">
+  <style>
+    :root {
+      --blue: rgba(64, 158, 255, 0.08);
+      --grey: rgba(144, 147, 153, 0.05);
+      --orange: rgba(230, 162, 60, 0.06);
+      --green: rgba(144, 238, 144, 0.06);
+    }
+
+    @media (prefers-color-scheme: dark) {
+      :root {
+        --blue: rgba(64, 158, 255, 0.04);
+        --grey: rgba(144, 147, 153, 0.03);
+        --orange: rgba(230, 162, 60, 0.04);
+        --green: rgba(144, 238, 144, 0.04);
+      }
+    }
+  </style>
+
+  <!-- 左侧波浪 -->
+  <path d="M-50 550 Q200 500 450 550 T950 530"
+        fill="none"
+        stroke="#409EFF"
+        stroke-width="1.5"
+        stroke-opacity="0.05"
+        stroke-linecap="round">
+  </path>
+
+  <!-- 右侧波浪 -->
+  <path d="M450 650 Q800 620 1150 660 T1550 630"
+        fill="none"
+        stroke="#909399"
+        stroke-width="1"
+        stroke-opacity="0.03"
+        stroke-linecap="round">
+  </path>
+
+  <!-- 右下方圆形 -->
+  <circle cx="950" cy="400" r="70" 
+          fill="var(--blue)" 
+          stroke="#409EFF" 
+          stroke-width="1" 
+          stroke-opacity="0.05">
+  </circle>
+
+  <!-- 左上方半球形  -->
+  <g transform="rotate(-10, 300, 180)">
+    <path d="M 180 180 A 120 120 0 1 1 420 180 Q420 195 405 195 L 310 195 L 195 195 Q180 195 180 180" 
+          fill="var(--orange)" 
+          stroke="#E6A23C" 
+          stroke-width="1" 
+          stroke-opacity="0.05">
+    </path>
+  </g>
+
+  <!-- 左下方三角形 -->
+  <path d="M300 600 L380 520 L420 650 Z" 
+        fill="var(--green)" 
+        stroke="#909399" 
+        stroke-width="1" 
+        stroke-opacity="0.04">
+  </path>
+
+  <!-- 旋转方块 -->
+ <rect x="1000" y="420" rx="10" ry="10" width="60" height="60" fill="rgba(169, 174, 184, 0.1)" stroke="rgba(169, 174, 184, 0.2)" stroke-width="1" opacity="0.5">
+    <animateTransform attributeType="XML" attributeName="transform"
+                      begin="0s" dur="30s" type="rotate"
+                      from="0 1450 550" to="360 1450 550"
+                      repeatCount="indefinite"/>
+  </rect>
+</svg>
diff --git a/src/assets/images/svg/login_icon.svg b/src/assets/images/svg/login_icon.svg
new file mode 100644
index 0000000..4beb3ab
--- /dev/null
+++ b/src/assets/images/svg/login_icon.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="44" y="42" width="312" height="217"><path d="M355.3 42H44v216.9h311.3V42Z" fill="#fff"/></mask><g mask="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M288.2 248.4h25.1v-30h-25.1v30Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M304.498 238.199c-1.5-3.9-5.9-15.4-4-21.6-2.9.8-3.3.1-5-.1-1.7-.1 0 10.7 2.2 16.4 1.7 4.5 2.1 11.1 2.1 13.6h5.4c.2-1.9.3-5.5-.7-8.3Z" fill="#fff"/><path d="M311.5 214.7v-1.6c0-.7-.6-1.3-1.3-1.3h-22.8c-.7 0-1.3.6-1.3 1.3v1.6" fill="#fff"/><path d="M311.5 214.7v-1.6c0-.7-.6-1.3-1.3-1.3h-22.8c-.7 0-1.3.6-1.3 1.3v1.6M290.2 214.7h21.4c1 0 1.8.8 1.8 1.8v29" stroke="#071F4D" stroke-width="1.096"/><path d="M284.3 245.6v-29c0-1 .8-1.8 1.8-1.8h1.6" fill="#fff"/><path d="M284.3 245.6v-29c0-1 .8-1.8 1.8-1.8h1.6" stroke="#071F4D" stroke-width="1.096"/><path d="M295.402 216.5c-.9 4.2-.4 9.7 2.8 17.5 2.4 5.9 1.9 10.2 1.8 12.3M300.502 216.5c-.9 4.2-.4 9.7 2.8 17.5 2.4 5.9 1.9 10.2 1.8 12.3" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m331 258.4-.3-5.2H88.5l-1.2 5.2H331Z" fill="#C7DEFF"/><path d="M252.9 248.7H331M216.6 258.4H331M47.1 139.3l-2.6 1.5 42.7 117.6h129.2v-6.6" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m247.2 248.6-40.4-111.3H50.5l40.3 111.3h156.4Z" fill="#fff"/><path d="m247.2 248.6-40.4-111.3H50.5l40.3 111.3h156.4Z" stroke="#071F4D"/><path d="m203.2 153.2 32.2 88.7H97.8l-32.3-88.7" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M72.2 146.9c-.77 0-1.4.63-1.4 1.4 0 .77.63 1.4 1.4 1.4.77 0 1.4-.63 1.4-1.4 0-.77-.63-1.4-1.4-1.4ZM79.3 146.9c-.77 0-1.4.63-1.4 1.4 0 .77.63 1.4 1.4 1.4.77 0 1.4-.63 1.4-1.4 0-.77-.63-1.4-1.4-1.4Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M263.5 171.2h80.3v-63.7h-80.3v63.7Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M290 143.9h-45.6l12.5 51.3H290v-51.3Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M286 117.4h-29.3v77.8h92.9v-67.6l-55.9.6-7.7-10.8Z" fill="#00E4E5"/><path d="m332.6 127.6-38.9.6-7.7-10.8h-11.7M308.9 195.2h45.9M250.3 195.2h28.5M287.3 195.2h12.3" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M130.5 211.4H186v-44h-55.5v44Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M148.7 192.5h-31.6l8.7 35.5h22.9v-35.5Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M145.9 174.2h-20.2V228h64.1v-46.7l-38.6.4-5.3-7.5Z" fill="#006EFF"/><path d="m179 181.3-27.8.4-5.3-7.5h-7.7M176.2 201.7h19.2M163.2 210.7H195M172.1 228h-54.2M184.8 228h8.1M174.9 228h5.4" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m293.2 155.7-6.4 6.3 15.3 15.3 22.7-22.6-6.4-6.4-16.3 16.3-8.9-8.9Z" fill="#fff"/><path d="M57.2 258.4h283.6M345.9 258.4h8.1M55.4 258.4h220.5M160.1 118.8l-1.2 2.7M156.7 127c-.3.8-.7 1.8-1.1 2.8M222 68.5c-1 .2-1.9.5-2.9.8M214.1 70.7c-5.8 1.9-11.3 4.4-16.5 7.4M195.4 79.5c-.9.5-1.7 1.1-2.5 1.6M314.2 98.5c-.6-.8-1.3-1.5-2-2.3M308.9 92.8c-4-4-8.3-7.6-13-10.8M293.9 80.7c-.8-.5-1.7-1.1-2.5-1.6" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M251.296 71.203c-3.6-1.5-18.5-2.9-21.8-1.9-1 5.8 4.9 13.5 4.9 13.5s6-9.9 16.9-11.6Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M251.3 42.704c-6.5 6.7-7.8 13-8.8 19.3 24.4-1.1 36.3 13 42.8 20 3.2-9.1 7.8-23 7.2-29-7.1-6.4-20-11.7-41.2-10.3Z" fill="#C7DEFF"/><path d="M230 69.3c36.2-3.8 52 21.1 52 21.1s11.4-28.2 10.5-37.4c-7.3-6.5-23.3-12-45.6-10.1-9 6.3-15.6 18.7-16.9 26.4Z" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M161.604 70.7c-6 8.4-9.9 21.9-8.8 33.8 8.4 5.3 32.3 10.5 43.6 11.5 6.1-7.9 15.9-26 15.9-26s-32-4.8-50.7-19.3Z" fill="#C7DEFF"/><path d="M193.103 119.5c4.8-2.7 19.2-29.5 19.2-29.5s-35.8-5.4-53.7-21.8c-9.3 6.1-16.4 24.3-15 40.1 10.6 6.7 45.8 13.3 49.5 11.2Z" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M189.5 111.6c-3 5.2-5.7 7.2-9.8 6.6 12.2 2.6 13.5 1.2 15.6-1.1 2.2-2.4 4.2-6.6 4.2-6.6s-3.1 2.5-10 1.1Z" fill="#071F4D"/><path d="M331 251.8v6.6M77 165.4l-2.7-6.7h7.8M222.8 228.9l2.8 6.6h-7.9" stroke="#071F4D"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-about.svg b/src/assets/images/svg/menu-about.svg
new file mode 100644
index 0000000..424adad
--- /dev/null
+++ b/src/assets/images/svg/menu-about.svg
@@ -0,0 +1 @@
+<svg t="1684652747690" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1922" width="200" height="200"><path d="M0 0m349.090909 0l325.818182 0q349.090909 0 349.090909 349.090909l0 325.818182q0 349.090909-349.090909 349.090909l-325.818182 0q-349.090909 0-349.090909-349.090909l0-325.818182q0-349.090909 349.090909-349.090909Z" fill="#52B852" p-id="1923"></path><path d="M269.346909 581.236364c-3.584-33.338182-2.338909-65.931636 11.52-101.969455 16.279273-43.869091 46.650182-76.241455 85.655273-101.969454 59.112727-39.924364 124.672-63.220364 192.616727-78.650182A727.528727 727.528727 0 0 1 726.644364 279.272727c12.648727 0 22.690909 2.443636 27.729454 15.429818 5.015273 13.009455 0 21.818182-8.843636 30.894546-27.729455 29.672727-37.806545 67.153455-46.650182 105.879273-11.252364 46.312727-22.737455 94.103273-35.188364 140.683636-3.816727 15.429818-12.660364 29.649455-18.920727 43.869091-37.771636 72.285091-99.490909 105.890909-176.314182 114.967273-36.631273 3.898182-72.96 1.198545-107.182545-14.231273a219.857455 219.857455 0 0 1-32.779637-19.374546c-7.68 19.374545-15.069091 38.749091-26.58909 41.192728a24.005818 24.005818 0 0 1-26.554182-14.219637c-1.163636-3.909818-3.816727-10.309818-2.373818-14.219636 5.015273-29.684364 12.683636-43.869091 17.710545-52.945455 30.370909-61.742545 69.154909-101.213091 116.514909-148.282181 16.965818-16.64 58.612364-50.734545 95.243636-69.841455-61.521455 16.896-123.950545 49.512727-187.35709 106.344727-25.611636 23.051636-39.959273 40.704-43.054546 48.791273l-2.653091-12.986182h-0.034909z" fill="#FFFFFF" p-id="1924"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-analyse.svg b/src/assets/images/svg/menu-analyse.svg
new file mode 100644
index 0000000..2a6cb92
--- /dev/null
+++ b/src/assets/images/svg/menu-analyse.svg
@@ -0,0 +1 @@
+<svg t="1684653015168" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2715" width="200" height="200"><path d="M0 0m349.206261 0l325.587478 0q349.206261 0 349.206261 349.206261l0 325.587478q0 349.206261-349.206261 349.206261l-325.587478 0q-349.206261 0-349.206261-349.206261l0-325.587478q0-349.206261 349.206261-349.206261Z" fill="#F96C17" p-id="2716"></path><path d="M649.026783 536.242087C714.462609 536.242087 768 590.825739 768 657.552696c0 66.715826-53.537391 121.310609-118.973217 121.310608-65.446957 0-118.973217-54.594783-118.973218-121.321739 0-66.704696 53.504-121.299478 118.984348-121.299478zM667.614609 256c21.481739 0.066783 38.845217 17.786435 38.92313 39.68v222.130087c-17.842087-9.104696-38.66713-12.132174-59.492174-12.132174-83.277913 0-148.702609 66.715826-148.702608 151.641044 0 33.357913 11.887304 66.715826 29.729391 90.980173H294.912c-21.459478-0.066783-38.845217-17.786435-38.912-39.68v-412.93913c0.066783-21.893565 17.452522-39.624348 38.912-39.68h372.713739z m-2.270609 337.385739l-1.558261 1.78087c-3.962435 4.006957-9.282783 6.433391-15.170782 6.433391a21.292522 21.292522 0 0 1-15.237566-6.500174l-1.491478-1.714087c-2.070261-2.370783-6.110609-3.428174-8.97113-2.31513l-0.222609 0.089043c-0.723478 0.311652-3.328 1.513739-8.236522 4.518957l-0.500869 0.311652c-5.509565 3.450435-7.457391 5.231304-7.457392 5.231304-2.31513 2.092522-3.472696 6.322087-2.582261 9.449739l0.634435 2.259479a25.110261 25.110261 0 0 1-2.348522 17.330087c-2.949565 5.465043-7.635478 9.193739-12.877913 10.852173l-2.137043 0.512c-2.949565 0.712348-5.832348 3.917913-6.377739 7.123479 0 0-0.467478 2.782609-0.478609 9.828174v0.300521c0 7.268174 0.478609 10.128696 0.478609 10.128696 0.545391 3.205565 3.405913 6.41113 6.377739 7.123478l2.081391 0.512c5.253565 1.669565 9.961739 5.376 12.911305 10.874435a25.043478 25.043478 0 0 1 2.348521 17.363478l-0.612174 2.203826c-0.890435 3.094261 0.26713 7.346087 2.593392 9.472 0 0 2.025739 1.836522 7.724521 5.36487l0.256 0.155826c5.197913 3.216696 7.791304 4.34087 8.325566 4.563478l0.044521 0.022261 0.055653 0.022261c2.871652 1.113043 6.878609 0.055652 8.97113-2.31513l1.469217-1.691826c3.984696-4.029217 9.349565-6.489043 15.248696-6.489044 5.921391 0 11.308522 2.482087 15.259826 6.522435l1.480348 1.680696c2.05913 2.381913 6.099478 3.439304 8.96 2.32626 0 0 2.57113-1.001739 8.45913-4.608 5.89913-3.639652 7.94713-5.520696 7.947131-5.520695 2.337391-2.092522 3.483826-6.355478 2.604522-9.472l-0.645566-2.29287a24.954435 24.954435 0 0 1 2.359653-17.285565c2.938435-5.453913 7.646609-9.20487 12.900173-10.863304l2.081392-0.523131c2.949565-0.712348 5.843478-3.917913 6.377739-7.123478 0 0 0.478609-2.860522 0.478609-10.128696-0.022261-6.678261-0.434087-9.650087-0.50087-10.095304v-0.055652c-0.545391-3.172174-3.405913-6.41113-6.377739-7.123479l-2.226087-0.545391a22.394435 22.394435 0 0 1-12.8-10.818782 25.043478 25.043478 0 0 1-2.348522-17.363479l0.701218-2.226087c0.879304-3.094261-0.278261-7.357217-2.604522-9.472 0 0-2.081391-1.892174-7.969391-5.520695-5.89913-3.606261-8.43687-4.608-8.43687-4.608-2.860522-1.113043-6.878609-0.055652-8.96 2.31513z m-16.740174 31.376696a34.148174 34.148174 0 0 1 34.125913 34.148174 34.170435 34.170435 0 0 1-34.125913 34.114782 34.125913 34.125913 0 1 1 0-68.262956z m-36.340869-289.636174h-57.6c-11.52 0-19.2 7.312696-19.2 18.287304s7.68 18.287304 19.2 18.287305h11.52l-55.674435 53.025391-69.12-65.825391a21.281391 21.281391 0 0 0-13.445565-5.487305c-5.754435 0-9.594435 1.825391-15.36 5.487305l-80.64 76.8c-7.68 7.312696-7.68 18.287304 0 25.6 7.68 7.312696 19.2 7.312696 26.88 0l69.12-64 67.205565 64c3.84 3.650783 9.594435 5.487304 15.36 5.487304 5.754435 0 9.594435-1.836522 15.36-5.487304l67.194435-64v10.974608c0 10.963478 7.68 18.276174 19.2 18.276174 11.52 0 19.2-9.138087 19.2-18.276174v-54.861913c0-10.974609-9.594435-18.287304-19.2-18.287304z" fill="#FFFFFF" p-id="2717"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-crud.svg b/src/assets/images/svg/menu-crud.svg
new file mode 100644
index 0000000..a55d086
--- /dev/null
+++ b/src/assets/images/svg/menu-crud.svg
@@ -0,0 +1 @@
+<svg t="1684652927115" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2556" width="200" height="200"><path d="M0 0m349.090909 0l325.818182 0q349.090909 0 349.090909 349.090909l0 325.818182q0 349.090909-349.090909 349.090909l-325.818182 0q-349.090909 0-349.090909-349.090909l0-325.818182q0-349.090909 349.090909-349.090909Z" fill="#62A8FC" p-id="2557"></path><path d="M751.371636 631.691636A39.901091 39.901091 0 0 1 791.272727 671.581091v79.790545A39.901091 39.901091 0 0 1 751.371636 791.272727H272.64A39.901091 39.901091 0 0 1 232.727273 751.371636v-79.790545a39.901091 39.901091 0 0 1 39.901091-39.889455H751.36z m-19.944727 79.790546H571.845818a19.944727 19.944727 0 0 0-3.595636 39.575273l3.595636 0.314181h159.581091a19.944727 19.944727 0 0 0 0-39.889454z m19.944727-279.272727A39.901091 39.901091 0 0 1 791.272727 472.087273v79.802182a39.901091 39.901091 0 0 1-39.901091 39.889454H272.64A39.901091 39.901091 0 0 1 232.727273 551.912727V472.087273a39.901091 39.901091 0 0 1 39.901091-39.889455H751.36z m-418.909091 79.790545h-39.889454a19.944727 19.944727 0 0 0-3.595636 39.575273l3.595636 0.325818h39.889454a19.944727 19.944727 0 1 0 0-39.901091z m199.482182 0H412.276364a19.944727 19.944727 0 0 0-3.595637 39.575273l3.595637 0.325818h119.68a19.944727 19.944727 0 1 0 0-39.901091z m219.426909-279.272727A39.901091 39.901091 0 0 1 791.272727 272.628364v79.790545a39.901091 39.901091 0 0 1-39.901091 39.889455H272.64A39.901091 39.901091 0 0 1 232.727273 352.418909v-79.790545A39.901091 39.901091 0 0 1 272.628364 232.727273H751.36z m-458.798545 79.790545a19.944727 19.944727 0 1 0 0 39.901091 19.944727 19.944727 0 0 0 0-39.901091z m79.790545 0a19.944727 19.944727 0 1 0 0 39.901091 19.944727 19.944727 0 0 0 0-39.901091z" fill="#FFFFFF" p-id="2558"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-detail.svg b/src/assets/images/svg/menu-detail.svg
new file mode 100644
index 0000000..c7c5dc8
--- /dev/null
+++ b/src/assets/images/svg/menu-detail.svg
@@ -0,0 +1 @@
+<svg t="1768298799288" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20217" width="200" height="200"><path d="M716.8 0c169.664 0 307.2 137.536 307.2 307.2v409.6c0 169.664-137.536 307.2-307.2 307.2H307.2C137.536 1024 0 886.464 0 716.8V307.2C0 137.536 137.536 0 307.2 0h409.6z m26.7904 281.6H267.7504C216.8064 281.6 192 304.2816 192 349.6192v325.248c0 45.3248 23.2704 66.7648 72.9472 66.7648h72.9472l-8.9728 69.2992a22.3616 22.3616 0 0 0 13.3504 19.968 27.5072 27.5072 0 0 0 25.8944-1.1008l144.7936-88.1664h233.4336c50.5216 0 72.9472-21.44 72.9472-66.7776V349.6192c0-45.3504-25.2544-68.0192-75.7504-68.0192z m-267.904 258.4448c13.696-0.2176 25.7536 8.96 29.184 22.2208a29.184 29.184 0 0 1-28.3776 36.1472H353.28a29.696 29.696 0 0 1-29.184-22.2208 29.184 29.184 0 0 1 28.3904-36.1472h123.2z m182.3744-124.0064c13.6832-0.2176 25.7408 8.96 29.184 22.2208a29.184 29.184 0 0 1-28.3904 36.1344H353.28a29.696 29.696 0 0 1-29.184-22.208 29.184 29.184 0 0 1 28.3904-36.1472H658.048z" fill="#1677FF" p-id="20218"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-document.svg b/src/assets/images/svg/menu-document.svg
new file mode 100644
index 0000000..2ca37be
--- /dev/null
+++ b/src/assets/images/svg/menu-document.svg
@@ -0,0 +1,6 @@
+<svg t="1732257910580" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="19036" width="64" height="64">
+  <path
+    d="M716.8 0c169.664 0 307.2 137.536 307.2 307.2v409.6c0 169.664-137.536 307.2-307.2 307.2H307.2C137.536 1024 0 886.464 0 716.8V307.2C0 137.536 137.536 0 307.2 0h409.6z m-10.432 192h-395.136c-39.2704 0-71.232 31.7568-71.232 70.7968v498.3936c0 39.04 31.9488 70.8096 71.232 70.8096h219.6224c136.064 0 246.7456-110.0288 246.7456-245.2608V262.784c0-39.04-31.9488-70.7968-71.232-70.7968zM499.0976 550.4c12.4288 0 22.5024 11.4688 22.5024 25.6s-10.0736 25.6-22.5024 25.6h-108.5952l-1.7664-0.0768c-11.5968-1.024-20.736-12.0576-20.736-25.5232 0-14.144 10.0736-25.6 22.5024-25.6z m100.7744-153.6c13.3248 0 24.128 11.4688 24.128 25.6s-10.8032 25.6-24.128 25.6h-207.744l-1.8816-0.0768c-12.4544-1.024-22.2464-12.0576-22.2464-25.5232 0-14.1312 10.8032-25.6 24.128-25.6z"
+    fill="#1677FF" p-id="19037"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-error.svg b/src/assets/images/svg/menu-error.svg
new file mode 100644
index 0000000..5aa4892
--- /dev/null
+++ b/src/assets/images/svg/menu-error.svg
@@ -0,0 +1,9 @@
+<svg t="1732686590792" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3153"
+  width="200" height="200">
+  <path
+    d="M0 0m365.714286 0l292.571428 0q365.714286 0 365.714286 365.714286l0 292.571428q0 365.714286-365.714286 365.714286l-292.571428 0q-365.714286 0-365.714286-365.714286l0-292.571428q0-365.714286 365.714286-365.714286Z"
+    fill="#EA4D2C" p-id="3154"></path>
+  <path
+    d="M526.628571 219.428571a226.084571 226.084571 0 0 0-159.158857 64.219429 219.355429 219.355429 0 0 0-65.097143 155.428571v299.885715h446.025143v-299.885715c0-58.514286-23.625143-114.541714-65.389714-155.428571A225.206857 225.206857 0 0 0 526.628571 219.428571z m-18.432 447.634286L501.76 521.654857H391.753143l144.384-182.125714 12.288 117.321143 104.448 3.657143L506.953143 667.062857h1.243428zM219.428571 800.256a33.499429 33.499429 0 0 1 33.499429-33.792h547.401143a34.377143 34.377143 0 0 1 23.698286 9.874286 35.035429 35.035429 0 0 1 9.801142 23.917714 33.499429 33.499429 0 0 1-33.499428 33.499429H252.928A33.499429 33.499429 0 0 1 219.428571 800.329143z"
+    fill="#FFFFFF" p-id="3155"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-example.svg b/src/assets/images/svg/menu-example.svg
new file mode 100644
index 0000000..7c62fe5
--- /dev/null
+++ b/src/assets/images/svg/menu-example.svg
@@ -0,0 +1 @@
+<svg t="1768298850318" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25241" width="200" height="200"><path d="M0 0m349.090909 0l325.818182 0q349.090909 0 349.090909 349.090909l0 325.818182q0 349.090909-349.090909 349.090909l-325.818182 0q-349.090909 0-349.090909-349.090909l0-325.818182q0-349.090909 349.090909-349.090909Z" fill="#3271FD" p-id="25242"></path><path d="M718.661818 232.727273a22.341818 22.341818 0 0 1 22.283637 20.677818l0.058181 1.664 0.011637 328.145454a61.463273 61.463273 0 0 1 0 114.501819l-0.011637 71.214545a22.341818 22.341818 0 0 1-44.625454 1.664l-0.058182-1.664v-71.214545a61.463273 61.463273 0 0 1 0-114.501819v-328.145454c0-12.334545 10.007273-22.341818 22.341818-22.341818z m-424.494545 0a22.341818 22.341818 0 0 1 22.283636 20.677818l0.058182 1.664v328.145454a61.463273 61.463273 0 0 1 0 114.501819v71.214545a22.341818 22.341818 0 0 1-44.625455 1.664l-0.058181-1.664-0.011637-71.214545a61.463273 61.463273 0 0 1 0-114.501819l0.011637-328.145454c0-12.334545 10.007273-22.341818 22.341818-22.341818z m212.247272 0a22.341818 22.341818 0 0 1 22.283637 20.677818l0.058182 1.664v81.221818a83.816727 83.816727 0 0 1 0 161.512727v271.127273a22.341818 22.341818 0 0 1-44.625455 1.664l-0.058182-1.664v-271.127273a83.816727 83.816727 0 0 1 0-161.512727v-81.221818c0-12.334545 10.007273-22.341818 22.341818-22.341818z" fill="#FFFFFF" p-id="25243"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-file.svg b/src/assets/images/svg/menu-file.svg
new file mode 100644
index 0000000..d2a1c8a
--- /dev/null
+++ b/src/assets/images/svg/menu-file.svg
@@ -0,0 +1 @@
+<svg t="1684652847211" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2238" width="200" height="200"><path d="M0 0m372.363636 0l279.272728 0q372.363636 0 372.363636 372.363636l0 279.272728q0 372.363636-372.363636 372.363636l-279.272728 0q-372.363636 0-372.363636-372.363636l0-279.272728q0-372.363636 372.363636-372.363636Z" fill="#F7A647" p-id="2239"></path><path d="M232.727273 303.872C232.727273 290.327273 243.781818 279.272727 257.326545 279.272727h148.631273c5.620364 0 10.984727 2.292364 14.848 6.283637l50.897455 52.805818c1.186909 1.233455 2.210909 2.594909 3.037091 4.049454h259.874909c31.138909 0 56.657455 25.460364 56.657454 56.610909V688.058182c0 31.150545-25.518545 56.669091-56.657454 56.669091H289.396364C258.245818 744.727273 232.727273 719.208727 232.727273 688.058182V303.872zM726.702545 556.218182h-239.825454a10.216727 10.216727 0 0 0-10.205091 10.205091v25.390545c0 5.620364 4.584727 10.205091 10.205091 10.205091h239.825454a10.216727 10.216727 0 0 0 10.205091-10.205091v-25.390545a10.216727 10.216727 0 0 0-10.205091-10.205091z m-0.058181-87.691637h-239.825455a10.216727 10.216727 0 0 0-10.205091 10.205091h-0.069818v25.390546c0 5.632 4.573091 10.216727 10.205091 10.216727h239.895273a10.216727 10.216727 0 0 0 10.205091-10.216727V478.72a10.216727 10.216727 0 0 0-10.205091-10.205091z" fill="#FFFFFF" p-id="2240"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-form.svg b/src/assets/images/svg/menu-form.svg
new file mode 100644
index 0000000..e9c9065
--- /dev/null
+++ b/src/assets/images/svg/menu-form.svg
@@ -0,0 +1 @@
+<svg t="1684652892745" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2397" width="200" height="200"><path d="M0 0m349.090909 0l325.818182 0q349.090909 0 349.090909 349.090909l0 325.818182q0 349.090909-349.090909 349.090909l-325.818182 0q-349.090909 0-349.090909-349.090909l0-325.818182q0-349.090909 349.090909-349.090909Z" fill="#F7A647" p-id="2398"></path><path d="M663.272727 244.363636a46.545455 46.545455 0 0 1 46.545455 46.545455v84.026182L465.501091 619.264a64 64 0 0 0-2.024727 88.389818l2.024727 2.117818a64 64 0 0 0 88.389818 2.024728l2.117818-2.024728L709.818182 555.950545V733.090909a46.545455 46.545455 0 0 1-46.545455 46.545455H279.272727a46.545455 46.545455 0 0 1-46.545454-46.545455V290.909091a46.545455 46.545455 0 0 1 46.545454-46.545455h384z m108.101818 160.046546a29.090909 29.090909 0 0 1 0.93091 39.633454l-1.44291 1.512728-238.545454 232.727272a29.090909 29.090909 0 0 1-42.065455-40.145454l1.431273-1.512727 238.545455-232.727273a29.090909 29.090909 0 0 1 41.134545 0.512zM401.454545 581.818182H314.181818l-1.745454 0.058182A23.272727 23.272727 0 0 0 314.181818 628.363636h87.272727l1.745455-0.058181A23.272727 23.272727 0 0 0 401.454545 581.818182z m64-110.545455H314.181818l-1.745454 0.058182A23.272727 23.272727 0 0 0 314.181818 517.818182h151.272727l1.745455-0.058182A23.272727 23.272727 0 0 0 465.454545 471.272727z m58.181819-116.363636H314.181818l-1.745454 0.058182A23.272727 23.272727 0 0 0 314.181818 401.454545h209.454546l1.745454-0.058181A23.272727 23.272727 0 0 0 523.636364 354.909091z" fill="#FFFFFF" p-id="2399"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-gitee.svg b/src/assets/images/svg/menu-gitee.svg
new file mode 100644
index 0000000..0e55b98
--- /dev/null
+++ b/src/assets/images/svg/menu-gitee.svg
@@ -0,0 +1 @@
+<svg t="1684563092128" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1590" width="200" height="200"><path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62000001 189.62000001 0 0 0-189.62000001 189.645V771.15c0 13.977 11.31600001 25.293 25.29400001 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z" fill="#C71D23" p-id="1591"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-home.svg b/src/assets/images/svg/menu-home.svg
new file mode 100644
index 0000000..97ff012
--- /dev/null
+++ b/src/assets/images/svg/menu-home.svg
@@ -0,0 +1 @@
+<svg t="1684562716410" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1057" width="200" height="200"><path d="M1024 512c0 282.7776-229.2224 512-512 512S0 794.7776 0 512 229.2224 0 512 0s512 229.2224 512 512z" fill="#2962FF" p-id="1058"></path><path d="M493.5936 234.9056a39.3984 39.3984 0 0 1 36.608 0l1.9584 1.024 1.6384 1.536 243.7376 224.512a45.4144 45.4144 0 0 1 13.7344 49.024 36.8896 36.8896 0 0 1-35.6096 23.168H704V716.8a51.2 51.2 0 0 1-51.2 51.2h-76.8v-115.2a64 64 0 0 0-128 0v115.2h-76.8a51.2 51.2 0 0 1-51.2-51.2V534.1696h-54.2336a36.6336 36.6336 0 0 1-33.024-23.552 44.9536 44.9536 0 0 1 13.9136-48.896l244.992-225.792z" fill="#FFFFFF" p-id="1059"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-layout.svg b/src/assets/images/svg/menu-layout.svg
new file mode 100644
index 0000000..b31cd2f
--- /dev/null
+++ b/src/assets/images/svg/menu-layout.svg
@@ -0,0 +1,21 @@
+<svg t="1742293755193" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="35074" width="64" height="64">
+  <path
+    d="M1023.910943 511.999898c5.11911 317.794367-194.116663 516.825376-511.91103 511.911029-317.794367 4.914346-516.825376-194.116663-511.91103-511.911029C-4.825463 194.20553 194.205546-4.825478 511.999913 0.088868c317.794367-4.914346 516.825376 194.116663 511.91103 511.91103z"
+    fill="#3377FF" p-id="35075"></path>
+  <path
+    d="M1022.477592 566.671996C1006.915497 340.40732 852.318366 201.16752 614.382119 204.85328c-254.112635-4.095288-413.624112 155.416189-409.528824 409.528824-3.890524 237.936247 135.554041 392.533378 361.613952 408.095473 268.036615-16.381153 439.629192-187.97373 456.010345-455.805581z"
+    fill="#336DFF" p-id="35076"></path>
+  <path
+    d="M1015.515602 629.944199C985.824762 491.523456 876.480566 407.160519 716.764325 409.617692c-190.635668-3.071466-310.218084 116.51095-307.146618 307.146618-2.457173 159.716241 81.905765 269.060437 220.121743 298.751277 211.112109-34.400421 351.375731-174.664043 385.776152-385.571388z"
+    fill="#3364FF" p-id="35077"></path>
+  <path
+    d="M997.701098 705.707031C964.734028 646.734881 902.076118 613.153517 819.146531 614.382104c-127.1587-2.047644-206.812056 77.605712-204.764412 204.764412-1.433351 82.929587 32.352777 145.587497 91.120163 178.554567a431.233852 431.233852 0 0 0 292.198816-291.994052z"
+    fill="#335AFF" p-id="35078"></path>
+  <path
+    d="M593.905678 225.329721h163.811529a61.429324 61.429324 0 0 1 61.429324 61.429323v245.717295a20.476441 20.476441 0 0 1-20.476441 20.476441H593.905678a20.476441 20.476441 0 0 1-20.476441-20.476441V245.806162a20.476441 20.476441 0 0 1 20.476441-20.476441z"
+    fill="#FFFFFF" p-id="35079"></path>
+  <path
+    d="M593.905678 614.382104h204.764412a20.476441 20.476441 0 0 1 20.476441 20.476441v102.382206a61.429324 61.429324 0 0 1-61.429324 61.429323h-163.811529a20.476441 20.476441 0 0 1-20.476441-20.476441v-143.335088a20.476441 20.476441 0 0 1 20.476441-20.476441zM266.282619 225.329721h225.240853a20.476441 20.476441 0 0 1 20.476441 20.476441v532.387471a20.476441 20.476441 0 0 1-20.476441 20.476441H266.282619a61.429324 61.429324 0 0 1-61.429324-61.429323V286.759044a61.429324 61.429324 0 0 1 61.429324-61.429323z"
+    fill="#80AAFF" p-id="35080"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-multi.svg b/src/assets/images/svg/menu-multi.svg
new file mode 100644
index 0000000..7a5be39
--- /dev/null
+++ b/src/assets/images/svg/menu-multi.svg
@@ -0,0 +1,6 @@
+<svg t="1732326712933" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="10809" width="64" height="64">
+  <path
+    d="M716.8 0c169.664 0 307.2 137.536 307.2 307.2v409.6c0 169.664-137.536 307.2-307.2 307.2H307.2C137.536 1024 0 886.464 0 716.8V307.2C0 137.536 137.536 0 307.2 0h409.6zM510.1312 196.8c-70.6944 0-128 57.3056-128 128 0 62.4384 44.7104 114.4448 103.872 125.7344v41.0112h-106.8288l-2.7008 0.064c-38.72 1.5104-69.6704 35.2896-69.6704 76.7488v19.6224a115.2128 115.2128 0 1 0 48.256 5.504v-25.1264l0.064-1.92c0.9216-13.2352 11.3408-23.68 24.064-23.68h264.8448l1.792 0.064c12.4928 0.9856 22.336 12.032 22.336 25.536v24.1664a115.2 115.2 0 1 0 48.256-4.224v0.0128-19.968l-0.064-2.8672c-1.4208-41.088-33.2544-73.92-72.32-73.92H537.216V449.92c57.6896-12.4288 100.928-63.744 100.928-125.1328 0-70.6944-57.3056-128-128-128z"
+    fill="#F3C03A" p-id="10810"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-result.svg b/src/assets/images/svg/menu-result.svg
new file mode 100644
index 0000000..7807e62
--- /dev/null
+++ b/src/assets/images/svg/menu-result.svg
@@ -0,0 +1,9 @@
+<svg t="1732686715618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3453"
+  width="200" height="200">
+  <path
+    d="M273.066667 0h477.866666c182.050133 0 273.066667 91.016533 273.066667 273.066667v477.866666c0 182.050133-91.016533 273.066667-273.066667 273.066667H273.066667C91.016533 1024 0 932.983467 0 750.933333V273.066667C0 91.016533 91.016533 0 273.066667 0z"
+    fill="#32B357" p-id="3454"></path>
+  <path
+    d="M273.066667 802.133333a17.066667 17.066667 0 0 1-17.066667-17.066666v-34.133334a17.066667 17.066667 0 0 1 17.066667-17.066666h477.866666a17.066667 17.066667 0 0 1 17.066667 17.066666v34.133334a17.066667 17.066667 0 0 1-17.066667 17.066666H273.066667z m-4.949334-102.4a12.151467 12.151467 0 0 1-12.117333-12.202666v-64.375467a37.973333 37.973333 0 0 1 37.8368-38.144h95.914667a49.186133 49.186133 0 0 0 48.827733-45.346133c5.3248-69.307733-68.7616-102.4-68.7616-187.460267C369.8176 280.098133 424.277333 221.866667 512 221.866667s142.250667 58.146133 142.250667 130.338133c0 85.009067-74.103467 118.152533-68.744534 187.460267a49.1008 49.1008 0 0 0 48.810667 45.346133h95.8464A38.024533 38.024533 0 0 1 768 623.138133v64.375467a12.1344 12.1344 0 0 1-12.100267 12.202667L268.117333 699.733333z"
+    fill="#FFFFFF" p-id="3455"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-system.svg b/src/assets/images/svg/menu-system.svg
new file mode 100644
index 0000000..7d220b3
--- /dev/null
+++ b/src/assets/images/svg/menu-system.svg
@@ -0,0 +1 @@
+<svg t="1684562805352" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1365" width="200" height="200"><path d="M1024 512c0 282.7776-229.2224 512-512 512S0 794.7776 0 512 229.2224 0 512 0s512 229.2224 512 512z" fill="#2962FF" p-id="1366"></path><path d="M760 433.1392a73.5744 73.5744 0 0 1-52.992-36.0576 74.7264 74.7264 0 0 1-5.0176-64.256 35.008 35.008 0 0 0-10.3296-39.168 276.3776 276.3776 0 0 0-82.5984-48.256 34.56 34.56 0 0 0-39.2448 10.9696A73.1904 73.1904 0 0 1 512 284.7872a73.1904 73.1904 0 0 1-57.8176-28.416 34.56 34.56 0 0 0-39.2448-10.9824 277.6064 277.6064 0 0 0-76.9664 43.5328 35.3792 35.3792 0 0 0-10.88 40.32 74.3296 74.3296 0 0 1-5.1712 66.2016 73.152 73.152 0 0 1-55.8464 35.2384 34.8416 34.8416 0 0 0-30.4128 28.1984 273.216 273.216 0 0 0-1.6896 97.472 34.8544 34.8544 0 0 0 30.592 29.3248 73.1776 73.1776 0 0 1 56.576 36.5952 74.3424 74.3424 0 0 1 3.1232 67.6864 34.624 34.624 0 0 0 9.5744 41.2544 278.4256 278.4256 0 0 0 81.856 47.5008c3.8016 1.3312 7.808 2.048 11.8272 2.0864a34.4576 34.4576 0 0 0 28.16-14.7584 72.4864 72.4864 0 0 1 60.0704-31.7952 73.3952 73.3952 0 0 1 58.9568 29.9008c9.344 12.672 25.9968 17.408 40.5504 11.5456a281.1392 281.1392 0 0 0 75.0848-45.2352 35.2 35.2 0 0 0 10.1376-39.936c-8.9472-21.3632-7.424-45.7216 4.1344-65.792a73.1904 73.1904 0 0 1 54.6304-36.224 34.8544 34.8544 0 0 0 29.4784-28.7616c3.008-15.7824 4.6464-31.808 4.8768-47.872 0-16.96-1.5616-33.8816-4.6976-50.5344a34.4832 34.4832 0 0 0-28.9024-28.1984z m-154.1376 78.72c0 52.2752-42.0224 94.6304-93.8624 94.6304-51.84 0-93.8624-42.368-93.8624-94.6176 0-52.2624 42.0224-94.6304 93.8624-94.6304 51.84 0 93.8624 42.368 93.8624 94.6304z" fill="#FFFFFF" p-id="1367"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-table.svg b/src/assets/images/svg/menu-table.svg
new file mode 100644
index 0000000..404a0f6
--- /dev/null
+++ b/src/assets/images/svg/menu-table.svg
@@ -0,0 +1 @@
+<svg t="1684562826195" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1673" width="200" height="200"><path d="M1024 512c0 282.7776-229.2224 512-512 512S0 794.7776 0 512 229.2224 0 512 0s512 229.2224 512 512z" fill="#2962FF" p-id="1674"></path><path d="M486.4 537.6v166.4a38.4 38.4 0 0 1-38.4 38.4H320a38.4 38.4 0 0 1-38.4-38.4V576a38.4 38.4 0 0 1 38.4-38.4h166.4z m217.6 0a38.4 38.4 0 0 1 38.4 38.4v128a38.4 38.4 0 0 1-38.4 38.4H576a38.4 38.4 0 0 1-38.4-38.4V537.6h166.4zM448 281.6a38.4 38.4 0 0 1 38.4 38.4v166.4H320a38.4 38.4 0 0 1-38.4-38.4V320a38.4 38.4 0 0 1 38.4-38.4h128z m256 0a38.4 38.4 0 0 1 38.4 38.4v128a38.4 38.4 0 0 1-38.4 38.4H537.6V320a38.4 38.4 0 0 1 38.4-38.4h128z" fill="#FFFFFF" p-id="1675"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu-test.svg b/src/assets/images/svg/menu-test.svg
new file mode 100644
index 0000000..5fe4694
--- /dev/null
+++ b/src/assets/images/svg/menu-test.svg
@@ -0,0 +1 @@
+<svg t="1695043461790" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20099" width="200" height="200"><path d="M512 0A512 512 0 1 1 0 512 512 512 0 0 1 512 0z" fill="#8967FC" p-id="20100"></path><path d="M523.615086 204.8l254.741943 92.935314a22.908343 22.908343 0 0 1 16.091428 22.1184v171.841829c0 204.419657-222.676114 294.209829-277.167543 322.106514a22.601143 22.601143 0 0 1-20.304457 0C442.382629 785.92 234.057143 697.080686 234.057143 492.982857V320.468114a23.6544 23.6544 0 0 1 15.652571-22.045257L508.094171 204.8h15.520915z m-9.406172 152.853943a76.419657 76.419657 0 0 0-25.117257 148.611657 23.317943 23.317943 0 0 0-0.351086 4.242286V637.805714a25.468343 25.468343 0 0 0 50.936686 0v-127.268571a22.396343 22.396343 0 0 0-0.380343-4.213029 76.463543 76.463543 0 0 0-25.058743-148.640914z" fill="#FFFFFF" p-id="20101"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/menu.svg b/src/assets/images/svg/menu.svg
new file mode 100644
index 0000000..f5875d3
--- /dev/null
+++ b/src/assets/images/svg/menu.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M374.272 440.832H127.488c-33.792 0-61.44-27.648-61.44-61.44V132.608c0-33.792 27.648-61.44 61.44-61.44h247.296c33.792 0 61.44 27.648 61.44 61.44v247.296c-.512 33.792-27.648 60.928-61.952 60.928zM127.488 132.608v247.296h247.296V132.608H127.488zM762.88 492.032c-16.384 0-31.744-6.144-43.52-17.92L544.768 299.52c-11.776-11.776-17.92-27.136-17.92-43.52s6.144-31.744 17.92-43.52L719.36 37.888c11.776-11.776 27.136-17.92 43.52-17.92s31.744 6.144 43.52 17.92L980.992 212.48c11.776 11.776 17.92 27.136 17.92 43.52s-6.144 31.744-17.92 43.52L806.4 474.112c-11.776 11.776-27.136 17.92-43.52 17.92zm0-410.624L588.288 256 762.88 430.592 937.472 256 762.88 81.408zM374.272 952.832H127.488c-33.792 0-61.44-27.648-61.44-61.44V644.096c0-33.792 27.648-61.44 61.44-61.44h247.296c33.792 0 61.44 27.648 61.44 61.44v247.296c-.512 34.304-27.648 61.44-61.952 61.44zM127.488 644.608v247.296h247.296V644.608H127.488zm758.784 308.224H638.976c-33.792 0-61.44-27.648-61.44-61.44V644.096c0-33.792 27.648-61.44 61.44-61.44h247.296c33.792 0 61.44 27.648 61.44 61.44v247.296c0 34.304-27.136 61.44-61.44 61.44zM639.488 644.608v247.296h247.296V644.608H639.488z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/message.svg b/src/assets/images/svg/message.svg
new file mode 100644
index 0000000..deacdc3
--- /dev/null
+++ b/src/assets/images/svg/message.svg
@@ -0,0 +1 @@
+<svg t="1719845783644" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="277659" width="200" height="200"><path d="M392.297931 841.021793a130.01269 128.635586 90 1 0 257.271172 0 130.01269 128.635586 90 1 0-257.271172 0Z" fill="#FFD08D" p-id="277660"></path><path d="M456.174345 52.965517m50.458483 0l-0.035311 0q50.458483 0 50.458483 50.458483l0 59.568552q0 50.458483-50.458483 50.458482l0.035311 0q-50.458483 0-50.458483-50.458482l0-59.568552q0-50.458483 50.458483-50.458483Z" fill="#FFD293" p-id="277661"></path><path d="M520.933517 1006.344828c-90.641655 0-163.945931-74.081103-163.945931-165.323035 0-91.206621 73.304276-165.323034 163.945931-165.323034 90.606345 0 163.945931 74.116414 163.945931 165.323034 0 91.241931-73.339586 165.323034-163.945931 165.323035z m0-70.62069c51.447172 0 93.325241-42.301793 93.325242-94.702345 0-52.365241-41.878069-94.702345-93.325242-94.702345-51.482483 0-93.325241 42.337103-93.325241 94.702345 0 52.400552 41.842759 94.702345 93.325241 94.702345z" fill="#FCA100" p-id="277662"></path><path d="M506.632828 88.275862a15.148138 15.148138 0 0 0-15.148138 15.148138v59.603862a15.148138 15.148138 0 0 0 30.296276 0V103.424a15.148138 15.148138 0 0 0-15.183449-15.148138z m85.768827 15.148138v59.603862a85.768828 85.768828 0 1 1-171.537655 0V103.424a85.768828 85.768828 0 1 1 171.537655 0z" fill="#FB9C00" p-id="277663"></path><path d="M177.893517 494.344828c0-183.472552 147.173517-332.270345 328.739311-332.270345 181.530483 0 346.394483 148.797793 346.394482 332.270345v260.025379l100.034207 129.977379H77.85931l100.034207-129.977379V494.344828z" fill="#FFA300" p-id="277664"></path></svg>
diff --git a/src/assets/images/svg/monitor.svg b/src/assets/images/svg/monitor.svg
new file mode 100644
index 0000000..f153b9c
--- /dev/null
+++ b/src/assets/images/svg/monitor.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><defs><style>@font-face{font-family:rbicon;src:url(chrome-extension://dipiagiiohfljcicegpgffpbnjmgjcnf/fonts/rbicon.woff2) format(&quot;woff2&quot;);font-weight:400;font-style:normal}</style></defs><path d="M64 64v576h832V64H64zM0 0h960v704H0V0z"/><path d="M192 896h576v64H192zm256-256h64v256h-64zm31.232-78.396 309.99-348.33-47.803-42.548-259.567 291.67-177.895-222.387L163.21 438.605l52.224 37.009 91.622-129.28z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/project.svg b/src/assets/images/svg/project.svg
new file mode 100644
index 0000000..eaf6a12
--- /dev/null
+++ b/src/assets/images/svg/project.svg
@@ -0,0 +1 @@
+<svg t="1719844718926" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="266272" width="200" height="200"><path d="M138.0173018 383.04044608h747.9653964c7.09277447 0 12.89595271-5.80317818 12.89595812-12.89595273v-64.47977419c0-28.37110348-23.21271811-51.58382158-51.58382153-51.58382161H497.81445089c-24.50231446 0-47.71503251-11.60636172-62.54538509-31.59508902l-24.50231442-33.52948343c-14.83034722-19.98873261-38.04306533-31.59508889-62.54537971-31.59509427h-145.72429566c-42.55665253 0-77.37573228 34.81907982-77.37573233 77.37573236v135.40753016c0 7.09277447 5.80317818 12.89595271 12.89595812 12.89595273zM885.9826982 415.2803386h-747.9653964c-7.09277447 0-12.89595271 5.80317818-12.89595812 12.89595272V787.97344057c0 42.55665253 34.81907982 77.37573228 77.37573233 77.37573223l619.00584798 1.28959637c42.55665253 0 77.37573228-34.81907982 77.37573233-77.37573236v-361.08674549c0-7.09277447-5.80317818-12.89595271-12.89595812-12.89595272z m-606.1098899 310.14771686c-1.28959636 1.93439451-3.22399088 3.86878903-5.8031835 5.80318347-32.88468534 20.63353074-67.05896691-13.54075089-46.4254362-46.42544153 1.28959636-1.93439451 3.22399088-3.86878903 5.80317822-5.80317821 32.88468534-20.63353074 67.70376514 14.18554911 46.42544148 46.42543627z m0-137.98671761c-1.28959636 1.93439451-3.22399088 3.86878903-5.8031835 5.80317817-32.88468534 20.63353074-67.05896691-13.54075089-46.4254362-46.4254362 1.28959636-1.93439451 3.22399088-3.86878903 5.80317822-5.80317818 32.88468534-21.27832364 67.70376514 13.54075089 46.42544148 46.42543621z m361.08674562 149.59307926h-264.36708411c-6.44797635 0-12.25115989-2.57919268-16.11994359-7.73757266-21.27832364-27.08150713-2.57919268-56.74220161 23.212718-56.74220164h264.36708417c6.44797635 0 12.25115989 2.57919268 16.11994364 7.73757283 21.27832364 27.08150713 2.57919268 56.74220161-23.21271811 56.74220147z m128.95954853-137.98671756h-393.32663264c-6.44797635 0-12.25115989-2.57919268-16.11994359-7.73757269-21.27832364-27.08150713-2.57919268-56.74220161 23.212718-56.74220692h393.32663275c6.44797635 0 12.25115989 2.57919268 16.11994354 7.7375727 21.27832364 27.08150713 2.57919268 56.74220161-23.21271806 56.74220691z" fill="#08D19F" p-id="266273"></path></svg>
diff --git a/src/assets/images/svg/python.svg b/src/assets/images/svg/python.svg
new file mode 100644
index 0000000..d9bab51
--- /dev/null
+++ b/src/assets/images/svg/python.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1760263323196" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1502" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M420.693333 85.333333C353.28 85.333333 298.666667 139.946667 298.666667 207.36v71.68h183.04c16.64 0 30.293333 24.32 30.293333 40.96H207.36C139.946667 320 85.333333 374.613333 85.333333 442.026667v161.322666c0 67.413333 54.613333 122.026667 122.026667 122.026667h50.346667v-114.346667c0-67.413333 54.186667-122.026667 121.6-122.026666h224c67.413333 0 122.026667-54.229333 122.026666-121.642667V207.36C725.333333 139.946667 670.72 85.333333 603.306667 85.333333z m-30.72 68.693334c17.066667 0 30.72 5.12 30.72 30.293333s-13.653333 38.016-30.72 38.016c-16.64 0-30.293333-12.8-30.293333-37.973333s13.653333-30.336 30.293333-30.336z" fill="#3C78AA" p-id="1503"></path><path d="M766.250667 298.666667v114.346666a121.6 121.6 0 0 1-121.6 121.984H420.693333A121.6 121.6 0 0 0 298.666667 656.597333v160a122.026667 122.026667 0 0 0 122.026666 122.026667h182.613334A122.026667 122.026667 0 0 0 725.333333 816.64v-71.68h-183.082666c-16.64 0-30.250667-24.32-30.250667-40.96h304.64A122.026667 122.026667 0 0 0 938.666667 581.973333v-161.28a122.026667 122.026667 0 0 0-122.026667-122.026666zM354.986667 491.221333l-0.170667 0.170667c0.512-0.085333 1.066667-0.042667 1.621333-0.170667z m279.04 310.442667c16.64 0 30.293333 12.8 30.293333 37.973333a30.293333 30.293333 0 0 1-30.293333 30.293334c-17.066667 0-30.72-5.12-30.72-30.293334s13.653333-37.973333 30.72-37.973333z" fill="#FDD835" p-id="1504"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/qq.svg b/src/assets/images/svg/qq.svg
new file mode 100644
index 0000000..a59086b
--- /dev/null
+++ b/src/assets/images/svg/qq.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19.9139 14.529C19.7336 13.955 19.4877 13.2856 19.2385 12.643L18.3288 10.3969C18.3295 10.371 18.3408 9.92858 18.3408 9.70053C18.3408 5.8599 16.5082 2.00037 12.0009 2C7.49403 2.00037 5.66113 5.8599 5.66113 9.70053C5.66113 9.92858 5.67237 10.371 5.67312 10.3969L4.76379 12.643C4.51453 13.2856 4.26827 13.955 4.08798 14.529C3.2285 17.2657 3.507 18.3982 3.71915 18.4238C4.17419 18.4779 5.49021 16.3635 5.49021 16.3635C5.49021 17.5879 6.12741 19.1858 7.5064 20.3398C6.99064 20.4971 6.35868 20.7388 5.95237 21.0355C5.58729 21.3025 5.63302 21.5743 5.69861 21.6841C5.9876 22.1661 10.6542 21.9918 12.0017 21.8417C13.3488 21.9918 18.0158 22.1661 18.3044 21.6841C18.3704 21.5743 18.4157 21.3025 18.0507 21.0355C17.6443 20.7388 17.012 20.4971 16.4959 20.3395C17.8745 19.1858 18.5117 17.5879 18.5117 16.3635C18.5117 16.3635 19.8281 18.4779 20.2831 18.4238C20.4949 18.3982 20.7734 17.2657 19.9139 14.529Z"></path></svg>
diff --git a/src/assets/images/svg/refresh.svg b/src/assets/images/svg/refresh.svg
new file mode 100644
index 0000000..e598ed1
--- /dev/null
+++ b/src/assets/images/svg/refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="1em" height="1em" viewBox="0 0 512 512"><path d="m400 148-21.12-24.57A191.43 191.43 0 0 0 240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 0 0 181.07-128" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="32"/><path d="M464 68.45V220a4 4 0 0 1-4 4H308.45a4 4 0 0 1-2.83-6.83L457.17 65.62a4 4 0 0 1 6.83 2.83z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/role.svg b/src/assets/images/svg/role.svg
new file mode 100644
index 0000000..5d25278
--- /dev/null
+++ b/src/assets/images/svg/role.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="256" height="256"><path d="M79.238 961.896v-25.442c0-109.28 28.835-214.892 81.139-297.416 48.427-76.396 115.304-131.573 195.508-161.896A240.785 240.785 0 0 1 279.488 300.5c0-131.538 104.331-238.535 232.547-238.535S744.546 168.962 744.546 300.5a240.854 240.854 0 0 1-76.742 176.988c190.87 73.004 276.992 277.131 276.992 458.966v25.442H79.238zM694.908 300.5c0-103.43-82.039-187.615-182.873-187.615-100.835 0-182.873 84.184-182.873 187.615 0 103.465 82.038 187.65 182.873 187.65 100.834 0 182.873-84.185 182.873-187.65zm-79.166 213.508a226.454 226.454 0 0 1-103.707 25.096A225.935 225.935 0 0 1 407.912 513.8C212.888 564.927 136.804 752.854 129.5 910.977h765.035c-7.997-167.4-95.227-347.746-278.793-396.97zm-143.411 37.246h79.407l39.739-8.48-45.242 65.664 30.6 227.527-64.8 56.908-69.197-56.908 40.535-227.527-50.78-65.665 39.738 8.48z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/search.svg b/src/assets/images/svg/search.svg
new file mode 100644
index 0000000..2312daf
--- /dev/null
+++ b/src/assets/images/svg/search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11 2C15.968 2 20 6.032 20 11C20 15.968 15.968 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2ZM11 18C14.8675 18 18 14.8675 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18ZM19.4853 18.0711L22.3137 20.8995L20.8995 22.3137L18.0711 19.4853L19.4853 18.0711Z"></path></svg>
diff --git a/src/assets/images/svg/setting.svg b/src/assets/images/svg/setting.svg
new file mode 100644
index 0000000..fbc4945
--- /dev/null
+++ b/src/assets/images/svg/setting.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="m12 1 9.5 5.5v11L12 23l-9.5-5.5v-11L12 1zm0 2.311L4.5 7.653v8.694l7.5 4.342 7.5-4.342V7.653L12 3.311zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/size.svg b/src/assets/images/svg/size.svg
new file mode 100644
index 0000000..f92f852
--- /dev/null
+++ b/src/assets/images/svg/size.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M10 6v15H8V6H2V4h14v2h-6zm8 8v7h-2v-7h-3v-2h8v2h-3z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/sql.svg b/src/assets/images/svg/sql.svg
new file mode 100644
index 0000000..dc4a3a8
--- /dev/null
+++ b/src/assets/images/svg/sql.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1760263428378" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5841" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M33.792 631.808c0 84.992 214.016 153.6 478.208 153.6 263.168 0 477.184-68.608 478.208-153.6V509.952C891.904 580.608 701.44 614.4 512 614.4c-189.44 0-379.904-33.792-478.208-105.472v122.88z" fill="#00CCFF" p-id="5842"></path><path d="M990.208 747.52C891.904 819.2 701.44 852.992 512 852.992 322.56 852.992 132.096 819.2 33.792 747.52v139.264C60.416 964.608 266.24 1024 512 1024s451.584-59.392 478.208-136.192V747.52zM33.792 392.192c0 84.992 214.016 153.6 478.208 153.6 263.168 0 477.184-68.608 478.208-153.6V270.336c-98.304 71.68-288.768 105.472-478.208 105.472-189.44 0-379.904-33.792-478.208-105.472v121.856z" fill="#00CCFF" p-id="5843"></path><path d="M33.792 153.6a478.208 153.6 0 1 0 956.416 0 478.208 153.6 0 1 0-956.416 0Z" fill="#00CCFF" p-id="5844"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/system.svg b/src/assets/images/svg/system.svg
new file mode 100644
index 0000000..2e6045b
--- /dev/null
+++ b/src/assets/images/svg/system.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M139 669.6V164.3c0-12.7 10.3-23.1 23.1-23.1h694.4c12.7 0 23.1 10.4 23.1 23.1v248.5h70V164.3c0-51.3-41.8-93.1-93.1-93.1H162c-51.3.1-93 41.8-93 93.1v505.3c0 51.3 41.8 93.1 93.1 93.1h224.7v-70H162c-12.7 0-23-10.4-23-23.1zm-34.3 131h282v70h-282z"/><path d="m954.9 599.4-5.1-15c-11.5-33.9-29.4-64.9-53.2-91.9l-10.5-11.9h-83.2l-41.7-72.2-15.6-3.1c-34.8-6.9-71.3-6.9-106.1 0l-15.6 3.1-41.7 72.2H499l-10.5 11.9c-23.8 27.1-41.7 58-53.2 91.9l-5.1 15 41.7 72.2-41.7 72.2 5.1 15c11.5 33.9 29.4 64.9 53.2 91.9l10.5 11.9h83.2l41.7 72.2 15.6 3.1c17.4 3.5 35.3 5.2 53.1 5.2s35.6-1.8 53.1-5.2l15.6-3.1 41.7-72.2h83.2l10.5-11.9c23.8-27.1 41.7-58 53.2-91.9l5.1-15-41.7-72.2 41.6-72.2zm-76.8 151.2c-6.4 14.9-14.5 29-24.3 42h-91.2l-45.6 79c-16.1 1.9-32.4 1.9-48.5 0l-45.6-79h-91.2c-9.8-13-17.9-27-24.3-42l45.6-79.1-45.6-79.1c6.4-14.9 14.5-29 24.3-42h91.2l45.6-79c16.1-1.9 32.4-1.9 48.5 0l45.6 79h91.2c9.8 13 17.9 27 24.3 42l-45.6 79.1 45.6 79.1z"/><path d="M692.7 560.2c-61.4 0-111.3 49.9-111.3 111.3s49.9 111.3 111.3 111.3S804 732.9 804 671.5c0-61.3-49.9-111.3-111.3-111.3zm0 152.7c-22.8 0-41.3-18.5-41.3-41.3s18.5-41.3 41.3-41.3 41.3 18.5 41.3 41.3-18.5 41.3-41.3 41.3z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/table.svg b/src/assets/images/svg/table.svg
new file mode 100644
index 0000000..1a16abb
--- /dev/null
+++ b/src/assets/images/svg/table.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M0 64v896h1024V64H0zm384 576V448h256v192H384zm256 64v192H384V704h256zm0-512v192H384V192h256zm-320 0v192H64V192h256zM64 448h256v192H64V448zm640 0h256v192H704V448zm0-64V192h256v192H704zM64 704h256v192H64V704zm640 192V704h256v192H704z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/time.svg b/src/assets/images/svg/time.svg
new file mode 100644
index 0000000..9d2327b
--- /dev/null
+++ b/src/assets/images/svg/time.svg
@@ -0,0 +1,9 @@
+<svg t="1696822386369" class="icon" viewBox="0 0 1126 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2748"
+  width="48" height="48">
+  <path
+    d="M742.4 0h-358.4C199.68 0 51.2 148.48 51.2 332.8v358.4C51.2 875.52 199.68 1024 384 1024h358.4C926.72 1024 1075.2 875.52 1075.2 691.2v-358.4C1075.2 148.48 926.72 0 742.4 0z m63.146667 754.346667c-133.12 133.12-351.573333 133.12-484.693334 0-133.12-133.12-133.12-351.573333 0-484.693334 133.12-133.12 351.573333-133.12 484.693334 0 134.826667 133.12 134.826667 351.573333 0 484.693334z"
+    fill="#FD3C13" p-id="2749"></path>
+  <path
+    d="M356.693333 305.493333c-114.346667 114.346667-114.346667 298.666667 0 411.306667 114.346667 114.346667 298.666667 114.346667 411.306667 0 114.346667-114.346667 114.346667-298.666667 0-411.306667-112.64-112.64-296.96-112.64-411.306667 0zM699.733333 558.08h-153.6c-8.533333 0-15.36-3.413333-22.186666-8.533333-8.533333-6.826667-13.653333-17.066667-13.653334-27.306667v-150.186667c0-18.773333 8.533333-34.133333 27.306667-34.133333s23.893333 15.36 23.893333 34.133333v134.826667H699.733333c18.773333 0 34.133333 5.12 34.133334 23.893333 0 18.773333-15.36 27.306667-34.133334 27.306667z"
+    fill="#FD3C13" p-id="2750"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/todo.svg b/src/assets/images/svg/todo.svg
new file mode 100644
index 0000000..f48e667
--- /dev/null
+++ b/src/assets/images/svg/todo.svg
@@ -0,0 +1 @@
+<svg t="1719844784164" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="269353" width="200" height="200"><path d="M920.78 322.56L700.878 102.656c-36.199-36.198-94.925-36.198-131.123 0s-36.199 94.925 0 131.123l23.5 23.501-86.272 86.323c-123.033-75.11-285.798-59.494-392.192 46.9l-37.376 37.375L293.94 644.403l-89.088 89.088c-23.5 23.501-23.5 61.645 0 85.146s61.645 23.5 85.146 0l89.088-89.088L595.61 946.074l37.376-37.376c106.393-106.394 122.01-269.21 46.899-392.192l86.323-86.324 23.5 23.501c36.2 36.199 94.926 36.199 131.124 0s36.198-94.925-0.051-131.123z m-454.758 132.3a41.206 41.206 0 0 1-34.304 18.28 41.057 41.057 0 0 1-22.988-7.015c-55.91-37.581-122.266-8.09-122.932-7.783-20.633 9.728-45.21 0.87-54.886-19.763a41.196 41.196 0 0 1 19.763-54.886c4.403-2.048 108.851-50.023 204.083 13.926 18.893 12.698 23.962 38.349 11.264 57.242z" fill="#FF5C64" p-id="269354"></path><path d="M569.754 102.656c-36.199 36.198-36.199 94.925 0 131.123l23.5 23.501-86.272 86.323c-123.033-75.11-285.798-59.494-392.192 46.9l-37.376 37.375L293.94 644.403l-89.088 89.088c-23.5 23.501-23.5 61.645 0 85.146s61.645 23.5 85.146 0l89.088-89.088 105.83 105.83c99.226-42.445 182.119-115.558 236.851-207.462a319.145 319.145 0 0 0-41.881-111.411l86.323-86.324 20.173 20.173c4.3-26.624 6.656-53.862 6.656-81.664 0-82.073-19.61-159.539-54.221-228.147l-37.888-37.888c-36.25-36.198-94.976-36.198-131.174 0zM466.022 454.861a41.206 41.206 0 0 1-34.304 18.278 41.057 41.057 0 0 1-22.988-7.014c-55.91-37.581-122.266-8.09-122.932-7.783-20.633 9.728-45.21 0.87-54.886-19.763a41.196 41.196 0 0 1 19.763-54.886c4.403-2.048 108.851-50.023 204.083 13.926 18.893 12.698 23.962 38.349 11.264 57.242z" fill="#FF5C64" p-id="269355"></path><path d="M253.85 684.442c228.812-49.152 400.332-252.468 400.332-495.924 0-38.758-4.505-76.441-12.697-112.69-25.754-1.69-52.07 7.167-71.731 26.88-36.199 36.198-36.199 94.924 0 131.122l23.5 23.501-86.272 86.272c-123.033-75.11-285.798-59.494-392.192 46.9l-37.376 37.375L293.94 644.403l-40.09 40.039z m32-226.15c-20.634 9.727-45.21 0.87-54.887-19.764a41.196 41.196 0 0 1 19.763-54.886c4.404-2.048 108.852-50.023 204.084 13.926 18.892 12.698 23.961 38.349 11.264 57.242a41.206 41.206 0 0 1-34.304 18.278 41.057 41.057 0 0 1-22.99-7.014c-55.96-37.53-122.316-8.09-122.93-7.783z" fill="#FF5C64" p-id="269356"></path><path d="M230.912 438.58a41.196 41.196 0 0 1 19.763-54.887c3.226-1.536 60.058-27.546 127.642-16.333 18.022-18.074 34.662-37.53 49.817-58.112-107.827-30.618-228.505-3.584-313.395 81.306L77.363 427.93l71.629 71.628a502.748 502.748 0 0 0 103.885-40.243 41.861 41.861 0 0 1-21.965-20.736z" fill="#FF5C64" p-id="269357"></path></svg>
diff --git a/src/assets/images/svg/tree.svg b/src/assets/images/svg/tree.svg
new file mode 100644
index 0000000..51aea8f
--- /dev/null
+++ b/src/assets/images/svg/tree.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M977.455 558.545h-34.91V453.818c0-44.218-37.236-81.454-81.454-81.454H546.909v-93.091h197.818c25.6 0 46.546-20.946 46.546-46.546V93.091c0-25.6-20.946-46.546-46.546-46.546H279.273c-25.6 0-46.546 20.946-46.546 46.546v139.636c0 25.6 20.946 46.546 46.546 46.546H477.09v93.09H162.909c-44.218 0-81.454 37.237-81.454 81.455v104.727h-34.91C20.945 558.545 0 579.491 0 605.091v325.818c0 25.6 20.945 46.546 46.545 46.546h139.637c25.6 0 46.545-20.946 46.545-46.546V605.091c0-25.6-20.945-46.546-46.545-46.546h-34.91V453.818c0-6.982 4.655-11.636 11.637-11.636h314.182v116.363h-34.91c-25.6 0-46.545 20.946-46.545 46.546v325.818c0 25.6 20.946 46.546 46.546 46.546h139.636c25.6 0 46.546-20.946 46.546-46.546V605.091c0-25.6-20.946-46.546-46.546-46.546H546.91V442.182h314.182c6.982 0 11.636 4.654 11.636 11.636v104.727h-34.909c-25.6 0-46.545 20.946-46.545 46.546v325.818c0 25.6 20.945 46.546 46.545 46.546h139.637c25.6 0 46.545-20.946 46.545-46.546V605.091c0-25.6-20.945-46.546-46.545-46.546zm-814.546 69.819v279.272H69.82V628.364h93.09zm395.636 0v279.272h-93.09V628.364h93.09zm-256-418.91v-93.09h418.91v93.09h-418.91zm651.637 698.182H861.09V628.364h93.09v279.272z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/typescript.svg b/src/assets/images/svg/typescript.svg
new file mode 100644
index 0000000..781d6f8
--- /dev/null
+++ b/src/assets/images/svg/typescript.svg
@@ -0,0 +1 @@
+<svg t="1721541160105" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13856" width="200" height="200"><path d="M762.464 263.776a141.568 141.568 0 0 1 71.136 40.992 187.296 187.296 0 0 1 27.264 36.576c0.352 1.44-49.088 34.656-79.072 53.184-1.088 0.736-5.408-3.968-10.304-11.2a64.448 64.448 0 0 0-53.44-32c-34.464-2.368-56.672 15.68-56.512 45.856a41.6 41.6 0 0 0 4.896 21.312c7.584 15.68 21.664 25.088 65.888 44.256 81.408 35.04 116.352 58.144 137.92 90.976a165.056 165.056 0 0 1 13.312 138.656 152.448 152.448 0 0 1-125.824 90.08 348.8 348.8 0 0 1-86.656-0.896 208.992 208.992 0 0 1-115.712-60.288 200.896 200.896 0 0 1-29.632-43.872 84.96 84.96 0 0 1 10.464-6.656c5.056-2.88 24.192-13.888 42.24-24.352l32.768-19.2 6.848 9.984a152.672 152.672 0 0 0 43.2 41.344 105.6 105.6 0 0 0 110.656-5.6 49.44 49.44 0 0 0 6.4-63.168c-8.832-12.64-26.88-23.264-78.176-45.504a281.6 281.6 0 0 1-107.168-65.76 149.984 149.984 0 0 1-31.232-56.864 227.712 227.712 0 0 1-1.984-72.576 138.624 138.624 0 0 1 116.608-107.968 288 288 0 0 1 86.112 2.688z m-266.976 47.456l0.352 46.528h-148.16v420.736H243.2V357.856H95.04V312.16a447.552 447.552 0 0 1 1.28-46.912c0.544-0.736 90.624-1.088 199.84-0.896l198.752 0.544z" fill="#007ACC" p-id="13857"></path></svg>
diff --git a/src/assets/images/svg/up.svg b/src/assets/images/svg/up.svg
new file mode 100644
index 0000000..3b6c535
--- /dev/null
+++ b/src/assets/images/svg/up.svg
@@ -0,0 +1 @@
+<svg width="15" height="15" aria-label="向上键" role="img"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"><path d="M7.5 11.5v-8M10.5 6.5l-3-3-3 3"></path></g></svg>
diff --git a/src/assets/images/svg/upload-file.svg b/src/assets/images/svg/upload-file.svg
new file mode 100644
index 0000000..8cc3731
--- /dev/null
+++ b/src/assets/images/svg/upload-file.svg
@@ -0,0 +1,9 @@
+<svg t="1657792221683" class="icon" viewBox="0 0 1228 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="45354" width="200" height="200">
+  <path
+    d="M1196.987733 212.5824v540.0576c0 39.594667-34.474667 71.3728-76.765866 71.3728H323.242667c-51.780267 0-88.746667-46.762667-73.250134-92.808533l126.737067-375.808H70.417067C31.675733 355.362133 0 326.4512 0 291.089067V98.372267C0 63.044267 31.675733 34.0992 70.417067 34.0992h378.811733c26.7264 0 51.029333 13.9264 63.010133 35.703467l39.048534 71.406933H1120.256c42.257067 0 76.8 32.119467 76.8 71.3728"
+    fill="#5398DF" p-id="45355"></path>
+  <path
+    d="M1128.721067 997.853867H68.266667a68.266667 68.266667 0 0 1-68.266667-68.266667V280.3712a68.266667 68.266667 0 0 1 68.266667-68.266667h1060.4544a68.266667 68.266667 0 0 1 68.266666 68.266667V929.5872a68.266667 68.266667 0 0 1-68.266666 68.266667"
+    fill="#85BCFF" p-id="45356"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/upload-folder.svg b/src/assets/images/svg/upload-folder.svg
new file mode 100644
index 0000000..07dd1df
--- /dev/null
+++ b/src/assets/images/svg/upload-folder.svg
@@ -0,0 +1,12 @@
+<svg t="1657792062684" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="34419" width="200" height="200">
+  <path
+    d="M0 128a51.2 51.2 0 0 1 51.2-51.2h350.24a51.2 51.2 0 0 1 47.0592 31.0336L473.6 166.4h499.2a51.2 51.2 0 0 1 51.2 51.2v537.6a51.2 51.2 0 0 1-51.2 51.2H51.2a51.2 51.2 0 0 1-51.2-51.2V128z"
+    fill="#FFA000" p-id="34420"></path>
+  <path
+    d="M89.6 249.6m51.2 0l742.4 0q51.2 0 51.2 51.2l0 460.8q0 51.2-51.2 51.2l-742.4 0q-51.2 0-51.2-51.2l0-460.8q0-51.2 51.2-51.2Z"
+    fill="#FFFFFF" p-id="34421"></path>
+  <path
+    d="M0 332.8m51.2 0l921.6 0q51.2 0 51.2 51.2l0 512q0 51.2-51.2 51.2l-921.6 0q-51.2 0-51.2-51.2l0-512q0-51.2 51.2-51.2Z"
+    fill="#FFCA28" p-id="34422"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/user.svg b/src/assets/images/svg/user.svg
new file mode 100644
index 0000000..8e693ec
--- /dev/null
+++ b/src/assets/images/svg/user.svg
@@ -0,0 +1 @@
+<svg t="1719843414729" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="175406" width="200" height="200"><path d="M512 1024C229.236364 1024 0 794.763636 0 512S229.236364 0 512 0s512 229.236364 512 512-229.236364 512-512 512z m56.599273-542.72a153.134545 153.134545 0 0 0 97.652363-142.149818C666.251636 254.789818 597.038545 186.181818 512 186.181818S357.794909 254.789818 357.794909 339.130182a153.134545 153.134545 0 0 0 97.605818 142.149818C328.471273 507.345455 232.727273 619.054545 232.727273 752.500364c0 32.488727 22.993455 43.240727 41.425454 51.851636l1.070546 0.465455c74.333091 26.065455 181.992727 33.000727 233.797818 33.000727 56.552727 0 167.191273-9.122909 240.686545-34.304 27.601455-10.472727 41.565091-27.648 41.565091-51.013818 0-133.492364-95.744-245.201455-222.673454-271.220364z" fill="#17E3C7" p-id="175407"></path></svg>
diff --git a/src/assets/images/svg/visitor.svg b/src/assets/images/svg/visitor.svg
new file mode 100644
index 0000000..1fd8dbe
--- /dev/null
+++ b/src/assets/images/svg/visitor.svg
@@ -0,0 +1 @@
+<svg t="1733620604471" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1596" width="128" height="128"><path d="M604.766 304.391c55.072 0 101.33 31.359 125.567 76.137v-94.054c0-51.505-41.856-91.812-92.513-91.812H250.118c-50.659 0-92.518 40.307-92.518 91.812v423.255c0 49.268 41.859 89.574 92.518 89.574h171.824c-30.848-11.195-48.466-33.586-50.672-71.662-4.402-85.105 48.465-161.231 90.321-197.066 6.608-6.728 11.01-11.194 17.616-15.685-8.813-20.149-15.421-42.548-15.421-67.176 0-78.385 61.679-143.323 140.98-143.323z" fill="#C4F7F0" p-id="1597"></path><path d="M804.423 349.242c0-51.507-41.855-91.814-92.515-91.814H324.204c-50.658 0-92.514 40.308-92.514 91.814v423.254c0 49.268 41.855 89.576 92.514 89.576h171.828c-30.846-11.197-48.466-33.587-50.67-71.668-4.404-85.101 48.462-161.239 90.319-197.063 6.608-6.727 11.009-11.196 17.617-15.682-8.813-20.152-15.422-42.549-15.422-67.182 0-78.384 61.68-143.318 140.977-143.318 55.071 0 101.336 31.356 125.57 76.133v-94.05zM394.702 638.123h-66.081c-6.612 0-11.024-4.474-11.024-11.187 0-6.729 4.413-11.2 11.024-11.2h66.081c6.608 0 11.008 4.471 11.008 11.2 0 6.713-4.4 11.187-11.008 11.187z m66.081-89.572H328.62c-4.417 0-11.025-4.477-11.025-11.199 0-6.707 4.413-11.189 11.025-11.189h132.163c6.609 0 11.01 4.482 11.01 11.189 0.001 6.72-4.401 11.199-11.01 11.199z m0-89.577H328.62c-4.417 0-11.025-4.481-11.025-11.2s6.608-11.198 11.025-11.198h132.163c6.609 0 11.01 4.481 11.01 11.198 0.001 6.719-4.401 11.2-11.01 11.2z" fill="#00DFC1" p-id="1598"></path><path d="M566.516 620.21c-33.043 26.875-72.692 85.096-70.484 152.288 2.193 67.177 72.686 67.177 176.216 67.177 103.535 0 174.03 0 176.228-67.177 2.205-67.192-39.651-123.183-70.485-152.288-24.239-22.396-44.066-26.868-50.672-26.868 28.64-15.683 46.256-47.039 46.256-82.861 0-53.743-41.841-96.294-94.722-96.294-52.863 0-94.707 42.551-92.511 96.294 0 35.822 17.628 64.951 46.253 82.861H621.59c-0.002 0-22.034 0-55.074 26.868z" fill="#00DFC1" p-id="1599"></path></svg>
diff --git a/src/assets/images/svg/vite.svg b/src/assets/images/svg/vite.svg
new file mode 100644
index 0000000..b7407f8
--- /dev/null
+++ b/src/assets/images/svg/vite.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="410" height="404" viewBox="0 0 410 404" fill="none">
+  <path
+    d="M399.641 59.5246L215.643 388.545C211.844 395.338 202.084 395.378 198.228 388.618L10.5817 59.5563C6.38087 52.1896 12.6802 43.2665 21.0281 44.7586L205.223 77.6824C206.398 77.8924 207.601 77.8904 208.776 77.6763L389.119 44.8058C397.439 43.2894 403.768 52.1434 399.641 59.5246Z"
+    fill="url(#paint0_linear)" />
+  <path
+    d="M292.965 1.5744L156.801 28.2552C154.563 28.6937 152.906 30.5903 152.771 32.8664L144.395 174.33C144.198 177.662 147.258 180.248 150.51 179.498L188.42 170.749C191.967 169.931 195.172 173.055 194.443 176.622L183.18 231.775C182.422 235.487 185.907 238.661 189.532 237.56L212.947 230.446C216.577 229.344 220.065 232.527 219.297 236.242L201.398 322.875C200.278 328.294 207.486 331.249 210.492 326.603L212.5 323.5L323.454 102.072C325.312 98.3645 322.108 94.137 318.036 94.9228L279.014 102.454C275.347 103.161 272.227 99.746 273.262 96.1583L298.731 7.86689C299.767 4.27314 296.636 0.855181 292.965 1.5744Z"
+    fill="url(#paint1_linear)" />
+  <defs>
+    <linearGradient id="paint0_linear" x1="6.00017" y1="32.9999" x2="235" y2="344" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#41D1FF" />
+      <stop offset="1" stop-color="#BD34FE" />
+    </linearGradient>
+    <linearGradient id="paint1_linear" x1="194.651" y1="8.81818" x2="236.076" y2="292.989"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FFEA83" />
+      <stop offset="0.0833333" stop-color="#FFDD35" />
+      <stop offset="1" stop-color="#FFA800" />
+    </linearGradient>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/vue copy.svg b/src/assets/images/svg/vue copy.svg
new file mode 100644
index 0000000..ac47eb6
--- /dev/null
+++ b/src/assets/images/svg/vue copy.svg	
@@ -0,0 +1,4 @@
+<svg class="logo" viewBox="0 0 128 128" width="24" height="24" data-v-f32e683e="">
+  <path fill="#42b883" d="M78.8,10L64,35.4L49.2,10H0l64,110l64-110C128,10,78.8,10,78.8,10z" data-v-f32e683e=""></path>
+  <path fill="#35495e" d="M78.8,10L64,35.4L49.2,10H25.6L64,76l38.4-66H78.8z" data-v-f32e683e=""></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/vue.svg b/src/assets/images/svg/vue.svg
new file mode 100644
index 0000000..456f876
--- /dev/null
+++ b/src/assets/images/svg/vue.svg
@@ -0,0 +1 @@
+<svg t="1721541029594" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3336" width="200" height="200"><path d="M615.6 123.6h165.5L512 589.7 242.9 123.6H63.5L512 900.4l448.5-776.9z" fill="#41B883" p-id="3337"></path><path d="M781.1 123.6H615.6L512 303 408.4 123.6H242.9L512 589.7z" fill="#34495E" p-id="3338"></path></svg>
diff --git a/src/assets/images/svg/wechat copy.svg b/src/assets/images/svg/wechat copy.svg
new file mode 100644
index 0000000..263c89c
--- /dev/null
+++ b/src/assets/images/svg/wechat copy.svg	
@@ -0,0 +1,9 @@
+<svg t="1655172426715" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1956"
+  width="200" height="200">
+  <path
+    d="M1010.8 628c0-141.2-141.3-256.2-299.9-256.2-168 0-300.3 115.1-300.3 256.2 0 141.4 132.3 256.2 300.3 256.2 35.2 0 70.7-8.9 106-17.7l96.8 53-26.6-88.2c70.9-53.2 123.7-123.7 123.7-203.3zM618 588.8c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40c0 22-17.9 40-40 40z m194.3-0.3c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40z"
+    fill="#00C800" p-id="1957"></path>
+  <path
+    d="M366.3 106.9c-194.1 0-353.1 132.3-353.1 300.3 0 97 52.9 176.6 141.3 238.4l-35.3 106.2 123.4-61.9c44.2 8.7 79.6 17.7 123.7 17.7 11.1 0 22.1-0.5 33-1.4-6.9-23.6-10.9-48.3-10.9-74 0-154.3 132.5-279.5 300.2-279.5 11.5 0 22.8 0.8 34 2.1C692 212.6 539.9 106.9 366.3 106.9zM247.7 349.2c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z m246.6 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z"
+    fill="#00C800" p-id="1958"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/svg/wechat.svg b/src/assets/images/svg/wechat.svg
new file mode 100644
index 0000000..2fc5803
--- /dev/null
+++ b/src/assets/images/svg/wechat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M18.5753 13.7114C19.0742 13.7114 19.4733 13.2873 19.4733 12.8134C19.4733 12.3145 19.0742 11.9155 18.5753 11.9155C18.0765 11.9155 17.6774 12.3145 17.6774 12.8134C17.6774 13.3123 18.0765 13.7114 18.5753 13.7114ZM14.1497 13.7114C14.6485 13.7114 15.0476 13.2873 15.0476 12.8134C15.0476 12.3145 14.6485 11.9155 14.1497 11.9155C13.6508 11.9155 13.2517 12.3145 13.2517 12.8134C13.2517 13.3123 13.6508 13.7114 14.1497 13.7114ZM20.717 18.7516C20.5942 18.8253 20.5205 18.9482 20.5451 19.1202C20.5451 19.1693 20.5451 19.2185 20.5696 19.2676C20.6679 19.6854 20.8643 20.349 20.8643 20.3736C20.8643 20.4473 20.8889 20.4964 20.8889 20.5456C20.8889 20.6685 20.7907 20.7668 20.6679 20.7668C20.6187 20.7668 20.5942 20.7422 20.5451 20.7176L19.0961 19.882C18.9978 19.8329 18.875 19.7837 18.7522 19.7837C18.6786 19.7837 18.6049 19.7837 18.5558 19.8083C17.8681 20.0049 17.1559 20.1032 16.3946 20.1032C12.7352 20.1032 9.78815 17.6456 9.78815 14.5983C9.78815 11.5509 12.7352 9.09329 16.3946 9.09329C20.0539 9.09329 23.001 11.5509 23.001 14.5983C23.001 16.2448 22.1168 17.7439 20.717 18.7516ZM16.6737 8.09757C16.581 8.09473 16.488 8.09329 16.3946 8.09329C12.2199 8.09329 8.78815 10.9536 8.78815 14.5983C8.78815 15.1519 8.86733 15.6874 9.01626 16.1975H8.92711C8.04096 16.1975 7.15481 16.0503 6.3425 15.8296C6.26866 15.805 6.19481 15.805 6.12097 15.805C5.97327 15.805 5.82558 15.8541 5.7025 15.9277L3.95482 16.9334C3.90559 16.958 3.85635 16.9825 3.80712 16.9825C3.65943 16.9825 3.53636 16.8599 3.53636 16.7127C3.53636 16.6391 3.56097 16.59 3.58559 16.5164C3.6102 16.4919 3.83174 15.6824 3.95482 15.1918C3.95482 15.1427 3.97943 15.0691 3.97943 15.0201C3.97943 14.8238 3.88097 14.6766 3.75789 14.5785C2.05944 13.3765 1.00098 11.5858 1.00098 9.59876C1.00098 5.94369 4.5702 3 8.95173 3C12.7157 3 15.8802 5.16856 16.6737 8.09757ZM11.5199 8.51604C12.0927 8.51604 12.5462 8.03871 12.5462 7.4898C12.5462 6.91701 12.0927 6.46356 11.5199 6.46356C10.9471 6.46356 10.4937 6.91701 10.4937 7.4898C10.4937 8.06258 10.9471 8.51604 11.5199 8.51604ZM6.26045 8.51604C6.83324 8.51604 7.28669 8.03871 7.28669 7.4898C7.28669 6.91701 6.83324 6.46356 6.26045 6.46356C5.68767 6.46356 5.23421 6.91701 5.23421 7.4898C5.23421 8.06258 5.68767 8.51604 6.26045 8.51604Z"></path></svg>
diff --git a/src/assets/images/svg/xml.svg b/src/assets/images/svg/xml.svg
new file mode 100644
index 0000000..f041213
--- /dev/null
+++ b/src/assets/images/svg/xml.svg
@@ -0,0 +1 @@
+<svg t="1721557951693" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19605" width="200" height="200"><path d="M692.497067 546.133333h52.087466l40.482134-260.642133V273.066667h-63.624534L605.730133 471.722667 542.037333 279.210667V273.066667h-63.6928L443.733333 546.133333h52.087467l23.1424-161.3824L570.9824 546.133333h46.2848l98.372267-155.170133-23.1424 148.957867z" fill="#FF7D19" p-id="19606"></path><path d="M845.2096 572.074667c-12.0832 0-18.090667 0-24.1664 11.400533-6.007467 5.7344-12.0832 17.2032-12.0832 22.9376v85.8112H597.674667c-54.340267 0-96.597333 40.004267-96.597334 91.477333v165.888H150.869333c-18.0224 0-36.181333-5.666133-48.264533-17.066666-12.014933-11.4688-24.098133-28.672-24.098133-45.806934V137.216c0-40.004267 36.181333-68.608 72.362666-68.608h585.728c42.1888 0 72.362667 28.603733 72.362667 68.608v51.473067c0 17.2032 18.158933 34.338133 36.2496 34.338133s36.181333-11.400533 42.257067-34.338133v-51.473067C887.466667 62.8736 821.0432 0 742.6048 0H144.861867C66.3552 0 0 57.207467 0 137.284267V886.784C0 961.1264 66.423467 1024 144.861867 1024H615.765333c12.0832 0 18.158933-5.7344 24.1664-11.4688l229.376-211.626667c6.144-5.7344 12.151467-17.2032 12.151467-22.869333v-165.888c0-22.9376-18.158933-40.072533-36.2496-40.072533z m-42.325333 183.022933l-205.2096 188.8256h-24.1664v-165.888c0-5.7344 0-11.4688 6.075733-17.2032 6.007467-5.7344 12.0832-5.7344 18.090667-5.7344h205.277866z" fill="#FF7D19" p-id="19607"></path><path d="M372.804267 273.066667L303.650133 366.1824 251.767467 273.066667H182.613333l80.6912 136.533333L136.533333 546.133333h74.888534L292.181333 453.0176 344.064 546.133333h69.154133L332.458667 409.6l115.234133-136.533333H372.804267z m501.3504 229.649066l28.808533-217.224533V273.066667h-51.882667l-40.277333 266.922666V546.133333h207.4624L1024 502.715733h-149.845333z" fill="#FF7D19" p-id="19608"></path></svg>
diff --git a/src/assets/images/user/avatar.webp b/src/assets/images/user/avatar.webp
new file mode 100644
index 0000000..6d7234b
Binary files /dev/null and b/src/assets/images/user/avatar.webp differ
diff --git a/src/assets/images/user/bg.webp b/src/assets/images/user/bg.webp
new file mode 100644
index 0000000..762b22d
Binary files /dev/null and b/src/assets/images/user/bg.webp differ
diff --git a/src/assets/svg/loading.ts b/src/assets/svg/loading.ts
new file mode 100644
index 0000000..f30e394
--- /dev/null
+++ b/src/assets/svg/loading.ts
@@ -0,0 +1,32 @@
+// 自定义四点旋转SVG
+export const fourDotsSpinnerSvg = `
+  <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
+    <style>
+      .spinner {
+        transform-origin: 20px 20px;
+        animation: rotate 1.6s linear infinite;
+      }
+      .dot {
+        fill: var(--theme-color);
+        animation: fade 1.6s infinite;
+      }
+      .dot:nth-child(1) { animation-delay: 0s; }
+      .dot:nth-child(2) { animation-delay: 0.5s; }
+      .dot:nth-child(3) { animation-delay: 1s; }
+      .dot:nth-child(4) { animation-delay: 1.5s; }
+      @keyframes rotate {
+        100% { transform: rotate(360deg); }
+      }
+      @keyframes fade {
+        0%, 100% { opacity: 1; }
+        50% { opacity: 0.5; }
+      }
+    </style>
+    <g class="spinner">
+      <circle class="dot" cx="20" cy="8" r="4"/>
+      <circle class="dot" cx="32" cy="20" r="4"/>
+      <circle class="dot" cx="20" cy="32" r="4"/>
+      <circle class="dot" cx="8" cy="20" r="4"/>
+    </g>
+  </svg>
+`;
diff --git a/src/components/ECharts/index.vue b/src/components/ECharts/index.vue
new file mode 100644
index 0000000..59e1f67
--- /dev/null
+++ b/src/components/ECharts/index.vue
@@ -0,0 +1,89 @@
+<!--
+ * 基于 ECharts 的 Vue3 图表组件
+ * 版权所有 © 2021-present 有来开源组织
+ *
+ * 开源协议：https://opensource.org/licenses/MIT
+ * 项目地址：https://gitee.com/youlaiorg/vue3-element-admin
+ * 参考：https://echarts.apache.org/handbook/zh/basics/import/#%E6%8C%89%E9%9C%80%E5%BC%95%E5%85%A5-echarts-%E5%9B%BE%E8%A1%A8%E5%92%8C%E7%BB%84%E4%BB%B6
+ *
+ * 在使用时，请保留此注释，感谢您对开源的支持！
+-->
+
+<template>
+  <div ref="chartRef" :style="{ width, height }"></div>
+</template>
+
+<script setup lang="ts">
+// 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。
+import * as echarts from "echarts/core";
+// 引入柱状、折线和饼图常用图表
+import { BarChart, LineChart, PieChart, RadarChart } from "echarts/charts";
+// 引入标题，提示框，直角坐标系，数据集，内置数据转换器组件，
+import { GridComponent, TooltipComponent, LegendComponent } from "echarts/components";
+// 引入 Canvas 渲染器，注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
+import { CanvasRenderer } from "echarts/renderers";
+
+import { useResizeObserver } from "@vueuse/core";
+
+defineOptions({ name: "FaECharts" });
+
+// 按需注册组件
+echarts.use([
+  RadarChart,
+  CanvasRenderer,
+  BarChart,
+  LineChart,
+  PieChart,
+  GridComponent,
+  TooltipComponent,
+  LegendComponent,
+]);
+
+interface Props {
+  options: echarts.EChartsCoreOption;
+  width?: string;
+  height?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  width: "100%",
+  height: "100%",
+});
+
+const chartRef = ref<HTMLDivElement | null>(null);
+let chartInstance: echarts.ECharts | null = null;
+
+// 初始化图表
+const initChart = () => {
+  if (chartRef.value) {
+    chartInstance = echarts.init(chartRef.value);
+    if (props.options) {
+      chartInstance.setOption(props.options);
+    }
+  }
+};
+
+// 监听尺寸变化，自动调整
+useResizeObserver(chartRef, () => {
+  chartInstance?.resize();
+});
+
+// 监听 options 变化，更新图表
+watch(
+  () => props.options,
+  (newOptions) => {
+    if (chartInstance && newOptions) {
+      chartInstance.setOption(newOptions);
+    }
+  },
+  { deep: true }
+);
+
+onMounted(() => {
+  nextTick(() => initChart());
+});
+
+onBeforeUnmount(() => {
+  chartInstance?.dispose();
+});
+</script>
diff --git a/src/components/banners/fa-basic-banner/index.vue b/src/components/banners/fa-basic-banner/index.vue
new file mode 100644
index 0000000..4b68a54
--- /dev/null
+++ b/src/components/banners/fa-basic-banner/index.vue
@@ -0,0 +1,345 @@
+<!-- 基础横幅组件 -->
+<template>
+  <div
+    class="fa-card basic-banner"
+    :class="[{ 'has-decoration': decoration }, boxStyle]"
+    :style="{ height }"
+    @click="emit('click')"
+  >
+    <!-- 流星效果 -->
+    <div v-if="meteorConfig?.enabled && isDark" class="basic-banner__meteors">
+      <span
+        v-for="(meteor, index) in meteors"
+        :key="index"
+        class="meteor"
+        :style="{
+          top: '-60px',
+          left: `${meteor.x}%`,
+          animationDuration: `${meteor.speed}s`,
+          animationDelay: `${meteor.delay}s`,
+        }"
+      ></span>
+    </div>
+
+    <div class="basic-banner__content">
+      <!-- title slot -->
+      <slot name="title">
+        <p v-if="title" class="basic-banner__title" :style="{ color: titleColor }">{{ title }}</p>
+      </slot>
+
+      <!-- subtitle slot -->
+      <slot name="subtitle">
+        <p v-if="subtitle" class="basic-banner__subtitle" :style="{ color: subtitleColor }">
+          {{ subtitle }}
+        </p>
+      </slot>
+
+      <!-- button slot -->
+      <slot name="button">
+        <div
+          v-if="buttonConfig?.show"
+          class="basic-banner__button"
+          :style="{
+            backgroundColor: buttonColor,
+            color: buttonTextColor,
+            borderRadius: buttonRadius,
+          }"
+          @click.stop="emit('buttonClick')"
+        >
+          {{ buttonConfig?.text }}
+        </div>
+      </slot>
+
+      <!-- default slot -->
+      <slot></slot>
+
+      <!-- background image：首屏横幅不使用懒加载，避免浏览器干预警告 -->
+      <img
+        v-if="imageConfig.src"
+        class="basic-banner__background-image"
+        :src="imageConfig.src"
+        :style="{ width: imageConfig.width, bottom: imageConfig.bottom, right: imageConfig.right }"
+        alt="背景图片"
+        loading="eager"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref, computed } from "vue";
+import { useSettingsStore } from "@stores";
+const settingStore = useSettingsStore();
+const { isDark } = storeToRefs(settingStore);
+
+defineOptions({ name: "FaBasicBanner" });
+
+// 流星对象接口定义
+interface Meteor {
+  /** 流星的水平位置(百分比) */
+  x: number;
+  /** 流星划过的速度 */
+  speed: number;
+  /** 流星出现的延迟时间 */
+  delay: number;
+}
+
+// 按钮配置接口定义
+interface ButtonConfig {
+  /** 是否启用按钮 */
+  show: boolean;
+  /** 按钮文本 */
+  text: string;
+  /** 按钮背景色 */
+  color?: string;
+  /** 按钮文字颜色 */
+  textColor?: string;
+  /** 按钮圆角大小 */
+  radius?: string;
+}
+
+// 流星效果配置接口定义
+interface MeteorConfig {
+  /** 是否启用流星效果 */
+  enabled: boolean;
+  /** 流星数量 */
+  count?: number;
+}
+
+// 背景图片配置接口定义
+interface ImageConfig {
+  /** 图片源地址 */
+  src: string;
+  /** 图片宽度 */
+  width?: string;
+  /** 距底部距离 */
+  bottom?: string;
+  /** 距右侧距离 */
+  right?: string; // 距右侧距离
+}
+
+// 组件属性接口定义
+interface Props {
+  /** 横幅高度 */
+  height?: string;
+  /** 标题文本 */
+  title?: string;
+  /** 副标题文本 */
+  subtitle?: string;
+  /** 盒子样式 */
+  boxStyle?: string;
+  /** 是否显示装饰效果 */
+  decoration?: boolean;
+  /** 按钮配置 */
+  buttonConfig?: ButtonConfig;
+  /** 流星配置 */
+  meteorConfig?: MeteorConfig;
+  /** 图片配置 */
+  imageConfig?: ImageConfig;
+  /** 标题颜色 */
+  titleColor?: string;
+  /** 副标题颜色 */
+  subtitleColor?: string;
+}
+
+// 组件属性默认值设置
+const props = withDefaults(defineProps<Props>(), {
+  height: "11rem",
+  titleColor: "white",
+  subtitleColor: "white",
+  boxStyle: "bg-theme/60!",
+  decoration: true,
+  buttonConfig: () => ({
+    show: true,
+    text: "查看",
+    color: "#fff",
+    textColor: "#333",
+    radius: "6px",
+  }),
+  meteorConfig: () => ({ enabled: false, count: 10 }),
+  imageConfig: () => ({ src: "", width: "12rem", bottom: "-3rem", right: "0" }),
+});
+
+interface Emits {
+  click: []; // 整体点击事件
+  buttonClick: []; // 按钮点击事件
+}
+
+// 定义组件事件
+const emit = defineEmits<Emits>();
+
+// 计算按钮样式属性
+const buttonColor = computed(() => props.buttonConfig?.color ?? "#fff");
+const buttonTextColor = computed(() => props.buttonConfig?.textColor ?? "#333");
+const buttonRadius = computed(() => props.buttonConfig?.radius ?? "6px");
+
+// 流星数据初始化
+const meteors = ref<Meteor[]>([]);
+onMounted(() => {
+  if (props.meteorConfig?.enabled) {
+    meteors.value = generateMeteors(props.meteorConfig?.count ?? 10);
+  }
+});
+
+/**
+ * 生成流星数据数组
+ * @param count 流星数量
+ * @returns 流星数据数组
+ */
+function generateMeteors(count: number): Meteor[] {
+  // 计算每个流星的区域宽度
+  const segmentWidth = 100 / count;
+  return Array.from({ length: count }, (_, index) => {
+    // 计算流星起始位置
+    const segmentStart = index * segmentWidth;
+    // 在区域内随机生成x坐标
+    const x = segmentStart + Math.random() * segmentWidth;
+    // 随机决定流星速度快慢
+    const isSlow = Math.random() > 0.5;
+    return {
+      x,
+      speed: isSlow ? 5 + Math.random() * 3 : 2 + Math.random() * 2,
+      delay: Math.random() * 5,
+    };
+  });
+}
+</script>
+
+<style lang="scss" scoped>
+.basic-banner {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 0 2rem;
+  overflow: hidden;
+  color: white;
+  border-radius: calc(var(--custom-radius) + 2px) !important;
+
+  &__content {
+    position: relative;
+    z-index: 1;
+  }
+
+  &__title {
+    margin: 0 0 0.5rem;
+    font-size: 1.5rem;
+    font-weight: 600;
+  }
+
+  &__subtitle {
+    position: relative;
+    z-index: 10;
+    margin: 0 0 1.5rem;
+    font-size: 0.9rem;
+    opacity: 0.9;
+  }
+
+  &__button {
+    box-sizing: border-box;
+    display: inline-block;
+    min-width: 80px;
+    height: var(--el-component-custom-height);
+    padding: 0 12px;
+    font-size: 14px;
+    line-height: var(--el-component-custom-height);
+    text-align: center;
+    cursor: pointer;
+    user-select: none;
+    transition: all 0.3s;
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+
+  &__background-image {
+    position: absolute;
+    right: 0;
+    bottom: -3rem;
+    z-index: 0;
+    width: 12rem;
+  }
+
+  &.has-decoration::after {
+    position: absolute;
+    right: -10%;
+    bottom: -20%;
+    width: 60%;
+    height: 140%;
+    content: "";
+    background: rgb(255 255 255 / 10%);
+    border-radius: 30%;
+    transform: rotate(-20deg);
+  }
+
+  &__meteors {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+
+    .meteor {
+      position: absolute;
+      width: 2px;
+      height: 60px;
+      background: linear-gradient(
+        to top,
+        rgb(255 255 255 / 40%),
+        rgb(255 255 255 / 10%),
+        transparent
+      );
+      opacity: 0;
+      transform-origin: top left;
+      animation-name: meteor-fall;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
+
+      &::before {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        width: 2px;
+        height: 2px;
+        content: "";
+        background: rgb(255 255 255 / 50%);
+      }
+    }
+  }
+}
+
+@keyframes meteor-fall {
+  0% {
+    opacity: 1;
+    transform: translate(0, -60px) rotate(-45deg);
+  }
+
+  100% {
+    opacity: 0;
+    transform: translate(400px, 340px) rotate(-45deg);
+  }
+}
+
+@media (width <= 640px) {
+  .basic-banner {
+    box-sizing: border-box;
+    justify-content: flex-start;
+    padding: 16px;
+
+    &__title {
+      font-size: 1.4rem;
+    }
+
+    &__background-image {
+      display: none;
+    }
+
+    &.has-decoration::after {
+      display: none;
+    }
+  }
+}
+</style>
diff --git a/src/components/banners/fa-card-banner/index.vue b/src/components/banners/fa-card-banner/index.vue
new file mode 100644
index 0000000..ad54a0c
--- /dev/null
+++ b/src/components/banners/fa-card-banner/index.vue
@@ -0,0 +1,116 @@
+<!-- 卡片横幅组件 -->
+<template>
+  <div class="fa-card p-5 flex items-center flex-col pb-6 h-full" :style="{ height: height }">
+    <div class="flex items-center flex-col gap-4 text-center">
+      <div class="w-45">
+        <img :src="image" :alt="title" class="w-full h-full object-contain" loading="eager" />
+      </div>
+      <div class="box-border px-4">
+        <p class="mb-2 text-lg font-semibold text-g-800">{{ title }}</p>
+        <p class="m-0 text-sm text-g-600">{{ description }}</p>
+      </div>
+      <div class="flex items-center gap-3">
+        <div
+          v-if="cancelButton?.show"
+          class="inline-block h-9 px-3 text-sm/9 cursor-pointer select-none rounded-md border border-g-300"
+          :style="{
+            backgroundColor: cancelButton?.color,
+            color: cancelButton?.textColor,
+          }"
+          @click="handleCancel"
+        >
+          {{ cancelButton?.text }}
+        </div>
+        <div
+          v-if="button?.show"
+          class="inline-block h-9 px-3 text-sm/9 cursor-pointer select-none rounded-md"
+          :style="{ backgroundColor: button?.color, color: button?.textColor }"
+          @click="handleClick"
+        >
+          {{ button?.text }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+// 导入默认图标
+import defaultIcon from "@imgs/3d/icon1.webp";
+
+defineOptions({ name: "FaCardBanner" });
+
+// 定义卡片横幅组件的属性接口
+interface Props {
+  /** 高度 */
+  height?: string;
+  /** 图片路径 */
+  image?: string;
+  /** 标题文本 */
+  title?: string;
+  /** 描述文本 */
+  description?: string;
+  /** 主按钮配置 */
+  button?: {
+    /** 是否显示 */
+    show?: boolean;
+    /** 按钮文本 */
+    text?: string;
+    /** 背景颜色 */
+    color?: string;
+    /** 文字颜色 */
+    textColor?: string;
+  };
+  /** 取消按钮配置 */
+  cancelButton?: {
+    /** 是否显示 */
+    show?: boolean;
+    /** 按钮文本 */
+    text?: string;
+    /** 背景颜色 */
+    color?: string;
+    /** 文字颜色 */
+    textColor?: string;
+  };
+}
+
+// 定义组件属性默认值
+withDefaults(defineProps<Props>(), {
+  height: "100%",
+  image: defaultIcon,
+  title: "",
+  description: "",
+  // 主按钮默认配置
+  button: () => ({
+    show: true,
+    text: "查看详情",
+    color: "var(--theme-color)",
+    textColor: "#fff",
+  }),
+  // 取消按钮默认配置
+  cancelButton: () => ({
+    show: false,
+    text: "取消",
+    color: "#f5f5f5",
+    textColor: "#666",
+  }),
+});
+
+interface Emits {
+  click: []; // 主按钮点击事件
+  cancel: []; // 取消按钮点击事件
+}
+
+// 定义组件事件
+const emit = defineEmits<Emits>();
+
+// 主按钮点击处理函数
+const handleClick = () => {
+  emit("click");
+};
+
+// 取消按钮点击处理函数
+const handleCancel = () => {
+  emit("cancel");
+};
+</script>
diff --git a/src/components/base/fa-back-to-top/index.vue b/src/components/base/fa-back-to-top/index.vue
new file mode 100644
index 0000000..2fa3d5a
--- /dev/null
+++ b/src/components/base/fa-back-to-top/index.vue
@@ -0,0 +1,41 @@
+<!-- 返回顶部按钮 -->
+<template>
+  <Transition
+    enter-active-class="transition duration-300 ease-out"
+    leave-active-class="transition duration-200 ease-in"
+    enter-from-class="opacity-0 translate-y-2"
+    enter-to-class="opacity-100 translate-y-0"
+    leave-from-class="opacity-100 translate-y-0"
+    leave-to-class="opacity-0 translate-y-2"
+  >
+    <div
+      v-show="showButton"
+      class="fixed right-10 bottom-15 size-9.5 flex items-center justify-center cursor-pointer border border-g-300 rounded-md transition duration-300 hover:bg-g-200"
+      @click="scrollToTop"
+    >
+      <FaSvgIcon icon="ri:arrow-up-wide-line" class="text-g-500 text-lg" />
+    </div>
+  </Transition>
+</template>
+
+<script setup lang="ts">
+import { useCommon } from "@/hooks/core/useCommon";
+
+defineOptions({ name: "FaBackToTop" });
+
+const { scrollToTop } = useCommon();
+
+const showButton = ref(false);
+const scrollThreshold = 300;
+
+onMounted(() => {
+  const scrollContainer =
+    document.getElementById("app-scroll-main") ?? document.getElementById("app-main");
+  if (scrollContainer) {
+    const { y } = useScroll(scrollContainer);
+    watch(y, (newY: number) => {
+      showButton.value = newY > scrollThreshold;
+    });
+  }
+});
+</script>
diff --git a/src/components/base/fa-logo/index.vue b/src/components/base/fa-logo/index.vue
new file mode 100644
index 0000000..c4305c7
--- /dev/null
+++ b/src/components/base/fa-logo/index.vue
@@ -0,0 +1,53 @@
+<!-- 系统 logo：优先使用接口 sys_web_logo，缺省用内置图 -->
+<template>
+  <div class="flex items-center justify-center">
+    <img
+      :style="logoStyle"
+      :src="resolvedSrc"
+      alt="logo"
+      class="h-full w-full object-contain"
+      @error="onImgError"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import defaultLogoUrl from "@fa_imgs/logo.svg";
+
+defineOptions({ name: "FaLogo" });
+
+interface Props {
+  /** logo 大小 */
+  size?: number | string;
+  /** 自定义地址（如配置接口 sys_web_logo）；不传则用默认资源 */
+  src?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  size: 36,
+  src: undefined,
+});
+
+const fallbackTriggered = ref(false);
+
+const resolvedSrc = computed(() => {
+  if (fallbackTriggered.value) return defaultLogoUrl;
+  const custom = props.src?.trim();
+  return custom || defaultLogoUrl;
+});
+
+function onImgError() {
+  if (!fallbackTriggered.value) {
+    fallbackTriggered.value = true;
+  }
+}
+
+const logoStyle = computed(() => ({ width: `${props.size}px`, height: `${props.size}px` }));
+
+watch(
+  () => props.src,
+  () => {
+    fallbackTriggered.value = false;
+  }
+);
+</script>
diff --git a/src/components/base/fa-svg-icon/index.vue b/src/components/base/fa-svg-icon/index.vue
new file mode 100644
index 0000000..0886d08
--- /dev/null
+++ b/src/components/base/fa-svg-icon/index.vue
@@ -0,0 +1,140 @@
+<!-- 图标组件 -->
+<template>
+  <Icon v-if="icon" :icon="icon" v-bind="bindAttrs" class="fa-svg-icon inline" />
+</template>
+
+<script setup lang="ts">
+import { Icon } from "@iconify/vue";
+
+defineOptions({ name: "FaSvgIcon", inheritAttrs: false });
+
+interface Props {
+  /** Iconify icon name */
+  icon?: string;
+}
+
+withDefaults(defineProps<Props>(), {
+  icon: "",
+});
+
+const attrs = useAttrs();
+
+const bindAttrs = computed<{ class: string; style: string }>(() => ({
+  class: (attrs.class as string) || "",
+  style: (attrs.style as string) || "",
+}));
+</script>
+
+<!-- <template>
+  <div class="space-y-5 mb-5">
+    <div class="text-2xl font-medium mt-5 max-sm:text-2xl max-sm:mt-3">图标</div>
+    <div class="text-g-800">
+      v.3.0 版本图标库升级为 iconify，可在
+      <a href="https://icones.js.org/" target="_blank" class="text-theme hover:underline">
+        Iconify
+      </a>
+      中查找，支持多种图标库，如 Remix Icon, Solar, Tabler Icons 等。
+    </div>
+    <div class="text-g-800">
+      为确保系统图标风格统一，项目全部采用 Remix Icon 图标库，可在
+      <a
+        href="https://icones.js.org/collection/ri"
+        target="_blank"
+        class="text-theme hover:underline"
+      >
+        Iconify
+      </a>
+      或
+      <a href="https://remixicon.com/" target="_blank" class="text-theme hover:underline">
+        Remix Icon 官网
+      </a>
+      搜索使用。
+    </div> -->
+
+<!-- Iconify 图标 -->
+<!-- <div class="fa-card-sm p-5">
+      <div class="text-lg font-semibold mb-4">Iconify</div>
+      <div class="flex items-center gap-6">
+        <FaSvgIcon icon="ri:github-fill" class="text-2xl" />
+        <FaSvgIcon icon="ri:copilot-line" class="text-2xl text-theme" />
+        <FaSvgIcon icon="ri:edge-line" class="text-2xl text-secondary" />
+        <FaSvgIcon icon="ri:planet-line" class="text-2xl text-warning" />
+        <FaSvgIcon icon="ri:windows-line" class="text-2xl text-info" />
+        <FaSvgIcon icon="ri:thumb-up-line" class="text-2xl text-danger" />
+        <FaSvgIcon icon="ri:gift-2-line" class="text-2xl text-success" />
+        <FaSvgIcon icon="ri:apple-line" class="text-2xl text-secondary" />
+      </div>
+    </div> -->
+
+<!-- Svg Icons -->
+<!-- <div class="fa-card-sm p-5">
+      <div class="text-lg font-semibold mb-4">Svg Icons</div>
+      <div class="flex items-center gap-6">
+        <FaSvgIcon icon="svg-spinners:3-dots-fade" class="text-2xl text-red-400" />
+        <FaSvgIcon icon="svg-spinners:3-dots-bounce" class="text-2xl text-blue-400" />
+        <FaSvgIcon icon="svg-spinners:3-dots-move" class="text-2xl text-orange-400" />
+        <FaSvgIcon icon="svg-spinners:3-dots-rotate" class="text-2xl text-purple-400" />
+        <FaSvgIcon icon="svg-spinners:blocks-shuffle-2" class="text-2xl text-pink-300" />
+        <FaSvgIcon icon="svg-spinners:clock" class="text-2xl text-yellow-500" />
+        <FaSvgIcon icon="svg-spinners:tadpole" class="text-2xl text-orange-500" />
+        <FaSvgIcon icon="svg-spinners:blocks-wave" class="text-2xl text-blue-500" />
+      </div>
+    </div> -->
+
+<!-- Svg Icons -->
+<!-- <div class="fa-card-sm p-5">
+      <div class="text-lg font-semibold mb-4">Material Line Icons</div>
+      <div class="flex items-center gap-6">
+        <FaSvgIcon icon="line-md:phone-call-twotone-loop" class="text-2xl text-blue-500" />
+
+        <FaSvgIcon icon="line-md:switch-off" class="text-2xl text-green-500" />
+        <FaSvgIcon icon="line-md:sun-rising-filled-loop" class="text-2xl text-yellow-400" />
+        <FaSvgIcon icon="line-md:volume-high-filled" class="text-2xl text-purple-500" />
+        <FaSvgIcon icon="line-md:github-twotone" class="text-2xl text-gray-700" />
+        <FaSvgIcon icon="line-md:telegram" class="text-2xl text-sky-500" />
+        <FaSvgIcon icon="line-md:reddit-loop" class="text-2xl text-orange-400" />
+        <FaSvgIcon
+          icon="line-md:coffee-half-empty-filled-loop"
+          class="text-2xl text-emerald-500"
+        />
+      </div>
+    </div> -->
+
+<!-- 使用示例 -->
+<!-- <div class="fa-card-sm p-5">
+      <div class="text-lg font-semibold mb-4">使用示例</div>
+      <div class="space-y-4">
+        <div>
+          <div class="text-sm text-g-600 mb-2">基础使用</div>
+          <div class="bg-g-200 dark:bg-g-300/30 p-4 rounded font-mono text-sm text-g-800">
+            &lt;FaSvgIcon icon="ri:home-line" /&gt;
+          </div>
+        </div>
+        <div>
+          <div class="text-sm text-g-600 mb-2">自定义大小</div>
+          <div class="bg-g-200 dark:bg-g-300/30 p-4 rounded font-mono text-sm text-g-800">
+            &lt;FaSvgIcon icon="ri:user-line" class="text-2xl" /&gt;
+          </div>
+        </div>
+        <div>
+          <div class="text-sm text-g-600 mb-2">自定义颜色</div>
+          <div class="bg-g-200 dark:bg-g-300/30 p-4 rounded font-mono text-sm text-g-800">
+            &lt;FaSvgIcon icon="ri:hefa-fill" class="text-red-500" /&gt;
+          </div>
+        </div>
+        <div>
+          <div class="text-sm text-g-600 mb-2">组合使用</div>
+          <div class="bg-g-200 dark:bg-g-300/30 p-4 rounded font-mono text-sm text-g-800">
+            &lt;FaSvgIcon icon="ri:star-fill" class="text-4xl text-yellow-500" /&gt;
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template> -->
+
+<!-- <script setup lang="ts">
+import FaSvgIcon from "@/components/base/fa-svg-icon/index.vue";
+
+defineOptions({ name: "IconPage" });
+</script> -->
diff --git a/src/components/business/fa-comment-widget/index.vue b/src/components/business/fa-comment-widget/index.vue
new file mode 100644
index 0000000..396f748
--- /dev/null
+++ b/src/components/business/fa-comment-widget/index.vue
@@ -0,0 +1,137 @@
+<template>
+  <div>
+    <ElForm @submit.prevent="addComment" class="w-full mx-auto mb-10">
+      <ElFormItem prop="author" class="mt-5">
+        <ElInput
+          v-model="newComment.author"
+          placeholder="你的名称"
+          class="block w-full"
+          clearable
+        />
+      </ElFormItem>
+      <ElFormItem prop="content">
+        <ElInput
+          v-model="newComment.content"
+          placeholder="简单说两句..."
+          type="textarea"
+          :rows="5"
+          clearable
+        />
+      </ElFormItem>
+      <ElFormItem>
+        <div class="flex justify-end w-full">
+          <ElButton type="primary" @click="addComment">发布</ElButton>
+        </div>
+      </ElFormItem>
+    </ElForm>
+
+    <ul>
+      <div class="pb-5 text-lg font-medium">评论 {{ internalComments.length }}</div>
+      <FaCommentItem
+        v-for="comment in internalComments.slice().reverse()"
+        :key="comment.id"
+        :comment="comment"
+        :show-reply-form="showReplyForm"
+        @toggle-reply="toggleReply"
+        @add-reply="addReply"
+        class="pb-2.5 mb-5 border-b border-g-400"
+      />
+    </ul>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { commentList, Comment } from "@/mock/temp/commentDetail";
+import { ElMessage } from "element-plus";
+
+defineOptions({ name: "FaCommentWidget" });
+
+interface Props {
+  /** 评论列表数据，不传则使用 mock 数据 */
+  comments?: Comment[];
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  comments: () => [],
+});
+
+interface Emits {
+  "add-comment": [comment: Comment];
+  "add-reply": [commentId: number, author: string, content: string];
+}
+
+const emit = defineEmits<Emits>();
+
+/** 内部评论数据（优先使用 props，否则使用 mock 数据） */
+const internalComments = ref<Comment[]>(
+  props.comments.length > 0 ? props.comments : commentList.value
+);
+
+const newComment = ref<Partial<Comment>>({
+  author: "",
+  content: "",
+});
+
+const showReplyForm = ref<number | null>(null);
+
+const addComment = () => {
+  if (!newComment.value.author?.trim() || !newComment.value.content?.trim()) {
+    ElMessage.warning("请填写完整的评论信息");
+    return;
+  }
+
+  const newCommentData: Comment = {
+    id: Date.now(),
+    author: newComment.value.author.trim(),
+    content: newComment.value.content.trim(),
+    timestamp: new Date().toISOString(),
+    replies: [],
+  };
+
+  internalComments.value.push(newCommentData);
+
+  newComment.value.author = "";
+  newComment.value.content = "";
+  emit("add-comment", newCommentData);
+  ElMessage.success("评论发布成功");
+};
+
+const addReply = (commentId: number, replyAuthor: string, replyContent: string) => {
+  if (!replyAuthor?.trim() || !replyContent?.trim()) {
+    ElMessage.warning("请填写完整的回复信息");
+    return;
+  }
+
+  const comment = findComment(internalComments.value, commentId);
+  if (comment) {
+    comment.replies.push({
+      id: Date.now(),
+      author: replyAuthor.trim(),
+      content: replyContent.trim(),
+      timestamp: new Date().toISOString(),
+      replies: [],
+    });
+    showReplyForm.value = null;
+    emit("add-reply", commentId, replyAuthor, replyContent);
+    ElMessage.success("回复发布成功");
+  }
+};
+
+const toggleReply = (commentId: number) => {
+  showReplyForm.value = showReplyForm.value === commentId ? null : commentId;
+};
+
+const findComment = (comments: Comment[], commentId: number): Comment | undefined => {
+  for (const comment of comments) {
+    if (comment.id === commentId) {
+      return comment;
+    }
+    const found = findComment(comment.replies, commentId);
+    if (found) {
+      return found;
+    }
+  }
+  return undefined;
+};
+</script>
diff --git a/src/components/business/fa-comment-widget/widgets/FaCommentItem.vue b/src/components/business/fa-comment-widget/widgets/FaCommentItem.vue
new file mode 100644
index 0000000..2d5a25f
--- /dev/null
+++ b/src/components/business/fa-comment-widget/widgets/FaCommentItem.vue
@@ -0,0 +1,128 @@
+<template>
+  <li>
+    <div>
+      <div class="flex items-center">
+        <div
+          class="size-5 mr-2.5 text-xs font-medium text-white rounded-full flex items-center justify-center"
+          :style="{ background: randomColor() }"
+        >
+          {{ comment.author.substring(0, 1) }}
+        </div>
+        <strong class="block text-sm font-medium">{{ comment.author }}</strong>
+      </div>
+      <span class="block mt-2.5 text-sm text-g-700">{{ comment.content }}</span>
+      <div class="flex items-center mt-2.5">
+        <span class="text-xs text-g-700">{{ formatDate(comment.timestamp) }}</span>
+        <div
+          class="ml-5 text-xs text-g-700 cursor-pointer select-none hover:text-theme"
+          @click="toggleReply(comment.id)"
+        >
+          回复
+        </div>
+      </div>
+    </div>
+
+    <ul class="pl-2.5" v-if="comment.replies.length > 0">
+      <FaCommentItem
+        v-for="reply in comment.replies"
+        :key="reply.id"
+        :comment="reply"
+        :show-reply-form="showReplyForm"
+        @toggle-reply="toggleReply"
+        @add-reply="addReply"
+        class="mt-5"
+      />
+    </ul>
+
+    <ElForm v-if="showReplyForm === comment.id" @submit.prevent="handleSubmit" class="mt-4">
+      <ElFormItem prop="author">
+        <ElInput v-model="replyAuthor" placeholder="你的名称" clearable />
+      </ElFormItem>
+      <ElFormItem prop="content">
+        <ElInput
+          v-model="replyContent"
+          placeholder="你的回复..."
+          type="textarea"
+          :rows="3"
+          clearable
+        />
+      </ElFormItem>
+      <ElFormItem>
+        <div class="flex justify-end gap-2 w-full">
+          <ElButton @click="toggleReply(comment.id)">取消</ElButton>
+          <ElButton type="primary" @click="handleSubmit">发布</ElButton>
+        </div>
+      </ElFormItem>
+    </ElForm>
+  </li>
+</template>
+
+<script setup lang="ts">
+import AppConfig from "@/config";
+import { ref } from "vue";
+
+defineOptions({ name: "FaCommentItem" });
+
+interface Comment {
+  id: number;
+  author: string;
+  content: string;
+  timestamp: string;
+  replies: Comment[];
+}
+
+interface Props {
+  /** 评论内容 */
+  comment: Comment;
+  showReplyForm: number | null;
+}
+
+const props = defineProps<Props>();
+
+interface Emits {
+  "toggle-reply": [commentId: number];
+  "add-reply": [commentId: number, replyAuthor: string, replyContent: string];
+}
+
+const emit = defineEmits<Emits>();
+
+const replyAuthor = ref("");
+const replyContent = ref("");
+
+const toggleReply = (commentId: number) => {
+  emit("toggle-reply", commentId);
+};
+
+const addReply = (commentId: number, author: string, content: string) => {
+  emit("add-reply", commentId, author, content);
+  replyAuthor.value = "";
+  replyContent.value = "";
+};
+const handleSubmit = () => {
+  if (!replyAuthor.value.trim() || !replyContent.value.trim()) {
+    return;
+  }
+  emit("add-reply", props.comment.id, replyAuthor.value, replyContent.value);
+  replyAuthor.value = "";
+  replyContent.value = "";
+};
+
+const formatDate = (timestamp: string) => {
+  const date = new Date(timestamp);
+  return date.toLocaleString();
+};
+
+let lastColor: string | null = null;
+
+const randomColor = () => {
+  let newColor: string;
+
+  do {
+    const index = Math.floor(Math.random() * AppConfig.systemMainColor.length);
+    newColor = AppConfig.systemMainColor[index]!;
+  } while (newColor === lastColor);
+
+  lastColor = newColor;
+  return newColor;
+};
+</script>
diff --git a/src/components/cards/fa-bar-chart-card/index.vue b/src/components/cards/fa-bar-chart-card/index.vue
new file mode 100644
index 0000000..9aa9070
--- /dev/null
+++ b/src/components/cards/fa-bar-chart-card/index.vue
@@ -0,0 +1,103 @@
+<!-- 柱状图卡片 -->
+<template>
+  <div class="fa-card relative overflow-hidden" :style="{ height: `${height}rem` }">
+    <div class="mb-5 flex justify-between items-start px-5 pt-5">
+      <div>
+        <p class="m-0 text-2xl font-medium leading-tight text-g-900">
+          {{ value }}
+        </p>
+        <p class="mt-1 text-sm text-g-600">{{ label }}</p>
+      </div>
+      <div
+        class="text-sm font-medium text-danger"
+        :class="[percentage > 0 ? 'text-success' : '', isMiniChart ? 'absolute bottom-5' : '']"
+      >
+        {{ percentage > 0 ? "+" : "" }}{{ percentage }}%
+      </div>
+      <div v-if="date" class="absolute bottom-5 right-5 text-xs text-g-600">
+        {{ date }}
+      </div>
+    </div>
+    <div
+      ref="chartRef"
+      class="absolute bottom-0 left-0 right-0 mx-auto"
+      :class="isMiniChart ? 'absolute! top-5! right-5! bottom-auto! left-auto! h-15! w-4/10!' : ''"
+      :style="{ height: isMiniChart ? '60px' : `calc(${height}rem - 5rem)` }"
+    ></div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useChartOps, useChartComponent } from "@/hooks/core/useChart";
+import { type EChartsOption } from "@/plugins/echarts";
+
+defineOptions({ name: "FaBarChartCard" });
+
+interface Props {
+  /** 数值 */
+  value: number;
+  /** 标签 */
+  label: string;
+  /** 百分比 +（绿色）-（红色） */
+  percentage: number;
+  /** 日期 */
+  date?: string;
+  /** 高度 */
+  height?: number;
+  /** 颜色 */
+  color?: string;
+  /** 图表数据 */
+  chartData: number[];
+  /** 柱状图宽度 */
+  barWidth?: string;
+  /** 是否为迷你图表 */
+  isMiniChart?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  height: 11,
+  barWidth: "26%",
+});
+
+// 使用新的图表组件抽象
+const { chartRef } = useChartComponent({
+  props: {
+    height: `${props.height}rem`,
+    loading: false,
+    isEmpty: !props.chartData?.length || props.chartData.every((val) => val === 0),
+  },
+  checkEmpty: () => !props.chartData?.length || props.chartData.every((val) => val === 0),
+  watchSources: [() => props.chartData, () => props.color, () => props.barWidth],
+  generateOptions: (): EChartsOption => {
+    const computedColor = props.color || useChartOps().themeColor;
+
+    return {
+      grid: {
+        top: 0,
+        right: 0,
+        bottom: 15,
+        left: 0,
+      },
+      xAxis: {
+        type: "category",
+        show: false,
+      },
+      yAxis: {
+        type: "value",
+        show: false,
+      },
+      series: [
+        {
+          data: props.chartData,
+          type: "bar",
+          barWidth: props.barWidth,
+          itemStyle: {
+            color: computedColor,
+            borderRadius: 2,
+          },
+        },
+      ],
+    };
+  },
+});
+</script>
diff --git a/src/components/cards/fa-card-list/index.vue b/src/components/cards/fa-card-list/index.vue
new file mode 100644
index 0000000..ad25213
--- /dev/null
+++ b/src/components/cards/fa-card-list/index.vue
@@ -0,0 +1,76 @@
+<template>
+  <div class="fa-card-list">
+    <slot name="header" />
+    <div v-loading="loading">
+      <ElEmpty v-if="!loading && items.length === 0" :description="emptyText" />
+      <div v-else :class="gridClass">
+        <div
+          v-for="(item, index) in items"
+          :key="item[keyField] ?? index"
+          class="fa-card-item border border-g-300/60 dark:border-g-700 rounded-xl overflow-hidden bg-white dark:bg-g-800 hover:shadow-lg transition-all duration-300"
+          @click="$emit('itemClick', item)"
+        >
+          <slot name="card" :item="item" :index="index" />
+        </div>
+      </div>
+      <div v-if="total > pageSize" class="flex justify-center mt-6">
+        <ElPagination
+          :current-page="currentPage"
+          :total="total"
+          :page-size="pageSize"
+          @current-change="$emit('pageChange', $event)"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+
+defineOptions({ name: "FaCardList" });
+
+interface Props {
+  items: any[];
+  total?: number;
+  pageSize?: number;
+  currentPage?: number;
+  loading?: boolean;
+  columns?: number;
+  keyField?: string;
+  emptyText?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  total: 0,
+  pageSize: 12,
+  currentPage: 1,
+  loading: false,
+  columns: 4,
+  keyField: "id",
+  emptyText: "暂无数据",
+});
+
+interface Emits {
+  pageChange: [page: number];
+  itemClick: [item: any];
+}
+
+defineEmits<Emits>();
+
+const gridClass = computed(() => {
+  const cols = {
+    2: "grid grid-cols-2 gap-4 max-lg:grid-cols-1",
+    3: "grid grid-cols-3 gap-4 max-xl:grid-cols-2 max-lg:grid-cols-1",
+    4: "grid grid-cols-4 gap-4 max-2xl:grid-cols-3 max-xl:grid-cols-2 max-lg:grid-cols-1",
+    5: "grid grid-cols-5 gap-5 max-2xl:grid-cols-4 max-xl:grid-cols-3 max-lg:grid-cols-2 max-sm:grid-cols-1",
+  };
+  return cols[props.columns as keyof typeof cols] || cols[4];
+});
+</script>
+
+<style scoped>
+.fa-card-item {
+  cursor: pointer;
+}
+</style>
diff --git a/src/components/cards/fa-data-list-card/index.vue b/src/components/cards/fa-data-list-card/index.vue
new file mode 100644
index 0000000..bb6f15b
--- /dev/null
+++ b/src/components/cards/fa-data-list-card/index.vue
@@ -0,0 +1,81 @@
+<!-- 数据列表卡片 -->
+<template>
+  <div class="fa-card p-5 h-110 overflow-hidden">
+    <div class="pb-3.5">
+      <p class="text-lg font-medium">{{ title }}</p>
+      <p class="text-sm text-g-600">{{ subtitle }}</p>
+    </div>
+    <ElScrollbar :style="{ height: maxHeight }">
+      <div v-for="(item, index) in list" :key="index" class="flex items-center py-2">
+        <div
+          v-if="item.icon"
+          class="flex items-center justify-center mr-3 size-10 rounded-lg"
+          :class="item.class"
+        >
+          <FaSvgIcon :icon="item.icon" class="text-xl" />
+        </div>
+        <div class="flex-1">
+          <div class="mb-1 text-sm">{{ item.title }}</div>
+          <div class="text-xs text-g-500">{{ item.status }}</div>
+        </div>
+        <div class="ml-3 text-xs text-g-500">{{ item.time }}</div>
+      </div>
+    </ElScrollbar>
+    <ElButton
+      class="mt-[25px] w-full text-center"
+      v-if="showMoreButton"
+      v-ripple
+      @click="handleMore"
+    >
+      查看更多
+    </ElButton>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaDataListCard" });
+
+interface Props {
+  /** 数据列表 */
+  list: Activity[];
+  /** 标题 */
+  title: string;
+  /** 副标题 */
+  subtitle?: string;
+  /** 最大显示数量 */
+  maxCount?: number;
+  /** 是否显示更多按钮 */
+  showMoreButton?: boolean;
+}
+
+interface Activity {
+  /** 标题 */
+  title: string;
+  /** 状态 */
+  status: string;
+  /** 时间 */
+  time: string;
+  /** 样式类名 */
+  class: string;
+  /** 图标 */
+  icon: string;
+}
+
+const ITEM_HEIGHT = 70;
+const DEFAULT_MAX_COUNT = 5;
+
+const props = withDefaults(defineProps<Props>(), {
+  maxCount: DEFAULT_MAX_COUNT,
+});
+
+const maxHeight = computed(() => `${ITEM_HEIGHT * props.maxCount}px`);
+
+interface Emits {
+  /** 点击更多按钮事件 */
+  more: [];
+}
+
+const emit = defineEmits<Emits>();
+
+const handleMore = () => emit("more");
+</script>
diff --git a/src/components/cards/fa-donut-chart-card/index.vue b/src/components/cards/fa-donut-chart-card/index.vue
new file mode 100644
index 0000000..ab7b1e8
--- /dev/null
+++ b/src/components/cards/fa-donut-chart-card/index.vue
@@ -0,0 +1,124 @@
+<!-- 环型图卡片 -->
+<template>
+  <div class="fa-card overflow-hidden" :style="{ height: `${height}rem` }">
+    <div class="flex box-border h-full p-5 pr-2">
+      <div class="flex w-full items-start gap-5">
+        <div class="flex justify-between h-full flex-1 flex-col">
+          <p class="m-0 text-xl font-medium leading-tight text-g-900">
+            {{ title }}
+          </p>
+          <div>
+            <p class="m-0 mt-2.5 text-xl font-medium leading-tight text-g-900">
+              {{ formatNumber(value) }}
+            </p>
+            <div
+              class="mt-1.5 text-xs font-medium"
+              :class="percentage > 0 ? 'text-success' : 'text-danger'"
+            >
+              {{ percentage > 0 ? "+" : "" }}{{ percentage }}%
+              <span v-if="percentageLabel">{{ percentageLabel }}</span>
+            </div>
+          </div>
+          <div class="mt-2 flex gap-4 text-xs text-g-600">
+            <div v-if="currentValue" class="flex items-center justify-center">
+              <div class="size-2 bg-theme rounded mr-2"></div>
+              {{ currentValue }}
+            </div>
+            <div v-if="previousValue" class="flex items-center justify-center">
+              <div class="size-2 bg-g-400 rounded mr-2"></div>
+              {{ previousValue }}
+            </div>
+          </div>
+        </div>
+        <div class="flex items-center h-full max-w-40 flex-1">
+          <div ref="chartRef" class="h-30 w-full"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { type EChartsOption } from "@/plugins/echarts";
+import { useChartOps, useChartComponent } from "@/hooks/core/useChart";
+
+defineOptions({ name: "FaDonutChartCard" });
+
+interface Props {
+  /** 数值 */
+  value: number;
+  /** 标题 */
+  title: string;
+  /** 百分比 */
+  percentage: number;
+  /** 百分比标签 */
+  percentageLabel?: string;
+  /** 当前年份 */
+  currentValue?: string;
+  /** 去年年份 */
+  previousValue?: string;
+  /** 高度 */
+  height?: number;
+  /** 颜色 */
+  color?: string;
+  /** 半径 */
+  radius?: [string, string];
+  /** 数据 */
+  data: [number, number];
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  height: 9,
+  radius: () => ["70%", "90%"],
+  data: () => [0, 0],
+});
+
+const formatNumber = (num: number) => {
+  return num.toLocaleString();
+};
+
+// 使用新的图表组件抽象
+const { chartRef } = useChartComponent({
+  props: {
+    height: `${props.height}rem`,
+    loading: false,
+    isEmpty: props.data.every((val) => val === 0),
+  },
+  checkEmpty: () => props.data.every((val) => val === 0),
+  watchSources: [
+    () => props.data,
+    () => props.color,
+    () => props.radius,
+    () => props.currentValue,
+    () => props.previousValue,
+  ],
+  generateOptions: (): EChartsOption => {
+    const computedColor = props.color || useChartOps().themeColor;
+
+    return {
+      series: [
+        {
+          type: "pie",
+          radius: props.radius,
+          avoidLabelOverlap: false,
+          label: {
+            show: false,
+          },
+          data: [
+            {
+              value: props.data[0],
+              name: props.currentValue,
+              itemStyle: { color: computedColor },
+            },
+            {
+              value: props.data[1],
+              name: props.previousValue,
+              itemStyle: { color: "#e6e8f7" },
+            },
+          ],
+        },
+      ],
+    };
+  },
+});
+</script>
diff --git a/src/components/cards/fa-image-card/index.vue b/src/components/cards/fa-image-card/index.vue
new file mode 100644
index 0000000..9a7de21
--- /dev/null
+++ b/src/components/cards/fa-image-card/index.vue
@@ -0,0 +1,90 @@
+<!-- 图片卡片 -->
+<template>
+  <div class="w-full cursor-pointer h-full" @click="handleClick">
+    <div class="fa-card overflow-hidden h-full">
+      <div class="relative w-full aspect-16/10 overflow-hidden">
+        <ElImage
+          :src="props.imageUrl"
+          fit="cover"
+          class="w-full h-full transition-transform duration-300 ease-in-out hover:scale-105"
+        >
+          <template #placeholder>
+            <div class="flex items-center justify-center w-full h-full bg-[#f5f7fa]">
+              <ElIcon><Picture /></ElIcon>
+            </div>
+          </template>
+        </ElImage>
+        <div
+          class="absolute right-3.5 bottom-3.5 py-1 px-2 text-xs bg-g-200 rounded"
+          v-if="props.readTime"
+        >
+          {{ props.readTime }} 阅读
+        </div>
+      </div>
+
+      <div class="p-4">
+        <div
+          class="inline-block py-0.5 px-2 mb-2 text-xs bg-g-300/70 rounded"
+          v-if="props.category"
+        >
+          {{ props.category }}
+        </div>
+        <p class="m-0 mb-3 text-base font-medium">{{ props.title }}</p>
+        <div class="flex items-center gap-4 text-xs text-g-600">
+          <span class="flex items-center gap-1" v-if="props.views">
+            <ElIcon class="text-base"><View /></ElIcon>
+            {{ props.views }}
+          </span>
+          <span class="flex items-center gap-1" v-if="props.comments">
+            <ElIcon class="text-base"><ChatLineRound /></ElIcon>
+            {{ props.comments }}
+          </span>
+          <span>{{ props.date }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Picture, View, ChatLineRound } from "@element-plus/icons-vue";
+
+defineOptions({ name: "FaImageCard" });
+
+interface Props {
+  /** 图片地址 */
+  imageUrl?: string;
+  /** 标题 */
+  title?: string;
+  /** 分类 */
+  category?: string;
+  /** 阅读时间 */
+  readTime?: string;
+  /** 浏览量 */
+  views?: number;
+  /** 评论数 */
+  comments?: number;
+  /** 日期 */
+  date?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  imageUrl: "",
+  title: "",
+  category: "",
+  readTime: "",
+  views: 0,
+  comments: 0,
+  date: "",
+});
+
+interface Emits {
+  click: [card: Props];
+}
+
+const emit = defineEmits<Emits>();
+
+const handleClick = () => {
+  emit("click", props);
+};
+</script>
diff --git a/src/components/cards/fa-line-chart-card/index.vue b/src/components/cards/fa-line-chart-card/index.vue
new file mode 100644
index 0000000..a915724
--- /dev/null
+++ b/src/components/cards/fa-line-chart-card/index.vue
@@ -0,0 +1,126 @@
+<!-- 折线图卡片 -->
+<template>
+  <div class="fa-card relative overflow-hidden" :style="{ height: `${height}rem` }">
+    <div class="mb-2.5 flex justify-between items-start p-5">
+      <div>
+        <p class="text-2xl font-medium leading-none">
+          {{ value }}
+        </p>
+        <p class="mt-1 text-sm text-g-500">{{ label }}</p>
+      </div>
+      <div
+        class="text-sm font-medium"
+        :class="[
+          percentage > 0 ? 'text-success' : 'text-danger',
+          isMiniChart ? 'absolute bottom-5' : '',
+        ]"
+      >
+        {{ percentage > 0 ? "+" : "" }}{{ percentage }}%
+      </div>
+      <div v-if="date" class="absolute bottom-5 right-5 text-xs text-g-500">
+        {{ date }}
+      </div>
+    </div>
+    <div
+      ref="chartRef"
+      class="absolute bottom-0 left-0 right-0 box-border w-full"
+      :class="isMiniChart ? 'absolute! top-5! right-5! bottom-auto! left-auto! h-15! w-4/10!' : ''"
+      :style="{ height: isMiniChart ? '60px' : `calc(${height}rem - 5rem)` }"
+    ></div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { graphic, type EChartsOption } from "@/plugins/echarts";
+import { getCssVar, hexToRgba } from "@utils";
+import { useChartOps, useChartComponent } from "@/hooks/core/useChart";
+
+defineOptions({ name: "FaLineChartCard" });
+
+interface Props {
+  /** 数值 */
+  value: number;
+  /** 标签 */
+  label: string;
+  /** 百分比 */
+  percentage: number;
+  /** 日期 */
+  date?: string;
+  /** 高度 */
+  height?: number;
+  /** 颜色 */
+  color?: string;
+  /** 是否显示区域颜色 */
+  showAreaColor?: boolean;
+  /** 图表数据 */
+  chartData: number[];
+  /** 是否为迷你图表 */
+  isMiniChart?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  height: 11,
+});
+
+// 使用新的图表组件抽象
+const { chartRef } = useChartComponent({
+  props: {
+    height: `${props.height}rem`,
+    loading: false,
+    isEmpty: !props.chartData?.length || props.chartData.every((val) => val === 0),
+  },
+  checkEmpty: () => !props.chartData?.length || props.chartData.every((val) => val === 0),
+  watchSources: [() => props.chartData, () => props.color, () => props.showAreaColor],
+  generateOptions: (): EChartsOption => {
+    const computedColor = props.color || useChartOps().themeColor;
+
+    return {
+      grid: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+      },
+      xAxis: {
+        type: "category",
+        show: false,
+        boundaryGap: false,
+      },
+      yAxis: {
+        type: "value",
+        show: false,
+      },
+      series: [
+        {
+          data: props.chartData,
+          type: "line",
+          smooth: true,
+          showSymbol: false,
+          lineStyle: {
+            width: 3,
+            color: computedColor,
+          },
+          areaStyle: props.showAreaColor
+            ? {
+                color: new graphic.LinearGradient(0, 0, 0, 1, [
+                  {
+                    offset: 0,
+                    color: props.color
+                      ? hexToRgba(props.color, 0.2).rgba
+                      : hexToRgba(getCssVar("--el-color-primary"), 0.2).rgba,
+                  },
+                  {
+                    offset: 1,
+                    color: props.color
+                      ? hexToRgba(props.color, 0.01).rgba
+                      : hexToRgba(getCssVar("--el-color-primary"), 0.01).rgba,
+                  },
+                ]),
+              }
+            : undefined,
+        },
+      ],
+    };
+  },
+});
+</script>
diff --git a/src/components/cards/fa-progress-card/index.vue b/src/components/cards/fa-progress-card/index.vue
new file mode 100644
index 0000000..593b0d3
--- /dev/null
+++ b/src/components/cards/fa-progress-card/index.vue
@@ -0,0 +1,103 @@
+<!-- 进度条卡片 -->
+<template>
+  <div class="fa-card h-32 flex flex-col justify-center px-5">
+    <div
+      class="mb-3.5 flex items-center"
+      :style="{ justifyContent: icon ? 'space-between' : 'flex-start' }"
+    >
+      <div
+        v-if="icon"
+        class="size-11 flex items-center justify-center bg-g-300 text-xl rounded-lg"
+        :class="iconStyle"
+      >
+        <FaSvgIcon :icon="icon" class="text-2xl"></FaSvgIcon>
+      </div>
+      <div>
+        <FaCountTo
+          class="mb-1 block text-2xl font-semibold"
+          :target="percentage"
+          :duration="2000"
+          suffix="%"
+          :style="{ textAlign: icon ? 'right' : 'left' }"
+        />
+        <p class="text-sm text-g-500">{{ title }}</p>
+      </div>
+    </div>
+    <ElProgress
+      :percentage="currentPercentage"
+      :stroke-width="strokeWidth"
+      :show-text="false"
+      :color="color"
+      class="[&_.el-progress-bar__outer]:bg-[rgb(240_240_240)]"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaProgressCard" });
+
+interface Props {
+  /** 进度百分比 */
+  percentage: number;
+  /** 标题 */
+  title: string;
+  /** 颜色 */
+  color?: string;
+  /** 图标 */
+  icon?: string;
+  /** 图标样式 */
+  iconStyle?: string;
+  /** 进度条宽度 */
+  strokeWidth?: number;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  strokeWidth: 5,
+  color: "#67C23A",
+});
+
+const animationDuration = 500;
+const currentPercentage = ref(0);
+let animFrameId: number | null = null;
+
+const animateProgress = () => {
+  const startTime = Date.now();
+  const startValue = currentPercentage.value;
+  const endValue = props.percentage;
+
+  const animate = () => {
+    const currentTime = Date.now();
+    const elapsed = currentTime - startTime;
+    const progress = Math.min(elapsed / animationDuration, 1);
+
+    currentPercentage.value = startValue + (endValue - startValue) * progress;
+
+    if (progress < 1) {
+      animFrameId = requestAnimationFrame(animate);
+    }
+  };
+
+  // 取消旧动画后启动新动画
+  if (animFrameId !== null) cancelAnimationFrame(animFrameId);
+  animFrameId = requestAnimationFrame(animate);
+};
+
+onMounted(() => {
+  animateProgress();
+});
+
+onBeforeUnmount(() => {
+  if (animFrameId !== null) {
+    cancelAnimationFrame(animFrameId);
+    animFrameId = null;
+  }
+});
+
+// 当 percentage 属性变化时重新执行动画
+watch(
+  () => props.percentage,
+  () => {
+    animateProgress();
+  }
+);
+</script>
diff --git a/src/components/cards/fa-stats-card/index.vue b/src/components/cards/fa-stats-card/index.vue
new file mode 100644
index 0000000..607d99c
--- /dev/null
+++ b/src/components/cards/fa-stats-card/index.vue
@@ -0,0 +1,76 @@
+<!-- 统计卡片 -->
+<template>
+  <div
+    class="fa-card h-32 flex items-center px-5 transition-transform duration-200 hover:-translate-y-0.5"
+    :class="boxStyle"
+  >
+    <div
+      v-if="icon"
+      class="mr-4 size-11 flex items-center justify-center rounded-lg text-xl text-white"
+      :class="iconStyle"
+    >
+      <FaSvgIcon :icon="icon"></FaSvgIcon>
+    </div>
+    <div class="flex-1">
+      <p class="m-0 text-lg font-medium" :style="{ color: textColor }" v-if="title">
+        {{ title }}
+      </p>
+      <FaCountTo
+        class="m-0 text-2xl font-medium"
+        v-if="count !== undefined"
+        :target="count"
+        :duration="2000"
+        :decimals="decimals"
+        :separator="separator"
+      />
+      <p
+        class="mt-1 text-sm text-g-500 opacity-90"
+        :style="{ color: textColor }"
+        v-if="description"
+      >
+        {{ description }}
+      </p>
+    </div>
+    <div v-if="showArrow">
+      <FaSvgIcon icon="ri:arrow-right-s-line" class="text-xl text-g-500" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaStatsCard" });
+
+interface Props {
+  /** 盒子样式 */
+  boxStyle?: string;
+  /** 图标 */
+  icon?: string;
+  /** 图标样式 */
+  iconStyle?: string;
+  /** 标题 */
+  title?: string;
+  /** 数值 */
+  count?: number;
+  /** 小数位 */
+  decimals?: number;
+  /** 分隔符 */
+  separator?: string;
+  /** 描述 */
+  description: string;
+  /** 文本颜色 */
+  textColor?: string;
+  /** 是否显示箭头 */
+  showArrow?: boolean;
+  /** 图标大小 */
+  iconSize?: number;
+  /** 图标背景圆角 */
+  iconBgRadius?: number;
+}
+
+withDefaults(defineProps<Props>(), {
+  iconSize: 30,
+  iconBgRadius: 50,
+  decimals: 0,
+  separator: ",",
+});
+</script>
diff --git a/src/components/cards/fa-timeline-list-card/index.vue b/src/components/cards/fa-timeline-list-card/index.vue
new file mode 100644
index 0000000..e9ee8c5
--- /dev/null
+++ b/src/components/cards/fa-timeline-list-card/index.vue
@@ -0,0 +1,69 @@
+<!-- 时间轴列表卡片 -->
+<template>
+  <div class="fa-card p-5 h-110 overflow-hidden">
+    <div class="pb-3.5">
+      <p class="text-lg font-medium">{{ title }}</p>
+      <p class="text-sm text-g-600">{{ subtitle }}</p>
+    </div>
+    <ElScrollbar :style="{ height: maxHeight }">
+      <ElTimeline class="pl-0.5!">
+        <ElTimelineItem
+          v-for="item in list"
+          :key="item.time"
+          :timestamp="item.time"
+          :placement="TIMELINE_PLACEMENT"
+          :color="item.status"
+          :center="true"
+        >
+          <div class="flex items-center gap-3">
+            <div class="flex items-center gap-2">
+              <span class="text-sm">{{ item.content }}</span>
+              <span v-if="item.code" class="text-sm text-theme">#{{ item.code }}</span>
+            </div>
+          </div>
+        </ElTimelineItem>
+      </ElTimeline>
+    </ElScrollbar>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaTimelineListCard" });
+
+// 常量配置
+const ITEM_HEIGHT = 65;
+const TIMELINE_PLACEMENT = "top";
+const DEFAULT_MAX_COUNT = 5;
+
+interface TimelineItem {
+  /** 时间 */
+  time: string;
+  /** 状态颜色 */
+  status: string;
+  /** 内容 */
+  content: string;
+  /** 代码标识 */
+  code?: string;
+}
+
+interface Props {
+  /** 时间轴列表数据 */
+  list: TimelineItem[];
+  /** 标题 */
+  title?: string;
+  /** 副标题 */
+  subtitle?: string;
+  /** 最大显示数量 */
+  maxCount?: number;
+}
+
+// Props 定义和验证
+const props = withDefaults(defineProps<Props>(), {
+  title: "",
+  subtitle: "",
+  maxCount: DEFAULT_MAX_COUNT,
+});
+
+// 计算最大高度
+const maxHeight = computed(() => `${ITEM_HEIGHT * props.maxCount}px`);
+</script>
diff --git a/src/components/charts/fa-bar-chart/index.vue b/src/components/charts/fa-bar-chart/index.vue
new file mode 100644
index 0000000..600990a
--- /dev/null
+++ b/src/components/charts/fa-bar-chart/index.vue
@@ -0,0 +1,203 @@
+<!-- 柱状图 -->
+<template>
+  <div ref="chartRef" :style="{ height: props.height }" v-loading="props.loading"></div>
+</template>
+
+<script setup lang="ts">
+import { useChartOps, useChartComponent } from "@/hooks/core/useChart";
+import { getCssVar } from "@utils";
+import { graphic, type EChartsOption } from "@/plugins/echarts";
+import type { BarChartProps, BarDataItem } from "@/types/component/chart";
+
+defineOptions({ name: "FaBarChart" });
+
+const props = withDefaults(defineProps<BarChartProps>(), {
+  // 基础配置
+  height: useChartOps().chartHeight,
+  loading: false,
+  isEmpty: false,
+  colors: () => useChartOps().colors,
+  borderRadius: 4,
+
+  // 数据配置
+  data: () => [0, 0, 0, 0, 0, 0, 0],
+  xAxisData: () => [],
+  barWidth: "40%",
+  stack: false,
+
+  // 轴线显示配置
+  showAxisLabel: true,
+  showAxisLine: true,
+  showSplitLine: true,
+
+  // 交互配置
+  showTooltip: true,
+  showLegend: false,
+  legendPosition: "bottom",
+});
+
+// 判断是否为多数据
+const isMultipleData = computed(() => {
+  return (
+    Array.isArray(props.data) &&
+    props.data.length > 0 &&
+    typeof props.data[0] === "object" &&
+    "name" in props.data[0]
+  );
+});
+
+// 获取颜色配置
+const getColor = (customColor?: string, index?: number) => {
+  if (customColor) return customColor;
+
+  if (index !== undefined) {
+    return props.colors![index % props.colors!.length];
+  }
+
+  // 默认渐变色
+  return new graphic.LinearGradient(0, 0, 0, 1, [
+    {
+      offset: 0,
+      color: getCssVar("--el-color-primary-light-4"),
+    },
+    {
+      offset: 1,
+      color: getCssVar("--el-color-primary"),
+    },
+  ]);
+};
+
+// 创建渐变色
+const createGradientColor = (color: string) => {
+  return new graphic.LinearGradient(0, 0, 0, 1, [
+    {
+      offset: 0,
+      color,
+    },
+    {
+      offset: 1,
+      color,
+    },
+  ]);
+};
+
+// 获取基础样式配置
+const getBaseItemStyle = (
+  color: string | InstanceType<typeof graphic.LinearGradient> | undefined
+) => ({
+  borderRadius: props.borderRadius,
+  color: typeof color === "string" ? createGradientColor(color) : color,
+});
+
+// 创建系列配置
+const createSeriesItem = (config: {
+  name?: string;
+  data: number[];
+  color?: string | InstanceType<typeof graphic.LinearGradient>;
+  barWidth?: string | number;
+  stack?: string;
+}) => {
+  const animationConfig = getAnimationConfig();
+
+  return {
+    name: config.name,
+    data: config.data,
+    type: "bar" as const,
+    stack: config.stack,
+    itemStyle: getBaseItemStyle(config.color),
+    barWidth: config.barWidth || props.barWidth,
+    ...animationConfig,
+  };
+};
+
+// 使用新的图表组件抽象
+const {
+  chartRef,
+  getAxisLineStyle,
+  getAxisLabelStyle,
+  getAxisTickStyle,
+  getSplitLineStyle,
+  getAnimationConfig,
+  getTooltipStyle,
+  getLegendStyle,
+  getGridWithLegend,
+} = useChartComponent({
+  props,
+  checkEmpty: () => {
+    // 检查单数据情况
+    if (Array.isArray(props.data) && typeof props.data[0] === "number") {
+      const singleData = props.data as number[];
+      return !singleData.length || singleData.every((val) => val === 0);
+    }
+
+    // 检查多数据情况
+    if (Array.isArray(props.data) && typeof props.data[0] === "object") {
+      const multiData = props.data as BarDataItem[];
+      return (
+        !multiData.length ||
+        multiData.every((item) => !item.data?.length || item.data.every((val) => val === 0))
+      );
+    }
+
+    return true;
+  },
+  watchSources: [() => props.data, () => props.xAxisData, () => props.colors],
+  generateOptions: (): EChartsOption => {
+    const options: EChartsOption = {
+      grid: getGridWithLegend(props.showLegend && isMultipleData.value, props.legendPosition, {
+        top: 15,
+        right: 0,
+        left: 0,
+      }),
+      tooltip: props.showTooltip ? getTooltipStyle() : undefined,
+      xAxis: {
+        type: "category",
+        data: props.xAxisData,
+        axisTick: getAxisTickStyle(),
+        axisLine: getAxisLineStyle(props.showAxisLine),
+        axisLabel: getAxisLabelStyle(props.showAxisLabel),
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: getAxisLabelStyle(props.showAxisLabel),
+        axisLine: getAxisLineStyle(props.showAxisLine),
+        splitLine: getSplitLineStyle(props.showSplitLine),
+      },
+    };
+
+    // 添加图例配置
+    if (props.showLegend && isMultipleData.value) {
+      options.legend = getLegendStyle(props.legendPosition);
+    }
+
+    // 生成系列数据
+    if (isMultipleData.value) {
+      const multiData = props.data as BarDataItem[];
+      options.series = multiData.map((item, index) => {
+        const computedColor = getColor(props.colors[index], index);
+
+        return createSeriesItem({
+          name: item.name,
+          data: item.data,
+          color: computedColor,
+          barWidth: item.barWidth,
+          stack: props.stack ? item.stack || "total" : undefined,
+        });
+      });
+    } else {
+      // 单数据情况
+      const singleData = props.data as number[];
+      const computedColor = getColor();
+
+      options.series = [
+        createSeriesItem({
+          data: singleData,
+          color: computedColor,
+        }),
+      ];
+    }
+
+    return options;
+  },
+});
+</script>
diff --git a/src/components/charts/fa-dual-bar-compare-chart/index.vue b/src/components/charts/fa-dual-bar-compare-chart/index.vue
new file mode 100644
index 0000000..fc35824
--- /dev/null
+++ b/src/components/charts/fa-dual-bar-compare-chart/index.vue
@@ -0,0 +1,193 @@
+<!-- 双向堆叠柱状图 -->
+<template>
+  <div ref="chartRef" :style="{ height: props.height }" v-loading="props.loading"></div>
+</template>
+
+<script setup lang="ts">
+import { useChartOps, useChartComponent } from "@/hooks/core/useChart";
+import type { EChartsOption, BarSeriesOption } from "@/plugins/echarts";
+import type { BidirectionalBarChartProps } from "@/types/component/chart";
+
+defineOptions({ name: "FaDualBarCompareChart" });
+
+const props = withDefaults(defineProps<BidirectionalBarChartProps>(), {
+  // 基础配置
+  height: useChartOps().chartHeight,
+  loading: false,
+  isEmpty: false,
+  colors: () => useChartOps().colors,
+
+  // 数据配置
+  positiveData: () => [],
+  negativeData: () => [],
+  xAxisData: () => [],
+  positiveName: "正向数据",
+  negativeName: "负向数据",
+  barWidth: 16,
+  yAxisMin: -100,
+  yAxisMax: 100,
+
+  // 样式配置
+  showDataLabel: false,
+  positiveBorderRadius: () => [10, 10, 0, 0],
+  negativeBorderRadius: () => [0, 0, 10, 10],
+
+  // 轴线显示配置
+  showAxisLabel: true,
+  showAxisLine: false,
+  showSplitLine: false,
+
+  // 交互配置
+  showTooltip: true,
+  showLegend: false,
+  legendPosition: "bottom",
+});
+
+// 创建系列配置的辅助函数
+const createSeriesConfig = (config: {
+  name: string;
+  data: number[];
+  borderRadius: number | number[];
+  labelPosition: "top" | "bottom";
+  colorIndex: number;
+  formatter?: (params: unknown) => string;
+}): BarSeriesOption => {
+  const { fontColor } = useChartOps();
+  const animationConfig = getAnimationConfig();
+
+  return {
+    name: config.name,
+    type: "bar",
+    stack: "total",
+    barWidth: props.barWidth,
+    barGap: "-100%",
+    data: config.data,
+    itemStyle: {
+      borderRadius: config.borderRadius,
+      color: props.colors[config.colorIndex],
+    },
+    label: {
+      show: props.showDataLabel,
+      position: config.labelPosition,
+      formatter:
+        config.formatter ||
+        ((params: unknown) => String((params as Record<string, unknown>).value)),
+      color: fontColor,
+      fontSize: 12,
+    },
+    ...animationConfig,
+  };
+};
+
+// 使用图表组件抽象
+const {
+  chartRef,
+  getAxisLineStyle,
+  getAxisLabelStyle,
+  getAxisTickStyle,
+  getSplitLineStyle,
+  getAnimationConfig,
+  getTooltipStyle,
+  getLegendStyle,
+  getGridWithLegend,
+} = useChartComponent({
+  props,
+  checkEmpty: () => {
+    return (
+      props.isEmpty ||
+      !props.positiveData.length ||
+      !props.negativeData.length ||
+      (props.positiveData.every((val) => val === 0) && props.negativeData.every((val) => val === 0))
+    );
+  },
+  watchSources: [
+    () => props.positiveData,
+    () => props.negativeData,
+    () => props.xAxisData,
+    () => props.colors,
+  ],
+  generateOptions: (): EChartsOption => {
+    // 处理负向数据，确保为负值
+    const processedNegativeData = props.negativeData.map((val) => (val > 0 ? -val : val));
+
+    // 优化的Grid配置
+    const gridConfig = {
+      top: props.showLegend ? 50 : 20,
+      right: 0,
+      left: 0,
+      bottom: 0, // 增加底部间距
+    };
+
+    const options: EChartsOption = {
+      backgroundColor: "transparent",
+      animation: true,
+      animationDuration: 1000,
+      animationEasing: "cubicOut",
+      grid: getGridWithLegend(props.showLegend, props.legendPosition, gridConfig),
+
+      // 优化的提示框配置
+      tooltip: props.showTooltip
+        ? {
+            ...getTooltipStyle(),
+            trigger: "axis",
+            axisPointer: {
+              type: "none", // 去除指示线
+            },
+          }
+        : undefined,
+
+      // 图例配置
+      legend: props.showLegend
+        ? {
+            ...getLegendStyle(props.legendPosition),
+            data: [props.negativeName, props.positiveName],
+          }
+        : undefined,
+
+      // X轴配置
+      xAxis: {
+        type: "category",
+        data: props.xAxisData,
+        axisTick: getAxisTickStyle(),
+        axisLine: getAxisLineStyle(props.showAxisLine),
+        axisLabel: getAxisLabelStyle(props.showAxisLabel),
+        boundaryGap: true,
+      },
+
+      // Y轴配置
+      yAxis: {
+        type: "value",
+        min: props.yAxisMin,
+        max: props.yAxisMax,
+        axisLabel: getAxisLabelStyle(props.showAxisLabel),
+        axisLine: getAxisLineStyle(props.showAxisLine),
+        splitLine: getSplitLineStyle(props.showSplitLine),
+      },
+
+      // 系列配置
+      series: [
+        // 负向数据系列
+        createSeriesConfig({
+          name: props.negativeName,
+          data: processedNegativeData,
+          borderRadius: props.negativeBorderRadius,
+          labelPosition: "bottom",
+          colorIndex: 1,
+          formatter: (params: unknown) =>
+            String(Math.abs((params as Record<string, unknown>).value as number)),
+        }),
+        // 正向数据系列
+        createSeriesConfig({
+          name: props.positiveName,
+          data: props.positiveData,
+          borderRadius: props.positiveBorderRadius,
+          labelPosition: "top",
+          colorIndex: 0,
+        }),
+      ],
+    };
+
+    return options;
+  },
+});
+</script>
diff --git a/src/components/charts/fa-h-bar-chart/index.vue b/src/components/charts/fa-h-bar-chart/index.vue
new file mode 100644
index 0000000..0c7f2d8
--- /dev/null
+++ b/src/components/charts/fa-h-bar-chart/index.vue
@@ -0,0 +1,208 @@
+<!-- 水平柱状图 -->
+<template>
+  <div
+    ref="chartRef"
+    class="relative w-full"
+    :style="{ height: props.height }"
+    v-loading="props.loading"
+  ></div>
+</template>
+
+<script setup lang="ts">
+import { useChartOps, useChartComponent } from "@/hooks/core/useChart";
+import { getCssVar } from "@utils";
+import { graphic, type EChartsOption } from "@/plugins/echarts";
+import type { BarChartProps, BarDataItem } from "@/types/component/chart";
+
+defineOptions({ name: "FaHBarChart" });
+
+const props = withDefaults(defineProps<BarChartProps>(), {
+  // 基础配置
+  height: useChartOps().chartHeight,
+  loading: false,
+  isEmpty: false,
+  colors: () => useChartOps().colors,
+
+  // 数据配置
+  data: () => [0, 0, 0, 0, 0, 0, 0],
+  xAxisData: () => [],
+  barWidth: "36%",
+  stack: false,
+
+  // 轴线显示配置
+  showAxisLabel: true,
+  showAxisLine: true,
+  showSplitLine: true,
+
+  // 交互配置
+  showTooltip: true,
+  showLegend: false,
+  legendPosition: "bottom",
+});
+
+// 判断是否为多数据
+const isMultipleData = computed(() => {
+  return (
+    Array.isArray(props.data) &&
+    props.data.length > 0 &&
+    typeof props.data[0] === "object" &&
+    "name" in props.data[0]
+  );
+});
+
+// 获取颜色配置
+const getColor = (customColor?: string, index?: number) => {
+  if (customColor) return customColor;
+
+  if (index !== undefined) {
+    return props.colors![index % props.colors!.length];
+  }
+
+  // 默认渐变色
+  return new graphic.LinearGradient(0, 0, 1, 0, [
+    {
+      offset: 0,
+      color: getCssVar("--el-color-primary"),
+    },
+    {
+      offset: 1,
+      color: getCssVar("--el-color-primary-light-4"),
+    },
+  ]);
+};
+
+// 创建渐变色
+const createGradientColor = (color: string) => {
+  return new graphic.LinearGradient(0, 0, 1, 0, [
+    {
+      offset: 0,
+      color,
+    },
+    {
+      offset: 1,
+      color,
+    },
+  ]);
+};
+
+// 获取基础样式配置
+const getBaseItemStyle = (
+  color: string | InstanceType<typeof graphic.LinearGradient> | undefined
+) => ({
+  borderRadius: 4,
+  color: typeof color === "string" ? createGradientColor(color) : color,
+});
+
+// 创建系列配置
+const createSeriesItem = (config: {
+  name?: string;
+  data: number[];
+  color?: string | InstanceType<typeof graphic.LinearGradient>;
+  barWidth?: string | number;
+  stack?: string;
+}) => {
+  const animationConfig = getAnimationConfig();
+
+  return {
+    name: config.name,
+    data: config.data,
+    type: "bar" as const,
+    stack: config.stack,
+    itemStyle: getBaseItemStyle(config.color),
+    barWidth: config.barWidth || props.barWidth,
+    ...animationConfig,
+  };
+};
+
+// 使用新的图表组件抽象
+const {
+  chartRef,
+  getAxisLineStyle,
+  getAxisLabelStyle,
+  getAxisTickStyle,
+  getSplitLineStyle,
+  getAnimationConfig,
+  getTooltipStyle,
+  getLegendStyle,
+  getGridWithLegend,
+} = useChartComponent({
+  props,
+  checkEmpty: () => {
+    // 检查单数据情况
+    if (Array.isArray(props.data) && typeof props.data[0] === "number") {
+      const singleData = props.data as number[];
+      return !singleData.length || singleData.every((val) => val === 0);
+    }
+
+    // 检查多数据情况
+    if (Array.isArray(props.data) && typeof props.data[0] === "object") {
+      const multiData = props.data as BarDataItem[];
+      return (
+        !multiData.length ||
+        multiData.every((item) => !item.data?.length || item.data.every((val) => val === 0))
+      );
+    }
+
+    return true;
+  },
+  watchSources: [() => props.data, () => props.xAxisData, () => props.colors],
+  generateOptions: (): EChartsOption => {
+    const options: EChartsOption = {
+      grid: getGridWithLegend(props.showLegend && isMultipleData.value, props.legendPosition, {
+        top: 15,
+        right: 0,
+        left: 0,
+      }),
+      tooltip: props.showTooltip ? getTooltipStyle() : undefined,
+      xAxis: {
+        type: "value",
+        axisTick: getAxisTickStyle(),
+        axisLine: getAxisLineStyle(props.showAxisLine),
+        axisLabel: getAxisLabelStyle(props.showAxisLabel),
+        splitLine: getSplitLineStyle(props.showSplitLine),
+      },
+      yAxis: {
+        type: "category",
+        data: props.xAxisData,
+        axisTick: getAxisTickStyle(),
+        axisLabel: getAxisLabelStyle(props.showAxisLabel),
+        axisLine: getAxisLineStyle(props.showAxisLine),
+      },
+    };
+
+    // 添加图例配置
+    if (props.showLegend && isMultipleData.value) {
+      options.legend = getLegendStyle(props.legendPosition);
+    }
+
+    // 生成系列数据
+    if (isMultipleData.value) {
+      const multiData = props.data as BarDataItem[];
+      options.series = multiData.map((item, index) => {
+        const computedColor = getColor(props.colors[index], index);
+
+        return createSeriesItem({
+          name: item.name,
+          data: item.data,
+          color: computedColor,
+          barWidth: item.barWidth,
+          stack: props.stack ? item.stack || "total" : undefined,
+        });
+      });
+    } else {
+      // 单数据情况
+      const singleData = props.data as number[];
+      const computedColor = getColor();
+
+      options.series = [
+        createSeriesItem({
+          data: singleData,
+          color: computedColor,
+        }),
+      ];
+    }
+
+    return options;
+  },
+});
+</script>
diff --git a/src/components/charts/fa-k-line-chart/index.vue b/src/components/charts/fa-k-line-chart/index.vue
new file mode 100644
index 0000000..ed84f5d
--- /dev/null
+++ b/src/components/charts/fa-k-line-chart/index.vue
@@ -0,0 +1,151 @@
+<!-- k线图表 -->
+<template>
+  <div
+    ref="chartRef"
+    class="relative w-full"
+    :style="{ height: props.height }"
+    v-loading="props.loading"
+  ></div>
+</template>
+
+<script setup lang="ts">
+import type { EChartsOption } from "@/plugins/echarts";
+import { useChartOps, useChartComponent } from "@/hooks/core/useChart";
+import type { KLineChartProps } from "@/types/component/chart";
+
+defineOptions({ name: "FaKLineChart" });
+
+const props = withDefaults(defineProps<KLineChartProps>(), {
+  // 基础配置
+  height: useChartOps().chartHeight,
+  loading: false,
+  isEmpty: false,
+  colors: () => useChartOps().colors,
+
+  // 数据配置
+  data: () => [],
+  showDataZoom: false,
+  dataZoomStart: 0,
+  dataZoomEnd: 100,
+});
+
+// 获取实际使用的颜色
+const getActualColors = () => {
+  const defaultUpColor = "#4C87F3";
+  const defaultDownColor = "#8BD8FC";
+
+  return {
+    upColor: props.colors?.[0] || defaultUpColor,
+    downColor: props.colors?.[1] || defaultDownColor,
+  };
+};
+
+// 使用新的图表组件抽象
+const {
+  chartRef,
+  getAxisLineStyle,
+  getAxisLabelStyle,
+  getAxisTickStyle,
+  getSplitLineStyle,
+  getAnimationConfig,
+  getTooltipStyle,
+} = useChartComponent({
+  props,
+  checkEmpty: () => {
+    return (
+      !props.data?.length ||
+      props.data.every(
+        (item) => item.open === 0 && item.close === 0 && item.high === 0 && item.low === 0
+      )
+    );
+  },
+  watchSources: [
+    () => props.data,
+    () => props.colors,
+    () => props.showDataZoom,
+    () => props.dataZoomStart,
+    () => props.dataZoomEnd,
+  ],
+  generateOptions: (): EChartsOption => {
+    const { upColor, downColor } = getActualColors();
+
+    return {
+      grid: {
+        top: 20,
+        right: 20,
+        bottom: props.showDataZoom ? 80 : 20,
+        left: 20,
+      },
+      tooltip: getTooltipStyle("axis", {
+        axisPointer: {
+          type: "cross",
+        },
+        formatter: (params: Array<{ name: string; data: number[] }>) => {
+          const param = params[0]!;
+          const data = param.data;
+          return `
+              <div :style="'padding: 5px;'">
+                <div><strong>时间：</strong>${param.name}</div>
+                <div><strong>开盘：</strong>${data[0]}</div>
+                <div><strong>收盘：</strong>${data[1]}</div>
+                <div><strong>最低：</strong>${data[2]}</div>
+                <div><strong>最高：</strong>${data[3]}</div>
+              </div>
+            `;
+        },
+      }),
+      xAxis: {
+        type: "category",
+        data: props.data.map((item) => item.time),
+        axisTick: getAxisTickStyle(),
+        axisLine: getAxisLineStyle(true),
+        axisLabel: getAxisLabelStyle(true),
+      },
+      yAxis: {
+        type: "value",
+        scale: true,
+        axisLabel: getAxisLabelStyle(true),
+        axisLine: getAxisLineStyle(true),
+        splitLine: getSplitLineStyle(true),
+      },
+      series: [
+        {
+          type: "candlestick",
+          data: props.data.map((item) => [item.open, item.close, item.low, item.high]),
+          itemStyle: {
+            color: upColor,
+            color0: downColor,
+            borderColor: upColor,
+            borderColor0: downColor,
+            borderWidth: 1,
+          },
+          emphasis: {
+            itemStyle: {
+              borderWidth: 2,
+              shadowBlur: 10,
+              shadowColor: "rgba(0, 0, 0, 0.3)",
+            },
+          },
+          ...getAnimationConfig(),
+        },
+      ],
+      dataZoom: props.showDataZoom
+        ? [
+            {
+              type: "inside",
+              start: props.dataZoomStart,
+              end: props.dataZoomEnd,
+            },
+            {
+              show: true,
+              type: "slider",
+              top: "90%",
+              start: props.dataZoomStart,
+              end: props.dataZoomEnd,
+            },
+          ]
+        : undefined,
+    };
+  },
+});
+</script>
diff --git a/src/components/charts/fa-line-chart/index.vue b/src/components/charts/fa-line-chart/index.vue
new file mode 100644
index 0000000..a274f7c
--- /dev/null
+++ b/src/components/charts/fa-line-chart/index.vue
@@ -0,0 +1,370 @@
+<!-- 折线图，支持多组数据，支持阶梯式动画效果 -->
+<template>
+  <div
+    ref="chartRef"
+    class="relative w-[calc(100%+10px)]"
+    :style="{ height: props.height }"
+    v-loading="props.loading"
+  ></div>
+</template>
+
+<script setup lang="ts">
+import { graphic, type EChartsOption } from "@/plugins/echarts";
+import { getCssVar, hexToRgba } from "@utils";
+import { useChartOps, useChartComponent } from "@/hooks/core/useChart";
+import type { LineChartProps, LineDataItem } from "@/types/component/chart";
+
+defineOptions({ name: "FaLineChart" });
+
+const props = withDefaults(defineProps<LineChartProps>(), {
+  // 基础配置
+  height: useChartOps().chartHeight,
+  loading: false,
+  isEmpty: false,
+  colors: () => useChartOps().colors,
+
+  // 数据配置
+  data: () => [0, 0, 0, 0, 0, 0, 0],
+  xAxisData: () => [],
+  lineWidth: 2.5,
+  showAreaColor: false,
+  smooth: true,
+  symbol: "none",
+  symbolSize: 6,
+  animationDelay: 200,
+
+  // 轴线显示配置
+  showAxisLabel: true,
+  showAxisLine: true,
+  showSplitLine: true,
+
+  // 交互配置
+  showTooltip: true,
+  showLegend: false,
+  legendPosition: "bottom",
+});
+
+// 动画状态管理
+const isAnimating = ref(false);
+const animationTimers = ref<number[]>([]);
+const animatedData = ref<number[] | LineDataItem[]>([]);
+
+// 清理所有定时器
+const clearAnimationTimers = () => {
+  animationTimers.value.forEach((timer) => clearTimeout(timer));
+  animationTimers.value = [];
+};
+
+// 判断是否为多数据（使用 VueUse 的 computedEager 优化）
+const isMultipleData = computed(() => {
+  return (
+    Array.isArray(props.data) &&
+    props.data.length > 0 &&
+    typeof props.data[0] === "object" &&
+    "name" in props.data[0]
+  );
+});
+
+// 缓存计算的最大值，避免重复计算
+const maxValue = computed(() => {
+  if (isMultipleData.value) {
+    const multiData = props.data as LineDataItem[];
+    return multiData.reduce((max, item) => {
+      if (item.data?.length) {
+        const itemMax = Math.max(...item.data);
+        return Math.max(max, itemMax);
+      }
+      return max;
+    }, 0);
+  } else {
+    const singleData = props.data as number[];
+    return singleData?.length ? Math.max(...singleData) : 0;
+  }
+});
+
+// 初始化动画数据（优化：减少条件判断）
+const initAnimationData = (): number[] | LineDataItem[] => {
+  if (isMultipleData.value) {
+    const multiData = props.data as LineDataItem[];
+    return multiData.map((item) => ({
+      ...item,
+      data: Array(item.data.length).fill(0),
+    }));
+  }
+  const singleData = props.data as number[];
+  return Array(singleData.length).fill(0);
+};
+
+// 复制真实数据（优化：使用结构化克隆）
+const copyRealData = (): number[] | LineDataItem[] => {
+  if (isMultipleData.value) {
+    return (props.data as LineDataItem[]).map((item) => ({ ...item, data: [...item.data] }));
+  }
+  return [...(props.data as number[])];
+};
+
+// 获取颜色配置（优化：缓存主题色）
+const primaryColor = computed(() => getCssVar("--el-color-primary"));
+
+const getColor = (customColor?: string, index?: number): string => {
+  if (customColor) return customColor;
+  if (index !== undefined) return props.colors![index % props.colors!.length]!;
+  return primaryColor.value;
+};
+
+// 生成区域样式
+const generateAreaStyle = (item: LineDataItem, color: string) => {
+  // 如果有 areaStyle 配置，或者显式开启了区域颜色，则显示区域样式
+  if (!item.areaStyle && !item.showAreaColor && !props.showAreaColor) return undefined;
+
+  const areaConfig = item.areaStyle || {};
+  if (areaConfig.custom) return areaConfig.custom;
+
+  return {
+    color: new graphic.LinearGradient(0, 0, 0, 1, [
+      {
+        offset: 0,
+        color: hexToRgba(color, areaConfig.startOpacity || 0.2).rgba,
+      },
+      {
+        offset: 1,
+        color: hexToRgba(color, areaConfig.endOpacity || 0.02).rgba,
+      },
+    ]),
+  };
+};
+
+// 生成单数据区域样式
+const generateSingleAreaStyle = () => {
+  if (!props.showAreaColor) return undefined;
+
+  const color = getColor(props.colors[0]);
+  return {
+    color: new graphic.LinearGradient(0, 0, 0, 1, [
+      {
+        offset: 0,
+        color: hexToRgba(color, 0.2).rgba,
+      },
+      {
+        offset: 1,
+        color: hexToRgba(color, 0.02).rgba,
+      },
+    ]),
+  };
+};
+
+// 创建系列配置
+const createSeriesItem = (config: {
+  name?: string;
+  data: number[];
+  color?: string;
+  smooth?: boolean;
+  symbol?: string;
+  symbolSize?: number;
+  lineWidth?: number;
+  areaStyle?: any;
+}) => {
+  return {
+    name: config.name,
+    data: config.data,
+    type: "line" as const,
+    color: config.color,
+    smooth: config.smooth ?? props.smooth,
+    symbol: config.symbol ?? props.symbol,
+    symbolSize: config.symbolSize ?? props.symbolSize,
+    lineStyle: {
+      width: config.lineWidth ?? props.lineWidth,
+      color: config.color,
+    },
+    areaStyle: config.areaStyle,
+    emphasis: {
+      focus: "series" as const,
+      lineStyle: {
+        width: (config.lineWidth ?? props.lineWidth) + 1,
+      },
+    },
+  };
+};
+
+// 生成图表配置
+const generateChartOptions = (isInitial = false): EChartsOption => {
+  const options: EChartsOption = {
+    animation: true,
+    animationDuration: isInitial ? 0 : 1300,
+    animationDurationUpdate: isInitial ? 0 : 1300,
+    grid: getGridWithLegend(props.showLegend && isMultipleData.value, props.legendPosition, {
+      top: 15,
+      right: 15,
+      left: 0,
+    }),
+    tooltip: props.showTooltip ? getTooltipStyle() : undefined,
+    xAxis: {
+      type: "category",
+      boundaryGap: false,
+      data: props.xAxisData,
+      axisTick: getAxisTickStyle(),
+      axisLine: getAxisLineStyle(props.showAxisLine),
+      axisLabel: getAxisLabelStyle(props.showAxisLabel),
+    },
+    yAxis: {
+      type: "value",
+      min: 0,
+      max: maxValue.value,
+      axisLabel: getAxisLabelStyle(props.showAxisLabel),
+      axisLine: getAxisLineStyle(props.showAxisLine),
+      splitLine: getSplitLineStyle(props.showSplitLine),
+    },
+  };
+
+  // 添加图例配置
+  if (props.showLegend && isMultipleData.value) {
+    options.legend = getLegendStyle(props.legendPosition);
+  }
+
+  // 生成系列数据
+  if (isMultipleData.value) {
+    const multiData = animatedData.value as LineDataItem[];
+    options.series = multiData.map((item, index) => {
+      const itemColor = getColor(props.colors[index], index);
+      const areaStyle = generateAreaStyle(item, itemColor);
+
+      return createSeriesItem({
+        name: item.name,
+        data: item.data,
+        color: itemColor,
+        smooth: item.smooth,
+        symbol: item.symbol,
+        lineWidth: item.lineWidth,
+        areaStyle,
+      });
+    });
+  } else {
+    // 单数据情况
+    const singleData = animatedData.value as number[];
+    const computedColor = getColor(props.colors[0]);
+    const areaStyle = generateSingleAreaStyle();
+
+    options.series = [
+      createSeriesItem({
+        data: singleData,
+        color: computedColor,
+        areaStyle,
+      }),
+    ];
+  }
+
+  return options;
+};
+
+// 更新图表
+const updateChartOptions = (options: EChartsOption) => {
+  initChart(options);
+};
+
+// 初始化动画函数（优化：统一定时器管理，减少内存泄漏风险）
+const initChartWithAnimation = () => {
+  clearAnimationTimers();
+  isAnimating.value = true;
+
+  // 初始化为0值数据
+  animatedData.value = initAnimationData();
+  updateChartOptions(generateChartOptions(true));
+
+  if (isMultipleData.value) {
+    // 多数据阶梯式动画
+    const multiData = props.data as LineDataItem[];
+    const currentAnimatedData = animatedData.value as LineDataItem[];
+
+    multiData.forEach((item, index) => {
+      const timer = window.setTimeout(
+        () => {
+          currentAnimatedData[index] = { ...item, data: [...item.data] };
+          animatedData.value = [...currentAnimatedData];
+          updateChartOptions(generateChartOptions(false));
+        },
+        index * props.animationDelay + 100
+      );
+
+      animationTimers.value.push(timer);
+    });
+
+    // 标记动画完成
+    const totalDelay = (multiData.length - 1) * props.animationDelay + 1500;
+    const finishTimer = window.setTimeout(() => {
+      isAnimating.value = false;
+    }, totalDelay);
+    animationTimers.value.push(finishTimer);
+  } else {
+    // 单数据简单动画 - 使用 nextTick 确保初始状态已渲染
+    nextTick(() => {
+      animatedData.value = copyRealData();
+      updateChartOptions(generateChartOptions(false));
+      isAnimating.value = false;
+    });
+  }
+};
+
+// 空数据检查函数
+const checkIsEmpty = () => {
+  // 检查单数据情况
+  if (Array.isArray(props.data) && typeof props.data[0] === "number") {
+    const singleData = props.data as number[];
+    return !singleData.length || singleData.every((val) => val === 0);
+  }
+
+  // 检查多数据情况
+  if (Array.isArray(props.data) && typeof props.data[0] === "object") {
+    const multiData = props.data as LineDataItem[];
+    return (
+      !multiData.length ||
+      multiData.every((item) => !item.data?.length || item.data.every((val) => val === 0))
+    );
+  }
+
+  return true;
+};
+
+// 使用新的图表组件抽象
+const {
+  chartRef,
+  initChart,
+  getAxisLineStyle,
+  getAxisLabelStyle,
+  getAxisTickStyle,
+  getSplitLineStyle,
+  getTooltipStyle,
+  getLegendStyle,
+  getGridWithLegend,
+  isEmpty,
+} = useChartComponent({
+  props,
+  checkEmpty: checkIsEmpty,
+  watchSources: [() => props.data, () => props.xAxisData, () => props.colors],
+  onVisible: () => {
+    // 当图表变为可见时，检查是否为空数据
+    if (!isEmpty.value) {
+      initChartWithAnimation();
+    }
+  },
+  generateOptions: () => generateChartOptions(false),
+});
+
+// 图表渲染函数（优化：防止动画期间重复触发）
+const renderChart = () => {
+  if (!isAnimating.value && !isEmpty.value) {
+    initChartWithAnimation();
+  }
+};
+
+// 使用 VueUse 的 watchDebounced 优化数据监听（避免频繁更新）
+watch([() => props.data, () => props.xAxisData, () => props.colors], renderChart, { deep: true });
+
+// 生命周期
+onMounted(() => {
+  renderChart();
+});
+
+onBeforeUnmount(() => {
+  clearAnimationTimers();
+});
+</script>
diff --git a/src/components/charts/fa-map-chart/index.vue b/src/components/charts/fa-map-chart/index.vue
new file mode 100644
index 0000000..036c88f
--- /dev/null
+++ b/src/components/charts/fa-map-chart/index.vue
@@ -0,0 +1,322 @@
+<!-- 地图图表 -->
+<template>
+  <div
+    class="relative w-full h-100 p-5 mb-5 max-sm:mb-4"
+    :style="{ height: 'calc(100vh - 180px)' }"
+  >
+    <div v-if="isEmpty" class="h-full flex items-center justify-center">
+      <ElEmpty description="暂无地图数据" />
+    </div>
+
+    <div v-else id="china-map" ref="chinaMapRef" class="h-full w-full overflow-hidden rounded-lg" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { echarts } from "@/plugins/echarts";
+import { useSettingsStore } from "@stores";
+import chinaMapJson from "@/mock/json/chinaMap.json";
+import type { MapChartProps } from "@/types/component/chart";
+
+defineOptions({ name: "FaMapChart" });
+
+const chinaMapRef = ref<HTMLElement | null>(null);
+const chartInstance = shallowRef<echarts.ECharts | null>(null);
+const settingStore = useSettingsStore();
+const { isDark } = storeToRefs(settingStore);
+
+const props = withDefaults(defineProps<MapChartProps & { dynamic?: boolean }>(), {
+  mapData: () => [],
+  selectedRegion: "",
+  showLabels: true,
+  showScatter: true,
+  isEmpty: false,
+  dynamic: false,
+});
+
+interface Emits {
+  renderComplete: [];
+  regionClick: [region: { name: string; adcode: string; level: string }];
+}
+
+// 定义 emit
+const emit = defineEmits<Emits>();
+
+// 检查是否为空数据
+const isEmpty = computed(() => {
+  return props.isEmpty || (!props.mapData?.length && !chinaMapJson);
+});
+
+// 根据 geoJson 数据准备地图数据
+const prepareMapData = (geoJson: { features: Array<{ properties: Record<string, unknown> }> }) => {
+  return geoJson.features.map((feature) => ({
+    name: feature.properties.name as string,
+    value: Math.round(Math.random() * 1000),
+    adcode: feature.properties.adcode as string,
+    level: feature.properties.level as string,
+    selected: false,
+  }));
+};
+
+// 获取主题相关的样式配置
+const getThemeStyles = () => ({
+  borderColor: isDark.value ? "rgba(255,255,255,0.6)" : "rgba(147,235,248,1)",
+  shadowColor: isDark.value ? "rgba(0,0,0,0.8)" : "rgba(128,217,248,1)",
+  labelColor: isDark.value ? "#fff" : "#333",
+  backgroundColor: isDark.value ? "rgba(0,0,0,0.8)" : "rgba(255,255,255,0.9)",
+});
+
+// 构造 ECharts 配置项
+const createChartOption = (mapData: Array<Record<string, unknown>>) => {
+  const themeStyles = getThemeStyles();
+
+  return {
+    animation: false, // 关闭动画效果，减少鼠标移动高亮时的掉帧感
+    tooltip: {
+      show: true,
+      backgroundColor: themeStyles.backgroundColor,
+      borderColor: isDark.value ? "#333" : "#ddd",
+      borderWidth: 1,
+      textStyle: {
+        color: themeStyles.labelColor,
+      },
+      formatter: ({ data }: { data?: Record<string, unknown> }) => {
+        const { name, adcode, level } = data || {};
+        return `
+            <div :style="'padding: 8px;'">
+              <div><strong>名称:</strong> ${name || "未知区域"}</div>
+              <div><strong>代码:</strong> ${adcode || "暂无"}</div>
+              <div><strong>级别:</strong> ${level || "暂无"}</div>
+            </div>
+          `;
+      },
+    },
+    geo: {
+      map: "china",
+      zoom: 1,
+      show: true,
+      roam: false,
+      scaleLimit: {
+        min: 0.8,
+        max: 3,
+      },
+      layoutSize: "100%",
+      emphasis: {
+        label: { show: props.showLabels },
+        itemStyle: {
+          areaColor: "rgba(82,180,255,0.9)",
+          borderColor: "#fff",
+          borderWidth: 3,
+        },
+      },
+      itemStyle: {
+        borderColor: themeStyles.borderColor,
+        borderWidth: 2,
+        shadowColor: themeStyles.shadowColor,
+        shadowOffsetX: 2,
+        shadowOffsetY: 15,
+        shadowBlur: 15,
+      },
+    },
+    series: [
+      {
+        type: "map",
+        map: "china",
+        aspectScale: 0.75,
+        zoom: 1,
+        label: {
+          show: props.showLabels,
+          color: "#fff",
+          fontSize: 10,
+        },
+        itemStyle: {
+          borderColor: "rgba(147,235,248,0.8)",
+          borderWidth: 2,
+          areaColor: {
+            type: "linear",
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            colorStops: [
+              { offset: 0, color: "rgba(147,235,248,0.3)" },
+              { offset: 1, color: "rgba(32,120,207,0.9)" },
+            ],
+          },
+          shadowColor: "rgba(32,120,207,1)",
+          shadowOffsetY: 15,
+          shadowBlur: 20,
+        },
+        emphasis: {
+          label: {
+            show: true,
+            color: "#fff",
+            fontSize: 12,
+          },
+          itemStyle: {
+            areaColor: "rgba(82,180,255,0.9)",
+            borderColor: "#fff",
+            borderWidth: 3,
+          },
+        },
+        select: {
+          label: {
+            show: true,
+            color: "#fff",
+            fontWeight: "bold",
+          },
+          itemStyle: {
+            areaColor: "#4FAEFB",
+            borderColor: "#fff",
+            borderWidth: 2,
+          },
+        },
+        data: mapData,
+      },
+      // 散点标记配置（例如：城市标记）
+      ...(props.showScatter
+        ? [
+            {
+              name: "城市",
+              type: "scatter",
+              coordinateSystem: "geo",
+              symbol: "pin",
+              symbolSize: 15,
+              label: { show: false },
+              itemStyle: {
+                color: "#F99020",
+                shadowBlur: 10,
+                shadowColor: "#333",
+              },
+              data: [
+                { name: "北京", value: [116.405285, 39.904989, 100] },
+                { name: "上海", value: [121.472644, 31.231706, 100] },
+                { name: "深圳", value: [114.085947, 22.547, 100] },
+              ],
+            },
+          ]
+        : []),
+    ],
+  };
+};
+
+// 初始化并渲染地图
+const initMap = async (): Promise<void> => {
+  if (!chinaMapRef.value) return;
+
+  chartInstance.value = echarts.init(chinaMapRef.value);
+
+  echarts.registerMap("china", chinaMapJson as any);
+  const mapData = props.mapData.length > 0 ? props.mapData : prepareMapData(chinaMapJson);
+  const option = createChartOption(mapData);
+
+  chartInstance.value.setOption(option);
+
+  // 绑定事件
+  chartInstance.value.on("click", handleMapClick);
+
+  emit("renderComplete");
+};
+
+// 处理地图点击事件
+const handleMapClick = (params: Record<string, unknown>) => {
+  if (params.componentType === "series") {
+    const data = params.data as Record<string, unknown> | undefined;
+    const regionData = {
+      name: params.name as string,
+      adcode: (data?.adcode as string) || "",
+      level: (data?.level as string) || "",
+    };
+
+    // 高亮选中区域
+    chartInstance.value?.dispatchAction({
+      type: "select",
+      seriesIndex: 0,
+      dataIndex: params.dataIndex as number,
+    });
+
+    emit("regionClick", regionData);
+  }
+};
+
+// 窗口 resize 时调整图表大小
+const resizeChart = () => {
+  chartInstance.value?.resize();
+};
+
+let initTimer: ReturnType<typeof setTimeout> | null = null;
+let dynamicTimer: ReturnType<typeof setInterval> | null = null;
+
+// 处理组件销毁
+const cleanupChart = () => {
+  if (initTimer !== null) {
+    clearTimeout(initTimer);
+    initTimer = null;
+  }
+  if (dynamicTimer !== null) {
+    clearInterval(dynamicTimer);
+    dynamicTimer = null;
+  }
+  if (chartInstance.value) {
+    chartInstance.value.off("click", handleMapClick);
+    chartInstance.value.dispose();
+    chartInstance.value = null;
+  }
+  window.removeEventListener("resize", resizeChart);
+};
+
+const updateDynamicData = () => {
+  if (!chartInstance.value || chartInstance.value.isDisposed()) return;
+  const mapData = prepareMapData(chinaMapJson);
+  const scatterData = [
+    { name: "北京", value: [116.405285, 39.904989, Math.round(50 + Math.random() * 200)] },
+    { name: "上海", value: [121.472644, 31.231706, Math.round(50 + Math.random() * 200)] },
+    { name: "深圳", value: [114.085947, 22.547, Math.round(50 + Math.random() * 200)] },
+    { name: "成都", value: [104.065735, 30.659462, Math.round(30 + Math.random() * 150)] },
+    { name: "武汉", value: [114.298572, 30.584355, Math.round(30 + Math.random() * 150)] },
+    { name: "杭州", value: [120.153576, 30.287459, Math.round(30 + Math.random() * 150)] },
+  ];
+  chartInstance.value.setOption({ series: [{ data: mapData }, { data: scatterData }] });
+};
+
+// 生命周期钩子
+onMounted(() => {
+  if (!isEmpty.value) {
+    (async () => {
+      await initMap();
+      initTimer = setTimeout(resizeChart, 100);
+      if (props.dynamic) {
+        dynamicTimer = setInterval(updateDynamicData, 4000);
+      }
+    })();
+  }
+  window.addEventListener("resize", resizeChart);
+});
+
+onUnmounted(cleanupChart);
+
+// 监听主题变化，重新初始化地图
+watch(isDark, (newVal, oldVal) => {
+  if (newVal !== oldVal && chartInstance.value) {
+    cleanupChart();
+    nextTick(() => {
+      if (!isEmpty.value) {
+        initMap();
+      }
+    });
+  }
+});
+
+// 监听数据变化
+watch(
+  () => props.mapData,
+  () => {
+    if (chartInstance.value && !isEmpty.value) {
+      const mapData = props.mapData.length > 0 ? props.mapData : prepareMapData(chinaMapJson);
+      const option = createChartOption(mapData);
+      chartInstance.value.setOption(option);
+    }
+  },
+  { deep: true }
+);
+</script>
diff --git a/src/components/charts/fa-radar-chart/index.vue b/src/components/charts/fa-radar-chart/index.vue
new file mode 100644
index 0000000..b67f90e
--- /dev/null
+++ b/src/components/charts/fa-radar-chart/index.vue
@@ -0,0 +1,105 @@
+<!-- 雷达图 -->
+<template>
+  <div
+    ref="chartRef"
+    class="relative w-full"
+    :style="{ height: props.height }"
+    v-loading="props.loading"
+  ></div>
+</template>
+
+<script setup lang="ts">
+import type { EChartsOption } from "@/plugins/echarts";
+import { useChartOps, useChartComponent } from "@/hooks/core/useChart";
+import type { RadarChartProps } from "@/types/component/chart";
+
+defineOptions({ name: "FaRadarChart" });
+
+const props = withDefaults(defineProps<RadarChartProps>(), {
+  // 基础配置
+  height: useChartOps().chartHeight,
+  loading: false,
+  isEmpty: false,
+  colors: () => useChartOps().colors,
+
+  // 数据配置
+  indicator: () => [],
+  data: () => [],
+
+  // 交互配置
+  showTooltip: true,
+  showLegend: false,
+  legendPosition: "bottom",
+});
+
+// 使用新的图表组件抽象
+const { chartRef, isDark, getAnimationConfig, getTooltipStyle } = useChartComponent({
+  props,
+  checkEmpty: () => {
+    return !props.data?.length || props.data.every((item) => item.value.every((val) => val === 0));
+  },
+  watchSources: [() => props.data, () => props.indicator, () => props.colors],
+  generateOptions: (): EChartsOption => {
+    return {
+      tooltip: props.showTooltip ? getTooltipStyle("item") : undefined,
+      radar: {
+        indicator: props.indicator,
+        center: ["50%", "50%"],
+        radius: "70%",
+        axisName: {
+          color: isDark.value ? "#ccc" : "#666",
+          fontSize: 12,
+        },
+        splitLine: {
+          lineStyle: {
+            color: isDark.value ? "#444" : "#e6e6e6",
+          },
+        },
+        axisLine: {
+          lineStyle: {
+            color: isDark.value ? "#444" : "#e6e6e6",
+          },
+        },
+        splitArea: {
+          show: true,
+          areaStyle: {
+            color: isDark.value
+              ? ["rgba(255, 255, 255, 0.02)", "rgba(255, 255, 255, 0.05)"]
+              : ["rgba(0, 0, 0, 0.02)", "rgba(0, 0, 0, 0.05)"],
+          },
+        },
+      },
+      series: [
+        {
+          type: "radar",
+          data: props.data.map((item, index) => ({
+            name: item.name,
+            value: item.value,
+            symbolSize: 4,
+            lineStyle: {
+              width: 2,
+              color: props.colors[index % props.colors.length],
+            },
+            itemStyle: {
+              color: props.colors[index % props.colors.length],
+            },
+            areaStyle: {
+              color: props.colors[index % props.colors.length],
+              opacity: 0.1,
+            },
+            emphasis: {
+              areaStyle: {
+                opacity: 0.25,
+              },
+              lineStyle: {
+                width: 3,
+              },
+            },
+          })),
+          ...getAnimationConfig(200, 1800),
+        },
+      ],
+    };
+  },
+});
+</script>
diff --git a/src/components/charts/fa-ring-chart/index.vue b/src/components/charts/fa-ring-chart/index.vue
new file mode 100644
index 0000000..7dd3fe3
--- /dev/null
+++ b/src/components/charts/fa-ring-chart/index.vue
@@ -0,0 +1,133 @@
+<!-- 环形图 -->
+<template>
+  <div
+    ref="chartRef"
+    class="relative w-full"
+    :style="{ height: props.height }"
+    v-loading="props.loading"
+  ></div>
+</template>
+
+<script setup lang="ts">
+import type { EChartsOption } from "@/plugins/echarts";
+import { useChartOps, useChartComponent } from "@/hooks/core/useChart";
+import type { RingChartProps } from "@/types/component/chart";
+
+defineOptions({ name: "FaRingChart" });
+
+const props = withDefaults(defineProps<RingChartProps>(), {
+  // 基础配置
+  height: useChartOps().chartHeight,
+  loading: false,
+  isEmpty: false,
+  colors: () => useChartOps().colors,
+
+  // 数据配置
+  data: () => [],
+  radius: () => ["50%", "80%"],
+  borderRadius: 10,
+  centerText: "",
+  showLabel: false,
+
+  // 交互配置
+  showTooltip: true,
+  showLegend: false,
+  legendPosition: "right",
+});
+
+// 使用新的图表组件抽象
+const { chartRef, isDark, getAnimationConfig, getTooltipStyle, getLegendStyle } = useChartComponent(
+  {
+    props,
+    checkEmpty: () => {
+      return !props.data?.length || props.data.every((item) => item.value === 0);
+    },
+    watchSources: [() => props.data, () => props.centerText],
+    generateOptions: (): EChartsOption => {
+      // 根据图例位置计算环形图中心位置
+      const getCenterPosition = (): [string, string] => {
+        if (!props.showLegend) return ["50%", "50%"];
+
+        switch (props.legendPosition) {
+          case "left":
+            return ["60%", "50%"];
+          case "right":
+            return ["40%", "50%"];
+          case "top":
+            return ["50%", "60%"];
+          case "bottom":
+            return ["50%", "40%"];
+          default:
+            return ["50%", "50%"];
+        }
+      };
+
+      const option: EChartsOption = {
+        tooltip: props.showTooltip
+          ? getTooltipStyle("item", {
+              formatter: "{b}: {c} ({d}%)",
+            })
+          : undefined,
+        legend: props.showLegend ? getLegendStyle(props.legendPosition) : undefined,
+        series: [
+          {
+            name: "数据占比",
+            type: "pie",
+            radius: props.radius,
+            center: getCenterPosition(),
+            avoidLabelOverlap: false,
+            itemStyle: {
+              borderRadius: props.borderRadius,
+              borderColor: isDark.value ? "#2c2c2c" : "#fff",
+              borderWidth: 0,
+            },
+            label: {
+              show: props.showLabel,
+              formatter: "{b}\n{d}%",
+              position: "outside",
+              color: isDark.value ? "#ccc" : "#999",
+              fontSize: 12,
+            },
+            emphasis: {
+              label: {
+                show: false,
+                fontSize: 14,
+                fontWeight: "bold",
+              },
+            },
+            labelLine: {
+              show: props.showLabel,
+              length: 15,
+              length2: 25,
+              smooth: true,
+            },
+            data: props.data,
+            color: props.colors,
+            ...getAnimationConfig(),
+            animationType: "expansion",
+          },
+        ],
+      };
+
+      // 添加中心文字
+      if (props.centerText) {
+        const centerPos = getCenterPosition();
+        option.title = {
+          text: props.centerText,
+          left: centerPos[0],
+          top: centerPos[1],
+          textAlign: "center",
+          textVerticalAlign: "middle",
+          textStyle: {
+            fontSize: 18,
+            fontWeight: 500,
+            color: isDark.value ? "#999" : "#ADB0BC",
+          },
+        };
+      }
+
+      return option;
+    },
+  }
+);
+</script>
diff --git a/src/components/charts/fa-scatter-chart/index.vue b/src/components/charts/fa-scatter-chart/index.vue
new file mode 100644
index 0000000..111f8c8
--- /dev/null
+++ b/src/components/charts/fa-scatter-chart/index.vue
@@ -0,0 +1,113 @@
+<!-- 散点图 -->
+<template>
+  <div
+    ref="chartRef"
+    class="relative w-full"
+    :style="{ height: props.height }"
+    v-loading="props.loading"
+  ></div>
+</template>
+
+<script setup lang="ts">
+import type { EChartsOption } from "@/plugins/echarts";
+import { getCssVar } from "@utils";
+import { useChartOps, useChartComponent } from "@/hooks/core/useChart";
+import type { ScatterChartProps } from "@/types/component/chart";
+
+defineOptions({ name: "FaScatterChart" });
+
+const props = withDefaults(defineProps<ScatterChartProps>(), {
+  // 基础配置
+  height: useChartOps().chartHeight,
+  loading: false,
+  isEmpty: false,
+  colors: () => useChartOps().colors,
+
+  // 数据配置
+  data: () => [{ value: [0, 0] }, { value: [0, 0] }],
+  symbolSize: 14,
+
+  // 轴线显示配置
+  showAxisLabel: true,
+  showAxisLine: true,
+  showSplitLine: true,
+
+  // 交互配置
+  showTooltip: true,
+  showLegend: false,
+  legendPosition: "bottom",
+});
+
+// 使用新的图表组件抽象
+const {
+  chartRef,
+  isDark,
+  getAxisLineStyle,
+  getAxisLabelStyle,
+  getAxisTickStyle,
+  getSplitLineStyle,
+  getAnimationConfig,
+  getTooltipStyle,
+} = useChartComponent({
+  props,
+  checkEmpty: () => {
+    return !props.data?.length || props.data.every((item) => item.value.every((val) => val === 0));
+  },
+  watchSources: [() => props.data, () => props.colors, () => props.symbolSize],
+  generateOptions: (): EChartsOption => {
+    const computedColor = props.colors[0] || getCssVar("--el-color-primary");
+
+    return {
+      grid: {
+        top: 20,
+        right: 20,
+        bottom: 20,
+        left: 20,
+      },
+      tooltip: props.showTooltip
+        ? getTooltipStyle("item", {
+            formatter: (params: { value: [number, number] }) => {
+              const [x, y] = params.value;
+              return `X: ${x}<br/>Y: ${y}`;
+            },
+          })
+        : undefined,
+      xAxis: {
+        type: "value",
+        axisLabel: getAxisLabelStyle(props.showAxisLabel),
+        axisLine: getAxisLineStyle(props.showAxisLine),
+        axisTick: getAxisTickStyle(),
+        splitLine: getSplitLineStyle(props.showSplitLine),
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: getAxisLabelStyle(props.showAxisLabel),
+        axisLine: getAxisLineStyle(props.showAxisLine),
+        axisTick: getAxisTickStyle(),
+        splitLine: getSplitLineStyle(props.showSplitLine),
+      },
+      series: [
+        {
+          type: "scatter",
+          data: props.data,
+          symbolSize: props.symbolSize,
+          itemStyle: {
+            color: computedColor,
+            shadowBlur: 6,
+            shadowColor: isDark.value ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.1)",
+            shadowOffsetY: 2,
+          },
+          emphasis: {
+            itemStyle: {
+              shadowBlur: 12,
+              shadowColor: isDark.value ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.2)",
+            },
+            scale: true,
+          },
+          ...getAnimationConfig(),
+        },
+      ],
+    };
+  },
+});
+</script>
diff --git a/src/components/forms/fa-button-more/index.vue b/src/components/forms/fa-button-more/index.vue
new file mode 100644
index 0000000..27caf26
--- /dev/null
+++ b/src/components/forms/fa-button-more/index.vue
@@ -0,0 +1,57 @@
+<!-- 更多按钮 -->
+<template>
+  <div>
+    <ElDropdown v-if="hasAnyAuthItem">
+      <FaIconButton icon="ri:more-2-fill" class="size-8! bg-g-200 dark:bg-g-300/45 text-sm" />
+      <template #dropdown>
+        <ElDropdownMenu>
+          <template v-for="item in list" :key="item.key">
+            <ElDropdownItem
+              v-if="!item.auth || hasAuth(item.auth)"
+              :disabled="item.disabled"
+              @click="handleClick(item)"
+            >
+              <div class="flex items-center gap-2" :style="{ color: item.color }">
+                <FaSvgIcon v-if="item.icon" :icon="item.icon" />
+                <span>{{ item.label }}</span>
+              </div>
+            </ElDropdownItem>
+          </template>
+        </ElDropdownMenu>
+      </template>
+    </ElDropdown>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useAuth } from "@/hooks/core/useAuth";
+import type { ButtonMoreItem } from "./types";
+
+defineOptions({ name: "FaButtonMore" });
+
+const { hasAuth } = useAuth();
+
+interface Props {
+  /** 下拉项列表 */
+  list: ButtonMoreItem[];
+  /** 整体权限控制 */
+  auth?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {});
+
+// 检查是否有任何有权限的 item
+const hasAnyAuthItem = computed(() => {
+  return props.list.some((item) => !item.auth || hasAuth(item.auth));
+});
+
+interface Emits {
+  click: [item: ButtonMoreItem];
+}
+
+const emit = defineEmits<Emits>();
+
+const handleClick = (item: ButtonMoreItem) => {
+  emit("click", item);
+};
+</script>
diff --git a/src/components/forms/fa-button-more/types.ts b/src/components/forms/fa-button-more/types.ts
new file mode 100644
index 0000000..97da221
--- /dev/null
+++ b/src/components/forms/fa-button-more/types.ts
@@ -0,0 +1,18 @@
+/** FaButtonMore 组件相关类型 */
+
+export interface ButtonMoreItem {
+  /** 按钮标识，可用于点击事件 */
+  key: string | number;
+  /** 按钮文本 */
+  label: string;
+  /** 是否禁用 */
+  disabled?: boolean;
+  /** 权限标识 */
+  auth?: string;
+  /** 图标组件 */
+  icon?: string;
+  /** 文本颜色 */
+  color?: string;
+  /** 图标颜色（优先级高于 color） */
+  iconColor?: string;
+}
diff --git a/src/components/forms/fa-button-table/index.vue b/src/components/forms/fa-button-table/index.vue
new file mode 100644
index 0000000..e2b17c7
--- /dev/null
+++ b/src/components/forms/fa-button-table/index.vue
@@ -0,0 +1,61 @@
+<!-- 表格按钮 -->
+<template>
+  <div
+    :class="[
+      'inline-flex items-center justify-center min-w-8 h-8 px-2.5 mr-2.5 text-sm cursor-pointer rounded-md align-middle transition-all duration-200 hover-btn',
+      buttonClass,
+    ]"
+    :style="{ backgroundColor: buttonBgColor, color: iconColor }"
+    @click="handleClick"
+  >
+    <FaSvgIcon :icon="iconContent" />
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaButtonTable" });
+
+interface Props {
+  /** 按钮类型 */
+  type?: "add" | "edit" | "delete" | "more" | "view";
+  /** 按钮图标 */
+  icon?: string;
+  /** 按钮样式类 */
+  iconClass?: string;
+  /** icon 颜色 */
+  iconColor?: string;
+  /** 按钮背景色 */
+  buttonBgColor?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {});
+
+interface Emits {
+  click: [];
+}
+
+const emit = defineEmits<Emits>();
+
+// 默认按钮配置
+const defaultButtons = {
+  add: { icon: "ri:add-fill", class: "bg-theme/12 text-theme" },
+  edit: { icon: "ri:pencil-line", class: "bg-secondary/12 text-secondary" },
+  delete: { icon: "ri:delete-bin-5-line", class: "bg-error/12 text-error" },
+  view: { icon: "ri:eye-line", class: "bg-info/12 text-info" },
+  more: { icon: "ri:more-2-fill", class: "bg-primary/12 text-primary" },
+} as const;
+
+// 获取图标内容
+const iconContent = computed(() => {
+  return props.icon || (props.type ? defaultButtons[props.type]?.icon : "") || "";
+});
+
+// 获取按钮样式类
+const buttonClass = computed(() => {
+  return props.iconClass || (props.type ? defaultButtons[props.type]?.class : "") || "";
+});
+
+const handleClick = () => {
+  emit("click");
+};
+</script>
diff --git a/src/components/forms/fa-drag-verify/index.vue b/src/components/forms/fa-drag-verify/index.vue
new file mode 100644
index 0000000..3d8b626
--- /dev/null
+++ b/src/components/forms/fa-drag-verify/index.vue
@@ -0,0 +1,432 @@
+<!-- 拖拽验证组件 -->
+<template>
+  <div
+    ref="dragVerify"
+    class="drag_verify"
+    :style="dragVerifyStyle"
+    @mousemove="dragMoving"
+    @mouseup="dragFinish"
+    @mouseleave="dragFinish"
+    @touchmove="dragMoving"
+    @touchend="dragFinish"
+  >
+    <!-- 进度条 -->
+    <div
+      class="dv_progress_bar"
+      :class="{ goFirst2: isOk }"
+      ref="progressBar"
+      :style="progressBarStyle"
+    ></div>
+
+    <!-- 提示文本 -->
+    <div class="dv_text" :style="textStyle" ref="messageRef">
+      <slot name="textBefore" v-if="$slots.textBefore"></slot>
+      {{ message }}
+      <slot name="textAfter" v-if="$slots.textAfter"></slot>
+    </div>
+
+    <!-- 滑块处理器 -->
+    <div
+      class="dv_handler dv_handler_bg"
+      :class="{ goFirst: isOk }"
+      @mousedown="dragStart"
+      @touchstart="dragStart"
+      ref="handler"
+      :style="handlerStyle"
+    >
+      <FaSvgIcon :icon="value ? successIcon : handlerIcon" class="text-g-600"></FaSvgIcon>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useWindowSize } from "@vueuse/core";
+
+defineOptions({ name: "FaDragVerify" });
+
+// 事件定义
+const emit = defineEmits(["handlerMove", "update:value", "passCallback"]);
+
+// 组件属性接口定义
+interface Props {
+  /** 是否通过验证 */
+  value: boolean;
+  /** 组件宽度 */
+  width?: number | string;
+  /** 组件高度 */
+  height?: number;
+  /** 默认提示文本 */
+  text?: string;
+  /** 成功提示文本 */
+  successText?: string;
+  /** 背景色 */
+  background?: string;
+  /** 进度条背景色 */
+  progressBarBg?: string;
+  /** 完成状态背景色 */
+  completedBg?: string;
+  /** 是否圆角 */
+  circle?: boolean;
+  /** 圆角大小 */
+  radius?: string;
+  /** 滑块图标 */
+  handlerIcon?: string;
+  /** 成功图标 */
+  successIcon?: string;
+  /** 滑块背景色 */
+  handlerBg?: string;
+  /** 文本大小 */
+  textSize?: string;
+  /** 文本颜色 */
+  textColor?: string;
+}
+
+// 属性默认值设置
+const props = withDefaults(defineProps<Props>(), {
+  value: false,
+  width: "100%",
+  height: 40,
+  text: "按住滑块拖动",
+  successText: "success",
+  background: "#eee",
+  progressBarBg: "#1385FF",
+  completedBg: "#57D187",
+  circle: false,
+  radius: "calc(var(--custom-radius) / 3 + 2px)",
+  handlerIcon: "solar:double-alt-arrow-right-linear",
+  successIcon: "ri:check-fill",
+  handlerBg: "#fff",
+  textSize: "13px",
+  textColor: "#333",
+});
+
+const { width: winWidth } = useWindowSize();
+const effectiveHeight = computed(() =>
+  props.height === 40 && winWidth.value < 768 ? 24 : props.height
+);
+
+// 组件状态接口定义
+interface StateType {
+  isMoving: boolean; // 是否正在拖拽
+  x: number; // 拖拽起始位置
+  isOk: boolean; // 是否验证成功
+}
+
+// 响应式状态定义
+const state = reactive(<StateType>{
+  isMoving: false,
+  x: 0,
+  isOk: false,
+});
+
+// 解构响应式状态
+const { isOk } = toRefs(state);
+
+// DOM 元素引用
+const dragVerify = ref();
+const messageRef = ref();
+const handler = ref();
+const progressBar = ref();
+
+// 触摸事件变量 - 用于禁止页面滑动
+let startX: number, startY: number, moveX: number, moveY: number;
+
+/**
+ * 触摸开始事件处理
+ * @param e 触摸事件对象
+ */
+const onTouchStart = (e: any) => {
+  startX = e.targetTouches[0].pageX;
+  startY = e.targetTouches[0].pageY;
+};
+
+/**
+ * 触摸移动事件处理 - 判断是否为横向滑动，如果是则阻止默认行为
+ * @param e 触摸事件对象
+ */
+const onTouchMove = (e: any) => {
+  moveX = e.targetTouches[0].pageX;
+  moveY = e.targetTouches[0].pageY;
+
+  // 如果横向移动距离大于纵向移动距离，阻止默认行为（防止页面滑动）
+  if (Math.abs(moveX - startX) > Math.abs(moveY - startY)) {
+    e.preventDefault();
+  }
+};
+
+// 获取数值形式的宽度
+const getNumericWidth = (): number => {
+  if (typeof props.width === "string") {
+    // 如果是字符串，尝试从DOM元素获取实际宽度
+    return dragVerify.value?.offsetWidth || 260;
+  }
+  return props.width;
+};
+
+// 获取样式字符串形式的宽度
+const getStyleWidth = (): string => {
+  if (typeof props.width === "string") {
+    return props.width;
+  }
+  return props.width + "px";
+};
+
+// 组件挂载后的初始化
+onMounted(() => {
+  // 设置 CSS 自定义属性
+  dragVerify.value?.style.setProperty("--textColor", props.textColor);
+
+  // 等待DOM更新后设置宽度相关属性
+  nextTick(() => {
+    const numericWidth = getNumericWidth();
+    dragVerify.value?.style.setProperty("--width", Math.floor(numericWidth / 2) + "px");
+    dragVerify.value?.style.setProperty("--pwidth", -Math.floor(numericWidth / 2) + "px");
+  });
+
+  // 注册 touch 事件监听器，由 onBeforeUnmount 统一清理
+  document.addEventListener("touchstart", onTouchStart);
+  document.addEventListener("touchmove", onTouchMove, { passive: false });
+});
+
+// 组件卸载前清理事件监听器
+onBeforeUnmount(() => {
+  document.removeEventListener("touchstart", onTouchStart);
+  document.removeEventListener("touchmove", onTouchMove);
+});
+
+// 滑块样式计算
+const handlerStyle = computed(() => ({
+  left: "0",
+  width: effectiveHeight.value + "px",
+  height: effectiveHeight.value + "px",
+  background: props.handlerBg,
+}));
+
+// 主容器样式计算
+const dragVerifyStyle = computed(() => ({
+  width: getStyleWidth(),
+  height: effectiveHeight.value + "px",
+  lineHeight: effectiveHeight.value + "px",
+  background: props.background,
+  borderRadius: props.circle ? effectiveHeight.value / 2 + "px" : props.radius,
+}));
+
+// 进度条样式计算
+const progressBarStyle = computed(() => ({
+  background: props.progressBarBg,
+  height: effectiveHeight.value + "px",
+  borderRadius: props.circle
+    ? effectiveHeight.value / 2 + "px 0 0 " + effectiveHeight.value / 2 + "px"
+    : props.radius,
+}));
+
+// 文本样式计算
+const textStyle = computed(() => ({
+  fontSize: props.textSize,
+}));
+
+// 显示消息计算属性
+const message = computed(() => {
+  return props.value ? props.successText : props.text;
+});
+
+/**
+ * 拖拽开始处理函数
+ * @param e 鼠标或触摸事件对象
+ */
+const dragStart = (e: any) => {
+  if (!props.value) {
+    state.isMoving = true;
+    handler.value.style.transition = "none";
+    // 计算拖拽起始位置
+    state.x =
+      (e.pageX || e.touches[0].pageX) - parseInt(handler.value.style.left.replace("px", ""), 10);
+  }
+  emit("handlerMove");
+};
+
+/**
+ * 拖拽移动处理函数
+ * @param e 鼠标或触摸事件对象
+ */
+const dragMoving = (e: any) => {
+  if (state.isMoving && !props.value) {
+    const numericWidth = getNumericWidth();
+    // 计算当前位置
+    const _x = (e.pageX || e.touches[0].pageX) - state.x;
+
+    // 在有效范围内移动
+    if (_x > 0 && _x <= numericWidth - props.height) {
+      handler.value.style.left = _x + "px";
+      progressBar.value.style.width = _x + props.height / 2 + "px";
+    } else if (_x > numericWidth - props.height) {
+      // 拖拽到末端，触发验证成功
+      handler.value.style.left = numericWidth - props.height + "px";
+      progressBar.value.style.width = numericWidth - props.height / 2 + "px";
+      passVerify();
+    }
+  }
+};
+
+/**
+ * 拖拽结束处理函数
+ * @param e 鼠标或触摸事件对象
+ */
+const dragFinish = (e: any) => {
+  if (state.isMoving && !props.value) {
+    const numericWidth = getNumericWidth();
+    // 计算最终位置
+    const _x = (e.pageX || e.changedTouches[0].pageX) - state.x;
+
+    if (_x < numericWidth - props.height) {
+      // 未拖拽到末端，重置位置
+      state.isOk = true;
+      handler.value.style.left = "0";
+      handler.value.style.transition = "all 0.2s";
+      progressBar.value.style.width = "0";
+      state.isOk = false;
+    } else {
+      // 拖拽到末端，保持验证成功状态
+      handler.value.style.transition = "none";
+      handler.value.style.left = numericWidth - props.height + "px";
+      progressBar.value.style.width = numericWidth - props.height / 2 + "px";
+      passVerify();
+    }
+    state.isMoving = false;
+  }
+};
+
+/**
+ * 验证通过处理函数
+ */
+const passVerify = () => {
+  emit("update:value", true);
+  state.isMoving = false;
+  // 更新样式为成功状态
+  progressBar.value.style.background = props.completedBg;
+  messageRef.value.style["-webkit-text-fill-color"] = "unset";
+  messageRef.value.style.animation = "slidetounlock2 2s cubic-bezier(0, 0.2, 1, 1) infinite";
+  messageRef.value.style.color = "#fff";
+  emit("passCallback");
+};
+
+/**
+ * 重置验证状态函数
+ */
+const reset = () => {
+  // 重置滑块位置
+  handler.value.style.left = "0";
+  progressBar.value.style.width = "0";
+  progressBar.value.style.background = props.progressBarBg;
+  // 重置文本样式
+  messageRef.value.style["-webkit-text-fill-color"] = "transparent";
+  messageRef.value.style.animation = "slidetounlock 2s cubic-bezier(0, 0.2, 1, 1) infinite";
+  messageRef.value.style.color = props.background;
+  // 重置状态
+  emit("update:value", false);
+  state.isOk = false;
+  state.isMoving = false;
+  state.x = 0;
+};
+
+// 暴露重置方法给父组件
+defineExpose({
+  reset,
+});
+</script>
+
+<style lang="scss" scoped>
+.drag_verify {
+  position: relative;
+  box-sizing: border-box;
+  overflow: hidden;
+  text-align: center;
+  border: 1px solid var(--default-border-dashed);
+
+  .dv_handler {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: move;
+
+    i {
+      padding-left: 0;
+      font-size: 14px;
+      color: #999;
+    }
+
+    .el-icon-circle-check {
+      margin-top: 9px;
+      color: #6c6;
+    }
+  }
+
+  .dv_progress_bar {
+    position: absolute;
+    width: 0;
+    height: 34px;
+  }
+
+  .dv_text {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: transparent;
+    user-select: none;
+    background: linear-gradient(
+      to right,
+      var(--textColor) 0%,
+      var(--textColor) 40%,
+      #fff 50%,
+      var(--textColor) 60%,
+      var(--textColor) 100%
+    );
+    -webkit-background-clip: text;
+    background-clip: text;
+    animation: slidetounlock 2s cubic-bezier(0, 0.2, 1, 1) infinite;
+    -webkit-text-fill-color: transparent;
+    text-size-adjust: none;
+
+    * {
+      -webkit-text-fill-color: var(--textColor);
+    }
+  }
+}
+
+.goFirst {
+  left: 0 !important;
+  transition: left 0.5s;
+}
+
+.goFirst2 {
+  width: 0 !important;
+  transition: width 0.5s;
+}
+</style>
+
+<style lang="scss">
+@keyframes slidetounlock {
+  0% {
+    background-position: var(--pwidth) 0;
+  }
+
+  100% {
+    background-position: var(--width) 0;
+  }
+}
+
+@keyframes slidetounlock2 {
+  0% {
+    background-position: var(--pwidth) 0;
+  }
+
+  100% {
+    background-position: var(--pwidth) 0;
+  }
+}
+</style>
diff --git a/src/components/forms/fa-excel-export/index.vue b/src/components/forms/fa-excel-export/index.vue
new file mode 100644
index 0000000..c4bcf51
--- /dev/null
+++ b/src/components/forms/fa-excel-export/index.vue
@@ -0,0 +1,543 @@
+<!-- 导出 Excel 文件 -->
+<template>
+  <ElButton
+    :type="type"
+    :size="size"
+    :loading="isExporting"
+    :disabled="disabled || !hasData"
+    v-ripple
+    @click="handleExport"
+  >
+    <template #loading>
+      <ElIcon class="is-loading">
+        <Loading />
+      </ElIcon>
+      {{ loadingText }}
+    </template>
+    <slot>{{ buttonText }}</slot>
+  </ElButton>
+</template>
+
+<script setup lang="ts">
+import * as XLSX from "xlsx";
+import FileSaver from "file-saver";
+import { ref, computed, nextTick } from "vue";
+import { Loading } from "@element-plus/icons-vue";
+import type { ButtonType } from "element-plus";
+import { useThrottleFn } from "@vueuse/core";
+
+defineOptions({ name: "FaExcelExport" });
+
+/** 导出数据类型 */
+type ExportValue = string | number | boolean | null | undefined | Date;
+
+interface ExportData {
+  [key: string]: ExportValue;
+}
+
+/** 列配置 */
+interface ColumnConfig {
+  /** 列标题 */
+  title: string;
+  /** 列宽度 */
+  width?: number;
+  /** 数据格式化函数 */
+  formatter?: (value: ExportValue, row: ExportData, index: number) => string;
+}
+
+/** 导出配置选项 */
+interface Props {
+  /** 数据源 */
+  data: ExportData[];
+  /** 文件名（不含扩展名） */
+  filename?: string;
+  /** 工作表名称 */
+  sheetName?: string;
+  /** 按钮类型 */
+  type?: ButtonType;
+  /** 按钮尺寸 */
+  size?: "large" | "default" | "small";
+  /** 是否禁用 */
+  disabled?: boolean;
+  /** 按钮文本 */
+  buttonText?: string;
+  /** 加载中文本 */
+  loadingText?: string;
+  /** 是否自动添加序号列 */
+  autoIndex?: boolean;
+  /** 序号列标题 */
+  indexColumnTitle?: string;
+  /** 列配置映射 */
+  columns?: Record<string, ColumnConfig>;
+  /** 表头映射（简化版本，向后兼容） */
+  headers?: Record<string, string>;
+  /** 最大导出行数 */
+  maxRows?: number;
+  /** 是否显示成功消息 */
+  showSuccessMessage?: boolean;
+  /** 是否显示错误消息 */
+  showErrorMessage?: boolean;
+  /** 工作簿配置 */
+  workbookOptions?: {
+    /** 创建者 */
+    creator?: string;
+    /** 最后修改者 */
+    lastModifiedBy?: string;
+    /** 创建时间 */
+    created?: Date;
+    /** 修改时间 */
+    modified?: Date;
+  };
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  filename: () => `export_${new Date().toISOString().slice(0, 10)}`,
+  sheetName: "Sheet1",
+  type: "primary",
+  size: undefined,
+  disabled: false,
+  buttonText: "导出 Excel",
+  loadingText: "导出中...",
+  autoIndex: false,
+  indexColumnTitle: "序号",
+  columns: () => ({}),
+  headers: () => ({}),
+  maxRows: 100000,
+  showSuccessMessage: true,
+  showErrorMessage: true,
+  workbookOptions: () => ({}),
+});
+
+interface Emits {
+  "before-export": [data: ExportData[]];
+  "export-success": [filename: string, rowCount: number];
+  "export-error": [error: ExportError];
+  "export-progress": [progress: number];
+}
+
+const emit = defineEmits<Emits>();
+
+/** 导出错误类型 */
+class ExportError extends Error {
+  constructor(
+    message: string,
+    public code: string,
+    public details?: any
+  ) {
+    super(message);
+    this.name = "ExportError";
+  }
+}
+
+const isExporting = ref(false);
+
+/** 是否有数据可导出 */
+const hasData = computed(() => Array.isArray(props.data) && props.data.length > 0);
+
+/** 验证导出数据 */
+const validateData = (data: ExportData[]): void => {
+  if (!Array.isArray(data)) {
+    throw new ExportError("数据必须是数组格式", "INVALID_DATA_TYPE");
+  }
+
+  if (data.length === 0) {
+    throw new ExportError("没有可导出的数据", "NO_DATA");
+  }
+
+  if (data.length > props.maxRows) {
+    throw new ExportError(`数据行数超过限制（${props.maxRows}行）`, "EXCEED_MAX_ROWS", {
+      currentRows: data.length,
+      maxRows: props.maxRows,
+    });
+  }
+};
+
+/** 格式化单元格值 */
+const formatCellValue = (
+  value: ExportValue,
+  key: string,
+  row: ExportData,
+  index: number
+): string => {
+  // 使用列配置的格式化函数
+  const column = props.columns[key];
+  if (column?.formatter) {
+    return column.formatter(value, row, index);
+  }
+
+  // 处理特殊值
+  if (value === null || value === undefined) {
+    return "";
+  }
+
+  if (value instanceof Date) {
+    return value.toLocaleDateString("zh-CN");
+  }
+
+  if (typeof value === "boolean") {
+    return value ? "是" : "否";
+  }
+
+  return String(value);
+};
+
+/** 处理数据 */
+const processData = (data: ExportData[]): Record<string, string>[] => {
+  const processedData = data.map((item, index) => {
+    const processedItem: Record<string, string> = {};
+
+    // 添加序号列
+    if (props.autoIndex) {
+      processedItem[props.indexColumnTitle] = String(index + 1);
+    }
+
+    // 处理数据列
+    Object.entries(item).forEach(([key, value]) => {
+      // 获取列标题
+      let columnTitle = key;
+      if (props.columns[key]?.title) {
+        columnTitle = props.columns[key].title;
+      } else if (props.headers[key]) {
+        columnTitle = props.headers[key];
+      }
+
+      // 格式化值
+      processedItem[columnTitle] = formatCellValue(value, key, item, index);
+    });
+
+    return processedItem;
+  });
+
+  return processedData;
+};
+
+/** 计算列宽度 */
+const calculateColumnWidths = (data: Record<string, string>[]): XLSX.ColInfo[] => {
+  if (data.length === 0) return [];
+
+  const sampleSize = Math.min(data.length, 100); // 只取前100行计算列宽
+  const columns = Object.keys(data[0]!);
+
+  return columns.map((column) => {
+    // 使用配置的列宽度
+    const configWidth = Object.values(props.columns).find((col) => col.title === column)?.width;
+
+    if (configWidth) {
+      return { wch: configWidth };
+    }
+
+    // 自动计算列宽度
+    const maxLength = Math.max(
+      column.length, // 标题长度
+      ...data.slice(0, sampleSize).map((row) => String(row[column] || "").length)
+    );
+
+    // 限制最小和最大宽度
+    const width = Math.min(Math.max(maxLength + 2, 8), 50);
+    return { wch: width };
+  });
+};
+
+/** 导出到 Excel */
+const exportToExcel = async (
+  data: ExportData[],
+  filename: string,
+  sheetName: string
+): Promise<void> => {
+  try {
+    emit("export-progress", 10);
+
+    // 处理数据
+    const processedData = processData(data);
+    emit("export-progress", 30);
+
+    // 创建工作簿
+    const workbook = XLSX.utils.book_new();
+
+    // 设置工作簿属性
+    if (props.workbookOptions) {
+      workbook.Props = {
+        Title: filename,
+        Subject: "数据导出",
+        Author: props.workbookOptions.creator || "Art Design Pro",
+        Manager: props.workbookOptions.lastModifiedBy || "",
+        Company: "系统导出",
+        Category: "数据",
+        Keywords: "excel,export,data",
+        Comments: "由系统自动生成",
+        CreatedDate: props.workbookOptions.created || new Date(),
+        ModifiedDate: props.workbookOptions.modified || new Date(),
+      };
+    }
+
+    emit("export-progress", 50);
+
+    // 创建工作表
+    const worksheet = XLSX.utils.json_to_sheet(processedData);
+
+    // 设置列宽度
+    worksheet["!cols"] = calculateColumnWidths(processedData);
+
+    emit("export-progress", 70);
+
+    // 添加工作表到工作簿
+    XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);
+
+    emit("export-progress", 85);
+
+    // 生成 Excel 文件
+    const excelBuffer = XLSX.write(workbook, {
+      bookType: "xlsx",
+      type: "array",
+      compression: true,
+    });
+
+    // 创建 Blob 并下载
+    const blob = new Blob([excelBuffer], {
+      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    });
+
+    emit("export-progress", 95);
+
+    // 使用时间戳确保文件名唯一
+    const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
+    const finalFilename = `${filename}_${timestamp}.xlsx`;
+
+    FileSaver.saveAs(blob, finalFilename);
+
+    emit("export-progress", 100);
+
+    // 等待下载开始
+    await nextTick();
+
+    return Promise.resolve();
+  } catch (error) {
+    throw new ExportError(`Excel 导出失败: ${(error as Error).message}`, "EXPORT_FAILED", error);
+  }
+};
+
+/** 处理导出 */
+const handleExport = useThrottleFn(async () => {
+  if (isExporting.value) return;
+
+  isExporting.value = true;
+
+  try {
+    // 验证数据
+    validateData(props.data);
+
+    // 触发导出前事件
+    emit("before-export", props.data);
+
+    // 执行导出
+    await exportToExcel(props.data, props.filename, props.sheetName);
+
+    // 触发成功事件
+    emit("export-success", props.filename, props.data.length);
+
+    // 显示成功消息
+    if (props.showSuccessMessage) {
+      ElMessage.success({
+        message: `成功导出 ${props.data.length} 条数据`,
+        duration: 3000,
+      });
+    }
+  } catch (error) {
+    const exportError =
+      error instanceof ExportError
+        ? error
+        : new ExportError(`导出失败: ${(error as Error).message}`, "UNKNOWN_ERROR", error);
+
+    // 触发错误事件
+    emit("export-error", exportError);
+
+    // 显示错误消息
+    if (props.showErrorMessage) {
+      ElMessage.error({
+        message: exportError.message,
+        duration: 5000,
+      });
+    }
+
+    console.error("Excel 导出错误:", exportError);
+  } finally {
+    isExporting.value = false;
+    emit("export-progress", 0);
+  }
+}, 1000);
+
+// 暴露方法供父组件调用
+defineExpose({
+  exportData: handleExport,
+  isExporting: readonly(isExporting),
+  hasData,
+});
+</script>
+
+<style scoped>
+.is-loading {
+  animation: rotating 2s linear infinite;
+}
+
+@keyframes rotating {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+</style>
+
+<!-- <template>
+  <div class="page-content">
+    <FaExcelImport @import-success="handleImportSuccess" @import-error="handleImportError">
+      <template #import-text>上传 Excel</template>
+    </FaExcelImport>
+
+    <FaExcelExport
+      :style="'margin-left: 10px'"
+      :data="tableData"
+      filename="用户数据-1"
+      sheetName="用户列表"
+      type="success"
+      :headers="headers"
+      auto-index
+      :columns="columnConfig"
+      @export-success="handleExportSuccess"
+      @export-error="handleExportError"
+      @export-progress="handleProgress"
+    >
+      导出 Excel
+    </FaExcelExport>
+
+    <ElButton type="danger" @click="handleClear" v-ripple>清除数据</ElButton>
+
+    <FaTable :data="tableData" :style="'margin-top: 10px'">
+      <ElTableColumn type="index" label="序号" width="60" />
+      <ElTableColumn
+        v-for="key in Object.keys(headers)"
+        :key="key"
+        :prop="key"
+        :label="headers[key as keyof typeof headers]"
+      />
+    </FaTable>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaExcelExportDemo" });
+
+/**
+ * 表格数据类型定义
+ */
+interface TableData {
+  name: string;
+  age: number;
+  city: string;
+}
+
+/**
+ * 表格数据
+ */
+const tableData = ref<TableData[]>([
+  { name: "李四", age: 20, city: "上海" },
+  { name: "张三", age: 25, city: "北京" },
+  { name: "王五", age: 30, city: "广州" },
+  { name: "赵六", age: 35, city: "深圳" },
+  { name: "孙七", age: 28, city: "杭州" },
+  { name: "周八", age: 32, city: "成都" },
+  { name: "吴九", age: 27, city: "武汉" },
+  { name: "郑十", age: 40, city: "南京" },
+  { name: "刘一", age: 22, city: "重庆" },
+  { name: "陈二", age: 33, city: "西安" },
+]);
+
+/**
+ * 表头映射配置
+ * 用于 Excel 导入导出时的字段映射
+ */
+const headers = {
+  name: "姓名",
+  age: "年龄",
+  city: "城市",
+};
+
+/**
+ * 列配置
+ * 用于 Excel 导出时的列宽和格式化
+ */
+const columnConfig = {
+  name: {
+    title: "姓名",
+    width: 20,
+    formatter: (value: unknown) => (value ? String(value) : "未知"),
+  },
+  age: {
+    title: "年龄",
+    width: 10,
+    formatter: (value: unknown) => (value ? `${value}岁` : "0岁"),
+  },
+  city: {
+    title: "城市",
+    width: 12,
+    formatter: (value: unknown) => (value ? `${value}市` : "未知"),
+  },
+};
+
+/**
+ * 处理 Excel 导入成功
+ * 将导入的数据转换为表格数据格式
+ * @param data 导入的原始数据
+ */
+const handleImportSuccess = (data: Array<Record<string, unknown>>) => {
+  const formattedData: TableData[] = data.map((item) => ({
+    name: String(item["姓名"] || ""),
+    age: Number(item["年龄"]) || 0,
+    city: String(item["城市"] || ""),
+  }));
+  tableData.value = formattedData;
+  ElMessage.success(`成功导入 ${formattedData.length} 条数据`);
+};
+
+/**
+ * 处理 Excel 导入错误
+ * @param error 错误对象
+ */
+const handleImportError = (error: Error) => {
+  console.error("导入失败:", error);
+  ElMessage.error(`导入失败: ${error.message}`);
+};
+
+/**
+ * 处理 Excel 导出成功
+ */
+const handleExportSuccess = () => {
+  ElMessage.success("Excel 导出成功");
+};
+
+/**
+ * 处理 Excel 导出错误
+ * @param error 错误对象
+ */
+const handleExportError = (error: Error) => {
+  ElMessage.error(`导出失败: ${error.message}`);
+};
+
+/**
+ * 处理导出进度
+ * @param progress 导出进度百分比
+ */
+const handleProgress = (progress: number) => {
+  // 进度由进度条 UI 实时显示
+};
+
+/**
+ * 清空表格数据
+ */
+const handleClear = () => {
+  tableData.value = [];
+  ElMessage.info("已清空数据");
+};
+</script> -->
diff --git a/src/components/forms/fa-excel-import/index.vue b/src/components/forms/fa-excel-import/index.vue
new file mode 100644
index 0000000..5b330aa
--- /dev/null
+++ b/src/components/forms/fa-excel-import/index.vue
@@ -0,0 +1,235 @@
+<!-- 导入 Excel 文件 -->
+<template>
+  <div class="inline-block">
+    <ElUpload
+      :auto-upload="false"
+      :accept="accept"
+      :show-file-list="false"
+      :disabled="disabled"
+      @change="handleFileChange"
+    >
+      <ElButton type="primary" v-ripple :loading="loading">
+        <slot>{{ buttonText }}</slot>
+      </ElButton>
+    </ElUpload>
+  </div>
+</template>
+
+<script setup lang="ts">
+import * as XLSX from "xlsx";
+import type { UploadFile } from "element-plus";
+
+defineOptions({ name: "FaExcelImport" });
+
+interface Props {
+  /** 接受的文件类型 */
+  accept?: string;
+  /** 按钮文本 */
+  buttonText?: string;
+  /** 加载状态 */
+  loading?: boolean;
+  /** 是否禁用 */
+  disabled?: boolean;
+}
+
+withDefaults(defineProps<Props>(), {
+  accept: ".xlsx, .xls",
+  buttonText: "导入 Excel",
+  loading: false,
+  disabled: false,
+});
+
+// Excel 导入工具函数
+async function importExcel(file: File): Promise<Array<Record<string, unknown>>> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+
+    reader.onload = (e) => {
+      try {
+        const data = e.target?.result;
+        const workbook = XLSX.read(data, { type: "array" });
+        const firstSheetName = workbook.SheetNames[0]!;
+        const worksheet = workbook.Sheets[firstSheetName]!;
+        const results = XLSX.utils.sheet_to_json(worksheet);
+        resolve(results as Array<Record<string, unknown>>);
+      } catch (error) {
+        reject(error);
+      }
+    };
+
+    reader.onerror = (error) => reject(error);
+    reader.readAsArrayBuffer(file);
+  });
+}
+
+// 定义 emits
+interface Emits {
+  "import-success": [data: Array<Record<string, unknown>>];
+  "import-error": [error: Error];
+}
+
+const emit = defineEmits<Emits>();
+
+// 处理文件导入
+const handleFileChange = async (uploadFile: UploadFile) => {
+  try {
+    if (!uploadFile.raw) return;
+    const results = await importExcel(uploadFile.raw);
+    emit("import-success", results);
+  } catch (error) {
+    emit("import-error", error as Error);
+  }
+};
+</script>
+
+<!-- <template>
+  <div class="page-content">
+    <FaExcelImport @import-success="handleImportSuccess" @import-error="handleImportError">
+      <template #import-text>上传 Excel</template>
+    </FaExcelImport>
+
+    <FaExcelExport
+      :style="'margin-left: 10px'"
+      :data="tableData"
+      filename="用户数据-1"
+      sheetName="用户列表"
+      type="success"
+      :headers="headers"
+      auto-index
+      :columns="columnConfig"
+      @export-success="handleExportSuccess"
+      @export-error="handleExportError"
+      @export-progress="handleProgress"
+    >
+      导出 Excel
+    </FaExcelExport>
+
+    <ElButton type="danger" @click="handleClear" v-ripple>清除数据</ElButton>
+
+    <FaTable :data="tableData" :style="'margin-top: 10px'">
+      <ElTableColumn type="index" label="序号" width="60" />
+      <ElTableColumn
+        v-for="key in Object.keys(headers)"
+        :key="key"
+        :prop="key"
+        :label="headers[key as keyof typeof headers]"
+      />
+    </FaTable>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaExcelImportDemo" });
+
+/**
+ * 表格数据类型定义
+ */
+interface TableData {
+  name: string;
+  age: number;
+  city: string;
+}
+
+/**
+ * 表格数据
+ */
+const tableData = ref<TableData[]>([
+  { name: "李四", age: 20, city: "上海" },
+  { name: "张三", age: 25, city: "北京" },
+  { name: "王五", age: 30, city: "广州" },
+  { name: "赵六", age: 35, city: "深圳" },
+  { name: "孙七", age: 28, city: "杭州" },
+  { name: "周八", age: 32, city: "成都" },
+  { name: "吴九", age: 27, city: "武汉" },
+  { name: "郑十", age: 40, city: "南京" },
+  { name: "刘一", age: 22, city: "重庆" },
+  { name: "陈二", age: 33, city: "西安" },
+]);
+
+/**
+ * 表头映射配置
+ * 用于 Excel 导入导出时的字段映射
+ */
+const headers = {
+  name: "姓名",
+  age: "年龄",
+  city: "城市",
+};
+
+/**
+ * 列配置
+ * 用于 Excel 导出时的列宽和格式化
+ */
+const columnConfig = {
+  name: {
+    title: "姓名",
+    width: 20,
+    formatter: (value: unknown) => (value ? String(value) : "未知"),
+  },
+  age: {
+    title: "年龄",
+    width: 10,
+    formatter: (value: unknown) => (value ? `${value}岁` : "0岁"),
+  },
+  city: {
+    title: "城市",
+    width: 12,
+    formatter: (value: unknown) => (value ? `${value}市` : "未知"),
+  },
+};
+
+/**
+ * 处理 Excel 导入成功
+ * 将导入的数据转换为表格数据格式
+ * @param data 导入的原始数据
+ */
+const handleImportSuccess = (data: Array<Record<string, unknown>>) => {
+  const formattedData: TableData[] = data.map((item) => ({
+    name: String(item["姓名"] || ""),
+    age: Number(item["年龄"]) || 0,
+    city: String(item["城市"] || ""),
+  }));
+  tableData.value = formattedData;
+  ElMessage.success(`成功导入 ${formattedData.length} 条数据`);
+};
+
+/**
+ * 处理 Excel 导入错误
+ * @param error 错误对象
+ */
+const handleImportError = (error: Error) => {
+  console.error("导入失败:", error);
+  ElMessage.error(`导入失败: ${error.message}`);
+};
+
+/**
+ * 处理 Excel 导出成功
+ */
+const handleExportSuccess = () => {
+  ElMessage.success("Excel 导出成功");
+};
+
+/**
+ * 处理 Excel 导出错误
+ * @param error 错误对象
+ */
+const handleExportError = (error: Error) => {
+  ElMessage.error(`导出失败: ${error.message}`);
+};
+
+/**
+ * 处理导出进度
+ * @param progress 导出进度百分比
+ */
+const handleProgress = (progress: number) => {
+  // 进度由进度条 UI 实时显示
+};
+
+/**
+ * 清空表格数据
+ */
+const handleClear = () => {
+  tableData.value = [];
+  ElMessage.info("已清空数据");
+};
+</script> -->
diff --git a/src/components/forms/fa-form/index.vue b/src/components/forms/fa-form/index.vue
new file mode 100644
index 0000000..d357f8f
--- /dev/null
+++ b/src/components/forms/fa-form/index.vue
@@ -0,0 +1,635 @@
+<!-- 表单组件 -->
+<!-- 支持常用表单组件、自定义组件、插槽、校验、隐藏表单项 -->
+<!-- 写法同 ElementPlus 官方文档组件，把属性写在 props 里面就可以了 -->
+<template>
+  <ElScrollbar v-if="scrollbar" :max-height="maxHeight" :view-style="{ overflowX: 'hidden' }">
+    <section class="px-4 pb-0 pt-4 md:px-4 md:pt-4">
+      <ElForm
+        ref="formRef"
+        :model="modelValue"
+        :label-position="labelPosition"
+        v-bind="{ ...$attrs }"
+      >
+        <ElRow class="flex flex-wrap" :gutter="gutter">
+          <ElCol
+            v-for="item in visibleFormItems"
+            :key="item.key"
+            :xs="getColSpan(item.span, 'xs')"
+            :sm="getColSpan(item.span, 'sm')"
+            :md="getColSpan(item.span, 'md')"
+            :lg="getColSpan(item.span, 'lg')"
+            :xl="getColSpan(item.span, 'xl')"
+          >
+            <ElFormItem
+              :prop="item.key"
+              :label-width="item.label ? item.labelWidth || labelWidth : undefined"
+            >
+              <template #label v-if="item.label">
+                <component v-if="typeof item.label !== 'string'" :is="item.label" />
+                <span v-else>{{ item.label }}</span>
+              </template>
+              <slot :name="item.key" :item="item" :modelValue="modelValue">
+                <component
+                  :is="getComponent(item)"
+                  :model-value="getFieldValue(item.key)"
+                  @update:model-value="setFieldValue(item.key, $event)"
+                  v-bind="getProps(item)"
+                >
+                  <!-- 下拉选择 -->
+                  <template v-if="item.type === 'select' && getProps(item)?.options">
+                    <ElOption
+                      v-for="option in getProps(item).options"
+                      v-bind="option"
+                      :key="option.value"
+                    />
+                  </template>
+
+                  <!-- 复选框组 -->
+                  <template v-if="item.type === 'checkboxgroup' && getProps(item)?.options">
+                    <ElCheckbox
+                      v-for="option in getProps(item).options"
+                      v-bind="option"
+                      :key="option.value"
+                    />
+                  </template>
+
+                  <!-- 单选框组 -->
+                  <template v-if="item.type === 'radiogroup' && getProps(item)?.options">
+                    <ElRadio
+                      v-for="option in getProps(item).options"
+                      v-bind="option"
+                      :key="option.value"
+                    />
+                  </template>
+
+                  <!-- 动态插槽支持 -->
+                  <template
+                    v-for="(slotFn, slotName) in getSlots(item)"
+                    :key="slotName"
+                    #[slotName]
+                  >
+                    <component :is="slotFn" />
+                  </template>
+                </component>
+              </slot>
+            </ElFormItem>
+          </ElCol>
+          <ElCol :xs="24" :sm="24" :md="span" :lg="span" :xl="span" class="max-w-full flex-1">
+            <div
+              class="mb-3 flex items-center flex-wrap justify-end md:flex-row md:items-stretch md:gap-2"
+              :style="actionButtonsStyle"
+            >
+              <div class="flex gap-2 md:justify-center">
+                <ElButton v-if="showReset" class="reset-button" @click="handleReset" v-ripple>
+                  {{ t("table.form.reset") }}
+                </ElButton>
+                <ElButton
+                  v-if="showSubmit"
+                  type="primary"
+                  class="submit-button"
+                  @click="handleSubmit"
+                  v-ripple
+                  :disabled="disabledSubmit"
+                  :loading="loading"
+                >
+                  {{ t("table.form.submit") }}
+                </ElButton>
+              </div>
+            </div>
+          </ElCol>
+        </ElRow>
+      </ElForm>
+    </section>
+  </ElScrollbar>
+  <!-- 不使用滚动条时直接渲染 -->
+  <section v-else class="px-4 pb-0 pt-4 md:px-4 md:pt-4">
+    <ElForm
+      ref="formRef"
+      :model="modelValue"
+      :label-position="labelPosition"
+      v-bind="{ ...$attrs }"
+    >
+      <ElRow class="flex flex-wrap" :gutter="gutter">
+        <ElCol
+          v-for="item in visibleFormItems"
+          :key="item.key"
+          :xs="getColSpan(item.span, 'xs')"
+          :sm="getColSpan(item.span, 'sm')"
+          :md="getColSpan(item.span, 'md')"
+          :lg="getColSpan(item.span, 'lg')"
+          :xl="getColSpan(item.span, 'xl')"
+        >
+          <ElFormItem
+            :prop="item.key"
+            :label-width="item.label ? item.labelWidth || labelWidth : undefined"
+          >
+            <template #label v-if="item.label">
+              <component v-if="typeof item.label !== 'string'" :is="item.label" />
+              <span v-else>{{ item.label }}</span>
+            </template>
+            <slot :name="item.key" :item="item" :modelValue="modelValue">
+              <component
+                :is="getComponent(item)"
+                :model-value="getFieldValue(item.key)"
+                @update:model-value="setFieldValue(item.key, $event)"
+                v-bind="getProps(item)"
+              >
+                <template v-if="item.type === 'select' && getProps(item)?.options">
+                  <ElOption
+                    v-for="option in getProps(item).options"
+                    v-bind="option"
+                    :key="option.value"
+                  />
+                </template>
+                <template v-if="item.type === 'checkboxgroup' && getProps(item)?.options">
+                  <ElCheckbox
+                    v-for="option in getProps(item).options"
+                    v-bind="option"
+                    :key="option.value"
+                  />
+                </template>
+                <template v-if="item.type === 'radiogroup' && getProps(item)?.options">
+                  <ElRadio
+                    v-for="option in getProps(item).options"
+                    v-bind="option"
+                    :key="option.value"
+                  />
+                </template>
+                <template v-for="(slotFn, slotName) in getSlots(item)" :key="slotName" #[slotName]>
+                  <component :is="slotFn" />
+                </template>
+              </component>
+            </slot>
+          </ElFormItem>
+        </ElCol>
+        <ElCol :xs="24" :sm="24" :md="span" :lg="span" :xl="span" class="max-w-full flex-1">
+          <div
+            class="mb-3 flex items-center flex-wrap justify-end md:flex-row md:items-stretch md:gap-2"
+            :style="actionButtonsStyle"
+          >
+            <div class="flex gap-2 md:justify-center">
+              <ElButton v-if="showReset" class="reset-button" @click="handleReset" v-ripple>
+                {{ t("table.form.reset") }}
+              </ElButton>
+              <ElButton
+                v-if="showSubmit"
+                type="primary"
+                class="submit-button"
+                @click="handleSubmit"
+                v-ripple
+                :disabled="disabledSubmit"
+                :loading="loading"
+              >
+                {{ t("table.form.submit") }}
+              </ElButton>
+            </div>
+          </div>
+        </ElCol>
+      </ElRow>
+    </ElForm>
+  </section>
+</template>
+
+<script setup lang="ts">
+/**
+ * FaForm —— 动态表单组件。
+ *
+ * 渲染策略：items 配置项数组 → componentMap[type] 映射组件 → 动态 :is 渲染。
+ * 支持所有 Element Plus 表单组件类型、自定义 render、插槽插写。
+ *
+ * @see SearchFormItem 接口定义
+ */
+import { useWindowSize } from "@vueuse/core";
+import { useI18n } from "vue-i18n";
+import { toRaw, type Component } from "vue";
+import FaDatePicker from "@/components/forms/fa-search-bar/FaDatePicker.vue";
+import {
+  ElCascader,
+  ElCheckbox,
+  ElCheckboxGroup,
+  ElInput,
+  ElInputTag,
+  ElInputNumber,
+  ElRadioGroup,
+  ElRate,
+  ElSelect,
+  ElSlider,
+  ElSwitch,
+  ElTimePicker,
+  ElTimeSelect,
+  ElTreeSelect,
+  type FormInstance,
+} from "element-plus";
+import { calculateResponsiveSpan, type ResponsiveBreakpoint } from "@utils";
+
+defineOptions({ name: "FaForm" });
+
+const componentMap = {
+  input: ElInput, // 输入框
+  inputtag: ElInputTag, // 标签输入框
+  number: ElInputNumber, // 数字输入框
+  select: ElSelect, // 选择器
+  switch: ElSwitch, // 开关
+  checkbox: ElCheckbox, // 复选框
+  checkboxgroup: ElCheckboxGroup, // 复选框组
+  radiogroup: ElRadioGroup, // 单选框组
+  date: FaDatePicker, // 日期选择器
+  daterange: FaDatePicker, // 日期范围选择器
+  datetime: FaDatePicker, // 日期时间选择器
+  datetimerange: FaDatePicker, // 日期时间范围选择器
+  rate: ElRate, // 评分
+  slider: ElSlider, // 滑块
+  cascader: ElCascader, // 级联选择器
+  timepicker: ElTimePicker, // 时间选择器
+  timeselect: ElTimeSelect, // 时间选择
+  treeselect: ElTreeSelect, // 树选择器
+};
+
+const { width } = useWindowSize();
+const { t } = useI18n();
+const isMobile = computed(() => width.value < 500); // 表单窄布局阈值
+
+const formInstance = useTemplateRef<FormInstance>("formRef");
+
+// 表单项配置
+export interface FormItem {
+  /** 表单项的唯一标识 */
+  key: string;
+  /** 表单项的标签文本或自定义渲染函数 */
+  label: string | (() => VNode) | Component;
+  /** 表单项标签的宽度，会覆盖 Form 的 labelWidth */
+  labelWidth?: string | number;
+  /** 表单项类型，支持预定义的组件类型 */
+  type?: keyof typeof componentMap | string;
+  /** 自定义渲染函数或组件，用于渲染自定义组件（优先级高于 type） */
+  render?: (() => VNode) | Component;
+  /** 是否隐藏该表单项 */
+  hidden?: boolean;
+  /** 表单项占据的列宽，基于24格栅格系统 */
+  span?: number;
+  /** 选项数据，用于 select、checkbox-group、radio-group 等 */
+  options?: Record<string, any>;
+  /** 传递给表单项组件的属性 */
+  props?: Record<string, any>;
+  /** 表单项的插槽配置 */
+  slots?: Record<string, (() => any) | undefined>;
+  /** 表单项的占位符文本 */
+  placeholder?: string;
+  /** 更多属性配置请参考 ElementPlus 官方文档 */
+}
+
+// 表单配置
+interface Props {
+  /** 表单数据 */
+  items: FormItem[];
+  /** 每列的宽度（基于 24 格布局） */
+  span?: number;
+  /** 表单控件间隙 */
+  gutter?: number;
+  /** 表单域标签的位置 */
+  labelPosition?: "left" | "right" | "top";
+  /** 文字宽度 */
+  labelWidth?: string | number;
+  /** 按钮靠左对齐限制（表单项小于等于该值时） */
+  buttonLeftLimit?: number;
+  /** 是否显示重置按钮 */
+  showReset?: boolean;
+  /** 是否显示提交按钮 */
+  showSubmit?: boolean;
+  /** 是否禁用提交按钮 */
+  disabledSubmit?: boolean;
+  /** 提交按钮 loading（防止重复提交） */
+  loading?: boolean;
+  /** 提交时是否清洗空值 */
+  sanitizeOutput?: Partial<SanitizeOutputOptions>;
+  /** 是否需要内置 ElScrollbar 包裹 */
+  scrollbar?: boolean;
+  /** ElScrollbar 最大高度 */
+  maxHeight?: string;
+}
+
+interface SanitizeOutputOptions {
+  /** 移除空字符串 */
+  removeEmptyString: boolean;
+  /** 移除空数组 */
+  removeEmptyArray: boolean;
+  /** 移除清洗后为空的对象 */
+  removeEmptyObject: boolean;
+  /** 移除空富文本占位内容，如 <p><br></p> */
+  removeEmptyRichText: boolean;
+  /** 保留数字 0 这类有效值 */
+  keepZero: boolean;
+  /** 保留 false 这类有效值 */
+  keepFalse: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  items: () => [],
+  span: 6,
+  gutter: 12,
+  labelPosition: "right",
+  labelWidth: "70px",
+  buttonLeftLimit: 2,
+  showReset: true,
+  showSubmit: true,
+  disabledSubmit: false,
+  loading: false,
+  sanitizeOutput: () => ({}),
+  scrollbar: false,
+  maxHeight: "75vh",
+});
+
+interface Emits {
+  reset: [];
+  submit: [Record<string, any>];
+}
+
+const emit = defineEmits<Emits>();
+
+const modelValue = defineModel<Record<string, any>>({ default: {} });
+const initialModelValue = ref<Record<string, any>>({});
+
+// 保存组件初始化时的表单快照，用于 reset 时恢复默认值。
+const cloneModelValue = (value: Record<string, any> | undefined) => {
+  if (!value) return {};
+
+  const deepClone = (source: unknown): unknown => {
+    if (Array.isArray(source)) {
+      return source.map((item) => deepClone(item));
+    }
+
+    if (source && typeof source === "object") {
+      const rawSource = toRaw(source);
+      return Object.keys(rawSource).reduce<Record<string, unknown>>((accumulator, key) => {
+        accumulator[key] = deepClone((rawSource as Record<string, unknown>)[key]);
+        return accumulator;
+      }, {});
+    }
+
+    return source;
+  };
+
+  return deepClone(toRaw(value)) as Record<string, any>;
+};
+
+initialModelValue.value = cloneModelValue(modelValue.value);
+
+const rootProps = ["label", "labelWidth", "key", "type", "hidden", "span", "slots"];
+// 输出时的清洗策略默认偏“接口友好”，但允许按业务覆盖。
+const sanitizeOutputOptions = computed<SanitizeOutputOptions>(() => ({
+  removeEmptyString: true,
+  removeEmptyArray: true,
+  removeEmptyObject: true,
+  removeEmptyRichText: true,
+  keepZero: true,
+  keepFalse: true,
+  ...props.sanitizeOutput,
+}));
+
+const PATH_NUMBER_RE = /^\d+$/;
+
+// 兼容 a.b、a.0.b 这类路径写法，数字段会被当作数组索引处理。
+const parsePath = (path: string) => {
+  return path
+    .split(".")
+    .filter(Boolean)
+    .map((segment) => (PATH_NUMBER_RE.test(segment) ? Number(segment) : segment));
+};
+
+const getFieldValue = (path: string) => {
+  return parsePath(path).reduce<any>((currentValue, segment) => {
+    if (currentValue == null) return undefined;
+    return currentValue[segment];
+  }, modelValue.value);
+};
+
+// 清空字段时只删除路径的最后一段，避免误删同级数据。
+const deleteFieldValue = (path: string) => {
+  const segments = parsePath(path);
+  if (!segments.length) return;
+
+  const lastSegment = segments.pop();
+  const parent = segments.reduce<any>((currentValue, segment) => {
+    if (currentValue == null) return undefined;
+    return currentValue[segment];
+  }, modelValue.value);
+
+  if (parent != null && lastSegment !== undefined) {
+    delete parent[lastSegment];
+  }
+};
+
+// 表单清空输入时不保留空字符串，同时按路径自动补齐中间对象或数组。
+const setFieldValue = (path: string, value: unknown) => {
+  const normalizedValue = value === "" ? undefined : value;
+  const segments = parsePath(path);
+
+  if (!segments.length) return;
+
+  if (normalizedValue === undefined) {
+    deleteFieldValue(path);
+    return;
+  }
+
+  let currentValue: any = modelValue.value;
+
+  segments.forEach((segment, index) => {
+    const isLast = index === segments.length - 1;
+
+    if (isLast) {
+      currentValue[segment] = normalizedValue;
+      return;
+    }
+
+    const nextSegment = segments[index + 1];
+    const nextContainer = typeof nextSegment === "number" ? [] : {};
+
+    if (
+      currentValue[segment] === null ||
+      currentValue[segment] === undefined ||
+      typeof currentValue[segment] !== "object"
+    ) {
+      currentValue[segment] = nextContainer;
+    }
+
+    currentValue = currentValue[segment];
+  });
+};
+
+const isRichTextEmpty = (value: string) => {
+  if (/<(img|video|audio|iframe|embed|object)\b/i.test(value)) {
+    return false;
+  }
+
+  // 去掉编辑器常见占位标签后再判断是否还有实际内容。
+  return (
+    value
+      .replace(/&nbsp;/gi, "")
+      .replace(/<br\s*\/?>/gi, "")
+      .replace(/<[^>]*>/g, "")
+      .trim() === ""
+  );
+};
+
+// 提交时按配置清洗空值，但保留 0 和 false 这类有效值。
+const sanitizeOutputValue = (value: unknown): unknown => {
+  const options = sanitizeOutputOptions.value;
+
+  if (Array.isArray(value)) {
+    const sanitizedArray = value
+      .map((item) => sanitizeOutputValue(item))
+      .filter((item) => item !== undefined);
+    return sanitizedArray.length === 0 && options.removeEmptyArray ? undefined : sanitizedArray;
+  }
+
+  if (value && typeof value === "object") {
+    const rawValue = toRaw(value);
+    const sanitizedObject = Object.entries(rawValue).reduce<Record<string, unknown>>(
+      (accumulator, [key, item]) => {
+        const sanitizedItem = sanitizeOutputValue(item);
+        if (sanitizedItem !== undefined) {
+          accumulator[key] = sanitizedItem;
+        }
+        return accumulator;
+      },
+      {}
+    );
+    return Object.keys(sanitizedObject).length === 0 && options.removeEmptyObject
+      ? undefined
+      : sanitizedObject;
+  }
+
+  if (typeof value === "string") {
+    if (options.removeEmptyString && value.trim() === "") {
+      return undefined;
+    }
+    if (options.removeEmptyRichText && isRichTextEmpty(value)) {
+      return undefined;
+    }
+    return value;
+  }
+
+  if (value === 0) {
+    return options.keepZero ? value : undefined;
+  }
+
+  if (value === false) {
+    return options.keepFalse ? value : undefined;
+  }
+
+  return value ?? undefined;
+};
+
+const getSanitizedOutput = () => {
+  return (sanitizeOutputValue(cloneModelValue(modelValue.value)) || {}) as Record<string, any>;
+};
+
+const getProps = (item: FormItem) => {
+  let props: Record<string, any>;
+  if (item.props) {
+    props = { ...item.props };
+  } else {
+    props = { ...item };
+    rootProps.forEach((key) => delete props[key]);
+  }
+
+  // 对于日期选择器组件，确保 type 被传递给 FaDatePicker
+  const datePickerTypes = ["date", "daterange", "datetime", "datetimerange", "monthrange"];
+  if (item.type && datePickerTypes.includes(item.type) && !props.type) {
+    props.type = item.type;
+  }
+
+  return props;
+};
+
+// 获取插槽
+const getSlots = (item: FormItem) => {
+  if (!item.slots) return {};
+  const validSlots: Record<string, () => any> = {};
+  Object.entries(item.slots).forEach(([key, slotFn]) => {
+    if (slotFn) {
+      validSlots[key] = slotFn;
+    }
+  });
+  return validSlots;
+};
+
+// 组件
+const getComponent = (item: FormItem) => {
+  // 优先使用 render 函数或组件渲染自定义组件
+  if (item.render) {
+    return item.render;
+  }
+  // 使用 type 获取预定义组件
+  const { type } = item;
+  return componentMap[type as keyof typeof componentMap] || componentMap["input"];
+};
+
+/**
+ * 获取列宽 span 值
+ * 根据屏幕尺寸智能降级，避免小屏幕上表单项被压缩过小
+ */
+const getColSpan = (itemSpan: number | undefined, breakpoint: ResponsiveBreakpoint): number => {
+  return calculateResponsiveSpan(itemSpan, span.value, breakpoint);
+};
+
+/**
+ * 可见的表单项
+ */
+const visibleFormItems = computed(() => {
+  return props.items.filter((item) => !item.hidden);
+});
+
+/**
+ * 操作按钮样式
+ */
+const actionButtonsStyle = computed(() => ({
+  "justify-content": isMobile.value
+    ? "flex-end"
+    : props.items.filter((item) => !item.hidden).length <= props.buttonLeftLimit
+      ? "flex-start"
+      : "flex-end",
+}));
+
+/**
+ * 处理重置事件
+ */
+const handleReset = () => {
+  // 重置表单字段（UI 层）
+  formInstance.value?.resetFields();
+
+  // 恢复初始表单值，保留默认值而不是简单清空。
+  Object.keys(modelValue.value).forEach((key) => {
+    delete modelValue.value[key];
+  });
+  Object.assign(modelValue.value, cloneModelValue(initialModelValue.value));
+
+  // 触发 reset 事件
+  emit("reset");
+};
+
+/**
+ * 处理提交事件
+ */
+const handleSubmit = () => {
+  // 对外只抛出清洗后的结果，避免业务层重复过滤空值。
+  emit("submit", getSanitizedOutput());
+};
+
+defineExpose({
+  ref: formInstance,
+  validate: (...args: any[]) => formInstance.value?.validate(...args),
+  /** 代理 ElForm.resetFields */
+  resetFields: (...args: any[]) => formInstance.value?.resetFields(...args),
+  /** 代理 ElForm.clearValidate */
+  clearValidate: (...args: any[]) => formInstance.value?.clearValidate(...args),
+  /** 代理 ElForm.validateField */
+  validateField: (...args: any[]) => formInstance.value?.validateField(...args),
+  reset: handleReset,
+  // 允许外部在不触发提交事件时主动获取清洗后的输出。
+  getOutput: getSanitizedOutput,
+});
+
+// 解构 props 以便在模板中直接使用
+const { span, gutter, labelPosition, labelWidth } = toRefs(props);
+</script>
diff --git a/src/components/forms/fa-search-bar/FaDatePicker.vue b/src/components/forms/fa-search-bar/FaDatePicker.vue
new file mode 100644
index 0000000..ebd82dd
--- /dev/null
+++ b/src/components/forms/fa-search-bar/FaDatePicker.vue
@@ -0,0 +1,140 @@
+<!-- 封装日期选择器，支持所有 ElDatePicker 类型，带快捷选项 -->
+<template>
+  <div class="custom-date-picker">
+    <ElDatePicker
+      :model-value="modelValue"
+      :type="pickerType"
+      :format="pickerFormat"
+      :value-format="pickerFormat"
+      :range-separator="rangeSeparator"
+      :start-placeholder="startPlaceholder"
+      :end-placeholder="endPlaceholder"
+      :shortcuts="isRangeType ? shortcuts : undefined"
+      v-bind="$attrs"
+      @update:model-value="(val) => emit('update:model-value', val)"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+
+type DatePickerType =
+  | "year"
+  | "month"
+  | "date"
+  | "dates"
+  | "week"
+  | "datetime"
+  | "datetimerange"
+  | "daterange"
+  | "monthrange";
+
+defineOptions({ name: "FaDatePicker" });
+
+interface Props {
+  modelValue?: any;
+  type?: DatePickerType;
+  format?: string;
+  rangeSeparator?: string;
+  startPlaceholder?: string;
+  endPlaceholder?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  type: "datetimerange",
+  rangeSeparator: "至",
+  startPlaceholder: "开始日期",
+  endPlaceholder: "结束日期",
+});
+
+interface Emits {
+  (e: "update:model-value", value: any): void;
+}
+
+const emit = defineEmits<Emits>();
+
+/** 是否为范围选择模式 */
+const isRangeType = computed(() => {
+  return ["datetimerange", "daterange", "monthrange"].includes(props.type);
+});
+
+/** 根据 type 推导默认格式 */
+const pickerFormat = computed(() => {
+  if (props.format) return props.format;
+  switch (props.type) {
+    case "datetime":
+    case "datetimerange":
+      return "YYYY-MM-DD HH:mm:ss";
+    case "date":
+    case "daterange":
+      return "YYYY-MM-DD";
+    case "month":
+    case "monthrange":
+      return "YYYY-MM";
+    case "year":
+      return "YYYY";
+    case "week":
+      return "YYYY-wo";
+    default:
+      return "YYYY-MM-DD";
+  }
+});
+
+const pickerType = computed(() => props.type);
+
+/** 快捷选项（仅范围选择器展示） */
+const shortcuts = [
+  {
+    text: "近一天",
+    value: () => {
+      const end = new Date();
+      const start = new Date();
+      start.setTime(start.getTime() - 3600 * 1000 * 24);
+      return [start, end];
+    },
+  },
+  {
+    text: "近三天",
+    value: () => {
+      const end = new Date();
+      const start = new Date();
+      start.setTime(start.getTime() - 3600 * 1000 * 24 * 3);
+      return [start, end];
+    },
+  },
+  {
+    text: "近一周",
+    value: () => {
+      const end = new Date();
+      const start = new Date();
+      start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+      return [start, end];
+    },
+  },
+  {
+    text: "近一个月",
+    value: () => {
+      const end = new Date();
+      const start = new Date();
+      start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+      return [start, end];
+    },
+  },
+  {
+    text: "近三个月",
+    value: () => {
+      const end = new Date();
+      const start = new Date();
+      start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+      return [start, end];
+    },
+  },
+];
+</script>
+
+<style lang="scss" scoped>
+.custom-date-picker {
+  width: 100%;
+}
+</style>
diff --git a/src/components/forms/fa-search-bar/FaUserTableSelect.vue b/src/components/forms/fa-search-bar/FaUserTableSelect.vue
new file mode 100644
index 0000000..b8b052d
--- /dev/null
+++ b/src/components/forms/fa-search-bar/FaUserTableSelect.vue
@@ -0,0 +1,138 @@
+<!-- 列表选择器 -->
+<template>
+  <FaTableSelect
+    :text="text"
+    :select-config="selectConfig"
+    @confirm-click="handleConfirm"
+    @clear-click="handleClearSelection"
+  >
+    <template #status="scope">
+      <ElTag :type="scope.row[scope.prop] === '0' ? 'success' : 'danger'">
+        {{ scope.row[scope.prop] === "0" ? "启用" : "停用" }}
+      </ElTag>
+    </template>
+  </FaTableSelect>
+</template>
+
+<script setup lang="ts">
+import type { ISelectConfig } from "@/components/others/fa-table-select/index.vue";
+import UserAPI, { UserPageQuery } from "@/api/module_system/user";
+
+defineOptions({ name: "FaUserTableSelect" });
+
+interface Props {
+  modelValue?: number;
+}
+
+const props = withDefaults(defineProps<Props>(), {});
+
+interface Emits {
+  confirmClick: [data: IUser[]];
+  "update:modelValue": [val: number | undefined];
+}
+
+const emit = defineEmits<Emits>();
+
+const selectConfig: ISelectConfig = {
+  pk: "id",
+  /** 与 FaSearchBar 栅格内 ElInput 一致，占满表单项内容区 */
+  width: "100%",
+  placeholder: "请选择用户",
+  popover: {
+    width: 720, // 弹出层宽度，提升可用性（约 720px）
+  },
+  formItems: [
+    {
+      type: "select",
+      label: "状态",
+      prop: "status",
+      initialValue: "0",
+      attrs: {
+        placeholder: "全部",
+        clearable: true,
+        style: {
+          width: "140px",
+        },
+      },
+      options: [
+        { label: "启用", value: "0" },
+        { label: "停用", value: "1" },
+      ],
+    },
+  ],
+  async indexAction(params: UserPageQuery) {
+    // 映射查询参数到后端接口
+    const query: any = { ...params };
+    // 清理空字符串/空值，避免后端 422
+    Object.keys(query).forEach((k) => {
+      const v = query[k];
+      if (v === "" || v === null || v === undefined) {
+        delete query[k];
+      }
+    });
+    // 规范化状态为布尔值
+    if (typeof query.status === "string") {
+      if (query.status === "true") query.status = true;
+      else if (query.status === "false") query.status = false;
+    }
+    // 请求用户分页列表并适配 TableSelect 需要的结构
+    const res = await UserAPI.listUser(query);
+    return {
+      total: res.data.data.total,
+      list: res.data.data.items,
+    };
+  },
+  tableColumns: [
+    { type: "selection", width: 50, align: "center" },
+    { label: "编号", align: "center", prop: "id", width: 100 },
+    { label: "账号", align: "center", prop: "username" },
+    { label: "用户名", align: "center", prop: "name", width: 120 },
+    {
+      label: "状态",
+      align: "center",
+      prop: "status",
+      templet: "custom",
+      slotName: "status",
+    },
+  ],
+};
+
+interface IUser {
+  id: number;
+  username: string;
+  name: string;
+  mobile?: string;
+  gender?: string;
+  avatar?: string;
+  email?: string | null;
+  status?: number;
+  dept_name?: string;
+  role_names?: string[];
+  created_time?: string;
+}
+const selectedUser = ref<IUser>();
+function handleConfirm(data: IUser[]) {
+  selectedUser.value = data[0];
+  const id = selectedUser.value?.id;
+  emit("update:modelValue", id);
+  emit("confirmClick", data);
+}
+function handleClearSelection() {
+  selectedUser.value = undefined;
+  emit("update:modelValue", undefined);
+}
+
+// 当父组件重置 v-model（modelValue）为 undefined 时，清空本地显示
+watch(
+  () => props.modelValue,
+  (val) => {
+    if (val === undefined || val === null) {
+      selectedUser.value = undefined;
+    }
+  }
+);
+
+const text = computed(() => {
+  return selectedUser.value ? `${selectedUser.value.username} - ${selectedUser.value.name}` : "";
+});
+</script>
diff --git a/src/components/forms/fa-search-bar/auditSearchFormItems.ts b/src/components/forms/fa-search-bar/auditSearchFormItems.ts
new file mode 100644
index 0000000..6db6282
--- /dev/null
+++ b/src/components/forms/fa-search-bar/auditSearchFormItems.ts
@@ -0,0 +1,135 @@
+import type { SearchFormItem } from "./index.vue";
+
+/** 与创建/更新人、时间范围配套的后端查询字段（可与其他业务条件组合） */
+export type AuditSearchFormParams = {
+  created_id?: number | null;
+  updated_id?: number | null;
+  created_time?: string[];
+  updated_time?: string[];
+  tenant_id?: number | null;
+};
+
+export interface GetAuditSearchFormItemsOptions {
+  /** 栅格列宽，与 FaSearchBar `span` 一致时建议传相同值，默认 6 */
+  span?: number;
+  createdByLabel?: string;
+  updatedByLabel?: string;
+  createdTimeLabel?: string;
+  updatedTimeLabel?: string;
+  tenantIdLabel?: string;
+  createdByPlaceholder?: string;
+  updatedByPlaceholder?: string;
+  tenantIdPlaceholder?: string;
+  /** 日期时间范围 valueFormat，默认 YYYY-MM-DD HH:mm:ss */
+  valueFormat?: string;
+  rangeSeparator?: string;
+  startPlaceholder?: string;
+  endPlaceholder?: string;
+  /** 是否显示租户ID字段，默认 false */
+  showTenantId?: boolean;
+  /** 是否显示创建人字段，默认 true */
+  showCreatedBy?: boolean;
+  /** 是否显示更新人字段，默认 true */
+  showUpdatedBy?: boolean;
+  /** 是否显示创建时间字段，默认 true */
+  showCreatedTime?: boolean;
+  /** 是否显示更新时间字段，默认 true */
+  showUpdatedTime?: boolean;
+}
+
+/**
+ * 常见「创建人 / 更新人 / 创建时间 / 更新时间 / 租户ID」搜索项，供 FaSearchBar `items` 使用。
+ * 当 FaSearchBar 设置 `includeAudit` 为 true 时，会自动追加这些字段。
+ * 创建人、更新人插槽由 FaSearchBar 内置提供，也可通过 `#created_id`、`#updated_id` 覆盖。
+ */
+export function getAuditSearchFormItems(
+  options?: GetAuditSearchFormItemsOptions
+): SearchFormItem[] {
+  const span = options?.span ?? 6;
+  const valueFormat = options?.valueFormat ?? "YYYY-MM-DD HH:mm:ss";
+  const rangeSep = options?.rangeSeparator ?? "至";
+  const sp = options?.startPlaceholder ?? "开始";
+  const ep = options?.endPlaceholder ?? "结束";
+  const showTenantId = options?.showTenantId ?? false;
+  const showCreatedBy = options?.showCreatedBy ?? true;
+  const showUpdatedBy = options?.showUpdatedBy ?? true;
+  const showCreatedTime = options?.showCreatedTime ?? true;
+  const showUpdatedTime = options?.showUpdatedTime ?? true;
+
+  const fieldMap: Record<string, SearchFormItem> = {
+    created_id: {
+      label: options?.createdByLabel ?? "创建人",
+      key: "created_id",
+      type: "input",
+      props: {
+        placeholder: options?.createdByPlaceholder ?? "请选择创建人",
+        style: { width: "100%" },
+      },
+      span,
+      expandOnly: true, // 标记为展开专属字段
+    },
+    updated_id: {
+      label: options?.updatedByLabel ?? "更新人",
+      key: "updated_id",
+      type: "input",
+      props: {
+        placeholder: options?.updatedByPlaceholder ?? "请选择更新人",
+        style: { width: "100%" },
+      },
+      span,
+      expandOnly: true, // 标记为展开专属字段
+    },
+    created_time: {
+      label: options?.createdTimeLabel ?? "创建时间",
+      key: "created_time",
+      type: "datetimerange",
+      props: {
+        style: { width: "100%" },
+        type: "datetimerange",
+        rangeSeparator: rangeSep,
+        startPlaceholder: sp,
+        endPlaceholder: ep,
+        valueFormat,
+      },
+      span,
+      expandOnly: true, // 标记为展开专属字段
+    },
+    updated_time: {
+      label: options?.updatedTimeLabel ?? "更新时间",
+      key: "updated_time",
+      type: "datetimerange",
+      props: {
+        style: { width: "100%" },
+        type: "datetimerange",
+        rangeSeparator: rangeSep,
+        startPlaceholder: sp,
+        endPlaceholder: ep,
+        valueFormat,
+      },
+      span,
+      expandOnly: true, // 标记为展开专属字段
+    },
+    tenant_id: {
+      label: options?.tenantIdLabel ?? "租户ID",
+      key: "tenant_id",
+      type: "input",
+      props: {
+        placeholder: options?.tenantIdPlaceholder ?? "请输入租户ID",
+        style: { width: "100%" },
+      },
+      span,
+      expandOnly: true, // 标记为展开专属字段
+    },
+  };
+
+  const fieldOrder: string[] = [];
+  if (showCreatedBy) fieldOrder.push("created_id");
+  if (showUpdatedBy) fieldOrder.push("updated_id");
+  if (showCreatedTime) fieldOrder.push("created_time");
+  if (showUpdatedTime) fieldOrder.push("updated_time");
+  if (showTenantId) fieldOrder.push("tenant_id");
+
+  return fieldOrder
+    .map((key) => fieldMap[key])
+    .filter((item): item is SearchFormItem => Boolean(item));
+}
diff --git a/src/components/forms/fa-search-bar/index.vue b/src/components/forms/fa-search-bar/index.vue
new file mode 100644
index 0000000..171b7d6
--- /dev/null
+++ b/src/components/forms/fa-search-bar/index.vue
@@ -0,0 +1,656 @@
+<!-- 表格搜索组件 -->
+<!-- 支持常用表单组件、自定义组件、插槽、校验、隐藏表单项 -->
+<!-- 写法同 ElementPlus 官方文档组件，把属性写在 props 里面就可以了 -->
+<template>
+  <section class="fa-search-bar fa-card-xs" :class="{ 'is-expanded': isExpanded }">
+    <ElForm
+      ref="formRef"
+      :model="modelValue"
+      :label-position="labelPosition"
+      v-bind="{ ...$attrs }"
+    >
+      <ElRow :gutter="gutter">
+        <ElCol
+          v-for="item in visibleFormItems"
+          :key="item.key"
+          :xs="getColSpan(item.span, 'xs')"
+          :sm="getColSpan(item.span, 'sm')"
+          :md="getColSpan(item.span, 'md')"
+          :lg="getColSpan(item.span, 'lg')"
+          :xl="getColSpan(item.span, 'xl')"
+        >
+          <ElFormItem
+            :prop="item.key"
+            :label-width="item.label ? item.labelWidth || labelWidth : undefined"
+          >
+            <template #label v-if="item.label">
+              <component v-if="typeof item.label !== 'string'" :is="item.label" />
+              <span v-else>{{ item.label }}</span>
+            </template>
+            <!-- 创建人插槽 -->
+            <template v-if="item.key === 'created_id' && !$slots.created_id">
+              <div class="w-full min-w-0">
+                <FaUserTableSelect
+                  :model-value="modelValue?.created_id == null ? undefined : modelValue.created_id"
+                  @update:model-value="(v: number | undefined) => patchAuditField('created_id', v)"
+                  @confirm-click="emitImmediateSearch"
+                  @clear-click="emitImmediateSearch"
+                />
+              </div>
+            </template>
+            <!-- 更新人插槽 -->
+            <template v-else-if="item.key === 'updated_id' && !$slots.updated_id">
+              <div class="w-full min-w-0">
+                <FaUserTableSelect
+                  :model-value="modelValue?.updated_id == null ? undefined : modelValue.updated_id"
+                  @update:model-value="(v: number | undefined) => patchAuditField('updated_id', v)"
+                  @confirm-click="emitImmediateSearch"
+                  @clear-click="emitImmediateSearch"
+                />
+              </div>
+            </template>
+            <template v-else>
+              <slot :name="item.key" :item="item" :modelValue="modelValue">
+                <component
+                  :is="getComponent(item)"
+                  :model-value="getFieldValue(item.key)"
+                  @update:model-value="setFieldValue(item.key, $event)"
+                  v-bind="getProps(item)"
+                >
+                  <!-- 下拉选择 -->
+                  <template v-if="item.type === 'select' && getProps(item)?.options">
+                    <ElOption
+                      v-for="option in getProps(item).options"
+                      v-bind="option"
+                      :key="option.value"
+                    />
+                  </template>
+
+                  <!-- 复选框组 -->
+                  <template v-if="item.type === 'checkboxgroup' && getProps(item)?.options">
+                    <ElCheckbox
+                      v-for="option in getProps(item).options"
+                      v-bind="option"
+                      :key="option.value"
+                    />
+                  </template>
+
+                  <!-- 单选框组 -->
+                  <template v-if="item.type === 'radiogroup' && getProps(item)?.options">
+                    <ElRadio
+                      v-for="option in getProps(item).options"
+                      v-bind="option"
+                      :key="option.value"
+                    />
+                  </template>
+
+                  <!-- 动态插槽支持 -->
+                  <template
+                    v-for="(slotFn, slotName) in getSlots(item)"
+                    :key="slotName"
+                    #[slotName]
+                  >
+                    <component :is="slotFn" />
+                  </template>
+                </component>
+              </slot>
+            </template>
+          </ElFormItem>
+        </ElCol>
+        <ElCol :xs="24" :sm="24" :md="span" :lg="span" :xl="span" class="action-column">
+          <div class="action-buttons-wrapper" :style="actionButtonsStyle">
+            <div class="form-buttons">
+              <ElButton v-if="showReset" class="reset-button" @click="handleReset" v-ripple>
+                <template #icon>
+                  <Refresh />
+                </template>
+                {{ t("table.searchBar.reset") }}
+              </ElButton>
+              <ElButton
+                v-if="showSearch"
+                type="primary"
+                class="search-button"
+                @click="handleSearch"
+                v-ripple
+                :disabled="disabledSearch"
+              >
+                <template #icon>
+                  <Search />
+                </template>
+                {{ t("table.searchBar.search") }}
+              </ElButton>
+            </div>
+            <div v-if="shouldShowExpandToggle" class="filter-toggle" @click="toggleExpand">
+              <span>{{ expandToggleText }}</span>
+              <div class="icon-wrapper">
+                <ElIcon>
+                  <ArrowUpBold v-if="isExpanded" />
+                  <ArrowDownBold v-else />
+                </ElIcon>
+              </div>
+            </div>
+          </div>
+        </ElCol>
+      </ElRow>
+    </ElForm>
+  </section>
+</template>
+
+<script setup lang="ts">
+import { ArrowUpBold, ArrowDownBold, Refresh, Search } from "@element-plus/icons-vue";
+import { useWindowSize } from "@vueuse/core";
+import { useI18n } from "vue-i18n";
+import { toRaw, type Component } from "vue";
+import FaDatePicker from "@/components/forms/fa-search-bar/FaDatePicker.vue";
+import FaUserTableSelect from "./FaUserTableSelect.vue";
+import {
+  getAuditSearchFormItems,
+  type GetAuditSearchFormItemsOptions,
+} from "./auditSearchFormItems";
+import {
+  ElCascader,
+  ElCheckbox,
+  ElCheckboxGroup,
+  ElInput,
+  ElInputTag,
+  ElInputNumber,
+  ElRadioGroup,
+  ElRate,
+  ElSelect,
+  ElSlider,
+  ElSwitch,
+  ElTimePicker,
+  ElTimeSelect,
+  ElTreeSelect,
+  type FormInstance,
+} from "element-plus";
+import { calculateResponsiveSpan, type ResponsiveBreakpoint } from "@utils/form";
+
+defineOptions({ name: "FaSearchBar" });
+
+const componentMap = {
+  input: ElInput, // 输入框
+  inputTag: ElInputTag, // 标签输入框
+  number: ElInputNumber, // 数字输入框
+  select: ElSelect, // 选择器
+  switch: ElSwitch, // 开关
+  checkbox: ElCheckbox, // 复选框
+  checkboxgroup: ElCheckboxGroup, // 复选框组
+  radiogroup: ElRadioGroup, // 单选框组
+  date: FaDatePicker, // 日期选择器
+  daterange: FaDatePicker, // 日期范围选择器
+  datetime: FaDatePicker, // 日期时间选择器
+  datetimerange: FaDatePicker, // 日期时间范围选择器
+  rate: ElRate, // 评分
+  slider: ElSlider, // 滑块
+  cascader: ElCascader, // 级联选择器
+  timepicker: ElTimePicker, // 时间选择器
+  timeselect: ElTimeSelect, // 时间选择
+  treeselect: ElTreeSelect, // 树选择器
+};
+
+const { width } = useWindowSize();
+const { t } = useI18n();
+const isMobile = computed(() => width.value < 500); // 表单窄布局阈值
+/** H5 压缩模式：收起时只显示 1 个搜索项 */
+const h5Compact = computed(() => width.value < 768);
+const maxItemsPerRow = computed(() => (h5Compact.value ? 1 : Math.floor(24 / props.span) - 1));
+
+const formInstance = useTemplateRef<FormInstance>("formRef");
+
+// 表单项配置
+export interface SearchFormItem {
+  /** 表单项的唯一标识 */
+  key: string;
+  /** 表单项的标签文本或自定义渲染函数 */
+  label: string | (() => VNode) | Component;
+  /** 表单项标签的宽度，会覆盖 Form 的 labelWidth */
+  labelWidth?: string | number;
+  /** 表单项类型，支持预定义的组件类型 */
+  type?: keyof typeof componentMap | string;
+  /** 自定义渲染函数或组件，用于渲染自定义组件（优先级高于 type） */
+  render?: (() => VNode) | Component;
+  /** 是否隐藏该表单项 */
+  hidden?: boolean;
+  /** 是否仅在展开状态下显示（用于审计字段等次要字段） */
+  expandOnly?: boolean;
+  /** 表单项占据的列宽，基于24格栅格系统 */
+  span?: number;
+  /** 选项数据，用于 select、checkbox-group、radio-group 等 */
+  options?: Record<string, any>;
+  /** 传递给表单项组件的属性 */
+  props?: Record<string, any>;
+  /** 表单项的插槽配置 */
+  slots?: Record<string, (() => any) | undefined>;
+  /** 表单项的占位符文本 */
+  placeholder?: string;
+  /** 更多属性配置请参考 ElementPlus 官方文档 */
+}
+
+// 表单配置
+interface Props {
+  /** 表单数据 */
+  items: SearchFormItem[];
+  /** 每列的宽度（基于 24 格布局） */
+  span?: number;
+  /** 表单控件间隙 */
+  gutter?: number;
+  /** 展开/收起 */
+  isExpand?: boolean;
+  /** 默认是否展开（仅在 showExpand 为 true 且 isExpand 为 false 时生效） */
+  defaultExpanded?: boolean;
+  /** 表单域标签的位置 */
+  labelPosition?: "left" | "right" | "top";
+  /** 文字宽度 */
+  labelWidth?: string | number;
+  /** 是否需要展示，收起 */
+  showExpand?: boolean;
+  /** 按钮靠左对齐限制（表单项小于等于该值时） */
+  buttonLeftLimit?: number;
+  /** 是否显示重置按钮 */
+  showReset?: boolean;
+  /** 是否显示搜索按钮 */
+  showSearch?: boolean;
+  /** 是否禁用搜索按钮 */
+  disabledSearch?: boolean;
+  /** 搜索时是否清洗空值 */
+  sanitizeOutput?: Partial<SanitizeOutputOptions>;
+  /** 是否自动追加审计四字段（创建人/更新人/创建时间/更新时间） */
+  includeAudit?: boolean;
+  /** 传给 getAuditSearchFormItems 的选项 */
+  auditItemOptions?: GetAuditSearchFormItemsOptions;
+}
+
+interface SanitizeOutputOptions {
+  /** 移除空字符串 */
+  removeEmptyString: boolean;
+  /** 移除空数组 */
+  removeEmptyArray: boolean;
+  /** 移除清洗后为空的对象 */
+  removeEmptyObject: boolean;
+  /** 移除空富文本占位内容，如 <p><br></p> */
+  removeEmptyRichText: boolean;
+  /** 保留数字 0 这类有效筛选值 */
+  keepZero: boolean;
+  /** 保留 false 这类有效筛选值 */
+  keepFalse: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  items: () => [],
+  span: 6,
+  gutter: 12,
+  isExpand: false,
+  labelPosition: "right",
+  labelWidth: "70px",
+  showExpand: true,
+  defaultExpanded: false,
+  buttonLeftLimit: 0,
+  showReset: true,
+  showSearch: true,
+  disabledSearch: false,
+  sanitizeOutput: () => ({}),
+  includeAudit: false,
+});
+
+interface Emits {
+  reset: [];
+  search: [Record<string, any>];
+}
+
+const emit = defineEmits<Emits>();
+
+const modelValue = defineModel<Record<string, any>>({ default: {} });
+const initialModelValue = ref<Record<string, any>>({});
+
+// 审计字段配置
+const auditItems = computed(() => getAuditSearchFormItems(props.auditItemOptions));
+
+// 合并业务字段和审计字段
+const mergedItems = computed(() => {
+  if (!props.includeAudit) return props.items;
+  return [...props.items, ...auditItems.value];
+});
+
+// 保存组件初始化时的表单快照，用于 reset 时恢复默认筛选条件。
+const cloneModelValue = (value: Record<string, any> | undefined) => {
+  if (!value) return {};
+
+  const deepClone = (source: unknown): unknown => {
+    if (Array.isArray(source)) {
+      return source.map((item) => deepClone(item));
+    }
+
+    if (source && typeof source === "object") {
+      const rawSource = toRaw(source);
+      return Object.keys(rawSource).reduce<Record<string, unknown>>((accumulator, key) => {
+        accumulator[key] = deepClone((rawSource as Record<string, unknown>)[key]);
+        return accumulator;
+      }, {});
+    }
+
+    return source;
+  };
+
+  return deepClone(toRaw(value)) as Record<string, any>;
+};
+
+initialModelValue.value = cloneModelValue(modelValue.value);
+
+/**
+ * 是否展开状态
+ */
+const isExpanded = ref(props.defaultExpanded);
+
+const rootProps = ["label", "labelWidth", "key", "type", "hidden", "span", "slots"];
+// 搜索参数默认更激进地去掉空值，减少无效 query 参数。
+const sanitizeOutputOptions = computed<SanitizeOutputOptions>(() => ({
+  removeEmptyString: true,
+  removeEmptyArray: true,
+  removeEmptyObject: true,
+  removeEmptyRichText: true,
+  keepZero: true,
+  keepFalse: true,
+  ...props.sanitizeOutput,
+}));
+
+const getProps = (item: SearchFormItem) => {
+  if (item.props) return item.props;
+  const props = { ...item };
+  rootProps.forEach((key) => delete (props as Record<string, any>)[key]);
+  return props;
+};
+
+// 获取插槽
+const getSlots = (item: SearchFormItem) => {
+  if (!item.slots) return {};
+  const validSlots: Record<string, () => any> = {};
+  Object.entries(item.slots).forEach(([key, slotFn]) => {
+    if (slotFn) {
+      validSlots[key] = slotFn;
+    }
+  });
+  return validSlots;
+};
+
+/**
+ * 获取列宽 span 值
+ * 根据屏幕尺寸智能降级，避免小屏幕上表单项被压缩过小
+ */
+const getColSpan = (itemSpan: number | undefined, breakpoint: ResponsiveBreakpoint): number => {
+  return calculateResponsiveSpan(itemSpan, span.value, breakpoint);
+};
+
+// 搜索表单清空输入时不保留空字符串，避免后续请求携带空字段。
+const normalizeFieldValue = (value: unknown) => {
+  return value === "" ? undefined : value;
+};
+
+const getFieldValue = (key: string) => modelValue.value[key];
+
+const setFieldValue = (key: string, value: unknown) => {
+  const normalizedValue = normalizeFieldValue(value);
+
+  if (normalizedValue === undefined) {
+    delete modelValue.value[key];
+    return;
+  }
+
+  modelValue.value[key] = normalizedValue;
+};
+
+const isRichTextEmpty = (value: string) => {
+  if (/<(img|video|audio|iframe|embed|object)\b/i.test(value)) {
+    return false;
+  }
+
+  // 去掉编辑器常见占位标签后再判断是否还有实际内容。
+  return (
+    value
+      .replace(/&nbsp;/gi, "")
+      .replace(/<br\s*\/?>/gi, "")
+      .replace(/<[^>]*>/g, "")
+      .trim() === ""
+  );
+};
+
+// 搜索时按配置清洗空值，但保留 0 和 false 这类有效筛选条件。
+const sanitizeOutputValue = (value: unknown): unknown => {
+  const options = sanitizeOutputOptions.value;
+
+  if (Array.isArray(value)) {
+    const sanitizedArray = value
+      .map((item) => sanitizeOutputValue(item))
+      .filter((item) => item !== undefined);
+    return sanitizedArray.length === 0 && options.removeEmptyArray ? undefined : sanitizedArray;
+  }
+
+  if (value && typeof value === "object") {
+    const rawValue = toRaw(value);
+    const sanitizedObject = Object.entries(rawValue).reduce<Record<string, unknown>>(
+      (accumulator, [key, item]) => {
+        const sanitizedItem = sanitizeOutputValue(item);
+        if (sanitizedItem !== undefined) {
+          accumulator[key] = sanitizedItem;
+        }
+        return accumulator;
+      },
+      {}
+    );
+    return Object.keys(sanitizedObject).length === 0 && options.removeEmptyObject
+      ? undefined
+      : sanitizedObject;
+  }
+
+  if (typeof value === "string") {
+    if (options.removeEmptyString && value.trim() === "") {
+      return undefined;
+    }
+    if (options.removeEmptyRichText && isRichTextEmpty(value)) {
+      return undefined;
+    }
+    return value;
+  }
+
+  if (value === 0) {
+    return options.keepZero ? value : undefined;
+  }
+
+  if (value === false) {
+    return options.keepFalse ? value : undefined;
+  }
+
+  return value ?? undefined;
+};
+
+const getSanitizedOutput = () => {
+  return (sanitizeOutputValue(cloneModelValue(modelValue.value)) || {}) as Record<string, any>;
+};
+
+// 组件
+const getComponent = (item: SearchFormItem) => {
+  // 优先使用 render 函数或组件渲染自定义组件
+  if (item.render) {
+    return item.render;
+  }
+  // 使用 type 获取预定义组件
+  const { type } = item;
+  return componentMap[type as keyof typeof componentMap] || componentMap["input"];
+};
+
+/**
+ * 更新审计字段并立即触发搜索
+ */
+const patchAuditField = (key: "created_id" | "updated_id", val: number | undefined) => {
+  modelValue.value = { ...modelValue.value, [key]: val };
+};
+
+const emitImmediateSearch = () => {
+  emit("search", getSanitizedOutput());
+};
+
+/**
+ * 可见的表单项
+ */
+const visibleFormItems = computed(() => {
+  const filteredItems = mergedItems.value.filter((item) => !item.hidden);
+  const shouldShowLess = !props.isExpand && !isExpanded.value;
+  if (shouldShowLess) {
+    // 收起时：只显示非 expandOnly 的字段，且不超过最大数量
+    const nonExpandOnlyItems = filteredItems.filter((item) => !item.expandOnly);
+    return nonExpandOnlyItems.slice(0, maxItemsPerRow.value);
+  }
+  // 展开时：显示所有字段
+  return filteredItems;
+});
+
+/**
+ * 非隐藏表单项总数（包含审计字段）
+ */
+const visibleItemCount = computed(() => mergedItems.value.filter((item) => !item.hidden).length);
+
+/**
+ * 是否应该显示展开/收起按钮
+ * 当合并后的总字段数超过一行可展示数量时显示展开按钮
+ */
+const shouldShowExpandToggle = computed(() => {
+  return !props.isExpand && props.showExpand && visibleItemCount.value > maxItemsPerRow.value;
+});
+
+/**
+ * 展开/收起按钮文本
+ */
+const expandToggleText = computed(() => {
+  return isExpanded.value ? t("table.searchBar.collapse") : t("table.searchBar.expand");
+});
+
+/**
+ * 操作按钮样式
+ */
+const actionButtonsStyle = computed(() => ({
+  "justify-content": isMobile.value
+    ? "flex-end"
+    : props.items.filter((item) => !item.hidden).length <= props.buttonLeftLimit
+      ? "flex-start"
+      : "flex-end",
+}));
+
+/**
+ * 切换展开/收起状态
+ */
+const toggleExpand = () => {
+  isExpanded.value = !isExpanded.value;
+};
+
+/**
+ * 处理重置事件
+ */
+const handleReset = () => {
+  // 重置表单字段（UI 层）
+  formInstance.value?.resetFields();
+
+  // 恢复初始表单值，保留默认搜索条件而不是简单清空。
+  Object.keys(modelValue.value).forEach((key) => {
+    delete modelValue.value[key];
+  });
+  Object.assign(modelValue.value, cloneModelValue(initialModelValue.value));
+
+  // 触发 reset 事件
+  emit("reset");
+};
+
+/**
+ * 处理搜索事件
+ */
+const handleSearch = () => {
+  // 对外只抛出清洗后的查询参数，避免接口收到空数组/空字符串。
+  emit("search", getSanitizedOutput());
+};
+
+defineExpose({
+  ref: formInstance,
+  validate: (...args: any[]) => formInstance.value?.validate(...args),
+  reset: handleReset,
+  // 允许外部在手动组装请求前直接读取清洗后的参数。
+  getOutput: getSanitizedOutput,
+});
+
+// 解构 props 以便在模板中直接使用
+const { span, gutter, labelPosition, labelWidth } = toRefs(props);
+</script>
+
+<style lang="scss" scoped>
+.fa-search-bar {
+  padding: 15px 20px 0;
+
+  .action-column {
+    flex: 1;
+    max-width: 100%;
+
+    .action-buttons-wrapper {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      justify-content: flex-end;
+      margin-bottom: 12px;
+    }
+
+    .form-buttons {
+      display: flex;
+      gap: 8px;
+    }
+
+    .filter-toggle {
+      display: flex;
+      align-items: center;
+      margin-left: 10px;
+      line-height: 32px;
+      color: var(--theme-color);
+      cursor: pointer;
+      transition: color 0.2s ease;
+
+      &:hover {
+        color: var(--ElColor-primary);
+      }
+
+      span {
+        font-size: 14px;
+        user-select: none;
+      }
+
+      .icon-wrapper {
+        display: flex;
+        align-items: center;
+        margin-left: 4px;
+        font-size: 14px;
+        transition: transform 0.2s ease;
+      }
+    }
+  }
+}
+
+// 响应式优化
+@media (width <= 768px) {
+  .fa-search-bar {
+    padding: 16px 16px 0;
+
+    .action-column {
+      .action-buttons-wrapper {
+        flex-direction: row;
+        gap: 8px;
+        align-items: center;
+        justify-content: center;
+
+        .form-buttons {
+          justify-content: center;
+        }
+
+        .filter-toggle {
+          justify-content: center;
+          margin-left: 0;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/forms/fa-wang-editor/index.vue b/src/components/forms/fa-wang-editor/index.vue
new file mode 100644
index 0000000..6307fda
--- /dev/null
+++ b/src/components/forms/fa-wang-editor/index.vue
@@ -0,0 +1,546 @@
+<!-- WangEditor 富文本编辑器 插件地址：https://www.wangeditor.com/ -->
+<template>
+  <div class="editor-wrapper">
+    <Toolbar
+      class="editor-toolbar"
+      :editor="editorRef"
+      :mode="mode"
+      :defaultConfig="toolbarConfig"
+    />
+    <Editor
+      :style="{ height: height, overflowY: 'hidden' }"
+      v-model="modelValue"
+      :mode="mode"
+      :defaultConfig="editorConfig"
+      @onCreated="onCreateEditor"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import "@wangeditor-next/editor/dist/css/style.css";
+import { onBeforeUnmount, onMounted, onUnmounted, shallowRef, computed } from "vue";
+import { Editor, Toolbar } from "@wangeditor-next/editor-for-vue";
+import { useUserStore } from "@stores";
+import { request, EmojiText } from "@utils";
+import { IDomEditor, IToolbarConfig, IEditorConfig } from "@wangeditor-next/editor";
+import type { AxiosResponse } from "axios";
+import { ElMessage } from "element-plus";
+
+defineOptions({ name: "FaWangEditor" });
+
+type InsertFnType = (url: string, alt: string, href: string) => void;
+
+const { VITE_API_URL } = import.meta.env;
+
+// Props 定义
+interface Props {
+  /** 编辑器高度 */
+  height?: string;
+  /** 自定义工具栏配置 */
+  toolbarKeys?: string[];
+  /** 插入新工具到指定位置 */
+  insertKeys?: { index: number; keys: string[] };
+  /** 排除的工具栏项 */
+  excludeKeys?: string[];
+  /** 编辑器模式 */
+  mode?: "default" | "simple";
+  /** 占位符文本 */
+  placeholder?: string;
+  /** 上传配置 */
+  uploadConfig?: {
+    maxFileSize?: number;
+    maxNumberOfFiles?: number;
+    server?: string;
+    // 是否开启自定义上传
+    isCustomUpload?: boolean;
+  };
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  height: "500px",
+  mode: "default",
+  placeholder: "请输入内容...",
+  excludeKeys: () => ["fontFamily"],
+  isCustomUpload: false,
+});
+
+const modelValue = defineModel<string>({ required: true });
+
+// 编辑器实例
+const editorRef = shallowRef<IDomEditor>();
+const userStore = useUserStore();
+
+// 常量配置
+const DEFAULT_UPLOAD_CONFIG = {
+  maxFileSize: 3 * 1024 * 1024, // 3MB
+  maxNumberOfFiles: 10,
+  fieldName: "file",
+  allowedFileTypes: ["image/*"],
+} as const;
+
+// 计算属性：上传服务器地址
+const uploadServer = computed(
+  () => props.uploadConfig?.server || `${VITE_API_URL}/common/file/upload`
+);
+
+// 合并上传配置
+const mergedUploadConfig = computed(() => ({
+  ...DEFAULT_UPLOAD_CONFIG,
+  ...props.uploadConfig,
+}));
+
+// 工具栏配置
+const toolbarConfig = computed((): Partial<IToolbarConfig> => {
+  const config: Partial<IToolbarConfig> = {};
+
+  // 完全自定义工具栏
+  if (props.toolbarKeys && props.toolbarKeys.length > 0) {
+    config.toolbarKeys = props.toolbarKeys;
+  }
+
+  // 插入新工具
+  if (props.insertKeys) {
+    config.insertKeys = props.insertKeys;
+  }
+
+  // 排除工具
+  if (props.excludeKeys && props.excludeKeys.length > 0) {
+    config.excludeKeys = props.excludeKeys;
+  }
+
+  return config;
+});
+
+// 编辑器配置
+const editorConfig: Partial<IEditorConfig> = {
+  placeholder: props.placeholder,
+  MENU_CONF: {
+    uploadImage: {
+      fieldName: mergedUploadConfig.value.fieldName,
+      maxFileSize: mergedUploadConfig.value.maxFileSize,
+      maxNumberOfFiles: mergedUploadConfig.value.maxNumberOfFiles,
+      allowedFileTypes: [...mergedUploadConfig.value.allowedFileTypes],
+      server: uploadServer.value,
+      headers: {
+        Authorization: userStore.accessToken,
+      },
+      onSuccess() {
+        ElMessage.success(`图片上传成功 ${EmojiText[200]}`);
+      },
+      onError(_file: unknown, err: any, res: any) {
+        console.error("图片上传失败:", err, res);
+        ElMessage.error(`图片上传失败 ${EmojiText[500]}`);
+      },
+    },
+  },
+};
+
+// 自定义上传
+const uploadConfig = props.uploadConfig;
+if (uploadConfig?.isCustomUpload && uploadConfig.server && editorConfig.MENU_CONF) {
+  const uploadServerUrl = uploadConfig.server;
+  editorConfig.MENU_CONF.uploadImage!.customUpload = async (file: File, insertFn: InsertFnType) => {
+    try {
+      const formData = new FormData();
+      formData.append(mergedUploadConfig.value.fieldName, file);
+
+      type UploadImagePayload = { url: string; alt?: string; href?: string };
+      const response = await request.post<
+        ApiResponse<UploadImagePayload>,
+        AxiosResponse<ApiResponse<UploadImagePayload>>
+      >(uploadServerUrl, formData, {
+        headers: {
+          "Content-Type": "multipart/form-data",
+          Authorization: userStore.accessToken,
+        },
+      });
+
+      const { url, alt = "", href = "" } = response.data.data ?? ({} as Record<string, string>);
+
+      if (!url) {
+        throw new Error("上传失败，请检查服务端配置");
+      }
+
+      insertFn(url, alt, href);
+      ElMessage.success(`图片上传成功 ${EmojiText[200]}`);
+    } catch (error) {
+      console.error("图片上传失败:", error);
+      ElMessage.error(`图片上传失败 ${EmojiText[500]}`);
+    }
+  };
+}
+
+// 编辑器创建回调
+const onCreateEditor = (editor: IDomEditor) => {
+  editorRef.value = editor;
+
+  // 监听全屏事件
+  editor.on("fullScreen", () => {
+    // 全屏状态由 wangEditor 内部管理
+  });
+
+  // 确保在编辑器创建后应用自定义图标
+  applyCustomIcons();
+};
+
+// 应用自定义图标（带重试机制）
+//
+// 注意：递归 setTimeout 用于等待 wangEditor 工具栏 DOM 渲染完成。
+// 组件卸载时必须清理，避免定时器在编辑器实例已销毁后继续执行。
+const applyCustomIcons = () => {
+  let retryCount = 0;
+  const maxRetries = 10;
+  const retryDelay = 100;
+  let timerId: ReturnType<typeof setTimeout> | null = null;
+
+  const tryApplyIcons = () => {
+    const editor = editorRef.value;
+    if (!editor) {
+      if (retryCount < maxRetries) {
+        retryCount++;
+        timerId = setTimeout(tryApplyIcons, retryDelay);
+      }
+      return;
+    }
+
+    // 获取当前编辑器的工具栏容器
+    const editorContainer = editor.getEditableContainer().closest(".editor-wrapper");
+    if (!editorContainer) {
+      if (retryCount < maxRetries) {
+        retryCount++;
+        timerId = setTimeout(tryApplyIcons, retryDelay);
+      }
+      return;
+    }
+
+    const toolbar = editorContainer.querySelector(".w-e-toolbar");
+    const toolbarButtons = editorContainer.querySelectorAll(".w-e-bar-item button[data-menu-key]");
+
+    if (toolbar && toolbarButtons.length > 0) {
+      return;
+    }
+
+    // 如果工具栏还没渲染完成，继续重试
+    if (retryCount < maxRetries) {
+      retryCount++;
+      timerId = setTimeout(tryApplyIcons, retryDelay);
+    } else {
+      console.warn("工具栏渲染超时，无法应用自定义图标 - 编辑器实例:", editor.id);
+    }
+  };
+
+  // 使用 requestAnimationFrame 确保在下一帧执行
+  requestAnimationFrame(tryApplyIcons);
+
+  // 组件卸载时清理挂起的重试定时器
+  onUnmounted(() => {
+    if (timerId !== null) {
+      clearTimeout(timerId);
+      timerId = null;
+    }
+  });
+};
+
+// 暴露编辑器实例和方法
+defineExpose({
+  /** 获取编辑器实例 */
+  getEditor: () => editorRef.value,
+  /** 设置编辑器内容 */
+  setHtml: (html: string) => editorRef.value?.setHtml(html),
+  /** 获取编辑器内容 */
+  getHtml: () => editorRef.value?.getHtml(),
+  /** 清空编辑器 */
+  clear: () => editorRef.value?.clear(),
+  /** 聚焦编辑器 */
+  focus: () => editorRef.value?.focus(),
+});
+
+// 生命周期
+onMounted(() => {
+  // 图标替换已在 onCreateEditor 中处理
+});
+
+onBeforeUnmount(() => {
+  const editor = editorRef.value;
+  if (editor) {
+    editor.destroy();
+  }
+});
+</script>
+
+<style lang="scss">
+$box-radius: calc(var(--custom-radius) / 3 + 2px);
+
+/* 全屏容器 z-index 调整 */
+.w-e-full-screen-container {
+  z-index: 100 !important;
+}
+
+/* 编辑器容器 */
+.editor-wrapper {
+  width: 100%;
+  height: 100%;
+  border: 1px solid var(--fa-gray-300);
+  border-radius: $box-radius !important;
+
+  .w-e-bar {
+    border-radius: $box-radius $box-radius 0 0 !important;
+  }
+
+  .menu-item {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    i {
+      margin-right: 5px;
+    }
+  }
+
+  /* 工具栏 */
+  .editor-toolbar {
+    border-bottom: 1px solid var(--default-border);
+  }
+
+  /* 下拉选择框配置 */
+  .w-e-select-list {
+    min-width: 140px;
+    padding: 5px 10px 10px;
+    border: none;
+    border-radius: $box-radius;
+  }
+
+  /* 下拉选择框元素配置 */
+  .w-e-select-list ul li {
+    margin-top: 5px;
+    font-size: 15px !important;
+    border-radius: $box-radius;
+  }
+
+  /* 下拉选择框 正文文字大小调整 */
+  .w-e-select-list ul li:last-of-type {
+    font-size: 16px !important;
+  }
+
+  /* 下拉选择框 hover 样式调整 */
+  .w-e-select-list ul li:hover {
+    background-color: var(--fa-gray-200);
+  }
+
+  :root {
+    /* 激活颜色 */
+    --w-e-toolbar-active-bg-color: var(--fa-gray-200);
+
+    /* toolbar 图标和文字颜色 */
+    --w-e-toolbar-color: #000;
+
+    /* 表格选中时候的边框颜色 */
+    --w-e-textarea-selected-border-color: #ddd;
+
+    /* 表格头背景颜色 */
+    --w-e-textarea-slight-bg-color: var(--fa-gray-200);
+  }
+
+  /* 工具栏按钮样式 */
+  .w-e-bar-item svg {
+    fill: var(--fa-gray-800);
+  }
+
+  .w-e-bar-item button {
+    color: var(--fa-gray-800);
+    border-radius: $box-radius;
+  }
+
+  /* 工具栏 hover 按钮背景颜色 */
+  .w-e-bar-item button:hover {
+    background-color: var(--fa-gray-200);
+  }
+
+  /* 工具栏分割线 */
+  .w-e-bar-divider {
+    height: 20px;
+    margin-top: 10px;
+    background-color: #ccc;
+  }
+
+  /* 工具栏菜单 */
+  .w-e-bar-item-group .w-e-bar-item-menus-container {
+    min-width: 120px;
+    padding: 10px 0;
+    border: none;
+    border-radius: $box-radius;
+
+    .w-e-bar-item {
+      button {
+        width: 100%;
+        margin: 0 5px;
+      }
+    }
+  }
+
+  /* 代码块 */
+  .w-e-text-container [data-slate-editor] pre > code {
+    padding: 0.6rem 1rem;
+    background-color: var(--fa-gray-50);
+    border-radius: $box-radius;
+  }
+
+  /* 弹出框 */
+  .w-e-drop-panel {
+    border: 0;
+    border-radius: $box-radius;
+  }
+
+  a {
+    color: #318ef4;
+  }
+
+  .w-e-text-container {
+    [data-slate-editor] {
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        margin: 0.8em 0 0.4em;
+        font-weight: 700;
+        line-height: 1.35;
+      }
+
+      h1 {
+        font-size: 2em;
+      }
+
+      h2 {
+        font-size: 1.5em;
+      }
+
+      h3 {
+        font-size: 1.25em;
+      }
+
+      h4 {
+        font-size: 1.125em;
+      }
+
+      h5 {
+        font-size: 1em;
+      }
+
+      h6 {
+        font-size: 0.875em;
+      }
+
+      ul,
+      ol {
+        padding-left: 1.5em;
+        margin: 0.8em 0;
+      }
+
+      ul {
+        list-style: disc;
+      }
+
+      ol {
+        list-style: decimal;
+      }
+
+      li {
+        margin: 0.25em 0;
+      }
+
+      ul ul {
+        list-style: circle;
+      }
+
+      ul ul ul {
+        list-style: square;
+      }
+    }
+
+    strong,
+    b {
+      font-weight: 700;
+    }
+
+    i,
+    em {
+      font-style: italic;
+    }
+  }
+
+  /* 表格样式优化 */
+  .w-e-text-container [data-slate-editor] .table-container th {
+    border-right: none;
+  }
+
+  .w-e-text-container [data-slate-editor] .table-container th:last-of-type {
+    border-right: 1px solid #ccc !important;
+  }
+
+  /* 引用 */
+  .w-e-text-container [data-slate-editor] blockquote {
+    background-color: var(--fa-gray-200);
+    border-left: 4px solid var(--fa-gray-300);
+  }
+
+  /* 输入区域弹出 bar  */
+  .w-e-hover-bar {
+    border-radius: $box-radius;
+  }
+
+  /* 超链接弹窗 */
+  .w-e-modal {
+    border: none;
+    border-radius: $box-radius;
+  }
+
+  /* 图片样式调整 */
+  .w-e-text-container [data-slate-editor] .w-e-selected-image-container {
+    overflow: inherit;
+
+    &:hover {
+      border: 0;
+    }
+
+    img {
+      border: 1px solid transparent;
+      transition: border 0.3s;
+
+      &:hover {
+        border: 1px solid #318ef4 !important;
+      }
+    }
+
+    .w-e-image-dragger {
+      width: 12px;
+      height: 12px;
+      background-color: #318ef4;
+      border: 2px solid #fff;
+      border-radius: $box-radius;
+    }
+
+    .left-top {
+      top: -6px;
+      left: -6px;
+    }
+
+    .right-top {
+      top: -6px;
+      right: -6px;
+    }
+
+    .left-bottom {
+      bottom: -6px;
+      left: -6px;
+    }
+
+    .right-bottom {
+      right: -6px;
+      bottom: -6px;
+    }
+  }
+}
+</style>
diff --git a/src/components/layouts/_fa-layouts.scss b/src/components/layouts/_fa-layouts.scss
new file mode 100644
index 0000000..14a2457
--- /dev/null
+++ b/src/components/layouts/_fa-layouts.scss
@@ -0,0 +1,108 @@
+.app-layout {
+  display: flex;
+  width: 100%;
+  min-height: 100vh;
+  background: var(--app-bg);
+
+  #app-sidebar {
+    flex-shrink: 0;
+  }
+
+  #app-main {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-width: 0;
+    height: 100vh;
+    overflow: auto;
+
+    #app-header {
+      position: sticky;
+      top: 0;
+      z-index: 50;
+      flex-shrink: 0;
+      width: 100%;
+    }
+
+    #app-content {
+      box-sizing: border-box;
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      min-height: 0;
+      padding: 20px;
+      overflow: auto;
+
+      :deep(.layout-content) {
+        box-sizing: border-box;
+        width: 100%;
+        min-width: 0;
+        margin: auto;
+
+        // 子页面默认 style（勿用 overflow:hidden：在 flex 主区内会裁切长页导致无法滚动）
+        .page-content {
+          position: relative;
+          box-sizing: border-box;
+          min-height: 0;
+          padding: 20px;
+          overflow: hidden auto;
+          background: var(--default-box-color);
+          border-radius: calc(var(--custom-radius) / 2 + 2px) !important;
+        }
+      }
+    }
+  }
+}
+
+@media only screen and (width <= 1180px) {
+  .app-layout {
+    #app-main {
+      height: 100dvh;
+    }
+  }
+}
+
+@media only screen and (width <= 800px) {
+  .app-layout {
+    position: relative;
+
+    #app-sidebar {
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: 300;
+      height: 100vh;
+    }
+
+    /** H5 端：使用 100dvh（动态视口高度，排除移动浏览器地址栏）
+     *  让 #app-main 有明确高度，#app-content 的 flex:1 才能撑满，
+     *  表格区才能像 PC 端一样在视口内独立滚动（而非整页滚动） */
+    #app-main {
+      width: 100%;
+      height: 100dvh;
+      overflow: hidden;
+
+      #app-content {
+        padding: 12px;
+
+        :deep(.layout-content) {
+          width: calc(100% - 24px);
+        }
+      }
+    }
+  }
+}
+
+@media only screen and (width <= 640px) {
+  .app-layout {
+    #app-main {
+      #app-content {
+        padding: 8px;
+
+        :deep(.layout-content) {
+          width: calc(100% - 16px);
+        }
+      }
+    }
+  }
+}
diff --git a/src/components/layouts/fa-breadcrumb/index.vue b/src/components/layouts/fa-breadcrumb/index.vue
new file mode 100644
index 0000000..b15dd3d
--- /dev/null
+++ b/src/components/layouts/fa-breadcrumb/index.vue
@@ -0,0 +1,145 @@
+<!-- 面包屑导航 -->
+<template>
+  <nav class="ml-2.5 max-lg:hidden!" aria-label="breadcrumb">
+    <ul class="flex items-center h-full">
+      <li
+        v-for="(item, index) in breadcrumbItems"
+        :key="item.path"
+        class="box-border flex items-center h-7 text-sm leading-7"
+      >
+        <div
+          :class="
+            isClickable(item, index)
+              ? 'cursor-pointer py-1 rounded transition duration-200 hover:bg-active-color hover:[&_span]:text-g-600'
+              : ''
+          "
+          @click="handleBreadcrumbClick(item, index)"
+        >
+          <span
+            class="block max-w-46 overflow-hidden text-ellipsis whitespace-nowrap px-1.5 text-sm text-g-600 dark:text-g-800"
+          >
+            {{ formatMenuTitle(item.meta?.title as string) }}
+          </span>
+        </div>
+        <div
+          v-if="!isLastItem(index) && item.meta?.title"
+          class="mx-1 text-sm not-italic text-g-500"
+          aria-hidden="true"
+        >
+          /
+        </div>
+      </li>
+    </ul>
+  </nav>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import type { RouteLocationMatched, RouteRecordRaw } from "vue-router";
+import { formatMenuTitle } from "@utils/navigation";
+
+defineOptions({ name: "FaBreadcrumb" });
+
+export interface BreadcrumbItem {
+  path: string;
+  meta: RouteRecordRaw["meta"];
+}
+
+const route = useRoute();
+const router = useRouter();
+
+// 使用computed替代watch，提高性能
+const breadcrumbItems = computed<BreadcrumbItem[]>(() => {
+  const { matched } = route;
+  const matchedLength = matched.length;
+
+  // 首页：看叶子路由（matched[0] 始终是壳层 RootLayout，不能用它判断首页）
+  if (!matchedLength) {
+    return [];
+  }
+  const leafRoute = matched[matchedLength - 1]!;
+  if (leafRoute.name === "Home") {
+    return [];
+  }
+
+  // 处理一级菜单和普通路由
+  const firstRoute = matched[0]!;
+  const isFirstLevel = firstRoute.meta?.isFirstLevel;
+  const lastIndex = matchedLength - 1;
+  const currentRoute = matched[lastIndex]!;
+  const currentRouteMeta = currentRoute.meta;
+
+  let items = isFirstLevel
+    ? [createBreadcrumbItem(currentRoute)]
+    : matched.map(createBreadcrumbItem);
+
+  // 过滤包裹容器：如果有多个项目且第一个是容器路由（如 /outside），则移除它
+  const firstItem = items[0];
+  if (items.length > 1 && firstItem && isWrapperContainer(firstItem)) {
+    items = items.slice(1);
+  }
+
+  // IFrame 页面特殊处理：如果过滤后只剩一个 iframe 页面，或者所有项都是包裹容器，则仅展示当前页
+  if (currentRouteMeta?.isIframe && (items.length === 1 || items.every(isWrapperContainer))) {
+    return [createBreadcrumbItem(currentRoute)];
+  }
+
+  return items;
+});
+
+// 辅助函数：判断是否为包裹容器路由
+const isWrapperContainer = (item: BreadcrumbItem): boolean =>
+  item.path === "/outside" && !!item.meta?.isIframe;
+
+// 辅助函数：创建面包屑项目
+const createBreadcrumbItem = (route: RouteLocationMatched): BreadcrumbItem => ({
+  path: route.path,
+  meta: route.meta,
+});
+
+// 辅助函数：判断是否为最后一项
+const isLastItem = (index: number): boolean => {
+  const itemsLength = breadcrumbItems.value.length;
+  return index === itemsLength - 1;
+};
+
+// 辅助函数：判断是否可点击
+const isClickable = (item: BreadcrumbItem, index: number): boolean =>
+  item.path !== "/outside" && !isLastItem(index);
+
+// 辅助函数：查找路由的第一个有效子路由
+const findFirstValidChild = (route: RouteRecordRaw) =>
+  route.children?.find((child) => !child.redirect && !child.meta?.isHide);
+
+// 辅助函数：构建完整路径
+const buildFullPath = (childPath: string): string => `/${childPath}`.replace("//", "/");
+
+// 处理面包屑点击事件
+async function handleBreadcrumbClick(item: BreadcrumbItem, index: number): Promise<void> {
+  // 如果是最后一项或外部链接，不处理
+  if (isLastItem(index) || item.path === "/outside") {
+    return;
+  }
+
+  try {
+    // 缓存路由表查找结果
+    const routes = router.getRoutes();
+    const targetRoute = routes.find((route) => route.path === item.path);
+
+    if (!targetRoute?.children?.length) {
+      await router.push(item.path);
+      return;
+    }
+
+    const firstValidChild = findFirstValidChild(targetRoute);
+    if (firstValidChild) {
+      await router.push(buildFullPath(firstValidChild.path));
+    } else {
+      await router.push(item.path);
+    }
+  } catch (error) {
+    console.error("导航失败:", error);
+  }
+}
+</script>
diff --git a/src/components/layouts/fa-chat-window/index.vue b/src/components/layouts/fa-chat-window/index.vue
new file mode 100644
index 0000000..01e6e36
--- /dev/null
+++ b/src/components/layouts/fa-chat-window/index.vue
@@ -0,0 +1,263 @@
+<!-- 系统聊天窗口 -->
+<template>
+  <div>
+    <ElDrawer v-model="isDrawerVisible" :size="isMobile ? '100%' : '480px'" :with-header="false">
+      <div class="mb-5 flex items-center justify-between">
+        <div>
+          <span class="text-base font-medium">Art Bot</span>
+          <div class="mt-1.5 flex items-center gap-1">
+            <div class="h-2 w-2 rounded-full" :class="isOnline ? 'bg-success' : 'bg-danger'"></div>
+            <span class="text-xs text-g-600">{{ isOnline ? "在线" : "离线" }}</span>
+          </div>
+        </div>
+        <div>
+          <ElIcon class="cursor-pointer" :size="20" @click="closeChat">
+            <Close />
+          </ElIcon>
+        </div>
+      </div>
+      <div class="flex h-[calc(100%-70px)] flex-col">
+        <!-- 聊天消息区域 -->
+        <ElScrollbar
+          ref="messageContainer"
+          class="flex-1 border-t border-(--default-border) px-4 py-7.5"
+        >
+          <template v-for="(message, index) in messages" :key="index">
+            <div
+              :class="[
+                'mb-7.5 flex w-full items-start gap-2',
+                message.isMe ? 'flex-row-reverse' : 'flex-row',
+              ]"
+            >
+              <ElAvatar :size="32" :src="message.avatar" class="shrink-0" />
+              <div
+                :class="['flex max-w-[70%] flex-col', message.isMe ? 'items-end' : 'items-start']"
+              >
+                <div
+                  :class="[
+                    'mb-1 flex gap-2 text-xs',
+                    message.isMe ? 'flex-row-reverse' : 'flex-row',
+                  ]"
+                >
+                  <span class="font-medium">{{ message.sender }}</span>
+                  <span class="text-g-600">{{ message.time }}</span>
+                </div>
+                <div
+                  :class="[
+                    'rounded-md px-3.5 py-2.5 text-sm leading-[1.4] text-g-900',
+                    message.isMe ? 'message-right bg-theme/15' : 'message-left bg-g-300/50',
+                  ]"
+                >
+                  {{ message.content }}
+                </div>
+              </div>
+            </div>
+          </template>
+        </ElScrollbar>
+
+        <!-- 聊天输入区域 -->
+        <div class="px-4 pt-4">
+          <ElInput
+            v-model="messageText"
+            type="textarea"
+            :rows="3"
+            placeholder="输入消息"
+            resize="none"
+            @keyup.enter.prevent="sendMessage"
+          >
+            <template #append>
+              <div class="flex gap-2 py-2">
+                <ElButton :icon="Paperclip" circle plain />
+                <ElButton :icon="Picture" circle plain />
+                <ElButton type="primary" @click="sendMessage" v-ripple>发送</ElButton>
+              </div>
+            </template>
+          </ElInput>
+          <div class="mt-3 flex items-center justify-between">
+            <div class="flex items-center">
+              <FaSvgIcon icon="ri:image-line" class="mr-5 cursor-pointer text-g-600 text-lg" />
+              <FaSvgIcon
+                icon="ri:emotion-happy-line"
+                class="mr-5 cursor-pointer text-g-600 text-lg"
+              />
+            </div>
+            <ElButton type="primary" @click="sendMessage" v-ripple class="min-w-20">发送</ElButton>
+          </div>
+        </div>
+      </div>
+    </ElDrawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Picture, Paperclip, Close } from "@element-plus/icons-vue";
+import { ElScrollbar } from "element-plus";
+import { mittBus } from "@utils";
+import meAvatar from "@imgs/avatar/avatar5.webp";
+import aiAvatar from "@imgs/avatar/avatar10.webp";
+import { MOBILE_BREAKPOINT } from "@/utils/constants/definitions";
+
+defineOptions({ name: "FaChatWindow" });
+
+// 类型定义
+interface ChatMessage {
+  id: number;
+  sender: string;
+  content: string;
+  time: string;
+  isMe: boolean;
+  avatar: string;
+}
+
+// 常量定义
+const SCROLL_DELAY = 100;
+const BOT_NAME = "Art Bot";
+const USER_NAME = "Ricky";
+
+// 响应式布局
+const { width } = useWindowSize();
+const isMobile = computed(() => width.value < MOBILE_BREAKPOINT);
+
+// 组件状态
+const isDrawerVisible = ref(false);
+const isOnline = ref(true);
+
+// 消息相关状态
+const messageText = ref("");
+const messageId = ref(10);
+const messageContainer = ref<InstanceType<typeof ElScrollbar> | null>(null);
+
+// 初始化聊天消息数据
+const initializeMessages = (): ChatMessage[] => [
+  {
+    id: 1,
+    sender: BOT_NAME,
+    content: "你好！我是你的AI助手，有什么我可以帮你的吗？",
+    time: "10:00",
+    isMe: false,
+    avatar: aiAvatar,
+  },
+  {
+    id: 2,
+    sender: USER_NAME,
+    content: "我想了解一下系统的使用方法。",
+    time: "10:01",
+    isMe: true,
+    avatar: meAvatar,
+  },
+  {
+    id: 3,
+    sender: BOT_NAME,
+    content: "好的，我来为您介绍系统的主要功能。首先，您可以通过左侧菜单访问不同的功能模块...",
+    time: "10:02",
+    isMe: false,
+    avatar: aiAvatar,
+  },
+  {
+    id: 4,
+    sender: USER_NAME,
+    content: "听起来很不错，能具体讲讲数据分析部分吗？",
+    time: "10:05",
+    isMe: true,
+    avatar: meAvatar,
+  },
+  {
+    id: 5,
+    sender: BOT_NAME,
+    content: "当然可以。数据分析模块可以帮助您实时监控关键指标，并生成详细的报表...",
+    time: "10:06",
+    isMe: false,
+    avatar: aiAvatar,
+  },
+  {
+    id: 6,
+    sender: USER_NAME,
+    content: "太好了，那我如何开始使用呢？",
+    time: "10:08",
+    isMe: true,
+    avatar: meAvatar,
+  },
+  {
+    id: 7,
+    sender: BOT_NAME,
+    content: "您可以先创建一个项目，然后在项目中添加相关的数据源，系统会自动进行分析。",
+    time: "10:09",
+    isMe: false,
+    avatar: aiAvatar,
+  },
+  {
+    id: 8,
+    sender: USER_NAME,
+    content: "明白了，谢谢你的帮助！",
+    time: "10:10",
+    isMe: true,
+    avatar: meAvatar,
+  },
+  {
+    id: 9,
+    sender: BOT_NAME,
+    content: "不客气，有任何问题随时联系我。",
+    time: "10:11",
+    isMe: false,
+    avatar: aiAvatar,
+  },
+];
+
+const messages = ref<ChatMessage[]>(initializeMessages());
+
+// 工具函数
+const formatCurrentTime = (): string => {
+  return new Date().toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit",
+  });
+};
+
+const scrollToBottom = (): void => {
+  nextTick(() => {
+    setTimeout(() => {
+      const wrap = messageContainer.value?.wrapRef;
+      if (wrap) wrap.scrollTop = wrap.scrollHeight;
+    }, SCROLL_DELAY);
+  });
+};
+
+// 消息处理方法
+const sendMessage = (): void => {
+  const text = messageText.value.trim();
+  if (!text) return;
+
+  const newMessage: ChatMessage = {
+    id: messageId.value++,
+    sender: USER_NAME,
+    content: text,
+    time: formatCurrentTime(),
+    isMe: true,
+    avatar: meAvatar,
+  };
+
+  messages.value.push(newMessage);
+  messageText.value = "";
+  scrollToBottom();
+};
+
+// 聊天窗口控制方法
+const openChat = (): void => {
+  isDrawerVisible.value = true;
+  scrollToBottom();
+};
+
+const closeChat = (): void => {
+  isDrawerVisible.value = false;
+};
+
+// 生命周期
+onMounted(() => {
+  scrollToBottom();
+  mittBus.on("openChat", openChat);
+});
+
+onUnmounted(() => {
+  mittBus.off("openChat", openChat);
+});
+</script>
diff --git a/src/components/layouts/fa-fast-enter/index.vue b/src/components/layouts/fa-fast-enter/index.vue
new file mode 100644
index 0000000..2850d4e
--- /dev/null
+++ b/src/components/layouts/fa-fast-enter/index.vue
@@ -0,0 +1,187 @@
+<!-- 顶部快速入口面板 -->
+<template>
+  <ElPopover
+    ref="popoverRef"
+    :width="700"
+    :offset="0"
+    :show-arrow="false"
+    trigger="hover"
+    placement="bottom-start"
+    popper-class="fast-enter-popover"
+    :popper-style="{
+      border: '1px solid var(--default-border)',
+      borderRadius: 'calc(var(--custom-radius) / 2 + 4px)',
+    }"
+  >
+    <template #reference>
+      <div class="flex items-center gap-2">
+        <slot />
+      </div>
+    </template>
+
+    <div class="grid grid-cols-[2fr_0.8fr]">
+      <div>
+        <div class="grid grid-cols-2 gap-1.5">
+          <!-- 应用列表 -->
+          <div
+            v-for="application in enabledApplications"
+            :key="application.name"
+            class="mr-3 cursor-pointer flex items-center gap-3 rounded-lg p-2 hover:bg-g-200/70 dark:hover:bg-g-200/90 hover:[&_.app-icon]:bg-transparent!"
+            @click="handleApplicationClick(application)"
+          >
+            <div
+              class="app-icon size-12 flex items-center justify-center rounded-lg bg-g-200/80 dark:bg-g-300/30"
+            >
+              <FaSvgIcon
+                class="text-xl"
+                :icon="application.icon"
+                :style="{ color: application.iconColor }"
+              />
+            </div>
+            <div>
+              <h3 class="m-0 text-sm font-medium text-g-800">{{ application.name }}</h3>
+              <p class="mt-1 text-xs text-g-600">{{ application.description }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="border-l border-[var(--default-border)] pl-6 pt-2">
+        <h3 class="mb-2.5 text-base font-medium text-g-800">快速链接</h3>
+        <ul>
+          <li
+            v-for="quickLink in enabledQuickLinks"
+            :key="quickLink.name"
+            class="cursor-pointer py-2 hover:[&_span]:text-theme"
+            @click="handleQuickLinkClick(quickLink)"
+          >
+            <span class="text-g-600 no-underline">{{ quickLink.name }}</span>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </ElPopover>
+
+  <!-- 礼花效果介绍弹窗（放在 Popover 外，避免被 Popover 销毁） -->
+  <ElDialog
+    v-model="fireworksDialogVisible"
+    title="礼花效果"
+    width="480px"
+    :close-on-click-modal="true"
+  >
+    <div class="px-2">
+      <div class="mb-5 flex items-start gap-4">
+        <div
+          class="flex items-center justify-center size-14 rounded-xl bg-linear-to-br from-purple-400 to-indigo-500"
+        >
+          <FaSvgIcon icon="ri:loader-line" class="text-2xl text-white" />
+        </div>
+        <div class="flex-1">
+          <h4 class="m-0 text-base font-semibold">节日礼花动画</h4>
+          <p class="mt-1 text-sm text-g-500 leading-relaxed">
+            根据当前节日自动匹配对应素材的全屏 Canvas 烟花效果，支持多种粒子形状和绚丽色彩。
+          </p>
+        </div>
+      </div>
+
+      <ElDivider />
+
+      <div class="space-y-3">
+        <div class="flex items-center gap-3">
+          <ElTag type="primary" class="rounded-md! border-0! shrink-0">快捷键</ElTag>
+          <span class="text-sm text-g-600">
+            <ElTag size="small" class="mr-1!">Ctrl</ElTag>
+            +
+            <ElTag size="small" class="mx-1!">Shift</ElTag>
+            +
+            <ElTag size="small" class="ml-1!">P</ElTag>
+            <span class="mx-2 text-g-400">/</span>
+            <ElTag size="small" class="mr-1!">⌘</ElTag>
+            +
+            <ElTag size="small" class="mx-1!">Shift</ElTag>
+            +
+            <ElTag size="small" class="ml-1!">P</ElTag>
+          </span>
+        </div>
+        <div class="flex items-center gap-3">
+          <ElTag type="success" class="rounded-md! border-0! shrink-0">节日素材</ElTag>
+          <span class="text-sm text-g-600">
+            礼花素材与当前节日配置一致，自动匹配春节、元宵、中秋等传统节日主题
+          </span>
+        </div>
+        <div class="flex items-center gap-3">
+          <ElTag type="warning" class="rounded-md! border-0! shrink-0">触发方式</ElTag>
+          <span class="text-sm text-g-600">
+            页面加载时自动检测节日并连发，也可通过快捷键手动触发一次
+          </span>
+        </div>
+      </div>
+    </div>
+  </ElDialog>
+</template>
+
+<script setup lang="ts">
+import { useFastEnter } from "@/hooks/core/useFastEnter";
+import type { FastEnterApplication, FastEnterQuickLink } from "@/types/config";
+
+defineOptions({ name: "FaFastEnter" });
+
+const router = useRouter();
+const popoverRef = ref();
+const fireworksDialogVisible = ref(false);
+
+// 使用快速入口配置
+const { enabledApplications, enabledQuickLinks } = useFastEnter();
+
+/**
+ * 处理导航跳转
+ * @param routeName 路由名称
+ * @param link 外部链接
+ */
+const handleNavigate = (
+  routeName?: string,
+  link?: string,
+  routeQuery?: Record<string, string>
+): void => {
+  const targetPath = routeName || link;
+
+  if (!targetPath) {
+    console.warn("导航配置无效：缺少路由名称或链接");
+    return;
+  }
+
+  if (targetPath.startsWith("http")) {
+    window.open(targetPath, "_blank");
+  } else {
+    router.push({ name: targetPath, query: routeQuery ?? {} });
+  }
+
+  popoverRef.value?.hide();
+};
+
+/**
+ * 处理应用项点击
+ * @param application 应用配置对象
+ */
+const handleApplicationClick = (application: FastEnterApplication): void => {
+  if (application.isDialog) {
+    popoverRef.value?.hide();
+    fireworksDialogVisible.value = true;
+    return;
+  }
+  handleNavigate(application.routeName, application.link, application.routeQuery);
+};
+
+/**
+ * 处理快速链接点击
+ * @param quickLink 快速链接配置对象
+ */
+const handleQuickLinkClick = (quickLink: FastEnterQuickLink): void => {
+  if (quickLink.isDialog) {
+    popoverRef.value?.hide();
+    fireworksDialogVisible.value = true;
+    return;
+  }
+  handleNavigate(quickLink.routeName, quickLink.link, quickLink.routeQuery);
+};
+</script>
diff --git a/src/components/layouts/fa-fireworks-effect/index.vue b/src/components/layouts/fa-fireworks-effect/index.vue
new file mode 100644
index 0000000..c4a38e6
--- /dev/null
+++ b/src/components/layouts/fa-fireworks-effect/index.vue
@@ -0,0 +1,651 @@
+<!-- 烟花效果 | 礼花效果（快捷键 Ctrl+Shift+P / ⌘+Shift+P 说明见 src/config/modules/festival.ts） -->
+<template>
+  <canvas
+    ref="canvasRef"
+    class="fixed top-0 left-0 z-9999 w-full h-full pointer-events-none"
+  ></canvas>
+</template>
+
+<script setup lang="ts">
+import { useEventListener } from "@vueuse/core";
+import { mittBus } from "@utils";
+import type { Handler } from "mitt";
+import { festivalConfigList } from "@/config/modules/festival";
+import { buildBuiltinSolarFestivals } from "@/config/modules/festival.builtin";
+import { useCeremony } from "@/hooks/core/useCeremony";
+import bp from "@imgs/ceremony/hb.png";
+import sd from "@imgs/ceremony/sd.png";
+import yd from "@imgs/ceremony/yd.png";
+
+defineOptions({ name: "FaFireworksEffect" });
+
+const { currentFestivalData } = useCeremony();
+
+/** 与快捷键、mitt 共用：当天命中「带礼花」的节日时使用其图片，否则几何粒子 */
+const resolveContextFireworkImage = (): string | undefined => {
+  const cur = currentFestivalData.value;
+  if (!cur || cur.skipFireworks) return undefined;
+  const raw = cur.image;
+  if (typeof raw !== "string" || !raw.trim()) return undefined;
+  return raw;
+};
+
+/**
+ * 烟花系统配置接口
+ * 定义了烟花效果的所有可配置参数
+ */
+interface FireworkConfig {
+  /** 对象池大小 - 预先创建的粒子对象数量 */
+  readonly POOL_SIZE: number;
+  /** 每次爆炸产生的粒子数量 */
+  readonly PARTICLES_PER_BURST: number;
+  /** 各种形状的尺寸配置 */
+  readonly SIZES: {
+    /** 矩形粒子的宽高 */
+    readonly RECTANGLE: { readonly WIDTH: number; readonly HEIGHT: number };
+    /** 正方形粒子的边长 */
+    readonly SQUARE: { readonly SIZE: number };
+    /** 圆形粒子的直径 */
+    readonly CIRCLE: { readonly SIZE: number };
+    /** 三角形粒子的边长 */
+    readonly TRIANGLE: { readonly SIZE: number };
+    /** 椭圆粒子的宽高 */
+    readonly OVAL: { readonly WIDTH: number; readonly HEIGHT: number };
+    /** 图片粒子的宽高 */
+    readonly IMAGE: { readonly WIDTH: number; readonly HEIGHT: number };
+  };
+  /** 旋转相关参数 */
+  readonly ROTATION: {
+    /** 基础旋转速度 */
+    readonly BASE_SPEED: number;
+    /** 随机旋转速度增量 */
+    readonly RANDOM_SPEED: number;
+    /** 旋转衰减系数 - 控制旋转速度递减 */
+    readonly DECAY: number;
+  };
+  /** 物理效果参数 */
+  readonly PHYSICS: {
+    /** 重力加速度 */
+    readonly GRAVITY: number;
+    /** 下落速度阈值 - 超过此值开始淡出 */
+    readonly VELOCITY_THRESHOLD: number;
+    /** 透明度衰减速度 */
+    readonly OPACITY_DECAY: number;
+  };
+  /** 烟花粒子颜色配置(带透明度) */
+  readonly COLORS: readonly string[];
+  /** 烟花粒子形状配置(矩形出现概率更高) */
+  readonly SHAPES: readonly string[];
+}
+
+/**
+ * 单个烟花粒子对象
+ * 包含粒子的位置、速度、外观等所有属性
+ */
+interface Firework {
+  /** X坐标位置 */
+  x: number;
+  /** Y坐标位置 */
+  y: number;
+  /** X方向速度 */
+  vx: number;
+  /** Y方向速度 */
+  vy: number;
+  /** 粒子颜色 (RGBA格式) */
+  color: string;
+  /** 当前旋转角度 */
+  rotation: number;
+  /** 旋转速度 */
+  rotationSpeed: number;
+  /** 缩放比例 */
+  scale: number;
+  /** 粒子形状类型 */
+  shape: string;
+  /** 透明度 (0-1) */
+  opacity: number;
+  /** 是否处于活动状态 */
+  active: boolean;
+  /** 图片URL (当shape为image时使用) */
+  imageUrl?: string;
+}
+
+/**
+ * 图片缓存接口
+ * 用于缓存预加载的图片资源
+ */
+interface ImageCache {
+  [url: string]: HTMLImageElement;
+}
+
+/**
+ * 烟花效果的全局配置
+ * 使用 as const 确保配置的不可变性
+ */
+const CONFIG: FireworkConfig = {
+  // 性能相关配置
+  POOL_SIZE: 600, // 对象池大小，影响同时存在的最大粒子数
+  PARTICLES_PER_BURST: 200, // 每次爆炸的粒子数量，影响视觉效果密度
+
+  // 粒子尺寸配置
+  SIZES: {
+    RECTANGLE: { WIDTH: 24, HEIGHT: 12 }, // 矩形粒子尺寸
+    SQUARE: { SIZE: 12 }, // 正方形粒子尺寸
+    CIRCLE: { SIZE: 12 }, // 圆形粒子尺寸
+    TRIANGLE: { SIZE: 10 }, // 三角形粒子尺寸
+    OVAL: { WIDTH: 24, HEIGHT: 12 }, // 椭圆粒子尺寸
+    IMAGE: { WIDTH: 30, HEIGHT: 30 }, // 图片粒子尺寸
+  },
+
+  // 旋转动画配置
+  ROTATION: {
+    BASE_SPEED: 2, // 基础旋转速度
+    RANDOM_SPEED: 3, // 额外随机旋转速度范围
+    DECAY: 0.98, // 旋转速度衰减系数 (越小衰减越快)
+  },
+
+  // 物理效果配置
+  PHYSICS: {
+    GRAVITY: 0.525, // 重力加速度，影响粒子下落速度
+    VELOCITY_THRESHOLD: 10, // 速度阈值，超过时开始透明度衰减
+    OPACITY_DECAY: 0.02, // 透明度衰减速度，影响粒子消失快慢
+  },
+
+  // 粒子颜色配置 - 使用RGBA格式支持透明度
+  COLORS: [
+    "rgba(255, 68, 68, 1)", // 红色系
+    "rgba(255, 68, 68, 0.9)",
+    "rgba(255, 68, 68, 0.8)",
+    "rgba(255, 116, 188, 1)", // 粉色系
+    "rgba(255, 116, 188, 0.9)",
+    "rgba(255, 116, 188, 0.8)",
+    "rgba(68, 68, 255, 0.8)", // 蓝色系
+    "rgba(92, 202, 56, 0.7)", // 绿色系
+    "rgba(255, 68, 255, 0.8)", // 紫色系
+    "rgba(68, 255, 255, 0.7)", // 青色系
+    "rgba(255, 136, 68, 0.7)", // 橙色系
+    "rgba(68, 136, 255, 1)", // 蓝色系
+    "rgba(250, 198, 122, 0.8)", // 金色系
+  ],
+
+  // 粒子形状配置 - 矩形出现概率更高，营造更丰富的视觉效果
+  SHAPES: [
+    "rectangle",
+    "rectangle",
+    "rectangle",
+    "rectangle",
+    "rectangle",
+    "rectangle",
+    "rectangle",
+    "circle",
+    "triangle",
+    "oval",
+  ],
+} as const;
+
+/** Canvas DOM 元素引用 */
+const canvasRef = ref<HTMLCanvasElement>();
+/** Canvas 2D 绘制上下文 */
+const ctx = ref<CanvasRenderingContext2D | null>(null);
+
+/**
+ * 烟花系统核心类
+ * 负责管理粒子生命周期、渲染和动画
+ */
+class FireworkSystem {
+  /** 粒子对象池 - 预先创建的粒子对象数组 */
+  private particlePool: Firework[] = [];
+  /** 当前活动的粒子数组 */
+  private activeParticles: Firework[] = [];
+  /** 对象池索引指针 - 用于循环分配粒子 */
+  private poolIndex = 0;
+  /** 图片资源缓存 */
+  private imageCache: ImageCache = {};
+  /** 动画帧ID - 用于取消动画 */
+  private animationId = 0;
+  /** 画布宽度缓存 */
+  private canvasWidth = 0;
+  /** 画布高度缓存 */
+  private canvasHeight = 0;
+
+  constructor() {
+    this.initializePool();
+  }
+
+  /**
+   * 初始化对象池
+   * 预先创建指定数量的粒子对象，避免运行时频繁创建
+   */
+  private initializePool(): void {
+    for (let i = 0; i < CONFIG.POOL_SIZE; i++) {
+      this.particlePool.push(this.createParticle());
+    }
+  }
+
+  /**
+   * 创建一个新的粒子对象
+   * 返回初始化状态的粒子
+   */
+  private createParticle(): Firework {
+    return {
+      x: 0,
+      y: 0,
+      vx: 0,
+      vy: 0,
+      color: "",
+      rotation: 0,
+      rotationSpeed: 0,
+      scale: 1,
+      shape: "circle",
+      opacity: 1,
+      active: false,
+    };
+  }
+
+  /**
+   * 从对象池获取可用粒子 (性能优化版本)
+   * 使用循环索引而非Array.find()，时间复杂度从O(n)降至O(1)
+   * @returns 可用的粒子对象或null
+   */
+  private getAvailableParticle(): Firework | null {
+    for (let i = 0; i < CONFIG.POOL_SIZE; i++) {
+      const index = (this.poolIndex + i) % CONFIG.POOL_SIZE;
+      const particle = this.particlePool[index]!;
+
+      if (!particle.active) {
+        this.poolIndex = (index + 1) % CONFIG.POOL_SIZE;
+        particle.active = true;
+        return particle;
+      }
+    }
+    return null;
+  }
+
+  /**
+   * 预加载单个图片资源
+   * @param url 图片URL
+   * @returns Promise<HTMLImageElement>
+   */
+  async preloadImage(url: string): Promise<HTMLImageElement> {
+    // 如果已缓存，直接返回
+    if (this.imageCache[url]) {
+      return this.imageCache[url];
+    }
+
+    return new Promise((resolve, reject) => {
+      const img = new Image();
+      img.crossOrigin = "anonymous"; // 处理跨域问题
+      img.onload = () => {
+        this.imageCache[url] = img;
+        resolve(img);
+      };
+      img.onerror = reject;
+      img.src = url;
+    });
+  }
+
+  /**
+   * 预加载所有需要的图片资源
+   * 在组件初始化时调用，确保图片ready
+   */
+  async preloadAllImages(): Promise<void> {
+    const year = new Date().getFullYear();
+    const fromFestival = [...festivalConfigList, ...buildBuiltinSolarFestivals(year)]
+      .map((f) => f.image)
+      .filter((u): u is string => typeof u === "string" && u.length > 0);
+    const imageUrls = [...new Set([bp, sd, yd, ...fromFestival])];
+    try {
+      await Promise.all(imageUrls.map((url) => this.preloadImage(url)));
+    } catch (error) {
+      console.error("Image preloading failed:", error);
+    }
+  }
+
+  /**
+   * 创建烟花爆炸效果
+   * @param imageUrl 可选的图片URL，如果提供则使用图片粒子
+   */
+  createFirework(imageUrl?: string): void {
+    // 随机确定爆炸起始位置
+    const startX = Math.random() * this.canvasWidth;
+    const startY = this.canvasHeight;
+
+    // 根据是否有图片确定可用形状
+    const availableShapes = imageUrl && this.imageCache[imageUrl] ? ["image"] : CONFIG.SHAPES;
+
+    // 批量创建粒子数组，减少频繁的数组操作
+    const particles: Firework[] = [];
+
+    for (let i = 0; i < CONFIG.PARTICLES_PER_BURST; i++) {
+      const particle = this.getAvailableParticle();
+      if (!particle) continue;
+
+      // 计算粒子发射角度和速度 (恢复原始算法)
+      const angle = (Math.PI * i) / (CONFIG.PARTICLES_PER_BURST / 2); // 扇形分布
+      const speed = (12 + Math.random() * 6) * 1.5; // 随机速度
+      const spread = Math.random() * Math.PI * 2; // 360度随机扩散
+
+      // 直接属性赋值，避免Object.assign的性能开销
+      particle.x = startX;
+      particle.y = startY;
+      // 复杂的速度计算，模拟真实烟花爆炸轨迹
+      particle.vx = Math.cos(angle) * Math.cos(spread) * speed * (Math.random() * 0.5 + 0.5);
+      particle.vy = Math.sin(angle) * speed - 15; // 向上初始速度
+      const colors = CONFIG.COLORS;
+      const shapes = availableShapes;
+      particle.color = colors[Math.floor(Math.random() * colors.length)] ?? colors[0]!;
+      particle.rotation = Math.random() * 360;
+      particle.rotationSpeed =
+        (Math.random() * CONFIG.ROTATION.RANDOM_SPEED + CONFIG.ROTATION.BASE_SPEED) *
+        (Math.random() > 0.5 ? 1 : -1); // 随机旋转方向
+      particle.scale = 0.8 + Math.random() * 0.4; // 随机缩放
+      particle.shape = shapes[Math.floor(Math.random() * shapes.length)] ?? shapes[0]!;
+      particle.opacity = 1;
+      particle.imageUrl = imageUrl && this.imageCache[imageUrl] ? imageUrl : undefined;
+
+      particles.push(particle);
+    }
+
+    // 批量添加到活动粒子数组，减少多次数组操作
+    this.activeParticles.push(...particles);
+  }
+
+  /**
+   * 更新所有粒子的物理状态 (性能优化版本)
+   * 包括位置、速度、旋转、透明度等
+   */
+  private updateParticles(): void {
+    const { GRAVITY, VELOCITY_THRESHOLD, OPACITY_DECAY } = CONFIG.PHYSICS;
+    const { DECAY } = CONFIG.ROTATION;
+
+    // 使用倒序遍历，避免删除元素时的索引混乱问题
+    for (let i = this.activeParticles.length - 1; i >= 0; i--) {
+      const particle = this.activeParticles[i]!;
+
+      // 更新粒子位置 (匀加速运动)
+      particle.x += particle.vx;
+      particle.y += particle.vy;
+      particle.vy += GRAVITY; // 重力影响
+
+      // 更新旋转状态
+      particle.rotation += particle.rotationSpeed;
+      particle.rotationSpeed *= DECAY; // 旋转速度衰减
+
+      // 透明度衰减逻辑 - 当粒子下落速度超过阈值时开始淡出
+      if (particle.vy > VELOCITY_THRESHOLD) {
+        particle.opacity -= OPACITY_DECAY;
+        if (particle.opacity <= 0) {
+          this.recycleParticle(i);
+          continue;
+        }
+      }
+
+      // 边界检查 - 移除超出屏幕范围的粒子
+      if (this.isOutOfBounds(particle)) {
+        this.recycleParticle(i);
+      }
+    }
+  }
+
+  /**
+   * 回收粒子到对象池
+   * @param index 要回收的粒子在活动数组中的索引
+   */
+  private recycleParticle(index: number): void {
+    const particle = this.activeParticles[index]!;
+    particle.active = false; // 标记为非活动状态
+    this.activeParticles.splice(index, 1); // 从活动数组中移除
+  }
+
+  /**
+   * 检查粒子是否超出屏幕边界
+   * @param particle 要检查的粒子
+   * @returns 是否超出边界
+   */
+  private isOutOfBounds(particle: Firework): boolean {
+    const margin = 100; // 边界缓冲区
+    return (
+      particle.x < -margin ||
+      particle.x > this.canvasWidth + margin ||
+      particle.y < -margin ||
+      particle.y > this.canvasHeight + margin
+    );
+  }
+
+  /**
+   * 绘制单个粒子
+   * @param particle 要绘制的粒子对象
+   */
+  private drawParticle(particle: Firework): void {
+    if (!ctx.value) return;
+
+    // 保存当前画布状态
+    ctx.value.save();
+    ctx.value.globalAlpha = particle.opacity; // 设置透明度
+    ctx.value.translate(particle.x, particle.y); // 移动到粒子位置
+    ctx.value.rotate((particle.rotation * Math.PI) / 180); // 应用旋转
+    ctx.value.scale(particle.scale, particle.scale); // 应用缩放
+
+    // 渲染粒子形状
+    this.renderShape(particle);
+
+    // 恢复画布状态
+    ctx.value.restore();
+  }
+
+  /**
+   * 根据粒子类型渲染对应的形状
+   * @param particle 要渲染的粒子
+   */
+  private renderShape(particle: Firework): void {
+    if (!ctx.value) return;
+
+    const { SIZES } = CONFIG;
+    ctx.value.fillStyle = particle.color;
+
+    switch (particle.shape) {
+      case "rectangle":
+        // 绘制矩形
+        ctx.value.fillRect(
+          -SIZES.RECTANGLE.WIDTH / 2,
+          -SIZES.RECTANGLE.HEIGHT / 2,
+          SIZES.RECTANGLE.WIDTH,
+          SIZES.RECTANGLE.HEIGHT
+        );
+        break;
+
+      case "square":
+        // 绘制正方形
+        ctx.value.fillRect(
+          -SIZES.SQUARE.SIZE / 2,
+          -SIZES.SQUARE.SIZE / 2,
+          SIZES.SQUARE.SIZE,
+          SIZES.SQUARE.SIZE
+        );
+        break;
+
+      case "circle":
+        // 绘制圆形
+        ctx.value.beginPath();
+        ctx.value.arc(0, 0, SIZES.CIRCLE.SIZE / 2, 0, Math.PI * 2);
+        ctx.value.fill();
+        break;
+
+      case "triangle":
+        // 绘制三角形
+        ctx.value.beginPath();
+        ctx.value.moveTo(0, -SIZES.TRIANGLE.SIZE);
+        ctx.value.lineTo(SIZES.TRIANGLE.SIZE, SIZES.TRIANGLE.SIZE);
+        ctx.value.lineTo(-SIZES.TRIANGLE.SIZE, SIZES.TRIANGLE.SIZE);
+        ctx.value.closePath();
+        ctx.value.fill();
+        break;
+
+      case "oval":
+        // 绘制椭圆
+        ctx.value.beginPath();
+        ctx.value.ellipse(0, 0, SIZES.OVAL.WIDTH / 2, SIZES.OVAL.HEIGHT / 2, 0, 0, Math.PI * 2);
+        ctx.value.fill();
+        break;
+
+      case "image":
+        // 绘制图片
+        this.renderImage(particle);
+        break;
+    }
+  }
+
+  /**
+   * 渲染图片类型的粒子
+   * @param particle 包含图片URL的粒子对象
+   */
+  private renderImage(particle: Firework): void {
+    if (!ctx.value || !particle.imageUrl) return;
+
+    const img = this.imageCache[particle.imageUrl];
+    if (img?.complete) {
+      const { WIDTH, HEIGHT } = CONFIG.SIZES.IMAGE;
+      ctx.value.drawImage(img, -WIDTH / 2, -HEIGHT / 2, WIDTH, HEIGHT);
+    }
+  }
+
+  /**
+   * 渲染所有活动粒子到画布
+   * 清除画布并重新绘制所有粒子
+   */
+  private render(): void {
+    if (!ctx.value || !canvasRef.value) return;
+
+    // 清除整个画布
+    ctx.value.clearRect(0, 0, this.canvasWidth, this.canvasHeight);
+    // 设置混合模式为"变亮"，增强视觉效果
+    ctx.value.globalCompositeOperation = "lighter";
+
+    // 渲染所有活动粒子
+    for (const particle of this.activeParticles) {
+      this.drawParticle(particle);
+    }
+  }
+
+  /**
+   * 动画主循环
+   * 使用箭头函数保持this绑定
+   */
+  private animate = (): void => {
+    this.updateParticles(); // 更新粒子状态
+    this.render(); // 渲染粒子
+    this.animationId = requestAnimationFrame(this.animate); // 请求下一帧
+  };
+
+  /**
+   * 更新画布尺寸缓存
+   * 在窗口大小改变时调用
+   * @param width 新的画布宽度
+   * @param height 新的画布高度
+   */
+  updateCanvasSize(width: number, height: number): void {
+    this.canvasWidth = width;
+    this.canvasHeight = height;
+  }
+
+  /**
+   * 启动动画循环
+   */
+  start(): void {
+    this.animate();
+  }
+
+  /**
+   * 停止动画循环
+   * 在组件卸载时调用，避免内存泄漏
+   */
+  stop(): void {
+    if (this.animationId) {
+      cancelAnimationFrame(this.animationId);
+      this.animationId = 0;
+    }
+  }
+
+  /**
+   * 获取当前活动粒子数量
+   * 用于调试和性能监控
+   * @returns 活动粒子数量
+   */
+  getActiveParticleCount(): number {
+    return this.activeParticles.length;
+  }
+}
+
+/** 烟花系统实例 */
+const fireworkSystem = new FireworkSystem();
+
+/**
+ * 处理键盘快捷键：Ctrl+Shift+P / ⌘+Shift+P，礼花素材与当前节日配置一致（见 festival.ts 说明）
+ */
+const handleKeyPress = (event: KeyboardEvent): void => {
+  const isFireworkShortcut =
+    (event.ctrlKey && event.shiftKey && event.key.toLowerCase() === "p") ||
+    (event.metaKey && event.shiftKey && event.key.toLowerCase() === "p");
+
+  if (isFireworkShortcut) {
+    event.preventDefault();
+    fireworkSystem.createFirework(resolveContextFireworkImage());
+  }
+};
+
+/**
+ * 调整Canvas画布大小
+ * 响应窗口大小变化，确保画布始终覆盖整个视口
+ */
+const resizeCanvas = (): void => {
+  if (!canvasRef.value) return;
+
+  const { innerWidth, innerHeight } = window;
+  canvasRef.value.width = innerWidth;
+  canvasRef.value.height = innerHeight;
+  fireworkSystem.updateCanvasSize(innerWidth, innerHeight);
+};
+
+/**
+ * 处理外部触发的烟花事件
+ * 通过 mittBus 事件总线接收触发指令
+ * @param event 事件数据，可能包含图片URL
+ */
+const handleFireworkTrigger: Handler<unknown> = (event: unknown) => {
+  const imageUrl = event as string | undefined;
+  fireworkSystem.createFirework(imageUrl);
+};
+
+/**
+ * 组件挂载时的初始化逻辑
+ */
+onMounted(async () => {
+  if (!canvasRef.value) return;
+
+  // 获取Canvas 2D绘制上下文
+  ctx.value = canvasRef.value.getContext("2d");
+  if (!ctx.value) return;
+
+  // 设置初始画布大小
+  resizeCanvas();
+
+  // 预加载所有图片资源
+  await fireworkSystem.preloadAllImages();
+
+  // 启动动画循环
+  fireworkSystem.start();
+
+  // 注册事件监听器
+  useEventListener(window, "keydown", handleKeyPress); // 键盘快捷键
+  useEventListener(window, "resize", resizeCanvas); // 窗口大小变化
+  mittBus.on("triggerFireworks", handleFireworkTrigger); // 外部触发事件
+});
+
+/**
+ * 组件卸载时的清理逻辑
+ * 停止动画循环并移除事件监听器，防止内存泄漏
+ */
+onUnmounted(() => {
+  fireworkSystem.stop();
+  mittBus.off("triggerFireworks", handleFireworkTrigger);
+});
+</script>
diff --git a/src/components/layouts/fa-global-component/index.vue b/src/components/layouts/fa-global-component/index.vue
new file mode 100644
index 0000000..d177383
--- /dev/null
+++ b/src/components/layouts/fa-global-component/index.vue
@@ -0,0 +1,14 @@
+<!-- 全局组件 -->
+<template>
+  <component
+    v-for="componentConfig in enabledComponents"
+    :key="componentConfig.key"
+    :is="componentConfig.component"
+  />
+</template>
+
+<script setup lang="ts">
+import { getEnabledGlobalComponents } from "@/config/modules/component";
+defineOptions({ name: "FaGlobalComponent" });
+const enabledComponents = computed(() => getEnabledGlobalComponents());
+</script>
diff --git a/src/components/layouts/fa-global-search/index.vue b/src/components/layouts/fa-global-search/index.vue
new file mode 100644
index 0000000..f4f4ecb
--- /dev/null
+++ b/src/components/layouts/fa-global-search/index.vue
@@ -0,0 +1,426 @@
+<!-- 全局搜索组件 -->
+<template>
+  <div class="layout-search">
+    <ElDialog
+      v-model="showSearchDialog"
+      width="600"
+      :show-close="false"
+      :lock-scroll="false"
+      modal-class="search-modal"
+      @close="closeSearchDialog"
+    >
+      <ElInput
+        v-model.trim="searchVal"
+        :placeholder="$t('search.placeholder')"
+        @input="search"
+        @blur="searchBlur"
+        ref="searchInput"
+        :prefix-icon="Search"
+        class="h-12"
+      >
+        <template #suffix>
+          <div
+            class="h-4.5 flex items-center justify-center rounded border border-g-300 dark:bg-g-200/50! bg-box! px-1.5 text-g-500"
+          >
+            <FaSvgIcon icon="fluent:arrow-enter-left-20-filled" />
+          </div>
+        </template>
+      </ElInput>
+      <ElScrollbar class="mt-5" max-height="370px" ref="searchResultScrollbar" always>
+        <div class="result w-full" v-show="searchResult.length">
+          <div
+            class="box mt-0! cursor-pointer text-base leading-none"
+            v-for="(item, index) in searchResult"
+            :key="index"
+          >
+            <div
+              class="mt-2 h-12 flex items-center justify-between rounded-custom-sm bg-g-200/80 px-4 text-sm text-g-700"
+              :class="isHighlighted(index) ? 'highlighted bg-theme/70! text-white!' : ''"
+              @click="searchGoPage(item)"
+              @mouseenter="highlightOnHover(index)"
+            >
+              {{ formatMenuTitle(item.meta.title) }}
+              <FaSvgIcon v-show="isHighlighted(index)" icon="fluent:arrow-enter-left-20-filled" />
+            </div>
+          </div>
+        </div>
+
+        <div v-show="!searchVal && searchResult.length === 0 && historyResult.length > 0">
+          <p class="text-xs text-g-500">{{ $t("search.historyTitle") }}</p>
+          <div class="mt-1.5 w-full">
+            <div
+              class="box mt-2 h-12 cursor-pointer flex items-center justify-between rounded-custom-sm bg-g-200/80 px-4 text-sm text-g-800"
+              v-for="(item, index) in historyResult"
+              :key="index"
+              :class="
+                historyHIndex === index
+                  ? 'highlighted bg-theme/70! text-white! [&_.selected-icon]:text-white!'
+                  : ''
+              "
+              @click="searchGoPage(item)"
+              @mouseenter="highlightOnHoverHistory(index)"
+            >
+              {{ formatMenuTitle(item.meta.title) }}
+              <div
+                class="size-5 selected-icon select-none rounded-full text-g-500 flex items-center justify-center cursor-pointer"
+                @click.stop="deleteHistory(index)"
+              >
+                <FaSvgIcon icon="ri:close-large-fill" class="text-xs" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </ElScrollbar>
+
+      <template #footer>
+        <div
+          class="dialog-footer box-border flex items-center border-t border-(--default-border) pt-4.5 pb-1"
+        >
+          <div class="flex items-center justify-center">
+            <FaSvgIcon
+              icon="fluent:arrow-enter-left-20-filled"
+              class="mr-2 box-border h-5 w-5.5 rounded border border-g-400 px-1 text-g-500 shadow-[0_2px_0_var(--default-border-dashed)]"
+            />
+            <span class="mr-3.5 text-xs text-g-700">{{ $t("search.selectKeydown") }}</span>
+          </div>
+          <div class="flex items-center">
+            <FaSvgIcon
+              icon="ri:arrow-up-wide-fill"
+              class="mr-2 box-border h-5 w-5.5 rounded border border-g-400 px-1 text-g-500 shadow-[0_2px_0_var(--default-border-dashed)]"
+            />
+            <FaSvgIcon
+              icon="ri:arrow-down-wide-fill"
+              class="mr-2 box-border h-5 w-5.5 rounded border border-g-400 px-1 text-g-500 shadow-[0_2px_0_var(--default-border-dashed)]"
+            />
+            <span class="mr-3.5 text-xs text-g-700">{{ $t("search.switchKeydown") }}</span>
+          </div>
+          <div class="flex items-center">
+            <i
+              class="mr-2 box-border h-5 rounded border border-g-400 px-1 text-g-500 shadow-[0_2px_0_var(--default-border-dashed)] w-8! flex items-center justify-center"
+              ><p class="text-[10px] font-medium">ESC</p></i
+            >
+            <span class="mr-3.5 text-xs text-g-700">{{ $t("search.exitKeydown") }}</span>
+          </div>
+        </div>
+      </template>
+    </ElDialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { AppRouteRecord } from "@/types/router";
+import { Search } from "@element-plus/icons-vue";
+import { mittBus, formatMenuTitle, handleMenuJump } from "@utils";
+import { useUserStore, useMenuStore } from "@stores";
+import { type ScrollbarInstance } from "element-plus";
+defineOptions({ name: "FaGlobalSearch" });
+
+const userStore = useUserStore();
+const { menuList } = storeToRefs(useMenuStore());
+
+const showSearchDialog = ref(false);
+const searchVal = ref("");
+const searchResult = ref<AppRouteRecord[]>([]);
+const historyMaxLength = 10;
+
+const { searchHistory: historyResult } = storeToRefs(userStore);
+
+const searchInput = ref<HTMLInputElement | null>(null);
+const highlightedIndex = ref(0);
+const historyHIndex = ref(0);
+const searchResultScrollbar = ref<ScrollbarInstance>();
+const isKeyboardNavigating = ref(false); // 新增状态：是否正在使用键盘导航
+
+// 生命周期钩子
+onMounted(() => {
+  mittBus.on("openSearchDialog", openSearchDialog);
+  document.addEventListener("keydown", handleKeydown);
+});
+
+onUnmounted(() => {
+  mittBus.off("openSearchDialog", openSearchDialog);
+  document.removeEventListener("keydown", handleKeydown);
+});
+
+// 键盘快捷键处理
+const handleKeydown = (event: KeyboardEvent) => {
+  const isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
+  const isCommandKey = isMac ? event.metaKey : event.ctrlKey;
+
+  if (isCommandKey && event.key.toLowerCase() === "k") {
+    event.preventDefault();
+    showSearchDialog.value = true;
+    focusInput();
+  }
+
+  // 当搜索对话框打开时，处理方向键和回车键
+  if (showSearchDialog.value) {
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      highlightPrevious();
+    } else if (event.key === "ArrowDown") {
+      event.preventDefault();
+      highlightNext();
+    } else if (event.key === "Enter") {
+      event.preventDefault();
+      selectHighlighted();
+    } else if (event.key === "Escape") {
+      event.preventDefault();
+      showSearchDialog.value = false;
+    }
+  }
+};
+
+const focusInput = () => {
+  setTimeout(() => {
+    searchInput.value?.focus();
+  }, 100);
+};
+
+// 搜索逻辑
+const search = (val: string) => {
+  if (val) {
+    searchResult.value = flattenAndFilterMenuItems(menuList.value, val);
+  } else {
+    searchResult.value = [];
+  }
+};
+
+const flattenAndFilterMenuItems = (items: AppRouteRecord[], val: string): AppRouteRecord[] => {
+  const lowerVal = val.toLowerCase();
+  const result: AppRouteRecord[] = [];
+
+  const flattenAndMatch = (item: AppRouteRecord) => {
+    if (item.meta?.isHide) return;
+
+    const lowerItemTitle = formatMenuTitle(item.meta.title).toLowerCase();
+
+    if (item.children && item.children.length > 0) {
+      item.children.forEach(flattenAndMatch);
+      return;
+    }
+
+    if (
+      lowerItemTitle.includes(lowerVal) &&
+      ((item.path && item.path.trim()) || item.meta.link || item.meta.isIframe)
+    ) {
+      result.push({ ...item, children: undefined });
+    }
+  };
+
+  items.forEach(flattenAndMatch);
+  return result;
+};
+
+// 高亮控制并实现滚动条跟随
+const highlightPrevious = () => {
+  isKeyboardNavigating.value = true;
+  if (searchVal.value) {
+    highlightedIndex.value =
+      (highlightedIndex.value - 1 + searchResult.value.length) % searchResult.value.length;
+    scrollToHighlightedItem();
+  } else {
+    historyHIndex.value =
+      (historyHIndex.value - 1 + historyResult.value.length) % historyResult.value.length;
+    scrollToHighlightedHistoryItem();
+  }
+  // 延迟重置键盘导航状态，防止立即被 hover 覆盖
+  setTimeout(() => {
+    isKeyboardNavigating.value = false;
+  }, 100);
+};
+
+const highlightNext = () => {
+  isKeyboardNavigating.value = true;
+  if (searchVal.value) {
+    highlightedIndex.value = (highlightedIndex.value + 1) % searchResult.value.length;
+    scrollToHighlightedItem();
+  } else {
+    historyHIndex.value = (historyHIndex.value + 1) % historyResult.value.length;
+    scrollToHighlightedHistoryItem();
+  }
+  setTimeout(() => {
+    isKeyboardNavigating.value = false;
+  }, 100);
+};
+
+const scrollToHighlightedItem = () => {
+  nextTick(() => {
+    if (!searchResultScrollbar.value || !searchResult.value.length) return;
+
+    const scrollWrapper = searchResultScrollbar.value.wrapRef;
+    if (!scrollWrapper) return;
+
+    const highlightedElements = scrollWrapper.querySelectorAll(".result .box");
+    if (!highlightedElements[highlightedIndex.value]) return;
+
+    const highlightedElement = highlightedElements[highlightedIndex.value] as HTMLElement;
+    const itemHeight = highlightedElement.offsetHeight;
+    const scrollTop = scrollWrapper.scrollTop;
+    const containerHeight = scrollWrapper.clientHeight;
+    const itemTop = highlightedElement.offsetTop;
+    const itemBottom = itemTop + itemHeight;
+
+    if (itemTop < scrollTop) {
+      searchResultScrollbar.value.setScrollTop(itemTop);
+    } else if (itemBottom > scrollTop + containerHeight) {
+      searchResultScrollbar.value.setScrollTop(itemBottom - containerHeight);
+    }
+  });
+};
+
+const scrollToHighlightedHistoryItem = () => {
+  nextTick(() => {
+    if (!searchResultScrollbar.value || !historyResult.value.length) return;
+
+    const scrollWrapper = searchResultScrollbar.value.wrapRef;
+    if (!scrollWrapper) return;
+
+    const historyItems = scrollWrapper.querySelectorAll(".history-result .box");
+    if (!historyItems[historyHIndex.value]) return;
+
+    const highlightedElement = historyItems[historyHIndex.value] as HTMLElement;
+    const itemHeight = highlightedElement.offsetHeight;
+    const scrollTop = scrollWrapper.scrollTop;
+    const containerHeight = scrollWrapper.clientHeight;
+    const itemTop = highlightedElement.offsetTop;
+    const itemBottom = itemTop + itemHeight;
+
+    if (itemTop < scrollTop) {
+      searchResultScrollbar.value.setScrollTop(itemTop);
+    } else if (itemBottom > scrollTop + containerHeight) {
+      searchResultScrollbar.value.setScrollTop(itemBottom - containerHeight);
+    }
+  });
+};
+
+const selectHighlighted = () => {
+  if (searchVal.value && searchResult.value.length) {
+    const target = searchResult.value[highlightedIndex.value];
+    if (target) searchGoPage(target);
+  } else if (!searchVal.value && historyResult.value.length) {
+    const target = historyResult.value[historyHIndex.value];
+    if (target) searchGoPage(target);
+  }
+};
+
+const isHighlighted = (index: number) => {
+  return highlightedIndex.value === index;
+};
+
+const searchBlur = () => {
+  highlightedIndex.value = 0;
+};
+
+const searchGoPage = (item: AppRouteRecord) => {
+  showSearchDialog.value = false;
+  addHistory(item);
+  handleMenuJump(item);
+  searchVal.value = "";
+  searchResult.value = [];
+};
+
+// 历史记录管理
+const updateHistory = () => {
+  if (Array.isArray(historyResult.value)) {
+    userStore.setSearchHistory(historyResult.value);
+  }
+};
+
+const addHistory = (item: AppRouteRecord) => {
+  const itemKey = item.path || String(item.meta.link || "");
+  const hasItemIndex = historyResult.value.findIndex(
+    (historyItem: AppRouteRecord) =>
+      (historyItem.path || String(historyItem.meta.link || "")) === itemKey
+  );
+
+  if (hasItemIndex !== -1) {
+    historyResult.value.splice(hasItemIndex, 1);
+  } else if (historyResult.value.length >= historyMaxLength) {
+    historyResult.value.pop();
+  }
+
+  const cleanedItem = { ...item };
+  delete cleanedItem.children;
+  delete cleanedItem.meta.authList;
+  historyResult.value.unshift(cleanedItem);
+  updateHistory();
+};
+
+const deleteHistory = (index: number) => {
+  historyResult.value.splice(index, 1);
+  updateHistory();
+};
+
+// 对话框控制
+const openSearchDialog = () => {
+  showSearchDialog.value = true;
+  focusInput();
+};
+
+const closeSearchDialog = () => {
+  searchVal.value = "";
+  searchResult.value = [];
+  highlightedIndex.value = 0;
+  historyHIndex.value = 0;
+};
+
+// 修改 hover 高亮逻辑，只有在非键盘导航时才生效
+const highlightOnHover = (index: number) => {
+  if (!isKeyboardNavigating.value && searchVal.value) {
+    highlightedIndex.value = index;
+  }
+};
+
+const highlightOnHoverHistory = (index: number) => {
+  if (!isKeyboardNavigating.value && !searchVal.value) {
+    historyHIndex.value = index;
+  }
+};
+</script>
+<style lang="scss" scoped>
+.layout-search {
+  :deep(.search-modal) {
+    background-color: var(--fa-overlay-light);
+  }
+
+  :deep(.el-dialog__body) {
+    padding: 5px 0 0 !important;
+  }
+
+  :deep(.el-dialog__header) {
+    padding: 0;
+  }
+
+  .el-input {
+    :deep(.el-input__wrapper) {
+      background-color: var(--fa-gray-200);
+      border: 1px solid var(--default-border-dashed);
+      border-radius: calc(var(--custom-radius) / 2 + 2px) !important;
+      box-shadow: none;
+    }
+
+    :deep(.el-input__inner) {
+      color: var(--fa-gray-800) !important;
+    }
+  }
+}
+
+.dark .layout-search {
+  .el-input {
+    :deep(.el-input__wrapper) {
+      background-color: var(--fa-input-bg);
+      border: 1px solid var(--fa-input-border);
+    }
+  }
+
+  :deep(.search-modal) {
+    background-color: var(--fa-overlay-light);
+    backdrop-filter: none;
+  }
+
+  :deep(.el-dialog) {
+    background-color: var(--fa-dialog-bg);
+  }
+}
+</style>
diff --git a/src/components/layouts/fa-header-bar/index.vue b/src/components/layouts/fa-header-bar/index.vue
new file mode 100644
index 0000000..d672e65
--- /dev/null
+++ b/src/components/layouts/fa-header-bar/index.vue
@@ -0,0 +1,528 @@
+<!-- 顶部栏 -->
+<template>
+  <div
+    class="w-full bg-(--default-bg-color)"
+    :class="[
+      tabStyle === 'tab-card' || tabStyle === 'tab-google' || tabStyle === 'tab-default'
+        ? 'max-sm:mb-3 bg-box!'
+        : '',
+    ]"
+  >
+    <div
+      class="relative box-border flex justify-between h-15 leading-15 select-none"
+      :class="[
+        tabStyle === 'tab-card' || tabStyle === 'tab-google' || tabStyle === 'tab-default'
+          ? 'border-b border-(--fa-card-border)'
+          : '',
+      ]"
+    >
+      <div class="flex items-center flex-1 min-w-0 leading-15" :style="{ display: 'flex' }">
+        <!-- 系统信息：Logo + 标题一并受「显示应用 Logo」控制 -->
+        <div
+          class="flex items-center cursor-pointer"
+          @click="toHome"
+          v-if="isTopMenu && showAppLogo"
+        >
+          <FaLogo class="pl-4.5" :src="headerLogoSrc" />
+          <p v-if="width >= 1400" class="my-0 mx-2 ml-2 text-lg">{{ headerSystemName }}</p>
+        </div>
+
+        <FaLogo
+          v-if="showAppLogo"
+          class="hidden! pl-3.5 overflow-hidden align-[-0.15em] fill-current"
+          :src="headerLogoSrc"
+          @click="toHome"
+        />
+
+        <!-- 菜单按钮 -->
+        <FaIconButton
+          v-if="isLeftMenu && shouldShowMenuButton"
+          icon="ri:menu-2-fill"
+          class="ml-3 max-sm:ml-[7px]"
+          @click="visibleMenu"
+        />
+
+        <!-- 刷新按钮 -->
+        <FaIconButton
+          v-if="shouldShowRefreshButton"
+          icon="ri:refresh-line"
+          class="ml-3! refresh-btn max-sm:hidden!"
+          :style="{ marginLeft: !isLeftMenu ? '10px' : '0' }"
+          @click="reload"
+        />
+
+        <!-- 快速入口 -->
+        <FaFastEnter v-if="shouldShowFastEnter && width >= headerBarFastEnterMinWidth">
+          <FaIconButton icon="ri:function-line" class="ml-3" />
+        </FaFastEnter>
+
+        <!-- 面包屑 -->
+        <FaBreadcrumb
+          v-if="(shouldShowBreadcrumb && isLeftMenu) || (shouldShowBreadcrumb && isDualMenu)"
+        />
+
+        <!-- 顶部菜单 -->
+        <FaHorizontalMenu v-if="isTopMenu" :list="menuList" />
+
+        <!-- 混合菜单-顶部 -->
+        <FaMixedMenu v-if="isTopLeftMenu" :list="menuList" />
+      </div>
+
+      <div id="app-header-toolbar" class="flex items-center gap-2.5">
+        <!-- 搜索 -->
+        <div
+          v-if="shouldShowGlobalSearch"
+          class="search-bar-trigger flex items-center justify-between w-40 h-9 px-2.5 cursor-pointer border border-g-400 rounded-custom-sm max-md:hidden! transition duration-300 hover:-translate-y-0.5 hover:shadow-md"
+          @click="openSearchDialog"
+        >
+          <div class="flex items-center">
+            <FaSvgIcon icon="ri:search-line" class="text-sm text-g-500" />
+            <span class="ml-1 text-xs font-normal text-g-500">{{ $t("topBar.search.title") }}</span>
+          </div>
+          <div
+            class="flex items-center h-5 px-1.5 text-g-500/80 border border-(--el-color-primary) rounded"
+          >
+            <FaSvgIcon v-if="isWindows" icon="vaadin:ctrl-a" class="text-sm" />
+            <FaSvgIcon v-else icon="ri:command-fill" class="text-xs" />
+            <span class="ml-0.5 text-xs">k</span>
+          </div>
+        </div>
+
+        <!-- 全屏按钮 -->
+        <FaIconButton
+          v-if="shouldShowFullscreen"
+          :icon="isFullscreen ? 'ri:fullscreen-exit-line' : 'ri:fullscreen-fill'"
+          :class="[!isFullscreen ? 'full-screen-btn' : 'exit-full-screen-btn', 'ml-3']"
+          class="max-md:hidden!"
+          @click="toggleFullScreen"
+        />
+
+        <!-- 组件尺寸 default/large/small（沿用旧版持久化开关 showSizeSelect） -->
+        <div
+          v-if="shouldShowSizeSelect"
+          class="flex items-center justify-center ml-1 max-md:hidden!"
+        >
+          <FaSizeSelect />
+        </div>
+
+        <!-- 国际化按钮 -->
+        <ElDropdown
+          @command="changeLanguage"
+          popper-class="langDropDownStyle"
+          v-if="shouldShowLanguage"
+        >
+          <FaIconButton icon="ri:translate-2" class="language-btn text-[19px]" />
+          <template #dropdown>
+            <ElDropdownMenu>
+              <div v-for="item in languageOptions" :key="item.value" class="lang-btn-item">
+                <ElDropdownItem
+                  :command="item.value"
+                  :class="{ 'is-selected': locale === item.value }"
+                >
+                  <span class="menu-txt">{{ item.label }}</span>
+                  <FaSvgIcon icon="ri:check-fill" v-if="locale === item.value" />
+                </ElDropdownItem>
+              </div>
+            </ElDropdownMenu>
+          </template>
+        </ElDropdown>
+
+        <!-- 通知按钮 -->
+        <FaIconButton
+          v-if="shouldShowNotification"
+          icon="ri:notification-2-line"
+          class="notice-button relative"
+          @click="visibleNotice"
+        >
+          <div class="absolute top-2 right-2 size-1.5 bg-danger! rounded-full"></div>
+        </FaIconButton>
+
+        <!-- 聊天按钮 -->
+        <FaIconButton
+          v-if="shouldShowChat"
+          icon="ri:message-3-line"
+          class="chat-button relative"
+          @click="openChat"
+        >
+          <div class="breathing-dot absolute top-2 right-2 size-1.5 bg-success! rounded-full"></div>
+        </FaIconButton>
+
+        <!-- 设置按钮 -->
+        <div v-if="shouldShowSettings">
+          <ElPopover :visible="showSettingGuide" placement="bottom-start" :width="190" :offset="0">
+            <template #reference>
+              <div class="flex items-center justify-center">
+                <FaIconButton icon="ri:settings-line" class="setting-btn" @click="openSetting" />
+              </div>
+            </template>
+            <template #default>
+              <p>
+                {{ $t("topBar.guide.title") }}
+                <span :style="{ color: systemThemeColor }">{{ $t("topBar.guide.theme") }}</span>
+                、
+                <span :style="{ color: systemThemeColor }">{{ $t("topBar.guide.menu") }}</span>
+                {{ $t("topBar.guide.description") }}
+              </p>
+            </template>
+          </ElPopover>
+        </div>
+
+        <!-- 主题切换按钮 -->
+        <FaIconButton
+          v-if="shouldShowThemeToggle"
+          @click="themeAnimation"
+          :icon="isDark ? 'ri:sun-fill' : 'ri:moon-line'"
+        />
+
+        <!-- 租户切换器（全局可见，1步切换） -->
+        <FaTenantSwitcher />
+
+        <!-- 用户头像、菜单 -->
+        <FaUserMenu />
+      </div>
+    </div>
+
+    <!-- 标签页 -->
+    <FaWorkTab />
+
+    <!-- 通知 -->
+    <FaNotification v-model:value="showNotice" ref="notice" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
+import { useFullscreen, useWindowSize } from "@vueuse/core";
+import { LanguageEnum, MenuTypeEnum } from "@/enums/appEnum";
+import { useSettingsStore, useMenuStore, useUserStore, useConfigStore } from "@stores";
+import AppConfig from "@/config";
+import { languageOptions } from "@/locales";
+import { mittBus, themeAnimation } from "@utils";
+import { useCommon } from "@/hooks/core/useCommon";
+import { useHeaderBar } from "@/hooks/core/useHeaderBar";
+import FaUserMenu from "./widgets/FaUserMenu.vue";
+import FaTenantSwitcher from "./widgets/FaTenantSwitcher.vue";
+
+defineOptions({ name: "FaHeaderBar" });
+
+// 检测操作系统类型
+const isWindows = navigator.userAgent.includes("Windows");
+
+const router = useRouter();
+const { locale } = useI18n();
+const { width } = useWindowSize();
+
+const settingStore = useSettingsStore();
+const userStore = useUserStore();
+const menuStore = useMenuStore();
+const configStore = useConfigStore();
+
+/** 租户配置：tenant_logo / tenant_name */
+const headerLogoSrc = computed(() => {
+  const raw = configStore.configData.tenant_logo?.config_value;
+  return typeof raw === "string" && raw.trim() ? raw.trim() : undefined;
+});
+
+const headerSystemName = computed(() => {
+  const raw = configStore.configData.tenant_name?.config_value;
+  if (typeof raw === "string" && raw.trim()) return raw.trim();
+  return AppConfig.systemInfo.name;
+});
+
+// 顶部栏功能配置
+const {
+  shouldShowMenuButton,
+  shouldShowRefreshButton,
+  shouldShowFastEnter,
+  shouldShowBreadcrumb,
+  shouldShowGlobalSearch,
+  shouldShowFullscreen,
+  shouldShowNotification,
+  shouldShowChat,
+  shouldShowLanguage,
+  shouldShowSettings,
+  shouldShowThemeToggle,
+  shouldShowSizeSelect,
+  fastEnterMinWidth: headerBarFastEnterMinWidth,
+} = useHeaderBar();
+
+const { menuOpen, systemThemeColor, showSettingGuide, menuType, isDark, tabStyle, showAppLogo } =
+  storeToRefs(settingStore);
+
+const { language } = storeToRefs(userStore);
+const { menuList } = storeToRefs(menuStore);
+
+const showNotice = ref(false);
+const notice = ref(null);
+
+// 菜单类型判断
+const isLeftMenu = computed(() => menuType.value === MenuTypeEnum.LEFT);
+const isDualMenu = computed(() => menuType.value === MenuTypeEnum.DUAL_MENU);
+const isTopMenu = computed(() => menuType.value === MenuTypeEnum.TOP);
+const isTopLeftMenu = computed(() => menuType.value === MenuTypeEnum.TOP_LEFT);
+
+const { isFullscreen, toggle: toggleFullscreen } = useFullscreen();
+
+onMounted(() => {
+  initLanguage();
+  document.addEventListener("click", bodyCloseNotice);
+});
+
+onUnmounted(() => {
+  document.removeEventListener("click", bodyCloseNotice);
+});
+
+/**
+ * 切换全屏状态
+ */
+const toggleFullScreen = (): void => {
+  toggleFullscreen();
+};
+
+/**
+ * 切换菜单显示/隐藏状态
+ */
+const visibleMenu = (): void => {
+  settingStore.setMenuOpen(!menuOpen.value);
+};
+
+const { homePath } = useCommon();
+const { refresh } = useCommon();
+
+/**
+ * 跳转到首页
+ */
+const toHome = (): void => {
+  router.push(homePath.value);
+};
+
+/**
+ * 刷新页面
+ * @param {number} time - 延迟时间，默认为0毫秒
+ */
+const reload = (time: number = 0): void => {
+  setTimeout(() => {
+    refresh();
+  }, time);
+};
+
+/**
+ * 初始化语言设置
+ */
+const initLanguage = (): void => {
+  locale.value = language.value;
+};
+
+/**
+ * 切换系统语言
+ * @param {LanguageEnum} lang - 目标语言类型
+ */
+const changeLanguage = (lang: LanguageEnum): void => {
+  if (locale.value === lang) return;
+  locale.value = lang;
+  userStore.setLanguage(lang);
+  reload(50);
+};
+
+/**
+ * 打开设置面板
+ */
+const openSetting = (): void => {
+  mittBus.emit("openSetting");
+
+  // 隐藏设置引导提示
+  if (showSettingGuide.value) {
+    settingStore.hideSettingGuide();
+  }
+};
+
+/**
+ * 打开全局搜索对话框
+ */
+const openSearchDialog = (): void => {
+  mittBus.emit("openSearchDialog");
+};
+
+/**
+ * 点击页面其他区域关闭通知面板
+ * @param {Event} e - 点击事件对象
+ */
+const bodyCloseNotice = (e: any): void => {
+  if (!showNotice.value) return;
+
+  const target = e.target as HTMLElement;
+
+  // 检查是否点击了通知按钮或通知面板内部
+  const isNoticeButton = target.closest(".notice-button");
+  const isNoticePanel = target.closest(".fa-notification-panel");
+
+  if (!isNoticeButton && !isNoticePanel) {
+    showNotice.value = false;
+  }
+};
+
+/**
+ * 切换通知面板显示状态
+ */
+const visibleNotice = (): void => {
+  showNotice.value = !showNotice.value;
+};
+
+/**
+ * 打开聊天窗口
+ */
+const openChat = (): void => {
+  mittBus.emit("openChat");
+};
+</script>
+
+<style lang="scss" scoped>
+/* Custom animations */
+@keyframes rotate180 {
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(180deg);
+  }
+}
+
+@keyframes shake {
+  0% {
+    transform: rotate(0);
+  }
+
+  25% {
+    transform: rotate(-5deg);
+  }
+
+  50% {
+    transform: rotate(5deg);
+  }
+
+  75% {
+    transform: rotate(-5deg);
+  }
+
+  100% {
+    transform: rotate(0);
+  }
+}
+
+@keyframes expand {
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(1.1);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}
+
+@keyframes shrink {
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.9);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}
+
+@keyframes moveUp {
+  0% {
+    transform: translateY(0);
+  }
+
+  50% {
+    transform: translateY(-3px);
+  }
+
+  100% {
+    transform: translateY(0);
+  }
+}
+
+@keyframes breathing {
+  0% {
+    opacity: 0.4;
+    transform: scale(0.9);
+  }
+
+  50% {
+    opacity: 1;
+    transform: scale(1.1);
+  }
+
+  100% {
+    opacity: 0.4;
+    transform: scale(0.9);
+  }
+}
+
+/* Hover animation classes */
+.refresh-btn:hover :deep(.fa-svg-icon) {
+  animation: rotate180 0.5s;
+}
+
+.language-btn:hover :deep(.fa-svg-icon) {
+  animation: moveUp 0.4s;
+}
+
+.setting-btn:hover :deep(.fa-svg-icon) {
+  animation: rotate180 0.5s;
+}
+
+.full-screen-btn:hover :deep(.fa-svg-icon) {
+  animation: expand 0.6s forwards;
+}
+
+:deep(.size-select-btn:hover .fa-svg-icon) {
+  animation: expand 0.6s forwards;
+}
+
+.exit-full-screen-btn:hover :deep(.fa-svg-icon) {
+  animation: shrink 0.6s forwards;
+}
+
+/* 搜索触发按钮 hover 边框变主题色 */
+.search-bar-trigger:hover {
+  border-color: var(--el-color-primary) !important;
+}
+
+.notice-button:hover :deep(.fa-svg-icon) {
+  animation: shake 0.5s ease-in-out;
+}
+
+.chat-button:hover :deep(.fa-svg-icon) {
+  animation: shake 0.5s ease-in-out;
+}
+
+/* Breathing animation for chat dot */
+.breathing-dot {
+  animation: breathing 1.5s ease-in-out infinite;
+}
+
+/* iPad breakpoint adjustments */
+@media screen and (width <= 768px) {
+  .logo2 {
+    display: block !important;
+  }
+}
+
+@media screen and (width <= 640px) {
+  .btn-box {
+    width: 40px;
+  }
+}
+</style>
diff --git a/src/components/layouts/fa-header-bar/widgets/FaConfigInfoDrawer.vue b/src/components/layouts/fa-header-bar/widgets/FaConfigInfoDrawer.vue
new file mode 100644
index 0000000..d5f623a
--- /dev/null
+++ b/src/components/layouts/fa-header-bar/widgets/FaConfigInfoDrawer.vue
@@ -0,0 +1,580 @@
+<!-- 参数配置 -->
+<template>
+  <FaDrawer
+    v-model="drawerVisible"
+    title="配置中心"
+    :size="drawerSize"
+    destroy-on-close
+    @close="onDrawerClosed"
+  >
+    <ElTabs v-model="activeTabRef" type="border-card">
+      <ElTabPane label="AI 模型" name="aiModel">
+        <FaAiModelConfigPanel />
+      </ElTabPane>
+      <ElTabPane label="接口白名单" name="apiWhitelist">
+        <ElForm :model="configState" label-suffix=":" label-width="100px" label-position="right">
+          <!-- 系统配置 -->
+          <ElDivider>接口白名单</ElDivider>
+          <div v-for="(item, key) in apiWhitelistConfigs" :key="key">
+            <ElFormItem :label="item?.config_name">
+              <div class="space-y-2">
+                <div
+                  v-for="listItem in apiWhitelistItems"
+                  :key="listItem.id"
+                  class="flex items-center gap-2"
+                >
+                  <ElInput
+                    v-model="listItem.value"
+                    :placeholder="'/api/v1/users/get'"
+                    clearable
+                    @input="markModified(key)"
+                    @blur="
+                      {
+                        if (!isValidApiPath(listItem.value) && listItem.value.trim()) {
+                          ElMessage.warning('请输入有效的接口路径格式（以/开头）');
+                        }
+                      }
+                    "
+                  />
+                  <ElButton
+                    type="danger"
+                    icon="minus"
+                    circle
+                    size="small"
+                    @click="removeApiWhitelistItem(listItem.id)"
+                  />
+                </div>
+                <ElButton
+                  type="primary"
+                  icon="plus"
+                  size="small"
+                  :style="'margin-top: 10px'"
+                  @click="addApiWhitelistItem"
+                >
+                  添加接口路径
+                </ElButton>
+                <div class="text-xs text-gray-500 mt-2">
+                  配置说明：添加到白名单的接口路径无需登录即可访问，支持完整路径配置。
+                </div>
+              </div>
+            </ElFormItem>
+          </div>
+        </ElForm>
+      </ElTabPane>
+      <ElTabPane label="IP黑名单" name="ipBlacklist">
+        <ElForm :model="configState" label-suffix=":" label-width="100px" label-position="right">
+          <!-- 系统配置 -->
+          <ElDivider>IP黑名单</ElDivider>
+          <div v-for="(item, key) in ipBlacklistConfigs" :key="key">
+            <ElFormItem :label="item?.config_name">
+              <div class="space-y-2">
+                <div
+                  v-for="listItem in ipBlacklistItems"
+                  :key="listItem.id"
+                  class="flex items-center gap-2"
+                >
+                  <ElInput
+                    v-model="listItem.value"
+                    :placeholder="'192.168.1.1'"
+                    clearable
+                    :style="'flex: 1'"
+                    @input="markModified(key)"
+                    @blur="
+                      {
+                        if (!isValidIp(listItem.value) && listItem.value.trim()) {
+                          ElMessage.warning('请输入有效的IP地址格式');
+                        }
+                      }
+                    "
+                  />
+                  <ElButton
+                    type="danger"
+                    icon="minus"
+                    circle
+                    size="small"
+                    @click="removeIpBlacklistItem(listItem.id)"
+                  />
+                </div>
+                <ElButton
+                  type="primary"
+                  icon="plus"
+                  size="small"
+                  :style="'margin-top: 10px'"
+                  @click="addIpBlacklistItem"
+                >
+                  添加IP地址
+                </ElButton>
+                <div class="text-xs text-gray-500 mt-2">
+                  配置说明：添加到黑名单的IP地址将无法访问系统，支持单个IP配置。
+                </div>
+              </div>
+            </ElFormItem>
+          </div>
+        </ElForm>
+      </ElTabPane>
+      <ElTabPane label="演示环境配置" name="demo">
+        <ElForm :model="configState" label-suffix=":" label-width="100px" label-position="right">
+          <!-- 系统配置 -->
+          <ElDivider>演示环境配置</ElDivider>
+          <div v-for="(item, key) in demoConfigs" :key="key">
+            <ElFormItem :label="item?.config_name">
+              <!-- 演示模式开关 -->
+              <template v-if="key === 'demo_enable'">
+                <ElSwitch
+                  inline-prompt
+                  active-text="启用"
+                  inactive-text="禁用"
+                  :model-value="item?.config_value === 'on'"
+                  @update:model-value="
+                    (value) => {
+                      item!.config_value = value ? 'on' : 'off';
+                      markModified(key);
+                    }
+                  "
+                />
+                <div class="text-xs text-gray-500 mt-1">
+                  配置说明：启用后系统将进入演示模式，部分功能可能受限。
+                </div>
+              </template>
+              <!-- IP白名单 -->
+              <template v-else-if="key === 'ip_white_list'">
+                <div class="space-y-2">
+                  <div
+                    v-for="listItem in demoIpWhitelistItems"
+                    :key="listItem.id"
+                    class="flex items-center gap-2"
+                  >
+                    <ElInput
+                      v-model="listItem.value"
+                      :placeholder="'192.168.1.1'"
+                      clearable
+                      :style="'flex: 1'"
+                      @input="markModified(key)"
+                      @blur="
+                        {
+                          if (!isValidIp(listItem.value) && listItem.value.trim()) {
+                            ElMessage.warning('请输入有效的IP地址格式');
+                          }
+                        }
+                      "
+                    />
+                    <ElButton
+                      type="danger"
+                      icon="minus"
+                      circle
+                      size="small"
+                      @click="removeDemoIpWhitelistItem(listItem.id)"
+                    />
+                  </div>
+                  <ElButton
+                    type="primary"
+                    icon="plus"
+                    size="small"
+                    :style="'margin-top: 10px'"
+                    @click="addDemoIpWhitelistItem"
+                  >
+                    添加IP地址
+                  </ElButton>
+                  <div class="text-xs text-gray-500 mt-2">
+                    配置说明：演示模式下，只有白名单中的IP地址可以访问系统，支持单个IP配置。
+                  </div>
+                </div>
+              </template>
+              <!-- 其他配置项 -->
+              <template v-else>
+                <ElInput
+                  v-model="item!.config_value"
+                  :placeholder="t('common.inputText')"
+                  clearable
+                  :style="'width: 100%'"
+                  @input="markModified(key)"
+                />
+              </template>
+            </ElFormItem>
+          </div>
+        </ElForm>
+      </ElTabPane>
+    </ElTabs>
+    <template #footer>
+      <ElButton @click="handleCloseDialog">取消</ElButton>
+      <ElButton
+        v-if="activeTabRef !== 'aiModel'"
+        v-hasPerm="['module_system:param:update']"
+        type="primary"
+        :disabled="!hasChanges"
+        @click="submitChanges"
+      >
+        保存
+      </ElButton>
+    </template>
+  </FaDrawer>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, onMounted, computed } from "vue";
+import ParamsAPI, { type ConfigTable } from "@/api/module_system/params";
+import { useConfigStore } from "@stores";
+import { useI18n } from "vue-i18n";
+import { ElMessage, ElMessageBox } from "element-plus";
+import FaAiModelConfigPanel from "@/views/module_ai/chat/components/FaAiModelConfigPanel.vue";
+
+defineOptions({ name: "FaConfigInfoDrawer" });
+
+// 定义列表项类型
+interface ListItem {
+  id: string;
+  value: string;
+}
+
+// 生成唯一ID
+const generateId = () => {
+  return Math.random().toString(36).substr(2, 9);
+};
+
+// IP地址验证函数
+const isValidIp = (ip: string): boolean => {
+  const ipRegex =
+    /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
+  return ipRegex.test(ip);
+};
+
+// 接口路径验证函数
+const isValidApiPath = (path: string): boolean => {
+  const pathRegex = /^\/[\w\-/]+$/;
+  return pathRegex.test(path);
+};
+
+const drawerSize = ref("60%");
+
+const t = useI18n().t;
+const configStore = useConfigStore();
+
+const activeTabRef = ref("apiWhitelist");
+
+// 与父组件的 v-model 同步
+interface Props {
+  modelValue: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {});
+
+interface Emits {
+  (e: "update:modelValue", value: boolean): void;
+}
+
+const emit = defineEmits<Emits>();
+const drawerVisible = computed({
+  get: () => props.modelValue,
+  set: (val: boolean) => emit("update:modelValue", val),
+});
+
+// 配置状态管理
+const configState = reactive<ConfigTable>({
+  id: undefined,
+  config_name: "",
+  config_key: "",
+  config_value: "",
+  config_type: undefined,
+  description: "",
+});
+
+// 记录修改过的字段
+const modifiedFields = reactive<Record<string, boolean>>({});
+
+// 标记字段为已修改
+const markModified = (key: string) => {
+  modifiedFields[key] = true;
+};
+
+// 判断是否有修改
+const hasChanges = computed(() => Object.keys(modifiedFields).length > 0);
+
+// 提交修改
+const submitChanges = async () => {
+  const keysToSubmit = Object.keys(modifiedFields);
+  if (keysToSubmit.length === 0) return;
+
+  try {
+    // 准备提交数据
+    // 1. 处理接口白名单
+    if (
+      "white_api_list_path" in modifiedFields &&
+      apiWhitelistConfigs.value.white_api_list_path?.id
+    ) {
+      const apiWhitelistArray = apiWhitelistItems.value
+        .map((item) => item.value.trim())
+        .filter(Boolean);
+      // 转换为JSON字符串格式保存
+      const apiWhitelistJson = JSON.stringify(apiWhitelistArray);
+      await ParamsAPI.updateParams(apiWhitelistConfigs.value.white_api_list_path.id, {
+        ...apiWhitelistConfigs.value.white_api_list_path,
+        config_value: apiWhitelistJson,
+      });
+    }
+
+    // 2. 处理IP黑名单
+    if ("ip_black_list" in modifiedFields && ipBlacklistConfigs.value.ip_black_list?.id) {
+      const ipBlacklistArray = ipBlacklistItems.value
+        .map((item) => item.value.trim())
+        .filter(Boolean);
+      // 转换为JSON字符串格式保存
+      const ipBlacklistJson = JSON.stringify(ipBlacklistArray);
+      await ParamsAPI.updateParams(ipBlacklistConfigs.value.ip_black_list.id, {
+        ...ipBlacklistConfigs.value.ip_black_list,
+        config_value: ipBlacklistJson,
+      });
+    }
+
+    // 3. 处理演示环境IP白名单
+    if ("ip_white_list" in modifiedFields && demoConfigs.value.ip_white_list?.id) {
+      const demoIpWhitelistArray = demoIpWhitelistItems.value
+        .map((item) => item.value.trim())
+        .filter(Boolean);
+      // 转换为JSON字符串格式保存
+      const demoIpWhitelistJson = JSON.stringify(demoIpWhitelistArray);
+      await ParamsAPI.updateParams(demoConfigs.value.ip_white_list.id, {
+        ...demoConfigs.value.ip_white_list,
+        config_value: demoIpWhitelistJson,
+      });
+    }
+
+    // 4. 处理其他配置项（已迁移到租户管理的配置不再处理）
+    const otherKeys = keysToSubmit.filter(
+      (key) => !["white_api_list_path", "ip_black_list", "ip_white_list"].includes(key)
+    );
+    const otherUpdatePromises = otherKeys.map((key) => {
+      const item = demoConfigs.value[key as keyof typeof demoConfigs.value];
+      return item && item.id ? ParamsAPI.updateParams(item.id, { ...item }) : Promise.resolve();
+    });
+    await Promise.all(otherUpdatePromises);
+
+    // 清除已提交的修改标记
+    keysToSubmit.forEach((key) => {
+      delete modifiedFields[key];
+    });
+
+    // 重新加载配置数据（强制重新加载以同步到浏览器内存）
+    configStore.isConfigLoaded = false;
+    await configStore.getConfig();
+    initializeLists();
+  } catch (error) {
+    console.error("保存失败:", error);
+  }
+};
+
+// 取消修改：重置所有修改字段的状态并恢复初始值
+const resetForm = async () => {
+  // 强制重新加载配置数据（从服务器获取最新数据）
+  await configStore.getConfig(true);
+
+  // 重置动态列表
+  initializeLists();
+
+  // 重置其他配置项
+  const keysToReset = Object.keys(modifiedFields);
+  for (const key of keysToReset) {
+    const config = configStore.configData[key as keyof typeof configStore.configData];
+    if (key !== "ip_white_list" && config) {
+      (configStore.configData as Record<string, ConfigTable>)[key as string]!.config_value =
+        config.config_value || "";
+    }
+    delete modifiedFields[key];
+  }
+  ElMessageBox.close();
+};
+
+async function handleCloseDialog() {
+  // 仅关闭抽屉，等待关闭动画结束后再重置
+  drawerVisible.value = false;
+}
+
+async function onDrawerClosed() {
+  // 抽屉关闭动画结束后再执行重置，避免打断动画
+  await resetForm();
+}
+
+// 接口白名单配置 - 动态管理
+const apiWhitelistItems = ref<ListItem[]>([]);
+// IP黑名单配置 - 动态管理
+const ipBlacklistItems = ref<ListItem[]>([]);
+// IP白名单配置 - 动态管理
+const demoIpWhitelistItems = ref<ListItem[]>([]);
+
+// 从配置数据初始化列表
+const initializeLists = () => {
+  // 初始化接口白名单
+  const apiWhitelistStr = configStore.configData.white_api_list_path?.config_value || "";
+  try {
+    // 尝试解析为JSON数组
+    const apiWhitelistArray = JSON.parse(apiWhitelistStr);
+    if (Array.isArray(apiWhitelistArray)) {
+      apiWhitelistItems.value = apiWhitelistArray
+        .filter((item) => typeof item === "string" && item.trim())
+        .map((item) => ({ id: generateId(), value: item.trim() }));
+    } else {
+      // 如果不是数组，回退到按换行符分割
+      apiWhitelistItems.value = apiWhitelistStr
+        ? apiWhitelistStr
+            .split("\n")
+            .filter((item) => item.trim())
+            .map((item) => ({ id: generateId(), value: item.trim() }))
+        : [{ id: generateId(), value: "" }];
+    }
+  } catch {
+    // 解析失败，回退到按换行符分割
+    apiWhitelistItems.value = apiWhitelistStr
+      ? apiWhitelistStr
+          .split("\n")
+          .filter((item) => item.trim())
+          .map((item) => ({ id: generateId(), value: item.trim() }))
+      : [{ id: generateId(), value: "" }];
+  }
+
+  // 初始化IP黑名单
+  const ipBlacklistStr = configStore.configData.ip_black_list?.config_value || "";
+  try {
+    // 尝试解析为JSON数组
+    const ipBlacklistArray = JSON.parse(ipBlacklistStr);
+    if (Array.isArray(ipBlacklistArray)) {
+      ipBlacklistItems.value = ipBlacklistArray
+        .filter((item) => typeof item === "string" && item.trim())
+        .map((item) => ({ id: generateId(), value: item.trim() }));
+    } else {
+      // 如果不是数组，回退到按换行符分割
+      ipBlacklistItems.value = ipBlacklistStr
+        ? ipBlacklistStr
+            .split("\n")
+            .filter((item) => item.trim())
+            .map((item) => ({ id: generateId(), value: item.trim() }))
+        : [{ id: generateId(), value: "" }];
+    }
+  } catch {
+    // 解析失败，回退到按换行符分割
+    ipBlacklistItems.value = ipBlacklistStr
+      ? ipBlacklistStr
+          .split("\n")
+          .filter((item) => item.trim())
+          .map((item) => ({ id: generateId(), value: item.trim() }))
+      : [{ id: generateId(), value: "" }];
+  }
+
+  // 初始化演示环境IP白名单
+  const demoIpWhitelistStr = configStore.configData.ip_white_list?.config_value || "";
+  try {
+    // 尝试解析为JSON数组
+    const demoIpWhitelistArray = JSON.parse(demoIpWhitelistStr);
+    if (Array.isArray(demoIpWhitelistArray)) {
+      demoIpWhitelistItems.value = demoIpWhitelistArray
+        .filter((item) => typeof item === "string" && item.trim())
+        .map((item) => ({ id: generateId(), value: item.trim() }));
+    } else {
+      // 如果不是数组，回退到按换行符分割
+      demoIpWhitelistItems.value = demoIpWhitelistStr
+        ? demoIpWhitelistStr
+            .split("\n")
+            .filter((item) => item.trim())
+            .map((item) => ({ id: generateId(), value: item.trim() }))
+        : [{ id: generateId(), value: "" }];
+    }
+  } catch {
+    // 解析失败，回退到按换行符分割
+    demoIpWhitelistItems.value = demoIpWhitelistStr
+      ? demoIpWhitelistStr
+          .split("\n")
+          .filter((item) => item.trim())
+          .map((item) => ({ id: generateId(), value: item.trim() }))
+      : [{ id: generateId(), value: "" }];
+  }
+};
+
+// 添加接口白名单项
+const addApiWhitelistItem = () => {
+  apiWhitelistItems.value.push({ id: generateId(), value: "" });
+  markModified("white_api_list_path");
+};
+
+// 移除接口白名单项
+const removeApiWhitelistItem = (id: string) => {
+  if (apiWhitelistItems.value.length <= 1) {
+    ElMessage.warning("至少需要保留一个接口白名单配置");
+    return;
+  }
+  apiWhitelistItems.value = apiWhitelistItems.value.filter((item) => item.id !== id);
+  markModified("white_api_list_path");
+};
+
+// 添加IP黑名单项
+const addIpBlacklistItem = () => {
+  ipBlacklistItems.value.push({ id: generateId(), value: "" });
+  markModified("ip_black_list");
+};
+
+// 移除IP黑名单项
+const removeIpBlacklistItem = (id: string) => {
+  if (ipBlacklistItems.value.length <= 1) {
+    ElMessage.warning("至少需要保留一个IP黑名单配置");
+    return;
+  }
+  ipBlacklistItems.value = ipBlacklistItems.value.filter((item) => item.id !== id);
+  markModified("ip_black_list");
+};
+
+// 添加演示环境IP白名单项
+const addDemoIpWhitelistItem = () => {
+  demoIpWhitelistItems.value.push({ id: generateId(), value: "" });
+  markModified("ip_white_list");
+};
+
+// 移除演示环境IP白名单项
+const removeDemoIpWhitelistItem = (id: string) => {
+  if (demoIpWhitelistItems.value.length <= 1) {
+    ElMessage.warning("至少需要保留一个IP白名单配置");
+    return;
+  }
+  demoIpWhitelistItems.value = demoIpWhitelistItems.value.filter((item) => item.id !== id);
+  markModified("ip_white_list");
+};
+
+// 接口白名单配置项
+const apiWhitelistConfigs = computed(() => ({
+  white_api_list_path: configStore.configData.white_api_list_path as ConfigTable | undefined,
+}));
+
+// IP黑名单配置项
+const ipBlacklistConfigs = computed(() => ({
+  ip_black_list: configStore.configData.ip_black_list as ConfigTable | undefined,
+}));
+
+// 演示环境配置项
+const demoConfigs = computed(() => ({
+  demo_enable: configStore.configData.demo_enable as ConfigTable | undefined,
+  ip_white_list: configStore.configData.ip_white_list as ConfigTable | undefined,
+}));
+
+onMounted(() => {
+  initializeLists();
+  configStore.getConfig(true);
+});
+</script>
+
+<style lang="scss" scoped>
+.flex {
+  display: flex;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.gap-4 {
+  gap: 1rem;
+}
+
+.mt-6 {
+  margin-top: 1.5rem;
+}
+</style>
diff --git a/src/components/layouts/fa-header-bar/widgets/FaTenantSwitcher.vue b/src/components/layouts/fa-header-bar/widgets/FaTenantSwitcher.vue
new file mode 100644
index 0000000..a461933
--- /dev/null
+++ b/src/components/layouts/fa-header-bar/widgets/FaTenantSwitcher.vue
@@ -0,0 +1,299 @@
+<!-- 顶栏租户切换器：头像左侧，始终可见 -->
+<template>
+  <ElDropdown
+    v-if="tenantList.length > 1"
+    trigger="click"
+    placement="bottom-start"
+    :disabled="switching"
+    @command="handleSwitch"
+    @visible-change="(v) => (dropdownVisible = v)"
+    popper-class="fa-tenant-dropdown"
+  >
+    <div
+      class="tenant-switcher"
+      :class="{ 'is-active': dropdownVisible, 'is-switching': switching }"
+      :title="`当前租户：${currentTenantName}`"
+    >
+      <FaSvgIcon icon="ri:building-2-fill" class="icon" />
+      <span class="name">{{ currentTenantName }}</span>
+      <FaSvgIcon
+        v-if="!switching"
+        icon="ri:arrow-down-s-line"
+        class="arrow"
+        :class="{ rotated: dropdownVisible }"
+      />
+      <ElIcon v-else class="arrow is-loading"><Loading /></ElIcon>
+    </div>
+    <template #dropdown>
+      <ElDropdownMenu>
+        <div class="dropdown-header">
+          <span class="dropdown-title">切换租户</span>
+          <ElTag size="small" effect="plain" type="info"> 共 {{ tenantList.length }} 个 </ElTag>
+        </div>
+        <ElDropdownItem
+          v-for="t in tenantList"
+          :key="t.id"
+          :command="t.id"
+          :class="{ 'is-active': t.id === currentTenant?.id }"
+          :disabled="switching"
+        >
+          <div class="dropdown-item" :class="{ 'is-current': t.id === currentTenant?.id }">
+            <div class="item-main">
+              <FaSvgIcon
+                :icon="t.id === currentTenant?.id ? 'ri:check-line' : 'ri:building-2-line'"
+                class="item-icon"
+                :class="{ active: t.id === currentTenant?.id }"
+              />
+              <div class="item-text">
+                <div class="item-name">{{ t.name }}</div>
+                <div v-if="t.code" class="item-code">{{ t.code }}</div>
+              </div>
+            </div>
+            <ElTag v-if="t.id === currentTenant?.id" type="primary" size="small" effect="plain">
+              当前
+            </ElTag>
+          </div>
+        </ElDropdownItem>
+        <div class="dropdown-footer-hint">
+          <FaSvgIcon icon="ri:information-line" class="hint-icon" />
+          <span>点击其他租户即可切换</span>
+        </div>
+        <div v-if="switching" class="dropdown-footer">
+          <ElIcon class="is-loading"><Loading /></ElIcon>
+          <span>切换中...</span>
+        </div>
+      </ElDropdownMenu>
+    </template>
+  </ElDropdown>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from "vue";
+import { ElMessage } from "element-plus";
+import { Loading } from "@element-plus/icons-vue";
+import { useUserStore } from "@stores";
+import { storeToRefs } from "pinia";
+
+defineOptions({ name: "FaTenantSwitcher" });
+
+const userStore = useUserStore();
+const { tenantList, currentTenant } = storeToRefs(userStore);
+
+const dropdownVisible = ref(false);
+const switching = ref(false);
+
+const currentTenantName = computed(
+  () => currentTenant.value?.name || tenantList.value[0]?.name || "—"
+);
+
+async function handleSwitch(tenantId: number) {
+  if (switching.value) return;
+  // 点击当前租户：给个明确提示（不再静默忽略）
+  if (tenantId === currentTenant.value?.id) {
+    ElMessage.info("已是当前租户");
+    return;
+  }
+  switching.value = true;
+  try {
+    await userStore.selectTenant(tenantId);
+    setTimeout(() => window.location.reload(), 200);
+  } catch {
+    switching.value = false;
+  }
+}
+</script>
+
+<style scoped>
+.tenant-switcher {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  max-width: 180px;
+  height: 32px;
+  padding: 0 10px;
+  font-size: 13px;
+
+  @media (width <= 640px) {
+    max-width: 120px;
+    padding: 0 8px;
+    font-size: 12px;
+  }
+
+  color: var(--el-text-color-primary);
+  cursor: pointer;
+  user-select: none;
+  background: var(--fa-gray-100);
+  border: 1px solid var(--fa-gray-300);
+  border-radius: 6px;
+  transition: all 0.15s;
+
+  &:hover {
+    color: var(--el-color-primary);
+    background: var(--el-color-primary-light-9);
+    border-color: var(--el-color-primary-light-5);
+  }
+
+  &.is-active {
+    color: var(--el-color-primary);
+    background: var(--el-color-primary-light-9);
+    border-color: var(--el-color-primary);
+  }
+
+  &.is-switching {
+    cursor: wait;
+    opacity: 0.7;
+  }
+
+  .icon {
+    flex-shrink: 0;
+    font-size: 14px;
+  }
+
+  .name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-weight: 500;
+    white-space: nowrap;
+  }
+
+  .arrow {
+    flex-shrink: 0;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+    transition: transform 0.2s;
+
+    &.rotated {
+      transform: rotate(180deg);
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+/* 全局样式：下拉面板（scoped 无法深入 ElDropdownMenu） */
+.fa-tenant-dropdown {
+  min-width: 240px;
+  max-width: calc(100vw - 20px);
+  padding: 0 !important;
+
+  @media (width <= 640px) {
+    width: 90vw;
+    min-width: 200px;
+  }
+
+  .el-dropdown-menu__item {
+    padding: 0 !important;
+
+    &.is-active {
+      color: inherit;
+      background: transparent !important;
+    }
+
+    &:not(.is-disabled):hover {
+      background: var(--fa-gray-200) !important;
+    }
+  }
+
+  .dropdown-header {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 12px;
+    border-bottom: 1px solid var(--el-border-color-lighter);
+  }
+
+  .dropdown-title {
+    font-size: 12px;
+    font-weight: 500;
+    color: var(--el-text-color-secondary);
+  }
+
+  .dropdown-item {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 8px 12px;
+    border-left: 2px solid transparent;
+    border-radius: 0;
+    transition: all 0.15s;
+
+    &.is-current {
+      background: var(--el-color-primary-light-9);
+      border-left-color: var(--el-color-primary);
+
+      &:hover {
+        background: var(--el-color-primary-light-8);
+      }
+    }
+  }
+
+  .dropdown-footer-hint {
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    justify-content: center;
+    padding: 6px 12px 8px;
+    font-size: 11px;
+    color: var(--el-text-color-secondary);
+    border-top: 1px solid var(--el-border-color-lighter);
+
+    .hint-icon {
+      font-size: 12px;
+    }
+  }
+
+  .item-main {
+    display: flex;
+    flex: 1;
+    gap: 8px;
+    align-items: center;
+    min-width: 0;
+  }
+
+  .item-icon {
+    flex-shrink: 0;
+    font-size: 15px;
+    color: var(--el-text-color-secondary);
+
+    &.active {
+      color: var(--el-color-primary);
+    }
+  }
+
+  .item-text {
+    min-width: 0;
+  }
+
+  .item-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 13px;
+    font-weight: 500;
+    color: var(--el-text-color-primary);
+    white-space: nowrap;
+  }
+
+  .item-code {
+    margin-top: 2px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 11px;
+    color: var(--el-text-color-secondary);
+    white-space: nowrap;
+  }
+
+  .dropdown-footer {
+    display: flex;
+    gap: 6px;
+    align-items: center;
+    justify-content: center;
+    padding: 8px 12px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+    border-top: 1px solid var(--el-border-color-lighter);
+  }
+}
+</style>
diff --git a/src/components/layouts/fa-header-bar/widgets/FaUserMenu.vue b/src/components/layouts/fa-header-bar/widgets/FaUserMenu.vue
new file mode 100644
index 0000000..63c435f
--- /dev/null
+++ b/src/components/layouts/fa-header-bar/widgets/FaUserMenu.vue
@@ -0,0 +1,211 @@
+<!-- 用户菜单：合并旧版顶栏（配置中心、Gitee、引导）+ 新版 Popover 与链接结构 -->
+<template>
+  <!-- inline-flex + items-center：与顶栏 FaIconButton 同一中线对齐，避免 Popover 触发层基线偏移 -->
+  <div class="fa-user-menu inline-flex shrink-0 items-center leading-none">
+    <ElPopover
+      ref="userMenuPopover"
+      placement="bottom-end"
+      :width="240"
+      :hide-after="0"
+      :offset="10"
+      trigger="hover"
+      :show-arrow="false"
+      popper-class="user-menu-popover"
+      popper-style="padding: 5px 16px;"
+    >
+      <template #reference>
+        <div
+          class="fa-user-menu__avatar-ref mr-5 max-sm:mr-[16px] cursor-pointer flex size-8.5 max-sm:w-6.5 max-sm:h-6.5 shrink-0 items-center justify-center"
+        >
+          <img
+            v-if="userAvatar"
+            class="size-full rounded-full object-cover block"
+            :src="userAvatar"
+            alt="avatar"
+          />
+          <img
+            v-else
+            class="size-full rounded-full block"
+            src="@imgs/user/avatar.webp"
+            alt="avatar"
+          />
+          <!-- 与旧版 NavbarActions.user-profile__online-indicator 一致 -->
+          <span class="fa-user-menu__online-dot" aria-hidden="true" />
+        </div>
+      </template>
+      <template #default>
+        <div class="pt-3">
+          <div class="flex items-center pb-1 px-0">
+            <img
+              v-if="userAvatar"
+              class="w-10 h-10 mr-3 ml-0 overflow-hidden rounded-full float-left object-cover"
+              :src="userAvatar"
+              alt=""
+            />
+            <img
+              v-else
+              class="w-10 h-10 mr-3 ml-0 overflow-hidden rounded-full float-left"
+              src="@imgs/user/avatar.webp"
+              alt=""
+            />
+            <div class="w-[calc(100%-60px)] h-full">
+              <span class="block text-sm font-medium text-g-800 truncate">
+                {{ displayName }}
+              </span>
+              <span class="block mt-0.5 text-xs text-g-500 truncate">{{ displayEmail }}</span>
+            </div>
+          </div>
+          <ul class="py-4 mt-3 border-t border-g-300/80">
+            <li
+              class="flex items-center p-2 mb-3 select-none rounded-md cursor-pointer last:mb-0 hover:bg-(--el-color-primary)/10"
+              @click="goPage('/fastlink/profile')"
+            >
+              <FaSvgIcon icon="ri:user-3-line" class="mr-2 text-base" />
+              <span class="text-sm">{{ $t("topBar.user.userCenter") }}</span>
+            </li>
+            <li
+              class="flex items-center p-2 mb-3 select-none rounded-md cursor-pointer last:mb-0 hover:bg-(--el-color-primary)/10"
+              @click="openParamConfig"
+            >
+              <FaSvgIcon icon="ri:settings-3-line" class="mr-2 text-base" />
+              <span class="text-sm">{{ $t("topBar.user.paramConfig") }}</span>
+            </li>
+            <li
+              class="flex items-center p-2 mb-3 select-none rounded-md cursor-pointer last:mb-0 hover:bg-(--el-color-primary)/10"
+              @click="toGithub()"
+            >
+              <FaSvgIcon icon="ri:github-line" class="mr-2 text-base" />
+              <span class="text-sm">{{ $t("topBar.user.github") }}</span>
+            </li>
+            <li
+              class="flex items-center p-2 mb-3 select-none rounded-md cursor-pointer last:mb-0 hover:bg-(--el-color-primary)/10"
+              @click="toGitee"
+            >
+              <FaSvgIcon icon="ri:git-branch-line" class="mr-2 text-base" />
+              <span class="text-sm">{{ $t("topBar.user.gitee") }}</span>
+            </li>
+            <li
+              class="flex items-center p-2 mb-3 select-none rounded-md cursor-pointer last:mb-0 hover:bg-(--el-color-primary)/10"
+              @click="lockScreen()"
+            >
+              <FaSvgIcon icon="ri:lock-line" class="mr-2 text-base" />
+              <span class="text-sm">{{ $t("topBar.user.lockScreen") }}</span>
+            </li>
+            <div class="w-full h-px my-2 bg-g-300/80"></div>
+            <li
+              class="flex p-2 select-none rounded-md cursor-pointer last:mb-0 hover:bg-(--fa-gray-200) justify-center mt-5 mb-0 py-1.5 text-xs border border-g-400 hover:text-(--el-color-danger) hover:border-(--el-color-danger-light-3)"
+              @click="handleLogout"
+            >
+              {{ $t("topBar.user.logout") }}
+            </li>
+          </ul>
+        </div>
+      </template>
+    </ElPopover>
+
+    <FaConfigInfoDrawer v-model="paramDrawerVisible" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
+import { ElMessageBox } from "element-plus";
+import { useUserStore } from "@stores";
+import { WEB_LINKS, mittBus } from "@utils";
+
+defineOptions({ name: "FaUserMenu" });
+
+const router = useRouter();
+const { t } = useI18n();
+const userStore = useUserStore();
+
+const { info: userInfo } = storeToRefs(userStore);
+const userMenuPopover = ref();
+const paramDrawerVisible = ref(false);
+
+const userAvatar = computed(() => {
+  const a = (userInfo.value as { avatar?: string })?.avatar?.trim();
+  return a || "";
+});
+
+const displayName = computed(
+  () =>
+    (userInfo.value as { name?: string; username?: string })?.name ||
+    (userInfo.value as { username?: string })?.username ||
+    "—"
+);
+
+const displayEmail = computed(() => (userInfo.value as { email?: string })?.email || "");
+
+function openParamConfig(): void {
+  closeUserMenu();
+  paramDrawerVisible.value = true;
+}
+
+function goPage(path: string): void {
+  router.push(path);
+}
+
+function toGithub(): void {
+  window.open(WEB_LINKS.GITHUB);
+}
+
+function toGitee(): void {
+  window.open(WEB_LINKS.GITEE);
+}
+
+function lockScreen(): void {
+  mittBus.emit("openLockScreen");
+}
+
+function handleLogout(): void {
+  closeUserMenu();
+  setTimeout(async () => {
+    try {
+      await ElMessageBox.confirm(t("common.logoutTips"), t("common.tips"), {
+        confirmButtonText: t("common.confirm"),
+        cancelButtonText: t("common.cancel"),
+        customClass: "login-out-dialog",
+      });
+      await userStore.logout();
+    } catch {
+      // 用户取消
+    }
+  }, 200);
+}
+
+function closeUserMenu(): void {
+  setTimeout(() => {
+    userMenuPopover.value?.hide?.();
+  }, 100);
+}
+</script>
+
+<style scoped>
+/* ElPopover 基于 Tooltip：触发层默认 inline-block，与顶栏 flex 图标中线对齐 */
+.fa-user-menu .el-tooltip__trigger {
+  display: inline-flex !important;
+  align-items: center;
+  line-height: 1;
+}
+
+/* 顶栏头像右下角在线状态（对齐旧版顶栏）；占位与 FaIconButton size-8.5 一致 */
+.fa-user-menu__avatar-ref {
+  position: relative;
+  box-sizing: border-box;
+}
+
+.fa-user-menu__online-dot {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  width: 8px;
+  height: 8px;
+  pointer-events: none;
+  background-color: var(--el-color-success);
+  border-radius: 50%;
+  box-shadow: 0 0 2px rgb(0 0 0 / 20%);
+}
+</style>
diff --git a/src/components/layouts/fa-menus/fa-horizontal-menu/index.vue b/src/components/layouts/fa-menus/fa-horizontal-menu/index.vue
new file mode 100644
index 0000000..931c16e
--- /dev/null
+++ b/src/components/layouts/fa-menus/fa-horizontal-menu/index.vue
@@ -0,0 +1,143 @@
+<!-- 水平菜单 -->
+<template>
+  <div id="app-menu-top" class="flex-1 overflow-hidden">
+    <ElMenu
+      :ellipsis="true"
+      mode="horizontal"
+      :default-active="routerPath"
+      :text-color="isDark ? 'var(--fa-gray-800)' : 'var(--fa-gray-700)'"
+      :popper-offset="-6"
+      background-color="transparent"
+      :show-timeout="50"
+      :hide-timeout="50"
+      popper-class="horizontal-menu-popper"
+      class="w-full border-none"
+    >
+      <FaHorizontalSubmenu
+        v-for="item in filteredMenuItems"
+        :key="item.path"
+        :item="item"
+        :level="0"
+      />
+    </ElMenu>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { AppRouteRecord } from "@/types/router";
+import { useSettingsStore } from "@stores";
+
+defineOptions({ name: "FaHorizontalMenu" });
+
+const settingStore = useSettingsStore();
+const { isDark } = storeToRefs(settingStore);
+
+interface Props {
+  /** 菜单列表数据 */
+  list: AppRouteRecord[];
+}
+
+const route = useRoute();
+
+const props = withDefaults(defineProps<Props>(), {
+  list: () => [],
+});
+
+/**
+ * 过滤后的菜单项列表
+ * 只显示未隐藏的菜单项
+ */
+const filteredMenuItems = computed(() => {
+  return filterMenuItems(props.list);
+});
+
+/**
+ * 当前激活的路由路径
+ * 用于菜单高亮显示
+ */
+const routerPath = computed(() => String(route.meta.activePath || route.path));
+
+/**
+ * 递归过滤菜单项，移除隐藏的菜单
+ * 如果一个父菜单的所有子菜单都被隐藏，则父菜单也会被隐藏
+ * @param items 菜单项数组
+ * @returns 过滤后的菜单项数组
+ */
+const filterMenuItems = (items: AppRouteRecord[]): AppRouteRecord[] => {
+  return items
+    .filter((item) => {
+      // 如果当前项被隐藏，直接过滤掉
+      if (item.meta.isHide) {
+        return false;
+      }
+
+      // 如果有子菜单，递归过滤子菜单
+      if (item.children && item.children.length > 0) {
+        const filteredChildren = filterMenuItems(item.children);
+        // 如果所有子菜单都被过滤掉了，则隐藏父菜单
+        return filteredChildren.length > 0;
+      }
+
+      // 叶子节点且未被隐藏，保留
+      return true;
+    })
+    .map((item) => ({
+      ...item,
+      children: item.children ? filterMenuItems(item.children) : undefined,
+    }));
+};
+</script>
+
+<style scoped>
+/* Remove el-menu bottom border */
+:deep(.el-menu) {
+  border-bottom: none !important;
+}
+
+/* Remove default styles for first-level menu items */
+:deep(.el-menu-item[tabindex="0"]) {
+  background-color: transparent !important;
+  border: none !important;
+}
+
+/* Remove bottom border from submenu titles */
+:deep(.el-menu--horizontal .el-sub-menu__title) {
+  padding: 0 30px 0 10px !important;
+  border: 0 !important;
+}
+
+/* Horizontal menu item hover background */
+:deep(.el-menu-item:hover),
+:deep(.el-sub-menu__title:hover) {
+  background-color: var(--el-color-primary-light-9) !important;
+}
+
+/* 暗色模式：水平菜单内联项（非弹出层）hover */
+.dark {
+  :deep(.el-menu-item:hover),
+  :deep(.el-sub-menu__title:hover) {
+    background-color: color-mix(in srgb, var(--el-color-primary) 15%, transparent) !important;
+  }
+}
+</style>
+
+<style lang="scss">
+/* 水平菜单弹出层 hover 背景（popper 在组件树外，需 un-scoped） */
+.horizontal-menu-popper {
+  .el-menu-item:hover,
+  .el-sub-menu__title:hover {
+    background-color: var(--el-color-primary-light-9) !important;
+    border-radius: 6px;
+  }
+}
+
+/* 暗色模式：hover 背景使用半透明主题色 */
+.dark {
+  .horizontal-menu-popper {
+    .el-menu-item:hover,
+    .el-sub-menu__title:hover {
+      background-color: color-mix(in srgb, var(--el-color-primary) 15%, transparent) !important;
+    }
+  }
+}
+</style>
diff --git a/src/components/layouts/fa-menus/fa-horizontal-menu/widgets/FaHorizontalSubmenu.vue b/src/components/layouts/fa-menus/fa-horizontal-menu/widgets/FaHorizontalSubmenu.vue
new file mode 100644
index 0000000..8175711
--- /dev/null
+++ b/src/components/layouts/fa-menus/fa-horizontal-menu/widgets/FaHorizontalSubmenu.vue
@@ -0,0 +1,110 @@
+<template>
+  <ElSubMenu v-if="hasChildren" :index="item.path || item.meta.title" class="p-0!">
+    <template #title>
+      <FaMenuRouteIcon :icon="item.meta.icon" :color="theme?.iconColor" class="mr-1 text-lg" />
+      <span class="text-md">{{ formatMenuTitle(item.meta.title) }}</span>
+      <div v-if="item.meta.showBadge" class="fa-badge fa-badge-horizontal" />
+      <div v-if="item.meta.showTextBadge" class="fa-text-badge">
+        {{ item.meta.showTextBadge }}
+      </div>
+    </template>
+
+    <!-- 递归调用自身处理子菜单 -->
+    <FaHorizontalSubmenu
+      v-for="child in filteredChildren"
+      :key="child.path"
+      :item="child"
+      :theme="theme"
+      :level="level + 1"
+      @close="closeMenu"
+    />
+  </ElSubMenu>
+
+  <ElMenuItem
+    v-else-if="isNavigableRoute"
+    :index="item.path || item.meta.title"
+    @click="goPage(item)"
+  >
+    <FaMenuRouteIcon
+      :icon="item.meta.icon"
+      :color="theme?.iconColor"
+      class="mr-1 text-lg"
+      :style="{ color: theme.iconColor }"
+    />
+    <span class="text-md">{{ formatMenuTitle(item.meta.title) }}</span>
+    <div
+      v-if="item.meta.showBadge"
+      class="fa-badge"
+      :style="{ right: level === 0 ? '10px' : '20px' }"
+    />
+    <div v-if="item.meta.showTextBadge && level !== 0" class="fa-text-badge">
+      {{ item.meta.showTextBadge }}
+    </div>
+  </ElMenuItem>
+</template>
+
+<script lang="ts" setup>
+import { computed } from "vue";
+import { AppRouteRecord } from "@/types/router";
+import { handleMenuJump, formatMenuTitle } from "@utils";
+
+defineOptions({ name: "FaHorizontalSubmenu" });
+
+interface Props {
+  item: AppRouteRecord;
+  theme?: Record<string, any>;
+  level?: number;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  theme: () => ({}),
+  level: 0,
+});
+
+interface Emits {
+  close: [];
+}
+
+const emit = defineEmits<Emits>();
+
+// 过滤后的子菜单项（不包含隐藏的）
+const filteredChildren = computed(() => {
+  return props.item.children?.filter((child) => !child.meta.isHide) || [];
+});
+
+// 父菜单如果本身就是页面，则即使没有可见子菜单也应该保留为菜单项。
+const isNavigableRoute = computed(() => {
+  if (props.item.meta?.isHide) {
+    return false;
+  }
+  if (props.item.meta?.shellRoute && props.item.path?.trim()) {
+    return true;
+  }
+  return !!(
+    ((props.item.path && props.item.path.trim()) ||
+      props.item.meta.link ||
+      props.item.meta.isIframe === true) &&
+    (props.item.component || props.item.meta.link || props.item.meta.isIframe === true)
+  );
+});
+
+// 计算当前项是否有可见的子菜单
+const hasChildren = computed(() => {
+  return filteredChildren.value.length > 0;
+});
+
+const goPage = (item: AppRouteRecord) => {
+  closeMenu();
+  handleMenuJump(item);
+};
+
+const closeMenu = () => {
+  emit("close");
+};
+</script>
+
+<style scoped>
+:deep(.el-sub-menu__title .el-sub-menu__icon-arrow) {
+  right: 10px !important;
+}
+</style>
diff --git a/src/components/layouts/fa-menus/fa-mixed-menu/index.vue b/src/components/layouts/fa-menus/fa-mixed-menu/index.vue
new file mode 100644
index 0000000..7b3b3ee
--- /dev/null
+++ b/src/components/layouts/fa-menus/fa-mixed-menu/index.vue
@@ -0,0 +1,265 @@
+<!-- 混合菜单 -->
+<template>
+  <div id="app-menu-top-left" class="relative box-border flex items-center w-full overflow-hidden">
+    <!-- 左侧滚动按钮 -->
+    <div v-show="showLeftArrow" class="button-arrow" @click="scroll('left')">
+      <ElIcon>
+        <ArrowLeft />
+      </ElIcon>
+    </div>
+
+    <!-- 滚动容器 -->
+    <ElScrollbar
+      ref="scrollbarRef"
+      wrap-class="scrollbar-wrapper"
+      :horizontal="true"
+      @scroll="handleScroll"
+      @wheel="handleWheel"
+    >
+      <div class="box-border flex items-center shrink-0 flex-nowrap h-15 whitespace-nowrap">
+        <template v-for="item in processedMenuList" :key="item.meta.title">
+          <div
+            v-if="!item.meta.isHide"
+            class="menu-item relative shrink-0 h-10 px-3 text-sm flex items-center cursor-pointer hover:text-theme"
+            :class="{
+              'menu-item-active text-theme': item.isActive,
+            }"
+            @click="handleMenuJump(item, true)"
+          >
+            <FaMenuRouteIcon
+              :icon="item.meta.icon"
+              class="text-lg text-g-700 dark:text-g-800 mr-1"
+              :class="item.isActive && 'text-theme!'"
+            />
+            <span
+              class="text-md text-g-700 dark:text-g-800"
+              :class="item.isActive && 'text-theme!'"
+            >
+              {{ item.formattedTitle }}
+            </span>
+            <div v-if="item.meta.showBadge" class="fa-badge fa-badge-mixed" />
+          </div>
+        </template>
+      </div>
+    </ElScrollbar>
+
+    <!-- 右侧滚动按钮 -->
+    <div v-show="showRightArrow" class="button-arrow right-2" @click="scroll('right')">
+      <ElIcon>
+        <ArrowRight />
+      </ElIcon>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted, nextTick } from "vue";
+import { ArrowLeft, ArrowRight } from "@element-plus/icons-vue";
+import { useThrottleFn } from "@vueuse/core";
+import { formatMenuTitle, handleMenuJump } from "@utils";
+import type { AppRouteRecord } from "@/types/router";
+
+defineOptions({ name: "FaMixedMenu" });
+
+interface Props {
+  /** 菜单列表数据 */
+  list: AppRouteRecord[];
+}
+
+interface ProcessedMenuItem extends AppRouteRecord {
+  isActive: boolean;
+  formattedTitle: string;
+}
+
+type ScrollDirection = "left" | "right";
+
+const route = useRoute();
+
+const props = withDefaults(defineProps<Props>(), {
+  list: () => [],
+});
+
+const scrollbarRef = ref<any>();
+const showLeftArrow = ref(false);
+const showRightArrow = ref(false);
+
+/** 滚动配置 */
+const SCROLL_CONFIG = {
+  /** 点击按钮时的滚动距离 */
+  BUTTON_SCROLL_DISTANCE: 200,
+  /** 鼠标滚轮快速滚动时的步长 */
+  WHEEL_FAST_STEP: 35,
+  /** 鼠标滚轮慢速滚动时的步长 */
+  WHEEL_SLOW_STEP: 30,
+  /** 区分快慢滚动的阈值 */
+  WHEEL_FAST_THRESHOLD: 100,
+};
+
+/**
+ * 获取当前激活路径
+ * 使用computed缓存，避免重复计算
+ */
+const currentActivePath = computed(() => {
+  return String(route.meta.activePath || route.path);
+});
+
+/**
+ * 判断菜单项是否为激活状态
+ * 递归检查子菜单中是否包含当前路径
+ * @param item 菜单项数据
+ * @returns 是否为激活状态
+ */
+const isMenuItemActive = (item: AppRouteRecord): boolean => {
+  const activePath = currentActivePath.value;
+
+  // 如果有子菜单，递归检查子菜单
+  if (item.children?.length) {
+    return item.children.some((child) => {
+      if (child.children?.length) {
+        return isMenuItemActive(child);
+      }
+      return child.path === activePath;
+    });
+  }
+
+  // 直接比较路径
+  return item.path === activePath;
+};
+
+/**
+ * 预处理菜单列表
+ * 缓存每个菜单项的激活状态和格式化标题
+ */
+const processedMenuList = computed<ProcessedMenuItem[]>(() => {
+  return props.list.map((item) => ({
+    ...item,
+    isActive: isMenuItemActive(item),
+    formattedTitle: formatMenuTitle(item.meta.title),
+  }));
+});
+
+/**
+ * 处理滚动事件的核心逻辑
+ * 根据滚动位置显示/隐藏滚动按钮
+ */
+const handleScrollCore = (): void => {
+  if (!scrollbarRef.value?.wrapRef) return;
+
+  const { scrollLeft, scrollWidth, clientWidth } = scrollbarRef.value.wrapRef;
+
+  // 判断是否显示左侧滚动按钮
+  showLeftArrow.value = scrollLeft > 0;
+
+  // 判断是否显示右侧滚动按钮
+  showRightArrow.value = scrollLeft + clientWidth < scrollWidth;
+};
+
+/**
+ * 节流后的滚动事件处理函数
+ * 调整节流间隔为16ms，约等于60fps
+ */
+const handleScroll = useThrottleFn(handleScrollCore, 16);
+
+/**
+ * 滚动菜单容器
+ * @param direction 滚动方向，left 或 right
+ */
+const scroll = (direction: ScrollDirection): void => {
+  if (!scrollbarRef.value?.wrapRef) return;
+
+  const currentScroll = scrollbarRef.value.wrapRef.scrollLeft;
+  const targetScroll =
+    direction === "left"
+      ? currentScroll - SCROLL_CONFIG.BUTTON_SCROLL_DISTANCE
+      : currentScroll + SCROLL_CONFIG.BUTTON_SCROLL_DISTANCE;
+
+  // 平滑滚动到目标位置
+  scrollbarRef.value.wrapRef.scrollTo({
+    left: targetScroll,
+    behavior: "smooth",
+  });
+};
+
+/**
+ * 处理鼠标滚轮事件
+ * 优化滚轮响应性能
+ * @param event 滚轮事件
+ */
+const handleWheel = (event: WheelEvent): void => {
+  // 立即阻止默认滚动行为和事件冒泡，避免页面滚动
+  event.preventDefault();
+  event.stopPropagation();
+
+  // 直接处理滚动，提升响应性
+  if (!scrollbarRef.value?.wrapRef) return;
+
+  const { wrapRef } = scrollbarRef.value;
+  const { scrollLeft, scrollWidth, clientWidth } = wrapRef;
+
+  // 使用更小的滚动步长，让滚动更平滑
+  const scrollStep =
+    Math.abs(event.deltaY) > SCROLL_CONFIG.WHEEL_FAST_THRESHOLD
+      ? SCROLL_CONFIG.WHEEL_FAST_STEP
+      : SCROLL_CONFIG.WHEEL_SLOW_STEP;
+  const scrollDelta = event.deltaY > 0 ? scrollStep : -scrollStep;
+  const targetScroll = Math.max(0, Math.min(scrollLeft + scrollDelta, scrollWidth - clientWidth));
+
+  // 立即滚动，无动画
+  wrapRef.scrollLeft = targetScroll;
+
+  // 更新滚动按钮状态
+  handleScrollCore();
+};
+
+/**
+ * 初始化滚动状态
+ */
+const initScrollState = (): void => {
+  nextTick(() => {
+    handleScrollCore();
+  });
+};
+
+onMounted(initScrollState);
+</script>
+
+<style scoped>
+:deep(.el-scrollbar__bar.is-horizontal) {
+  bottom: 5px;
+  display: none;
+  height: 2px;
+}
+
+:deep(.scrollbar-wrapper) {
+  flex: 1;
+  min-width: 0;
+  margin: 0 50px 0 30px;
+}
+
+.menu-item-active::after {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 40px;
+  height: 2px;
+  margin: auto;
+  content: "";
+  background-color: var(--theme-color);
+}
+
+.menu-item:hover {
+  background-color: var(--el-color-primary-light-9);
+  border-radius: 6px;
+}
+
+.dark .menu-item:hover {
+  background-color: color-mix(in srgb, var(--el-color-primary) 15%, transparent);
+}
+
+@media (width <= 1440px) {
+  :deep(.scrollbar-wrapper) {
+    margin: 0 45px;
+  }
+}
+</style>
diff --git a/src/components/layouts/fa-menus/fa-sidebar-menu/index.vue b/src/components/layouts/fa-menus/fa-sidebar-menu/index.vue
new file mode 100644
index 0000000..a8b149e
--- /dev/null
+++ b/src/components/layouts/fa-menus/fa-sidebar-menu/index.vue
@@ -0,0 +1,893 @@
+<!-- 左侧菜单 或 双列菜单 -->
+<template>
+  <div
+    class="layout-sidebar"
+    v-if="showLeftMenu || isDualMenu"
+    :class="{ 'no-border': menuList.length === 0 }"
+  >
+    <!-- 双列菜单（左侧） -->
+    <div
+      v-if="isDualMenu"
+      class="dual-menu-left"
+      :style="{ width: dualMenuShowText ? '80px' : '64px', background: getMenuTheme.background }"
+    >
+      <FaLogo v-if="showAppLogo" class="logo" :src="sidebarLogoSrc" @click="navigateToHome" />
+
+      <ElScrollbar :style="{ height: 'calc(100% - 135px)' }">
+        <ul>
+          <li v-for="menu in firstLevelMenus" :key="menu.path" @click="handleMenuJump(menu, true)">
+            <ElTooltip
+              class="box-item"
+              effect="dark"
+              :content="$t(menu.meta.title)"
+              placement="right"
+              :offset="15"
+              :hide-after="0"
+              :disabled="dualMenuShowText"
+            >
+              <div
+                :class="{
+                  'is-active': menu.meta.isFirstLevel
+                    ? menu.path === route.path
+                    : menu.path === firstLevelMenuPath,
+                }"
+                :style="{
+                  height: dualMenuShowText ? '60px' : '46px',
+                }"
+              >
+                <FaMenuRouteIcon
+                  class="menu-icon text-g-700 dark:text-g-800"
+                  :icon="menu.meta.icon"
+                  :style="{
+                    marginBottom: dualMenuShowText ? '5px' : '0',
+                  }"
+                />
+                <span v-if="dualMenuShowText" class="text-md text-g-700">
+                  {{ $t(menu.meta.title) }}
+                </span>
+                <div v-if="menu.meta.showBadge" class="fa-badge fa-badge-dual" />
+              </div>
+            </ElTooltip>
+          </li>
+        </ul>
+      </ElScrollbar>
+
+      <FaIconButton
+        class="switch-btn size-10"
+        icon="ri:arrow-left-right-fill"
+        @click="toggleDualMenuMode"
+      />
+    </div>
+
+    <!-- 左侧菜单 || 双列菜单（右侧） -->
+    <div
+      v-show="menuList.length > 0"
+      class="menu-left"
+      :class="`menu-left-${getMenuTheme.theme} menu-left-${!menuOpen ? 'close' : 'open'}`"
+      :style="{ background: getMenuTheme.background }"
+    >
+      <!-- Logo、系统名称（开关同时控制 Logo 与标题） -->
+      <div
+        v-if="showAppLogo"
+        class="header"
+        @click="navigateToHome"
+        :style="{
+          background: getMenuTheme.background,
+        }"
+      >
+        <FaLogo v-if="!isDualMenu" class="logo" :src="sidebarLogoSrc" />
+
+        <p
+          :class="{ 'is-dual-menu-name': isDualMenu }"
+          :style="{
+            color: getMenuTheme.systemNameColor,
+            opacity: !menuOpen ? 0 : 1,
+          }"
+        >
+          {{ sidebarTitle }}
+        </p>
+      </div>
+      <ElScrollbar :style="scrollbarStyle">
+        <ElMenu
+          :class="'el-menu-' + getMenuTheme.theme"
+          :collapse="!menuOpen"
+          :default-active="routerPath"
+          :text-color="getMenuTheme.textColor"
+          :unique-opened="uniqueOpened"
+          :background-color="getMenuTheme.background"
+          :default-openeds="defaultOpenedMenus"
+          :popper-class="`menu-left-popper menu-left-${getMenuTheme.theme}-popper`"
+          :show-timeout="50"
+          :hide-timeout="50"
+        >
+          <SidebarSubmenu :list="menuList" :theme="getMenuTheme" @close="handleMenuClose" />
+        </ElMenu>
+      </ElScrollbar>
+
+      <!-- 双列菜单右侧折叠按钮 -->
+      <div class="dual-menu-collapse-btn" v-if="isDualMenu" @click="toggleMenuVisibility">
+        <FaSvgIcon
+          class="text-g-500/70"
+          :icon="menuOpen ? 'ri:arrow-left-wide-fill' : 'ri:arrow-right-wide-fill'"
+        />
+      </div>
+
+      <div
+        class="menu-model"
+        @click="toggleMenuVisibility"
+        :style="{
+          opacity: !menuOpen ? 0 : 1,
+          transform: showMobileModal ? 'scale(1)' : 'scale(0)',
+        }"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import AppConfig from "@/config";
+import { useConfigStore, useSettingsStore, useMenuStore } from "@stores";
+import { MenuTypeEnum, MenuWidth } from "@/enums/appEnum";
+import { isIframe, handleMenuJump } from "@utils";
+import SidebarSubmenu from "./widgets/FaSidebarSubmenu.vue";
+import { useCommon } from "@/hooks/core/useCommon";
+import { useWindowSize, useTimeoutFn } from "@vueuse/core";
+import { MOBILE_BREAKPOINT } from "@utils/constants";
+
+defineOptions({ name: "FaSidebarMenu" });
+
+const ANIMATION_DELAY = 350;
+const MENU_CLOSE_WIDTH = MenuWidth.CLOSE;
+
+const route = useRoute();
+const router = useRouter();
+const settingStore = useSettingsStore();
+const configStore = useConfigStore();
+
+/** 租户配置：tenant_logo / tenant_name */
+const sidebarLogoSrc = computed(() => {
+  const raw = configStore.configData.tenant_logo?.config_value;
+  return typeof raw === "string" && raw.trim() ? raw.trim() : undefined;
+});
+
+const sidebarTitle = computed(() => {
+  const raw = configStore.configData.tenant_name?.config_value;
+  if (typeof raw === "string" && raw.trim()) return raw.trim();
+  return AppConfig.systemInfo.name;
+});
+
+const {
+  getMenuOpenWidth,
+  menuType,
+  uniqueOpened,
+  dualMenuShowText,
+  menuOpen,
+  getMenuTheme,
+  showAppLogo,
+} = storeToRefs(settingStore);
+
+// 组件内部状态
+const defaultOpenedMenus = ref<string[]>([]);
+const showMobileModal = ref(false);
+
+// 使用 VueUse 的窗口尺寸监听
+const { width } = useWindowSize();
+
+// 菜单宽度相关
+const menuopenwidth = computed(() => getMenuOpenWidth.value);
+const menuclosewidth = computed(() => MENU_CLOSE_WIDTH);
+
+// 菜单类型判断
+const isTopLeftMenu = computed(() => menuType.value === MenuTypeEnum.TOP_LEFT);
+const showLeftMenu = computed(
+  () => menuType.value === MenuTypeEnum.LEFT || menuType.value === MenuTypeEnum.TOP_LEFT
+);
+const isDualMenu = computed(() => menuType.value === MenuTypeEnum.DUAL_MENU);
+
+// 移动端屏幕判断（使用 computed 避免重复计算）
+const isMobileScreen = computed(() => width.value < MOBILE_BREAKPOINT);
+
+// 路由相关
+const firstLevelMenuPath = computed(() => route.matched[0]?.path);
+const routerPath = computed(() => String(route.meta.activePath || route.path));
+
+// 菜单数据
+const firstLevelMenus = computed(() => {
+  return useMenuStore().menuList.filter((menu) => !menu.meta.isHide);
+});
+
+const menuList = computed(() => {
+  const menuStore = useMenuStore();
+  const allMenus = menuStore.menuList;
+
+  // 如果不是顶部左侧菜单或双列菜单，直接返回完整菜单列表
+  if (!isTopLeftMenu.value && !isDualMenu.value) {
+    return allMenus;
+  }
+
+  // 处理 iframe 路径
+  if (isIframe(route.path)) {
+    return findIframeMenuList(route.path, allMenus);
+  }
+
+  // 处理一级菜单
+  if (route.meta.isFirstLevel) {
+    return [];
+  }
+
+  // 返回当前顶级路径对应的子菜单
+  const currentTopPath = `/${route.path.split("/")[1]}`;
+  let currentMenu = allMenus.find((menu) => menu.path === currentTopPath);
+  if (!currentMenu && allMenus.length > 0) {
+    currentMenu =
+      allMenus.find((menu) => !menu.meta?.isHide && menu.children?.length) ?? allMenus[0];
+  }
+  const sub = currentMenu?.children ?? [];
+  // 顶部+左侧 / 双列：顶级为叶子（如 /home）时右侧展示自身
+  if (sub.length === 0 && currentMenu?.path && !currentMenu.meta?.isHide) {
+    return [currentMenu];
+  }
+  return sub;
+});
+
+// 双列菜单收起时的滚动条样式
+const scrollbarStyle = computed(() => {
+  const isCollapsed = isDualMenu.value && !menuOpen.value;
+  return {
+    transform: isCollapsed ? "translateY(-50px)" : "translateY(0)",
+    height: isCollapsed ? "calc(100% + 50px)" : "calc(100% - 60px)",
+    transition: "transform 0.3s ease",
+  };
+});
+
+/**
+ * 延迟隐藏移动端模态框（使用 VueUse 的 useTimeoutFn）
+ */
+const { start: delayHideMobileModal } = useTimeoutFn(
+  () => {
+    showMobileModal.value = false;
+  },
+  ANIMATION_DELAY,
+  { immediate: false }
+);
+
+/**
+ * 查找 iframe 对应的二级菜单列表
+ */
+const findIframeMenuList = (currentPath: string, menuList: any[]) => {
+  // 递归查找包含当前路径的菜单项
+  const hasPath = (items: any[]): boolean => {
+    for (const item of items) {
+      if (item.path === currentPath) {
+        return true;
+      }
+      if (item.children && hasPath(item.children)) {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  // 遍历一级菜单查找匹配的子菜单
+  for (const menu of menuList) {
+    if (menu.children && hasPath(menu.children)) {
+      return menu.children;
+    }
+  }
+  return [];
+};
+
+const { homePath } = useCommon();
+
+/**
+ * 导航到首页
+ */
+const navigateToHome = (): void => {
+  router.push(homePath.value);
+};
+
+/**
+ * 切换菜单显示/隐藏
+ */
+const toggleMenuVisibility = (): void => {
+  settingStore.setMenuOpen(!menuOpen.value);
+
+  // 移动端模态框控制逻辑
+  if (isMobileScreen.value) {
+    if (!menuOpen.value) {
+      // 菜单即将打开，立即显示模态框
+      showMobileModal.value = true;
+    } else {
+      // 菜单即将关闭，延迟隐藏模态框确保动画完成
+      delayHideMobileModal();
+    }
+  }
+};
+
+/**
+ * 处理菜单关闭（来自子组件）
+ */
+const handleMenuClose = (): void => {
+  if (isMobileScreen.value) {
+    settingStore.setMenuOpen(false);
+    delayHideMobileModal();
+  }
+};
+
+/**
+ * 切换双列菜单模式
+ */
+const toggleDualMenuMode = (): void => {
+  settingStore.setDualMenuShowText(!dualMenuShowText.value);
+};
+
+/**
+ * 监听窗口尺寸变化，自动处理移动端菜单
+ */
+watch(width, (newWidth) => {
+  if (newWidth < MOBILE_BREAKPOINT) {
+    settingStore.setMenuOpen(false);
+    if (!menuOpen.value) {
+      showMobileModal.value = false;
+    }
+  } else {
+    showMobileModal.value = false;
+  }
+});
+
+/**
+ * 监听菜单开关状态变化
+ */
+watch(menuOpen, (isMenuOpen: boolean) => {
+  if (!isMobileScreen.value) {
+    // 大屏幕设备上，模态框始终隐藏
+    showMobileModal.value = false;
+  } else {
+    // 小屏幕设备上，根据菜单状态控制模态框
+    if (isMenuOpen) {
+      // 菜单打开时立即显示模态框
+      showMobileModal.value = true;
+    } else {
+      // 菜单关闭时延迟隐藏模态框，确保动画完成
+      delayHideMobileModal();
+    }
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.layout-sidebar {
+  display: flex;
+  height: 100vh;
+  user-select: none;
+  scrollbar-width: none;
+  border-right: 1px solid var(--fa-card-border);
+
+  &.no-border {
+    border-right: none !important;
+  }
+
+  :deep(.el-scrollbar__bar.is-vertical) {
+    width: 4px;
+  }
+
+  :deep(.el-scrollbar__thumb) {
+    right: -2px;
+    background-color: var(--fa-gray-400);
+    border-radius: 2px;
+  }
+
+  .dual-menu-left {
+    position: relative;
+    width: 80px;
+    height: 100%;
+    border-right: 1px solid var(--fa-card-border) !important;
+    transition: width 0.25s;
+
+    .logo {
+      margin: auto;
+      margin-top: 12px;
+      margin-bottom: 3px;
+      cursor: pointer;
+    }
+
+    ul {
+      li {
+        > div {
+          position: relative;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          margin: 8px;
+          overflow: hidden;
+          text-align: center;
+          cursor: pointer;
+          border-radius: 5px;
+
+          .art-svg-icon {
+            display: block;
+            margin: 0 auto;
+            font-size: 20px;
+          }
+
+          span {
+            display: -webkit-box;
+            width: 100%;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            -webkit-line-clamp: 1;
+            line-clamp: 1;
+            font-size: 12px;
+            -webkit-box-orient: vertical;
+          }
+
+          &.is-active {
+            background: var(--el-color-primary-light-9);
+
+            .art-svg-icon,
+            span {
+              color: var(--theme-color) !important;
+            }
+          }
+        }
+      }
+    }
+
+    .switch-btn {
+      position: absolute;
+      right: 0;
+      bottom: 15px;
+      left: 0;
+      margin: auto;
+    }
+  }
+
+  .menu-left {
+    position: relative;
+    box-sizing: border-box;
+    height: 100vh;
+
+    @media only screen and (width <= 640px) {
+      height: 100dvh;
+    }
+
+    .el-menu {
+      height: 100%;
+    }
+
+    &:hover {
+      .dual-menu-collapse-btn {
+        opacity: 1 !important;
+      }
+    }
+
+    .dual-menu-collapse-btn {
+      position: absolute;
+      top: 50%;
+      right: -11px;
+      z-index: 10;
+      width: 11px;
+      height: 50px;
+      cursor: pointer;
+      background-color: var(--default-box-color);
+      border: 1px solid var(--fa-card-border);
+      border-radius: 0 15px 15px 0;
+      opacity: 0;
+      transform: translateY(-50%);
+      transition: opacity 0.2s;
+
+      &:hover {
+        .art-svg-icon {
+          color: var(--fa-gray-800) !important;
+        }
+      }
+
+      .art-svg-icon {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: -4px;
+        margin: auto;
+        transition: all 0.3s;
+      }
+    }
+  }
+
+  .header {
+    position: relative;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 60px;
+    overflow: hidden;
+    line-height: 60px;
+    cursor: pointer;
+
+    .logo {
+      margin-left: 22px;
+    }
+
+    p {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 58px;
+      box-sizing: border-box;
+      margin-left: 10px;
+      font-size: 18px;
+
+      &.is-dual-menu-name {
+        left: 25px;
+        margin: auto;
+      }
+    }
+  }
+
+  .el-menu {
+    box-sizing: border-box;
+
+    /* 防止菜单内的滚动影响整个页面滚动 */
+    overscroll-behavior: contain;
+    scrollbar-width: none;
+    border-right: 0;
+    -ms-scroll-chaining: contain;
+
+    &::-webkit-scrollbar {
+      width: 0 !important;
+    }
+  }
+
+  .menu-model {
+    display: none;
+  }
+}
+
+@media only screen and (width <= 800px) {
+  .layout-sidebar {
+    width: 0;
+
+    .header {
+      height: 50px;
+      line-height: 50px;
+    }
+
+    .el-menu {
+      height: calc(100vh - 60px);
+    }
+
+    .el-menu--collapse {
+      width: 0;
+    }
+
+    /* 折叠状态下的header样式 */
+    .menu-left-close .header {
+      .logo {
+        display: none;
+      }
+
+      p {
+        left: 16px;
+        font-size: 0;
+        opacity: 0 !important;
+      }
+    }
+
+    .menu-model {
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: -1;
+      display: block;
+      width: 100%;
+      height: 100vh;
+      background: var(--fa-overlay-heavy);
+      transition: opacity 0.2s ease-in-out;
+    }
+  }
+}
+
+@media only screen and (width <= 640px) {
+  .layout-sidebar {
+    border-right: 0 !important;
+  }
+}
+
+.dark {
+  .layout-sidebar {
+    border-right: 1px solid var(--fa-dark-border-subtle);
+
+    :deep(.el-scrollbar__thumb) {
+      background-color: var(--fa-scrollbar-thumb);
+    }
+
+    .dual-menu-left {
+      border-right: 1px solid var(--fa-dark-border-subtle) !important;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+@use "@styles/core/mixin.scss" as *;
+
+/* 菜单样式变量 */
+$menu-height: 42px;
+$menu-icon-size: 20px;
+$menu-font-size: 14px;
+$hover-bg-color: var(--el-color-primary-light-9);
+$popup-menu-height: 40px;
+$popup-menu-padding: 8px;
+$popup-menu-margin: 5px;
+$popup-menu-radius: 6px;
+
+/* 通用菜单项样式 */
+@mixin menu-item-base {
+  width: calc(100% - 16px);
+  margin-left: 8px;
+  border-radius: 6px;
+
+  .menu-icon {
+    margin-left: -7px;
+  }
+}
+
+/* 通用 hover 样式 */
+@mixin menu-hover($bg-color) {
+  .el-sub-menu__title:hover,
+  .el-menu-item:not(.is-active):hover {
+    background: $bg-color !important;
+  }
+}
+
+/* 通用选中样式 */
+@mixin menu-active($color, $bg-color, $icon-color: var(--theme-color)) {
+  .el-menu-item.is-active {
+    color: $color !important;
+    background-color: $bg-color;
+
+    .menu-icon {
+      .art-svg-icon {
+        color: $icon-color !important;
+      }
+    }
+  }
+}
+
+/* 弹窗菜单项样式 */
+@mixin popup-menu-item {
+  height: $popup-menu-height;
+  margin-bottom: $popup-menu-margin;
+  border-radius: $popup-menu-radius;
+
+  .menu-icon {
+    margin-right: 5px;
+  }
+
+  &:last-of-type {
+    margin-bottom: 0;
+  }
+}
+
+/* 主题菜单通用样式（合并 design 和 dark 主题的共同逻辑） */
+@mixin theme-menu-base {
+  .el-sub-menu__title,
+  .el-menu-item {
+    @include menu-item-base;
+  }
+}
+
+/* 弹窗菜单通用样式 */
+@mixin popup-menu-base($hover-bg, $active-color, $active-bg) {
+  .el-menu--popup {
+    padding: $popup-menu-padding;
+
+    .el-sub-menu__title:hover,
+    .el-menu-item:hover {
+      background-color: $hover-bg !important;
+      border-radius: $popup-menu-radius;
+    }
+
+    .el-menu-item {
+      @include popup-menu-item;
+
+      &.is-active {
+        color: $active-color !important;
+        background-color: $active-bg !important;
+      }
+    }
+
+    .el-sub-menu {
+      @include popup-menu-item;
+
+      height: $popup-menu-height !important;
+
+      .el-sub-menu__title {
+        height: $popup-menu-height !important;
+        border-radius: $popup-menu-radius;
+      }
+    }
+  }
+}
+
+.layout-sidebar {
+  /* ---------------------- Modify default style ---------------------- */
+
+  /* 菜单折叠样式 */
+  .menu-left-close {
+    .header {
+      .logo {
+        margin: 0 auto;
+      }
+    }
+  }
+
+  /* 菜单图标 */
+  .menu-icon {
+    margin-right: 8px;
+    font-size: $menu-icon-size;
+  }
+
+  /* 菜单高度 */
+  .el-sub-menu__title,
+  .el-menu-item {
+    height: $menu-height !important;
+    margin-bottom: 4px;
+    line-height: $menu-height !important;
+
+    span {
+      font-size: $menu-font-size !important;
+
+      @include ellipsis();
+    }
+  }
+
+  /* 右侧箭头 */
+  .el-sub-menu__icon-arrow {
+    width: 13px !important;
+    font-size: 13px !important;
+  }
+
+  /* 菜单折叠 */
+  .el-menu--collapse {
+    .el-sub-menu.is-active {
+      .el-sub-menu__title {
+        .menu-icon {
+          .art-svg-icon {
+            // 选中菜单图标颜色
+            color: var(--theme-color) !important;
+          }
+        }
+      }
+    }
+  }
+
+  /* ---------------------- Design theme menu ---------------------- */
+  .el-menu-design {
+    @include theme-menu-base;
+    @include menu-active(var(--theme-color), var(--el-color-primary-light-9));
+    @include menu-hover($hover-bg-color);
+
+    .el-sub-menu__icon-arrow {
+      color: var(--fa-gray-600);
+    }
+  }
+
+  /* ---------------------- Dark theme menu ---------------------- */
+  .el-menu-dark {
+    @include theme-menu-base;
+    @include menu-active(var(--fa-gray-900), var(--fa-gray-300), var(--fa-gray-900));
+    @include menu-hover(var(--fa-gray-200));
+
+    .el-sub-menu__icon-arrow {
+      color: var(--fa-gray-400);
+    }
+  }
+
+  /* ---------------------- Light theme menu ---------------------- */
+  .el-menu-light {
+    .el-sub-menu__title,
+    .el-menu-item {
+      .menu-icon {
+        margin-left: 1px;
+      }
+    }
+
+    .el-menu-item.is-active {
+      background-color: var(--el-color-primary-light-9);
+
+      .art-svg-icon {
+        color: var(--theme-color) !important;
+      }
+
+      &::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 4px;
+        height: 100%;
+        content: "";
+        background: var(--theme-color);
+      }
+    }
+
+    @include menu-hover($hover-bg-color);
+
+    .el-sub-menu__icon-arrow {
+      color: var(--fa-gray-600);
+    }
+  }
+}
+
+@media only screen and (width <= 640px) {
+  .layout-sidebar {
+    .el-menu-design {
+      > .el-sub-menu {
+        margin-left: 0;
+      }
+
+      .el-sub-menu {
+        width: 100% !important;
+      }
+    }
+  }
+}
+
+/* 菜单折叠 hover 弹窗样式（浅色主题） */
+.el-menu--vertical,
+.el-menu--popup-container {
+  @include popup-menu-base(var(--el-color-primary-light-9), var(--fa-gray-900), var(--fa-gray-200));
+}
+
+/* 暗黑模式菜单样式 */
+.dark {
+  .el-menu--vertical,
+  .el-menu--popup-container {
+    @include popup-menu-base(
+      var(--el-color-primary-light-9),
+      var(--fa-gray-900),
+      var(--fa-gray-300)
+    );
+  }
+
+  .layout-sidebar {
+    /* 图标颜色、文字颜色 */
+    .menu-icon .art-svg-icon,
+    .menu-name {
+      color: var(--fa-gray-800) !important;
+    }
+
+    /* 暗色模式：悬浮使用半透明主题色 */
+    .el-menu-item:not(.is-active):hover,
+    .el-sub-menu__title:not(.is-active):hover {
+      background-color: color-mix(in srgb, var(--el-color-primary) 15%, transparent) !important;
+    }
+
+    /* 选中的文字颜色跟图标颜色 */
+    .el-menu-item.is-active {
+      span,
+      .menu-icon .art-svg-icon {
+        color: var(--theme-color) !important;
+      }
+    }
+
+    /* 右侧箭头颜色 */
+    .el-sub-menu__icon-arrow {
+      color: var(--fa-gray-900);
+    }
+  }
+}
+
+.layout-sidebar {
+  /* 展开的宽度 */
+  .el-menu:not(.el-menu--collapse) {
+    width: v-bind(menuopenwidth);
+  }
+
+  /* 折叠后宽度 */
+  .el-menu--collapse {
+    width: v-bind(menuclosewidth);
+  }
+}
+</style>
diff --git a/src/components/layouts/fa-menus/fa-sidebar-menu/widgets/FaSidebarSubmenu.vue b/src/components/layouts/fa-menus/fa-sidebar-menu/widgets/FaSidebarSubmenu.vue
new file mode 100644
index 0000000..816b474
--- /dev/null
+++ b/src/components/layouts/fa-menus/fa-sidebar-menu/widgets/FaSidebarSubmenu.vue
@@ -0,0 +1,201 @@
+<template>
+  <template v-for="(item, index) in filteredMenuItems" :key="getUniqueKey(item, index)">
+    <ElSubMenu v-if="hasChildren(item)" :index="item.path || item.meta.title" :level="level">
+      <template #title>
+        <div class="menu-icon flex items-center justify-center">
+          <FaMenuRouteIcon
+            :icon="item.meta.icon"
+            :color="theme?.iconColor"
+            :style="{ color: theme.iconColor }"
+          />
+        </div>
+        <span class="menu-name">
+          {{ formatMenuTitle(item.meta.title) }}
+        </span>
+        <div v-if="item.meta.showBadge" class="fa-badge" :style="'right: 10px'" />
+      </template>
+
+      <FaSidebarSubmenu
+        :list="item.children"
+        :level="level + 1"
+        :theme="theme"
+        @close="closeMenu"
+      />
+    </ElSubMenu>
+
+    <ElMenuItem
+      v-else
+      :index="isExternalLink(item) ? '' : item.path || item.meta.title"
+      :level-item="level + 1"
+      @click="goPage(item)"
+    >
+      <div class="menu-icon flex items-center justify-center">
+        <FaMenuRouteIcon
+          :icon="item.meta.icon"
+          :color="theme?.iconColor"
+          :style="{ color: theme.iconColor }"
+        />
+      </div>
+      <div
+        v-show="item.meta.showBadge && level === 0 && !menuOpen"
+        class="fa-badge"
+        :style="'right: 5px'"
+      />
+
+      <template #title>
+        <span class="menu-name">
+          {{ formatMenuTitle(item.meta.title) }}
+        </span>
+        <div v-if="item.meta.showBadge" class="fa-badge" />
+        <div v-if="item.meta.showTextBadge && (level > 0 || menuOpen)" class="fa-text-badge">
+          {{ item.meta.showTextBadge }}
+        </div>
+      </template>
+    </ElMenuItem>
+  </template>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import type { AppRouteRecord } from "@/types/router";
+import { formatMenuTitle, handleMenuJump } from "@utils";
+import { useSettingsStore } from "@stores";
+
+defineOptions({ name: "FaSidebarSubmenu" });
+
+interface MenuTheme {
+  iconColor?: string;
+}
+
+interface Props {
+  /** 菜单标题 */
+  title?: string;
+  /** 菜单列表 */
+  list?: AppRouteRecord[];
+  /** 主题配置 */
+  theme?: MenuTheme;
+  /** 菜单层级 */
+  level?: number;
+}
+
+interface Emits {
+  /** 关闭菜单事件 */
+  (e: "close"): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  title: "",
+  list: () => [],
+  theme: () => ({}),
+  level: 0,
+});
+
+const emit = defineEmits<Emits>();
+
+const settingStore = useSettingsStore();
+
+const { menuOpen } = storeToRefs(settingStore);
+
+/**
+ * 过滤后的菜单项列表
+ * 只显示未隐藏的菜单项
+ */
+const filteredMenuItems = computed(() => filterRoutes(props.list));
+
+/**
+ * 跳转到指定页面
+ * @param item 菜单项数据
+ */
+const goPage = (item: AppRouteRecord): void => {
+  closeMenu();
+  handleMenuJump(item);
+};
+
+/**
+ * 关闭菜单
+ * 触发父组件的关闭事件
+ */
+const closeMenu = (): void => {
+  emit("close");
+};
+
+/**
+ * 判断菜单项本身是否可以作为可点击页面保留在菜单中
+ */
+const isNavigableRoute = (item: AppRouteRecord): boolean => {
+  if (item.meta?.isHide) {
+    return false;
+  }
+  if (item.meta?.shellRoute && item.path?.trim()) {
+    return true;
+  }
+  return !!(
+    ((item.path && item.path.trim()) || item.meta.link || item.meta.isIframe === true) &&
+    (item.component || item.meta.link || item.meta.isIframe === true)
+  );
+};
+
+/**
+ * 递归过滤菜单路由，移除隐藏的菜单项
+ * 但如果父菜单本身就是可访问页面，则即使子菜单都被隐藏也应该保留
+ * @param items 菜单项数组
+ * @returns 过滤后的菜单项数组
+ */
+const filterRoutes = (items: AppRouteRecord[]): AppRouteRecord[] => {
+  return items
+    .filter((item) => {
+      // 如果当前项被隐藏，直接过滤掉
+      if (item.meta.isHide) {
+        return false;
+      }
+
+      // 如果有子菜单，递归过滤子菜单
+      if (item.children && item.children.length > 0) {
+        const filteredChildren = filterRoutes(item.children);
+        // 目录菜单要求有可见子菜单；页面菜单则允许仅保留自身
+        return filteredChildren.length > 0 || isNavigableRoute(item);
+      }
+
+      // 叶子节点且未被隐藏，保留
+      return isNavigableRoute(item);
+    })
+    .map((item) => ({
+      ...item,
+      children: item.children ? filterRoutes(item.children) : undefined,
+    }));
+};
+
+/**
+ * 判断菜单项是否包含可见的子菜单
+ * @param item 菜单项数据
+ * @returns 是否包含可见的子菜单
+ */
+const hasChildren = (item: AppRouteRecord): boolean => {
+  if (!item.children || item.children.length === 0) {
+    return false;
+  }
+  // 递归检查是否有可见的子菜单
+  const filteredChildren = filterRoutes(item.children);
+  return filteredChildren.length > 0;
+};
+
+/**
+ * 判断是否为外部链接
+ * @param item 菜单项数据
+ * @returns 是否为外部链接
+ */
+const isExternalLink = (item: AppRouteRecord): boolean => {
+  return !!(item.meta.link && !item.meta.isIframe);
+};
+
+/**
+ * 生成唯一的 key
+ * 使用 path、title 和 index 组合确保唯一性
+ * @param item 菜单项数据
+ * @param index 索引
+ * @returns 唯一的 key
+ */
+const getUniqueKey = (item: AppRouteRecord, index: number): string => {
+  return `${item.path || item.meta.title || "menu"}-${props.level}-${index}`;
+};
+</script>
diff --git a/src/components/layouts/fa-notification/index.vue b/src/components/layouts/fa-notification/index.vue
new file mode 100644
index 0000000..b3e1869
--- /dev/null
+++ b/src/components/layouts/fa-notification/index.vue
@@ -0,0 +1,433 @@
+<!-- 通知组件 -->
+<template>
+  <div
+    class="fa-notification-panel fa-card-sm !shadow-xl flex flex-col"
+    :style="{
+      transform: show ? 'scaleY(1)' : 'scaleY(0.9)',
+      opacity: show ? 1 : 0,
+    }"
+    v-show="visible"
+    @click.stop
+  >
+    <div class="flex-cb px-3.5 mt-3.5 flex-shrink-0">
+      <span class="text-base font-medium text-g-800">{{ $t("notice.title") }}</span>
+      <span class="text-xs text-g-800 px-1.5 py-1 c-p select-none rounded hover:bg-g-200">
+        {{ $t("notice.btnRead") }}
+      </span>
+    </div>
+
+    <ul class="box-border flex items-end w-full h-12.5 px-3.5 border-b-d flex-shrink-0">
+      <li
+        v-for="(item, index) in barList"
+        :key="index"
+        class="h-12 leading-12 mr-5 overflow-hidden text-[13px] text-g-700 c-p select-none"
+        :class="{ 'bar-active': barActiveIndex === index }"
+        @click="changeBar(index)"
+      >
+        {{ item.name }} ({{ item.num }})
+      </li>
+    </ul>
+
+    <ElScrollbar class="flex-1 min-h-0 overflow-y-scroll scrollbar-thin">
+      <!-- 通知 -->
+      <ul v-show="barActiveIndex === 0">
+        <li
+          v-for="(item, index) in noticeList"
+          :key="index"
+          class="box-border flex-c px-3.5 py-3.5 c-p last:border-b-0 hover:bg-g-200/60"
+        >
+          <div
+            class="size-9 leading-9 text-center rounded-lg flex-cc"
+            :class="[getNoticeStyle(item.type).iconClass]"
+          >
+            <FaSvgIcon class="text-lg bg-transparent!" :icon="getNoticeStyle(item.type).icon" />
+          </div>
+          <div class="w-[calc(100%-45px)] ml-3.5">
+            <h4 class="text-sm font-normal leading-5.5 text-g-900">{{ item.title }}</h4>
+            <p class="mt-1.5 text-xs text-g-500">{{ item.time }}</p>
+          </div>
+        </li>
+      </ul>
+
+      <!-- 消息 -->
+      <ul v-show="barActiveIndex === 1">
+        <li
+          v-for="(item, index) in msgList"
+          :key="index"
+          class="box-border flex-c px-3.5 py-3.5 c-p last:border-b-0 hover:bg-g-200/60"
+        >
+          <div class="w-9 h-9">
+            <FaSvgIcon class="w-full h-full rounded-lg" icon="ri:message-3-line" />
+          </div>
+          <div class="w-[calc(100%-45px)] ml-3.5">
+            <h4 class="text-xs font-normal leading-5.5">{{ item.title }}</h4>
+            <p class="mt-1.5 text-xs text-g-500">{{ item.time }}</p>
+          </div>
+        </li>
+      </ul>
+
+      <!-- 待办 -->
+      <ul v-show="barActiveIndex === 2">
+        <li
+          v-for="(item, index) in pendingList"
+          :key="index"
+          class="box-border px-5 py-3.5 last:border-b-0"
+        >
+          <h4>{{ item.title }}</h4>
+          <p class="text-xs text-g-500">{{ item.time }}</p>
+        </li>
+      </ul>
+
+      <!-- 空状态 -->
+      <div
+        v-show="currentTabIsEmpty"
+        class="h-full text-g-500 text-center !bg-transparent flex flex-col items-center justify-center mt-12"
+      >
+        <FaSvgIcon icon="system-uicons:inbox" class="text-5xl" />
+        <p class="mt-3.5 text-xs !bg-transparent">
+          {{ $t("notice.text[0]") }}{{ barList[barActiveIndex]?.name }}
+        </p>
+      </div>
+    </ElScrollbar>
+
+    <div class="box-border w-full px-3.5 pt-2 pb-3.5 flex-shrink-0">
+      <ElButton class="w-full" @click="handleViewAll" v-ripple>
+        {{ $t("notice.viewAll") }}
+      </ElButton>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch, onMounted, type Ref, type ComputedRef } from "vue";
+import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
+
+import NoticeAPI, {
+  type NoticeTable,
+  type NotificationPanelMessage,
+} from "@/api/module_system/notice";
+
+defineOptions({ name: "FaNotification" });
+
+interface NoticeItem {
+  /** 标题 */
+  title: string;
+  /** 时间 */
+  time: string;
+  /** 类型 */
+  type: NoticeType;
+}
+
+interface MessageItem {
+  /** 标题 */
+  title: string;
+  /** 时间 */
+  time: string;
+  /** 内容 */
+  content?: string;
+}
+
+interface PendingItem {
+  /** 标题 */
+  title: string;
+  /** 时间 */
+  time: string;
+}
+
+interface BarItem {
+  /** 名称 */
+  name: ComputedRef<string>;
+  /** 数量 */
+  num: number;
+}
+
+interface NoticeStyle {
+  /** 图标 */
+  icon: string;
+  /** icon 样式 */
+  iconClass: string;
+}
+
+type NoticeType = "email" | "message" | "collection" | "user" | "notice";
+
+const { t } = useI18n();
+
+interface Props {
+  value: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {});
+
+interface Emits {
+  "update:value": [value: boolean];
+}
+
+const emit = defineEmits<Emits>();
+
+const show = ref(false);
+const visible = ref(false);
+const barActiveIndex = ref(0);
+
+const useNotificationData = () => {
+  const panelLoading = ref(false);
+  const noticeList = ref<NoticeItem[]>([]);
+  const msgList = ref<MessageItem[]>([]);
+  const pendingList = ref<PendingItem[]>([]);
+
+  const fetchPanel = async () => {
+    panelLoading.value = true;
+    try {
+      const res = await NoticeAPI.getNotificationPanel();
+      const data = (res.data as any)?.data ?? res.data ?? {};
+
+      // 通知
+      const notices: any[] = data.notices || [];
+      noticeList.value = notices.map((n: NoticeTable) => ({
+        title: n.notice_title || "",
+        time: n.created_time || "",
+        type: "notice" as NoticeType,
+      }));
+
+      // 消息
+      const messages: NotificationPanelMessage[] = data.messages || [];
+      msgList.value = messages.map((m) => ({
+        title: m.title || "",
+        time: m.time || "",
+        content: m.content || "",
+      }));
+
+      // 待办
+      const pendings: NotificationPanelMessage[] = data.pendings || [];
+      pendingList.value = pendings.map((p) => ({
+        title: p.title || "",
+        time: p.time || "",
+      }));
+    } catch {
+      noticeList.value = [];
+      msgList.value = [];
+      pendingList.value = [];
+    } finally {
+      panelLoading.value = false;
+    }
+  };
+
+  onMounted(() => fetchPanel());
+  watch(visible, (v) => {
+    if (v) fetchPanel();
+  });
+
+  // 标签栏数据
+  const barList = computed<BarItem[]>(() => [
+    {
+      name: computed(() => t("notice.bar[0]")),
+      num: noticeList.value.length,
+    },
+    {
+      name: computed(() => t("notice.bar[1]")),
+      num: msgList.value.length,
+    },
+    {
+      name: computed(() => t("notice.bar[2]")),
+      num: pendingList.value.length,
+    },
+  ]);
+
+  return {
+    noticeList,
+    msgList,
+    pendingList,
+    barList,
+  };
+};
+
+// 样式管理
+const useNotificationStyles = () => {
+  const noticeStyleMap: Record<NoticeType, NoticeStyle> = {
+    email: {
+      icon: "ri:mail-line",
+      iconClass: "bg-warning/12 text-warning",
+    },
+    message: {
+      icon: "ri:volume-down-line",
+      iconClass: "bg-success/12 text-success",
+    },
+    collection: {
+      icon: "ri:heart-3-line",
+      iconClass: "bg-danger/12 text-danger",
+    },
+    user: {
+      icon: "ri:volume-down-line",
+      iconClass: "bg-info/12 text-info",
+    },
+    notice: {
+      icon: "ri:notification-3-line",
+      iconClass: "bg-theme/12 text-theme",
+    },
+  };
+
+  const getNoticeStyle = (type: NoticeType): NoticeStyle => {
+    const defaultStyle: NoticeStyle = {
+      icon: "ri:arrow-right-circle-line",
+      iconClass: "bg-theme/12 text-theme",
+    };
+
+    return noticeStyleMap[type] || defaultStyle;
+  };
+
+  return {
+    getNoticeStyle,
+  };
+};
+
+// 动画管理
+const useNotificationAnimation = () => {
+  const showNotice = (open: boolean) => {
+    if (open) {
+      visible.value = true;
+      setTimeout(() => {
+        show.value = true;
+      }, 5);
+    } else {
+      show.value = false;
+      setTimeout(() => {
+        visible.value = false;
+      }, 350);
+    }
+  };
+
+  return {
+    showNotice,
+  };
+};
+
+// 标签页管理
+const useTabManagement = (
+  noticeList: Ref<NoticeItem[]>,
+  msgList: Ref<MessageItem[]>,
+  pendingList: Ref<PendingItem[]>,
+  businessHandlers: {
+    handleNoticeAll: () => void;
+    handleMsgAll: () => void;
+    handlePendingAll: () => void;
+  }
+) => {
+  const changeBar = (index: number) => {
+    barActiveIndex.value = index;
+  };
+
+  // 检查当前标签页是否为空
+  const currentTabIsEmpty = computed(() => {
+    const tabDataMap = [noticeList.value, msgList.value, pendingList.value];
+
+    const currentData = tabDataMap[barActiveIndex.value];
+    return currentData && currentData.length === 0;
+  });
+
+  const handleViewAll = () => {
+    // 查看全部处理器映射
+    const viewAllHandlers: Record<number, () => void> = {
+      0: businessHandlers.handleNoticeAll,
+      1: businessHandlers.handleMsgAll,
+      2: businessHandlers.handlePendingAll,
+    };
+
+    const handler = viewAllHandlers[barActiveIndex.value];
+    handler?.();
+
+    // 关闭通知面板
+    emit("update:value", false);
+  };
+
+  return {
+    changeBar,
+    currentTabIsEmpty,
+    handleViewAll,
+  };
+};
+
+// 业务逻辑处理
+const useBusinessLogic = () => {
+  const handleNoticeAll = () => {
+    // 跳转到公告管理页面
+    const router = useRouter();
+    router.push("/module_system/notice");
+  };
+
+  const handleMsgAll = () => {
+    console.info("[TODO] 查看全部消息");
+  };
+
+  const handlePendingAll = () => {
+    console.info("[TODO] 查看全部待办");
+  };
+
+  return {
+    handleNoticeAll,
+    handleMsgAll,
+    handlePendingAll,
+  };
+};
+
+// 组合所有逻辑
+const { noticeList, msgList, pendingList, barList } = useNotificationData();
+const { getNoticeStyle } = useNotificationStyles();
+const { showNotice } = useNotificationAnimation();
+const { handleNoticeAll, handleMsgAll, handlePendingAll } = useBusinessLogic();
+const { changeBar, currentTabIsEmpty, handleViewAll } = useTabManagement(
+  noticeList,
+  msgList,
+  pendingList,
+  { handleNoticeAll, handleMsgAll, handlePendingAll }
+);
+
+// 监听属性变化
+watch(
+  () => props.value,
+  (newValue) => {
+    showNotice(newValue);
+  }
+);
+</script>
+
+<style scoped>
+@reference '@styles/tailwind.css';
+
+.fa-notification-panel {
+  @apply absolute 
+  top-14.5
+  right-5 
+  w-90 
+  h-125
+  overflow-hidden 
+  transition-all 
+  duration-300
+  origin-top 
+  will-change-[top,left] 
+  max-[640px]:top-[65px]
+  max-[640px]:right-0
+  max-[640px]:w-full 
+  max-[640px]:h-[80vh];
+}
+
+.fa-notification-panel.fa-notification-panel {
+  border-radius: calc(var(--custom-radius) + 2px) !important;
+}
+
+.bar-active {
+  color: var(--theme-color) important;
+  border-bottom: 2px solid var(--theme-color);
+}
+
+.scrollbar-thin::-webkit-scrollbar {
+  width: 5px !important;
+}
+
+.dark .scrollbar-thin::-webkit-scrollbar-track {
+  background-color: var(--default-box-color);
+}
+
+.dark .scrollbar-thin::-webkit-scrollbar-thumb {
+  background-color: var(--fa-scrollbar-thumb-dark) !important;
+}
+</style>
diff --git a/src/components/layouts/fa-page-content/index.vue b/src/components/layouts/fa-page-content/index.vue
new file mode 100644
index 0000000..f74d7ec
--- /dev/null
+++ b/src/components/layouts/fa-page-content/index.vue
@@ -0,0 +1,150 @@
+<!-- 布局内容 -->
+<template>
+  <div id="app-scroll-main" class="layout-content" :style="containerStyle">
+    <div id="app-content-header">
+      <!-- 节日滚动 -->
+      <FaFestivalTextScroll />
+
+      <!-- 路由信息调试 -->
+      <div
+        v-if="isOpenRouteInfo === 'true'"
+        class="px-2 py-1.5 mb-3 text-sm text-g-500 bg-g-200 border border-[var(--default-border)] rounded-md"
+      >
+        router meta：{{ route.meta }}
+      </div>
+    </div>
+
+    <RouterView v-if="isRefresh" v-slot="{ Component, route: router }" :style="contentStyle">
+      <Transition :name="actualTransition" mode="out-in">
+        <div v-if="Component" class="route-view-shell flex min-h-0 min-w-0 w-full flex-1 flex-col">
+          <!-- 是否缓存以后端菜单 keep_alive → meta.keepAlive 为准；此处 !== false 即包 KeepAlive（与 MenuProcessor 一致） -->
+          <KeepAlive
+            v-if="wrapPageWithKeepAlive"
+            :max="10"
+            :include="keepAliveInclude"
+            :exclude="keepAliveExclude"
+          >
+            <component
+              class="fa-page-view min-h-0 min-w-0 w-full flex-1"
+              :is="Component"
+              :key="routeLeafCacheKey(router)"
+            />
+          </KeepAlive>
+          <component
+            v-else
+            class="fa-page-view min-h-0 min-w-0 w-full flex-1"
+            :is="Component"
+            :key="routeLeafCacheKey(router)"
+          />
+        </div>
+      </Transition>
+    </RouterView>
+
+    <!-- 返回顶部：宽屏 #app-scroll-main；窄屏文档滚动 target 置空 -->
+    <ElBacktop
+      :key="backtopTargetKey"
+      :target="backtopScrollTarget"
+      :right="28"
+      :bottom="28"
+      class="z-90"
+    >
+      <FaSvgIcon icon="ri:arrow-up-circle-line" class="text-2xl text-theme" />
+    </ElBacktop>
+  </div>
+</template>
+<script setup lang="ts">
+/**
+ * 布局滚动容器 + 业务路由出口；与 settings.refresh 联动可整体重建 RouterView。
+ *
+ * 缓存开关数据源：后端菜单 `keep_alive` → MenuProcessor 写入 `meta.keepAlive`；工作栏 tab 随路由写入同一 meta。
+ * include / wrapPageWithKeepAlive 均用 `!== false`，与静态路由里显式 `keepAlive: false`、后端布尔字段对齐。
+ */
+import type { CSSProperties } from "vue";
+import { useMediaQuery } from "@vueuse/core";
+import { useRoute, type RouteLocationNormalizedLoaded } from "vue-router";
+import { useSettingsStore, useWorktabStore } from "@stores";
+
+defineOptions({ name: "FaPageContent" });
+
+/**
+ * KeepAlive / RouterView 子节点缓存键。
+ * - `meta.remountOnFullPath === true`：整 URL 参与键（依赖 query 初值或须随 query 重建的页）。
+ * - 有 `name`：`name` + `params`，同一路由仅 query 变化不换实例。
+ * - 无 `name`：`path`（勿用 fullPath，否则仅 query 变化也会反复挂载）。
+ */
+function routeLeafCacheKey(r: RouteLocationNormalizedLoaded): string {
+  if (r.meta.remountOnFullPath === true) {
+    return r.fullPath;
+  }
+  if (r.name != null) {
+    return `${String(r.name)}:${JSON.stringify(r.params ?? {})}`;
+  }
+  return r.path;
+}
+
+const route = useRoute();
+/** 动态菜单 meta.keepAlive（后端 keep_alive）；仅显式 false 时不包 KeepAlive */
+const wrapPageWithKeepAlive = computed(() => route.meta.keepAlive !== false);
+
+const isNarrowViewport = useMediaQuery("(max-width: 800px)");
+const backtopScrollTarget = computed(() => (isNarrowViewport.value ? "" : "#app-content"));
+const backtopTargetKey = computed(() => (isNarrowViewport.value ? "win" : "main"));
+
+const { pageTransition, containerWidth, refresh, showWorkTab } = storeToRefs(useSettingsStore());
+const { keepAliveExclude, opened } = storeToRefs(useWorktabStore());
+
+/** 多标签开启时：仅已打开且允许缓存的标签组件名进入 include；关闭多标签时不传 include，避免 opened 过窄误伤缓存。 */
+const keepAliveInclude = computed(() => {
+  if (!showWorkTab.value) return undefined;
+  const names = new Set<string>();
+  for (const t of opened.value) {
+    if (t.name && t.keepAlive !== false) names.add(String(t.name));
+  }
+  return names.size ? Array.from(names) : undefined;
+});
+
+const isRefresh = shallowRef(true);
+const isOpenRouteInfo = import.meta.env.VITE_OPEN_ROUTE_INFO;
+
+/** 浏览器首次进入：关闭路由过渡动画，避免首屏闪动 */
+const isFirstLoad = ref(true);
+
+const actualTransition = computed(() => {
+  if (isFirstLoad.value) return "";
+  return pageTransition.value;
+});
+
+const containerStyle = computed(
+  (): CSSProperties => ({
+    width: "100%",
+    minWidth: 0,
+    maxWidth: containerWidth.value,
+    flex: "1",
+    minHeight: "0",
+    display: "flex",
+    flexDirection: "column",
+  })
+);
+
+/** 常规布局下由 `.layout-content` 承担纵向滚动，路由视图填满剩余高度 */
+const contentStyle = computed(
+  (): CSSProperties => ({ flex: "1", minHeight: "0", minWidth: 0, width: "100%" })
+);
+
+const reload = () => {
+  isRefresh.value = false;
+  nextTick(() => {
+    isRefresh.value = true;
+  });
+};
+
+watch(refresh, reload, { flush: "post" });
+
+// 组件挂载后标记首次加载完成
+onMounted(() => {
+  // 延迟一帧，确保首次渲染完成
+  nextTick(() => {
+    isFirstLoad.value = false;
+  });
+});
+</script>
diff --git a/src/components/layouts/fa-screen-lock/index.vue b/src/components/layouts/fa-screen-lock/index.vue
new file mode 100644
index 0000000..6c6148b
--- /dev/null
+++ b/src/components/layouts/fa-screen-lock/index.vue
@@ -0,0 +1,789 @@
+<!-- 锁屏 -->
+<template>
+  <div class="layout-lock-screen">
+    <!-- 开发者工具警告覆盖层 -->
+    <div
+      v-if="showDevToolsWarning"
+      class="fixed top-0 left-0 z-999999 flex items-center justify-center w-full h-full text-white bg-linear-to-br from-[#1e1e1e] to-black animate-fade-in"
+    >
+      <div class="p-5 text-center select-none">
+        <div class="mb-7.5 text-5xl">🔒</div>
+        <h1 class="m-0 mb-5 text-3xl font-semibold text-danger">系统已锁定</h1>
+        <p class="max-w-125 m-0 text-lg leading-relaxed text-white">
+          检测到开发者工具已打开
+          <br />
+          为了系统安全，请关闭开发者工具后继续使用
+        </p>
+        <div class="mt-7.5 text-sm text-gray-400">Security Lock Activated</div>
+      </div>
+    </div>
+
+    <!-- 设置锁屏密码弹窗（与旧版 LockDialog.vue 一致；锁密码仍写入 userStore + 加密） -->
+    <div v-if="!isLock">
+      <FaDialog
+        v-model="visible"
+        width="500px"
+        max-height="170px"
+        :title="t('lock.lockScreen')"
+        class="v-lock-dialog"
+        @opened="handleDialogOpen"
+      >
+        <div class="lock-dialog-content">
+          <img
+            v-if="userAvatar"
+            :src="userAvatar"
+            alt=""
+            class="lock-dialog-avatar object-cover"
+            loading="eager"
+          />
+          <img v-else class="lock-dialog-avatar" src="@imgs/user/avatar.webp" alt="" />
+          <span class="lock-dialog-name">{{ displayName }}</span>
+        </div>
+        <ElForm ref="formRef" :model="formData" :rules="rules" @submit.prevent="handleLock">
+          <ElFormItem :label="t('lockScreen.lockPassword')" prop="password">
+            <ElInput
+              ref="lockInputRef"
+              v-model="formData.password"
+              type="password"
+              show-password
+              clearable
+              autocomplete="new-password"
+              :placeholder="t('lock.placeholder')"
+              @keydown.enter="handleLock"
+            />
+          </ElFormItem>
+        </ElForm>
+        <template #footer>
+          <ElButton type="primary" @click="handleLock">{{ t("navbar.lock") }}</ElButton>
+        </template>
+      </FaDialog>
+    </div>
+
+    <!-- 解锁全屏（旧版 LockPage 样式） -->
+    <div v-else class="lockpage" :style="lockPageBgStyle">
+      <div v-show="showClock" class="unlock-container" @click="showUnlockForm">
+        <ElIcon><Lock /></ElIcon>
+        <span>{{ t("lock.unlock") }}</span>
+      </div>
+
+      <div class="time-container flex-cc w-screen h-screen">
+        <div class="hour-container mr-5 md:mr-20 w-2/5 h-2/5 md:h-4/5">
+          <span>{{ hour }}</span>
+          <span v-show="showClock" class="meridiem absolute left-5 top-5 text-md xl:text-xl">
+            {{ meridiem }}
+          </span>
+        </div>
+        <div class="minute-container flex-cc w-2/5 h-2/5 md:h-4/5">
+          <span>{{ minute }}</span>
+        </div>
+      </div>
+
+      <transition name="fade-slide">
+        <div v-show="!showClock" class="entry-wrapper flex-cc">
+          <div class="entry-content">
+            <div class="avatar-container">
+              <img v-if="userAvatar" :src="userAvatar" alt="" class="avatar object-cover" />
+              <img v-else class="avatar" src="@imgs/user/avatar.webp" alt="" />
+              <span class="username">{{ displayName }}</span>
+            </div>
+            <ElInput
+              ref="passwordInputRef"
+              v-model="unlockPwd"
+              :placeholder="t('lock.placeholder')"
+              class="password-input"
+              show-password
+              clearable
+              @keydown.enter="submitUnlock"
+            />
+            <span v-if="unlockErrMsg" class="error-message">
+              {{ t("lock.message") }}
+            </span>
+            <div class="button-group">
+              <ElButton
+                type="primary"
+                size="small"
+                class="back-button"
+                link
+                :disabled="unlockLoading"
+                @click="showClockView"
+              >
+                {{ t("common.back") }}
+              </ElButton>
+              <ElButton
+                type="primary"
+                size="small"
+                class="login-button"
+                link
+                :disabled="unlockLoading"
+                @click="goLogin"
+              >
+                {{ t("lock.backToLogin") }}
+              </ElButton>
+              <ElButton
+                type="primary"
+                class="entry-button"
+                size="small"
+                link
+                :disabled="unlockLoading"
+                @click="submitUnlock"
+              >
+                {{ t("lock.entrySystem") }}
+              </ElButton>
+            </div>
+          </div>
+        </div>
+      </transition>
+
+      <div class="date-container">
+        <div v-show="!showClock" class="time-display">
+          {{ hour }}:{{ minute }}
+          <span class="meridiem-display">{{ meridiem }}</span>
+        </div>
+        <div class="full-date">{{ year }}/{{ month }}/{{ day }} {{ week }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Lock } from "@element-plus/icons-vue";
+
+defineOptions({ name: "FaScreenLock" });
+import type { FormInstance, FormRules } from "element-plus";
+import { ElInput } from "element-plus";
+import { useI18n } from "vue-i18n";
+import { useRoute, useRouter } from "vue-router";
+import CryptoJS from "crypto-js";
+import { useUserStore, useSettingsStore } from "@stores";
+import { mittBus, useNow } from "@utils";
+import bgDark from "@imgs/lock/bg_dark.webp";
+import bgLight from "@imgs/lock/bg_light.webp";
+import { ElMessage } from "element-plus";
+
+const { t } = useI18n();
+const route = useRoute();
+const router = useRouter();
+
+const ENCRYPT_KEY = import.meta.env.VITE_LOCK_ENCRYPT_KEY;
+
+const userStore = useUserStore();
+const settingsStore = useSettingsStore();
+const { info: userInfo, lockPassword, isLock } = storeToRefs(userStore);
+const { isDark } = storeToRefs(settingsStore);
+
+/** 锁屏全屏背景：随明暗主题切换壁纸，叠加半透明罩层保证时钟/文案可读 */
+const lockPageBgStyle = computed(() => {
+  const url = isDark.value ? bgDark : bgLight;
+  return {
+    backgroundImage: `linear-gradient(rgb(0 0 0 / 46%), rgb(0 0 0 / 46%)), url(${url})`,
+    backgroundSize: "cover",
+    backgroundPosition: "center",
+    backgroundRepeat: "no-repeat",
+  };
+});
+
+const { hour, month, minute, meridiem, year, day, week } = useNow(true);
+
+const displayName = computed(
+  () =>
+    (userInfo.value as { name?: string; username?: string })?.name ||
+    (userInfo.value as { username?: string })?.username ||
+    "—"
+);
+
+const userAvatar = computed(() => {
+  const a = (userInfo.value as { avatar?: string })?.avatar?.trim();
+  return a || "";
+});
+
+const visible = ref<boolean>(false);
+const lockInputRef = ref<any>(null);
+const passwordInputRef = ref<InstanceType<typeof ElInput>>();
+const showDevToolsWarning = ref<boolean>(false);
+
+/** true：大号时钟；false：密码表单（与旧版 LockPage showDate 一致） */
+const showClock = ref(true);
+const unlockPwd = ref("");
+const unlockErrMsg = ref(false);
+const unlockLoading = ref(false);
+
+const formRef = ref<FormInstance>();
+
+const formData = ref({
+  password: "",
+});
+
+const rules = computed<FormRules>(() => ({
+  password: [{ required: true, message: t("lock.required"), trigger: "blur" }],
+}));
+
+const isMobile = () => {
+  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+};
+
+const disableDevTools = () => {
+  const handleContextMenu = (e: Event) => {
+    if (isLock.value) {
+      e.preventDefault();
+      e.stopPropagation();
+      return false;
+    }
+  };
+  document.addEventListener("contextmenu", handleContextMenu, true);
+
+  const handleKeyDown = (e: KeyboardEvent) => {
+    if (!isLock.value) return;
+
+    if (e.key === "F12") {
+      e.preventDefault();
+      e.stopPropagation();
+      return false;
+    }
+
+    if (e.ctrlKey && e.shiftKey) {
+      const key = e.key.toLowerCase();
+      if (["i", "j", "c", "k"].includes(key)) {
+        e.preventDefault();
+        e.stopPropagation();
+        return false;
+      }
+    }
+
+    if (e.ctrlKey && e.key.toLowerCase() === "u") {
+      e.preventDefault();
+      e.stopPropagation();
+      return false;
+    }
+
+    if (e.ctrlKey && e.key.toLowerCase() === "s") {
+      e.preventDefault();
+      e.stopPropagation();
+      return false;
+    }
+
+    if (e.ctrlKey && e.key.toLowerCase() === "a") {
+      e.preventDefault();
+      e.stopPropagation();
+      return false;
+    }
+
+    if (e.ctrlKey && e.key.toLowerCase() === "p") {
+      e.preventDefault();
+      e.stopPropagation();
+      return false;
+    }
+
+    if (e.ctrlKey && e.key.toLowerCase() === "f") {
+      e.preventDefault();
+      e.stopPropagation();
+      return false;
+    }
+
+    if (e.altKey && e.key === "Tab") {
+      e.preventDefault();
+      e.stopPropagation();
+      return false;
+    }
+
+    if (e.ctrlKey && e.key === "Tab") {
+      e.preventDefault();
+      e.stopPropagation();
+      return false;
+    }
+
+    if (e.ctrlKey && e.key.toLowerCase() === "w") {
+      e.preventDefault();
+      e.stopPropagation();
+      return false;
+    }
+
+    if ((e.ctrlKey && e.key.toLowerCase() === "r") || e.key === "F5") {
+      e.preventDefault();
+      e.stopPropagation();
+      return false;
+    }
+
+    if (e.ctrlKey && e.shiftKey && e.key.toLowerCase() === "r") {
+      e.preventDefault();
+      e.stopPropagation();
+      return false;
+    }
+  };
+  document.addEventListener("keydown", handleKeyDown, true);
+
+  const handleSelectStart = (e: Event) => {
+    if (isLock.value) {
+      e.preventDefault();
+      return false;
+    }
+  };
+  document.addEventListener("selectstart", handleSelectStart, true);
+
+  const handleDragStart = (e: Event) => {
+    if (isLock.value) {
+      e.preventDefault();
+      return false;
+    }
+  };
+  document.addEventListener("dragstart", handleDragStart, true);
+
+  const devtools = { open: false };
+  const threshold = 160;
+  let devToolsInterval: ReturnType<typeof setInterval> | null = null;
+
+  const checkDevTools = () => {
+    if (!isLock.value || isMobile()) return;
+
+    const isDevToolsOpen =
+      window.outerHeight - window.innerHeight > threshold ||
+      window.outerWidth - window.innerWidth > threshold;
+
+    if (isDevToolsOpen && !devtools.open) {
+      devtools.open = true;
+      showDevToolsWarning.value = true;
+    } else if (!isDevToolsOpen && devtools.open) {
+      devtools.open = false;
+      showDevToolsWarning.value = false;
+    }
+  };
+
+  if (!isMobile()) {
+    devToolsInterval = setInterval(checkDevTools, 500);
+  }
+
+  return () => {
+    document.removeEventListener("contextmenu", handleContextMenu, true);
+    document.removeEventListener("keydown", handleKeyDown, true);
+    document.removeEventListener("selectstart", handleSelectStart, true);
+    document.removeEventListener("dragstart", handleDragStart, true);
+    if (devToolsInterval) {
+      clearInterval(devToolsInterval);
+    }
+  };
+};
+
+const verifyPassword = (inputPassword: string, storedPassword: string): boolean => {
+  try {
+    const decryptedPassword = CryptoJS.AES.decrypt(storedPassword, ENCRYPT_KEY).toString(
+      CryptoJS.enc.Utf8
+    );
+    return inputPassword === decryptedPassword;
+  } catch (error) {
+    console.error("密码解密失败:", error);
+    return false;
+  }
+};
+
+const handleKeydown = (event: KeyboardEvent) => {
+  if (event.altKey && event.key.toLowerCase() === "¬") {
+    event.preventDefault();
+    if (!isLock.value) {
+      visible.value = true;
+    }
+  }
+};
+
+const handleDialogOpen = () => {
+  setTimeout(() => {
+    lockInputRef.value?.input?.focus();
+  }, 100);
+};
+
+const handleLock = async () => {
+  if (!formRef.value) return;
+
+  await formRef.value.validate((valid, fields) => {
+    if (valid) {
+      const encryptedPassword = CryptoJS.AES.encrypt(
+        formData.value.password,
+        ENCRYPT_KEY
+      ).toString();
+      userStore.setLockStatus(true);
+      userStore.setLockPassword(encryptedPassword);
+      visible.value = false;
+      formData.value.password = "";
+      showClock.value = true;
+      unlockPwd.value = "";
+      unlockErrMsg.value = false;
+    } else {
+      console.error("表单验证失败:", fields);
+    }
+  });
+};
+
+function showUnlockForm() {
+  showClock.value = false;
+  unlockErrMsg.value = false;
+  requestAnimationFrame(() => {
+    passwordInputRef.value?.focus?.();
+  });
+}
+
+function showClockView() {
+  showClock.value = true;
+  unlockPwd.value = "";
+  unlockErrMsg.value = false;
+}
+
+async function submitUnlock() {
+  if (!unlockPwd.value) {
+    return;
+  }
+  unlockLoading.value = true;
+  try {
+    const isValid = verifyPassword(unlockPwd.value, lockPassword.value);
+    if (isValid) {
+      userStore.setLockStatus(false);
+      userStore.setLockPassword("");
+      unlockPwd.value = "";
+      unlockErrMsg.value = false;
+      visible.value = false;
+      showDevToolsWarning.value = false;
+      showClock.value = true;
+    } else {
+      unlockErrMsg.value = true;
+      ElMessage.error(t("lockScreen.pwdError"));
+      const root = passwordInputRef.value?.$el as HTMLElement | undefined;
+      const inputWrap = root?.querySelector?.(".el-input__wrapper") as HTMLElement | undefined;
+      const shakeTarget = inputWrap ?? root;
+      if (shakeTarget) {
+        shakeTarget.classList.add("shake-animation");
+        setTimeout(() => {
+          shakeTarget.classList.remove("shake-animation");
+        }, 300);
+      }
+      unlockPwd.value = "";
+    }
+  } finally {
+    unlockLoading.value = false;
+  }
+}
+
+async function goLogin() {
+  await userStore.logout({ navigate: false }).catch(() => {});
+  const redirect = route.path !== "/login" && route.name !== "Login" ? route.fullPath : undefined;
+  await router.replace({
+    name: "Login",
+    ...(redirect ? { query: { redirect } } : {}),
+  });
+}
+
+const openLockScreen = () => {
+  if (!isLock.value) {
+    visible.value = true;
+  }
+};
+
+watch(isLock, (newValue) => {
+  if (newValue) {
+    document.body.style.overflow = "hidden";
+    showClock.value = true;
+    unlockPwd.value = "";
+    unlockErrMsg.value = false;
+  } else {
+    document.body.style.overflow = "auto";
+    showDevToolsWarning.value = false;
+  }
+});
+
+let cleanupDevTools: (() => void) | null = null;
+
+onMounted(() => {
+  mittBus.on("openLockScreen", openLockScreen);
+  document.addEventListener("keydown", handleKeydown);
+
+  if (isLock.value) {
+    document.body.style.overflow = "hidden";
+  }
+
+  cleanupDevTools = disableDevTools();
+});
+
+onUnmounted(() => {
+  mittBus.off("openLockScreen", openLockScreen);
+  document.removeEventListener("keydown", handleKeydown);
+  document.body.style.overflow = "auto";
+  if (cleanupDevTools) {
+    cleanupDevTools();
+    cleanupDevTools = null;
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.v-lock-dialog {
+  @media (width <=767px) {
+    max-width: calc(100vw - 16px);
+  }
+
+  .lock-dialog {
+    &-content {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+
+    &-avatar {
+      width: 70px;
+      height: 70px;
+      border-radius: 50%;
+
+      @media (width <= 640px) {
+        width: 50px;
+        height: 50px;
+      }
+    }
+
+    &-name {
+      margin: 10px 0;
+      font-size: 14px;
+      color: var(--top-header-text-color);
+
+      @media (width <= 640px) {
+        margin: 8px 0;
+        font-size: 12px;
+      }
+    }
+  }
+}
+
+.lockpage {
+  position: fixed;
+  inset: 0;
+  z-index: 3000;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: var(--el-color-white);
+
+  .unlock-container {
+    position: absolute;
+    top: 0.5rem;
+    left: 50%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 4rem;
+    padding: 0.5rem 1rem;
+    padding-top: 1.25rem;
+    color: inherit;
+    cursor: pointer;
+    border-radius: 12px;
+    transform: translateX(-50%);
+
+    @media (width >= 640px) {
+      font-size: 0.875rem;
+    }
+
+    @media (width >= 1280px) {
+      font-size: 1.25rem;
+    }
+  }
+
+  .time-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .hour-container {
+      position: relative;
+      padding: 1rem;
+      margin-bottom: 2rem;
+      font-size: 220px;
+      font-weight: 700;
+      color: var(--el-text-color-primary);
+      background-color: var(--el-bg-color-overlay);
+      border-radius: 16px;
+      backdrop-filter: blur(8px);
+    }
+
+    .minute-container {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 1rem;
+      margin-bottom: 2rem;
+      font-size: 220px;
+      font-weight: 700;
+      color: var(--el-text-color-primary);
+      background-color: var(--el-bg-color-overlay);
+      border-radius: 16px;
+      backdrop-filter: blur(8px);
+    }
+  }
+
+  .meridiem {
+    position: absolute;
+    top: 1.25rem;
+    left: 1.25rem;
+    font-size: 1.25rem;
+  }
+
+  .entry-wrapper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    background-color: var(--fa-overlay-heavy);
+    backdrop-filter: blur(8px);
+  }
+
+  .entry-content {
+    width: 260px;
+    color: var(--el-text-color-regular);
+    text-align: center;
+  }
+
+  .avatar-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .avatar {
+    width: 70px;
+    height: 70px;
+    border-radius: 50%;
+
+    @media (width <= 640px) {
+      width: 50px;
+      height: 50px;
+    }
+  }
+
+  .username {
+    margin: 0.625rem 0;
+    font-size: 0.875rem;
+    color: var(--el-text-color-primary);
+
+    @media (width <= 640px) {
+      margin: 0.5rem 0;
+      font-size: 0.75rem;
+    }
+  }
+
+  .password-input {
+    margin-top: 1rem;
+  }
+
+  .error-message {
+    display: inline-block;
+    margin-top: 0.625rem;
+    font-size: 0.875rem;
+    color: var(--el-color-danger);
+  }
+
+  .button-group {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.5rem;
+
+    .back-button,
+    .login-button,
+    .entry-button {
+      min-width: auto;
+      padding: 0;
+    }
+
+    .login-button {
+      flex: 1;
+      text-align: center;
+    }
+  }
+
+  .date-container {
+    position: absolute;
+    bottom: 1.25rem;
+    width: 100%;
+    color: inherit;
+    text-align: center;
+
+    @media (width >= 1280px) {
+      font-size: 1.25rem;
+    }
+
+    @media (width >= 1536px) {
+      font-size: 1.875rem;
+    }
+  }
+
+  .time-display {
+    margin-bottom: 1rem;
+    font-size: 3rem;
+
+    .meridiem-display {
+      font-size: 1.875rem;
+    }
+  }
+
+  .full-date {
+    font-size: 1.5rem;
+  }
+}
+
+.fade-slide-leave-active,
+.fade-slide-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.fade-slide-enter-from {
+  opacity: 0;
+  transform: translateX(-60px);
+}
+
+.fade-slide-leave-to {
+  opacity: 0;
+  transform: translateX(60px);
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.animate-fade-in {
+  animation: fade-in 0.3s ease-in-out;
+}
+
+@keyframes shake {
+  0%,
+  100% {
+    transform: translateX(0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    transform: translateX(-10px);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    transform: translateX(10px);
+  }
+}
+
+.shake-animation {
+  animation: shake 0.5s ease-in-out;
+}
+</style>
diff --git a/src/components/layouts/fa-settings-panel/composables/useSettingsConfig.ts b/src/components/layouts/fa-settings-panel/composables/useSettingsConfig.ts
new file mode 100644
index 0000000..c2abe46
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/composables/useSettingsConfig.ts
@@ -0,0 +1,308 @@
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { ContainerWidthEnum } from "@/enums/appEnum";
+import AppConfig from "@/config";
+import { headerBarConfig } from "@/config/modules/headerBar";
+
+/**
+ * 设置项配置选项管理
+ */
+export function useSettingsConfig() {
+  const { t } = useI18n();
+
+  // 标签页风格选项
+  const tabStyleOptions = computed(() => [
+    {
+      value: "tab-default",
+      label: t("setting.tabStyle.default"),
+    },
+    {
+      value: "tab-card",
+      label: t("setting.tabStyle.card"),
+    },
+    {
+      value: "tab-google",
+      label: t("setting.tabStyle.google"),
+    },
+  ]);
+
+  // 页面切换动画选项
+  const pageTransitionOptions = computed(() => [
+    {
+      value: "",
+      label: t("setting.transition.list.none"),
+    },
+    {
+      value: "fade",
+      label: t("setting.transition.list.fade"),
+    },
+    {
+      value: "slide-left",
+      label: t("setting.transition.list.slideLeft"),
+    },
+    {
+      value: "slide-bottom",
+      label: t("setting.transition.list.slideBottom"),
+    },
+    {
+      value: "slide-top",
+      label: t("setting.transition.list.slideTop"),
+    },
+  ]);
+
+  // 圆角大小选项
+  const customRadiusOptions = [
+    { value: "0", label: "0" },
+    { value: "0.25", label: "0.25" },
+    { value: "0.5", label: "0.5" },
+    { value: "0.75", label: "0.75" },
+    { value: "1", label: "1" },
+  ];
+
+  // 容器宽度选项
+  const containerWidthOptions = computed(() => [
+    {
+      value: ContainerWidthEnum.FULL,
+      label: t("setting.container.list[0]"),
+      icon: "icon-park-outline:auto-width",
+    },
+    {
+      value: ContainerWidthEnum.BOXED,
+      label: t("setting.container.list[1]"),
+      icon: "ix:width",
+    },
+  ]);
+
+  // 盒子样式选项
+  const boxStyleOptions = computed(() => [
+    {
+      value: "border-mode",
+      label: t("setting.box.list[0]"),
+      type: "border-mode" as const,
+    },
+    {
+      value: "shadow-mode",
+      label: t("setting.box.list[1]"),
+      type: "shadow-mode" as const,
+    },
+  ]);
+
+  // 从配置文件获取的选项
+  const configOptions = {
+    // 主题色彩选项
+    mainColors: AppConfig.systemMainColor,
+
+    // 主题风格选项
+    themeList: AppConfig.settingThemeList,
+
+    // 菜单布局选项
+    menuLayoutList: AppConfig.menuLayoutList,
+  };
+
+  // 基础设置项配置
+  const basicSettingsConfig = computed(() => {
+    // 定义所有基础设置项
+    const allSettings = [
+      {
+        key: "showWorkTab",
+        label: t("setting.basics.list.multiTab"),
+        type: "switch" as const,
+        handler: "workTab",
+        headerBarKey: null, // 不依赖headerBar配置
+      },
+      {
+        key: "uniqueOpened",
+        label: t("setting.basics.list.accordion"),
+        type: "switch" as const,
+        handler: "uniqueOpened",
+        headerBarKey: null, // 不依赖headerBar配置
+      },
+      {
+        key: "showMenuButton",
+        label: t("setting.basics.list.collapseSidebar"),
+        type: "switch" as const,
+        handler: "menuButton",
+        headerBarKey: "menuButton" as const,
+      },
+      {
+        key: "showFastEnter",
+        label: t("setting.basics.list.fastEnter"),
+        type: "switch" as const,
+        handler: "fastEnter",
+        headerBarKey: "fastEnter" as const,
+      },
+      {
+        key: "showRefreshButton",
+        label: t("setting.basics.list.reloadPage"),
+        type: "switch" as const,
+        handler: "refreshButton",
+        headerBarKey: "refreshButton" as const,
+      },
+      {
+        key: "showCrumbs",
+        label: t("setting.basics.list.breadcrumb"),
+        type: "switch" as const,
+        handler: "crumbs",
+        mobileHide: true,
+        headerBarKey: "breadcrumb" as const,
+      },
+      {
+        key: "showLanguage",
+        label: t("setting.basics.list.language"),
+        type: "switch" as const,
+        handler: "language",
+        headerBarKey: "language" as const,
+      },
+      {
+        key: "showMenuSearch",
+        label: t("setting.basics.list.menuSearch"),
+        type: "switch" as const,
+        handler: "menuSearch",
+        mobileHide: true,
+        headerBarKey: "globalSearch" as const,
+      },
+      {
+        key: "showFullscreen",
+        label: t("setting.basics.list.fullscreenTool"),
+        type: "switch" as const,
+        handler: "fullscreenTool",
+        mobileHide: true,
+        headerBarKey: "fullscreen" as const,
+      },
+      {
+        key: "showSizeSelect",
+        label: t("setting.basics.list.layoutSize"),
+        type: "switch" as const,
+        handler: "layoutSizeTool",
+        mobileHide: true,
+        headerBarKey: "sizeSelect" as const,
+      },
+      {
+        key: "showNotification",
+        label: t("setting.basics.list.notificationTool"),
+        type: "switch" as const,
+        handler: "notificationTool",
+        mobileHide: true,
+        headerBarKey: "notification" as const,
+      },
+      {
+        key: "showNprogress",
+        label: t("setting.basics.list.progressBar"),
+        type: "switch" as const,
+        handler: "nprogress",
+        headerBarKey: null, // 不依赖headerBar配置
+      },
+      {
+        key: "colorWeak",
+        label: t("setting.basics.list.weakMode"),
+        type: "switch" as const,
+        handler: "colorWeak",
+        headerBarKey: null, // 不依赖headerBar配置
+      },
+      {
+        key: "watermarkVisible",
+        label: t("setting.basics.list.watermark"),
+        type: "switch" as const,
+        handler: "watermark",
+        headerBarKey: null, // 不依赖headerBar配置
+      },
+      {
+        key: "showAppLogo",
+        label: t("setting.basics.list.appLogo"),
+        type: "switch" as const,
+        handler: "appLogo",
+        headerBarKey: null,
+      },
+      {
+        key: "showGuide",
+        label: t("setting.basics.list.loginGuide"),
+        type: "switch" as const,
+        handler: "loginGuide",
+        headerBarKey: null,
+      },
+      {
+        key: "grayMode",
+        label: t("setting.basics.list.grayMode"),
+        type: "switch" as const,
+        handler: "grayMode",
+        headerBarKey: null,
+      },
+      {
+        key: "userEnableAi",
+        label: t("setting.basics.list.aiAssistant"),
+        type: "switch" as const,
+        handler: "aiAssistant",
+        headerBarKey: null,
+      },
+      {
+        key: "menuOpenWidth",
+        label: t("setting.basics.list.menuWidth"),
+        type: "input-number" as const,
+        handler: "menuOpenWidth",
+        min: 180,
+        max: 320,
+        step: 10,
+        style: { width: "120px" },
+        controlsPosition: "right" as const,
+        headerBarKey: null, // 不依赖headerBar配置
+      },
+      {
+        key: "tabStyle",
+        label: t("setting.basics.list.tabStyle"),
+        type: "select" as const,
+        handler: "tabStyle",
+        options: tabStyleOptions.value,
+        style: { width: "120px" },
+        headerBarKey: null, // 不依赖headerBar配置
+      },
+      {
+        key: "pageTransition",
+        label: t("setting.basics.list.pageTransition"),
+        type: "select" as const,
+        handler: "pageTransition",
+        options: pageTransitionOptions.value,
+        style: { width: "120px" },
+        headerBarKey: null, // 不依赖headerBar配置
+      },
+      {
+        key: "customRadius",
+        label: t("setting.basics.list.borderRadius"),
+        type: "select" as const,
+        handler: "customRadius",
+        options: customRadiusOptions,
+        style: { width: "120px" },
+        headerBarKey: null, // 不依赖headerBar配置
+      },
+    ];
+
+    // 根据 headerBarConfig 过滤设置项
+    return (
+      allSettings
+        .filter((setting) => {
+          // 如果设置项不依赖headerBar配置，则始终显示
+          if (setting.headerBarKey === null) {
+            return true;
+          }
+
+          // 如果依赖headerBar配置，检查对应的功能是否启用
+          const headerBarFeature = headerBarConfig[setting.headerBarKey];
+          return headerBarFeature?.enabled !== false;
+        })
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        .map(({ headerBarKey: _headerBarKey, ...setting }) => setting)
+    );
+  });
+
+  return {
+    // 选项配置
+    tabStyleOptions,
+    pageTransitionOptions,
+    customRadiusOptions,
+    containerWidthOptions,
+    boxStyleOptions,
+    configOptions,
+
+    // 设置项配置
+    basicSettingsConfig,
+  };
+}
diff --git a/src/components/layouts/fa-settings-panel/composables/useSettingsHandlers.ts b/src/components/layouts/fa-settings-panel/composables/useSettingsHandlers.ts
new file mode 100644
index 0000000..b455c66
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/composables/useSettingsHandlers.ts
@@ -0,0 +1,182 @@
+import { useSettingsStore } from "@stores";
+import { storeToRefs } from "pinia";
+import type { ContainerWidthEnum } from "@/enums/appEnum";
+
+/**
+ * 设置项通用处理逻辑
+ */
+export function useSettingsHandlers() {
+  const settingStore = useSettingsStore();
+
+  // DOM 操作相关
+  const domOperations = {
+    // 设置HTML类名
+    setHtmlClass: (className: string, add: boolean) => {
+      const el = document.getElementsByTagName("html")[0]!;
+      if (add) {
+        el.classList.add(className);
+      } else {
+        el.classList.remove(className);
+      }
+    },
+
+    // 设置根元素属性
+    setRootAttribute: (attribute: string, value: string) => {
+      const el = document.documentElement;
+      el.setAttribute(attribute, value);
+    },
+
+    // 设置body类名
+    setBodyClass: (className: string, add: boolean) => {
+      const el = document.getElementsByTagName("body")[0]!;
+      if (add) {
+        el.classList.add(className);
+      } else {
+        el.classList.remove(className);
+      }
+    },
+  };
+
+  // 通用切换处理器
+  const createToggleHandler = (storeMethod: () => void, callback?: () => void) => {
+    return () => {
+      storeMethod();
+      callback?.();
+    };
+  };
+
+  // 通用值变更处理器
+  const createValueHandler = <T>(
+    storeMethod: (value: T) => void,
+    callback?: (value: T) => void
+  ) => {
+    return (value: T) => {
+      if (value !== undefined && value !== null) {
+        storeMethod(value);
+        callback?.(value);
+      }
+    };
+  };
+
+  // 基础设置处理器
+  const basicHandlers = {
+    // 工作台标签页
+    workTab: createToggleHandler(() => settingStore.setWorkTab(!settingStore.showWorkTab)),
+
+    // 菜单手风琴
+    uniqueOpened: createToggleHandler(() => settingStore.setUniqueOpened()),
+
+    // 显示菜单按钮
+    menuButton: createToggleHandler(() => settingStore.setButton()),
+
+    // 显示快速入口
+    fastEnter: createToggleHandler(() => settingStore.setFastEnter()),
+
+    // 显示刷新按钮
+    refreshButton: createToggleHandler(() => settingStore.setShowRefreshButton()),
+
+    // 显示面包屑
+    crumbs: createToggleHandler(() => settingStore.setCrumbs()),
+
+    // 显示语言切换
+    language: createToggleHandler(() => settingStore.setLanguage()),
+
+    /** 桌面工具栏（与旧版持久化项对齐，走 updateSetting） */
+    menuSearch: () => settingStore.updateSetting("showMenuSearch", !settingStore.showMenuSearch),
+    fullscreenTool: () =>
+      settingStore.updateSetting("showFullscreen", !settingStore.showFullscreen),
+    layoutSizeTool: () =>
+      settingStore.updateSetting("showSizeSelect", !settingStore.showSizeSelect),
+    notificationTool: () =>
+      settingStore.updateSetting("showNotification", !settingStore.showNotification),
+
+    // 显示进度条
+    nprogress: createToggleHandler(() => settingStore.setNprogress()),
+
+    // 色弱模式
+    colorWeak: createToggleHandler(
+      () => settingStore.setColorWeak(),
+      () => {
+        domOperations.setHtmlClass("color-weak", settingStore.colorWeak);
+      }
+    ),
+
+    // 水印显示
+    watermark: createToggleHandler(() =>
+      settingStore.setWatermarkVisible(!settingStore.watermarkVisible)
+    ),
+
+    /** 与旧版 Settings 对齐：持久化项走 updateSetting */
+    appLogo: () => settingStore.updateSetting("showAppLogo", !settingStore.showAppLogo),
+    loginGuide: () => settingStore.updateSetting("showGuide", !settingStore.showGuide),
+    grayMode: () => settingStore.updateSetting("grayMode", !settingStore.grayMode),
+    aiAssistant: () => settingStore.updateSetting("userEnableAi", !settingStore.userEnableAi),
+
+    // 菜单展开宽度
+    menuOpenWidth: createValueHandler<number>((width: number) =>
+      settingStore.setMenuOpenWidth(width)
+    ),
+
+    // 标签页风格
+    tabStyle: createValueHandler<string>((style: string) => settingStore.setTabStyle(style)),
+
+    // 页面切换动画
+    pageTransition: createValueHandler<string>((transition: string) =>
+      settingStore.setPageTransition(transition)
+    ),
+
+    // 圆角大小
+    customRadius: createValueHandler<string>((radius: string) =>
+      settingStore.setCustomRadius(radius)
+    ),
+  };
+
+  // 盒子样式处理器
+  const boxStyleHandlers = {
+    // 设置盒子模式
+    setBoxMode: (type: "border-mode" | "shadow-mode") => {
+      const { boxBorderMode } = storeToRefs(settingStore);
+
+      // 防止重复设置
+      if (
+        (type === "shadow-mode" && boxBorderMode.value === false) ||
+        (type === "border-mode" && boxBorderMode.value === true)
+      ) {
+        return;
+      }
+
+      setTimeout(() => {
+        domOperations.setRootAttribute("data-box-mode", type);
+        settingStore.setBorderMode();
+      }, 50);
+    },
+  };
+
+  // 颜色设置处理器
+  const colorHandlers = {
+    // 选择主题色
+    selectColor: (theme: string) => {
+      settingStore.setElementTheme(theme);
+      settingStore.reload();
+    },
+  };
+
+  // 容器设置处理器
+  const containerHandlers = {
+    // 设置容器宽度
+    setWidth: (type: ContainerWidthEnum) => {
+      settingStore.setContainerWidth(type);
+      settingStore.reload();
+    },
+  };
+
+  return {
+    domOperations,
+    basicHandlers,
+    boxStyleHandlers,
+    colorHandlers,
+    containerHandlers,
+    createToggleHandler,
+    createValueHandler,
+  };
+}
diff --git a/src/components/layouts/fa-settings-panel/composables/useSettingsPanel.ts b/src/components/layouts/fa-settings-panel/composables/useSettingsPanel.ts
new file mode 100644
index 0000000..0d55d70
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/composables/useSettingsPanel.ts
@@ -0,0 +1,234 @@
+import { ref, computed, watch } from "vue";
+import { useSettingsStore } from "@stores";
+import { storeToRefs } from "pinia";
+import { useWindowSize } from "@vueuse/core";
+import { MOBILE_BREAKPOINT } from "@utils/constants";
+import AppConfig from "@/config";
+import { SystemThemeEnum, MenuTypeEnum } from "@/enums/appEnum";
+import { mittBus, StorageConfig } from "@utils";
+import { useTheme } from "@/hooks/core/useTheme";
+import { useCeremony } from "@/hooks/core/useCeremony";
+import { useSettingsState } from "./useSettingsState";
+import { useSettingsHandlers } from "./useSettingsHandlers";
+
+/**
+ * 设置面板核心逻辑管理
+ */
+export function useSettingsPanel() {
+  const settingStore = useSettingsStore();
+  const { systemThemeType, systemThemeMode, menuType } = storeToRefs(settingStore);
+
+  // Composables
+  const { openFestival, cleanup } = useCeremony();
+  const { setSystemTheme, setSystemAutoTheme } = useTheme();
+  const { initColorWeak } = useSettingsState();
+  const { domOperations } = useSettingsHandlers();
+
+  // 响应式状态
+  const showDrawer = ref(false);
+
+  // 响应式布局
+  const { width } = useWindowSize();
+  const isMobile = computed(() => width.value < MOBILE_BREAKPOINT);
+
+  // 记录窗口宽度变化前的菜单类型
+  const getStoredDesktopMenuType = (): MenuTypeEnum | undefined => {
+    const storedMenuType = localStorage.getItem(StorageConfig.RESPONSIVE_MENU_TYPE_KEY);
+    return Object.values(MenuTypeEnum).includes(storedMenuType as MenuTypeEnum)
+      ? (storedMenuType as MenuTypeEnum)
+      : undefined;
+  };
+
+  const setStoredDesktopMenuType = (type: MenuTypeEnum) => {
+    localStorage.setItem(StorageConfig.RESPONSIVE_MENU_TYPE_KEY, type);
+  };
+
+  const clearStoredDesktopMenuType = () => {
+    localStorage.removeItem(StorageConfig.RESPONSIVE_MENU_TYPE_KEY);
+  };
+
+  const storedDesktopMenuType = getStoredDesktopMenuType();
+  const beforeMenuType = ref<MenuTypeEnum | undefined>(storedDesktopMenuType);
+  const hasChangedMenu = ref(Boolean(storedDesktopMenuType));
+
+  // 计算属性
+  const systemThemeColor = computed(() => settingStore.systemThemeColor as string);
+
+  // 主题相关处理
+  const useThemeHandlers = () => {
+    // 初始化系统颜色
+    const initSystemColor = () => {
+      if (!AppConfig.systemMainColor.includes(systemThemeColor.value)) {
+        settingStore.setElementTheme(AppConfig.systemMainColor[0]!);
+        settingStore.reload();
+      }
+    };
+
+    // 初始化系统主题
+    const initSystemTheme = () => {
+      if (systemThemeMode.value === SystemThemeEnum.AUTO) {
+        setSystemAutoTheme();
+      } else {
+        setSystemTheme(systemThemeType.value);
+      }
+    };
+
+    // 监听系统主题变化
+    const listenerSystemTheme = () => {
+      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      mediaQuery.addEventListener("change", initSystemTheme);
+      return () => {
+        mediaQuery.removeEventListener("change", initSystemTheme);
+      };
+    };
+
+    return {
+      initSystemColor,
+      initSystemTheme,
+      listenerSystemTheme,
+    };
+  };
+
+  // 响应式布局处理
+  const useResponsiveLayout = () => {
+    // 使用 watch 监听断点变化，性能更优
+    const stopWatch = watch(
+      isMobile,
+      (mobile: boolean) => {
+        if (mobile) {
+          // 切换到移动端布局
+          if (!hasChangedMenu.value) {
+            beforeMenuType.value = menuType.value;
+            if (menuType.value !== MenuTypeEnum.LEFT) {
+              setStoredDesktopMenuType(menuType.value);
+              useSettingsState().switchMenuLayouts(MenuTypeEnum.LEFT);
+              hasChangedMenu.value = true;
+            }
+          }
+
+          settingStore.setMenuOpen(false);
+        } else {
+          // 恢复桌面端布局
+          if (hasChangedMenu.value && beforeMenuType.value) {
+            if (menuType.value === MenuTypeEnum.LEFT) {
+              useSettingsState().switchMenuLayouts(beforeMenuType.value);
+            }
+
+            clearStoredDesktopMenuType();
+            hasChangedMenu.value = false;
+          }
+
+          settingStore.setMenuOpen(true);
+        }
+      },
+      { immediate: true }
+    );
+
+    return { stopWatch };
+  };
+
+  // 抽屉控制
+  const useDrawerControl = () => {
+    // 用于存储 setTimeout 的 ID，以便在需要时清除
+    let themeChangeTimer: ReturnType<typeof setTimeout> | null = null;
+
+    // 打开抽屉
+    const handleOpen = () => {
+      // 清除可能存在的旧定时器
+      if (themeChangeTimer) {
+        clearTimeout(themeChangeTimer);
+      }
+      // 延迟添加 theme-change class，避免抽屉打开动画受影响
+      themeChangeTimer = setTimeout(() => {
+        domOperations.setBodyClass("theme-change", true);
+        themeChangeTimer = null;
+      }, 500);
+    };
+
+    // 关闭抽屉
+    const handleClose = () => {
+      // 清除未执行的定时器，防止关闭后才添加 class
+      if (themeChangeTimer) {
+        clearTimeout(themeChangeTimer);
+        themeChangeTimer = null;
+      }
+      // 立即移除 theme-change class
+      domOperations.setBodyClass("theme-change", false);
+    };
+
+    // 打开设置
+    const openSetting = () => {
+      showDrawer.value = true;
+    };
+
+    // 关闭设置
+    const closeDrawer = () => {
+      showDrawer.value = false;
+    };
+
+    return {
+      handleOpen,
+      handleClose,
+      openSetting,
+      closeDrawer,
+    };
+  };
+
+  // Props 变化监听
+  const usePropsWatcher = (props: { open?: boolean }) => {
+    watch(
+      () => props.open,
+      (val: boolean | undefined) => {
+        if (val !== undefined) {
+          showDrawer.value = val;
+        }
+      }
+    );
+  };
+
+  // 初始化设置
+  const useSettingsInitializer = () => {
+    const themeHandlers = useThemeHandlers();
+    const { openSetting } = useDrawerControl();
+    const { stopWatch } = useResponsiveLayout();
+    let themeCleanup: (() => void) | null = null;
+
+    const initializeSettings = () => {
+      mittBus.on("openSetting", openSetting);
+      themeHandlers.initSystemColor();
+      themeCleanup = themeHandlers.listenerSystemTheme();
+      initColorWeak();
+
+      // 设置盒子模式
+      const boxMode = settingStore.boxBorderMode ? "border-mode" : "shadow-mode";
+      domOperations.setRootAttribute("data-box-mode", boxMode);
+
+      themeHandlers.initSystemTheme();
+      openFestival();
+    };
+
+    const cleanupSettings = () => {
+      stopWatch();
+      mittBus.off("openSetting", openSetting);
+      themeCleanup?.();
+      cleanup();
+    };
+
+    return {
+      initializeSettings,
+      cleanupSettings,
+    };
+  };
+
+  return {
+    // 状态
+    showDrawer,
+
+    // 方法组合
+    useThemeHandlers,
+    useResponsiveLayout,
+    useDrawerControl,
+    usePropsWatcher,
+    useSettingsInitializer,
+  };
+}
diff --git a/src/components/layouts/fa-settings-panel/composables/useSettingsState.ts b/src/components/layouts/fa-settings-panel/composables/useSettingsState.ts
new file mode 100644
index 0000000..773f2ae
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/composables/useSettingsState.ts
@@ -0,0 +1,37 @@
+import { useSettingsStore } from "@stores";
+import { MenuThemeEnum, MenuTypeEnum } from "@/enums/appEnum";
+
+/**
+ * 设置状态管理
+ */
+export function useSettingsState() {
+  const settingStore = useSettingsStore();
+
+  // 色弱模式初始化
+  const initColorWeak = () => {
+    if (settingStore.colorWeak) {
+      const el = document.getElementsByTagName("html")[0]!;
+      setTimeout(() => {
+        el.classList.add("color-weak");
+      }, 100);
+    }
+  };
+
+  // 菜单布局切换
+  const switchMenuLayouts = (type: MenuTypeEnum) => {
+    if (type === MenuTypeEnum.LEFT || type === MenuTypeEnum.TOP_LEFT) {
+      settingStore.setMenuOpen(true);
+    }
+    settingStore.switchMenuLayouts(type);
+    if (type === MenuTypeEnum.DUAL_MENU) {
+      settingStore.switchMenuStyles(MenuThemeEnum.DESIGN);
+      settingStore.setMenuOpen(true);
+    }
+  };
+
+  return {
+    // 方法
+    initColorWeak,
+    switchMenuLayouts,
+  };
+}
diff --git a/src/components/layouts/fa-settings-panel/index.vue b/src/components/layouts/fa-settings-panel/index.vue
new file mode 100644
index 0000000..4624f4c
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/index.vue
@@ -0,0 +1,154 @@
+<!-- 设置面板 -->
+<template>
+  <div class="layout-settings">
+    <FaSettingDrawer v-model="showDrawer" @open="handleOpen" @close="handleClose">
+      <!-- 头部关闭按钮 -->
+      <FaSettingHeader @close="closeDrawer" />
+      <!-- 主题风格 -->
+      <FaThemeSettings />
+      <!-- 菜单布局 -->
+      <FaMenuLayoutSettings />
+      <!-- 菜单风格 -->
+      <FaMenuStyleSettings />
+      <!-- 系统主题色 -->
+      <FaColorSettings />
+      <!-- 盒子样式 -->
+      <FaBoxStyleSettings />
+      <!-- 容器宽度 -->
+      <FaContainerSettings />
+      <!-- 基础配置 -->
+      <FaBasicSettings />
+      <!-- 操作按钮 -->
+      <FaSettingActions />
+    </FaSettingDrawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useSettingsPanel } from "./composables/useSettingsPanel";
+
+defineOptions({ name: "FaSettingsPanel" });
+
+interface Props {
+  /** 是否打开 */
+  open?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  open: false,
+});
+
+// 使用设置面板逻辑
+const settingsPanel = useSettingsPanel();
+const { showDrawer } = settingsPanel;
+
+// 获取各种处理器
+const { handleOpen, handleClose, closeDrawer } = settingsPanel.useDrawerControl();
+const { initializeSettings, cleanupSettings } = settingsPanel.useSettingsInitializer();
+
+// 监听 props 变化
+settingsPanel.usePropsWatcher(props);
+
+onMounted(() => {
+  initializeSettings();
+});
+
+onUnmounted(() => {
+  cleanupSettings();
+});
+</script>
+
+<style lang="scss">
+@use "@styles/core/mixin.scss" as *;
+
+/* 设置抽屉模态框样式 */
+.setting-modal {
+  background: transparent !important;
+
+  .el-drawer {
+    // 背景滤镜效果
+    background: var(--fa-drawer-bg) !important;
+    box-shadow: 0 0 30px rgb(0 0 0 / 10%) !important;
+
+    @include backdropBlur();
+
+    .setting-box-wrap {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      width: calc(100% + 15px);
+      margin-bottom: 10px;
+
+      .setting-item {
+        box-sizing: border-box;
+        width: calc(33.333% - 15px);
+        margin-right: 15px;
+        text-align: center;
+
+        .box {
+          position: relative;
+          box-sizing: border-box;
+          display: flex;
+          height: 52px;
+          overflow: hidden;
+          cursor: pointer;
+          border: 2px solid var(--default-border);
+          border-radius: 8px;
+          box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
+          transition: box-shadow 0.1s;
+
+          &.mt-16 {
+            margin-top: 16px;
+          }
+
+          &.is-active {
+            border: 2px solid var(--theme-color);
+          }
+
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+
+        .name {
+          margin-top: 6px;
+          font-size: 14px;
+          text-align: center;
+        }
+      }
+    }
+  }
+
+  // 去除滚动条
+  .el-drawer__body::-webkit-scrollbar {
+    width: 0 !important;
+  }
+}
+
+.dark {
+  .setting-modal {
+    .el-drawer {
+      background: var(--fa-drawer-bg) !important;
+
+      .setting-item {
+        .box {
+          border: 2px solid transparent;
+        }
+      }
+    }
+  }
+}
+
+/* 去除火狐浏览器滚动条 */
+:deep(.el-drawer__body) {
+  scrollbar-width: none;
+}
+
+/* // 移动端隐藏 */
+@media screen and (width <= 800px) {
+  .mobile-hide {
+    display: none !important;
+  }
+}
+</style>
diff --git a/src/components/layouts/fa-settings-panel/widgets/FaBasicSettings.vue b/src/components/layouts/fa-settings-panel/widgets/FaBasicSettings.vue
new file mode 100644
index 0000000..21dbd09
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/widgets/FaBasicSettings.vue
@@ -0,0 +1,93 @@
+<template>
+  <div>
+    <FaSectionTitle :title="$t('setting.basics.title')" class="mt-10" />
+    <FaSettingItem
+      v-for="config in basicSettingsConfig"
+      :key="config.key"
+      :config="config"
+      :model-value="getSettingValue(config.key)"
+      @change="handleSettingChange(config.handler, $event)"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useSettingsStore } from "@stores";
+
+defineOptions({ name: "FaBasicSettings" });
+import { useSettingsConfig } from "../composables/useSettingsConfig";
+import { useSettingsHandlers } from "../composables/useSettingsHandlers";
+import { storeToRefs } from "pinia";
+
+const settingStore = useSettingsStore();
+const { basicSettingsConfig } = useSettingsConfig();
+const { basicHandlers } = useSettingsHandlers();
+
+// 获取store的响应式状态
+const {
+  uniqueOpened,
+  showMenuButton,
+  showFastEnter,
+  showRefreshButton,
+  showCrumbs,
+  showWorkTab,
+  showLanguage,
+  showMenuSearch,
+  showFullscreen,
+  showSizeSelect,
+  showNotification,
+  showNprogress,
+  colorWeak,
+  watermarkVisible,
+  showAppLogo,
+  showGuide,
+  grayMode,
+  userEnableAi,
+  menuOpenWidth,
+  tabStyle,
+  pageTransition,
+  customRadius,
+} = storeToRefs(settingStore);
+
+// 创建设置值映射
+const settingValueMap = {
+  uniqueOpened,
+  showMenuButton,
+  showFastEnter,
+  showRefreshButton,
+  showCrumbs,
+  showWorkTab,
+  showLanguage,
+  showMenuSearch,
+  showFullscreen,
+  showSizeSelect,
+  showNotification,
+  showNprogress,
+  colorWeak,
+  watermarkVisible,
+  showAppLogo,
+  showGuide,
+  grayMode,
+  userEnableAi,
+  menuOpenWidth,
+  tabStyle,
+  pageTransition,
+  customRadius,
+};
+
+// 获取设置值的方法
+const getSettingValue = (key: string) => {
+  const settingRef = settingValueMap[key as keyof typeof settingValueMap];
+  return settingRef?.value ?? null;
+};
+
+// 统一的设置变更处理
+const handleSettingChange = (handlerName: string, value: any) => {
+  const handler = (basicHandlers as Record<string, (...args: any[]) => any>)[handlerName];
+  if (typeof handler === "function") {
+    handler(value);
+  } else {
+    console.warn(`Handler "${handlerName}" not found in basicHandlers`);
+  }
+};
+</script>
diff --git a/src/components/layouts/fa-settings-panel/widgets/FaBoxStyleSettings.vue b/src/components/layouts/fa-settings-panel/widgets/FaBoxStyleSettings.vue
new file mode 100644
index 0000000..580aa77
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/widgets/FaBoxStyleSettings.vue
@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <FaSectionTitle :title="$t('setting.box.title')" class="mt-10" />
+    <div class="box-border flex items-center justify-between p-1 mt-5 rounded-lg bg-g-200">
+      <div
+        v-for="option in boxStyleOptions"
+        :key="option.value"
+        class="w-[calc(50%-3px)] h-8.5 leading-8.5 text-sm text-center cursor-pointer select-none rounded-md transition-all duration-200"
+        :class="
+          isActive(option.type)
+            ? 'text-g-800 bg-(--default-box-color) dark:text-white! dark:bg-g-300'
+            : 'hover:text-g-800 hover:bg-black/4 dark:hover:bg-black/20'
+        "
+        @click="boxStyleHandlers.setBoxMode(option.type)"
+      >
+        {{ option.label }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useSettingsStore } from "@stores";
+
+defineOptions({ name: "FaBoxStyleSettings" });
+import { useSettingsConfig } from "../composables/useSettingsConfig";
+import { useSettingsHandlers } from "../composables/useSettingsHandlers";
+import { storeToRefs } from "pinia";
+
+const settingStore = useSettingsStore();
+const { boxBorderMode } = storeToRefs(settingStore);
+const { boxStyleOptions } = useSettingsConfig();
+const { boxStyleHandlers } = useSettingsHandlers();
+
+// 判断当前选项是否激活
+const isActive = (type: "border-mode" | "shadow-mode") => {
+  return type === "border-mode" ? boxBorderMode.value : !boxBorderMode.value;
+};
+</script>
diff --git a/src/components/layouts/fa-settings-panel/widgets/FaColorSettings.vue b/src/components/layouts/fa-settings-panel/widgets/FaColorSettings.vue
new file mode 100644
index 0000000..e901358
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/widgets/FaColorSettings.vue
@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <FaSectionTitle :title="$t('setting.color.title')" class="mt-10" />
+    <div class="-mr-4">
+      <div class="flex flex-wrap">
+        <div
+          v-for="color in configOptions.mainColors"
+          :key="color"
+          class="flex items-center justify-center size-[23px] mr-4 mb-2.5 cursor-pointer rounded-full transition-all duration-200 hover:opacity-85"
+          :style="{ background: `${color} !important` }"
+          @click="colorHandlers.selectColor(color)"
+        >
+          <FaSvgIcon
+            icon="ri:check-fill"
+            class="text-base text-white!"
+            v-show="color === systemThemeColor"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useSettingsStore } from "@stores";
+
+defineOptions({ name: "FaColorSettings" });
+import { useSettingsConfig } from "../composables/useSettingsConfig";
+import { useSettingsHandlers } from "../composables/useSettingsHandlers";
+import { storeToRefs } from "pinia";
+
+const settingStore = useSettingsStore();
+const { systemThemeColor } = storeToRefs(settingStore);
+const { configOptions } = useSettingsConfig();
+const { colorHandlers } = useSettingsHandlers();
+</script>
diff --git a/src/components/layouts/fa-settings-panel/widgets/FaContainerSettings.vue b/src/components/layouts/fa-settings-panel/widgets/FaContainerSettings.vue
new file mode 100644
index 0000000..f550fed
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/widgets/FaContainerSettings.vue
@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <FaSectionTitle :title="$t('setting.container.title')" class="mt-12.5" />
+    <div class="flex">
+      <div
+        v-for="option in containerWidthOptions"
+        :key="option.value"
+        class="flex items-center justify-center flex-1 h-16 mt-5 mr-3.5 mb-3.5 cursor-pointer border-2! rounded-lg text-g-800! last:mr-0"
+        :class="{
+          'border-theme [&_i]:text-theme!': containerWidth === option.value,
+          'border border-[var(--default-border)]': containerWidth !== option.value,
+        }"
+        @click="containerHandlers.setWidth(option.value)"
+      >
+        <FaSvgIcon :icon="option.icon" class="mr-2 text-lg" />
+        <span class="text-sm">{{ option.label }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useSettingsStore } from "@stores";
+
+defineOptions({ name: "FaContainerSettings" });
+import { useSettingsConfig } from "../composables/useSettingsConfig";
+import { useSettingsHandlers } from "../composables/useSettingsHandlers";
+import { storeToRefs } from "pinia";
+
+const settingStore = useSettingsStore();
+const { containerWidth } = storeToRefs(settingStore);
+const { containerWidthOptions } = useSettingsConfig();
+const { containerHandlers } = useSettingsHandlers();
+</script>
diff --git a/src/components/layouts/fa-settings-panel/widgets/FaMenuLayoutSettings.vue b/src/components/layouts/fa-settings-panel/widgets/FaMenuLayoutSettings.vue
new file mode 100644
index 0000000..82602d9
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/widgets/FaMenuLayoutSettings.vue
@@ -0,0 +1,32 @@
+<template>
+  <div v-if="width > 1000">
+    <FaSectionTitle :title="$t('setting.menuType.title')" />
+    <div class="setting-box-wrap">
+      <div
+        class="setting-item"
+        v-for="(item, index) in configOptions.menuLayoutList"
+        :key="item.value"
+        @click="switchMenuLayouts(item.value)"
+      >
+        <div class="box" :class="{ 'is-active': item.value === menuType, 'mt-16': index > 2 }">
+          <img :src="item.img" loading="eager" />
+        </div>
+        <p class="name">{{ $t(`setting.menuType.list[${index}]`) }}</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useSettingsStore } from "@stores";
+
+defineOptions({ name: "FaMenuLayoutSettings" });
+import { useSettingsConfig } from "../composables/useSettingsConfig";
+import { useSettingsState } from "../composables/useSettingsState";
+
+const { width } = useWindowSize();
+const settingStore = useSettingsStore();
+const { menuType } = storeToRefs(settingStore);
+const { configOptions } = useSettingsConfig();
+const { switchMenuLayouts } = useSettingsState();
+</script>
diff --git a/src/components/layouts/fa-settings-panel/widgets/FaMenuStyleSettings.vue b/src/components/layouts/fa-settings-panel/widgets/FaMenuStyleSettings.vue
new file mode 100644
index 0000000..2697897
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/widgets/FaMenuStyleSettings.vue
@@ -0,0 +1,45 @@
+<template>
+  <FaSectionTitle :title="$t('setting.menu.title')" />
+  <div class="setting-box-wrap">
+    <div
+      class="setting-item"
+      v-for="item in menuThemeList"
+      :key="item.theme"
+      @click="switchMenuStyles(item.theme)"
+    >
+      <div
+        class="box"
+        :class="{ 'is-active': item.theme === menuThemeType }"
+        :style="{
+          cursor: disabled ? 'no-drop' : 'pointer',
+        }"
+      >
+        <img :src="item.img" loading="eager" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import AppConfig from "@/config";
+
+defineOptions({ name: "FaMenuStyleSettings" });
+import { MenuTypeEnum, type MenuThemeEnum } from "@/enums/appEnum";
+import { useSettingsStore } from "@stores";
+
+const menuThemeList = AppConfig.themeList;
+const settingStore = useSettingsStore();
+const { menuThemeType, menuType, isDark } = storeToRefs(settingStore);
+const isTopMenu = computed(() => menuType.value === MenuTypeEnum.TOP);
+const isDualMenu = computed(() => menuType.value === MenuTypeEnum.DUAL_MENU);
+
+const disabled = computed(() => isTopMenu.value || isDualMenu.value || isDark.value);
+
+// 菜单样式切换
+const switchMenuStyles = (theme: MenuThemeEnum) => {
+  if (isDualMenu.value || isTopMenu.value || isDark.value) {
+    return;
+  }
+  settingStore.switchMenuStyles(theme);
+};
+</script>
diff --git a/src/components/layouts/fa-settings-panel/widgets/FaSectionTitle.vue b/src/components/layouts/fa-settings-panel/widgets/FaSectionTitle.vue
new file mode 100644
index 0000000..d4114f8
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/widgets/FaSectionTitle.vue
@@ -0,0 +1,21 @@
+<template>
+  <p
+    class="relative mt-7.5 mb-5.5 text-sm text-center text-g-800 before:absolute before:top-[10px] before:left-0 before:w-[50px] before:m-auto before:content-[''] before:border-b before:border-(--fa-gray-300) after:absolute after:top-[10px] after:right-0 after:w-[50px] after:m-auto after:content-[''] after:border-b after:border-g-300"
+    :style="style"
+  >
+    {{ title }}
+  </p>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaSectionTitle" });
+
+interface Props {
+  title: string;
+  style?: Record<string, any>;
+}
+
+withDefaults(defineProps<Props>(), {
+  style: () => ({}),
+});
+</script>
diff --git a/src/components/layouts/fa-settings-panel/widgets/FaSettingActions.vue b/src/components/layouts/fa-settings-panel/widgets/FaSettingActions.vue
new file mode 100644
index 0000000..8fc222e
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/widgets/FaSettingActions.vue
@@ -0,0 +1,242 @@
+<!-- 设置操作按钮 -->
+<template>
+  <div class="mt-10 flex gap-8 border-t border-(--default-border) bg-(--fa-bg-color) pt-5">
+    <ElButton type="primary" class="flex-1 h-8!" @click="handleCopyConfig">
+      {{ $t("setting.actions.copyConfig") }}
+    </ElButton>
+    <ElButton type="danger" plain class="flex-1 h-8!" @click="handleResetConfig">
+      {{ $t("setting.actions.resetConfig") }}
+    </ElButton>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { nextTick } from "vue";
+import { useSettingsStore } from "@stores";
+import { SETTING_DEFAULT_CONFIG } from "@/config/setting";
+import { useClipboard } from "@vueuse/core";
+import { useI18n } from "vue-i18n";
+import { MenuThemeEnum } from "@/enums/appEnum";
+import { useTheme } from "@/hooks/core/useTheme";
+import { ElMessage } from "element-plus";
+
+defineOptions({ name: "SettingActions" });
+
+const { t } = useI18n();
+const settingStore = useSettingsStore();
+const { copy, copied } = useClipboard();
+const { switchThemeStyles } = useTheme();
+
+/** 枚举映射表 */
+const ENUM_MAPS = {
+  menuType: {
+    left: "MenuTypeEnum.LEFT",
+    top: "MenuTypeEnum.TOP",
+    "top-left": "MenuTypeEnum.TOP_LEFT",
+    "dual-menu": "MenuTypeEnum.DUAL_MENU",
+  },
+  systemTheme: {
+    auto: "SystemThemeEnum.AUTO",
+    light: "SystemThemeEnum.LIGHT",
+    dark: "SystemThemeEnum.DARK",
+  },
+  menuTheme: {
+    design: "MenuThemeEnum.DESIGN",
+    light: "MenuThemeEnum.LIGHT",
+    dark: "MenuThemeEnum.DARK",
+  },
+  containerWidth: {
+    "100%": "ContainerWidthEnum.FULL",
+    "1200px": "ContainerWidthEnum.BOXED",
+  },
+} as const;
+
+/** 配置项定义 */
+interface ConfigItem {
+  comment: string;
+  key: keyof typeof settingStore;
+  enumMap?: Record<string, string>;
+  forceValue?: any;
+}
+
+const CONFIG_ITEMS: ConfigItem[] = [
+  { comment: "菜单类型", key: "menuType", enumMap: ENUM_MAPS.menuType },
+  { comment: "菜单展开宽度", key: "menuOpenWidth" },
+  { comment: "菜单是否展开", key: "menuOpen" },
+  { comment: "双菜单是否显示文本", key: "dualMenuShowText" },
+  { comment: "系统主题类型", key: "systemThemeType", enumMap: ENUM_MAPS.systemTheme },
+  { comment: "系统主题模式", key: "systemThemeMode", enumMap: ENUM_MAPS.systemTheme },
+  { comment: "菜单风格", key: "menuThemeType", enumMap: ENUM_MAPS.menuTheme },
+  { comment: "系统主题颜色", key: "systemThemeColor" },
+  { comment: "是否显示菜单按钮", key: "showMenuButton" },
+  { comment: "是否显示快速入口", key: "showFastEnter" },
+  { comment: "是否显示刷新按钮", key: "showRefreshButton" },
+  { comment: "是否显示面包屑", key: "showCrumbs" },
+  { comment: "是否显示工作台标签", key: "showWorkTab" },
+  { comment: "是否显示语言切换", key: "showLanguage" },
+  { comment: "是否显示进度条", key: "showNprogress" },
+  { comment: "是否显示设置引导", key: "showSettingGuide" },
+  { comment: "是否显示节日文本", key: "showFestivalText" },
+  { comment: "是否显示水印", key: "watermarkVisible" },
+  { comment: "是否显示应用 Logo 与系统标题", key: "showAppLogo" },
+  { comment: "登录后是否开启新手引导", key: "showGuide" },
+  { comment: "灰色模式", key: "grayMode" },
+  { comment: "是否启用 AI 助手", key: "userEnableAi" },
+  { comment: "是否自动关闭", key: "autoClose" },
+  { comment: "是否唯一展开", key: "uniqueOpened" },
+  { comment: "是否色弱模式", key: "colorWeak" },
+  { comment: "是否刷新", key: "refresh" },
+  { comment: "是否加载节日烟花", key: "holidayFireworksLoaded" },
+  { comment: "边框模式", key: "boxBorderMode" },
+  { comment: "页面过渡效果", key: "pageTransition" },
+  { comment: "标签页样式", key: "tabStyle" },
+  { comment: "自定义圆角", key: "customRadius" },
+  { comment: "容器宽度", key: "containerWidth", enumMap: ENUM_MAPS.containerWidth },
+  {
+    comment: "上次完成烟花播放的自然日(YYYY-MM-DD),留空可重新触发",
+    key: "festivalDate",
+    forceValue: "",
+  },
+];
+
+/**
+ * 将值转换为代码字符串
+ */
+const valueToCode = (value: any, enumMap?: Record<string, string>): string => {
+  if (value === null) return "null";
+  if (value === undefined) return "undefined";
+
+  // 优先查找枚举映射
+  if (enumMap && typeof value === "string" && enumMap[value]) {
+    return enumMap[value];
+  }
+
+  // 其他类型处理
+  if (typeof value === "string") return `'${value}'`;
+  if (typeof value === "boolean" || typeof value === "number") return String(value);
+
+  return JSON.stringify(value);
+};
+
+/**
+ * 生成配置代码
+ */
+const generateConfigCode = (): string => {
+  const lines = ["export const SETTING_DEFAULT_CONFIG = {"];
+
+  CONFIG_ITEMS.forEach((item) => {
+    lines.push(`  /** ${item.comment} */`);
+    const value = item.forceValue !== undefined ? item.forceValue : settingStore[item.key];
+    lines.push(`  ${String(item.key)}: ${valueToCode(value, item.enumMap)},`);
+  });
+
+  lines.push("}");
+  return lines.join("\n");
+};
+
+/**
+ * 复制配置到剪贴板
+ */
+const handleCopyConfig = async () => {
+  try {
+    const configText = generateConfigCode();
+    await copy(configText);
+
+    if (copied.value) {
+      ElMessage.success({
+        message: t("setting.actions.copySuccess"),
+        duration: 3000,
+      });
+    }
+  } catch (error) {
+    console.error("复制配置失败:", error);
+    ElMessage.error(t("setting.actions.copyFailed"));
+  }
+};
+
+/**
+ * 切换布尔值配置（如果当前值与默认值不同）
+ */
+const toggleIfDifferent = (currentValue: boolean, defaultValue: boolean, toggleFn: () => void) => {
+  if (currentValue !== defaultValue) {
+    toggleFn();
+  }
+};
+
+/**
+ * 重置配置为默认值
+ */
+const handleResetConfig = async () => {
+  try {
+    const config = SETTING_DEFAULT_CONFIG;
+
+    // 菜单相关
+    settingStore.switchMenuLayouts(config.menuType);
+    settingStore.setMenuOpenWidth(config.menuOpenWidth);
+    settingStore.setMenuOpen(config.menuOpen);
+    settingStore.setDualMenuShowText(config.dualMenuShowText);
+
+    // 主题相关 - 使用 switchThemeStyles 确保正确处理 AUTO 模式
+    switchThemeStyles(config.systemThemeMode);
+
+    // 等待主题切换完成后，根据实际应用的主题设置菜单主题
+    await nextTick();
+    const menuTheme = settingStore.isDark ? MenuThemeEnum.DARK : config.menuThemeType;
+    settingStore.switchMenuStyles(menuTheme);
+
+    settingStore.setElementTheme(config.systemThemeColor!);
+
+    // 界面显示（切换类方法）
+    toggleIfDifferent(settingStore.showMenuButton, config.showMenuButton, () =>
+      settingStore.setButton()
+    );
+    toggleIfDifferent(settingStore.showFastEnter, config.showFastEnter, () =>
+      settingStore.setFastEnter()
+    );
+    toggleIfDifferent(settingStore.showRefreshButton, config.showRefreshButton, () =>
+      settingStore.setShowRefreshButton()
+    );
+    toggleIfDifferent(settingStore.showCrumbs, config.showCrumbs, () => settingStore.setCrumbs());
+    toggleIfDifferent(settingStore.showLanguage, config.showLanguage, () =>
+      settingStore.setLanguage()
+    );
+    toggleIfDifferent(settingStore.showNprogress, config.showNprogress, () =>
+      settingStore.setNprogress()
+    );
+
+    // 界面显示（直接设置类方法）
+    settingStore.setWorkTab(config.showWorkTab);
+    settingStore.setShowFestivalText(config.showFestivalText);
+    settingStore.setWatermarkVisible(config.watermarkVisible);
+    settingStore.updateSetting("showAppLogo", config.showAppLogo);
+    settingStore.updateSetting("showGuide", config.showGuide);
+    settingStore.updateSetting("grayMode", config.grayMode);
+    settingStore.updateSetting("userEnableAi", config.aiEnabled);
+
+    // 功能设置
+    toggleIfDifferent(settingStore.autoClose, config.autoClose, () => settingStore.setAutoClose());
+    toggleIfDifferent(settingStore.uniqueOpened, config.uniqueOpened, () =>
+      settingStore.setUniqueOpened()
+    );
+    toggleIfDifferent(settingStore.colorWeak, config.colorWeak, () => settingStore.setColorWeak());
+
+    // 样式设置
+    toggleIfDifferent(settingStore.boxBorderMode, config.boxBorderMode, () =>
+      settingStore.setBorderMode()
+    );
+    settingStore.setPageTransition(config.pageTransition);
+    settingStore.setTabStyle(config.tabStyle);
+    settingStore.setCustomRadius(config.customRadius);
+    settingStore.setContainerWidth(config.containerWidth);
+
+    // 节日相关
+    settingStore.setFestivalDate(config.festivalDate);
+    settingStore.setholidayFireworksLoaded(config.holidayFireworksLoaded);
+
+    location.reload();
+  } catch (error) {
+    console.error("重置配置失败:", error);
+    ElMessage.error(t("setting.actions.resetFailed"));
+  }
+};
+</script>
diff --git a/src/components/layouts/fa-settings-panel/widgets/FaSettingDrawer.vue b/src/components/layouts/fa-settings-panel/widgets/FaSettingDrawer.vue
new file mode 100644
index 0000000..1b3acc5
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/widgets/FaSettingDrawer.vue
@@ -0,0 +1,53 @@
+<template>
+  <div class="setting-drawer">
+    <ElDrawer
+      size="300px"
+      v-model="visible"
+      :lock-scroll="true"
+      :with-header="false"
+      :before-close="handleClose"
+      :destroy-on-close="false"
+      modal-class="setting-modal"
+      @open="handleOpen"
+      @close="handleDrawerClose"
+    >
+      <div class="drawer-con">
+        <slot />
+      </div>
+    </ElDrawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaSettingDrawer" });
+
+interface Props {
+  modelValue: boolean;
+}
+
+interface Emits {
+  (e: "update:modelValue", value: boolean): void;
+  (e: "open"): void;
+  (e: "close"): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {});
+const emit = defineEmits<Emits>();
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (value: boolean) => emit("update:modelValue", value),
+});
+
+const handleOpen = () => {
+  emit("open");
+};
+
+const handleDrawerClose = () => {
+  emit("close");
+};
+
+const handleClose = () => {
+  visible.value = false;
+};
+</script>
diff --git a/src/components/layouts/fa-settings-panel/widgets/FaSettingHeader.vue b/src/components/layouts/fa-settings-panel/widgets/FaSettingHeader.vue
new file mode 100644
index 0000000..32bfa27
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/widgets/FaSettingHeader.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <div class="flex justify-end">
+      <div
+        @click="$emit('close')"
+        class="flex items-center justify-center cursor-pointer size-7.5 transition-all! duration-200 rounded hover:bg-g-300/80"
+      >
+        <FaSvgIcon icon="ri:close-fill" class="block text-xl text-g-600" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaSettingHeader" });
+
+interface Emits {
+  close: [];
+}
+
+defineEmits<Emits>();
+</script>
diff --git a/src/components/layouts/fa-settings-panel/widgets/FaSettingItem.vue b/src/components/layouts/fa-settings-panel/widgets/FaSettingItem.vue
new file mode 100644
index 0000000..5d9dc49
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/widgets/FaSettingItem.vue
@@ -0,0 +1,106 @@
+<template>
+  <div
+    class="flex items-center justify-between mb-4 last:mb-2"
+    :class="{ 'mobile-hide': config.mobileHide }"
+  >
+    <span class="text-sm">{{ config.label }}</span>
+
+    <!-- 开关类型 -->
+    <ElSwitch v-if="config.type === 'switch'" :model-value="modelValue" @change="handleChange" />
+
+    <!-- 数字输入类型 -->
+    <ElInputNumber
+      v-else-if="config.type === 'input-number'"
+      :model-value="modelValue"
+      :min="config.min"
+      :max="config.max"
+      :step="config.step"
+      :style="config.style"
+      :controls-position="config.controlsPosition"
+      @change="handleChange"
+    />
+
+    <!-- 选择器类型 -->
+    <ElSelect
+      v-else-if="config.type === 'select'"
+      :model-value="modelValue"
+      :style="config.style"
+      @change="handleChange"
+    >
+      <ElOption
+        v-for="option in normalizedOptions"
+        :key="option.value"
+        :label="option.label"
+        :value="option.value"
+      />
+    </ElSelect>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { ComputedRef } from "vue";
+
+defineOptions({ name: "FaSettingItem" });
+
+interface SettingItemConfig {
+  key: string;
+  label: string;
+  type: "switch" | "input-number" | "select";
+  handler: string;
+  mobileHide?: boolean;
+  min?: number;
+  max?: number;
+  step?: number;
+  style?: Record<string, string>;
+  controlsPosition?: "" | "right";
+  options?:
+    | Array<{ value: any; label: string }>
+    | ComputedRef<Array<{ value: any; label: string }>>;
+}
+
+interface Props {
+  config: SettingItemConfig;
+  modelValue: any;
+}
+
+interface Emits {
+  (e: "change", value: any): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {});
+const emit = defineEmits<Emits>();
+
+// 标准化选项，处理computed和普通数组
+const normalizedOptions = computed(() => {
+  if (!props.config.options) return [];
+
+  try {
+    // 如果是 ComputedRef，则返回其值
+    if (typeof props.config.options === "object" && "value" in props.config.options) {
+      return props.config.options.value || [];
+    }
+
+    // 如果是普通数组，直接返回
+    return Array.isArray(props.config.options) ? props.config.options : [];
+  } catch (error) {
+    console.warn("Error processing options for config:", props.config.key, error);
+    return [];
+  }
+});
+
+const handleChange = (value: any) => {
+  try {
+    emit("change", value);
+  } catch (error) {
+    console.error("Error handling change for config:", props.config.key, error);
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@media screen and (width <= 768px) {
+  .mobile-hide {
+    display: none !important;
+  }
+}
+</style>
diff --git a/src/components/layouts/fa-settings-panel/widgets/FaThemeSettings.vue b/src/components/layouts/fa-settings-panel/widgets/FaThemeSettings.vue
new file mode 100644
index 0000000..c553361
--- /dev/null
+++ b/src/components/layouts/fa-settings-panel/widgets/FaThemeSettings.vue
@@ -0,0 +1,29 @@
+<template>
+  <FaSectionTitle :title="$t('setting.theme.title')" />
+  <div class="setting-box-wrap">
+    <div
+      class="setting-item"
+      v-for="(item, index) in configOptions.themeList"
+      :key="item.theme"
+      @click="switchThemeStyles(item.theme)"
+    >
+      <div class="box" :class="{ 'is-active': item.theme === systemThemeMode }">
+        <img :src="item.img" loading="eager" />
+      </div>
+      <p class="name">{{ $t(`setting.theme.list[${index}]`) }}</p>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useSettingsStore } from "@stores";
+
+defineOptions({ name: "FaThemeSettings" });
+import { useSettingsConfig } from "../composables/useSettingsConfig";
+import { useTheme } from "@/hooks/core/useTheme";
+
+const settingStore = useSettingsStore();
+const { systemThemeMode } = storeToRefs(settingStore);
+const { configOptions } = useSettingsConfig();
+const { switchThemeStyles } = useTheme();
+</script>
diff --git a/src/components/layouts/fa-work-tab/index.vue b/src/components/layouts/fa-work-tab/index.vue
new file mode 100644
index 0000000..e50e2ea
--- /dev/null
+++ b/src/components/layouts/fa-work-tab/index.vue
@@ -0,0 +1,1099 @@
+<!-- 三种模式：tab-default / tab-card / tab-google -->
+<template>
+  <div
+    v-if="showWorkTab"
+    class="worktab-tags-shell box-border w-full select-none"
+    :class="[
+      /** 三种模式统一底边线；谷歌模式底边与标签贴合，默认/卡片需要与底边留出间距（避免重合） */
+      'border-b border-(--fa-card-border)',
+      tabStyle === 'tab-google' ? 'worktab-tags-shell--google pt-1 pb-0' : 'py-1',
+    ]"
+  >
+    <div
+      class="worktab-tags-bar flex items-stretch gap-0 w-full min-h-8"
+      :class="chromeTabStrip ? 'worktab-tags-bar--google' : ''"
+    >
+      <button
+        v-if="tabOverflow"
+        type="button"
+        class="worktab-bar-btn worktab-bar-cell worktab-bar-cell--sep-r"
+        :title="t('worktab.scrollLeft')"
+        @click="scrollTabs(SCROLL_STEP)"
+      >
+        <FaSvgIcon icon="ri:arrow-left-double-line" class="text-lg text-current" />
+      </button>
+
+      <div
+        class="worktab-scroll-wrap flex flex-1 min-w-0 items-center overflow-hidden"
+        ref="scrollRef"
+      >
+        <ul
+          class="float-left whitespace-nowrap bg-transparent! flex"
+          :class="[chromeTabStrip ? 'pl-1' : '']"
+          ref="tabsRef"
+          :style="{
+            transform: `translateX(${scrollState.translateX}px)`,
+            transition: `${scrollState.transition}`,
+          }"
+        >
+          <li
+            class="worktab-tab fa-card-xs inline-flex flex items-center justify-center h-8 mr-1.5 text-xs cursor-pointer hover:text-theme group"
+            :class="[
+              item.path === activeTab
+                ? chromeTabStrip
+                  ? 'activ-tab'
+                  : 'activ-tab text-theme!'
+                : chromeTabStrip
+                  ? ''
+                  : 'text-g-600 dark:text-g-800',
+              isCardTabs ? 'worktab-tab--card' : '',
+              chromeTabStrip ? 'google-tab relative h-8! leading-8! border-none!' : '',
+            ]"
+            :style="
+              tabStyle === 'tab-google'
+                ? {
+                    padding: item.fixedTab ? '0 10px' : '0 8px 0 12px',
+                    borderRadius: 'calc(var(--custom-radius) / 2.5 + 4px)',
+                  }
+                : {
+                    padding: item.fixedTab ? '0 10px' : '0 8px 0 12px',
+                    borderRadius: 'calc(var(--custom-radius) / 2.5 + 2px)',
+                  }
+            "
+            v-for="(item, index) in list"
+            :key="item.path"
+            :ref="item.path"
+            :id="`scroll-li-${index}`"
+            @click="clickTab(item)"
+            @click.middle.prevent="onMiddleClickClose(item)"
+            @contextmenu.prevent="(e: MouseEvent) => showMenu(e, item.path)"
+          >
+            <button
+              type="button"
+              class="worktab-star focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--el-color-primary) focus-visible:ring-offset-1 rounded"
+              :class="{ 'worktab-star--on': isQuickLinkBookmarked(item) }"
+              :title="
+                isQuickLinkBookmarked(item) ? t('worktab.bookmarkRemove') : t('worktab.bookmarkAdd')
+              "
+              @click.prevent.stop="toggleQuickBookmark(item)"
+            >
+              <FaSvgIcon
+                :icon="isQuickLinkBookmarked(item) ? 'ri:star-fill' : 'ri:star-line'"
+                class="text-sm"
+              />
+            </button>
+            <FaSvgIcon
+              v-show="item.icon"
+              :icon="item.icon"
+              class="text-base mr-1 shrink-0 group-hover:text-theme"
+              :class="[
+                item.path === activeTab ? 'text-theme' : '',
+                chromeTabStrip ? 'google-tab-route-icon' : 'text-g-600',
+              ]"
+            />
+            {{ item.customTitle || formatMenuTitle(item.title) }}
+            <FaSvgIcon
+              v-if="item.fixedTab"
+              icon="ri:pushpin-2-fill"
+              class="worktab-pin shrink-0 text-sm ml-0.5"
+            />
+            <span
+              v-if="list.length > 1 && !item.fixedTab"
+              class="worktab-close inline-flex flex items-center justify-center relative ml-0.5 rounded-full p-1 transition duration-200"
+              @click.stop="closeWorktab('current', item.path)"
+            >
+              <FaSvgIcon icon="ri:close-large-fill" class="text-[10px]" />
+            </span>
+            <div
+              v-if="chromeTabStrip && showGoogleTabDivider(index)"
+              class="worktab-google-divider"
+              aria-hidden="true"
+            />
+          </li>
+        </ul>
+      </div>
+
+      <!-- 竖线分格：用 scoped CSS 画线；divide-x 会被 .worktab-bar-btn { border:none } 盖掉 -->
+      <div class="worktab-toolbar-end flex shrink-0 items-stretch" aria-label="tab-toolbar-actions">
+        <button
+          v-if="tabOverflow"
+          type="button"
+          class="worktab-bar-btn worktab-bar-cell"
+          :title="t('worktab.scrollRight')"
+          @click="scrollTabs(-SCROLL_STEP)"
+        >
+          <FaSvgIcon icon="ri:arrow-right-double-line" class="text-lg text-current" />
+        </button>
+
+        <button
+          type="button"
+          class="worktab-bar-btn worktab-bar-cell"
+          :title="t('navbar.refreshCache')"
+          @click="handleRefreshCache"
+        >
+          <FaSvgIcon icon="ri:loop-right-line" class="text-base text-current" />
+        </button>
+
+        <button
+          type="button"
+          class="worktab-bar-btn worktab-bar-cell"
+          :title="t('worktab.menuMore')"
+          @click="(e: MouseEvent) => showMenu(e, activeTab)"
+        >
+          <FaSvgIcon icon="ri:apps-2-line" class="text-base text-current" />
+        </button>
+      </div>
+    </div>
+
+    <FaMenuRight
+      ref="menuRef"
+      :menu-items="menuItems"
+      :menu-width="140"
+      :border-radius="10"
+      @select="handleSelect"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+/**
+ * 工作栏标签页组件：多标签导航 + 右键菜单 + KeepAlive 缓存管理。
+ *
+ * 三种模式（通过 settingStore.tabStyle 切换）：
+ *   tab-default  —— 默认模式，独立标签卡
+ *   tab-card     —— 卡片模式，标签有圆角边框
+ *   tab-google   —— 谷歌模式，连体标签
+ *
+ * 核心流程：路由切换 → setWorktab (utils/navigation) 同步 → 本组件响应式渲染。
+ * 关闭/切换/Pin 操作全部通过 worktabStore 管理。
+ */
+import { computed, onMounted, ref, watch, nextTick, onUnmounted } from "vue";
+import { LocationQueryRaw, useRoute, useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+import { storeToRefs } from "pinia";
+import { ElMessage } from "element-plus";
+import { refreshAppCaches, useWorktabStore, useUserStore, useSettingsStore } from "@stores";
+import { MenuItemType } from "@/components/others/fa-menu-right/index.vue";
+import { useCommon } from "@/hooks/core/useCommon";
+import { formatMenuTitle, quickStartManager } from "@utils";
+import { WorkTab } from "@/types";
+
+defineOptions({ name: "FaWorkTab" });
+
+// 类型定义
+interface ScrollState {
+  translateX: number;
+  transition: string;
+}
+
+interface TouchState {
+  startX: number;
+  currentX: number;
+}
+
+type TabCloseType = "current" | "left" | "right" | "other" | "all";
+
+// 基础设置
+const { t } = useI18n();
+const store = useWorktabStore();
+const userStore = useUserStore();
+const route = useRoute();
+const router = useRouter();
+const { currentRoute } = router;
+const settingStore = useSettingsStore();
+const { tabStyle, showWorkTab } = storeToRefs(settingStore);
+
+/** tab-google：Chrome 顶栏标签（tab-default / tab-card 走原有样式） */
+const chromeTabStrip = computed(() => tabStyle.value === "tab-google");
+const isCardTabs = computed(() => tabStyle.value === "tab-card");
+
+// DOM 引用
+const scrollRef = ref<HTMLElement | null>(null);
+const tabsRef = ref<HTMLElement | null>(null);
+const menuRef = ref();
+
+// 状态管理
+const scrollState = ref<ScrollState>({
+  translateX: 0,
+  transition: "",
+});
+
+const touchState = ref<TouchState>({
+  startX: 0,
+  currentX: 0,
+});
+
+const clickedPath = ref("");
+
+/** 标签总宽度超过可视区时才显示左右滚动按钮（与常见控制台一致） */
+const tabOverflow = ref(false);
+
+function measureTabOverflow(): void {
+  requestAnimationFrame(() => {
+    const wrap = scrollRef.value;
+    const tabs = tabsRef.value;
+    if (!wrap || !tabs) {
+      tabOverflow.value = false;
+      return;
+    }
+    tabOverflow.value = tabs.scrollWidth > wrap.clientWidth + 1;
+  });
+}
+
+let tabOverflowResizeObserver: ResizeObserver | null = null;
+
+function setupTabOverflowObserver(): void {
+  teardownTabOverflowObserver();
+  if (typeof ResizeObserver === "undefined") return;
+  tabOverflowResizeObserver = new ResizeObserver(() => measureTabOverflow());
+  if (scrollRef.value) tabOverflowResizeObserver.observe(scrollRef.value);
+  if (tabsRef.value) tabOverflowResizeObserver.observe(tabsRef.value);
+}
+
+function teardownTabOverflowObserver(): void {
+  tabOverflowResizeObserver?.disconnect();
+  tabOverflowResizeObserver = null;
+}
+
+// 计算属性
+const list = computed(() => store.opened);
+const activeTab = computed(() => currentRoute.value.path);
+const activeTabIndex = computed(() => list.value.findIndex((tab) => tab.path === activeTab.value));
+
+// 右键菜单逻辑
+const useContextMenu = () => {
+  const getClickedTabInfo = () => {
+    const clickedIndex = list.value.findIndex((tab) => tab.path === clickedPath.value);
+    const currentTab = list.value[clickedIndex];
+
+    return {
+      clickedIndex,
+      currentTab,
+      isLastTab: clickedIndex === list.value.length - 1,
+      isOneTab: list.value.length === 1,
+      isCurrentTab: clickedPath.value === activeTab.value,
+    };
+  };
+
+  // 检查标签页是否固定
+  const checkTabsFixedStatus = (clickedIndex: number) => {
+    const leftTabs = list.value.slice(0, clickedIndex);
+    const rightTabs = list.value.slice(clickedIndex + 1);
+    const otherTabs = list.value.filter((_, index) => index !== clickedIndex);
+
+    return {
+      areAllLeftTabsFixed: leftTabs.length > 0 && leftTabs.every((tab) => tab.fixedTab),
+      areAllRightTabsFixed: rightTabs.length > 0 && rightTabs.every((tab) => tab.fixedTab),
+      areAllOtherTabsFixed: otherTabs.length > 0 && otherTabs.every((tab) => tab.fixedTab),
+      areAllTabsFixed: list.value.every((tab) => tab.fixedTab),
+    };
+  };
+
+  // 右键菜单选项
+  const menuItems = computed(() => {
+    const { clickedIndex, currentTab, isLastTab, isOneTab, isCurrentTab } = getClickedTabInfo();
+    const fixedStatus = checkTabsFixedStatus(clickedIndex);
+
+    return [
+      {
+        key: "refresh",
+        label: t("worktab.btn.refresh"),
+        icon: "ri:refresh-line",
+        disabled: !isCurrentTab,
+      },
+      {
+        key: "fixed",
+        label: currentTab?.fixedTab ? t("worktab.btn.unfixed") : t("worktab.btn.fixed"),
+        icon: "ri:pushpin-2-line",
+        disabled: false,
+        showLine: true,
+      },
+      {
+        key: "current",
+        label: t("worktab.btn.closeCurrent"),
+        icon: "ri:close-line",
+        disabled: !!currentTab?.fixedTab,
+      },
+      {
+        key: "left",
+        label: t("worktab.btn.closeLeft"),
+        icon: "ri:arrow-left-s-line",
+        disabled: clickedIndex === 0 || fixedStatus.areAllLeftTabsFixed,
+      },
+      {
+        key: "right",
+        label: t("worktab.btn.closeRight"),
+        icon: "ri:arrow-right-s-line",
+        disabled: isLastTab || fixedStatus.areAllRightTabsFixed,
+      },
+      {
+        key: "other",
+        label: t("worktab.btn.closeOther"),
+        icon: "ri:close-fill",
+        disabled: isOneTab || fixedStatus.areAllOtherTabsFixed,
+      },
+      {
+        key: "all",
+        label: t("worktab.btn.closeAll"),
+        icon: "ri:close-circle-line",
+        disabled: isOneTab || fixedStatus.areAllTabsFixed,
+      },
+    ];
+  });
+
+  return { menuItems };
+};
+
+// 滚动逻辑
+const useScrolling = () => {
+  const setTransition = () => {
+    scrollState.value.transition = "transform 0.5s cubic-bezier(0.15, 0, 0.15, 1)";
+    setTimeout(() => {
+      scrollState.value.transition = "";
+    }, 250);
+  };
+
+  const getCurrentTabElement = (): HTMLElement | null => {
+    return document.getElementById(`scroll-li-${activeTabIndex.value}`);
+  };
+
+  const calculateScrollPosition = () => {
+    if (!scrollRef.value || !tabsRef.value) return;
+
+    const scrollWidth = scrollRef.value.offsetWidth;
+    const ulWidth = tabsRef.value.offsetWidth;
+    const curTabEl = getCurrentTabElement();
+
+    if (!curTabEl) return;
+
+    const { offsetLeft, clientWidth } = curTabEl;
+    const curTabRight = offsetLeft + clientWidth;
+    const targetLeft = scrollWidth - curTabRight;
+
+    return {
+      scrollWidth,
+      ulWidth,
+      offsetLeft,
+      clientWidth,
+      curTabRight,
+      targetLeft,
+    };
+  };
+
+  const autoPositionTab = () => {
+    const positions = calculateScrollPosition();
+    if (!positions) return;
+
+    const { scrollWidth, ulWidth, offsetLeft, curTabRight, targetLeft } = positions;
+
+    if (
+      (offsetLeft > Math.abs(scrollState.value.translateX) && curTabRight <= scrollWidth) ||
+      (scrollState.value.translateX < targetLeft && targetLeft < 0)
+    ) {
+      return;
+    }
+
+    requestAnimationFrame(() => {
+      if (curTabRight > scrollWidth) {
+        scrollState.value.translateX = Math.max(targetLeft - 6, scrollWidth - ulWidth);
+      } else if (offsetLeft < Math.abs(scrollState.value.translateX)) {
+        scrollState.value.translateX = -offsetLeft;
+      }
+    });
+  };
+
+  const adjustPositionAfterClose = () => {
+    const positions = calculateScrollPosition();
+    if (!positions) return;
+
+    const { scrollWidth, ulWidth, offsetLeft, clientWidth } = positions;
+    const curTabLeft = offsetLeft + clientWidth;
+
+    requestAnimationFrame(() => {
+      scrollState.value.translateX = curTabLeft > scrollWidth ? scrollWidth - ulWidth : 0;
+    });
+  };
+
+  return {
+    setTransition,
+    autoPositionTab,
+    adjustPositionAfterClose,
+  };
+};
+
+// 事件处理逻辑
+const useEventHandlers = () => {
+  const { setTransition, adjustPositionAfterClose } = useScrolling();
+
+  const handleWheelScroll = (event: WheelEvent) => {
+    if (!scrollRef.value || !tabsRef.value) return;
+
+    event.preventDefault();
+
+    if (tabsRef.value.offsetWidth <= scrollRef.value.offsetWidth) return;
+
+    const xMax = 0;
+    const xMin = scrollRef.value.offsetWidth - tabsRef.value.offsetWidth;
+    const delta = Math.abs(event.deltaX) > Math.abs(event.deltaY) ? event.deltaX : event.deltaY;
+
+    scrollState.value.translateX = Math.min(
+      Math.max(scrollState.value.translateX - delta, xMin),
+      xMax
+    );
+  };
+
+  const handleTouchStart = (event: TouchEvent) => {
+    touchState.value.startX = event.touches[0]!.clientX;
+  };
+
+  const handleTouchMove = (event: TouchEvent) => {
+    if (!scrollRef.value || !tabsRef.value) return;
+
+    touchState.value.currentX = event.touches[0]!.clientX;
+    const deltaX = touchState.value.currentX - touchState.value.startX;
+    const xMin = scrollRef.value.offsetWidth - tabsRef.value.offsetWidth;
+
+    scrollState.value.translateX = Math.min(
+      Math.max(scrollState.value.translateX + deltaX, xMin),
+      0
+    );
+    touchState.value.startX = touchState.value.currentX;
+  };
+
+  const handleTouchEnd = () => {
+    setTransition();
+  };
+
+  const setupEventListeners = () => {
+    if (tabsRef.value) {
+      tabsRef.value.addEventListener("wheel", handleWheelScroll, { passive: false });
+      tabsRef.value.addEventListener("touchstart", handleTouchStart, { passive: true });
+      tabsRef.value.addEventListener("touchmove", handleTouchMove, { passive: true });
+      tabsRef.value.addEventListener("touchend", handleTouchEnd, { passive: true });
+    }
+  };
+
+  const cleanupEventListeners = () => {
+    if (tabsRef.value) {
+      tabsRef.value.removeEventListener("wheel", handleWheelScroll);
+      tabsRef.value.removeEventListener("touchstart", handleTouchStart);
+      tabsRef.value.removeEventListener("touchmove", handleTouchMove);
+      tabsRef.value.removeEventListener("touchend", handleTouchEnd);
+    }
+  };
+
+  return {
+    setupEventListeners,
+    cleanupEventListeners,
+    adjustPositionAfterClose,
+  };
+};
+
+// 标签页操作逻辑
+const useTabOperations = (adjustPositionAfterClose: () => void) => {
+  const clickTab = (item: WorkTab) => {
+    router.push({
+      path: item.path,
+      query: item.query as LocationQueryRaw,
+    });
+  };
+
+  const closeWorktab = (type: TabCloseType, tabPath: string) => {
+    const path = typeof tabPath === "string" ? tabPath : route.path;
+
+    const closeActions = {
+      current: () => store.removeTab(path),
+      left: () => store.removeLeft(path),
+      right: () => store.removeRight(path),
+      other: () => store.removeOthers(path),
+      all: () => store.removeAll(),
+    };
+
+    closeActions[type]?.();
+
+    setTimeout(() => {
+      adjustPositionAfterClose();
+    }, 100);
+  };
+
+  const showMenu = (e: MouseEvent, path?: string) => {
+    clickedPath.value = path || "";
+    menuRef.value?.show(e);
+    e.preventDefault();
+    e.stopPropagation();
+  };
+
+  const handleSelect = (item: MenuItemType) => {
+    const { key } = item;
+
+    if (key === "refresh") {
+      useCommon().refresh();
+      return;
+    }
+
+    if (key === "fixed") {
+      useWorktabStore().toggleFixedTab(clickedPath.value);
+      return;
+    }
+
+    const activeIndex = list.value.findIndex((tab) => tab.path === activeTab.value);
+    const clickedIndex = list.value.findIndex((tab) => tab.path === clickedPath.value);
+
+    const navigationRules = {
+      left: activeIndex < clickedIndex,
+      right: activeIndex > clickedIndex,
+      other: true,
+    } as const;
+
+    const shouldNavigate = navigationRules[key as keyof typeof navigationRules];
+
+    if (shouldNavigate) {
+      const dest = list.value.find((tab) => tab.path === clickedPath.value);
+      if (dest) {
+        router.push({
+          path: dest.path,
+          query: dest.query as LocationQueryRaw,
+        });
+      } else {
+        router.push(clickedPath.value);
+      }
+    }
+
+    closeWorktab(key as TabCloseType, clickedPath.value);
+  };
+
+  return {
+    clickTab,
+    closeWorktab,
+    showMenu,
+    handleSelect,
+  };
+};
+
+// 组合所有逻辑
+const { menuItems } = useContextMenu();
+const { setTransition, autoPositionTab } = useScrolling();
+const { setupEventListeners, cleanupEventListeners, adjustPositionAfterClose } = useEventHandlers();
+const { clickTab, closeWorktab, showMenu, handleSelect } =
+  useTabOperations(adjustPositionAfterClose);
+
+/** 标签横向滚动步长（px） */
+const SCROLL_STEP = 200;
+
+/**
+ * Chrome 条竖线：固定区右侧必显；其余仅在「两侧都未选中」时显示（与 Vben 类控制台一致，避免贴激活标签显得碎）
+ */
+function showGoogleTabDivider(index: number): boolean {
+  const tabs = list.value;
+  if (index <= 0 || index >= tabs.length) return false;
+  const prev = tabs[index - 1]!;
+  const cur = tabs[index]!;
+  if (prev.fixedTab && !cur.fixedTab) return true;
+  if (prev.path === activeTab.value || cur.path === activeTab.value) return false;
+  return true;
+}
+
+function scrollTabs(delta: number): void {
+  if (!scrollRef.value || !tabsRef.value) return;
+  const xMin = scrollRef.value.offsetWidth - tabsRef.value.offsetWidth;
+  const xMax = 0;
+  scrollState.value.translateX = Math.min(
+    Math.max(scrollState.value.translateX + delta, xMin),
+    xMax
+  );
+  setTransition();
+}
+
+const quickLinksRevision = ref(0);
+function onQuickLinksChanged(): void {
+  quickLinksRevision.value++;
+}
+
+function bookmarkHref(item: WorkTab): string {
+  const q = item.query as LocationQueryRaw | undefined;
+  if (!q || !Object.keys(q).length) return item.path;
+  const sp = new URLSearchParams();
+  Object.entries(q).forEach(([k, v]) => {
+    if (v === null || v === undefined) return;
+    if (Array.isArray(v)) v.forEach((x) => sp.append(k, String(x)));
+    else sp.set(k, String(v));
+  });
+  const s = sp.toString();
+  return s ? `${item.path}?${s}` : item.path;
+}
+
+function isQuickLinkBookmarked(item: WorkTab): boolean {
+  void quickLinksRevision.value;
+  return quickStartManager.isLinkExists(bookmarkHref(item));
+}
+
+function toggleQuickBookmark(item: WorkTab): void {
+  const href = bookmarkHref(item);
+  const title = item.customTitle || formatMenuTitle(item.title);
+  try {
+    if (quickStartManager.isLinkExists(href)) {
+      quickStartManager.removeQuickLinkByHref(href);
+      ElMessage.success(t("worktab.bookmarkRemoved"));
+    } else {
+      const link = quickStartManager.createQuickLinkFromRoute(
+        { ...item, title, fullPath: href, path: item.path },
+        title
+      );
+      link.href = href;
+      if (quickStartManager.addQuickLink(link)) {
+        ElMessage.success(t("worktab.bookmarkAdded"));
+      }
+    }
+  } catch (e) {
+    console.error(e);
+    ElMessage.error(t("worktab.bookmarkFail"));
+  }
+}
+
+function onMiddleClickClose(item: WorkTab): void {
+  if (!item.fixedTab && list.value.length > 1) {
+    closeWorktab("current", item.path);
+  }
+}
+
+async function handleRefreshCache(): Promise<void> {
+  try {
+    await refreshAppCaches();
+    useCommon().refresh();
+    ElMessage.success(t("worktab.refreshCacheDone"));
+  } catch (e) {
+    console.error(e);
+    ElMessage.error(t("worktab.refreshCacheFail"));
+  }
+}
+
+// 生命周期
+onMounted(() => {
+  setupEventListeners();
+  quickStartManager.addListener(onQuickLinksChanged);
+  autoPositionTab();
+  nextTick(() => {
+    measureTabOverflow();
+    setupTabOverflowObserver();
+  });
+  window.addEventListener("resize", measureTabOverflow);
+});
+
+onUnmounted(() => {
+  cleanupEventListeners();
+  quickStartManager.removeListener(onQuickLinksChanged);
+  teardownTabOverflowObserver();
+  window.removeEventListener("resize", measureTabOverflow);
+});
+
+// 监听器
+watch(tabOverflow, (overflow) => {
+  if (!overflow) {
+    scrollState.value.translateX = 0;
+  }
+});
+
+watch(list, () => nextTick(measureTabOverflow), { deep: true });
+
+watch(
+  () => currentRoute.value,
+  () => {
+    setTransition();
+    autoPositionTab();
+    nextTick(measureTabOverflow);
+  }
+);
+
+watch(
+  () => userStore.language,
+  () => {
+    scrollState.value.translateX = 0;
+    nextTick(() => {
+      autoPositionTab();
+      measureTabOverflow();
+    });
+  }
+);
+</script>
+
+<style scoped>
+/* 工具条：底边与内容区分界；顶边由顶部栏 border-b 承担，避免与标签条顶边双线 */
+.worktab-tags-shell {
+  /* 外壳 padding（py-1 / pt-1 pb-0）会让内部分割线出现上下缝隙；用变量让分割线延伸到 padding 区 */
+  --worktab-shell-pad-top: 4px;
+  --worktab-shell-pad-bottom: 4px;
+}
+
+/* Google 标签模式：外壳 padding + 激活块 / 主题变量（与下方 Chrome 弧角样式共用） */
+.worktab-tags-shell--google {
+  --worktab-shell-pad-top: 4px;
+  --worktab-shell-pad-bottom: 0px;
+  --worktab-google-active-bg: var(--el-fill-color-light);
+  --worktab-google-tab-muted: var(--el-text-color-regular);
+}
+
+.worktab-tags-bar {
+  background: var(--el-fill-color-blank);
+
+  /* 外壳已统一提供 border-b，避免不同模式出现双线/高度不一致 */
+  border: none;
+}
+
+.worktab-toolbar-end {
+  position: relative;
+  align-self: stretch;
+
+  /* 让工具按钮边框（分割线）撑满外壳高度 */
+  margin-top: calc(var(--worktab-shell-pad-top) * -1);
+  margin-bottom: calc(var(--worktab-shell-pad-bottom) * -1);
+}
+
+/* 工具区左侧分割线：拉满到标签栏高度 */
+.worktab-toolbar-end::before {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 1px;
+  content: "";
+  background: var(--el-border-color-lighter);
+}
+
+.dark .worktab-toolbar-end::before {
+  background: var(--fa-dark-border);
+}
+
+/* 工具区内部按钮分割线：拉满到标签栏高度 */
+.worktab-toolbar-end .worktab-bar-cell {
+  position: relative;
+
+  /* 让 hover/active 背景也覆盖到外壳 padding 区域（与左侧按钮一致的手感） */
+  padding-top: var(--worktab-shell-pad-top);
+  padding-bottom: var(--worktab-shell-pad-bottom);
+  margin-top: calc(var(--worktab-shell-pad-top) * -1);
+  margin-bottom: calc(var(--worktab-shell-pad-bottom) * -1);
+}
+
+.worktab-toolbar-end .worktab-bar-cell + .worktab-bar-cell::before {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 1px;
+  content: "";
+  background: var(--el-border-color-lighter);
+}
+
+.dark .worktab-toolbar-end .worktab-bar-cell + .worktab-bar-cell::before {
+  background: var(--fa-dark-border);
+}
+
+/*
+ * 工具区：单格无四边描边；悬停 / 按下仅在当前格矩形内铺底
+ */
+.worktab-tags-bar .worktab-bar-btn {
+  padding: 0;
+  margin: 0;
+  color: var(--el-text-color-regular);
+  cursor: pointer;
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  transition:
+    color 0.15s ease,
+    background-color 0.15s ease;
+}
+
+.worktab-tags-bar .worktab-bar-cell {
+  box-sizing: border-box;
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  align-self: stretch;
+  justify-content: center;
+  min-width: 2rem;
+  padding: 0 0.5rem;
+}
+
+.worktab-tags-bar .worktab-bar-cell--sep-r {
+  /* 左侧按钮分割线同样撑满外壳高度 */
+  margin-top: calc(var(--worktab-shell-pad-top) * -1);
+  margin-bottom: calc(var(--worktab-shell-pad-bottom) * -1);
+  border-right: 1px solid var(--el-border-color-lighter);
+}
+
+.worktab-tags-bar .worktab-bar-btn:hover {
+  color: var(--el-color-primary);
+  background-color: color-mix(in srgb, var(--el-color-primary) 10%, var(--el-fill-color-blank));
+}
+
+.worktab-tags-bar .worktab-bar-btn:active {
+  background-color: color-mix(in srgb, var(--el-color-primary) 16%, var(--el-fill-color-blank));
+}
+
+.worktab-tags-bar .worktab-bar-btn:focus-visible {
+  outline: none;
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--el-color-primary) 45%, transparent);
+}
+
+.dark .worktab-tags-bar .worktab-bar-btn {
+  color: var(--fa-dark-text);
+}
+
+.dark .worktab-tags-bar .worktab-bar-cell--sep-r {
+  border-right-color: var(--fa-dark-border);
+}
+
+.dark .worktab-tags-bar .worktab-bar-btn:hover {
+  color: var(--el-color-primary);
+  background-color: var(--fa-dark-hover);
+}
+
+.dark .worktab-tags-bar .worktab-bar-btn:active {
+  background-color: var(--fa-dark-active);
+}
+
+.dark .worktab-tags-bar .worktab-bar-btn:focus-visible {
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--el-color-primary) 55%, transparent);
+}
+
+/* tab-card：胶囊 + 轻阴影（仅 .worktab-tab--card；Chrome 由 .google-tab 负责） */
+.worktab-tab.worktab-tab--card {
+  gap: 6px;
+  background: color-mix(
+    in srgb,
+    var(--el-bg-color) 94%,
+    var(--el-text-color-regular) 6%
+  ) !important;
+  border: 1px solid color-mix(in srgb, var(--fa-card-border) 80%, transparent) !important;
+
+  /* 卡片模式圆角不要半圆：与默认一致 */
+  border-radius: calc(var(--custom-radius) / 2.5 + 2px) !important;
+  box-shadow:
+    0 1px 2px rgb(0 0 0 / 5%),
+    inset 0 1px 0 rgb(255 255 255 / 45%);
+  transition:
+    border-color 0.18s ease,
+    box-shadow 0.18s ease,
+    background 0.18s ease,
+    transform 0.15s ease;
+}
+
+.dark .worktab-tab.worktab-tab--card {
+  background: color-mix(
+    in srgb,
+    var(--el-bg-color-overlay) 92%,
+    var(--el-text-color-regular) 8%
+  ) !important;
+  border-color: color-mix(in srgb, var(--fa-card-border) 55%, transparent) !important;
+  box-shadow: 0 1px 4px rgb(0 0 0 / 35%);
+}
+
+.worktab-tab.worktab-tab--card:hover {
+  border-color: var(--el-border-color) !important;
+  transform: translateY(-0.5px);
+}
+
+.worktab-tab.worktab-tab--card.activ-tab {
+  background: color-mix(in srgb, var(--el-color-primary) 14%, var(--el-bg-color)) !important;
+  border-color: color-mix(in srgb, var(--el-color-primary) 50%, transparent) !important;
+  box-shadow:
+    0 2px 14px color-mix(in srgb, var(--el-color-primary) 20%, transparent),
+    inset 0 -1px 0 color-mix(in srgb, var(--el-color-primary) 28%, transparent);
+}
+
+/* 亮色：胶囊选中态与顶栏标签一致，用主题浅底 */
+html:not(.dark) .worktab-tab.worktab-tab--card.activ-tab {
+  background: var(--el-color-primary-light-9) !important;
+  border-color: var(--el-color-primary-light-7) !important;
+  box-shadow:
+    0 2px 14px color-mix(in srgb, var(--el-color-primary) 18%, transparent),
+    inset 0 -1px 0 color-mix(in srgb, var(--el-color-primary) 22%, transparent);
+}
+
+.worktab-star {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  padding: 2px;
+  margin: 0 2px 0 0;
+  color: var(--el-text-color-placeholder);
+  cursor: pointer;
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  opacity: 0.45;
+  transition:
+    opacity 0.15s ease,
+    color 0.15s ease,
+    transform 0.15s ease;
+}
+
+.group:hover .worktab-star,
+.worktab-star:hover {
+  opacity: 1;
+}
+
+.worktab-star:hover {
+  color: var(--el-color-primary);
+  transform: scale(1.06);
+}
+
+.worktab-star--on {
+  color: var(--el-color-primary);
+  opacity: 1;
+}
+
+.worktab-close {
+  color: var(--el-text-color-secondary);
+  opacity: 0.28;
+  transition:
+    opacity 0.15s ease,
+    background-color 0.15s ease,
+    color 0.15s ease;
+}
+
+.group:hover .worktab-close,
+.worktab-close:hover {
+  opacity: 1;
+}
+
+.worktab-close:hover {
+  color: var(--el-color-danger);
+  background-color: color-mix(in srgb, var(--el-color-danger) 12%, transparent) !important;
+}
+
+/* 亮色：当前选中标签条为主题浅底（::before/::after 弧角共用同一变量） */
+html:not(.dark) .worktab-tags-shell--google {
+  --worktab-google-active-bg: var(--el-color-primary-light-9);
+}
+
+.dark .worktab-tags-shell--google {
+  --worktab-google-active-bg: color-mix(in srgb, rgb(255 255 255) 15%, var(--el-bg-color) 85%);
+}
+
+.worktab-tags-shell--google .google-tab:not(.activ-tab) {
+  color: var(--worktab-google-tab-muted) !important;
+  background: transparent !important;
+}
+
+.worktab-tags-shell--google .google-tab:not(.activ-tab):hover {
+  box-sizing: border-box;
+  color: var(--el-text-color-primary) !important;
+  background-color: color-mix(in srgb, var(--el-text-color-primary) 8%, transparent) !important;
+  border-bottom: none !important;
+  border-radius: 6px 6px 0 0 !important;
+}
+
+.worktab-tags-shell--google .google-tab-route-icon:not(.text-theme) {
+  color: color-mix(in srgb, var(--worktab-google-tab-muted) 92%, transparent);
+}
+
+.worktab-tags-shell--google .google-tab.activ-tab {
+  color: var(--theme-color) !important;
+  background-color: var(--worktab-google-active-bg) !important;
+  border-bottom: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+
+.worktab-tags-shell--google .google-tab.activ-tab::before,
+.worktab-tags-shell--google .google-tab.activ-tab::after {
+  box-shadow: 0 0 0 30px var(--worktab-google-active-bg);
+}
+
+.worktab-google-divider {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 1px;
+  height: 14px;
+  pointer-events: none;
+  background: color-mix(in srgb, var(--el-border-color) 72%, transparent);
+  transform: translateY(-50%);
+  transition: opacity 0.15s ease;
+}
+
+.dark .worktab-tags-shell--google .worktab-google-divider {
+  background: var(--fa-dark-border-lighter);
+}
+
+/* 悬停当前标签：隐藏与本标签相邻的两条竖线（自身左缘 + 下一标签左缘） */
+.worktab-tags-shell--google .google-tab:hover .worktab-google-divider {
+  opacity: 0;
+}
+
+.worktab-tags-shell--google .google-tab:hover + .google-tab .worktab-google-divider {
+  opacity: 0;
+}
+
+/* 当前选中标签：与悬停一致，不展示左右相邻竖线 */
+.worktab-tags-shell--google .google-tab.activ-tab .worktab-google-divider {
+  opacity: 0;
+}
+
+.worktab-tags-shell--google .google-tab.activ-tab + .google-tab .worktab-google-divider {
+  opacity: 0;
+}
+
+/* 固定标签图钉（pushpin）：常用黄色，与路由菜单图标区分 */
+.worktab-pin {
+  color: var(--fa-tab-pin) !important;
+}
+
+.dark .worktab-pin {
+  color: var(--fa-tab-pin) !important;
+}
+
+.worktab-tags-shell--google .worktab-pin {
+  color: var(--fa-tab-pin) !important;
+}
+
+.dark .worktab-tags-shell--google .worktab-pin {
+  color: var(--fa-tab-pin) !important;
+}
+
+.group:hover .worktab-pin {
+  color: var(--fa-tab-pin-group-hover) !important;
+}
+
+.dark .group:hover .worktab-pin {
+  color: var(--fa-tab-pin-group-hover) !important;
+}
+
+.google-tab::before,
+.google-tab::after {
+  position: absolute;
+  bottom: 0;
+  width: 20px;
+  height: 20px;
+  content: "";
+  border-radius: 50%;
+  box-shadow: 0 0 0 30px transparent;
+}
+
+.google-tab::before {
+  left: -20px;
+  clip-path: inset(50% -10px 0 50%);
+}
+
+.google-tab::after {
+  right: -20px;
+  clip-path: inset(50% 50% 0 -10px);
+}
+
+@media only screen and (width <= 768px) {
+  .box-border.flex.justify-between {
+    padding-right: 0.625rem;
+    padding-left: 0.625rem;
+  }
+}
+
+@media only screen and (width <= 640px) {
+  .box-border.flex.justify-between {
+    padding-right: 0.9375rem;
+    padding-left: 0.9375rem;
+  }
+}
+</style>
diff --git a/src/components/layouts/index.vue b/src/components/layouts/index.vue
new file mode 100644
index 0000000..6997e27
--- /dev/null
+++ b/src/components/layouts/index.vue
@@ -0,0 +1,68 @@
+<!--
+  布局根容器：三区域结构
+    - #app-sidebar  ← 左侧菜单导航（收起/展开）
+    - #app-main     ← 右侧主区域（顶栏 + 页面内容）
+      - #app-header  顶栏（面包屑、搜索、通知、用户菜单）
+      - #app-content 页面内容（RouterView + 页签）
+    - #app-global   ← 全局浮层层（Toast、Modal、新手引导）
+-->
+<template>
+  <div class="app-layout">
+    <!-- 左侧菜单导航 -->
+    <aside id="app-sidebar">
+      <FaSidebarMenu />
+    </aside>
+
+    <!-- 右侧主区域 -->
+    <main id="app-main">
+      <div id="app-header">
+        <FaHeaderBar />
+      </div>
+      <div id="app-content">
+        <FaPageContent />
+      </div>
+    </main>
+
+    <!-- 全局浮层层（引导、通知等跨页面组件） -->
+    <div id="app-global">
+      <FaGlobalComponent />
+      <FaGuide v-if="guideVisible" v-model="guideVisible" @skip="onGuideFinished" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+/**
+ * 布局根组件 —— 组装侧栏、顶栏、页面内容、全局浮层。
+ *
+ * 依赖：
+ *   appStore.guideVisible    ← 控制新手指引显隐（session 级状态）
+ *   settingStore.showGuide   ← 用户是否关闭指引（持久化）
+ *
+ * 流程：
+ *   首次访问 → guideVisible=true → 用户完成/跳过指引 → onGuideFinished()
+ *   → settingStore.showGuide=false → 后续不再显示
+ */
+import { computed } from "vue";
+import { useAppStore, useSettingsStore } from "@stores";
+
+defineOptions({ name: "AppLayout" });
+
+const appStore = useAppStore();
+const settingStore = useSettingsStore();
+
+/** 新手指引显隐 —— session 级状态，首次登录/注册后自动弹出 */
+const guideVisible = computed({
+  get: () => appStore.guideVisible,
+  set: (v: boolean) => appStore.showGuide(v),
+});
+
+/** 指引完成后持久化标记「不再显示」 */
+function onGuideFinished(): void {
+  settingStore.updateSetting("showGuide", false);
+}
+</script>
+
+<style lang="scss" scoped>
+@use "./fa-layouts";
+</style>
diff --git a/src/components/media/fa-cutter-img/index.vue b/src/components/media/fa-cutter-img/index.vue
new file mode 100644
index 0000000..4926028
--- /dev/null
+++ b/src/components/media/fa-cutter-img/index.vue
@@ -0,0 +1,485 @@
+<!--
+  图片裁剪组件 - 基于 vue-img-cutter 封装
+  官方文档: https://gitee.com/GLUESTICK/vue-img-cutter
+
+  封装策略：
+  - 所有 ImgCutter 原生 prop 以对应名称透传（驼峰→短横线映射由 Vue 自动处理）
+  - 包装层额外提供 title/showPreview/previewTitle/downloadable 等增强功能
+  - 仅将 ImgCutter 原生 prop 通过 v-bind 传递，避免污染
+-->
+<template>
+  <div class="cutter-container">
+    <div class="cutter-component">
+      <div v-if="title" class="title">{{ title }}</div>
+      <ImgCutter
+        ref="imgCutterModal"
+        v-bind="imgCutterProps"
+        @cut-down="onCutDown"
+        @on-print-img="onPrintImg"
+        @on-choose-img="onChooseImg"
+        @on-clear-all="onClearAll"
+        @on-image-load-complete="onImageLoadComplete"
+        @on-image-load-error="onImageLoadError"
+        @error="onError"
+      >
+        <template #choose>
+          <ElButton type="primary" plain v-ripple>选择图片</ElButton>
+        </template>
+        <template #cancel>
+          <ElButton type="danger" plain v-ripple>清除</ElButton>
+        </template>
+        <template #confirm>
+          <div ref="confirmElRef" />
+        </template>
+      </ImgCutter>
+    </div>
+
+    <div v-if="showPreview" class="preview-container">
+      <div v-if="previewTitle" class="title">{{ previewTitle }}</div>
+      <div
+        class="preview-box"
+        :style="{
+          width: `${cutWidth}px`,
+          height: `${cutHeight}px`,
+        }"
+      >
+        <img v-if="temImgPath" class="preview-img" :src="temImgPath" alt="预览图" />
+      </div>
+      <div class="preview-actions">
+        <ElButton
+          v-if="downloadable"
+          class="download-btn"
+          :disabled="!temImgPath"
+          v-ripple
+          @click="handleDownload"
+        >
+          下载图片
+        </ElButton>
+        <ElButton type="primary" :disabled="!temImgPath" v-ripple @click="triggerCrop">
+          确定
+        </ElButton>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from "vue";
+import ImgCutter from "vue-img-cutter";
+import "vue-img-cutter/vue-img-cutter.css";
+
+defineOptions({ name: "FaCutterImg" });
+
+/* ============================================================
+ * Props
+ * ============================================================ */
+
+interface FaCutterImgProps {
+  // ── 包装层增强 ──
+  /** 裁剪区域标题 */
+  title?: string;
+  /** 是否显示预览区域 */
+  showPreview?: boolean;
+  /** 预览区域标题 */
+  previewTitle?: string;
+  /** 是否显示下载按钮 */
+  downloadable?: boolean;
+  /** 远程图片地址（支持 v-model） */
+  imgUrl?: string;
+
+  // ── ImgCutter 原生 prop ──
+  isModal?: boolean;
+  showChooseBtn?: boolean;
+  lockScroll?: boolean;
+  modalTitle?: string;
+  boxWidth?: number;
+  boxHeight?: number;
+  cutWidth?: number;
+  cutHeight?: number;
+  tool?: boolean;
+  toolBgc?: string;
+  sizeChange?: boolean;
+  moveAble?: boolean;
+  imgMove?: boolean;
+  originalGraph?: boolean;
+  crossOrigin?: boolean;
+  crossOriginHeader?: string;
+  rate?: string;
+  /** @deprecated 使用 watermarkText 代替 */
+  WatermarkText?: string;
+  /** 水印文字 */
+  watermarkText?: string;
+  /** 水印字体 (如 '12px Sans-serif') */
+  watermarkTextFont?: string;
+  /** 水印颜色 */
+  watermarkTextColor?: string;
+  /** 水印水平位置 (0-1) */
+  watermarkTextX?: number;
+  /** 水印垂直位置 (0-1) */
+  watermarkTextY?: number;
+  smallToUpload?: boolean;
+  saveCutPosition?: boolean;
+  scaleAble?: boolean;
+  toolBoxOverflow?: boolean;
+  index?: unknown;
+  previewMode?: boolean;
+  fileType?: "png" | "jpeg" | "webp";
+  quality?: number;
+  accept?: string;
+  afterChooseImg?: () => Promise<boolean>;
+}
+
+const props = withDefaults(defineProps<FaCutterImgProps>(), {
+  // ── 包装层 ──
+  title: "",
+  showPreview: true,
+  previewTitle: "",
+  downloadable: true,
+
+  // ── ImgCutter 默认值（对齐官方） ──
+  isModal: false,
+  showChooseBtn: true,
+  lockScroll: true,
+  modalTitle: "图片裁剪",
+  boxWidth: 800,
+  boxHeight: 400,
+  cutWidth: 200,
+  cutHeight: 200,
+  tool: true,
+  toolBgc: "#fff",
+  sizeChange: true,
+  moveAble: true,
+  imgMove: true,
+  originalGraph: false,
+  crossOrigin: false,
+  crossOriginHeader: "",
+  rate: undefined,
+  watermarkText: "",
+  watermarkTextFont: "12px Sans-serif",
+  watermarkTextColor: "#ffffff",
+  watermarkTextX: 0.95,
+  watermarkTextY: 0.95,
+  smallToUpload: false,
+  saveCutPosition: false,
+  scaleAble: true,
+  toolBoxOverflow: true,
+  index: undefined,
+  previewMode: true,
+  fileType: "png",
+  quality: 1,
+  accept: "image/gif, image/jpeg ,image/png",
+});
+
+/* ============================================================
+ * Emits
+ * ============================================================ */
+
+interface FaCutterImgEmits {
+  (e: "update:imgUrl", url: string): void;
+  (e: "cut-down", result: CutterResult): void;
+  (e: "error", error: Error): void;
+  (e: "choose-img", result: unknown): void;
+  (e: "print-img", result: { dataURL: string }): void;
+  (e: "clear-all"): void;
+  (e: "image-load-complete", result: unknown): void;
+  (e: "image-load-error", error: Error): void;
+}
+
+const emit = defineEmits<FaCutterImgEmits>();
+
+/* ============================================================
+ * Types
+ * ============================================================ */
+
+interface CutterResult {
+  fileName: string;
+  file: File;
+  blob: Blob;
+  dataURL: string;
+}
+
+/* ============================================================
+ * State
+ * ============================================================ */
+
+const temImgPath = ref("");
+const imgCutterModal = ref();
+const confirmElRef = ref<HTMLElement>();
+
+/* ============================================================
+ * Computed: pass only native ImgCutter props
+ * ============================================================ */
+
+const IMG_CUTTER_PROP_KEYS = new Set([
+  "isModal",
+  "showChooseBtn",
+  "lockScroll",
+  "modalTitle",
+  "boxWidth",
+  "boxHeight",
+  "cutWidth",
+  "cutHeight",
+  "tool",
+  "toolBgc",
+  "sizeChange",
+  "moveAble",
+  "imgMove",
+  "originalGraph",
+  "crossOrigin",
+  "crossOriginHeader",
+  "rate",
+  "WatermarkText",
+  "WatermarkTextFont",
+  "WatermarkTextColor",
+  "WatermarkTextX",
+  "WatermarkTextY",
+  "smallToUpload",
+  "saveCutPosition",
+  "scaleAble",
+  "toolBoxOverflow",
+  "index",
+  "previewMode",
+  "fileType",
+  "quality",
+  "accept",
+  "afterChooseImg",
+]);
+
+const imgCutterProps = computed(() => {
+  const result: Record<string, unknown> = {};
+
+  for (const key of IMG_CUTTER_PROP_KEYS) {
+    const k = key as keyof FaCutterImgProps;
+    if (props[k] != null) {
+      result[key] = props[k];
+    }
+  }
+
+  // 水印文字兼容 deprecated WatermarkText
+  if (props.watermarkText) {
+    result.WatermarkText = props.watermarkText;
+  }
+  // 水印字体映射
+  if (props.watermarkTextFont) {
+    result.WatermarkTextFont = props.watermarkTextFont;
+  }
+  // 水印颜色映射
+  if (props.watermarkTextColor) {
+    result.WatermarkTextColor = props.watermarkTextColor;
+  }
+  // 水印位置映射
+  if (props.watermarkTextX != null) {
+    result.WatermarkTextX = props.watermarkTextX;
+  }
+  if (props.watermarkTextY != null) {
+    result.WatermarkTextY = props.watermarkTextY;
+  }
+  // 比例映射
+  if (props.rate) {
+    result.rate = props.rate;
+  }
+
+  return result;
+});
+
+/* ============================================================
+ * Methods: ImgCutter 事件处理 → emit camelCase 事件
+ * ============================================================ */
+
+function onCutDown(result: CutterResult) {
+  emit("update:imgUrl", result.dataURL);
+  emit("cut-down", result);
+}
+
+function onPrintImg(result: { dataURL: string }) {
+  temImgPath.value = result.dataURL;
+  emit("print-img", result);
+}
+
+function onChooseImg(result: unknown) {
+  emit("choose-img", result);
+}
+
+function onClearAll() {
+  temImgPath.value = "";
+  emit("clear-all");
+}
+
+function onImageLoadComplete(result: unknown) {
+  emit("image-load-complete", result);
+}
+
+function onImageLoadError(error: Error) {
+  emit("error", error);
+  emit("image-load-error", error);
+}
+
+function onError(error: Error) {
+  emit("error", error);
+}
+
+/* ============================================================
+ * Methods: 图片预加载
+ * ============================================================ */
+
+function preloadImage(url: string): Promise<void> {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    img.onload = () => resolve();
+    img.onerror = reject;
+    img.src = url;
+  });
+}
+
+async function initImgCutter() {
+  if (props.imgUrl) {
+    try {
+      await preloadImage(props.imgUrl);
+      imgCutterModal.value?.handleOpen({
+        name: "封面图片",
+        src: props.imgUrl,
+      });
+    } catch (error) {
+      emit("error", error as Error);
+      console.error("图片加载失败:", error);
+    }
+  }
+}
+
+/* ============================================================
+ * Watch: imgUrl 变化
+ * ============================================================ */
+
+watch(
+  () => props.imgUrl,
+  (newVal) => {
+    if (newVal) {
+      temImgPath.value = newVal;
+      initImgCutter();
+    }
+  }
+);
+
+onMounted(() => {
+  if (props.imgUrl) {
+    temImgPath.value = props.imgUrl;
+    initImgCutter();
+  }
+});
+
+/* ============================================================
+ * Methods: 下载
+ * ============================================================ */
+
+function handleDownload() {
+  const a = document.createElement("a");
+  a.href = temImgPath.value;
+  a.download = "image.png";
+  a.click();
+}
+
+function triggerCrop() {
+  confirmElRef.value?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+}
+</script>
+
+<style lang="scss" scoped>
+.cutter-container {
+  display: flex;
+  flex-flow: row wrap;
+
+  .title {
+    padding-bottom: 10px;
+    font-size: 18px;
+    font-weight: 500;
+  }
+
+  .cutter-component {
+    margin-right: 30px;
+  }
+
+  .preview-container {
+    .preview-box {
+      background-color: var(--art-active-color) !important;
+
+      .preview-img {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+      }
+    }
+
+    .preview-actions {
+      display: flex;
+      gap: 12px;
+      justify-content: center;
+      margin-top: 20px;
+    }
+  }
+
+  :deep(.toolBoxControl) {
+    z-index: 100;
+  }
+
+  :deep(.dockMain) {
+    right: 0;
+    bottom: -40px;
+    left: 0;
+    z-index: 10;
+    padding: 0;
+    background-color: transparent !important;
+    opacity: 1;
+  }
+
+  :deep(.copyright) {
+    display: none !important;
+  }
+
+  :deep(.i-dialog-footer) {
+    margin-top: 60px !important;
+  }
+
+  :deep(.dockBtn) {
+    height: 26px;
+    padding: 0 10px;
+    font-size: 12px;
+    line-height: 26px;
+    color: var(--el-color-primary) !important;
+    background-color: var(--el-color-primary-light-9) !important;
+    border: 1px solid var(--el-color-primary-light-4) !important;
+  }
+
+  :deep(.dockBtnScrollBar) {
+    margin: 0 10px 0 6px;
+    background-color: var(--el-color-primary-light-1);
+  }
+
+  :deep(.scrollBarControl) {
+    border-color: var(--el-color-primary);
+  }
+
+  :deep(.closeIcon) {
+    line-height: 15px !important;
+  }
+}
+
+.dark {
+  .cutter-container {
+    :deep(.toolBox) {
+      border: transparent;
+    }
+
+    :deep(.dialogMain) {
+      background-color: transparent !important;
+    }
+
+    :deep(.i-dialog-footer) {
+      .btn {
+        background-color: var(--el-color-primary) !important;
+        border: transparent;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/media/fa-video-player/index.vue b/src/components/media/fa-video-player/index.vue
new file mode 100644
index 0000000..a621e1c
--- /dev/null
+++ b/src/components/media/fa-video-player/index.vue
@@ -0,0 +1,149 @@
+<!-- 视频播放器组件：https://h5player.bytedance.com/-->
+<template>
+  <div :id="playerId" />
+</template>
+
+<script setup lang="ts">
+import Player from "xgplayer";
+import "xgplayer/dist/index.min.css";
+
+defineOptions({ name: "FaVideoPlayer" });
+
+interface Props {
+  /** 播放器容器 ID */
+  playerId?: string;
+  /** 视频源URL */
+  videoUrl?: string;
+  /** 视频封面图URL */
+  posterUrl?: string;
+  /** 是否自动播放 */
+  autoplay?: boolean;
+  /** 音量大小(0-1) */
+  volume?: number;
+  /** 可选的播放速率 */
+  playbackRates?: number[];
+  /** 是否循环播放 */
+  loop?: boolean;
+  /** 是否静音 */
+  muted?: boolean;
+  commonStyle?: VideoPlayerStyle;
+}
+
+const emit = defineEmits<{
+  play: [];
+  pause: [];
+}>();
+
+const props = withDefaults(defineProps<Props>(), {
+  playerId: "",
+  videoUrl: "",
+  posterUrl: "",
+  autoplay: false,
+  volume: 1,
+  loop: false,
+  muted: false,
+});
+
+// 设置属性默认值
+
+// 播放器实例引用
+const playerInstance = ref<Player | null>(null);
+
+// 播放器样式接口定义
+interface VideoPlayerStyle {
+  progressColor?: string; // 进度条背景色
+  playedColor?: string; // 已播放部分颜色
+  cachedColor?: string; // 缓存部分颜色
+  sliderBtnStyle?: Record<string, string>; // 滑块按钮样式
+  volumeColor?: string; // 音量控制器颜色
+}
+
+// 默认样式配置
+const defaultStyle: VideoPlayerStyle = {
+  progressColor: "rgba(255, 255, 255, 0.3)",
+  playedColor: "#00AEED",
+  cachedColor: "rgba(255, 255, 255, 0.6)",
+  sliderBtnStyle: {
+    width: "10px",
+    height: "10px",
+    backgroundColor: "#00AEED",
+  },
+  volumeColor: "#00AEED",
+};
+
+// 组件挂载时初始化播放器
+onMounted(() => {
+  playerInstance.value = new Player({
+    id: props.playerId,
+    lang: "zh", // 设置界面语言为中文
+    volume: props.volume,
+    autoplay: props.autoplay,
+    screenShot: true, // 启用截图功能
+    url: props.videoUrl,
+    poster: props.posterUrl,
+    fluid: true, // 启用流式布局，自适应容器大小
+    playbackRate: props.playbackRates,
+    loop: props.loop,
+    muted: props.muted,
+    commonStyle: {
+      ...defaultStyle,
+      ...props.commonStyle,
+    },
+  });
+
+  // 播放事件监听器
+  playerInstance.value.on("play", () => {
+    emit("play");
+  });
+
+  // 暂停事件监听器
+  playerInstance.value.on("pause", () => {
+    emit("pause");
+  });
+
+  // 错误事件监听器
+  playerInstance.value.on("error", (error) => {
+    console.error("Error occurred:", error);
+  });
+});
+
+// 组件卸载前清理播放器实例
+onBeforeUnmount(() => {
+  if (playerInstance.value) {
+    playerInstance.value.destroy();
+  }
+});
+</script>
+
+<!-- <template>
+  <div class="page-content">
+    <div class="max-w-150">
+      <FaVideoPlayer
+        playerId="my-video-1"
+        :videoUrl="videoUrl"
+        :posterUrl="posterUrl"
+        :autoplay="false"
+        :volume="1"
+        :playbackRates="[0.5, 1, 1.5, 2]"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import lockImg from "@imgs/lock/bg_dark.webp";
+
+defineOptions({ name: "FaVideoPlayerDemo" });
+
+/**
+ * 视频源 URL
+ */
+const videoUrl = ref(
+  "//lf3-static.bytednsdoc.com/obj/eden-cn/nupenuvpxnuvo/xgplayer_doc/xgplayer-demo.mp4"
+);
+
+/**
+ * 视频封面图片 URL
+ */
+const posterUrl = ref(lockImg);
+</script> -->
diff --git a/src/components/modal/fa-dialog/index.vue b/src/components/modal/fa-dialog/index.vue
new file mode 100644
index 0000000..d884622
--- /dev/null
+++ b/src/components/modal/fa-dialog/index.vue
@@ -0,0 +1,166 @@
+<template>
+  <ElDialog
+    v-model="visible"
+    :width="width"
+    :draggable="draggable"
+    :fullscreen="fullscreen"
+    :show-close="false"
+    :class="dialogClass"
+    :modal-class="modalClass"
+    align-center
+    destroy-on-close
+    v-bind="dialogAttrs"
+    @close="emit('close')"
+    @closed="emit('closed')"
+    @opened="emit('opened')"
+  >
+    <template #header="{ titleId, titleClass, close }">
+      <div class="core-overlay-dialog__header">
+        <span :id="titleId" :class="titleClass">{{ title }}</span>
+        <div class="core-overlay-dialog__actions">
+          <ElTooltip :content="fullscreen ? '还原' : '全屏'" placement="top">
+            <FaIconButton
+              class="core-overlay-icon-btn"
+              :icon="fullscreen ? 'ri:fullscreen-exit-line' : 'ri:fullscreen-fill'"
+              @click="fullscreen = !fullscreen"
+            />
+          </ElTooltip>
+          <ElTooltip content="关闭" placement="top">
+            <FaIconButton class="core-overlay-icon-btn" icon="ri:close-line" @click="close" />
+          </ElTooltip>
+        </div>
+      </div>
+    </template>
+    <slot />
+    <template v-if="$slots.footer" #footer>
+      <slot name="footer" />
+    </template>
+    <template v-else-if="formMode" #footer>
+      <div class="fa-dialog-footer" :style="'padding-right: var(--el-dialog-padding-primary)'">
+        <ElButton v-if="formMode !== 'detail'" type="primary" plain @click="emit('cancel')">
+          {{ cancelText }}
+        </ElButton>
+        <ElButton type="primary" :loading="confirmLoading" @click="emit('confirm')">
+          {{ confirmText }}
+        </ElButton>
+      </div>
+    </template>
+  </ElDialog>
+</template>
+
+<script setup lang="ts">
+import type { DialogProps } from "element-plus";
+import { computed, ref, useAttrs, watch } from "vue";
+import FaIconButton from "@/components/widget/fa-icon-button/index.vue";
+
+defineOptions({ name: "FaDialog", inheritAttrs: false });
+
+interface Props {
+  modelValue: boolean;
+  title?: string;
+  width?: string | number;
+  /** 默认可拖拽；全屏时 Element Plus 会限制拖拽 */
+  draggable?: boolean;
+  /** 透传到 el-dialog 的 class */
+  dialogClass?: string;
+  /** 遮罩层自定义 class */
+  modalClass?: string;
+  /** 表单模式：detail 仅显示确定；create/update 显示取消+确定 */
+  formMode?: "detail" | "create" | "update";
+  /** 确定按钮 loading 状态 */
+  confirmLoading?: boolean;
+  /** 确定按钮文本 */
+  confirmText?: string;
+  /** 取消按钮文本 */
+  cancelText?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  draggable: true,
+  confirmText: "确定",
+  cancelText: "取消",
+});
+
+interface Emits {
+  "update:modelValue": [v: boolean];
+  close: [];
+  closed: [];
+  opened: [];
+  "fullscreen-change": [isFullscreen: boolean];
+  /** 点击取消按钮 */
+  cancel: [];
+  /** 点击确定按钮 */
+  confirm: [];
+}
+
+const emit = defineEmits<Emits>();
+
+const attrs = useAttrs();
+const fullscreen = ref(false);
+
+watch(fullscreen, (newVal) => {
+  emit("fullscreen-change", newVal);
+});
+
+const dialogClass = computed(() => {
+  const a = attrs.class;
+  return [props.dialogClass, a].filter(Boolean);
+});
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v: boolean) => emit("update:modelValue", v),
+});
+
+/** 透传除 modelValue 外的 el-dialog 属性（如 top、modal-class、append-to-body 等） */
+const dialogAttrs = computed(() => {
+  const a = { ...attrs } as Record<string, unknown>;
+  delete a.class;
+  return a as Partial<Omit<DialogProps, "modelValue">>;
+});
+</script>
+
+<style scoped lang="scss">
+.core-overlay-dialog__header {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding-right: 4px;
+}
+
+.fa-dialog-footer {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+
+  :deep(.el-button) {
+    transition: all 0.2s ease;
+
+    &:hover {
+      box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
+      transform: translateY(-2px);
+    }
+  }
+}
+
+.core-overlay-dialog__actions {
+  display: inline-flex;
+  flex-shrink: 0;
+  gap: 4px;
+  align-items: center;
+  margin-left: auto;
+
+  :deep(.core-overlay-icon-btn) {
+    min-width: 32px;
+    padding: 6px;
+    border-radius: var(--el-border-radius-base);
+
+    &:hover {
+      color: var(--theme-color);
+    }
+  }
+}
+</style>
diff --git a/src/components/modal/fa-drawer/index.vue b/src/components/modal/fa-drawer/index.vue
new file mode 100644
index 0000000..c87e774
--- /dev/null
+++ b/src/components/modal/fa-drawer/index.vue
@@ -0,0 +1,155 @@
+<template>
+  <ElDrawer
+    v-model="visible"
+    :size="size"
+    :direction="direction"
+    :show-close="false"
+    :class="drawerClassMerged"
+    destroy-on-close
+    v-bind="drawerAttrs"
+    @close="emit('close')"
+    @opened="emit('opened')"
+  >
+    <template #header>
+      <div class="core-overlay-drawer__header">
+        <span class="core-overlay-drawer__title">{{ title }}</span>
+        <div class="core-overlay-drawer__actions">
+          <ElTooltip content="关闭" placement="top">
+            <FaIconButton
+              class="core-overlay-icon-btn"
+              icon="ri:close-line"
+              @click="visible = false"
+            />
+          </ElTooltip>
+        </div>
+      </div>
+    </template>
+    <slot />
+    <template v-if="$slots.footer" #footer>
+      <slot name="footer" />
+    </template>
+    <template v-else-if="formMode" #footer>
+      <div class="fa-drawer-footer" :style="'padding-right: var(--el-drawer-padding-primary)'">
+        <ElButton v-if="formMode !== 'detail'" @click="emit('cancel')">
+          {{ cancelText }}
+        </ElButton>
+        <ElButton type="primary" :loading="confirmLoading" @click="emit('confirm')">
+          {{ confirmText }}
+        </ElButton>
+      </div>
+    </template>
+  </ElDrawer>
+</template>
+
+<script setup lang="ts">
+import type { DrawerProps } from "element-plus";
+import { computed, useAttrs } from "vue";
+import FaIconButton from "@/components/widget/fa-icon-button/index.vue";
+
+defineOptions({ name: "FaDrawer", inheritAttrs: false });
+
+interface Props {
+  modelValue: boolean;
+  title?: string;
+  size?: string | number;
+  direction?: "rtl" | "ltr" | "ttb" | "btt";
+  /** 透传到 el-drawer 的 class */
+  drawerClass?: string;
+  /** 表单模式：detail 仅显示确定；create/update 显示取消+确定 */
+  formMode?: "detail" | "create" | "update";
+  /** 确定按钮 loading 状态 */
+  confirmLoading?: boolean;
+  /** 确定按钮文本 */
+  confirmText?: string;
+  /** 取消按钮文本 */
+  cancelText?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  direction: "rtl",
+  confirmText: "确定",
+  cancelText: "取消",
+});
+
+interface Emits {
+  "update:modelValue": [v: boolean];
+  close: [];
+  opened: [];
+  /** 点击取消按钮 */
+  cancel: [];
+  /** 点击确定按钮 */
+  confirm: [];
+}
+
+const emit = defineEmits<Emits>();
+
+const attrs = useAttrs();
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v: boolean) => emit("update:modelValue", v),
+});
+
+const drawerClassMerged = computed(() => {
+  const a = attrs.class;
+  return [props.drawerClass, a].filter(Boolean);
+});
+
+const drawerAttrs = computed(() => {
+  const a = { ...attrs } as Record<string, unknown>;
+  delete a.class;
+  return a as Partial<Omit<DrawerProps, "modelValue">>;
+});
+</script>
+
+<style scoped lang="scss">
+.core-overlay-drawer__header {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding-right: 4px;
+}
+
+.core-overlay-drawer__title {
+  font-size: 16px;
+  font-weight: 500;
+  color: var(--el-text-color-primary);
+}
+
+.fa-drawer-footer {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+  padding-top: 4px;
+
+  :deep(.el-button) {
+    transition: all 0.2s ease;
+
+    &:hover {
+      box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
+      transform: translateY(-2px);
+    }
+  }
+}
+
+.core-overlay-drawer__actions {
+  display: inline-flex;
+  flex-shrink: 0;
+  gap: 4px;
+  align-items: center;
+  margin-left: auto;
+
+  :deep(.core-overlay-icon-btn) {
+    min-width: 32px;
+    padding: 6px;
+    border-radius: var(--el-border-radius-base);
+
+    &:hover {
+      color: var(--theme-color);
+    }
+  }
+}
+</style>
diff --git a/src/components/modal/fa-export-dialog/index.vue b/src/components/modal/fa-export-dialog/index.vue
new file mode 100644
index 0000000..bb0cee4
--- /dev/null
+++ b/src/components/modal/fa-export-dialog/index.vue
@@ -0,0 +1,274 @@
+<template>
+  <div class="crud-export-modal-host">
+    <!-- 导出弹窗 -->
+    <FaDialog
+      v-model="exportsModalVisible"
+      title="导出数据"
+      width="600px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      @close="handleCloseExportsModal"
+    >
+      <!-- 滚动 -->
+      <ElScrollbar max-height="60vh">
+        <!-- 表单 -->
+        <ElForm
+          ref="exportsFormRef"
+          :style="'padding-right: var(--el-dialog-padding-primary)'"
+          :model="exportsFormData"
+          :rules="exportsFormRules"
+        >
+          <ElFormItem label="文件名" prop="filename">
+            <ElInput v-model="exportsFormData.filename" placeholder="请输入文件名" clearable />
+          </ElFormItem>
+          <ElFormItem label="工作表名" prop="sheetname">
+            <ElInput v-model="exportsFormData.sheetname" placeholder="请输入工作表名" clearable />
+          </ElFormItem>
+          <ElFormItem label="数据源" prop="origin">
+            <ElSelect v-model="exportsFormData.origin">
+              <ElOption
+                label="当前数据 (当前页的数据)"
+                :value="ExportsOriginEnum.CURRENT"
+                :disabled="!pageData?.length"
+              />
+              <ElOption
+                label="选中数据 (所有选中的数据)"
+                :value="ExportsOriginEnum.SELECTED"
+                :disabled="!selectionData?.length"
+              />
+              <ElOption
+                label="全量数据 (所有分页的数据)"
+                :value="ExportsOriginEnum.REMOTE"
+                :disabled="!remoteExportEnabled"
+              />
+            </ElSelect>
+          </ElFormItem>
+          <ElFormItem label="字段" prop="fields">
+            <ElCheckboxGroup v-model="exportsFormData.fields">
+              <template v-for="col in cols" :key="col.prop">
+                <ElCheckbox v-if="col.prop" :value="col.prop" :label="col.label" />
+              </template>
+            </ElCheckboxGroup>
+          </ElFormItem>
+        </ElForm>
+      </ElScrollbar>
+      <!-- 弹窗底部操作按钮 -->
+      <template #footer>
+        <div :style="'padding-right: var(--el-dialog-padding-primary)'">
+          <ElButton type="primary" @click="handleExportsSubmit">确 定</ElButton>
+          <ElButton @click="handleCloseExportsModal">取 消</ElButton>
+        </div>
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import ExcelJS from "exceljs";
+import type { IContentConfig, IObject } from "@/components/modal/types";
+import { useThrottleFn } from "@vueuse/core";
+import { type FormInstance, type FormRules, ElMessage } from "element-plus";
+import { nextTick, ref, reactive, computed } from "vue";
+
+defineOptions({ name: "FaExportDialog", inheritAttrs: false });
+
+function saveBlobDownload(blob: Blob, rawName: string) {
+  const name = /\.xlsx?$/i.test(rawName) ? rawName : `${rawName}.xlsx`;
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+
+/**
+ * 导出模态框组件属性定义
+ */
+interface Props {
+  /** 内容配置 */
+  contentConfig: Pick<
+    IContentConfig,
+    "permPrefix" | "cols" | "exportsAction" | "exportsBlobAction"
+  >;
+  /** 查询参数 */
+  queryParams?: IObject;
+  /** 页面数据 */
+  pageData?: IObject[];
+  /** 选中数据 */
+  selectionData?: IObject[];
+}
+
+// 定义接收的属性
+const props = withDefaults(defineProps<Props>(), {});
+
+const remoteExportEnabled = computed(
+  () => !!(props.contentConfig.exportsAction || props.contentConfig.exportsBlobAction)
+);
+
+// 定义模型值（控制弹窗显示/隐藏）
+const exportsModalVisible = defineModel<boolean>("modelValue", {
+  required: true,
+  default: false,
+});
+
+/**
+ * 导出数据源枚举
+ */
+enum ExportsOriginEnum {
+  /** 当前数据 */
+  CURRENT = "current",
+  /** 选中数据 */
+  SELECTED = "selected",
+  /** 远程数据 */
+  REMOTE = "remote",
+}
+
+const exportsFormRef = ref<FormInstance>();
+const exportsFormData = reactive({
+  filename: "",
+  sheetname: "",
+  fields: [] as string[],
+  origin: ExportsOriginEnum.CURRENT,
+});
+const exportsFormRules: FormRules = {
+  fields: [{ required: true, message: "请选择字段" }],
+  origin: [{ required: true, message: "请选择数据源" }],
+};
+
+// 表格列
+const cols = computed(() =>
+  props.contentConfig.cols.map((col) => {
+    if (col.initFn) {
+      col.initFn(col);
+    }
+    if (col.show === undefined) {
+      col.show = true;
+    }
+    if (col.prop !== undefined && col.columnKey === undefined && col["column-key"] === undefined) {
+      col.columnKey = col.prop;
+    }
+    if (
+      col.type === "selection" &&
+      col.reserveSelection === undefined &&
+      col["reserve-selection"] === undefined
+    ) {
+      // 配合表格row-key实现跨页多选
+      col.reserveSelection = true;
+    }
+    return col;
+  })
+);
+
+// 初始化字段
+const initFields = () => {
+  const fields: string[] = [];
+  cols.value.forEach((item) => {
+    if (item.prop !== undefined) {
+      fields.push(item.prop);
+    }
+  });
+  exportsFormData.fields = fields;
+};
+
+// 初始化
+initFields();
+
+// 关闭导出弹窗
+function handleCloseExportsModal() {
+  exportsModalVisible.value = false;
+  exportsFormRef.value?.resetFields();
+  nextTick(() => {
+    exportsFormRef.value?.clearValidate();
+  });
+}
+
+// 导出
+async function handleExports() {
+  try {
+    const filename = exportsFormData.filename
+      ? exportsFormData.filename
+      : props.contentConfig.permPrefix || "export";
+    const sheetname = exportsFormData.sheetname ? exportsFormData.sheetname : "sheet";
+    const workbook = new ExcelJS.Workbook();
+    const worksheet = workbook.addWorksheet(sheetname);
+    const columns: Partial<ExcelJS.Column>[] = [];
+    cols.value.forEach((col) => {
+      if (col.label && col.prop && exportsFormData.fields.includes(col.prop)) {
+        columns.push({ header: col.label, key: col.prop });
+      }
+    });
+    worksheet.columns = columns;
+
+    if (exportsFormData.origin === ExportsOriginEnum.REMOTE) {
+      const lastFormData = props.queryParams ?? {};
+      if (props.contentConfig.exportsBlobAction) {
+        const blob = await props.contentConfig.exportsBlobAction(lastFormData);
+        saveBlobDownload(blob, filename as string);
+        ElMessage.success("导出成功");
+        return;
+      }
+      if (props.contentConfig.exportsAction) {
+        const res = await props.contentConfig.exportsAction(lastFormData);
+        worksheet.addRows(res);
+        const buffer = await workbook.xlsx.writeBuffer();
+        saveXlsx(buffer, filename as string);
+      } else {
+        ElMessage.error("未配置 exportsAction 或 exportsBlobAction");
+      }
+    } else if (exportsFormData.origin === ExportsOriginEnum.SELECTED) {
+      const rows = props.selectionData ?? [];
+      worksheet.addRows(rows);
+      const buffer = await workbook.xlsx.writeBuffer();
+      saveXlsx(buffer, filename as string);
+    } else {
+      const rows = props.pageData ?? [];
+      worksheet.addRows(rows);
+      const buffer = await workbook.xlsx.writeBuffer();
+      saveXlsx(buffer, filename as string);
+    }
+  } catch (error) {
+    console.error("导出失败:", error);
+    ElMessage.error("导出失败");
+  }
+}
+
+// 导出确认
+const handleExportsSubmit = useThrottleFn(() => {
+  exportsFormRef.value?.validate((valid: boolean) => {
+    if (valid) {
+      handleExports();
+      handleCloseExportsModal();
+    }
+  });
+}, 3000);
+
+// 浏览器保存文件
+function saveXlsx(fileData: any, fileName: string) {
+  try {
+    const fileType =
+      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8";
+
+    const blob = new Blob([fileData], { type: fileType });
+    const downloadUrl = window.URL.createObjectURL(blob);
+
+    const downloadLink = document.createElement("a");
+    downloadLink.href = downloadUrl;
+    downloadLink.download = fileName;
+
+    document.body.appendChild(downloadLink);
+    downloadLink.click();
+
+    document.body.removeChild(downloadLink);
+    window.URL.revokeObjectURL(downloadUrl);
+  } catch (error) {
+    console.error("保存文件失败:", error);
+    ElMessage.error("保存文件失败");
+  }
+}
+
+// 提供给父组件的方法
+defineExpose({
+  handleCloseExportsModal,
+});
+</script>
diff --git a/src/components/modal/fa-import-dialog/index.vue b/src/components/modal/fa-import-dialog/index.vue
new file mode 100644
index 0000000..645d75a
--- /dev/null
+++ b/src/components/modal/fa-import-dialog/index.vue
@@ -0,0 +1,324 @@
+<template>
+  <div class="crud-import-modal-host">
+    <!-- 导入弹窗 -->
+    <FaDialog
+      v-model="importModalVisible"
+      :title="props.title"
+      :width="props.width"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      @close="handleClose"
+    >
+      <!-- 滚动 -->
+      <ElScrollbar :max-height="props.maxHeight">
+        <!-- 表单 -->
+        <ElForm
+          ref="importFormRef"
+          :style="'padding-right: var(--el-dialog-padding-primary)'"
+          :model="importFormData"
+          :rules="importFormRules"
+        >
+          <ElFormItem prop="files">
+            <ElUpload
+              ref="uploadRef"
+              v-model:file-list="importFormData.files"
+              class="w-full"
+              :accept="props.accept"
+              :drag="true"
+              :limit="props.limit"
+              :auto-upload="false"
+              :on-exceed="handleFileExceed"
+            >
+              <ElIcon class="el-icon--upload"><UploadFilled /></ElIcon>
+              <div class="el-upload__text">
+                {{ props.dropText || "将文件拖到此处，或" }}
+                <em>{{ props.browseText || "点击上传" }}</em>
+              </div>
+              <template #tip>
+                <div class="el-upload__tip flex flex-wrap gap-2">
+                  <ElText v-if="props.note" type="warning" class="mx-1">{{ props.note }}</ElText>
+                  <ElText v-if="props.fileTypeWarning" type="danger" class="mx-1">
+                    {{ props.fileTypeWarning }}
+                  </ElText>
+                  <ElLink
+                    v-if="props.showTemplateDownload"
+                    v-hasPerm="[`${props.contentConfig.permPrefix}:download`]"
+                    class="mx-1 inline-flex items-center gap-0.5"
+                    type="primary"
+                    underline="never"
+                    @click="handleDownloadTemplate"
+                  >
+                    <ElIcon class="text-base"><Download /></ElIcon>
+                    <span>{{ props.templateDownloadText || "下载模板" }}</span>
+                  </ElLink>
+                </div>
+              </template>
+            </ElUpload>
+          </ElFormItem>
+        </ElForm>
+      </ElScrollbar>
+      <template #footer>
+        <div :style="'padding-right: var(--el-dialog-padding-primary)'">
+          <ElButton @click="handleClose">{{ props.cancelButtonText || "取 消" }}</ElButton>
+          <ElButton
+            type="primary"
+            :disabled="importFormData.files.length === 0 || props.loading"
+            :loading="props.loading"
+            @click="handleUpload"
+          >
+            {{ props.confirmButtonText || "确 定" }}
+          </ElButton>
+        </div>
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { Download, UploadFilled } from "@element-plus/icons-vue";
+import { ElMessage, type UploadUserFile } from "element-plus";
+import { ref, reactive } from "vue";
+import type { IContentConfig, IObject } from "@/components/modal/types";
+
+defineOptions({ name: "FaImportDialog", inheritAttrs: false });
+
+/**
+ * 导入模态框组件属性定义
+ */
+interface Props {
+  /**
+   * 弹窗标题
+   */
+  title?: string;
+
+  /**
+   * 弹窗宽度
+   */
+  width?: string;
+
+  /**
+   * 最大高度
+   */
+  maxHeight?: string;
+
+  /**
+   * 接受的文件类型
+   */
+  accept?: string;
+
+  /**
+   * 文件数量限制
+   */
+  limit?: number;
+
+  /**
+   * 是否显示下载模板按钮
+   */
+  showTemplateDownload?: boolean;
+
+  /**
+   * 拖放提示文本
+   */
+  dropText?: string;
+
+  /**
+   * 浏览按钮文本
+   */
+  browseText?: string;
+
+  /**
+   * 模板下载按钮文本
+   */
+  templateDownloadText?: string;
+
+  /**
+   * 当接口无 Content-Disposition 时使用的默认模板文件名
+   */
+  defaultTemplateFileName?: string;
+
+  /**
+   * 取消按钮文本
+   */
+  cancelButtonText?: string;
+
+  /**
+   * 确认按钮文本
+   */
+  confirmButtonText?: string;
+
+  /**
+   * 注意事项文本
+   */
+  note?: string;
+
+  /**
+   * 文件类型警告文本
+   */
+  fileTypeWarning?: string;
+
+  /**
+   * 上传文件的参数名
+   */
+  uploadFileName?: string;
+
+  /**
+   * 上传请求的额外参数
+   */
+  uploadData?: IObject;
+
+  /**
+   * 导入配置
+   */
+  contentConfig: IContentConfig;
+
+  /**
+   * 上传loading状态
+   */
+  loading?: boolean;
+}
+
+// 定义props
+const props = withDefaults(defineProps<Props>(), {
+  title: "导入数据",
+  width: "600px",
+  maxHeight: "60vh",
+  accept:
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel",
+  limit: 1,
+  showTemplateDownload: true,
+  note: "注意事项：",
+  fileTypeWarning: "格式为*.xlsx / *.xls，文件不超过 5MB",
+  uploadFileName: "file",
+  uploadData: () => ({}),
+});
+
+// 定义模型值（控制弹窗显示/隐藏）
+const importModalVisible = defineModel<boolean>("modelValue", {
+  required: true,
+  default: false,
+});
+
+interface Emits {
+  /** 导入成功事件 */
+  "import-success": [data: any];
+  /** 导入失败事件 */
+  "import-fail": [error: any];
+  /** 关闭事件 */
+  close: [];
+  /** 下载模板事件 */
+  "download-template": [];
+  /** 上传事件 */
+  upload: [formData: FormData, file: File];
+}
+
+// 定义事件
+const emit = defineEmits<Emits>();
+
+// 引用
+const importFormRef = ref(null);
+const uploadRef = ref(null);
+
+// 表单数据
+const importFormData = reactive<{
+  files: UploadUserFile[];
+}>({
+  files: [],
+});
+
+// 表单规则
+const importFormRules = {
+  files: [{ required: true, message: "文件不能为空", trigger: "blur" }],
+};
+
+// 文件超出个数限制
+const handleFileExceed = () => {
+  ElMessage.warning(`只能上传${props.limit}个文件`);
+};
+
+// 浏览器保存文件
+function saveXlsx(fileData: any, fileName: string) {
+  const fileType =
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8";
+
+  const blob = new Blob([fileData], { type: fileType });
+  const downloadUrl = window.URL.createObjectURL(blob);
+
+  const downloadLink = document.createElement("a");
+  downloadLink.href = downloadUrl;
+  downloadLink.download = fileName;
+
+  document.body.appendChild(downloadLink);
+  downloadLink.click();
+
+  document.body.removeChild(downloadLink);
+  window.URL.revokeObjectURL(downloadUrl);
+}
+
+// 下载导入模板
+async function handleDownloadTemplate() {
+  try {
+    const importTemplate = props.contentConfig.importTemplate;
+    if (typeof importTemplate === "string") {
+      window.open(importTemplate);
+    } else if (typeof importTemplate === "function") {
+      const response = await importTemplate();
+      const fileData = response.data;
+      const cd = response.headers?.["content-disposition"] as string | undefined;
+      let fileName = props.defaultTemplateFileName || "template.xlsx";
+      if (cd) {
+        try {
+          const part = cd.split(";").find((s) => s.trim().startsWith("filename"));
+          if (part) {
+            const raw = part.split("=")[1]?.replace(/^"|"$/g, "");
+            if (raw) fileName = decodeURI(raw);
+          }
+        } catch {
+          /* 使用 defaultTemplateFileName */
+        }
+      }
+      saveXlsx(fileData, fileName);
+    } else {
+      ElMessage.error("未配置importTemplate");
+    }
+  } catch (error) {
+    console.error("下载模板失败:", error);
+    ElMessage.error("下载模板失败");
+  }
+}
+
+// 上传文件 - 由父组件实现具体逻辑
+const handleUpload = async () => {
+  if (!importFormData.files.length) {
+    ElMessage.warning("请选择文件");
+    return;
+  }
+
+  try {
+    const file = importFormData.files[0]!.raw as File;
+    const formData = new FormData();
+    formData.append(props.uploadFileName, file);
+
+    Object.keys(props.uploadData).forEach((key) => {
+      formData.append(key, props.uploadData[key]);
+    });
+
+    emit("upload", formData, file);
+  } catch (error: any) {
+    console.error("上传失败:", error);
+    ElMessage.error("上传失败：" + error.message || error);
+    emit("import-fail", error);
+  }
+};
+
+// 关闭弹窗
+const handleClose = () => {
+  importFormData.files.length = 0;
+  importModalVisible.value = false;
+  emit("close");
+};
+
+// 提供给父组件的方法
+defineExpose({
+  handleClose,
+});
+</script>
diff --git a/src/components/modal/index.ts b/src/components/modal/index.ts
new file mode 100644
index 0000000..bc0142c
--- /dev/null
+++ b/src/components/modal/index.ts
@@ -0,0 +1,5 @@
+/** 通用弹窗、抽屉（与业务 CRUD 解耦） */
+export { default as FaDialog } from "./fa-dialog/index.vue";
+export { default as FaDrawer } from "./fa-drawer/index.vue";
+export { default as FaImportDialog } from "./fa-import-dialog/index.vue";
+export { default as FaExportDialog } from "./fa-export-dialog/index.vue";
diff --git a/src/components/modal/types.ts b/src/components/modal/types.ts
new file mode 100644
index 0000000..ac74e69
--- /dev/null
+++ b/src/components/modal/types.ts
@@ -0,0 +1,425 @@
+import type {
+  DialogProps,
+  DrawerProps,
+  FormItemRule,
+  FormRules,
+  PaginationProps,
+} from "element-plus";
+import type { FormProps, ColProps, ButtonProps, CardProps } from "element-plus";
+import type CrudContent from "./CrudContent.vue";
+import type CrudFormModal from "./CrudFormModal.vue";
+import type CrudSearch from "./CrudSearch.vue";
+import type { CSSProperties } from "vue";
+
+export type CrudSearchInstance = InstanceType<typeof CrudSearch>;
+export type CrudContentInstance = InstanceType<typeof CrudContent>;
+export type CrudFormModalInstance = InstanceType<typeof CrudFormModal>;
+
+/**
+ * 通用对象类型
+ */
+export type IObject = Record<string, any>;
+
+/**
+ * 组件类型定义
+ */
+type DateComponent = "date-picker" | "time-picker" | "time-select" | "custom-tag" | "input-tag";
+type InputComponent = "input" | "select" | "input-number" | "cascader" | "tree-select";
+type OtherComponent =
+  | "text"
+  | "radio"
+  | "checkbox"
+  | "switch"
+  | "rate"
+  | "slider"
+  | "icon-select"
+  | "custom";
+export type ISearchComponent =
+  | DateComponent
+  | InputComponent
+  | "radio"
+  | "checkbox"
+  | "switch"
+  | "rate"
+  | "slider"
+  /** 在 customComponents 中注册的自定义搜索控件类型 */
+  | "user-table-select";
+export type IComponentType = DateComponent | InputComponent | OtherComponent;
+
+/**
+ * 工具按钮类型定义
+ */
+type ToolbarLeft = "add" | "delete" | "patch";
+type ToolbarRight = "refresh" | "filter" | "import" | "export";
+type ToolbarTable = "edit" | "view" | "delete";
+
+/**
+ * 工具按钮接口
+ */
+export type IToolsButton = {
+  /** 按钮名称 */
+  name: string;
+  /** 按钮文本 */
+  text?: string;
+  /** 权限标识(可以是完整权限字符串如'sys:user:add'或操作权限如'add') */
+  perm?: Array<string> | string;
+  /** 按钮属性 */
+  attrs?: Partial<ButtonProps> & { style?: CSSProperties };
+  /** 条件渲染 */
+  render?: (row: IObject) => boolean;
+  /** 按钮提示（支持字符串或Tooltip属性对象） */
+  tooltip?: string | IObject;
+};
+
+/**
+ * 工具按钮默认类型
+ */
+export type IToolsDefault = ToolbarLeft | ToolbarRight | ToolbarTable | IToolsButton;
+
+/**
+ * 操作数据接口
+ */
+export interface IOperateData {
+  /** 操作名称 */
+  name: string;
+  /** 行数据 */
+  row: IObject;
+  /** 列数据 */
+  column: IObject;
+  /** 行索引 */
+  $index: number;
+}
+
+/**
+ * 搜索配置接口
+ */
+export interface ISearchConfig {
+  /** 权限前缀(如sys:user，用于组成权限标识)，不提供则不进行权限校验 */
+  permPrefix?: string;
+  /** 标签冒号(默认：false) */
+  colon?: boolean;
+  /** 表单项(默认：[]) */
+  formItems?: IFormItems<ISearchComponent>;
+  /** 是否开启展开和收缩(默认：true) */
+  isExpandable?: boolean;
+  /** 默认展示的表单项数量(默认：3) */
+  showNumber?: number;
+  /** 卡片属性 */
+  cardAttrs?: Partial<CardProps> & { style?: CSSProperties };
+  /** form组件属性 */
+  form?: IForm;
+  /** 启用等宽网格布局；为 "right" 时操作按钮靠行末 */
+  grid?: boolean | "left" | "right";
+  /** 自定义组件映射 */
+  customComponents?: Record<string, any>;
+  /** 是否显示搜索按钮(默认：true) */
+  showSearchButton?: boolean;
+  /** 是否显示重置按钮(默认：true) */
+  showResetButton?: boolean;
+  /** 搜索按钮权限 */
+  searchButtonPerm?: string | string[];
+  /** 重置按钮权限 */
+  resetButtonPerm?: string | string[];
+  /**
+   * 搜索区形态：与「高级表格」示例一致用 `art`（FaSearchBar + fa-card-xs）；
+   * `grid` 等复杂布局仍走 `legacy`（或显式传 legacy）
+   */
+  searchVariant?: "legacy" | "art";
+  /**
+   * FaSearchBar `span`（不传则组件默认 6）。
+   * 若需与 legacy `showNumber` 折叠条数对齐，可自行传入 `computeFaSearchSpan(showNumber)` 的结果。
+   */
+  artSearchSpan?: number;
+  /** FaSearchBar `showExpand`（不传则 `isExpandable !== false`，否则与组件默认 true 一致） */
+  artSearchShowExpand?: boolean;
+  /** FaSearchBar 栅格 gutter（不传则用组件默认 12） */
+  artSearchGutter?: number;
+  /** art 搜索区默认展开全部筛选项（对应 FaSearchBar defaultExpanded） */
+  searchDefaultExpanded?: boolean;
+  /**
+   * art 搜索区内控件最大宽度（不传则不限制，与 FaSearchBar 示例一致）。
+   * 需要限制时再传，如 `"200px"`、`"min(100%, 280px)"`；`false` 显式铺满栅格列。
+   */
+  artSearchFieldMaxWidth?: string | false;
+  /** 透传 FaSearchBar → ElForm.rules */
+  artSearchRules?: FormRules;
+  /** 透传 FaSearchBar `sanitizeOutput`，控制搜索提交前清洗空值等行为 */
+  artSearchSanitizeOutput?: IObject;
+  /** 透传 FaSearchBar `buttonLeftLimit`（表单项数 ≤ 该值时操作按钮靠左，默认 2） */
+  artSearchButtonLeftLimit?: number;
+  /** 透传 FaSearchBar `disabledSearch`，为 true 时禁用查询按钮 */
+  artSearchDisabledSearch?: boolean;
+  /**
+   * 透传 FaSearchBar `isExpand`：为 true 时始终展示全部筛选项（不出现「展开更多」）。
+   * 不传时：`isExpandable === false` 自动为 true（与 legacy 全展示一致）；可折叠搜索时为 false。
+   */
+  artSearchIsExpand?: boolean;
+  /** 自定义按钮组 */
+  customButtons?: Array<{
+    /** 按钮唯一标识 */
+    key: string;
+    /** 按钮文本 */
+    text: string;
+    /** 按钮属性 */
+    attrs?: IObject;
+    /** 按钮权限 */
+    perm?: string | string[];
+    /** 点击事件处理函数 */
+    handler?: (params: IObject, instance: any) => void;
+  }>;
+}
+
+/**
+ * 内容配置接口
+ */
+export interface IContentConfig<T = any> {
+  /** 权限前缀(如sys:user，用于组成权限标识)，不提供则不进行权限校验 */
+  permPrefix?: string;
+  /** table组件属性（用 IObject 避免与 el-table TableProps.context 等内部类型不兼容） */
+  table?: IObject;
+  /** 页面标题与提示（用于卡片头部显示） */
+  title?: string;
+  /** 提示信息 */
+  tooltip?: string | IObject;
+  /** 分页组件位置(默认：left) */
+  pagePosition?: "left" | "right";
+  /** pagination组件属性 */
+  pagination?:
+    | boolean
+    | Partial<
+        Omit<
+          PaginationProps,
+          "v-model:page-size" | "v-model:current-page" | "total" | "currentPage"
+        >
+      >;
+  /** 列表的网络请求函数(需返回promise) */
+  indexAction: (queryParams: T) => Promise<any>;
+  /**
+   * 是否在挂载时立即请求列表（默认 true）。
+   * 若需在父组件合并 CrudSearch 与额外条件后再请求，可设为 false，并在 onMounted 中自行调用 fetchPageData。
+   */
+  initialFetch?: boolean;
+  /** 默认的分页相关的请求参数 */
+  request?: {
+    page_no: string;
+    page_size: string;
+  };
+  /** 数据格式解析的回调函数 */
+  parseData?: (res: any) => {
+    total: number;
+    list: IObject[];
+    [key: string]: any;
+  };
+  /** 修改属性的网络请求函数(需返回promise) */
+  modifyAction?: (data: {
+    [key: string]: any;
+    field: string;
+    value: boolean | string | number;
+  }) => Promise<any>;
+  /** 删除的网络请求函数(需返回promise) */
+  deleteAction?: (ids: string) => Promise<any>;
+  /** 删除确认弹窗（不传则标题「警告」、内容「确认删除?」） */
+  deleteConfirm?: {
+    title?: string;
+    message?: string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    type?: "warning" | "info" | "success" | "error";
+  };
+  /** 后端导出的网络请求函数(需返回promise) */
+  exportAction?: (queryParams: T) => Promise<any>;
+  /** 前端全量导出的网络请求函数(需返回promise) */
+  exportsAction?: (queryParams: T) => Promise<IObject[]>;
+  /** 服务端导出 Excel 二进制（与 exportsAction 二选一用于「全量远程」导出） */
+  exportsBlobAction?: (queryParams: T) => Promise<Blob>;
+  /** 导入模板 */
+  importTemplate?: string | (() => Promise<any>);
+  /** 后端导入的网络请求函数(需返回promise) */
+  importAction?: (file: File) => Promise<any>;
+  /** 前端导入的网络请求函数(需返回promise) */
+  importsAction?: (data: IObject[]) => Promise<any>;
+  /** 主键名(默认为id) */
+  pk?: string;
+  /** 表格工具栏(默认:add,delete,export,也可自定义) */
+  toolbar?: Array<ToolbarLeft | IToolsButton>;
+  /**
+   * 表格工具栏右侧图标（仅 **legacy** `el-table` 栈由 `CrudToolbarActions` 渲染）。
+   * **tableVariant: 'art'** 时刷新/列设置等由 `FaTableHeader` 自带；导入导出请用 `#toolbar` 插槽自建。
+   */
+  defaultToolbar?: Array<ToolbarRight | IToolsButton>;
+  /** 为 true 时隐藏 FaTableHeader「列筛选」按钮（默认 false，显示列筛选） */
+  hideColumnFilter?: boolean;
+  /**
+   * 表格栈：`art` 时使用 FaTableHeader + FaTable；
+   * `legacy` 为内置 el-table（默认）。
+   */
+  tableVariant?: "legacy" | "art";
+  /** 内容区外层 el-card 额外 class（默认已含 `fa-table-card`） */
+  cardClass?: string;
+  /** el-card 阴影（默认 never，与 Element Plus el-card shadow 一致） */
+  cardShadow?: "always" | "hover" | "never";
+  /** 是否显示表格上方工具条（默认 true；纯卡片/无按钮时可设为 false） */
+  showToolbar?: boolean;
+  /** FaTableHeader 布局（不传则用内置默认） */
+  artToolbarLayout?: string;
+  /** 表格全屏区域 class，传给 FaTableHeader fullClass */
+  artFullScreenClass?: string;
+  /** 更多操作按钮配置 */
+  moreButtons?: Array<IToolsButton>;
+  /** table组件列属性(额外的属性templet,operat,slotName) */
+  cols: Array<{
+    /** 列类型 */
+    type?: "default" | "selection" | "index" | "expand";
+    /** 列标签 */
+    label?: string;
+    /** 列属性 */
+    prop?: string;
+    /** 列宽度 */
+    width?: string | number;
+    /** 最小列宽度 */
+    minWidth?: string | number;
+    /** 对齐方式 */
+    align?: "left" | "center" | "right";
+    /** 列键名 */
+    columnKey?: string;
+    /** 是否保留选择 */
+    reserveSelection?: boolean;
+    /** 列是否显示 */
+    show?: boolean;
+    /** 模板类型 */
+    templet?:
+      | "image"
+      | "list"
+      | "url"
+      | "switch"
+      | "input"
+      | "price"
+      | "percent"
+      | "icon"
+      | "date"
+      | "tool"
+      | "custom";
+    /** image模板相关参数 */
+    imageWidth?: number;
+    /** image模板相关参数 */
+    imageHeight?: number;
+    /** list模板相关参数 */
+    selectList?: IObject;
+    /** switch模板相关参数 */
+    activeValue?: boolean | string | number;
+    /** switch模板相关参数 */
+    inactiveValue?: boolean | string | number;
+    /** switch模板相关参数 */
+    activeText?: string;
+    /** switch模板相关参数 */
+    inactiveText?: string;
+    /** input模板相关参数 */
+    inputType?: string;
+    /** price模板相关参数 */
+    priceFormat?: string;
+    /** date模板相关参数 */
+    dateFormat?: string;
+    /** tool模板相关参数 */
+    operat?: Array<ToolbarTable | IToolsButton>;
+    /** filter值拼接符 */
+    filterJoin?: string;
+    /** 初始化数据函数 */
+    initFn?: (item: IObject) => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 固定列 */
+    fixed?: boolean | "left" | "right";
+    /** 权限 */
+    perm?: string;
+    [key: string]: any;
+  }>;
+}
+
+/**
+ * CrudContent 左侧 `createToolbar` 产物，供 CrudToolbarLeft 的 `configButtons` 使用。
+ */
+export type FaTableHeaderLeftConfigButton = {
+  name: string;
+  text?: string;
+  attrs?: Record<string, unknown>;
+  perm?: string | string[] | null;
+};
+
+/**
+ * 模态框配置接口
+ */
+export interface IModalConfig<T = any> {
+  /** 权限前缀(如sys:user，用于组成权限标识)，不提供则不进行权限校验 */
+  permPrefix?: string;
+  /** 标签冒号(默认：false) */
+  colon?: boolean;
+  /** 主键名(主要用于编辑数据,默认为id) */
+  pk?: string;
+  /** 组件类型(默认：dialog) */
+  component?: "dialog" | "drawer";
+  /** dialog组件属性（默认可拖拽；全屏由 core/overlays/FaDialog 标题栏按钮切换） */
+  dialog?: Partial<Omit<DialogProps, "modelValue">> & { draggable?: boolean };
+  /** drawer组件属性 */
+  drawer?: Partial<Omit<DrawerProps, "modelValue">>;
+  /** 查看模式渲染方式(默认：form；可选：descriptions) */
+  viewMode?: "form" | "descriptions";
+  /** descriptions组件属性（当 viewMode 为 descriptions 时生效） */
+  descriptions?: IObject;
+  /** form组件属性 */
+  form?: IForm;
+  /** 表单项 */
+  formItems: IFormItems<IComponentType>;
+  /** 提交之前处理 */
+  beforeSubmit?: (data: T) => void;
+  /** 提交的网络请求函数(需返回promise) */
+  formAction?: (data: T) => Promise<any>;
+}
+
+/**
+ * 表单属性类型
+ */
+export type IForm = Partial<Omit<FormProps, "model" | "rules">>;
+
+/**
+ * 表单项类型
+ */
+export type IFormItems<T = IComponentType> = Array<{
+  /** 组件类型(如input,select,radio,custom等) */
+  type: T;
+  /** 标签提示 */
+  tips?: string | IObject;
+  /** 标签 */
+  label: string;
+  /** 属性名 */
+  prop: string;
+  /** 属性 */
+  attrs?: IObject;
+  /** 选项 */
+  options?: Array<{ label: string; value: any; [key: string]: any }> | Ref<any[]>;
+  /** 规则 */
+  rules?: FormItemRule[];
+  /** 初始值 */
+  initialValue?: any;
+  /** 插槽名称 */
+  slotName?: string;
+  /** 是否隐藏 */
+  hidden?: boolean;
+  /** 列属性 */
+  col?: Partial<ColProps>;
+  /** 事件 */
+  events?: Record<string, (...args: any) => void>;
+  /** 初始化函数 */
+  initFn?: (item: IObject) => void;
+}>;
+
+/**
+ * 页面表单接口
+ */
+export interface IPageForm {
+  /** 主键 */
+  pk?: string;
+  /** 表单属性 */
+  form?: IForm;
+  /** 表单项 */
+  formItems: IFormItems<IComponentType>;
+}
diff --git a/src/components/others/fa-ai-assistant/index.vue b/src/components/others/fa-ai-assistant/index.vue
new file mode 100644
index 0000000..88d2ee1
--- /dev/null
+++ b/src/components/others/fa-ai-assistant/index.vue
@@ -0,0 +1,904 @@
+<template>
+  <!-- 悬浮按钮 -->
+  <div class="ai-assistant">
+    <!-- AI 助手图标按钮 -->
+    <ElButton
+      v-if="!dialogVisible && !fabCollapsed"
+      class="ai-fab-button"
+      type="primary"
+      circle
+      size="large"
+      :style="fabStyle"
+      @contextmenu.prevent="fabCollapsed = true"
+      @click="handleOpen"
+    >
+      <FaSvgIcon :icon="resolveIconForFaSvgIcon('ai')" class="ai-icon" />
+    </ElButton>
+
+    <!-- 收缩态：贴边小标签，避免遮挡表单控件 -->
+    <div
+      v-if="!dialogVisible && fabCollapsed"
+      class="ai-fab-tab"
+      :style="fabStyle"
+      @click="fabCollapsed = false"
+    >
+      AI
+    </div>
+
+    <!-- AI 对话框 -->
+    <ElDialog
+      v-model="dialogVisible"
+      title="AI 智能助手"
+      width="600px"
+      :close-on-click-modal="false"
+      draggable
+      class="ai-assistant-dialog"
+    >
+      <template #header>
+        <div class="dialog-header">
+          <FaSvgIcon :icon="resolveIconForFaSvgIcon('ai')" class="header-icon" />
+          <span class="title">AI 智能助手</span>
+        </div>
+      </template>
+
+      <!-- 命令输入 -->
+      <div class="command-input">
+        <ElInput
+          v-model="command"
+          type="textarea"
+          :rows="3"
+          placeholder="试试说：打开角色管理页面&#10;或者：跳转到用户管理&#10;按 Ctrl+Enter 快速发送"
+          :disabled="loading"
+          @keydown.ctrl.enter="handleExecute"
+        />
+      </div>
+
+      <!-- 快捷命令示例 -->
+      <div class="quick-commands">
+        <div class="section-title">💡 试试这些命令：</div>
+        <ElTag
+          v-for="example in examples"
+          :key="example"
+          class="command-tag"
+          @click="command = example"
+        >
+          {{ example }}
+        </ElTag>
+      </div>
+
+      <!-- AI 响应结果 -->
+      <div v-if="response" class="ai-response">
+        <ElAlert :title="response.explanation" type="success" :closable="false" show-icon />
+
+        <!-- 将要执行的操作 -->
+        <div v-if="response.action" class="action-preview">
+          <div class="action-title">🎯 将要执行：</div>
+          <div class="action-content">
+            <div v-if="response.action.type === 'navigate'">
+              <ElIcon><Position /></ElIcon>
+              跳转到：
+              <strong>{{ response.action.pageName }}</strong>
+              <span v-if="response.action.query" class="query-info">
+                并搜索：
+                <ElTag type="warning" size="small">{{ response.action.query }}</ElTag>
+              </span>
+            </div>
+            <div v-if="response.action.type === 'navigate-and-execute'">
+              <ElIcon><Position /></ElIcon>
+              跳转至：
+              <strong>{{ response.action.pageName }}</strong>
+              <span v-if="response.action.query" class="query-info">
+                并搜索：
+                <ElTag type="warning" size="small">{{ response.action.query }}</ElTag>
+              </span>
+              <ElDivider direction="vertical" />
+              <ElIcon><Tools /></ElIcon>
+              执行：
+              <strong>{{ response.action.functionCall.name }}</strong>
+            </div>
+            <div v-if="response.action.type === 'execute'">
+              <ElIcon><Tools /></ElIcon>
+              执行：
+              <strong>{{ response.action.functionName }}</strong>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <ElButton @click="handleClose">取消</ElButton>
+          <ElButton type="primary" :loading="loading" @click="handleExecute">
+            <ElIcon><MagicStick /></ElIcon>
+            执行命令
+          </ElButton>
+        </div>
+      </template>
+    </ElDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaAiAssistant" });
+
+import { resolveIconForFaSvgIcon } from "@utils";
+import { nextTick, onBeforeUnmount, onMounted, watch, ref, computed } from "vue";
+import { useRouter } from "vue-router";
+import { ElMessage } from "element-plus";
+import { useSettingsStore } from "@stores";
+import { AiChatAPI, ChatSession, ChatSessionDetail } from "@/api/module_ai/chat";
+
+type ToolFunctionCall = {
+  name: string;
+  arguments: Record<string, any>;
+};
+
+// 统一的动作描述（区分“跳转”、“跳转+执行”、“仅执行”三种场景）
+type AiAction =
+  | {
+      type: "navigate";
+      path: string;
+      pageName: string;
+      query?: string;
+    }
+  | {
+      type: "navigate-and-execute";
+      path: string;
+      pageName: string;
+      query?: string;
+      functionCall: ToolFunctionCall;
+    }
+  | {
+      type: "execute";
+      functionName: string;
+      functionCall: ToolFunctionCall;
+    };
+
+type AiResponse = {
+  explanation: string;
+  action: AiAction | null;
+};
+
+const router = useRouter();
+const settingsStore = useSettingsStore();
+
+// 状态管理
+const dialogVisible = ref(false);
+const command = ref("");
+const loading = ref(false);
+const response = ref<AiResponse | null>(null);
+
+// 会话管理
+const sessions = ref<ChatSession[]>([]);
+const currentSessionId = ref<string | null>(null);
+const currentSession = ref<ChatSessionDetail | null>(null);
+const sessionLoading = ref(false);
+
+const fabCollapsed = useStorage<boolean>("vea:ui:ai_assistant_fab_collapsed", false);
+
+const fabRight = ref(30);
+const fabBottom = ref(80);
+const fabStyle = computed(() => ({
+  right: `${fabRight.value}px`,
+  bottom: `${fabBottom.value}px`,
+}));
+
+const isElementVisible = (el: Element) => {
+  const style = window.getComputedStyle(el);
+  if (style.display === "none" || style.visibility === "hidden") {
+    return false;
+  }
+  return (el as HTMLElement).getClientRects().length > 0;
+};
+
+const getActiveRightDrawerWidth = (): number => {
+  const drawers = Array.from(document.querySelectorAll(".el-drawer"));
+  for (let i = drawers.length - 1; i >= 0; i--) {
+    const drawer = drawers[i] as HTMLElement;
+    if (!isElementVisible(drawer)) {
+      continue;
+    }
+    const rect = drawer.getBoundingClientRect();
+    if (rect.width > 0 && rect.right >= window.innerWidth - 8) {
+      return rect.width;
+    }
+  }
+  return 0;
+};
+
+const updateFabPosition = () => {
+  const safeMargin = 24;
+  const drawerWidth = getActiveRightDrawerWidth() || 0;
+  const baseRight = drawerWidth + 30;
+
+  // base position
+  const nextRight = baseRight;
+  let nextBottom = 80;
+
+  // Avoid Element Plus popper overlays (select dropdown, icon picker, date picker, etc.)
+  // If the FAB would overlap any visible popper, push it upward.
+  const fabSize = fabCollapsed.value ? 42 : 60;
+  const computeFabRect = (rightPx: number, bottomPx: number) => {
+    const right = window.innerWidth - rightPx;
+    const left = right - fabSize;
+    const bottom = window.innerHeight - bottomPx;
+    const top = bottom - fabSize;
+    return { left, right, top, bottom };
+  };
+
+  const intersects = (
+    a: { left: number; right: number; top: number; bottom: number },
+    b: DOMRect
+  ) => {
+    return !(a.right <= b.left || a.left >= b.right || a.bottom <= b.top || a.top >= b.bottom);
+  };
+
+  const poppers = Array.from(document.querySelectorAll(".el-popper"));
+  for (const popper of poppers) {
+    if (!isElementVisible(popper)) {
+      continue;
+    }
+    const rect = (popper as HTMLElement).getBoundingClientRect();
+    if (rect.width <= 0 || rect.height <= 0) {
+      continue;
+    }
+
+    const candidateFabRect = computeFabRect(nextRight, nextBottom);
+    if (intersects(candidateFabRect, rect)) {
+      const requiredBottom = Math.ceil(window.innerHeight - rect.top + safeMargin);
+      nextBottom = Math.max(nextBottom, requiredBottom);
+    }
+  }
+
+  // clamp so the button doesn't get pushed off-screen
+  const maxBottom = window.innerHeight - fabSize - safeMargin;
+  nextBottom = Math.min(nextBottom, Math.max(0, maxBottom));
+
+  fabRight.value = nextRight + (drawerWidth > 0 ? safeMargin : 0);
+  fabBottom.value = nextBottom;
+};
+
+watch(
+  fabCollapsed,
+  () => {
+    updateFabPosition();
+  },
+  { flush: "post" }
+);
+
+watch(
+  () => settingsStore.settingsVisible,
+  () => {
+    nextTick(() => {
+      scheduleUpdateFabPositionBurst();
+    });
+  },
+  { flush: "post" }
+);
+
+let domObserver: MutationObserver | null = null;
+let rafId: number | null = null;
+
+const scheduleUpdateFabPosition = () => {
+  if (rafId != null) {
+    return;
+  }
+  rafId = window.requestAnimationFrame(() => {
+    rafId = null;
+    updateFabPosition();
+  });
+};
+
+const scheduleUpdateFabPositionBurst = (frames = 18) => {
+  let count = 0;
+  const tick = () => {
+    scheduleUpdateFabPosition();
+    count += 1;
+    if (count < frames) {
+      window.requestAnimationFrame(tick);
+    }
+  };
+  tick();
+};
+
+// 快捷命令示例
+const examples = [
+  "跳转到用户管理",
+  "打开角色管理页面",
+  "修改test用户的姓名为测试人员",
+  "获取姓名为张三的用户信息",
+];
+
+// 加载会话列表
+const loadSessions = async () => {
+  try {
+    sessionLoading.value = true;
+    const response = await AiChatAPI.getSessionList({ page_no: 1, page_size: 100 });
+    if (response.data?.success) {
+      sessions.value = response.data.data?.items || [];
+    }
+  } catch (error) {
+    console.error("加载会话列表失败:", error);
+  } finally {
+    sessionLoading.value = false;
+  }
+};
+
+// 加载会话详情
+const loadSessionDetail = async (sessionId: string) => {
+  try {
+    sessionLoading.value = true;
+    const response = await AiChatAPI.getSessionDetail(sessionId);
+    if (response.data?.success) {
+      currentSessionId.value = sessionId;
+      currentSession.value = response.data.data;
+    } else {
+      ElMessage.error("获取会话详情失败");
+    }
+  } catch (error) {
+    console.error("获取会话详情失败:", error);
+    ElMessage.error("获取会话详情失败");
+  } finally {
+    sessionLoading.value = false;
+  }
+};
+
+// 打开对话框
+const handleOpen = () => {
+  dialogVisible.value = true;
+  command.value = "";
+  response.value = null;
+  loadSessions();
+};
+
+// 关闭对话框
+const handleClose = () => {
+  dialogVisible.value = false;
+  command.value = "";
+  response.value = null;
+};
+
+// 执行命令
+const handleExecute = async () => {
+  const rawCommand = command.value.trim();
+  if (!rawCommand) {
+    ElMessage.warning("请输入命令");
+    return;
+  }
+
+  // 优先检测无需调用 AI 的纯跳转命令
+  const directNavigation = tryDirectNavigate(rawCommand);
+  if (directNavigation && directNavigation.action) {
+    response.value = directNavigation;
+    await executeAction(directNavigation.action);
+    return;
+  }
+
+  loading.value = true;
+
+  try {
+    // 调用 AI API 解析命令
+    const result = await AiChatAPI.chat({
+      message: rawCommand,
+      session_id: currentSessionId.value || undefined,
+    });
+
+    if (!result.data.success) {
+      ElMessage.error(result.data.msg || "命令解析失败");
+      return;
+    }
+
+    // 更新会话ID
+    if (result.data.data?.session_id) {
+      currentSessionId.value = result.data.data.session_id;
+      // 重新加载会话列表和详情
+      await loadSessions();
+      await loadSessionDetail(result.data.data.session_id);
+    }
+
+    // 解析 AI 返回的操作类型
+    const action = parseAction(result.data.data, rawCommand);
+    response.value = {
+      explanation: result.data.data?.response ?? "命令解析成功，准备执行操作",
+      action,
+    };
+
+    // 等待用户确认后执行
+    if (action) {
+      await executeAction(action);
+    }
+  } catch (error: any) {
+    console.error("AI 命令执行失败:", error);
+    ElMessage.error(error.message || "命令执行失败");
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 路由配置映射表
+const routeConfig = [
+  { keywords: ["用户", "user", "user list"], path: "/system/user", name: "用户管理" },
+  { keywords: ["角色", "role"], path: "/system/role", name: "角色管理" },
+  { keywords: ["菜单", "menu"], path: "/system/menu", name: "菜单管理" },
+  { keywords: ["部门", "dept"], path: "/system/dept", name: "部门管理" },
+  { keywords: ["字典", "dict"], path: "/system/dict", name: "字典管理" },
+  { keywords: ["日志", "log"], path: "/system/log", name: "系统日志" },
+];
+
+// 根据函数名推断路由（如 getUserInfo -> /system/user）
+const normalizeText = (text: string) => text.replace(/\s+/g, " ").trim().toLowerCase();
+
+const inferRouteFromFunction = (functionName: string) => {
+  const fnLower = normalizeText(functionName);
+  for (const config of routeConfig) {
+    // 检查函数名是否包含关键词（如 getUserInfo 包含 user）
+    if (config.keywords.some((kw) => fnLower.includes(kw.toLowerCase()))) {
+      return { path: config.path, name: config.name };
+    }
+  }
+  return null;
+};
+
+// 根据命令文本匹配路由
+const matchRouteFromCommand = (cmd: string) => {
+  const normalized = normalizeText(cmd);
+  for (const config of routeConfig) {
+    if (config.keywords.some((kw) => normalized.includes(kw.toLowerCase()))) {
+      return { path: config.path, name: config.name };
+    }
+  }
+  return null;
+};
+
+const extractKeywordFromCommand = (cmd: string): string => {
+  const normalized = normalizeText(cmd);
+  // 从 routeConfig 动态获取所有数据类型关键词
+  const allKeywords = routeConfig.flatMap((config) =>
+    config.keywords.map((kw) => kw.toLowerCase())
+  );
+  const keywordsPattern = allKeywords.join("|");
+
+  const patterns = [
+    new RegExp(`(?:查询|获取|搜索|查找|找).*?([^\\s，。]+?)(?:的)?(?:${keywordsPattern})`, "i"),
+    new RegExp(`(?:${keywordsPattern}).*?([^\\s，。]+?)(?:的|信息|详情)?`, "i"),
+    new RegExp(
+      `(?:姓名为|名字叫|叫做|名称为|名是|为)([^\\s，。]+?)(?:的)?(?:${keywordsPattern})?`,
+      "i"
+    ),
+    new RegExp(`([^\\s，。]+?)(?:的)?(?:${keywordsPattern})(?:信息|详情)?`, "i"),
+  ];
+
+  for (const pattern of patterns) {
+    const match = normalized.match(pattern);
+    if (match && match[1]) {
+      let extracted = match[1].trim();
+      extracted = extracted.replace(/姓名为|名字叫|叫做|名称为|名是|为|的|信息|详情/g, "");
+      if (
+        extracted &&
+        !allKeywords.some((type) => extracted.toLowerCase().includes(type.toLowerCase()))
+      ) {
+        return extracted;
+      }
+    }
+  }
+  return "";
+};
+
+const tryDirectNavigate = (rawCommand: string): AiResponse | null => {
+  const navigationIntents = ["跳转", "打开", "进入", "前往", "去", "浏览", "查看"];
+  const operationIntents = [
+    "修改",
+    "更新",
+    "变更",
+    "删除",
+    "添加",
+    "创建",
+    "设置",
+    "获取",
+    "查询",
+    "搜索",
+  ];
+
+  const hasNavigationIntent = navigationIntents.some((keyword) => rawCommand.includes(keyword));
+  const hasOperationIntent = operationIntents.some((keyword) => rawCommand.includes(keyword));
+
+  if (!hasNavigationIntent || hasOperationIntent) {
+    return null;
+  }
+
+  const routeInfo = matchRouteFromCommand(rawCommand);
+  if (!routeInfo) {
+    return null;
+  }
+
+  const keyword = extractKeywordFromCommand(rawCommand);
+  const action: AiAction = {
+    type: "navigate",
+    path: routeInfo.path,
+    pageName: routeInfo.name,
+    query: keyword || undefined,
+  };
+
+  return {
+    explanation: `检测到跳转命令，正在前往 ${routeInfo.name}`,
+    action,
+  };
+};
+
+// 解析 AI 返回的操作类型
+const parseAction = (result: any, rawCommand: string): AiAction | null => {
+  const cmd = normalizeText(rawCommand);
+  // 后端返回的是 function_calls（下划线命名）
+  const functionCalls = result.function_calls || result.functionCalls;
+  const primaryCall = functionCalls?.[0];
+  const functionName = primaryCall?.name;
+
+  // 优先从函数名推断路由，其次从命令文本匹配
+  let routeInfo = functionName ? inferRouteFromFunction(functionName) : null;
+  if (!routeInfo) {
+    routeInfo = matchRouteFromCommand(cmd);
+  }
+
+  const routePath = routeInfo?.path || "";
+  const pageName = routeInfo?.name || "";
+  const keyword = extractKeywordFromCommand(cmd);
+
+  if (primaryCall && functionName) {
+    const fnNameLower = functionName.toLowerCase();
+
+    // 1) 查询类函数（query/search/list/get）-> 跳转并执行筛选操作
+    const isQueryFunction =
+      fnNameLower.includes("query") ||
+      fnNameLower.includes("search") ||
+      fnNameLower.includes("list") ||
+      fnNameLower.includes("get");
+
+    if (isQueryFunction) {
+      // 统一使用 keywords 参数（约定大于配置）
+      const args = (primaryCall.arguments || {}) as Record<string, unknown>;
+      const keywords =
+        typeof args.keywords === "string" && args.keywords.trim().length > 0
+          ? args.keywords
+          : keyword;
+
+      if (routePath) {
+        return {
+          type: "navigate-and-execute",
+          path: routePath,
+          pageName,
+          functionCall: primaryCall,
+          query: keywords || undefined,
+        };
+      }
+    }
+
+    // 2) 其他操作类函数（修改/删除/创建/更新等）-> 跳转并执行
+    const isModifyFunction =
+      fnNameLower.includes("update") ||
+      fnNameLower.includes("modify") ||
+      fnNameLower.includes("edit") ||
+      fnNameLower.includes("delete") ||
+      fnNameLower.includes("remove") ||
+      fnNameLower.includes("create") ||
+      fnNameLower.includes("add") ||
+      fnNameLower.includes("save");
+
+    if (isModifyFunction && routePath) {
+      return {
+        type: "navigate-and-execute",
+        path: routePath,
+        pageName,
+        functionCall: primaryCall,
+      };
+    }
+
+    // 3) 其他未匹配的函数，如果有路由则跳转，否则执行
+    if (routePath) {
+      return {
+        type: "navigate-and-execute",
+        path: routePath,
+        pageName,
+        functionCall: primaryCall,
+      };
+    }
+
+    return {
+      type: "execute",
+      functionName,
+      functionCall: primaryCall,
+    };
+  }
+
+  // 4) 无函数调用，仅跳转
+  if (routePath) {
+    return {
+      type: "navigate",
+      path: routePath,
+      pageName,
+      query: keyword || undefined,
+    };
+  }
+
+  return null;
+};
+
+// 定时器引用（用于清理）
+let navigationTimer: ReturnType<typeof setTimeout> | null = null;
+let executeTimer: ReturnType<typeof setTimeout> | null = null;
+
+// 执行操作
+const executeAction = async (action: AiAction) => {
+  // 🎯 新增：跳转并执行操作
+  if (action.type === "navigate-and-execute") {
+    ElMessage.success(`正在跳转到 ${action.pageName} 并执行操作...`);
+
+    // 清理之前的定时器
+    if (navigationTimer) {
+      clearTimeout(navigationTimer);
+    }
+
+    // 跳转并传递待执行的操作信息
+    navigationTimer = setTimeout(() => {
+      navigationTimer = null;
+      const queryParams: any = {
+        // 通过 URL 参数传递 AI 操作信息
+        aiAction: encodeURIComponent(
+          JSON.stringify({
+            functionName: action.functionCall.name,
+            arguments: action.functionCall.arguments,
+            timestamp: Date.now(),
+          })
+        ),
+      };
+
+      // 如果有查询关键字，也一并传递
+      if (action.query) {
+        queryParams.keywords = action.query;
+        queryParams.autoSearch = "true";
+      }
+
+      router.push({
+        path: action.path,
+        query: queryParams,
+      });
+
+      // 关闭对话框
+      handleClose();
+    }, 800);
+    return;
+  }
+
+  if (action.type === "navigate") {
+    // 检查是否已经在目标页面
+    const currentPath = router.currentRoute.value.path;
+
+    if (currentPath === action.path) {
+      // 如果已经在目标页面
+      if (action.query) {
+        // 有查询关键字，直接在当前页面执行搜索
+        ElMessage.info(`您已在 ${action.pageName} 页面，为您执行搜索：${action.query}`);
+
+        // 触发路由更新，让页面执行搜索
+        router.replace({
+          path: action.path,
+          query: {
+            keywords: action.query,
+            autoSearch: "true",
+            _t: Date.now().toString(), // 添加时间戳强制刷新
+          },
+        });
+      } else {
+        // 没有查询关键字，只是跳转，给出提示
+        ElMessage.warning(`您已经在 ${action.pageName} 页面了`);
+      }
+
+      // 关闭对话框
+      handleClose();
+      return;
+    }
+
+    // 不在目标页面，正常跳转
+    ElMessage.success(`正在跳转到 ${action.pageName}...`);
+
+    // 清理之前的定时器
+    if (navigationTimer) {
+      clearTimeout(navigationTimer);
+    }
+
+    // 延迟一下让用户看到提示
+    navigationTimer = setTimeout(() => {
+      navigationTimer = null;
+      // 跳转并传递查询参数
+      router.push({
+        path: action.path,
+        query: action.query
+          ? {
+              keywords: action.query, // 传递关键字参数
+              autoSearch: "true", // 标记自动搜索
+            }
+          : undefined,
+      });
+
+      // 关闭对话框
+      handleClose();
+    }, 1000);
+  } else if (action.type === "execute") {
+    // 执行函数调用
+    ElMessage.info("功能开发中，请前往 AI 命令助手页面体验完整功能");
+
+    // 清理之前的定时器
+    if (executeTimer) {
+      clearTimeout(executeTimer);
+    }
+
+    // 可以跳转到完整的 AI 命令页面
+    executeTimer = setTimeout(() => {
+      executeTimer = null;
+      router.push("/function/ai-command");
+      handleClose();
+    }, 1000);
+  }
+};
+
+// 组件卸载时清理定时器
+onMounted(() => {
+  updateFabPosition();
+  window.addEventListener("resize", updateFabPosition);
+
+  domObserver = new MutationObserver(() => {
+    scheduleUpdateFabPosition();
+  });
+  domObserver.observe(document.body, {
+    childList: true,
+    subtree: true,
+    attributes: true,
+    attributeFilter: ["class", "style"],
+  });
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updateFabPosition);
+  if (domObserver) {
+    domObserver.disconnect();
+    domObserver = null;
+  }
+  if (rafId != null) {
+    window.cancelAnimationFrame(rafId);
+    rafId = null;
+  }
+
+  if (navigationTimer) {
+    clearTimeout(navigationTimer);
+    navigationTimer = null;
+  }
+  if (executeTimer) {
+    clearTimeout(executeTimer);
+    executeTimer = null;
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.ai-assistant {
+  .ai-fab-button {
+    position: fixed;
+    z-index: 9999;
+    width: 60px;
+    height: 60px;
+    box-shadow: var(--el-box-shadow);
+    transition: all 0.3s ease;
+
+    &:hover {
+      box-shadow: var(--el-box-shadow-dark);
+      transform: scale(1.1);
+    }
+
+    .ai-icon {
+      width: 32px;
+      height: 32px;
+    }
+  }
+
+  .ai-fab-tab {
+    position: fixed;
+    z-index: 9999;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 42px;
+    height: 42px;
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--el-color-white);
+    cursor: pointer;
+    user-select: none;
+    background: var(--el-color-primary);
+    border-radius: 999px;
+    box-shadow: var(--el-box-shadow);
+  }
+}
+
+.ai-assistant-dialog {
+  .dialog-header {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+
+    .header-icon {
+      width: 28px;
+      height: 28px;
+    }
+
+    .title {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+    }
+  }
+
+  .command-input {
+    margin-bottom: 16px;
+  }
+
+  .quick-commands {
+    margin-bottom: 20px;
+
+    .section-title {
+      margin-bottom: 8px;
+      font-size: 14px;
+      color: var(--el-text-color-secondary);
+    }
+
+    .command-tag {
+      margin-right: 8px;
+      margin-bottom: 8px;
+      cursor: pointer;
+      transition: all 0.3s;
+
+      &:hover {
+        box-shadow: var(--el-box-shadow-light);
+        transform: translateY(-2px);
+      }
+    }
+  }
+
+  .ai-response {
+    margin-top: 16px;
+
+    .action-preview {
+      padding: 12px;
+      margin-top: 12px;
+      background-color: var(--el-fill-color-light);
+      border-radius: 8px;
+
+      .action-title {
+        margin-bottom: 8px;
+        font-size: 14px;
+        font-weight: 600;
+        color: var(--el-text-color-primary);
+      }
+
+      .action-content {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+        color: var(--el-text-color-regular);
+
+        .el-icon {
+          color: var(--el-color-primary);
+        }
+
+        .query-info {
+          margin-left: 8px;
+        }
+      }
+    }
+  }
+
+  .dialog-footer {
+    display: flex;
+    gap: 12px;
+    justify-content: flex-end;
+  }
+}
+</style>
diff --git a/src/components/others/fa-calendar/index.vue b/src/components/others/fa-calendar/index.vue
new file mode 100644
index 0000000..2a22954
--- /dev/null
+++ b/src/components/others/fa-calendar/index.vue
@@ -0,0 +1,249 @@
+<template>
+  <div class="home-calendar">
+    <ElCalendar v-model="currentDate">
+      <template #date-cell="{ data }">
+        <div
+          class="home-calendar__cell relative flex h-full min-h-14 max-h-20 flex-col overflow-hidden p-0.5 cursor-pointer"
+          :class="{ 'is-selected': data.isSelected }"
+          @click="handleCellClick(data.day)"
+        >
+          <p class="absolute right-0.5 top-0.5 text-[11px] leading-none opacity-80">
+            {{ formatDate(data.day) }}
+          </p>
+          <div class="mt-4 flex max-h-12 w-full flex-col gap-px overflow-y-auto pr-0.5">
+            <div
+              v-for="event in getEvents(data.day)"
+              :key="`${event.date}-${event.content}`"
+              @click.stop="handleEventClick(event)"
+            >
+              <div
+                class="min-w-0 overflow-hidden text-ellipsis whitespace-nowrap rounded px-1 py-px text-[10px] leading-snug font-medium hover:opacity-80"
+                :class="[event.bgClass, event.textClass]"
+              >
+                {{ event.content }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </ElCalendar>
+
+    <ElDialog v-model="dialogVisible" :title="dialogTitle" width="600px" @closed="resetForm">
+      <ElForm :model="eventForm" label-width="80px">
+        <ElFormItem label="活动标题" required>
+          <ElInput v-model="eventForm.content" placeholder="请输入活动标题" />
+        </ElFormItem>
+        <ElFormItem label="事件颜色">
+          <ElRadioGroup v-model="eventForm.type">
+            <ElRadio v-for="et in eventTypes" :key="et.value" :value="et.value">
+              {{ et.label }}
+            </ElRadio>
+          </ElRadioGroup>
+        </ElFormItem>
+        <ElFormItem label="开始日期" required>
+          <ElDatePicker
+            v-model="eventForm.date"
+            :style="'width: 100%'"
+            type="date"
+            placeholder="选择日期"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD"
+          />
+        </ElFormItem>
+        <ElFormItem label="结束日期">
+          <ElDatePicker
+            v-model="eventForm.endDate"
+            :style="'width: 100%'"
+            type="date"
+            placeholder="选择结束日期"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD"
+            :min-date="eventForm.date"
+          />
+        </ElFormItem>
+      </ElForm>
+      <template #footer>
+        <span class="dialog-footer">
+          <ElButton v-if="isEditing" type="danger" @click="handleDeleteEvent">删除</ElButton>
+          <ElButton type="primary" @click="handleSaveEvent">
+            {{ isEditing ? "更新" : "添加" }}
+          </ElButton>
+        </span>
+      </template>
+    </ElDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from "vue";
+import { dayjs } from "element-plus";
+
+defineOptions({ name: "FaCalendar" });
+
+interface CalendarEvent {
+  date: string;
+  endDate?: string;
+  content: string;
+  type?: "primary" | "success" | "warning" | "danger";
+  bgClass?: string;
+  textClass?: string;
+}
+
+const eventTypes = [
+  { label: "基本", value: "primary" },
+  { label: "成功", value: "success" },
+  { label: "警告", value: "warning" },
+  { label: "危险", value: "danger" },
+] as const;
+
+const d = (dayOfMonth: number) => dayjs().date(dayOfMonth).format("YYYY-MM-DD");
+
+const currentDate = ref(new Date());
+const dialogVisible = ref(false);
+const dialogTitle = ref("添加事件");
+const editingEventIndex = ref<number>(-1);
+
+const events = ref<CalendarEvent[]>([
+  { date: d(3), content: "产品需求评审", type: "primary" },
+  { date: d(5), endDate: d(7), content: "项目周报会议（跨日期）", type: "primary" },
+  { date: d(10), content: "瑜伽课程", type: "success" },
+  { date: d(15), content: "团队建设活动", type: "primary" },
+  { date: d(20), content: "代码评审", type: "danger" },
+  { date: d(20), content: "团队午餐", type: "primary" },
+  { date: d(20), content: "项目进度汇报", type: "warning" },
+  { date: d(Math.min(28, dayjs().daysInMonth())), content: "月度总结会", type: "warning" },
+]);
+
+const eventForm = ref<CalendarEvent>({
+  date: "",
+  endDate: "",
+  content: "",
+  type: "primary",
+});
+
+const isEditing = computed(() => editingEventIndex.value >= 0);
+
+const formatDate = (date: string) => date.split("-")[2];
+
+const getEventClasses = (type: CalendarEvent["type"] = "primary") => {
+  const classMap = {
+    primary: { bgClass: "bg-theme/12", textClass: "text-theme" },
+    success: { bgClass: "bg-success/12", textClass: "text-success" },
+    warning: { bgClass: "bg-warning/12", textClass: "text-warning" },
+    danger: { bgClass: "bg-danger/12", textClass: "text-danger" },
+  };
+  return classMap[type];
+};
+
+const getEvents = (day: string) => {
+  return events.value
+    .filter((event) => {
+      const eventDate = new Date(event.date);
+      const cellDate = new Date(day);
+      const endDate = event.endDate ? new Date(event.endDate) : new Date(event.date);
+      return cellDate >= eventDate && cellDate <= endDate;
+    })
+    .map((event) => {
+      const { bgClass, textClass } = getEventClasses(event.type);
+      return { ...event, bgClass, textClass };
+    });
+};
+
+const resetForm = () => {
+  eventForm.value = {
+    date: "",
+    endDate: "",
+    content: "",
+    type: "primary",
+  };
+  editingEventIndex.value = -1;
+};
+
+const handleCellClick = (day: string) => {
+  dialogTitle.value = "添加事件";
+  eventForm.value = {
+    date: day,
+    content: "",
+    type: "primary",
+  };
+  editingEventIndex.value = -1;
+  dialogVisible.value = true;
+};
+
+const handleEventClick = (event: CalendarEvent) => {
+  dialogTitle.value = "编辑事件";
+  eventForm.value = { ...event };
+  editingEventIndex.value = events.value.findIndex(
+    (e) => e.date === event.date && e.content === event.content
+  );
+  dialogVisible.value = true;
+};
+
+const handleSaveEvent = () => {
+  if (!eventForm.value.content || !eventForm.value.date) return;
+  if (isEditing.value) {
+    events.value[editingEventIndex.value] = { ...eventForm.value };
+  } else {
+    events.value.push({ ...eventForm.value });
+  }
+  dialogVisible.value = false;
+  resetForm();
+};
+
+const handleDeleteEvent = () => {
+  if (isEditing.value) {
+    events.value.splice(editingEventIndex.value, 1);
+    dialogVisible.value = false;
+    resetForm();
+  }
+};
+</script>
+
+<style scoped>
+.home-calendar {
+  width: 100%;
+  min-width: 0;
+}
+
+:deep(.el-calendar__header) {
+  padding: 6px 4px;
+  border-bottom: none;
+}
+
+:deep(.el-calendar__title) {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+:deep(.el-calendar__header .el-button) {
+  padding: 4px 8px;
+}
+
+:deep(.el-calendar__body) {
+  padding: 2px 0 4px;
+}
+
+:deep(.el-calendar-table thead th) {
+  padding: 4px 0;
+  font-size: 11px;
+  font-weight: 500;
+}
+
+:deep(.is-selected) {
+  background-color: var(--el-color-warning-light-9) !important;
+}
+
+:deep(.el-calendar-day) {
+  height: auto;
+  min-height: 3rem;
+  padding: 0;
+}
+
+:deep(.el-calendar-day:hover) {
+  background-color: transparent !important;
+}
+
+:deep(.el-dialog__body) {
+  padding-top: 20px;
+}
+</style>
diff --git a/src/components/others/fa-copy-button/index.vue b/src/components/others/fa-copy-button/index.vue
new file mode 100644
index 0000000..cb731e3
--- /dev/null
+++ b/src/components/others/fa-copy-button/index.vue
@@ -0,0 +1,63 @@
+<!-- 复制组件 -->
+<template>
+  <ElButton link :style="style" @click="handleClipboard">
+    <slot>
+      <ElIcon><DocumentCopy color="var(--el-color-primary)" /></ElIcon>
+    </slot>
+  </ElButton>
+</template>
+
+<script setup lang="ts">
+import { useI18n } from "vue-i18n";
+
+defineOptions({
+  name: "FaCopyButton",
+  inheritAttrs: false,
+});
+
+const { t } = useI18n();
+
+interface Props {
+  text?: string;
+  style?: Record<string, any>;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  text: "",
+  style: () => ({}),
+});
+
+async function handleClipboard() {
+  if (navigator.clipboard && navigator.clipboard.writeText) {
+    // 使用 Clipboard API
+    try {
+      await navigator.clipboard.writeText(props.text);
+      ElMessage.success(t("common.copySuccess"));
+    } catch (error) {
+      ElMessage.warning(t("common.copyFailed"));
+      console.warn("[FaCopyButton] Copy failed:", error);
+    }
+  } else {
+    // 兼容性处理（useClipboard 有兼容性问题）
+    const input = document.createElement("input");
+    input.style.position = "absolute";
+    input.style.left = "-9999px";
+    input.setAttribute("value", props.text);
+    document.body.appendChild(input);
+    input.select();
+    try {
+      const successful = document.execCommand("copy");
+      if (successful) {
+        ElMessage.success(t("common.copySuccess"));
+      } else {
+        ElMessage.warning(t("common.copyFailed"));
+      }
+    } catch (err) {
+      ElMessage.warning(t("common.copyFailed"));
+      console.warn("[FaCopyButton] Copy failed:", err);
+    } finally {
+      document.body.removeChild(input);
+    }
+  }
+}
+</script>
diff --git a/src/components/others/fa-descriptions/index.vue b/src/components/others/fa-descriptions/index.vue
new file mode 100644
index 0000000..bfc1bef
--- /dev/null
+++ b/src/components/others/fa-descriptions/index.vue
@@ -0,0 +1,194 @@
+<template>
+  <ElScrollbar v-if="scrollbar" :max-height="maxHeight" :view-style="{ overflowX: 'hidden' }">
+    <ElDescriptions v-bind="bindings" :class="ns.b()">
+      <template v-if="$slots.title" #title>
+        <slot name="title" />
+      </template>
+      <template v-if="!$slots.default">
+        <ElDescriptionsItem
+          v-for="item in items"
+          :key="item.prop"
+          :label="item.label"
+          :span="item.span || span"
+          :label-class-name="item.labelClassName"
+          :class-name="item.className"
+        >
+          <slot
+            v-if="item.slot"
+            :name="item.slot"
+            :item="item"
+            :value="data ? getNestedValue(data, item.prop) : undefined"
+            :row="data"
+          />
+          <ElTag
+            v-else-if="item.tag != null"
+            :type="resolveTagType(getNestedValue(data, item.prop), item.tag)"
+          >
+            {{ resolveTagText(getNestedValue(data, item.prop), item.tag) }}
+          </ElTag>
+          <template v-else>
+            <slot
+              :name="item.prop"
+              :item="item"
+              :value="data ? getNestedValue(data, item.prop) : undefined"
+              :row="data"
+            >
+              {{ data ? getNestedValue(data, item.prop) : "" }}
+            </slot>
+          </template>
+        </ElDescriptionsItem>
+      </template>
+      <template v-else>
+        <slot />
+      </template>
+    </ElDescriptions>
+  </ElScrollbar>
+  <ElDescriptions v-else v-bind="bindings" :class="ns.b()">
+    <template v-if="$slots.title" #title>
+      <slot name="title" />
+    </template>
+    <template v-if="!$slots.default">
+      <ElDescriptionsItem
+        v-for="item in items"
+        :key="item.prop"
+        :label="item.label"
+        :span="item.span || span"
+        :label-class-name="item.labelClassName"
+        :class-name="item.className"
+      >
+        <slot
+          v-if="item.slot"
+          :name="item.slot"
+          :item="item"
+          :value="data ? getNestedValue(data, item.prop) : undefined"
+          :row="data"
+        />
+        <ElTag
+          v-else-if="item.tag != null"
+          :type="resolveTagType(getNestedValue(data, item.prop), item.tag)"
+        >
+          {{ resolveTagText(getNestedValue(data, item.prop), item.tag) }}
+        </ElTag>
+        <template v-else>
+          <slot
+            :name="item.prop"
+            :item="item"
+            :value="data ? getNestedValue(data, item.prop) : undefined"
+            :row="data"
+          >
+            {{ data ? getNestedValue(data, item.prop) : "" }}
+          </slot>
+        </template>
+      </ElDescriptionsItem>
+    </template>
+    <template v-else>
+      <slot />
+    </template>
+  </ElDescriptions>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaDescriptions" });
+
+import { computed, useAttrs } from "vue";
+import { useNamespace } from "element-plus";
+
+export type TagType = "primary" | "success" | "warning" | "danger" | "info";
+
+export interface TagConfig {
+  map?: Record<string, { type?: TagType; text?: string }>;
+  type?: TagType;
+}
+
+export interface DescriptionsItem {
+  label: string;
+  prop: string;
+  span?: number;
+  tag?: boolean | TagConfig;
+  slot?: string;
+  labelClassName?: string;
+  className?: string;
+}
+
+const attrs = useAttrs();
+const ns = useNamespace("descriptions");
+
+interface Props {
+  column?: number;
+  border?: boolean;
+  size?: "default" | "small";
+  labelWidth?: string;
+  items?: DescriptionsItem[];
+  data?: Record<string, unknown> | null;
+  span?: number;
+  scrollbar?: boolean;
+  maxHeight?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  column: 4,
+  border: true,
+  size: undefined,
+  labelWidth: undefined,
+  items: () => [],
+  data: null,
+  span: 2,
+  scrollbar: true,
+  maxHeight: "70vh",
+});
+
+const bindings = computed(() => {
+  const bind: Record<string, unknown> = {
+    column: props.column,
+    border: props.border,
+    ...attrs,
+  };
+  if (props.size !== "default") bind.size = props.size;
+  if (props.labelWidth !== undefined) bind.labelWidth = props.labelWidth;
+  return bind;
+});
+
+function getNestedValue(obj: Record<string, unknown> | null, path: string): unknown {
+  if (!obj) return undefined;
+  return path.split(".").reduce((acc, key) => {
+    if (acc && typeof acc === "object" && key in acc) {
+      return (acc as Record<string, unknown>)[key];
+    }
+    return undefined;
+  }, obj as unknown);
+}
+
+function resolveTagType(value: unknown, tag: boolean | TagConfig): TagType {
+  if (typeof tag === "boolean") {
+    return tag ? "success" : "danger";
+  }
+  if (tag.map) {
+    const raw = value == null ? "" : String(value);
+    if (raw in tag.map) {
+      const t = tag.map[raw]!.type;
+      if (t && TAG_TYPES.has(t)) return t;
+    }
+  }
+  if (tag.type && TAG_TYPES.has(tag.type)) return tag.type;
+  return "info";
+}
+
+const TAG_TYPES: Set<string> = new Set(["primary", "success", "warning", "danger", "info"]);
+
+function resolveTagText(value: unknown, tag: boolean | TagConfig): string {
+  const raw = value == null ? "" : String(value);
+  if (typeof tag === "boolean") {
+    return raw;
+  }
+  if (tag.map && raw in tag.map) {
+    return tag.map[raw]!.text ?? raw;
+  }
+  return raw;
+}
+</script>
+
+<style scoped>
+:deep(.fa-descriptions) {
+  width: 100%;
+}
+</style>
diff --git a/src/components/others/fa-guide/index.vue b/src/components/others/fa-guide/index.vue
new file mode 100644
index 0000000..7806b84
--- /dev/null
+++ b/src/components/others/fa-guide/index.vue
@@ -0,0 +1,196 @@
+<!-- 新手引导：目标用函数延迟解析并带回退节点，避免找不到节点时浮层居中变成「纯弹窗」 -->
+<template>
+  <ElTour
+    v-model="open"
+    :show-close="false"
+    :mask="true"
+    :z-index="3100"
+    append-to="body"
+    @change="handleChange"
+    @finish="handleTourFinish"
+    @close="handleTourClose"
+  >
+    <ElTourStep
+      :target="targetMenu"
+      :title="t('common.menu')"
+      :description="t('common.menuDes')"
+      :placement="placementMenu"
+      :prev-button-props="{
+        children: t('common.prevLabel'),
+        onClick: handlePrevClick,
+      }"
+      :next-button-props="{
+        children: t('common.nextLabel'),
+        onClick: handleNextClick,
+      }"
+    />
+    <ElTourStep
+      :target="targetToolbar"
+      :title="t('common.tool')"
+      :description="t('common.toolDes')"
+      placement="bottom"
+      :prev-button-props="{
+        children: t('common.prevLabel'),
+        onClick: handlePrevClick,
+      }"
+      :next-button-props="{
+        children: t('common.nextLabel'),
+        onClick: handleNextClick,
+      }"
+    />
+    <ElTourStep
+      :target="targetTags"
+      :title="t('common.tagsView')"
+      :description="t('common.tagsViewDes')"
+      placement="bottom"
+      :prev-button-props="{
+        children: t('common.prevLabel'),
+        onClick: handlePrevClick,
+      }"
+      :next-button-props="{
+        children: lastStepNextLabel,
+        onClick: handleNextClick,
+      }"
+    />
+    <template #indicators>
+      <ElButton size="small" @click="handleSkip">{{ t("common.skipLabel") }}</ElButton>
+    </template>
+  </ElTour>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaGuide" });
+import { computed } from "vue";
+import { useSettingsStore } from "@stores";
+import { MenuTypeEnum } from "@/enums/appEnum";
+
+const settingStore = useSettingsStore();
+const { t } = useI18n();
+
+interface Props {
+  modelValue?: boolean;
+  teleport?: string | HTMLElement | null;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  modelValue: false,
+  teleport: "body" as const,
+});
+
+interface Emits {
+  "update:modelValue": [value: boolean];
+  change: [index: number];
+  prev: [];
+  next: [];
+  skip: [];
+}
+
+const emit = defineEmits<Emits>();
+
+const open = computed({
+  get: () => props.modelValue,
+  set: (val) => emit("update:modelValue", val),
+});
+
+function hasUsefulRect(el: HTMLElement): boolean {
+  const r = el.getBoundingClientRect();
+  return r.width > 4 && r.height > 4;
+}
+
+function firstPresent(selectors: string[]): HTMLElement | null {
+  for (const sel of selectors) {
+    const el = document.querySelector(sel);
+    if (el instanceof HTMLElement && hasUsefulRect(el)) {
+      return el;
+    }
+  }
+  return null;
+}
+
+/** 菜单高亮：按菜单类型优先，其次回退到侧栏 / 顶栏菜单 / 主内容区 */
+function resolveMenuEl(): HTMLElement | null {
+  const mt = settingStore.menuType as MenuTypeEnum;
+  let order: string[];
+  switch (mt) {
+    case MenuTypeEnum.TOP:
+      order = ["#app-menu-top", "#app-menu-top-left", "#app-sidebar", "#app-main"];
+      break;
+    case MenuTypeEnum.TOP_LEFT:
+      order = ["#app-menu-top-left", "#app-menu-top", "#app-sidebar", "#app-main"];
+      break;
+    case MenuTypeEnum.DUAL_MENU:
+    case MenuTypeEnum.LEFT:
+    default:
+      order = ["#app-sidebar", "#app-menu-top", "#app-menu-top-left", "#app-main"];
+      break;
+  }
+  return firstPresent(order) ?? (document.querySelector("#app-main") as HTMLElement | null);
+}
+
+function resolveToolbarEl(): HTMLElement | null {
+  return (
+    firstPresent(["#app-header-toolbar", "#app-header"]) ??
+    (document.querySelector("#app-main") as HTMLElement | null)
+  );
+}
+
+/** 标签栏关闭时可落到内容区，保证仍有镂空指引 */
+function resolveTagsEl(): HTMLElement | null {
+  return (
+    firstPresent([".worktab-tags-shell", "#app-header", "#app-content"]) ??
+    (document.querySelector("#app-main") as HTMLElement | null)
+  );
+}
+
+/** Element Plus Tour：target 支持函数，在打开时解析 DOM，避免初始渲染阶段节点未就绪 */
+function targetMenu(): HTMLElement | null {
+  return resolveMenuEl();
+}
+function targetToolbar(): HTMLElement | null {
+  return resolveToolbarEl();
+}
+function targetTags(): HTMLElement | null {
+  return resolveTagsEl();
+}
+
+const placementMenu = computed((): "top" | "bottom" | "left" | "right" => {
+  const mt = settingStore.menuType as MenuTypeEnum;
+  return mt === MenuTypeEnum.LEFT || mt === MenuTypeEnum.DUAL_MENU ? "right" : "bottom";
+});
+
+const lastStepNextLabel = computed(() => t("common.doneLabel"));
+
+function handleChange(step: number) {
+  emit("change", step);
+}
+
+function handleSkip() {
+  open.value = false;
+  emit("skip");
+}
+
+function handleTourFinish() {
+  open.value = false;
+  emit("skip");
+}
+
+function handleTourClose() {
+  emit("skip");
+}
+
+function handlePrevClick() {
+  emit("prev");
+}
+
+function handleNextClick() {
+  emit("next");
+}
+</script>
+
+<style scoped>
+.el-tour__content .el-tour-indicators {
+  display: flex;
+  justify-content: flex-end;
+  margin-right: 5px;
+}
+</style>
diff --git a/src/components/others/fa-icon-select/index.vue b/src/components/others/fa-icon-select/index.vue
new file mode 100644
index 0000000..562097e
--- /dev/null
+++ b/src/components/others/fa-icon-select/index.vue
@@ -0,0 +1,210 @@
+<!-- 图标选择器 -->
+<template>
+  <div ref="iconSelectRef" :style="{ width: props.width }">
+    <ElPopover :visible="popoverVisible" :width="props.width" placement="bottom-end">
+      <template #reference>
+        <div @click="popoverVisible = !popoverVisible">
+          <slot>
+            <ElInput v-model="selectedIcon" readonly placeholder="点击选择图标" class="reference">
+              <template #prepend>
+                <!-- EP（含 el-icon- 前缀或与 icons-vue 同名的裸值） / Iconify / 自定义 SVG 文件名 -->
+                <ElIcon v-if="elementIconComp">
+                  <component :is="elementIconComp" />
+                </ElIcon>
+                <FaSvgIcon v-else-if="selectedIcon" :icon="resolveIconForFaSvgIcon(selectedIcon)" />
+              </template>
+              <template #suffix>
+                <!-- 清空按钮 -->
+                <ElIcon
+                  v-if="selectedIcon"
+                  :style="{ marginRight: '8px' }"
+                  @click.stop="clearSelectedIcon"
+                >
+                  <CircleClose />
+                </ElIcon>
+
+                <ElIcon
+                  :style="{
+                    transform: popoverVisible ? 'rotate(180deg)' : 'rotate(0)',
+                    transition: 'transform .5s',
+                  }"
+                >
+                  <ArrowDown @click.stop="togglePopover" />
+                </ElIcon>
+              </template>
+            </ElInput>
+          </slot>
+        </div>
+      </template>
+
+      <!-- 图标选择弹窗 -->
+      <div ref="popoverContentRef">
+        <ElInput v-model="filterText" placeholder="搜索图标" clearable @input="filterIcons" />
+        <ElTabs v-model="activeTab" @tab-click="handleTabClick">
+          <ElTabPane label="SVG 图标" name="svg">
+            <ElScrollbar height="300px">
+              <ul class="icon-grid">
+                <li
+                  v-for="icon in filteredSvgIcons"
+                  :key="'svg-' + icon"
+                  class="icon-grid-item"
+                  @click="selectIcon(icon)"
+                >
+                  <ElTooltip :content="icon" placement="bottom" effect="light">
+                    <FaSvgIcon :icon="resolveIconForFaSvgIcon(icon)" />
+                  </ElTooltip>
+                </li>
+              </ul>
+            </ElScrollbar>
+          </ElTabPane>
+          <ElTabPane label="Element 图标" name="element">
+            <ElScrollbar height="300px">
+              <ul class="icon-grid">
+                <li
+                  v-for="icon in filteredElementIcons"
+                  :key="icon"
+                  class="icon-grid-item flex-cc"
+                  @click="selectIcon(icon)"
+                >
+                  <ElIcon>
+                    <component :is="icon" />
+                  </ElIcon>
+                </li>
+              </ul>
+            </ElScrollbar>
+          </ElTabPane>
+        </ElTabs>
+      </div>
+    </ElPopover>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaIconSelect" });
+import * as ElementPlusIconsVue from "@element-plus/icons-vue";
+import {
+  listLocalIconBasenames,
+  isIconifyStoredIcon,
+  resolveElementPlusIconComponent,
+  resolveIconForFaSvgIcon,
+} from "@utils";
+
+interface Props {
+  modelValue?: string;
+  width?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  modelValue: "",
+  width: "500px",
+});
+
+interface Emits {
+  "update:modelValue": [value: string];
+}
+
+const emit = defineEmits<Emits>();
+
+const iconSelectRef = ref();
+const popoverContentRef = ref();
+const popoverVisible = ref(false);
+const activeTab = ref("svg");
+
+const svgIcons = ref<string[]>([]);
+const elementIcons = ref<string[]>(Object.keys(ElementPlusIconsVue));
+const selectedIcon = defineModel<string | undefined>("modelValue", {
+  default: "",
+});
+
+const filterText = ref("");
+const filteredSvgIcons = ref<string[]>([]);
+const filteredElementIcons = ref<string[]>(elementIcons.value);
+
+const elementIconComp = computed(() => resolveElementPlusIconComponent(selectedIcon.value));
+
+function loadIcons() {
+  svgIcons.value = listLocalIconBasenames();
+  filteredSvgIcons.value = svgIcons.value;
+}
+
+function handleTabClick(tabPane: any) {
+  activeTab.value = tabPane.props.name;
+  filterIcons();
+}
+
+function filterIcons() {
+  if (activeTab.value === "svg") {
+    filteredSvgIcons.value = filterText.value
+      ? svgIcons.value.filter((icon) => icon.toLowerCase().includes(filterText.value.toLowerCase()))
+      : svgIcons.value;
+  } else {
+    filteredElementIcons.value = filterText.value
+      ? elementIcons.value.filter((icon) =>
+          icon.toLowerCase().includes(filterText.value.toLowerCase())
+        )
+      : elementIcons.value;
+  }
+}
+
+function selectIcon(icon: string) {
+  const iconName = activeTab.value === "element" ? "el-icon-" + icon : icon;
+  emit("update:modelValue", iconName);
+  popoverVisible.value = false;
+}
+
+function togglePopover() {
+  popoverVisible.value = !popoverVisible.value;
+}
+
+onClickOutside(iconSelectRef, () => (popoverVisible.value = false), {
+  ignore: [popoverContentRef],
+});
+
+/**
+ * 清空已选图标
+ */
+function clearSelectedIcon() {
+  selectedIcon.value = "";
+}
+
+onMounted(() => {
+  loadIcons();
+  if (selectedIcon.value) {
+    const raw = selectedIcon.value.trim();
+    const epKey = raw.replace(/^el-icon-/i, "");
+    if (elementIcons.value.includes(epKey)) {
+      activeTab.value = "element";
+    } else if (isIconifyStoredIcon(raw)) {
+      activeTab.value = "svg";
+    } else {
+      activeTab.value = "svg";
+    }
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.reference :deep(.el-input__wrapper),
+.reference :deep(.el-input__inner) {
+  cursor: pointer;
+}
+
+.icon-grid {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.icon-grid-item {
+  padding: 8px;
+  margin: 4px;
+  cursor: pointer;
+  border: 1px solid var(--el-border-color);
+  border-radius: 4px;
+  transition: all 0.3s;
+}
+
+.icon-grid-item:hover {
+  border-color: var(--el-color-primary);
+  transform: scale(1.2);
+}
+</style>
diff --git a/src/components/others/fa-interval-tab/index.vue b/src/components/others/fa-interval-tab/index.vue
new file mode 100644
index 0000000..5855e39
--- /dev/null
+++ b/src/components/others/fa-interval-tab/index.vue
@@ -0,0 +1,205 @@
+<template>
+  <ElForm
+    ref="formRef"
+    :model="crontabValueObj"
+    label-width="100px"
+    label-suffix=":"
+    :inline="true"
+    class="interval-tab-form"
+  >
+    <ElFormItem label="秒" prop="second" class="form-item">
+      <ElSelect v-model="crontabValueObj.second" placeholder="秒" clearable>
+        <ElOption label="每秒" value="*">*</ElOption>
+        <ElOption
+          v-for="second in seconds"
+          :key="second"
+          :label="second"
+          :value="second.toString()"
+        >
+          {{ second }}
+        </ElOption>
+      </ElSelect>
+    </ElFormItem>
+    <ElFormItem label="分" prop="min" class="form-item">
+      <ElSelect v-model="crontabValueObj.min" placeholder="分" clearable>
+        <ElOption label="每分" value="*">*</ElOption>
+        <ElOption v-for="min in minutes" :key="min" :label="min" :value="min.toString()">
+          {{ min }}
+        </ElOption>
+      </ElSelect>
+    </ElFormItem>
+    <ElFormItem label="时" prop="hour" class="form-item">
+      <ElSelect v-model="crontabValueObj.hour" placeholder="时" clearable>
+        <ElOption label="每时" value="*">*</ElOption>
+        <ElOption v-for="hour in hours" :key="hour" :label="hour" :value="hour.toString()">
+          {{ hour }}
+        </ElOption>
+      </ElSelect>
+    </ElFormItem>
+    <ElFormItem label="天" prop="day" class="form-item">
+      <ElSelect v-model="crontabValueObj.day" placeholder="天" clearable>
+        <ElOption label="每天" value="*">*</ElOption>
+        <ElOption v-for="day in days" :key="day" :label="day" :value="day">{{ day }}</ElOption>
+      </ElSelect>
+    </ElFormItem>
+    <ElFormItem label="周" prop="week" class="form-item">
+      <ElSelect v-model="crontabValueObj.week" placeholder="周" clearable>
+        <ElOption label="每周" value="*">*</ElOption>
+        <ElOption
+          v-for="week in weekOptions"
+          :key="week.value"
+          :label="week.label"
+          :value="week.value"
+        >
+          {{ week.label }}
+        </ElOption>
+      </ElSelect>
+    </ElFormItem>
+
+    <div class="form-actions">
+      <ElButton @click="emit('cancel')">取消</ElButton>
+      <ElButton type="primary" @click="handleConfirm">确认</ElButton>
+    </div>
+  </ElForm>
+</template>
+
+<script lang="ts" setup>
+defineOptions({ name: "FaIntervalTab" });
+
+// 定义接口，增强类型安全
+interface CrontabValue {
+  second: string;
+  min: string;
+  hour: string;
+  day: string;
+  week: string;
+}
+
+interface WeekOption {
+  value: string;
+  label: string;
+}
+
+// 定义props
+interface Props {
+  cronValue?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {});
+
+// 定义emits
+interface Emits {
+  (e: "confirm", value: string): void;
+  (e: "cancel"): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const formRef = ref();
+
+// 响应式数据
+const crontabValueObj = ref<CrontabValue>({
+  second: "*",
+  min: "*",
+  hour: "*",
+  day: "*",
+  week: "*",
+});
+
+// 常量定义，避免魔法数字
+const MAX_SECONDS = 60;
+const MAX_MINUTES = 60;
+const MAX_HOURS = 24;
+const MAX_DAYS = 31;
+
+// 生成选择器选项
+const seconds = ref(Array.from({ length: MAX_SECONDS }, (_, i) => i));
+const minutes = ref(Array.from({ length: MAX_MINUTES }, (_, i) => i));
+const hours = ref(Array.from({ length: MAX_HOURS }, (_, i) => i));
+const days = ref(Array.from({ length: MAX_DAYS }, (_, i) => i + 1));
+const weekOptions: WeekOption[] = [
+  { value: "1", label: "周一" },
+  { value: "2", label: "周二" },
+  { value: "3", label: "周三" },
+  { value: "4", label: "周四" },
+  { value: "5", label: "周五" },
+  { value: "6", label: "周六" },
+  { value: "7", label: "周日" },
+];
+
+// 初始化时设置cron值
+onMounted(() => {
+  if (props.cronValue) {
+    setCron(props.cronValue);
+  }
+});
+
+// 处理确认
+const handleConfirm = () => {
+  // 简单验证
+  const obj = crontabValueObj.value;
+  if (!obj.second || !obj.min || !obj.hour || !obj.day || !obj.week) {
+    ElMessage.warning("请完善所有时间选项");
+    return;
+  }
+
+  const cronStr = `${obj.second} ${obj.min} ${obj.hour} ${obj.day} ${obj.week}`;
+  emit("confirm", cronStr);
+};
+
+// 设置cron表达式的值
+const setCron = (cronStr: string) => {
+  if (!cronStr) return;
+  const parts = cronStr.split(" ");
+  if (parts.length !== 5) {
+    ElMessage.warning("无效的cron表达式格式");
+    return;
+  }
+
+  const [second, min, hour, day, week] = parts;
+  crontabValueObj.value = {
+    second: second || "*",
+    min: min || "*",
+    hour: hour || "*",
+    day: day || "*",
+    week: week || "*",
+  };
+};
+
+// 暴露方法给父组件
+defineExpose({ setCron });
+</script>
+
+<style lang="scss" scoped>
+.interval-tab-form {
+  flex-wrap: wrap;
+  gap: 16px 8px;
+  width: 100%;
+}
+
+.form-item {
+  width: calc(20% - 8px);
+  min-width: 120px;
+}
+
+.form-actions {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+  width: 100%;
+  margin-top: 16px;
+}
+
+// 响应式调整
+@media (width <= 768px) {
+  .form-item {
+    width: calc(33.33% - 8px);
+  }
+}
+
+@media (width <= 480px) {
+  .form-item {
+    width: calc(50% - 8px);
+  }
+}
+</style>
diff --git a/src/components/others/fa-json-pretty/index.vue b/src/components/others/fa-json-pretty/index.vue
new file mode 100644
index 0000000..4cf2b4e
--- /dev/null
+++ b/src/components/others/fa-json-pretty/index.vue
@@ -0,0 +1,70 @@
+<template>
+  <div class="json-pretty-wrapper" :style="{ maxHeight: height }">
+    <VueJsonPretty
+      v-if="isJson"
+      :data="parsed"
+      :show-line="true"
+      :show-icon="true"
+      :show-double-quotes="false"
+      :show-length="true"
+      :deep="3"
+    />
+    <pre v-else class="json-pretty-fallback">{{ displayText }}</pre>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaJsonPretty" });
+
+import { computed } from "vue";
+import VueJsonPretty from "vue-json-pretty";
+import "vue-json-pretty/lib/styles.css";
+
+interface Props {
+  value?: string | Record<string, any> | any[] | number | boolean;
+  height?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  value: "",
+  height: "240px",
+});
+
+const parsed = computed(() => {
+  const v: any = props.value;
+  if (typeof v === "string") {
+    try {
+      return JSON.parse(v);
+    } catch {
+      return v; // 非 JSON 字符串，原样展示
+    }
+  }
+  return v;
+});
+
+const isJson = computed(() => typeof parsed.value === "object" && parsed.value !== null);
+const displayText = computed(() => {
+  const v: any = props.value;
+  return typeof v === "string" ? v : JSON.stringify(v, null, 2);
+});
+</script>
+
+<style scoped>
+.json-pretty-wrapper {
+  padding: 8px;
+  overflow: auto;
+  background-color: var(--el-fill-color-blank);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 4px;
+}
+
+.json-pretty-fallback {
+  margin: 0;
+  font-family:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
+    monospace;
+  font-size: 12px;
+  word-break: break-all;
+  white-space: pre-wrap;
+}
+</style>
diff --git a/src/components/others/fa-markdown-renderer/index.vue b/src/components/others/fa-markdown-renderer/index.vue
new file mode 100644
index 0000000..40cfbca
--- /dev/null
+++ b/src/components/others/fa-markdown-renderer/index.vue
@@ -0,0 +1,150 @@
+<template>
+  <div class="markdown-content" v-html="renderedContent"></div>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import MarkdownIt from "markdown-it";
+import markdownItHighlightjs from "markdown-it-highlightjs";
+import hljs from "highlight.js";
+import DOMPurify from "dompurify";
+import "highlight.js/styles/atom-one-light.css";
+
+defineOptions({ name: "FaMarkdownRenderer" });
+
+interface Props {
+  /** Markdown 源文本 */
+  content: string;
+  /** 超过此长度则截断并追加 "..."（按字符数，不按渲染后长度） */
+  maxLength?: number;
+  /** 是否对渲染后的 HTML 做 XSS 消毒，默认 true（AI 场景默认开；可信后端 HTML 渲染时可关闭） */
+  sanitize?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  maxLength: undefined,
+  sanitize: true,
+});
+
+const md: MarkdownIt = new MarkdownIt({
+  html: true,
+  linkify: true,
+  typographer: true,
+  breaks: true,
+  highlight(str: string, lang: string): string {
+    if (lang && hljs.getLanguage(lang)) {
+      try {
+        return `<pre class="hljs"><code>${hljs.highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`;
+      } catch {
+        return `<pre class="hljs"><code>${md.utils.escapeHtml(str)}</code></pre>`;
+      }
+    }
+    return `<pre class="hljs"><code>${md.utils.escapeHtml(str)}</code></pre>`;
+  },
+}).use(markdownItHighlightjs);
+
+const defaultRender =
+  md.renderer.rules.link_open ||
+  function (tokens: any[], idx: number, options: any, env: any, self: any) {
+    return self.renderToken(tokens, idx, options, env, self);
+  };
+
+md.renderer.rules.link_open = function (
+  tokens: any[],
+  idx: number,
+  options: any,
+  env: any,
+  self: any
+) {
+  tokens[idx].attrPush(["target", "_blank"]);
+  tokens[idx].attrPush(["rel", "noopener noreferrer"]);
+  return defaultRender(tokens, idx, options, env, self);
+};
+
+const renderedContent = computed(() => {
+  if (!props.content) return "";
+  const source =
+    props.maxLength && props.content.length > props.maxLength
+      ? props.content.substring(0, props.maxLength) + "..."
+      : props.content;
+  const html = md.render(source);
+  return props.sanitize ? DOMPurify.sanitize(html) : html;
+});
+</script>
+
+<style lang="scss" scoped>
+.markdown-content {
+  font-size: 14px;
+  line-height: 1.6;
+  color: var(--el-text-color-primary);
+  overflow-wrap: break-word;
+
+  :deep(pre) {
+    padding: 12px;
+    margin: 12px 0;
+    overflow-x: auto;
+    background: var(--el-fill-color-light);
+    border-radius: 6px;
+
+    code {
+      font-family: "Courier New", Courier, monospace;
+      font-size: 13px;
+    }
+  }
+
+  :deep(code) {
+    padding: 2px 6px;
+    font-family: "Courier New", Courier, monospace;
+    font-size: 13px;
+    background: var(--el-fill-color-light);
+    border-radius: 3px;
+  }
+
+  :deep(p) {
+    margin: 8px 0;
+  }
+
+  :deep(ul),
+  :deep(ol) {
+    padding-left: 24px;
+    margin: 8px 0;
+  }
+
+  :deep(li) {
+    margin: 4px 0;
+  }
+
+  :deep(a) {
+    color: var(--el-color-primary);
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  :deep(blockquote) {
+    padding: 8px 16px;
+    margin: 12px 0;
+    background: var(--el-fill-color-light);
+    border-left: 4px solid var(--el-color-primary);
+  }
+
+  :deep(table) {
+    width: 100%;
+    margin: 12px 0;
+    border-collapse: collapse;
+
+    th,
+    td {
+      padding: 8px 12px;
+      border: 1px solid var(--el-border-color-light);
+    }
+
+    th {
+      font-weight: 600;
+      background: var(--el-fill-color-light);
+    }
+  }
+}
+</style>
diff --git a/src/components/others/fa-menu-right/index.vue b/src/components/others/fa-menu-right/index.vue
new file mode 100644
index 0000000..9ea6cdd
--- /dev/null
+++ b/src/components/others/fa-menu-right/index.vue
@@ -0,0 +1,421 @@
+<!-- 右键菜单 -->
+<template>
+  <div class="menu-right">
+    <Transition name="context-menu" @before-enter="onBeforeEnter" @after-leave="onAfterLeave">
+      <div
+        v-show="visible"
+        :style="menuStyle"
+        class="context-menu fa-card-xs shadow-xl! min-w-(--menu-width) w-(--menu-width)"
+      >
+        <ul class="menu-list m-0 list-none" :style="menuListStyle">
+          <template v-for="item in menuItems" :key="item.key">
+            <!-- 普通菜单项 -->
+            <li
+              v-if="!item.children"
+              class="menu-item relative flex items-center cursor-pointer select-none rounded text-xs transition-colors duration-150 hover:bg-(--el-color-primary-light-9)"
+              :class="{ 'is-disabled': item.disabled, 'has-line': item.showLine }"
+              :style="menuItemStyle"
+              @click="handleMenuClick(item)"
+            >
+              <FaSvgIcon
+                v-if="item.icon"
+                class="mr-2 shrink-0 text-base text-g-800"
+                :icon="item.icon"
+              />
+              <span
+                class="menu-label flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-g-800"
+              >
+                {{ item.label }}
+              </span>
+            </li>
+
+            <!-- 子菜单 -->
+            <li
+              v-else
+              class="menu-item submenu relative flex items-center cursor-pointer select-none rounded text-xs transition-colors duration-150 hover:bg-(--el-color-primary-light-9)"
+              :style="menuItemStyle"
+            >
+              <div class="submenu-title flex items-center w-full">
+                <FaSvgIcon
+                  v-if="item.icon"
+                  class="mr-2 shrink-0 text-base text-g-800"
+                  :icon="item.icon"
+                />
+                <span
+                  class="menu-label flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-g-800"
+                >
+                  {{ item.label }}
+                </span>
+                <FaSvgIcon
+                  icon="ri:arrow-right-s-line"
+                  class="ubmenu-arrow ml-auto mr-0 text-base text-g-500 transition-transform duration-150"
+                />
+              </div>
+              <ul
+                class="submenu-list fa-card-xs absolute left-full top-0 z-2001 hidden w-max min-w-max list-none shadow-xl!"
+                :style="submenuListStyle"
+              >
+                <li
+                  v-for="child in item.children"
+                  :key="child.key"
+                  class="menu-item relative mx-1.5 flex items-center cursor-pointer select-none rounded text-xs transition-colors duration-150 hover:bg-(--el-color-primary-light-9)"
+                  :class="{ 'is-disabled': child.disabled, 'has-line': child.showLine }"
+                  :style="menuItemStyle"
+                  @click="handleMenuClick(child)"
+                >
+                  <FaSvgIcon
+                    v-if="child.icon"
+                    class="r-2 shrink-0 text-base text-g-800 mr-1"
+                    :icon="child.icon"
+                  />
+                  <span
+                    class="menu-label flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-g-800"
+                  >
+                    {{ child.label }}
+                  </span>
+                </li>
+              </ul>
+            </li>
+          </template>
+        </ul>
+      </div>
+    </Transition>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from "vue";
+import type { CSSProperties } from "vue";
+
+defineOptions({ name: "FaMenuRight" });
+
+export interface MenuItemType {
+  /** 菜单项唯一标识 */
+  key: string;
+  /** 菜单项标签 */
+  label: string;
+  /** 菜单项图标 */
+  icon?: string;
+  /** 菜单项是否禁用 */
+  disabled?: boolean;
+  /** 菜单项是否显示分割线 */
+  showLine?: boolean;
+  /** 子菜单 */
+  children?: MenuItemType[];
+  [key: string]: any;
+}
+
+interface Props {
+  menuItems: MenuItemType[];
+  /** 菜单宽度 */
+  menuWidth?: number;
+  /** 子菜单宽度 */
+  submenuWidth?: number;
+  /** 菜单项高度 */
+  itemHeight?: number;
+  /** 边界距离 */
+  boundaryDistance?: number;
+  /** 菜单内边距 */
+  menuPadding?: number;
+  /** 菜单项水平内边距 */
+  itemPaddingX?: number;
+  /** 菜单圆角 */
+  borderRadius?: number;
+  /** 动画持续时间 */
+  animationDuration?: number;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  menuWidth: 120,
+  submenuWidth: 150,
+  itemHeight: 32,
+  boundaryDistance: 10,
+  menuPadding: 5,
+  itemPaddingX: 6,
+  borderRadius: 6,
+  animationDuration: 100,
+});
+
+interface Emits {
+  (e: "select", item: MenuItemType): void;
+  (e: "show"): void;
+  (e: "hide"): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const visible = ref(false);
+const position = ref({ x: 0, y: 0 });
+
+// 用于清理定时器和事件监听器
+let showTimer: number | null = null;
+let eventListenersAdded = false;
+
+// 计算菜单样式
+const menuStyle = computed(
+  (): CSSProperties => ({
+    position: "fixed" as const,
+    left: `${position.value.x}px`,
+    top: `${position.value.y}px`,
+    zIndex: 2000,
+    width: `${props.menuWidth}px`,
+  })
+);
+
+// 计算菜单列表样式
+const menuListStyle = computed(
+  (): CSSProperties => ({
+    padding: `${props.menuPadding}px`,
+  })
+);
+
+// 计算菜单项样式
+const menuItemStyle = computed(
+  (): CSSProperties => ({
+    height: `${props.itemHeight}px`,
+    padding: `0 ${props.itemPaddingX}px`,
+    borderRadius: "4px",
+  })
+);
+
+// 计算子菜单列表样式
+const submenuListStyle = computed(
+  (): CSSProperties => ({
+    minWidth: `${props.submenuWidth}px`,
+    padding: `${props.menuPadding}px 0`,
+    borderRadius: `${props.borderRadius}px`,
+  })
+);
+
+// 计算菜单高度（用于边界检测）
+const calculateMenuHeight = (): number => {
+  let totalHeight = props.menuPadding * 2; // 上下内边距
+
+  props.menuItems.forEach((item) => {
+    totalHeight += props.itemHeight;
+    if (item.showLine) {
+      totalHeight += 10; // 分割线额外高度
+    }
+  });
+
+  return totalHeight;
+};
+
+// 优化的位置计算函数
+const calculatePosition = (e: MouseEvent) => {
+  const screenWidth = window.innerWidth;
+  const screenHeight = window.innerHeight;
+  const menuHeight = calculateMenuHeight();
+
+  let x = e.clientX;
+  let y = e.clientY;
+
+  // 检查右边界 - 优先显示在鼠标右侧，如果空间不足则显示在左侧
+  if (x + props.menuWidth > screenWidth - props.boundaryDistance) {
+    x = Math.max(props.boundaryDistance, x - props.menuWidth);
+  }
+
+  // 检查下边界 - 优先显示在鼠标下方，如果空间不足则向上调整
+  if (y + menuHeight > screenHeight - props.boundaryDistance) {
+    y = Math.max(props.boundaryDistance, screenHeight - menuHeight - props.boundaryDistance);
+  }
+
+  // 确保不会超出边界
+  x = Math.max(
+    props.boundaryDistance,
+    Math.min(x, screenWidth - props.menuWidth - props.boundaryDistance)
+  );
+  y = Math.max(
+    props.boundaryDistance,
+    Math.min(y, screenHeight - menuHeight - props.boundaryDistance)
+  );
+
+  return { x, y };
+};
+
+// 添加事件监听器
+const addEventListeners = () => {
+  if (eventListenersAdded) return;
+
+  document.addEventListener("click", handleDocumentClick);
+  document.addEventListener("contextmenu", handleDocumentContextmenu);
+  document.addEventListener("keydown", handleKeydown);
+  eventListenersAdded = true;
+};
+
+// 移除事件监听器
+const removeEventListeners = () => {
+  if (!eventListenersAdded) return;
+
+  document.removeEventListener("click", handleDocumentClick);
+  document.removeEventListener("contextmenu", handleDocumentContextmenu);
+  document.removeEventListener("keydown", handleKeydown);
+  eventListenersAdded = false;
+};
+
+// 处理文档点击事件
+const handleDocumentClick = (e: Event) => {
+  // 检查点击是否在菜单内部
+  const target = e.target as Element;
+  const menuElement = document.querySelector(".context-menu");
+  if (menuElement && menuElement.contains(target)) {
+    return;
+  }
+  hide();
+};
+
+// 处理文档右键事件
+const handleDocumentContextmenu = () => {
+  hide();
+};
+
+// 处理键盘事件
+const handleKeydown = (e: KeyboardEvent) => {
+  if (e.key === "Escape") {
+    hide();
+  }
+};
+
+const show = (e: MouseEvent) => {
+  e.preventDefault();
+  e.stopPropagation();
+
+  // 清理之前的定时器
+  if (showTimer) {
+    window.clearTimeout(showTimer);
+    showTimer = null;
+  }
+
+  // 计算位置
+  position.value = calculatePosition(e);
+  visible.value = true;
+
+  emit("show");
+
+  // 延迟添加事件监听器，避免立即触发关闭
+  showTimer = window.setTimeout(() => {
+    if (visible.value) {
+      addEventListeners();
+    }
+    showTimer = null;
+  }, 50); // 减少延迟时间，提升响应性
+};
+
+const hide = () => {
+  if (!visible.value) return;
+
+  visible.value = false;
+  emit("hide");
+
+  // 清理定时器
+  if (showTimer) {
+    window.clearTimeout(showTimer);
+    showTimer = null;
+  }
+
+  // 移除事件监听器
+  removeEventListeners();
+};
+
+const handleMenuClick = (item: MenuItemType) => {
+  if (item.disabled) return;
+  emit("select", item);
+  hide();
+};
+
+// 动画钩子函数
+const onBeforeEnter = (el: Element) => {
+  const element = el as HTMLElement;
+  element.style.transformOrigin = "top left";
+};
+
+const onAfterLeave = () => {
+  // 确保清理所有资源
+  removeEventListeners();
+  if (showTimer) {
+    window.clearTimeout(showTimer);
+    showTimer = null;
+  }
+};
+
+// 组件卸载时清理资源
+onUnmounted(() => {
+  removeEventListeners();
+  if (showTimer) {
+    window.clearTimeout(showTimer);
+    showTimer = null;
+  }
+});
+
+// 导出方法供父组件调用
+defineExpose({
+  show,
+  hide,
+  visible: computed(() => visible.value),
+});
+</script>
+
+<style scoped>
+.menu-right {
+  --menu-width: v-bind('props.menuWidth + "px"');
+  --border-radius: v-bind('props.borderRadius + "px"');
+}
+
+.menu-item.has-line {
+  margin-bottom: 10px;
+}
+
+.menu-item.has-line::after {
+  position: absolute;
+  right: 0;
+  bottom: -5px;
+  left: 0;
+  height: 1px;
+  content: "";
+  background-color: var(--fa-gray-300);
+}
+
+.menu-item.is-disabled {
+  color: var(--el-text-color-disabled);
+  cursor: not-allowed;
+}
+
+.menu-item.is-disabled:hover {
+  background-color: transparent !important;
+}
+
+.menu-item.is-disabled i:not(.submenu-arrow),
+.menu-item.is-disabled :deep(.fa-svg-icon) {
+  color: var(--el-text-color-disabled) !important;
+}
+
+.menu-item.is-disabled .menu-label {
+  color: var(--el-text-color-disabled) !important;
+}
+
+.menu-item.submenu:hover .submenu-list {
+  display: block;
+}
+
+.menu-item.submenu:hover .submenu-title .submenu-arrow {
+  transform: rotate(90deg);
+}
+
+/* 动画样式 */
+.context-menu-enter-active,
+.context-menu-leave-active {
+  transition: all v-bind('props.animationDuration + "ms"') ease-out;
+}
+
+.context-menu-enter-from,
+.context-menu-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+}
+
+.context-menu-enter-to,
+.context-menu-leave-from {
+  opacity: 1;
+  transform: scale(1);
+}
+</style>
diff --git a/src/components/others/fa-menu-route-icon/index.vue b/src/components/others/fa-menu-route-icon/index.vue
new file mode 100644
index 0000000..79d75ae
--- /dev/null
+++ b/src/components/others/fa-menu-route-icon/index.vue
@@ -0,0 +1,70 @@
+<!-- 路由 / 侧栏菜单图标：与 IconSelect 存值规则一致 -->
+<template>
+  <template v-if="!trimmedIcon" />
+
+  <ElIcon
+    v-else-if="elementComponent"
+    :class="iconClass"
+    :style="mergedStyle"
+    class="menu-route-icon"
+  >
+    <component :is="elementComponent" />
+  </ElIcon>
+
+  <FaSvgIcon
+    v-else-if="isInvalidElementPrefix"
+    :icon="epFallback"
+    :color="color"
+    :class="iconClass"
+    :style="mergedStyle"
+  />
+
+  <FaSvgIcon v-else :icon="resolvedFaIcon" :color="color" :class="iconClass" :style="mergedStyle" />
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import {
+  elementMenuIconToEpIconify,
+  isElementPlusStoredIcon,
+  resolveElementPlusIconComponent,
+  resolveIconForFaSvgIcon,
+} from "@utils";
+
+defineOptions({ name: "FaMenuRouteIcon", inheritAttrs: false });
+
+interface Props {
+  icon?: string;
+  color?: string;
+  /** 与 Vue `class` 一致（含条件 `false`） */
+  class?: string | string[] | Record<string, boolean> | null | undefined | false;
+  style?: Record<string, unknown> | string;
+}
+
+const props = withDefaults(defineProps<Props>(), {});
+
+const trimmedIcon = computed(() => props.icon?.trim() ?? "");
+
+const elementComponent = computed(() => resolveElementPlusIconComponent(trimmedIcon.value));
+
+/** 仅带 `el-icon-` 却解析不出 EP 组件时走 ep 兜底，裸名无效则仍按自定义 SVG 处理 */
+const isInvalidElementPrefix = computed(
+  () => !!trimmedIcon.value && isElementPlusStoredIcon(trimmedIcon.value) && !elementComponent.value
+);
+
+const epFallback = computed(() => elementMenuIconToEpIconify(trimmedIcon.value));
+
+/** Iconify（含历史本地 SVG 文件名 → Remix `ri:`） */
+const resolvedFaIcon = computed(() => resolveIconForFaSvgIcon(trimmedIcon.value));
+
+const iconClass = computed(() =>
+  props.class === false || props.class == null ? undefined : props.class
+);
+const mergedStyle = computed(() => {
+  const base = typeof props.style === "object" && props.style !== null ? { ...props.style } : {};
+  if (props.color) {
+    (base as Record<string, string>).color = props.color;
+  }
+  return base as Record<string, string>;
+});
+</script>
diff --git a/src/components/others/fa-menu-tree-table/index.vue b/src/components/others/fa-menu-tree-table/index.vue
new file mode 100644
index 0000000..7b642bf
--- /dev/null
+++ b/src/components/others/fa-menu-tree-table/index.vue
@@ -0,0 +1,204 @@
+<template>
+  <div class="flex flex-col h-full">
+    <!-- 搜索栏 + 操作按钮 -->
+    <div class="mb-3 flex items-center gap-3 shrink-0">
+      <ElInput
+        v-model="filterText"
+        placeholder="搜索菜单名称"
+        clearable
+        class="menu-tree-search-input"
+        :prefix-icon="Search"
+        size="small"
+      />
+      <ElButton type="primary" size="small" plain @click="toggleExpandAll">
+        <template #icon><SwitchIcon /></template>
+        {{ isExpanded ? "收起" : "展开" }}
+      </ElButton>
+      <ElCheckbox v-model="parentChildLinked">父子联动</ElCheckbox>
+    </div>
+
+    <!-- 菜单树 -->
+    <div class="flex-1 overflow-auto" v-loading="loading">
+      <ElTree
+        ref="treeRef"
+        node-key="id"
+        :data="menuTree"
+        show-checkbox
+        :check-strictly="!parentChildLinked"
+        :default-expand-all="isExpanded"
+        :filter-node-method="filterNode"
+        :props="{ children: 'children', label: 'name' }"
+      >
+        <template #default="{ data }">
+          <div class="menu-node flex items-center gap-2">
+            <FaMenuRouteIcon v-if="data.icon" :icon="data.icon" />
+            <span class="node-name" :class="{ 'is-dir': data.type === 1 }">
+              {{ data.name }}
+            </span>
+            <ElTag :type="nodeMeta(data)!.type" size="small" effect="plain" round>
+              {{ nodeMeta(data)!.label }}
+            </ElTag>
+          </div>
+        </template>
+      </ElTree>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch, nextTick } from "vue";
+import { Search, Switch as SwitchIcon } from "@element-plus/icons-vue";
+import FaMenuRouteIcon from "@/components/others/fa-menu-route-icon/index.vue";
+
+defineOptions({ name: "FaMenuTreeTable" });
+
+// ==================== 类型 ====================
+interface MenuNode {
+  id?: number;
+  type?: number; // 1=目录 2=菜单 3=按钮 4=链接
+  name?: string;
+  icon?: string;
+  parent_id?: number;
+  children?: MenuNode[];
+}
+
+// el-tree 内部节点结构（仅用到部分字段）
+interface TreeNode {
+  data: MenuNode;
+  checked: boolean;
+  indeterminate: boolean;
+  expanded?: boolean;
+  childNodes: TreeNode[];
+  parent: TreeNode | null;
+}
+
+interface Props {
+  menuTree: MenuNode[];
+  checkedIds?: number[];
+  loading?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  checkedIds: () => [],
+  loading: false,
+});
+
+// 节点类型常量（1=目录 2=菜单 3=按钮 4=链接）
+const isLeaf = (t?: number) => t === 3 || t === 4; // 按钮 / 链接
+
+// 节点类型 → 标签样式 / 文案
+type TagType = "primary" | "success" | "warning" | "danger" | "info";
+const NODE_META: Record<number, { type: TagType; label: string }> = {
+  1: { type: "warning", label: "目录" },
+  2: { type: "primary", label: "菜单" },
+  3: { type: "success", label: "按钮" },
+  4: { type: "danger", label: "链接" },
+};
+const nodeMeta = (n: MenuNode) => NODE_META[n.type ?? 2] ?? NODE_META[2];
+
+// ==================== 状态 ====================
+const treeRef = ref<any>(null);
+const filterText = ref("");
+const isExpanded = ref(true);
+const parentChildLinked = ref(true);
+
+// 工具：安全获取 el-tree 内部 nodesMap
+const getNodesMap = () => treeRef.value?.store?.nodesMap as Record<number, TreeNode> | undefined;
+
+// ==================== 搜索 / 展开 ====================
+function filterNode(value: string, data: any) {
+  if (!value) return true;
+  return (data.name ?? "").toLowerCase().includes(value.toLowerCase());
+}
+
+function setAllExpanded(expanded: boolean) {
+  nextTick(() => {
+    const nodesMap = getNodesMap();
+    if (!nodesMap) return;
+    for (const node of Object.values(nodesMap)) {
+      node.expanded = expanded;
+    }
+  });
+}
+
+function toggleExpandAll() {
+  isExpanded.value = !isExpanded.value;
+  setAllExpanded(isExpanded.value);
+}
+
+// ==================== 父级状态计算 ====================
+// 单次遍历子节点：统计 fully checked + 是否存在 indeterminate
+function recomputeNode(p: TreeNode) {
+  let fully = 0;
+  let hasIndeterminate = false;
+  for (const c of p.childNodes) {
+    if (c.checked) fully++;
+    else if (c.indeterminate) hasIndeterminate = true;
+  }
+  const total = p.childNodes.length;
+  p.checked = fully === total;
+  p.indeterminate = (fully > 0 || hasIndeterminate) && !p.checked;
+}
+
+// ==================== 初始化 ====================
+// 回显策略：只勾叶子（按钮/链接），父级状态自动向上传播半选
+function initFromProps() {
+  nextTick(() => {
+    const tree = treeRef.value;
+    const nodesMap = getNodesMap();
+    if (!tree || !nodesMap) return;
+
+    // 1. 清空
+    for (const node of Object.values(nodesMap)) {
+      node.checked = false;
+      node.indeterminate = false;
+    }
+
+    // 2. 勾叶子 + 收集受影响父级（去重，每个父级只重算一次）
+    const affected = new Set<TreeNode>();
+    for (const id of props.checkedIds ?? []) {
+      const node = tree.getNode(id) as TreeNode | null;
+      if (!node || !isLeaf(node.data.type)) continue;
+      node.checked = true;
+      for (let p = node.parent; p; p = p.parent) affected.add(p);
+    }
+
+    // 3. 统一重算
+    for (const p of affected) recomputeNode(p);
+  });
+}
+
+// ==================== 对外 API ====================
+function getCheckedIds(): number[] {
+  const tree = treeRef.value;
+  if (!tree) return [];
+  const ids = new Set<number>();
+  // 完全选中的菜单 / 按钮 / 链接
+  for (const n of (tree.getCheckedNodes() ?? []) as MenuNode[]) {
+    if (n.id != null && n.type !== 1) ids.add(n.id);
+  }
+  // 半选父级（菜单 + 目录）—— 作为父级路径传后端
+  for (const n of (tree.getHalfCheckedNodes() ?? []) as MenuNode[]) {
+    if (n.id != null) ids.add(n.id);
+  }
+  return [...ids];
+}
+
+defineExpose({ getCheckedIds, refresh: initFromProps });
+
+// ==================== 监听 ====================
+watch(
+  () => [props.menuTree, props.checkedIds] as const,
+  () => initFromProps(),
+  { immediate: true, deep: true }
+);
+// 切换父子联动时重新初始化：check-strictly 改变需要重置半选状态
+watch(parentChildLinked, () => initFromProps());
+watch(filterText, (val) => {
+  treeRef.value?.filter(val);
+  if (val) {
+    isExpanded.value = true;
+    setAllExpanded(true);
+  }
+});
+</script>
diff --git a/src/components/others/fa-pagination/index.vue b/src/components/others/fa-pagination/index.vue
new file mode 100644
index 0000000..d247fb5
--- /dev/null
+++ b/src/components/others/fa-pagination/index.vue
@@ -0,0 +1,148 @@
+<!-- 分页组件 -->
+<template>
+  <ElScrollbar>
+    <div :class="{ hidden: hidden }" class="pagination">
+      <ElPagination
+        v-model:current-page="currentPage"
+        v-model:page-size="pageSize"
+        :background="background"
+        :disabled="disabled"
+        :layout="layout"
+        :page-sizes="pageSizes"
+        :pager-count="pagerCount"
+        :size="size"
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </div>
+  </ElScrollbar>
+</template>
+
+<script setup lang="ts">
+import { watch } from "vue";
+
+defineOptions({ name: "FaPagination" });
+
+interface Props {
+  total?: number;
+  pageSizes?: number[];
+  layout?: string;
+  background?: boolean;
+  disabled?: boolean;
+  /** 页码按钮数量（透传 ElPagination） */
+  pagerCount?: number;
+  /** 分页器尺寸（透传 ElPagination） */
+  size?: "" | "default" | "small" | "large";
+  autoScroll?: boolean;
+  hidden?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  total: 0,
+  pageSizes: () => [10, 20, 30, 50, 100],
+  layout: "total, sizes, prev, pager, next, jumper",
+  background: true,
+  disabled: false,
+  pagerCount: undefined,
+  size: undefined,
+  autoScroll: true,
+  hidden: false,
+});
+
+interface Emits {
+  pagination: [params: { page: number; limit: number }];
+}
+
+const emit = defineEmits<Emits>();
+
+const currentPage = defineModel("page", {
+  type: Number,
+  required: true,
+  default: 1,
+});
+
+const pageSize = defineModel("limit", {
+  type: Number,
+  required: true,
+  default: 10,
+});
+
+watch(
+  () => props.total,
+  (newVal: number) => {
+    const lastPage = Math.ceil(newVal / pageSize.value);
+    if (newVal > 0 && currentPage.value > lastPage) {
+      currentPage.value = lastPage;
+      emit("pagination", { page: currentPage.value, limit: pageSize.value });
+    }
+  }
+);
+
+function handleSizeChange(val: number) {
+  currentPage.value = 1;
+  emit("pagination", { page: currentPage.value, limit: val });
+}
+
+function handleCurrentChange(val: number) {
+  emit("pagination", { page: val, limit: pageSize.value });
+}
+</script>
+
+<style lang="scss" scoped>
+.pagination {
+  display: flex;
+  flex-shrink: 0;
+  justify-content: center;
+  // padding: 12px 0;
+
+  /* 自定义分页按钮样式（透明背景 + 主题色边框） */
+  :deep(.el-pagination) {
+    .btn-prev,
+    .btn-next {
+      background-color: transparent;
+      border: 1px solid var(--fa-gray-300);
+      transition: border-color 0.15s;
+
+      &:hover:not(.is-disabled) {
+        color: var(--theme-color);
+        border-color: var(--theme-color);
+      }
+    }
+
+    li {
+      box-sizing: border-box;
+      font-weight: 400 !important;
+      background-color: transparent;
+      border: 1px solid var(--fa-gray-300);
+      transition: border-color 0.15s;
+
+      &.is-active {
+        font-weight: 400;
+        color: #fff;
+        background-color: var(--theme-color);
+        border: 1px solid var(--theme-color);
+      }
+
+      &:hover:not(.is-disabled) {
+        border-color: var(--theme-color);
+      }
+    }
+  }
+
+  :deep(.el-select) {
+    width: 102px !important;
+  }
+}
+
+/* H5 端：ElPagination 内容较多一行展示不下，改为可换行展示 */
+@media (width <= 640px) {
+  .pagination :deep(.el-pagination) {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 15px 0;
+    align-items: center;
+    justify-content: center;
+  }
+}
+</style>
diff --git a/src/components/others/fa-showcase/index.vue b/src/components/others/fa-showcase/index.vue
new file mode 100644
index 0000000..39a27d8
--- /dev/null
+++ b/src/components/others/fa-showcase/index.vue
@@ -0,0 +1,20 @@
+<template>
+  <component :is="tag" class="fa-widget-demo-title">
+    <slot />
+  </component>
+</template>
+
+<script setup lang="ts">
+/**
+ * Widget 演示页章节标题（与历史 `page-title` Tailwind 一致）。
+ * 业务页如需同款排版可直接复用；CRUD 列表页优先用 FaSearchBar + 表格区标题即可。
+ */
+defineOptions({ name: "FaShowcase" });
+
+interface Props {
+  /** 页面唯一主标题用 h1，分区用 h2 */
+  tag?: "h1" | "h2";
+}
+
+withDefaults(defineProps<Props>(), { tag: "h1" });
+</script>
diff --git a/src/components/others/fa-size-select/index.vue b/src/components/others/fa-size-select/index.vue
new file mode 100644
index 0000000..b16893a
--- /dev/null
+++ b/src/components/others/fa-size-select/index.vue
@@ -0,0 +1,47 @@
+<!-- 布局大小（触发器与顶栏 FaIconButton 一致，避免与其它图标尺寸/悬停不一致） -->
+<template>
+  <ElTooltip :content="t('sizeSelect.tooltip')" effect="dark" placement="bottom">
+    <ElDropdown trigger="click" @command="handleSizeChange">
+      <span class="inline-flex outline-none leading-none">
+        <FaIconButton :icon="resolveIconForFaSvgIcon('size')" class="size-select-btn text-[19px]" />
+      </span>
+      <template #dropdown>
+        <ElDropdownMenu>
+          <ElDropdownItem
+            v-for="item of sizeOptions"
+            :key="item.value"
+            :disabled="appStore.size == item.value"
+            :command="item.value"
+          >
+            {{ item.label }}
+          </ElDropdownItem>
+        </ElDropdownMenu>
+      </template>
+    </ElDropdown>
+  </ElTooltip>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaSizeSelect" });
+
+import { ComponentSize } from "@/enums/settings/layout.enum";
+import { useAppStore } from "@stores";
+import { resolveIconForFaSvgIcon } from "@utils";
+import { computed } from "vue";
+import { ElMessage } from "element-plus";
+
+const { t } = useI18n();
+const sizeOptions = computed(() => {
+  return [
+    { label: t("sizeSelect.default"), value: ComponentSize.DEFAULT },
+    { label: t("sizeSelect.large"), value: ComponentSize.LARGE },
+    { label: t("sizeSelect.small"), value: ComponentSize.SMALL },
+  ];
+});
+
+const appStore = useAppStore();
+function handleSizeChange(size: string) {
+  appStore.changeSize(size);
+  ElMessage.success(t("sizeSelect.message.success"));
+}
+</script>
diff --git a/src/components/others/fa-status-tag/index.vue b/src/components/others/fa-status-tag/index.vue
new file mode 100644
index 0000000..e1444f6
--- /dev/null
+++ b/src/components/others/fa-status-tag/index.vue
@@ -0,0 +1,38 @@
+<template>
+  <ElTag :type="type" :size="size" :effect="effect" :round="round" :closable="closable">
+    {{ label }}
+  </ElTag>
+</template>
+
+<script setup lang="ts">
+import { ElTag } from "element-plus";
+
+defineOptions({ name: "FaStatusTag" });
+
+interface Props {
+  /** 显示文本 */
+  label?: string | number;
+  /**
+   * 标签类型（与 EP ElTag 一致）。
+   * 不传时为 EP 默认样式（无 type 属性）。
+   */
+  type?: "primary" | "success" | "warning" | "danger" | "info";
+  /** 尺寸 */
+  size?: "large" | "default" | "small";
+  /** 主题效果：light（默认）/ dark / plain */
+  effect?: "light" | "dark" | "plain";
+  /** 是否圆角 */
+  round?: boolean;
+  /** 是否可关闭 */
+  closable?: boolean;
+}
+
+withDefaults(defineProps<Props>(), {
+  label: "",
+  type: undefined,
+  size: undefined,
+  effect: "light",
+  round: false,
+  closable: false,
+});
+</script>
diff --git a/src/components/others/fa-table-select/index.vue b/src/components/others/fa-table-select/index.vue
new file mode 100644
index 0000000..0dc78aa
--- /dev/null
+++ b/src/components/others/fa-table-select/index.vue
@@ -0,0 +1,370 @@
+<template>
+  <div ref="tableSelectRef" :style="'width:' + width">
+    <ElPopover
+      :visible="popoverVisible"
+      :width="selectConfig.popover?.width ?? popoverWidth"
+      placement="bottom-end"
+      v-bind="selectConfig.popover"
+      @show="handleShow"
+    >
+      <template #reference>
+        <div @click="popoverVisible = !popoverVisible">
+          <slot>
+            <ElInput
+              class="reference"
+              :style="'width: 100%'"
+              :model-value="text"
+              :readonly="true"
+              :placeholder="placeholder"
+              :clearable="true"
+              @clear="handleClear"
+            >
+              <template #suffix>
+                <ElIcon
+                  :style="{
+                    transform: popoverVisible ? 'rotate(180deg)' : 'rotate(0)',
+                    transition: 'transform .5s',
+                  }"
+                >
+                  <ArrowDown />
+                </ElIcon>
+              </template>
+            </ElInput>
+          </slot>
+        </div>
+      </template>
+      <!-- 弹出框内容 -->
+      <div ref="popoverContentRef">
+        <!-- 表单 -->
+        <ElForm ref="formRef" :model="queryParams" :inline="true">
+          <template v-for="item in selectConfig.formItems" :key="item.prop">
+            <ElFormItem :label="item.label" :prop="item.prop">
+              <!-- Input 输入框 -->
+              <template v-if="item.type === 'input'">
+                <template v-if="item.attrs?.type === 'number'">
+                  <ElInput
+                    v-model.number="queryParams[item.prop]"
+                    v-bind="item.attrs"
+                    @keyup.enter="handleQuery"
+                  />
+                </template>
+                <template v-else>
+                  <ElInput
+                    v-model="queryParams[item.prop]"
+                    v-bind="item.attrs"
+                    @keyup.enter="handleQuery"
+                  />
+                </template>
+              </template>
+              <!-- Select 选择器 -->
+              <template v-else-if="item.type === 'select'">
+                <ElSelect v-model="queryParams[item.prop]" v-bind="item.attrs">
+                  <template v-for="option in item.options" :key="option.value">
+                    <ElOption :label="option.label" :value="option.value" />
+                  </template>
+                </ElSelect>
+              </template>
+              <!-- TreeSelect 树形选择 -->
+              <template v-else-if="item.type === 'tree-select'">
+                <ElTreeSelect v-model="queryParams[item.prop]" v-bind="item.attrs" />
+              </template>
+              <!-- DatePicker 日期选择器 -->
+              <template v-else-if="item.type === 'date-picker'">
+                <ElDatePicker v-model="queryParams[item.prop]" v-bind="item.attrs" />
+              </template>
+              <!-- Input 输入框 -->
+              <template v-else>
+                <template v-if="item.attrs?.type === 'number'">
+                  <ElInput
+                    v-model.number="queryParams[item.prop]"
+                    v-bind="item.attrs"
+                    @keyup.enter="handleQuery"
+                  />
+                </template>
+                <template v-else>
+                  <ElInput
+                    v-model="queryParams[item.prop]"
+                    v-bind="item.attrs"
+                    @keyup.enter="handleQuery"
+                  />
+                </template>
+              </template>
+            </ElFormItem>
+          </template>
+          <ElFormItem>
+            <ElButton type="primary" icon="search" @click="handleQuery">搜索</ElButton>
+            <ElButton icon="refresh" @click="handleReset">重置</ElButton>
+          </ElFormItem>
+        </ElForm>
+        <!-- 列表 -->
+        <ElTable
+          ref="tableRef"
+          v-loading="loading"
+          :data="pageData"
+          :border="true"
+          :max-height="250"
+          :row-key="pk"
+          :class="{ radio: !isMultiple }"
+          @select="handleSelect"
+          @select-all="handleSelectAll"
+        >
+          <template v-for="col in selectConfig.tableColumns" :key="col.prop">
+            <!-- 自定义 -->
+            <template v-if="col.templet === 'custom'">
+              <ElTableColumn v-bind="col">
+                <template #default="scope">
+                  <slot :name="col.slotName ?? col.prop" :prop="col.prop" v-bind="scope" />
+                </template>
+              </ElTableColumn>
+            </template>
+            <!-- 其他 -->
+            <template v-else>
+              <ElTableColumn v-bind="col" />
+            </template>
+          </template>
+        </ElTable>
+        <!-- 分页 -->
+        <FaPagination
+          class="mt-2"
+          v-model:total="total"
+          v-model:page="queryParams.page_no"
+          v-model:limit="queryParams.page_size"
+          @pagination="handlePagination"
+        />
+        <div class="feedback">
+          <ElButton type="primary" size="small" @click="handleConfirm">
+            {{ confirmText }}
+          </ElButton>
+          <ElButton type="danger" size="small" @click="handleClear">清 空</ElButton>
+          <ElButton size="small" @click="handleClose">关 闭</ElButton>
+        </div>
+      </div>
+    </ElPopover>
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineOptions({ name: "FaTableSelect" });
+
+// 显式声明插槽类型（支持动态列插槽）
+defineSlots<{
+  [slotName: string]: (props: Record<string, any>) => void;
+}>();
+
+import { ref, reactive, computed } from "vue";
+import { useResizeObserver } from "@vueuse/core";
+import type { FormInstance, PopoverProps, TableInstance } from "element-plus";
+import { ElMessage } from "element-plus";
+
+// 对象类型
+export type IObject = Record<string, any>;
+// 定义接收的属性
+export interface ISelectConfig<T = any> {
+  // 宽度
+  width?: string;
+  // 占位符
+  placeholder?: string;
+  // popover组件属性
+  popover?: Partial<Omit<PopoverProps, "visible" | "v-model:visible">> & {
+    width?: number | string;
+  };
+  // 列表的网络请求函数(需返回promise)
+  indexAction: (_queryParams: T) => Promise<any>;
+  // 主键名(跨页选择必填,默认为id)
+  pk?: string;
+  // 多选
+  multiple?: boolean;
+  // 表单项
+  formItems: Array<{
+    // 组件类型(如input,select等)
+    type?: "input" | "select" | "tree-select" | "date-picker";
+    // 标签文本
+    label: string;
+    // 键名
+    prop: string;
+    // 组件属性
+    attrs?: IObject;
+    // 初始值
+    initialValue?: any;
+    // 可选项(适用于select组件)
+    options?: { label: string; value: any }[];
+  }>;
+  // 列选项
+  tableColumns: Array<{
+    type?: "default" | "selection" | "index" | "expand";
+    label?: string;
+    prop?: string;
+    width?: string | number;
+    [key: string]: any;
+  }>;
+}
+interface Props {
+  selectConfig: ISelectConfig;
+  text?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  text: "",
+});
+
+// 自定义事件
+interface Emits {
+  confirmClick: [selection: any[]];
+  clearClick: [];
+}
+
+const emit = defineEmits<Emits>();
+
+// 主键
+const pk = props.selectConfig.pk ?? "id";
+// 是否多选
+const isMultiple = props.selectConfig.multiple === true;
+// 宽度
+const width = props.selectConfig.width ?? "100%";
+// 占位符
+const placeholder = props.selectConfig.placeholder ?? "请选择";
+// 是否显示弹出框
+const popoverVisible = ref(false);
+// 加载状态
+const loading = ref(false);
+// 数据总数
+const total = ref(0);
+// 列表数据
+const pageData = ref<IObject[]>([]);
+// 每页条数
+const page_size = 10;
+// 搜索参数
+const queryParams = reactive<{
+  page_no: number;
+  page_size: number;
+  [key: string]: any;
+}>({
+  page_no: 1,
+  page_size,
+});
+
+// 计算popover的宽度
+const tableSelectRef = ref();
+const popoverWidth = ref(width);
+useResizeObserver(tableSelectRef, (entries) => {
+  popoverWidth.value = `${entries[0]!.contentRect.width}px`;
+});
+
+// 表单操作
+const formRef = ref<FormInstance>();
+// 初始化搜索条件
+for (const item of props.selectConfig.formItems) {
+  queryParams[item.prop] = item.initialValue ?? "";
+}
+// 重置操作
+function handleReset() {
+  formRef.value?.resetFields();
+  fetchPageData(true);
+}
+// 查询操作
+function handleQuery() {
+  fetchPageData(true);
+}
+
+// 获取分页数据
+async function fetchPageData(isRestart = false) {
+  loading.value = true;
+  if (isRestart) {
+    queryParams.page_no = 1;
+    queryParams.page_size = page_size;
+  }
+  try {
+    const data = await props.selectConfig.indexAction(queryParams);
+    total.value = data.total;
+    pageData.value = data.list;
+  } finally {
+    loading.value = false;
+  }
+}
+
+// 列表操作
+const tableRef = ref<TableInstance>();
+// 数据刷新后是否保留选项
+for (const item of props.selectConfig.tableColumns) {
+  if (item.type === "selection") {
+    item.reserveSelection = true;
+    break;
+  }
+}
+// 选择
+const selectedItems = ref<IObject[]>([]);
+const confirmText = computed(() => {
+  return selectedItems.value.length > 0 ? `已选(${selectedItems.value.length})` : "确 定";
+});
+function handleSelect(selection: any[]) {
+  if (isMultiple || selection.length === 0) {
+    // 多选
+    selectedItems.value = selection;
+  } else {
+    // 单选
+    selectedItems.value = [selection[selection.length - 1]];
+    tableRef.value?.clearSelection();
+    tableRef.value?.toggleRowSelection(selectedItems.value[0], true);
+    tableRef.value?.setCurrentRow(selectedItems.value[0]);
+  }
+}
+function handleSelectAll(selection: any[]) {
+  if (isMultiple) {
+    selectedItems.value = selection;
+  }
+}
+// 分页
+function handlePagination() {
+  fetchPageData();
+}
+
+// 弹出框
+const isInit = ref(false);
+// 显示
+function handleShow() {
+  if (isInit.value === false) {
+    isInit.value = true;
+    fetchPageData();
+  }
+}
+// 确定
+function handleConfirm() {
+  if (selectedItems.value.length === 0) {
+    ElMessage.error("请选择数据");
+    return;
+  }
+  popoverVisible.value = false;
+  emit("confirmClick", selectedItems.value);
+}
+// 清空
+function handleClear() {
+  tableRef.value?.clearSelection();
+  selectedItems.value = [];
+  emit("clearClick");
+}
+// 关闭
+function handleClose() {
+  popoverVisible.value = false;
+}
+const popoverContentRef = ref();
+/* onClickOutside(tableSelectRef, () => (popoverVisible.value = false), {
+  ignore: [popoverContentRef],
+}); */
+</script>
+
+<style scoped lang="scss">
+.reference :deep(.el-input__wrapper),
+.reference :deep(.el-input__inner) {
+  cursor: pointer;
+}
+
+.feedback {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 6px;
+}
+
+.radio :deep(.el-table__header th.el-table__cell:nth-child(1) .el-checkbox) {
+  visibility: hidden;
+}
+</style>
diff --git a/src/components/others/fa-upload/index.vue b/src/components/others/fa-upload/index.vue
new file mode 100644
index 0000000..6454616
--- /dev/null
+++ b/src/components/others/fa-upload/index.vue
@@ -0,0 +1,428 @@
+<!-- 单图上传组件 -->
+<template>
+  <div class="single-image-upload">
+    <FaDialog
+      v-model="cropVisible"
+      :title="cropDialogTitle"
+      width="960px"
+      :draggable="false"
+      @closed="onCropDialogClosed"
+    >
+      <FaCutterImg
+        v-if="cropVisible && cropSourceUrl"
+        :key="cropSourceUrl"
+        :img-url="cropSourceUrl"
+        :box-width="cropBoxWidth"
+        :box-height="cropBoxHeight"
+        :cut-width="cropCutWidth"
+        :cut-height="cropCutHeight"
+        :quality="cropQuality"
+        :tool="true"
+        :show-preview="true"
+        :original-graph="false"
+        :file-type="cropFileType"
+        :title="cropInnerTitle"
+        :preview-title="cropPreviewTitle"
+        @update:img-url="onCropConfirm"
+        @error="onCropError"
+      />
+    </FaDialog>
+
+    <ElUpload
+      v-model:file-list="internalFileList"
+      class="single-upload"
+      list-type="picture-card"
+      :show-file-list="false"
+      :accept="props.accept"
+      :before-upload="handleBeforeUpload"
+      :http-request="handleUpload"
+      :on-success="onSuccess"
+      :on-error="onError"
+      :on-remove="handleDelete"
+      :disabled="props.disabled"
+    >
+      <template #default>
+        <template
+          v-if="internalFileList && internalFileList.length > 0 && internalFileList[0]!.url"
+        >
+          <ElImage
+            :key="internalFileList[0]!.url"
+            class="single-upload__image"
+            :src="internalFileList[0]!.url"
+            fit="cover"
+            :preview-src-list="props.enablePreview ? [internalFileList[0]!.url] : []"
+            :preview-teleported="true"
+            @click.stop="handleImageClick"
+          />
+          <ElIcon
+            v-if="!props.disabled"
+            class="single-upload__delete-btn"
+            @click.stop="handleDelete"
+          >
+            <CircleCloseFilled />
+          </ElIcon>
+        </template>
+        <template v-else>
+          <ElIcon class="single-upload__add-btn">
+            <Plus />
+          </ElIcon>
+        </template>
+      </template>
+    </ElUpload>
+    <div v-if="props.showTip" class="el-upload__tip">
+      {{ props.tipText || `支持 ${props.accept} 格式，文件大小不超过 ${props.maxFileSize}MB` }}
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaUpload" });
+
+import { ref, watch } from "vue";
+import { UploadRawFile, UploadRequestOptions, ElMessage, type UploadUserFile } from "element-plus";
+import { CircleCloseFilled } from "@element-plus/icons-vue";
+import ParamsAPI from "@/api/module_system/params";
+import { dataURLToFile } from "@utils";
+
+interface Props {
+  /**
+   * 请求携带的额外参数
+   */
+  data?: Record<string, any>;
+  /**
+   * 上传文件的参数名
+   */
+  name?: string;
+  /**
+   * 最大文件大小（单位：M）
+   */
+  maxFileSize?: number;
+  /**
+   * 上传图片格式，默认支持所有图片(image/*)，指定格式示例：'.png,.jpg,.jpeg,.gif,.bmp'
+   */
+  accept?: string;
+  /**
+   * 自定义样式，用于设置组件的宽度和高度等其他样式
+   */
+  style?: Record<string, any>;
+  /**
+   * 是否禁用
+   */
+  disabled?: boolean;
+  /**
+   * 是否显示提示信息
+   */
+  showTip?: boolean;
+  /**
+   * 提示文本
+   */
+  tipText?: string;
+  /**
+   * 是否启用图片预览功能
+   */
+  enablePreview?: boolean;
+  /** 选图后先裁剪再上传（用于站点 Logo / 背景等） */
+  enableCrop?: boolean;
+  cropBoxWidth?: number;
+  cropBoxHeight?: number;
+  cropCutWidth?: number;
+  cropCutHeight?: number;
+  cropQuality?: number;
+  cropFileType?: "png" | "jpeg" | "webp";
+  cropDialogTitle?: string;
+  cropInnerTitle?: string;
+  cropPreviewTitle?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  data: () => ({}),
+  name: "file",
+  maxFileSize: 10,
+  accept: "image/*",
+  style: () => ({ width: "150px", height: "150px" }),
+  disabled: false,
+  showTip: false,
+  tipText: "",
+  enablePreview: true,
+  enableCrop: false,
+  cropBoxWidth: 530,
+  cropBoxHeight: 300,
+  cropCutWidth: 360,
+  cropCutHeight: 200,
+  cropQuality: 1,
+  cropFileType: "jpeg",
+  cropDialogTitle: "裁剪图片",
+  cropInnerTitle: "调整图片",
+  cropPreviewTitle: "预览",
+});
+
+// 接收字符串类型的modelValue，保持与现有代码的兼容性
+const modelValue = defineModel<string>({
+  default: "",
+});
+
+// 内部使用的文件列表
+const internalFileList = ref<UploadUserFile[]>([]);
+
+const cropVisible = ref(false);
+const cropSourceUrl = ref("");
+
+function revokeCropUrl() {
+  if (cropSourceUrl.value.startsWith("blob:")) {
+    URL.revokeObjectURL(cropSourceUrl.value);
+  }
+  cropSourceUrl.value = "";
+}
+
+function onCropDialogClosed() {
+  revokeCropUrl();
+}
+
+function onCropError() {
+  ElMessage.error("图片加载失败，请换一张图重试");
+}
+
+async function onCropConfirm(dataURL: string) {
+  try {
+    const ext =
+      props.cropFileType === "png" ? "png" : props.cropFileType === "webp" ? "webp" : "jpg";
+    const file = dataURLToFile(dataURL, `upload.${ext}`);
+    await uploadFileInternal(file);
+    cropVisible.value = false;
+    revokeCropUrl();
+  } catch (e) {
+    console.error(e);
+    ElMessage.error("裁剪结果上传失败，请重试");
+  }
+}
+
+async function uploadFileInternal(file: File | UploadRawFile) {
+  const formData = new FormData();
+  formData.append(props.name, file);
+
+  for (const [key, value] of Object.entries(props.data)) {
+    formData.append(key, String(value));
+  }
+
+  const response = await ParamsAPI.uploadFile(formData);
+
+  if (response.data.code === 0 && response.data) {
+    const fileInfo: UploadFilePath = response.data.data;
+    onSuccess(fileInfo);
+    return fileInfo;
+  }
+  const errorMsg = response.data.msg || "上传失败";
+  ElMessage.error(errorMsg);
+  throw new Error(errorMsg);
+}
+
+// 监听modelValue变化，同步到internalFileList
+watch(
+  () => modelValue.value,
+  (newVal) => {
+    if (newVal) {
+      internalFileList.value = [
+        {
+          name: newVal.split("/").pop() || "image",
+          url: newVal,
+        },
+      ];
+    } else {
+      internalFileList.value = [];
+    }
+  },
+  { immediate: true }
+);
+
+// 监听internalFileList变化，同步到modelValue
+watch(
+  () => internalFileList.value,
+  (newVal) => {
+    if (newVal && newVal.length > 0 && newVal[0]!.url) {
+      modelValue.value = newVal[0]!.url;
+    } else {
+      modelValue.value = "";
+    }
+  },
+  { deep: true }
+);
+
+/**
+ * 定义组件触发的事件
+ */
+interface Emits {
+  (e: "success", fileInfo: UploadFilePath): void;
+  (e: "error", error: any): void;
+  (e: "input", value: string): void;
+  (e: "update:modelValue", value: string): void;
+}
+
+const emit = defineEmits<Emits>();
+
+/**
+ * 限制用户上传文件的格式和大小
+ */
+function handleBeforeUpload(file: UploadRawFile) {
+  // 校验文件类型：虽然 accept 属性限制了用户在文件选择器中可选的文件类型，但仍需在上传时再次校验文件实际类型，确保符合 accept 的规则
+  const acceptTypes = props.accept.split(",").map((type) => type.trim());
+
+  // 检查文件格式是否符合 accept
+  const isValidType = acceptTypes.some((type) => {
+    if (type === "image/*") {
+      // 如果是 image/*，检查 MIME 类型是否以 "image/" 开头
+      return file.type.startsWith("image/");
+    } else if (type.startsWith(".")) {
+      // 如果是扩展名 (.png, .jpg)，检查文件名是否以指定扩展名结尾
+      return file.name.toLowerCase().endsWith(type);
+    } else {
+      // 如果是具体的 MIME 类型 (image/png, image/jpeg)，检查是否完全匹配
+      return file.type === type;
+    }
+  });
+
+  if (!isValidType) {
+    ElMessage.warning(`上传文件的格式不正确，仅支持：${props.accept}`);
+    return false;
+  }
+
+  // 限制文件大小
+  if (file.size > props.maxFileSize * 1024 * 1024) {
+    ElMessage.warning(`上传图片不能大于 ${props.maxFileSize}MB`);
+    return false;
+  }
+
+  if (props.enableCrop) {
+    revokeCropUrl();
+    cropSourceUrl.value = URL.createObjectURL(file);
+    cropVisible.value = true;
+    return false;
+  }
+
+  return true;
+}
+
+/*
+ * 上传图片
+ */
+async function handleUpload(options: UploadRequestOptions) {
+  try {
+    return await uploadFileInternal(options.file);
+  } catch (error) {
+    onError(error instanceof Error ? error : new Error(String(error)));
+    throw error;
+  }
+}
+
+/**
+ * 删除图片
+ */
+function handleDelete() {
+  // 清空模型值并通知父组件
+  internalFileList.value = [];
+}
+
+/**
+ * 图片点击处理
+ * 阻止事件冒泡到上传组件，避免触发上传
+ */
+function handleImageClick(event: Event) {
+  // 阻止事件冒泡
+  event.stopPropagation();
+
+  // 如果启用了预览功能，则触发预览
+  if (
+    props.enablePreview &&
+    internalFileList.value &&
+    internalFileList.value.length > 0 &&
+    internalFileList.value[0]!.url
+  ) {
+    // Element Plus的el-image组件会自动处理preview-src-list的预览功能
+    // 这里只需要阻止冒泡即可
+  }
+}
+
+/**
+ * 上传成功回调
+ *
+ * @param fileInfo 上传成功后的文件信息
+ */
+const onSuccess = (fileInfo: UploadFilePath) => {
+  // 更新绑定的值为文件URL
+  const newFileList = [
+    {
+      name: fileInfo.file_name,
+      url: fileInfo.file_url,
+    },
+  ];
+
+  internalFileList.value = newFileList;
+
+  // 触发事件
+  emit("success", fileInfo);
+  emit("input", fileInfo.file_url);
+  emit("update:modelValue", fileInfo.file_url);
+};
+
+/**
+ * 上传失败回调
+ */
+const onError = (error: any) => {
+  console.error("图片上传失败:", error);
+  ElMessage.error("图片上传失败，请重试");
+  emit("error", error);
+};
+</script>
+
+<style scoped lang="scss">
+.single-image-upload {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.single-upload {
+  &__image {
+    cursor: pointer;
+    border-radius: 6px;
+  }
+
+  &__delete-btn {
+    position: absolute;
+    top: 1px;
+    right: 1px;
+    display: none;
+    font-size: 16px;
+    color: var(--el-color-warning);
+    cursor: pointer;
+    background: var(--el-bg-color-overlay);
+    border-radius: 100%;
+
+    &:hover {
+      color: var(--el-color-danger);
+    }
+  }
+
+  &__add-btn {
+    font-size: 28px;
+    color: var(--el-text-color-placeholder);
+  }
+}
+
+:deep(.el-upload--picture-card) {
+  position: relative;
+  width: v-bind("props.style.width ?? '150px'");
+  height: v-bind("props.style.height ?? '150px'");
+
+  &:hover {
+    .single-upload__delete-btn {
+      display: block;
+    }
+  }
+}
+
+.el-upload__tip {
+  margin-top: 7px;
+  font-size: 12px;
+  color: var(--el-text-color-regular);
+}
+</style>
diff --git a/src/components/others/fa-watermark/index.vue b/src/components/others/fa-watermark/index.vue
new file mode 100644
index 0000000..242fa24
--- /dev/null
+++ b/src/components/others/fa-watermark/index.vue
@@ -0,0 +1,86 @@
+<!-- 水印组件 -->
+<template>
+  <div
+    v-if="watermarkVisible"
+    class="fixed left-0 top-0 h-screen w-screen pointer-events-none"
+    :style="{ zIndex: zIndex }"
+  >
+    <ElWatermark
+      :content="content"
+      :font="watermarkFont"
+      :rotate="rotate"
+      :gap="[gapX, gapY]"
+      :offset="[offsetX, offsetY]"
+    >
+      <div :style="'height: 100vh'"></div>
+    </ElWatermark>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { storeToRefs } from "pinia";
+import AppConfig from "@/config";
+import { defaultSettings } from "@/config/setting";
+import { ThemeMode } from "@/enums";
+import { hexToRgba } from "@utils";
+import { useSettingsStore } from "@stores";
+
+defineOptions({ name: "FaWatermark" });
+
+interface Props {
+  /** 水印内容 */
+  content?: string;
+  /** 水印是否可见 */
+  visible?: boolean;
+  /** 水印字体大小 */
+  fontSize?: number;
+  /** 水印字体颜色（不传则跟随设置里的主题色） */
+  fontColor?: string;
+  /** 水印旋转角度 */
+  rotate?: number;
+  /** 水印间距X */
+  gapX?: number;
+  /** 水印间距Y */
+  gapY?: number;
+  /** 水印偏移X */
+  offsetX?: number;
+  /** 水印偏移Y */
+  offsetY?: number;
+  /** 水印层级 */
+  zIndex?: number;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  content: AppConfig.systemInfo.name,
+  visible: false,
+  fontSize: 16,
+  fontColor: undefined,
+  rotate: -22,
+  gapX: 100,
+  gapY: 100,
+  offsetX: 50,
+  offsetY: 50,
+  zIndex: 3100,
+});
+
+const settingStore = useSettingsStore();
+const { watermarkVisible, themeColor, theme } = storeToRefs(settingStore);
+
+/** 未指定 fontColor 时使用当前主题色半透明，与 App.vue 全局水印策略一致 */
+const watermarkFont = computed(() => {
+  let color: string;
+  if (props.fontColor) {
+    color = props.fontColor;
+  } else {
+    const hex = themeColor.value || defaultSettings.themeColor;
+    const alpha = theme.value === ThemeMode.DARK ? 0.22 : 0.16;
+    try {
+      color = hexToRgba(hex, alpha).rgba;
+    } catch {
+      color = hexToRgba(defaultSettings.themeColor, alpha).rgba;
+    }
+  }
+  return { fontSize: props.fontSize, color };
+});
+</script>
diff --git a/src/components/skeleton/fa-dashboard-skeleton.vue b/src/components/skeleton/fa-dashboard-skeleton.vue
new file mode 100644
index 0000000..76415f2
--- /dev/null
+++ b/src/components/skeleton/fa-dashboard-skeleton.vue
@@ -0,0 +1,304 @@
+<!--
+  FaDashboardSkeleton：仪表盘页面骨架屏。
+  提供统计卡片区域 + 图表区域 + 侧边栏的 shimmer 占位。
+-->
+<template>
+  <ElSkeleton animated>
+    <template #template>
+      <div class="fa-dashboard-skeleton">
+        <!-- 横幅 Banner 占位 -->
+        <ElSkeletonItem variant="rect" class="sk-banner" />
+
+        <!-- 统计卡片行 -->
+        <div class="sk-card-row">
+          <div v-for="i in 4" :key="'card' + i" class="sk-card">
+            <div class="sk-card__icon">
+              <ElSkeletonItem variant="circle" />
+            </div>
+            <div class="sk-card__body">
+              <ElSkeletonItem variant="text" class="sk-h-4" />
+              <ElSkeletonItem variant="text" class="sk-h-6 sk-w-2/3" />
+              <ElSkeletonItem variant="text" class="sk-h-3 sk-w-1/2" />
+            </div>
+          </div>
+        </div>
+
+        <!-- 主区域：图表 + 侧边栏 -->
+        <div class="sk-main">
+          <div class="sk-main__left">
+            <!-- 图表卡片 -->
+            <div class="sk-chart-card">
+              <div class="sk-chart-card__header">
+                <ElSkeletonItem variant="text" class="sk-h-5 sk-w-1/4" />
+                <ElSkeletonItem variant="text" class="sk-h-3 sk-w-1/6" />
+              </div>
+              <ElSkeletonItem variant="rect" class="sk-chart" />
+            </div>
+            <!-- 迷你图表行 -->
+            <div class="sk-mini-row">
+              <div v-for="i in 3" :key="'mini' + i" class="sk-mini-card">
+                <ElSkeletonItem variant="text" class="sk-h-4 sk-w-1/2" />
+                <ElSkeletonItem variant="text" class="sk-h-7" />
+                <ElSkeletonItem variant="rect" class="sk-mini-chart" />
+              </div>
+            </div>
+          </div>
+          <div class="sk-main__right">
+            <!-- 侧边栏：活动列表 -->
+            <div class="sk-list-card">
+              <div class="sk-list-card__header">
+                <ElSkeletonItem variant="text" class="sk-h-5 sk-w-1/3" />
+              </div>
+              <div v-for="i in 4" :key="'item' + i" class="sk-list-item">
+                <ElSkeletonItem variant="circle" class="sk-avatar" />
+                <div class="sk-list-item__body">
+                  <ElSkeletonItem variant="text" class="sk-h-4" />
+                  <ElSkeletonItem variant="text" class="sk-h-3 sk-w-2/3" />
+                </div>
+              </div>
+            </div>
+            <!-- 待办列表 -->
+            <div class="sk-todo-card">
+              <div class="sk-todo-card__header">
+                <ElSkeletonItem variant="text" class="sk-h-5 sk-w-1/4" />
+              </div>
+              <div v-for="i in 3" :key="'todo' + i" class="sk-todo-item">
+                <ElSkeletonItem variant="text" class="sk-h-4 sk-w-3/4" />
+                <ElSkeletonItem variant="text" class="sk-h-3 sk-w-1/3" />
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 底部卡片行 -->
+        <div class="sk-bottom-row">
+          <div v-for="i in 2" :key="'bottom' + i" class="sk-bottom-card">
+            <div class="sk-bottom-card__header">
+              <ElSkeletonItem variant="text" class="sk-h-5 sk-w-1/4" />
+              <ElSkeletonItem variant="text" class="sk-h-3 sk-w-1/6" />
+            </div>
+            <ElSkeletonItem variant="rect" class="sk-bottom-chart" />
+          </div>
+        </div>
+      </div>
+    </template>
+  </ElSkeleton>
+</template>
+
+<style lang="scss" scoped>
+.fa-dashboard-skeleton {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  padding: 8px 0;
+
+  /* 通用高度和宽度 */
+  .sk-h-3 {
+    height: 12px;
+  }
+
+  .sk-h-4 {
+    height: 16px;
+  }
+
+  .sk-h-5 {
+    height: 20px;
+  }
+
+  .sk-h-6 {
+    height: 24px;
+  }
+
+  .sk-h-7 {
+    height: 28px;
+  }
+
+  .sk-w-1\2 {
+    width: 50%;
+  }
+
+  .sk-w-1\3 {
+    width: 33%;
+  }
+
+  .sk-w-1\4 {
+    width: 25%;
+  }
+
+  .sk-w-1\6 {
+    width: 16%;
+  }
+
+  .sk-w-2\3 {
+    width: 66%;
+  }
+
+  .sk-w-3\4 {
+    width: 75%;
+  }
+
+  /* Banner */
+  .sk-banner {
+    width: 100%;
+    height: 180px;
+    border-radius: var(--custom-radius, 12px);
+  }
+
+  /* 统计卡片行 */
+  .sk-card-row {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 16px;
+
+    .sk-card {
+      display: flex;
+      gap: 12px;
+      padding: 16px;
+      background: var(--el-fill-color-lighter);
+      border-radius: var(--custom-radius, 12px);
+
+      .el-skeleton__item--circle {
+        width: 40px;
+        height: 40px;
+      }
+
+      .sk-card__body {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        gap: 8px;
+      }
+    }
+  }
+
+  /* 主区域 - 图表 + 侧边栏 */
+  .sk-main {
+    display: grid;
+    grid-template-columns: 1fr 280px;
+    gap: 20px;
+
+    .sk-main__left {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+
+    .sk-main__right {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+
+    .sk-chart-card {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      padding: 16px;
+      background: var(--el-fill-color-lighter);
+      border-radius: var(--custom-radius, 12px);
+
+      .sk-chart-card__header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+      }
+
+      .sk-chart {
+        width: 100%;
+        height: 280px;
+        border-radius: 8px;
+      }
+    }
+
+    .sk-mini-row {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 16px;
+
+      .sk-mini-card {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        padding: 14px;
+        background: var(--el-fill-color-lighter);
+        border-radius: var(--custom-radius, 12px);
+
+        .sk-mini-chart {
+          width: 100%;
+          height: 60px;
+          border-radius: 6px;
+        }
+      }
+    }
+
+    /* 侧边栏列表 */
+    .sk-list-card,
+    .sk-todo-card {
+      padding: 16px;
+      background: var(--el-fill-color-lighter);
+      border-radius: var(--custom-radius, 12px);
+
+      .sk-list-card__header,
+      .sk-todo-card__header {
+        margin-bottom: 12px;
+      }
+    }
+
+    .sk-list-item {
+      display: flex;
+      gap: 10px;
+      align-items: center;
+      padding: 8px 0;
+
+      .sk-avatar {
+        flex-shrink: 0;
+        width: 32px;
+        height: 32px;
+      }
+
+      .sk-list-item__body {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        gap: 6px;
+      }
+    }
+
+    .sk-todo-item {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      padding: 10px 0;
+      border-bottom: 1px solid var(--el-border-color-extra-light);
+    }
+  }
+
+  /* 底部卡片行 */
+  .sk-bottom-row {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 20px;
+
+    .sk-bottom-card {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      padding: 16px;
+      background: var(--el-fill-color-lighter);
+      border-radius: var(--custom-radius, 12px);
+
+      .sk-bottom-card__header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+      }
+
+      .sk-bottom-chart {
+        width: 100%;
+        height: 180px;
+        border-radius: 8px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/tables/fa-table-header-left/index.vue b/src/components/tables/fa-table-header-left/index.vue
new file mode 100644
index 0000000..cf7c5ef
--- /dev/null
+++ b/src/components/tables/fa-table-header-left/index.vue
@@ -0,0 +1,152 @@
+<!-- 列表页左侧工具栏：1) configButtons 与 CrudContent 配置驱动一致 2) perm 预设「新增/导入/导出/批删/更多」 3) 默认插槽可整块替换 -->
+<template>
+  <div class="data-table__toolbar--left inline-flex flex-wrap items-center gap-2">
+    <template v-if="configButtons && configButtons.length">
+      <template v-for="(btn, index) in configButtons" :key="index">
+        <ElButton
+          v-hasPerm="btn.perm ?? '*:*:*'"
+          v-bind="btn.attrs"
+          :disabled="btn.name === 'delete' && removeIds.length === 0"
+          @click="$emit('toolbar', btn.name)"
+        >
+          {{ btn.text }}
+        </ElButton>
+      </template>
+    </template>
+    <slot v-else>
+      <slot>
+        <ElSpace>
+          <ElButton
+            v-if="permCreate"
+            v-hasPerm="permCreate"
+            type="primary"
+            :icon="Plus"
+            :loading="createLoading"
+            @click="$emit('add')"
+            plain
+          >
+            新增
+          </ElButton>
+          <ElButton
+            v-if="permImport"
+            v-hasPerm="permImport"
+            v-ripple
+            type="success"
+            :loading="importLoading"
+            :icon="Upload"
+            @click="$emit('import')"
+            plain
+          >
+            导入
+          </ElButton>
+          <ElButton
+            v-if="permExport"
+            v-hasPerm="permExport"
+            v-ripple
+            type="warning"
+            :loading="exportLoading"
+            :icon="Download"
+            @click="$emit('export')"
+            plain
+          >
+            导出
+          </ElButton>
+          <ElButton
+            v-if="permDelete"
+            v-hasPerm="permDelete"
+            type="danger"
+            :loading="deleteLoading"
+            :disabled="removeIds.length === 0"
+            :icon="Delete"
+            @click="$emit('delete')"
+            plain
+          >
+            批量删除
+          </ElButton>
+          <ElDropdown
+            v-if="permPatch"
+            v-hasPerm="permPatch"
+            trigger="click"
+            type="info"
+            :disabled="removeIds.length === 0 || moreDisabled"
+          >
+            <ElButton type="info" plain :loading="moreLoading">
+              更多
+              <ElIcon class="el-icon--right">
+                <ArrowDown />
+              </ElIcon>
+            </ElButton>
+            <template #dropdown>
+              <ElDropdownMenu>
+                <ElDropdownItem icon="Check" @click="$emit('more', 0)">批量启用</ElDropdownItem>
+                <ElDropdownItem icon="CircleClose" @click="$emit('more', 1)">
+                  批量停用
+                </ElDropdownItem>
+              </ElDropdownMenu>
+            </template>
+          </ElDropdown>
+        </ElSpace>
+      </slot>
+    </slot>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ArrowDown, Delete, Download, Plus, Upload } from "@element-plus/icons-vue";
+import { computed } from "vue";
+import type { FaTableHeaderLeftConfigButton } from "@/components/modal/types";
+
+defineOptions({ name: "FaTableHeaderLeft" });
+
+interface Props {
+  /** 与 CrudContent `toolbarLeftBtn` 一致时走配置驱动（与 handleToolbar 对齐） */
+  configButtons?: FaTableHeaderLeftConfigButton[];
+  /** 勾选行主键，用于禁用批删 / 更多（插槽完全自定义时可不传） */
+  removeIds?: Array<string | number>;
+  /** 新增按钮权限，不传则不显示（configButtons 未传时） */
+  permCreate?: string | string[];
+  /** 导入按钮权限，不传则不显示；顺序在新增之后、批量删除之前 */
+  permImport?: string | string[];
+  /** 导出按钮权限，不传则不显示 */
+  permExport?: string | string[];
+  /** 导入按钮 loading */
+  importLoading?: boolean;
+  /** 导出按钮 loading */
+  exportLoading?: boolean;
+  /** 批量删除权限，不传则不显示 */
+  permDelete?: string | string[];
+  /** 「更多」下拉权限，不传则不显示 */
+  permPatch?: string | string[];
+  /** 批量删除中（按钮 loading，并禁用「更多」） */
+  deleteLoading?: boolean;
+  /** 新增按钮 loading（防止重复点击触发多次创建） */
+  createLoading?: boolean;
+  /** 「更多」下拉项（启用/停用）loading */
+  moreLoading?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  removeIds: () => [],
+  deleteLoading: false,
+  importLoading: false,
+  exportLoading: false,
+  createLoading: false,
+  moreLoading: false,
+});
+
+interface Emits {
+  /** 配置模式：与 CrudContent handleToolbar 一致 */
+  toolbar: [name: string];
+  add: [];
+  import: [];
+  export: [];
+  delete: [];
+  more: [value: number];
+}
+
+defineEmits<Emits>();
+
+const moreDisabled = computed(
+  () => props.removeIds.length === 0 || props.deleteLoading || props.moreLoading
+);
+</script>
diff --git a/src/components/tables/fa-table-header/index.vue b/src/components/tables/fa-table-header/index.vue
new file mode 100644
index 0000000..500aab9
--- /dev/null
+++ b/src/components/tables/fa-table-header/index.vue
@@ -0,0 +1,370 @@
+<!-- 表格头部，包含表格大小、刷新、全屏、列设置、其他设置 -->
+<template>
+  <div class="flex items-center justify-between max-md:block!" id="fa-table-header">
+    <div class="flex-wrap">
+      <slot name="left"></slot>
+    </div>
+
+    <div class="flex items-center md:justify-end max-md:mt-3 max-sm:hidden!">
+      <!-- 搜索区域显示/隐藏：默认展示搜索（未高亮）；点按收起后高亮表示当前为隐藏状态 -->
+      <ElTooltip
+        v-if="showSearchBar != null"
+        placement="bottom"
+        :content="showSearchBar ? t('table.toolbar.hideSearch') : t('table.toolbar.showSearch')"
+      >
+        <div
+          class="button"
+          @click="search"
+          :class="!showSearchBar ? 'active bg-theme! hover:bg-theme/80!' : ''"
+        >
+          <FaSvgIcon icon="ri:search-line" :class="!showSearchBar ? 'text-white' : 'text-g-700'" />
+        </div>
+      </ElTooltip>
+
+      <!-- 刷新 -->
+      <div
+        v-if="shouldShow('refresh')"
+        class="button"
+        @click="refresh"
+        :class="{ loading: loading && isManualRefresh }"
+      >
+        <FaSvgIcon
+          icon="ri:refresh-line"
+          :class="loading && isManualRefresh ? 'animate-spin text-g-600' : ''"
+        />
+      </div>
+
+      <!-- 表格大小 -->
+      <ElDropdown v-if="shouldShow('size')" @command="handleTableSizeChange">
+        <div class="button">
+          <FaSvgIcon icon="ri:arrow-up-down-fill" />
+        </div>
+        <template #dropdown>
+          <ElDropdownMenu>
+            <div
+              v-for="item in tableSizeOptions"
+              :key="item.value"
+              class="table-size-btn-item [&_.el-dropdown-menu__item]:mb-[3px]! last:[&_.el-dropdown-menu__item]:mb-0!"
+            >
+              <ElDropdownItem
+                :key="item.value"
+                :command="item.value"
+                :class="tableSize === item.value ? 'bg-g-300/55!' : ''"
+              >
+                {{ item.label }}
+              </ElDropdownItem>
+            </div>
+          </ElDropdownMenu>
+        </template>
+      </ElDropdown>
+
+      <!-- 全屏 -->
+      <div v-if="shouldShow('fullscreen')" class="button" @click="toggleFullScreen">
+        <FaSvgIcon :icon="isFullScreen ? 'ri:fullscreen-exit-line' : 'ri:fullscreen-line'" />
+      </div>
+
+      <!-- 行拖拽排序 -->
+      <ElTooltip
+        v-if="shouldShow('rowDrag')"
+        placement="bottom"
+        :content="isRowDrag ? t('table.toolbar.disableRowDrag') : t('table.toolbar.enableRowDrag')"
+      >
+        <div
+          class="button"
+          @click="toggleRowDrag"
+          :class="isRowDrag ? 'active bg-theme! hover:bg-theme/80!' : ''"
+        >
+          <FaSvgIcon icon="ri:drag-move-line" :class="isRowDrag ? 'text-white' : 'text-g-700'" />
+        </div>
+      </ElTooltip>
+
+      <!-- 列设置 -->
+      <ElPopover v-if="shouldShow('columns')" placement="bottom" trigger="click">
+        <template #reference>
+          <div class="button">
+            <FaSvgIcon icon="ri:align-right" />
+          </div>
+        </template>
+        <div>
+          <ElScrollbar max-height="380px">
+            <VueDraggable
+              v-model="columns"
+              :disabled="false"
+              filter=".fixed-column"
+              :prevent-on-filter="false"
+              @move="checkColumnMove"
+            >
+              <div
+                v-for="item in columns"
+                :key="item.prop || item.type"
+                class="column-option flex items-center"
+                :class="{ 'fixed-column': item.fixed }"
+              >
+                <div
+                  class="drag-icon mr-2 h-4.5 flex items-center justify-center text-g-500"
+                  :class="item.fixed ? 'cursor-default text-g-300' : 'cursor-move'"
+                >
+                  <FaSvgIcon
+                    :icon="item.fixed ? 'ri:unpin-line' : 'ri:drag-move-2-fill'"
+                    class="text-base"
+                  />
+                </div>
+                <ElCheckbox
+                  :model-value="getColumnVisibility(item)"
+                  @update:model-value="(val) => updateColumnVisibility(item, val)"
+                  :disabled="item.disabled"
+                  class="flex-1 min-w-0 [&_.el-checkbox__label]:overflow-hidden [&_.el-checkbox__label]:text-ellipsis [&_.el-checkbox__label]:whitespace-nowrap"
+                >
+                  {{ item.label || (item.type === "selection" ? t("table.selection") : "") }}
+                </ElCheckbox>
+              </div>
+            </VueDraggable>
+          </ElScrollbar>
+        </div>
+      </ElPopover>
+      <!-- 其他设置 -->
+      <ElPopover v-if="shouldShow('settings')" placement="bottom" trigger="click">
+        <template #reference>
+          <div class="button">
+            <FaSvgIcon icon="ri:settings-line" />
+          </div>
+        </template>
+        <div class="flex min-w-[200px] flex-col gap-2">
+          <ElCheckbox v-model="isZebra" :value="true">
+            {{ t("table.zebra") }}
+          </ElCheckbox>
+          <ElCheckbox v-model="isBorder" :value="true">
+            {{ t("table.border") }}
+          </ElCheckbox>
+          <ElCheckbox v-model="isHeaderBackground" :value="true">
+            {{ t("table.headerBackground") }}
+          </ElCheckbox>
+          <ElCheckbox v-model="highlightCurrentRow" :value="true">
+            {{ t("table.highlightCurrentRow") }}
+          </ElCheckbox>
+        </div>
+      </ElPopover>
+      <slot name="right"></slot>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, onMounted, onUnmounted } from "vue";
+import { storeToRefs } from "pinia";
+import { TableSizeEnum } from "@/enums/formEnum";
+import { useTableStore } from "@stores";
+import { VueDraggable } from "vue-draggable-plus";
+import { useI18n } from "vue-i18n";
+import type { ColumnOption } from "@/types/component";
+
+defineOptions({ name: "FaTableHeader" });
+
+// 显式声明插槽类型
+defineSlots<{
+  default?: () => void;
+  left?: () => void;
+  right?: () => void;
+}>();
+
+const { t } = useI18n();
+
+interface Props {
+  /** 全屏 class */
+  fullClass?: string;
+  /** 组件布局，子组件名用逗号分隔 */
+  layout?: string;
+  /** 加载中 */
+  loading?: boolean;
+  /** 搜索栏显示状态 */
+  showSearchBar?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  fullClass: "fa-full-height",
+  layout: "search,refresh,size,fullscreen,columns,rowDrag,settings",
+  showSearchBar: undefined,
+});
+
+const columns = defineModel<ColumnOption[]>("columns", {
+  required: false,
+  default: () => [],
+});
+
+interface Emits {
+  refresh: [];
+  search: [];
+  "update:showSearchBar": [value: boolean];
+}
+
+const emit = defineEmits<Emits>();
+
+/**
+ * 获取列的显示状态
+ * 优先使用 visible 字段，如果不存在则使用 checked 字段
+ */
+const getColumnVisibility = (col: ColumnOption): boolean => {
+  if (col.visible !== undefined) {
+    return col.visible;
+  }
+  return col.checked ?? true;
+};
+
+/**
+ * 更新列的显示状态
+ * 同时更新 checked 和 visible 字段以保持兼容性
+ */
+const updateColumnVisibility = (col: ColumnOption, value: boolean | string | number): void => {
+  const boolValue = !!value;
+  col.checked = boolValue;
+  col.visible = boolValue;
+};
+
+/** 表格大小选项配置 */
+const tableSizeOptions = [
+  { value: TableSizeEnum.SMALL, label: t("table.sizeOptions.small") },
+  { value: TableSizeEnum.DEFAULT, label: t("table.sizeOptions.default") },
+  { value: TableSizeEnum.LARGE, label: t("table.sizeOptions.large") },
+];
+
+const tableStore = useTableStore();
+const { tableSize, isZebra, isBorder, isHeaderBackground, isRowDrag, highlightCurrentRow } =
+  storeToRefs(tableStore);
+
+const toggleRowDrag = () => {
+  tableStore.setIsRowDrag(!isRowDrag.value);
+};
+
+/** 解析 layout 属性，转换为数组 */
+const layoutItems = computed(() => {
+  return props.layout.split(",").map((item) => item.trim());
+});
+
+/**
+ * 检查组件是否应该显示
+ * @param componentName 组件名称
+ * @returns 是否显示
+ */
+const shouldShow = (componentName: string) => {
+  return layoutItems.value.includes(componentName);
+};
+
+/**
+ * 拖拽移动事件处理 - 防止固定列位置改变
+ * @param evt move事件对象
+ * @returns 是否允许移动
+ */
+const checkColumnMove = (event: any) => {
+  // 拖拽进入的目标 DOM 元素
+  const toElement = event.related as HTMLElement;
+  // 如果目标位置是 fixed 列，则不允许移动
+  if (toElement && toElement.classList.contains("fixed-column")) {
+    return false;
+  }
+  return true;
+};
+
+/** 搜索事件处理 */
+const search = () => {
+  // 切换搜索栏显示状态
+  emit("update:showSearchBar", !props.showSearchBar);
+  emit("search");
+};
+
+/** 刷新事件处理 */
+const refresh = () => {
+  isManualRefresh.value = true;
+  emit("refresh");
+};
+
+/**
+ * 表格大小变化处理
+ * @param command 表格大小枚举值
+ */
+const handleTableSizeChange = (command: TableSizeEnum) => {
+  useTableStore().setTableSize(command);
+};
+
+/** 是否手动点击刷新 */
+const isManualRefresh = ref(false);
+
+/** 加载中 */
+const isFullScreen = ref(false);
+
+/** 保存原始的 overflow 样式，用于退出全屏时恢复 */
+const originalOverflow = ref("");
+
+/**
+ * 切换全屏状态
+ * 进入全屏时会隐藏页面滚动条，退出时恢复原状态
+ */
+const toggleFullScreen = () => {
+  const el = document.querySelector(`.${props.fullClass}`);
+  if (!el) return;
+
+  isFullScreen.value = !isFullScreen.value;
+
+  if (isFullScreen.value) {
+    // 进入全屏：保存原始样式并隐藏滚动条
+    originalOverflow.value = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    el.classList.add("el-full-screen");
+    tableStore.setIsFullScreen(true);
+  } else {
+    // 退出全屏：恢复原始样式
+    document.body.style.overflow = originalOverflow.value;
+    el.classList.remove("el-full-screen");
+    tableStore.setIsFullScreen(false);
+  }
+};
+
+/**
+ * ESC键退出全屏的事件处理器
+ * 需要保存引用以便在组件卸载时正确移除监听器
+ */
+const handleEscapeKey = (e: KeyboardEvent) => {
+  if (e.key === "Escape" && isFullScreen.value) {
+    toggleFullScreen();
+  }
+};
+
+/** 组件挂载时注册全局事件监听器 */
+onMounted(() => {
+  document.addEventListener("keydown", handleEscapeKey);
+});
+
+/** 组件卸载时清理资源 */
+onUnmounted(() => {
+  // 移除事件监听器
+  document.removeEventListener("keydown", handleEscapeKey);
+
+  // 如果组件在全屏状态下被卸载，恢复页面滚动状态
+  if (isFullScreen.value) {
+    document.body.style.overflow = originalOverflow.value;
+    const el = document.querySelector(`.${props.fullClass}`);
+    if (el) {
+      el.classList.remove("el-full-screen");
+    }
+  }
+});
+</script>
+
+<style scoped>
+@reference '@styles/tailwind.css';
+
+.button {
+  @apply ml-2 
+    size-8 
+    flex 
+    items-center 
+    justify-center 
+    cursor-pointer 
+    rounded-md 
+    bg-g-300/55
+    dark:bg-g-300/40
+    text-g-700  
+    hover:bg-g-300 
+    md:ml-0 
+    md:mr-2.5;
+}
+</style>
diff --git a/src/components/tables/fa-table/index.vue b/src/components/tables/fa-table/index.vue
new file mode 100644
index 0000000..46532b8
--- /dev/null
+++ b/src/components/tables/fa-table/index.vue
@@ -0,0 +1,650 @@
+<!--
+  FaTable：ElTable 透传 + 分页 + 列渲染约定。
+  - 属性 / 事件 / 插槽与 EP 文档一致；样式可由 tableStore 与 props 覆盖。
+  - 暴露 `elTableRef`、`scrollToTop`；formatter 列见 TableFormatterOutlet 注释。
+-->
+<template>
+  <div class="fa-table" :class="{ 'is-empty': isEmpty }">
+    <div class="fa-table__main">
+      <!-- 初始加载骨架屏：仅在 loading 且无数据时显示 -->
+      <div v-if="loading && isEmpty" class="fa-table-skeleton">
+        <ElSkeleton animated>
+          <template #template>
+            <div class="fa-table-skeleton__header">
+              <ElSkeletonItem variant="rect" class="sk-c-1" />
+              <ElSkeletonItem variant="rect" class="sk-c-2" />
+              <ElSkeletonItem variant="rect" class="sk-c-3" />
+              <ElSkeletonItem variant="rect" class="sk-c-4" />
+              <ElSkeletonItem variant="rect" class="sk-c-5" />
+              <ElSkeletonItem variant="rect" class="sk-c-6" />
+            </div>
+            <div v-for="i in 8" :key="i" class="fa-table-skeleton__row">
+              <ElSkeletonItem variant="text" class="sk-c-1" />
+              <ElSkeletonItem variant="text" class="sk-c-2" />
+              <ElSkeletonItem variant="text" class="sk-c-3" />
+              <ElSkeletonItem variant="text" class="sk-c-4" />
+              <ElSkeletonItem variant="text" class="sk-c-5" />
+              <ElSkeletonItem variant="text" class="sk-c-6" />
+            </div>
+          </template>
+        </ElSkeleton>
+      </div>
+      <!-- 数据表格 -->
+      <template v-else>
+        <VueDraggable
+          class="fa-table__drag-wrap"
+          target="tbody"
+          v-model="dragModel"
+          :animation="150"
+          :disabled="rowDragDisabled"
+          @end="onRowDragEnd"
+        >
+          <ElTable ref="elTableRef" :key="tableKey" v-loading="!!loading" v-bind="mergedTableProps">
+            <template v-for="col in columns" :key="col.prop || col.type">
+              <ElTableColumn v-if="col.type === 'globalIndex'" v-bind="{ ...col }">
+                <template #default="{ $index }">
+                  <span>{{ getGlobalIndex($index) }}</span>
+                </template>
+              </ElTableColumn>
+              <ElTableColumn v-else-if="col.type === 'expand'" v-bind="cleanColumnProps(col)">
+                <template #default="{ row: expandRow }">
+                  <component :is="col.formatter ? col.formatter(expandRow) : null" />
+                </template>
+              </ElTableColumn>
+              <ElTableColumn v-else v-bind="cleanBodyColumnProps(col)">
+                <template #header="headerScope">
+                  <component
+                    v-if="col.useHeaderSlot && col.prop"
+                    :is="() => renderColumnHeader(headerScope, col)"
+                  />
+                </template>
+                <template #default="slotScope">
+                  <component
+                    v-if="col.useSlot && col.prop && shouldRenderSlotScope(slotScope)"
+                    :is="() => renderCellSlot(slotScope, col)"
+                  />
+                  <TableFormatterOutlet
+                    v-else-if="col.formatter && !col.useSlot && shouldRenderSlotScope(slotScope)"
+                    :column="col"
+                    :record="slotScope.row"
+                  />
+                </template>
+              </ElTableColumn>
+            </template>
+            <slot v-if="$slots.default" />
+            <template #empty>
+              <div v-if="loading"></div>
+              <ElEmpty v-else :description="emptyText" :image-size="80" />
+            </template>
+          </ElTable>
+        </VueDraggable>
+      </template>
+    </div>
+
+    <div
+      class="pagination"
+      v-if="showPagination"
+      :class="mergedPaginationOptions?.align"
+      ref="paginationRef"
+    >
+      <FaPagination
+        v-if="pagination"
+        :page="pagination.current"
+        :limit="pagination.size"
+        :total="pagination.total"
+        :page-sizes="mergedPaginationOptions.pageSizes"
+        :layout="mergedPaginationOptions.layout"
+        :background="mergedPaginationOptions.background ?? true"
+        :disabled="!!loading"
+        :hidden="paginationHidden"
+        :pager-count="mergedPaginationOptions.pagerCount"
+        :size="mergedPaginationOptions.size"
+        @pagination="handlePaginationEvent"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  ref,
+  computed,
+  nextTick,
+  watchEffect,
+  getCurrentInstance,
+  useAttrs,
+  useSlots,
+  isVNode,
+  h,
+  defineComponent,
+  type PropType,
+} from "vue";
+import type { ElTable, TableProps } from "element-plus";
+import { storeToRefs } from "pinia";
+import { ColumnOption } from "@/types";
+import { useTableStore } from "@stores";
+import { useCommon } from "@/hooks/core/useCommon";
+import { useTableHeight } from "@/hooks/core/useTableHeight";
+import { useWindowSize } from "@vueuse/core";
+import { VueDraggable } from "vue-draggable-plus";
+import { MOBILE_BREAKPOINT } from "@utils/constants/definitions";
+
+defineOptions({ name: "FaTable" });
+
+const { width } = useWindowSize();
+const isMobile = computed(() => width.value < MOBILE_BREAKPOINT);
+// H5 ↔ 桌面切换时强制重建 ElTable，使列宽 / formatter 重新计算
+const tableKey = computed(() => (isMobile.value ? "mobile" : "desktop"));
+const elTableRef = ref<InstanceType<typeof ElTable> | null>(null);
+const paginationRef = ref<HTMLElement>();
+const tableHeaderRef = ref<HTMLElement>();
+const tableStore = useTableStore();
+const slots = useSlots();
+const {
+  isBorder,
+  isZebra,
+  tableSize,
+  isFullScreen,
+  isHeaderBackground,
+  isRowDrag,
+  highlightCurrentRow,
+} = storeToRefs(tableStore);
+
+/** 分页配置接口 */
+interface PaginationConfig {
+  /** 当前页码 */
+  current: number;
+  /** 每页显示条目个数 */
+  size: number;
+  /** 总条目数 */
+  total: number;
+}
+
+/** 分页器配置选项接口 */
+interface PaginationOptions {
+  /** 每页显示个数选择器的选项列表 */
+  pageSizes?: number[];
+  /** 分页器的对齐方式 */
+  align?: "left" | "center" | "right";
+  /** 分页器的布局 */
+  layout?: string;
+  /** 是否显示分页器背景 */
+  background?: boolean;
+  /** 只有一页时是否隐藏分页器 */
+  hideOnSinglePage?: boolean;
+  /** 分页器的大小 */
+  size?: "small" | "default" | "large";
+  /** 分页器的页码数量 */
+  pagerCount?: number;
+}
+
+/** FaTable 组件的 Props 接口 */
+interface Props extends TableProps<Record<string, any>> {
+  /** 加载状态 */
+  loading?: boolean;
+  /** 列渲染配置 */
+  columns?: ColumnOption[];
+  /** 分页状态 */
+  pagination?: PaginationConfig;
+  /** 分页配置 */
+  paginationOptions?: PaginationOptions;
+  /** 空数据表格高度 */
+  emptyHeight?: string;
+  /** 空数据时显示的文本 */
+  emptyText?: string;
+  /** 是否开启 FaTableHeader，解决表格高度自适应问题 */
+  showTableHeader?: boolean;
+  /** 为 true 时关闭行拖拽（忽略工具栏「行拖拽」开关） */
+  disableRowDrag?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  columns: () => [],
+  fit: true,
+  showHeader: true,
+  stripe: undefined,
+  border: undefined,
+  size: undefined,
+  emptyHeight: "100%",
+  emptyText: "暂无数据",
+  showTableHeader: true,
+  disableRowDrag: false,
+});
+const instance = getCurrentInstance();
+const attrs = useAttrs();
+
+/** 仅当调用方显式传入对应 prop 时视为「固定」，否则交由表格 store */
+const hasExplicitTableProp = (propName: string): boolean => {
+  const rawProps = (instance?.vnode.props || {}) as Record<string, unknown>;
+  const kebabName = propName.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+  return propName in rawProps || kebabName in rawProps;
+};
+
+const LAYOUT = {
+  MOBILE: "prev, pager, next, sizes, jumper, total",
+  IPAD: "prev, pager, next, jumper, total",
+  DESKTOP: "total, prev, pager, next, sizes, jumper",
+};
+
+const layout = computed(() => {
+  if (width.value < MOBILE_BREAKPOINT) {
+    return LAYOUT.MOBILE;
+  } else if (width.value < 1024) {
+    return LAYOUT.IPAD;
+  } else {
+    return LAYOUT.DESKTOP;
+  }
+});
+
+// 默认分页常量
+const DEFAULT_PAGINATION_OPTIONS: PaginationOptions = {
+  pageSizes: [10, 20, 30, 50, 100],
+  align: "center",
+  background: true,
+  layout: layout.value,
+  hideOnSinglePage: false,
+  size: undefined,
+  pagerCount: width.value > 1200 ? 7 : 5,
+};
+
+// 合并分页配置
+const mergedPaginationOptions = computed(() => ({
+  ...DEFAULT_PAGINATION_OPTIONS,
+  ...props.paginationOptions,
+}));
+
+/** 对齐 ElPagination hide-on-single-page，交给封装组件的 hidden */
+const paginationHidden = computed(() => {
+  const p = props.pagination;
+  const opts = mergedPaginationOptions.value;
+  if (!p || !opts.hideOnSinglePage) return false;
+  const size = p.size || 10;
+  const total = p.total ?? 0;
+  if (total <= 0) return false;
+  return Math.ceil(total / size) <= 1;
+});
+
+// 边框 (优先级：props > store)
+const border = computed(() => props.border ?? isBorder.value);
+// 斑马纹
+const stripe = computed(() => props.stripe ?? isZebra.value);
+// 表格尺寸
+const size = computed(() => props.size ?? tableSize.value);
+// 数据是否为空
+const isEmpty = computed(() => props.data?.length === 0);
+
+const paginationHeight = ref(0);
+const tableHeaderHeight = ref(0);
+
+// 使用 useResizeObserver 监听分页器高度变化
+useResizeObserver(paginationRef, (entries) => {
+  const entry = entries[0];
+  if (entry) {
+    // 使用 requestAnimationFrame 避免 ResizeObserver loop 警告
+    requestAnimationFrame(() => {
+      paginationHeight.value = entry.contentRect.height;
+    });
+  }
+});
+
+// 使用 useResizeObserver 监听表格头部高度变化
+useResizeObserver(tableHeaderRef, (entries) => {
+  const entry = entries[0];
+  if (entry) {
+    // 使用 requestAnimationFrame 避免 ResizeObserver loop 警告
+    requestAnimationFrame(() => {
+      tableHeaderHeight.value = entry.contentRect.height;
+    });
+  }
+});
+
+// 分页器与表格之间的间距常量（计算属性，响应 showTableHeader 变化）
+const PAGINATION_SPACING = computed(() => (props.showTableHeader ? 6 : 15));
+
+// 使用表格高度计算 Hook（返回含分页、表头偏移的精确高度）
+useTableHeight({
+  showTableHeader: computed(() => props.showTableHeader),
+  paginationHeight,
+  tableHeaderHeight,
+  paginationSpacing: PAGINATION_SPACING,
+});
+
+// 表格高度逻辑
+const height = computed(() => {
+  // 全屏模式下占满全屏
+  if (isFullScreen.value) return "100%";
+  // 空数据且非加载状态时固定高度
+  if (isEmpty.value && !props.loading) return props.emptyHeight;
+  // 使用传入的高度
+  if (props.height) return props.height;
+  // flex 布局下 .fa-table__main 已扣除分页空间，ElTable 用 100% 填满即可
+  return "100%";
+});
+
+// 表头背景颜色样式
+const headerCellStyle = computed(() => ({
+  background: isHeaderBackground.value
+    ? "var(--el-fill-color-lighter)"
+    : "var(--default-box-color)",
+  ...(props.headerCellStyle || {}), // 合并用户传入的样式
+}));
+
+const mergedTableProps = computed(() => ({
+  ...attrs,
+  ...props,
+  height: height.value,
+  stripe: stripe.value,
+  border: border.value,
+  size: hasExplicitTableProp("size") ? size.value : undefined,
+  headerCellStyle: headerCellStyle.value,
+  highlightCurrentRow: highlightCurrentRow.value,
+  // Element Plus 默认值为 true，未显式传入时不应被 FaTable 覆盖成 false。
+  selectOnIndeterminate: hasExplicitTableProp("selectOnIndeterminate")
+    ? props.selectOnIndeterminate
+    : undefined,
+}));
+
+interface Emits {
+  (e: "pagination:size-change", val: number): void;
+  (e: "pagination:current-change", val: number): void;
+  (e: "update:data", val: Record<string, unknown>[]): void;
+  (e: "row-order-change", val: Record<string, unknown>[]): void;
+}
+
+const emit = defineEmits<Emits>();
+
+/** 无 data 时用固定空数组，避免 v-model 每次拿到新 [] */
+const emptyDataStub = ref<Record<string, unknown>[]>([]);
+
+const dragModel = computed({
+  get() {
+    const d = props.data;
+    if (Array.isArray(d)) return d;
+    return emptyDataStub.value;
+  },
+  set(val) {
+    emit("update:data", val);
+  },
+});
+
+const rowDragActive = computed(() => !props.disableRowDrag && isRowDrag.value);
+
+const rowDragDisabled = computed(() => !rowDragActive.value || !!props.loading);
+
+const onRowDragEnd = () => {
+  const d = props.data;
+  if (Array.isArray(d)) {
+    emit("row-order-change", d as Record<string, unknown>[]);
+  }
+};
+
+// 是否显示分页器
+const showPagination = computed(() => !!props.pagination);
+
+// Element Plus 在部分场景会先用 $index = -1 进行预渲染。
+// 这对普通展示无影响，但会让 ElForm 错误注册出 lineList.-1.xxx 这类字段。
+const shouldRenderSlotScope = (slotScope: { $index?: number }) => {
+  return slotScope.$index === undefined || slotScope.$index >= 0;
+};
+
+/** Vue 3.5：useSlots() 直接调用 slot 渲染函数，模板中零 <slot> 元素 */
+function renderColumnHeader(headerScope: Record<string, unknown>, col: Record<string, unknown>) {
+  const slotName = (col.headerSlotName || `${col.prop}-header`) as string;
+  return slots[slotName]?.({ ...headerScope, prop: col.prop, label: col.label }) ?? col.label;
+}
+
+function renderCellSlot(slotScope: Record<string, unknown>, col: Record<string, unknown>) {
+  const slotName = (col.slotName || col.prop) as string;
+  const row = slotScope.row as Record<string, unknown> | undefined;
+  return (
+    slots[slotName]?.({
+      ...slotScope,
+      prop: col.prop,
+      value: col.prop ? row?.[col.prop as string] : undefined,
+    }) ?? null
+  );
+}
+
+/**
+ * ElTableColumn 若存在 default 插槽且插槽产物含任意非 Comment 的 vnode（含空白文本节点），
+ * 将不会执行 formatter（见 element-plus render-helper setColumnRenders）。
+ * FaTable 中 ElTableColumn 与子节点之间的换行/缩进可能被编译进默认插槽，导致 formatter（如操作列里的按钮）永远不渲染。
+ * 对声明了 formatter 且未使用 useSlot 的列，在此显式渲染 formatter 返回值。
+ */
+const renderColumnFormatter = (col: ColumnOption, row: Record<string, unknown>) => {
+  if (!col.formatter) return null;
+  const result = col.formatter(row as never);
+  if (isVNode(result)) return result;
+  if (result === null || result === undefined) return null;
+  return h("span", String(result));
+};
+
+/**
+ * 在 render 里调用 formatter(row) 生成 VNode；勿把 VNode 当 props 传入（克隆后会失效）。
+ * 与 renderColumnFormatter 同文件定义，保证闭包一致。
+ */
+const TableFormatterOutlet = defineComponent({
+  name: "TableFormatterOutlet",
+  props: {
+    column: { type: Object as PropType<ColumnOption>, required: true },
+    /** 避免 prop 名 row 与插槽解构冲突 */
+    record: { type: Object as PropType<Record<string, unknown>>, required: true },
+  },
+  setup(props) {
+    return () => renderColumnFormatter(props.column, props.record);
+  },
+});
+
+// 清理列属性，移除插槽相关的自定义属性，确保它们不会被 ElTableColumn 错误解释
+const cleanColumnProps = (col: ColumnOption) => {
+  const columnProps = { ...col };
+  // 删除自定义的插槽控制属性
+  delete columnProps.useHeaderSlot;
+  delete columnProps.headerSlotName;
+  delete columnProps.useSlot;
+  delete columnProps.slotName;
+  return columnProps;
+};
+
+/** 普通列：单元格已由插槽内 TableFormatterOutlet 渲染，勿再把 formatter 传给 ElTableColumn，避免与 EP 内置 renderCell 混用 */
+const cleanBodyColumnProps = (col: ColumnOption) => {
+  const columnProps = cleanColumnProps(col);
+  delete columnProps.formatter;
+  // H5 端：操作列只显示「更多」按钮，宽度收窄到 80；响应式跟随窗口变化
+  const isOpCol = col.prop === "operation" || col.label === "操作";
+  if (isOpCol && isMobile.value) {
+    columnProps.width = 80;
+  }
+  return columnProps;
+};
+
+const { scrollToTop: scrollPageToTop } = useCommon();
+
+// 滚动表格内容到顶部，并可以联动页面滚动到顶部
+const scrollToTop = () => {
+  nextTick(() => {
+    elTableRef.value?.setScrollTop(0); // 滚动 ElTable 内部滚动条到顶部
+    scrollPageToTop(); // 调用公共 composable 滚动页面到顶部
+  });
+};
+
+/** 对接封装分页 @pagination，保持对外仍为 size-change / current-change 事件 */
+const handlePaginationEvent = (payload: { page: number; limit: number }) => {
+  const p = props.pagination;
+  if (!p) return;
+  if (payload.limit !== p.size) {
+    emit("pagination:size-change", payload.limit);
+    return;
+  }
+  if (payload.page !== p.current) {
+    emit("pagination:current-change", payload.page);
+    scrollToTop();
+  }
+};
+
+// 全局序号
+const getGlobalIndex = (index: number) => {
+  if (!props.pagination) return index + 1;
+  const { current, size } = props.pagination;
+  return (current - 1) * size + index + 1;
+};
+
+// 查找并绑定表格头部元素 - 使用 VueUse 优化
+const findTableHeader = () => {
+  if (!props.showTableHeader) {
+    tableHeaderRef.value = undefined;
+    return;
+  }
+
+  const tableHeader = document.getElementById("fa-table-header");
+  if (tableHeader) {
+    tableHeaderRef.value = tableHeader;
+  } else {
+    // 如果找不到表格头部，设置为 undefined，useElementSize 会返回 0
+    tableHeaderRef.value = undefined;
+  }
+};
+
+watchEffect(
+  () => {
+    // 访问响应式数据以建立依赖追踪
+    void props.data?.length; // 追踪数据变化
+    const shouldShow = props.showTableHeader;
+
+    // 只有在需要显示表格头部时才查找
+    if (shouldShow) {
+      nextTick(() => {
+        findTableHeader();
+      });
+    } else {
+      // 不显示时清空引用
+      tableHeaderRef.value = undefined;
+    }
+  },
+  { flush: "post" }
+);
+
+defineExpose({
+  scrollToTop,
+  elTableRef,
+});
+</script>
+
+<style lang="scss" scoped>
+.fa-table {
+  position: relative;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+
+  .fa-table__main {
+    flex: 1;
+    min-height: 0;
+    padding-top: 10px;
+
+    /* VueDraggable 透传高度，确保 ElTable height: 100% 能正确解析 */
+    > * {
+      height: 100%;
+    }
+  }
+
+  /* ── 表格骨架屏 ── */
+  .fa-table-skeleton {
+    padding: 12px 0;
+
+    .fa-table-skeleton__header {
+      display: grid;
+      grid-template-columns: 56px 1fr 1fr 120px 1fr 100px;
+      gap: 4px;
+      padding: 10px 16px;
+      margin-bottom: 4px;
+      border-bottom: 1px solid var(--el-border-color-lighter);
+
+      .el-skeleton__item {
+        height: 22px;
+      }
+    }
+
+    .fa-table-skeleton__row {
+      display: grid;
+      grid-template-columns: 56px 1fr 1fr 120px 1fr 100px;
+      gap: 4px;
+      align-items: center;
+      padding: 12px 16px;
+    }
+
+    /* 每行 6 列宽度的别名 */
+    .sk-c-1 {
+      grid-column: 1;
+    }
+
+    .sk-c-2 {
+      grid-column: 2;
+    }
+
+    .sk-c-3 {
+      grid-column: 3;
+    }
+
+    .sk-c-4 {
+      grid-column: 4;
+    }
+
+    .sk-c-5 {
+      grid-column: 5;
+    }
+
+    .sk-c-6 {
+      grid-column: 6;
+    }
+  }
+
+  .el-table {
+    height: 100%;
+  }
+
+  :deep(.el-loading-mask) {
+    z-index: 100;
+    background-color: var(--default-box-color) !important;
+  }
+
+  /* Loading 过渡动画 - 消失时淡出 */
+  .loading-fade-leave-active {
+    transition: opacity 0.3s ease-out;
+  }
+
+  .loading-fade-leave-to {
+    opacity: 0;
+  }
+
+  /* 空状态垂直居中 */
+  &.is-empty {
+    :deep(.el-table__body-wrapper) {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+
+  /* 分页按钮样式已统一由 FaPagination 组件处理 */
+  .pagination {
+    display: flex;
+    flex-shrink: 0;
+    padding-top: 13px;
+
+    /* 分页对齐方式 */
+    &.left {
+      justify-content: flex-start;
+    }
+
+    &.center {
+      justify-content: center;
+    }
+
+    &.right {
+      justify-content: flex-end;
+    }
+  }
+}
+</style>
diff --git a/src/components/text-effect/fa-count-to/index.vue b/src/components/text-effect/fa-count-to/index.vue
new file mode 100644
index 0000000..cc42b17
--- /dev/null
+++ b/src/components/text-effect/fa-count-to/index.vue
@@ -0,0 +1,312 @@
+<!-- 数字滚动 -->
+<template>
+  <span
+    class="text-g-900 tabular-nums"
+    :class="isRunning ? 'transition-opacity duration-300 ease-in-out' : ''"
+  >
+    {{ formattedValue }}
+  </span>
+</template>
+
+<script setup lang="ts">
+import { computed, watch, nextTick, onUnmounted, shallowRef } from "vue";
+import { useTransition, TransitionPresets } from "@vueuse/core";
+
+defineOptions({ name: "FaCountTo" });
+
+// 类型定义
+interface Props {
+  /** 目标值 */
+  target: number;
+  /** 动画持续时间（毫秒） */
+  duration?: number;
+  /** 是否自动开始 */
+  autoStart?: boolean;
+  /** 小数位数 */
+  decimals?: number;
+  /** 小数点符号 */
+  decimal?: string;
+  /** 千分位分隔符 */
+  separator?: string;
+  /** 前缀 */
+  prefix?: string;
+  /** 后缀 */
+  suffix?: string;
+  /** 缓动函数 */
+  easing?: keyof typeof TransitionPresets;
+  /** 是否禁用动画 */
+  disabled?: boolean;
+}
+
+interface Emits {
+  started: [value: number];
+  finished: [value: number];
+  paused: [value: number];
+  reset: [];
+}
+
+interface CountToExpose {
+  start: (target?: number) => void;
+  pause: () => void;
+  reset: (newTarget?: number) => void;
+  stop: () => void;
+  setTarget: (target: number) => void;
+  readonly isRunning: boolean;
+  readonly isPaused: boolean;
+  readonly currentValue: number;
+  readonly targetValue: number;
+  readonly progress: number;
+}
+
+// 常量定义
+const EPSILON = Number.EPSILON;
+const MIN_DURATION = 100;
+const MAX_DURATION = 60000;
+const MAX_DECIMALS = 10;
+const DEFAULT_EASING = "easeOutExpo";
+const DEFAULT_DURATION = 2000;
+
+const props = withDefaults(defineProps<Props>(), {
+  target: 0,
+  duration: DEFAULT_DURATION,
+  autoStart: true,
+  decimals: 0,
+  decimal: ".",
+  separator: "",
+  prefix: "",
+  suffix: "",
+  easing: DEFAULT_EASING,
+  disabled: false,
+});
+
+const emit = defineEmits<Emits>();
+
+// 工具函数
+const validateNumber = (value: number, name: string, defaultValue: number): number => {
+  if (!Number.isFinite(value)) {
+    console.warn(`[CountTo] Invalid ${name} value:`, value);
+    return defaultValue;
+  }
+  return value;
+};
+
+const clamp = (value: number, min: number, max: number): number => {
+  return Math.max(min, Math.min(value, max));
+};
+
+const formatNumber = (
+  value: number,
+  decimals: number,
+  decimal: string,
+  separator: string
+): string => {
+  let result = decimals > 0 ? value.toFixed(decimals) : Math.floor(value).toString();
+
+  // 处理小数点符号
+  if (decimal !== "." && result.includes(".")) {
+    result = result.replace(".", decimal);
+  }
+
+  // 处理千分位分隔符
+  if (separator) {
+    const parts = result.split(decimal);
+    parts[0] = parts[0]!.replace(/\B(?=(\d{3})+(?!\d))/g, separator);
+    result = parts.join(decimal);
+  }
+
+  return result;
+};
+
+// 安全计算值
+const safeTarget = computed(() => validateNumber(props.target, "target", 0));
+const safeDuration = computed(() =>
+  clamp(validateNumber(props.duration, "duration", DEFAULT_DURATION), MIN_DURATION, MAX_DURATION)
+);
+const safeDecimals = computed(() =>
+  clamp(validateNumber(props.decimals, "decimals", 0), 0, MAX_DECIMALS)
+);
+const safeEasing = computed(() => {
+  const easing = props.easing;
+  if (!(easing in TransitionPresets)) {
+    console.warn("[CountTo] Invalid easing value:", easing);
+    return DEFAULT_EASING;
+  }
+  return easing;
+});
+
+// 状态管理
+const currentValue = shallowRef(0);
+const targetValue = shallowRef(safeTarget.value);
+const isRunning = shallowRef(false);
+const isPaused = shallowRef(false);
+const pausedValue = shallowRef(0);
+
+// 动画控制
+const transitionValue = useTransition(currentValue, {
+  duration: safeDuration,
+  transition: computed(() => TransitionPresets[safeEasing.value]),
+  onStarted: () => {
+    isRunning.value = true;
+    isPaused.value = false;
+    emit("started", targetValue.value);
+  },
+  onFinished: () => {
+    isRunning.value = false;
+    isPaused.value = false;
+    emit("finished", targetValue.value);
+  },
+});
+
+// 格式化显示值
+const formattedValue = computed(() => {
+  const value = isPaused.value ? pausedValue.value : transitionValue.value;
+
+  if (!Number.isFinite(value)) {
+    return `${props.prefix}0${props.suffix}`;
+  }
+
+  const formattedNumber = formatNumber(value, safeDecimals.value, props.decimal, props.separator);
+  return `${props.prefix}${formattedNumber}${props.suffix}`;
+});
+
+// 私有方法
+const shouldSkipAnimation = (target: number): boolean => {
+  const current = isPaused.value ? pausedValue.value : transitionValue.value;
+  return Math.abs(current - target) < EPSILON;
+};
+
+const resetPauseState = (): void => {
+  isPaused.value = false;
+  pausedValue.value = 0;
+};
+
+// 公共方法
+const start = (target?: number): void => {
+  if (props.disabled) {
+    console.warn("[CountTo] Animation is disabled");
+    return;
+  }
+
+  const finalTarget = target !== undefined ? target : targetValue.value;
+
+  if (!Number.isFinite(finalTarget)) {
+    console.warn("[CountTo] Invalid target value for start:", finalTarget);
+    return;
+  }
+
+  targetValue.value = finalTarget;
+
+  if (shouldSkipAnimation(finalTarget)) {
+    return;
+  }
+
+  // 从暂停值开始（如果存在）
+  if (isPaused.value) {
+    currentValue.value = pausedValue.value;
+    resetPauseState();
+  }
+
+  nextTick(() => {
+    currentValue.value = finalTarget;
+  });
+};
+
+const pause = (): void => {
+  if (!isRunning.value || isPaused.value) {
+    return;
+  }
+
+  isPaused.value = true;
+  pausedValue.value = transitionValue.value;
+  currentValue.value = pausedValue.value;
+
+  emit("paused", pausedValue.value);
+};
+
+const reset = (newTarget = 0): void => {
+  const target = validateNumber(newTarget, "reset target", 0);
+
+  currentValue.value = target;
+  targetValue.value = target;
+  resetPauseState();
+
+  emit("reset");
+};
+
+const setTarget = (target: number): void => {
+  if (!Number.isFinite(target)) {
+    console.warn("[CountTo] Invalid target value for setTarget:", target);
+    return;
+  }
+
+  targetValue.value = target;
+
+  if ((isRunning.value || props.autoStart) && !props.disabled) {
+    start(target);
+  }
+};
+
+const stop = (): void => {
+  if (isRunning.value || isPaused.value) {
+    currentValue.value = 0;
+    resetPauseState();
+    emit("paused", 0);
+  }
+};
+
+// 监听器
+watch(
+  safeTarget,
+  (newTarget) => {
+    if (props.autoStart && !props.disabled) {
+      start(newTarget);
+    } else {
+      targetValue.value = newTarget;
+    }
+  },
+  { immediate: props.autoStart && !props.disabled }
+);
+
+watch(
+  () => props.disabled,
+  (disabled) => {
+    if (disabled && isRunning.value) {
+      stop();
+    }
+  }
+);
+
+// 清理
+onUnmounted(() => {
+  if (isRunning.value) {
+    stop();
+  }
+});
+
+// 暴露 API
+defineExpose<CountToExpose>({
+  start,
+  pause,
+  reset,
+  stop,
+  setTarget,
+  get isRunning() {
+    return isRunning.value;
+  },
+  get isPaused() {
+    return isPaused.value;
+  },
+  get currentValue() {
+    return isPaused.value ? pausedValue.value : transitionValue.value;
+  },
+  get targetValue() {
+    return targetValue.value;
+  },
+  get progress() {
+    const current = isPaused.value ? pausedValue.value : transitionValue.value;
+    const target = targetValue.value;
+    if (target === 0) return current === 0 ? 1 : 0;
+    return Math.abs(current / target);
+  },
+});
+</script>
diff --git a/src/components/text-effect/fa-festival-text-scroll/index.vue b/src/components/text-effect/fa-festival-text-scroll/index.vue
new file mode 100644
index 0000000..7fa406f
--- /dev/null
+++ b/src/components/text-effect/fa-festival-text-scroll/index.vue
@@ -0,0 +1,50 @@
+<!-- 节日 / 公告顶栏：文案来自 festival 配置（占位符 {{version}}、{{introduceUrl}}） -->
+<template>
+  <div :class="{ 'mb-5': showFestivalStrip }">
+    <Transition name="festival-strip">
+      <FaTextScroll
+        v-if="showFestivalStrip"
+        type="theme"
+        :text="festivalScrollDisplayHtml"
+        height="40px"
+        :speed="55"
+        :always-scroll="true"
+        show-close
+        @close="closeFestivalScroll"
+      />
+    </Transition>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { storeToRefs } from "pinia";
+import { useSettingsStore } from "@stores";
+import { useCeremony } from "@/hooks/core/useCeremony";
+import { WEB_LINKS } from "@utils";
+
+defineOptions({ name: "FaFestivalTextScroll" });
+
+const settingStore = useSettingsStore();
+const { showFestivalText } = storeToRefs(settingStore);
+const { currentFestivalData, closeFestivalScroll } = useCeremony();
+
+function versionLabel(): string {
+  const v = String(import.meta.env.VITE_VERSION ?? "").trim();
+  if (!v) return "";
+  return v.startsWith("v") ? v : `v${v}`;
+}
+
+const festivalScrollDisplayHtml = computed(() => {
+  const raw = currentFestivalData.value?.scrollText ?? "";
+  const ver = versionLabel() || "v0.0.0";
+  return raw.replace(/\{\{version\}\}/g, ver).replace(/\{\{introduceUrl\}\}/g, WEB_LINKS.INTRODUCE);
+});
+
+const showFestivalStrip = computed(
+  () =>
+    showFestivalText.value &&
+    !!currentFestivalData.value?.scrollText &&
+    currentFestivalData.value.scrollText !== ""
+);
+</script>
diff --git a/src/components/text-effect/fa-text-scroll/index.vue b/src/components/text-effect/fa-text-scroll/index.vue
new file mode 100644
index 0000000..d74fbf3
--- /dev/null
+++ b/src/components/text-effect/fa-text-scroll/index.vue
@@ -0,0 +1,336 @@
+<!-- 文字滚动 -->
+<template>
+  <div
+    ref="containerRef"
+    class="relative overflow-hidden rounded-custom-sm border flex items-center box-border text-sm"
+    :class="themeClasses"
+    :style="containerStyle"
+  >
+    <div
+      class="flex items-center justify-center absolute left-0 h-full w-9 z-10"
+      :style="{ backgroundColor: bgColor }"
+    >
+      <FaSvgIcon icon="ri:volume-down-line" class="text-lg" />
+    </div>
+
+    <div
+      ref="contentRef"
+      class="whitespace-nowrap inline-block transition-opacity duration-600 [&_a]:text-danger [&_a:hover]:underline [&_a:hover]:text-danger/80 px-9"
+      :class="[contentClass, { 'opacity-0': !isReady, 'opacity-100': isReady }]"
+      :style="contentStyle"
+      @click="handleContentClick"
+    >
+      <!-- 原始内容 -->
+      <span ref="textRef" class="inline-block">
+        <slot>
+          <span v-html="text"></span>
+        </slot>
+      </span>
+      <!-- 克隆内容用于无缝循环 -->
+      <span v-if="shouldClone" class="inline-block" :style="cloneSpacing">
+        <slot>
+          <span v-html="text"></span>
+        </slot>
+      </span>
+    </div>
+
+    <div
+      v-if="showClose"
+      class="flex items-center justify-center absolute right-0 h-full w-9 cursor-pointer"
+      :style="{ backgroundColor: bgColor }"
+      @click="handleClose"
+    >
+      <FaSvgIcon icon="ri:close-fill" class="text-lg" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, watch, onMounted, onBeforeUnmount } from "vue";
+import { storeToRefs } from "pinia";
+import {
+  useElementSize,
+  useRafFn,
+  useElementHover,
+  useDebounceFn,
+  useTimeoutFn,
+} from "@vueuse/core";
+import { useSettingsStore } from "@stores";
+
+type ThemeType =
+  | "theme"
+  | "primary"
+  | "secondary"
+  | "error"
+  | "info"
+  | "success"
+  | "warning"
+  | "danger";
+
+/**
+ * 文本滚动组件属性接口
+ */
+export interface Props {
+  /** 滚动文本内容 */
+  text?: string;
+  /** 主题类型 */
+  type?: ThemeType;
+  /** 滚动方向 */
+  direction?: "left" | "right" | "up" | "down";
+  /** 滚动速度，单位：像素/秒 */
+  speed?: number;
+  /** 容器宽度 */
+  width?: string;
+  /** 容器高度 */
+  height?: string;
+  /** 鼠标悬停时是否暂停滚动 */
+  pauseOnHover?: boolean;
+  /** 是否显示关闭按钮 */
+  showClose?: boolean;
+  /** 始终滚动（即使文字未溢出） */
+  alwaysScroll?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  text: "",
+  direction: "left",
+  speed: 80,
+  width: "100%",
+  height: "36px",
+  pauseOnHover: true,
+  type: "theme",
+  showClose: false,
+  alwaysScroll: true,
+});
+
+interface Emits {
+  close: [];
+}
+
+const emit = defineEmits<Emits>();
+
+const handleClose = () => {
+  emit("close");
+};
+
+const settingStore = useSettingsStore();
+const { isDark } = storeToRefs(settingStore);
+
+const containerRef = ref<HTMLElement>();
+const contentRef = ref<HTMLElement>();
+const textRef = ref<HTMLElement>();
+const isReady = ref(false);
+
+const currentPosition = ref(0);
+const textSize = ref(0);
+const containerSize = ref(0);
+const shouldClone = ref(false);
+
+const isHorizontal = computed(() => props.direction === "left" || props.direction === "right");
+const isReverse = computed(() => props.direction === "right" || props.direction === "down");
+
+// 使用 VueUse 的 useElementSize 监听容器尺寸变化
+const { width: containerWidth, height: containerHeight } = useElementSize(containerRef);
+
+// 使用 VueUse 的 useElementHover 检测鼠标悬停
+const isHovered = useElementHover(containerRef);
+
+// 计算是否应该暂停动画
+const isPaused = computed(() => {
+  // 如果未启用 alwaysScroll，且文字未超出容器，则暂停滚动
+  if (!props.alwaysScroll && textSize.value <= containerSize.value) {
+    return true;
+  }
+  return props.pauseOnHover && isHovered.value;
+});
+
+// 主题样式映射
+const themeClasses = computed(() => {
+  const themeMap: Record<ThemeType, string> = {
+    theme: "text-theme/90 border-theme/50!",
+    primary: "text-primary/90 border-primary/50!",
+    secondary: "text-secondary/90 border-secondary/50!",
+    error: "text-error/90 border-error/50!",
+    info: "text-info/90 border-info/50!",
+    success: "text-success/90 border-success/50!",
+    warning: "text-warning/90 border-warning/50!",
+    danger: "text-danger/90 border-danger/50!",
+  };
+  return themeMap[props.type] || themeMap.theme;
+});
+
+// 背景色
+const bgColor = computed(
+  () =>
+    `color-mix(in oklch, var(--color-${props.type}) ${isDark.value ? "25" : "10"}%, var(--fa-color))`
+);
+
+const containerStyle = computed(() => ({
+  width: props.width,
+  height: props.height,
+  backgroundColor: bgColor.value,
+}));
+
+const contentClass = computed(() => {
+  if (!isHorizontal.value) {
+    return "flex flex-col";
+  }
+  return "";
+});
+
+const contentStyle = computed(() => {
+  const transform = isHorizontal.value
+    ? `translateX(${currentPosition.value}px)`
+    : `translateY(${currentPosition.value}px)`;
+
+  return {
+    transform,
+    willChange: "transform",
+  };
+});
+
+// 克隆元素的间距
+const cloneSpacing = computed(() => {
+  const spacing = "2em";
+  return isHorizontal.value ? { marginLeft: spacing } : { marginTop: spacing };
+});
+
+const measureSizes = () => {
+  if (!containerRef.value || !textRef.value) return;
+
+  const text = textRef.value;
+
+  if (isHorizontal.value) {
+    containerSize.value = containerWidth.value;
+    textSize.value = text.offsetWidth;
+  } else {
+    containerSize.value = containerHeight.value;
+    textSize.value = text.offsetHeight;
+  }
+
+  const isOverflow = textSize.value > containerSize.value;
+  shouldClone.value = isOverflow;
+
+  // 居中显示
+  currentPosition.value = (containerSize.value - textSize.value) / 2;
+
+  // 测量完成后才显示内容
+  if (!isReady.value) {
+    isReady.value = true;
+  }
+};
+
+// 使用 VueUse 的 useDebounceFn 防抖测量
+const debouncedMeasure = useDebounceFn(measureSizes, 150);
+
+let lastTimestamp = 0;
+
+// 使用 VueUse 的 useRafFn 替代手动 requestAnimationFrame
+const { pause, resume } = useRafFn(
+  ({ timestamp }) => {
+    if (!lastTimestamp) lastTimestamp = timestamp;
+
+    if (!isPaused.value) {
+      const delta = (timestamp - lastTimestamp) / 1000;
+      const distance = props.speed * delta;
+      const spacing = textSize.value * 0.1;
+
+      currentPosition.value += isReverse.value ? distance : -distance;
+
+      // 循环边界检测
+      if (isReverse.value) {
+        if (currentPosition.value > containerSize.value) {
+          currentPosition.value = -(textSize.value + spacing);
+        }
+      } else {
+        if (currentPosition.value < -(textSize.value + spacing)) {
+          currentPosition.value = containerSize.value;
+        }
+      }
+    }
+
+    lastTimestamp = timestamp;
+  },
+  { immediate: false }
+);
+
+const handleContentClick = (e: MouseEvent) => {
+  const target = e.target as HTMLElement;
+  if (target.tagName === "A") {
+    e.stopPropagation();
+  }
+};
+
+// 监听容器尺寸变化
+watch([containerWidth, containerHeight], () => {
+  debouncedMeasure();
+});
+
+// 监听属性变化
+watch(
+  () => [props.direction, props.speed, props.text],
+  () => {
+    measureSizes();
+    lastTimestamp = 0;
+  }
+);
+
+// 使用 VueUse 的 useTimeoutFn 替代 setTimeout
+const { start: startMeasure } = useTimeoutFn(() => {
+  measureSizes();
+  // 测量完成后立即开始动画
+  resume();
+}, 100);
+
+onMounted(() => {
+  startMeasure();
+});
+
+onBeforeUnmount(() => {
+  pause();
+});
+</script>
+
+<!-- <template>
+  <div class="page-content space-y-5">
+    <FaTextScroll
+      text="Art Design Pro 是一款兼具设计美学与高效开发的后台系统 <a target='_blank' href='https://www.artd.pro/docs/'>点击我 </a>访问官方文档"
+      showClose
+    />
+
+    <FaTextScroll type="success" text="这是一条成功类型的滚动公告" />
+
+    <FaTextScroll type="warning" text="这是一条警告类型的滚动公告" />
+
+    <FaTextScroll type="danger" text="这是一条危险类型的滚动公告" />
+
+    <FaTextScroll type="info" text="这是一条信息类型的滚动公告" />
+
+    <FaTextScroll text="这是一条可关闭的滚动公告" @close="handleClose" />
+
+    <FaTextScroll
+      type="warning"
+      text="这是一条速度较慢、向右滚动的公告"
+      :speed="30"
+      direction="right"
+    />
+
+    <FaTextScroll
+      text="这是一条文字溢出才会滚动的公告，当文本内容超出容器宽度时才会开始滚动显示，否则保持静止状态"
+      @close="handleClose"
+      :alwaysScroll="false"
+    />
+
+    <FaTextScroll type="danger" direction="up" :speed="30" text="这是一条向上滚动的公告" />
+
+    <FaTextScroll type="info" direction="down" :speed="30" text="这是一条向下滚动的公告" />
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaTextScroll" });
+
+const handleClose = () => {
+  ElMessage.info("已关闭");
+};
+</script> -->
diff --git a/src/components/theme/fa-theme-svg/index.vue b/src/components/theme/fa-theme-svg/index.vue
new file mode 100644
index 0000000..3690cc5
--- /dev/null
+++ b/src/components/theme/fa-theme-svg/index.vue
@@ -0,0 +1,98 @@
+<!-- 一个让 SVG 图片跟随主题的组件，只对特定 svg 图片生效，不建议开发者使用 -->
+<!-- 图片地址 https://iconpark.oceanengine.com/illustrations/13 -->
+<template>
+  <div class="theme-svg" :style="sizeStyle">
+    <div v-if="src" class="svg-container" v-html="svgContent"></div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, watchEffect } from "vue";
+import DOMPurify from "dompurify";
+
+interface Props {
+  size?: string | number;
+  themeColor?: string;
+  src?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  size: 500,
+  themeColor: "var(--el-color-primary)",
+});
+
+const svgContent = ref("");
+
+// 计算样式
+const sizeStyle = computed(() => {
+  const sizeValue = typeof props.size === "number" ? `${props.size}px` : props.size;
+  return {
+    width: sizeValue,
+    height: sizeValue,
+  };
+});
+
+// 颜色映射配置
+const COLOR_MAPPINGS = {
+  "#C7DEFF": "var(--el-color-primary-light-6)",
+  "#071F4D": "var(--el-color-primary-dark-2)",
+  "#00E4E5": "var(--el-color-primary-light-1)",
+  "#006EFF": "var(--el-color-primary)",
+  "#fff": "var(--default-box-color)",
+  "#ffffff": "var(--default-box-color)",
+  "#DEEBFC": "var(--el-color-primary-light-7)",
+} as const;
+
+// 将主题色应用到 SVG 内容
+const applyThemeToSvg = (content: string): string => {
+  return Object.entries(COLOR_MAPPINGS).reduce((processedContent, [originalColor, themeColor]) => {
+    const fillRegex = new RegExp(`fill="${originalColor}"`, "gi");
+    const strokeRegex = new RegExp(`stroke="${originalColor}"`, "gi");
+
+    return processedContent
+      .replace(fillRegex, `fill="${themeColor}"`)
+      .replace(strokeRegex, `stroke="${themeColor}"`);
+  }, content);
+};
+
+// 加载 SVG 文件内容
+const loadSvgContent = async () => {
+  if (!props.src) {
+    svgContent.value = "";
+    return;
+  }
+
+  try {
+    const response = await fetch(props.src);
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+
+    const content = await response.text();
+    svgContent.value = DOMPurify.sanitize(applyThemeToSvg(content));
+  } catch (error) {
+    console.error("Failed to load SVG:", error);
+    svgContent.value = "";
+  }
+};
+
+watchEffect(() => {
+  loadSvgContent();
+});
+</script>
+
+<style lang="scss" scoped>
+.theme-svg {
+  display: inline-block;
+
+  .svg-container {
+    width: 100%;
+    height: 100%;
+
+    :deep(svg) {
+      width: 100%;
+      height: 100%;
+    }
+  }
+}
+</style>
diff --git a/src/components/views/fa-exception/index.vue b/src/components/views/fa-exception/index.vue
new file mode 100644
index 0000000..3be7609
--- /dev/null
+++ b/src/components/views/fa-exception/index.vue
@@ -0,0 +1,55 @@
+<template>
+  <div class="page-content border-0! bg-transparent! min-h-screen flex items-center justify-center">
+    <div class="flex items-center justify-center max-md:block! max-md:text-center">
+      <FaThemeSvg :src="data.imgUrl" size="100%" class="w-100!" />
+      <div class="ml-15 w-75 max-md:mx-auto max-md:mt-10 max-md:w-full max-md:text-center">
+        <p class="text-xl leading-7 text-g-600 max-md:text-lg">{{ data.desc }}</p>
+        <ElButton type="primary" size="large" @click="backHome" v-ripple class="mt-5">
+          {{ data.btnText }}
+        </ElButton>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useCommon } from "@/hooks/core/useCommon";
+import { useUserStore } from "@stores";
+
+const router = useRouter();
+const userStore = useUserStore();
+
+interface ExceptionData {
+  /** 标题 */
+  title: string;
+  /** 描述 */
+  desc: string;
+  /** 按钮文本 */
+  btnText: string;
+  /** 图片地址 */
+  imgUrl: string;
+}
+
+withDefaults(
+  defineProps<{
+    data: ExceptionData;
+  }>(),
+  {}
+);
+
+const { homePath } = useCommon();
+
+const backHome = () => {
+  const targetHomePath = homePath.value || "/";
+
+  if (!userStore.isLogin) {
+    router.push({
+      name: "Login",
+      query: { redirect: targetHomePath },
+    });
+    return;
+  }
+
+  router.push(targetHomePath);
+};
+</script>
diff --git a/src/components/views/fa-login/_fa-login.scss b/src/components/views/fa-login/_fa-login.scss
new file mode 100644
index 0000000..9753a32
--- /dev/null
+++ b/src/components/views/fa-login/_fa-login.scss
@@ -0,0 +1,450 @@
+/**
+ * 登录根布局
+ * - 顶栏 fixed 透明叠在页面上（不占一条实体顶区）；仅插画列 / 表单区随布局切换
+ * - left / right：插画列与表单列横向排列（约 65% / 35%）
+ * - center：全宽 + 视口级背景；登录卡居中、阴影高亮
+ */
+.login-auth-split {
+  display: flex;
+  min-width: 0;
+  min-height: 0;
+}
+
+.login-auth-split__col--illustration {
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 0;
+}
+
+.login-auth-split__col--form {
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 0;
+}
+
+/* 横向：插画 ~65%，表单列占剩余 */
+.login-auth-split--left,
+.login-auth-split--right {
+  flex-direction: row;
+}
+
+.login-auth-split--left .login-auth-split__col--illustration,
+.login-auth-split--right .login-auth-split__col--illustration {
+  flex: 0 0 65%;
+}
+
+.login-auth-split--left .login-auth-split__col--form,
+.login-auth-split--right .login-auth-split__col--form {
+  flex: 1 1 0;
+  min-width: 0;
+}
+
+.login-auth-split--left {
+  flex-direction: row-reverse;
+}
+
+@media only screen and (width <= 1600px) {
+  .login-auth-split--left .login-auth-split__col--illustration,
+  .login-auth-split--right .login-auth-split__col--illustration {
+    flex: 0 0 60%;
+  }
+}
+
+/* 居中模式：仅一列表单壳占满屏宽 */
+.login-auth-split--center {
+  flex-direction: column;
+}
+
+.login-auth-split--center .login-auth-split__col--form {
+  flex: 1 1 auto;
+  width: 100%;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/* 顶栏与页脚之间的区域：纵向居中承载登录卡 */
+.login-auth-split--center .login-page-panel__scroll.login-page-panel__scroll--centered {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 0;
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+
+  /* 盖过 Tailwind overflow-y-auto：仅卡片内滚动，外层不出滚动条 */
+  overflow: hidden;
+}
+
+.login-page-panel__scroll--centered .login-panel-align-row {
+  flex: 0 1 auto;
+  justify-content: center;
+  width: 100%;
+  min-height: 0;
+  max-height: 100%;
+}
+
+/* 悬浮卡片：玻璃拟态，圆角透明 */
+.login-auth-split--center .auth-right-wrap {
+  width: min(480px, calc(100vw - 2rem)) !important;
+  max-width: min(480px, calc(100vw - 2rem));
+  height: auto;
+  max-height: calc(100dvh - 8rem);
+  padding: 1.25rem 1.75rem;
+  overflow: hidden auto;
+  background: color-mix(in srgb, var(--el-bg-color) 72%, transparent);
+  border: 1px solid color-mix(in srgb, var(--el-border-color-lighter) 60%, transparent);
+  border-radius: 20px;
+  box-shadow:
+    0 1px 8px rgb(15 23 42 / 5%),
+    0 0 16px color-mix(in srgb, var(--el-color-primary) 6%, transparent);
+  -webkit-backdrop-filter: blur(20px);
+  backdrop-filter: blur(20px);
+}
+
+.login-auth-split--center .auth-right-wrap .form {
+  height: auto;
+  min-height: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+html.dark .login-auth-split--center .auth-right-wrap {
+  background: color-mix(in srgb, var(--el-bg-color) 55%, transparent);
+  border-color: rgb(255 255 255 / 8%);
+  box-shadow:
+    0 1px 8px rgb(0 0 0 / 18%),
+    0 0 16px color-mix(in srgb, var(--el-color-primary) 10%, transparent);
+}
+
+/* 居中模式下页脚弱化，减少「分区后台」感 */
+.login-page-footer--floating-layout {
+  border-top-color: color-mix(in srgb, var(--el-border-color-lighter) 55%, transparent);
+}
+
+html.dark .login-page-footer--floating-layout {
+  border-top-color: rgb(255 255 255 / 8%);
+}
+
+/* 居中模式 footer 单行展示 */
+.login-auth-split--center .login-page-footer--floating-layout {
+  .login-footer-text {
+    white-space: nowrap;
+  }
+
+  .login-footer-row {
+    display: inline;
+  }
+
+  .login-footer-row + .login-footer-row {
+    margin-top: 0;
+  }
+
+  .login-footer-sep-center {
+    display: inline;
+  }
+}
+
+@media only screen and (width <= 1180px) {
+  .login-auth-split {
+    flex-direction: column !important;
+  }
+
+  .login-auth-split__col--illustration {
+    flex: 0 0 auto !important;
+    width: 100%;
+  }
+
+  .login-auth-split__col--form {
+    flex: 1 1 auto !important;
+    width: 100%;
+    min-height: 0;
+  }
+
+  /* 窄屏横排切竖排：恢复插画；居中模式本身无插画，不受影响 */
+  .login-auth-split--center .auth-right-wrap {
+    width: min(420px, calc(100vw - 1.5rem)) !important;
+    max-width: min(420px, calc(100vw - 1.5rem));
+    max-height: calc(100dvh - 6rem);
+  }
+}
+
+/* 授权页表单区域（左右分栏时） */
+.auth-right-wrap {
+  position: relative;
+  flex-shrink: 0;
+  width: 440px;
+  height: 670px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  overflow: hidden;
+  animation: slideInRight 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+
+  @media (width <= 640px) {
+    width: 100%;
+    height: auto;
+    max-height: calc(100vh - 10rem);
+    padding-right: 1.75rem;
+    padding-left: 1.75rem;
+  }
+
+  @media (width <= 768px) {
+    animation: none;
+  }
+
+  .form {
+    height: 100%;
+    padding-top: 10px;
+    padding-bottom: 40px;
+  }
+
+  .title {
+    font-size: 2.25rem;
+    font-weight: 600;
+    line-height: 2.5rem;
+    color: var(--fa-gray-900);
+
+    @media (width <= 768px) {
+      font-size: 1.875rem;
+      line-height: 2.25rem;
+    }
+
+    @media (width <= 640px) {
+      padding-top: 2.5rem;
+    }
+  }
+
+  .sub-title {
+    margin-top: 10px;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    color: var(--fa-gray-600);
+  }
+
+  // 桌面端保持原始高度；H5 由 ConfigProvider size="small" 接管
+  @media (width >= 768px) {
+    .custom-height {
+      height: 40px;
+    }
+  }
+}
+
+@keyframes slideInRight {
+  from {
+    opacity: 0;
+    transform: translateX(30px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+.login-page-panel {
+  .btn {
+    border-radius: 8px;
+  }
+}
+
+html.dark .login-page-panel {
+  .text-g-800 {
+    color: rgb(255 255 255 / 78%) !important;
+  }
+}
+
+.login-page-form {
+  margin-top: 1rem;
+}
+
+.login-page-form .el-form-item {
+  margin-bottom: 1.1rem;
+}
+
+.el-select__wrapper {
+  min-height: 42px;
+}
+
+// 桌面端按钮保持原始高度；H5 由 ConfigProvider size="small" 接管
+@media (width >= 768px) {
+  .login-secondary-actions .login-secondary-btn {
+    height: 42px;
+    border-radius: 8px;
+  }
+}
+
+html.dark {
+  .login-page-form .el-input__wrapper {
+    background-color: rgb(255 255 255 / 6%) !important;
+    box-shadow: 0 0 0 1px rgb(255 255 255 / 10%) inset !important;
+  }
+
+  .login-page-form .el-input__inner {
+    color: rgb(255 255 255 / 92%);
+  }
+
+  .login-page-form .el-input__inner::placeholder {
+    color: rgb(255 255 255 / 35%);
+  }
+
+  .login-page-form .el-select .el-select__wrapper {
+    background-color: rgb(255 255 255 / 6%) !important;
+    box-shadow: 0 0 0 1px rgb(255 255 255 / 10%) inset !important;
+  }
+
+  .login-page-form .el-select__placeholder {
+    color: rgb(255 255 255 / 40%);
+  }
+
+  .login-page-form .el-select__selected-item {
+    color: rgb(255 255 255 / 92%);
+  }
+
+  .login-remember .el-checkbox__label {
+    color: rgb(255 255 255 / 65%);
+  }
+
+  .login-secondary-btn {
+    color: rgb(255 255 255 / 85%) !important;
+    background: transparent !important;
+    border-color: rgb(255 255 255 / 22%) !important;
+    border-radius: 8px;
+
+    &:hover {
+      color: var(--el-color-primary) !important;
+      background: var(--el-color-primary-light-9) !important;
+      border-color: var(--el-color-primary) !important;
+    }
+  }
+
+  @media (width >= 768px) {
+    .login-secondary-actions .login-secondary-btn {
+      height: 42px;
+    }
+  }
+}
+
+.login-page-footer {
+  margin-top: 0;
+  text-align: center;
+  border-top: 1px solid var(--el-border-color-lighter);
+
+  .login-footer-text {
+    line-height: 1.65;
+    color: var(--el-text-color-secondary) !important;
+  }
+
+  .login-footer-row {
+    white-space: nowrap;
+  }
+
+  .login-footer-row + .login-footer-row {
+    margin-top: 0.25rem;
+  }
+
+  .login-footer-sep-center {
+    display: none;
+  }
+
+  .login-page-footer__link {
+    color: var(--el-text-color-regular);
+    text-decoration: none;
+    transition: color 0.2s ease;
+
+    &:hover {
+      color: var(--el-color-primary);
+    }
+  }
+
+  .login-page-footer__sep {
+    margin: 0 0.35rem;
+    color: var(--el-border-color);
+  }
+
+  .login-page-footer__record {
+    display: inline-block;
+    color: var(--el-text-color-placeholder);
+  }
+}
+
+html.dark .login-page-footer {
+  border-top-color: rgb(255 255 255 / 8%);
+
+  .login-footer-text {
+    color: rgb(255 255 255 / 42%) !important;
+  }
+
+  .login-page-footer__link {
+    color: rgb(255 255 255 / 48%);
+
+    &:hover {
+      color: var(--el-color-primary);
+    }
+  }
+
+  .login-page-footer__sep {
+    color: rgb(255 255 255 / 25%);
+  }
+
+  .login-page-footer__record {
+    color: rgb(255 255 255 / 35%);
+  }
+}
+
+.login-mobile-otp-cell {
+  box-sizing: border-box;
+  flex: 1;
+  min-width: 0;
+  max-width: 48px;
+  height: 40px;
+  padding: 0;
+  font-size: 1rem;
+  font-weight: 500;
+  color: var(--el-text-color-primary);
+  text-align: center;
+  appearance: none;
+  outline: none;
+  background: var(--el-fill-color-blank);
+  border: 1px solid var(--el-border-color);
+  border-radius: 8px;
+  transition:
+    border-color 0.2s ease,
+    box-shadow 0.2s ease;
+
+  &:focus {
+    border-color: var(--el-color-primary);
+    box-shadow: 0 0 0 1px var(--el-color-primary) inset;
+  }
+}
+
+.login-mobile-sms-btn {
+  border-radius: 8px;
+}
+
+.login-mobile-actions {
+  .el-button + .el-button {
+    margin-left: 0 !important;
+  }
+
+  .el-button {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+  }
+}
+
+.login-qr-card {
+  box-sizing: border-box;
+}
+
+html.dark {
+  .login-mobile-otp-cell {
+    background: rgb(255 255 255 / 6%);
+    border-color: rgb(255 255 255 / 14%);
+
+    &:focus {
+      border-color: var(--el-color-primary);
+    }
+  }
+}
diff --git a/src/components/views/fa-login/backdrops/FaLoginCenterBackdrop.vue b/src/components/views/fa-login/backdrops/FaLoginCenterBackdrop.vue
new file mode 100644
index 0000000..ad47615
--- /dev/null
+++ b/src/components/views/fa-login/backdrops/FaLoginCenterBackdrop.vue
@@ -0,0 +1,83 @@
+<!-- 居中布局：与左侧栏一致的浅色底 + 中部淡化插画（不参与交互） -->
+<template>
+  <div
+    class="login-center-backdrop"
+    :class="{ 'login-center-backdrop--viewport-fixed': viewportFixed }"
+    aria-hidden="true"
+  >
+    <div class="login-center-backdrop__bg" />
+    <div class="login-center-backdrop__hero-wrap">
+      <FaThemeSvg :src="loginIcon" size="100%" class="login-center-backdrop__hero" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import loginIcon from "@fa_imgs/background.svg";
+
+defineOptions({ name: "LoginCenterBackdrop" });
+
+interface Props {
+  /** 铺满视口并置于底层（与固定顶栏配合） */
+  viewportFixed?: boolean;
+}
+
+withDefaults(defineProps<Props>(), { viewportFixed: false });
+</script>
+
+<style scoped lang="scss">
+.login-center-backdrop {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.login-center-backdrop--viewport-fixed {
+  position: fixed;
+  inset: 0;
+  z-index: 0;
+}
+
+.login-center-backdrop__bg {
+  position: absolute;
+  inset: 0;
+  background-color: color-mix(
+    in srgb,
+    var(--el-color-primary-light-9) 100%,
+    var(--default-box-color)
+  );
+}
+
+.login-center-backdrop__hero-wrap {
+  position: absolute;
+  top: 12%;
+  left: 50%;
+  width: min(420px, 52vw);
+  height: min(340px, 38vh);
+  opacity: 0.22;
+  transform: translateX(-50%);
+}
+
+.login-center-backdrop__hero {
+  width: 100%;
+  height: 100%;
+}
+
+html.dark .login-center-backdrop__bg {
+  background-color: color-mix(in srgb, var(--el-color-primary-light-9) 60%, #070707);
+}
+
+html.dark .login-center-backdrop__hero-wrap {
+  opacity: 0.14;
+}
+
+@media only screen and (width <= 1180px) {
+  .login-center-backdrop__hero-wrap {
+    top: 10%;
+    width: min(320px, 72vw);
+    height: min(240px, 28vh);
+  }
+}
+</style>
diff --git a/src/components/views/fa-login/backdrops/FaLoginLeftView.vue b/src/components/views/fa-login/backdrops/FaLoginLeftView.vue
new file mode 100644
index 0000000..2fb3da7
--- /dev/null
+++ b/src/components/views/fa-login/backdrops/FaLoginLeftView.vue
@@ -0,0 +1,690 @@
+<!-- 登录、注册、忘记密码左侧背景 -->
+<template>
+  <div class="login-left-view">
+    <div v-if="!hideTopBranding" class="logo">
+      <FaLogo class="icon" size="46" :src="webLogoSrc" />
+      <div class="logo-title-wrap">
+        <div class="logo-title-inline">
+          <h1 class="title">{{ siteTitle }}</h1>
+          <div class="logo-version-badge" :title="displayVersion">
+            <span class="logo-version-pill">{{ displayVersion }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="left-img">
+      <FaThemeSvg :src="loginIcon" size="100%" />
+    </div>
+
+    <div class="text-wrap">
+      <h1>{{ $t("login.leftView.title") }}</h1>
+      <p>{{ $t("login.leftView.subTitle") }}</p>
+    </div>
+
+    <!-- 几何装饰元素 -->
+    <div class="geometric-decorations">
+      <!-- 基础几何形状 -->
+      <div
+        class="geo-element circle-outline animate-fade-in-up"
+        :style="'animation-delay: 0s'"
+      ></div>
+      <div
+        class="geo-element square-rotated animate-fade-in-left"
+        :style="'animation-delay: 0s'"
+      ></div>
+      <div
+        class="geo-element circle-small animate-fade-in-up"
+        :style="'animation-delay: 0.3s'"
+      ></div>
+
+      <div
+        class="geo-element square-bottom-right animate-fade-in-right"
+        :style="'animation-delay: 0s'"
+      ></div>
+
+      <!-- 背景泡泡 -->
+      <div class="geo-element bg-bubble animate-scale-in" :style="'animation-delay: 0.5'"></div>
+
+      <!-- 太阳/月亮 -->
+      <div
+        class="geo-element circle-top-right animate-fade-in-down"
+        :style="'animation-delay: 0.5'"
+        @click="themeAnimation"
+      ></div>
+
+      <!-- 装饰点 -->
+      <div
+        class="geo-element dot dot-top-left animate-bounce-in"
+        :style="'animation-delay: 0s'"
+      ></div>
+      <div
+        class="geo-element dot dot-top-right animate-bounce-in"
+        :style="'animation-delay: 0s'"
+      ></div>
+      <div
+        class="geo-element dot dot-center-right animate-bounce-in"
+        :style="'animation-delay: 0s'"
+      ></div>
+
+      <!-- 叠加方块组 -->
+      <div class="squares-group">
+        <i
+          class="geo-element square square-blue animate-fade-in-left-rotated-blue"
+          :style="'animation-delay: 0.2s'"
+        ></i>
+        <i
+          class="geo-element square square-pink animate-fade-in-left-rotated-pink"
+          :style="'animation-delay: 0.4s'"
+        ></i>
+        <i
+          class="geo-element square square-purple animate-fade-in-left-no-rotation"
+          :style="'animation-delay: 0.6s'"
+        ></i>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import AppConfig from "@/config";
+import loginIcon from "@fa_imgs/background.svg";
+import { useConfigStore } from "@stores";
+import { themeAnimation } from "@utils";
+
+defineOptions({ name: "FaLoginLeftView" });
+
+interface Props {
+  hideContent?: boolean;
+  /** 顶栏已展示 Logo/标题/版本时隐藏左侧重复顶栏 */
+  hideTopBranding?: boolean;
+}
+
+withDefaults(defineProps<Props>(), {
+  hideContent: false,
+  hideTopBranding: false,
+});
+
+const configStore = useConfigStore();
+
+/** 接口 tenant_logo，空则 FaLogo 内置默认图 */
+const webLogoSrc = computed(
+  () => configStore.configData.tenant_logo?.config_value?.trim() || undefined
+);
+
+const siteTitle = computed(
+  () => configStore.configData.tenant_name?.config_value?.trim() || AppConfig.systemInfo.name
+);
+
+const DEFAULT_APP_VERSION = "3.0.0";
+const displayVersion = computed(() => {
+  const raw = configStore.configData.tenant_version?.config_value?.trim();
+  const ver = raw || DEFAULT_APP_VERSION;
+  return ver.startsWith("v") || ver.startsWith("V") ? ver : `v${ver}`;
+});
+</script>
+
+<style lang="scss" scoped>
+// 颜色变量定义
+$primary-light-7: var(--el-color-primary-light-7);
+$primary-light-8: var(--el-color-primary-light-8);
+$primary-light-9: var(--el-color-primary-light-9);
+$primary-base: var(--el-color-primary);
+$main-bg: var(--default-box-color);
+
+// 混合颜色函数
+$bg-mix-light-9: color-mix(in srgb, $primary-light-9 100%, $main-bg);
+$bg-mix-light-8: color-mix(in srgb, $primary-light-8 80%, $main-bg);
+$bg-mix-light-7: color-mix(in srgb, $primary-light-7 80%, $main-bg);
+
+.login-left-view {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  padding: 15px;
+  overflow: hidden;
+  background-color: $bg-mix-light-9;
+
+  .logo {
+    position: relative;
+    z-index: 100;
+    display: flex;
+    align-items: center;
+
+    .logo-title-wrap {
+      flex: 1;
+      min-width: 0;
+      margin-left: 10px;
+    }
+
+    /** 标题与版本：垂直居中对齐（上下在同一水平中线），长标题可自然换行 */
+    .logo-title-inline {
+      display: flex;
+      flex-flow: row wrap;
+      gap: 0.45rem;
+      align-items: center;
+      min-width: 0;
+      max-width: 100%;
+    }
+
+    .title {
+      flex: 0 1 auto;
+      min-width: 0;
+      max-width: 100%;
+      margin: 0;
+      font-size: clamp(1.05rem, 1.6vw, 1.25rem);
+      font-weight: 600;
+      line-height: 1.35;
+      color: var(--el-text-color-primary);
+      letter-spacing: -0.02em;
+    }
+
+    .logo-version-badge {
+      flex-shrink: 0;
+    }
+
+    .logo-version-pill {
+      display: inline-block;
+      padding: 0.28rem 0.6rem;
+      font-size: 11px;
+      font-weight: 700;
+      font-variant-numeric: tabular-nums;
+      line-height: 1.15;
+      color: var(--el-color-primary);
+      letter-spacing: 0.02em;
+      background: color-mix(in srgb, var(--el-color-primary) 11%, transparent);
+      border: 1px solid color-mix(in srgb, var(--el-color-primary) 28%, transparent);
+      border-radius: 999px;
+      box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
+      transition:
+        border-color 0.2s ease,
+        background 0.2s ease;
+    }
+  }
+
+  .left-img {
+    position: absolute;
+    inset: 0 0 10.5%;
+    z-index: 10;
+    width: 40%;
+    margin: auto;
+    animation: slideInLeft 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+  }
+
+  .text-wrap {
+    position: absolute;
+    bottom: 80px;
+    width: 100%;
+    text-align: center;
+    animation: slideInLeft 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+
+    h1 {
+      font-size: 24px;
+      font-weight: 400;
+      color: var(--fa-gray-900) !important;
+    }
+
+    p {
+      margin-top: 10px;
+      font-size: 14px;
+      color: var(--fa-gray-600) !important;
+    }
+  }
+
+  .geometric-decorations {
+    .geo-element {
+      position: absolute;
+      opacity: 0;
+      animation-duration: 0.8s;
+      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+      animation-fill-mode: forwards;
+    }
+
+    // 动画 mixin
+    @mixin fadeAnimation($direction: "", $rotation: 0deg) {
+      from {
+        opacity: 0;
+
+        @if $direction == "up" {
+          transform: translateY(30px) rotate($rotation);
+        } @else if $direction == "down" {
+          transform: translateY(-30px) rotate($rotation);
+        } @else if $direction == "left" {
+          transform: translateX(-30px) rotate($rotation);
+        } @else if $direction == "right" {
+          transform: translateX(30px) rotate($rotation);
+        }
+      }
+
+      to {
+        opacity: 1;
+
+        @if $direction == "up" or $direction == "down" {
+          transform: translateY(0) rotate($rotation);
+        } @else {
+          transform: translateX(0) rotate($rotation);
+        }
+      }
+    }
+
+    // 动画定义
+    @keyframes fadeInUp {
+      @include fadeAnimation("up");
+    }
+
+    @keyframes fadeInDown {
+      @include fadeAnimation("down");
+    }
+
+    @keyframes fadeInLeft {
+      @include fadeAnimation("left");
+    }
+
+    @keyframes fadeInLeftRotated {
+      @include fadeAnimation("left", -25deg);
+    }
+
+    @keyframes fadeInRight {
+      @include fadeAnimation("right");
+    }
+
+    @keyframes fadeInRightRotated {
+      @include fadeAnimation("right", 45deg);
+    }
+
+    @keyframes fadeInLeftRotatedBlue {
+      @include fadeAnimation("left", -10deg);
+    }
+
+    @keyframes fadeInLeftRotatedPink {
+      @include fadeAnimation("left", 10deg);
+    }
+
+    @keyframes fadeInLeftNoRotation {
+      @include fadeAnimation("left");
+    }
+
+    @keyframes scaleIn {
+      from {
+        opacity: 0;
+        transform: scale(0.8);
+      }
+
+      to {
+        opacity: 1;
+        transform: scale(1);
+      }
+    }
+
+    @keyframes bounceIn {
+      0% {
+        opacity: 0;
+        transform: scale(0.3);
+      }
+
+      50% {
+        opacity: 1;
+        transform: scale(1.05);
+      }
+
+      70% {
+        transform: scale(0.9);
+      }
+
+      100% {
+        opacity: 1;
+        transform: scale(1);
+      }
+    }
+
+    @keyframes lineGrow {
+      from {
+        opacity: 0;
+      }
+
+      to {
+        opacity: 1;
+      }
+    }
+
+    @keyframes slideInLeft {
+      from {
+        opacity: 0;
+        transform: translateX(-30px);
+      }
+
+      to {
+        opacity: 1;
+        transform: translateX(0);
+      }
+    }
+
+    // 动画类
+    .animate-fade-in-up {
+      animation-name: fadeInUp;
+    }
+
+    .animate-fade-in-down {
+      animation-name: fadeInDown;
+    }
+
+    .animate-fade-in-left {
+      animation-name: fadeInLeft;
+    }
+
+    .animate-fade-in-right {
+      animation-name: fadeInRight;
+    }
+
+    .animate-scale-in {
+      animation-name: scaleIn;
+      animation-duration: 1.2s;
+    }
+
+    .animate-bounce-in {
+      animation-name: bounceIn;
+      animation-duration: 0.6s;
+    }
+
+    .animate-fade-in-left-rotated-blue {
+      animation-name: fadeInLeftRotatedBlue;
+    }
+
+    .animate-fade-in-left-rotated-pink {
+      animation-name: fadeInLeftRotatedPink;
+    }
+
+    .animate-fade-in-left-no-rotation {
+      animation-name: fadeInLeftNoRotation;
+    }
+
+    // 基础几何形状
+    .circle-outline {
+      top: 10%;
+      left: 25%;
+      width: 42px;
+      height: 42px;
+      border: 2px solid $primary-light-8;
+      border-radius: 50%;
+    }
+
+    .square-rotated {
+      top: 50%;
+      left: 16%;
+      width: 60px;
+      height: 60px;
+      background-color: $bg-mix-light-8;
+
+      &.animate-fade-in-left {
+        animation-name: fadeInLeftRotated;
+      }
+    }
+
+    .circle-small {
+      bottom: 26%;
+      left: 30%;
+      width: 18px;
+      height: 18px;
+      background-color: $primary-light-8;
+      border-radius: 50%;
+    }
+
+    // 太阳/月亮效果
+    .circle-top-right {
+      top: 3%;
+      right: 3%;
+      z-index: 100;
+      width: 50px;
+      height: 50px;
+      cursor: pointer;
+      background: $bg-mix-light-7;
+      border-radius: 50%;
+      box-shadow: 0 0 20px rgba(#fffc00, 0.5);
+      transition: all 0.3s;
+
+      &::after {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 100%;
+        height: 100%;
+        content: "";
+        background: linear-gradient(to right, #fcbb04, #fffc00);
+        border-radius: 50%;
+        opacity: 1;
+        transform: translate(-50%, -50%);
+        transition: all 0.5s;
+      }
+
+      &:hover {
+        box-shadow: 0 0 36px #fffc00;
+        transform: scale(1.08);
+      }
+    }
+
+    .square-bottom-right {
+      right: 10%;
+      bottom: 10%;
+      width: 50px;
+      height: 50px;
+      background-color: $primary-light-8;
+
+      &.animate-fade-in-right {
+        animation-name: fadeInRightRotated;
+      }
+    }
+
+    // 背景泡泡
+    .bg-bubble {
+      top: -120px;
+      right: -120px;
+      width: 360px;
+      height: 360px;
+      background-color: $bg-mix-light-8;
+      border-radius: 50%;
+    }
+
+    // 装饰点
+    .dot {
+      width: 14px;
+      height: 14px;
+      background-color: $primary-light-7;
+      border-radius: 50%;
+
+      &.dot-top-left {
+        top: 140px;
+        left: 100px;
+      }
+
+      &.dot-top-right {
+        top: 140px;
+        right: 120px;
+      }
+
+      &.dot-center-right {
+        top: 46%;
+        right: 22%;
+        background-color: $primary-light-8;
+      }
+    }
+
+    // 叠加方块组
+    .squares-group {
+      position: absolute;
+      bottom: 18px;
+      left: 20px;
+      width: 140px;
+      height: 140px;
+      pointer-events: none;
+
+      .square {
+        position: absolute;
+        display: block;
+        border-radius: 8px;
+        box-shadow: 0 8px 24px rgb(64 87 167 / 12%);
+
+        &.square-blue {
+          top: 12px;
+          left: 30px;
+          z-index: 2;
+          width: 50px;
+          height: 50px;
+          background-color: rgb(from $primary-base r g b / 30%);
+        }
+
+        &.square-pink {
+          top: 30px;
+          left: 48px;
+          z-index: 1;
+          width: 70px;
+          height: 70px;
+          background-color: rgb(from $primary-base r g b / 15%);
+        }
+
+        &.square-purple {
+          top: 66px;
+          left: 86px;
+          z-index: 3;
+          width: 32px;
+          height: 32px;
+          background-color: rgb(from $primary-base r g b / 45%);
+        }
+      }
+
+      // 装饰线条
+      &::after {
+        position: absolute;
+        top: 86px;
+        left: 72px;
+        width: 80px;
+        height: 1px;
+        content: "";
+        background: linear-gradient(90deg, var(--el-color-primary-light-6), transparent);
+        opacity: 0;
+        transform: rotate(50deg);
+        animation: lineGrow 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+        animation-delay: 1.2s;
+      }
+    }
+  }
+
+  @media only screen and (width <= 1600px) {
+    .text-wrap {
+      bottom: 40px;
+    }
+  }
+
+  @media only screen and (width <= 1180px) {
+    width: auto;
+    height: auto;
+    padding: 0;
+    // 隐藏背景和其他内容，只保留 logo
+    background: transparent;
+
+    .left-img,
+    .text-wrap,
+    .geometric-decorations {
+      display: none;
+    }
+
+    .logo {
+      display: none;
+    }
+  }
+}
+
+// 暗色主题
+.dark .login-left-view {
+  background-color: color-mix(in srgb, $primary-light-9 60%, #070707);
+
+  @media only screen and (width <= 1180px) {
+    background: transparent;
+  }
+
+  .geometric-decorations {
+    // 月亮效果
+    .circle-top-right {
+      background-color: #f5f3d0;
+      box-shadow: 0 0 30px rgba(#fffc00, 0.35);
+      rotate: -48deg;
+      transition: all 0.3s ease-in-out 0.1s;
+
+      &::after {
+        opacity: 0;
+      }
+
+      &::before {
+        position: absolute;
+        top: 0;
+        left: 15px;
+        width: 50px;
+        height: 50px;
+        content: "";
+        background-color: color-mix(in srgb, $primary-light-9 60%, #070707);
+        border-radius: 50%;
+        transition: all 0.3s ease-in-out;
+      }
+
+      &:hover {
+        background-color: #fffc00;
+        box-shadow: 0 0 45px rgba(#fffc00, 0.6);
+
+        &::before {
+          left: 22px;
+        }
+
+        &::after {
+          opacity: 0;
+        }
+      }
+    }
+
+    .bg-bubble {
+      background-color: $bg-mix-light-9;
+    }
+
+    // 其他元素颜色调整
+    .square-rotated {
+      background-color: $bg-mix-light-9;
+    }
+
+    .circle-small,
+    .dot {
+      background-color: $primary-light-8;
+    }
+
+    .square-bottom-right {
+      background-color: $primary-light-9;
+    }
+
+    .dot.dot-top-right {
+      background-color: $primary-light-8;
+    }
+  }
+
+  // 方块组暗色调整
+  .squares-group {
+    .square {
+      box-shadow: none;
+
+      &.square-blue {
+        background-color: rgb(from $primary-base r g b / 18%);
+      }
+
+      &.square-pink {
+        background-color: rgb(from $primary-base r g b / 10%);
+      }
+
+      &.square-purple {
+        background-color: rgb(from $primary-base r g b / 20%);
+      }
+    }
+
+    &::after {
+      background: linear-gradient(90deg, $primary-light-8, transparent);
+    }
+  }
+}
+</style>
diff --git a/src/components/views/fa-login/composables/useLoginPanelAlign.ts b/src/components/views/fa-login/composables/useLoginPanelAlign.ts
new file mode 100644
index 0000000..2b552fd
--- /dev/null
+++ b/src/components/views/fa-login/composables/useLoginPanelAlign.ts
@@ -0,0 +1,36 @@
+import { ref, watch } from "vue";
+
+/** 左侧插画背景与右侧登录区的分栏比例 */
+export type LoginPanelAlign = "left" | "center" | "right";
+
+const STORAGE_KEY = "login-panel-align";
+
+function readInitial(): LoginPanelAlign {
+  try {
+    const v = localStorage.getItem(STORAGE_KEY);
+    if (v === "left" || v === "center" || v === "right") return v;
+  } catch {
+    /* ignore */
+  }
+  /** 默认：插画在左、表单在右 */
+  return "right";
+}
+
+/**
+ * 登录页布局（本地持久化）
+ * - left/right：交换插画与表单列左右位置（列宽约 65%/35%）
+ * - center：隐藏插画，全宽背景 + 440px 卡片在顶栏与页脚之间居中悬浮
+ */
+export function useLoginPanelAlign() {
+  const panelAlign = ref<LoginPanelAlign>(readInitial());
+
+  watch(panelAlign, (v) => {
+    try {
+      localStorage.setItem(STORAGE_KEY, v);
+    } catch {
+      /* ignore */
+    }
+  });
+
+  return { panelAlign };
+}
diff --git a/src/components/views/fa-login/forms/FaLoginAccountForm.vue b/src/components/views/fa-login/forms/FaLoginAccountForm.vue
new file mode 100644
index 0000000..03fa170
--- /dev/null
+++ b/src/components/views/fa-login/forms/FaLoginAccountForm.vue
@@ -0,0 +1,232 @@
+<!-- 账号密码登录表单（含快捷账号、验证码、滑块） -->
+<template>
+  <div>
+    <ElForm
+      ref="formRef"
+      :model="loginForm"
+      :rules="rules"
+      :key="formKey"
+      class="login-page-form"
+      :validate-on-rule-change="false"
+      @keyup.enter="$emit('submit')"
+    >
+      <ElFormItem>
+        <ElSelect
+          :model-value="demoAccountKey"
+          class="w-full"
+          :placeholder="$t('login.quickSelectAccount')"
+          @update:model-value="$emit('setupAccount', $event as AccountKey)"
+        >
+          <ElOption
+            v-for="account in accounts"
+            :key="account.key"
+            :label="account.label"
+            :value="account.key"
+          >
+            <span>{{ account.label }}</span>
+          </ElOption>
+        </ElSelect>
+      </ElFormItem>
+
+      <ElFormItem prop="username">
+        <ElInput
+          class="custom-height"
+          v-model.trim="loginForm.username"
+          clearable
+          :placeholder="$t('login.placeholder.username')"
+        >
+          <template #prefix>
+            <ElIcon><User /></ElIcon>
+          </template>
+        </ElInput>
+      </ElFormItem>
+
+      <ElTooltip :visible="isCapsLock" :content="$t('login.capsLock')" placement="right">
+        <ElFormItem prop="password">
+          <ElInput
+            class="custom-height"
+            v-model.trim="loginForm.password"
+            type="password"
+            autocomplete="off"
+            show-password
+            clearable
+            :placeholder="$t('login.placeholder.password')"
+            @keyup="onPasswordKeyup"
+          >
+            <template #prefix>
+              <ElIcon><Lock /></ElIcon>
+            </template>
+          </ElInput>
+        </ElFormItem>
+      </ElTooltip>
+
+      <ElFormItem v-if="captchaState.enable" prop="captcha" class="login-captcha-row">
+        <div class="flex w-full items-center gap-2.5">
+          <ElInput
+            v-model.trim="loginForm.captcha"
+            class="custom-height flex-1"
+            clearable
+            :placeholder="$t('login.captchaCode')"
+            @keyup.enter="$emit('submit')"
+          >
+            <template #prefix>
+              <ElIcon><Unlock /></ElIcon>
+            </template>
+          </ElInput>
+          <div
+            class="login-captcha-img flex h-10 max-md:h-6 w-[100px] max-md:w-[80px] shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded"
+            role="button"
+            :title="$t('login.captchaClickHint')"
+            @click="$emit('getCaptcha')"
+          >
+            <ElIcon v-if="codeLoading" class="is-loading" :size="20">
+              <Loading />
+            </ElIcon>
+            <ElImage
+              v-else-if="captchaState.img_base"
+              class="h-full w-full object-cover"
+              fit="cover"
+              :src="captchaState.img_base"
+            />
+            <ElText v-else type="info" size="small">
+              {{ $t("login.captchaClickHint") }}
+            </ElText>
+          </div>
+        </div>
+      </ElFormItem>
+
+      <div class="login-form-tail flex flex-col gap-[1.1rem]">
+        <div class="relative pb-3">
+          <div
+            class="relative z-2 overflow-hidden select-none rounded-lg border border-transparent transition duration-300"
+            :class="{ 'border-[#FF4E4F]!': !isPassing && isClickPass }"
+          >
+            <FaDragVerify
+              ref="dragVerifyRef"
+              v-model:value="isPassing"
+              :text="$t('login.sliderText')"
+              :text-color="dragVerifyTextColor"
+              :success-text="$t('login.sliderSuccessText')"
+              progress-bar-bg="var(--el-color-primary)"
+              :background="isDark ? '#26272F' : '#F1F1F4'"
+              handler-bg="var(--default-box-color)"
+            />
+          </div>
+          <p
+            class="absolute top-0 z-1 mt-2 px-px text-xs text-[#f56c6c] transition duration-300"
+            :class="{ 'translate-y-10': !isPassing && isClickPass }"
+          >
+            {{ $t("login.placeholder.slider") }}
+          </p>
+        </div>
+
+        <div class="login-options-row flex items-center justify-between text-sm">
+          <ElCheckbox v-model="loginForm.remember" class="login-remember">
+            {{ $t("login.rememberPwd") }}
+          </ElCheckbox>
+          <ElLink
+            type="primary"
+            underline="never"
+            class="inline-flex items-center text-sm leading-[inherit]!"
+            @click="$emit('forget')"
+          >
+            {{ $t("login.forgetPwd") }}
+          </ElLink>
+        </div>
+
+        <div>
+          <ElButton
+            class="h-11 w-full rounded-lg! text-base font-medium"
+            type="primary"
+            :loading="loading"
+            v-ripple
+            @click="$emit('submit')"
+          >
+            {{ $t("login.btnText") }}
+          </ElButton>
+        </div>
+
+        <div class="login-secondary-actions grid grid-cols-2 gap-2">
+          <ElButton class="login-secondary-btn" plain @click="$emit('openMobile')">
+            {{ $t("login.mobileLogin") }}
+          </ElButton>
+          <ElButton class="login-secondary-btn" plain @click="$emit('openQr')">
+            {{ $t("login.qrLogin") }}
+          </ElButton>
+        </div>
+      </div>
+    </ElForm>
+
+    <FaLoginThirdPartySection @oauth="$emit('oauth', $event)" />
+
+    <FaLoginAuthLinkRow
+      :hint="$t('login.noAccount')"
+      :link-text="$t('login.register')"
+      @link="$emit('register')"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Loading, Lock, Unlock, User } from "@element-plus/icons-vue";
+import type { CaptchaInfo, LoginFormData } from "@/api/module_system/auth";
+import type { FormRules } from "element-plus";
+import type { Account, AccountKey } from "@views/module_system/auth/login/types";
+
+const loginForm = defineModel<LoginFormData>("loginForm", { required: true });
+
+defineOptions({ name: "FaLoginAccountForm" });
+
+interface Props {
+  rules: FormRules;
+  captchaState: CaptchaInfo;
+  codeLoading: boolean;
+  demoAccountKey: AccountKey;
+  accounts: Account[];
+  formKey: number | string;
+  isDark: boolean;
+  dragVerifyTextColor: string;
+  loading: boolean;
+}
+
+withDefaults(defineProps<Props>(), {});
+
+const isPassing = defineModel<boolean>("isPassing", { required: true });
+const isClickPass = defineModel<boolean>("isClickPass", { required: true });
+
+interface Emits {
+  submit: [];
+  setupAccount: [key: AccountKey];
+  getCaptcha: [];
+  openMobile: [];
+  openQr: [];
+  forget: [];
+  register: [];
+  oauth: [provider: "wechat" | "qq" | "github" | "gitee"];
+}
+
+const emit = defineEmits<Emits>();
+
+const formRef = ref();
+const dragVerifyRef = ref<{ reset?: () => void } | null>(null);
+const isCapsLock = ref(false);
+
+function onPasswordKeyup(event: KeyboardEvent) {
+  if (event instanceof KeyboardEvent) {
+    isCapsLock.value = event.getModifierState("CapsLock");
+    if (event.key === "Enter") {
+      emit("submit");
+    }
+  }
+}
+
+defineExpose({
+  validate: () => formRef.value?.validate?.(),
+  clearValidate: () => formRef.value?.clearValidate?.(),
+  resetDragVerify: () => dragVerifyRef.value?.reset?.(),
+});
+</script>
+
+<style scoped lang="scss">
+@use "../fa-login";
+</style>
diff --git a/src/components/views/fa-login/panels/FaLoginForgetPanel.vue b/src/components/views/fa-login/panels/FaLoginForgetPanel.vue
new file mode 100644
index 0000000..381052a
--- /dev/null
+++ b/src/components/views/fa-login/panels/FaLoginForgetPanel.vue
@@ -0,0 +1,126 @@
+<!-- 重置密码 / 忘记密码 -->
+<template>
+  <div>
+    <ElForm
+      ref="formRef"
+      :model="forgetForm"
+      :rules="forgetRules"
+      :key="formKey"
+      class="login-page-form mt-4"
+      @keyup.enter="$emit('submit')"
+    >
+      <ElFormItem prop="username">
+        <ElInput
+          v-model.trim="forgetForm.username"
+          class="custom-height"
+          clearable
+          :placeholder="$t('login.placeholder.username')"
+          @keyup.enter="$emit('submit')"
+        >
+          <template #prefix>
+            <ElIcon><User /></ElIcon>
+          </template>
+        </ElInput>
+      </ElFormItem>
+      <ElTooltip :visible="isCapsLock" :content="$t('login.capsLock')" placement="right">
+        <ElFormItem prop="new_password">
+          <ElInput
+            v-model.trim="forgetForm.new_password"
+            class="custom-height"
+            type="password"
+            autocomplete="off"
+            show-password
+            clearable
+            :placeholder="$t('login.placeholder.password')"
+            @keyup="checkCapsLock"
+          >
+            <template #prefix>
+              <ElIcon><Lock /></ElIcon>
+            </template>
+          </ElInput>
+        </ElFormItem>
+      </ElTooltip>
+      <ElTooltip :visible="isCapsLock" :content="$t('login.capsLock')" placement="right">
+        <ElFormItem prop="confirmPassword">
+          <ElInput
+            v-model.trim="forgetForm.confirmPassword"
+            class="custom-height"
+            type="password"
+            autocomplete="off"
+            show-password
+            clearable
+            :placeholder="$t('login.message.password.confirm')"
+            @keyup="checkCapsLock"
+          >
+            <template #prefix>
+              <ElIcon><Lock /></ElIcon>
+            </template>
+          </ElInput>
+        </ElFormItem>
+      </ElTooltip>
+      <div class="mt-6">
+        <ElButton
+          class="h-11 w-full min-w-0 rounded-lg! text-base font-medium"
+          type="primary"
+          :loading="forgetLoading"
+          v-ripple
+          @click="$emit('submit')"
+        >
+          {{ $t("common.confirm") }}
+        </ElButton>
+      </div>
+    </ElForm>
+
+    <FaLoginAuthLinkRow
+      :hint="$t('login.thinkOfPasswd')"
+      :link-text="$t('login.backLoginBtnText')"
+      @link="$emit('toLogin')"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Lock, User } from "@element-plus/icons-vue";
+import type { ForgetPasswordForm } from "@/api/module_system/user";
+import type { FormRules } from "element-plus";
+
+const forgetForm = defineModel<ForgetPasswordForm>("forgetForm", { required: true });
+
+defineOptions({ name: "FaLoginForgetPanel" });
+
+interface Props {
+  forgetRules: FormRules<ForgetPasswordForm>;
+  formKey: number | string;
+  forgetLoading: boolean;
+}
+
+withDefaults(defineProps<Props>(), {});
+
+interface Emits {
+  submit: [];
+  toLogin: [];
+}
+
+const emit = defineEmits<Emits>();
+
+const formRef = ref();
+const isCapsLock = ref(false);
+
+function checkCapsLock(event: KeyboardEvent) {
+  if (event instanceof KeyboardEvent) {
+    isCapsLock.value = event.getModifierState("CapsLock");
+    if (event.key === "Enter") {
+      emit("submit");
+    }
+  }
+}
+
+defineExpose({
+  validate: () => formRef.value?.validate?.(),
+  clearValidate: () => formRef.value?.clearValidate?.(),
+});
+</script>
+
+<style scoped lang="scss">
+@use "../fa-login";
+</style>
diff --git a/src/components/views/fa-login/panels/FaLoginMobilePanel.vue b/src/components/views/fa-login/panels/FaLoginMobilePanel.vue
new file mode 100644
index 0000000..944c332
--- /dev/null
+++ b/src/components/views/fa-login/panels/FaLoginMobilePanel.vue
@@ -0,0 +1,207 @@
+<!-- 手机号登录（无后端接口，演示交互） -->
+<template>
+  <div>
+    <div class="login-page-form login-mobile-flow">
+      <div class="mb-[1.1rem]">
+        <ElInput
+          v-model.trim="mobileForm.phone"
+          class="custom-height"
+          maxlength="11"
+          inputmode="numeric"
+          clearable
+          :placeholder="$t('login.mobilePhonePlaceholder')"
+          @keyup.enter="submitMobileLogin"
+        >
+          <template #prefix>
+            <ElIcon><Iphone /></ElIcon>
+          </template>
+        </ElInput>
+      </div>
+
+      <div class="login-mobile-code-row mb-[1.1rem] flex items-stretch gap-2 sm:gap-3">
+        <div
+          ref="otpWrapRef"
+          class="flex min-w-0 flex-1 gap-1.5 sm:gap-2"
+          @paste.prevent="onOtpPaste"
+        >
+          <input
+            v-for="idx in otpIndices"
+            :key="idx"
+            :value="otpDigits[idx]"
+            type="text"
+            inputmode="numeric"
+            autocomplete="one-time-code"
+            maxlength="1"
+            class="login-mobile-otp-cell"
+            @input="onOtpCellInput(idx, $event)"
+            @keydown="onOtpCellKeydown(idx, $event)"
+          />
+        </div>
+        <ElButton
+          class="login-mobile-sms-btn h-10 shrink-0 self-center px-3 sm:px-4"
+          plain
+          :disabled="smsCountdown > 0"
+          @click="sendSmsCodeMock"
+        >
+          {{ smsCountdown > 0 ? `${smsCountdown}s` : $t("login.getSmsCode") }}
+        </ElButton>
+      </div>
+
+      <div class="login-mobile-actions flex w-full min-w-0 flex-col items-stretch gap-3">
+        <ElButton
+          type="primary"
+          class="h-11 w-full min-w-0 rounded-lg! text-base font-medium"
+          v-ripple
+          @click="submitMobileLogin"
+        >
+          {{ $t("login.btnText") }}
+        </ElButton>
+        <ElButton
+          class="login-secondary-btn h-11 w-full min-w-0 rounded-lg! text-base font-medium"
+          plain
+          @click="$emit('back')"
+        >
+          {{ $t("login.backToAccountLogin") }}
+        </ElButton>
+      </div>
+    </div>
+
+    <FaLoginAuthLinkRow
+      :hint="$t('login.noAccount')"
+      :link-text="$t('login.register')"
+      @link="$emit('register')"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Iphone } from "@element-plus/icons-vue";
+import { ElMessage } from "element-plus";
+
+defineOptions({ name: "FaLoginMobilePanel" });
+
+interface Emits {
+  back: [];
+  register: [];
+}
+
+defineEmits<Emits>();
+
+const { t } = useI18n();
+
+const mobileForm = reactive({
+  phone: "",
+});
+
+const otpDigits = ref<string[]>(Array.from({ length: 6 }, () => ""));
+const otpIndices = [0, 1, 2, 3, 4, 5];
+const otpWrapRef = ref<HTMLElement | null>(null);
+const smsCountdown = ref(0);
+let smsTimerId: number | null = null;
+
+function clearSmsTimer() {
+  if (smsTimerId != null) {
+    clearInterval(smsTimerId);
+    smsTimerId = null;
+  }
+}
+
+function resetMobileLoginUi() {
+  mobileForm.phone = "";
+  otpDigits.value = Array.from({ length: 6 }, () => "");
+  smsCountdown.value = 0;
+  clearSmsTimer();
+}
+
+defineExpose({ resetMobileLoginUi });
+
+function focusOtpCell(index: number) {
+  nextTick(() => {
+    const root = otpWrapRef.value;
+    if (!root) return;
+    const inputs = root.querySelectorAll<HTMLInputElement>(".login-mobile-otp-cell");
+    inputs[index]?.focus();
+  });
+}
+
+function onOtpCellInput(index: number, event: Event) {
+  const target = event.target as HTMLInputElement;
+  const digit = target.value.replace(/\D/g, "").slice(-1);
+  otpDigits.value[index] = digit;
+  target.value = digit;
+  if (digit && index < 5) {
+    focusOtpCell(index + 1);
+  }
+}
+
+function onOtpCellKeydown(index: number, event: KeyboardEvent) {
+  if (event.key === "Backspace" && !otpDigits.value[index] && index > 0) {
+    event.preventDefault();
+    otpDigits.value[index - 1] = "";
+    focusOtpCell(index - 1);
+    const root = otpWrapRef.value;
+    const inputs = root?.querySelectorAll<HTMLInputElement>(".login-mobile-otp-cell");
+    const prev = inputs?.[index - 1];
+    if (prev) prev.value = "";
+  }
+}
+
+function onOtpPaste(event: ClipboardEvent) {
+  const text = event.clipboardData?.getData("text")?.replace(/\D/g, "").slice(0, 6) ?? "";
+  if (!text) return;
+  event.preventDefault();
+  for (let i = 0; i < 6; i++) {
+    otpDigits.value[i] = text[i] ?? "";
+  }
+  nextTick(() => {
+    const root = otpWrapRef.value;
+    if (!root) return;
+    const inputs = root.querySelectorAll<HTMLInputElement>(".login-mobile-otp-cell");
+    inputs.forEach((el, i) => {
+      el.value = otpDigits.value[i] ?? "";
+    });
+    const nextIdx = Math.min(text.length, 5);
+    focusOtpCell(nextIdx);
+  });
+}
+
+function sendSmsCodeMock() {
+  const phone = mobileForm.phone.trim();
+  if (!/^1\d{10}$/.test(phone)) {
+    ElMessage.warning(t("login.message.mobile.invalid"));
+    return;
+  }
+  if (smsCountdown.value > 0) return;
+  ElMessage.success(t("login.smsCodeSentMock"));
+  smsCountdown.value = 60;
+  clearSmsTimer();
+  smsTimerId = window.setInterval(() => {
+    smsCountdown.value--;
+    if (smsCountdown.value <= 0) {
+      clearSmsTimer();
+    }
+  }, 1000);
+}
+
+function submitMobileLogin() {
+  const phone = mobileForm.phone.trim();
+  if (!/^1\d{10}$/.test(phone)) {
+    ElMessage.warning(t("login.message.mobile.invalid"));
+    return;
+  }
+  const code = otpDigits.value.join("");
+  if (code.length !== 6) {
+    ElMessage.warning(t("login.smsCodeRequired"));
+    return;
+  }
+  ElMessage.info(t("login.mobileLoginPending"));
+}
+
+onBeforeUnmount(() => {
+  clearSmsTimer();
+});
+</script>
+
+<style scoped lang="scss">
+@use "../fa-login";
+</style>
diff --git a/src/components/views/fa-login/panels/FaLoginQrPanel.vue b/src/components/views/fa-login/panels/FaLoginQrPanel.vue
new file mode 100644
index 0000000..cea5bd6
--- /dev/null
+++ b/src/components/views/fa-login/panels/FaLoginQrPanel.vue
@@ -0,0 +1,76 @@
+<!-- 扫码登录（无后端会话，演示二维码与交互） -->
+<template>
+  <div>
+    <div class="login-page-form login-qr-flow flex w-full min-w-0 flex-col items-center">
+      <div
+        class="login-qr-card flex w-full max-w-[280px] flex-col items-center rounded-2xl bg-white p-6 shadow-[0_8px_24px_rgb(0_0_0_/12%)] dark:shadow-[0_8px_28px_rgb(0_0_0_/45%)]"
+      >
+        <QrcodeVue class="block" :value="qrPayload" v-bind="qrCodeRenderOptions" />
+      </div>
+
+      <p
+        class="login-qr-hint mt-4 max-w-[280px] text-center text-sm leading-relaxed text-(--el-text-color-secondary)"
+      >
+        {{ $t("login.qrLoginHint") }}
+      </p>
+
+      <div class="login-mobile-actions mt-8 w-full min-w-0">
+        <ElButton
+          class="login-secondary-btn h-11 w-full min-w-0 rounded-lg! text-base font-medium"
+          plain
+          @click="$emit('back')"
+        >
+          {{ $t("login.backToAccountLogin") }}
+        </ElButton>
+      </div>
+    </div>
+
+    <FaLoginAuthLinkRow
+      :hint="$t('login.noAccount')"
+      :link-text="$t('login.register')"
+      @link="$emit('register')"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import QrcodeVue from "qrcode.vue";
+import type { Level, RenderAs } from "qrcode.vue";
+
+defineOptions({ name: "FaLoginQrPanel" });
+
+interface Emits {
+  back: [];
+  register: [];
+}
+
+defineEmits<Emits>();
+
+/** 集中配置 + H 级纠错 + SVG（矢量清晰、易对齐容器） */
+const qrCodeRenderOptions: {
+  size: number;
+  level: Level;
+  renderAs: RenderAs;
+  margin: number;
+  background: string;
+  foreground: string;
+} = {
+  size: 220,
+  level: "H",
+  renderAs: "svg",
+  margin: 0,
+  background: "#ffffff",
+  foreground: "#000000",
+};
+
+/** 演示用载荷；接入后端后替换为会话 URL / ticket */
+const qrPayload = computed(() => {
+  if (typeof window === "undefined") return "https://example.com/login";
+  const { origin, pathname } = window.location;
+  return `${origin}${pathname}?qrLogin=demo`;
+});
+</script>
+
+<style scoped lang="scss">
+@use "../fa-login";
+</style>
diff --git a/src/components/views/fa-login/panels/FaLoginRegisterPanel.vue b/src/components/views/fa-login/panels/FaLoginRegisterPanel.vue
new file mode 100644
index 0000000..a9c8e79
--- /dev/null
+++ b/src/components/views/fa-login/panels/FaLoginRegisterPanel.vue
@@ -0,0 +1,161 @@
+<!-- 注册表单 -->
+<template>
+  <div>
+    <ElForm
+      ref="formRef"
+      :model="registerForm"
+      :rules="registerRules"
+      :key="formKey"
+      class="login-page-form"
+      @keyup.enter="$emit('submit')"
+    >
+      <ElFormItem prop="username">
+        <ElInput
+          class="custom-height"
+          v-model.trim="registerForm.username"
+          clearable
+          :placeholder="$t('login.placeholder.username')"
+        >
+          <template #prefix>
+            <ElIcon><User /></ElIcon>
+          </template>
+        </ElInput>
+      </ElFormItem>
+      <ElTooltip :visible="isCapsLock" :content="$t('login.capsLock')" placement="right">
+        <ElFormItem prop="password">
+          <ElInput
+            class="custom-height"
+            v-model.trim="registerForm.password"
+            type="password"
+            autocomplete="off"
+            show-password
+            clearable
+            :placeholder="$t('login.placeholder.password')"
+            @keyup="checkCapsLock"
+          >
+            <template #prefix>
+              <ElIcon><Lock /></ElIcon>
+            </template>
+          </ElInput>
+        </ElFormItem>
+      </ElTooltip>
+      <ElTooltip :visible="isCapsLock" :content="$t('login.capsLock')" placement="right">
+        <ElFormItem prop="confirmPassword">
+          <ElInput
+            class="custom-height"
+            v-model.trim="registerForm.confirmPassword"
+            type="password"
+            autocomplete="off"
+            show-password
+            clearable
+            :placeholder="$t('login.message.password.confirm')"
+            @keyup="checkCapsLock"
+          >
+            <template #prefix>
+              <ElIcon><Lock /></ElIcon>
+            </template>
+          </ElInput>
+        </ElFormItem>
+      </ElTooltip>
+      <ElFormItem v-if="showEmail" prop="email">
+        <ElInput
+          class="custom-height"
+          v-model.trim="registerForm.email"
+          clearable
+          :placeholder="$t('login.placeholder.email')"
+        >
+          <template #prefix>
+            <ElIcon><Message /></ElIcon>
+          </template>
+        </ElInput>
+      </ElFormItem>
+      <ElFormItem>
+        <div class="flex flex-wrap items-center gap-2">
+          <ElCheckbox v-model="registerAgreementReadModel">
+            {{ $t("login.agree") }}
+          </ElCheckbox>
+          <ElLink
+            type="primary"
+            underline="never"
+            class="text-sm font-medium"
+            :href="userAgreementHref"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {{ $t("login.userAgreement") }}
+          </ElLink>
+        </div>
+      </ElFormItem>
+      <div class="mt-6">
+        <ElButton
+          class="h-11 w-full rounded-lg! text-base font-medium"
+          type="primary"
+          :loading="registerLoading"
+          v-ripple
+          @click="$emit('submit')"
+        >
+          {{ $t("login.register") }}
+        </ElButton>
+      </div>
+    </ElForm>
+
+    <FaLoginAuthLinkRow
+      :hint="$t('login.haveAccount')"
+      :link-text="$t('login.backLoginBtnText')"
+      @link="$emit('toLogin')"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Lock, Message, User } from "@element-plus/icons-vue";
+import type { RegisterForm } from "@/api/module_system/user";
+import type { FormRules } from "element-plus";
+
+const registerForm = defineModel<RegisterForm>("registerForm", { required: true });
+
+defineOptions({ name: "FaLoginRegisterPanel" });
+
+interface Props {
+  registerRules: FormRules<RegisterForm & { email: string }>;
+  formKey: number | string;
+  registerLoading: boolean;
+  userAgreementHref: string;
+  showEmail?: boolean;
+}
+
+withDefaults(defineProps<Props>(), { showEmail: false });
+
+const registerAgreementReadModel = defineModel<boolean>("registerAgreementRead", {
+  required: true,
+});
+
+interface Emits {
+  submit: [];
+  toLogin: [];
+}
+
+const emit = defineEmits<Emits>();
+
+const formRef = ref();
+const isCapsLock = ref(false);
+
+function checkCapsLock(event: KeyboardEvent) {
+  if (event instanceof KeyboardEvent) {
+    isCapsLock.value = event.getModifierState("CapsLock");
+    if (event.key === "Enter") {
+      emit("submit");
+    }
+  }
+}
+
+defineExpose({
+  validate: () => formRef.value?.validate?.(),
+  clearValidate: () => formRef.value?.clearValidate?.(),
+  validateField: (prop: string | string[]) => formRef.value?.validateField?.(prop),
+});
+</script>
+
+<style scoped lang="scss">
+@use "../fa-login";
+</style>
diff --git a/src/components/views/fa-login/widgets/FaAuthTopBar.vue b/src/components/views/fa-login/widgets/FaAuthTopBar.vue
new file mode 100644
index 0000000..3340661
--- /dev/null
+++ b/src/components/views/fa-login/widgets/FaAuthTopBar.vue
@@ -0,0 +1,330 @@
+<!-- 授权页顶栏：左上 Logo / 标题 / 版本（固定），右上操作（固定）；切换布局时仅下方主体变化 -->
+<template>
+  <header
+    class="auth-top-bar pointer-events-none fixed left-0 right-0 top-0 z-100 flex items-center justify-between gap-3 bg-transparent px-5 py-4.5 md:gap-4 md:px-10"
+  >
+    <div class="pointer-events-auto flex min-w-0 flex-1 items-center gap-3">
+      <FaLogo class="icon shrink-0" size="46" :src="webLogoSrc" />
+      <div class="min-w-0 flex-1">
+        <div class="flex flex-wrap items-center gap-2">
+          <h1 class="auth-top-bar__site-title">{{ siteTitle }}</h1>
+          <div class="logo-version-badge shrink-0" :title="displayVersion">
+            <span class="logo-version-pill">{{ displayVersion }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div
+      class="auth-top-bar-actions-panel pointer-events-auto flex shrink-0 items-center justify-center gap-1.5 px-2 py-1.5 max-sm:mr-1"
+    >
+      <div class="color-picker-expandable relative flex items-center max-sm:hidden!">
+        <div
+          class="color-dots absolute right-0 rounded-full flex items-center gap-2 rounded-5 px-2.5 py-2 pr-9 pl-2.5 opacity-0"
+        >
+          <div
+            v-for="(_color, index) in mainColors"
+            :key="_color"
+            class="color-dot relative size-5 cursor-pointer flex items-center justify-center rounded-full opacity-0"
+            :class="{ active: _color === systemThemeColor }"
+            :style="{ background: _color, '--index': index }"
+            @click="changeThemeColor(_color)"
+          >
+            <FaSvgIcon v-if="_color === systemThemeColor" icon="ri:check-fill" class="text-white" />
+          </div>
+        </div>
+        <div
+          class="btn palette-btn auth-top-bar__action relative z-2 h-8 w-8 cursor-pointer flex items-center justify-center transition duration-300"
+        >
+          <FaSvgIcon icon="ri:palette-line" class="text-xl transition-colors duration-300" />
+        </div>
+      </div>
+      <ElDropdown
+        v-if="panelAlign != null"
+        @command="onPanelAlign"
+        popper-class="langDropDownStyle"
+      >
+        <div
+          class="btn layout-align-btn auth-top-bar__action h-8 w-8 cursor-pointer flex items-center justify-center transition duration-300"
+          :title="$t('login.panelAlign.label')"
+        >
+          <FaSvgIcon
+            :icon="panelAlignTriggerIcon"
+            class="text-xl text-g-800 transition-colors duration-300"
+          />
+        </div>
+        <template #dropdown>
+          <ElDropdownMenu>
+            <div v-for="opt in layoutAlignOptions" :key="opt.value" class="lang-btn-item">
+              <ElDropdownItem
+                :command="opt.value"
+                :class="{ 'is-selected': panelAlign === opt.value }"
+              >
+                <FaSvgIcon :icon="opt.icon" class="mr-2 text-base" />
+                <span class="menu-txt">{{ $t(opt.labelKey) }}</span>
+                <FaSvgIcon icon="ri:check-fill" class="text-base" v-if="panelAlign === opt.value" />
+              </ElDropdownItem>
+            </div>
+          </ElDropdownMenu>
+        </template>
+      </ElDropdown>
+      <ElDropdown
+        v-if="shouldShowLanguage"
+        @command="changeLanguage"
+        popper-class="langDropDownStyle"
+      >
+        <div
+          class="btn language-btn auth-top-bar__action h-8 w-8 cursor-pointer flex items-center justify-center transition duration-300"
+        >
+          <FaSvgIcon
+            icon="ri:translate-2"
+            class="text-[19px] text-g-800 transition-colors duration-300"
+          />
+        </div>
+        <template #dropdown>
+          <ElDropdownMenu>
+            <div v-for="lang in languageOptions" :key="lang.value" class="lang-btn-item">
+              <ElDropdownItem
+                :command="lang.value"
+                :class="{ 'is-selected': locale === lang.value }"
+              >
+                <span class="menu-txt">{{ lang.label }}</span>
+                <FaSvgIcon icon="ri:check-fill" class="text-base" v-if="locale === lang.value" />
+              </ElDropdownItem>
+            </div>
+          </ElDropdownMenu>
+        </template>
+      </ElDropdown>
+      <div
+        v-if="shouldShowThemeToggle"
+        class="btn theme-btn auth-top-bar__action h-8 w-8 cursor-pointer flex items-center justify-center transition duration-300"
+        @click="themeAnimation"
+      >
+        <FaSvgIcon
+          :icon="isDark ? 'ri:sun-fill' : 'ri:moon-line'"
+          class="text-xl text-g-800 transition-colors duration-300"
+        />
+      </div>
+    </div>
+  </header>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { storeToRefs } from "pinia";
+import { useI18n } from "vue-i18n";
+import { useSettingsStore, useUserStore, useConfigStore } from "@stores";
+import { useHeaderBar } from "@/hooks/core/useHeaderBar";
+import { themeAnimation } from "@utils";
+import { languageOptions } from "@/locales";
+import { LanguageEnum } from "@/enums/appEnum";
+import AppConfig from "@/config";
+import { LoginPanelAlign } from "@/components/views/fa-login/composables/useLoginPanelAlign";
+
+defineOptions({ name: "AuthTopBar" });
+
+const DEFAULT_APP_VERSION = "3.0.0";
+
+interface Props {
+  /** 登录区表单水平对齐；未传入时不展示布局切换 */
+  panelAlign?: LoginPanelAlign | null;
+}
+
+const props = withDefaults(defineProps<Props>(), {});
+
+interface Emits {
+  "update:panelAlign": [value: LoginPanelAlign];
+}
+
+const emit = defineEmits<Emits>();
+
+const layoutAlignOptions: {
+  value: LoginPanelAlign;
+  icon: string;
+  labelKey: string;
+}[] = [
+  { value: "left", icon: "ri:layout-left-2-line", labelKey: "login.panelAlign.left" },
+  { value: "center", icon: "ri:layout-column-line", labelKey: "login.panelAlign.center" },
+  { value: "right", icon: "ri:layout-right-2-line", labelKey: "login.panelAlign.right" },
+];
+
+/** 与当前选中项同一套 icon，避免触发器与菜单不一致 */
+const panelAlignTriggerIcon = computed(() => {
+  const opt = layoutAlignOptions.find((o) => o.value === props.panelAlign);
+  return opt?.icon ?? "ri:layout-column-line";
+});
+
+function onPanelAlign(cmd: string) {
+  if (cmd === "left" || cmd === "center" || cmd === "right") {
+    emit("update:panelAlign", cmd);
+  }
+}
+
+const configStore = useConfigStore();
+const settingStore = useSettingsStore();
+const userStore = useUserStore();
+const { isDark, systemThemeColor } = storeToRefs(settingStore);
+const { shouldShowThemeToggle, shouldShowLanguage } = useHeaderBar();
+const { locale } = useI18n();
+
+const mainColors = AppConfig.systemMainColor;
+/** 与 Element 主题主色同步，供调色盘图标与展开态使用 */
+const themeColorForCss = computed(() => systemThemeColor.value);
+
+const webLogoSrc = computed(
+  () => configStore.configData.tenant_logo?.config_value?.trim() || undefined
+);
+
+const siteTitle = computed(
+  () => configStore.configData.tenant_name?.config_value?.trim() || AppConfig.systemInfo.name
+);
+
+const displayVersion = computed(() => {
+  const raw = configStore.configData.tenant_version?.config_value?.trim();
+  const ver = raw || DEFAULT_APP_VERSION;
+  return ver.startsWith("v") || ver.startsWith("V") ? ver : `v${ver}`;
+});
+
+const changeLanguage = (lang: LanguageEnum) => {
+  if (locale.value === lang) return;
+  locale.value = lang;
+  userStore.setLanguage(lang);
+};
+
+const changeThemeColor = (color: string) => {
+  if (systemThemeColor.value === color) return;
+  settingStore.setElementTheme(color);
+  settingStore.reload();
+};
+</script>
+
+<style scoped>
+.auth-top-bar__site-title {
+  max-width: min(52vw, 28rem);
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: clamp(1rem, 2.2vw, 1.25rem);
+  font-weight: 600;
+  line-height: 1.35;
+  color: var(--el-text-color-primary);
+  letter-spacing: -0.02em;
+  white-space: nowrap;
+}
+
+.logo-version-pill {
+  display: inline-block;
+  padding: 0.28rem 0.6rem;
+  font-size: 11px;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+  line-height: 1.15;
+  color: var(--el-color-primary);
+  letter-spacing: 0.02em;
+  background: color-mix(in srgb, var(--el-color-primary) 11%, transparent);
+  border: 1px solid color-mix(in srgb, var(--el-color-primary) 28%, transparent);
+  border-radius: 999px;
+}
+
+/* 右上角操作的整体衬底 */
+.auth-top-bar-actions-panel {
+  background-color: var(--el-fill-color-blank);
+  border: 1px solid var(--el-border-color-lighter);
+
+  /* 胶囊形：左右两端为半圆弧 */
+  border-radius: 9999px;
+  box-shadow: 0 2px 12px rgb(0 0 0 / 6%);
+  backdrop-filter: blur(10px);
+}
+
+.dark .auth-top-bar-actions-panel {
+  background-color: rgb(255 255 255 / 8%);
+  border-color: rgb(255 255 255 / 12%);
+  box-shadow: 0 4px 20px rgb(0 0 0 / 35%);
+}
+
+/* 右上角三个操作按钮：悬浮抬升 + 浅底 + 图标随主色 */
+.auth-top-bar__action {
+  border-radius: 10px;
+  transition:
+    background-color 0.22s ease,
+    transform 0.22s ease,
+    box-shadow 0.22s ease;
+}
+
+.auth-top-bar__action:hover {
+  background-color: var(--el-fill-color-light);
+  box-shadow: 0 4px 14px rgb(0 0 0 / 8%);
+  transform: translateY(-2px);
+}
+
+.auth-top-bar__action:hover :deep(.fa-svg-icon) {
+  color: var(--el-color-primary);
+}
+
+.auth-top-bar__action:active {
+  box-shadow: 0 2px 6px rgb(0 0 0 / 6%);
+  transform: translateY(0);
+  transition-duration: 0.12s;
+}
+
+.dark .auth-top-bar__action:hover {
+  background-color: rgb(255 255 255 / 10%);
+  box-shadow: 0 4px 18px rgb(0 0 0 / 45%);
+}
+
+.color-dots {
+  pointer-events: none;
+  box-shadow: 0 2px 12px var(--fa-gray-300);
+  backdrop-filter: blur(10px);
+  transform: translateX(10px);
+  transition:
+    opacity 0.3s ease,
+    transform 0.3s ease;
+}
+
+.color-dot {
+  box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
+  transform: translateX(20px) scale(0.8);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  transition-delay: calc(var(--index) * 0.05s);
+}
+
+/* 仅展开调色条后，单颗色块悬浮：描边 + 略放大 */
+.color-picker-expandable:hover .color-dot:hover {
+  z-index: 1;
+  box-shadow:
+    0 4px 12px rgb(0 0 0 / 28%),
+    0 0 0 2px rgb(255 255 255 / 88%);
+  transform: translateX(0) scale(1.16);
+}
+
+.color-picker-expandable:hover .color-dots {
+  pointer-events: auto;
+  opacity: 1;
+  transform: translateX(0);
+}
+
+.color-picker-expandable:hover .color-dot {
+  opacity: 1;
+  transform: translateX(0) scale(1);
+}
+
+.dark .color-dots {
+  background-color: var(--fa-gray-200);
+  box-shadow: none;
+}
+
+/* 调色盘：图标颜色与当前主题主色一致（含单独悬浮、整块调色区悬浮） */
+.palette-btn :deep(.fa-svg-icon) {
+  color: v-bind("themeColorForCss");
+}
+
+.auth-top-bar__action.palette-btn:hover :deep(.fa-svg-icon) {
+  color: v-bind("themeColorForCss");
+}
+
+.color-picker-expandable:hover .palette-btn :deep(.fa-svg-icon) {
+  color: v-bind("themeColorForCss");
+}
+</style>
diff --git a/src/components/views/fa-login/widgets/FaLoginAuthLinkRow.vue b/src/components/views/fa-login/widgets/FaLoginAuthLinkRow.vue
new file mode 100644
index 0000000..b0bb0ea
--- /dev/null
+++ b/src/components/views/fa-login/widgets/FaLoginAuthLinkRow.vue
@@ -0,0 +1,42 @@
+<!-- 登录区底部：灰色提示 + 主题链（注册 / 返回登录等） -->
+<template>
+  <div
+    class="login-auth-link-row mt-6 flex flex-wrap items-center justify-center gap-1 text-sm leading-normal"
+  >
+    <span class="inline-flex items-center text-(--el-text-color-secondary)">{{ hint }}</span>
+    <ElLink
+      type="primary"
+      underline="never"
+      class="inline-flex items-center font-medium leading-[inherit]!"
+      @click="$emit('link')"
+    >
+      {{ linkText }}
+    </ElLink>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaLoginAuthLinkRow" });
+
+interface Props {
+  hint: string;
+  linkText: string;
+}
+
+withDefaults(defineProps<Props>(), {});
+
+interface Emits {
+  link: [];
+}
+
+defineEmits<Emits>();
+</script>
+
+<style scoped lang="scss">
+.login-auth-link-row {
+  :deep(.el-link),
+  :deep(.el-link__inner) {
+    line-height: inherit;
+  }
+}
+</style>
diff --git a/src/components/views/fa-login/widgets/FaLoginThirdPartySection.vue b/src/components/views/fa-login/widgets/FaLoginThirdPartySection.vue
new file mode 100644
index 0000000..f7297bf
--- /dev/null
+++ b/src/components/views/fa-login/widgets/FaLoginThirdPartySection.vue
@@ -0,0 +1,117 @@
+<!-- 第三方 OAuth 登录（后端需配置各渠道 ClientId/Secret） -->
+<template>
+  <div class="third-party-login login-third-on-dark">
+    <div class="divider-container">
+      <div class="divider-line" />
+      <span class="divider-text">{{ $t("login.otherLoginMethods") }}</span>
+      <div class="divider-line" />
+    </div>
+    <div
+      class="login-third-party-icons flex w-full items-center justify-center gap-x-3 sm:gap-x-4 max-sm:gap-x-2"
+    >
+      <ElTooltip
+        v-for="item in oauthItems"
+        :key="item.provider"
+        :content="item.tip"
+        placement="top"
+      >
+        <button
+          type="button"
+          class="oauth-social-btn flex size-10 max-sm:size-8 shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent transition-colors duration-200 outline-none"
+          :aria-label="item.tip"
+          @click="$emit('oauth', item.provider)"
+        >
+          <FaSvgIcon :icon="item.icon" :class="item.iconClass" />
+        </button>
+      </ElTooltip>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { OAuthProvider } from "@/api/module_system/auth";
+
+defineOptions({ name: "FaLoginThirdPartySection" });
+
+interface Emits {
+  oauth: [provider: OAuthProvider];
+}
+
+defineEmits<Emits>();
+
+const { t } = useI18n();
+
+const oauthItems = computed(() => [
+  {
+    provider: "wechat" as const,
+    tip: t("login.oauthTooltip.wechat"),
+    icon: "simple-icons:wechat",
+    iconClass: "size-[22px] max-sm:size-[18px] text-[#07c160]",
+  },
+  {
+    provider: "qq" as const,
+    tip: t("login.oauthTooltip.qq"),
+    icon: "simple-icons:tencentqq",
+    iconClass: "size-[22px] max-sm:size-[18px] text-[#12b7f5]",
+  },
+  {
+    provider: "github" as const,
+    tip: t("login.oauthTooltip.github"),
+    icon: "mdi:github",
+    iconClass: "size-[22px] max-sm:size-[18px] text-g-800 dark:text-white/85",
+  },
+  {
+    provider: "gitee" as const,
+    tip: t("login.oauthTooltip.gitee"),
+    icon: "simple-icons:gitee",
+    iconClass: "size-[22px] max-sm:size-[18px] text-[#c71d23]",
+  },
+]);
+</script>
+
+<style scoped lang="scss">
+.login-third-on-dark {
+  margin-top: 1rem;
+
+  .divider-container {
+    display: flex;
+    align-items: center;
+    margin-bottom: 0.75rem;
+  }
+
+  .divider-line {
+    flex: 1;
+    height: 1px;
+    background: linear-gradient(to right, transparent, var(--el-border-color-lighter), transparent);
+  }
+
+  .divider-text {
+    padding: 0 12px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+    white-space: nowrap;
+  }
+}
+
+html.dark .login-third-on-dark {
+  .divider-line {
+    background: linear-gradient(to right, transparent, rgb(255 255 255 / 15%), transparent);
+  }
+
+  .divider-text {
+    color: rgb(255 255 255 / 38%);
+  }
+}
+
+.oauth-social-btn:hover {
+  background-color: var(--el-fill-color-light);
+}
+
+.oauth-social-btn:focus-visible {
+  box-shadow: 0 0 0 2px var(--el-color-primary-light-7);
+}
+
+html.dark .oauth-social-btn:hover {
+  background-color: rgb(255 255 255 / 10%);
+}
+</style>
diff --git a/src/components/views/fa-result-page/index.vue b/src/components/views/fa-result-page/index.vue
new file mode 100644
index 0000000..482ed8c
--- /dev/null
+++ b/src/components/views/fa-result-page/index.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="page-content box-border px-20! py-3.5 text-center max-md:px-5!" :class="type">
+    <FaSvgIcon
+      class="icon size-22 p-2 mt-16 block rounded-full text-white!"
+      :icon="iconCode"
+      :class="type === 'success' ? 'bg-[#19BE6B]' : 'bg-[#ED4014]'"
+    />
+    <h1 class="title mt-8 text-3xl font-medium text-g-900! max-md:mt-2.5 max-md:text-2xl">
+      {{ title }}
+    </h1>
+    <p class="msg mt-5 text-base text-g-600">{{ message }}</p>
+    <div
+      class="res mt-7.5 rounded bg-g-200/80 dark:bg-g-300/40 px-7.5 py-5.5 text-left max-md:px-7.5 max-md:py-2.5 [&_p]:flex [&_p]:items-center [&_p]:py-2 [&_p]:text-sm [&_p]:text-[#808695] [&_p_i]:mr-1.5"
+    >
+      <slot name="content"></slot>
+    </div>
+    <div class="btn-group mt-12.5">
+      <slot name="buttons"></slot>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "FaResultPage" });
+
+// 显式声明插槽类型
+defineSlots<{
+  default?: () => void;
+  content?: () => void;
+  buttons?: () => void;
+}>();
+
+interface Props {
+  /** 成功/失败 */
+  type: "success" | "fail";
+  /** 标题 */
+  title: string;
+  /** 消息 */
+  message: string;
+  /** 图标 */
+  iconCode: string;
+}
+
+withDefaults(defineProps<Props>(), {
+  type: "success",
+  title: "",
+  message: "",
+  iconCode: "",
+});
+</script>
diff --git a/src/components/widget/fa-icon-button/index.vue b/src/components/widget/fa-icon-button/index.vue
new file mode 100644
index 0000000..7beeea8
--- /dev/null
+++ b/src/components/widget/fa-icon-button/index.vue
@@ -0,0 +1,31 @@
+<!-- 按钮组件 -->
+<template>
+  <div
+    class="fa-icon-button size-8.5 inline-flex items-center justify-center cursor-pointer text-g-600 dark:text-g-800 text-xl rounded transition duration-300 hover:bg-hover-color"
+    :class="{ 'rounded-full': circle }"
+  >
+    <FaSvgIcon :icon="icon"></FaSvgIcon>
+    <slot></slot>
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineOptions({ name: "FaIconButton" });
+
+interface Props {
+  /** 图标名称 */
+  icon: string;
+  /** 圆角按钮 */
+  circle?: boolean;
+}
+
+withDefaults(defineProps<Props>(), {});
+</script>
+
+<style lang="scss" scoped>
+.fa-icon-button {
+  &:hover :deep(.fa-svg-icon) {
+    color: var(--el-color-primary);
+  }
+}
+</style>
diff --git a/src/config/assets/images.ts b/src/config/assets/images.ts
new file mode 100644
index 0000000..f8558d3
--- /dev/null
+++ b/src/config/assets/images.ts
@@ -0,0 +1,61 @@
+/**
+ * 配置图片资源
+ *
+ * 统一管理设置中心使用的预览图片资源。
+ * 包含主题样式、菜单布局、菜单风格的预览图。
+ *
+ * ## 图片分类
+ *
+ * - themeStyles: 系统主题预览图（亮色/暗色/自动）
+ * - menuLayouts: 菜单布局预览图（左侧/顶部/混合/双栏）
+ * - menuStyles: 菜单风格预览图（设计/暗色/亮色）
+ *
+ * @module config/assets/images
+ * @author FastapiAdmin Team
+ */
+
+import lightTheme from "@imgs/settings/theme_styles/light.png";
+import darkTheme from "@imgs/settings/theme_styles/dark.png";
+import systemTheme from "@imgs/settings/theme_styles/system.png";
+import verticalLayout from "@imgs/settings/menu_layouts/vertical.png";
+import horizontalLayout from "@imgs/settings/menu_layouts/horizontal.png";
+import mixedLayout from "@imgs/settings/menu_layouts/mixed.png";
+import dualColumnLayout from "@imgs/settings/menu_layouts/dual_column.png";
+import designStyle from "@imgs/settings/menu_styles/design.png";
+import darkStyle from "@imgs/settings/menu_styles/dark.png";
+import lightStyle from "@imgs/settings/menu_styles/light.png";
+
+/**
+ * 配置中心图片资源对象
+ */
+export const configImages = {
+  /** 系统主题预览图 */
+  themeStyles: {
+    /** 亮色主题 */
+    light: lightTheme,
+    /** 暗色主题 */
+    dark: darkTheme,
+    /** 自动主题（跟随系统） */
+    system: systemTheme,
+  },
+  /** 菜单布局预览图 */
+  menuLayouts: {
+    /** 左侧菜单 */
+    vertical: verticalLayout,
+    /** 顶部菜单 */
+    horizontal: horizontalLayout,
+    /** 混合菜单 */
+    mixed: mixedLayout,
+    /** 双栏菜单 */
+    dualColumn: dualColumnLayout,
+  },
+  /** 菜单风格预览图 */
+  menuStyles: {
+    /** 设计风格 */
+    design: designStyle,
+    /** 暗色风格 */
+    dark: darkStyle,
+    /** 亮色风格 */
+    light: lightStyle,
+  },
+};
diff --git a/src/config/index.ts b/src/config/index.ts
new file mode 100644
index 0000000..bf9ae60
--- /dev/null
+++ b/src/config/index.ts
@@ -0,0 +1,139 @@
+/**
+ * 系统全局配置
+ *
+ * 这是系统的核心配置文件，集中管理所有全局配置项。
+ * 包含系统信息、主题样式、菜单布局、颜色方案等所有可配置项。
+ *
+ * ## 主要功能
+ *
+ * - 系统信息 - 系统名称等基础信息
+ * - 主题配置 - 亮色/暗色/自动主题的样式配置
+ * - 菜单配置 - 菜单布局、主题、宽度等配置
+ * - 颜色方案 - 系统主色和预设颜色列表
+ * - 快速入口 - 快速入口应用和链接配置
+ * - 顶部栏配置 - 顶部栏功能模块配置
+ *
+ * ## 配置项说明
+ *
+ * - systemInfo: 系统基础信息（名称等）
+ * - systemThemeStyles: 系统主题样式映射
+ * - settingThemeList: 可选的系统主题列表
+ * - menuLayoutList: 可选的菜单布局列表
+ * - themeList: 菜单主题样式列表
+ * - darkMenuStyles: 暗黑模式下的菜单样式
+ * - systemMainColor: 预设的系统主色列表
+ * - fastEnter: 快速入口配置
+ * - headerBar: 顶部栏功能配置
+ *
+ * @module config
+ * @author FastapiAdmin Team
+ */
+
+import { MenuThemeEnum, MenuTypeEnum, SystemThemeEnum } from "@/enums/appEnum";
+import { SystemConfig } from "@/types/config";
+import { configImages } from "./assets/images";
+import fastEnterConfig from "./modules/fastEnter";
+import { headerBarConfig } from "./modules/headerBar";
+
+const appConfig: SystemConfig = {
+  // 系统信息
+  systemInfo: {
+    name: "FastapiAdmin", // 系统名称
+  },
+  // 系统主题
+  systemThemeStyles: {
+    [SystemThemeEnum.LIGHT]: { className: "" },
+    [SystemThemeEnum.DARK]: { className: SystemThemeEnum.DARK },
+  },
+  // 系统主题列表
+  settingThemeList: [
+    {
+      name: "Light",
+      theme: SystemThemeEnum.LIGHT,
+      color: ["#fff", "#fff"],
+      leftLineColor: "#EDEEF0",
+      rightLineColor: "#EDEEF0",
+      img: configImages.themeStyles.light,
+    },
+    {
+      name: "Dark",
+      theme: SystemThemeEnum.DARK,
+      color: ["#22252A"],
+      leftLineColor: "#3F4257",
+      rightLineColor: "#3F4257",
+      img: configImages.themeStyles.dark,
+    },
+    {
+      name: "System",
+      theme: SystemThemeEnum.AUTO,
+      color: ["#fff", "#22252A"],
+      leftLineColor: "#EDEEF0",
+      rightLineColor: "#3F4257",
+      img: configImages.themeStyles.system,
+    },
+  ],
+  // 菜单布局列表
+  menuLayoutList: [
+    { name: "Left", value: MenuTypeEnum.LEFT, img: configImages.menuLayouts.vertical },
+    { name: "Top", value: MenuTypeEnum.TOP, img: configImages.menuLayouts.horizontal },
+    { name: "Mixed", value: MenuTypeEnum.TOP_LEFT, img: configImages.menuLayouts.mixed },
+    {
+      name: "Dual Column",
+      value: MenuTypeEnum.DUAL_MENU,
+      img: configImages.menuLayouts.dualColumn,
+    },
+  ],
+  // 菜单主题列表
+  themeList: [
+    {
+      theme: MenuThemeEnum.DESIGN,
+      background: "#FFFFFF",
+      systemNameColor: "var(--fa-gray-800)",
+      iconColor: "#6B6B6B",
+      textColor: "#29343D",
+      img: configImages.menuStyles.design,
+    },
+    {
+      theme: MenuThemeEnum.DARK,
+      background: "#191A23",
+      systemNameColor: "#D9DADB",
+      iconColor: "#BABBBD",
+      textColor: "#BABBBD",
+      img: configImages.menuStyles.dark,
+    },
+    {
+      theme: MenuThemeEnum.LIGHT,
+      background: "#ffffff",
+      systemNameColor: "var(--fa-gray-800)",
+      iconColor: "#6B6B6B",
+      textColor: "#29343D",
+      img: configImages.menuStyles.light,
+    },
+  ],
+  // 暗黑模式菜单样式
+  darkMenuStyles: [
+    {
+      theme: MenuThemeEnum.DARK,
+      background: "var(--default-box-color)",
+      systemNameColor: "#DDDDDD",
+      iconColor: "#BABBBD",
+      textColor: "rgba(#FFFFFF, 0.7)",
+    },
+  ],
+  // 系统主色
+  systemMainColor: [
+    "#5D87FF",
+    "#B48DF3",
+    "#1D84FF",
+    "#60C041",
+    "#38C0FC",
+    "#F9901F",
+    "#FF80C8",
+  ] as const,
+  // 快速入口配置
+  fastEnter: fastEnterConfig,
+  // 顶部栏功能配置
+  headerBar: headerBarConfig,
+};
+
+export default Object.freeze(appConfig);
diff --git a/src/config/modules/component.ts b/src/config/modules/component.ts
new file mode 100644
index 0000000..eb1f89d
--- /dev/null
+++ b/src/config/modules/component.ts
@@ -0,0 +1,99 @@
+/**
+ * 全局组件配置
+ *
+ * 统一管理系统级全局组件的注册。
+ * 这些组件会在应用启动时全局注册，可在任何地方使用。
+ *
+ * ## 主要功能
+ *
+ * - 组件配置 - 集中管理全局组件的配置信息
+ * - 异步加载 - 使用 defineAsyncComponent 实现按需加载
+ * - 开关控制 - 支持通过 enabled 字段启用/禁用组件
+ * - 配置查询 - 提供工具函数快速查询组件配置
+ *
+ * @module config/component
+ * @author FastapiAdmin Team
+ */
+
+import { defineAsyncComponent } from "vue";
+
+/**
+ * 全局组件配置列表
+ */
+export const globalComponentsConfig: GlobalComponentConfig[] = [
+  {
+    name: "设置面板",
+    key: "settings-panel",
+    component: defineAsyncComponent(
+      () => import("@/components/layouts/fa-settings-panel/index.vue")
+    ),
+    enabled: true,
+  },
+  {
+    name: "全局搜索",
+    key: "global-search",
+    component: defineAsyncComponent(
+      () => import("@/components/layouts/fa-global-search/index.vue")
+    ),
+    enabled: true,
+  },
+  {
+    name: "锁屏",
+    key: "screen-lock",
+    component: defineAsyncComponent(() => import("@/components/layouts/fa-screen-lock/index.vue")),
+    enabled: true,
+  },
+  {
+    name: "聊天窗口",
+    key: "chat-window",
+    component: defineAsyncComponent(() => import("@/components/layouts/fa-chat-window/index.vue")),
+    enabled: true,
+  },
+  {
+    name: "礼花效果",
+    key: "fireworks-effect",
+    component: defineAsyncComponent(
+      () => import("@/components/layouts/fa-fireworks-effect/index.vue")
+    ),
+    enabled: true,
+  },
+  {
+    name: "水印效果",
+    key: "watermark",
+    component: defineAsyncComponent(() => import("@/components/others/fa-watermark/index.vue")),
+    enabled: true,
+  },
+];
+
+/**
+ * 全局组件配置接口
+ */
+export interface GlobalComponentConfig {
+  /** 组件名称 */
+  name: string;
+  /** 组件标识 */
+  key: string;
+  /** 组件 */
+  component: any;
+  /** 是否启用 */
+  enabled?: boolean;
+  /** 组件描述 */
+  description?: string;
+}
+
+/**
+ * 获取启用的全局组件
+ * @returns 已启用的组件配置列表
+ */
+export const getEnabledGlobalComponents = () => {
+  return globalComponentsConfig.filter((config) => config.enabled !== false);
+};
+
+/**
+ * 根据 key 获取组件配置
+ * @param key 组件标识
+ * @returns 组件配置对象
+ */
+export const getGlobalComponentByKey = (key: string) => {
+  return globalComponentsConfig.find((config) => config.key === key);
+};
diff --git a/src/config/modules/fastEnter.ts b/src/config/modules/fastEnter.ts
new file mode 100644
index 0000000..cf7f931
--- /dev/null
+++ b/src/config/modules/fastEnter.ts
@@ -0,0 +1,128 @@
+/**
+ * 快速入口配置
+ * 包含：应用列表、快速链接等配置
+ */
+import { WEB_LINKS } from "@utils";
+import type { FastEnterConfig } from "@/types/config";
+
+const fastEnterConfig: FastEnterConfig = {
+  // 显示条件（屏幕宽度）
+  minWidth: 1200,
+  // 应用列表
+  applications: [
+    {
+      name: "功能引导",
+      description: "产品操作指南",
+      icon: "ri:compass-3-line",
+      iconColor: "#009688",
+      enabled: true,
+      order: 1,
+      routeName: "FastlinkTutorial",
+    },
+    {
+      name: "文章列表",
+      description: "文章管理与查看",
+      icon: "ri:article-line",
+      iconColor: "#377dff",
+      enabled: true,
+      order: 2,
+      routeName: "FastlinkArticleList",
+    },
+    {
+      name: "定价",
+      description: "价格方案与套餐选择",
+      icon: "ri:money-cny-box-line",
+      iconColor: "#FF6B35",
+      enabled: true,
+      order: 3,
+      routeName: "FastlinkPricing",
+    },
+    {
+      name: "聊天",
+      description: "即时通讯功能",
+      icon: "ri:user-line",
+      iconColor: "#13DEB9",
+      enabled: true,
+      order: 4,
+      routeName: "FastlinkFachat",
+    },
+    {
+      name: "官方文档",
+      description: "使用指南与开发文档",
+      icon: "ri:bill-line",
+      iconColor: "#ffb100",
+      enabled: true,
+      order: 5,
+      link: WEB_LINKS.DOCS,
+    },
+    {
+      name: "技术支持",
+      description: "技术支持与问题反馈",
+      icon: "ri:user-location-line",
+      iconColor: "#ff6b6b",
+      enabled: true,
+      order: 6,
+      link: WEB_LINKS.COMMUNITY,
+    },
+    {
+      name: "更新日志",
+      description: "版本更新与变更记录",
+      icon: "ri:gamepad-line",
+      iconColor: "#38C0FC",
+      enabled: true,
+      order: 7,
+      routeName: "FastlinkChangeLog",
+    },
+    {
+      name: "操作手册",
+      description: "产品操作指南",
+      icon: "ri:book-2-line",
+      iconColor: "#009688",
+      enabled: true,
+      order: 8,
+      routeName: "FastlinkTutorial",
+    },
+  ],
+  // 快速链接
+  quickLinks: [
+    {
+      name: "登录",
+      enabled: true,
+      order: 1,
+      routeName: "Login",
+    },
+    {
+      name: "注册",
+      enabled: true,
+      order: 2,
+      routeName: "Login",
+    },
+    {
+      name: "忘记密码",
+      enabled: true,
+      order: 3,
+      routeName: "Login",
+    },
+    {
+      name: "礼花效果",
+      enabled: true,
+      order: 4,
+      isDialog: true,
+    },
+    {
+      name: "个人中心",
+      enabled: true,
+      order: 5,
+      routeName: "FastlinkProfile",
+    },
+    {
+      name: "留言管理",
+      enabled: true,
+      order: 6,
+      routeName: "FastlinkArticleList",
+      routeQuery: { commentWall: "1" },
+    },
+  ],
+};
+
+export default Object.freeze(fastEnterConfig);
diff --git a/src/config/modules/festival.builtin.ts b/src/config/modules/festival.builtin.ts
new file mode 100644
index 0000000..5d1c34e
--- /dev/null
+++ b/src/config/modules/festival.builtin.ts
@@ -0,0 +1,392 @@
+/**
+ * 内置公历节日（自动按年份生成日期）
+ *
+ * 与 `festival.ts` 中的手动配置合并后参与匹配：区间更短优先；区间长度相同时 **手动配置优先于内置**。
+ * 农历春节/中秋等需农历库的可在 `festival.ts` 用手动区间覆盖。
+ *
+ * 含少量「动态公历」规则（感恩节、母亲节、父亲节等按星期推算）。
+ * 缅怀类日期（九一八、国家公祭日等）使用 `skipFireworks: true`，仅顶栏文案、不放礼花。
+ *
+ * @module config/modules/festival.builtin
+ */
+
+import type { FestivalConfig } from "@/types/config";
+import hb from "@imgs/ceremony/hb.png";
+import sd from "@imgs/ceremony/sd.png";
+import yd from "@imgs/ceremony/yd.png";
+
+function pad2(n: number) {
+  return String(n).padStart(2, "0");
+}
+
+function ymd(year: number, month: number, day: number): string {
+  return `${year}-${pad2(month)}-${pad2(day)}`;
+}
+
+/** month 为 1～12 */
+function nthWeekdayOfMonth(year: number, month: number, weekday: number, nth: number): number {
+  const month0 = month - 1;
+  let seen = 0;
+  for (let d = 1; d <= 31; d++) {
+    const dt = new Date(year, month0, d);
+    if (dt.getMonth() !== month0) break;
+    if (dt.getDay() === weekday) {
+      seen++;
+      if (seen === nth) return d;
+    }
+  }
+  return 1;
+}
+
+/** 美国感恩节：11 月第四个星期四 */
+function thanksgivingUsDay(year: number): number {
+  let count = 0;
+  for (let d = 1; d <= 30; d++) {
+    if (new Date(year, 10, d).getDay() === 4) {
+      count++;
+      if (count === 4) return d;
+    }
+  }
+  return 26;
+}
+
+/** 单条公历规则（同年同月，不做跨年区间；`endDay` 与 `day` 须同月） */
+interface SolarRule {
+  name: string;
+  month: number;
+  day: number;
+  endDay?: number;
+  image: string;
+  count?: number;
+  fireworkInterval?: number;
+  scrollText: string;
+  /** 为 true 时不放礼花，仅顶栏文案（适合缅怀、公祭日） */
+  skipFireworks?: boolean;
+}
+
+const BUILTIN_SOLAR_RULES: SolarRule[] = [
+  {
+    name: "元旦",
+    month: 1,
+    day: 1,
+    image: yd,
+    count: 5,
+    fireworkInterval: 900,
+    scrollText: "🎊 元旦快乐！新的一年，愿交付顺利、迭代省心。",
+  },
+  {
+    name: "中国人民警察节",
+    month: 1,
+    day: 10,
+    image: yd,
+    count: 3,
+    scrollText: "👮 人民警察节，向守护平安的人们致敬。",
+  },
+  {
+    name: "情人节",
+    month: 2,
+    day: 14,
+    image: hb,
+    count: 4,
+    fireworkInterval: 1000,
+    scrollText: "💗 情人节快乐，感谢与你并肩写代码、扛上线。",
+  },
+  {
+    name: "妇女节",
+    month: 3,
+    day: 8,
+    image: yd,
+    count: 3,
+    scrollText: "🌷 节日快乐，致敬每一位闪光的你。",
+  },
+  {
+    name: "植树节",
+    month: 3,
+    day: 12,
+    image: yd,
+    count: 3,
+    scrollText: "🌳 植树节，愿代码像小树一样扎根生长、枝繁叶茂。",
+  },
+  {
+    name: "消费者权益日",
+    month: 3,
+    day: 15,
+    image: yd,
+    count: 3,
+    scrollText: "🛡️ 诚信交付、透明沟通，做值得信赖的系统与服务。",
+  },
+  {
+    name: "愚人节",
+    month: 4,
+    day: 1,
+    image: yd,
+    count: 3,
+    scrollText: "😜 愚人节开心一下～线上变更请以发布单为准哦。",
+  },
+  {
+    name: "清明节",
+    month: 4,
+    day: 4,
+    endDay: 6,
+    image: yd,
+    count: 3,
+    fireworkInterval: 1100,
+    scrollText: "🌿 清明安康，春风遥寄思念；出行与发布请注意安全。",
+  },
+  {
+    name: "世界地球日",
+    month: 4,
+    day: 22,
+    image: yd,
+    count: 3,
+    scrollText: "🌍 地球日，绿色运维、节约资源，从每一次构建与发布做起。",
+  },
+  {
+    name: "世界读书日",
+    month: 4,
+    day: 23,
+    image: yd,
+    count: 3,
+    scrollText: "📖 读书日，文档与注释也是团队的财富～",
+  },
+  {
+    name: "劳动节",
+    month: 5,
+    day: 1,
+    endDay: 5,
+    image: yd,
+    count: 4,
+    fireworkInterval: 1000,
+    scrollText: "🛠️ 劳动节快乐！劳逸结合，迭代与健康都要照顾好。",
+  },
+  {
+    name: "青年节",
+    month: 5,
+    day: 4,
+    image: yd,
+    count: 3,
+    scrollText: "🎓 青年节快乐，保持好奇与折腾的勇气。",
+  },
+  {
+    name: "护士节",
+    month: 5,
+    day: 12,
+    image: yd,
+    count: 3,
+    scrollText: "💉 国际护士节，致敬白衣天使与每一位守护健康的人。",
+  },
+  {
+    name: "儿童节",
+    month: 6,
+    day: 1,
+    image: yd,
+    count: 4,
+    scrollText: "🎈 儿童节快乐，愿童心常在、Bug 少见。",
+  },
+  {
+    name: "世界环境日",
+    month: 6,
+    day: 5,
+    image: yd,
+    count: 3,
+    scrollText: "🌱 环境日，绿色机房、高效能耗，可持续迭代。",
+  },
+  {
+    name: "建党节",
+    month: 7,
+    day: 1,
+    image: hb,
+    count: 4,
+    fireworkInterval: 950,
+    scrollText: "🎖️ 不忘初心，牢记使命，祝伟大的党生日快乐。",
+  },
+  {
+    name: "建军节",
+    month: 8,
+    day: 1,
+    image: hb,
+    count: 4,
+    scrollText: "⭐ 八一建军节，致敬人民子弟兵与默默守护的你们。",
+  },
+  {
+    name: "全民健身日",
+    month: 8,
+    day: 8,
+    image: yd,
+    count: 3,
+    scrollText: "🏃 全民健身日，久坐记得拉伸，健康才是最长迭代。",
+  },
+  {
+    name: "中国人民抗日战争胜利纪念日",
+    month: 9,
+    day: 3,
+    image: hb,
+    count: 4,
+    scrollText: "🇨🇳 铭记胜利，珍爱和平；吾辈当自强，系统当稳健。",
+  },
+  {
+    name: "教师节",
+    month: 9,
+    day: 10,
+    image: yd,
+    count: 3,
+    scrollText: "📚 教师节快乐，感谢传道授业与代码 Review～",
+  },
+  {
+    name: "九一八事变纪念日",
+    month: 9,
+    day: 18,
+    image: "",
+    count: 3,
+    skipFireworks: true,
+    scrollText: "铭记历史、缅怀先烈。勿忘国耻，吾辈自强。（本日仅展示提示，不播放礼花）",
+  },
+  {
+    name: "烈士纪念日",
+    month: 9,
+    day: 30,
+    image: "",
+    count: 3,
+    skipFireworks: true,
+    scrollText: "人民英雄永垂不朽。缅怀先烈，砥砺前行。（本日仅展示提示，不播放礼花）",
+  },
+  {
+    name: "国庆节",
+    month: 10,
+    day: 1,
+    endDay: 7,
+    image: hb,
+    count: 6,
+    fireworkInterval: 850,
+    scrollText: "🇨🇳 国庆快乐！祝祖国繁荣昌盛，祝你的系统稳如磐石。",
+  },
+  {
+    name: "程序员节",
+    month: 10,
+    day: 24,
+    image: yd,
+    count: 5,
+    fireworkInterval: 900,
+    scrollText: "💻 1024 程序员节快乐！少 Bug、多睡眠，Git 永不冲突～",
+  },
+  {
+    name: "万圣节",
+    month: 10,
+    day: 31,
+    image: sd,
+    count: 3,
+    scrollText: "🎃 Halloween～夜间发布记得多留一道检查。",
+  },
+  {
+    name: "双十一",
+    month: 11,
+    day: 11,
+    image: hb,
+    count: 4,
+    scrollText: "🛒 双十一购物愉快～理性消费，库存与订单接口要顶住峰值哦。",
+  },
+  {
+    name: "国家宪法日",
+    month: 12,
+    day: 4,
+    image: yd,
+    count: 3,
+    scrollText: "📜 国家宪法日，法治同行，合规上线。",
+  },
+  {
+    name: "国家公祭日",
+    month: 12,
+    day: 13,
+    image: "",
+    count: 3,
+    skipFireworks: true,
+    scrollText: "勿忘历史，祈愿和平。缅怀南京大屠杀遇难同胞。（本日仅展示提示，不播放礼花）",
+  },
+  {
+    name: "平安夜",
+    month: 12,
+    day: 24,
+    image: sd,
+    count: 4,
+    fireworkInterval: 950,
+    scrollText: "🍎 平安夜安康，今晚值班的同学辛苦了。",
+  },
+  {
+    name: "圣诞节",
+    month: 12,
+    day: 25,
+    image: sd,
+    count: 4,
+    scrollText: "🎄 Merry Christmas！愿温暖与发布一样准时送达。",
+  },
+];
+
+function buildDynamicSolarFestivals(year: number): FestivalConfig[] {
+  const motherDay = nthWeekdayOfMonth(year, 5, 0, 2);
+  const fatherDay = nthWeekdayOfMonth(year, 6, 0, 3);
+  const thanksgiving = thanksgivingUsDay(year);
+
+  const dynamics: SolarRule[] = [
+    {
+      name: "母亲节",
+      month: 5,
+      day: motherDay,
+      image: hb,
+      count: 3,
+      scrollText: "💐 母亲节快乐，感谢每一份牵挂与支持。",
+    },
+    {
+      name: "父亲节",
+      month: 6,
+      day: fatherDay,
+      image: hb,
+      count: 3,
+      scrollText: "👔 父亲节快乐，沉默的爱与可靠的后端一样珍贵。",
+    },
+    {
+      name: "感恩节",
+      month: 11,
+      day: thanksgiving,
+      image: yd,
+      count: 3,
+      fireworkInterval: 1000,
+      scrollText: "🦃 感恩节，感谢并肩的同事与用户信任。",
+    },
+  ];
+
+  return dynamics.map((r) => {
+    const date = ymd(year, r.month, r.day);
+    const endDate = r.endDay !== undefined ? ymd(year, r.month, r.endDay) : undefined;
+    return {
+      name: r.name,
+      date,
+      endDate,
+      image: r.image,
+      scrollText: r.scrollText,
+      count: r.count,
+      fireworkInterval: r.fireworkInterval,
+      skipFireworks: r.skipFireworks,
+    };
+  });
+}
+
+/**
+ * 生成本年度内置公历节日配置（可直接与手动 `festivalConfigList` 合并）
+ */
+export function buildBuiltinSolarFestivals(year: number): FestivalConfig[] {
+  const staticPart = BUILTIN_SOLAR_RULES.map((r) => {
+    const date = ymd(year, r.month, r.day);
+    const endDate = r.endDay !== undefined ? ymd(year, r.month, r.endDay) : undefined;
+    return {
+      name: r.name,
+      date,
+      endDate,
+      image: r.image,
+      scrollText: r.scrollText,
+      count: r.count,
+      fireworkInterval: r.fireworkInterval,
+      skipFireworks: r.skipFireworks,
+    };
+  });
+  return [...staticPart, ...buildDynamicSolarFestivals(year)];
+}
diff --git a/src/config/modules/festival.ts b/src/config/modules/festival.ts
new file mode 100644
index 0000000..afb21bf
--- /dev/null
+++ b/src/config/modules/festival.ts
@@ -0,0 +1,105 @@
+/**
+ * 节日庆祝配置
+ *
+ * 配置系统的节日烟花效果和祝福文本。
+ * 支持单日节日和跨日期节日，可自定义烟花播放次数与连发间隔。
+ * 同一天命中多条时，**日期区间更短**的一条优先生效（例如区间更短的节日条会盖住全年的「系统公告」）。
+ *
+ * ## 配置说明
+ *
+ * - name: 节日名称
+ * - date: 节日开始日期（格式：YYYY-MM-DD）
+ * - endDate: 节日结束日期（可选，用于跨日期节日）
+ * - image: 礼花/烟花图片（需预先 import；空字符串表示默认几何粒子）
+ * - scrollText: 滚动显示的祝福文本
+ * - count: 烟花播放次数（可选，默认为 3 次）
+ * - fireworkInterval: 两次发射间隔毫秒（可选，默认 1000；调小更密集，如雪花连续感）
+ * - skipFireworks: 为 true 时不放烟花，仅显示 scrollText（适合长期顶栏公告）
+ * - scrollText 可使用占位符 {{version}}、{{introduceUrl}}（构建时替换为版本号与演示链接）
+ *
+ * ## 礼花图与快捷键补充
+ *
+ * - `image` 为红包碎屑 hb、雪花 sd、礼花筒 yd 等时，须在下方 import，勿手写路径字符串。
+ * - 全局快捷键：**Ctrl + Shift + P**（Windows / Linux）或 **⌘ + Shift + P**（macOS）立即触发一发礼花；
+ *   若当天命中某条「带礼花」的节日配置则使用该配置的 `image`，否则为几何礼花。
+ * - 实现：`src/layouts/art-fireworks-effect/index.vue`（键盘）、`src/hooks/core/useCeremony.ts`（自动连发）。
+ *
+ * ## 自动公历节日
+ *
+ * `src/config/modules/festival.builtin.ts` 会按**当前年份**生成元旦、劳动节、国庆、圣诞等公历节日及礼花效果；
+ * 与下方 `festivalConfigList` **合并**后参与匹配：日期区间**更短**的优先；区间长度相同时 **本文件中的手动项优先于内置**。
+ * 春节、中秋等农历日期请在本文件用手动 `date` / `endDate` 配置覆盖。
+ *
+ * ## 非节日常驻与周末
+ *
+ * 常驻条目标记 `isResidentBanner: true`（全年区间 + `skipFireworks` 典型）。展示优先级为：
+ * **节日（内置+手动）→ 周末提示 → 常驻**：周六/周日若无其它节日命中，显示周末文案；工作日无节日则回落到常驻。
+ *
+ * ## 注意事项
+ *
+ * - 图片需要预先导入并在配置中引用；新增素材放在 `src/assets/images/ceremony/`，全局画布会预加载
+ *   `festivalConfigList` 中所有非空 `image`。
+ * - 跨日期节日会在整个日期范围内生效。
+ * - 每个用户每个自然日「自动礼花」流程只会完整播放一次（由 setting store 按自然日记录）。
+ *
+ * @module config/modules/festival
+ * @author FastapiAdmin Team
+ */
+
+import { FestivalConfig } from "@/types/config";
+
+export const festivalConfigList: FestivalConfig[] = [
+  /**
+   * 非节日常驻：全年顶栏公告（匹配优先级最低，见文件头「优先级」说明）
+   */
+  {
+    name: "系统公告",
+    date: "2026-01-01",
+    endDate: "2026-12-31",
+    image: "",
+    skipFireworks: true,
+    isResidentBanner: true,
+    count: 3,
+    scrollText:
+      '🎉 {{version}}版本正式上线！能力全面提升，配套完整交付方案，助力高效开发与商业落地。 <a href="{{introduceUrl}}" target="_blank" rel="noopener noreferrer">👉 立即体验演示</a>',
+  },
+
+  /**
+   * 以下为历史示例片段（默认注释），需要时可取消注释并酌情调整日期 / import：
+   *
+   * 五月短区间示例：含当前日期则会出现节日滚动条；烟花需当日首次进入且未在同日标记已播。
+   * 上线前请改成真实活动日期与文案。
+   */
+  // {
+  //   name: "五月温馨提示",
+  //   date: "2026-05-04",
+  //   endDate: "2026-05-05",
+  //   image: yd,
+  //   count: 3,
+  //   scrollText:
+  //     "🎉 五月快乐！FastAPI Admin 祝您工作顺利、迭代顺利。本月请关注备份与安全策略，遇到问题可先查看文档或联系运维。",
+  // },
+
+  /** 单日示例（圣诞节）：需取消注释并确保已 import 雪花图 */
+  // {
+  //   name: "圣诞节",
+  //   date: "2026-12-25",
+  //   image: sd,
+  //   count: 3,
+  //   scrollText:
+  //     "Merry Christmas！祝您圣诞快乐，愿节日的欢乐与祝福如雪花般纷至沓来！",
+  // },
+
+  /** 版本公告类跨日期示例（仅文案参考，可按需改写 scrollText） */
+  // {
+  //   name: "v3.0 测试阶段",
+  //   date: "2026-11-03",
+  //   endDate: "2026-11-09",
+  //   image: "",
+  //   count: 3,
+  //   scrollText:
+  //     "🚀 系统 v3.0 测试阶段正式开启！测试周期内请关注文档更新与反馈渠道，正式发布敬请期待～",
+  // },
+];
+
+export { buildBuiltinSolarFestivals } from "./festival.builtin";
diff --git a/src/config/modules/headerBar.ts b/src/config/modules/headerBar.ts
new file mode 100644
index 0000000..ae47886
--- /dev/null
+++ b/src/config/modules/headerBar.ts
@@ -0,0 +1,67 @@
+/**
+ * 顶部栏功能配置
+ *
+ * 统一管理顶部栏各个功能模块的启用状态。
+ * 通过修改此配置文件可以快速启用或禁用顶部栏的功能按钮。
+ *
+ * @module config/headerBar
+ * @author FastapiAdmin Team
+ */
+
+import { HeaderBarFeatureConfig } from "@/types";
+
+/**
+ * 顶部栏功能配置对象
+ */
+export const headerBarConfig: HeaderBarFeatureConfig = {
+  menuButton: {
+    enabled: true,
+    description: "控制左侧菜单的展开/收起按钮",
+  },
+  refreshButton: {
+    enabled: true,
+    description: "页面刷新按钮",
+  },
+  fastEnter: {
+    enabled: true,
+    description: "快速入口功能，提供常用应用和链接的快速访问",
+  },
+  breadcrumb: {
+    enabled: true,
+    description: "面包屑导航，显示当前页面路径",
+  },
+  globalSearch: {
+    enabled: true,
+    description: "全局搜索功能，支持快捷键 Ctrl+K 或 Cmd+K",
+  },
+  fullscreen: {
+    enabled: true,
+    description: "全屏切换功能",
+  },
+  notification: {
+    enabled: true,
+    description: "通知中心，显示系统通知和消息",
+  },
+  chat: {
+    enabled: true,
+    description: "聊天功能，提供实时沟通",
+  },
+  language: {
+    enabled: true,
+    description: "多语言切换功能",
+  },
+  settings: {
+    enabled: true,
+    description: "系统设置面板",
+  },
+  themeToggle: {
+    enabled: true,
+    description: "主题切换功能（明暗主题）",
+  },
+  sizeSelect: {
+    enabled: true,
+    description: "Element Plus 组件尺寸（默认/大/小）",
+  },
+};
+
+export default headerBarConfig;
diff --git a/src/config/setting.ts b/src/config/setting.ts
new file mode 100644
index 0000000..014ec80
--- /dev/null
+++ b/src/config/setting.ts
@@ -0,0 +1,167 @@
+/**
+ * 系统设置默认值配置
+ *
+ * 统一管理系统设置的所有默认值
+ *
+ * ## 主要功能
+ *
+ * - 菜单相关默认配置
+ * - 主题相关默认配置
+ * - 界面显示默认配置
+ * - 功能开关默认配置
+ * - 样式相关默认配置
+ *
+ * ## 注意事项
+ *
+ * 1. 修改此文件的配置项时，需要同步更新以下文件：
+ *    - src/components/layouts/fa-settings-panel/widgets/SettingActions.vue（复制配置和重置配置逻辑）
+ *    - src/store/modules/setting.ts（Store 状态定义）
+ * 2. 可以通过设置面板的"复制配置"按钮快速生成配置代码
+ * 3. 枚举类型的值需要与 src/enums/appEnum.ts 中的定义保持一致
+ */
+
+import AppConfig from "@/config";
+import { SystemThemeEnum, MenuThemeEnum, MenuTypeEnum, ContainerWidthEnum } from "@/enums/appEnum";
+import { LayoutMode, ComponentSize, SidebarColor, ThemeMode, LanguageEnum } from "@/enums";
+
+const env = import.meta.env;
+const { pkg } = __APP_INFO__;
+
+// 检查用户的操作系统是否使用深色模式
+const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+
+/**
+ * 系统设置默认值配置
+ */
+export const SETTING_DEFAULT_CONFIG = {
+  /** 项目名称 */
+  name: pkg.name as string,
+  /** 系统标题 */
+  title: (env.VITE_APP_TITLE as string) || pkg.name,
+  /** 系统版本 */
+  version: pkg.version as string,
+  /** 是否显示设置按钮 */
+  showSettings: true,
+  /** 是否显示菜单搜索 */
+  showMenuSearch: true,
+  /** 是否显示全屏按钮 */
+  showFullscreen: true,
+  /** 是否显示尺寸选择 */
+  showSizeSelect: true,
+  /** 是否显示语言选择 */
+  showLangSelect: true,
+  /** 是否显示通知 */
+  showNotification: true,
+  /** 是否显示标签视图 */
+  showTagsView: true,
+  /** 是否显示应用Logo */
+  showAppLogo: true,
+  /** 布局方式 */
+  layout: LayoutMode.LEFT,
+  /** 主题模式 */
+  theme: prefersDark ? ThemeMode.DARK : ThemeMode.LIGHT,
+  /** 组件大小 */
+  size: ComponentSize.DEFAULT,
+  /** 语言 */
+  language: LanguageEnum.ZH_CN,
+  /** 主题颜色 */
+  themeColor: "#4080FF",
+  /** 是否显示水印 */
+  showWatermark: false,
+  /** 水印内容 */
+  watermarkContent: pkg.name,
+  /** 侧边栏配色方案 */
+  sidebarColorScheme: SidebarColor.CLASSIC_BLUE,
+  /** 项目引导可见性 */
+  guideVisible: false,
+  /** 是否启动引导 */
+  showGuide: true,
+  /** 是否开启AI助手 */
+  aiEnabled: false,
+  /** 是否开启灰色模式 */
+  grayMode: false,
+  /** 页面切换动画 */
+  pageSwitchingAnimation: "fade-slide",
+  /** 菜单类型 */
+  menuType: MenuTypeEnum.LEFT,
+  /** 菜单展开宽度 */
+  menuOpenWidth: 230,
+  /** 菜单是否展开 */
+  menuOpen: true,
+  /** 双菜单是否显示文本 */
+  dualMenuShowText: false,
+  /** 系统主题类型 */
+  systemThemeType: SystemThemeEnum.AUTO,
+  /** 系统主题模式 */
+  systemThemeMode: SystemThemeEnum.AUTO,
+  /** 菜单风格 */
+  menuThemeType: MenuThemeEnum.DESIGN,
+  /** 系统主题颜色 */
+  systemThemeColor: AppConfig.systemMainColor[0],
+  /** 是否显示菜单按钮 */
+  showMenuButton: true,
+  /** 是否显示快速入口 */
+  showFastEnter: true,
+  /** 是否显示刷新按钮 */
+  showRefreshButton: true,
+  /** 是否显示面包屑 */
+  showCrumbs: true,
+  /** 是否显示工作台标签 */
+  showWorkTab: true,
+  /** 是否显示语言切换 */
+  showLanguage: true,
+  /** 是否显示进度条 */
+  showNprogress: true,
+  /** 是否显示设置引导 */
+  showSettingGuide: true,
+  /** 是否显示节日文本 */
+  showFestivalText: false,
+  /** 是否显示水印（新版本字段） */
+  watermarkVisible: false,
+  /** 是否自动关闭 */
+  autoClose: false,
+  /** 是否唯一展开 */
+  uniqueOpened: true,
+  /** 是否色弱模式 */
+  colorWeak: false,
+  /** 是否刷新 */
+  refresh: false,
+  /** 是否加载节日烟花 */
+  holidayFireworksLoaded: false,
+  /** 边框模式 */
+  boxBorderMode: true,
+  /** 页面过渡效果 */
+  pageTransition: "slide-left",
+  /** 标签页样式 */
+  tabStyle: "tab-google",
+  /** 自定义圆角 */
+  customRadius: "0.75",
+  /** 容器宽度 */
+  containerWidth: ContainerWidthEnum.FULL,
+  /** 节日日期 */
+  festivalDate: "",
+};
+
+/** 与 Store / App 中使用的默认设置别名（同 SETTING_DEFAULT_CONFIG） */
+export const defaultSettings = SETTING_DEFAULT_CONFIG;
+
+/**
+ * 获取设置默认值
+ * @returns 设置默认值对象
+ */
+export function getSettingDefaults() {
+  return { ...SETTING_DEFAULT_CONFIG };
+}
+
+/**
+ * 重置为默认设置
+ * @param currentSettings 当前设置对象
+ */
+export function resetToDefaults(currentSettings: Record<string, any>) {
+  const defaults = getSettingDefaults();
+  Object.keys(defaults).forEach((key) => {
+    if (key in currentSettings) {
+      currentSettings[key] = defaults[key as keyof typeof defaults];
+    }
+  });
+}
diff --git a/src/constants/index.ts b/src/constants/index.ts
new file mode 100644
index 0000000..d3a2dd8
--- /dev/null
+++ b/src/constants/index.ts
@@ -0,0 +1,2 @@
+// 🔗 导出所有存储键常量
+export * from "./storage-keys";
diff --git a/src/constants/storage-keys.ts b/src/constants/storage-keys.ts
new file mode 100644
index 0000000..ac388ff
--- /dev/null
+++ b/src/constants/storage-keys.ts
@@ -0,0 +1,78 @@
+/**
+ * 存储键名常量
+ *
+ * @description
+ * 统一管理所有 localStorage/sessionStorage 的键名
+ * 命名规则：{APP_PREFIX}:{分类}:{具体名称}
+ */
+
+// 🔐 用户认证相关
+export const ACCESS_TOKEN_KEY = "access_token";
+export const REFRESH_TOKEN_KEY = "refresh_token";
+export const REMEMBER_ME_KEY = "remember_me";
+
+// 📊 数据缓存相关
+export const DICT_CACHE_KEY = "dict_cache";
+
+// 🎨 系统设置相关
+export const SHOW_TAGS_VIEW_KEY = "showTagsView";
+export const SHOW_APP_LOGO_KEY = "showAppLogo";
+export const SHOW_WATERMARK_KEY = "showWatermark";
+export const SHOW_SETTINGS_KEY = "showSettings";
+export const SHOW_MENU_SEARCH_KEY = "showMenuSearch";
+export const SHOW_FULLSCREEN_KEY = "showFullscreen";
+export const SHOW_SIZE_SELECT_KEY = "showSizeSelect";
+export const SHOW_LANG_SELECT_KEY = "showLangSelect";
+export const SHOW_NOTIFICATION_KEY = "showNotification";
+export const SHOW_GUIDE_KEY = "showGuide"; // 引导功能开关
+export const LAYOUT_KEY = "layout";
+export const SIDEBAR_COLOR_SCHEME_KEY = "sidebarColorScheme";
+export const THEME_KEY = "theme";
+export const THEME_COLOR_KEY = "themeColor";
+export const GRAY_MODE_KEY = "grayMode";
+export const AI_ENABLED_KEY = "aiEnabled";
+export const PAGE_SWITCHING_ANIMATION_KEY = "pageSwitchingAnimation";
+
+export const ROLE_ROOT = "ADMIN"; // 超级管理员角色
+
+// 🎯 功能分组的键映射对象
+
+// 认证相关键集合
+export const AUTH_KEYS = {
+  ACCESS_TOKEN: ACCESS_TOKEN_KEY,
+  REFRESH_TOKEN: REFRESH_TOKEN_KEY,
+  REMEMBER_ME: REMEMBER_ME_KEY,
+} as const;
+
+// 缓存相关键集合
+export const CACHE_KEYS = {
+  DICT_CACHE: DICT_CACHE_KEY,
+} as const;
+
+// 设置相关键集合
+export const SETTINGS_KEYS = {
+  SHOW_TAGS_VIEW: SHOW_TAGS_VIEW_KEY,
+  SHOW_APP_LOGO: SHOW_APP_LOGO_KEY,
+  SHOW_WATERMARK: SHOW_WATERMARK_KEY,
+  SHOW_SETTINGS: SHOW_SETTINGS_KEY,
+  SHOW_MENU_SEARCH: SHOW_MENU_SEARCH_KEY,
+  SHOW_FULLSCREEN: SHOW_FULLSCREEN_KEY,
+  SHOW_SIZE_SELECT: SHOW_SIZE_SELECT_KEY,
+  SHOW_LANG_SELECT: SHOW_LANG_SELECT_KEY,
+  SHOW_NOTIFICATION: SHOW_NOTIFICATION_KEY,
+  SHOW_GUIDE: SHOW_GUIDE_KEY,
+  SIDEBAR_COLOR_SCHEME: SIDEBAR_COLOR_SCHEME_KEY,
+  LAYOUT: LAYOUT_KEY,
+  THEME_COLOR: THEME_COLOR_KEY,
+  THEME: THEME_KEY,
+  GRAY_MODE: GRAY_MODE_KEY,
+  AI_ENABLED: AI_ENABLED_KEY,
+  PAGE_SWITCHING_ANIMATION: PAGE_SWITCHING_ANIMATION_KEY,
+} as const;
+
+// 📦 所有存储键的统一集合
+export const ALL_STORAGE_KEYS = {
+  ...AUTH_KEYS,
+  ...CACHE_KEYS,
+  ...SETTINGS_KEYS,
+} as const;
diff --git a/src/directives/business/highlight.ts b/src/directives/business/highlight.ts
new file mode 100644
index 0000000..5dec2f3
--- /dev/null
+++ b/src/directives/business/highlight.ts
@@ -0,0 +1,269 @@
+/**
+ * v-highlight 代码高亮指令
+ *
+ * 为代码块提供语法高亮、行号显示和一键复制功能。
+ * 基于 highlight.js 实现，支持多种编程语言的语法高亮。
+ *
+ * ## 主要功能
+ *
+ * - 语法高亮 - 使用 highlight.js 自动识别并高亮代码
+ * - 行号显示 - 自动为每行代码添加行号
+ * - 一键复制 - 提供复制按钮，点击即可复制代码（自动过滤行号）
+ * - 性能优化 - 批量处理代码块，避免阻塞渲染
+ * - 动态监听 - 使用 MutationObserver 监听新增代码块
+ * - 防重复处理 - 自动标记已处理的代码块，避免重复处理
+ *
+ * ## 使用示例
+ *
+ * ```vue
+ * <template>
+ *   <!-- 基础用法 -->
+ *   <div v-highlight v-html="codeContent"></div>
+ *
+ *   <!-- 配合 Markdown 渲染 -->
+ *   <div v-highlight>
+ *     <pre><code class="language-javascript">
+ *       const hello = 'world';
+ *       console.log(hello);
+ *     </code></pre>
+ *   </div>
+ * </template>
+ * ```
+ *
+ * ## 性能优化
+ *
+ * - 批量处理：每次处理 10 个代码块，避免长时间阻塞
+ * - 延迟处理：使用 requestAnimationFrame 分批处理
+ * - 重试机制：自动重试处理失败的代码块
+ * - 智能监听：只在有新代码块时才触发处理
+ *
+ * @module directives/highlight
+ * @author FastapiAdmin Team
+ */
+
+import { App, Directive } from "vue";
+import hljs from "highlight.js";
+
+export type HighlightDirective = Directive<HTMLElement>;
+
+/** 扩展 HTMLElement 类型，消除指令内部 _highlightActive / _highlightObserver 的 as any 断言 */
+declare global {
+  interface HTMLElement {
+    _highlightActive?: boolean;
+    _highlightObserver?: MutationObserver;
+  }
+}
+
+// 高亮代码
+function highlightCode(block: HTMLElement) {
+  hljs.highlightElement(block);
+}
+
+// 插入行号
+function insertLineNumbers(block: HTMLElement) {
+  const lines = block.innerHTML.split("\n");
+  const numberedLines = lines
+    .map((line, index) => {
+      return `<span class="line-number">${index + 1}</span> ${line}`;
+    })
+    .join("\n");
+  block.innerHTML = numberedLines;
+}
+
+// 添加复制按钮：调整 DOM 结构，将代码部分包裹在 .code-wrapper 内
+function addCopyButton(block: HTMLElement) {
+  const copyButton = document.createElement("i");
+  copyButton.className = "copy-button";
+  copyButton.innerHTML =
+    '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1 1 0 0 1 3 21l.003-14c0-.552.45-1 1.006-1zM5.002 8L5 20h10V8zM9 6h8v10h2V4H9z"/></svg>';
+  copyButton.onclick = async () => {
+    // 过滤掉行号，只复制代码内容
+    const codeContent = block.innerText.replace(/^\d+\s+/gm, "");
+    try {
+      await navigator.clipboard.writeText(codeContent);
+      ElMessage.success("复制成功");
+    } catch {
+      // 剪贴板写入被拒绝时静默失败（浏览器权限限制）
+    }
+  };
+
+  const preElement = block.parentElement;
+  if (preElement) {
+    // 如果代码块还没有被包裹，则创建包裹容器
+    if (!block.parentElement.classList.contains("code-wrapper")) {
+      const codeWrapper = document.createElement("div");
+      codeWrapper.className = "code-wrapper";
+      preElement.replaceChild(codeWrapper, block);
+      codeWrapper.appendChild(block);
+    }
+    // 将复制按钮添加到 pre 元素（而非 codeWrapper 内），这样它不会随滚动条滚动
+    preElement.appendChild(copyButton);
+  }
+}
+
+// 检查代码块是否已经被处理过
+function isBlockProcessed(block: HTMLElement): boolean {
+  return (
+    block.hasAttribute("data-highlighted") ||
+    !!block.querySelector(".line-number") ||
+    !!block.parentElement?.querySelector(".copy-button")
+  );
+}
+
+// 标记代码块为已处理
+function markBlockAsProcessed(block: HTMLElement) {
+  block.setAttribute("data-highlighted", "true");
+}
+
+// 处理单个代码块
+function processBlock(block: HTMLElement) {
+  if (isBlockProcessed(block)) {
+    return;
+  }
+
+  try {
+    highlightCode(block);
+    insertLineNumbers(block);
+    addCopyButton(block);
+    markBlockAsProcessed(block);
+  } catch (error) {
+    console.warn("处理代码块时出错:", error);
+  }
+}
+
+// 查找并处理所有代码块
+function processAllCodeBlocks(el: HTMLElement) {
+  if (!el._highlightActive) return;
+  const blocks = Array.from(el.querySelectorAll<HTMLElement>("pre code"));
+  const unprocessedBlocks = blocks.filter((block) => !isBlockProcessed(block));
+
+  if (unprocessedBlocks.length === 0) {
+    return;
+  }
+
+  if (unprocessedBlocks.length <= 10) {
+    // 如果代码块数量少于等于10，直接处理所有代码块
+    unprocessedBlocks.forEach((block) => processBlock(block));
+  } else {
+    // 定义每次处理的代码块数
+    const batchSize = 10;
+    let currentIndex = 0;
+
+    const processBatch = () => {
+      if (!el._highlightActive) return; // 组件已卸载则跳过
+      const batch = unprocessedBlocks.slice(currentIndex, currentIndex + batchSize);
+
+      batch.forEach((block) => {
+        processBlock(block);
+      });
+
+      // 更新索引并继续处理下一批
+      currentIndex += batchSize;
+      if (currentIndex < unprocessedBlocks.length) {
+        // 使用 requestAnimationFrame 确保下一帧再处理
+        requestAnimationFrame(processBatch);
+      }
+    };
+
+    // 开始处理第一批代码块
+    processBatch();
+  }
+}
+
+// 重试处理函数
+function retryProcessing(el: HTMLElement, maxRetries: number = 3, delay: number = 200) {
+  let retryCount = 0;
+
+  const tryProcess = () => {
+    if (!el._highlightActive) return; // 组件已卸载则跳过
+    processAllCodeBlocks(el);
+
+    // 检查是否还有未处理的代码块
+    const remainingBlocks = Array.from(el.querySelectorAll<HTMLElement>("pre code")).filter(
+      (block) => !isBlockProcessed(block)
+    );
+
+    if (remainingBlocks.length > 0 && retryCount < maxRetries && el._highlightActive) {
+      retryCount++;
+      setTimeout(tryProcess, delay * retryCount); // 递增延迟
+    }
+  };
+
+  tryProcess();
+}
+
+// 代码高亮、插入行号、复制按钮
+const highlightDirective: HighlightDirective = {
+  mounted(el: HTMLElement) {
+    // 标记元素活跃，用于 unmounted 时阻止 pending 回调执行
+    el._highlightActive = true;
+
+    // 立即尝试处理一次
+    processAllCodeBlocks(el);
+
+    // 延迟处理，确保 v-html 内容已经渲染
+    setTimeout(() => {
+      if (!el._highlightActive) return;
+      retryProcessing(el);
+    }, 100);
+
+    // 使用 MutationObserver 监听 DOM 变化
+    const observer = new MutationObserver((mutations) => {
+      let hasNewCodeBlocks = false;
+
+      mutations.forEach((mutation) => {
+        if (mutation.type === "childList") {
+          mutation.addedNodes.forEach((node) => {
+            if (node.nodeType === Node.ELEMENT_NODE) {
+              const element = node as HTMLElement;
+              // 检查新添加的节点是否包含代码块
+              if (element.tagName === "PRE" || element.querySelector("pre code")) {
+                hasNewCodeBlocks = true;
+              }
+            }
+          });
+        }
+      });
+
+      if (hasNewCodeBlocks) {
+        // 延迟处理新添加的代码块
+        setTimeout(() => {
+          if (!el._highlightActive) return;
+          processAllCodeBlocks(el);
+        }, 50);
+      }
+    });
+
+    // 开始观察
+    observer.observe(el, {
+      childList: true,
+      subtree: true,
+    });
+
+    // 将 observer 存储到元素上，以便在 unmounted 时清理
+    el._highlightObserver = observer;
+  },
+
+  updated(el: HTMLElement) {
+    // 当组件更新时，重新处理代码块
+    setTimeout(() => {
+      if (!el._highlightActive) return;
+      processAllCodeBlocks(el);
+    }, 50);
+  },
+
+  unmounted(el: HTMLElement) {
+    // 标记失活，阻止所有 pending timeout/rAF 回调执行
+    el._highlightActive = false;
+    // 清理 MutationObserver
+    const observer = el._highlightObserver;
+    if (observer) {
+      observer.disconnect();
+      delete el._highlightObserver;
+    }
+  },
+};
+
+export function setupHighlightDirective(app: App) {
+  app.directive("highlight", highlightDirective);
+}
diff --git a/src/directives/business/ripple.ts b/src/directives/business/ripple.ts
new file mode 100644
index 0000000..e5fcb77
--- /dev/null
+++ b/src/directives/business/ripple.ts
@@ -0,0 +1,116 @@
+/**
+ * v-ripple 水波纹效果指令
+ *
+ * 为元素添加 Material Design 风格的水波纹点击效果。
+ * 点击时从点击位置扩散出圆形水波纹动画，提升交互体验。
+ *
+ * ## 主要功能
+ *
+ * - 水波纹动画 - 点击时从点击位置扩散圆形波纹
+ * - 自适应大小 - 根据元素尺寸自动调整波纹大小和动画时长
+ * - 智能配色 - 自动识别按钮类型，使用合适的波纹颜色
+ * - 自定义颜色 - 支持通过参数自定义波纹颜色
+ * - 性能优化 - 使用 requestAnimationFrame 和自动清理机制
+ *
+ * ## 使用示例
+ *
+ * ```vue
+ * <template>
+ *   <!-- 基础用法 - 使用默认颜色 -->
+ *   <el-button v-ripple>点击我</el-button>
+ *
+ *   <!-- 自定义颜色 -->
+ *   <el-button v-ripple="{ color: 'rgba(255, 0, 0, 0.3)' }">自定义颜色</el-button>
+ *
+ *   <!-- 应用到任意元素 -->
+ *   <div v-ripple class="custom-card">卡片内容</div>
+ * </template>
+ * ```
+ *
+ * ## 颜色规则
+ *
+ * - 有色按钮（primary、success、warning 等）：使用白色半透明波纹
+ * - 默认按钮：使用主题色半透明波纹
+ * - 自定义：通过 color 参数指定任意颜色
+ *
+ * @module directives/ripple
+ * @author FastapiAdmin Team
+ */
+
+import type { App, Directive, DirectiveBinding } from "vue";
+
+export interface RippleOptions {
+  /** 水波纹颜色 */
+  color?: string;
+}
+
+export type RippleDirective = Directive<HTMLElement, RippleOptions>;
+
+export const vRipple: RippleDirective = {
+  mounted(el: HTMLElement, binding: DirectiveBinding) {
+    // 获取指令的配置参数
+    const options: RippleOptions = binding.value || {};
+
+    // 设置元素为相对定位，并隐藏溢出部分
+    el.style.position = "relative";
+    el.style.overflow = "hidden";
+
+    // 点击事件处理
+    el.addEventListener("mousedown", (e: MouseEvent) => {
+      const rect = el.getBoundingClientRect();
+      const left = e.clientX - rect.left;
+      const top = e.clientY - rect.top;
+
+      // 创建水波纹元素
+      const ripple = document.createElement("div");
+      const diameter = Math.max(el.clientWidth, el.clientHeight);
+      const radius = diameter / 2;
+
+      // 根据直径计算动画时间（直径越大，动画时间越长）
+      const baseTime = 600; // 基础动画时间（毫秒）
+      const scaleFactor = 0.5; // 缩放因子
+      const animationDuration = baseTime + diameter * scaleFactor;
+
+      // 设置水波纹的尺寸和位置
+      ripple.style.width = ripple.style.height = `${diameter}px`;
+      ripple.style.left = `${left - radius}px`;
+      ripple.style.top = `${top - radius}px`;
+      ripple.style.position = "absolute";
+      ripple.style.borderRadius = "50%";
+      ripple.style.pointerEvents = "none";
+
+      // 判断是否为有色按钮（Element Plus 按钮类型）
+      const buttonTypes = ["primary", "info", "warning", "danger", "success"].map(
+        (type) => `el-button--${type}`
+      );
+      const isColoredButton = buttonTypes.some((type) => el.classList.contains(type));
+      const defaultColor = isColoredButton
+        ? "rgba(255, 255, 255, 0.25)" // 有色按钮使用白色水波纹
+        : "var(--el-color-primary-light-7)"; // 默认按钮使用主题色水波纹
+
+      // 设置水波纹颜色、初始状态和过渡效果
+      ripple.style.backgroundColor = options.color || defaultColor;
+      ripple.style.transform = "scale(0)";
+      ripple.style.transition = `transform ${animationDuration}ms cubic-bezier(0.3, 0, 0.2, 1), opacity ${animationDuration}ms cubic-bezier(0.3, 0, 0.5, 1)`;
+      ripple.style.zIndex = "1";
+
+      // 添加水波纹元素到DOM中
+      el.appendChild(ripple);
+
+      // 触发动画
+      requestAnimationFrame(() => {
+        ripple.style.transform = "scale(2)";
+        ripple.style.opacity = "0";
+      });
+
+      // 动画结束后移除水波纹元素
+      setTimeout(() => {
+        ripple.remove();
+      }, animationDuration + 500); // 增加500ms缓冲时间
+    });
+  },
+};
+
+export function setupRippleDirective(app: App) {
+  app.directive("ripple", vRipple);
+}
diff --git a/src/directives/core/auth.ts b/src/directives/core/auth.ts
new file mode 100644
index 0000000..9f0502d
--- /dev/null
+++ b/src/directives/core/auth.ts
@@ -0,0 +1,72 @@
+/**
+ * v-auth 权限指令
+ *
+ * 基于权限标识控制 DOM 元素的显示和隐藏。
+ * 权限检查优先级：is_superuser > ROLE_ROOT > userStore.prems > route.meta.authList
+ * 如果用户没有对应权限，元素将从 DOM 中移除。
+ *
+ * ## 使用示例
+ *
+ * ```vue
+ * <el-button v-auth="'module_system:user:create'">新增</el-button>
+ * <el-button v-auth="'module_system:user:update'">编辑</el-button>
+ * <el-button v-auth="'module_platform:order:create'">创建订单</el-button>
+ * ```
+ *
+ * @module directives/auth
+ */
+
+import { router } from "@/router";
+import { useUserStore } from "@stores";
+import { ROLE_ROOT } from "@/constants";
+import { App, Directive, DirectiveBinding } from "vue";
+
+export type AuthDirective = Directive<HTMLElement, string>;
+
+function hasPermission(auth: string): boolean {
+  if (!auth) return true;
+
+  const userStore = useUserStore();
+
+  // 超管直接放行
+  if ((userStore.basicInfo as Record<string, any>)?.is_superuser) return true;
+
+  // ROLE_ROOT 角色放行
+  const roles = (userStore.basicInfo as Record<string, any>)?.roles as
+    | { code?: string }[]
+    | undefined;
+  if (roles?.some((r) => r.code === ROLE_ROOT)) return true;
+
+  // 通配符
+  if (userStore.prems.includes("*:*:*")) return true;
+
+  // 检查 userStore.prems（来自菜单树汇总的全局权限码）
+  if (userStore.prems.includes(auth)) return true;
+
+  // 兼容：检查 route.meta.authList
+  const authList = (router.currentRoute.value.meta.authList as Array<{ authMark: string }>) || [];
+  if (authList.some((item) => item.authMark === auth)) return true;
+
+  return false;
+}
+
+function checkAuthPermission(el: HTMLElement, binding: DirectiveBinding<string>): void {
+  if (!hasPermission(binding.value)) {
+    removeElement(el);
+  }
+}
+
+function removeElement(el: HTMLElement): void {
+  if (el.parentNode) {
+    el.parentNode.removeChild(el);
+  }
+}
+
+const authDirective: AuthDirective = {
+  mounted: checkAuthPermission,
+  updated: checkAuthPermission,
+};
+
+export function setupAuthDirective(app: App): void {
+  app.directive("auth", authDirective);
+}
diff --git a/src/directives/core/roles.ts b/src/directives/core/roles.ts
new file mode 100644
index 0000000..e56aa54
--- /dev/null
+++ b/src/directives/core/roles.ts
@@ -0,0 +1,90 @@
+/**
+ * v-roles 角色权限指令
+ *
+ * 基于用户角色控制 DOM 元素的显示和隐藏。
+ * 只要用户拥有指定角色中的任意一个，元素就会显示，否则从 DOM 中移除。
+ *
+ * ## 主要功能
+ *
+ * - 角色验证 - 检查用户是否拥有指定角色
+ * - 多角色支持 - 支持单个角色或多个角色（满足其一即可）
+ * - DOM 控制 - 无权限时自动移除元素，而非隐藏
+ * - 响应式更新 - 角色变化时自动更新元素状态
+ *
+ * ## 使用示例
+ *
+ * ```vue
+ * <template>
+ *   <!-- 单个角色 - 只有超级管理员可见 -->
+ *   <el-button v-roles="'R_SUPER'">超级管理员功能</el-button>
+ *
+ *   <!-- 多个角色 - 超级管理员或普通管理员可见 -->
+ *   <el-button v-roles="['R_SUPER', 'R_ADMIN']">管理员功能</el-button>
+ *
+ *   <!-- 应用到任意元素 -->
+ *   <div v-roles="['R_SUPER', 'R_ADMIN', 'R_USER']">
+ *     所有登录用户可见的内容
+ *   </div>
+ * </template>
+ * ```
+ *
+ * ## 权限逻辑
+ *
+ * - 用户角色从 userStore.getUserInfo.roles 获取
+ * - 只要用户拥有指定角色中的任意一个，元素就会显示
+ * - 如果用户没有任何角色或不满足条件，元素将被移除
+ *
+ * ## 注意事项
+ *
+ * - 该指令会直接移除 DOM 元素，而不是使用 v-if 隐藏
+ * - 适用于基于角色的粗粒度权限控制
+ * - 如需基于具体操作的细粒度权限控制，请使用 v-auth 指令
+ *
+ * @module directives/roles
+ * @author FastapiAdmin Team
+ */
+
+import { useUserStore } from "@stores";
+import { App, Directive, DirectiveBinding } from "vue";
+
+export type RolesDirective = Directive<HTMLElement, string | string[]>;
+
+function checkRolePermission(el: HTMLElement, binding: DirectiveBinding<string | string[]>): void {
+  const userStore = useUserStore();
+  const userRoles = userStore.info.roles;
+
+  // 如果用户角色为空或未定义，移除元素
+  if (!userRoles?.length) {
+    removeElement(el);
+    return;
+  }
+
+  // 确保指令值为数组格式
+  const requiredRoles = Array.isArray(binding.value) ? binding.value : [binding.value];
+
+  // 检查用户是否具有所需角色之一
+  const roleCodes = userRoles
+    .map((r) => (typeof r === "string" ? r : r?.code))
+    .filter((r): r is string => typeof r === "string" && r.length > 0);
+  const hasPermission = requiredRoles.some((role: string) => roleCodes.includes(role));
+
+  // 如果没有权限，安全地移除元素
+  if (!hasPermission) {
+    removeElement(el);
+  }
+}
+
+function removeElement(el: HTMLElement): void {
+  if (el.parentNode) {
+    el.parentNode.removeChild(el);
+  }
+}
+
+const rolesDirective: RolesDirective = {
+  mounted: checkRolePermission,
+  updated: checkRolePermission,
+};
+
+export function setupRolesDirective(app: App): void {
+  app.directive("roles", rolesDirective);
+}
diff --git a/src/directives/index.ts b/src/directives/index.ts
new file mode 100644
index 0000000..f03f11e
--- /dev/null
+++ b/src/directives/index.ts
@@ -0,0 +1,19 @@
+import type { App } from "vue";
+import { setupAuthDirective, type AuthDirective } from "./core/auth";
+import { setupHighlightDirective, type HighlightDirective } from "./business/highlight";
+import { setupRippleDirective, type RippleDirective } from "./business/ripple";
+import { setupRolesDirective, type RolesDirective } from "./core/roles";
+import { hasPerm } from "./permission";
+
+// 全局注册 directive
+export function initGlobDirectives(app: App<Element>) {
+  setupAuthDirective(app); // 权限指令
+  setupRolesDirective(app); // 角色权限指令
+  setupHighlightDirective(app); // 高亮指令
+  setupRippleDirective(app); // 水波纹指令
+
+  // 使 v-hasPerm 在所有组件中都可用
+  app.directive("hasPerm", hasPerm);
+}
+
+export type { AuthDirective, HighlightDirective, RippleDirective, RolesDirective };
diff --git a/src/directives/permission/index.ts b/src/directives/permission/index.ts
new file mode 100644
index 0000000..1898d06
--- /dev/null
+++ b/src/directives/permission/index.ts
@@ -0,0 +1,77 @@
+import type { Directive, DirectiveBinding } from "vue";
+
+import { useUserStore } from "@stores";
+import { ROLE_ROOT } from "@/constants";
+
+/**
+ * 按钮权限
+ */
+export const hasPerm: Directive = {
+  mounted(el: HTMLElement, binding: DirectiveBinding) {
+    const requiredPerms = binding.value;
+
+    // 校验传入的权限值是否合法
+    if (!requiredPerms || (typeof requiredPerms !== "string" && !Array.isArray(requiredPerms))) {
+      throw new Error(
+        "需要提供权限标识！例如：v-has-perm=\"'sys:user:add'\" 或 v-has-perm=\"['sys:user:add', 'sys:user:edit']\""
+      );
+    }
+
+    const { roles } = useUserStore().basicInfo;
+    const userPrems = useUserStore().prems;
+
+    const isWildcardBypass =
+      (Array.isArray(requiredPerms) && requiredPerms.some((p) => p === "*:*:*")) ||
+      requiredPerms === "*:*:*";
+
+    // 超级管理员；或指令显式传入 "*:*:*" 时跳过校验（勿用 includes 子串匹配，避免含 "*:*:*" 的权限被误放行）
+    if (
+      (roles && roles.map((r: { code?: string }) => r.code).includes(ROLE_ROOT)) ||
+      isWildcardBypass
+    ) {
+      return;
+    }
+
+    // 检查权限
+    const hasAuth = Array.isArray(requiredPerms)
+      ? requiredPerms.some((perm) => userPrems.includes(perm))
+      : userPrems.includes(requiredPerms);
+
+    // 如果没有权限，移除该元素
+    if (!hasAuth && el.parentNode) {
+      el.parentNode.removeChild(el);
+    }
+  },
+};
+
+/**
+ * 角色权限指令
+ */
+export const hasRole: Directive = {
+  mounted(el: HTMLElement, binding: DirectiveBinding) {
+    const requiredRoles = binding.value;
+
+    // 校验传入的角色值是否合法
+    if (!requiredRoles || (typeof requiredRoles !== "string" && !Array.isArray(requiredRoles))) {
+      throw new Error(
+        "需要提供角色标识！例如：v-has-role=\"'ADMIN'\" 或 v-has-role=\"['ADMIN', 'TEST']\""
+      );
+    }
+
+    const { roles } = useUserStore().basicInfo;
+
+    // 检查是否有对应角色权限
+    const hasAuth = Array.isArray(requiredRoles)
+      ? requiredRoles.some((requiredRole: string) =>
+          roles ? roles.map((r: { code?: string }) => r.code).includes(requiredRole) : false
+        )
+      : roles
+        ? roles.map((r: { code?: string }) => r.code).includes(requiredRoles)
+        : false;
+
+    // 如果没有权限，移除元素
+    if (!hasAuth && el.parentNode) {
+      el.parentNode.removeChild(el);
+    }
+  },
+};
diff --git a/src/enums/api/result.enum.ts b/src/enums/api/result.enum.ts
new file mode 100644
index 0000000..bf75dd0
--- /dev/null
+++ b/src/enums/api/result.enum.ts
@@ -0,0 +1,34 @@
+/**
+ * API 结果枚举
+ * 定义后端 API 响应状态码
+ *
+ * @module enums/api/result.enum
+ */
+
+/**
+ * 结果枚举 - 与后端 ResultEnum 对应
+ */
+export const enum ResultEnum {
+  /**
+   * 成功
+   */
+  SUCCESS = 0,
+  /**
+   * 错误
+   */
+  ERROR = 1,
+  /**
+   * 异常
+   */
+  EXCEPTION = -1,
+
+  /**
+   * 未授权访问
+   */
+  UNAUTHORIZED = 10403,
+
+  /**
+   * 令牌已过期
+   */
+  TOKEN_EXPIRED = 10401,
+}
diff --git a/src/enums/appEnum.ts b/src/enums/appEnum.ts
new file mode 100644
index 0000000..e2ab618
--- /dev/null
+++ b/src/enums/appEnum.ts
@@ -0,0 +1,81 @@
+/**
+ * 系统级别枚举定义模块
+ *
+ * ## 主要功能
+ *
+ * - 菜单类型枚举（左侧、顶部、混合、双栏）
+ * - 主题类型枚举（亮色、暗色、自动）
+ * - 菜单主题枚举（设计、亮色、暗色）
+ * - 语言类型枚举（中文、英文）
+ * - 容器宽度枚举（全屏、固定）
+ * - 菜单宽度枚举（收起宽度）
+ *
+ * @module enums/appEnum
+ * @author FastapiAdmin Team
+ */
+
+/**
+ * 菜单类型
+ */
+export enum MenuTypeEnum {
+  /** 左侧菜单 */
+  LEFT = "left",
+  /** 顶部菜单 */
+  TOP = "top",
+  /** 顶部+左侧菜单 */
+  TOP_LEFT = "top-left",
+  /** 双栏菜单 */
+  DUAL_MENU = "dual-menu",
+}
+
+/**
+ * 系统主题
+ */
+export enum SystemThemeEnum {
+  /** 暗色主题 */
+  DARK = "dark",
+  /** 亮色主题 */
+  LIGHT = "light",
+  /** 自动主题（跟随系统） */
+  AUTO = "auto",
+}
+
+/**
+ * 菜单主题
+ */
+export enum MenuThemeEnum {
+  /** 暗色主题 */
+  DARK = "dark",
+  /** 亮色主题 */
+  LIGHT = "light",
+  /** 设计主题 */
+  DESIGN = "design",
+}
+
+/**
+ * 菜单宽度
+ */
+export enum MenuWidth {
+  /** 收起宽度 */
+  CLOSE = "64px",
+}
+
+/**
+ * 语言类型
+ */
+export enum LanguageEnum {
+  /** 中文 */
+  ZH = "zh",
+  /** 英文 */
+  EN = "en",
+}
+
+/**
+ * 容器宽度
+ */
+export enum ContainerWidthEnum {
+  /** 全屏宽度 */
+  FULL = "100%",
+  /** 固定宽度 */
+  BOXED = "1200px",
+}
diff --git a/src/enums/codegen/form.enum.ts b/src/enums/codegen/form.enum.ts
new file mode 100644
index 0000000..96c5462
--- /dev/null
+++ b/src/enums/codegen/form.enum.ts
@@ -0,0 +1,15 @@
+/**
+ * 表单类型枚举
+ */
+export const FormTypeEnum: Record<string, OptionType> = {
+  INPUT: { value: 1, label: "输入框" },
+  SELECT: { value: 2, label: "下拉框" },
+  RADIO: { value: 3, label: "单选框" },
+  CHECK_BOX: { value: 4, label: "复选框" },
+  INPUT_NUMBER: { value: 5, label: "数字输入框" },
+  SWITCH: { value: 6, label: "开关" },
+  TEXT_AREA: { value: 7, label: "文本域" },
+  DATE: { value: 8, label: "日期框" },
+  DATE_TIME: { value: 9, label: "日期时间框" },
+  HIDDEN: { value: 10, label: "隐藏域" },
+};
diff --git a/src/enums/codegen/query.enum.ts b/src/enums/codegen/query.enum.ts
new file mode 100644
index 0000000..253efc0
--- /dev/null
+++ b/src/enums/codegen/query.enum.ts
@@ -0,0 +1,37 @@
+/**
+ * 查询类型枚举
+ */
+export const QueryTypeEnum: Record<string, OptionType> = {
+  /** 等于 */
+  EQ: { value: 1, label: "=" },
+
+  /** 模糊匹配 */
+  LIKE: { value: 2, label: "LIKE '%s%'" },
+
+  /** 包含 */
+  IN: { value: 3, label: "IN" },
+
+  /** 范围 */
+  BETWEEN: { value: 4, label: "BETWEEN" },
+
+  /** 大于 */
+  GT: { value: 5, label: ">" },
+
+  /** 大于等于 */
+  GE: { value: 6, label: ">=" },
+
+  /** 小于 */
+  LT: { value: 7, label: "<" },
+
+  /** 小于等于 */
+  LE: { value: 8, label: "<=" },
+
+  /** 不等于 */
+  NE: { value: 9, label: "!=" },
+
+  /** 左模糊匹配 */
+  LIKE_LEFT: { value: 10, label: "LIKE '%s'" },
+
+  /** 右模糊匹配 */
+  LIKE_RIGHT: { value: 11, label: "LIKE 's%'" },
+};
diff --git a/src/enums/formEnum.ts b/src/enums/formEnum.ts
new file mode 100644
index 0000000..6c5e432
--- /dev/null
+++ b/src/enums/formEnum.ts
@@ -0,0 +1,24 @@
+/**
+ * 表单相关枚举定义模块
+ *
+ * ## 主要功能
+ *
+ * - 页面模式枚举（新增、编辑）
+ * - 表格尺寸枚举（默认、紧凑、宽松）
+ *
+ * @module enums/formEnum
+ * @author FastapiAdmin Team
+ */
+
+// 页面类型
+export enum PageModeEnum {
+  Add, // 新增
+  Edit, // 编辑
+}
+
+// 表格大小
+export enum TableSizeEnum {
+  DEFAULT = "default",
+  SMALL = "small",
+  LARGE = "large",
+}
diff --git a/src/enums/index.ts b/src/enums/index.ts
new file mode 100644
index 0000000..be55d25
--- /dev/null
+++ b/src/enums/index.ts
@@ -0,0 +1,12 @@
+export * from "./api/result.enum";
+
+export * from "./codegen/form.enum";
+export * from "./codegen/query.enum";
+
+export * from "./settings/layout.enum";
+export * from "./settings/theme.enum";
+export * from "./settings/locale.enum";
+export * from "./settings/device.enum";
+export * from "./settings/setting.enum";
+
+export * from "./system/menu.enum";
diff --git a/src/enums/settings/device.enum.ts b/src/enums/settings/device.enum.ts
new file mode 100644
index 0000000..709bcb3
--- /dev/null
+++ b/src/enums/settings/device.enum.ts
@@ -0,0 +1,14 @@
+/**
+ * 设备枚举
+ */
+export const enum DeviceEnum {
+  /**
+   * 宽屏设备
+   */
+  DESKTOP = "desktop",
+
+  /**
+   * 窄屏设备
+   */
+  MOBILE = "mobile",
+}
diff --git a/src/enums/settings/layout.enum.ts b/src/enums/settings/layout.enum.ts
new file mode 100644
index 0000000..e1e4406
--- /dev/null
+++ b/src/enums/settings/layout.enum.ts
@@ -0,0 +1,53 @@
+/**
+ * 菜单布局枚举
+ */
+export const enum LayoutMode {
+  /**
+   * 左侧菜单布局
+   */
+  LEFT = "left",
+  /**
+   * 顶部菜单布局
+   */
+  TOP = "top",
+
+  /**
+   * 混合菜单布局
+   */
+  MIX = "mix",
+}
+
+/**
+ * 侧边栏状态枚举
+ */
+export const enum SidebarStatus {
+  /**
+   * 展开
+   */
+  OPENED = "opened",
+
+  /**
+   * 关闭
+   */
+  CLOSED = "closed",
+}
+
+/**
+ * 组件尺寸枚举
+ */
+export const enum ComponentSize {
+  /**
+   * 默认
+   */
+  DEFAULT = "default",
+
+  /**
+   * 大型
+   */
+  LARGE = "large",
+
+  /**
+   * 小型
+   */
+  SMALL = "small",
+}
diff --git a/src/enums/settings/locale.enum.ts b/src/enums/settings/locale.enum.ts
new file mode 100644
index 0000000..a50b655
--- /dev/null
+++ b/src/enums/settings/locale.enum.ts
@@ -0,0 +1,14 @@
+/**
+ * 语言枚举
+ */
+export const enum LanguageEnum {
+  /**
+   * 中文
+   */
+  ZH_CN = "zh-cn",
+
+  /**
+   * 英文
+   */
+  EN = "en",
+}
diff --git a/src/enums/settings/setting.enum.ts b/src/enums/settings/setting.enum.ts
new file mode 100644
index 0000000..0398f3e
--- /dev/null
+++ b/src/enums/settings/setting.enum.ts
@@ -0,0 +1,47 @@
+/**
+ * 页面切换动画枚举
+ */
+export const enum PageSwitchingAnimationEnum {
+  /**
+   * 无动画
+   */
+  NONE = "none",
+  /**
+   * 淡入淡出
+   */
+  FADE = "fade",
+  /**
+   * 平滑切换
+   */
+  FADE_SLIDE = "fade-slide",
+  /**
+   * 缩放切换
+   */
+  FADE_SCALE = "fade-scale",
+  /**
+   * 左右滑动
+   */
+  SLIDE_LEFT_RIGHT = "slide-left-right",
+  /**
+   * 缩放进出
+   */
+  ZOOM_IN_OUT = "zoom-in-out",
+  /**
+   * 上下滑动
+   */
+  SLIDE_UP_DOWN = "slide-up-down",
+  /**
+   * 弹性效果
+   */
+  BOUNCE = "bounce",
+}
+export const PageSwitchingAnimationOptions: Record<string, OptionType> = {
+  none: { value: "none", label: "无动画" },
+  fade: { value: "fade", label: "淡入淡出" },
+  "fade-slide": { value: "fade-slide", label: "平滑切换" },
+  "fade-scale": { value: "fade-scale", label: "缩放切换" },
+  "slide-left-right": { value: "slide-left-right", label: "左右滑动" },
+  "zoom-in-out": { value: "zoom-in-out", label: "缩放进出" },
+  "slide-up-down": { value: "slide-up-down", label: "上下滑动" },
+  bounce: { value: "bounce", label: "弹性效果" },
+};
diff --git a/src/enums/settings/theme.enum.ts b/src/enums/settings/theme.enum.ts
new file mode 100644
index 0000000..21799c3
--- /dev/null
+++ b/src/enums/settings/theme.enum.ts
@@ -0,0 +1,32 @@
+/**
+ * 主题枚举
+ */
+export const enum ThemeMode {
+  /**
+   * 明亮主题
+   */
+  LIGHT = "light",
+  /**
+   * 暗黑主题
+   */
+  DARK = "dark",
+
+  /**
+   * 系统自动
+   */
+  AUTO = "auto",
+}
+
+/**
+ * 侧边栏配色方案枚举
+ */
+export const enum SidebarColor {
+  /**
+   * 经典蓝
+   */
+  CLASSIC_BLUE = "classic-blue",
+  /**
+   * 极简白
+   */
+  MINIMAL_WHITE = "minimal-white",
+}
diff --git a/src/enums/system/menu.enum.ts b/src/enums/system/menu.enum.ts
new file mode 100644
index 0000000..5abbaaa
--- /dev/null
+++ b/src/enums/system/menu.enum.ts
@@ -0,0 +1,13 @@
+// 核心枚举定义
+export enum MenuTypeEnum {
+  CATALOG = 1, // 目录
+  MENU = 2, // 菜单
+  BUTTON = 3, // 按钮
+  EXTLINK = 4, // 外链
+}
+
+/** 菜单终端（与后端 platform_menu.client 一致） */
+export enum MenuClientEnum {
+  PC = "pc",
+  APP = "app",
+}
diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 0000000..f6c6ad8
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1,37 @@
+/// <reference types="vite/client" />
+
+declare module "nprogress";
+
+declare module "crypto-js";
+
+declare module "vue-img-cutter";
+
+declare module "file-saver";
+
+declare module "qrcode.vue" {
+  export type Level = "L" | "M" | "Q" | "H";
+  export type RenderAs = "canvas" | "svg";
+  export type GradientType = "linear" | "radial";
+  export interface ImageSettings {
+    src: string;
+    height: number;
+    width: number;
+    excavate: boolean;
+  }
+  export interface QRCodeProps {
+    value: string;
+    size?: number;
+    level?: Level;
+    background?: string;
+    foreground?: string;
+    renderAs?: RenderAs;
+  }
+  const QrcodeVue: any;
+  export default QrcodeVue;
+}
+
+// 全局变量声明
+declare const __APP_VERSION__: string; // 版本号
+
+// 应用名称
+declare const __APP_NAME__: string;
diff --git a/src/hooks/ai/useAiAction.ts b/src/hooks/ai/useAiAction.ts
new file mode 100644
index 0000000..3e0dd37
--- /dev/null
+++ b/src/hooks/ai/useAiAction.ts
@@ -0,0 +1,217 @@
+import { useRoute } from "vue-router";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { onMounted, onBeforeUnmount, nextTick } from "vue";
+import AiChatAPI from "@/api/module_ai/chat";
+import type { UseAiActionOptions } from "@/types/ai";
+
+/**
+ * AI 操作 Composable
+ *
+ * 统一处理 AI 助手传递的操作，支持：
+ * - 自动搜索（通过 keywords + autoSearch 参数）
+ * - 执行 AI 操作（通过 aiAction 参数）
+ * - 配置化的操作处理器
+ */
+export function useAiAction(options: UseAiActionOptions = {}) {
+  const route = useRoute();
+  const { actionHandlers = {}, onRefresh, onAutoSearch } = options;
+
+  // 用于跟踪是否已卸载，防止在卸载后执行回调
+  let isUnmounted = false;
+
+  /**
+   * 执行 AI 操作（统一处理确认、执行、反馈流程）
+   */
+  async function executeAiAction(action: any) {
+    if (isUnmounted) return;
+
+    // 兼容两种入参：{ functionName, arguments } 或 { functionCall: { name, arguments } }
+    const fnCall = action.functionCall ?? {
+      name: action.functionName,
+      arguments: action.arguments,
+    };
+
+    if (!fnCall?.name) {
+      ElMessage.warning("未识别的 AI 操作");
+      return;
+    }
+
+    // 查找对应的处理器
+    const handler = actionHandlers[fnCall.name];
+    if (!handler) {
+      ElMessage.warning(`暂不支持操作: ${fnCall.name}`);
+      return;
+    }
+
+    try {
+      // 判断处理器类型（函数 or 配置对象）
+      const isSimpleFunction = typeof handler === "function";
+
+      if (isSimpleFunction) {
+        // 简单函数形式：直接执行
+        await handler(fnCall.arguments);
+      } else {
+        // 配置对象形式：统一处理确认、执行、反馈
+        const config = handler;
+
+        // 1. 确认阶段（默认需要确认）
+        if (config.needConfirm !== false) {
+          const confirmMsg =
+            typeof config.confirmMessage === "function"
+              ? config.confirmMessage(fnCall.arguments)
+              : config.confirmMessage || "确认执行此操作吗？";
+
+          await ElMessageBox.confirm(confirmMsg, "AI 助手操作确认", {
+            confirmButtonText: "确认执行",
+            cancelButtonText: "取消",
+            type: "warning",
+            dangerouslyUseHTMLString: true,
+          });
+        }
+
+        // 2. 执行阶段
+        if (config.callBackendApi) {
+          // 自动调用后端 API
+          await AiChatAPI.chat({
+            message: fnCall.arguments,
+          });
+        } else {
+          // 执行自定义函数
+          await config.execute(fnCall.arguments);
+        }
+
+        // 3. 成功反馈
+        const successMsg =
+          typeof config.successMessage === "function"
+            ? config.successMessage(fnCall.arguments)
+            : config.successMessage || "操作执行成功";
+        ElMessage.success(successMsg);
+      }
+
+      // 4. 刷新数据
+      if (onRefresh) {
+        await onRefresh();
+      }
+    } catch (error: any) {
+      // 处理取消操作
+      if (error === "cancel") {
+        ElMessage.info("已取消操作");
+        return;
+      }
+
+      console.error("AI 操作执行失败:", error);
+      ElMessage.error(error.message || "操作执行失败");
+    }
+  }
+
+  /**
+   * 执行后端命令（通用方法）
+   */
+  async function executeCommand(
+    functionName: string,
+    args: any,
+    options: {
+      originalCommand?: string;
+      confirmMode?: "auto" | "manual";
+      needConfirm?: boolean;
+      confirmMessage?: string;
+    } = {}
+  ) {
+    const { originalCommand = "", needConfirm = false, confirmMessage } = options;
+
+    // 如果需要确认，先显示确认对话框
+    if (needConfirm && confirmMessage) {
+      try {
+        await ElMessageBox.confirm(confirmMessage, "AI 助手操作确认", {
+          confirmButtonText: "确认执行",
+          cancelButtonText: "取消",
+          type: "warning",
+          dangerouslyUseHTMLString: true,
+        });
+      } catch {
+        ElMessage.info("已取消操作");
+        return;
+      }
+    }
+
+    try {
+      await AiChatAPI.chat({
+        message: originalCommand,
+      });
+
+      ElMessage.success("操作执行成功");
+    } catch (error: any) {
+      if (error !== "cancel") {
+        throw error;
+      }
+    }
+  }
+
+  /**
+   * 处理自动搜索
+   */
+  function handleAutoSearch(keywords: string) {
+    if (onAutoSearch) {
+      onAutoSearch(keywords);
+    } else {
+      ElMessage.info(`AI 助手已为您自动搜索：${keywords}`);
+    }
+  }
+
+  /**
+   * 初始化：处理 URL 参数中的 AI 操作
+   *
+   * 注意：此方法只处理 AI 相关参数，不负责页面数据的初始加载
+   * 页面数据加载应由组件的 onMounted 钩子自行处理
+   */
+  async function init() {
+    if (isUnmounted) return;
+
+    // 检查是否有 AI 助手传递的参数
+    const keywords = route.query.keywords as string;
+    const autoSearch = route.query.autoSearch as string;
+    const aiActionParam = route.query.aiAction as string;
+
+    // 如果没有任何 AI 参数，直接返回
+    if (!keywords && !autoSearch && !aiActionParam) {
+      return;
+    }
+
+    // 在 nextTick 中执行，确保页面数据已加载
+    nextTick(async () => {
+      if (isUnmounted) return;
+
+      // 1. 处理自动搜索
+      if (autoSearch === "true" && keywords) {
+        handleAutoSearch(keywords);
+      }
+
+      // 2. 处理 AI 操作
+      if (aiActionParam) {
+        try {
+          const aiAction = JSON.parse(decodeURIComponent(aiActionParam));
+          await executeAiAction(aiAction);
+        } catch (error) {
+          console.error("解析 AI 操作失败:", error);
+          ElMessage.error("AI 操作参数解析失败");
+        }
+      }
+    });
+  }
+
+  // 组件挂载时自动初始化
+  onMounted(() => {
+    init();
+  });
+
+  // 组件卸载时清理
+  onBeforeUnmount(() => {
+    isUnmounted = true;
+  });
+
+  return {
+    executeAiAction,
+    executeCommand,
+    handleAutoSearch,
+  };
+}
diff --git a/src/hooks/core/useAppBootstrap.ts b/src/hooks/core/useAppBootstrap.ts
new file mode 100644
index 0000000..8da3cf0
--- /dev/null
+++ b/src/hooks/core/useAppBootstrap.ts
@@ -0,0 +1,27 @@
+/**
+ * useAppBootstrap —— 应用挂载后初始化编排。
+ *
+ * 统一调用所有 onMounted 阶段的初始化逻辑（存储检查、主题恢复、版本升级、站点配置），
+ * 保持 App.vue 的 onMounted 为单行调用。
+ */
+import { useSiteConfig } from "@/hooks/core/useSiteConfig";
+import {
+  checkStorageCompatibility,
+  startVersionPolling,
+  toggleTransition,
+  systemUpgrade,
+} from "@utils";
+
+export function useAppBootstrap() {
+  const { initSiteConfig } = useSiteConfig();
+
+  const bootstrap = () => {
+    checkStorageCompatibility();
+    toggleTransition(false);
+    systemUpgrade();
+    startVersionPolling();
+    initSiteConfig();
+  };
+
+  return { bootstrap };
+}
diff --git a/src/hooks/core/useAppMode.ts b/src/hooks/core/useAppMode.ts
new file mode 100644
index 0000000..e35e2e9
--- /dev/null
+++ b/src/hooks/core/useAppMode.ts
@@ -0,0 +1,39 @@
+/**
+ * useAppMode - 应用模式管理
+ *
+ * 提供应用访问模式的判断和管理功能，支持前端和后端两种权限控制模式。
+ * 根据环境变量 VITE_ACCESS_MODE 自动识别当前运行模式：
+ * frontend | backend | mixed（后端菜单 + 前端 builtinFrontendRoutes 合并展示）
+ *
+ * ## 主要功能
+ *
+ * 1. 模式识别 - 自动识别前端模式或后端模式
+ * 2. 前端模式 - 权限由前端路由配置控制，适合小型项目或演示环境
+ * 3. 后端模式 - 权限由后端接口返回的菜单数据控制，适合企业级应用
+ * 4. 响应式状态 - 提供响应式的模式判断，方便在组件中使用
+ *
+ * @module useAppMode
+ * @author FastapiAdmin Team
+ */
+
+import { computed } from "vue";
+
+export function useAppMode() {
+  const accessMode = (import.meta.env.VITE_ACCESS_MODE || "").trim();
+
+  /** 仅前端 builtinFrontendRoutes（默认为空，壳层菜单由 mergeShellRoutesIntoMenu 补全） */
+  const isFrontendMode = computed(() => accessMode === "frontend");
+  /** 仅后端菜单接口 */
+  const isBackendMode = computed(() => accessMode === "backend");
+  /** 后端菜单与前端路由模块合并（同名路由以前端模块注册顺序中后端为先，见 MenuProcessor） */
+  const isMixedMenuMode = computed(() => accessMode === "mixed");
+
+  const currentMode = computed(() => accessMode);
+
+  return {
+    isFrontendMode,
+    isBackendMode,
+    isMixedMenuMode,
+    currentMode,
+  };
+}
diff --git a/src/hooks/core/useAuth.ts b/src/hooks/core/useAuth.ts
new file mode 100644
index 0000000..90ea7ec
--- /dev/null
+++ b/src/hooks/core/useAuth.ts
@@ -0,0 +1,89 @@
+/**
+ * useAuth - 权限验证管理
+ *
+ * 提供统一的权限验证功能，支持前端和后端两种权限模式。
+ * 用于控制页面按钮、操作等功能的显示和访问权限。
+ *
+ * ## 主要功能
+ *
+ * 1. 权限检查 - 检查用户是否拥有指定的权限标识
+ * 2. 双模式支持 - 自动适配前端模式和后端模式的权限验证
+ * 3. 前端模式 - 从用户信息中获取按钮权限列表（如 ['add', 'edit', 'delete']）
+ * 4. 后端模式 - 从路由 meta 配置中获取权限列表（如 [{ authMark: 'add' }]）
+ *
+ * ## 使用示例
+ *
+ * ```typescript
+ * const { hasAuth } = useAuth()
+ *
+ * // 检查是否有新增权限
+ * if (hasAuth('add')) {
+ *   // 显示新增按钮
+ * }
+ *
+ * // 在模板中使用
+ * <el-button v-if="hasAuth('edit')">编辑</el-button>
+ * <el-button v-if="hasAuth('delete')">删除</el-button>
+ * ```
+ *
+ * @module useAuth
+ * @author FastapiAdmin Team
+ */
+
+import { useRoute } from "vue-router";
+import { storeToRefs } from "pinia";
+import { useUserStore } from "@stores";
+import { useAppMode } from "@/hooks/core/useAppMode";
+import type { AppRouteRecord } from "@/types/router";
+import { ROLE_ROOT } from "@/constants";
+
+type AuthItem = NonNullable<AppRouteRecord["meta"]["authList"]>[number];
+
+export const useAuth = () => {
+  const route = useRoute();
+  const userStore = useUserStore();
+  const { isFrontendMode } = useAppMode();
+  const { info } = storeToRefs(userStore);
+
+  // 前端按钮权限（例如：['add', 'edit']）
+  const frontendAuthList: string[] =
+    ((info.value as Record<string, any>)?.permissions as string[]) ?? [];
+
+  // 后端路由 meta 配置的权限列表（例如：[{ authMark: 'add' }]）
+  const backendAuthList: AuthItem[] = Array.isArray(route.meta.authList)
+    ? (route.meta.authList as AuthItem[])
+    : [];
+
+  /**
+   * 检查是否拥有某权限标识（与 v-hasPerm / 表格内 ArtButtonMore 全码一致）
+   * @param auth 权限标识（多为后端菜单 permission 全码，如 module_system:role:update）
+   */
+  const hasAuth = (auth: string): boolean => {
+    if (!auth) return true;
+
+    // 超管直接放行所有权限
+    if (userStore.basicInfo?.is_superuser) return true;
+
+    const userPrems = userStore.prems;
+    const roles = userStore.basicInfo?.roles as { code?: string }[] | undefined;
+
+    // 与 directives/permission hasPerm 一致：超级管理员角色、通配
+    if (roles?.some((r) => r.code === ROLE_ROOT)) return true;
+    if (userPrems.includes("*:*:*")) return true;
+
+    /** 登录后由菜单树汇总的全局权限码（与 v-hasPerm 同源） */
+    if (userPrems.includes(auth)) return true;
+
+    // 前端模式：兼容 info.permissions
+    if (isFrontendMode.value) {
+      return frontendAuthList.includes(auth);
+    }
+
+    // 后端模式：当前路由 meta 短标识（与 v-auth 一致）
+    return backendAuthList.some((item) => item?.authMark === auth);
+  };
+
+  return {
+    hasAuth,
+  };
+};
diff --git a/src/hooks/core/useCeremony.ts b/src/hooks/core/useCeremony.ts
new file mode 100644
index 0000000..3558f74
--- /dev/null
+++ b/src/hooks/core/useCeremony.ts
@@ -0,0 +1,307 @@
+/**
+ * useCeremony - 节日庆祝管理
+ *
+ * 提供节日烟花效果和祝福文本展示功能，为系统增添节日氛围。
+ * 自动检测当前日期是否为节日，并在首次进入时播放烟花动画和显示祝福语。
+ *
+ * ## 主要功能
+ *
+ * 1. 节日检测 - 「内置 + 手动」节日优先；其次周六/日周末提示；最后 `isResidentBanner` 常驻。同级节日区间更短优先，同长度手动优先于内置
+ * 2. 烟花动画 - 播放节日烟花特效，支持自定义图片和触发次数
+ * 3. 祝福文本 - 烟花结束后显示节日祝福文本
+ * 4. 状态管理 - 记录烟花播放状态，避免重复播放
+ * 5. 清理机制 - 提供清理方法，支持手动停止和重置
+ *
+ * ## 手动礼花快捷键
+ *
+ * 全局 **Ctrl+Shift+P** / **⌘+Shift+P** 由 `art-fireworks-effect` 监听；礼花图与当天节日配置一致，
+ * 详见 `src/config/modules/festival.ts` 文件头说明。
+ *
+ * ## 使用示例
+ *
+ * ```typescript
+ * // 在配置文件中定义节日
+ * // 单日节日
+ * {
+ *   date: '2024-12-25',
+ *   name: '圣诞节',
+ *   image: christmasImage,
+ *   count: 3 // 可选，不设置则使用默认值 3 次
+ *   scrollText: 'Merry Christmas!',
+ * }
+ *
+ * // 跨日期节日
+ * {
+ *   date: '2025-11-07',
+ *   endDate: '2025-11-10',
+ *   name: 'v3.0 测试阶段',
+ *   image: '',
+ *   count: 5 // 自定义烟花播放次数
+ *   scrollText: '系统 v3.0 测试阶段正式开启！',
+ * }
+ * ```
+ *
+ * @module useCeremony
+ * @author FastapiAdmin Team
+ */
+
+import { useTimeoutFn, useIntervalFn, useDateFormat } from "@vueuse/core";
+import { storeToRefs } from "pinia";
+import { computed } from "vue";
+import { useSettingsStore } from "@stores";
+import { mittBus, formatToDate } from "@utils";
+import { festivalConfigList } from "@/config/modules/festival";
+import { buildBuiltinSolarFestivals } from "@/config/modules/festival.builtin";
+import type { FestivalConfig } from "@/types/config";
+
+/** 手动配置 + 内置公历节日合并项（内部排序用） */
+type TaggedFestival = FestivalConfig & { _origin: "manual" | "builtin" };
+
+/**
+ * 节日庆祝配置常量
+ */
+const FESTIVAL_CONFIG = {
+  /** 初始延迟（毫秒） */
+  INITIAL_DELAY: 300,
+  /** 烟花播放间隔（毫秒） */
+  FIREWORK_INTERVAL: 1000,
+  /** 文本显示延迟（毫秒） */
+  TEXT_DELAY: 2000,
+  /** 默认烟花播放次数 */
+  DEFAULT_FIREWORKS_COUNT: 3,
+} as const;
+
+/**
+ * 节日庆祝功能
+ * 提供节日烟花效果和祝福文本展示
+ */
+export function useCeremony() {
+  const settingStore = useSettingsStore();
+  const { holidayFireworksLoaded, isShowFireworks } = storeToRefs(settingStore);
+
+  let fireworksInterval: { pause: () => void } | null = null;
+
+  /**
+   * 检查日期是否在节日范围内
+   * @param currentDate 当前日期
+   * @param festivalDate 节日开始日期
+   * @param festivalEndDate 节日结束日期（可选）
+   */
+  const isDateInRange = (
+    currentDate: string,
+    festivalDate: string,
+    festivalEndDate?: string
+  ): boolean => {
+    if (!festivalEndDate) {
+      // 单日节日
+      return currentDate === festivalDate;
+    }
+
+    // 跨日期节日
+    const current = new Date(currentDate);
+    const start = new Date(festivalDate);
+    const end = new Date(festivalEndDate);
+
+    return current >= start && current <= end;
+  };
+
+  /** 区间越短越「具体」，重叠时优先展示（如单日元旦优先于全年公告） */
+  const festivalRangeSpanDays = (item: FestivalConfig): number => {
+    if (!item.endDate) return 1;
+    const s = new Date(item.date).getTime();
+    const e = new Date(item.endDate).getTime();
+    return Math.max(1, Math.round((e - s) / 86400000) + 1);
+  };
+
+  /** 是否为周六、周日（本地时区） */
+  const isWeekendDate = (dateStr: string): boolean => {
+    const w = new Date(dateStr).getDay();
+    return w === 0 || w === 6;
+  };
+
+  /** 无其它节日命中时的周末顶栏（仅文案，与常驻同为 skipFireworks） */
+  const buildWeekendPrompt = (dateStr: string): FestivalConfig => {
+    const w = new Date(dateStr).getDay();
+    const isSat = w === 6;
+    return {
+      name: isSat ? "周六愉快" : "周日愉快",
+      date: dateStr,
+      image: "",
+      scrollText: isSat
+        ? "🌤️ 周末到啦，适当放松，记得分支与构建状态也要照顾好～"
+        : "🌅 周日休整好，新一周迭代加油。",
+      skipFireworks: true,
+      count: 3,
+    };
+  };
+
+  const pickFestivalWinner = (candidates: TaggedFestival[]): TaggedFestival | undefined => {
+    if (!candidates.length) return undefined;
+    const sorted = [...candidates];
+    sorted.sort((a, b) => {
+      const spanDiff = festivalRangeSpanDays(a) - festivalRangeSpanDays(b);
+      if (spanDiff !== 0) return spanDiff;
+      if (a._origin !== b._origin) return a._origin === "manual" ? -1 : 1;
+      return 0;
+    });
+    return sorted[0];
+  };
+
+  /**
+   * 内置公历 + 手动配置（当年）
+   */
+  const mergedFestivalEntries = computed<TaggedFestival[]>(() => {
+    const year = new Date().getFullYear();
+    const builtin = buildBuiltinSolarFestivals(year).map((f) => ({
+      ...f,
+      _origin: "builtin" as const,
+    }));
+    const manual = festivalConfigList.map((f) => ({
+      ...f,
+      _origin: "manual" as const,
+    }));
+    return [...builtin, ...manual];
+  });
+
+  /**
+   * 当前展示配置：节日（非常驻）> 周末提示 > 常驻 `isResidentBanner`
+   */
+  const currentFestivalData = computed((): FestivalConfig | undefined => {
+    const currentDate = useDateFormat(new Date(), "YYYY-MM-DD").value;
+    const matches = mergedFestivalEntries.value.filter((item) =>
+      isDateInRange(currentDate, item.date, item.endDate)
+    );
+
+    const nonResident = matches.filter((m) => !m.isResidentBanner);
+    const winnerTagged = pickFestivalWinner(nonResident);
+    if (winnerTagged) {
+      const row = { ...winnerTagged };
+      delete (row as Partial<TaggedFestival>)._origin;
+      return row as FestivalConfig;
+    }
+
+    if (isWeekendDate(currentDate)) {
+      return buildWeekendPrompt(currentDate);
+    }
+
+    const residents = matches.filter((m) => m.isResidentBanner);
+    const residentWinner = pickFestivalWinner(residents);
+    if (residentWinner) {
+      const row = { ...residentWinner };
+      delete (row as Partial<TaggedFestival>)._origin;
+      return row as FestivalConfig;
+    }
+
+    return undefined;
+  });
+
+  /**
+   * 标记「今日已完成烟花流程」，用于 store 按自然日防抖（与节日配置的 date 字段无关）
+   */
+  const updateFestivalDate = () => {
+    settingStore.setFestivalDate(formatToDate(new Date()));
+  };
+
+  /**
+   * 触发烟花效果
+   */
+  const triggerFirework = () => {
+    mittBus.emit("triggerFireworks", currentFestivalData.value?.image);
+  };
+
+  /**
+   * 完成烟花效果后显示文本
+   */
+  const showFestivalText = () => {
+    settingStore.setholidayFireworksLoaded(true);
+
+    useTimeoutFn(() => {
+      settingStore.setShowFestivalText(true);
+      updateFestivalDate();
+    }, FESTIVAL_CONFIG.TEXT_DELAY);
+  };
+
+  /**
+   * 启动烟花循环
+   */
+  const startFireworksLoop = () => {
+    const cur = currentFestivalData.value;
+    let playedCount = 0;
+    const count = cur?.count ?? FESTIVAL_CONFIG.DEFAULT_FIREWORKS_COUNT;
+    const intervalMs = cur?.fireworkInterval ?? FESTIVAL_CONFIG.FIREWORK_INTERVAL;
+
+    const { pause } = useIntervalFn(() => {
+      triggerFirework();
+      playedCount++;
+
+      if (playedCount >= count) {
+        pause();
+        showFestivalText();
+      }
+    }, intervalMs);
+
+    fireworksInterval = { pause };
+  };
+
+  /**
+   * 顶栏纯文案关闭（仅 skipFireworks）持久化 key
+   */
+  const festivalScrollDismissKey = (cur: FestivalConfig): string =>
+    `festival_scroll_dismissed_${cur.date}_${cur.endDate ?? ""}`;
+
+  /**
+   * 开启节日庆祝：skipFireworks 时直接显示滚动条；否则走烟花再出字
+   */
+  const openFestival = () => {
+    const cur = currentFestivalData.value;
+    if (!cur) return;
+
+    if (cur.skipFireworks) {
+      if (
+        typeof localStorage !== "undefined" &&
+        localStorage.getItem(festivalScrollDismissKey(cur)) === "1"
+      ) {
+        return;
+      }
+      settingStore.setShowFestivalText(true);
+      return;
+    }
+
+    if (!isShowFireworks.value) {
+      return;
+    }
+
+    const { start } = useTimeoutFn(startFireworksLoop, FESTIVAL_CONFIG.INITIAL_DELAY);
+    start();
+  };
+
+  /**
+   * 清理烟花效果
+   */
+  const cleanup = () => {
+    if (fireworksInterval) {
+      fireworksInterval.pause();
+      fireworksInterval = null;
+    }
+    settingStore.setShowFestivalText(false);
+  };
+
+  /** 关闭顶栏滚动：skipFireworks 时写入 localStorage，下次不再自动展开 */
+  const closeFestivalScroll = () => {
+    const cur = currentFestivalData.value;
+    settingStore.setShowFestivalText(false);
+    if (cur?.skipFireworks && typeof localStorage !== "undefined") {
+      localStorage.setItem(festivalScrollDismissKey(cur), "1");
+    }
+  };
+
+  return {
+    openFestival,
+    cleanup,
+    holidayFireworksLoaded,
+    currentFestivalData,
+    isShowFireworks,
+    festivalScrollDismissKey,
+    closeFestivalScroll,
+  };
+}
diff --git a/src/hooks/core/useChart.ts b/src/hooks/core/useChart.ts
new file mode 100644
index 0000000..f751837
--- /dev/null
+++ b/src/hooks/core/useChart.ts
@@ -0,0 +1,749 @@
+/**
+ * useChart - ECharts 图表管理
+ *
+ * 提供完整的 ECharts 图表生命周期管理和配置能力，简化图表开发流程。
+ * 自动处理图表初始化、更新、销毁、主题切换、响应式调整等复杂逻辑。
+ *
+ * ## 核心功能
+ *
+ * 1. 图表生命周期管理 - 自动处理初始化、更新、销毁，支持延迟加载和可见性检测
+ * 2. 主题自动适配 - 响应系统主题变化，自动更新图表样式和配色
+ * 3. 响应式调整 - 监听窗口大小、菜单展开等变化，自动调整图表尺寸
+ * 4. 空状态处理 - 优雅的空数据展示，自动显示"暂无数据"提示
+ * 5. 样式配置统一 - 提供坐标轴、图例、提示框等统一的样式配置方法
+ * 6. 性能优化 - 防抖处理、样式缓存、requestAnimationFrame 优化
+ * 7. 高级组件抽象 - useChartComponent 提供更高层次的图表组件封装
+ *
+ * ## 使用示例
+ *
+ * ```typescript
+ * // 基础用法
+ * const {
+ *   chartRef,
+ *   initChart,
+ *   updateChart,
+ *   getAxisLineStyle,
+ *   getTooltipStyle
+ * } = useChart()
+ *
+ * onMounted(() => {
+ *   initChart({
+ *     xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed'] },
+ *     yAxis: { type: 'value' },
+ *     series: [{ data: [120, 200, 150], type: 'bar' }]
+ *   })
+ * })
+ *
+ * // 高级用法 - 组件抽象
+ * const chart = useChartComponent({
+ *   props,
+ *   generateOptions: () => ({
+ *     // ECharts 配置
+ *   }),
+ *   checkEmpty: () => data.value.length === 0,
+ *   watchSources: [() => props.data]
+ * })
+ * ```
+ *
+ * @module useChart
+ * @author FastapiAdmin Team
+ */
+
+import { echarts, type EChartsOption } from "@/plugins/echarts";
+import { storeToRefs } from "pinia";
+import { useSettingsStore } from "@stores";
+import { getCssVar } from "@utils";
+import type { BaseChartProps, ChartThemeConfig, UseChartOptions } from "@/types/component/chart";
+
+// 图表主题配置
+export const useChartOps = (): ChartThemeConfig => ({
+  /** */
+  chartHeight: "16rem",
+  /** 字体大小 */
+  fontSize: 13,
+  /** 字体颜色 */
+  fontColor: "#999",
+  /** 主题颜色 */
+  themeColor: getCssVar("--el-color-primary-light-1"),
+  /** 颜色组 */
+  colors: [
+    getCssVar("--el-color-primary-light-1"),
+    "#4ABEFF",
+    "#EDF2FF",
+    "#14DEBA",
+    "#FFAF20",
+    "#FA8A6C",
+    "#FFAF20",
+  ],
+});
+
+// 常量定义
+const RESIZE_DELAYS = [50, 100, 200, 350] as const;
+const MENU_RESIZE_DELAYS = [50, 100, 200] as const;
+const RESIZE_DEBOUNCE_DELAY = 100;
+
+export function useChart(options: UseChartOptions = {}) {
+  const { initOptions, initDelay = 0, threshold = 0.1, autoTheme = true } = options;
+
+  const settingStore = useSettingsStore();
+  const { isDark, menuOpen, menuType } = storeToRefs(settingStore);
+
+  const chartRef = ref<HTMLElement>();
+  let chart: echarts.ECharts | null = null;
+  let intersectionObserver: IntersectionObserver | null = null;
+  let pendingOptions: EChartsOption | null = null;
+  let resizeTimeoutId: number | null = null;
+  let resizeFrameId: number | null = null;
+  let isDestroyed = false;
+  let emptyStateDiv: HTMLElement | null = null;
+
+  // 清理定时器的统一方法
+  const clearTimers = () => {
+    if (resizeTimeoutId) {
+      clearTimeout(resizeTimeoutId);
+      resizeTimeoutId = null;
+    }
+    if (resizeFrameId) {
+      cancelAnimationFrame(resizeFrameId);
+      resizeFrameId = null;
+    }
+  };
+
+  // 使用 requestAnimationFrame 优化 resize 处理
+  const requestAnimationResize = () => {
+    if (resizeFrameId) {
+      cancelAnimationFrame(resizeFrameId);
+    }
+    resizeFrameId = requestAnimationFrame(() => {
+      handleResize();
+      resizeFrameId = null;
+    });
+  };
+
+  // 防抖的resize处理（用于窗口resize事件）
+  const debouncedResize = () => {
+    if (resizeTimeoutId) {
+      clearTimeout(resizeTimeoutId);
+    }
+    resizeTimeoutId = window.setTimeout(() => {
+      requestAnimationResize();
+      resizeTimeoutId = null;
+    }, RESIZE_DEBOUNCE_DELAY);
+  };
+
+  // 多延迟resize处理 - 统一方法
+  const multiDelayResize = (delays: readonly number[]) => {
+    // 立即调用一次，快速响应
+    nextTick(requestAnimationResize);
+
+    // 使用延迟时间，确保图表正确适应变化
+    delays.forEach((delay) => {
+      setTimeout(requestAnimationResize, delay);
+    });
+  };
+
+  // 收缩菜单时，重新计算图表大小（仅在图表存在时监听）
+  let menuOpenStopHandle: (() => void) | null = null;
+  let menuTypeStopHandle: (() => void) | null = null;
+
+  const setupMenuWatchers = () => {
+    menuOpenStopHandle = watch(menuOpen, () => multiDelayResize(RESIZE_DELAYS));
+    menuTypeStopHandle = watch(menuType, () => {
+      nextTick(requestAnimationResize);
+      setTimeout(() => multiDelayResize(MENU_RESIZE_DELAYS), 0);
+    });
+  };
+
+  const cleanupMenuWatchers = () => {
+    menuOpenStopHandle?.();
+    menuTypeStopHandle?.();
+    menuOpenStopHandle = null;
+    menuTypeStopHandle = null;
+  };
+
+  // 主题变化时重新设置图表选项
+  let themeStopHandle: (() => void) | null = null;
+
+  const setupThemeWatcher = () => {
+    if (autoTheme) {
+      themeStopHandle = watch(isDark, () => {
+        // 更新空状态样式
+        emptyStateManager.updateStyle();
+
+        if (chart && !isDestroyed) {
+          // 使用 requestAnimationFrame 优化主题更新
+          requestAnimationFrame(() => {
+            if (chart && !isDestroyed) {
+              const currentOptions = chart.getOption();
+              if (currentOptions) {
+                updateChart(currentOptions as EChartsOption);
+              }
+            }
+          });
+        }
+      });
+    }
+  };
+
+  const cleanupThemeWatcher = () => {
+    themeStopHandle?.();
+    themeStopHandle = null;
+  };
+
+  // 样式生成器 - 统一的样式配置
+  const createLineStyle = (color: string, width = 1, type?: "solid" | "dashed") => ({
+    color,
+    width,
+    ...(type && { type }),
+  });
+
+  // 缓存样式配置以减少重复计算
+  const styleCache: {
+    axisLine: Record<string, any> | null;
+    splitLine: Record<string, any> | null;
+    axisLabel: Record<string, any> | null;
+    lastDarkValue: boolean;
+  } = {
+    axisLine: null,
+    splitLine: null,
+    axisLabel: null,
+    lastDarkValue: isDark.value,
+  };
+
+  const clearStyleCache = () => {
+    styleCache.axisLine = null;
+    styleCache.splitLine = null;
+    styleCache.axisLabel = null;
+    styleCache.lastDarkValue = isDark.value;
+  };
+
+  // 坐标轴线样式
+  const getAxisLineStyle = (show: boolean = true) => {
+    if (styleCache.lastDarkValue !== isDark.value) {
+      clearStyleCache();
+    }
+    if (!styleCache.axisLine) {
+      styleCache.axisLine = {
+        show,
+        lineStyle: createLineStyle(isDark.value ? "#444" : "#EDEDED"),
+      };
+    }
+    return styleCache.axisLine;
+  };
+
+  // 分割线样式
+  const getSplitLineStyle = (show: boolean = true) => {
+    if (styleCache.lastDarkValue !== isDark.value) {
+      clearStyleCache();
+    }
+    if (!styleCache.splitLine) {
+      styleCache.splitLine = {
+        show,
+        lineStyle: createLineStyle(isDark.value ? "#444" : "#EDEDED", 1, "dashed"),
+      };
+    }
+    return styleCache.splitLine;
+  };
+
+  // 坐标轴标签样式
+  const getAxisLabelStyle = (show: boolean = true) => {
+    if (styleCache.lastDarkValue !== isDark.value) {
+      clearStyleCache();
+    }
+    if (!styleCache.axisLabel) {
+      const { fontColor, fontSize } = useChartOps();
+      styleCache.axisLabel = {
+        show,
+        color: fontColor,
+        fontSize,
+      };
+    }
+    return styleCache.axisLabel;
+  };
+
+  // 坐标轴刻度样式（静态配置，无需缓存）
+  const getAxisTickStyle = () => ({
+    show: false,
+  });
+
+  // 获取动画配置
+  const getAnimationConfig = (animationDelay: number = 50, animationDuration: number = 1500) => ({
+    animationDelay: (idx: number) => idx * animationDelay + 200,
+    animationDuration: (idx: number) => animationDuration - idx * 50,
+    animationEasing: "quarticOut" as const,
+  });
+
+  // 获取统一的 tooltip 配置
+  const getTooltipStyle = (trigger: "item" | "axis" = "axis", customOptions: any = {}) => ({
+    trigger,
+    backgroundColor: isDark.value ? "rgba(0, 0, 0, 0.8)" : "rgba(255, 255, 255, 0.9)",
+    borderColor: isDark.value ? "#333" : "#ddd",
+    borderWidth: 1,
+    textStyle: {
+      color: isDark.value ? "#fff" : "#333",
+    },
+    ...customOptions,
+  });
+
+  // 获取统一的图例配置
+  const getLegendStyle = (
+    position: "bottom" | "top" | "left" | "right" = "bottom",
+    customOptions: any = {}
+  ) => {
+    const baseConfig = {
+      textStyle: {
+        color: isDark.value ? "#fff" : "#333",
+      },
+      itemWidth: 12,
+      itemHeight: 12,
+      itemGap: 20,
+      ...customOptions,
+    };
+
+    // 根据位置设置不同的配置
+    switch (position) {
+      case "bottom":
+        return {
+          ...baseConfig,
+          bottom: 0,
+          left: "center",
+          orient: "horizontal",
+          icon: "roundRect",
+        };
+      case "top":
+        return {
+          ...baseConfig,
+          top: 0,
+          left: "center",
+          orient: "horizontal",
+          icon: "roundRect",
+        };
+      case "left":
+        return {
+          ...baseConfig,
+          left: 0,
+          top: "center",
+          orient: "vertical",
+          icon: "roundRect",
+        };
+      case "right":
+        return {
+          ...baseConfig,
+          right: 0,
+          top: "center",
+          orient: "vertical",
+          icon: "roundRect",
+        };
+      default:
+        return baseConfig;
+    }
+  };
+
+  // 根据图例位置计算 grid 配置
+  const getGridWithLegend = (
+    showLegend: boolean,
+    legendPosition: "bottom" | "top" | "left" | "right" = "bottom",
+    baseGrid: any = {}
+  ) => {
+    const defaultGrid = {
+      top: 15,
+      right: 15,
+      bottom: 8,
+      left: 0,
+      ...baseGrid,
+    };
+
+    if (!showLegend) {
+      return defaultGrid;
+    }
+
+    // 根据图例位置调整 grid
+    switch (legendPosition) {
+      case "bottom":
+        return {
+          ...defaultGrid,
+          bottom: 40,
+        };
+      case "top":
+        return {
+          ...defaultGrid,
+          top: 40,
+        };
+      case "left":
+        return {
+          ...defaultGrid,
+          left: 120,
+        };
+      case "right":
+        return {
+          ...defaultGrid,
+          right: 120,
+        };
+      default:
+        return defaultGrid;
+    }
+  };
+
+  // 创建IntersectionObserver
+  const createIntersectionObserver = () => {
+    if (intersectionObserver || !chartRef.value) return;
+
+    intersectionObserver = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting && pendingOptions && !isDestroyed) {
+            // 使用 requestAnimationFrame 确保在下一帧初始化图表
+            requestAnimationFrame(() => {
+              if (!isDestroyed && pendingOptions) {
+                try {
+                  // 元素变为可见，初始化图表
+                  if (!chart) {
+                    chart = echarts.init(entry.target as HTMLElement);
+                  }
+
+                  // 触发自定义事件，让组件处理动画逻辑
+                  const event = new CustomEvent("chartVisible", {
+                    detail: { options: pendingOptions },
+                  });
+                  entry.target.dispatchEvent(event);
+
+                  pendingOptions = null;
+                  cleanupIntersectionObserver();
+                } catch (error) {
+                  console.error("图表初始化失败:", error);
+                }
+              }
+            });
+          }
+        });
+      },
+      { threshold }
+    );
+
+    intersectionObserver.observe(chartRef.value);
+  };
+
+  // 清理IntersectionObserver
+  const cleanupIntersectionObserver = () => {
+    if (intersectionObserver) {
+      intersectionObserver.disconnect();
+      intersectionObserver = null;
+    }
+  };
+
+  // 检查容器是否可见
+  const isContainerVisible = (element: HTMLElement): boolean => {
+    const rect = element.getBoundingClientRect();
+    return rect.width > 0 && rect.height > 0 && rect.top < window.innerHeight && rect.bottom > 0;
+  };
+
+  // 图表初始化核心逻辑
+  const performChartInit = (options: EChartsOption) => {
+    if (!chart && chartRef.value && !isDestroyed) {
+      chart = echarts.init(chartRef.value);
+      // 图表创建后立即设置监听器
+      setupMenuWatchers();
+      setupThemeWatcher();
+    }
+    if (chart && !isDestroyed) {
+      chart.setOption(options);
+      pendingOptions = null;
+    }
+  };
+
+  // 空状态管理器
+  const emptyStateManager = {
+    create: () => {
+      if (!chartRef.value || emptyStateDiv) return;
+
+      emptyStateDiv = document.createElement("div");
+      emptyStateDiv.style.cssText = `
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        font-size: 12px;
+        color: ${isDark.value ? "#555555" : "#B3B2B2"};
+        background: transparent;
+        z-index: 10;
+      `;
+      emptyStateDiv.innerHTML = `<span>暂无数据</span>`;
+
+      // 确保父容器有相对定位
+      if (
+        chartRef.value.style.position !== "relative" &&
+        chartRef.value.style.position !== "absolute"
+      ) {
+        chartRef.value.style.position = "relative";
+      }
+
+      chartRef.value.appendChild(emptyStateDiv);
+    },
+
+    remove: () => {
+      if (emptyStateDiv && chartRef.value) {
+        chartRef.value.removeChild(emptyStateDiv);
+        emptyStateDiv = null;
+      }
+    },
+
+    updateStyle: () => {
+      if (emptyStateDiv) {
+        emptyStateDiv.style.color = isDark.value ? "#666" : "#999";
+      }
+    },
+  };
+
+  // 初始化图表
+  const initChart = (options: EChartsOption = {}, isEmpty: boolean = false) => {
+    if (!chartRef.value || isDestroyed) return;
+
+    const mergedOptions = { ...initOptions, ...options };
+
+    try {
+      if (isEmpty) {
+        // 处理空数据情况 - 显示自定义空状态div
+        if (chart) {
+          chart.clear();
+        }
+        emptyStateManager.create();
+        return;
+      } else {
+        // 有数据时移除空状态div
+        emptyStateManager.remove();
+      }
+
+      if (isContainerVisible(chartRef.value)) {
+        // 容器可见，正常初始化
+        if (initDelay > 0) {
+          setTimeout(() => performChartInit(mergedOptions), initDelay);
+        } else {
+          performChartInit(mergedOptions);
+        }
+      } else {
+        // 容器不可见，保存选项并设置监听器
+        pendingOptions = mergedOptions;
+        createIntersectionObserver();
+      }
+    } catch (error) {
+      console.error("图表初始化失败:", error);
+    }
+  };
+
+  // 更新图表
+  const updateChart = (options: EChartsOption) => {
+    if (isDestroyed) return;
+
+    try {
+      if (!chart) {
+        // 如果图表不存在，先初始化
+        initChart(options);
+        return;
+      }
+      chart.setOption(options);
+    } catch (error) {
+      console.error("图表更新失败:", error);
+    }
+  };
+
+  // 处理窗口大小变化
+  const handleResize = () => {
+    if (chart && !isDestroyed) {
+      try {
+        chart.resize();
+      } catch (error) {
+        console.error("图表resize失败:", error);
+      }
+    }
+  };
+
+  // 销毁图表
+  const destroyChart = () => {
+    isDestroyed = true;
+
+    if (chart) {
+      try {
+        chart.dispose();
+      } catch (error) {
+        console.error("图表销毁失败:", error);
+      } finally {
+        chart = null;
+      }
+    }
+
+    // 清理所有监听器和资源
+    cleanupMenuWatchers();
+    cleanupThemeWatcher();
+    emptyStateManager.remove();
+    cleanupIntersectionObserver();
+    clearTimers();
+    clearStyleCache();
+    pendingOptions = null;
+  };
+
+  // 获取图表实例
+  const getChartInstance = () => chart;
+
+  // 获取图表是否已初始化
+  const isChartInitialized = () => chart !== null;
+
+  onMounted(() => {
+    window.addEventListener("resize", debouncedResize);
+  });
+
+  onBeforeUnmount(() => {
+    window.removeEventListener("resize", debouncedResize);
+  });
+
+  onUnmounted(() => {
+    destroyChart();
+  });
+
+  return {
+    isDark,
+    chartRef,
+    initChart,
+    updateChart,
+    handleResize,
+    destroyChart,
+    getChartInstance,
+    isChartInitialized,
+    emptyStateManager,
+    getAxisLineStyle,
+    getSplitLineStyle,
+    getAxisLabelStyle,
+    getAxisTickStyle,
+    getAnimationConfig,
+    getTooltipStyle,
+    getLegendStyle,
+    useChartOps,
+    getGridWithLegend,
+  };
+}
+
+// 高级图表组件抽象
+interface UseChartComponentOptions<T extends BaseChartProps> {
+  /** Props响应式对象 */
+  props: T;
+  /** 图表配置生成函数 */
+  generateOptions: () => EChartsOption;
+  /** 空数据检查函数 */
+  checkEmpty?: () => boolean;
+  /** 自定义监听的响应式数据 */
+  watchSources?: (() => any)[];
+  /** 自定义可视事件处理 */
+  onVisible?: () => void;
+  /** useChart选项 */
+  chartOptions?: UseChartOptions;
+}
+
+export function useChartComponent<T extends BaseChartProps>(options: UseChartComponentOptions<T>) {
+  const {
+    props,
+    generateOptions,
+    checkEmpty,
+    watchSources = [],
+    onVisible,
+    chartOptions = {},
+  } = options;
+
+  const chart = useChart(chartOptions);
+  const { chartRef, initChart, isDark, emptyStateManager } = chart;
+
+  // 检查是否为空数据
+  const isEmpty = computed(() => {
+    if (props.isEmpty) return true;
+    if (checkEmpty) return checkEmpty();
+    return false;
+  });
+
+  // 更新图表
+  const updateChart = () => {
+    nextTick(() => {
+      if (isEmpty.value) {
+        // 处理空数据情况 - 显示自定义空状态div
+        if (chart.getChartInstance()) {
+          chart.getChartInstance()?.clear();
+        }
+        emptyStateManager.create();
+      } else {
+        // 有数据时移除空状态div并初始化图表
+        emptyStateManager.remove();
+        initChart(generateOptions());
+      }
+    });
+  };
+
+  // 处理图表进入可视区域时的逻辑
+  const handleChartVisible = () => {
+    if (onVisible) {
+      onVisible();
+    } else {
+      updateChart();
+    }
+  };
+
+  // 存储监听器停止函数
+  const stopHandles: (() => void)[] = [];
+
+  // 设置数据监听
+  const setupWatchers = () => {
+    // 监听自定义数据源
+    if (watchSources.length > 0) {
+      const stopHandle = watch(watchSources, updateChart, { deep: true });
+      stopHandles.push(stopHandle);
+    }
+
+    // 监听主题变化
+    const themeStopHandle = watch(isDark, () => {
+      emptyStateManager.updateStyle();
+      updateChart();
+    });
+    stopHandles.push(themeStopHandle);
+  };
+
+  // 清理所有监听器
+  const cleanupWatchers = () => {
+    stopHandles.forEach((stop) => stop());
+    stopHandles.length = 0;
+  };
+
+  // 设置生命周期
+  const setupLifecycle = () => {
+    onMounted(() => {
+      updateChart();
+
+      // 监听图表可见事件
+      if (chartRef.value) {
+        chartRef.value.addEventListener("chartVisible", handleChartVisible);
+      }
+    });
+
+    onBeforeUnmount(() => {
+      // 清理事件监听器
+      if (chartRef.value) {
+        chartRef.value.removeEventListener("chartVisible", handleChartVisible);
+      }
+      // 清理所有监听器
+      cleanupWatchers();
+      // 清理空状态div
+      emptyStateManager.remove();
+    });
+  };
+
+  // 初始化
+  setupWatchers();
+  setupLifecycle();
+
+  return {
+    ...chart,
+    isEmpty,
+    updateChart,
+    handleChartVisible,
+  };
+}
diff --git a/src/hooks/core/useCommon.ts b/src/hooks/core/useCommon.ts
new file mode 100644
index 0000000..b36fbe4
--- /dev/null
+++ b/src/hooks/core/useCommon.ts
@@ -0,0 +1,57 @@
+/**
+ * 通用页面能力：首页路径、触发整页刷新（settings）、主滚动容器滚动。
+ */
+
+import { computed } from "vue";
+import { useMenuStore, useSettingsStore } from "@stores";
+
+export function useCommon() {
+  const menuStore = useMenuStore();
+  const settingStore = useSettingsStore();
+
+  const homePath = computed(() => menuStore.getHomePath());
+
+  /** 触发 `FaPageContent` 级重建（与布局 settings 联动） */
+  const refresh = () => {
+    settingStore.reload();
+  };
+
+  /** 主内容区滚动容器（顶栏、标签页固定，仅此处纵向滚动） */
+  const getMainScrollEl = (): HTMLElement | null =>
+    document.getElementById("app-scroll-main") ?? document.getElementById("app-main");
+
+  const scrollToTop = () => {
+    const scrollContainer = getMainScrollEl();
+    if (scrollContainer) {
+      scrollContainer.scrollTop = 0;
+    }
+  };
+
+  const smoothScrollToTop = () => {
+    const scrollContainer = getMainScrollEl();
+    if (scrollContainer) {
+      scrollContainer.scrollTo({
+        top: 0,
+        behavior: "smooth",
+      });
+    }
+  };
+
+  const scrollTo = (top: number, smooth: boolean = false) => {
+    const scrollContainer = getMainScrollEl();
+    if (scrollContainer) {
+      scrollContainer.scrollTo({
+        top,
+        behavior: smooth ? "smooth" : "auto",
+      });
+    }
+  };
+
+  return {
+    homePath,
+    refresh,
+    scrollTo,
+    scrollToTop,
+    smoothScrollToTop,
+  };
+}
diff --git a/src/hooks/core/useConfirm.ts b/src/hooks/core/useConfirm.ts
new file mode 100644
index 0000000..0c8c293
--- /dev/null
+++ b/src/hooks/core/useConfirm.ts
@@ -0,0 +1,41 @@
+/**
+ * 确认弹窗 —— 封装 ElMessageBox.confirm 常用配置
+ */
+
+import { ElMessageBox } from "element-plus";
+
+/** 删除确认 */
+export async function confirmDelete(message = "确认删除该项数据?"): Promise<void> {
+  await ElMessageBox.confirm(message, "警告", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  });
+}
+
+/** 批量删除确认 */
+export async function confirmBatchDelete(count: number): Promise<void> {
+  await ElMessageBox.confirm(`确定删除选中的 ${count} 条数据吗？`, "批量删除", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  });
+}
+
+/** 状态切换确认 */
+export async function confirmToggleStatus(status: number): Promise<void> {
+  await ElMessageBox.confirm(`确认${status === 0 ? "启用" : "停用"}该项数据?`, "警告", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  });
+}
+
+/** 通用确认 */
+export async function confirmAction(message: string, title = "警告"): Promise<void> {
+  await ElMessageBox.confirm(message, title, {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  });
+}
diff --git a/src/hooks/core/useCrudDialog.ts b/src/hooks/core/useCrudDialog.ts
new file mode 100644
index 0000000..6c8a38e
--- /dev/null
+++ b/src/hooks/core/useCrudDialog.ts
@@ -0,0 +1,49 @@
+export type DialogType = "create" | "update" | "detail";
+
+export interface CrudDialogState {
+  title: string;
+  visible: boolean;
+  type: DialogType;
+}
+
+/**
+ * CRUD 对话框状态管理
+ *
+ * @example
+ * ```ts
+ * const { dialogVisible, openDialog, closeDialog } = useCrudDialog();
+ * openDialog("create");           // 新增
+ * openDialog("update", "修改XX"); // 编辑
+ * openDialog("detail", "XX详情"); // 详情
+ * closeDialog();                  // 关闭
+ * ```
+ */
+export function useCrudDialog() {
+  const dialogVisible = reactive<CrudDialogState>({
+    title: "",
+    visible: false,
+    type: "create",
+  });
+
+  function openDialog(type: DialogType, title?: string) {
+    dialogVisible.type = type;
+    if (type === "create") {
+      dialogVisible.title = title ?? "新增";
+    } else if (type === "update") {
+      dialogVisible.title = title ?? "修改";
+    } else {
+      dialogVisible.title = title ?? "详情";
+    }
+    dialogVisible.visible = true;
+  }
+
+  function closeDialog() {
+    dialogVisible.visible = false;
+  }
+
+  return {
+    dialogVisible,
+    openDialog,
+    closeDialog,
+  };
+}
diff --git a/src/hooks/core/useCrudForm.ts b/src/hooks/core/useCrudForm.ts
new file mode 100644
index 0000000..54a7b85
--- /dev/null
+++ b/src/hooks/core/useCrudForm.ts
@@ -0,0 +1,160 @@
+import type { Ref } from "vue";
+import type { CrudDialogState, DialogType } from "./useCrudDialog";
+
+/**
+ * CRUD 表单管理
+ *
+ * 将对话框 + 表单 + 提交逻辑统一管理，减少每个 CRUD 页面 ~60 行重复代码
+ *
+ * @example
+ * ```ts
+ * const crud = useCrudForm<DeptForm>({
+ *   formData: ref({ id: undefined, name: "", status: 0 }),
+ *   initialFormData: { id: undefined, name: "", status: 0 },
+ *   dialogVisible,        // 来自 useCrudDialog()
+ *   dataFormRef,          // FaForm 的 ref
+ *   formRenderKey,        // 用于 :key 重新渲染
+ *   detailApi: DeptAPI.detailDept,
+ *   createApi: DeptAPI.createDept,
+ *   updateApi: DeptAPI.updateDept,
+ *   onCreateSuccess: async () => { await refreshCreate(); },
+ *   onUpdateSuccess: async () => { await refreshUpdate(); },
+ * });
+ *
+ * // 模板中
+ * crud.handleOpenDialog("create");
+ * crud.handleOpenDialog("update", row.id);
+ * crud.handleSubmit();
+ * crud.handleCloseDialog();
+ * ```
+ */
+export function useCrudForm<T extends object>(options: {
+  /** 响应式表单数据 */
+  formData: Ref<T>;
+  /** 初始表单值（用于重置） */
+  initialFormData: T;
+  /** 对话框状态（来自 useCrudDialog） */
+  dialogVisible: CrudDialogState;
+  /** FaForm 实例 ref */
+  dataFormRef: Ref<InstanceType<
+    (typeof import("./../../components/forms/fa-form/index.vue"))["default"]
+  > | null>;
+  /** 表单渲染 key（用于 :key 重新渲染） */
+  formRenderKey: Ref<number>;
+  /** 详情 API（传入 id，返回 response） */
+  detailApi?: (id: number) => Promise<{ data: { data?: T } }>;
+  /** 新增 API */
+  createApi?: (form: T) => Promise<unknown>;
+  /** 修改 API（接收 id + form） */
+  updateApi?: (id: number, form: T) => Promise<unknown>;
+  /** 各类型打开时的标题映射 */
+  titles?: Partial<Record<DialogType, string>>;
+  /** 详情数据（用于 FaDescriptions 展示） */
+  detailFormData?: Ref<Partial<T>>;
+  /** 新增成功回调 */
+  onCreateSuccess?: () => Promise<void> | void;
+  /** 修改成功回调 */
+  onUpdateSuccess?: () => Promise<void> | void;
+  /** 提交成功后额外操作（如刷新字典、配置等） */
+  onSubmitSuccess?: (formData: T) => Promise<void> | void;
+}) {
+  const {
+    formData,
+    initialFormData,
+    dialogVisible,
+    dataFormRef,
+    formRenderKey,
+    detailApi,
+    createApi,
+    updateApi,
+    titles,
+    detailFormData,
+    onCreateSuccess,
+    onUpdateSuccess,
+    onSubmitSuccess,
+  } = options;
+
+  const submitLoading = ref(false);
+
+  /** 重置表单 */
+  async function resetForm() {
+    dataFormRef.value?.resetFields();
+    dataFormRef.value?.clearValidate();
+    Object.assign(formData.value, initialFormData);
+  }
+
+  /** 关闭对话框并重置表单 */
+  async function handleCloseDialog() {
+    dialogVisible.visible = false;
+    await resetForm();
+  }
+
+  /** 打开对话框 */
+  async function handleOpenDialog(type: DialogType, id?: number, extra?: Record<string, unknown>) {
+    dialogVisible.type = type;
+    const titleMap = titles ?? {};
+    const defaultTitles: Record<DialogType, string> = {
+      create: "新增",
+      update: "修改",
+      detail: "详情",
+    };
+
+    if (id && detailApi) {
+      const response = await detailApi(id);
+      const data = response.data.data;
+      if (type === "detail") {
+        dialogVisible.title = titleMap.detail ?? defaultTitles.detail;
+        if (detailFormData) {
+          Object.assign(detailFormData.value, data ?? {});
+        }
+      } else if (type === "update") {
+        dialogVisible.title = titleMap.update ?? defaultTitles.update;
+        Object.assign(formData.value, data);
+      }
+    } else {
+      dialogVisible.title = titleMap.create ?? defaultTitles.create;
+      Object.assign(formData.value, initialFormData);
+      (formData.value as Record<string, unknown>).id = undefined;
+      if (extra) {
+        Object.assign(formData.value, extra);
+      }
+    }
+    formRenderKey.value += 1;
+    dialogVisible.visible = true;
+  }
+
+  /** 提交表单 */
+  async function handleSubmit() {
+    const form = dataFormRef.value;
+    if (!form) return;
+    const valid = await (form.validate as () => Promise<boolean>)().catch(() => false);
+    if (!valid) return;
+
+    submitLoading.value = true;
+    const id = (formData.value as Record<string, unknown>).id as number | undefined;
+    try {
+      if (id && updateApi) {
+        await updateApi(id, { id, ...formData.value });
+        await onUpdateSuccess?.();
+      } else if (createApi) {
+        await createApi(formData.value);
+        await onCreateSuccess?.();
+      }
+      dialogVisible.visible = false;
+      await resetForm();
+      await onSubmitSuccess?.(formData.value);
+    } catch (error: unknown) {
+      console.error(error);
+    } finally {
+      submitLoading.value = false;
+    }
+  }
+
+  return {
+    submitLoading,
+    resetForm,
+    handleCloseDialog,
+    handleOpenDialog,
+    handleSubmit,
+  };
+}
diff --git a/src/hooks/core/useFastEnter.ts b/src/hooks/core/useFastEnter.ts
new file mode 100644
index 0000000..c22438f
--- /dev/null
+++ b/src/hooks/core/useFastEnter.ts
@@ -0,0 +1,55 @@
+/**
+ * useFastEnter - 快速入口管理
+ *
+ * 管理顶部栏的快速入口功能，提供应用列表和快速链接的配置和过滤。
+ * 支持动态启用/禁用、自定义排序、响应式宽度控制等功能。
+ *
+ * ## 主要功能
+ *
+ * 1. 应用列表管理 - 获取启用的应用列表，自动按排序权重排序
+ * 2. 快速链接管理 - 获取启用的快速链接，支持自定义排序
+ * 3. 响应式配置 - 所有配置自动响应变化，无需手动更新
+ * 4. 宽度控制 - 提供最小显示宽度配置，支持响应式布局
+ *
+ * @module useFastEnter
+ * @author FastapiAdmin Team
+ */
+
+import { computed } from "vue";
+import appConfig from "@/config";
+import type { FastEnterApplication, FastEnterQuickLink } from "@/types/config";
+
+export function useFastEnter() {
+  // 获取快速入口配置
+  const fastEnterConfig = computed(() => appConfig.fastEnter);
+
+  // 获取启用的应用列表（按排序权重排序）
+  const enabledApplications = computed<FastEnterApplication[]>(() => {
+    if (!fastEnterConfig.value?.applications) return [];
+
+    return fastEnterConfig.value.applications
+      .filter((app) => app.enabled !== false)
+      .sort((a, b) => (a.order || 0) - (b.order || 0));
+  });
+
+  // 获取启用的快速链接（按排序权重排序）
+  const enabledQuickLinks = computed<FastEnterQuickLink[]>(() => {
+    if (!fastEnterConfig.value?.quickLinks) return [];
+
+    return fastEnterConfig.value.quickLinks
+      .filter((link) => link.enabled !== false)
+      .sort((a, b) => (a.order || 0) - (b.order || 0));
+  });
+
+  // 获取最小显示宽度
+  const minWidth = computed(() => {
+    return fastEnterConfig.value?.minWidth || 1200;
+  });
+
+  return {
+    fastEnterConfig,
+    enabledApplications,
+    enabledQuickLinks,
+    minWidth,
+  };
+}
diff --git a/src/hooks/core/useHeaderBar.ts b/src/hooks/core/useHeaderBar.ts
new file mode 100644
index 0000000..99f31a7
--- /dev/null
+++ b/src/hooks/core/useHeaderBar.ts
@@ -0,0 +1,214 @@
+/**
+ * useHeaderBar - 顶部栏功能管理
+ *
+ * 统一管理顶部栏各个功能模块的显示状态和配置信息。
+ * 提供灵活的功能开关控制，支持动态显示/隐藏顶部栏的各个功能按钮。
+ *
+ * ## 主要功能
+ *
+ * 1. 功能开关控制 - 统一管理菜单按钮、刷新按钮、快速入口等功能的显示状态
+ * 2. 配置信息获取 - 获取各个功能模块的详细配置信息
+ * 3. 功能列表查询 - 快速获取所有启用或禁用的功能列表
+ * 4. 响应式状态 - 所有状态自动响应配置和 store 变化
+ *
+ * @module useHeaderBar
+ * @author FastapiAdmin Team
+ */
+
+import { computed } from "vue";
+import { storeToRefs } from "pinia";
+import { useSettingsStore } from "@stores";
+import { headerBarConfig } from "@/config/modules/headerBar";
+import { HeaderBarFeatureConfig } from "@/types";
+
+/**
+ * 顶部栏功能管理
+ * @returns 顶部栏功能相关的状态和方法
+ */
+export function useHeaderBar() {
+  const settingStore = useSettingsStore();
+
+  // 获取顶部栏配置
+  const headerBarConfigRef = computed<HeaderBarFeatureConfig>(() => headerBarConfig);
+
+  // 从 store 获取相关状态（含旧版持久化开关：菜单搜索、全屏、字号、通知等）
+  const {
+    showMenuButton,
+    showFastEnter,
+    showRefreshButton,
+    showCrumbs,
+    showLanguage,
+    showMenuSearch,
+    showFullscreen,
+    showSizeSelect,
+    showNotification,
+  } = storeToRefs(settingStore);
+
+  /**
+   * 检查特定功能是否启用
+   * @param feature 功能名称
+   * @returns 是否启用
+   */
+  const isFeatureEnabled = (feature: keyof HeaderBarFeatureConfig): boolean => {
+    return headerBarConfigRef.value[feature]?.enabled ?? false;
+  };
+
+  /**
+   * 获取功能配置信息
+   * @param feature 功能名称
+   * @returns 功能配置信息
+   */
+  const getFeatureConfig = (feature: keyof HeaderBarFeatureConfig) => {
+    return headerBarConfigRef.value[feature];
+  };
+
+  // 检查菜单按钮是否显示
+  const shouldShowMenuButton = computed(() => {
+    return isFeatureEnabled("menuButton") && showMenuButton.value;
+  });
+
+  // 检查刷新按钮是否显示
+  const shouldShowRefreshButton = computed(() => {
+    return isFeatureEnabled("refreshButton") && showRefreshButton.value;
+  });
+
+  // 检查快速入口是否显示
+  const shouldShowFastEnter = computed(() => {
+    return isFeatureEnabled("fastEnter") && showFastEnter.value;
+  });
+
+  // 检查面包屑是否显示
+  const shouldShowBreadcrumb = computed(() => {
+    return isFeatureEnabled("breadcrumb") && showCrumbs.value;
+  });
+
+  // 全局搜索：新版 ArtGlobalSearch 体验更好，显示条件 = 配置开启 ∧ 旧版「菜单搜索」开关
+  const shouldShowGlobalSearch = computed(() => {
+    return isFeatureEnabled("globalSearch") && showMenuSearch.value;
+  });
+
+  const shouldShowFullscreen = computed(() => {
+    return isFeatureEnabled("fullscreen") && showFullscreen.value;
+  });
+
+  const shouldShowNotification = computed(() => {
+    return isFeatureEnabled("notification") && showNotification.value;
+  });
+
+  // 检查聊天功能是否显示
+  const shouldShowChat = computed(() => {
+    return isFeatureEnabled("chat");
+  });
+
+  /** 语言：以新版设置里的 showLanguage 为准（优于旧版单独的 showLangSelect 双开关，避免两处含义重叠） */
+  const shouldShowLanguage = computed(() => {
+    return isFeatureEnabled("language") && showLanguage.value;
+  });
+
+  /** 布局组件尺寸（旧版顶栏独立入口） */
+  const shouldShowSizeSelect = computed(() => {
+    return isFeatureEnabled("sizeSelect") && showSizeSelect.value;
+  });
+
+  // 检查设置面板是否显示
+  const shouldShowSettings = computed(() => {
+    return isFeatureEnabled("settings");
+  });
+
+  // 检查主题切换是否显示
+  const shouldShowThemeToggle = computed(() => {
+    return isFeatureEnabled("themeToggle");
+  });
+
+  // 获取快速入口的最小宽度
+  const fastEnterMinWidth = computed(() => {
+    const config = getFeatureConfig("fastEnter");
+    return (config as Record<string, any>)?.minWidth || 1200;
+  });
+
+  /**
+   * 检查功能是否启用（别名）
+   * @param feature 功能名称
+   * @returns 是否启用
+   */
+  const isFeatureActive = (feature: keyof HeaderBarFeatureConfig): boolean => {
+    return isFeatureEnabled(feature);
+  };
+
+  /**
+   * 获取功能配置（别名）
+   * @param feature 功能名称
+   * @returns 功能配置
+   */
+  const getFeatureInfo = (feature: keyof HeaderBarFeatureConfig) => {
+    return getFeatureConfig(feature);
+  };
+
+  /**
+   * 获取所有启用的功能列表
+   * @returns 启用的功能名称数组
+   */
+  const getEnabledFeatures = (): (keyof HeaderBarFeatureConfig)[] => {
+    return Object.keys(headerBarConfigRef.value).filter(
+      (key) => headerBarConfigRef.value[key as keyof HeaderBarFeatureConfig]?.enabled
+    ) as (keyof HeaderBarFeatureConfig)[];
+  };
+
+  /**
+   * 获取所有禁用的功能列表
+   * @returns 禁用的功能名称数组
+   */
+  const getDisabledFeatures = (): (keyof HeaderBarFeatureConfig)[] => {
+    return Object.keys(headerBarConfigRef.value).filter(
+      (key) => !headerBarConfigRef.value[key as keyof HeaderBarFeatureConfig]?.enabled
+    ) as (keyof HeaderBarFeatureConfig)[];
+  };
+
+  /**
+   * 获取所有启用的功能（别名）
+   * @returns 启用的功能列表
+   */
+  const getActiveFeatures = () => {
+    return getEnabledFeatures();
+  };
+
+  /**
+   * 获取所有禁用的功能（别名）
+   * @returns 禁用的功能列表
+   */
+  const getInactiveFeatures = () => {
+    return getDisabledFeatures();
+  };
+
+  return {
+    // 配置
+    headerBarConfig: headerBarConfigRef,
+
+    // 显示状态计算属性
+    shouldShowMenuButton, // 是否显示菜单按钮
+    shouldShowRefreshButton, // 是否显示刷新按钮
+    shouldShowFastEnter, // 是否显示快速入口
+    shouldShowBreadcrumb, // 是否显示面包屑
+    shouldShowGlobalSearch, // 是否显示全局搜索
+    shouldShowFullscreen, // 是否显示全屏按钮
+    shouldShowNotification, // 是否显示通知中心
+    shouldShowChat, // 是否显示聊天功能
+    shouldShowLanguage, // 是否显示语言切换
+    shouldShowSizeSelect, // 是否显示组件尺寸切换
+    shouldShowSettings, // 是否显示设置面板
+    shouldShowThemeToggle, // 是否显示主题切换
+
+    // 配置相关
+    fastEnterMinWidth, // 快速入口最小宽度
+
+    // 方法
+    isFeatureEnabled, // 检查功能是否启用
+    isFeatureActive, // 检查功能是否启用（别名）
+    getFeatureConfig, // 获取功能配置
+    getFeatureInfo, // 获取功能配置（别名）
+    getEnabledFeatures, // 获取所有启用的功能
+    getDisabledFeatures, // 获取所有禁用的功能
+    getActiveFeatures, // 获取所有启用的功能（别名）
+    getInactiveFeatures, // 获取所有禁用的功能（别名）
+  };
+}
diff --git a/src/hooks/core/useImportExport.ts b/src/hooks/core/useImportExport.ts
new file mode 100644
index 0000000..8dce995
--- /dev/null
+++ b/src/hooks/core/useImportExport.ts
@@ -0,0 +1,21 @@
+import { ref } from "vue";
+
+/**
+ * 导入/导出弹窗状态管理
+ * 减少各页面重复的 importModalVisible / exportModalVisible 及 open 函数
+ */
+export function useImportExport() {
+  const importVisible = ref(false);
+  const exportVisible = ref(false);
+
+  return {
+    importVisible,
+    exportVisible,
+    openImport: () => {
+      importVisible.value = true;
+    },
+    openExport: () => {
+      exportVisible.value = true;
+    },
+  };
+}
diff --git a/src/hooks/core/useLayoutHeight.ts b/src/hooks/core/useLayoutHeight.ts
new file mode 100644
index 0000000..960e17a
--- /dev/null
+++ b/src/hooks/core/useLayoutHeight.ts
@@ -0,0 +1,146 @@
+/**
+ * useLayoutHeight - 页面布局高度管理
+ *
+ * 自动计算和管理页面内容区域的高度，确保内容区域能够正确填充剩余空间。
+ * 监听头部元素高度变化，动态调整内容区域高度，避免出现滚动条或布局错乱。
+ *
+ * ## 主要功能
+ *
+ * 1. 动态高度计算 - 根据头部元素高度自动计算内容区域高度
+ * 2. 响应式监听 - 自动监听元素尺寸变化并更新高度
+ * 3. CSS 变量同步 - 自动更新 CSS 变量，方便全局使用
+ * 4. 灵活配置 - 支持自定义间距、CSS 变量名等
+ * 5. 自动查找模式 - 提供通过 ID 自动查找元素的便捷方式
+ *
+ * @module useLayoutHeight
+ * @author FastapiAdmin Team
+ */
+
+import { ref, computed, watch, onMounted } from "vue";
+import { useElementSize } from "@vueuse/core";
+
+/**
+ * 页面容器高度配置
+ */
+interface LayoutHeightOptions {
+  /** 额外的间距（默认 15px） */
+  extraSpacing?: number;
+  /** 是否自动更新 CSS 变量（默认 true） */
+  updateCssVar?: boolean;
+  /** CSS 变量名称（默认 '--fa-full-height'） */
+  cssVarName?: string;
+}
+
+export function useLayoutHeight(options: LayoutHeightOptions = {}) {
+  const { extraSpacing = 15, updateCssVar = true, cssVarName = "--fa-full-height" } = options;
+
+  // 元素引用
+  const headerRef = ref<HTMLElement>();
+  const contentHeaderRef = ref<HTMLElement>();
+
+  // 使用 VueUse 自动监听元素尺寸变化
+  const { height: headerHeight } = useElementSize(headerRef);
+  const { height: contentHeaderHeight } = useElementSize(contentHeaderRef);
+
+  // 计算容器最小高度（响应式）
+  const containerMinHeight = computed(() => {
+    const totalHeight = headerHeight.value + contentHeaderHeight.value + extraSpacing;
+    return `calc(100vh - ${totalHeight}px)`;
+  });
+
+  if (updateCssVar) {
+    watch(
+      containerMinHeight,
+      (newHeight) => {
+        requestAnimationFrame(() => {
+          document.documentElement.style.setProperty(cssVarName, newHeight);
+        });
+      },
+      { immediate: true }
+    );
+  }
+
+  return {
+    /** 容器最小高度（响应式） */
+    containerMinHeight,
+    /** 头部元素引用 */
+    headerRef,
+    /** 内容头部元素引用 */
+    contentHeaderRef,
+    /** 头部高度（响应式） */
+    headerHeight,
+    /** 内容头部高度（响应式） */
+    contentHeaderHeight,
+  };
+}
+
+/**
+ * 通过 ID 自动查找元素的布局高度管理
+ * 适用于无法直接获取元素引用的场景
+ *
+ * @param headerIds 头部元素的 ID 数组（默认 ["app-header", "app-content-header"]）
+ * @param options 配置选项
+ */
+export function useAutoLayoutHeight(
+  headerIds: string[] = ["app-header", "app-content-header"],
+  options: LayoutHeightOptions = {}
+) {
+  const { extraSpacing = 15, updateCssVar = true, cssVarName = "--fa-full-height" } = options;
+
+  // 创建元素引用
+  const headerRef = ref<HTMLElement>();
+  const contentHeaderRef = ref<HTMLElement>();
+
+  // 使用 VueUse 自动监听元素尺寸变化
+  const { height: headerHeight } = useElementSize(headerRef);
+  const { height: contentHeaderHeight } = useElementSize(contentHeaderRef);
+
+  // 计算容器最小高度（响应式）
+  const containerMinHeight = computed(() => {
+    const totalHeight = headerHeight.value + contentHeaderHeight.value + extraSpacing;
+    return `calc(100vh - ${totalHeight}px)`;
+  });
+
+  if (updateCssVar) {
+    watch(
+      containerMinHeight,
+      (newHeight) => {
+        requestAnimationFrame(() => {
+          document.documentElement.style.setProperty(cssVarName, newHeight);
+        });
+      },
+      { immediate: true }
+    );
+  }
+
+  // 在 DOM 挂载后查找元素
+  onMounted(() => {
+    if (typeof document !== "undefined") {
+      // 使用 nextTick 确保 DOM 完全渲染
+      requestAnimationFrame(() => {
+        const header = headerIds.length > 0 ? document.getElementById(headerIds[0]!) : null;
+        const contentHeader = headerIds.length > 1 ? document.getElementById(headerIds[1]!) : null;
+
+        if (header) {
+          headerRef.value = header;
+        }
+        if (contentHeader) {
+          contentHeaderRef.value = contentHeader;
+        }
+      });
+    }
+  });
+
+  return {
+    /** 容器最小高度（响应式） */
+    containerMinHeight,
+    /** 头部元素引用 */
+    headerRef,
+    /** 内容头部元素引用 */
+    contentHeaderRef,
+    /** 头部高度（响应式） */
+    headerHeight,
+    /** 内容头部高度（响应式） */
+    contentHeaderHeight,
+  };
+}
diff --git a/src/hooks/core/useLoading.ts b/src/hooks/core/useLoading.ts
new file mode 100644
index 0000000..77cec9d
--- /dev/null
+++ b/src/hooks/core/useLoading.ts
@@ -0,0 +1,144 @@
+/**
+ * useLoading — 按钮/操作的 loading 状态管理
+ *
+ * 用法 1：包装异步函数
+ * ```ts
+ * const { withLoading, isLoading } = useLoading();
+ *
+ * async function handleDelete(id: number) {
+ *   await SomeAPI.delete(id);
+ *   ElMessage.success("删除成功");
+ * }
+ *
+ * const deleteBtn = withLoading("delete", handleDelete);
+ *
+ * // template:
+ * // <ElButton :loading="isLoading('delete')" @click="deleteBtn">删除</ElButton>
+ * ```
+ *
+ * 用法 2：手动控制（更灵活）
+ * ```ts
+ * const { loading, run } = useLoading("submit");
+ *
+ * async function handleSubmit() {
+ *   await run(async () => {
+ *     await SomeAPI.save(data);
+ *   });
+ * }
+ *
+ * // <ElButton :loading="loading" @click="handleSubmit">保存</ElButton>
+ * ```
+ *
+ * 用法 3：单 ref 模式（最简）
+ * ```ts
+ * const { loading, withLoading } = useLoading();
+ *
+ * const handleDelete = withLoading(async (id: number) => {
+ *   await SomeAPI.delete(id);
+ * });
+ *
+ * // <ElButton :loading="loading" @click="handleDelete(1)">删除</ElButton>
+ * ```
+ */
+import { computed, ref, type ComputedRef, type Ref } from "vue";
+
+export interface UseLoadingReturn {
+  /** 任意 key 是否在 loading（key-less 模式下表示唯一 loading） */
+  loading: ComputedRef<boolean>;
+  /** 当前 loading map（多 key 模式） */
+  loadingMap: Readonly<Ref<Record<string, boolean>>>;
+  /** 判断指定 key 是否 loading */
+  isLoading: (key: string) => boolean;
+  /** 包装异步函数（key-less 模式） */
+  withLoading: <T extends (...args: any[]) => Promise<any>>(fn: T) => T;
+  /** 包装异步函数并绑定 key（多 key 模式） */
+  withKeyLoading: <T extends (...args: any[]) => Promise<any>>(key: string, fn: T) => T;
+  /** 手动 run（多 key 模式） */
+  run: <T>(key: string, fn: () => Promise<T>) => Promise<T>;
+  /** 重置所有 loading（通常不需要） */
+  reset: () => void;
+}
+
+/**
+ * 创建 loading 状态管理。
+ *
+ * @param defaultKey 多 key 模式时的默认 key；不传则单 ref 模式
+ */
+export function useLoading(defaultKey?: string): UseLoadingReturn {
+  const loadingMap = ref<Record<string, boolean>>({});
+
+  function setLoading(key: string, val: boolean): void {
+    loadingMap.value = { ...loadingMap.value, [key]: val };
+  }
+
+  function isLoading(key: string): boolean {
+    return !!loadingMap.value[key];
+  }
+
+  /**
+   * key-less 模式：直接返回 loading computed（任一 key loading 则 true）
+   *  - defaultKey 模式：loading 跟踪该 key
+   *  - 单一 ref：直接取 map[defaultKey]
+   */
+  const loading = computed(() => {
+    if (defaultKey) {
+      return !!loadingMap.value[defaultKey];
+    }
+    return Object.values(loadingMap.value).some(Boolean);
+  });
+
+  /**
+   * 包装异步函数（key-less 模式：自动用 defaultKey 或全状态）
+   */
+  function withLoading<T extends (...args: any[]) => Promise<any>>(fn: T): T {
+    const key = defaultKey ?? "__default__";
+    return (async (...args: Parameters<T>) => {
+      setLoading(key, true);
+      try {
+        return await fn(...args);
+      } finally {
+        setLoading(key, false);
+      }
+    }) as T;
+  }
+
+  /**
+   * 包装异步函数 + 显式 key
+   */
+  function withKeyLoading<T extends (...args: any[]) => Promise<any>>(key: string, fn: T): T {
+    return (async (...args: Parameters<T>) => {
+      setLoading(key, true);
+      try {
+        return await fn(...args);
+      } finally {
+        setLoading(key, false);
+      }
+    }) as T;
+  }
+
+  /**
+   * 手动 run 模式：调用方控制 key
+   */
+  async function run<T>(key: string, fn: () => Promise<T>): Promise<T> {
+    setLoading(key, true);
+    try {
+      return await fn();
+    } finally {
+      setLoading(key, false);
+    }
+  }
+
+  function reset(): void {
+    loadingMap.value = {};
+  }
+
+  return {
+    loading,
+    loadingMap,
+    isLoading,
+    withLoading,
+    withKeyLoading,
+    run,
+    reset,
+  };
+}
diff --git a/src/hooks/core/useSiteConfig.ts b/src/hooks/core/useSiteConfig.ts
new file mode 100644
index 0000000..ca9387e
--- /dev/null
+++ b/src/hooks/core/useSiteConfig.ts
@@ -0,0 +1,45 @@
+/**
+ * useSiteConfig - 站点配置初始化（标题 + favicon）。
+ *
+ * 从 configStore 拉取系统配置，同步到浏览器标题和 favicon。
+ * 通过 watch 响应配置变更（如管理员在后台修改后重新拉取时自动更新）。
+ *
+ * 应在 App.vue 的 onMounted 中调用。
+ */
+
+import { watch } from "vue";
+import { useConfigStore } from "@stores";
+
+const updateFavicon = (url: string) => {
+  const link = document.querySelector<HTMLLinkElement>('link[rel="icon"]');
+  if (link) link.href = url;
+};
+
+const syncFromConfig = () => {
+  const { name, favicon } = useConfigStore().configData;
+  if (name?.config_value) document.title = name.config_value;
+  if (favicon?.config_value) updateFavicon(favicon.config_value);
+};
+
+export function useSiteConfig() {
+  const configStore = useConfigStore();
+
+  /** 初始化：强制拉取配置并同步标题/favicon */
+  const initSiteConfig = async () => {
+    try {
+      await configStore.getConfig(true);
+      syncFromConfig();
+    } catch (error) {
+      console.error("[SiteConfig] 获取配置失败:", error);
+    }
+  };
+
+  /** 配置更新后自动同步（管理员后台修改配置后重新拉取时） */
+  watch(
+    () => configStore.configData,
+    () => syncFromConfig(),
+    { deep: false }
+  );
+
+  return { initSiteConfig };
+}
diff --git a/src/hooks/core/useTable.ts b/src/hooks/core/useTable.ts
new file mode 100644
index 0000000..f720c9f
--- /dev/null
+++ b/src/hooks/core/useTable.ts
@@ -0,0 +1,846 @@
+/**
+ * 表格列表数据组合式函数。
+ *
+ * 请求路径：业务均通过内部 `fetchData` → `apiFn`，可选 TableCache；对外暴露的 `getData` / `fetchData` 经
+ * `fetchDataQuiet` 吞掉 reject，避免页面重复 try/catch。
+ *
+ * 去重：
+ * - 同实例：`inFlightDedupePromise` + `inFlightDedupeKey`
+ * - 跨实例（同参）：模块级 `globalListNetworkInflight`（布局短时多挂载时合并为一条 HTTP）
+ *
+ * KeepAlive：`onDeactivated` 会取消请求并置 `tableViewActive`，失活期间 `fetchData` 直接返回当前快照不发 HTTP。
+ */
+
+import {
+  ref,
+  reactive,
+  computed,
+  onMounted,
+  onUnmounted,
+  onActivated,
+  onDeactivated,
+  nextTick,
+  readonly,
+  toRaw,
+} from "vue";
+import { useWindowSize } from "@vueuse/core";
+import type { AxiosResponse } from "axios";
+import { useTableColumns } from "./useTableColumns";
+import type { ColumnOption } from "@/types/component";
+import { MOBILE_BREAKPOINT } from "@utils/constants";
+import {
+  TableCache,
+  CacheInvalidationStrategy,
+  defaultResponseAdapter,
+  extractTableData,
+  updatePaginationFromResponse,
+  createSmartDebounce,
+  createErrorHandler,
+  tableConfig,
+  type ApiResponse,
+  type TableError,
+} from "@utils";
+
+/** 跨组件实例：同一 dedupeKey 仅一条进行中的网络请求 */
+const globalListNetworkInflight = new Map<string, Promise<ApiResponse<unknown>>>();
+
+// --- 类型推导（由 apiFn / 响应类型反推记录类型） ---
+type InferApiParams<T> = T extends (params: infer P) => any ? P : never;
+type UnwrapAxiosResponse<T> = T extends AxiosResponse<infer D> ? D : T;
+type InferApiResponse<T> = T extends (params: any) => Promise<infer R>
+  ? UnwrapAxiosResponse<R>
+  : never;
+type InferRecordType<T> =
+  T extends ApiResponse<PageResult<infer U>>
+    ? U
+    : T extends ApiResponse<(infer U)[]>
+      ? U
+      : T extends PageResult<infer U>
+        ? U
+        : T extends (infer U)[]
+          ? U
+          : never;
+
+type PaginationState = {
+  current: number;
+  size: number;
+  total: number;
+};
+
+/** 表格 Hook 配置（泛型由 apiFn 推导） */
+export interface UseTableConfig<
+  TApiFn extends (params: any) => Promise<any> = (params: any) => Promise<any>,
+  TRecord = InferRecordType<InferApiResponse<TApiFn>>,
+  TParams = InferApiParams<TApiFn>,
+  TResponse = InferApiResponse<TApiFn>,
+> {
+  // 核心配置
+  core: {
+    /** API 请求函数 */
+    apiFn: TApiFn;
+    /** 默认请求参数 */
+    apiParams?: Partial<TParams>;
+    /** 排除 apiParams 中的属性 */
+    excludeParams?: string[];
+    /** 是否立即加载数据 */
+    immediate?: boolean;
+    /** 列配置工厂函数 */
+    columnsFactory?: () => ColumnOption<TRecord>[];
+    /** 自定义分页字段映射 */
+    paginationKey?: {
+      /** 当前页码字段名，默认为 'current' */
+      current?: string;
+      /** 每页条数字段名，默认为 'size' */
+      size?: string;
+    };
+  };
+
+  // 数据处理
+  transform?: {
+    /** 数据转换函数 */
+    dataTransformer?: (data: TRecord[]) => TRecord[];
+    /** 响应数据适配器 */
+    responseAdapter?: (response: TResponse) => ApiResponse<TRecord>;
+  };
+
+  // 性能优化
+  performance?: {
+    /** 是否启用缓存 */
+    enableCache?: boolean;
+    /** 缓存时间（毫秒） */
+    cacheTime?: number;
+    /** 防抖延迟时间（毫秒） */
+    debounceTime?: number;
+    /** 最大缓存条数限制 */
+    maxCacheSize?: number;
+  };
+
+  // 生命周期钩子
+  hooks?: {
+    /** 数据加载成功回调（仅网络请求成功时触发） */
+    onSuccess?: (data: TRecord[], response: ApiResponse<TRecord>) => void;
+    /** 错误处理回调 */
+    onError?: (error: TableError) => void;
+    /** 缓存命中回调（从缓存获取数据时触发） */
+    onCacheHit?: (data: TRecord[], response: ApiResponse<TRecord>) => void;
+    /** 加载状态变化回调 */
+    onLoading?: (loading: boolean) => void;
+    /** 重置表单回调函数 */
+    resetFormCallback?: () => void;
+  };
+
+  // 调试配置
+  debug?: {
+    /** 是否启用日志输出 */
+    enableLog?: boolean;
+    /** 日志级别 */
+    logLevel?: "info" | "warn" | "error";
+  };
+}
+
+/** 对外入口（实现为内部 `useTableImpl`） */
+export function useTable<TApiFn extends (params: any) => Promise<any>>(
+  config: UseTableConfig<TApiFn>
+) {
+  return useTableImpl(config);
+}
+
+function useTableImpl<TApiFn extends (params: any) => Promise<any>>(
+  config: UseTableConfig<TApiFn>
+) {
+  type TRecord = InferRecordType<InferApiResponse<TApiFn>>;
+  type TParams = InferApiParams<TApiFn>;
+  const {
+    core: {
+      apiFn,
+      apiParams = {} as Partial<TParams>,
+      excludeParams = [],
+      immediate = true,
+      columnsFactory,
+      paginationKey,
+    },
+    transform: { dataTransformer, responseAdapter = defaultResponseAdapter } = {},
+    performance: {
+      enableCache = false,
+      cacheTime = 5 * 60 * 1000,
+      debounceTime = 300,
+      maxCacheSize = 50,
+    } = {},
+    hooks: { onSuccess, onError, onCacheHit, resetFormCallback } = {},
+    debug: { enableLog = false } = {},
+  } = config;
+
+  // 分页字段名配置：优先使用传入的配置，否则使用全局配置
+  const pageKey = paginationKey?.current || tableConfig.paginationKey.current;
+  const sizeKey = paginationKey?.size || tableConfig.paginationKey.size;
+
+  // 响应式触发器，用于手动更新缓存统计信息
+  const cacheUpdateTrigger = ref(0);
+
+  // 日志工具函数
+  const logger = {
+    log: (message: string, ...args: unknown[]) => {
+      if (enableLog) {
+        console.log(`[useTable] ${message}`, ...args);
+      }
+    },
+    warn: (message: string, ...args: unknown[]) => {
+      if (enableLog) {
+        console.warn(`[useTable] ${message}`, ...args);
+      }
+    },
+    error: (message: string, ...args: unknown[]) => {
+      if (enableLog) {
+        console.error(`[useTable] ${message}`, ...args);
+      }
+    },
+  };
+
+  // 缓存实例
+  const cache = enableCache ? new TableCache<TRecord>(cacheTime, maxCacheSize, enableLog) : null;
+
+  // 加载状态机
+  type LoadingState = "idle" | "loading" | "success" | "error";
+  const loadingState = ref<LoadingState>("idle");
+  const loading = computed(() => loadingState.value === "loading");
+
+  // 错误状态
+  const error = ref<TableError | null>(null);
+
+  // 表格数据
+  const data = ref<TRecord[]>([]);
+
+  // 请求取消控制器
+  let abortController: AbortController | null = null;
+
+  /** 同参且尚未结束的请求共用一个 Promise，避免并发重复打接口 */
+  let inFlightDedupeKey: string | null = null;
+  let inFlightDedupePromise: Promise<ApiResponse<TRecord>> | null = null;
+
+  /** KeepAlive 失活时不再发请求（组件侧 cancelRequest 会 abort） */
+  let tableViewActive = true;
+
+  /** 稳定序列化请求参，供 in-flight 去重用 */
+  function stableDedupeKeyFromParams(params: TParams): string {
+    const normalize = (input: unknown): unknown => {
+      if (input === null || typeof input !== "object") return input;
+      if (Array.isArray(input)) return input.map(normalize);
+      const raw = input as Record<string, unknown>;
+      const keys = Object.keys(raw).sort();
+      const out: Record<string, unknown> = {};
+      for (const k of keys) {
+        const v = raw[k];
+        if (v === undefined) continue;
+        out[k] = normalize(v);
+      }
+      return out;
+    };
+    return JSON.stringify(normalize(toRaw(params) as unknown));
+  }
+
+  // 缓存清理定时器
+  let cacheCleanupTimer: NodeJS.Timeout | null = null;
+
+  // 搜索参数
+  const searchParams = reactive(
+    Object.assign(
+      {
+        [pageKey]: 1,
+        [sizeKey]: 10,
+      },
+      apiParams || {}
+    ) as TParams
+  );
+
+  // 分页配置
+  const pagination = reactive<PaginationState>({
+    current: ((searchParams as Record<string, unknown>)[pageKey] as number) || 1,
+    size: ((searchParams as Record<string, unknown>)[sizeKey] as number) || 10,
+    total: 0,
+  });
+
+  // 移动端分页 (响应式)
+  const { width } = useWindowSize();
+  const mobilePagination = computed(() => ({
+    ...pagination,
+    small: width.value < MOBILE_BREAKPOINT,
+  }));
+
+  // 列配置
+  const columnConfig = columnsFactory ? useTableColumns<TRecord>(columnsFactory) : null;
+  const columns = columnConfig?.columns;
+  const columnChecks = columnConfig?.columnChecks;
+
+  // 是否有数据
+  const hasData = computed(() => data.value.length > 0);
+
+  // 缓存统计信息
+  const cacheInfo = computed(() => {
+    // 依赖触发器，确保缓存变化时重新计算
+    void cacheUpdateTrigger.value;
+    if (!cache) return { total: 0, size: "0KB", hitRate: "0 avg hits" };
+    return cache.getStats();
+  });
+
+  // 错误处理函数
+  const handleError = createErrorHandler(onError, enableLog);
+
+  // 清理缓存，根据不同的业务场景选择性地清理缓存
+  const clearCache = (strategy: CacheInvalidationStrategy, context?: string): void => {
+    if (!cache) return;
+
+    let clearedCount: number;
+
+    switch (strategy) {
+      case CacheInvalidationStrategy.CLEAR_ALL:
+        cache.clear();
+        logger.log(`清空所有缓存 - ${context || ""}`);
+        break;
+
+      case CacheInvalidationStrategy.CLEAR_CURRENT:
+        clearedCount = cache.clearCurrentSearch(searchParams);
+        logger.log(`清空当前搜索缓存 ${clearedCount} 条 - ${context || ""}`);
+        break;
+
+      case CacheInvalidationStrategy.CLEAR_PAGINATION:
+        clearedCount = cache.clearPagination();
+        logger.log(`清空分页缓存 ${clearedCount} 条 - ${context || ""}`);
+        break;
+
+      case CacheInvalidationStrategy.KEEP_ALL:
+      default:
+        logger.log(`保持缓存不变 - ${context || ""}`);
+        break;
+    }
+    // 手动触发缓存状态更新
+    cacheUpdateTrigger.value++;
+  };
+
+  /**
+   * 将标准化响应写入本实例的 `data` / `pagination`，并可选写入缓存。
+   * 全局去重时每个参与合并的实例都会各自调用一次。
+   */
+  function commitNetworkSuccess(
+    standardResponse: ApiResponse<TRecord>,
+    paramsForCache: TParams,
+    useCacheFlag: boolean
+  ): void {
+    let tableData = extractTableData(standardResponse);
+    if (dataTransformer) {
+      tableData = dataTransformer(tableData);
+    }
+    data.value = tableData;
+    updatePaginationFromResponse(pagination, standardResponse);
+
+    const paramsRecord = searchParams as Record<string, unknown>;
+    if (paramsRecord[pageKey] !== pagination.current) {
+      paramsRecord[pageKey] = pagination.current;
+    }
+    if (paramsRecord[sizeKey] !== pagination.size) {
+      paramsRecord[sizeKey] = pagination.size;
+    }
+
+    if (useCacheFlag && cache) {
+      cache.set(paramsForCache, tableData, standardResponse);
+      cacheUpdateTrigger.value++;
+      logger.log(`数据已缓存`);
+    }
+
+    loadingState.value = "success";
+
+    if (onSuccess) {
+      onSuccess(tableData, standardResponse);
+    }
+  }
+
+  /**
+   * 列表请求唯一入口：合并参数 → 读缓存或发起 `apiFn`。
+   * 先进单实例去重，再进全局 Map；若已有同键进行中的 Promise，则等待并复用结果。
+   */
+  const fetchData = async (
+    params?: Partial<TParams>,
+    useCache = enableCache
+  ): Promise<ApiResponse<TRecord>> => {
+    let requestParams = Object.assign(
+      {},
+      searchParams,
+      {
+        [pageKey]: pagination.current,
+        [sizeKey]: pagination.size,
+      },
+      params || {}
+    ) as TParams;
+
+    if (excludeParams.length > 0) {
+      const filteredParams = { ...requestParams };
+      excludeParams.forEach((key) => {
+        delete (filteredParams as Record<string, unknown>)[key];
+      });
+      requestParams = filteredParams as TParams;
+    }
+
+    const dedupeKey = stableDedupeKeyFromParams(requestParams);
+
+    if (inFlightDedupePromise !== null && inFlightDedupeKey === dedupeKey) {
+      logger.log("合并同参进行中的列表请求");
+      return inFlightDedupePromise;
+    }
+
+    const sharedGlobal = globalListNetworkInflight.get(dedupeKey);
+    if (sharedGlobal) {
+      loadingState.value = "loading";
+      error.value = null;
+      try {
+        const standardResponse = (await sharedGlobal) as ApiResponse<TRecord>;
+        commitNetworkSuccess(standardResponse, requestParams, useCache);
+        return standardResponse;
+      } catch (err) {
+        if (err instanceof Error && err.message === "请求已取消") {
+          loadingState.value = "idle";
+          return { records: [], total: 0, current: 1, size: 10 };
+        }
+        loadingState.value = "error";
+        data.value = [];
+        const tableError = handleError(err, "获取表格数据失败");
+        throw tableError;
+      }
+    }
+
+    if (!tableViewActive) {
+      return {
+        records: [...data.value],
+        total: pagination.total,
+        current: pagination.current,
+        size: pagination.size,
+      } as ApiResponse<TRecord>;
+    }
+
+    if (abortController) {
+      abortController.abort();
+    }
+
+    const currentController = new AbortController();
+    abortController = currentController;
+
+    loadingState.value = "loading";
+    error.value = null;
+
+    try {
+      if (useCache && cache) {
+        const cachedItem = cache.get(requestParams);
+        if (cachedItem) {
+          data.value = cachedItem.data;
+          updatePaginationFromResponse(pagination, cachedItem.response);
+
+          const paramsRecord = searchParams as Record<string, unknown>;
+          if (paramsRecord[pageKey] !== pagination.current) {
+            paramsRecord[pageKey] = pagination.current;
+          }
+          if (paramsRecord[sizeKey] !== pagination.size) {
+            paramsRecord[sizeKey] = pagination.size;
+          }
+
+          loadingState.value = "success";
+
+          if (onCacheHit) {
+            onCacheHit(cachedItem.data, cachedItem.response);
+          }
+
+          logger.log(`缓存命中`);
+          return cachedItem.response;
+        }
+      }
+
+      inFlightDedupeKey = dedupeKey;
+
+      const networkPromise = (async (): Promise<ApiResponse<TRecord>> => {
+        try {
+          logger.log("HTTP 请求", dedupeKey);
+          const response = await apiFn(requestParams);
+
+          if (currentController.signal.aborted) {
+            throw new Error("请求已取消");
+          }
+
+          return responseAdapter(response);
+        } finally {
+          if (inFlightDedupeKey === dedupeKey) {
+            inFlightDedupeKey = null;
+            inFlightDedupePromise = null;
+          }
+          if (abortController === currentController) {
+            abortController = null;
+          }
+        }
+      })();
+
+      globalListNetworkInflight.set(dedupeKey, networkPromise as Promise<ApiResponse<unknown>>);
+      networkPromise
+        .finally(() => {
+          globalListNetworkInflight.delete(dedupeKey);
+        })
+        .catch(() => {}); // 忽略取消/reject，仅用于清理全局 Map
+
+      inFlightDedupePromise = networkPromise;
+
+      try {
+        const standardResponse = await networkPromise;
+        commitNetworkSuccess(standardResponse, requestParams, useCache);
+        return standardResponse;
+      } catch (err) {
+        if (err instanceof Error && err.message === "请求已取消") {
+          loadingState.value = "idle";
+          return { records: [], total: 0, current: 1, size: 10 };
+        }
+        loadingState.value = "error";
+        data.value = [];
+        const tableError = handleError(err, "获取表格数据失败");
+        throw tableError;
+      }
+    } finally {
+      if (abortController === currentController) {
+        abortController = null;
+      }
+    }
+  };
+
+  /**
+   * 包装一层：reject 转为 `undefined`，错误展示已在 fetchData / handleError 内完成。
+   */
+  async function fetchDataQuiet(
+    params?: Partial<TParams>,
+    useCache = enableCache
+  ): Promise<ApiResponse<TRecord> | void> {
+    try {
+      return await fetchData(params, useCache);
+    } catch {
+      return undefined;
+    }
+  }
+
+  /** 按当前分页拉取（默认走缓存策略 enableCache） */
+  const getData = (params?: Partial<TParams>) => fetchDataQuiet(params);
+
+  /** 搜索场景：回到第一页、清当前条件缓存，再拉取（禁用缓存） */
+  const getDataByPage = async (params?: Partial<TParams>): Promise<ApiResponse<TRecord> | void> => {
+    pagination.current = 1;
+    (searchParams as Record<string, unknown>)[pageKey] = 1;
+
+    clearCache(CacheInvalidationStrategy.CLEAR_CURRENT, "搜索数据");
+
+    return fetchDataQuiet(params, false);
+  };
+
+  // 智能防抖搜索函数
+  const debouncedGetDataByPage = createSmartDebounce(getDataByPage, debounceTime);
+
+  // 重置搜索参数
+  const resetSearchParams = async (): Promise<void> => {
+    // 取消防抖的搜索
+    debouncedGetDataByPage.cancel();
+
+    // 保存分页相关的默认值
+    const paramsRecord = searchParams as Record<string, unknown>;
+    const defaultPagination = {
+      [pageKey]: 1,
+      [sizeKey]: (paramsRecord[sizeKey] as number) || 10,
+    };
+
+    // 清空所有搜索参数
+    Object.keys(searchParams).forEach((key) => {
+      delete paramsRecord[key];
+    });
+
+    // 重新设置默认参数
+    Object.assign(searchParams, apiParams || {}, defaultPagination);
+
+    // 重置分页
+    pagination.current = 1;
+    pagination.size = defaultPagination[sizeKey] as number;
+
+    // 清空错误状态
+    error.value = null;
+
+    // 清空缓存
+    clearCache(CacheInvalidationStrategy.CLEAR_ALL, "重置搜索");
+
+    // 重新获取数据
+    await getData();
+
+    // 执行重置回调
+    if (resetFormCallback) {
+      await nextTick();
+      resetFormCallback();
+    }
+  };
+
+  // 替换搜索参数：适用于表单查询，避免旧字段残留
+  const replaceSearchParams = (params?: Partial<TParams>): void => {
+    const paramsRecord = searchParams as Record<string, unknown>;
+    const currentSize = pagination.size || ((paramsRecord[sizeKey] as number) ?? 10);
+
+    Object.keys(searchParams).forEach((key) => {
+      if (key !== pageKey && key !== sizeKey) {
+        delete paramsRecord[key];
+      }
+    });
+
+    Object.assign(
+      searchParams,
+      {
+        [pageKey]: 1,
+        [sizeKey]: currentSize,
+      },
+      params || {}
+    );
+
+    pagination.current = 1;
+    pagination.size = currentSize;
+  };
+
+  /** 防止分页页码变更回调重入（EP 或联动可能短时触发多次） */
+  let isCurrentChanging = false;
+
+  const handleSizeChange = async (newSize: number): Promise<void> => {
+    if (newSize <= 0) return;
+
+    debouncedGetDataByPage.cancel();
+
+    const paramsRecord = searchParams as Record<string, unknown>;
+    pagination.size = newSize;
+    pagination.current = 1;
+    paramsRecord[sizeKey] = newSize;
+    paramsRecord[pageKey] = 1;
+
+    clearCache(CacheInvalidationStrategy.CLEAR_CURRENT, "分页大小变化");
+
+    await getData();
+  };
+
+  const handleCurrentChange = async (newCurrent: number): Promise<void> => {
+    if (newCurrent <= 0) return;
+
+    if (isCurrentChanging) {
+      return;
+    }
+
+    if (pagination.current === newCurrent) {
+      logger.log("分页页码未变化，跳过请求");
+      return;
+    }
+
+    try {
+      isCurrentChanging = true;
+
+      const paramsRecord = searchParams as Record<string, unknown>;
+      pagination.current = newCurrent;
+      if (paramsRecord[pageKey] !== newCurrent) {
+        paramsRecord[pageKey] = newCurrent;
+      }
+
+      await getData();
+    } finally {
+      isCurrentChanging = false;
+    }
+  };
+
+  // --- 刷新策略（命名表达业务语义，便于页面按钮选用） ---
+
+  const refreshCreate = async (): Promise<void> => {
+    debouncedGetDataByPage.cancel();
+    pagination.current = 1;
+    (searchParams as Record<string, unknown>)[pageKey] = 1;
+    clearCache(CacheInvalidationStrategy.CLEAR_PAGINATION, "新增数据");
+    await getData();
+  };
+
+  const refreshUpdate = async (): Promise<void> => {
+    clearCache(CacheInvalidationStrategy.CLEAR_CURRENT, "编辑数据");
+    await getData();
+  };
+
+  const refreshRemove = async (): Promise<void> => {
+    const { current } = pagination;
+
+    // 清除缓存并获取最新数据
+    clearCache(CacheInvalidationStrategy.CLEAR_CURRENT, "删除数据");
+    await getData();
+
+    if (data.value.length === 0 && current > 1) {
+      pagination.current = current - 1;
+      (searchParams as Record<string, unknown>)[pageKey] = current - 1;
+      await getData();
+    }
+  };
+
+  const refreshData = async (): Promise<void> => {
+    debouncedGetDataByPage.cancel();
+    clearCache(CacheInvalidationStrategy.CLEAR_ALL, "手动刷新");
+    await getData();
+  };
+
+  const refreshSoft = async (): Promise<void> => {
+    clearCache(CacheInvalidationStrategy.CLEAR_CURRENT, "软刷新");
+    await getData();
+  };
+
+  // 取消当前请求
+  const cancelRequest = (): void => {
+    if (abortController) {
+      abortController.abort();
+    }
+    debouncedGetDataByPage.cancel();
+  };
+
+  onActivated(() => {
+    tableViewActive = true;
+  });
+
+  onDeactivated(() => {
+    tableViewActive = false;
+    cancelRequest();
+  });
+
+  // 清空数据
+  const clearData = (): void => {
+    data.value = [];
+    error.value = null;
+    clearCache(CacheInvalidationStrategy.CLEAR_ALL, "清空数据");
+  };
+
+  // 清理已过期的缓存条目，释放内存空间
+  const clearExpiredCache = (): number => {
+    if (!cache) return 0;
+    const cleanedCount = cache.cleanupExpired();
+    if (cleanedCount > 0) {
+      // 手动触发缓存状态更新
+      cacheUpdateTrigger.value++;
+    }
+    return cleanedCount;
+  };
+
+  // 设置定期清理过期缓存
+  if (enableCache && cache) {
+    cacheCleanupTimer = setInterval(() => {
+      const cleanedCount = cache.cleanupExpired();
+      if (cleanedCount > 0) {
+        logger.log(`自动清理 ${cleanedCount} 条过期缓存`);
+        // 手动触发缓存状态更新
+        cacheUpdateTrigger.value++;
+      }
+    }, cacheTime / 2); // 每半个缓存周期清理一次
+  }
+
+  if (immediate) {
+    onMounted(async () => {
+      await getData();
+    });
+  }
+
+  onUnmounted(() => {
+    cancelRequest();
+    if (cache) {
+      cache.clear();
+    }
+    if (cacheCleanupTimer) {
+      clearInterval(cacheCleanupTimer);
+    }
+  });
+
+  return {
+    // --- 数据 ---
+    /** 表格数据 */
+    data,
+    /** 数据加载状态 */
+    loading: readonly(loading),
+    /** 错误状态 */
+    error: readonly(error),
+    /** 数据是否为空 */
+    isEmpty: computed(() => data.value.length === 0),
+    /** 是否有数据 */
+    hasData,
+
+    // --- 分页 ---
+    /** 分页状态信息 */
+    pagination: readonly(pagination),
+    /** 移动端分页配置 */
+    paginationMobile: mobilePagination,
+    /** 页面大小变化处理 */
+    handleSizeChange,
+    /** 当前页变化处理 */
+    handleCurrentChange,
+
+    // --- 查询条件 ---
+    /** 搜索参数 */
+    searchParams,
+    /** 替换搜索参数（适用于表单查询，避免旧字段残留） */
+    replaceSearchParams,
+    /** 重置搜索参数 */
+    resetSearchParams,
+
+    /** 当前页加载（错误已内部处理） */
+    fetchData: getData,
+    /** 回到第一页并查询（搜索 / 重置页码场景） */
+    getData: getDataByPage,
+    /** 获取数据（防抖） */
+    getDataDebounced: debouncedGetDataByPage,
+    /** 清空数据 */
+    clearData,
+
+    // --- 刷新 ---
+    /** 全量刷新：清空所有缓存，重新获取数据（适用于手动刷新按钮） */
+    refreshData,
+    /** 轻量刷新：仅清空当前搜索条件的缓存，保持分页状态（适用于定时刷新） */
+    refreshSoft,
+    /** 新增后刷新：回到第一页并清空分页缓存（适用于新增数据后） */
+    refreshCreate,
+    /** 更新后刷新：保持当前页，仅清空当前搜索缓存（适用于更新数据后） */
+    refreshUpdate,
+    /** 删除后刷新：智能处理页码，避免空页面（适用于删除数据后） */
+    refreshRemove,
+
+    // --- 缓存（策略见 CacheInvalidationStrategy） ---
+    cacheInfo,
+    clearCache,
+    /** 清理已过期的缓存条目，释放内存空间 */
+    clearExpiredCache,
+
+    // --- 请求 ---
+    /** 取消当前请求 */
+    cancelRequest,
+
+    // --- 列配置（仅传入 columnsFactory 时展开） ---
+    ...(columnConfig && {
+      /** 表格列配置 */
+      columns,
+      /** 列显示控制 */
+      columnChecks,
+      /** 新增列 */
+      addColumn: columnConfig.addColumn,
+      /** 删除列 */
+      removeColumn: columnConfig.removeColumn,
+      /** 切换列显示状态 */
+      toggleColumn: columnConfig.toggleColumn,
+      /** 更新列配置 */
+      updateColumn: columnConfig.updateColumn,
+      /** 批量更新列配置 */
+      batchUpdateColumns: columnConfig.batchUpdateColumns,
+      /** 重新排序列 */
+      reorderColumns: columnConfig.reorderColumns,
+      /** 获取指定列配置 */
+      getColumnConfig: columnConfig.getColumnConfig,
+      /** 获取所有列配置 */
+      getAllColumns: columnConfig.getAllColumns,
+      /** 重置所有列配置到默认状态 */
+      resetColumns: columnConfig.resetColumns,
+    }),
+  };
+}
+
+export type {
+  CacheInvalidationStrategy,
+  ApiResponse,
+  CacheItem,
+  BaseRequestParams,
+  TableError,
+} from "@utils";
diff --git a/src/hooks/core/useTableColumns.ts b/src/hooks/core/useTableColumns.ts
new file mode 100644
index 0000000..a769ae4
--- /dev/null
+++ b/src/hooks/core/useTableColumns.ts
@@ -0,0 +1,270 @@
+/**
+ * 表格列配置：显隐、拖拽排序、增删改；与 `useTable` 的 `columnsFactory` 配合。
+ * 导出 `getColumnVisibility` / `getColumnChecks` 供表头等处复用同一套 visible/checked 规则。
+ */
+
+import { ref, computed, watch } from "vue";
+import { $t } from "@/locales";
+import type { ColumnOption } from "@/types/component";
+
+/** selection / expand / index 等占位 prop，避免与业务列冲突 */
+const SPECIAL_COLUMNS: Record<string, { prop: string; label: string }> = {
+  selection: { prop: "__selection__", label: $t("table.column.selection") },
+  expand: { prop: "__expand__", label: $t("table.column.expand") },
+  index: { prop: "__index__", label: $t("table.column.index") },
+};
+
+export const getColumnKey = <T>(col: ColumnOption<T>) =>
+  SPECIAL_COLUMNS[col.type as keyof typeof SPECIAL_COLUMNS]?.prop ?? (col.prop as string);
+
+/** `visible` 优先；否则回退 `checked`，默认展示 */
+export const getColumnVisibility = <T>(col: ColumnOption<T>): boolean => {
+  if (col.visible !== undefined) {
+    return col.visible;
+  }
+  return col.checked ?? true;
+};
+
+export const getColumnChecks = <T>(columns: ColumnOption<T>[]) =>
+  columns.map((col) => {
+    const special = col.type && SPECIAL_COLUMNS[col.type];
+    const visibility = getColumnVisibility(col);
+
+    if (special) {
+      return { ...col, prop: special.prop, label: special.label, checked: true, visible: true };
+    }
+    return { ...col, checked: visibility, visible: visibility };
+  });
+
+/**
+ * 动态列配置接口
+ */
+export interface DynamicColumnConfig<T = any> {
+  /**
+   * 新增列（支持单个或批量）
+   * @param column 列配置或列配置数组
+   * @param index 可选的插入位置，默认末尾（批量时为第一个列的位置）
+   */
+  addColumn: (column: ColumnOption<T> | ColumnOption<T>[], index?: number) => void;
+  /**
+   * 删除列（支持单个或批量）
+   * @param prop 列的唯一标识或标识数组
+   */
+  removeColumn: (prop: string | string[]) => void;
+  /**
+   * 切换列显示状态（支持单个或批量）
+   * @param prop 列的唯一标识或标识数组
+   * @param visible 可选的显示状态，默认取反
+   */
+  toggleColumn: (prop: string | string[], visible?: boolean) => void;
+
+  /**
+   * 更新列（支持单个或批量）
+   * @param prop 列的唯一标识或更新配置数组
+   * @param updates 列配置更新（当 prop 为字符串时使用）
+   */
+  updateColumn: (
+    prop: string | Array<{ prop: string; updates: Partial<ColumnOption<T>> }>,
+    updates?: Partial<ColumnOption<T>>
+  ) => void;
+  /**
+   * 批量更新列（兼容旧版本，推荐使用 updateColumn 的数组模式）
+   * @param updates 列更新配置
+   * @deprecated 推荐使用 updateColumn 的数组模式
+   */
+  batchUpdateColumns: (updates: Array<{ prop: string; updates: Partial<ColumnOption<T>> }>) => void;
+  /**
+   * 重新排序列
+   * @param fromIndex 源索引
+   * @param toIndex 目标索引
+   */
+  reorderColumns: (fromIndex: number, toIndex: number) => void;
+  /**
+   * 获取列配置
+   * @param prop 列的唯一标识
+   * @returns 列配置
+   */
+  getColumnConfig: (prop: string) => ColumnOption<T> | undefined;
+  /**
+   * 获取所有列配置
+   * @returns 所有列配置
+   */
+  getAllColumns: () => ColumnOption<T>[];
+  /**
+   * 重置所有列
+   */
+  resetColumns: () => void;
+}
+
+export function useTableColumns<T = any>(
+  columnsFactory: () => ColumnOption<T>[]
+): {
+  columns: any;
+  columnChecks: any;
+} & DynamicColumnConfig<T> {
+  const dynamicColumns = ref<ColumnOption<T>[]>(columnsFactory());
+  const columnChecks = ref<ColumnOption<T>[]>(getColumnChecks(dynamicColumns.value));
+
+  // 当 dynamicColumns 变动时，重新生成 columnChecks 且保留已存在的显示状态
+  watch(
+    dynamicColumns,
+    (newCols) => {
+      const visibilityMap = new Map(
+        columnChecks.value.map((c) => [getColumnKey(c), getColumnVisibility(c)])
+      );
+      const newChecks = getColumnChecks(newCols).map((c) => {
+        const key = getColumnKey(c);
+        const visibility = visibilityMap.has(key) ? visibilityMap.get(key) : getColumnVisibility(c);
+        return {
+          ...c,
+          checked: visibility,
+          visible: visibility,
+        };
+      });
+      columnChecks.value = newChecks;
+    },
+    { deep: true }
+  );
+
+  // 当前显示列（基于 columnChecks 的 checked 或 visible）
+  const columns = computed(() => {
+    const colMap = new Map(dynamicColumns.value.map((c) => [getColumnKey(c), c]));
+    return columnChecks.value
+      .filter((c) => getColumnVisibility(c))
+      .map((c) => colMap.get(getColumnKey(c)))
+      .filter(Boolean) as ColumnOption<T>[];
+  });
+
+  // 支持 updater 返回新数组或直接在传入数组上 mutate
+  const setDynamicColumns = (updater: (cols: ColumnOption<T>[]) => void | ColumnOption<T>[]) => {
+    const copy = [...dynamicColumns.value];
+    const result = updater(copy);
+    dynamicColumns.value = Array.isArray(result) ? result : copy;
+  };
+
+  return {
+    columns,
+    columnChecks,
+
+    /**
+     * 新增列（支持单个或批量）
+     */
+    addColumn: (column: ColumnOption<T> | ColumnOption<T>[], index?: number) =>
+      setDynamicColumns((cols) => {
+        const next = [...cols];
+        const columnsToAdd = Array.isArray(column) ? column : [column];
+        const insertIndex =
+          typeof index === "number" && index >= 0 && index <= next.length ? index : next.length;
+
+        // 批量插入
+        next.splice(insertIndex, 0, ...columnsToAdd);
+        return next;
+      }),
+
+    /**
+     * 删除列（支持单个或批量）
+     */
+    removeColumn: (prop: string | string[]) =>
+      setDynamicColumns((cols) => {
+        const propsToRemove = Array.isArray(prop) ? prop : [prop];
+        return cols.filter((c) => !propsToRemove.includes(getColumnKey(c)));
+      }),
+
+    /**
+     * 更新列（支持单个或批量）
+     */
+    updateColumn: (
+      prop: string | Array<{ prop: string; updates: Partial<ColumnOption<T>> }>,
+      updates?: Partial<ColumnOption<T>>
+    ) => {
+      // 批量模式：prop 是数组
+      if (Array.isArray(prop)) {
+        setDynamicColumns((cols) => {
+          const map = new Map(prop.map((u) => [u.prop, u.updates]));
+          return cols.map((c) => {
+            const key = getColumnKey(c);
+            const upd = map.get(key);
+            return upd ? { ...c, ...upd } : c;
+          });
+        });
+      }
+      // 单个模式：prop 是字符串
+      else if (updates) {
+        setDynamicColumns((cols) =>
+          cols.map((c) => (getColumnKey(c) === prop ? { ...c, ...updates } : c))
+        );
+      }
+    },
+
+    /**
+     * 切换列显示状态（支持单个或批量）
+     */
+    toggleColumn: (prop: string | string[], visible?: boolean) => {
+      const propsToToggle = Array.isArray(prop) ? prop : [prop];
+      const next = [...columnChecks.value];
+
+      propsToToggle.forEach((p) => {
+        const i = next.findIndex((c) => getColumnKey(c) === p);
+        if (i > -1) {
+          const currentVisibility = getColumnVisibility(next[i]!);
+          const newVisibility = visible ?? !currentVisibility;
+          // 同时更新 checked 和 visible 以保持兼容性
+          next[i] = { ...next[i]!, checked: newVisibility, visible: newVisibility };
+        }
+      });
+
+      columnChecks.value = next;
+    },
+
+    /**
+     * 重置所有列
+     */
+    resetColumns: () => {
+      dynamicColumns.value = columnsFactory();
+    },
+
+    /**
+     * 批量更新列（兼容旧版本）
+     * @deprecated 推荐使用 updateColumn 的数组模式
+     */
+    batchUpdateColumns: (updates) =>
+      setDynamicColumns((cols) => {
+        const map = new Map(updates.map((u) => [u.prop, u.updates]));
+        return cols.map((c) => {
+          const key = getColumnKey(c);
+          const upd = map.get(key);
+          return upd ? { ...c, ...upd } : c;
+        });
+      }),
+
+    /**
+     * 重新排序列
+     */
+    reorderColumns: (fromIndex: number, toIndex: number) =>
+      setDynamicColumns((cols) => {
+        if (
+          fromIndex < 0 ||
+          fromIndex >= cols.length ||
+          toIndex < 0 ||
+          toIndex >= cols.length ||
+          fromIndex === toIndex
+        ) {
+          return cols;
+        }
+        const next = [...cols];
+        const [moved] = next.splice(fromIndex, 1);
+        if (moved) next.splice(toIndex, 0, moved);
+        return next;
+      }),
+
+    /**
+     * 获取列配置
+     */
+    getColumnConfig: (prop: string) => dynamicColumns.value.find((c) => getColumnKey(c) === prop),
+
+    /**
+     * 获取所有列配置
+     */
+    getAllColumns: () => [...dynamicColumns.value],
+  };
+}
diff --git a/src/hooks/core/useTableHeight.ts b/src/hooks/core/useTableHeight.ts
new file mode 100644
index 0000000..7212773
--- /dev/null
+++ b/src/hooks/core/useTableHeight.ts
@@ -0,0 +1,107 @@
+/**
+ * useTableHeight - 表格高度自动计算
+ *
+ * 自动计算表格容器的最佳高度，确保表格在不同布局场景下都能正确显示。
+ * 根据表格头部、分页器等元素的高度动态调整容器高度，避免出现滚动条或布局错乱。
+ *
+ * ## 主要功能
+ *
+ * 1. 动态高度计算 - 根据表格头部、分页器高度自动计算容器高度
+ * 2. 响应式更新 - 配置变化时自动重新计算高度
+ * 3. 灵活配置 - 支持自定义各部分高度和间距
+ * 4. 智能适配 - 无额外元素时自动使用 100% 高度
+ *
+ * @module useTableHeight
+ * @author FastapiAdmin Team
+ */
+
+import { computed, type Ref } from "vue";
+
+/**
+ * 表格高度计算器配置接口
+ */
+interface TableHeightOptions {
+  /** 是否显示表格头部 */
+  showTableHeader: Ref<boolean>;
+  /** 分页器高度 */
+  paginationHeight: Ref<number>;
+  /** 表格头部高度 */
+  tableHeaderHeight: Ref<number>;
+  /** 分页器间距 */
+  paginationSpacing: Ref<number>;
+}
+
+/**
+ * 表格高度计算器类
+ */
+class TableHeightCalculator {
+  // 常量配置
+  private static readonly DEFAULT_TABLE_HEADER_HEIGHT = 44;
+  private static readonly TABLE_HEADER_SPACING = 12;
+
+  constructor(private options: TableHeightOptions) {}
+
+  /**
+   * 计算容器高度
+   */
+  calculate(): { height: string } {
+    const offset = this.calculateOffset();
+    return {
+      height: offset === 0 ? "100%" : `calc(100% - ${offset}px)`,
+    };
+  }
+
+  /**
+   * 计算偏移量
+   */
+  private calculateOffset(): number {
+    if (!this.options.showTableHeader.value) {
+      return this.calculatePaginationOffset();
+    }
+
+    const headerHeight = this.getHeaderHeight();
+    const paginationOffset = this.calculatePaginationOffset();
+
+    return headerHeight + paginationOffset + TableHeightCalculator.TABLE_HEADER_SPACING;
+  }
+
+  /**
+   * 获取表格头部高度
+   */
+  private getHeaderHeight(): number {
+    return (
+      this.options.tableHeaderHeight.value || TableHeightCalculator.DEFAULT_TABLE_HEADER_HEIGHT
+    );
+  }
+
+  /**
+   * 计算分页器偏移量
+   */
+  private calculatePaginationOffset(): number {
+    const { paginationHeight, paginationSpacing } = this.options;
+    return paginationHeight.value === 0 ? 0 : paginationHeight.value + paginationSpacing.value;
+  }
+}
+
+/**
+ * 表格高度计算 Hook
+ *
+ * 提供表格容器高度的自动计算功能，支持：
+ * - 表格头部高度
+ * - 分页器高度
+ * - 动态间距计算
+ *
+ * @param options 配置选项
+ * @returns 容器高度计算结果
+ */
+export function useTableHeight(options: TableHeightOptions) {
+  const containerHeight = computed(() => {
+    const calculator = new TableHeightCalculator(options);
+    return calculator.calculate();
+  });
+
+  return {
+    /** 容器高度样式对象 */
+    containerHeight,
+  };
+}
diff --git a/src/hooks/core/useTableSelection.ts b/src/hooks/core/useTableSelection.ts
new file mode 100644
index 0000000..de09dc2
--- /dev/null
+++ b/src/hooks/core/useTableSelection.ts
@@ -0,0 +1,36 @@
+import type { ComputedRef, Ref } from "vue";
+
+/**
+ * 表格多选状态管理
+ *
+ * @example
+ * ```ts
+ * const { selectedRows, selectedIds, batchDeleting, onTableSelectionChange } =
+ *   useTableSelection<DictTable>();
+ * ```
+ */
+export function useTableSelection<T extends object>() {
+  const selectedRows = ref<T[]>([]) as Ref<T[]>;
+  const selectedIds = computed(() =>
+    selectedRows.value
+      .map((r) => (r as Record<string, unknown>).id)
+      .filter((id): id is number => id != null && !Number.isNaN(id))
+  ) as ComputedRef<number[]>;
+  const batchDeleting = ref(false);
+
+  function onTableSelectionChange(rows: T[]) {
+    selectedRows.value = rows;
+  }
+
+  function clearSelection() {
+    selectedRows.value = [];
+  }
+
+  return {
+    selectedRows,
+    selectedIds,
+    batchDeleting,
+    onTableSelectionChange,
+    clearSelection,
+  };
+}
diff --git a/src/hooks/core/useTheme.ts b/src/hooks/core/useTheme.ts
new file mode 100644
index 0000000..b1dff2c
--- /dev/null
+++ b/src/hooks/core/useTheme.ts
@@ -0,0 +1,177 @@
+/**
+ * useTheme - 系统主题管理
+ *
+ * 提供完整的主题切换和管理功能，支持亮色、暗色和自动模式。
+ * 自动处理主题切换时的过渡效果，确保切换流畅无闪烁。
+ *
+ * ## 主要功能
+ *
+ * 1. 主题切换 - 支持亮色、暗色、自动三种主题模式
+ * 2. 自动模式 - 根据系统偏好自动切换主题
+ * 3. 颜色适配 - 自动调整主题色的明暗变体（9 个层级）
+ * 4. 过渡优化 - 切换时临时禁用过渡效果，避免闪烁
+ * 5. 状态持久化 - 主题设置自动保存到 store
+ *
+ * ## 使用示例
+ *
+ * ```typescript
+ * const { switchThemeStyles } = useTheme()
+ *
+ * // 切换到暗色主题
+ * switchThemeStyles(SystemThemeEnum.DARK)
+ *
+ * // 切换到亮色主题
+ * switchThemeStyles(SystemThemeEnum.LIGHT)
+ *
+ * // 切换到自动模式（跟随系统）
+ * switchThemeStyles(SystemThemeEnum.AUTO)
+ * ```
+ *
+ * @module useTheme
+ * @author FastapiAdmin Team
+ */
+
+import { useSettingsStore } from "@stores";
+import { SystemThemeEnum } from "@/enums/appEnum";
+import AppConfig from "@/config";
+import { SystemThemeTypes } from "@/types/store";
+import { getDarkColor, getLightColor, setElementThemeColor } from "@utils";
+import { usePreferredDark } from "@vueuse/core";
+import { watch } from "vue";
+
+export function useTheme() {
+  const settingStore = useSettingsStore();
+
+  // 禁用过渡效果
+  const disableTransitions = () => {
+    const style = document.createElement("style");
+    style.setAttribute("id", "disable-transitions");
+    style.textContent = "* { transition: none !important; }";
+    document.head.appendChild(style);
+  };
+
+  // 启用过渡效果
+  const enableTransitions = () => {
+    const style = document.getElementById("disable-transitions");
+    if (style) {
+      style.remove();
+    }
+  };
+
+  // 设置系统主题
+  const setSystemTheme = (theme: SystemThemeEnum, themeMode?: SystemThemeEnum) => {
+    // 临时禁用过渡效果
+    disableTransitions();
+
+    const el = document.getElementsByTagName("html")[0]!;
+    const isDark = theme === SystemThemeEnum.DARK;
+
+    if (!themeMode) {
+      themeMode = theme;
+    }
+
+    const currentTheme = AppConfig.systemThemeStyles[theme as keyof SystemThemeTypes];
+
+    if (currentTheme) {
+      el.setAttribute("class", currentTheme.className);
+    }
+
+    // 设置按钮颜色加深或变浅
+    const primary = settingStore.systemThemeColor;
+
+    for (let i = 1; i <= 9; i++) {
+      document.documentElement.style.setProperty(
+        `--el-color-primary-light-${i}`,
+        isDark ? `${getDarkColor(primary!, i / 10)}` : `${getLightColor(primary!, i / 10)}`
+      );
+    }
+
+    // 更新store中的主题设置
+    settingStore.setGlopTheme(theme, themeMode);
+
+    // 使用 requestAnimationFrame 确保在下一帧恢复过渡效果
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        enableTransitions();
+      });
+    });
+  };
+
+  // 使用 VueUse 的 usePreferredDark 检测系统主题偏好
+  const prefersDark = usePreferredDark();
+
+  // 自动设置系统主题
+  const setSystemAutoTheme = () => {
+    const theme = prefersDark.value ? SystemThemeEnum.DARK : SystemThemeEnum.LIGHT;
+    setSystemTheme(theme, SystemThemeEnum.AUTO);
+  };
+
+  // 切换主题
+  const switchThemeStyles = (theme: SystemThemeEnum) => {
+    if (theme === SystemThemeEnum.AUTO) {
+      setSystemAutoTheme();
+    } else {
+      setSystemTheme(theme);
+    }
+  };
+
+  return {
+    setSystemTheme,
+    setSystemAutoTheme,
+    switchThemeStyles,
+    prefersDark,
+  };
+}
+
+/**
+ * 初始化主题系统
+ */
+export function initializeTheme() {
+  const settingStore = useSettingsStore();
+  const prefersDark = usePreferredDark();
+
+  // 根据系统偏好应用主题
+  const applyThemeByMode = () => {
+    const el = document.getElementsByTagName("html")[0]!;
+    let actualTheme = settingStore.systemThemeType;
+
+    // 如果是 AUTO 模式，检测系统偏好
+    if (settingStore.systemThemeMode === SystemThemeEnum.AUTO) {
+      actualTheme = prefersDark.value ? SystemThemeEnum.DARK : SystemThemeEnum.LIGHT;
+      // 更新实际应用的主题类型
+      settingStore.systemThemeType = actualTheme;
+    }
+
+    // 设置主题 class
+    const currentTheme = AppConfig.systemThemeStyles[actualTheme as keyof SystemThemeTypes];
+    if (currentTheme) {
+      el.setAttribute("class", currentTheme.className);
+    }
+
+    // 设置主题颜色
+    setElementThemeColor(settingStore.systemThemeColor!);
+
+    // 设置圆角
+    document.documentElement.style.setProperty(
+      "--custom-radius",
+      `${settingStore.customRadius}rem`
+    );
+  };
+
+  // 应用主题
+  applyThemeByMode();
+
+  // 如果是 AUTO 模式，监听系统主题变化（使用 VueUse 的响应式特性）
+  if (settingStore.systemThemeMode === SystemThemeEnum.AUTO) {
+    watch(
+      prefersDark,
+      () => {
+        // 只有在 AUTO 模式下才响应系统主题变化
+        if (settingStore.systemThemeMode === SystemThemeEnum.AUTO) {
+          applyThemeByMode();
+        }
+      },
+      { immediate: false }
+    );
+  }
+}
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
new file mode 100644
index 0000000..61623a2
--- /dev/null
+++ b/src/hooks/index.ts
@@ -0,0 +1,35 @@
+// 通用功能集合
+export { useCommon } from "./core/useCommon";
+
+// 应用模式
+export { useAppMode } from "./core/useAppMode";
+
+// 权限控制
+export { useAuth } from "./core/useAuth";
+
+// 表格数据管理方案
+export { useTable } from "./core/useTable";
+
+// 表格列配置管理
+export { useTableColumns } from "./core/useTableColumns";
+
+// 主题相关
+export { useTheme } from "./core/useTheme";
+
+// 礼花+文字滚动
+export { useCeremony } from "./core/useCeremony";
+
+// 顶栏快速入口
+export { useFastEnter } from "./core/useFastEnter";
+
+// 顶栏功能管理
+export { useHeaderBar } from "./core/useHeaderBar";
+
+// 图表相关
+export { useChart, useChartComponent, useChartOps } from "./core/useChart";
+
+// 布局高度
+export { useLayoutHeight, useAutoLayoutHeight } from "./core/useLayoutHeight";
+
+// AI 相关
+export { useAiAction } from "./ai/useAiAction";
diff --git a/src/locales/index.ts b/src/locales/index.ts
new file mode 100644
index 0000000..b8641d2
--- /dev/null
+++ b/src/locales/index.ts
@@ -0,0 +1,129 @@
+/**
+ * 国际化配置
+ *
+ * 基于 vue-i18n 实现的多语言国际化解决方案。
+ * 支持中文和英文切换，自动从本地存储恢复用户的语言偏好。
+ *
+ * ## 主要功能
+ *
+ * - 多语言支持 - 支持中文（简体）和英文两种语言
+ * - 语言切换 - 运行时动态切换语言，无需刷新页面
+ * - 持久化存储 - 自动保存和恢复用户的语言偏好
+ * - 全局注入 - 在任何组件中都可以使用 $t 函数进行翻译
+ * - 类型安全 - 提供 TypeScript 类型支持
+ *
+ * ## 支持的语言
+ *
+ * - zh: 简体中文
+ * - en: English
+ *
+ * @module locales
+ * @author FastapiAdmin Team
+ */
+
+import { createI18n } from "vue-i18n";
+import type { I18n, I18nOptions } from "vue-i18n";
+import type { App } from "vue";
+import { LanguageEnum } from "@/enums/appEnum";
+import { getSystemStorage, StorageKeyManager } from "@utils/storage";
+
+// 同步导入语言文件
+import enMessages from "./langs/en.json";
+import zhMessages from "./langs/zh.json";
+
+/**
+ * 存储键管理器实例
+ */
+const storageKeyManager = new StorageKeyManager();
+
+/**
+ * 语言消息对象
+ */
+const messages = {
+  [LanguageEnum.EN]: enMessages,
+  [LanguageEnum.ZH]: zhMessages,
+};
+
+/**
+ * 语言选项列表
+ * 用于语言切换下拉框
+ */
+export const languageOptions = [
+  { value: LanguageEnum.ZH, label: "简体中文" },
+  { value: LanguageEnum.EN, label: "English" },
+];
+
+/**
+ * 从存储中获取语言设置
+ * @returns 语言设置，如果获取失败则返回默认语言
+ */
+const getDefaultLanguage = (): LanguageEnum => {
+  // 尝试从版本化的存储中获取语言设置
+  try {
+    const storageKey = storageKeyManager.getStorageKey("user");
+    const userStore = localStorage.getItem(storageKey);
+
+    if (userStore) {
+      const { language } = JSON.parse(userStore);
+      if (language && Object.values(LanguageEnum).includes(language)) {
+        return language;
+      }
+    }
+  } catch (error) {
+    console.warn("[i18n] 从版本化存储获取语言设置失败:", error);
+  }
+
+  // 尝试从系统存储中获取语言设置（getSystemStorage 已返回解析后的对象）
+  try {
+    const sys = getSystemStorage() as { user?: { language?: string } } | null;
+    const lang = sys?.user?.language;
+    if (lang && Object.values(LanguageEnum).includes(lang as LanguageEnum)) {
+      return lang as LanguageEnum;
+    }
+  } catch (error) {
+    console.warn("[i18n] 从系统存储获取语言设置失败:", error);
+  }
+
+  // 返回默认语言
+  console.debug("[i18n] 使用默认语言:", LanguageEnum.ZH);
+  return LanguageEnum.ZH;
+};
+
+/**
+ * i18n 配置选项
+ */
+const i18nOptions: I18nOptions = {
+  locale: getDefaultLanguage(),
+  legacy: false,
+  globalInjection: true,
+  fallbackLocale: LanguageEnum.ZH,
+  messages,
+};
+
+/**
+ * i18n 实例
+ */
+const i18n: I18n = createI18n(i18nOptions);
+
+/**
+ * 翻译函数类型
+ */
+interface Translation {
+  (key: string): string;
+}
+
+/**
+ * 全局翻译函数
+ * 可在任何地方使用，无需导入 useI18n
+ */
+export const $t = i18n.global.t as Translation;
+
+export default i18n;
+
+/**
+ * 初始化 i18n（由 `initPlugins` / `main` 注册）
+ * @param app Vue 应用实例
+ */
+export function initI18n(app: App<Element>) {
+  app.use(i18n);
+}
diff --git a/src/locales/langs/en.json b/src/locales/langs/en.json
new file mode 100644
index 0000000..b536584
--- /dev/null
+++ b/src/locales/langs/en.json
@@ -0,0 +1,689 @@
+{
+  "httpMsg": {
+    "unauthorized": "Unauthorized access, please login again",
+    "forbidden": "Access to this resource is forbidden",
+    "notFound": "The requested resource does not exist",
+    "methodNotAllowed": "Request method not allowed",
+    "requestTimeout": "Request timeout, please try again later",
+    "internalServerError": "Internal server error, please try again later",
+    "badGateway": "Bad gateway error, please try again later",
+    "serviceUnavailable": "Service temporarily unavailable, please try again later",
+    "gatewayTimeout": "Gateway timeout, please try again later",
+    "requestCancelled": "Request cancelled",
+    "networkError": "Network connection error, please check your connection",
+    "requestFailed": "Request failed",
+    "requestConfigError": "Request configuration error"
+  },
+  "manualPage": {
+    "title": "User manual",
+    "intro": "Watch the walkthrough video and browse the built-in checklist mapped to implemented UI and permission codes (coverage / completeness, not a quality score). Replace the demo video URL with your own CDN in production.",
+    "videoTab": "Video",
+    "manualTab": "Acceptance checklist",
+    "widgetsTab": "Widgets",
+    "widgetsTitle": "Component showcase",
+    "widgetsIntro": "This page centralizes the public components that are not yet referenced by any business page, serving as a usage example.",
+    "widgetsMarkdown": "Markdown renderer",
+    "widgetsComment": "Comment widget",
+    "widgetsECharts": "ECharts wrapper",
+    "videoHint": "Pause, change speed, or go fullscreen anytime.",
+    "manualHint": "Use the TOC, filter, and anchors. “Functional completeness” items mirror implemented search bars, toolbars, row actions, and dialogs for gap checking."
+  },
+  "topBar": {
+    "search": {
+      "title": "Search"
+    },
+    "user": {
+      "userCenter": "User center",
+      "changeLog": "Release notes",
+      "paramConfig": "Config center",
+      "docs": "Document",
+      "github": "Github",
+      "gitee": "Gitee",
+      "tour": "Guided tour",
+      "lockScreen": "Lock screen",
+      "logout": "Log out"
+    },
+    "guide": {
+      "title": "Click here to view",
+      "theme": "Theme style",
+      "menu": "Open top menu",
+      "description": "More configurations"
+    }
+  },
+  "common": {
+    "tips": "Prompt",
+    "cancel": "Cancel",
+    "confirm": "Confirm",
+    "logoutTips": "Do you want to log out?",
+    "reset": "Reset",
+    "save": "Save",
+    "edit": "Edit",
+    "delete": "Delete",
+    "add": "Add",
+    "clear": "Clear",
+    "export": "Export",
+    "import": "Import",
+    "query": "Query",
+    "resetQuery": "Reset Query",
+    "back": "Back",
+    "close": "Close",
+    "refresh": "Refresh",
+    "inputText": "Please enter",
+    "selectText": "Please select",
+    "startTimeText": "Start Time",
+    "endTimeText": "End Time",
+    "login": "Login",
+    "required": "This field is required",
+    "loginOut": "Logout",
+    "document": "Project Documentation",
+    "reminder": "Reminder",
+    "loginOutMessage": "Are you sure you want to log out?",
+    "ok": "OK",
+    "reload": "Reload",
+    "closeTab": "Close Tab",
+    "closeTheLeftTab": "Close Left Tabs",
+    "closeTheRightTab": "Close Right Tabs",
+    "closeOther": "Close Other Tabs",
+    "closeAll": "Close All Tabs",
+    "prevLabel": "Previous",
+    "nextLabel": "Next",
+    "skipLabel": "Skip",
+    "doneLabel": "Done",
+    "menu": "Menu",
+    "menuDes": "Menu rendered based on route structure",
+    "collapse": "Collapse/Expand",
+    "collapseDes": "Expand and collapse the menu bar",
+    "tagsView": "Tags View",
+    "tagsViewDes": "Used to record route history",
+    "tool": "Tool",
+    "toolDes": "Used to customize system settings",
+    "shrink": "Collapse",
+    "expand": "Expand",
+    "delMessage": "Delete selected data?",
+    "delWarning": "Warning",
+    "delOk": "OK",
+    "delCancel": "Cancel",
+    "delNoData": "Please select data to delete",
+    "delSuccess": "Deleted successfully",
+    "fullscreen": "Fullscreen",
+    "size": "Size",
+    "columnSetting": "Column Settings",
+    "lengthRange": "Length must be between {min} and {max} characters",
+    "notSpace": "Cannot contain spaces",
+    "notSpecialCharacters": "Cannot contain special characters",
+    "isEqual": "The two inputs are inconsistent",
+    "setting": "Settings",
+    "copySuccess": "Copy successfully",
+    "copyFailed": "Copy failed"
+  },
+  "search": {
+    "placeholder": "Search page",
+    "historyTitle": "Search history",
+    "switchKeydown": "Navigate",
+    "selectKeydown": "Select",
+    "exitKeydown": "Close"
+  },
+  "setting": {
+    "menuType": {
+      "title": "Menu Layout",
+      "list": ["Vertical", "Horizontal", "Mixed", "Dual"]
+    },
+    "theme": {
+      "title": "Theme Style",
+      "list": ["Light", "Dark", "System"]
+    },
+    "menu": {
+      "title": "Menu Style"
+    },
+    "color": {
+      "title": "Theme Color"
+    },
+    "box": {
+      "title": "Box Style",
+      "list": ["Border", "Shadow"]
+    },
+    "container": {
+      "title": "Container Width",
+      "list": ["Full", "Boxed"]
+    },
+    "basics": {
+      "title": "Basic Config",
+      "list": {
+        "multiTab": "Show work tab",
+        "accordion": "Sidebar opens accordion",
+        "collapseSidebar": "Show sidebar button",
+        "reloadPage": "Show reload page button",
+        "fastEnter": "Show fast enter",
+        "breadcrumb": "Show crumb navigation",
+        "language": "Show multilingual selection",
+        "menuSearch": "Show global menu search",
+        "fullscreenTool": "Show fullscreen toggle",
+        "layoutSize": "Show component size selector",
+        "notificationTool": "Show notification entry",
+        "progressBar": "Show top progress bar",
+        "weakMode": "Color Weakness Mode",
+        "watermark": "Global watermark",
+        "appLogo": "Show app logo & system title",
+        "loginGuide": "Show onboarding guide after login",
+        "grayMode": "Grayscale mode",
+        "aiAssistant": "Enable AI assistant entry",
+        "menuWidth": "Menu width",
+        "tabStyle": "Tab style",
+        "pageTransition": "Page animation",
+        "borderRadius": "Custom radius"
+      }
+    },
+    "tabStyle": {
+      "default": "Pill",
+      "card": "Card",
+      "google": "Chrome"
+    },
+    "transition": {
+      "list": {
+        "none": "None",
+        "fade": "Fade",
+        "slideLeft": "Slide Left",
+        "slideBottom": "Slide Bottom",
+        "slideTop": "Slide Top"
+      }
+    },
+    "actions": {
+      "resetConfig": "Reset Config",
+      "copyConfig": "Copy Config",
+      "copySuccess": "Configuration copied to clipboard, paste it into src/config/setting.ts file",
+      "copyFailed": "Copy failed, please try again",
+      "resetFailed": "Reset failed, please refresh the page and try again"
+    }
+  },
+  "settings": {
+    "menuType": {
+      "title": "Menu Layout",
+      "list": ["Vertical", "Horizontal", "Mixed", "Dual"]
+    },
+    "theme": {
+      "title": "Theme Style",
+      "list": ["Light", "Dark", "System"]
+    },
+    "menu": {
+      "title": "Menu Style"
+    },
+    "color": {
+      "title": "Theme Color"
+    },
+    "box": {
+      "title": "Box Style",
+      "list": ["Border", "Shadow"]
+    },
+    "container": {
+      "title": "Container Width",
+      "list": ["Full", "Boxed"]
+    },
+    "basics": {
+      "title": "Basic Config",
+      "list": {
+        "multiTab": "Show work tab",
+        "accordion": "Sidebar opens accordion",
+        "collapseSidebar": "Show sidebar button",
+        "reloadPage": "Show reload page button",
+        "fastEnter": "Show fast enter",
+        "breadcrumb": "Show crumb navigation",
+        "language": "Show multilingual selection",
+        "progressBar": "Show top progress bar",
+        "weakMode": "Color Weakness Mode",
+        "watermark": "Global watermark",
+        "appLogo": "Show app logo & system title",
+        "loginGuide": "Show onboarding guide after login",
+        "grayMode": "Grayscale mode",
+        "aiAssistant": "Enable AI assistant entry",
+        "menuWidth": "Menu width",
+        "tabStyle": "Tab style",
+        "pageTransition": "Page animation",
+        "borderRadius": "Custom radius"
+      }
+    },
+    "tabStyle": {
+      "default": "Pill",
+      "card": "Card",
+      "google": "Chrome"
+    },
+    "transition": {
+      "list": {
+        "none": "None",
+        "fade": "Fade",
+        "slideLeft": "Slide Left",
+        "slideBottom": "Slide Bottom",
+        "slideTop": "Slide Top"
+      }
+    },
+    "actions": {
+      "resetConfig": "Reset Config",
+      "copyConfig": "Copy Config",
+      "copySuccess": "Configuration copied to clipboard, paste it into src/config/setting.ts file",
+      "copyFailed": "Copy failed, please try again",
+      "resetFailed": "Reset failed, please refresh the page and try again"
+    },
+    "project": "Project Settings",
+    "themeSetting": "Theme Settings",
+    "themeColor": "Theme Color",
+    "themeColorTip": "Theme Color",
+    "customColor": "Custom Color",
+    "darkMode": "Dark Mode",
+    "layoutSetting": "Layout Settings",
+    "sidebarColorScheme": "Sidebar Color Scheme",
+    "showTagsView": "Show Tags View",
+    "showAppLogo": "Show App Logo",
+    "showWatermark": "Show Watermark",
+    "grayMode": "Gray Mode",
+    "userEnableAi": "Enable AI Assistant",
+    "pageSwitchingAnimation": "Page Switching Animation",
+    "showDesktopTools": "Tools Settings",
+    "showMenuSearch": "Show Menu Search",
+    "showFullscreen": "Show Fullscreen Toggle",
+    "showSizeSelect": "Show Layout Size",
+    "showLangSelect": "Show Language Select",
+    "showNotification": "Show Notification",
+    "classicBlue": "Classic Blue",
+    "minimalWhite": "Minimal White",
+    "leftLayout": "Left Mode",
+    "topLayout": "Top Mode",
+    "mixLayout": "Mix Mode",
+    "configManagement": "Config Management",
+    "copyConfigDescription": "Generate current settings code and copy to clipboard, then merge into src/config/setting.ts",
+    "resetConfigDescription": "Restore all settings to system default values",
+    "systemTheme": "System Theme",
+    "showGuide": "Show Guide",
+    "showSettings": "Show Settings",
+    "interface": "Interface",
+    "navigation": "Navigation",
+    "copySuccess": "Copy Success",
+    "resetSuccess": "Reset Success",
+    "none": "None",
+    "fade": "Fade",
+    "fade-slide": "Fade Slide",
+    "fade-scale": "Fade Scale",
+    "slide-left-right": "Slide Left Right",
+    "zoom-in-out": "Zoom In Out",
+    "slide-up-down": "Slide Up Down",
+    "bounce": "Bounce"
+  },
+  "notice": {
+    "title": "Notice",
+    "btnRead": "Mark as read",
+    "bar": ["Notice", "Message", "Todo"],
+    "text": ["No"],
+    "viewAll": "View all"
+  },
+  "worktab": {
+    "scrollLeft": "Scroll tabs left",
+    "scrollRight": "Scroll tabs right",
+    "menuMore": "Tab menu",
+    "bookmarkAdd": "Add to workplace favorites",
+    "bookmarkRemove": "Remove from favorites",
+    "bookmarkAdded": "Added to favorites",
+    "bookmarkRemoved": "Removed from favorites",
+    "bookmarkFail": "Favorite action failed",
+    "refreshCacheDone": "Cache refreshed and page reloaded",
+    "refreshCacheFail": "Failed to refresh cache",
+    "btn": {
+      "refresh": "Refresh",
+      "fixed": "Fixed",
+      "unfixed": "Unfixed",
+      "closeCurrent": "Close current",
+      "closeLeft": "Close left",
+      "closeRight": "Close right",
+      "closeOther": "Close other",
+      "closeAll": "Close all"
+    }
+  },
+  "login": {
+    "leftView": {
+      "title": "A backend system of beauty and efficiency",
+      "subTitle": "Provide secure, efficient, and scalable management solutions to help enterprises digitalize and grow their businesses."
+    },
+    "title": "Welcome back 👋",
+    "subTitle": "Enter your account details to start managing your project",
+    "versionLabel": "Version",
+    "quickSelectAccount": "Quick select account",
+    "mobileLogin": "Mobile login",
+    "mobileLoginSubTitle": "Enter your mobile number to start managing your projects",
+    "mobilePhonePlaceholder": "Mobile number",
+    "getSmsCode": "Get code",
+    "smsCodeSentMock": "Verification code sent (demo only)",
+    "smsCodeRequired": "Enter the 6-digit SMS code",
+    "mobileLoginPending": "Mobile login API is not connected yet — UI preview only",
+    "backToAccountLogin": "Back",
+    "qrLogin": "QR code login",
+    "qrLoginTitle": "Welcome back 📱",
+    "qrLoginSubTitle": "Scan the QR code with your phone to sign in",
+    "qrLoginHint": "After scanning, tap Confirm on your phone to finish signing in",
+    "oauthNoticeTitle": "Notice",
+    "oauthLoginSuccess": "Signed in with your social account",
+    "oauthLoginFailed": "Social sign-in failed. Try username and password.",
+    "comingSoon": "Coming soon",
+    "accountLoginTab": "Account",
+    "quickLoginTab": "Quick login",
+    "roles": {
+      "super": "Super Admin",
+      "admin": "Admin",
+      "user": "User"
+    },
+    "placeholder": {
+      "username": "Please enter username",
+      "password": "Please enter password",
+      "email": "Please enter email",
+      "slider": "Please slide to verify"
+    },
+    "email": {
+      "required": "Please enter email",
+      "invalid": "Invalid email format"
+    },
+    "sliderText": "Please slide to verify",
+    "sliderSuccessText": "Verification successful",
+    "rememberPwd": "Remember password",
+    "forgetPwd": "Forgot password",
+    "btnText": "Login",
+    "backLoginBtnText": "Back to Login",
+    "noAccount": "No account yet?",
+    "register": "Register",
+    "success": {
+      "title": "Login successful",
+      "message": "Welcome back"
+    },
+    "themeToggle": "Theme Switch",
+    "languageToggle": "Language Switch",
+    "dark": "Dark",
+    "light": "Light",
+    "auto": "Auto",
+    "newPassword": "Please enter new Password",
+    "captchaCode": "Please enter Verify Code",
+    "captchaClickHint": "Click to refresh captcha",
+    "capsLock": "Caps Lock is On",
+    "message": {
+      "username": {
+        "required": "Please enter Username"
+      },
+      "password": {
+        "required": "Please enter Password",
+        "currentRequired": "Please enter your current password",
+        "min": "The password cannot be less than 6 characters",
+        "confirm": "Please confirm the password again",
+        "inconformity": "The two password entries are inconsistent"
+      },
+      "captchaCode": {
+        "required": "Please enter Verify Code"
+      },
+      "mobile": {
+        "required": "Please enter mobile number",
+        "invalid": "Invalid mobile number format",
+        "exist": "Mobile number already exists"
+      },
+      "email": {
+        "required": "Please enter email",
+        "invalid": "Invalid email format",
+        "exist": "Email already exists"
+      },
+      "name": {
+        "required": "Please enter account",
+        "invalid": "Invalid account format",
+        "min": "Account cannot be less than 2 characters"
+      },
+      "agree": {
+        "required": "Please agree to the User Agreement"
+      }
+    },
+    "oauthTooltip": {
+      "wechat": "WeChat",
+      "qq": "QQ",
+      "github": "GitHub",
+      "gitee": "Gitee"
+    },
+    "otherLoginMethods": "Other",
+    "resetPassword": "Reset password",
+    "thinkOfPasswd": "Remember your password?",
+    "agree": "I have read and agree to the",
+    "userAgreement": "User Agreement",
+    "haveAccount": "Already have an account?",
+    "noAccountText": "Don't have an account?",
+    "quickFill": "Quick fill",
+    "quickLoginTip": "Click user avatar to login quickly",
+    "selectUser": "Select a user",
+    "reg": "Register",
+    "panelAlign": {
+      "label": "Column layout",
+      "left": "Wide illustration",
+      "center": "Balanced",
+      "right": "Wide form"
+    }
+  },
+  "loginForm": {
+    "remember": "Remember me"
+  },
+  "forgetPassword": {
+    "title": "Forgot password?",
+    "subTitle": "Enter your username and set a new password",
+    "placeholder": "Please enter your email",
+    "submitBtnText": "Submit",
+    "backBtnText": "Back"
+  },
+  "register": {
+    "title": "Create account",
+    "subTitle": "Welcome to join us, please fill in the following information to complete the registration",
+    "placeholder": {
+      "username": "Please enter account",
+      "password": "Please enter password",
+      "confirmPassword": "Please enter password again",
+      "email": "Please enter email"
+    },
+    "rule": {
+      "confirmPasswordRequired": "Please enter your password again",
+      "passwordMismatch": "The two passwords are inconsistent!",
+      "usernameLength": "Length is 3 to 20 characters",
+      "passwordLength": "Password length cannot be less than 6 digits",
+      "agreementRequired": "Please agree to privacy policy"
+    },
+    "agreeText": "I agree",
+    "privacyPolicy": "Privacy policy",
+    "submitBtnText": "Register",
+    "hasAccount": "Already have an account?",
+    "toLogin": "To login"
+  },
+  "lock": {
+    "unlock": "Click to unlock",
+    "placeholder": "Please enter lock screen password",
+    "message": "Password error",
+    "backToLogin": "Back to login",
+    "entrySystem": "Enter system",
+    "lockScreen": "Lock screen",
+    "required": "Please enter password"
+  },
+  "lockScreen": {
+    "pwdError": "Password error",
+    "lock": {
+      "inputPlaceholder": "Please input lock screen password",
+      "btnText": "Lock"
+    },
+    "unlock": {
+      "inputPlaceholder": "Please input unlock password",
+      "btnText": "Unlock",
+      "backBtnText": "Back to login"
+    },
+    "lockScreen": "Lock screen",
+    "lockPassword": "Lock screen password",
+    "unlockText": "Click to unlock",
+    "backToLogin": "Back to login",
+    "entrySystem": "Entry the system",
+    "placeholder": "Please enter the lock screen password",
+    "required": "Please enter the lock screen password",
+    "message": "Lock screen password error"
+  },
+  "greeting": {
+    "dawn": "Good morning!",
+    "morning": "Good morning!",
+    "afternoon": "Good afternoon!",
+    "evening": "Good evening!"
+  },
+  "exceptionPage": {
+    "401": "Sorry, you don't have permission to access this page.",
+    "403": "Sorry, you do not have permission to access this page",
+    "404": "Sorry, the page you are trying to access does not exist",
+    "500": "Sorry, there was an error on the server",
+    "gohome": "Go Home",
+    "noPermission": "Sorry, you don't have permission to access this page.",
+    "pageError": "Sorry, the page you visited does not exist.",
+    "networkError": "Sorry, the server reported an error.",
+    "returnToHome": "Return to home"
+  },
+  "menus": {
+    "login": {
+      "title": "Login"
+    },
+    "register": {
+      "title": "Register"
+    },
+    "forgetPassword": {
+      "title": "Forget Password"
+    },
+    "outside": {
+      "title": "Outside"
+    },
+    "home": {
+      "title": "Home"
+    },
+    "workplace": {
+      "title": "Workbench"
+    },
+    "fachat": {
+      "title": "Fachat"
+    },
+    "changelog": {
+      "title": "Release notes"
+    },
+    "dashboard": {
+      "title": "Dashboard",
+      "workplace": "Workplace",
+      "analysis": "Analysis",
+      "visualization": "3D Visualization",
+      "pricing": "Pricing",
+      "tutorial": "User manual"
+    },
+    "article": {
+      "title": "Article",
+      "articleList": "Article List",
+      "articleDetail": "Article Detail",
+      "comment": "Comment",
+      "articlePublish": "Article Publish"
+    },
+    "exception": {
+      "title": "Exception",
+      "forbidden": "403",
+      "notFound": "404",
+      "serverError": "500"
+    },
+    "system": {
+      "title": "Template System",
+      "user": "User Manage",
+      "role": "Role Manage",
+      "userCenter": "User Center",
+      "menu": "Menu Manage",
+      "nested": "Nested Menu",
+      "menu1": "Menu 1",
+      "menu2": "Menu 2",
+      "menu21": "Menu 2-1",
+      "menu3": "Menu 3",
+      "menu31": "Menu 3-1",
+      "menu32": "Menu 3-2",
+      "menu321": "Menu 3-2-1"
+    },
+    "safeguard": {
+      "title": "Safeguard",
+      "server": "Server"
+    },
+    "plan": {
+      "title": "Version Plan",
+      "log": "Change Log"
+    },
+    "help": {
+      "title": "Help Center",
+      "document": "Document",
+      "liteVersion": "Lite Version",
+      "oldVersion": "v2.6.1 Version"
+    }
+  },
+  "table": {
+    "form": {
+      "reset": "Reset",
+      "submit": "Submit"
+    },
+    "searchBar": {
+      "reset": "Reset",
+      "search": "Search",
+      "expand": "Expand",
+      "collapse": "Collapse",
+      "searchInputPlaceholder": "Please enter",
+      "searchSelectPlaceholder": "Please select"
+    },
+    "selection": "Select",
+    "sizeOptions": {
+      "small": "Compact",
+      "default": "Default",
+      "large": "Loose"
+    },
+    "column": {
+      "selection": "Select",
+      "expand": "Expand",
+      "index": "Index"
+    },
+    "zebra": "Zebra",
+    "border": "Border",
+    "headerBackground": "Header BG",
+    "highlightCurrentRow": "Highlight Row",
+    "toolbar": {
+      "hideSearch": "Hide search area",
+      "showSearch": "Show search area",
+      "enableRowDrag": "Enable row drag sort (current page)",
+      "disableRowDrag": "Disable row drag sort"
+    }
+  },
+  "navbar": {
+    "dashboard": "Dashboard",
+    "logout": "Logout",
+    "document": "Document",
+    "gitee": "Gitee",
+    "lock": "Lock",
+    "unlock": "Unlock",
+    "profile": "User Profile",
+    "config": "Config Center",
+    "tour": "Project Tour",
+    "refresh": "Refresh",
+    "close": "Close",
+    "closeLeft": "Close Left",
+    "closeRight": "Close Right",
+    "closeOther": "Close Other",
+    "closeAll": "Close All",
+    "refreshCache": "Refresh Cache"
+  },
+  "route": {
+    "dashboard": "Dashboard",
+    "document": "Document"
+  },
+  "sizeSelect": {
+    "tooltip": "Layout Size",
+    "default": "Default",
+    "large": "Large",
+    "small": "Small",
+    "message": {
+      "success": "Switch Layout Size Successful!"
+    }
+  },
+  "langSelect": {
+    "message": {
+      "success": "Switch Language Successful!"
+    }
+  },
+  "error": {
+    "noPermission": "Sorry, you don't have permission to access this page.",
+    "pageError": "Sorry, the page you visited does not exist.",
+    "networkError": "Sorry, the server reported an error.",
+    "returnToHome": "Return to home"
+  }
+}
diff --git a/src/locales/langs/zh.json b/src/locales/langs/zh.json
new file mode 100644
index 0000000..5c7381b
--- /dev/null
+++ b/src/locales/langs/zh.json
@@ -0,0 +1,689 @@
+{
+  "httpMsg": {
+    "unauthorized": "未授权访问，请重新登录",
+    "forbidden": "禁止访问该资源",
+    "notFound": "请求的资源不存在",
+    "methodNotAllowed": "请求方法不允许",
+    "requestTimeout": "请求超时，请稍后重试",
+    "internalServerError": "服务器内部错误，请稍后重试",
+    "badGateway": "网关错误，请稍后重试",
+    "serviceUnavailable": "服务暂时不可用，请稍后重试",
+    "gatewayTimeout": "网关超时，请稍后重试",
+    "requestCancelled": "请求已取消",
+    "networkError": "网络连接异常，请检查网络连接",
+    "requestFailed": "请求失败",
+    "requestConfigError": "请求配置错误"
+  },
+  "manualPage": {
+    "title": "操作手册",
+    "intro": "视频演示常用操作流程；「功能验收」正文按模块列出已实现界面与权限，用于核对功能是否覆盖完整（非评价好坏）。正式环境可将演示视频替换为自有 CDN / 静态资源地址。",
+    "videoTab": "视频演示",
+    "manualTab": "功能验收",
+    "widgetsTab": "组件展示",
+    "widgetsTitle": "组件展示",
+    "widgetsIntro": "本页集中展示仓库内尚未在其他业务页出现的公共组件，作为「引用案例」。",
+    "widgetsMarkdown": "Markdown 渲染",
+    "widgetsComment": "评论组件",
+    "widgetsECharts": "ECharts 图表",
+    "videoHint": "可随时暂停、调速与全屏观看。",
+    "manualHint": "支持目录锚点与筛选；正文「功能完整性验收」与代码已实现的检索、工具栏、行操作、弹层等逐项对应，便于漏项检查。"
+  },
+  "topBar": {
+    "search": {
+      "title": "搜索"
+    },
+    "user": {
+      "userCenter": "个人中心",
+      "changeLog": "更新日志",
+      "paramConfig": "配置中心",
+      "docs": "使用文档",
+      "github": "Github",
+      "gitee": "Gitee",
+      "tour": "功能引导",
+      "lockScreen": "锁定屏幕",
+      "logout": "退出登录"
+    },
+    "guide": {
+      "title": "点击这里查看",
+      "theme": "主题风格",
+      "menu": "开启顶栏菜单",
+      "description": "等更多配置"
+    }
+  },
+  "common": {
+    "tips": "提示",
+    "cancel": "取消",
+    "confirm": "确定",
+    "logoutTips": "您是否要退出登录?",
+    "reset": "重置",
+    "save": "保存",
+    "edit": "编辑",
+    "delete": "删除",
+    "add": "添加",
+    "clear": "清除",
+    "export": "导出",
+    "import": "导入",
+    "query": "查询",
+    "resetQuery": "重置查询",
+    "back": "返回",
+    "close": "关闭",
+    "refresh": "刷新",
+    "inputText": "请输入",
+    "selectText": "请选择",
+    "startTimeText": "开始时间",
+    "endTimeText": "结束时间",
+    "login": "登录",
+    "required": "该项为必填项",
+    "loginOut": "退出系统",
+    "document": "项目文档",
+    "reminder": "温馨提示",
+    "loginOutMessage": "是否退出本系统？",
+    "ok": "确定",
+    "reload": "重新加载",
+    "closeTab": "关闭标签页",
+    "closeTheLeftTab": "关闭左侧标签页",
+    "closeTheRightTab": "关闭右侧标签页",
+    "closeOther": "关闭其它标签页",
+    "closeAll": "关闭全部标签页",
+    "prevLabel": "上一步",
+    "nextLabel": "下一步",
+    "skipLabel": "跳过",
+    "doneLabel": "结束",
+    "menu": "菜单",
+    "menuDes": "以路由的结构渲染的菜单栏",
+    "collapse": "展开缩收",
+    "collapseDes": "展开和缩放菜单栏",
+    "tagsView": "标签页",
+    "tagsViewDes": "用于记录路由历史记录",
+    "tool": "工具",
+    "toolDes": "用于设置定制系统",
+    "shrink": "收起",
+    "expand": "展开",
+    "delMessage": "是否删除所选中数据？",
+    "delWarning": "提示",
+    "delOk": "确定",
+    "delCancel": "取消",
+    "delNoData": "请选择需要删除的数据",
+    "delSuccess": "删除成功",
+    "fullscreen": "全屏",
+    "size": "尺寸",
+    "columnSetting": "列设置",
+    "lengthRange": "长度在 {min} 到 {max} 个字符",
+    "notSpace": "不能包含空格",
+    "notSpecialCharacters": "不能包含特殊字符",
+    "isEqual": "两次输入不一致",
+    "setting": "设置",
+    "copySuccess": "复制成功",
+    "copyFailed": "复制失败"
+  },
+  "search": {
+    "placeholder": "搜索页面",
+    "historyTitle": "搜索历史",
+    "switchKeydown": "切换",
+    "selectKeydown": "选择",
+    "exitKeydown": "关闭"
+  },
+  "setting": {
+    "menuType": {
+      "title": "菜单布局",
+      "list": ["垂直", "水平", "混合", "双列"]
+    },
+    "theme": {
+      "title": "主题风格",
+      "list": ["浅色", "深色", "系统"]
+    },
+    "menu": {
+      "title": "菜单风格"
+    },
+    "color": {
+      "title": "系统主题色"
+    },
+    "box": {
+      "title": "盒子样式",
+      "list": ["边框", "阴影"]
+    },
+    "container": {
+      "title": "容器宽度",
+      "list": ["铺满", "定宽"]
+    },
+    "basics": {
+      "title": "基础配置",
+      "list": {
+        "multiTab": "开启多标签栏",
+        "accordion": "侧边栏开启手风琴模式",
+        "collapseSidebar": "显示折叠侧边栏按钮",
+        "reloadPage": "显示重载页面按钮",
+        "fastEnter": "显示快速入口",
+        "breadcrumb": "显示全局面包屑导航",
+        "language": "显示多语言选择",
+        "menuSearch": "显示全局菜单搜索",
+        "fullscreenTool": "显示全屏切换",
+        "layoutSize": "显示组件尺寸切换",
+        "notificationTool": "显示通知入口",
+        "progressBar": "显示顶部进度条",
+        "weakMode": "色弱模式",
+        "watermark": "全局水印",
+        "appLogo": "显示应用 Logo 与系统标题",
+        "loginGuide": "登录后开启新手引导",
+        "grayMode": "灰色模式",
+        "aiAssistant": "启用 AI 助手入口",
+        "menuWidth": "菜单宽度",
+        "tabStyle": "标签页风格",
+        "pageTransition": "页面切换动画",
+        "borderRadius": "自定义圆角"
+      }
+    },
+    "tabStyle": {
+      "default": "胶囊",
+      "card": "卡片",
+      "google": "谷歌"
+    },
+    "transition": {
+      "list": {
+        "none": "无动画",
+        "fade": "淡入淡出",
+        "slideLeft": "左侧滑入",
+        "slideBottom": "下方滑入",
+        "slideTop": "上方滑入"
+      }
+    },
+    "actions": {
+      "resetConfig": "重置配置",
+      "copyConfig": "复制配置",
+      "copySuccess": "配置已复制到剪贴板，可粘贴到 src/config/setting.ts 文件中",
+      "copyFailed": "复制失败，请重试",
+      "resetFailed": "重置失败，请刷新页面后重试"
+    }
+  },
+  "settings": {
+    "menuType": {
+      "title": "菜单布局",
+      "list": ["垂直", "水平", "混合", "双列"]
+    },
+    "theme": {
+      "title": "主题风格",
+      "list": ["浅色", "深色", "系统"]
+    },
+    "menu": {
+      "title": "菜单风格"
+    },
+    "color": {
+      "title": "系统主题色"
+    },
+    "box": {
+      "title": "盒子样式",
+      "list": ["边框", "阴影"]
+    },
+    "container": {
+      "title": "容器宽度",
+      "list": ["铺满", "定宽"]
+    },
+    "basics": {
+      "title": "基础配置",
+      "list": {
+        "multiTab": "开启多标签栏",
+        "accordion": "侧边栏开启手风琴模式",
+        "collapseSidebar": "显示折叠侧边栏按钮",
+        "reloadPage": "显示重载页面按钮",
+        "fastEnter": "显示快速入口",
+        "breadcrumb": "显示全局面包屑导航",
+        "language": "显示多语言选择",
+        "progressBar": "显示顶部进度条",
+        "weakMode": "色弱模式",
+        "watermark": "全局水印",
+        "appLogo": "显示应用 Logo 与系统标题",
+        "loginGuide": "登录后开启新手引导",
+        "grayMode": "灰色模式",
+        "aiAssistant": "启用 AI 助手入口",
+        "menuWidth": "菜单宽度",
+        "tabStyle": "标签页风格",
+        "pageTransition": "页面切换动画",
+        "borderRadius": "自定义圆角"
+      }
+    },
+    "tabStyle": {
+      "default": "胶囊",
+      "card": "卡片",
+      "google": "谷歌"
+    },
+    "transition": {
+      "list": {
+        "none": "无动画",
+        "fade": "淡入淡出",
+        "slideLeft": "左侧滑入",
+        "slideBottom": "下方滑入",
+        "slideTop": "上方滑入"
+      }
+    },
+    "actions": {
+      "resetConfig": "重置配置",
+      "copyConfig": "复制配置",
+      "copySuccess": "配置已复制到剪贴板，可粘贴到 src/config/setting.ts 文件中",
+      "copyFailed": "复制失败，请重试",
+      "resetFailed": "重置失败，请刷新页面后重试"
+    },
+    "project": "项目配置",
+    "themeSetting": "主题设置",
+    "themeColor": "主题颜色",
+    "themeColorTip": "主题颜色",
+    "customColor": "自定义颜色",
+    "darkMode": "暗黑模式",
+    "layoutSetting": "布局设置",
+    "sidebarColorScheme": "侧边栏配色",
+    "showTagsView": "显示页签",
+    "showAppLogo": "显示Logo",
+    "showWatermark": "显示水印",
+    "grayMode": "灰色模式",
+    "userEnableAi": "AI 助手",
+    "pageSwitchingAnimation": "切换动画",
+    "showDesktopTools": "工具设置",
+    "showMenuSearch": "显示菜单搜索",
+    "showFullscreen": "显示全屏切换",
+    "showSizeSelect": "显示布局大小",
+    "showLangSelect": "显示语言选择",
+    "showNotification": "显示通知",
+    "classicBlue": "经典蓝",
+    "minimalWhite": "极简白",
+    "leftLayout": "左侧模式",
+    "topLayout": "顶部模式",
+    "mixLayout": "混合模式",
+    "configManagement": "配置管理",
+    "copyConfigDescription": "生成当前设置的代码并复制到剪贴板，然后覆盖 src/config/setting.ts 中相应配置",
+    "resetConfigDescription": "恢复所有设置为系统默认值",
+    "systemTheme": "系统主题",
+    "showGuide": "启动引导",
+    "showSettings": "显示设置",
+    "interface": "界面设置",
+    "navigation": "导航主题",
+    "copySuccess": "复制成功",
+    "resetSuccess": "重置成功",
+    "none": "无动画",
+    "fade": "淡入淡出",
+    "fade-slide": "平滑切换",
+    "fade-scale": "缩放切换",
+    "slide-left-right": "左右滑动",
+    "zoom-in-out": "缩放进出",
+    "slide-up-down": "上下滑动",
+    "bounce": "弹性效果"
+  },
+  "notice": {
+    "title": "通知",
+    "btnRead": "标为已读",
+    "bar": ["通知", "消息", "待办"],
+    "text": ["暂无"],
+    "viewAll": "查看全部"
+  },
+  "worktab": {
+    "scrollLeft": "向左滚动标签",
+    "scrollRight": "向右滚动标签",
+    "menuMore": "标签选项",
+    "bookmarkAdd": "加入工作台收藏",
+    "bookmarkRemove": "取消工作台收藏",
+    "bookmarkAdded": "已加入收藏",
+    "bookmarkRemoved": "已取消收藏",
+    "bookmarkFail": "收藏操作失败",
+    "refreshCacheDone": "已刷新缓存并重新加载当前页",
+    "refreshCacheFail": "刷新缓存失败",
+    "btn": {
+      "refresh": "刷新",
+      "fixed": "固定",
+      "unfixed": "取消固定",
+      "closeCurrent": "关闭当前",
+      "closeLeft": "关闭左侧",
+      "closeRight": "关闭右侧",
+      "closeOther": "关闭其他",
+      "closeAll": "关闭全部"
+    }
+  },
+  "login": {
+    "leftView": {
+      "title": "一款兼具设计美学与高效开发的后台系统",
+      "subTitle": "提供安全、高效、可扩展的管理解决方案，助力企业数字化转型与业务增长。"
+    },
+    "title": "欢迎回来 👋",
+    "subTitle": "请输入您的账户信息以开始管理您的项目",
+    "versionLabel": "版本",
+    "quickSelectAccount": "快速选择账号",
+    "mobileLogin": "手机号登录",
+    "mobileLoginSubTitle": "请输入您的手机号码以开始管理您的项目",
+    "mobilePhonePlaceholder": "手机号码",
+    "getSmsCode": "获取验证码",
+    "smsCodeSentMock": "验证码已发送（演示环境）",
+    "smsCodeRequired": "请输入 6 位短信验证码",
+    "mobileLoginPending": "手机号登录接口暂未接入，仅供界面演示",
+    "backToAccountLogin": "返回",
+    "qrLogin": "扫码登录",
+    "qrLoginTitle": "欢迎回来 📱",
+    "qrLoginSubTitle": "请用手机扫描二维码登录",
+    "qrLoginHint": "扫码后点击「确认」，即可完成登录",
+    "oauthNoticeTitle": "通知",
+    "oauthLoginSuccess": "第三方账号登录成功",
+    "oauthLoginFailed": "第三方登录失败，请尝试账号密码登录",
+    "comingSoon": "功能开发中，敬请期待",
+    "accountLoginTab": "账号登录",
+    "quickLoginTab": "快速登录",
+    "roles": {
+      "super": "超级管理员",
+      "admin": "管理员",
+      "user": "普通用户"
+    },
+    "placeholder": {
+      "username": "请输入用户名",
+      "password": "请输入密码",
+      "email": "请输入邮箱",
+      "slider": "请拖动滑块完成验证"
+    },
+    "email": {
+      "required": "请输入邮箱",
+      "invalid": "邮箱格式不正确"
+    },
+    "sliderText": "按住滑块拖动",
+    "sliderSuccessText": "验证成功",
+    "rememberPwd": "记住密码",
+    "forgetPwd": "忘记密码",
+    "btnText": "登录",
+    "backLoginBtnText": "去登录",
+    "noAccount": "还没有账号？",
+    "register": "注册",
+    "success": {
+      "title": "登录成功",
+      "message": "欢迎回来"
+    },
+    "themeToggle": "主题切换",
+    "languageToggle": "语言切换",
+    "dark": "暗黑",
+    "light": "明亮",
+    "auto": "自动",
+    "newPassword": "请输入新密码",
+    "captchaCode": "请输入验证码",
+    "captchaClickHint": "点击刷新验证码",
+    "capsLock": "大写锁定已打开",
+    "message": {
+      "username": {
+        "required": "请输入账号"
+      },
+      "password": {
+        "required": "请输入密码",
+        "currentRequired": "请输入当前密码",
+        "min": "密码不能少于6位",
+        "confirm": "请再次确认密码",
+        "inconformity": "两次密码输入不一致"
+      },
+      "captchaCode": {
+        "required": "请输入验证码"
+      },
+      "mobile": {
+        "required": "请输入手机号",
+        "invalid": "手机号格式不正确",
+        "exist": "手机号已存在"
+      },
+      "email": {
+        "required": "请输入邮箱",
+        "invalid": "邮箱格式不正确",
+        "exist": "邮箱已存在"
+      },
+      "name": {
+        "required": "请输入名称",
+        "invalid": "名称格式不正确",
+        "min": "名称不能少于2位"
+      },
+      "agree": {
+        "required": "请先勾选同意用户协议"
+      }
+    },
+    "oauthTooltip": {
+      "wechat": "微信",
+      "qq": "QQ",
+      "github": "GitHub",
+      "gitee": "Gitee"
+    },
+    "otherLoginMethods": "其他登录方式",
+    "resetPassword": "重置密码",
+    "thinkOfPasswd": "想起密码？",
+    "agree": "我已同意并阅读",
+    "userAgreement": "用户协议",
+    "haveAccount": "已有账号？",
+    "noAccountText": "您没有账号？",
+    "quickFill": "快速填写",
+    "quickLoginTip": "点击用户头像快速登录",
+    "selectUser": "请选择用户",
+    "reg": "注 册",
+    "panelAlign": {
+      "label": "分栏布局",
+      "left": "居左",
+      "center": "居中",
+      "right": "居右"
+    }
+  },
+  "loginForm": {
+    "remember": "记住我"
+  },
+  "forgetPassword": {
+    "title": "忘记密码？",
+    "subTitle": "请输入账号并设置新密码",
+    "placeholder": "请输入您的电子邮件",
+    "submitBtnText": "提交",
+    "backBtnText": "返回"
+  },
+  "register": {
+    "title": "创建账号",
+    "subTitle": "欢迎加入我们，请填写以下信息完成注册",
+    "placeholder": {
+      "username": "请输入账号",
+      "password": "请输入密码",
+      "confirmPassword": "请再次输入密码",
+      "email": "请输入邮箱"
+    },
+    "rule": {
+      "confirmPasswordRequired": "请再次输入密码",
+      "passwordMismatch": "两次输入密码不一致!",
+      "usernameLength": "长度在 3 到 20 个字符",
+      "passwordLength": "密码长度不能小于6位",
+      "agreementRequired": "请同意隐私协议"
+    },
+    "agreeText": "我同意",
+    "privacyPolicy": "《隐私政策》",
+    "submitBtnText": "注册",
+    "hasAccount": "已有账号？",
+    "toLogin": "去登录"
+  },
+  "lock": {
+    "unlock": "点击解锁",
+    "placeholder": "请输入锁屏密码",
+    "message": "密码错误",
+    "backToLogin": "返回登录",
+    "entrySystem": "进入系统",
+    "lockScreen": "锁定屏幕",
+    "required": "请输入密码"
+  },
+  "lockScreen": {
+    "pwdError": "密码错误",
+    "lock": {
+      "inputPlaceholder": "请输入锁屏密码",
+      "btnText": "锁定"
+    },
+    "unlock": {
+      "inputPlaceholder": "请输入解锁密码",
+      "btnText": "解锁",
+      "backBtnText": "返回登录"
+    },
+    "lockScreen": "锁定屏幕",
+    "lockPassword": "锁屏密码",
+    "unlockText": "点击解锁",
+    "backToLogin": "返回登录",
+    "entrySystem": "进入系统",
+    "placeholder": "请输入锁屏密码",
+    "required": "请输入必填项",
+    "message": "锁屏密码错误"
+  },
+  "greeting": {
+    "dawn": "凌晨了！",
+    "morning": "上午好！",
+    "afternoon": "下午好！",
+    "evening": "晚上好！"
+  },
+  "exceptionPage": {
+    "401": "抱歉，您没有权限访问此页面。",
+    "403": "抱歉，您无权访问该页面",
+    "404": "抱歉，您访问的页面不存在",
+    "500": "抱歉，服务器出错了",
+    "gohome": "返回首页",
+    "noPermission": "抱歉，您无权访问此页面。",
+    "pageError": "抱歉，您访问的页面不存在。",
+    "networkError": "抱歉，服务器报告错误。",
+    "returnToHome": "返回首页"
+  },
+  "menus": {
+    "login": {
+      "title": "登录"
+    },
+    "register": {
+      "title": "注册"
+    },
+    "forgetPassword": {
+      "title": "忘记密码"
+    },
+    "outside": {
+      "title": "内嵌页面"
+    },
+    "home": {
+      "title": "首页"
+    },
+    "workplace": {
+      "title": "工作台"
+    },
+    "fachat": {
+      "title": "聊天"
+    },
+    "changelog": {
+      "title": "更新日志"
+    },
+    "dashboard": {
+      "title": "仪表盘",
+      "workplace": "工作台",
+      "analysis": "分析页",
+      "visualization": "三维可视化",
+      "pricing": "定价",
+      "tutorial": "操作手册"
+    },
+    "article": {
+      "title": "文章管理",
+      "articleList": "文章列表",
+      "articleDetail": "文章详情",
+      "comment": "留言管理",
+      "articlePublish": "文章发布"
+    },
+    "exception": {
+      "title": "异常页面",
+      "forbidden": "403",
+      "notFound": "404",
+      "serverError": "500"
+    },
+    "system": {
+      "title": "模板系统",
+      "user": "用户管理",
+      "role": "角色管理",
+      "userCenter": "个人中心",
+      "menu": "菜单管理",
+      "nested": "嵌套菜单",
+      "menu1": "菜单1",
+      "menu2": "菜单2",
+      "menu21": "菜单2-1",
+      "menu3": "菜单3",
+      "menu31": "菜单3-1",
+      "menu32": "菜单3-2",
+      "menu321": "菜单3-2-1"
+    },
+    "safeguard": {
+      "title": "运维管理",
+      "server": "服务器管理"
+    },
+    "plan": {
+      "title": "版本计划",
+      "log": "更新日志"
+    },
+    "help": {
+      "title": "帮助中心",
+      "document": "官方文档",
+      "liteVersion": "精简版本",
+      "oldVersion": "v2.6.1 版本"
+    }
+  },
+  "table": {
+    "form": {
+      "reset": "重置",
+      "submit": "提交"
+    },
+    "searchBar": {
+      "reset": "重置",
+      "search": "查询",
+      "expand": "展开",
+      "collapse": "收起",
+      "searchInputPlaceholder": "请输入",
+      "searchSelectPlaceholder": "请选择"
+    },
+    "selection": "选择",
+    "sizeOptions": {
+      "small": "紧凑",
+      "default": "默认",
+      "large": "宽松"
+    },
+    "column": {
+      "selection": "复选框",
+      "expand": "展开",
+      "index": "序号"
+    },
+    "zebra": "斑马纹",
+    "border": "边框",
+    "headerBackground": "表头背景",
+    "highlightCurrentRow": "高亮行",
+    "toolbar": {
+      "hideSearch": "隐藏搜索区域",
+      "showSearch": "显示搜索区域",
+      "enableRowDrag": "开启行拖拽排序（当前页）",
+      "disableRowDrag": "关闭行拖拽排序"
+    }
+  },
+  "navbar": {
+    "dashboard": "首页",
+    "logout": "退出登录",
+    "document": "项目文档",
+    "gitee": "项目地址",
+    "lock": "锁定屏幕",
+    "unlock": "解锁屏幕",
+    "profile": "个人中心",
+    "config": "配置中心",
+    "tour": "项目引导",
+    "refresh": "刷新",
+    "close": "关闭",
+    "closeLeft": "关闭左侧",
+    "closeRight": "关闭右侧",
+    "closeOther": "关闭其他",
+    "closeAll": "关闭所有",
+    "refreshCache": "刷新缓存"
+  },
+  "route": {
+    "dashboard": "首页",
+    "document": "项目文档"
+  },
+  "sizeSelect": {
+    "tooltip": "布局大小",
+    "default": "默认",
+    "large": "大型",
+    "small": "小型",
+    "message": {
+      "success": "切换布局大小成功！"
+    }
+  },
+  "langSelect": {
+    "message": {
+      "success": "切换语言成功！"
+    }
+  },
+  "error": {
+    "noPermission": "抱歉，您无权访问此页面。",
+    "pageError": "抱歉，您访问的页面不存在。",
+    "networkError": "抱歉，服务器报告错误。",
+    "returnToHome": "返回首页"
+  }
+}
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..77f8c09
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,33 @@
+// ---------------------------------------------------------------------------
+// 样式（顺序：tailwind 基础 → 项目全局 → Element Plus 暗色 → 动画库）
+// ---------------------------------------------------------------------------
+import "@styles/tailwind.css";
+import "@styles/index.scss";
+import "animate.css";
+
+// ---------------------------------------------------------------------------
+// 应用初始化
+// ---------------------------------------------------------------------------
+import App from "./App.vue";
+import { createApp } from "vue";
+import { printConsoleBanner } from "@utils";
+import { initPlugins } from "@/plugins";
+
+/**
+ * iOS Safari 中 touch 事件默认是 passive 的，导致 `:active` CSS 伪类不生效。
+ * 注册一个空的 `touchstart` 监听（非 passive）来激活 `:active` 响应。
+ */
+document.addEventListener("touchstart", function () {}, { passive: false });
+
+/** 启动顺序：
+ *  1. printConsoleBanner  —— 控制台欢迎信息（无依赖）
+ *  2. initPlugins         —— 注册所有 Vue 插件（Pinia → Router → 指令 → 国际化 → Element Plus）
+ *  3. mount               —— 挂载根组件
+ *  挂载后 App.vue 的 onMounted 中初始化站点标题/favicon（需等 Pinia store 就绪）
+ */
+(async () => {
+  const app = createApp(App);
+  printConsoleBanner();
+  await initPlugins(app);
+  app.mount("#app");
+})();
diff --git a/src/mock/json/chinaMap.json b/src/mock/json/chinaMap.json
new file mode 100644
index 0000000..551c055
--- /dev/null
+++ b/src/mock/json/chinaMap.json
@@ -0,0 +1,25643 @@
+{
+  "type": "FeatureCollection",
+  "features": [
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 110000,
+        "name": "北京市",
+        "center": [116.405285, 39.904989],
+        "centroid": [116.41995, 40.18994],
+        "childrenNum": 16,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 0,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [117.348611, 40.581141],
+              [117.389879, 40.561593],
+              [117.429915, 40.576141],
+              [117.412669, 40.605226],
+              [117.467487, 40.649738],
+              [117.467487, 40.649738],
+              [117.501364, 40.636569],
+              [117.514914, 40.660181],
+              [117.493973, 40.675161],
+              [117.408973, 40.686961],
+              [117.342451, 40.673799],
+              [117.319662, 40.657911],
+              [117.278394, 40.664267],
+              [117.208177, 40.694675],
+              [117.117018, 40.70012],
+              [117.11209, 40.707379],
+              [117.012308, 40.693767],
+              [116.964881, 40.709647],
+              [116.926692, 40.745022],
+              [116.924229, 40.773581],
+              [116.848468, 40.839264],
+              [116.81336, 40.848319],
+              [116.759773, 40.889954],
+              [116.713577, 40.909858],
+              [116.722201, 40.927495],
+              [116.677853, 40.970888],
+              [116.698795, 41.021477],
+              [116.688324, 41.044501],
+              [116.647672, 41.059394],
+              [116.615643, 41.053076],
+              [116.623034, 41.021026],
+              [116.598397, 40.974503],
+              [116.5676, 40.992574],
+              [116.519557, 40.98128],
+              [116.519557, 40.98128],
+              [116.455499, 40.980828],
+              [116.447492, 40.953715],
+              [116.477057, 40.899907],
+              [116.398216, 40.90624],
+              [116.370499, 40.94377],
+              [116.339702, 40.929303],
+              [116.334159, 40.90443],
+              [116.438253, 40.81934],
+              [116.46597, 40.774487],
+              [116.453651, 40.765876],
+              [116.316912, 40.772221],
+              [116.311369, 40.754996],
+              [116.273181, 40.762703],
+              [116.247311, 40.791707],
+              [116.22021, 40.744115],
+              [116.204812, 40.740035],
+              [116.171551, 40.695582],
+              [116.162928, 40.662451],
+              [116.133979, 40.666536],
+              [116.09887, 40.630665],
+              [116.005247, 40.583868],
+              [115.982457, 40.578868],
+              [115.971986, 40.6025],
+              [115.907929, 40.617493],
+              [115.885139, 40.595229],
+              [115.827857, 40.587504],
+              [115.819849, 40.55932],
+              [115.784741, 40.55841],
+              [115.755176, 40.540221],
+              [115.736082, 40.503372],
+              [115.781045, 40.49336],
+              [115.771806, 40.443734],
+              [115.864197, 40.359422],
+              [115.917784, 40.354405],
+              [115.95166, 40.281852],
+              [115.968907, 40.264045],
+              [115.89869, 40.234354],
+              [115.870356, 40.185909],
+              [115.855574, 40.188652],
+              [115.847567, 40.147036],
+              [115.806299, 40.15344],
+              [115.773654, 40.176307],
+              [115.75456, 40.145663],
+              [115.75456, 40.145663],
+              [115.599959, 40.119583],
+              [115.59072, 40.096239],
+              [115.527278, 40.076092],
+              [115.485394, 40.040364],
+              [115.454597, 40.029825],
+              [115.450286, 39.992697],
+              [115.428728, 39.984443],
+              [115.426264, 39.950502],
+              [115.481083, 39.935819],
+              [115.522967, 39.899099],
+              [115.515575, 39.892212],
+              [115.515575, 39.892212],
+              [115.526046, 39.87568],
+              [115.514344, 39.837549],
+              [115.567314, 39.816407],
+              [115.552532, 39.794799],
+              [115.50572, 39.784222],
+              [115.483547, 39.798477],
+              [115.483547, 39.798477],
+              [115.443511, 39.785601],
+              [115.439815, 39.752022],
+              [115.486626, 39.741899],
+              [115.491554, 39.670074],
+              [115.478619, 39.650723],
+              [115.478619, 39.650723],
+              [115.522351, 39.640124],
+              [115.518039, 39.597252],
+              [115.545756, 39.618922],
+              [115.587024, 39.589873],
+              [115.633836, 39.599557],
+              [115.633836, 39.599557],
+              [115.667712, 39.615234],
+              [115.698509, 39.577881],
+              [115.698509, 39.577881],
+              [115.699125, 39.570039],
+              [115.699125, 39.570039],
+              [115.716988, 39.56035],
+              [115.716988, 39.56035],
+              [115.718835, 39.553891],
+              [115.718835, 39.553891],
+              [115.720683, 39.551122],
+              [115.720683, 39.551122],
+              [115.722531, 39.5442],
+              [115.721299, 39.543738],
+              [115.722531, 39.5442],
+              [115.722531, 39.543738],
+              [115.721299, 39.543738],
+              [115.722531, 39.543738],
+              [115.724995, 39.5442],
+              [115.724995, 39.5442],
+              [115.738545, 39.540046],
+              [115.738545, 39.539585],
+              [115.738545, 39.540046],
+              [115.738545, 39.539585],
+              [115.752712, 39.515581],
+              [115.806299, 39.510041],
+              [115.806299, 39.510041],
+              [115.821081, 39.522968],
+              [115.821081, 39.522968],
+              [115.828473, 39.541431],
+              [115.867893, 39.546507],
+              [115.867893, 39.546507],
+              [115.91532, 39.582955],
+              [115.91532, 39.582955],
+              [115.910393, 39.600479],
+              [115.910393, 39.600479],
+              [115.957204, 39.560812],
+              [115.978146, 39.595868],
+              [115.995392, 39.576958],
+              [116.026189, 39.587567],
+              [116.036044, 39.571884],
+              [116.09887, 39.575113],
+              [116.130283, 39.567732],
+              [116.151841, 39.583416],
+              [116.198652, 39.589412],
+              [116.240536, 39.564041],
+              [116.257782, 39.500344],
+              [116.307057, 39.488337],
+              [116.337854, 39.455536],
+              [116.361876, 39.455074],
+              [116.361876, 39.455074],
+              [116.434557, 39.442597],
+              [116.454883, 39.453226],
+              [116.444412, 39.482332],
+              [116.411767, 39.482794],
+              [116.401912, 39.528046],
+              [116.443796, 39.510041],
+              [116.437637, 39.526661],
+              [116.478289, 39.535431],
+              [116.473361, 39.552968],
+              [116.50847, 39.551122],
+              [116.524484, 39.596329],
+              [116.592237, 39.621227],
+              [116.592237, 39.621227],
+              [116.620571, 39.601863],
+              [116.664918, 39.605552],
+              [116.723432, 39.59264],
+              [116.724048, 39.59264],
+              [116.723432, 39.59264],
+              [116.724048, 39.59264],
+              [116.726512, 39.595407],
+              [116.726512, 39.595407],
+              [116.709266, 39.618],
+              [116.748686, 39.619844],
+              [116.79057, 39.595868],
+              [116.812128, 39.615695],
+              [116.8497, 39.66777],
+              [116.906366, 39.677444],
+              [116.90575, 39.688037],
+              [116.889736, 39.687576],
+              [116.887272, 39.72533],
+              [116.916837, 39.731314],
+              [116.902055, 39.763523],
+              [116.949482, 39.778703],
+              [116.918069, 39.84628],
+              [116.907598, 39.832494],
+              [116.865714, 39.843982],
+              [116.812128, 39.889916],
+              [116.78441, 39.891294],
+              [116.782563, 39.947749],
+              [116.757925, 39.967934],
+              [116.781331, 40.034866],
+              [116.820135, 40.02845],
+              [116.831222, 40.051359],
+              [116.867562, 40.041739],
+              [116.927924, 40.055024],
+              [116.945171, 40.04128],
+              [117.025243, 40.030283],
+              [117.051728, 40.059605],
+              [117.105315, 40.074261],
+              [117.105315, 40.074261],
+              [117.140423, 40.064185],
+              [117.159517, 40.077008],
+              [117.204481, 40.069681],
+              [117.210024, 40.082045],
+              [117.224191, 40.094865],
+              [117.224191, 40.094865],
+              [117.254988, 40.114548],
+              [117.254988, 40.114548],
+              [117.254988, 40.114548],
+              [117.274082, 40.105852],
+              [117.307343, 40.136971],
+              [117.349227, 40.136513],
+              [117.367089, 40.172649],
+              [117.367089, 40.173106],
+              [117.367089, 40.173106],
+              [117.367089, 40.172649],
+              [117.383719, 40.188195],
+              [117.389879, 40.227958],
+              [117.351075, 40.229786],
+              [117.331365, 40.289613],
+              [117.295024, 40.2782],
+              [117.271618, 40.325211],
+              [117.271618, 40.325211],
+              [117.243285, 40.369453],
+              [117.226039, 40.368997],
+              [117.234046, 40.417312],
+              [117.263611, 40.442367],
+              [117.208793, 40.501552],
+              [117.262995, 40.512927],
+              [117.247597, 40.539766],
+              [117.269771, 40.560684],
+              [117.348611, 40.581141],
+              [117.348611, 40.581141]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 120000,
+        "name": "天津市",
+        "center": [117.190182, 39.125596],
+        "centroid": [117.347043, 39.288036],
+        "childrenNum": 16,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 1,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [117.765602, 39.400527],
+              [117.846906, 39.407926],
+              [117.871543, 39.411625],
+              [117.870311, 39.455074],
+              [117.899877, 39.474479],
+              [117.912195, 39.517428],
+              [117.912195, 39.517428],
+              [117.904804, 39.533585],
+              [117.933753, 39.574191],
+              [117.868464, 39.59679],
+              [117.829659, 39.589873],
+              [117.766834, 39.598635],
+              [117.753899, 39.579726],
+              [117.753899, 39.579726],
+              [117.745276, 39.547892],
+              [117.715711, 39.529892],
+              [117.707088, 39.576036],
+              [117.684914, 39.58895],
+              [117.654117, 39.575113],
+              [117.637486, 39.603246],
+              [117.66274, 39.636437],
+              [117.668899, 39.666849],
+              [117.627015, 39.703693],
+              [117.57774, 39.726711],
+              [117.595603, 39.74604],
+              [117.56111, 39.754782],
+              [117.546327, 39.775943],
+              [117.561726, 39.799856],
+              [117.529081, 39.859144],
+              [117.529081, 39.859144],
+              [117.508139, 39.901854],
+              [117.508139, 39.901854],
+              [117.512451, 39.90874],
+              [117.512451, 39.90874],
+              [117.513067, 39.910576],
+              [117.513067, 39.910576],
+              [117.514914, 39.946832],
+              [117.534625, 39.954631],
+              [117.546327, 39.999116],
+              [117.594987, 39.994531],
+              [117.594987, 39.994531],
+              [117.614697, 39.97252],
+              [117.671363, 39.973896],
+              [117.691073, 39.984902],
+              [117.756363, 39.965181],
+              [117.781616, 39.966558],
+              [117.781616, 39.966558],
+              [117.795167, 39.996823],
+              [117.795167, 39.996823],
+              [117.793319, 40.005534],
+              [117.793319, 40.005534],
+              [117.768681, 40.022034],
+              [117.768681, 40.022034],
+              [117.744044, 40.018368],
+              [117.74774, 40.047236],
+              [117.776073, 40.059605],
+              [117.752667, 40.081588],
+              [117.71879, 40.082045],
+              [117.71879, 40.082045],
+              [117.675059, 40.082045],
+              [117.655965, 40.109514],
+              [117.655965, 40.109514],
+              [117.654117, 40.114548],
+              [117.654117, 40.114548],
+              [117.651653, 40.122786],
+              [117.651653, 40.122786],
+              [117.613465, 40.158014],
+              [117.613465, 40.158014],
+              [117.609769, 40.160301],
+              [117.609769, 40.160301],
+              [117.576508, 40.178593],
+              [117.571581, 40.219276],
+              [117.548791, 40.232527],
+              [117.505059, 40.227044],
+              [117.450241, 40.252627],
+              [117.415748, 40.248973],
+              [117.389879, 40.227958],
+              [117.383719, 40.188195],
+              [117.367089, 40.172649],
+              [117.367089, 40.173106],
+              [117.367089, 40.173106],
+              [117.367089, 40.172649],
+              [117.349227, 40.136513],
+              [117.307343, 40.136971],
+              [117.274082, 40.105852],
+              [117.254988, 40.114548],
+              [117.254988, 40.114548],
+              [117.254988, 40.114548],
+              [117.224191, 40.094865],
+              [117.224191, 40.094865],
+              [117.210024, 40.082045],
+              [117.192162, 40.066475],
+              [117.198322, 39.992697],
+              [117.150894, 39.944996],
+              [117.162597, 39.876598],
+              [117.162597, 39.876598],
+              [117.227887, 39.852712],
+              [117.247597, 39.860981],
+              [117.251908, 39.834332],
+              [117.192162, 39.832953],
+              [117.156438, 39.817326],
+              [117.15767, 39.796638],
+              [117.205713, 39.763984],
+              [117.161981, 39.748801],
+              [117.165061, 39.718886],
+              [117.165061, 39.718886],
+              [117.177996, 39.645194],
+              [117.152742, 39.623532],
+              [117.10901, 39.625375],
+              [117.10901, 39.625375],
+              [117.016004, 39.653949],
+              [116.983359, 39.638742],
+              [116.983359, 39.638742],
+              [116.964265, 39.64335],
+              [116.948866, 39.680668],
+              [116.948866, 39.680668],
+              [116.944555, 39.695405],
+              [116.944555, 39.695405],
+              [116.932236, 39.706456],
+              [116.932236, 39.706456],
+              [116.90575, 39.688037],
+              [116.906366, 39.677444],
+              [116.8497, 39.66777],
+              [116.812128, 39.615695],
+              [116.808432, 39.576497],
+              [116.78749, 39.554352],
+              [116.819519, 39.528507],
+              [116.820751, 39.482332],
+              [116.785026, 39.465702],
+              [116.832454, 39.435664],
+              [116.876185, 39.43474],
+              [116.839845, 39.413474],
+              [116.840461, 39.378326],
+              [116.818287, 39.3737],
+              [116.829374, 39.338994],
+              [116.870642, 39.357506],
+              [116.889736, 39.338068],
+              [116.87249, 39.291304],
+              [116.881729, 39.225966],
+              [116.881729, 39.225966],
+              [116.855859, 39.215766],
+              [116.870026, 39.153607],
+              [116.909446, 39.150822],
+              [116.912526, 39.110898],
+              [116.91191, 39.111362],
+              [116.91191, 39.111362],
+              [116.912526, 39.110898],
+              [116.871874, 39.054688],
+              [116.812744, 39.05097],
+              [116.812744, 39.05097],
+              [116.783179, 39.05097],
+              [116.783179, 39.05097],
+              [116.754229, 39.034701],
+              [116.754229, 39.034701],
+              [116.754845, 39.003084],
+              [116.72836, 38.975174],
+              [116.708034, 38.931892],
+              [116.722201, 38.896968],
+              [116.723432, 38.852706],
+              [116.75115, 38.831264],
+              [116.737599, 38.784629],
+              [116.746222, 38.754299],
+              [116.794265, 38.744498],
+              [116.794265, 38.744498],
+              [116.858939, 38.741231],
+              [116.877417, 38.680522],
+              [116.948866, 38.689398],
+              [116.950714, 38.689398],
+              [116.95133, 38.689398],
+              [116.950714, 38.689398],
+              [116.948866, 38.689398],
+              [116.95133, 38.689398],
+              [117.038793, 38.688464],
+              [117.068358, 38.680522],
+              [117.055424, 38.639398],
+              [117.070822, 38.608072],
+              [117.109626, 38.584685],
+              [117.150894, 38.617892],
+              [117.183539, 38.61836],
+              [117.183539, 38.61836],
+              [117.213104, 38.639866],
+              [117.213104, 38.639866],
+              [117.258684, 38.608072],
+              [117.258684, 38.608072],
+              [117.238358, 38.580943],
+              [117.25314, 38.556143],
+              [117.368937, 38.564566],
+              [117.432379, 38.601524],
+              [117.47919, 38.616489],
+              [117.55803, 38.613683],
+              [117.639334, 38.626776],
+              [117.65658, 38.66043],
+              [117.729261, 38.680055],
+              [117.740964, 38.700141],
+              [117.740964, 38.753833],
+              [117.671363, 38.772032],
+              [117.646725, 38.788827],
+              [117.64611, 38.828933],
+              [117.752051, 38.847579],
+              [117.778536, 38.869016],
+              [117.847522, 38.855502],
+              [117.875855, 38.920252],
+              [117.898029, 38.948649],
+              [117.855529, 38.957492],
+              [117.837667, 39.057011],
+              [117.871543, 39.122506],
+              [117.96455, 39.172631],
+              [117.977485, 39.206028],
+              [118.032919, 39.219939],
+              [118.034767, 39.218548],
+              [118.064948, 39.231065],
+              [118.064948, 39.256094],
+              [118.036615, 39.264898],
+              [118.024296, 39.289451],
+              [118.024296, 39.289451],
+              [117.982412, 39.298714],
+              [117.982412, 39.298714],
+              [117.979333, 39.300566],
+              [117.979333, 39.300566],
+              [117.973173, 39.312143],
+              [117.973173, 39.312143],
+              [117.965782, 39.314921],
+              [117.965782, 39.314921],
+              [117.919587, 39.318162],
+              [117.919587, 39.318162],
+              [117.88879, 39.332051],
+              [117.854913, 39.328348],
+              [117.854297, 39.328348],
+              [117.854913, 39.328348],
+              [117.854297, 39.328348],
+              [117.850601, 39.363984],
+              [117.850601, 39.363984],
+              [117.810565, 39.354729],
+              [117.805022, 39.373237],
+              [117.784696, 39.376938],
+              [117.74466, 39.354729],
+              [117.670747, 39.357969],
+              [117.669515, 39.322792],
+              [117.594987, 39.349176],
+              [117.536472, 39.338068],
+              [117.521074, 39.357043],
+              [117.570965, 39.404689],
+              [117.601146, 39.419485],
+              [117.614081, 39.407001],
+              [117.668899, 39.412087],
+              [117.673211, 39.386652],
+              [117.699696, 39.407463],
+              [117.765602, 39.400527]
+            ]
+          ],
+          [
+            [
+              [117.805022, 39.373237],
+              [117.852449, 39.380639],
+              [117.846906, 39.407926],
+              [117.765602, 39.400527],
+              [117.784696, 39.376938],
+              [117.805022, 39.373237]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 130000,
+        "name": "河北省",
+        "center": [114.502461, 38.045474],
+        "childrenNum": 11,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 2,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [117.467487, 40.649738],
+              [117.412669, 40.605226],
+              [117.429915, 40.576141],
+              [117.389879, 40.561593],
+              [117.348611, 40.581141],
+              [117.348611, 40.581141],
+              [117.269771, 40.560684],
+              [117.247597, 40.539766],
+              [117.262995, 40.512927],
+              [117.208793, 40.501552],
+              [117.263611, 40.442367],
+              [117.234046, 40.417312],
+              [117.226039, 40.368997],
+              [117.243285, 40.369453],
+              [117.271618, 40.325211],
+              [117.271618, 40.325211],
+              [117.295024, 40.2782],
+              [117.331365, 40.289613],
+              [117.351075, 40.229786],
+              [117.389879, 40.227958],
+              [117.415748, 40.248973],
+              [117.450241, 40.252627],
+              [117.505059, 40.227044],
+              [117.548791, 40.232527],
+              [117.571581, 40.219276],
+              [117.576508, 40.178593],
+              [117.609769, 40.160301],
+              [117.609769, 40.160301],
+              [117.613465, 40.158014],
+              [117.613465, 40.158014],
+              [117.651653, 40.122786],
+              [117.651653, 40.122786],
+              [117.654117, 40.114548],
+              [117.654117, 40.114548],
+              [117.655965, 40.109514],
+              [117.655965, 40.109514],
+              [117.675059, 40.082045],
+              [117.71879, 40.082045],
+              [117.71879, 40.082045],
+              [117.752667, 40.081588],
+              [117.776073, 40.059605],
+              [117.74774, 40.047236],
+              [117.744044, 40.018368],
+              [117.768681, 40.022034],
+              [117.768681, 40.022034],
+              [117.793319, 40.005534],
+              [117.793319, 40.005534],
+              [117.795167, 39.996823],
+              [117.795167, 39.996823],
+              [117.781616, 39.966558],
+              [117.781616, 39.966558],
+              [117.756363, 39.965181],
+              [117.691073, 39.984902],
+              [117.671363, 39.973896],
+              [117.614697, 39.97252],
+              [117.594987, 39.994531],
+              [117.594987, 39.994531],
+              [117.546327, 39.999116],
+              [117.534625, 39.954631],
+              [117.514914, 39.946832],
+              [117.513067, 39.910576],
+              [117.513067, 39.910576],
+              [117.512451, 39.90874],
+              [117.512451, 39.90874],
+              [117.508139, 39.901854],
+              [117.508139, 39.901854],
+              [117.529081, 39.859144],
+              [117.529081, 39.859144],
+              [117.561726, 39.799856],
+              [117.546327, 39.775943],
+              [117.56111, 39.754782],
+              [117.595603, 39.74604],
+              [117.57774, 39.726711],
+              [117.627015, 39.703693],
+              [117.668899, 39.666849],
+              [117.66274, 39.636437],
+              [117.637486, 39.603246],
+              [117.654117, 39.575113],
+              [117.684914, 39.58895],
+              [117.707088, 39.576036],
+              [117.715711, 39.529892],
+              [117.745276, 39.547892],
+              [117.753899, 39.579726],
+              [117.753899, 39.579726],
+              [117.766834, 39.598635],
+              [117.829659, 39.589873],
+              [117.868464, 39.59679],
+              [117.933753, 39.574191],
+              [117.904804, 39.533585],
+              [117.912195, 39.517428],
+              [117.912195, 39.517428],
+              [117.899877, 39.474479],
+              [117.870311, 39.455074],
+              [117.871543, 39.411625],
+              [117.846906, 39.407926],
+              [117.852449, 39.380639],
+              [117.805022, 39.373237],
+              [117.810565, 39.354729],
+              [117.850601, 39.363984],
+              [117.850601, 39.363984],
+              [117.854297, 39.328348],
+              [117.854913, 39.328348],
+              [117.854297, 39.328348],
+              [117.854913, 39.328348],
+              [117.88879, 39.332051],
+              [117.919587, 39.318162],
+              [117.919587, 39.318162],
+              [117.965782, 39.314921],
+              [117.965782, 39.314921],
+              [117.973173, 39.312143],
+              [117.973173, 39.312143],
+              [117.979333, 39.300566],
+              [117.979333, 39.300566],
+              [117.982412, 39.298714],
+              [117.982412, 39.298714],
+              [118.024296, 39.289451],
+              [118.024296, 39.289451],
+              [118.036615, 39.264898],
+              [118.064948, 39.256094],
+              [118.064948, 39.231065],
+              [118.034767, 39.218548],
+              [118.026144, 39.201854],
+              [118.070492, 39.213911],
+              [118.077883, 39.201854],
+              [118.12531, 39.182838],
+              [118.162883, 39.136433],
+              [118.1906, 39.080708],
+              [118.225092, 39.034701],
+              [118.319331, 39.009594],
+              [118.366143, 39.016104],
+              [118.377845, 38.971917],
+              [118.491178, 38.909077],
+              [118.539837, 38.910008],
+              [118.604511, 38.971452],
+              [118.570634, 38.999363],
+              [118.533062, 39.090928],
+              [118.588497, 39.107648],
+              [118.578642, 39.130863],
+              [118.637156, 39.157319],
+              [118.76096, 39.133648],
+              [118.814546, 39.138754],
+              [118.857662, 39.162888],
+              [118.897082, 39.151286],
+              [118.920488, 39.171703],
+              [118.951285, 39.178662],
+              [118.896466, 39.139683],
+              [118.890307, 39.118792],
+              [118.926031, 39.123435],
+              [118.97777, 39.163352],
+              [119.023966, 39.187012],
+              [119.038132, 39.211593],
+              [119.096031, 39.24219],
+              [119.121284, 39.281576],
+              [119.185342, 39.342234],
+              [119.272805, 39.363521],
+              [119.317153, 39.4107],
+              [119.316537, 39.437051],
+              [119.269726, 39.498497],
+              [119.366428, 39.734996],
+              [119.474217, 39.813189],
+              [119.536427, 39.809052],
+              [119.520413, 39.840306],
+              [119.540739, 39.888079],
+              [119.588166, 39.910576],
+              [119.620195, 39.904609],
+              [119.642369, 39.925264],
+              [119.681789, 39.922511],
+              [119.726137, 39.940867],
+              [119.787115, 39.950502],
+              [119.820375, 39.979399],
+              [119.842549, 39.956007],
+              [119.872114, 39.960594],
+              [119.854252, 39.98857],
+              [119.845629, 40.000949],
+              [119.845629, 40.000949],
+              [119.854252, 40.033033],
+              [119.81668, 40.050443],
+              [119.81668, 40.050443],
+              [119.787115, 40.041739],
+              [119.787115, 40.041739],
+              [119.783419, 40.046778],
+              [119.783419, 40.046778],
+              [119.772332, 40.08113],
+              [119.736608, 40.104936],
+              [119.760629, 40.136056],
+              [119.745847, 40.207851],
+              [119.716898, 40.195966],
+              [119.671934, 40.23938],
+              [119.639289, 40.231613],
+              [119.639289, 40.231613],
+              [119.651608, 40.271808],
+              [119.598021, 40.334335],
+              [119.586934, 40.375381],
+              [119.604797, 40.455119],
+              [119.553674, 40.502007],
+              [119.572152, 40.523846],
+              [119.559217, 40.547952],
+              [119.503783, 40.553864],
+              [119.477913, 40.533399],
+              [119.429254, 40.540221],
+              [119.30237, 40.530215],
+              [119.256175, 40.543404],
+              [119.22045, 40.569322],
+              [119.230921, 40.603863],
+              [119.177951, 40.609315],
+              [119.162552, 40.600228],
+              [119.14469, 40.632482],
+              [119.184726, 40.680153],
+              [119.165632, 40.69286],
+              [119.115125, 40.666536],
+              [119.054763, 40.664721],
+              [119.028277, 40.692406],
+              [119.011031, 40.687414],
+              [118.96114, 40.72008],
+              [118.950053, 40.747743],
+              [118.895234, 40.75409],
+              [118.907553, 40.775394],
+              [118.878604, 40.783098],
+              [118.845959, 40.822057],
+              [118.873061, 40.847866],
+              [118.90201, 40.960946],
+              [118.916792, 40.969984],
+              [118.977154, 40.959138],
+              [118.977154, 40.959138],
+              [119.00056, 40.967273],
+              [119.013495, 41.007479],
+              [118.951901, 41.018317],
+              [118.937118, 41.052625],
+              [118.964836, 41.079246],
+              [119.037516, 41.067516],
+              [119.080632, 41.095936],
+              [119.081248, 41.131555],
+              [119.126212, 41.138767],
+              [119.189038, 41.198234],
+              [119.169943, 41.222996],
+              [119.204436, 41.222546],
+              [119.209364, 41.244599],
+              [119.2494, 41.279689],
+              [119.239545, 41.31431],
+              [119.211827, 41.308016],
+              [119.197661, 41.282837],
+              [119.168712, 41.294978],
+              [119.092951, 41.293629],
+              [118.980234, 41.305769],
+              [118.949437, 41.317906],
+              [118.890923, 41.300823],
+              [118.844727, 41.342622],
+              [118.843496, 41.374516],
+              [118.770199, 41.352956],
+              [118.741866, 41.324198],
+              [118.677192, 41.35026],
+              [118.629765, 41.346666],
+              [118.528135, 41.355202],
+              [118.412338, 41.331838],
+              [118.380309, 41.312062],
+              [118.348896, 41.342622],
+              [118.361215, 41.384844],
+              [118.348896, 41.428384],
+              [118.327338, 41.450816],
+              [118.271904, 41.471446],
+              [118.315636, 41.512688],
+              [118.302701, 41.55256],
+              [118.215237, 41.59554],
+              [118.206614, 41.650566],
+              [118.159187, 41.67605],
+              [118.155491, 41.712694],
+              [118.132702, 41.733241],
+              [118.140093, 41.784134],
+              [118.178281, 41.814917],
+              [118.236179, 41.80778],
+              [118.247266, 41.773869],
+              [118.29223, 41.772976],
+              [118.335346, 41.845241],
+              [118.340273, 41.87243],
+              [118.268824, 41.930336],
+              [118.306396, 41.940131],
+              [118.313788, 41.98819],
+              [118.291614, 42.007759],
+              [118.239875, 42.024655],
+              [118.286686, 42.033991],
+              [118.296541, 42.057545],
+              [118.27252, 42.083312],
+              [118.239259, 42.092639],
+              [118.212774, 42.081091],
+              [118.220165, 42.058434],
+              [118.194296, 42.031324],
+              [118.116687, 42.037102],
+              [118.155491, 42.081091],
+              [118.097593, 42.105072],
+              [118.089586, 42.12283],
+              [118.106216, 42.172082],
+              [118.033535, 42.199132],
+              [117.977485, 42.229716],
+              [117.974405, 42.25054],
+              [118.047702, 42.280656],
+              [118.060021, 42.298364],
+              [118.008898, 42.346595],
+              [118.024296, 42.385064],
+              [117.997811, 42.416884],
+              [117.874007, 42.510038],
+              [117.856761, 42.539148],
+              [117.797631, 42.585431],
+              [117.801326, 42.612744],
+              [117.779768, 42.61847],
+              [117.708935, 42.588515],
+              [117.667051, 42.582347],
+              [117.60053, 42.603054],
+              [117.537088, 42.603054],
+              [117.530313, 42.590278],
+              [117.475494, 42.602613],
+              [117.435458, 42.585431],
+              [117.434226, 42.557224],
+              [117.387415, 42.517537],
+              [117.387415, 42.517537],
+              [117.410205, 42.519743],
+              [117.413284, 42.471645],
+              [117.390495, 42.461933],
+              [117.332596, 42.46105],
+              [117.332596, 42.46105],
+              [117.275314, 42.481797],
+              [117.275314, 42.481797],
+              [117.188467, 42.468114],
+              [117.188467, 42.468114],
+              [117.135496, 42.468996],
+              [117.09546, 42.484004],
+              [117.080061, 42.463699],
+              [117.080061, 42.463699],
+              [117.01662, 42.456193],
+              [117.01662, 42.456193],
+              [117.009228, 42.44957],
+              [117.009228, 42.44957],
+              [117.005533, 42.43367],
+              [117.005533, 42.43367],
+              [116.99075, 42.425719],
+              [116.99075, 42.425719],
+              [116.974736, 42.426603],
+              [116.974736, 42.426603],
+              [116.97104, 42.427486],
+              [116.97104, 42.427486],
+              [116.944555, 42.415116],
+              [116.944555, 42.415116],
+              [116.936547, 42.410256],
+              [116.936547, 42.410256],
+              [116.921765, 42.403628],
+              [116.921765, 42.403628],
+              [116.910062, 42.395231],
+              [116.910062, 42.395231],
+              [116.910678, 42.394789],
+              [116.910678, 42.394789],
+              [116.886656, 42.366496],
+              [116.897743, 42.297479],
+              [116.918685, 42.229716],
+              [116.903287, 42.190708],
+              [116.789338, 42.200462],
+              [116.825062, 42.155669],
+              [116.850316, 42.156556],
+              [116.890352, 42.092639],
+              [116.879881, 42.018431],
+              [116.796113, 41.977958],
+              [116.748686, 41.984186],
+              [116.727744, 41.951259],
+              [116.66923, 41.947698],
+              [116.639049, 41.929891],
+              [116.597165, 41.935679],
+              [116.553433, 41.928555],
+              [116.510933, 41.974399],
+              [116.4826, 41.975734],
+              [116.453651, 41.945917],
+              [116.393289, 41.942802],
+              [116.414231, 41.982407],
+              [116.373579, 42.009983],
+              [116.310137, 41.997086],
+              [116.298434, 41.96817],
+              [116.223906, 41.932562],
+              [116.212819, 41.885352],
+              [116.194341, 41.861734],
+              [116.122892, 41.861734],
+              [116.106877, 41.831419],
+              [116.129051, 41.805996],
+              [116.09887, 41.776547],
+              [116.034196, 41.782795],
+              [116.007095, 41.79752],
+              [116.007095, 41.797966],
+              [116.007095, 41.79752],
+              [116.007095, 41.797966],
+              [115.994776, 41.828743],
+              [115.954124, 41.874213],
+              [115.916552, 41.945027],
+              [115.85311, 41.927665],
+              [115.834632, 41.93835],
+              [115.811226, 41.912525],
+              [115.726227, 41.870202],
+              [115.688038, 41.867528],
+              [115.654162, 41.829189],
+              [115.57409, 41.80555],
+              [115.519887, 41.76762],
+              [115.488474, 41.760924],
+              [115.42996, 41.728775],
+              [115.346808, 41.712247],
+              [115.319091, 41.691693],
+              [115.360975, 41.661297],
+              [115.345576, 41.635807],
+              [115.377605, 41.603148],
+              [115.310468, 41.592854],
+              [115.290142, 41.622835],
+              [115.26612, 41.616124],
+              [115.256881, 41.580768],
+              [115.20391, 41.571367],
+              [115.195287, 41.602253],
+              [115.0992, 41.62373],
+              [115.056085, 41.602253],
+              [115.016049, 41.615229],
+              [114.860832, 41.60091],
+              [114.895325, 41.636255],
+              [114.902716, 41.695715],
+              [114.89594, 41.76762],
+              [114.868839, 41.813579],
+              [114.922426, 41.825175],
+              [114.939056, 41.846132],
+              [114.923658, 41.871093],
+              [114.915035, 41.960605],
+              [114.9021, 42.015763],
+              [114.860832, 42.054879],
+              [114.86268, 42.097967],
+              [114.825723, 42.139695],
+              [114.79431, 42.149457],
+              [114.789383, 42.130819],
+              [114.75489, 42.115727],
+              [114.675434, 42.12061],
+              [114.647717, 42.109512],
+              [114.560254, 42.132595],
+              [114.510978, 42.110844],
+              [114.502355, 42.06732],
+              [114.480181, 42.064654],
+              [114.467863, 42.025989],
+              [114.511594, 41.981962],
+              [114.478334, 41.951704],
+              [114.419203, 41.942356],
+              [114.352066, 41.953484],
+              [114.343443, 41.926774],
+              [114.282465, 41.863517],
+              [114.200545, 41.789934],
+              [114.215328, 41.75646],
+              [114.206704, 41.7386],
+              [114.237501, 41.698843],
+              [114.215328, 41.68499],
+              [114.259059, 41.623282],
+              [114.226414, 41.616572],
+              [114.221487, 41.582111],
+              [114.230726, 41.513584],
+              [114.101379, 41.537779],
+              [114.032394, 41.529715],
+              [113.976959, 41.505966],
+              [113.953553, 41.483553],
+              [113.933227, 41.487139],
+              [113.919677, 41.454404],
+              [113.877793, 41.431076],
+              [113.871017, 41.413126],
+              [113.94493, 41.392477],
+              [113.92522, 41.325546],
+              [113.899351, 41.316108],
+              [113.914749, 41.294529],
+              [113.95109, 41.282837],
+              [113.971416, 41.239649],
+              [113.992357, 41.269794],
+              [114.016379, 41.231999],
+              [113.996669, 41.19238],
+              [113.960945, 41.171211],
+              [113.920293, 41.172112],
+              [113.877793, 41.115777],
+              [113.819279, 41.09774],
+              [113.868554, 41.06887],
+              [113.973263, 40.983087],
+              [113.994821, 40.938798],
+              [114.057647, 40.925234],
+              [114.041633, 40.917546],
+              [114.055183, 40.867782],
+              [114.073661, 40.857372],
+              [114.044712, 40.830661],
+              [114.080437, 40.790348],
+              [114.104458, 40.797597],
+              [114.103227, 40.770861],
+              [114.134639, 40.737314],
+              [114.162357, 40.71373],
+              [114.183299, 40.67153],
+              [114.236269, 40.607043],
+              [114.283081, 40.590685],
+              [114.273842, 40.552954],
+              [114.293552, 40.55159],
+              [114.282465, 40.494725],
+              [114.267066, 40.474242],
+              [114.299711, 40.44009],
+              [114.286161, 40.425057],
+              [114.31203, 40.372645],
+              [114.381015, 40.36307],
+              [114.390254, 40.351213],
+              [114.438914, 40.371733],
+              [114.481413, 40.34802],
+              [114.530688, 40.345283],
+              [114.510978, 40.302851],
+              [114.46971, 40.268155],
+              [114.406269, 40.246232],
+              [114.362537, 40.249886],
+              [114.292936, 40.230242],
+              [114.255364, 40.236182],
+              [114.235654, 40.198252],
+              [114.180219, 40.191395],
+              [114.135871, 40.175392],
+              [114.097683, 40.193681],
+              [114.073046, 40.168533],
+              [114.073046, 40.168533],
+              [114.101995, 40.099901],
+              [114.086596, 40.071513],
+              [114.045944, 40.056856],
+              [114.018227, 40.103563],
+              [113.989278, 40.11226],
+              [113.959097, 40.033491],
+              [113.910438, 40.015618],
+              [114.029314, 39.985819],
+              [114.028082, 39.959218],
+              [114.047176, 39.916085],
+              [114.067502, 39.922511],
+              [114.17406, 39.897722],
+              [114.212248, 39.918839],
+              [114.229494, 39.899558],
+              [114.204241, 39.885324],
+              [114.215943, 39.8619],
+              [114.286776, 39.871087],
+              [114.285545, 39.858225],
+              [114.395182, 39.867412],
+              [114.406885, 39.833413],
+              [114.390254, 39.819165],
+              [114.41674, 39.775943],
+              [114.409964, 39.761683],
+              [114.408117, 39.652106],
+              [114.431522, 39.613851],
+              [114.49558, 39.608318],
+              [114.51529, 39.564964],
+              [114.568877, 39.573729],
+              [114.532536, 39.486027],
+              [114.501739, 39.476789],
+              [114.496812, 39.438437],
+              [114.469095, 39.400989],
+              [114.466631, 39.329736],
+              [114.430906, 39.307513],
+              [114.437066, 39.259337],
+              [114.416124, 39.242654],
+              [114.47587, 39.21623],
+              [114.443841, 39.174023],
+              [114.388406, 39.176807],
+              [114.360689, 39.134112],
+              [114.369928, 39.107648],
+              [114.345907, 39.075133],
+              [114.252284, 39.073739],
+              [114.180835, 39.049111],
+              [114.157429, 39.061194],
+              [114.10877, 39.052364],
+              [114.082901, 39.09325],
+              [114.082901, 39.09325],
+              [114.064422, 39.094179],
+              [114.050872, 39.135969],
+              [114.006524, 39.122971],
+              [113.994821, 39.095572],
+              [113.961561, 39.100681],
+              [113.930148, 39.063517],
+              [113.898119, 39.067699],
+              [113.80696, 38.989595],
+              [113.776779, 38.986804],
+              [113.76754, 38.959819],
+              [113.776163, 38.885788],
+              [113.795257, 38.860628],
+              [113.855619, 38.828933],
+              [113.836525, 38.795824],
+              [113.839605, 38.7585],
+              [113.802648, 38.763166],
+              [113.775547, 38.709949],
+              [113.720728, 38.713218],
+              [113.70225, 38.651551],
+              [113.612939, 38.645942],
+              [113.603084, 38.587024],
+              [113.561816, 38.558483],
+              [113.546417, 38.492936],
+              [113.583374, 38.459671],
+              [113.537794, 38.417952],
+              [113.525475, 38.383245],
+              [113.557504, 38.343359],
+              [113.54457, 38.270569],
+              [113.570439, 38.237202],
+              [113.598772, 38.22733],
+              [113.64312, 38.232031],
+              [113.678844, 38.20523],
+              [113.711489, 38.213695],
+              [113.720728, 38.174656],
+              [113.797105, 38.162894],
+              [113.831597, 38.16854],
+              [113.811271, 38.117707],
+              [113.876561, 38.055059],
+              [113.872249, 37.990471],
+              [113.901198, 37.984811],
+              [113.936307, 37.922993],
+              [113.959097, 37.906468],
+              [113.976959, 37.816696],
+              [114.006524, 37.813386],
+              [114.044712, 37.761834],
+              [113.996669, 37.730128],
+              [113.993589, 37.706932],
+              [114.068118, 37.721608],
+              [114.12848, 37.698409],
+              [114.139567, 37.675676],
+              [114.115545, 37.619761],
+              [114.118625, 37.59084],
+              [114.036705, 37.494037],
+              [114.014531, 37.42468],
+              [113.973879, 37.40329],
+              [113.962792, 37.355734],
+              [113.90243, 37.310052],
+              [113.886416, 37.239095],
+              [113.853155, 37.215269],
+              [113.832213, 37.167594],
+              [113.773083, 37.151855],
+              [113.773699, 37.107004],
+              [113.758301, 37.075497],
+              [113.788482, 37.059739],
+              [113.771851, 37.016745],
+              [113.791561, 36.98759],
+              [113.76138, 36.956034],
+              [113.792793, 36.894796],
+              [113.773083, 36.85506],
+              [113.731815, 36.858891],
+              [113.731815, 36.878521],
+              [113.696707, 36.882351],
+              [113.676381, 36.855539],
+              [113.680692, 36.789907],
+              [113.600004, 36.752995],
+              [113.549497, 36.752515],
+              [113.535946, 36.732373],
+              [113.499606, 36.740527],
+              [113.465113, 36.707908],
+              [113.506997, 36.705029],
+              [113.476816, 36.655114],
+              [113.486671, 36.635427],
+              [113.54457, 36.62342],
+              [113.539642, 36.594116],
+              [113.569823, 36.585947],
+              [113.588917, 36.547974],
+              [113.559968, 36.528741],
+              [113.554425, 36.494589],
+              [113.587069, 36.460904],
+              [113.635729, 36.451277],
+              [113.670221, 36.425278],
+              [113.708409, 36.423352],
+              [113.731199, 36.363135],
+              [113.755221, 36.366026],
+              [113.813119, 36.332285],
+              [113.856851, 36.329392],
+              [113.84946, 36.347711],
+              [113.882104, 36.353977],
+              [113.911054, 36.314927],
+              [113.962792, 36.353977],
+              [113.981887, 36.31782],
+              [114.002828, 36.334214],
+              [114.056415, 36.329392],
+              [114.04348, 36.303353],
+              [114.080437, 36.269585],
+              [114.129096, 36.280199],
+              [114.175907, 36.264759],
+              [114.170364, 36.245938],
+              [114.170364, 36.245938],
+              [114.203009, 36.245456],
+              [114.2104, 36.272962],
+              [114.241197, 36.251247],
+              [114.257827, 36.263794],
+              [114.299095, 36.245938],
+              [114.345291, 36.255591],
+              [114.356378, 36.230492],
+              [114.408117, 36.224699],
+              [114.417356, 36.205868],
+              [114.466015, 36.197658],
+              [114.480181, 36.177855],
+              [114.533152, 36.171575],
+              [114.586739, 36.141133],
+              [114.588587, 36.118414],
+              [114.640326, 36.137266],
+              [114.720398, 36.140166],
+              [114.734564, 36.15563],
+              [114.771521, 36.124699],
+              [114.857752, 36.127599],
+              [114.858368, 36.144516],
+              [114.912571, 36.140649],
+              [114.926737, 36.089403],
+              [114.914419, 36.052155],
+              [114.998186, 36.069572],
+              [115.04623, 36.112613],
+              [115.048693, 36.161912],
+              [115.06286, 36.178338],
+              [115.104744, 36.172058],
+              [115.12507, 36.209731],
+              [115.1842, 36.193312],
+              [115.201446, 36.210214],
+              [115.201446, 36.210214],
+              [115.202678, 36.209248],
+              [115.202678, 36.209248],
+              [115.202678, 36.208765],
+              [115.202678, 36.208765],
+              [115.242098, 36.19138],
+              [115.279055, 36.13775],
+              [115.30246, 36.127599],
+              [115.312931, 36.088436],
+              [115.365902, 36.099074],
+              [115.376989, 36.128083],
+              [115.450902, 36.152248],
+              [115.465068, 36.170125],
+              [115.483547, 36.148865],
+              [115.474923, 36.248352],
+              [115.466916, 36.258969],
+              [115.466916, 36.258969],
+              [115.462605, 36.276339],
+              [115.417025, 36.292742],
+              [115.423185, 36.32216],
+              [115.366518, 36.30914],
+              [115.368982, 36.342409],
+              [115.340033, 36.398307],
+              [115.297533, 36.413239],
+              [115.317243, 36.454166],
+              [115.291374, 36.460423],
+              [115.272895, 36.497476],
+              [115.33141, 36.550378],
+              [115.355431, 36.627262],
+              [115.365902, 36.621979],
+              [115.420105, 36.686795],
+              [115.451518, 36.702151],
+              [115.479851, 36.760187],
+              [115.524815, 36.763543],
+              [115.683727, 36.808117],
+              [115.71206, 36.883308],
+              [115.75764, 36.902453],
+              [115.79706, 36.968945],
+              [115.776734, 36.992848],
+              [115.85619, 37.060694],
+              [115.888219, 37.112254],
+              [115.879596, 37.150901],
+              [115.91224, 37.177132],
+              [115.909777, 37.20669],
+              [115.969523, 37.239572],
+              [115.975682, 37.337179],
+              [116.024341, 37.360015],
+              [116.085935, 37.373809],
+              [116.106261, 37.368577],
+              [116.169087, 37.384271],
+              [116.193109, 37.365723],
+              [116.236224, 37.361442],
+              [116.2855, 37.404241],
+              [116.226369, 37.428007],
+              [116.243, 37.447965],
+              [116.224522, 37.479791],
+              [116.240536, 37.489764],
+              [116.240536, 37.489764],
+              [116.27626, 37.466967],
+              [116.290427, 37.484065],
+              [116.278724, 37.524895],
+              [116.295355, 37.554316],
+              [116.336007, 37.581355],
+              [116.36742, 37.566177],
+              [116.379738, 37.522047],
+              [116.38097, 37.522522],
+              [116.379738, 37.522047],
+              [116.38097, 37.522522],
+              [116.433941, 37.473142],
+              [116.448108, 37.503059],
+              [116.4826, 37.521573],
+              [116.575607, 37.610754],
+              [116.604556, 37.624975],
+              [116.66307, 37.686096],
+              [116.679085, 37.728708],
+              [116.724664, 37.744327],
+              [116.753613, 37.77035],
+              [116.753613, 37.793054],
+              [116.804736, 37.848837],
+              [116.837997, 37.835132],
+              [116.919301, 37.846002],
+              [117.027091, 37.832296],
+              [117.074518, 37.848837],
+              [117.150278, 37.839385],
+              [117.185387, 37.849783],
+              [117.271618, 37.839858],
+              [117.320278, 37.861596],
+              [117.400966, 37.844584],
+              [117.438538, 37.854035],
+              [117.481038, 37.914967],
+              [117.513067, 37.94329],
+              [117.524154, 37.989527],
+              [117.557414, 38.046105],
+              [117.557414, 38.046105],
+              [117.586979, 38.071551],
+              [117.704624, 38.076262],
+              [117.746508, 38.12524],
+              [117.771145, 38.134655],
+              [117.766834, 38.158658],
+              [117.789007, 38.180772],
+              [117.808718, 38.22827],
+              [117.848754, 38.255062],
+              [117.895565, 38.301572],
+              [117.948536, 38.346644],
+              [117.957775, 38.376208],
+              [117.937449, 38.387936],
+              [117.84629, 38.368232],
+              [117.781, 38.373862],
+              [117.730493, 38.424985],
+              [117.72495, 38.457328],
+              [117.678754, 38.477008],
+              [117.644878, 38.52759],
+              [117.68553, 38.539293],
+              [117.638102, 38.54491],
+              [117.639334, 38.626776],
+              [117.55803, 38.613683],
+              [117.47919, 38.616489],
+              [117.432379, 38.601524],
+              [117.368937, 38.564566],
+              [117.25314, 38.556143],
+              [117.238358, 38.580943],
+              [117.258684, 38.608072],
+              [117.258684, 38.608072],
+              [117.213104, 38.639866],
+              [117.213104, 38.639866],
+              [117.183539, 38.61836],
+              [117.183539, 38.61836],
+              [117.150894, 38.617892],
+              [117.109626, 38.584685],
+              [117.070822, 38.608072],
+              [117.055424, 38.639398],
+              [117.068358, 38.680522],
+              [117.038793, 38.688464],
+              [116.95133, 38.689398],
+              [116.948866, 38.689398],
+              [116.950714, 38.689398],
+              [116.95133, 38.689398],
+              [116.950714, 38.689398],
+              [116.948866, 38.689398],
+              [116.877417, 38.680522],
+              [116.858939, 38.741231],
+              [116.794265, 38.744498],
+              [116.794265, 38.744498],
+              [116.746222, 38.754299],
+              [116.737599, 38.784629],
+              [116.75115, 38.831264],
+              [116.723432, 38.852706],
+              [116.722201, 38.896968],
+              [116.708034, 38.931892],
+              [116.72836, 38.975174],
+              [116.754845, 39.003084],
+              [116.754229, 39.034701],
+              [116.754229, 39.034701],
+              [116.783179, 39.05097],
+              [116.783179, 39.05097],
+              [116.812744, 39.05097],
+              [116.812744, 39.05097],
+              [116.871874, 39.054688],
+              [116.912526, 39.110898],
+              [116.91191, 39.111362],
+              [116.91191, 39.111362],
+              [116.912526, 39.110898],
+              [116.909446, 39.150822],
+              [116.870026, 39.153607],
+              [116.855859, 39.215766],
+              [116.881729, 39.225966],
+              [116.881729, 39.225966],
+              [116.87249, 39.291304],
+              [116.889736, 39.338068],
+              [116.870642, 39.357506],
+              [116.829374, 39.338994],
+              [116.818287, 39.3737],
+              [116.840461, 39.378326],
+              [116.839845, 39.413474],
+              [116.876185, 39.43474],
+              [116.832454, 39.435664],
+              [116.785026, 39.465702],
+              [116.820751, 39.482332],
+              [116.819519, 39.528507],
+              [116.78749, 39.554352],
+              [116.808432, 39.576497],
+              [116.812128, 39.615695],
+              [116.79057, 39.595868],
+              [116.748686, 39.619844],
+              [116.709266, 39.618],
+              [116.726512, 39.595407],
+              [116.726512, 39.595407],
+              [116.724048, 39.59264],
+              [116.723432, 39.59264],
+              [116.724048, 39.59264],
+              [116.723432, 39.59264],
+              [116.664918, 39.605552],
+              [116.620571, 39.601863],
+              [116.592237, 39.621227],
+              [116.592237, 39.621227],
+              [116.524484, 39.596329],
+              [116.50847, 39.551122],
+              [116.473361, 39.552968],
+              [116.478289, 39.535431],
+              [116.437637, 39.526661],
+              [116.443796, 39.510041],
+              [116.401912, 39.528046],
+              [116.411767, 39.482794],
+              [116.444412, 39.482332],
+              [116.454883, 39.453226],
+              [116.434557, 39.442597],
+              [116.361876, 39.455074],
+              [116.361876, 39.455074],
+              [116.337854, 39.455536],
+              [116.307057, 39.488337],
+              [116.257782, 39.500344],
+              [116.240536, 39.564041],
+              [116.198652, 39.589412],
+              [116.151841, 39.583416],
+              [116.130283, 39.567732],
+              [116.09887, 39.575113],
+              [116.036044, 39.571884],
+              [116.026189, 39.587567],
+              [115.995392, 39.576958],
+              [115.978146, 39.595868],
+              [115.957204, 39.560812],
+              [115.910393, 39.600479],
+              [115.910393, 39.600479],
+              [115.91532, 39.582955],
+              [115.91532, 39.582955],
+              [115.867893, 39.546507],
+              [115.867893, 39.546507],
+              [115.828473, 39.541431],
+              [115.821081, 39.522968],
+              [115.821081, 39.522968],
+              [115.806299, 39.510041],
+              [115.806299, 39.510041],
+              [115.752712, 39.515581],
+              [115.738545, 39.539585],
+              [115.738545, 39.540046],
+              [115.738545, 39.539585],
+              [115.738545, 39.540046],
+              [115.724995, 39.5442],
+              [115.724995, 39.5442],
+              [115.722531, 39.543738],
+              [115.721299, 39.543738],
+              [115.722531, 39.543738],
+              [115.722531, 39.5442],
+              [115.721299, 39.543738],
+              [115.722531, 39.5442],
+              [115.720683, 39.551122],
+              [115.720683, 39.551122],
+              [115.718835, 39.553891],
+              [115.718835, 39.553891],
+              [115.716988, 39.56035],
+              [115.716988, 39.56035],
+              [115.699125, 39.570039],
+              [115.699125, 39.570039],
+              [115.698509, 39.577881],
+              [115.698509, 39.577881],
+              [115.667712, 39.615234],
+              [115.633836, 39.599557],
+              [115.633836, 39.599557],
+              [115.587024, 39.589873],
+              [115.545756, 39.618922],
+              [115.518039, 39.597252],
+              [115.522351, 39.640124],
+              [115.478619, 39.650723],
+              [115.478619, 39.650723],
+              [115.491554, 39.670074],
+              [115.486626, 39.741899],
+              [115.439815, 39.752022],
+              [115.443511, 39.785601],
+              [115.483547, 39.798477],
+              [115.483547, 39.798477],
+              [115.50572, 39.784222],
+              [115.552532, 39.794799],
+              [115.567314, 39.816407],
+              [115.514344, 39.837549],
+              [115.526046, 39.87568],
+              [115.515575, 39.892212],
+              [115.515575, 39.892212],
+              [115.522967, 39.899099],
+              [115.481083, 39.935819],
+              [115.426264, 39.950502],
+              [115.428728, 39.984443],
+              [115.450286, 39.992697],
+              [115.454597, 40.029825],
+              [115.485394, 40.040364],
+              [115.527278, 40.076092],
+              [115.59072, 40.096239],
+              [115.599959, 40.119583],
+              [115.75456, 40.145663],
+              [115.75456, 40.145663],
+              [115.773654, 40.176307],
+              [115.806299, 40.15344],
+              [115.847567, 40.147036],
+              [115.855574, 40.188652],
+              [115.870356, 40.185909],
+              [115.89869, 40.234354],
+              [115.968907, 40.264045],
+              [115.95166, 40.281852],
+              [115.917784, 40.354405],
+              [115.864197, 40.359422],
+              [115.771806, 40.443734],
+              [115.781045, 40.49336],
+              [115.736082, 40.503372],
+              [115.755176, 40.540221],
+              [115.784741, 40.55841],
+              [115.819849, 40.55932],
+              [115.827857, 40.587504],
+              [115.885139, 40.595229],
+              [115.907929, 40.617493],
+              [115.971986, 40.6025],
+              [115.982457, 40.578868],
+              [116.005247, 40.583868],
+              [116.09887, 40.630665],
+              [116.133979, 40.666536],
+              [116.162928, 40.662451],
+              [116.171551, 40.695582],
+              [116.204812, 40.740035],
+              [116.22021, 40.744115],
+              [116.247311, 40.791707],
+              [116.273181, 40.762703],
+              [116.311369, 40.754996],
+              [116.316912, 40.772221],
+              [116.453651, 40.765876],
+              [116.46597, 40.774487],
+              [116.438253, 40.81934],
+              [116.334159, 40.90443],
+              [116.339702, 40.929303],
+              [116.370499, 40.94377],
+              [116.398216, 40.90624],
+              [116.477057, 40.899907],
+              [116.447492, 40.953715],
+              [116.455499, 40.980828],
+              [116.519557, 40.98128],
+              [116.519557, 40.98128],
+              [116.5676, 40.992574],
+              [116.598397, 40.974503],
+              [116.623034, 41.021026],
+              [116.615643, 41.053076],
+              [116.647672, 41.059394],
+              [116.688324, 41.044501],
+              [116.698795, 41.021477],
+              [116.677853, 40.970888],
+              [116.722201, 40.927495],
+              [116.713577, 40.909858],
+              [116.759773, 40.889954],
+              [116.81336, 40.848319],
+              [116.848468, 40.839264],
+              [116.924229, 40.773581],
+              [116.926692, 40.745022],
+              [116.964881, 40.709647],
+              [117.012308, 40.693767],
+              [117.11209, 40.707379],
+              [117.117018, 40.70012],
+              [117.208177, 40.694675],
+              [117.278394, 40.664267],
+              [117.319662, 40.657911],
+              [117.342451, 40.673799],
+              [117.408973, 40.686961],
+              [117.493973, 40.675161],
+              [117.514914, 40.660181],
+              [117.501364, 40.636569],
+              [117.467487, 40.649738],
+              [117.467487, 40.649738]
+            ]
+          ],
+          [
+            [
+              [117.210024, 40.082045],
+              [117.204481, 40.069681],
+              [117.159517, 40.077008],
+              [117.140423, 40.064185],
+              [117.105315, 40.074261],
+              [117.105315, 40.074261],
+              [117.051728, 40.059605],
+              [117.025243, 40.030283],
+              [116.945171, 40.04128],
+              [116.927924, 40.055024],
+              [116.867562, 40.041739],
+              [116.831222, 40.051359],
+              [116.820135, 40.02845],
+              [116.781331, 40.034866],
+              [116.757925, 39.967934],
+              [116.782563, 39.947749],
+              [116.78441, 39.891294],
+              [116.812128, 39.889916],
+              [116.865714, 39.843982],
+              [116.907598, 39.832494],
+              [116.918069, 39.84628],
+              [116.949482, 39.778703],
+              [116.902055, 39.763523],
+              [116.916837, 39.731314],
+              [116.887272, 39.72533],
+              [116.889736, 39.687576],
+              [116.90575, 39.688037],
+              [116.932236, 39.706456],
+              [116.932236, 39.706456],
+              [116.944555, 39.695405],
+              [116.944555, 39.695405],
+              [116.948866, 39.680668],
+              [116.948866, 39.680668],
+              [116.964265, 39.64335],
+              [116.983359, 39.638742],
+              [116.983359, 39.638742],
+              [117.016004, 39.653949],
+              [117.10901, 39.625375],
+              [117.10901, 39.625375],
+              [117.152742, 39.623532],
+              [117.177996, 39.645194],
+              [117.165061, 39.718886],
+              [117.165061, 39.718886],
+              [117.161981, 39.748801],
+              [117.205713, 39.763984],
+              [117.15767, 39.796638],
+              [117.156438, 39.817326],
+              [117.192162, 39.832953],
+              [117.251908, 39.834332],
+              [117.247597, 39.860981],
+              [117.227887, 39.852712],
+              [117.162597, 39.876598],
+              [117.162597, 39.876598],
+              [117.150894, 39.944996],
+              [117.198322, 39.992697],
+              [117.192162, 40.066475],
+              [117.210024, 40.082045]
+            ]
+          ],
+          [
+            [
+              [117.784696, 39.376938],
+              [117.765602, 39.400527],
+              [117.699696, 39.407463],
+              [117.673211, 39.386652],
+              [117.668899, 39.412087],
+              [117.614081, 39.407001],
+              [117.601146, 39.419485],
+              [117.570965, 39.404689],
+              [117.521074, 39.357043],
+              [117.536472, 39.338068],
+              [117.594987, 39.349176],
+              [117.669515, 39.322792],
+              [117.670747, 39.357969],
+              [117.74466, 39.354729],
+              [117.784696, 39.376938]
+            ]
+          ],
+          [
+            [
+              [118.869365, 39.142932],
+              [118.82009, 39.108576],
+              [118.857662, 39.098824],
+              [118.869365, 39.142932]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 140000,
+        "name": "山西省",
+        "center": [112.549248, 37.857014],
+        "centroid": [112.304436, 37.618179],
+        "childrenNum": 11,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 3,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [110.379257, 34.600612],
+              [110.424837, 34.588295],
+              [110.488279, 34.610956],
+              [110.533242, 34.583368],
+              [110.610851, 34.607508],
+              [110.710017, 34.605045],
+              [110.749437, 34.65232],
+              [110.791937, 34.649858],
+              [110.824582, 34.615881],
+              [110.883712, 34.64395],
+              [110.903422, 34.669056],
+              [110.920052, 34.730068],
+              [110.976103, 34.706456],
+              [111.035233, 34.740887],
+              [111.118385, 34.756623],
+              [111.148566, 34.807742],
+              [111.232949, 34.789559],
+              [111.255123, 34.819535],
+              [111.29208, 34.806759],
+              [111.345666, 34.831816],
+              [111.389398, 34.815113],
+              [111.439289, 34.838202],
+              [111.502731, 34.829851],
+              [111.543999, 34.853428],
+              [111.570484, 34.843114],
+              [111.592042, 34.881416],
+              [111.617911, 34.894671],
+              [111.646861, 34.938836],
+              [111.681969, 34.9511],
+              [111.664107, 34.984449],
+              [111.740483, 35.00455],
+              [111.807005, 35.032977],
+              [111.810084, 35.062374],
+              [111.933272, 35.083435],
+              [111.97762, 35.067272],
+              [112.018888, 35.068742],
+              [112.039214, 35.045717],
+              [112.062004, 35.056005],
+              [112.05646, 35.098615],
+              [112.066315, 35.153437],
+              [112.03983, 35.194039],
+              [112.078634, 35.219467],
+              [112.058924, 35.280069],
+              [112.13838, 35.271275],
+              [112.21722, 35.253195],
+              [112.242474, 35.234622],
+              [112.304684, 35.251728],
+              [112.288053, 35.219956],
+              [112.36751, 35.219956],
+              [112.390915, 35.239021],
+              [112.513487, 35.218489],
+              [112.637291, 35.225822],
+              [112.628052, 35.263457],
+              [112.720443, 35.206265],
+              [112.772798, 35.207732],
+              [112.822073, 35.258082],
+              [112.884283, 35.243909],
+              [112.934174, 35.262968],
+              [112.936022, 35.284466],
+              [112.992072, 35.29619],
+              [112.985913, 35.33965],
+              [112.996384, 35.362104],
+              [113.067217, 35.353806],
+              [113.126347, 35.332327],
+              [113.149137, 35.350878],
+              [113.165151, 35.412845],
+              [113.185477, 35.409431],
+              [113.189789, 35.44893],
+              [113.243375, 35.449418],
+              [113.304353, 35.426989],
+              [113.31236, 35.481101],
+              [113.348085, 35.468429],
+              [113.391817, 35.506925],
+              [113.439244, 35.507412],
+              [113.49899, 35.532254],
+              [113.513773, 35.57364],
+              [113.55812, 35.621816],
+              [113.547649, 35.656835],
+              [113.578446, 35.633491],
+              [113.625258, 35.632518],
+              [113.622794, 35.674825],
+              [113.592613, 35.691838],
+              [113.587685, 35.736542],
+              [113.604932, 35.797727],
+              [113.582758, 35.818111],
+              [113.660982, 35.837035],
+              [113.637576, 35.870019],
+              [113.654207, 35.931586],
+              [113.648663, 35.994073],
+              [113.678844, 35.985841],
+              [113.694859, 36.026991],
+              [113.660366, 36.034735],
+              [113.68562, 36.056026],
+              [113.671453, 36.115514],
+              [113.655439, 36.125182],
+              [113.712721, 36.129533],
+              [113.705946, 36.148865],
+              [113.651127, 36.174473],
+              [113.697939, 36.181719],
+              [113.681924, 36.216491],
+              [113.716417, 36.262347],
+              [113.712105, 36.303353],
+              [113.736127, 36.324571],
+              [113.731199, 36.363135],
+              [113.708409, 36.423352],
+              [113.670221, 36.425278],
+              [113.635729, 36.451277],
+              [113.587069, 36.460904],
+              [113.554425, 36.494589],
+              [113.559968, 36.528741],
+              [113.588917, 36.547974],
+              [113.569823, 36.585947],
+              [113.539642, 36.594116],
+              [113.54457, 36.62342],
+              [113.486671, 36.635427],
+              [113.476816, 36.655114],
+              [113.506997, 36.705029],
+              [113.465113, 36.707908],
+              [113.499606, 36.740527],
+              [113.535946, 36.732373],
+              [113.549497, 36.752515],
+              [113.600004, 36.752995],
+              [113.680692, 36.789907],
+              [113.676381, 36.855539],
+              [113.696707, 36.882351],
+              [113.731815, 36.878521],
+              [113.731815, 36.858891],
+              [113.773083, 36.85506],
+              [113.792793, 36.894796],
+              [113.76138, 36.956034],
+              [113.791561, 36.98759],
+              [113.771851, 37.016745],
+              [113.788482, 37.059739],
+              [113.758301, 37.075497],
+              [113.773699, 37.107004],
+              [113.773083, 37.151855],
+              [113.832213, 37.167594],
+              [113.853155, 37.215269],
+              [113.886416, 37.239095],
+              [113.90243, 37.310052],
+              [113.962792, 37.355734],
+              [113.973879, 37.40329],
+              [114.014531, 37.42468],
+              [114.036705, 37.494037],
+              [114.118625, 37.59084],
+              [114.115545, 37.619761],
+              [114.139567, 37.675676],
+              [114.12848, 37.698409],
+              [114.068118, 37.721608],
+              [113.993589, 37.706932],
+              [113.996669, 37.730128],
+              [114.044712, 37.761834],
+              [114.006524, 37.813386],
+              [113.976959, 37.816696],
+              [113.959097, 37.906468],
+              [113.936307, 37.922993],
+              [113.901198, 37.984811],
+              [113.872249, 37.990471],
+              [113.876561, 38.055059],
+              [113.811271, 38.117707],
+              [113.831597, 38.16854],
+              [113.797105, 38.162894],
+              [113.720728, 38.174656],
+              [113.711489, 38.213695],
+              [113.678844, 38.20523],
+              [113.64312, 38.232031],
+              [113.598772, 38.22733],
+              [113.570439, 38.237202],
+              [113.54457, 38.270569],
+              [113.557504, 38.343359],
+              [113.525475, 38.383245],
+              [113.537794, 38.417952],
+              [113.583374, 38.459671],
+              [113.546417, 38.492936],
+              [113.561816, 38.558483],
+              [113.603084, 38.587024],
+              [113.612939, 38.645942],
+              [113.70225, 38.651551],
+              [113.720728, 38.713218],
+              [113.775547, 38.709949],
+              [113.802648, 38.763166],
+              [113.839605, 38.7585],
+              [113.836525, 38.795824],
+              [113.855619, 38.828933],
+              [113.795257, 38.860628],
+              [113.776163, 38.885788],
+              [113.76754, 38.959819],
+              [113.776779, 38.986804],
+              [113.80696, 38.989595],
+              [113.898119, 39.067699],
+              [113.930148, 39.063517],
+              [113.961561, 39.100681],
+              [113.994821, 39.095572],
+              [114.006524, 39.122971],
+              [114.050872, 39.135969],
+              [114.064422, 39.094179],
+              [114.082901, 39.09325],
+              [114.082901, 39.09325],
+              [114.10877, 39.052364],
+              [114.157429, 39.061194],
+              [114.180835, 39.049111],
+              [114.252284, 39.073739],
+              [114.345907, 39.075133],
+              [114.369928, 39.107648],
+              [114.360689, 39.134112],
+              [114.388406, 39.176807],
+              [114.443841, 39.174023],
+              [114.47587, 39.21623],
+              [114.416124, 39.242654],
+              [114.437066, 39.259337],
+              [114.430906, 39.307513],
+              [114.466631, 39.329736],
+              [114.469095, 39.400989],
+              [114.496812, 39.438437],
+              [114.501739, 39.476789],
+              [114.532536, 39.486027],
+              [114.568877, 39.573729],
+              [114.51529, 39.564964],
+              [114.49558, 39.608318],
+              [114.431522, 39.613851],
+              [114.408117, 39.652106],
+              [114.409964, 39.761683],
+              [114.41674, 39.775943],
+              [114.390254, 39.819165],
+              [114.406885, 39.833413],
+              [114.395182, 39.867412],
+              [114.285545, 39.858225],
+              [114.286776, 39.871087],
+              [114.215943, 39.8619],
+              [114.204241, 39.885324],
+              [114.229494, 39.899558],
+              [114.212248, 39.918839],
+              [114.17406, 39.897722],
+              [114.067502, 39.922511],
+              [114.047176, 39.916085],
+              [114.028082, 39.959218],
+              [114.029314, 39.985819],
+              [113.910438, 40.015618],
+              [113.959097, 40.033491],
+              [113.989278, 40.11226],
+              [114.018227, 40.103563],
+              [114.045944, 40.056856],
+              [114.086596, 40.071513],
+              [114.101995, 40.099901],
+              [114.073046, 40.168533],
+              [114.073046, 40.168533],
+              [114.097683, 40.193681],
+              [114.135871, 40.175392],
+              [114.180219, 40.191395],
+              [114.235654, 40.198252],
+              [114.255364, 40.236182],
+              [114.292936, 40.230242],
+              [114.362537, 40.249886],
+              [114.406269, 40.246232],
+              [114.46971, 40.268155],
+              [114.510978, 40.302851],
+              [114.530688, 40.345283],
+              [114.481413, 40.34802],
+              [114.438914, 40.371733],
+              [114.390254, 40.351213],
+              [114.381015, 40.36307],
+              [114.31203, 40.372645],
+              [114.286161, 40.425057],
+              [114.299711, 40.44009],
+              [114.267066, 40.474242],
+              [114.282465, 40.494725],
+              [114.293552, 40.55159],
+              [114.273842, 40.552954],
+              [114.283081, 40.590685],
+              [114.236269, 40.607043],
+              [114.183299, 40.67153],
+              [114.162357, 40.71373],
+              [114.134639, 40.737314],
+              [114.084748, 40.729605],
+              [114.063806, 40.706925],
+              [114.07243, 40.679246],
+              [114.041633, 40.608861],
+              [114.076741, 40.575686],
+              [114.080437, 40.547952],
+              [114.061959, 40.52885],
+              [114.011452, 40.515657],
+              [113.948626, 40.514747],
+              [113.890112, 40.466503],
+              [113.850691, 40.460583],
+              [113.794641, 40.517932],
+              [113.763228, 40.473787],
+              [113.688699, 40.448288],
+              [113.559968, 40.348476],
+              [113.500222, 40.334335],
+              [113.387505, 40.319279],
+              [113.316672, 40.319736],
+              [113.27602, 40.388601],
+              [113.251382, 40.413211],
+              [113.083231, 40.374925],
+              [113.03334, 40.368997],
+              [112.898449, 40.329317],
+              [112.848558, 40.206937],
+              [112.744464, 40.167161],
+              [112.712436, 40.178593],
+              [112.6299, 40.235725],
+              [112.511639, 40.269068],
+              [112.456205, 40.300112],
+              [112.418017, 40.295091],
+              [112.349031, 40.257194],
+              [112.310227, 40.256281],
+              [112.299756, 40.21105],
+              [112.232619, 40.169905],
+              [112.232003, 40.133311],
+              [112.183344, 40.083877],
+              [112.182112, 40.061437],
+              [112.142076, 40.027076],
+              [112.133453, 40.001866],
+              [112.07617, 39.919298],
+              [112.042294, 39.886243],
+              [112.012729, 39.827438],
+              [111.970229, 39.796638],
+              [111.959758, 39.692642],
+              [111.925265, 39.66731],
+              [111.9382, 39.623071],
+              [111.87907, 39.606013],
+              [111.842729, 39.620305],
+              [111.783599, 39.58895],
+              [111.722621, 39.606013],
+              [111.659179, 39.641507],
+              [111.625303, 39.633672],
+              [111.525521, 39.662242],
+              [111.497187, 39.661781],
+              [111.445448, 39.640124],
+              [111.460847, 39.606935],
+              [111.441137, 39.59679],
+              [111.422043, 39.539123],
+              [111.431282, 39.508656],
+              [111.372152, 39.479099],
+              [111.358601, 39.432428],
+              [111.337043, 39.420872],
+              [111.171971, 39.423183],
+              [111.143022, 39.407926],
+              [111.125776, 39.366297],
+              [111.159037, 39.362596],
+              [111.155341, 39.338531],
+              [111.186138, 39.35149],
+              [111.179363, 39.326959],
+              [111.202152, 39.305197],
+              [111.247732, 39.302419],
+              [111.213239, 39.257021],
+              [111.219399, 39.244044],
+              [111.163348, 39.152678],
+              [111.173819, 39.135041],
+              [111.147334, 39.100681],
+              [111.138095, 39.064447],
+              [111.094363, 39.030053],
+              [111.038313, 39.020289],
+              [110.998276, 38.998433],
+              [110.980414, 38.970056],
+              [111.009979, 38.932823],
+              [111.016755, 38.889981],
+              [110.995813, 38.868084],
+              [111.009363, 38.847579],
+              [110.965016, 38.755699],
+              [110.915125, 38.704345],
+              [110.916357, 38.673981],
+              [110.880632, 38.626776],
+              [110.898494, 38.587024],
+              [110.920052, 38.581878],
+              [110.907733, 38.521035],
+              [110.870777, 38.510265],
+              [110.874473, 38.453579],
+              [110.840596, 38.439986],
+              [110.796864, 38.453579],
+              [110.77777, 38.440924],
+              [110.746973, 38.366355],
+              [110.701394, 38.353215],
+              [110.661358, 38.308617],
+              [110.601612, 38.308147],
+              [110.57759, 38.297345],
+              [110.565887, 38.215105],
+              [110.528315, 38.211814],
+              [110.509221, 38.192061],
+              [110.519692, 38.130889],
+              [110.501829, 38.097929],
+              [110.507989, 38.013107],
+              [110.528315, 37.990471],
+              [110.522771, 37.955088],
+              [110.59422, 37.922049],
+              [110.680452, 37.790216],
+              [110.735886, 37.77035],
+              [110.750669, 37.736281],
+              [110.716792, 37.728708],
+              [110.706321, 37.705511],
+              [110.775306, 37.680886],
+              [110.793169, 37.650567],
+              [110.763604, 37.639668],
+              [110.771611, 37.594634],
+              [110.795017, 37.558586],
+              [110.770995, 37.538184],
+              [110.759292, 37.474567],
+              [110.740198, 37.44939],
+              [110.644111, 37.435135],
+              [110.630561, 37.372858],
+              [110.641648, 37.360015],
+              [110.695234, 37.34955],
+              [110.678604, 37.317668],
+              [110.690307, 37.287201],
+              [110.661974, 37.281963],
+              [110.651503, 37.256722],
+              [110.590525, 37.187145],
+              [110.53509, 37.138021],
+              [110.535706, 37.115118],
+              [110.49567, 37.086956],
+              [110.460561, 37.044932],
+              [110.417446, 37.027257],
+              [110.426685, 37.008621],
+              [110.382953, 37.022001],
+              [110.381721, 37.002408],
+              [110.424221, 36.963685],
+              [110.408823, 36.892403],
+              [110.376178, 36.882351],
+              [110.424221, 36.855539],
+              [110.406975, 36.824886],
+              [110.423605, 36.818179],
+              [110.407591, 36.776007],
+              [110.447011, 36.737649],
+              [110.438388, 36.685835],
+              [110.402663, 36.697352],
+              [110.394656, 36.676716],
+              [110.426685, 36.657514],
+              [110.447627, 36.621018],
+              [110.496902, 36.582102],
+              [110.488895, 36.556628],
+              [110.503677, 36.488335],
+              [110.47288, 36.453203],
+              [110.489511, 36.430094],
+              [110.487047, 36.393972],
+              [110.459946, 36.327946],
+              [110.474112, 36.306729],
+              [110.474112, 36.248352],
+              [110.45625, 36.22663],
+              [110.447011, 36.164328],
+              [110.467953, 36.074893],
+              [110.491974, 36.034735],
+              [110.49259, 35.994073],
+              [110.516612, 35.971796],
+              [110.502445, 35.947575],
+              [110.516612, 35.918501],
+              [110.511684, 35.879718],
+              [110.549257, 35.877778],
+              [110.550489, 35.838005],
+              [110.571431, 35.800639],
+              [110.57759, 35.701559],
+              [110.609619, 35.632031],
+              [110.589293, 35.602355],
+              [110.567735, 35.539559],
+              [110.531394, 35.511309],
+              [110.477808, 35.413821],
+              [110.45009, 35.327933],
+              [110.374946, 35.251728],
+              [110.378642, 35.210666],
+              [110.364475, 35.197952],
+              [110.373714, 35.134351],
+              [110.320743, 35.00504],
+              [110.262229, 34.944233],
+              [110.230816, 34.880925],
+              [110.246831, 34.789068],
+              [110.243135, 34.725641],
+              [110.229584, 34.692679],
+              [110.269004, 34.629671],
+              [110.29549, 34.610956],
+              [110.379257, 34.600612]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 150000,
+        "name": "内蒙古自治区",
+        "center": [111.670801, 40.818311],
+        "centroid": [114.077429, 44.331087],
+        "childrenNum": 12,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 4,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "Polygon",
+        "coordinates": [
+          [
+            [97.172903, 42.795257],
+            [97.371235, 42.457076],
+            [97.500582, 42.243894],
+            [97.653335, 41.986856],
+            [97.84674, 41.656379],
+            [97.613915, 41.477276],
+            [97.629314, 41.440498],
+            [97.903407, 41.168057],
+            [97.971776, 41.09774],
+            [98.142391, 41.001607],
+            [98.184891, 40.988056],
+            [98.25018, 40.93925],
+            [98.333332, 40.918903],
+            [98.344419, 40.568413],
+            [98.627751, 40.677884],
+            [98.569853, 40.746836],
+            [98.668403, 40.773128],
+            [98.689345, 40.691952],
+            [98.72199, 40.657911],
+            [98.762642, 40.639748],
+            [98.802678, 40.607043],
+            [98.80699, 40.660181],
+            [98.790975, 40.705564],
+            [98.984996, 40.782644],
+            [99.041662, 40.693767],
+            [99.102025, 40.676522],
+            [99.12543, 40.715091],
+            [99.172858, 40.747289],
+            [99.174705, 40.858278],
+            [99.565827, 40.846961],
+            [99.673, 40.93292],
+            [99.985897, 40.909858],
+            [100.057346, 40.908049],
+            [100.107853, 40.875475],
+            [100.224882, 40.727337],
+            [100.237201, 40.716905],
+            [100.242744, 40.618855],
+            [100.169447, 40.541131],
+            [100.169447, 40.277743],
+            [100.007455, 40.20008],
+            [99.955716, 40.150695],
+            [99.927383, 40.063727],
+            [99.841152, 40.013326],
+            [99.751225, 40.006909],
+            [99.714268, 39.972061],
+            [99.533182, 39.891753],
+            [99.491298, 39.884406],
+            [99.459885, 39.898181],
+            [99.440791, 39.885783],
+            [99.469124, 39.875221],
+            [99.672384, 39.888079],
+            [99.822058, 39.860063],
+            [99.904593, 39.785601],
+            [99.958796, 39.769504],
+            [100.040716, 39.757083],
+            [100.128179, 39.702312],
+            [100.250135, 39.685274],
+            [100.314193, 39.606935],
+            [100.301258, 39.572345],
+            [100.326512, 39.509118],
+            [100.44354, 39.485565],
+            [100.500823, 39.481408],
+            [100.498975, 39.400527],
+            [100.606764, 39.387577],
+            [100.707778, 39.404689],
+            [100.842053, 39.405614],
+            [100.842669, 39.199999],
+            [100.864227, 39.106719],
+            [100.829118, 39.075133],
+            [100.835278, 39.025869],
+            [100.875314, 39.002619],
+            [100.901799, 39.030053],
+            [100.961545, 39.005874],
+            [100.969553, 38.946788],
+            [101.117378, 38.975174],
+            [101.228863, 39.020754],
+            [101.198682, 38.943064],
+            [101.237486, 38.907214],
+            [101.24303, 38.860628],
+            [101.33542, 38.847113],
+            [101.34158, 38.822406],
+            [101.307087, 38.80282],
+            [101.331109, 38.777164],
+            [101.412413, 38.764099],
+            [101.562702, 38.713218],
+            [101.601506, 38.65529],
+            [101.672955, 38.6908],
+            [101.777049, 38.66043],
+            [101.873751, 38.733761],
+            [101.941505, 38.808883],
+            [102.075164, 38.891378],
+            [102.045599, 38.904885],
+            [101.955055, 38.985874],
+            [101.926106, 39.000758],
+            [101.833715, 39.08907],
+            [101.902701, 39.111827],
+            [102.012338, 39.127149],
+            [102.050526, 39.141075],
+            [102.276576, 39.188868],
+            [102.3548, 39.231993],
+            [102.45335, 39.255167],
+            [102.579002, 39.183301],
+            [102.616574, 39.171703],
+            [102.883892, 39.120649],
+            [103.007696, 39.099753],
+            [103.133347, 39.192579],
+            [103.188166, 39.215302],
+            [103.259615, 39.263971],
+            [103.344615, 39.331588],
+            [103.428998, 39.353341],
+            [103.595302, 39.386652],
+            [103.728961, 39.430117],
+            [103.85338, 39.461543],
+            [103.955626, 39.456923],
+            [104.089901, 39.419947],
+            [104.073271, 39.351953],
+            [104.047401, 39.297788],
+            [104.171205, 39.160567],
+            [104.207546, 39.083495],
+            [104.190915, 39.042139],
+            [104.196459, 38.9882],
+            [104.173053, 38.94446],
+            [104.044322, 38.895105],
+            [104.011677, 38.85923],
+            [103.85954, 38.64454],
+            [103.416063, 38.404821],
+            [103.465339, 38.353215],
+            [103.507838, 38.280905],
+            [103.53494, 38.156776],
+            [103.368636, 38.08898],
+            [103.362477, 38.037621],
+            [103.40744, 37.860651],
+            [103.627947, 37.797783],
+            [103.683381, 37.777919],
+            [103.841062, 37.64725],
+            [103.874938, 37.604117],
+            [103.935916, 37.572818],
+            [104.089285, 37.465067],
+            [104.183524, 37.406618],
+            [104.237727, 37.411847],
+            [104.287002, 37.428007],
+            [104.322726, 37.44844],
+            [104.407726, 37.464592],
+            [104.419429, 37.511604],
+            [104.433595, 37.515402],
+            [104.623305, 37.522522],
+            [104.805007, 37.539133],
+            [104.866601, 37.566651],
+            [105.027977, 37.580881],
+            [105.111128, 37.633981],
+            [105.187505, 37.657674],
+            [105.221998, 37.677097],
+            [105.315004, 37.702197],
+            [105.4037, 37.710246],
+            [105.467141, 37.695094],
+            [105.598952, 37.699356],
+            [105.616199, 37.722555],
+            [105.622358, 37.777919],
+            [105.677177, 37.771769],
+            [105.760944, 37.799674],
+            [105.80406, 37.862068],
+            [105.799749, 37.939986],
+            [105.840401, 38.004147],
+            [105.780655, 38.084741],
+            [105.76772, 38.121474],
+            [105.775111, 38.186887],
+            [105.802828, 38.220277],
+            [105.842248, 38.240962],
+            [105.86627, 38.296406],
+            [105.821307, 38.366824],
+            [105.835473, 38.387467],
+            [105.827466, 38.432486],
+            [105.850872, 38.443736],
+            [105.836705, 38.476071],
+            [105.863806, 38.53508],
+            [105.856415, 38.569714],
+            [105.874277, 38.593105],
+            [105.852719, 38.641735],
+            [105.894603, 38.696405],
+            [105.88598, 38.716953],
+            [105.908154, 38.737496],
+            [105.909386, 38.791159],
+            [105.992538, 38.857366],
+            [105.97098, 38.909077],
+            [106.021487, 38.953769],
+            [106.060907, 38.96866],
+            [106.087392, 39.006339],
+            [106.078153, 39.026333],
+            [106.096631, 39.084889],
+            [106.145907, 39.153142],
+            [106.170544, 39.163352],
+            [106.192718, 39.142932],
+            [106.251232, 39.131327],
+            [106.285109, 39.146181],
+            [106.29558, 39.167992],
+            [106.280181, 39.262118],
+            [106.402753, 39.291767],
+            [106.511774, 39.272311],
+            [106.525325, 39.308439],
+            [106.556122, 39.322329],
+            [106.602318, 39.37555],
+            [106.643586, 39.357969],
+            [106.683622, 39.357506],
+            [106.751375, 39.381564],
+            [106.781556, 39.371849],
+            [106.806809, 39.318625],
+            [106.806193, 39.277407],
+            [106.790795, 39.241263],
+            [106.795723, 39.214375],
+            [106.825288, 39.19397],
+            [106.859164, 39.107648],
+            [106.878874, 39.091392],
+            [106.933693, 39.076527],
+            [106.96757, 39.054688],
+            [106.971881, 39.026333],
+            [106.954019, 38.941202],
+            [106.837606, 38.847579],
+            [106.756302, 38.748699],
+            [106.709491, 38.718821],
+            [106.66268, 38.601524],
+            [106.647897, 38.470917],
+            [106.599854, 38.389812],
+            [106.482209, 38.319417],
+            [106.555506, 38.263521],
+            [106.627571, 38.232501],
+            [106.654672, 38.22921],
+            [106.737824, 38.197706],
+            [106.779092, 38.171833],
+            [106.858548, 38.156306],
+            [106.942316, 38.132302],
+            [107.010069, 38.120532],
+            [107.051337, 38.122886],
+            [107.071047, 38.138892],
+            [107.119091, 38.134185],
+            [107.138801, 38.161011],
+            [107.19054, 38.153953],
+            [107.240431, 38.111586],
+            [107.33159, 38.086625],
+            [107.3938, 38.014993],
+            [107.440611, 37.995659],
+            [107.411662, 37.948009],
+            [107.448618, 37.933378],
+            [107.49235, 37.944706],
+            [107.560719, 37.893717],
+            [107.65003, 37.86443],
+            [107.684523, 37.888522],
+            [107.732566, 37.84931],
+            [107.842819, 37.828987],
+            [107.884703, 37.808186],
+            [107.982022, 37.787378],
+            [107.993109, 37.735335],
+            [108.025753, 37.696041],
+            [108.012819, 37.66857],
+            [108.025137, 37.649619],
+            [108.055318, 37.652462],
+            [108.134159, 37.622131],
+            [108.193905, 37.638246],
+            [108.205608, 37.655779],
+            [108.24626, 37.665728],
+            [108.293071, 37.656726],
+            [108.301078, 37.640616],
+            [108.422418, 37.648672],
+            [108.485244, 37.678044],
+            [108.532671, 37.690832],
+            [108.628142, 37.651988],
+            [108.699591, 37.669518],
+            [108.720533, 37.683728],
+            [108.777815, 37.683728],
+            [108.791982, 37.700303],
+            [108.784591, 37.764673],
+            [108.799989, 37.784068],
+            [108.791982, 37.872934],
+            [108.798141, 37.93385],
+            [108.82709, 37.989056],
+            [108.797525, 38.04799],
+            [108.830786, 38.049875],
+            [108.883141, 38.01405],
+            [108.893612, 37.978207],
+            [108.93488, 37.922521],
+            [108.9743, 37.931962],
+            [108.982923, 37.964053],
+            [109.018648, 37.971602],
+            [109.037742, 38.021593],
+            [109.06977, 38.023008],
+            [109.050676, 38.055059],
+            [109.069155, 38.091336],
+            [108.964445, 38.154894],
+            [108.938575, 38.207582],
+            [108.976148, 38.245192],
+            [108.961981, 38.26493],
+            [109.007561, 38.359316],
+            [109.051292, 38.385122],
+            [109.054372, 38.433892],
+            [109.128901, 38.480288],
+            [109.175712, 38.518694],
+            [109.196654, 38.552867],
+            [109.276726, 38.623035],
+            [109.331545, 38.597783],
+            [109.367269, 38.627711],
+            [109.329081, 38.66043],
+            [109.338936, 38.701542],
+            [109.404226, 38.720689],
+            [109.444262, 38.782763],
+            [109.511399, 38.833595],
+            [109.549587, 38.805618],
+            [109.624116, 38.85457],
+            [109.672159, 38.928167],
+            [109.685094, 38.968195],
+            [109.665384, 38.981687],
+            [109.72513, 39.018429],
+            [109.762086, 39.057476],
+            [109.793499, 39.074204],
+            [109.851397, 39.122971],
+            [109.890818, 39.103932],
+            [109.92223, 39.107183],
+            [109.893897, 39.141075],
+            [109.961035, 39.191651],
+            [109.871723, 39.243581],
+            [109.90252, 39.271848],
+            [109.962267, 39.212056],
+            [110.041107, 39.21623],
+            [110.109476, 39.249606],
+            [110.217881, 39.281113],
+            [110.184005, 39.355192],
+            [110.161831, 39.387115],
+            [110.136577, 39.39174],
+            [110.12549, 39.432891],
+            [110.152592, 39.45415],
+            [110.243751, 39.423645],
+            [110.257917, 39.407001],
+            [110.385417, 39.310291],
+            [110.429764, 39.341308],
+            [110.434692, 39.381101],
+            [110.482735, 39.360745],
+            [110.524003, 39.382952],
+            [110.559728, 39.351027],
+            [110.566503, 39.320014],
+            [110.596684, 39.282966],
+            [110.626249, 39.266751],
+            [110.702626, 39.273701],
+            [110.731575, 39.30705],
+            [110.73835, 39.348713],
+            [110.782698, 39.38804],
+            [110.869545, 39.494341],
+            [110.891103, 39.509118],
+            [110.958856, 39.519275],
+            [111.017371, 39.552045],
+            [111.101138, 39.559428],
+            [111.136863, 39.587106],
+            [111.154725, 39.569116],
+            [111.148566, 39.531277],
+            [111.10545, 39.497573],
+            [111.10545, 39.472631],
+            [111.058639, 39.447681],
+            [111.064182, 39.400989],
+            [111.098059, 39.401914],
+            [111.087588, 39.376013],
+            [111.125776, 39.366297],
+            [111.143022, 39.407926],
+            [111.171971, 39.423183],
+            [111.337043, 39.420872],
+            [111.358601, 39.432428],
+            [111.372152, 39.479099],
+            [111.431282, 39.508656],
+            [111.422043, 39.539123],
+            [111.441137, 39.59679],
+            [111.460847, 39.606935],
+            [111.445448, 39.640124],
+            [111.497187, 39.661781],
+            [111.525521, 39.662242],
+            [111.625303, 39.633672],
+            [111.659179, 39.641507],
+            [111.722621, 39.606013],
+            [111.783599, 39.58895],
+            [111.842729, 39.620305],
+            [111.87907, 39.606013],
+            [111.9382, 39.623071],
+            [111.925265, 39.66731],
+            [111.959758, 39.692642],
+            [111.970229, 39.796638],
+            [112.012729, 39.827438],
+            [112.042294, 39.886243],
+            [112.07617, 39.919298],
+            [112.133453, 40.001866],
+            [112.142076, 40.027076],
+            [112.182112, 40.061437],
+            [112.183344, 40.083877],
+            [112.232003, 40.133311],
+            [112.232619, 40.169905],
+            [112.299756, 40.21105],
+            [112.310227, 40.256281],
+            [112.349031, 40.257194],
+            [112.418017, 40.295091],
+            [112.456205, 40.300112],
+            [112.511639, 40.269068],
+            [112.6299, 40.235725],
+            [112.712436, 40.178593],
+            [112.744464, 40.167161],
+            [112.848558, 40.206937],
+            [112.898449, 40.329317],
+            [113.03334, 40.368997],
+            [113.083231, 40.374925],
+            [113.251382, 40.413211],
+            [113.27602, 40.388601],
+            [113.316672, 40.319736],
+            [113.387505, 40.319279],
+            [113.500222, 40.334335],
+            [113.559968, 40.348476],
+            [113.688699, 40.448288],
+            [113.763228, 40.473787],
+            [113.794641, 40.517932],
+            [113.850691, 40.460583],
+            [113.890112, 40.466503],
+            [113.948626, 40.514747],
+            [114.011452, 40.515657],
+            [114.061959, 40.52885],
+            [114.080437, 40.547952],
+            [114.076741, 40.575686],
+            [114.041633, 40.608861],
+            [114.07243, 40.679246],
+            [114.063806, 40.706925],
+            [114.084748, 40.729605],
+            [114.134639, 40.737314],
+            [114.103227, 40.770861],
+            [114.104458, 40.797597],
+            [114.080437, 40.790348],
+            [114.044712, 40.830661],
+            [114.073661, 40.857372],
+            [114.055183, 40.867782],
+            [114.041633, 40.917546],
+            [114.057647, 40.925234],
+            [113.994821, 40.938798],
+            [113.973263, 40.983087],
+            [113.868554, 41.06887],
+            [113.819279, 41.09774],
+            [113.877793, 41.115777],
+            [113.920293, 41.172112],
+            [113.960945, 41.171211],
+            [113.996669, 41.19238],
+            [114.016379, 41.231999],
+            [113.992357, 41.269794],
+            [113.971416, 41.239649],
+            [113.95109, 41.282837],
+            [113.914749, 41.294529],
+            [113.899351, 41.316108],
+            [113.92522, 41.325546],
+            [113.94493, 41.392477],
+            [113.871017, 41.413126],
+            [113.877793, 41.431076],
+            [113.919677, 41.454404],
+            [113.933227, 41.487139],
+            [113.953553, 41.483553],
+            [113.976959, 41.505966],
+            [114.032394, 41.529715],
+            [114.101379, 41.537779],
+            [114.230726, 41.513584],
+            [114.221487, 41.582111],
+            [114.226414, 41.616572],
+            [114.259059, 41.623282],
+            [114.215328, 41.68499],
+            [114.237501, 41.698843],
+            [114.206704, 41.7386],
+            [114.215328, 41.75646],
+            [114.200545, 41.789934],
+            [114.282465, 41.863517],
+            [114.343443, 41.926774],
+            [114.352066, 41.953484],
+            [114.419203, 41.942356],
+            [114.478334, 41.951704],
+            [114.511594, 41.981962],
+            [114.467863, 42.025989],
+            [114.480181, 42.064654],
+            [114.502355, 42.06732],
+            [114.510978, 42.110844],
+            [114.560254, 42.132595],
+            [114.647717, 42.109512],
+            [114.675434, 42.12061],
+            [114.75489, 42.115727],
+            [114.789383, 42.130819],
+            [114.79431, 42.149457],
+            [114.825723, 42.139695],
+            [114.86268, 42.097967],
+            [114.860832, 42.054879],
+            [114.9021, 42.015763],
+            [114.915035, 41.960605],
+            [114.923658, 41.871093],
+            [114.939056, 41.846132],
+            [114.922426, 41.825175],
+            [114.868839, 41.813579],
+            [114.89594, 41.76762],
+            [114.902716, 41.695715],
+            [114.895325, 41.636255],
+            [114.860832, 41.60091],
+            [115.016049, 41.615229],
+            [115.056085, 41.602253],
+            [115.0992, 41.62373],
+            [115.195287, 41.602253],
+            [115.20391, 41.571367],
+            [115.256881, 41.580768],
+            [115.26612, 41.616124],
+            [115.290142, 41.622835],
+            [115.310468, 41.592854],
+            [115.377605, 41.603148],
+            [115.345576, 41.635807],
+            [115.360975, 41.661297],
+            [115.319091, 41.691693],
+            [115.346808, 41.712247],
+            [115.42996, 41.728775],
+            [115.488474, 41.760924],
+            [115.519887, 41.76762],
+            [115.57409, 41.80555],
+            [115.654162, 41.829189],
+            [115.688038, 41.867528],
+            [115.726227, 41.870202],
+            [115.811226, 41.912525],
+            [115.834632, 41.93835],
+            [115.85311, 41.927665],
+            [115.916552, 41.945027],
+            [115.954124, 41.874213],
+            [115.994776, 41.828743],
+            [116.007095, 41.797966],
+            [116.007095, 41.79752],
+            [116.034196, 41.782795],
+            [116.09887, 41.776547],
+            [116.129051, 41.805996],
+            [116.106877, 41.831419],
+            [116.122892, 41.861734],
+            [116.194341, 41.861734],
+            [116.212819, 41.885352],
+            [116.223906, 41.932562],
+            [116.298434, 41.96817],
+            [116.310137, 41.997086],
+            [116.373579, 42.009983],
+            [116.414231, 41.982407],
+            [116.393289, 41.942802],
+            [116.453651, 41.945917],
+            [116.4826, 41.975734],
+            [116.510933, 41.974399],
+            [116.553433, 41.928555],
+            [116.597165, 41.935679],
+            [116.639049, 41.929891],
+            [116.66923, 41.947698],
+            [116.727744, 41.951259],
+            [116.748686, 41.984186],
+            [116.796113, 41.977958],
+            [116.879881, 42.018431],
+            [116.890352, 42.092639],
+            [116.850316, 42.156556],
+            [116.825062, 42.155669],
+            [116.789338, 42.200462],
+            [116.903287, 42.190708],
+            [116.918685, 42.229716],
+            [116.897743, 42.297479],
+            [116.886656, 42.366496],
+            [116.910678, 42.394789],
+            [116.910062, 42.395231],
+            [116.921765, 42.403628],
+            [116.936547, 42.410256],
+            [116.944555, 42.415116],
+            [116.97104, 42.427486],
+            [116.974736, 42.426603],
+            [116.99075, 42.425719],
+            [117.005533, 42.43367],
+            [117.009228, 42.44957],
+            [117.01662, 42.456193],
+            [117.080061, 42.463699],
+            [117.09546, 42.484004],
+            [117.135496, 42.468996],
+            [117.188467, 42.468114],
+            [117.275314, 42.481797],
+            [117.332596, 42.46105],
+            [117.390495, 42.461933],
+            [117.413284, 42.471645],
+            [117.410205, 42.519743],
+            [117.387415, 42.517537],
+            [117.434226, 42.557224],
+            [117.435458, 42.585431],
+            [117.475494, 42.602613],
+            [117.530313, 42.590278],
+            [117.537088, 42.603054],
+            [117.60053, 42.603054],
+            [117.667051, 42.582347],
+            [117.708935, 42.588515],
+            [117.779768, 42.61847],
+            [117.801326, 42.612744],
+            [117.797631, 42.585431],
+            [117.856761, 42.539148],
+            [117.874007, 42.510038],
+            [117.997811, 42.416884],
+            [118.024296, 42.385064],
+            [118.008898, 42.346595],
+            [118.060021, 42.298364],
+            [118.047702, 42.280656],
+            [117.974405, 42.25054],
+            [117.977485, 42.229716],
+            [118.033535, 42.199132],
+            [118.106216, 42.172082],
+            [118.089586, 42.12283],
+            [118.097593, 42.105072],
+            [118.155491, 42.081091],
+            [118.116687, 42.037102],
+            [118.194296, 42.031324],
+            [118.220165, 42.058434],
+            [118.212774, 42.081091],
+            [118.239259, 42.092639],
+            [118.27252, 42.083312],
+            [118.296541, 42.057545],
+            [118.286686, 42.033991],
+            [118.239875, 42.024655],
+            [118.291614, 42.007759],
+            [118.313788, 41.98819],
+            [118.306396, 41.940131],
+            [118.268824, 41.930336],
+            [118.340273, 41.87243],
+            [118.335346, 41.845241],
+            [118.29223, 41.772976],
+            [118.247266, 41.773869],
+            [118.236179, 41.80778],
+            [118.178281, 41.814917],
+            [118.140093, 41.784134],
+            [118.132702, 41.733241],
+            [118.155491, 41.712694],
+            [118.159187, 41.67605],
+            [118.206614, 41.650566],
+            [118.215237, 41.59554],
+            [118.302701, 41.55256],
+            [118.315636, 41.512688],
+            [118.271904, 41.471446],
+            [118.327338, 41.450816],
+            [118.348896, 41.428384],
+            [118.361215, 41.384844],
+            [118.348896, 41.342622],
+            [118.380309, 41.312062],
+            [118.412338, 41.331838],
+            [118.528135, 41.355202],
+            [118.629765, 41.346666],
+            [118.677192, 41.35026],
+            [118.741866, 41.324198],
+            [118.770199, 41.352956],
+            [118.843496, 41.374516],
+            [118.844727, 41.342622],
+            [118.890923, 41.300823],
+            [118.949437, 41.317906],
+            [118.980234, 41.305769],
+            [119.092951, 41.293629],
+            [119.168712, 41.294978],
+            [119.197661, 41.282837],
+            [119.211827, 41.308016],
+            [119.239545, 41.31431],
+            [119.296211, 41.325097],
+            [119.330704, 41.385293],
+            [119.309762, 41.405944],
+            [119.376283, 41.422102],
+            [119.378131, 41.459787],
+            [119.401537, 41.472343],
+            [119.406464, 41.503276],
+            [119.361501, 41.545841],
+            [119.362116, 41.566442],
+            [119.420015, 41.567785],
+            [119.415703, 41.590169],
+            [119.342406, 41.617914],
+            [119.307914, 41.657273],
+            [119.299907, 41.705545],
+            [119.319001, 41.727435],
+            [119.317769, 41.764049],
+            [119.292515, 41.790827],
+            [119.312841, 41.80555],
+            [119.334399, 41.871539],
+            [119.323312, 41.889807],
+            [119.340559, 41.926774],
+            [119.323928, 41.937014],
+            [119.324544, 41.969505],
+            [119.375667, 42.023322],
+            [119.384906, 42.08953],
+            [119.352261, 42.118391],
+            [119.314689, 42.119723],
+            [119.30853, 42.147239],
+            [119.286972, 42.154781],
+            [119.277733, 42.185387],
+            [119.237697, 42.200905],
+            [119.274037, 42.239021],
+            [119.280197, 42.260728],
+            [119.34795, 42.300578],
+            [119.432949, 42.317396],
+            [119.482841, 42.347037],
+            [119.502551, 42.388159],
+            [119.540123, 42.363401],
+            [119.572152, 42.359421],
+            [119.571536, 42.335536],
+            [119.539507, 42.297922],
+            [119.557985, 42.289068],
+            [119.609108, 42.276671],
+            [119.617115, 42.252755],
+            [119.679941, 42.240793],
+            [119.744615, 42.211545],
+            [119.841933, 42.215534],
+            [119.854868, 42.170308],
+            [119.837622, 42.135257],
+            [119.845629, 42.097079],
+            [119.87581, 42.077982],
+            [119.897368, 42.030879],
+            [119.921389, 42.014429],
+            [119.924469, 41.98908],
+            [119.950954, 41.974399],
+            [119.954034, 41.923212],
+            [119.989759, 41.899163],
+            [120.023019, 41.816701],
+            [120.041498, 41.818932],
+            [120.050737, 41.776101],
+            [120.024867, 41.737707],
+            [120.035954, 41.708226],
+            [120.096316, 41.697056],
+            [120.1382, 41.729221],
+            [120.127113, 41.77253],
+            [120.183164, 41.826513],
+            [120.188707, 41.848361],
+            [120.215808, 41.853265],
+            [120.251533, 41.884016],
+            [120.286641, 41.880005],
+            [120.290337, 41.897381],
+            [120.260156, 41.904062],
+            [120.271859, 41.925439],
+            [120.318054, 41.93746],
+            [120.309431, 41.951704],
+            [120.373489, 41.994862],
+            [120.399358, 41.984631],
+            [120.456641, 42.016208],
+            [120.450481, 42.057101],
+            [120.493597, 42.073539],
+            [120.466496, 42.105516],
+            [120.56751, 42.152119],
+            [120.58414, 42.167203],
+            [120.624792, 42.154338],
+            [120.72211, 42.203565],
+            [120.745516, 42.223512],
+            [120.79048, 42.218636],
+            [120.820661, 42.227943],
+            [120.8299, 42.252755],
+            [120.883487, 42.242565],
+            [120.883487, 42.269585],
+            [120.933994, 42.27977],
+            [120.992508, 42.264714],
+            [121.028848, 42.242565],
+            [121.070732, 42.254083],
+            [121.087978, 42.278885],
+            [121.120623, 42.280656],
+            [121.133558, 42.300135],
+            [121.184681, 42.333324],
+            [121.218558, 42.371802],
+            [121.285079, 42.387717],
+            [121.314644, 42.42837],
+            [121.304789, 42.435879],
+            [121.386093, 42.474294],
+            [121.434752, 42.475176],
+            [121.4791, 42.49636],
+            [121.506201, 42.482239],
+            [121.570875, 42.487093],
+            [121.607831, 42.516214],
+            [121.604136, 42.495037],
+            [121.66573, 42.437204],
+            [121.69899, 42.438529],
+            [121.747649, 42.484887],
+            [121.803084, 42.514891],
+            [121.817867, 42.504303],
+            [121.831417, 42.533856],
+            [121.844352, 42.522389],
+            [121.889931, 42.556784],
+            [121.921344, 42.605697],
+            [121.915801, 42.656332],
+            [121.94167, 42.666014],
+            [121.939207, 42.688453],
+            [122.018663, 42.69901],
+            [122.062394, 42.723635],
+            [122.072865, 42.710444],
+            [122.160945, 42.684934],
+            [122.204676, 42.685374],
+            [122.204676, 42.732867],
+            [122.261343, 42.695931],
+            [122.324785, 42.684934],
+            [122.338951, 42.669975],
+            [122.396234, 42.684054],
+            [122.396234, 42.707366],
+            [122.460907, 42.755282],
+            [122.439349, 42.770221],
+            [122.371596, 42.776371],
+            [122.35127, 42.830378],
+            [122.436886, 42.843105],
+            [122.556378, 42.827745],
+            [122.576088, 42.819405],
+            [122.580399, 42.789987],
+            [122.624747, 42.773296],
+            [122.653696, 42.78252],
+            [122.733152, 42.786034],
+            [122.73808, 42.77066],
+            [122.786123, 42.757479],
+            [122.848949, 42.712203],
+            [122.883442, 42.751766],
+            [122.887137, 42.770221],
+            [122.925941, 42.772417],
+            [122.945651, 42.753524],
+            [122.980144, 42.777689],
+            [123.058368, 42.768903],
+            [123.118114, 42.801405],
+            [123.227752, 42.831695],
+            [123.169853, 42.859777],
+            [123.188947, 42.895739],
+            [123.18402, 42.925983],
+            [123.259165, 42.993431],
+            [123.323222, 43.000872],
+            [123.434707, 43.027565],
+            [123.474743, 43.042438],
+            [123.536337, 43.007],
+            [123.572678, 43.003498],
+            [123.580685, 43.036314],
+            [123.631192, 43.088346],
+            [123.636119, 43.141644],
+            [123.666916, 43.179623],
+            [123.645974, 43.208855],
+            [123.676771, 43.223684],
+            [123.664453, 43.264663],
+            [123.698329, 43.272071],
+            [123.703873, 43.37047],
+            [123.608402, 43.366119],
+            [123.54496, 43.415262],
+            [123.519707, 43.402219],
+            [123.486446, 43.44525],
+            [123.442098, 43.437863],
+            [123.419925, 43.410046],
+            [123.382968, 43.469143],
+            [123.36449, 43.483475],
+            [123.315831, 43.492159],
+            [123.329998, 43.519071],
+            [123.304744, 43.550742],
+            [123.360179, 43.567223],
+            [123.452569, 43.545971],
+            [123.461193, 43.568523],
+            [123.434091, 43.575461],
+            [123.421157, 43.598435],
+            [123.5117, 43.592801],
+            [123.510468, 43.624867],
+            [123.536953, 43.633964],
+            [123.518475, 43.682024],
+            [123.520323, 43.708419],
+            [123.48275, 43.737396],
+            [123.498149, 43.771114],
+            [123.461809, 43.822518],
+            [123.467968, 43.853599],
+            [123.397135, 43.954929],
+            [123.37065, 43.970006],
+            [123.400831, 43.979481],
+            [123.365722, 44.013922],
+            [123.331229, 44.028984],
+            [123.32815, 44.084035],
+            [123.350939, 44.092633],
+            [123.362642, 44.133452],
+            [123.386664, 44.161794],
+            [123.323838, 44.179823],
+            [123.286882, 44.211574],
+            [123.277027, 44.25274],
+            [123.196955, 44.34483],
+            [123.128585, 44.367081],
+            [123.114419, 44.40258],
+            [123.142136, 44.428228],
+            [123.125506, 44.455147],
+            [123.137209, 44.486322],
+            [123.12489, 44.5098],
+            [123.06576, 44.505959],
+            [123.025108, 44.493153],
+            [122.85634, 44.398304],
+            [122.76087, 44.369648],
+            [122.702971, 44.319145],
+            [122.675254, 44.285738],
+            [122.641993, 44.283595],
+            [122.515726, 44.251025],
+            [122.483081, 44.236877],
+            [122.319241, 44.233018],
+            [122.271198, 44.255741],
+            [122.291524, 44.310152],
+            [122.294604, 44.41113],
+            [122.28598, 44.477783],
+            [122.228082, 44.480345],
+            [122.224386, 44.526016],
+            [122.196053, 44.559712],
+            [122.13138, 44.577619],
+            [122.113517, 44.615546],
+            [122.103046, 44.67388],
+            [122.117213, 44.701961],
+            [122.161561, 44.728328],
+            [122.152322, 44.744057],
+            [122.10243, 44.736406],
+            [122.110438, 44.767856],
+            [122.142467, 44.753833],
+            [122.168952, 44.770405],
+            [122.099967, 44.7823],
+            [122.098119, 44.81882],
+            [122.04946, 44.912985],
+            [122.079025, 44.914256],
+            [122.087032, 44.95281],
+            [122.074713, 45.006573],
+            [122.098735, 45.02138],
+            [122.119677, 45.068739],
+            [122.109822, 45.142236],
+            [122.143082, 45.183167],
+            [122.192358, 45.180636],
+            [122.22993, 45.206784],
+            [122.239169, 45.276313],
+            [122.147394, 45.295682],
+            [122.146778, 45.374352],
+            [122.180039, 45.409655],
+            [122.168336, 45.439897],
+            [122.064242, 45.472641],
+            [122.002648, 45.507882],
+            [121.993409, 45.552741],
+            [121.966308, 45.596308],
+            [121.995873, 45.59882],
+            [122.003264, 45.623102],
+            [121.970004, 45.692956],
+            [121.934279, 45.71051],
+            [121.867142, 45.719703],
+            [121.812323, 45.704659],
+            [121.811091, 45.687103],
+            [121.713773, 45.701734],
+            [121.666345, 45.727641],
+            [121.644172, 45.752284],
+            [121.657106, 45.770238],
+            [121.697142, 45.76314],
+            [121.754425, 45.794862],
+            [121.766744, 45.830318],
+            [121.769823, 45.84366],
+            [121.817251, 45.875336],
+            [121.805548, 45.900746],
+            [121.821562, 45.918235],
+            [121.809243, 45.961102],
+            [121.761816, 45.998947],
+            [121.819098, 46.023054],
+            [121.843736, 46.024301],
+            [121.864062, 46.002272],
+            [121.923808, 46.004767],
+            [121.92812, 45.988552],
+            [122.040221, 45.959022],
+            [122.085184, 45.912406],
+            [122.091344, 45.882002],
+            [122.200981, 45.857],
+            [122.236705, 45.831569],
+            [122.253952, 45.7982],
+            [122.301379, 45.813218],
+            [122.337719, 45.859917],
+            [122.372828, 45.856166],
+            [122.362357, 45.917403],
+            [122.446125, 45.916986],
+            [122.496016, 45.85825],
+            [122.504639, 45.786933],
+            [122.522501, 45.786933],
+            [122.556378, 45.82156],
+            [122.603189, 45.778169],
+            [122.640761, 45.771072],
+            [122.650001, 45.731401],
+            [122.671558, 45.70048],
+            [122.741775, 45.705077],
+            [122.751015, 45.735996],
+            [122.792283, 45.766063],
+            [122.752246, 45.834905],
+            [122.772572, 45.856583],
+            [122.80029, 45.856583],
+            [122.828623, 45.912406],
+            [122.792898, 46.073313],
+            [123.04605, 46.099878],
+            [123.070071, 46.123527],
+            [123.112571, 46.130163],
+            [123.102716, 46.172037],
+            [123.127354, 46.174523],
+            [123.128585, 46.210565],
+            [123.178476, 46.248239],
+            [123.142136, 46.298293],
+            [123.089781, 46.347888],
+            [123.011557, 46.434984],
+            [123.010325, 46.524823],
+            [123.002318, 46.574624],
+            [123.052825, 46.579972],
+            [123.04605, 46.617803],
+            [123.077462, 46.622324],
+            [123.098404, 46.603002],
+            [123.18094, 46.614103],
+            [123.228368, 46.588198],
+            [123.279491, 46.616981],
+            [123.276411, 46.660947],
+            [123.318295, 46.662179],
+            [123.366338, 46.677784],
+            [123.474743, 46.686817],
+            [123.603475, 46.68928],
+            [123.631808, 46.728675],
+            [123.629344, 46.813524],
+            [123.580069, 46.827447],
+            [123.625648, 46.847508],
+            [123.599163, 46.868378],
+            [123.605322, 46.891286],
+            [123.576989, 46.891286],
+            [123.575757, 46.845461],
+            [123.562823, 46.82581],
+            [123.506772, 46.827038],
+            [123.483366, 46.84587],
+            [123.52833, 46.944836],
+            [123.487678, 46.959951],
+            [123.42362, 46.934212],
+            [123.337389, 46.988943],
+            [123.301664, 46.999965],
+            [123.304128, 46.964852],
+            [123.360179, 46.970978],
+            [123.404526, 46.935438],
+            [123.40699, 46.906416],
+            [123.374345, 46.837683],
+            [123.341084, 46.826628],
+            [123.295505, 46.865105],
+            [123.221592, 46.850373],
+            [123.22344, 46.821305],
+            [123.198802, 46.803283],
+            [123.163694, 46.74016],
+            [123.103332, 46.734828],
+            [123.076846, 46.745082],
+            [123.026339, 46.718829],
+            [123.00355, 46.730726],
+            [122.996774, 46.761483],
+            [122.906847, 46.80738],
+            [122.893913, 46.895376],
+            [122.895144, 46.960359],
+            [122.83971, 46.937072],
+            [122.791051, 46.941567],
+            [122.798442, 46.9575],
+            [122.77442, 46.973837],
+            [122.778116, 47.002822],
+            [122.845869, 47.046881],
+            [122.852645, 47.072158],
+            [122.821232, 47.065636],
+            [122.710363, 47.093349],
+            [122.679566, 47.094164],
+            [122.615508, 47.124306],
+            [122.582863, 47.158092],
+            [122.531124, 47.198771],
+            [122.498479, 47.255262],
+            [122.462755, 47.27841],
+            [122.441197, 47.310476],
+            [122.418407, 47.350632],
+            [122.507103, 47.401291],
+            [122.543443, 47.495589],
+            [122.59395, 47.54732],
+            [122.765181, 47.614333],
+            [122.848949, 47.67441],
+            [122.926557, 47.697777],
+            [123.041122, 47.746492],
+            [123.161846, 47.781892],
+            [123.214201, 47.824502],
+            [123.256085, 47.876711],
+            [123.300432, 47.953723],
+            [123.537569, 48.021816],
+            [123.579453, 48.045427],
+            [123.705105, 48.152142],
+            [123.746373, 48.197638],
+            [123.862785, 48.271782],
+            [124.019234, 48.39313],
+            [124.07898, 48.43603],
+            [124.136878, 48.463023],
+            [124.25945, 48.536385],
+            [124.314269, 48.503881],
+            [124.302566, 48.456673],
+            [124.330283, 48.435633],
+            [124.309957, 48.413393],
+            [124.331515, 48.380015],
+            [124.317964, 48.35099],
+            [124.353689, 48.315978],
+            [124.365392, 48.283731],
+            [124.422058, 48.245884],
+            [124.412819, 48.219175],
+            [124.418978, 48.181679],
+            [124.475029, 48.173698],
+            [124.471333, 48.133373],
+            [124.430065, 48.12099],
+            [124.415899, 48.08782],
+            [124.46579, 48.098213],
+            [124.478108, 48.123387],
+            [124.505826, 48.124985],
+            [124.529847, 48.146951],
+            [124.512601, 48.164518],
+            [124.547094, 48.200829],
+            [124.579122, 48.262221],
+            [124.558796, 48.268197],
+            [124.579738, 48.297269],
+            [124.540934, 48.335476],
+            [124.547094, 48.35775],
+            [124.51876, 48.378027],
+            [124.52492, 48.426897],
+            [124.507674, 48.445558],
+            [124.555717, 48.467784],
+            [124.533543, 48.515379],
+            [124.548941, 48.535593],
+            [124.520608, 48.556195],
+            [124.579122, 48.596582],
+            [124.601912, 48.632587],
+            [124.624702, 48.701755],
+            [124.612383, 48.747945],
+            [124.656115, 48.783842],
+            [124.644412, 48.80789],
+            [124.654267, 48.83429],
+            [124.697383, 48.841775],
+            [124.715861, 48.885475],
+            [124.709086, 48.920487],
+            [124.744194, 48.920487],
+            [124.756513, 48.967262],
+            [124.808252, 49.020666],
+            [124.828578, 49.077933],
+            [124.809484, 49.115943],
+            [124.847672, 49.129651],
+            [124.860607, 49.166448],
+            [124.906802, 49.184054],
+            [124.983179, 49.162535],
+            [125.039845, 49.17623],
+            [125.034302, 49.157056],
+            [125.117453, 49.126127],
+            [125.158721, 49.144921],
+            [125.187671, 49.186792],
+            [125.219699, 49.189139],
+            [125.227707, 49.248947],
+            [125.214772, 49.277066],
+            [125.261583, 49.322336],
+            [125.256656, 49.359769],
+            [125.277598, 49.379644],
+            [125.25604, 49.395227],
+            [125.256656, 49.437275],
+            [125.270822, 49.454395],
+            [125.228323, 49.487063],
+            [125.211076, 49.539908],
+            [125.233866, 49.536801],
+            [125.23017, 49.595411],
+            [125.205533, 49.593859],
+            [125.16796, 49.629923],
+            [125.15441, 49.616741],
+            [125.127308, 49.655113],
+            [125.132236, 49.672157],
+            [125.164881, 49.669446],
+            [125.189518, 49.652401],
+            [125.185207, 49.634574],
+            [125.219699, 49.669058],
+            [125.225243, 49.726349],
+            [125.204301, 49.734086],
+            [125.221547, 49.754969],
+            [125.222779, 49.799026],
+            [125.177815, 49.829533],
+            [125.239409, 49.844587],
+            [125.225243, 49.867351],
+            [125.245569, 49.87198],
+            [125.212924, 49.907452],
+            [125.225859, 49.922481],
+            [125.199373, 49.935194],
+            [125.190134, 49.959841],
+            [125.231402, 49.957531],
+            [125.241873, 49.987938],
+            [125.278214, 49.996402],
+            [125.297924, 50.014481],
+            [125.283757, 50.036012],
+            [125.25296, 50.041393],
+            [125.289916, 50.057917],
+            [125.315786, 50.04562],
+            [125.328105, 50.065985],
+            [125.283757, 50.070211],
+            [125.287453, 50.093636],
+            [125.258504, 50.103618],
+            [125.27883, 50.127411],
+            [125.311474, 50.140453],
+            [125.376148, 50.137385],
+            [125.335496, 50.161161],
+            [125.382923, 50.172278],
+            [125.39093, 50.199868],
+            [125.417416, 50.195654],
+            [125.448829, 50.216338],
+            [125.442053, 50.260357],
+            [125.466075, 50.266861],
+            [125.463611, 50.295925],
+            [125.530749, 50.331085],
+            [125.520278, 50.3498],
+            [125.546763, 50.358965],
+            [125.522126, 50.404759],
+            [125.536292, 50.420014],
+            [125.567089, 50.402852],
+            [125.583104, 50.409717],
+            [125.562162, 50.438314],
+            [125.580024, 50.449366],
+            [125.627451, 50.443268],
+            [125.654553, 50.471082],
+            [125.699516, 50.487078],
+            [125.740784, 50.523237],
+            [125.754335, 50.506874],
+            [125.770349, 50.531227],
+            [125.794987, 50.532748],
+            [125.829479, 50.56165],
+            [125.807921, 50.60383],
+            [125.814697, 50.62092],
+            [125.793139, 50.643316],
+            [125.804226, 50.658874],
+            [125.789443, 50.679735],
+            [125.825784, 50.70362],
+            [125.78082, 50.725598],
+            [125.795603, 50.738856],
+            [125.758646, 50.746809],
+            [125.804226, 50.773309],
+            [125.828863, 50.756654],
+            [125.846726, 50.769524],
+            [125.836255, 50.793363],
+            [125.890457, 50.805845],
+            [125.878138, 50.816812],
+            [125.913247, 50.825885],
+            [125.939732, 50.85423],
+            [125.961906, 50.901054],
+            [125.997631, 50.872738],
+            [125.996399, 50.906715],
+            [126.02042, 50.927466],
+            [126.042594, 50.92558],
+            [126.068464, 50.967434],
+            [126.041978, 50.981753],
+            [126.033971, 51.011132],
+            [126.059225, 51.043503],
+            [125.976073, 51.084498],
+            [125.993935, 51.119072],
+            [125.970529, 51.123955],
+            [125.946508, 51.108176],
+            [125.909551, 51.138977],
+            [125.864588, 51.146487],
+            [125.850421, 51.21364],
+            [125.819008, 51.227134],
+            [125.761726, 51.226385],
+            [125.76111, 51.261976],
+            [125.740784, 51.27583],
+            [125.700132, 51.327465],
+            [125.626219, 51.380163],
+            [125.623756, 51.387633],
+            [125.62314, 51.398089],
+            [125.600966, 51.410409],
+            [125.60035, 51.413396],
+            [125.595422, 51.416755],
+            [125.559082, 51.461521],
+            [125.528285, 51.488359],
+            [125.424807, 51.562827],
+            [125.38046, 51.585516],
+            [125.35151, 51.623801],
+            [125.316402, 51.610052],
+            [125.289301, 51.633831],
+            [125.228938, 51.640517],
+            [125.214772, 51.627888],
+            [125.175968, 51.639403],
+            [125.130388, 51.635317],
+            [125.12854, 51.659083],
+            [125.098975, 51.658341],
+            [125.060171, 51.59667],
+            [125.073106, 51.553526],
+            [125.047236, 51.529704],
+            [125.004737, 51.529332],
+            [124.983795, 51.508478],
+            [124.928976, 51.498419],
+            [124.917889, 51.474196],
+            [124.942527, 51.447349],
+            [124.885244, 51.40817],
+            [124.864302, 51.37979],
+            [124.783614, 51.392115],
+            [124.76452, 51.38726],
+            [124.752817, 51.35812],
+            [124.693687, 51.3327],
+            [124.62655, 51.327465],
+            [124.58713, 51.363725],
+            [124.555717, 51.375307],
+            [124.490427, 51.380537],
+            [124.478108, 51.36223],
+            [124.443616, 51.35812],
+            [124.426985, 51.331953],
+            [124.430065, 51.301281],
+            [124.406659, 51.272086],
+            [124.339522, 51.293422],
+            [124.297638, 51.298661],
+            [124.271769, 51.308389],
+            [124.239124, 51.344664],
+            [124.192313, 51.33943],
+            [124.128255, 51.347281],
+            [124.090067, 51.3413],
+            [124.071588, 51.320734],
+            [123.994596, 51.322604],
+            [123.939777, 51.313253],
+            [123.926227, 51.300532],
+            [123.887423, 51.320734],
+            [123.842459, 51.367462],
+            [123.794416, 51.361109],
+            [123.711264, 51.398089],
+            [123.660141, 51.342795],
+            [123.661989, 51.319237],
+            [123.582533, 51.306893],
+            [123.582533, 51.294545],
+            [123.46304, 51.286686],
+            [123.440251, 51.270963],
+            [123.414381, 51.278825],
+            [123.376809, 51.266844],
+            [123.339853, 51.27246],
+            [123.294273, 51.254111],
+            [123.231447, 51.268716],
+            [123.231447, 51.279199],
+            [123.127969, 51.297913],
+            [123.069455, 51.321108],
+            [123.002934, 51.31213],
+            [122.965977, 51.345786],
+            [122.965977, 51.386886],
+            [122.946267, 51.405183],
+            [122.903768, 51.415262],
+            [122.900072, 51.445112],
+            [122.871123, 51.455181],
+            [122.854492, 51.477551],
+            [122.880362, 51.511085],
+            [122.858804, 51.524864],
+            [122.880362, 51.537894],
+            [122.874202, 51.561339],
+            [122.832935, 51.581797],
+            [122.85634, 51.606707],
+            [122.820616, 51.633088],
+            [122.816304, 51.655371],
+            [122.778732, 51.698048],
+            [122.749167, 51.746613],
+            [122.771957, 51.779579],
+            [122.732536, 51.832495],
+            [122.725761, 51.87833],
+            [122.706051, 51.890151],
+            [122.729457, 51.919321],
+            [122.726377, 51.978709],
+            [122.683877, 51.974654],
+            [122.664783, 51.99861],
+            [122.650616, 52.058997],
+            [122.625363, 52.067459],
+            [122.643841, 52.111585],
+            [122.629059, 52.13657],
+            [122.690653, 52.140243],
+            [122.73808, 52.153464],
+            [122.769493, 52.179893],
+            [122.766413, 52.232705],
+            [122.787355, 52.252494],
+            [122.76087, 52.26678],
+            [122.710979, 52.256157],
+            [122.67895, 52.276667],
+            [122.585943, 52.266413],
+            [122.560689, 52.282526],
+            [122.478153, 52.29607],
+            [122.484313, 52.341432],
+            [122.447356, 52.394052],
+            [122.419023, 52.375057],
+            [122.378987, 52.395512],
+            [122.367284, 52.413768],
+            [122.342031, 52.414133],
+            [122.326016, 52.459374],
+            [122.310618, 52.475416],
+            [122.207756, 52.469218],
+            [122.178191, 52.48963],
+            [122.168952, 52.513674],
+            [122.140003, 52.510032],
+            [122.142467, 52.495096],
+            [122.107358, 52.452445],
+            [122.080873, 52.440407],
+            [122.091344, 52.427272],
+            [122.040837, 52.413038],
+            [122.035909, 52.377615],
+            [121.976779, 52.343626],
+            [121.94783, 52.298266],
+            [121.901018, 52.280695],
+            [121.841272, 52.282526],
+            [121.769207, 52.308147],
+            [121.714389, 52.318025],
+            [121.715621, 52.342894],
+            [121.658338, 52.3904],
+            [121.678664, 52.419973],
+            [121.63986, 52.44442],
+            [121.590585, 52.443326],
+            [121.565331, 52.460468],
+            [121.519136, 52.456821],
+            [121.495114, 52.484892],
+            [121.474172, 52.482706],
+            [121.416274, 52.499468],
+            [121.411963, 52.52205],
+            [121.353448, 52.534793],
+            [121.323883, 52.573727],
+            [121.280151, 52.586819],
+            [121.225333, 52.577364],
+            [121.182217, 52.59918],
+            [121.237036, 52.619167],
+            [121.29247, 52.651855],
+            [121.309717, 52.676173],
+            [121.373158, 52.683067],
+            [121.455078, 52.73528],
+            [121.476636, 52.772225],
+            [121.511129, 52.779104],
+            [121.537614, 52.801542],
+            [121.591201, 52.824693],
+            [121.620766, 52.853251],
+            [121.604136, 52.872401],
+            [121.610295, 52.892264],
+            [121.66265, 52.912478],
+            [121.677432, 52.948192],
+            [121.715621, 52.997926],
+            [121.785838, 53.018451],
+            [121.817867, 53.061631],
+            [121.775367, 53.089674],
+            [121.784606, 53.104408],
+            [121.753193, 53.147501],
+            [121.722396, 53.145706],
+            [121.665114, 53.170467],
+            [121.660186, 53.195213],
+            [121.67928, 53.199515],
+            [121.679896, 53.240722],
+            [121.642324, 53.262564],
+            [121.615222, 53.258984],
+            [121.575802, 53.29155],
+            [121.504969, 53.323018],
+            [121.499426, 53.337314],
+            [121.416274, 53.319443],
+            [121.336818, 53.325877],
+            [121.308485, 53.301565],
+            [121.227797, 53.280459],
+            [121.155732, 53.285468],
+            [121.129246, 53.277238],
+            [121.098449, 53.306929],
+            [121.055334, 53.29155],
+            [120.950624, 53.29763],
+            [120.936457, 53.28833],
+            [120.882871, 53.294411],
+            [120.867472, 53.278669],
+            [120.820661, 53.269007],
+            [120.838523, 53.239648],
+            [120.821893, 53.241797],
+            [120.736277, 53.204892],
+            [120.690698, 53.174771],
+            [120.687002, 53.142476],
+            [120.659901, 53.137091],
+            [120.643886, 53.106923],
+            [120.562582, 53.082845],
+            [120.529321, 53.045803],
+            [120.452945, 53.01017],
+            [120.411061, 52.957927],
+            [120.363018, 52.94134],
+            [120.350699, 52.906343],
+            [120.295265, 52.891542],
+            [120.297112, 52.869872],
+            [120.222584, 52.84277],
+            [120.181316, 52.806969],
+            [120.14128, 52.813119],
+            [120.101244, 52.788877],
+            [120.031642, 52.773674],
+            [120.071063, 52.70628],
+            [120.035338, 52.646409],
+            [120.049505, 52.598453],
+            [120.07599, 52.586092],
+            [120.125265, 52.586819],
+            [120.194866, 52.578819],
+            [120.289721, 52.623527],
+            [120.396895, 52.616261],
+            [120.462184, 52.64532],
+            [120.483742, 52.630066],
+            [120.56135, 52.595544],
+            [120.605082, 52.589364],
+            [120.62664, 52.570818],
+            [120.658669, 52.56718],
+            [120.690698, 52.547532],
+            [120.734429, 52.536977],
+            [120.687002, 52.511489],
+            [120.706712, 52.492909],
+            [120.68269, 52.464479],
+            [120.688234, 52.427637],
+            [120.64943, 52.3904],
+            [120.653741, 52.371038],
+            [120.62356, 52.361172],
+            [120.627256, 52.323878],
+            [120.653741, 52.302658],
+            [120.695625, 52.290214],
+            [120.715951, 52.261286],
+            [120.755371, 52.258355],
+            [120.745516, 52.20594],
+            [120.786784, 52.15787],
+            [120.760299, 52.136937],
+            [120.76769, 52.10938],
+            [120.753523, 52.085483],
+            [120.717183, 52.072978],
+            [120.690698, 52.047221],
+            [120.691929, 52.026973],
+            [120.717799, 52.015556],
+            [120.704864, 51.983501],
+            [120.66298, 51.958061],
+            [120.656821, 51.926333],
+            [120.548416, 51.907877],
+            [120.549032, 51.882394],
+            [120.481278, 51.885719],
+            [120.480046, 51.855049],
+            [120.40059, 51.833605],
+            [120.40675, 51.81659],
+            [120.363634, 51.789945],
+            [120.317438, 51.785873],
+            [120.294649, 51.752171],
+            [120.226279, 51.717703],
+            [120.172693, 51.679868],
+            [120.087077, 51.678013],
+            [120.100628, 51.649058],
+            [120.05936, 51.634203],
+            [120.035954, 51.583657],
+            [120.052584, 51.560967],
+            [120.017476, 51.52114],
+            [119.985447, 51.505125],
+            [119.982367, 51.482396],
+            [120.002693, 51.459283],
+            [119.982983, 51.445112],
+            [119.97128, 51.40033],
+            [119.910918, 51.390994],
+            [119.914614, 51.374187],
+            [119.946643, 51.360736],
+            [119.883817, 51.336813],
+            [119.885049, 51.302777],
+            [119.811136, 51.281071],
+            [119.828383, 51.263099],
+            [119.797586, 51.243622],
+            [119.821607, 51.21439],
+            [119.784035, 51.22601],
+            [119.760629, 51.212516],
+            [119.788346, 51.174636],
+            [119.771716, 51.124331],
+            [119.752622, 51.117193],
+            [119.764325, 51.092017],
+            [119.719361, 51.075099],
+            [119.726753, 51.051028],
+            [119.678093, 51.016404],
+            [119.630666, 51.00925],
+            [119.598637, 50.984767],
+            [119.569688, 50.933879],
+            [119.491464, 50.87878],
+            [119.498855, 50.827776],
+            [119.515485, 50.814165],
+            [119.496391, 50.771795],
+            [119.506862, 50.763846],
+            [119.450196, 50.695281],
+            [119.430486, 50.684286],
+            [119.385522, 50.682769],
+            [119.394145, 50.667219],
+            [119.361501, 50.632689],
+            [119.298059, 50.616743],
+            [119.281428, 50.601551],
+            [119.295595, 50.573814],
+            [119.264182, 50.536933],
+            [119.262334, 50.490124],
+            [119.250631, 50.448604],
+            [119.22353, 50.441363],
+            [119.217371, 50.414675],
+            [119.165016, 50.422683],
+            [119.125596, 50.389118],
+            [119.176719, 50.378814],
+            [119.155777, 50.364691],
+            [119.188422, 50.347509],
+            [119.232153, 50.365455],
+            [119.259871, 50.345218],
+            [119.277117, 50.366218],
+            [119.322696, 50.352474],
+            [119.358421, 50.358965],
+            [119.381827, 50.324208],
+            [119.35103, 50.303953],
+            [119.339943, 50.244668],
+            [119.319001, 50.220933],
+            [119.358421, 50.197953],
+            [119.339327, 50.192206],
+            [119.350414, 50.166145],
+            [119.309762, 50.161161],
+            [119.290052, 50.121655],
+            [119.236465, 50.075204],
+            [119.190269, 50.087877],
+            [119.193965, 50.069826],
+            [119.163168, 50.027554],
+            [119.12498, 50.019095],
+            [119.090487, 49.985629],
+            [118.982082, 49.979087],
+            [118.964836, 49.988708],
+            [118.791757, 49.955606],
+            [118.761576, 49.959456],
+            [118.739402, 49.946364],
+            [118.672264, 49.955991],
+            [118.605127, 49.926719],
+            [118.574946, 49.931342],
+            [118.531214, 49.887791],
+            [118.485019, 49.866194],
+            [118.483787, 49.830691],
+            [118.443751, 49.835709],
+            [118.385853, 49.827217],
+            [118.398787, 49.802502],
+            [118.384005, 49.783958],
+            [118.315636, 49.766953],
+            [118.284223, 49.743755],
+            [118.220781, 49.729831],
+            [118.211542, 49.690744],
+            [118.156723, 49.660149],
+            [118.129622, 49.669446],
+            [118.082811, 49.616741],
+            [118.011362, 49.614803],
+            [117.995963, 49.623332],
+            [117.950999, 49.596187],
+            [117.866, 49.591532],
+            [117.849369, 49.551557],
+            [117.809333, 49.521263],
+            [117.638102, 49.574847],
+            [117.485349, 49.633024],
+            [117.278394, 49.636512],
+            [117.068974, 49.695389],
+            [116.736367, 49.847674],
+            [116.717889, 49.847288],
+            [116.428397, 49.430659],
+            [116.048363, 48.873274],
+            [116.077928, 48.822471],
+            [116.069305, 48.811437],
+            [115.83032, 48.560156],
+            [115.799523, 48.514982],
+            [115.822929, 48.259432],
+            [115.81061, 48.257042],
+            [115.529126, 48.155336],
+            [115.545141, 48.134971],
+            [115.539597, 48.104607],
+            [115.580249, 47.921649],
+            [115.939342, 47.683275],
+            [115.968291, 47.689721],
+            [116.111189, 47.811642],
+            [116.130283, 47.823296],
+            [116.26579, 47.876711],
+            [116.453035, 47.837358],
+            [116.669846, 47.890758],
+            [116.791186, 47.89758],
+            [116.879265, 47.893968],
+            [117.094844, 47.8241],
+            [117.384335, 47.641356],
+            [117.493357, 47.758563],
+            [117.519226, 47.761782],
+            [117.529081, 47.782697],
+            [117.813645, 48.016212],
+            [117.886942, 48.025418],
+            [117.96147, 48.011007],
+            [118.052014, 48.01421],
+            [118.107448, 48.031021],
+            [118.124694, 48.047427],
+            [118.150564, 48.036224],
+            [118.238643, 48.041826],
+            [118.238027, 48.031422],
+            [118.284839, 48.011007],
+            [118.351976, 48.006203],
+            [118.37415, 48.016612],
+            [118.422193, 48.01461],
+            [118.441903, 47.995791],
+            [118.568171, 47.992187],
+            [118.773278, 47.771034],
+            [119.134219, 47.664335],
+            [119.152081, 47.540453],
+            [119.205052, 47.520249],
+            [119.365812, 47.47739],
+            [119.32208, 47.42721],
+            [119.365812, 47.423161],
+            [119.386138, 47.397645],
+            [119.437877, 47.378602],
+            [119.450812, 47.353065],
+            [119.559217, 47.303172],
+            [119.56784, 47.248357],
+            [119.627586, 47.247544],
+            [119.716282, 47.195518],
+            [119.763093, 47.13082],
+            [119.806825, 47.055037],
+            [119.79081, 47.04525],
+            [119.795122, 47.013024],
+            [119.845013, 46.964852],
+            [119.859795, 46.917046],
+            [119.926933, 46.903963],
+            [119.920157, 46.853238],
+            [119.936172, 46.790173],
+            [119.917078, 46.758203],
+            [119.93494, 46.712674],
+            [119.911534, 46.669572],
+            [119.859179, 46.669572],
+            [119.804361, 46.68189],
+            [119.8136, 46.66834],
+            [119.783419, 46.626023],
+            [119.739687, 46.615336],
+            [119.677477, 46.584908],
+            [119.682405, 46.605058],
+            [119.656535, 46.625612],
+            [119.598637, 46.618214],
+            [119.557985, 46.633832],
+            [119.491464, 46.629311],
+            [119.431718, 46.638763],
+            [119.374435, 46.603414],
+            [119.357805, 46.619447],
+            [119.325776, 46.608759],
+            [119.26295, 46.649034],
+            [119.20074, 46.648213],
+            [119.152081, 46.658072],
+            [119.123132, 46.642872],
+            [119.073857, 46.676552],
+            [119.011647, 46.745902],
+            [118.951285, 46.722111],
+            [118.912481, 46.733188],
+            [118.914329, 46.77501],
+            [118.845343, 46.771731],
+            [118.788061, 46.717598],
+            [118.788061, 46.687227],
+            [118.677192, 46.6979],
+            [118.639004, 46.721291],
+            [118.586033, 46.692975],
+            [118.446831, 46.704467],
+            [118.41049, 46.728265],
+            [118.316252, 46.73934],
+            [118.274984, 46.715957],
+            [118.238643, 46.709392],
+            [118.192448, 46.682711],
+            [118.124078, 46.678195],
+            [118.04647, 46.631366],
+            [117.992883, 46.631366],
+            [117.982412, 46.614925],
+            [117.914659, 46.607936],
+            [117.868464, 46.575447],
+            [117.870927, 46.549935],
+            [117.813645, 46.530588],
+            [117.769913, 46.537586],
+            [117.748355, 46.521941],
+            [117.704008, 46.516587],
+            [117.641182, 46.558166],
+            [117.622704, 46.596012],
+            [117.596218, 46.603414],
+            [117.49582, 46.600535],
+            [117.42006, 46.582029],
+            [117.447777, 46.528117],
+            [117.392343, 46.463023],
+            [117.375712, 46.416421],
+            [117.383719, 46.394962],
+            [117.372017, 46.36028],
+            [117.247597, 46.366888],
+            [117.097308, 46.356976],
+            [116.876801, 46.375559],
+            [116.834302, 46.384229],
+            [116.81336, 46.355737],
+            [116.745606, 46.327642],
+            [116.673541, 46.325163],
+            [116.585462, 46.292504],
+            [116.573143, 46.258998],
+            [116.536187, 46.23251],
+            [116.439484, 46.137628],
+            [116.414231, 46.133896],
+            [116.271949, 45.966926],
+            [116.243, 45.876169],
+            [116.288579, 45.839074],
+            [116.278108, 45.831152],
+            [116.286731, 45.775247],
+            [116.260862, 45.776082],
+            [116.22329, 45.747273],
+            [116.217746, 45.72221],
+            [116.17463, 45.688775],
+            [116.1155, 45.679577],
+            [116.035428, 45.685013],
+            [116.026805, 45.661177],
+            [115.936878, 45.632727],
+            [115.864197, 45.572853],
+            [115.699741, 45.45963],
+            [115.586408, 45.440317],
+            [115.36467, 45.392427],
+            [115.178041, 45.396209],
+            [114.983404, 45.379397],
+            [114.920578, 45.386122],
+            [114.745035, 45.438217],
+            [114.600906, 45.403773],
+            [114.551014, 45.387383],
+            [114.539928, 45.325985],
+            [114.519602, 45.283893],
+            [114.459855, 45.21353],
+            [114.409348, 45.179371],
+            [114.347139, 45.119436],
+            [114.313262, 45.107189],
+            [114.19069, 45.036607],
+            [114.158045, 44.994301],
+            [114.116777, 44.957045],
+            [114.065038, 44.931206],
+            [113.907358, 44.915104],
+            [113.861778, 44.863377],
+            [113.798953, 44.849377],
+            [113.712105, 44.788247],
+            [113.631417, 44.745333],
+            [113.540874, 44.759358],
+            [113.503918, 44.777628],
+            [113.11526, 44.799714],
+            [113.037652, 44.822641],
+            [112.937869, 44.840042],
+            [112.850406, 44.840466],
+            [112.712436, 44.879494],
+            [112.599719, 44.930783],
+            [112.540589, 45.001072],
+            [112.438959, 45.071697],
+            [112.396459, 45.064512],
+            [112.113743, 45.072965],
+            [112.071243, 45.096206],
+            [112.002874, 45.090713],
+            [111.903707, 45.052252],
+            [111.764505, 44.969325],
+            [111.69244, 44.859983],
+            [111.624687, 44.778477],
+            [111.585267, 44.705789],
+            [111.560629, 44.647062],
+            [111.569868, 44.57634],
+            [111.530448, 44.55033],
+            [111.514434, 44.507666],
+            [111.478709, 44.488884],
+            [111.427586, 44.394455],
+            [111.415883, 44.35724],
+            [111.428818, 44.319573],
+            [111.507042, 44.294305],
+            [111.534144, 44.26217],
+            [111.541535, 44.206855],
+            [111.559397, 44.171238],
+            [111.662875, 44.061247],
+            [111.702295, 44.034147],
+            [111.773128, 44.010479],
+            [111.870447, 43.940279],
+            [111.959758, 43.823382],
+            [111.970845, 43.748205],
+            [111.951135, 43.693275],
+            [111.891388, 43.6738],
+            [111.79407, 43.672068],
+            [111.606209, 43.513863],
+            [111.564325, 43.490422],
+            [111.456535, 43.494329],
+            [111.400485, 43.472618],
+            [111.354289, 43.436125],
+            [111.183674, 43.396132],
+            [111.151029, 43.38004],
+            [111.069725, 43.357852],
+            [111.02045, 43.329998],
+            [110.82027, 43.149067],
+            [110.769763, 43.099272],
+            [110.736502, 43.089657],
+            [110.687227, 43.036314],
+            [110.689691, 43.02144],
+            [110.631177, 42.936061],
+            [110.469801, 42.839156],
+            [110.437156, 42.781203],
+            [110.34846, 42.742098],
+            [110.139657, 42.674815],
+            [110.108244, 42.642687],
+            [109.906216, 42.635643],
+            [109.733753, 42.579262],
+            [109.683862, 42.558988],
+            [109.544044, 42.472528],
+            [109.486761, 42.458842],
+            [109.291509, 42.435879],
+            [109.026039, 42.458401],
+            [108.983539, 42.449128],
+            [108.845569, 42.395673],
+            [108.798757, 42.415116],
+            [108.705134, 42.413349],
+            [108.532671, 42.442945],
+            [108.298614, 42.438529],
+            [108.238252, 42.460167],
+            [108.089195, 42.436321],
+            [108.022058, 42.433229],
+            [107.986949, 42.413349],
+            [107.939522, 42.403628],
+            [107.736262, 42.415116],
+            [107.57427, 42.412907],
+            [107.501589, 42.456635],
+            [107.46648, 42.458842],
+            [107.303872, 42.412465],
+            [107.271844, 42.364285],
+            [107.051337, 42.319166],
+            [106.785867, 42.291281],
+            [106.612789, 42.241679],
+            [106.372572, 42.161436],
+            [106.344855, 42.149457],
+            [106.01348, 42.032213],
+            [105.74185, 41.949033],
+            [105.589713, 41.888471],
+            [105.385221, 41.797073],
+            [105.291599, 41.749763],
+            [105.230621, 41.751103],
+            [105.009498, 41.583007],
+            [104.923267, 41.654143],
+            [104.803775, 41.652355],
+            [104.68921, 41.6452],
+            [104.524138, 41.661745],
+            [104.530298, 41.875104],
+            [104.418813, 41.860397],
+            [104.30856, 41.840782],
+            [104.080046, 41.805104],
+            [103.868779, 41.802427],
+            [103.454868, 41.877332],
+            [103.418527, 41.882233],
+            [103.20726, 41.96283],
+            [103.021862, 42.028212],
+            [102.712045, 42.153007],
+            [102.621502, 42.154338],
+            [102.540814, 42.162323],
+            [102.449039, 42.144133],
+            [102.093642, 42.223512],
+            [102.070236, 42.232374],
+            [101.877447, 42.432345],
+            [101.803534, 42.503861],
+            [101.770274, 42.509597],
+            [101.557775, 42.529887],
+            [101.291689, 42.586312],
+            [100.862995, 42.671295],
+            [100.826655, 42.675255],
+            [100.32528, 42.690213],
+            [100.272309, 42.636523],
+            [100.004376, 42.648849],
+            [99.969267, 42.647969],
+            [99.51224, 42.568244],
+            [98.962822, 42.607018],
+            [98.546447, 42.638284],
+            [98.195362, 42.653251],
+            [97.831958, 42.706047],
+            [97.28254, 42.782081],
+            [97.172903, 42.795257]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 210000,
+        "name": "辽宁省",
+        "center": [123.429096, 41.796767],
+        "centroid": [122.604994, 41.299712],
+        "childrenNum": 14,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 5,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [123.534489, 39.788361],
+              [123.546808, 39.756163],
+              [123.579453, 39.781002],
+              [123.612714, 39.775023],
+              [123.642279, 39.796178],
+              [123.645358, 39.823761],
+              [123.674924, 39.826979],
+              [123.687858, 39.808132],
+              [123.795032, 39.822842],
+              [123.812278, 39.831115],
+              [123.95148, 39.817786],
+              [124.002603, 39.800316],
+              [124.103001, 39.823302],
+              [124.099306, 39.777323],
+              [124.151045, 39.74558],
+              [124.173218, 39.841225],
+              [124.214486, 39.865116],
+              [124.215102, 39.883487],
+              [124.21695, 39.894049],
+              [124.218182, 39.895885],
+              [124.219414, 39.899099],
+              [124.241588, 39.928477],
+              [124.286551, 39.931689],
+              [124.288399, 39.962888],
+              [124.349377, 39.989029],
+              [124.372167, 40.021576],
+              [124.336442, 40.049985],
+              [124.346913, 40.079756],
+              [124.428217, 40.144291],
+              [124.457782, 40.177679],
+              [124.490427, 40.18408],
+              [124.513833, 40.218362],
+              [124.515065, 40.22019],
+              [124.62655, 40.291896],
+              [124.722636, 40.321561],
+              [124.739267, 40.371733],
+              [124.834121, 40.423235],
+              [124.913578, 40.481981],
+              [124.945606, 40.45603],
+              [124.985642, 40.475153],
+              [125.044157, 40.466503],
+              [125.042925, 40.483802],
+              [125.004737, 40.496091],
+              [125.015823, 40.533853],
+              [125.076801, 40.562048],
+              [125.113758, 40.569322],
+              [125.181511, 40.611132],
+              [125.262815, 40.620218],
+              [125.279445, 40.655187],
+              [125.305315, 40.661089],
+              [125.329337, 40.643835],
+              [125.375532, 40.658365],
+              [125.422343, 40.635661],
+              [125.418648, 40.673345],
+              [125.453756, 40.676522],
+              [125.459916, 40.707379],
+              [125.49564, 40.728697],
+              [125.544915, 40.729605],
+              [125.551075, 40.761796],
+              [125.585567, 40.788535],
+              [125.61698, 40.763609],
+              [125.685349, 40.769048],
+              [125.67611, 40.788082],
+              [125.641002, 40.798503],
+              [125.648393, 40.826133],
+              [125.707523, 40.866877],
+              [125.687813, 40.897645],
+              [125.652089, 40.91619],
+              [125.584335, 40.891764],
+              [125.589263, 40.931112],
+              [125.635458, 40.94151],
+              [125.650241, 40.970888],
+              [125.674879, 40.974503],
+              [125.684118, 41.021929],
+              [125.726617, 41.055332],
+              [125.739552, 41.08917],
+              [125.712451, 41.095485],
+              [125.734009, 41.125695],
+              [125.759878, 41.132908],
+              [125.791291, 41.167607],
+              [125.73832, 41.178418],
+              [125.758646, 41.232449],
+              [125.749407, 41.245499],
+              [125.695205, 41.244599],
+              [125.685349, 41.273842],
+              [125.646545, 41.264396],
+              [125.642234, 41.296327],
+              [125.62006, 41.318355],
+              [125.637306, 41.34442],
+              [125.610205, 41.365084],
+              [125.589879, 41.359245],
+              [125.581256, 41.396517],
+              [125.547995, 41.401006],
+              [125.534444, 41.428833],
+              [125.533212, 41.479069],
+              [125.493176, 41.509103],
+              [125.507343, 41.534195],
+              [125.479626, 41.544946],
+              [125.450061, 41.597777],
+              [125.461148, 41.642516],
+              [125.446981, 41.67605],
+              [125.412488, 41.691246],
+              [125.344119, 41.672474],
+              [125.317018, 41.676944],
+              [125.332416, 41.711354],
+              [125.336112, 41.768067],
+              [125.336112, 41.768067],
+              [125.323177, 41.771191],
+              [125.323177, 41.771191],
+              [125.319482, 41.776993],
+              [125.319482, 41.776993],
+              [125.294844, 41.822945],
+              [125.307779, 41.924548],
+              [125.35151, 41.92811],
+              [125.291764, 41.958825],
+              [125.29854, 41.974399],
+              [125.369989, 42.002868],
+              [125.363213, 42.017097],
+              [125.416184, 42.063766],
+              [125.414336, 42.101964],
+              [125.446365, 42.098411],
+              [125.490097, 42.136145],
+              [125.458068, 42.160105],
+              [125.458068, 42.160105],
+              [125.41372, 42.156112],
+              [125.368141, 42.182726],
+              [125.357054, 42.145464],
+              [125.305931, 42.146351],
+              [125.312706, 42.197359],
+              [125.280677, 42.175187],
+              [125.312706, 42.219966],
+              [125.27575, 42.231045],
+              [125.27575, 42.266928],
+              [125.299156, 42.289953],
+              [125.264047, 42.312528],
+              [125.224011, 42.30102],
+              [125.175352, 42.308102],
+              [125.167345, 42.351903],
+              [125.203685, 42.366938],
+              [125.185823, 42.38197],
+              [125.186439, 42.427928],
+              [125.140243, 42.44692],
+              [125.150098, 42.458842],
+              [125.105135, 42.490624],
+              [125.068794, 42.499449],
+              [125.090968, 42.515773],
+              [125.066946, 42.534738],
+              [125.089736, 42.567803],
+              [125.082961, 42.591159],
+              [125.097127, 42.622433],
+              [125.038613, 42.615387],
+              [125.010896, 42.63212],
+              [125.014592, 42.666014],
+              [124.99057, 42.677455],
+              [124.968396, 42.722756],
+              [124.996729, 42.745174],
+              [124.975171, 42.802722],
+              [124.92836, 42.819844],
+              [124.897563, 42.787791],
+              [124.874157, 42.789987],
+              [124.856911, 42.824234],
+              [124.84952, 42.882585],
+              [124.87231, 42.962344],
+              [124.869846, 42.988178],
+              [124.840897, 43.032377],
+              [124.88894, 43.074796],
+              [124.882781, 43.13422],
+              [124.785462, 43.117185],
+              [124.755281, 43.074359],
+              [124.719557, 43.069987],
+              [124.686912, 43.051185],
+              [124.677673, 43.002185],
+              [124.658579, 42.972854],
+              [124.635173, 42.972854],
+              [124.632093, 42.949642],
+              [124.607456, 42.937376],
+              [124.586514, 42.905384],
+              [124.466406, 42.847054],
+              [124.435609, 42.880831],
+              [124.371551, 42.880831],
+              [124.38079, 42.912835],
+              [124.431913, 42.930803],
+              [124.442384, 42.958841],
+              [124.42329, 42.975482],
+              [124.369703, 42.972854],
+              [124.333363, 42.997371],
+              [124.425754, 43.076107],
+              [124.366007, 43.121554],
+              [124.273617, 43.17875],
+              [124.287167, 43.207983],
+              [124.27608, 43.233278],
+              [124.228653, 43.235022],
+              [124.215102, 43.255947],
+              [124.168291, 43.244177],
+              [124.114088, 43.247229],
+              [124.117168, 43.2773],
+              [124.099306, 43.292983],
+              [124.032784, 43.280786],
+              [123.964415, 43.34088],
+              [123.896046, 43.361333],
+              [123.881263, 43.392218],
+              [123.881263, 43.392218],
+              [123.852314, 43.406133],
+              [123.857858, 43.459153],
+              [123.857858, 43.459153],
+              [123.79688, 43.489988],
+              [123.747604, 43.472184],
+              [123.749452, 43.439167],
+              [123.710032, 43.417001],
+              [123.703873, 43.37047],
+              [123.698329, 43.272071],
+              [123.664453, 43.264663],
+              [123.676771, 43.223684],
+              [123.645974, 43.208855],
+              [123.666916, 43.179623],
+              [123.636119, 43.141644],
+              [123.631192, 43.088346],
+              [123.580685, 43.036314],
+              [123.572678, 43.003498],
+              [123.536337, 43.007],
+              [123.474743, 43.042438],
+              [123.434707, 43.027565],
+              [123.323222, 43.000872],
+              [123.259165, 42.993431],
+              [123.18402, 42.925983],
+              [123.188947, 42.895739],
+              [123.169853, 42.859777],
+              [123.227752, 42.831695],
+              [123.118114, 42.801405],
+              [123.058368, 42.768903],
+              [122.980144, 42.777689],
+              [122.945651, 42.753524],
+              [122.925941, 42.772417],
+              [122.887137, 42.770221],
+              [122.883442, 42.751766],
+              [122.883442, 42.751766],
+              [122.848949, 42.712203],
+              [122.848949, 42.712203],
+              [122.786123, 42.757479],
+              [122.73808, 42.77066],
+              [122.733152, 42.786034],
+              [122.653696, 42.78252],
+              [122.624747, 42.773296],
+              [122.580399, 42.789987],
+              [122.576088, 42.819405],
+              [122.556378, 42.827745],
+              [122.436886, 42.843105],
+              [122.35127, 42.830378],
+              [122.371596, 42.776371],
+              [122.439349, 42.770221],
+              [122.460907, 42.755282],
+              [122.396234, 42.707366],
+              [122.396234, 42.684054],
+              [122.338951, 42.669975],
+              [122.324785, 42.684934],
+              [122.261343, 42.695931],
+              [122.204676, 42.732867],
+              [122.204676, 42.685374],
+              [122.160945, 42.684934],
+              [122.072865, 42.710444],
+              [122.062394, 42.723635],
+              [122.018663, 42.69901],
+              [121.939207, 42.688453],
+              [121.94167, 42.666014],
+              [121.915801, 42.656332],
+              [121.921344, 42.605697],
+              [121.889931, 42.556784],
+              [121.844352, 42.522389],
+              [121.831417, 42.533856],
+              [121.817867, 42.504303],
+              [121.803084, 42.514891],
+              [121.747649, 42.484887],
+              [121.69899, 42.438529],
+              [121.66573, 42.437204],
+              [121.604136, 42.495037],
+              [121.607831, 42.516214],
+              [121.570875, 42.487093],
+              [121.506201, 42.482239],
+              [121.4791, 42.49636],
+              [121.434752, 42.475176],
+              [121.386093, 42.474294],
+              [121.304789, 42.435879],
+              [121.314644, 42.42837],
+              [121.285079, 42.387717],
+              [121.218558, 42.371802],
+              [121.184681, 42.333324],
+              [121.133558, 42.300135],
+              [121.120623, 42.280656],
+              [121.087978, 42.278885],
+              [121.070732, 42.254083],
+              [121.028848, 42.242565],
+              [120.992508, 42.264714],
+              [120.933994, 42.27977],
+              [120.883487, 42.269585],
+              [120.883487, 42.269585],
+              [120.883487, 42.242565],
+              [120.8299, 42.252755],
+              [120.820661, 42.227943],
+              [120.79048, 42.218636],
+              [120.745516, 42.223512],
+              [120.72211, 42.203565],
+              [120.624792, 42.154338],
+              [120.58414, 42.167203],
+              [120.56751, 42.152119],
+              [120.466496, 42.105516],
+              [120.493597, 42.073539],
+              [120.450481, 42.057101],
+              [120.456641, 42.016208],
+              [120.399358, 41.984631],
+              [120.373489, 41.994862],
+              [120.309431, 41.951704],
+              [120.318054, 41.93746],
+              [120.271859, 41.925439],
+              [120.260156, 41.904062],
+              [120.290337, 41.897381],
+              [120.286641, 41.880005],
+              [120.251533, 41.884016],
+              [120.215808, 41.853265],
+              [120.188707, 41.848361],
+              [120.183164, 41.826513],
+              [120.127113, 41.77253],
+              [120.1382, 41.729221],
+              [120.096316, 41.697056],
+              [120.035954, 41.708226],
+              [120.024867, 41.737707],
+              [120.050737, 41.776101],
+              [120.041498, 41.818932],
+              [120.023019, 41.816701],
+              [119.989759, 41.899163],
+              [119.954034, 41.923212],
+              [119.950954, 41.974399],
+              [119.924469, 41.98908],
+              [119.921389, 42.014429],
+              [119.897368, 42.030879],
+              [119.87581, 42.077982],
+              [119.845629, 42.097079],
+              [119.837622, 42.135257],
+              [119.854868, 42.170308],
+              [119.841933, 42.215534],
+              [119.744615, 42.211545],
+              [119.679941, 42.240793],
+              [119.617115, 42.252755],
+              [119.609108, 42.276671],
+              [119.557985, 42.289068],
+              [119.557985, 42.289068],
+              [119.539507, 42.297922],
+              [119.571536, 42.335536],
+              [119.572152, 42.359421],
+              [119.540123, 42.363401],
+              [119.502551, 42.388159],
+              [119.482841, 42.347037],
+              [119.432949, 42.317396],
+              [119.34795, 42.300578],
+              [119.280197, 42.260728],
+              [119.274037, 42.239021],
+              [119.237697, 42.200905],
+              [119.277733, 42.185387],
+              [119.286972, 42.154781],
+              [119.30853, 42.147239],
+              [119.314689, 42.119723],
+              [119.352261, 42.118391],
+              [119.384906, 42.08953],
+              [119.375667, 42.023322],
+              [119.324544, 41.969505],
+              [119.323928, 41.937014],
+              [119.340559, 41.926774],
+              [119.323312, 41.889807],
+              [119.334399, 41.871539],
+              [119.312841, 41.80555],
+              [119.292515, 41.790827],
+              [119.317769, 41.764049],
+              [119.319001, 41.727435],
+              [119.299907, 41.705545],
+              [119.307914, 41.657273],
+              [119.342406, 41.617914],
+              [119.415703, 41.590169],
+              [119.420015, 41.567785],
+              [119.362116, 41.566442],
+              [119.361501, 41.545841],
+              [119.406464, 41.503276],
+              [119.401537, 41.472343],
+              [119.378131, 41.459787],
+              [119.376283, 41.422102],
+              [119.309762, 41.405944],
+              [119.330704, 41.385293],
+              [119.296211, 41.325097],
+              [119.239545, 41.31431],
+              [119.2494, 41.279689],
+              [119.209364, 41.244599],
+              [119.204436, 41.222546],
+              [119.169943, 41.222996],
+              [119.189038, 41.198234],
+              [119.126212, 41.138767],
+              [119.081248, 41.131555],
+              [119.080632, 41.095936],
+              [119.037516, 41.067516],
+              [118.964836, 41.079246],
+              [118.937118, 41.052625],
+              [118.951901, 41.018317],
+              [119.013495, 41.007479],
+              [119.00056, 40.967273],
+              [118.977154, 40.959138],
+              [118.977154, 40.959138],
+              [118.916792, 40.969984],
+              [118.90201, 40.960946],
+              [118.873061, 40.847866],
+              [118.845959, 40.822057],
+              [118.878604, 40.783098],
+              [118.907553, 40.775394],
+              [118.895234, 40.75409],
+              [118.950053, 40.747743],
+              [118.96114, 40.72008],
+              [119.011031, 40.687414],
+              [119.028277, 40.692406],
+              [119.054763, 40.664721],
+              [119.115125, 40.666536],
+              [119.165632, 40.69286],
+              [119.184726, 40.680153],
+              [119.14469, 40.632482],
+              [119.162552, 40.600228],
+              [119.177951, 40.609315],
+              [119.230921, 40.603863],
+              [119.22045, 40.569322],
+              [119.256175, 40.543404],
+              [119.30237, 40.530215],
+              [119.429254, 40.540221],
+              [119.477913, 40.533399],
+              [119.503783, 40.553864],
+              [119.559217, 40.547952],
+              [119.572152, 40.523846],
+              [119.553674, 40.502007],
+              [119.604797, 40.455119],
+              [119.586934, 40.375381],
+              [119.598021, 40.334335],
+              [119.651608, 40.271808],
+              [119.639289, 40.231613],
+              [119.639289, 40.231613],
+              [119.671934, 40.23938],
+              [119.716898, 40.195966],
+              [119.745847, 40.207851],
+              [119.760629, 40.136056],
+              [119.736608, 40.104936],
+              [119.772332, 40.08113],
+              [119.783419, 40.046778],
+              [119.783419, 40.046778],
+              [119.787115, 40.041739],
+              [119.787115, 40.041739],
+              [119.81668, 40.050443],
+              [119.81668, 40.050443],
+              [119.854252, 40.033033],
+              [119.845629, 40.000949],
+              [119.845629, 40.000949],
+              [119.854252, 39.98857],
+              [119.91831, 39.989946],
+              [119.941715, 40.009659],
+              [119.947259, 40.040364],
+              [120.092005, 40.077466],
+              [120.134504, 40.074719],
+              [120.161606, 40.096239],
+              [120.273091, 40.127362],
+              [120.371641, 40.174478],
+              [120.451097, 40.177679],
+              [120.491749, 40.20008],
+              [120.523778, 40.256737],
+              [120.52193, 40.304676],
+              [120.537329, 40.325211],
+              [120.602618, 40.36079],
+              [120.596459, 40.399084],
+              [120.617401, 40.41959],
+              [120.616169, 40.444645],
+              [120.619249, 40.460128],
+              [120.666676, 40.467413],
+              [120.693777, 40.505647],
+              [120.72211, 40.515657],
+              [120.72827, 40.539311],
+              [120.822509, 40.59432],
+              [120.837291, 40.644289],
+              [120.8299, 40.671076],
+              [120.861313, 40.684692],
+              [120.939537, 40.686507],
+              [120.983269, 40.712822],
+              [121.032544, 40.709193],
+              [121.028848, 40.746382],
+              [120.991276, 40.744115],
+              [120.980189, 40.766329],
+              [120.994356, 40.790801],
+              [120.971566, 40.805751],
+              [121.00729, 40.807563],
+              [121.010986, 40.784457],
+              [121.086747, 40.79805],
+              [121.076892, 40.815716],
+              [121.096602, 40.839717],
+              [121.126167, 40.86914],
+              [121.177906, 40.873665],
+              [121.23642, 40.851035],
+              [121.290622, 40.851488],
+              [121.439064, 40.830208],
+              [121.440296, 40.88181],
+              [121.499426, 40.880001],
+              [121.526527, 40.85194],
+              [121.55486, 40.849677],
+              [121.553013, 40.817528],
+              [121.576418, 40.837906],
+              [121.626309, 40.844244],
+              [121.682976, 40.829755],
+              [121.732251, 40.846961],
+              [121.735331, 40.862351],
+              [121.778446, 40.886787],
+              [121.816019, 40.894931],
+              [121.84312, 40.831567],
+              [121.883772, 40.802127],
+              [121.934279, 40.79805],
+              [121.936127, 40.711462],
+              [121.951525, 40.680607],
+              [122.025438, 40.674253],
+              [122.06609, 40.64883],
+              [122.122141, 40.657457],
+              [122.148626, 40.671983],
+              [122.133843, 40.614313],
+              [122.150474, 40.588413],
+              [122.245944, 40.519752],
+              [122.231162, 40.505192],
+              [122.265038, 40.48016],
+              [122.221923, 40.481071],
+              [122.240401, 40.461039],
+              [122.250872, 40.445555],
+              [122.229314, 40.424146],
+              [122.186814, 40.422779],
+              [122.198517, 40.382219],
+              [122.152322, 40.357597],
+              [122.135691, 40.374925],
+              [122.111054, 40.348932],
+              [122.138155, 40.338897],
+              [122.110438, 40.315629],
+              [122.079641, 40.332967],
+              [122.040221, 40.322017],
+              [122.039605, 40.260391],
+              [122.02667, 40.244862],
+              [121.940438, 40.242121],
+              [121.950293, 40.204194],
+              [121.98109, 40.173106],
+              [122.003264, 40.172191],
+              [121.995257, 40.128277],
+              [121.956453, 40.133311],
+              [121.910257, 40.072887],
+              [121.824642, 40.025701],
+              [121.796309, 39.999116],
+              [121.779062, 39.942702],
+              [121.76428, 39.933525],
+              [121.699606, 39.937196],
+              [121.626925, 39.882569],
+              [121.572107, 39.865116],
+              [121.541926, 39.874302],
+              [121.530223, 39.851334],
+              [121.472325, 39.802155],
+              [121.487107, 39.760303],
+              [121.45939, 39.747881],
+              [121.502506, 39.703233],
+              [121.482796, 39.659478],
+              [121.451999, 39.658095],
+              [121.450151, 39.624914],
+              [121.325731, 39.601402],
+              [121.299246, 39.606013],
+              [121.263521, 39.589873],
+              [121.226565, 39.554814],
+              [121.224717, 39.519275],
+              [121.268449, 39.482794],
+              [121.286927, 39.507271],
+              [121.301709, 39.476327],
+              [121.245659, 39.456923],
+              [121.270296, 39.434277],
+              [121.246891, 39.421334],
+              [121.245659, 39.389427],
+              [121.270296, 39.374162],
+              [121.307869, 39.391277],
+              [121.324499, 39.371386],
+              [121.35468, 39.377863],
+              [121.432904, 39.357506],
+              [121.435984, 39.329736],
+              [121.466781, 39.320014],
+              [121.474788, 39.296398],
+              [121.508665, 39.29223],
+              [121.51544, 39.286672],
+              [121.562252, 39.322792],
+              [121.621382, 39.326033],
+              [121.72486, 39.364447],
+              [121.711925, 39.33992],
+              [121.7187, 39.320477],
+              [121.667577, 39.310754],
+              [121.672505, 39.275554],
+              [121.623846, 39.285745],
+              [121.589353, 39.263044],
+              [121.631237, 39.22643],
+              [121.591201, 39.228748],
+              [121.586889, 39.193506],
+              [121.604136, 39.166136],
+              [121.639244, 39.166136],
+              [121.68236, 39.117863],
+              [121.631853, 39.077921],
+              [121.605983, 39.080708],
+              [121.642324, 39.11972],
+              [121.590585, 39.154999],
+              [121.562252, 39.127149],
+              [121.599208, 39.098824],
+              [121.581962, 39.075598],
+              [121.508049, 39.034237],
+              [121.431057, 39.027263],
+              [121.370695, 39.060264],
+              [121.317108, 39.012384],
+              [121.341129, 38.980757],
+              [121.275224, 38.971917],
+              [121.204391, 38.941202],
+              [121.180369, 38.959819],
+              [121.128014, 38.958888],
+              [121.08921, 38.922115],
+              [121.094138, 38.894173],
+              [121.129862, 38.879266],
+              [121.110768, 38.862026],
+              [121.12863, 38.799089],
+              [121.112, 38.776231],
+              [121.13787, 38.723023],
+              [121.198848, 38.721623],
+              [121.259825, 38.786495],
+              [121.280767, 38.786961],
+              [121.288775, 38.78976],
+              [121.315876, 38.793958],
+              [121.359608, 38.822406],
+              [121.399028, 38.812613],
+              [121.509897, 38.817743],
+              [121.564715, 38.874607],
+              [121.618302, 38.862492],
+              [121.675585, 38.86156],
+              [121.708845, 38.872744],
+              [121.719316, 38.920252],
+              [121.655874, 38.946788],
+              [121.618918, 38.950046],
+              [121.66265, 38.966333],
+              [121.671273, 39.010059],
+              [121.73841, 38.998898],
+              [121.756889, 39.025869],
+              [121.790149, 39.022614],
+              [121.804932, 38.970986],
+              [121.863446, 38.942598],
+              [121.920728, 38.969591],
+              [121.905946, 38.997503],
+              [121.852975, 39.035631],
+              [121.8887, 39.027263],
+              [121.929352, 39.024939],
+              [121.907178, 39.055617],
+              [121.923192, 39.053758],
+              [121.963228, 39.030053],
+              [122.013735, 39.073275],
+              [122.061778, 39.060264],
+              [122.071634, 39.074204],
+              [122.048228, 39.101146],
+              [122.088264, 39.112291],
+              [122.127684, 39.144788],
+              [122.167104, 39.158711],
+              [122.123988, 39.172631],
+              [122.117213, 39.213911],
+              [122.160329, 39.238019],
+              [122.242865, 39.267678],
+              [122.274893, 39.322329],
+              [122.30877, 39.346399],
+              [122.366053, 39.370461],
+              [122.412864, 39.411625],
+              [122.455364, 39.408388],
+              [122.467682, 39.403301],
+              [122.51203, 39.413474],
+              [122.532972, 39.419947],
+              [122.581631, 39.464316],
+              [122.637066, 39.488799],
+              [122.649385, 39.516505],
+              [122.682645, 39.514658],
+              [122.808913, 39.559889],
+              [122.847101, 39.581571],
+              [122.860652, 39.604629],
+              [122.941956, 39.604629],
+              [122.972753, 39.594946],
+              [122.978912, 39.616156],
+              [123.021412, 39.64335],
+              [123.010941, 39.655331],
+              [123.103332, 39.676983],
+              [123.146448, 39.647037],
+              [123.166774, 39.674219],
+              [123.212969, 39.665928],
+              [123.215433, 39.696786],
+              [123.253005, 39.689879],
+              [123.286882, 39.704154],
+              [123.270251, 39.714743],
+              [123.274563, 39.753862],
+              [123.350939, 39.750641],
+              [123.388512, 39.74742],
+              [123.392823, 39.723949],
+              [123.477823, 39.74696],
+              [123.521555, 39.772724],
+              [123.534489, 39.788361]
+            ]
+          ],
+          [
+            [
+              [122.63953, 39.286209],
+              [122.593334, 39.278334],
+              [122.539131, 39.308439],
+              [122.50895, 39.290377],
+              [122.57732, 39.269994],
+              [122.67895, 39.268605],
+              [122.673406, 39.269531],
+              [122.662935, 39.273701],
+              [122.655544, 39.277407],
+              [122.640761, 39.288061],
+              [122.63953, 39.286209]
+            ]
+          ],
+          [
+            [
+              [122.318625, 39.170775],
+              [122.345111, 39.144788],
+              [122.366053, 39.174951],
+              [122.398697, 39.16196],
+              [122.383299, 39.190723],
+              [122.393154, 39.213448],
+              [122.343263, 39.203246],
+              [122.322321, 39.177271],
+              [122.322937, 39.174487],
+              [122.319241, 39.172167],
+              [122.318625, 39.170775]
+            ]
+          ],
+          [
+            [
+              [122.691884, 39.23292],
+              [122.696812, 39.206492],
+              [122.751631, 39.229675],
+              [122.740544, 39.248679],
+              [122.635834, 39.241727],
+              [122.628443, 39.231993],
+              [122.690037, 39.234774],
+              [122.691268, 39.23431],
+              [122.691884, 39.23292]
+            ]
+          ],
+          [
+            [
+              [122.738696, 39.034701],
+              [122.704819, 39.044463],
+              [122.733152, 39.014244],
+              [122.75779, 39.009594],
+              [122.739312, 39.036561],
+              [122.738696, 39.034701]
+            ]
+          ],
+          [
+            [
+              [123.022644, 39.546507],
+              [122.96105, 39.551122],
+              [122.945035, 39.520198],
+              [122.995542, 39.495264],
+              [123.036194, 39.533123],
+              [123.022644, 39.546507]
+            ]
+          ],
+          [
+            [
+              [122.503407, 39.241263],
+              [122.502175, 39.224112],
+              [122.547755, 39.229211],
+              [122.503407, 39.241263]
+            ]
+          ],
+          [
+            [
+              [120.786784, 40.473787],
+              [120.83298, 40.491995],
+              [120.8299, 40.516112],
+              [120.805262, 40.525666],
+              [120.774465, 40.48016],
+              [120.786784, 40.473787]
+            ]
+          ],
+          [
+            [
+              [123.086702, 39.426881],
+              [123.090397, 39.450915],
+              [123.054057, 39.457847],
+              [123.086702, 39.426881]
+            ]
+          ],
+          [
+            [
+              [123.160614, 39.025404],
+              [123.205578, 39.057011],
+              [123.20065, 39.077921],
+              [123.145832, 39.091857],
+              [123.143984, 39.038885],
+              [123.160614, 39.025404]
+            ]
+          ],
+          [
+            [
+              [123.716807, 39.74512],
+              [123.756843, 39.754322],
+              [123.719887, 39.763063],
+              [123.716807, 39.74512]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 220000,
+        "name": "吉林省",
+        "center": [125.3245, 43.886841],
+        "centroid": [126.171208, 43.703954],
+        "childrenNum": 9,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 6,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [129.601492, 42.415116],
+              [129.601492, 42.422627],
+              [129.591021, 42.447803],
+              [129.627361, 42.462816],
+              [129.651999, 42.426603],
+              [129.704354, 42.427045],
+              [129.748701, 42.471204],
+              [129.738846, 42.500332],
+              [129.749933, 42.546644],
+              [129.746237, 42.58455],
+              [129.786889, 42.615387],
+              [129.754245, 42.645768],
+              [129.796744, 42.681854],
+              [129.767179, 42.707806],
+              [129.78381, 42.762752],
+              [129.810911, 42.795257],
+              [129.816454, 42.851003],
+              [129.835549, 42.866796],
+              [129.846636, 42.918533],
+              [129.874969, 42.923792],
+              [129.856491, 42.951833],
+              [129.868193, 42.97373],
+              [129.903918, 42.968475],
+              [129.897143, 43.001748],
+              [129.954425, 43.010938],
+              [129.963664, 42.978547],
+              [130.002468, 42.981174],
+              [130.027106, 42.9676],
+              [130.072685, 42.971541],
+              [130.10841, 42.989929],
+              [130.144134, 42.976357],
+              [130.120729, 42.954461],
+              [130.127504, 42.932556],
+              [130.10225, 42.922916],
+              [130.136127, 42.90363],
+              [130.17062, 42.912397],
+              [130.21004, 42.902315],
+              [130.258083, 42.90626],
+              [130.277793, 42.892232],
+              [130.258083, 42.860655],
+              [130.245148, 42.799209],
+              [130.242069, 42.738582],
+              [130.257467, 42.710884],
+              [130.290112, 42.702968],
+              [130.333228, 42.64973],
+              [130.373264, 42.630799],
+              [130.388046, 42.603054],
+              [130.420691, 42.617148],
+              [130.44656, 42.607459],
+              [130.423771, 42.574855],
+              [130.435474, 42.553257],
+              [130.476125, 42.570007],
+              [130.459495, 42.588075],
+              [130.482285, 42.626837],
+              [130.522937, 42.622433],
+              [130.520473, 42.593362],
+              [130.558661, 42.495919],
+              [130.585763, 42.485328],
+              [130.581451, 42.435437],
+              [130.645509, 42.426603],
+              [130.600545, 42.450453],
+              [130.599929, 42.486211],
+              [130.565437, 42.506509],
+              [130.570364, 42.557224],
+              [130.622719, 42.573092],
+              [130.633806, 42.603494],
+              [130.592538, 42.671295],
+              [130.521089, 42.702089],
+              [130.464423, 42.688453],
+              [130.425003, 42.706926],
+              [130.40714, 42.731548],
+              [130.46627, 42.772417],
+              [130.532792, 42.787352],
+              [130.562357, 42.815015],
+              [130.603625, 42.819405],
+              [130.665835, 42.847932],
+              [130.708335, 42.846615],
+              [130.719422, 42.831695],
+              [130.75453, 42.845738],
+              [130.784095, 42.842227],
+              [130.801957, 42.879515],
+              [130.845073, 42.881269],
+              [130.890653, 42.852758],
+              [130.912826, 42.870744],
+              [130.949783, 42.876884],
+              [130.981812, 42.857145],
+              [131.043406, 42.862848],
+              [131.017536, 42.915027],
+              [131.034167, 42.929051],
+              [131.114855, 42.915027],
+              [131.145652, 42.9365],
+              [131.151195, 42.968475],
+              [131.115471, 42.975482],
+              [131.11855, 43.007875],
+              [131.102536, 43.021002],
+              [131.120398, 43.068238],
+              [131.171521, 43.06955],
+              [131.173985, 43.111506],
+              [131.207861, 43.1316],
+              [131.218948, 43.191405],
+              [131.201086, 43.203185],
+              [131.206014, 43.237202],
+              [131.255289, 43.265099],
+              [131.269455, 43.297775],
+              [131.275615, 43.369165],
+              [131.314419, 43.392653],
+              [131.295941, 43.441774],
+              [131.314419, 43.461325],
+              [131.31873, 43.499539],
+              [131.304564, 43.502144],
+              [131.294093, 43.470012],
+              [131.234963, 43.475224],
+              [131.201086, 43.442209],
+              [131.175217, 43.444816],
+              [131.142572, 43.425695],
+              [131.026775, 43.508655],
+              [130.959638, 43.48608],
+              [130.907283, 43.434387],
+              [130.864167, 43.437863],
+              [130.841378, 43.454374],
+              [130.822899, 43.503446],
+              [130.776704, 43.52341],
+              [130.727429, 43.560284],
+              [130.671378, 43.565054],
+              [130.665835, 43.583698],
+              [130.623335, 43.589767],
+              [130.630726, 43.622268],
+              [130.57098, 43.626167],
+              [130.57098, 43.626167],
+              [130.501995, 43.636563],
+              [130.488444, 43.65605],
+              [130.437937, 43.646091],
+              [130.412684, 43.652586],
+              [130.394206, 43.703227],
+              [130.423155, 43.745179],
+              [130.382503, 43.777164],
+              [130.381887, 43.817768],
+              [130.362793, 43.844967],
+              [130.386198, 43.85403],
+              [130.368336, 43.894151],
+              [130.381887, 43.910106],
+              [130.338155, 43.963975],
+              [130.364025, 43.992399],
+              [130.365256, 44.044042],
+              [130.319061, 44.03974],
+              [130.307358, 44.002731],
+              [130.27225, 43.981634],
+              [130.262395, 43.949328],
+              [130.208192, 43.948466],
+              [130.153373, 43.915711],
+              [130.143518, 43.878624],
+              [130.116417, 43.878192],
+              [130.110873, 43.852735],
+              [130.079461, 43.835039],
+              [130.027722, 43.851872],
+              [130.009243, 43.889407],
+              [130.022794, 43.917866],
+              [130.017867, 43.961821],
+              [129.979062, 44.015644],
+              [129.951345, 44.027263],
+              [129.907614, 44.023821],
+              [129.881128, 44.000148],
+              [129.868193, 44.012631],
+              [129.802904, 43.964837],
+              [129.780114, 43.892857],
+              [129.739462, 43.895876],
+              [129.743158, 43.876035],
+              [129.699426, 43.8838],
+              [129.650767, 43.873016],
+              [129.529427, 43.870427],
+              [129.467833, 43.874741],
+              [129.449971, 43.850578],
+              [129.417942, 43.843672],
+              [129.406855, 43.819496],
+              [129.348341, 43.798333],
+              [129.30892, 43.812155],
+              [129.289826, 43.797038],
+              [129.254718, 43.819496],
+              [129.211602, 43.784509],
+              [129.232544, 43.709284],
+              [129.214066, 43.695006],
+              [129.217146, 43.648689],
+              [129.232544, 43.635263],
+              [129.23008, 43.593234],
+              [129.169102, 43.561585],
+              [129.145081, 43.570258],
+              [129.093958, 43.547706],
+              [129.037907, 43.540332],
+              [129.013886, 43.522976],
+              [128.962763, 43.53903],
+              [128.949828, 43.553779],
+              [128.878379, 43.539898],
+              [128.834647, 43.587599],
+              [128.821097, 43.637429],
+              [128.78722, 43.686784],
+              [128.768126, 43.732207],
+              [128.729322, 43.736964],
+              [128.760119, 43.755554],
+              [128.739177, 43.806972],
+              [128.719467, 43.816905],
+              [128.760734, 43.857482],
+              [128.729938, 43.889838],
+              [128.696061, 43.903207],
+              [128.636315, 43.891132],
+              [128.64001, 43.948035],
+              [128.610445, 43.960529],
+              [128.584576, 43.990246],
+              [128.574721, 44.047914],
+              [128.529141, 44.112401],
+              [128.471859, 44.157501],
+              [128.450301, 44.203423],
+              [128.471859, 44.247596],
+              [128.453997, 44.257884],
+              [128.472475, 44.320001],
+              [128.446605, 44.339694],
+              [128.475555, 44.346114],
+              [128.481714, 44.375637],
+              [128.457076, 44.409848],
+              [128.463236, 44.431647],
+              [128.427511, 44.473512],
+              [128.397946, 44.483761],
+              [128.372693, 44.514495],
+              [128.295084, 44.480772],
+              [128.293237, 44.467961],
+              [128.228563, 44.445748],
+              [128.211317, 44.431647],
+              [128.172512, 44.34697],
+              [128.137404, 44.357668],
+              [128.094904, 44.354673],
+              [128.074578, 44.370075],
+              [128.049941, 44.349965],
+              [128.065339, 44.307155],
+              [128.101679, 44.293449],
+              [128.064107, 44.251454],
+              [128.104143, 44.230017],
+              [128.09244, 44.181539],
+              [128.060411, 44.168663],
+              [128.088129, 44.158359],
+              [128.091208, 44.133022],
+              [128.042549, 44.103807],
+              [127.950158, 44.088334],
+              [127.912586, 44.064687],
+              [127.862695, 44.062967],
+              [127.846065, 44.081886],
+              [127.808492, 44.086615],
+              [127.783239, 44.071997],
+              [127.729036, 44.09908],
+              [127.735811, 44.11412],
+              [127.712406, 44.199133],
+              [127.681609, 44.166946],
+              [127.641573, 44.193555],
+              [127.626174, 44.187977],
+              [127.59045, 44.227872],
+              [127.623711, 44.278025],
+              [127.579363, 44.310581],
+              [127.486356, 44.410275],
+              [127.50853, 44.437202],
+              [127.463566, 44.484615],
+              [127.465414, 44.516628],
+              [127.485124, 44.528576],
+              [127.536247, 44.522176],
+              [127.570124, 44.55033],
+              [127.557189, 44.575488],
+              [127.392733, 44.632158],
+              [127.275705, 44.640249],
+              [127.261538, 44.61299],
+              [127.214111, 44.624917],
+              [127.228893, 44.642804],
+              [127.182082, 44.644507],
+              [127.138966, 44.607451],
+              [127.094619, 44.615972],
+              [127.089691, 44.593816],
+              [127.049655, 44.566961],
+              [127.041648, 44.591258],
+              [127.044112, 44.653874],
+              [127.030561, 44.673454],
+              [127.041032, 44.712169],
+              [126.9973, 44.764882],
+              [126.984366, 44.823914],
+              [126.999764, 44.87398],
+              [127.021938, 44.898997],
+              [127.073061, 44.907051],
+              [127.092771, 44.94688],
+              [127.050271, 45.004034],
+              [127.018242, 45.024341],
+              [126.984981, 45.067893],
+              [126.970815, 45.070852],
+              [126.96404, 45.132104],
+              [126.85625, 45.145613],
+              [126.792808, 45.135481],
+              [126.787265, 45.159118],
+              [126.732446, 45.187385],
+              [126.685635, 45.187807],
+              [126.640055, 45.214373],
+              [126.644983, 45.225334],
+              [126.569222, 45.252725],
+              [126.540273, 45.23882],
+              [126.519331, 45.248091],
+              [126.402919, 45.222805],
+              [126.356107, 45.185698],
+              [126.293282, 45.180214],
+              [126.285274, 45.162494],
+              [126.235383, 45.140125],
+              [126.225528, 45.154054],
+              [126.166398, 45.13337],
+              [126.142992, 45.147723],
+              [126.091869, 45.149411],
+              [126.047522, 45.170933],
+              [125.998247, 45.162072],
+              [125.992703, 45.192447],
+              [125.957595, 45.201303],
+              [125.915095, 45.196664],
+              [125.849805, 45.23882],
+              [125.823936, 45.237978],
+              [125.815929, 45.264942],
+              [125.761726, 45.291472],
+              [125.726001, 45.336503],
+              [125.695205, 45.352066],
+              [125.712451, 45.389485],
+              [125.711835, 45.477677],
+              [125.687813, 45.514173],
+              [125.660096, 45.507043],
+              [125.61698, 45.517947],
+              [125.583104, 45.491942],
+              [125.497488, 45.469283],
+              [125.480242, 45.486488],
+              [125.424807, 45.485649],
+              [125.434662, 45.462988],
+              [125.398322, 45.416797],
+              [125.361981, 45.392847],
+              [125.319482, 45.422678],
+              [125.301619, 45.402092],
+              [125.248649, 45.417637],
+              [125.189518, 45.39915],
+              [125.137779, 45.409655],
+              [125.097127, 45.38276],
+              [125.06633, 45.39915],
+              [125.08912, 45.420998],
+              [125.0497, 45.428558],
+              [125.025678, 45.493201],
+              [124.961005, 45.495299],
+              [124.936983, 45.53388],
+              [124.911114, 45.535976],
+              [124.884628, 45.495299],
+              [124.886476, 45.442836],
+              [124.839665, 45.455852],
+              [124.792853, 45.436958],
+              [124.776223, 45.468024],
+              [124.729412, 45.444096],
+              [124.690607, 45.452493],
+              [124.625318, 45.437377],
+              [124.575427, 45.451234],
+              [124.579738, 45.424358],
+              [124.544014, 45.411756],
+              [124.507058, 45.424778],
+              [124.480572, 45.456271],
+              [124.398652, 45.440737],
+              [124.374015, 45.45795],
+              [124.352457, 45.496557],
+              [124.369087, 45.512915],
+              [124.348761, 45.546874],
+              [124.287783, 45.539329],
+              [124.264377, 45.555256],
+              [124.273001, 45.584163],
+              [124.238508, 45.591702],
+              [124.226805, 45.633564],
+              [124.162132, 45.616404],
+              [124.128255, 45.641933],
+              [124.147349, 45.665359],
+              [124.122096, 45.669123],
+              [124.13503, 45.690448],
+              [124.10177, 45.700898],
+              [124.098074, 45.722628],
+              [124.054342, 45.751449],
+              [124.014922, 45.749779],
+              [124.001987, 45.770655],
+              [124.064197, 45.802372],
+              [124.03648, 45.83824],
+              [124.067277, 45.840325],
+              [124.061118, 45.886168],
+              [123.996444, 45.906993],
+              [123.968727, 45.936551],
+              [123.973654, 45.973997],
+              [124.011842, 45.981899],
+              [123.989053, 46.011833],
+              [124.040176, 46.01973],
+              [124.034016, 46.045074],
+              [124.009995, 46.057534],
+              [124.015538, 46.088257],
+              [123.99398, 46.101123],
+              [124.01677, 46.118549],
+              [123.991516, 46.143019],
+              [124.001987, 46.166649],
+              [123.971806, 46.170379],
+              [123.956408, 46.206009],
+              [123.979814, 46.228784],
+              [123.952096, 46.256516],
+              [123.960103, 46.288369],
+              [123.936082, 46.286715],
+              [123.917604, 46.25693],
+              [123.896046, 46.303668],
+              [123.84985, 46.302428],
+              [123.775938, 46.263136],
+              [123.726047, 46.255688],
+              [123.673692, 46.258585],
+              [123.604706, 46.251964],
+              [123.569598, 46.223816],
+              [123.569598, 46.223816],
+              [123.499381, 46.259826],
+              [123.452569, 46.233338],
+              [123.430396, 46.243687],
+              [123.357099, 46.232096],
+              [123.357099, 46.232096],
+              [123.320758, 46.254447],
+              [123.286266, 46.250308],
+              [123.248078, 46.273065],
+              [123.178476, 46.248239],
+              [123.128585, 46.210565],
+              [123.127354, 46.174523],
+              [123.102716, 46.172037],
+              [123.112571, 46.130163],
+              [123.070071, 46.123527],
+              [123.04605, 46.099878],
+              [122.792898, 46.073313],
+              [122.828623, 45.912406],
+              [122.80029, 45.856583],
+              [122.772572, 45.856583],
+              [122.752246, 45.834905],
+              [122.792283, 45.766063],
+              [122.751015, 45.735996],
+              [122.741775, 45.705077],
+              [122.671558, 45.70048],
+              [122.650001, 45.731401],
+              [122.640761, 45.771072],
+              [122.603189, 45.778169],
+              [122.556378, 45.82156],
+              [122.522501, 45.786933],
+              [122.504639, 45.786933],
+              [122.496016, 45.85825],
+              [122.446125, 45.916986],
+              [122.362357, 45.917403],
+              [122.372828, 45.856166],
+              [122.337719, 45.859917],
+              [122.301379, 45.813218],
+              [122.253952, 45.7982],
+              [122.236705, 45.831569],
+              [122.200981, 45.857],
+              [122.091344, 45.882002],
+              [122.085184, 45.912406],
+              [122.040221, 45.959022],
+              [121.92812, 45.988552],
+              [121.923808, 46.004767],
+              [121.864062, 46.002272],
+              [121.843736, 46.024301],
+              [121.819098, 46.023054],
+              [121.761816, 45.998947],
+              [121.809243, 45.961102],
+              [121.821562, 45.918235],
+              [121.805548, 45.900746],
+              [121.817251, 45.875336],
+              [121.769823, 45.84366],
+              [121.766744, 45.830318],
+              [121.766744, 45.830318],
+              [121.754425, 45.794862],
+              [121.697142, 45.76314],
+              [121.657106, 45.770238],
+              [121.644172, 45.752284],
+              [121.666345, 45.727641],
+              [121.713773, 45.701734],
+              [121.811091, 45.687103],
+              [121.812323, 45.704659],
+              [121.867142, 45.719703],
+              [121.934279, 45.71051],
+              [121.970004, 45.692956],
+              [122.003264, 45.623102],
+              [121.995873, 45.59882],
+              [121.966308, 45.596308],
+              [121.993409, 45.552741],
+              [122.002648, 45.507882],
+              [122.064242, 45.472641],
+              [122.168336, 45.439897],
+              [122.180039, 45.409655],
+              [122.146778, 45.374352],
+              [122.147394, 45.295682],
+              [122.239169, 45.276313],
+              [122.22993, 45.206784],
+              [122.192358, 45.180636],
+              [122.143082, 45.183167],
+              [122.109822, 45.142236],
+              [122.119677, 45.068739],
+              [122.098735, 45.02138],
+              [122.074713, 45.006573],
+              [122.087032, 44.95281],
+              [122.079025, 44.914256],
+              [122.04946, 44.912985],
+              [122.098119, 44.81882],
+              [122.099967, 44.7823],
+              [122.168952, 44.770405],
+              [122.142467, 44.753833],
+              [122.110438, 44.767856],
+              [122.10243, 44.736406],
+              [122.152322, 44.744057],
+              [122.161561, 44.728328],
+              [122.117213, 44.701961],
+              [122.103046, 44.67388],
+              [122.113517, 44.615546],
+              [122.13138, 44.577619],
+              [122.196053, 44.559712],
+              [122.224386, 44.526016],
+              [122.228082, 44.480345],
+              [122.28598, 44.477783],
+              [122.294604, 44.41113],
+              [122.291524, 44.310152],
+              [122.271198, 44.255741],
+              [122.319241, 44.233018],
+              [122.483081, 44.236877],
+              [122.515726, 44.251025],
+              [122.641993, 44.283595],
+              [122.675254, 44.285738],
+              [122.702971, 44.319145],
+              [122.76087, 44.369648],
+              [122.85634, 44.398304],
+              [123.025108, 44.493153],
+              [123.06576, 44.505959],
+              [123.12489, 44.5098],
+              [123.137209, 44.486322],
+              [123.125506, 44.455147],
+              [123.142136, 44.428228],
+              [123.114419, 44.40258],
+              [123.128585, 44.367081],
+              [123.196955, 44.34483],
+              [123.277027, 44.25274],
+              [123.286882, 44.211574],
+              [123.323838, 44.179823],
+              [123.386664, 44.161794],
+              [123.362642, 44.133452],
+              [123.350939, 44.092633],
+              [123.32815, 44.084035],
+              [123.331229, 44.028984],
+              [123.365722, 44.013922],
+              [123.400831, 43.979481],
+              [123.37065, 43.970006],
+              [123.397135, 43.954929],
+              [123.467968, 43.853599],
+              [123.461809, 43.822518],
+              [123.498149, 43.771114],
+              [123.48275, 43.737396],
+              [123.520323, 43.708419],
+              [123.518475, 43.682024],
+              [123.536953, 43.633964],
+              [123.510468, 43.624867],
+              [123.5117, 43.592801],
+              [123.421157, 43.598435],
+              [123.434091, 43.575461],
+              [123.461193, 43.568523],
+              [123.452569, 43.545971],
+              [123.452569, 43.545971],
+              [123.360179, 43.567223],
+              [123.304744, 43.550742],
+              [123.329998, 43.519071],
+              [123.315831, 43.492159],
+              [123.36449, 43.483475],
+              [123.382968, 43.469143],
+              [123.419925, 43.410046],
+              [123.442098, 43.437863],
+              [123.486446, 43.44525],
+              [123.519707, 43.402219],
+              [123.54496, 43.415262],
+              [123.608402, 43.366119],
+              [123.703873, 43.37047],
+              [123.710032, 43.417001],
+              [123.749452, 43.439167],
+              [123.747604, 43.472184],
+              [123.79688, 43.489988],
+              [123.857858, 43.459153],
+              [123.857858, 43.459153],
+              [123.852314, 43.406133],
+              [123.881263, 43.392218],
+              [123.881263, 43.392218],
+              [123.896046, 43.361333],
+              [123.964415, 43.34088],
+              [124.032784, 43.280786],
+              [124.099306, 43.292983],
+              [124.117168, 43.2773],
+              [124.114088, 43.247229],
+              [124.168291, 43.244177],
+              [124.215102, 43.255947],
+              [124.228653, 43.235022],
+              [124.27608, 43.233278],
+              [124.287167, 43.207983],
+              [124.273617, 43.17875],
+              [124.366007, 43.121554],
+              [124.425754, 43.076107],
+              [124.333363, 42.997371],
+              [124.369703, 42.972854],
+              [124.42329, 42.975482],
+              [124.442384, 42.958841],
+              [124.431913, 42.930803],
+              [124.38079, 42.912835],
+              [124.371551, 42.880831],
+              [124.435609, 42.880831],
+              [124.466406, 42.847054],
+              [124.586514, 42.905384],
+              [124.607456, 42.937376],
+              [124.632093, 42.949642],
+              [124.635173, 42.972854],
+              [124.658579, 42.972854],
+              [124.677673, 43.002185],
+              [124.686912, 43.051185],
+              [124.719557, 43.069987],
+              [124.755281, 43.074359],
+              [124.785462, 43.117185],
+              [124.882781, 43.13422],
+              [124.88894, 43.074796],
+              [124.840897, 43.032377],
+              [124.869846, 42.988178],
+              [124.87231, 42.962344],
+              [124.84952, 42.882585],
+              [124.856911, 42.824234],
+              [124.874157, 42.789987],
+              [124.897563, 42.787791],
+              [124.92836, 42.819844],
+              [124.975171, 42.802722],
+              [124.996729, 42.745174],
+              [124.968396, 42.722756],
+              [124.99057, 42.677455],
+              [125.014592, 42.666014],
+              [125.010896, 42.63212],
+              [125.038613, 42.615387],
+              [125.097127, 42.622433],
+              [125.082961, 42.591159],
+              [125.089736, 42.567803],
+              [125.066946, 42.534738],
+              [125.090968, 42.515773],
+              [125.068794, 42.499449],
+              [125.105135, 42.490624],
+              [125.150098, 42.458842],
+              [125.140243, 42.44692],
+              [125.186439, 42.427928],
+              [125.185823, 42.38197],
+              [125.203685, 42.366938],
+              [125.167345, 42.351903],
+              [125.175352, 42.308102],
+              [125.224011, 42.30102],
+              [125.264047, 42.312528],
+              [125.299156, 42.289953],
+              [125.27575, 42.266928],
+              [125.27575, 42.231045],
+              [125.312706, 42.219966],
+              [125.280677, 42.175187],
+              [125.312706, 42.197359],
+              [125.305931, 42.146351],
+              [125.357054, 42.145464],
+              [125.368141, 42.182726],
+              [125.41372, 42.156112],
+              [125.458068, 42.160105],
+              [125.458068, 42.160105],
+              [125.490097, 42.136145],
+              [125.446365, 42.098411],
+              [125.414336, 42.101964],
+              [125.416184, 42.063766],
+              [125.363213, 42.017097],
+              [125.369989, 42.002868],
+              [125.29854, 41.974399],
+              [125.291764, 41.958825],
+              [125.35151, 41.92811],
+              [125.307779, 41.924548],
+              [125.294844, 41.822945],
+              [125.319482, 41.776993],
+              [125.319482, 41.776993],
+              [125.323177, 41.771191],
+              [125.323177, 41.771191],
+              [125.336112, 41.768067],
+              [125.336112, 41.768067],
+              [125.332416, 41.711354],
+              [125.317018, 41.676944],
+              [125.344119, 41.672474],
+              [125.412488, 41.691246],
+              [125.446981, 41.67605],
+              [125.461148, 41.642516],
+              [125.450061, 41.597777],
+              [125.479626, 41.544946],
+              [125.507343, 41.534195],
+              [125.493176, 41.509103],
+              [125.533212, 41.479069],
+              [125.534444, 41.428833],
+              [125.547995, 41.401006],
+              [125.581256, 41.396517],
+              [125.589879, 41.359245],
+              [125.610205, 41.365084],
+              [125.637306, 41.34442],
+              [125.62006, 41.318355],
+              [125.642234, 41.296327],
+              [125.646545, 41.264396],
+              [125.685349, 41.273842],
+              [125.695205, 41.244599],
+              [125.749407, 41.245499],
+              [125.758646, 41.232449],
+              [125.73832, 41.178418],
+              [125.791291, 41.167607],
+              [125.759878, 41.132908],
+              [125.734009, 41.125695],
+              [125.712451, 41.095485],
+              [125.739552, 41.08917],
+              [125.726617, 41.055332],
+              [125.684118, 41.021929],
+              [125.674879, 40.974503],
+              [125.650241, 40.970888],
+              [125.635458, 40.94151],
+              [125.589263, 40.931112],
+              [125.584335, 40.891764],
+              [125.652089, 40.91619],
+              [125.687813, 40.897645],
+              [125.707523, 40.866877],
+              [125.778356, 40.897645],
+              [125.817161, 40.866877],
+              [125.860892, 40.888597],
+              [125.875059, 40.908501],
+              [125.921254, 40.882715],
+              [125.959442, 40.88181],
+              [126.008102, 40.936537],
+              [126.041362, 40.928851],
+              [126.051833, 40.96185],
+              [126.08263, 40.976762],
+              [126.066, 40.997542],
+              [126.1085, 41.011995],
+              [126.099877, 41.036376],
+              [126.133753, 41.063906],
+              [126.124514, 41.092327],
+              [126.16763, 41.094583],
+              [126.187956, 41.113072],
+              [126.188572, 41.114875],
+              [126.295129, 41.171661],
+              [126.332086, 41.236949],
+              [126.35426, 41.244599],
+              [126.373354, 41.289133],
+              [126.437411, 41.353405],
+              [126.497158, 41.374965],
+              [126.524259, 41.349362],
+              [126.539041, 41.366881],
+              [126.497158, 41.406842],
+              [126.559983, 41.548081],
+              [126.582773, 41.563307],
+              [126.564295, 41.608965],
+              [126.592628, 41.624624],
+              [126.608027, 41.669345],
+              [126.644983, 41.661297],
+              [126.688099, 41.674262],
+              [126.724439, 41.710907],
+              [126.690562, 41.728328],
+              [126.694874, 41.751103],
+              [126.723207, 41.753335],
+              [126.8002, 41.702865],
+              [126.809439, 41.749317],
+              [126.848243, 41.734134],
+              [126.85625, 41.760031],
+              [126.887047, 41.791719],
+              [126.931395, 41.812687],
+              [126.952953, 41.804212],
+              [126.940018, 41.773423],
+              [126.979438, 41.776993],
+              [127.005923, 41.749317],
+              [127.050887, 41.744852],
+              [127.057662, 41.703758],
+              [127.037952, 41.676944],
+              [127.103242, 41.647883],
+              [127.093387, 41.629993],
+              [127.127263, 41.622388],
+              [127.135887, 41.600463],
+              [127.178386, 41.600015],
+              [127.125416, 41.566442],
+              [127.11864, 41.540018],
+              [127.164836, 41.542706],
+              [127.188241, 41.527475],
+              [127.241212, 41.520754],
+              [127.28864, 41.501932],
+              [127.253531, 41.486691],
+              [127.296031, 41.486243],
+              [127.360704, 41.466065],
+              [127.360088, 41.479518],
+              [127.405668, 41.478621],
+              [127.419835, 41.460235],
+              [127.459255, 41.461581],
+              [127.465414, 41.479069],
+              [127.526392, 41.467859],
+              [127.547334, 41.477276],
+              [127.563964, 41.432871],
+              [127.618783, 41.432871],
+              [127.636645, 41.413575],
+              [127.684073, 41.422999],
+              [127.780159, 41.427038],
+              [127.854688, 41.420755],
+              [127.86947, 41.4037],
+              [127.882405, 41.448124],
+              [127.909506, 41.42973],
+              [127.93168, 41.444984],
+              [127.970484, 41.438704],
+              [127.991426, 41.421204],
+              [128.000049, 41.442741],
+              [128.040085, 41.393375],
+              [128.110919, 41.393375],
+              [128.090593, 41.374516],
+              [128.114614, 41.364186],
+              [128.169433, 41.404149],
+              [128.203925, 41.410882],
+              [128.243345, 41.477276],
+              [128.238418, 41.497898],
+              [128.301244, 41.540018],
+              [128.317874, 41.575844],
+              [128.30186, 41.627756],
+              [128.248889, 41.681414],
+              [128.208853, 41.688565],
+              [128.163889, 41.721628],
+              [128.147875, 41.78101],
+              [128.112766, 41.793504],
+              [128.104143, 41.843457],
+              [128.115846, 41.896935],
+              [128.106607, 41.949923],
+              [128.033926, 42.000199],
+              [128.090593, 42.022877],
+              [128.294468, 42.026434],
+              [128.405338, 42.018876],
+              [128.466316, 42.020654],
+              [128.49896, 42.000644],
+              [128.598127, 42.007315],
+              [128.60675, 42.02999],
+              [128.637547, 42.035324],
+              [128.658489, 42.018876],
+              [128.70222, 42.02021],
+              [128.737945, 42.050435],
+              [128.779213, 42.033546],
+              [128.795227, 42.042436],
+              [128.898089, 42.016653],
+              [128.952908, 42.025545],
+              [128.954755, 42.083756],
+              [128.971386, 42.097079],
+              [129.008958, 42.09175],
+              [129.039139, 42.107736],
+              [129.048378, 42.137476],
+              [129.113668, 42.140583],
+              [129.166639, 42.188047],
+              [129.215914, 42.208442],
+              [129.209138, 42.237692],
+              [129.181421, 42.242122],
+              [129.183269, 42.262056],
+              [129.215914, 42.265157],
+              [129.231312, 42.283755],
+              [129.208522, 42.293052],
+              [129.260261, 42.335536],
+              [129.231312, 42.356325],
+              [129.240551, 42.376223],
+              [129.326167, 42.389927],
+              [129.30892, 42.403628],
+              [129.331094, 42.429695],
+              [129.356348, 42.427045],
+              [129.342181, 42.441179],
+              [129.368051, 42.459284],
+              [129.366203, 42.428811],
+              [129.392688, 42.42837],
+              [129.400695, 42.449128],
+              [129.452434, 42.441179],
+              [129.49863, 42.412023],
+              [129.546057, 42.361632],
+              [129.578086, 42.380202],
+              [129.569463, 42.399208],
+              [129.601492, 42.415116]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 230000,
+        "name": "黑龙江省",
+        "center": [126.642464, 45.756967],
+        "centroid": [127.693027, 48.040465],
+        "childrenNum": 13,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 7,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [123.569598, 46.223816],
+              [123.604706, 46.251964],
+              [123.673692, 46.258585],
+              [123.726047, 46.255688],
+              [123.775938, 46.263136],
+              [123.84985, 46.302428],
+              [123.896046, 46.303668],
+              [123.917604, 46.25693],
+              [123.936082, 46.286715],
+              [123.960103, 46.288369],
+              [123.952096, 46.256516],
+              [123.979814, 46.228784],
+              [123.956408, 46.206009],
+              [123.971806, 46.170379],
+              [124.001987, 46.166649],
+              [123.991516, 46.143019],
+              [124.01677, 46.118549],
+              [123.99398, 46.101123],
+              [124.015538, 46.088257],
+              [124.009995, 46.057534],
+              [124.034016, 46.045074],
+              [124.040176, 46.01973],
+              [123.989053, 46.011833],
+              [124.011842, 45.981899],
+              [123.973654, 45.973997],
+              [123.968727, 45.936551],
+              [123.996444, 45.906993],
+              [124.061118, 45.886168],
+              [124.067277, 45.840325],
+              [124.03648, 45.83824],
+              [124.064197, 45.802372],
+              [124.001987, 45.770655],
+              [124.014922, 45.749779],
+              [124.054342, 45.751449],
+              [124.098074, 45.722628],
+              [124.10177, 45.700898],
+              [124.13503, 45.690448],
+              [124.122096, 45.669123],
+              [124.147349, 45.665359],
+              [124.128255, 45.641933],
+              [124.162132, 45.616404],
+              [124.226805, 45.633564],
+              [124.238508, 45.591702],
+              [124.273001, 45.584163],
+              [124.264377, 45.555256],
+              [124.287783, 45.539329],
+              [124.348761, 45.546874],
+              [124.369087, 45.512915],
+              [124.352457, 45.496557],
+              [124.374015, 45.45795],
+              [124.398652, 45.440737],
+              [124.480572, 45.456271],
+              [124.507058, 45.424778],
+              [124.544014, 45.411756],
+              [124.579738, 45.424358],
+              [124.575427, 45.451234],
+              [124.625318, 45.437377],
+              [124.690607, 45.452493],
+              [124.729412, 45.444096],
+              [124.776223, 45.468024],
+              [124.792853, 45.436958],
+              [124.839665, 45.455852],
+              [124.886476, 45.442836],
+              [124.884628, 45.495299],
+              [124.911114, 45.535976],
+              [124.936983, 45.53388],
+              [124.961005, 45.495299],
+              [125.025678, 45.493201],
+              [125.0497, 45.428558],
+              [125.08912, 45.420998],
+              [125.06633, 45.39915],
+              [125.097127, 45.38276],
+              [125.137779, 45.409655],
+              [125.189518, 45.39915],
+              [125.248649, 45.417637],
+              [125.301619, 45.402092],
+              [125.319482, 45.422678],
+              [125.361981, 45.392847],
+              [125.398322, 45.416797],
+              [125.434662, 45.462988],
+              [125.424807, 45.485649],
+              [125.480242, 45.486488],
+              [125.497488, 45.469283],
+              [125.583104, 45.491942],
+              [125.61698, 45.517947],
+              [125.660096, 45.507043],
+              [125.687813, 45.514173],
+              [125.711835, 45.477677],
+              [125.712451, 45.389485],
+              [125.695205, 45.352066],
+              [125.726001, 45.336503],
+              [125.761726, 45.291472],
+              [125.815929, 45.264942],
+              [125.823936, 45.237978],
+              [125.849805, 45.23882],
+              [125.915095, 45.196664],
+              [125.957595, 45.201303],
+              [125.992703, 45.192447],
+              [125.998247, 45.162072],
+              [126.047522, 45.170933],
+              [126.091869, 45.149411],
+              [126.142992, 45.147723],
+              [126.166398, 45.13337],
+              [126.225528, 45.154054],
+              [126.235383, 45.140125],
+              [126.285274, 45.162494],
+              [126.293282, 45.180214],
+              [126.356107, 45.185698],
+              [126.402919, 45.222805],
+              [126.519331, 45.248091],
+              [126.540273, 45.23882],
+              [126.569222, 45.252725],
+              [126.644983, 45.225334],
+              [126.640055, 45.214373],
+              [126.685635, 45.187807],
+              [126.732446, 45.187385],
+              [126.787265, 45.159118],
+              [126.792808, 45.135481],
+              [126.85625, 45.145613],
+              [126.96404, 45.132104],
+              [126.970815, 45.070852],
+              [126.984981, 45.067893],
+              [127.018242, 45.024341],
+              [127.050271, 45.004034],
+              [127.092771, 44.94688],
+              [127.073061, 44.907051],
+              [127.021938, 44.898997],
+              [126.999764, 44.87398],
+              [126.984366, 44.823914],
+              [126.9973, 44.764882],
+              [127.041032, 44.712169],
+              [127.030561, 44.673454],
+              [127.044112, 44.653874],
+              [127.041648, 44.591258],
+              [127.049655, 44.566961],
+              [127.089691, 44.593816],
+              [127.094619, 44.615972],
+              [127.138966, 44.607451],
+              [127.182082, 44.644507],
+              [127.228893, 44.642804],
+              [127.214111, 44.624917],
+              [127.261538, 44.61299],
+              [127.275705, 44.640249],
+              [127.392733, 44.632158],
+              [127.557189, 44.575488],
+              [127.570124, 44.55033],
+              [127.536247, 44.522176],
+              [127.485124, 44.528576],
+              [127.465414, 44.516628],
+              [127.463566, 44.484615],
+              [127.50853, 44.437202],
+              [127.486356, 44.410275],
+              [127.579363, 44.310581],
+              [127.623711, 44.278025],
+              [127.59045, 44.227872],
+              [127.626174, 44.187977],
+              [127.641573, 44.193555],
+              [127.681609, 44.166946],
+              [127.712406, 44.199133],
+              [127.735811, 44.11412],
+              [127.729036, 44.09908],
+              [127.783239, 44.071997],
+              [127.808492, 44.086615],
+              [127.846065, 44.081886],
+              [127.862695, 44.062967],
+              [127.912586, 44.064687],
+              [127.950158, 44.088334],
+              [128.042549, 44.103807],
+              [128.091208, 44.133022],
+              [128.088129, 44.158359],
+              [128.060411, 44.168663],
+              [128.09244, 44.181539],
+              [128.104143, 44.230017],
+              [128.064107, 44.251454],
+              [128.101679, 44.293449],
+              [128.065339, 44.307155],
+              [128.049941, 44.349965],
+              [128.074578, 44.370075],
+              [128.094904, 44.354673],
+              [128.137404, 44.357668],
+              [128.172512, 44.34697],
+              [128.211317, 44.431647],
+              [128.228563, 44.445748],
+              [128.293237, 44.467961],
+              [128.295084, 44.480772],
+              [128.372693, 44.514495],
+              [128.397946, 44.483761],
+              [128.427511, 44.473512],
+              [128.463236, 44.431647],
+              [128.457076, 44.409848],
+              [128.481714, 44.375637],
+              [128.475555, 44.346114],
+              [128.446605, 44.339694],
+              [128.472475, 44.320001],
+              [128.453997, 44.257884],
+              [128.471859, 44.247596],
+              [128.450301, 44.203423],
+              [128.471859, 44.157501],
+              [128.529141, 44.112401],
+              [128.574721, 44.047914],
+              [128.584576, 43.990246],
+              [128.610445, 43.960529],
+              [128.64001, 43.948035],
+              [128.636315, 43.891132],
+              [128.696061, 43.903207],
+              [128.729938, 43.889838],
+              [128.760734, 43.857482],
+              [128.719467, 43.816905],
+              [128.739177, 43.806972],
+              [128.760119, 43.755554],
+              [128.729322, 43.736964],
+              [128.768126, 43.732207],
+              [128.78722, 43.686784],
+              [128.821097, 43.637429],
+              [128.834647, 43.587599],
+              [128.878379, 43.539898],
+              [128.949828, 43.553779],
+              [128.962763, 43.53903],
+              [129.013886, 43.522976],
+              [129.037907, 43.540332],
+              [129.093958, 43.547706],
+              [129.145081, 43.570258],
+              [129.169102, 43.561585],
+              [129.23008, 43.593234],
+              [129.232544, 43.635263],
+              [129.217146, 43.648689],
+              [129.214066, 43.695006],
+              [129.232544, 43.709284],
+              [129.211602, 43.784509],
+              [129.254718, 43.819496],
+              [129.289826, 43.797038],
+              [129.30892, 43.812155],
+              [129.348341, 43.798333],
+              [129.406855, 43.819496],
+              [129.417942, 43.843672],
+              [129.449971, 43.850578],
+              [129.467833, 43.874741],
+              [129.529427, 43.870427],
+              [129.650767, 43.873016],
+              [129.699426, 43.8838],
+              [129.743158, 43.876035],
+              [129.739462, 43.895876],
+              [129.780114, 43.892857],
+              [129.802904, 43.964837],
+              [129.868193, 44.012631],
+              [129.881128, 44.000148],
+              [129.907614, 44.023821],
+              [129.951345, 44.027263],
+              [129.979062, 44.015644],
+              [130.017867, 43.961821],
+              [130.022794, 43.917866],
+              [130.009243, 43.889407],
+              [130.027722, 43.851872],
+              [130.079461, 43.835039],
+              [130.110873, 43.852735],
+              [130.116417, 43.878192],
+              [130.143518, 43.878624],
+              [130.153373, 43.915711],
+              [130.208192, 43.948466],
+              [130.262395, 43.949328],
+              [130.27225, 43.981634],
+              [130.307358, 44.002731],
+              [130.319061, 44.03974],
+              [130.365256, 44.044042],
+              [130.364025, 43.992399],
+              [130.338155, 43.963975],
+              [130.381887, 43.910106],
+              [130.368336, 43.894151],
+              [130.386198, 43.85403],
+              [130.362793, 43.844967],
+              [130.381887, 43.817768],
+              [130.382503, 43.777164],
+              [130.423155, 43.745179],
+              [130.394206, 43.703227],
+              [130.412684, 43.652586],
+              [130.437937, 43.646091],
+              [130.488444, 43.65605],
+              [130.501995, 43.636563],
+              [130.57098, 43.626167],
+              [130.57098, 43.626167],
+              [130.630726, 43.622268],
+              [130.623335, 43.589767],
+              [130.665835, 43.583698],
+              [130.671378, 43.565054],
+              [130.727429, 43.560284],
+              [130.776704, 43.52341],
+              [130.822899, 43.503446],
+              [130.841378, 43.454374],
+              [130.864167, 43.437863],
+              [130.907283, 43.434387],
+              [130.959638, 43.48608],
+              [131.026775, 43.508655],
+              [131.142572, 43.425695],
+              [131.175217, 43.444816],
+              [131.201086, 43.442209],
+              [131.234963, 43.475224],
+              [131.294093, 43.470012],
+              [131.304564, 43.502144],
+              [131.276847, 43.495632],
+              [131.20047, 43.532089],
+              [131.222028, 43.593234],
+              [131.216485, 43.613169],
+              [131.239274, 43.670337],
+              [131.221412, 43.682024],
+              [131.215869, 43.72745],
+              [131.232499, 43.742585],
+              [131.213405, 43.801357],
+              [131.2171, 43.836334],
+              [131.254057, 43.893289],
+              [131.26268, 43.948897],
+              [131.245434, 43.95579],
+              [131.26576, 44.034578],
+              [131.28239, 44.035868],
+              [131.287318, 44.03802],
+              [131.293477, 44.043182],
+              [131.310723, 44.046623],
+              [131.111775, 44.710042],
+              [131.090833, 44.717272],
+              [131.093297, 44.746183],
+              [131.069275, 44.759783],
+              [131.064348, 44.786973],
+              [131.016304, 44.789521],
+              [131.015688, 44.814999],
+              [130.972573, 44.820094],
+              [130.965181, 44.85065],
+              [131.07913, 44.881614],
+              [131.10192, 44.898997],
+              [131.090217, 44.924427],
+              [131.16105, 44.948151],
+              [131.20355, 44.932901],
+              [131.207861, 44.913833],
+              [131.263296, 44.929935],
+              [131.274999, 44.919766],
+              [131.313803, 44.950692],
+              [131.313803, 44.965938],
+              [131.355071, 44.990068],
+              [131.380324, 44.978216],
+              [131.409889, 44.985836],
+              [131.464708, 44.963397],
+              [131.501664, 44.977793],
+              [131.484418, 44.99557],
+              [131.529382, 45.012073],
+              [131.566338, 45.045487],
+              [131.63286, 45.075078],
+              [131.695685, 45.132104],
+              [131.687678, 45.1511],
+              [131.650722, 45.159962],
+              [131.681519, 45.215217],
+              [131.721555, 45.234606],
+              [131.759127, 45.213952],
+              [131.79362, 45.211844],
+              [131.788692, 45.245984],
+              [131.825649, 45.291472],
+              [131.82996, 45.311677],
+              [131.887858, 45.342393],
+              [131.917423, 45.339448],
+              [131.93159, 45.287683],
+              [131.976554, 45.277156],
+              [132.003655, 45.25441],
+              [132.17427, 45.216903],
+              [132.394161, 45.16376],
+              [132.76434, 45.081417],
+              [132.867202, 45.061976],
+              [132.916477, 45.031109],
+              [132.954049, 45.023072],
+              [132.98731, 45.043373],
+              [133.035969, 45.054366],
+              [133.070462, 45.097051],
+              [133.089556, 45.097473],
+              [133.107418, 45.124504],
+              [133.139447, 45.127459],
+              [133.129592, 45.211422],
+              [133.095715, 45.246827],
+              [133.110498, 45.266627],
+              [133.097563, 45.284735],
+              [133.128976, 45.336924],
+              [133.119121, 45.352908],
+              [133.144991, 45.367205],
+              [133.143759, 45.430658],
+              [133.164701, 45.437377],
+              [133.170244, 45.465506],
+              [133.203505, 45.516689],
+              [133.246005, 45.517528],
+              [133.333468, 45.562379],
+              [133.342707, 45.554836],
+              [133.393214, 45.580393],
+              [133.423395, 45.584163],
+              [133.412924, 45.618079],
+              [133.471438, 45.631053],
+              [133.448649, 45.647372],
+              [133.485605, 45.658667],
+              [133.484989, 45.691702],
+              [133.445569, 45.705077],
+              [133.454192, 45.731819],
+              [133.486837, 45.740173],
+              [133.469591, 45.777751],
+              [133.505315, 45.785681],
+              [133.469591, 45.799451],
+              [133.467743, 45.834905],
+              [133.494228, 45.840325],
+              [133.491764, 45.867002],
+              [133.51209, 45.887001],
+              [133.55459, 45.893249],
+              [133.583539, 45.868669],
+              [133.618032, 45.903662],
+              [133.614952, 45.942794],
+              [133.676546, 45.94321],
+              [133.681474, 45.986473],
+              [133.740604, 46.048812],
+              [133.745531, 46.075389],
+              [133.690713, 46.133896],
+              [133.706111, 46.163333],
+              [133.764626, 46.17328],
+              [133.794807, 46.193583],
+              [133.814517, 46.230854],
+              [133.849625, 46.203939],
+              [133.87919, 46.233752],
+              [133.867487, 46.250722],
+              [133.909987, 46.254447],
+              [133.91861, 46.280924],
+              [133.908139, 46.308216],
+              [133.922922, 46.330948],
+              [133.869335, 46.338386],
+              [133.876726, 46.362345],
+              [133.940784, 46.38134],
+              [133.948791, 46.401153],
+              [133.902596, 46.446119],
+              [133.852089, 46.450242],
+              [133.849625, 46.475389],
+              [133.890893, 46.525235],
+              [133.919842, 46.596012],
+              [134.011001, 46.637941],
+              [134.030711, 46.708981],
+              [134.033175, 46.759023],
+              [134.052885, 46.779928],
+              [134.025168, 46.810657],
+              [134.041182, 46.848326],
+              [134.042414, 46.886787],
+              [134.076291, 46.938298],
+              [134.063972, 46.979962],
+              [134.10216, 47.005678],
+              [134.118175, 47.061968],
+              [134.142812, 47.093349],
+              [134.222268, 47.105164],
+              [134.232739, 47.134892],
+              [134.230276, 47.182097],
+              [134.210566, 47.210155],
+              [134.156979, 47.248357],
+              [134.177305, 47.326299],
+              [134.203174, 47.347389],
+              [134.263536, 47.371307],
+              [134.266616, 47.391974],
+              [134.307268, 47.428829],
+              [134.339297, 47.439759],
+              [134.490202, 47.446235],
+              [134.522847, 47.468086],
+              [134.568426, 47.478199],
+              [134.576434, 47.519036],
+              [134.627556, 47.546512],
+              [134.678064, 47.588507],
+              [134.689766, 47.63813],
+              [134.779694, 47.7159],
+              [134.772918, 47.763391],
+              [134.678679, 47.819278],
+              [134.670056, 47.864667],
+              [134.677448, 47.884738],
+              [134.658969, 47.901191],
+              [134.607846, 47.909214],
+              [134.599839, 47.947711],
+              [134.55426, 47.982173],
+              [134.551796, 48.032622],
+              [134.632484, 48.099412],
+              [134.67252, 48.170505],
+              [134.679295, 48.256245],
+              [134.77107, 48.288908],
+              [134.864077, 48.332293],
+              [135.009439, 48.365703],
+              [135.090743, 48.403461],
+              [135.09567, 48.437618],
+              [135.068569, 48.459451],
+              [135.035924, 48.440795],
+              [134.996504, 48.439603],
+              [134.927519, 48.451513],
+              [134.886867, 48.437618],
+              [134.848679, 48.393925],
+              [134.820961, 48.37604],
+              [134.764295, 48.370076],
+              [134.704549, 48.405448],
+              [134.640491, 48.409818],
+              [134.578281, 48.405448],
+              [134.501905, 48.418954],
+              [134.438463, 48.405448],
+              [134.369478, 48.382797],
+              [134.20379, 48.3824],
+              [134.150819, 48.346217],
+              [134.116327, 48.333089],
+              [134.0689, 48.338659],
+              [134.029479, 48.327519],
+              [133.995603, 48.303639],
+              [133.940784, 48.302047],
+              [133.876111, 48.282536],
+              [133.824372, 48.277359],
+              [133.791111, 48.261026],
+              [133.740604, 48.254651],
+              [133.693177, 48.186866],
+              [133.667307, 48.183275],
+              [133.59709, 48.194846],
+              [133.573068, 48.182078],
+              [133.545967, 48.121389],
+              [133.451728, 48.112999],
+              [133.407997, 48.124585],
+              [133.302055, 48.103009],
+              [133.239845, 48.126583],
+              [133.182563, 48.135769],
+              [133.130208, 48.134971],
+              [133.053216, 48.110202],
+              [133.02673, 48.085421],
+              [133.016259, 48.054228],
+              [132.992238, 48.035424],
+              [132.883216, 48.002599],
+              [132.819159, 47.936887],
+              [132.769268, 47.93849],
+              [132.723072, 47.962941],
+              [132.691043, 47.962941],
+              [132.661478, 47.944905],
+              [132.662094, 47.922451],
+              [132.687348, 47.88514],
+              [132.662094, 47.854227],
+              [132.621442, 47.82852],
+              [132.599268, 47.792347],
+              [132.6005, 47.740858],
+              [132.558, 47.718316],
+              [132.469305, 47.726368],
+              [132.371987, 47.765402],
+              [132.325175, 47.762184],
+              [132.288835, 47.742065],
+              [132.272205, 47.718718],
+              [132.242639, 47.70986],
+              [132.19706, 47.714289],
+              [132.157024, 47.70543],
+              [132.086191, 47.703013],
+              [132.000575, 47.712276],
+              [131.976554, 47.673201],
+              [131.900793, 47.685692],
+              [131.825649, 47.677231],
+              [131.741881, 47.706638],
+              [131.690142, 47.707041],
+              [131.641483, 47.663932],
+              [131.59036, 47.660707],
+              [131.568186, 47.682469],
+              [131.559563, 47.724757],
+              [131.543548, 47.736028],
+              [131.456085, 47.747297],
+              [131.359998, 47.730796],
+              [131.273767, 47.738846],
+              [131.236811, 47.733211],
+              [131.183224, 47.702611],
+              [131.115471, 47.689721],
+              [131.029855, 47.694555],
+              [130.983659, 47.713081],
+              [130.966413, 47.733211],
+              [130.961486, 47.828118],
+              [130.891269, 47.927263],
+              [130.870943, 47.943301],
+              [130.770544, 47.998194],
+              [130.737284, 48.034223],
+              [130.699711, 48.044227],
+              [130.666451, 48.105007],
+              [130.673842, 48.12818],
+              [130.765617, 48.18926],
+              [130.769313, 48.231136],
+              [130.787791, 48.256643],
+              [130.817972, 48.265409],
+              [130.845073, 48.296473],
+              [130.81982, 48.341444],
+              [130.785327, 48.357353],
+              [130.747755, 48.404256],
+              [130.745907, 48.449131],
+              [130.776704, 48.480084],
+              [130.767465, 48.507846],
+              [130.711414, 48.511414],
+              [130.647357, 48.484844],
+              [130.620871, 48.49595],
+              [130.615944, 48.575601],
+              [130.605473, 48.594207],
+              [130.538335, 48.612016],
+              [130.538951, 48.635751],
+              [130.576524, 48.688719],
+              [130.622103, 48.783842],
+              [130.689856, 48.849651],
+              [130.680617, 48.881146],
+              [130.609168, 48.881146],
+              [130.559277, 48.861071],
+              [130.501995, 48.865795],
+              [130.471198, 48.905541],
+              [130.412068, 48.905148],
+              [130.279641, 48.866976],
+              [130.237757, 48.868551],
+              [130.219895, 48.893739],
+              [130.113337, 48.956653],
+              [130.059135, 48.979047],
+              [130.020946, 49.021058],
+              [129.937179, 49.040285],
+              [129.9187, 49.060681],
+              [129.934715, 49.078717],
+              [129.913157, 49.1085],
+              [129.866962, 49.113985],
+              [129.855259, 49.133567],
+              [129.864498, 49.158621],
+              [129.847867, 49.181316],
+              [129.784426, 49.184054],
+              [129.753629, 49.208692],
+              [129.761636, 49.25754],
+              [129.730223, 49.288387],
+              [129.696962, 49.298535],
+              [129.604571, 49.279018],
+              [129.562687, 49.299706],
+              [129.546057, 49.395227],
+              [129.51834, 49.423652],
+              [129.448739, 49.441167],
+              [129.390224, 49.432605],
+              [129.374826, 49.414309],
+              [129.379138, 49.367175],
+              [129.358196, 49.355871],
+              [129.320623, 49.3586],
+              [129.266421, 49.396006],
+              [129.215298, 49.399122],
+              [129.180805, 49.386657],
+              [129.143849, 49.357431],
+              [129.084719, 49.359769],
+              [129.061929, 49.374189],
+              [129.013886, 49.457119],
+              [128.932582, 49.46801],
+              [128.871604, 49.492506],
+              [128.792147, 49.473065],
+              [128.76135, 49.482009],
+              [128.763198, 49.515824],
+              [128.813089, 49.558157],
+              [128.802618, 49.58222],
+              [128.744104, 49.595023],
+              [128.715155, 49.564756],
+              [128.656025, 49.577564],
+              [128.619684, 49.593471],
+              [128.537764, 49.604332],
+              [128.500192, 49.593859],
+              [128.389939, 49.58998],
+              [128.343128, 49.544956],
+              [128.287077, 49.566309],
+              [128.243345, 49.563203],
+              [128.185447, 49.53952],
+              [128.122005, 49.55311],
+              [128.070882, 49.556604],
+              [128.001281, 49.592307],
+              [127.949542, 49.596187],
+              [127.897804, 49.579116],
+              [127.815268, 49.593859],
+              [127.782007, 49.630698],
+              [127.705015, 49.665185],
+              [127.677913, 49.697712],
+              [127.674833, 49.764247],
+              [127.653892, 49.780094],
+              [127.583059, 49.786277],
+              [127.531936, 49.826059],
+              [127.529472, 49.864265],
+              [127.547334, 49.928645],
+              [127.543638, 49.944438],
+              [127.495595, 49.994479],
+              [127.501755, 50.056764],
+              [127.58737, 50.137768],
+              [127.60708, 50.178794],
+              [127.603385, 50.239309],
+              [127.44632, 50.270686],
+              [127.371791, 50.29669],
+              [127.332371, 50.340634],
+              [127.369944, 50.403996],
+              [127.3644, 50.438314],
+              [127.30527, 50.45432],
+              [127.293567, 50.46575],
+              [127.323132, 50.52552],
+              [127.36132, 50.547582],
+              [127.370559, 50.581415],
+              [127.294799, 50.663426],
+              [127.28864, 50.699451],
+              [127.305886, 50.733932],
+              [127.295415, 50.755139],
+              [127.236285, 50.781256],
+              [127.143894, 50.910111],
+              [127.113713, 50.93765],
+              [127.052119, 50.962911],
+              [126.985597, 51.029202],
+              [126.922772, 51.061937],
+              [126.917844, 51.138977],
+              [126.899982, 51.200518],
+              [126.926467, 51.246244],
+              [126.976358, 51.291551],
+              [126.98375, 51.318863],
+              [126.970815, 51.332327],
+              [126.887047, 51.321856],
+              [126.877808, 51.300906],
+              [126.908605, 51.283691],
+              [126.92154, 51.259729],
+              [126.908605, 51.246619],
+              [126.863025, 51.248492],
+              [126.820526, 51.281071],
+              [126.813134, 51.311756],
+              [126.837156, 51.345038],
+              [126.904293, 51.340552],
+              [126.930163, 51.359241],
+              [126.908605, 51.407423],
+              [126.835308, 51.413769],
+              [126.791577, 51.432428],
+              [126.784185, 51.448095],
+              [126.812518, 51.493948],
+              [126.843931, 51.521885],
+              [126.837156, 51.536033],
+              [126.69549, 51.57845],
+              [126.67886, 51.602246],
+              [126.741069, 51.642374],
+              [126.723823, 51.679126],
+              [126.734294, 51.711399],
+              [126.724439, 51.7266],
+              [126.6727, 51.73179],
+              [126.658534, 51.762544],
+              [126.622809, 51.777357],
+              [126.580925, 51.824728],
+              [126.555056, 51.874266],
+              [126.510092, 51.922274],
+              [126.462665, 51.948471],
+              [126.468208, 51.982395],
+              [126.447882, 52.009294],
+              [126.450962, 52.027709],
+              [126.487918, 52.041699],
+              [126.514404, 52.037282],
+              [126.563679, 52.119302],
+              [126.556288, 52.136203],
+              [126.499005, 52.16044],
+              [126.457121, 52.165212],
+              [126.403535, 52.185031],
+              [126.34502, 52.192002],
+              [126.306832, 52.205574],
+              [126.312992, 52.235271],
+              [126.357955, 52.264216],
+              [126.401071, 52.279597],
+              [126.436795, 52.277034],
+              [126.4331, 52.298632],
+              [126.327774, 52.310342],
+              [126.320999, 52.342163],
+              [126.348716, 52.357882],
+              [126.353644, 52.389304],
+              [126.326542, 52.424353],
+              [126.268644, 52.475051],
+              [126.205202, 52.466302],
+              [126.192883, 52.492181],
+              [126.213209, 52.525327],
+              [126.147304, 52.573],
+              [126.066616, 52.603905],
+              [126.055529, 52.582455],
+              [126.030891, 52.576273],
+              [125.989008, 52.603178],
+              [125.968682, 52.630429],
+              [125.971145, 52.654033],
+              [125.995783, 52.675085],
+              [126.061688, 52.673271],
+              [126.072775, 52.691048],
+              [126.044442, 52.739628],
+              [126.112195, 52.757016],
+              [126.116507, 52.768243],
+              [126.052449, 52.800095],
+              [126.02042, 52.795753],
+              [125.985312, 52.758465],
+              [125.966834, 52.759914],
+              [125.937269, 52.786705],
+              [125.923718, 52.815651],
+              [125.855349, 52.866259],
+              [125.854117, 52.891542],
+              [125.827631, 52.899123],
+              [125.772197, 52.89804],
+              [125.751255, 52.88143],
+              [125.722306, 52.880347],
+              [125.678574, 52.86084],
+              [125.666871, 52.869872],
+              [125.665023, 52.913561],
+              [125.737088, 52.943504],
+              [125.742632, 52.993964],
+              [125.684118, 53.00801],
+              [125.643466, 53.039686],
+              [125.640386, 53.06199],
+              [125.613901, 53.083564],
+              [125.588647, 53.081047],
+              [125.530749, 53.0512],
+              [125.504263, 53.061271],
+              [125.503647, 53.095424],
+              [125.452524, 53.107641],
+              [125.343503, 53.14463],
+              [125.315786, 53.144989],
+              [125.252344, 53.18051],
+              [125.195062, 53.198439],
+              [125.142091, 53.204175],
+              [125.038613, 53.202741],
+              [124.970244, 53.194137],
+              [124.887708, 53.164368],
+              [124.909266, 53.118059],
+              [124.87231, 53.099018],
+              [124.832889, 53.145347],
+              [124.787926, 53.140681],
+              [124.734339, 53.146783],
+              [124.712165, 53.162574],
+              [124.720789, 53.192344],
+              [124.678905, 53.207043],
+              [124.590209, 53.208476],
+              [124.563108, 53.201666],
+              [124.496587, 53.207759],
+              [124.487348, 53.217436],
+              [124.435609, 53.223886],
+              [124.412203, 53.248601],
+              [124.375863, 53.258984],
+              [124.327819, 53.331954],
+              [124.239124, 53.379817],
+              [124.19416, 53.37339],
+              [124.125791, 53.348033],
+              [124.058038, 53.404085],
+              [124.01369, 53.403371],
+              [123.985973, 53.434401],
+              [123.865249, 53.489627],
+              [123.797495, 53.489983],
+              [123.746373, 53.500308],
+              [123.698329, 53.498528],
+              [123.668764, 53.533756],
+              [123.620721, 53.550115],
+              [123.58746, 53.546915],
+              [123.569598, 53.505291],
+              [123.53141, 53.507071],
+              [123.557895, 53.531978],
+              [123.546808, 53.551537],
+              [123.517243, 53.558292],
+              [123.490758, 53.542648],
+              [123.510468, 53.509206],
+              [123.499381, 53.497816],
+              [123.47228, 53.509206],
+              [123.454417, 53.536602],
+              [123.394055, 53.538024],
+              [123.309672, 53.56078],
+              [123.274563, 53.563269],
+              [123.231447, 53.549404],
+              [123.179092, 53.509918],
+              [123.137209, 53.498172],
+              [123.093477, 53.508138],
+              [123.052209, 53.506715],
+              [122.943804, 53.483929],
+              [122.894528, 53.462914],
+              [122.826775, 53.457213],
+              [122.763949, 53.463626],
+              [122.673406, 53.459351],
+              [122.608117, 53.465408],
+              [122.5379, 53.453293],
+              [122.496016, 53.458638],
+              [122.435038, 53.444739],
+              [122.37406, 53.47467],
+              [122.350038, 53.505647],
+              [122.266886, 53.470039],
+              [122.227466, 53.461845],
+              [122.161561, 53.468614],
+              [122.111054, 53.426913],
+              [122.077177, 53.422277],
+              [122.026054, 53.428339],
+              [121.875765, 53.426556],
+              [121.816019, 53.41336],
+              [121.754425, 53.389454],
+              [121.697758, 53.392666],
+              [121.589969, 53.350891],
+              [121.499426, 53.337314],
+              [121.504969, 53.323018],
+              [121.575802, 53.29155],
+              [121.615222, 53.258984],
+              [121.642324, 53.262564],
+              [121.679896, 53.240722],
+              [121.67928, 53.199515],
+              [121.660186, 53.195213],
+              [121.665114, 53.170467],
+              [121.722396, 53.145706],
+              [121.753193, 53.147501],
+              [121.784606, 53.104408],
+              [121.775367, 53.089674],
+              [121.817867, 53.061631],
+              [121.785838, 53.018451],
+              [121.715621, 52.997926],
+              [121.677432, 52.948192],
+              [121.66265, 52.912478],
+              [121.610295, 52.892264],
+              [121.604136, 52.872401],
+              [121.620766, 52.853251],
+              [121.591201, 52.824693],
+              [121.537614, 52.801542],
+              [121.511129, 52.779104],
+              [121.476636, 52.772225],
+              [121.455078, 52.73528],
+              [121.373158, 52.683067],
+              [121.309717, 52.676173],
+              [121.29247, 52.651855],
+              [121.237036, 52.619167],
+              [121.182217, 52.59918],
+              [121.225333, 52.577364],
+              [121.280151, 52.586819],
+              [121.323883, 52.573727],
+              [121.353448, 52.534793],
+              [121.411963, 52.52205],
+              [121.416274, 52.499468],
+              [121.474172, 52.482706],
+              [121.495114, 52.484892],
+              [121.519136, 52.456821],
+              [121.565331, 52.460468],
+              [121.590585, 52.443326],
+              [121.63986, 52.44442],
+              [121.678664, 52.419973],
+              [121.658338, 52.3904],
+              [121.715621, 52.342894],
+              [121.714389, 52.318025],
+              [121.769207, 52.308147],
+              [121.841272, 52.282526],
+              [121.901018, 52.280695],
+              [121.94783, 52.298266],
+              [121.976779, 52.343626],
+              [122.035909, 52.377615],
+              [122.040837, 52.413038],
+              [122.091344, 52.427272],
+              [122.080873, 52.440407],
+              [122.107358, 52.452445],
+              [122.142467, 52.495096],
+              [122.140003, 52.510032],
+              [122.168952, 52.513674],
+              [122.178191, 52.48963],
+              [122.207756, 52.469218],
+              [122.310618, 52.475416],
+              [122.326016, 52.459374],
+              [122.342031, 52.414133],
+              [122.367284, 52.413768],
+              [122.378987, 52.395512],
+              [122.419023, 52.375057],
+              [122.447356, 52.394052],
+              [122.484313, 52.341432],
+              [122.478153, 52.29607],
+              [122.560689, 52.282526],
+              [122.585943, 52.266413],
+              [122.67895, 52.276667],
+              [122.710979, 52.256157],
+              [122.76087, 52.26678],
+              [122.787355, 52.252494],
+              [122.766413, 52.232705],
+              [122.769493, 52.179893],
+              [122.73808, 52.153464],
+              [122.690653, 52.140243],
+              [122.629059, 52.13657],
+              [122.643841, 52.111585],
+              [122.625363, 52.067459],
+              [122.650616, 52.058997],
+              [122.664783, 51.99861],
+              [122.683877, 51.974654],
+              [122.726377, 51.978709],
+              [122.729457, 51.919321],
+              [122.706051, 51.890151],
+              [122.725761, 51.87833],
+              [122.732536, 51.832495],
+              [122.771957, 51.779579],
+              [122.749167, 51.746613],
+              [122.778732, 51.698048],
+              [122.816304, 51.655371],
+              [122.820616, 51.633088],
+              [122.85634, 51.606707],
+              [122.832935, 51.581797],
+              [122.874202, 51.561339],
+              [122.880362, 51.537894],
+              [122.858804, 51.524864],
+              [122.880362, 51.511085],
+              [122.854492, 51.477551],
+              [122.871123, 51.455181],
+              [122.900072, 51.445112],
+              [122.903768, 51.415262],
+              [122.946267, 51.405183],
+              [122.965977, 51.386886],
+              [122.965977, 51.345786],
+              [123.002934, 51.31213],
+              [123.069455, 51.321108],
+              [123.127969, 51.297913],
+              [123.231447, 51.279199],
+              [123.231447, 51.268716],
+              [123.294273, 51.254111],
+              [123.339853, 51.27246],
+              [123.376809, 51.266844],
+              [123.414381, 51.278825],
+              [123.440251, 51.270963],
+              [123.46304, 51.286686],
+              [123.582533, 51.294545],
+              [123.582533, 51.306893],
+              [123.661989, 51.319237],
+              [123.660141, 51.342795],
+              [123.711264, 51.398089],
+              [123.794416, 51.361109],
+              [123.842459, 51.367462],
+              [123.887423, 51.320734],
+              [123.926227, 51.300532],
+              [123.939777, 51.313253],
+              [123.994596, 51.322604],
+              [124.071588, 51.320734],
+              [124.090067, 51.3413],
+              [124.128255, 51.347281],
+              [124.192313, 51.33943],
+              [124.239124, 51.344664],
+              [124.271769, 51.308389],
+              [124.297638, 51.298661],
+              [124.339522, 51.293422],
+              [124.406659, 51.272086],
+              [124.430065, 51.301281],
+              [124.426985, 51.331953],
+              [124.443616, 51.35812],
+              [124.478108, 51.36223],
+              [124.490427, 51.380537],
+              [124.555717, 51.375307],
+              [124.58713, 51.363725],
+              [124.62655, 51.327465],
+              [124.693687, 51.3327],
+              [124.752817, 51.35812],
+              [124.76452, 51.38726],
+              [124.783614, 51.392115],
+              [124.864302, 51.37979],
+              [124.885244, 51.40817],
+              [124.942527, 51.447349],
+              [124.917889, 51.474196],
+              [124.928976, 51.498419],
+              [124.983795, 51.508478],
+              [125.004737, 51.529332],
+              [125.047236, 51.529704],
+              [125.073106, 51.553526],
+              [125.060171, 51.59667],
+              [125.098975, 51.658341],
+              [125.12854, 51.659083],
+              [125.130388, 51.635317],
+              [125.175968, 51.639403],
+              [125.214772, 51.627888],
+              [125.228938, 51.640517],
+              [125.289301, 51.633831],
+              [125.316402, 51.610052],
+              [125.35151, 51.623801],
+              [125.38046, 51.585516],
+              [125.424807, 51.562827],
+              [125.528285, 51.488359],
+              [125.559082, 51.461521],
+              [125.559082, 51.461521],
+              [125.595422, 51.416755],
+              [125.595422, 51.416755],
+              [125.60035, 51.413396],
+              [125.60035, 51.413396],
+              [125.600966, 51.410409],
+              [125.600966, 51.410409],
+              [125.62314, 51.398089],
+              [125.62314, 51.398089],
+              [125.623756, 51.387633],
+              [125.623756, 51.387633],
+              [125.626219, 51.380163],
+              [125.626219, 51.380163],
+              [125.700132, 51.327465],
+              [125.700132, 51.327465],
+              [125.740784, 51.27583],
+              [125.740784, 51.27583],
+              [125.76111, 51.261976],
+              [125.76111, 51.261976],
+              [125.761726, 51.226385],
+              [125.819008, 51.227134],
+              [125.850421, 51.21364],
+              [125.864588, 51.146487],
+              [125.909551, 51.138977],
+              [125.946508, 51.108176],
+              [125.970529, 51.123955],
+              [125.993935, 51.119072],
+              [125.976073, 51.084498],
+              [126.059225, 51.043503],
+              [126.033971, 51.011132],
+              [126.041978, 50.981753],
+              [126.068464, 50.967434],
+              [126.042594, 50.92558],
+              [126.02042, 50.927466],
+              [125.996399, 50.906715],
+              [125.997631, 50.872738],
+              [125.961906, 50.901054],
+              [125.939732, 50.85423],
+              [125.913247, 50.825885],
+              [125.878138, 50.816812],
+              [125.890457, 50.805845],
+              [125.836255, 50.793363],
+              [125.846726, 50.769524],
+              [125.828863, 50.756654],
+              [125.804226, 50.773309],
+              [125.758646, 50.746809],
+              [125.795603, 50.738856],
+              [125.78082, 50.725598],
+              [125.825784, 50.70362],
+              [125.789443, 50.679735],
+              [125.804226, 50.658874],
+              [125.793139, 50.643316],
+              [125.814697, 50.62092],
+              [125.807921, 50.60383],
+              [125.829479, 50.56165],
+              [125.794987, 50.532748],
+              [125.770349, 50.531227],
+              [125.754335, 50.506874],
+              [125.740784, 50.523237],
+              [125.699516, 50.487078],
+              [125.654553, 50.471082],
+              [125.627451, 50.443268],
+              [125.580024, 50.449366],
+              [125.562162, 50.438314],
+              [125.583104, 50.409717],
+              [125.567089, 50.402852],
+              [125.536292, 50.420014],
+              [125.522126, 50.404759],
+              [125.546763, 50.358965],
+              [125.520278, 50.3498],
+              [125.530749, 50.331085],
+              [125.463611, 50.295925],
+              [125.466075, 50.266861],
+              [125.442053, 50.260357],
+              [125.448829, 50.216338],
+              [125.417416, 50.195654],
+              [125.39093, 50.199868],
+              [125.382923, 50.172278],
+              [125.335496, 50.161161],
+              [125.376148, 50.137385],
+              [125.311474, 50.140453],
+              [125.27883, 50.127411],
+              [125.258504, 50.103618],
+              [125.287453, 50.093636],
+              [125.283757, 50.070211],
+              [125.328105, 50.065985],
+              [125.315786, 50.04562],
+              [125.289916, 50.057917],
+              [125.25296, 50.041393],
+              [125.283757, 50.036012],
+              [125.297924, 50.014481],
+              [125.278214, 49.996402],
+              [125.241873, 49.987938],
+              [125.231402, 49.957531],
+              [125.190134, 49.959841],
+              [125.199373, 49.935194],
+              [125.225859, 49.922481],
+              [125.212924, 49.907452],
+              [125.245569, 49.87198],
+              [125.225243, 49.867351],
+              [125.239409, 49.844587],
+              [125.177815, 49.829533],
+              [125.222779, 49.799026],
+              [125.221547, 49.754969],
+              [125.204301, 49.734086],
+              [125.225243, 49.726349],
+              [125.219699, 49.669058],
+              [125.185207, 49.634574],
+              [125.189518, 49.652401],
+              [125.164881, 49.669446],
+              [125.132236, 49.672157],
+              [125.127308, 49.655113],
+              [125.15441, 49.616741],
+              [125.16796, 49.629923],
+              [125.205533, 49.593859],
+              [125.23017, 49.595411],
+              [125.233866, 49.536801],
+              [125.211076, 49.539908],
+              [125.228323, 49.487063],
+              [125.270822, 49.454395],
+              [125.256656, 49.437275],
+              [125.25604, 49.395227],
+              [125.277598, 49.379644],
+              [125.256656, 49.359769],
+              [125.261583, 49.322336],
+              [125.214772, 49.277066],
+              [125.227707, 49.248947],
+              [125.219699, 49.189139],
+              [125.187671, 49.186792],
+              [125.158721, 49.144921],
+              [125.117453, 49.126127],
+              [125.034302, 49.157056],
+              [125.039845, 49.17623],
+              [124.983179, 49.162535],
+              [124.906802, 49.184054],
+              [124.860607, 49.166448],
+              [124.847672, 49.129651],
+              [124.809484, 49.115943],
+              [124.828578, 49.077933],
+              [124.808252, 49.020666],
+              [124.756513, 48.967262],
+              [124.744194, 48.920487],
+              [124.709086, 48.920487],
+              [124.715861, 48.885475],
+              [124.697383, 48.841775],
+              [124.654267, 48.83429],
+              [124.644412, 48.80789],
+              [124.656115, 48.783842],
+              [124.612383, 48.747945],
+              [124.624702, 48.701755],
+              [124.601912, 48.632587],
+              [124.579122, 48.596582],
+              [124.520608, 48.556195],
+              [124.548941, 48.535593],
+              [124.533543, 48.515379],
+              [124.555717, 48.467784],
+              [124.507674, 48.445558],
+              [124.52492, 48.426897],
+              [124.51876, 48.378027],
+              [124.547094, 48.35775],
+              [124.540934, 48.335476],
+              [124.579738, 48.297269],
+              [124.558796, 48.268197],
+              [124.579122, 48.262221],
+              [124.547094, 48.200829],
+              [124.512601, 48.164518],
+              [124.529847, 48.146951],
+              [124.505826, 48.124985],
+              [124.478108, 48.123387],
+              [124.46579, 48.098213],
+              [124.415899, 48.08782],
+              [124.430065, 48.12099],
+              [124.471333, 48.133373],
+              [124.475029, 48.173698],
+              [124.418978, 48.181679],
+              [124.412819, 48.219175],
+              [124.422058, 48.245884],
+              [124.365392, 48.283731],
+              [124.353689, 48.315978],
+              [124.317964, 48.35099],
+              [124.331515, 48.380015],
+              [124.309957, 48.413393],
+              [124.330283, 48.435633],
+              [124.302566, 48.456673],
+              [124.314269, 48.503881],
+              [124.25945, 48.536385],
+              [124.25945, 48.536385],
+              [124.136878, 48.463023],
+              [124.07898, 48.43603],
+              [124.019234, 48.39313],
+              [123.862785, 48.271782],
+              [123.746373, 48.197638],
+              [123.705105, 48.152142],
+              [123.579453, 48.045427],
+              [123.537569, 48.021816],
+              [123.300432, 47.953723],
+              [123.256085, 47.876711],
+              [123.214201, 47.824502],
+              [123.161846, 47.781892],
+              [123.041122, 47.746492],
+              [122.926557, 47.697777],
+              [122.848949, 47.67441],
+              [122.765181, 47.614333],
+              [122.59395, 47.54732],
+              [122.543443, 47.495589],
+              [122.507103, 47.401291],
+              [122.418407, 47.350632],
+              [122.441197, 47.310476],
+              [122.441197, 47.310476],
+              [122.462755, 47.27841],
+              [122.498479, 47.255262],
+              [122.531124, 47.198771],
+              [122.582863, 47.158092],
+              [122.582863, 47.158092],
+              [122.615508, 47.124306],
+              [122.679566, 47.094164],
+              [122.710363, 47.093349],
+              [122.710363, 47.093349],
+              [122.821232, 47.065636],
+              [122.852645, 47.072158],
+              [122.845869, 47.046881],
+              [122.778116, 47.002822],
+              [122.77442, 46.973837],
+              [122.798442, 46.9575],
+              [122.791051, 46.941567],
+              [122.83971, 46.937072],
+              [122.895144, 46.960359],
+              [122.893913, 46.895376],
+              [122.906847, 46.80738],
+              [122.996774, 46.761483],
+              [123.00355, 46.730726],
+              [123.026339, 46.718829],
+              [123.076846, 46.745082],
+              [123.103332, 46.734828],
+              [123.163694, 46.74016],
+              [123.198802, 46.803283],
+              [123.22344, 46.821305],
+              [123.221592, 46.850373],
+              [123.295505, 46.865105],
+              [123.341084, 46.826628],
+              [123.374345, 46.837683],
+              [123.40699, 46.906416],
+              [123.404526, 46.935438],
+              [123.360179, 46.970978],
+              [123.304128, 46.964852],
+              [123.301664, 46.999965],
+              [123.337389, 46.988943],
+              [123.42362, 46.934212],
+              [123.487678, 46.959951],
+              [123.52833, 46.944836],
+              [123.483366, 46.84587],
+              [123.506772, 46.827038],
+              [123.562823, 46.82581],
+              [123.575757, 46.845461],
+              [123.576989, 46.891286],
+              [123.605322, 46.891286],
+              [123.599163, 46.868378],
+              [123.625648, 46.847508],
+              [123.580069, 46.827447],
+              [123.629344, 46.813524],
+              [123.631808, 46.728675],
+              [123.603475, 46.68928],
+              [123.474743, 46.686817],
+              [123.366338, 46.677784],
+              [123.318295, 46.662179],
+              [123.276411, 46.660947],
+              [123.279491, 46.616981],
+              [123.228368, 46.588198],
+              [123.18094, 46.614103],
+              [123.098404, 46.603002],
+              [123.077462, 46.622324],
+              [123.04605, 46.617803],
+              [123.052825, 46.579972],
+              [123.002318, 46.574624],
+              [123.010325, 46.524823],
+              [123.011557, 46.434984],
+              [123.089781, 46.347888],
+              [123.142136, 46.298293],
+              [123.178476, 46.248239],
+              [123.248078, 46.273065],
+              [123.286266, 46.250308],
+              [123.320758, 46.254447],
+              [123.357099, 46.232096],
+              [123.357099, 46.232096],
+              [123.430396, 46.243687],
+              [123.452569, 46.233338],
+              [123.499381, 46.259826],
+              [123.569598, 46.223816],
+              [123.569598, 46.223816]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 310000,
+        "name": "上海市",
+        "center": [121.472644, 31.231706],
+        "centroid": [121.438737, 31.072559],
+        "childrenNum": 16,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 8,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [120.901349, 31.017327],
+              [120.940153, 31.010146],
+              [120.949392, 31.030148],
+              [120.989428, 31.01425],
+              [121.000515, 30.938309],
+              [120.993124, 30.889532],
+              [121.020225, 30.872069],
+              [120.991892, 30.837133],
+              [121.038087, 30.814007],
+              [121.060261, 30.845354],
+              [121.097833, 30.857171],
+              [121.13787, 30.826342],
+              [121.123087, 30.77905],
+              [121.174826, 30.771851],
+              [121.21671, 30.785734],
+              [121.232108, 30.755909],
+              [121.272144, 30.723504],
+              [121.274608, 30.677191],
+              [121.362071, 30.679764],
+              [121.426129, 30.730192],
+              [121.517288, 30.775451],
+              [121.601056, 30.805269],
+              [121.681128, 30.818633],
+              [121.904714, 30.814007],
+              [121.943518, 30.776993],
+              [121.970004, 30.789333],
+              [121.954605, 30.825828],
+              [121.994025, 30.862823],
+              [121.990945, 30.96859],
+              [121.977395, 31.016301],
+              [121.946598, 31.066039],
+              [121.809859, 31.196669],
+              [121.722396, 31.3036],
+              [121.599208, 31.37465],
+              [121.520984, 31.394575],
+              [121.404571, 31.479337],
+              [121.343593, 31.511996],
+              [121.301093, 31.49873],
+              [121.301093, 31.49873],
+              [121.247507, 31.476785],
+              [121.241963, 31.493117],
+              [121.174826, 31.44922],
+              [121.143413, 31.392021],
+              [121.113848, 31.37465],
+              [121.130478, 31.343987],
+              [121.142797, 31.275472],
+              [121.090442, 31.291838],
+              [121.060261, 31.245289],
+              [121.076892, 31.158267],
+              [121.018377, 31.134194],
+              [120.930298, 31.141365],
+              [120.881023, 31.134706],
+              [120.859465, 31.100379],
+              [120.890878, 31.094229],
+              [120.901349, 31.017327]
+            ]
+          ],
+          [
+            [
+              [121.974931, 31.61704],
+              [121.715005, 31.673592],
+              [121.64294, 31.697527],
+              [121.599824, 31.703128],
+              [121.49881, 31.753012],
+              [121.431673, 31.769295],
+              [121.384861, 31.833382],
+              [121.323267, 31.868458],
+              [121.265369, 31.863883],
+              [121.200079, 31.834907],
+              [121.118775, 31.759119],
+              [121.145261, 31.75403],
+              [121.289391, 31.61653],
+              [121.371926, 31.553314],
+              [121.395332, 31.585437],
+              [121.434136, 31.590535],
+              [121.547469, 31.531382],
+              [121.625693, 31.501792],
+              [121.682976, 31.491075],
+              [121.819098, 31.437987],
+              [121.890547, 31.428795],
+              [121.981706, 31.464024],
+              [121.995873, 31.493117],
+              [121.974931, 31.61704]
+            ]
+          ],
+          [
+            [
+              [121.795693, 31.330186],
+              [121.792613, 31.363408],
+              [121.742106, 31.407345],
+              [121.585657, 31.454836],
+              [121.567179, 31.48342],
+              [121.520984, 31.494137],
+              [121.509897, 31.4824],
+              [121.572107, 31.435944],
+              [121.727939, 31.35472],
+              [121.76428, 31.31536],
+              [121.785222, 31.31127],
+              [121.795693, 31.330186]
+            ]
+          ],
+          [
+            [
+              [121.801852, 31.356765],
+              [121.8037, 31.328652],
+              [121.840656, 31.295418],
+              [121.932431, 31.283144],
+              [122.016199, 31.282121],
+              [122.097503, 31.255522],
+              [122.122756, 31.307179],
+              [122.116597, 31.320984],
+              [122.040837, 31.324051],
+              [121.951525, 31.337343],
+              [121.845584, 31.37465],
+              [121.792613, 31.377715],
+              [121.801852, 31.356765]
+            ]
+          ],
+          [
+            [
+              [121.626925, 31.445135],
+              [121.631853, 31.456878],
+              [121.579498, 31.479848],
+              [121.626925, 31.445135]
+            ]
+          ],
+          [
+            [
+              [121.943518, 31.215608],
+              [121.959533, 31.159291],
+              [121.995873, 31.160828],
+              [122.008808, 31.221238],
+              [121.950909, 31.228915],
+              [121.943518, 31.215608]
+            ]
+          ],
+          [
+            [
+              [121.88254, 31.240684],
+              [121.909026, 31.195133],
+              [121.923808, 31.234032],
+              [121.88254, 31.240684]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 320000,
+        "name": "江苏省",
+        "center": [118.767413, 32.041544],
+        "centroid": [119.486506, 32.983991],
+        "childrenNum": 13,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 9,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [117.311654, 34.561686],
+              [117.27285, 34.556757],
+              [117.303647, 34.542463],
+              [117.267923, 34.532603],
+              [117.27285, 34.499565],
+              [117.252524, 34.48674],
+              [117.248213, 34.451216],
+              [117.166293, 34.434435],
+              [117.139191, 34.526687],
+              [117.15151, 34.559222],
+              [117.104083, 34.648874],
+              [117.073286, 34.639026],
+              [117.061583, 34.675947],
+              [117.070206, 34.713835],
+              [117.022163, 34.759081],
+              [116.969192, 34.771864],
+              [116.95133, 34.81069],
+              [116.979047, 34.815113],
+              [116.966113, 34.844588],
+              [116.929156, 34.843114],
+              [116.922381, 34.894671],
+              [116.858323, 34.928533],
+              [116.821983, 34.929515],
+              [116.815823, 34.965324],
+              [116.789338, 34.975133],
+              [116.781331, 34.916757],
+              [116.677853, 34.939327],
+              [116.622418, 34.939818],
+              [116.613795, 34.922645],
+              [116.557745, 34.908905],
+              [116.445028, 34.895652],
+              [116.408071, 34.850972],
+              [116.403144, 34.756131],
+              [116.369267, 34.749247],
+              [116.363724, 34.715311],
+              [116.392057, 34.710391],
+              [116.374195, 34.640011],
+              [116.430245, 34.650843],
+              [116.432709, 34.630163],
+              [116.477057, 34.614896],
+              [116.490607, 34.573513],
+              [116.594085, 34.511894],
+              [116.592237, 34.493646],
+              [116.662454, 34.472927],
+              [116.722816, 34.472434],
+              [116.773939, 34.453683],
+              [116.782563, 34.429993],
+              [116.828142, 34.389012],
+              [116.909446, 34.408271],
+              [116.969192, 34.389012],
+              [116.960569, 34.363821],
+              [116.983359, 34.348011],
+              [116.969192, 34.283753],
+              [117.051112, 34.221425],
+              [117.025243, 34.167469],
+              [117.046801, 34.151622],
+              [117.123793, 34.128342],
+              [117.130568, 34.101586],
+              [117.192162, 34.068873],
+              [117.257452, 34.065899],
+              [117.277162, 34.078787],
+              [117.311654, 34.067882],
+              [117.357234, 34.088205],
+              [117.404045, 34.03218],
+              [117.435458, 34.028212],
+              [117.514914, 34.060941],
+              [117.543248, 34.038627],
+              [117.569117, 33.985051],
+              [117.612849, 34.000433],
+              [117.629479, 34.028708],
+              [117.671363, 33.992494],
+              [117.672595, 33.934916],
+              [117.715095, 33.879287],
+              [117.753899, 33.891211],
+              [117.759442, 33.874318],
+              [117.739732, 33.758467],
+              [117.72495, 33.74951],
+              [117.750203, 33.710688],
+              [117.791471, 33.733585],
+              [117.843826, 33.736074],
+              [117.901724, 33.720146],
+              [117.972557, 33.74951],
+              [118.019985, 33.738562],
+              [118.065564, 33.76593],
+              [118.117919, 33.766427],
+              [118.161035, 33.735576],
+              [118.16781, 33.663381],
+              [118.112376, 33.617045],
+              [118.117919, 33.594615],
+              [118.107448, 33.475391],
+              [118.050782, 33.491863],
+              [118.027376, 33.455421],
+              [118.016905, 33.402978],
+              [118.029224, 33.374995],
+              [117.992883, 33.333005],
+              [117.974405, 33.279487],
+              [117.939297, 33.262475],
+              [117.942376, 33.224936],
+              [117.977485, 33.226437],
+              [117.988572, 33.180869],
+              [118.037231, 33.152314],
+              [118.038463, 33.134776],
+              [118.149332, 33.169348],
+              [118.178281, 33.217926],
+              [118.217085, 33.191888],
+              [118.219549, 33.114227],
+              [118.243571, 33.027967],
+              [118.244803, 32.998359],
+              [118.26944, 32.969242],
+              [118.303933, 32.96874],
+              [118.291614, 32.946143],
+              [118.252194, 32.936601],
+              [118.2331, 32.914498],
+              [118.250346, 32.848157],
+              [118.301469, 32.846145],
+              [118.300237, 32.783275],
+              [118.334114, 32.761637],
+              [118.363063, 32.770695],
+              [118.375382, 32.718849],
+              [118.411106, 32.715828],
+              [118.450526, 32.743518],
+              [118.483787, 32.721367],
+              [118.560163, 32.729926],
+              [118.572482, 32.719856],
+              [118.642699, 32.744525],
+              [118.707373, 32.72036],
+              [118.756648, 32.737477],
+              [118.73817, 32.772708],
+              [118.743097, 32.853184],
+              [118.743097, 32.853184],
+              [118.810235, 32.853687],
+              [118.821322, 32.920527],
+              [118.846575, 32.922034],
+              [118.849039, 32.956689],
+              [118.89585, 32.957694],
+              [118.89585, 32.957694],
+              [118.892771, 32.941121],
+              [118.934039, 32.93861],
+              [118.993169, 32.958196],
+              [119.020886, 32.955685],
+              [119.054763, 32.8748],
+              [119.113277, 32.823014],
+              [119.184726, 32.825529],
+              [119.211827, 32.708275],
+              [119.208748, 32.641276],
+              [119.230921, 32.607001],
+              [119.22045, 32.576748],
+              [119.152697, 32.557582],
+              [119.168096, 32.536394],
+              [119.142226, 32.499556],
+              [119.084944, 32.452602],
+              [119.041212, 32.515201],
+              [118.975923, 32.505108],
+              [118.922336, 32.557078],
+              [118.92172, 32.557078],
+              [118.922336, 32.557078],
+              [118.92172, 32.557078],
+              [118.890923, 32.553042],
+              [118.908169, 32.59238],
+              [118.84288, 32.56767],
+              [118.820706, 32.60448],
+              [118.784981, 32.582295],
+              [118.757264, 32.603976],
+              [118.73509, 32.58885],
+              [118.719076, 32.614059],
+              [118.719076, 32.614059],
+              [118.688895, 32.588346],
+              [118.658714, 32.594397],
+              [118.632844, 32.578261],
+              [118.59712, 32.600951],
+              [118.568787, 32.585825],
+              [118.564475, 32.562122],
+              [118.608823, 32.536899],
+              [118.592192, 32.481383],
+              [118.628533, 32.467751],
+              [118.691359, 32.472295],
+              [118.685199, 32.403604],
+              [118.703061, 32.328792],
+              [118.657482, 32.30148],
+              [118.674728, 32.250375],
+              [118.643931, 32.209875],
+              [118.510888, 32.194176],
+              [118.49549, 32.165304],
+              [118.501033, 32.121726],
+              [118.433896, 32.086746],
+              [118.394476, 32.076098],
+              [118.389548, 31.985281],
+              [118.363679, 31.930443],
+              [118.472084, 31.879639],
+              [118.466541, 31.857784],
+              [118.504729, 31.841516],
+              [118.481939, 31.778453],
+              [118.533678, 31.76726],
+              [118.521975, 31.743343],
+              [118.5577, 31.73011],
+              [118.571866, 31.746397],
+              [118.641467, 31.75861],
+              [118.653786, 31.73011],
+              [118.697518, 31.709747],
+              [118.643315, 31.671555],
+              [118.643315, 31.649651],
+              [118.736322, 31.633347],
+              [118.748025, 31.675629],
+              [118.773894, 31.682759],
+              [118.802844, 31.619078],
+              [118.858894, 31.623665],
+              [118.881684, 31.564023],
+              [118.885995, 31.519139],
+              [118.883532, 31.500261],
+              [118.852119, 31.393553],
+              [118.824401, 31.375672],
+              [118.767735, 31.363919],
+              [118.745561, 31.372606],
+              [118.720924, 31.322518],
+              [118.726467, 31.282121],
+              [118.756648, 31.279564],
+              [118.794836, 31.229426],
+              [118.870597, 31.242219],
+              [118.984546, 31.237102],
+              [119.014727, 31.241707],
+              [119.10527, 31.235055],
+              [119.107118, 31.250917],
+              [119.158241, 31.294907],
+              [119.197661, 31.295418],
+              [119.198277, 31.270357],
+              [119.266646, 31.250405],
+              [119.294363, 31.263195],
+              [119.338095, 31.259103],
+              [119.350414, 31.301043],
+              [119.374435, 31.258591],
+              [119.360269, 31.213049],
+              [119.391682, 31.174142],
+              [119.439109, 31.177214],
+              [119.461283, 31.156219],
+              [119.532732, 31.159291],
+              [119.599869, 31.10909],
+              [119.623891, 31.130096],
+              [119.678093, 31.167997],
+              [119.705811, 31.152634],
+              [119.715666, 31.169533],
+              [119.779723, 31.17875],
+              [119.809904, 31.148536],
+              [119.827151, 31.174142],
+              [119.878274, 31.160828],
+              [119.921389, 31.170045],
+              [119.946027, 31.106016],
+              [119.988527, 31.059375],
+              [120.001461, 31.027071],
+              [120.052584, 31.00553],
+              [120.111099, 30.955761],
+              [120.149903, 30.937283],
+              [120.223816, 30.926502],
+              [120.316206, 30.933689],
+              [120.371025, 30.948575],
+              [120.35809, 30.886964],
+              [120.42338, 30.902884],
+              [120.435083, 30.920855],
+              [120.441858, 30.860768],
+              [120.460336, 30.839702],
+              [120.489285, 30.763624],
+              [120.504684, 30.757967],
+              [120.563814, 30.835592],
+              [120.589684, 30.854089],
+              [120.654973, 30.846896],
+              [120.68269, 30.882342],
+              [120.713487, 30.88491],
+              [120.709176, 30.933176],
+              [120.684538, 30.955247],
+              [120.698089, 30.970643],
+              [120.746132, 30.962432],
+              [120.770154, 30.996809],
+              [120.820661, 31.006556],
+              [120.865624, 30.989627],
+              [120.901349, 31.017327],
+              [120.890878, 31.094229],
+              [120.859465, 31.100379],
+              [120.881023, 31.134706],
+              [120.930298, 31.141365],
+              [121.018377, 31.134194],
+              [121.076892, 31.158267],
+              [121.060261, 31.245289],
+              [121.090442, 31.291838],
+              [121.142797, 31.275472],
+              [121.130478, 31.343987],
+              [121.113848, 31.37465],
+              [121.143413, 31.392021],
+              [121.174826, 31.44922],
+              [121.241963, 31.493117],
+              [121.247507, 31.476785],
+              [121.301093, 31.49873],
+              [121.301093, 31.49873],
+              [121.343593, 31.511996],
+              [121.371926, 31.553314],
+              [121.289391, 31.61653],
+              [121.145261, 31.75403],
+              [121.118775, 31.759119],
+              [121.200079, 31.834907],
+              [121.265369, 31.863883],
+              [121.323267, 31.868458],
+              [121.384861, 31.833382],
+              [121.431673, 31.769295],
+              [121.49881, 31.753012],
+              [121.599824, 31.703128],
+              [121.64294, 31.697527],
+              [121.715005, 31.673592],
+              [121.974931, 31.61704],
+              [121.970004, 31.718911],
+              [121.889315, 31.866425],
+              [121.856055, 31.955328],
+              [121.772287, 32.032984],
+              [121.759352, 32.059362],
+              [121.525295, 32.136423],
+              [121.542542, 32.152132],
+              [121.458774, 32.177462],
+              [121.499426, 32.211394],
+              [121.493882, 32.263533],
+              [121.450151, 32.282256],
+              [121.425513, 32.430885],
+              [121.390405, 32.460682],
+              [121.352216, 32.474315],
+              [121.269681, 32.483402],
+              [121.153268, 32.52933],
+              [121.121855, 32.569183],
+              [121.076892, 32.576243],
+              [121.020225, 32.605489],
+              [120.961711, 32.612042],
+              [120.979573, 32.636236],
+              [120.963559, 32.68259],
+              [120.916131, 32.701225],
+              [120.953088, 32.714318],
+              [120.972182, 32.761134],
+              [120.981421, 32.85972],
+              [120.957399, 32.893395],
+              [120.932762, 33.005887],
+              [120.917979, 33.02596],
+              [120.871784, 33.047032],
+              [120.874247, 33.093672],
+              [120.843451, 33.209915],
+              [120.819429, 33.237951],
+              [120.833595, 33.274984],
+              [120.813885, 33.303499],
+              [120.769538, 33.307],
+              [120.741205, 33.337505],
+              [120.717183, 33.436945],
+              [120.680227, 33.520306],
+              [120.622944, 33.615051],
+              [120.611241, 33.627012],
+              [120.583524, 33.668362],
+              [120.534249, 33.782346],
+              [120.48559, 33.859411],
+              [120.367329, 34.091674],
+              [120.347619, 34.179352],
+              [120.314359, 34.255563],
+              [120.311895, 34.306991],
+              [120.103707, 34.391481],
+              [119.962657, 34.459112],
+              [119.811752, 34.485754],
+              [119.781571, 34.515839],
+              [119.641137, 34.569078],
+              [119.610956, 34.592729],
+              [119.569072, 34.615389],
+              [119.465594, 34.672994],
+              [119.525956, 34.73351],
+              [119.456971, 34.748264],
+              [119.381827, 34.752198],
+              [119.494543, 34.754656],
+              [119.497007, 34.754164],
+              [119.439725, 34.785136],
+              [119.440957, 34.769406],
+              [119.378747, 34.764489],
+              [119.312841, 34.774813],
+              [119.272189, 34.797914],
+              [119.238313, 34.799388],
+              [119.217371, 34.827886],
+              [119.202588, 34.890253],
+              [119.214907, 34.925589],
+              [119.211211, 34.981507],
+              [119.238313, 35.048657],
+              [119.285124, 35.068252],
+              [119.291899, 35.028567],
+              [119.307298, 35.032977],
+              [119.292515, 35.068742],
+              [119.306066, 35.076578],
+              [119.286972, 35.115261],
+              [119.250016, 35.124562],
+              [119.217371, 35.106939],
+              [119.137915, 35.096167],
+              [119.114509, 35.055026],
+              [119.027045, 35.055516],
+              [118.942662, 35.040817],
+              [118.928495, 35.051106],
+              [118.86259, 35.025626],
+              [118.860742, 34.944233],
+              [118.805307, 34.87307],
+              [118.80038, 34.843114],
+              [118.772047, 34.794474],
+              [118.739402, 34.792508],
+              [118.719076, 34.745313],
+              [118.764039, 34.740396],
+              [118.783749, 34.723181],
+              [118.739402, 34.693663],
+              [118.690127, 34.678408],
+              [118.664257, 34.693663],
+              [118.607591, 34.694155],
+              [118.601431, 34.714327],
+              [118.545997, 34.705964],
+              [118.460997, 34.656258],
+              [118.473932, 34.623269],
+              [118.439439, 34.626223],
+              [118.424657, 34.595193],
+              [118.439439, 34.507949],
+              [118.416034, 34.473914],
+              [118.404947, 34.427525],
+              [118.379693, 34.415183],
+              [118.290382, 34.424563],
+              [118.277447, 34.404814],
+              [118.220165, 34.405802],
+              [118.217701, 34.379134],
+              [118.179513, 34.379628],
+              [118.177665, 34.45319],
+              [118.132702, 34.483287],
+              [118.16473, 34.50499],
+              [118.185056, 34.543942],
+              [118.079115, 34.569571],
+              [118.114839, 34.614404],
+              [118.084042, 34.655766],
+              [118.053861, 34.650843],
+              [117.951615, 34.678408],
+              [117.909732, 34.670533],
+              [117.902956, 34.644443],
+              [117.793935, 34.651827],
+              [117.791471, 34.583368],
+              [117.801942, 34.518798],
+              [117.684298, 34.547392],
+              [117.659044, 34.501044],
+              [117.609769, 34.490686],
+              [117.592523, 34.462566],
+              [117.53832, 34.467006],
+              [117.465023, 34.484767],
+              [117.402813, 34.550843],
+              [117.402813, 34.569571],
+              [117.370785, 34.584846],
+              [117.325205, 34.573021],
+              [117.325205, 34.573021],
+              [117.32151, 34.566614],
+              [117.32151, 34.566614],
+              [117.311654, 34.561686],
+              [117.311654, 34.561686]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 330000,
+        "name": "浙江省",
+        "center": [120.153576, 30.287459],
+        "centroid": [120.109913, 29.181466],
+        "childrenNum": 11,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 10,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [118.433896, 28.288335],
+              [118.444367, 28.253548],
+              [118.490562, 28.238259],
+              [118.493026, 28.262509],
+              [118.588497, 28.282538],
+              [118.595272, 28.258292],
+              [118.651322, 28.277267],
+              [118.674728, 28.27147],
+              [118.699366, 28.309939],
+              [118.719692, 28.312047],
+              [118.756032, 28.252493],
+              [118.802228, 28.240368],
+              [118.804075, 28.207675],
+              [118.771431, 28.188687],
+              [118.805923, 28.154923],
+              [118.802228, 28.117453],
+              [118.767735, 28.10584],
+              [118.719076, 28.063601],
+              [118.733858, 28.027684],
+              [118.730163, 27.970615],
+              [118.753568, 27.947885],
+              [118.818242, 27.916689],
+              [118.829329, 27.847921],
+              [118.873677, 27.733563],
+              [118.879836, 27.667859],
+              [118.913713, 27.619616],
+              [118.909401, 27.568168],
+              [118.869365, 27.540047],
+              [118.907553, 27.460952],
+              [118.955597, 27.4498],
+              [118.986393, 27.47582],
+              [118.983314, 27.498649],
+              [119.020886, 27.498118],
+              [119.03998, 27.478475],
+              [119.092335, 27.466262],
+              [119.129907, 27.475289],
+              [119.121284, 27.438115],
+              [119.14777, 27.424836],
+              [119.224146, 27.416868],
+              [119.26911, 27.42218],
+              [119.285124, 27.457766],
+              [119.334399, 27.480067],
+              [119.360269, 27.524657],
+              [119.416935, 27.539517],
+              [119.438493, 27.508734],
+              [119.466826, 27.526249],
+              [119.501935, 27.610601],
+              [119.501319, 27.649837],
+              [119.541971, 27.666799],
+              [119.606028, 27.674749],
+              [119.644217, 27.663619],
+              [119.626354, 27.620676],
+              [119.630666, 27.582491],
+              [119.675014, 27.574534],
+              [119.659615, 27.540578],
+              [119.690412, 27.537394],
+              [119.70889, 27.514042],
+              [119.703347, 27.446613],
+              [119.685485, 27.438646],
+              [119.711354, 27.403054],
+              [119.750774, 27.373829],
+              [119.739687, 27.362668],
+              [119.782187, 27.330241],
+              [119.768636, 27.307909],
+              [119.843165, 27.300464],
+              [119.938636, 27.329709],
+              [119.960194, 27.365857],
+              [120.008237, 27.375423],
+              [120.026099, 27.344063],
+              [120.052584, 27.338747],
+              [120.096316, 27.390302],
+              [120.136968, 27.402523],
+              [120.134504, 27.420055],
+              [120.221352, 27.420055],
+              [120.26262, 27.432804],
+              [120.273091, 27.38924],
+              [120.340844, 27.399867],
+              [120.343924, 27.363199],
+              [120.430155, 27.258976],
+              [120.401822, 27.250996],
+              [120.404286, 27.204166],
+              [120.461568, 27.142407],
+              [120.492365, 27.136016],
+              [120.545952, 27.156785],
+              [120.574901, 27.234501],
+              [120.554575, 27.25206],
+              [120.580444, 27.321203],
+              [120.665444, 27.357884],
+              [120.673451, 27.420055],
+              [120.703016, 27.478475],
+              [120.637111, 27.561271],
+              [120.634647, 27.577186],
+              [120.685154, 27.622797],
+              [120.709176, 27.682699],
+              [120.771386, 27.734623],
+              [120.777545, 27.774873],
+              [120.809574, 27.775402],
+              [120.840371, 27.758986],
+              [120.910588, 27.864852],
+              [120.942001, 27.896592],
+              [120.97403, 27.887071],
+              [121.027616, 27.832574],
+              [121.070116, 27.834162],
+              [121.107688, 27.81352],
+              [121.152036, 27.815638],
+              [121.134174, 27.787051],
+              [121.13479, 27.787051],
+              [121.149572, 27.801345],
+              [121.149572, 27.801875],
+              [121.153268, 27.809815],
+              [121.152652, 27.810344],
+              [121.192072, 27.822518],
+              [121.193304, 27.872259],
+              [121.162507, 27.879136],
+              [121.162507, 27.90717],
+              [121.099681, 27.895005],
+              [121.05595, 27.900294],
+              [120.991892, 27.95],
+              [121.015298, 27.981714],
+              [121.059029, 28.096338],
+              [121.108304, 28.139092],
+              [121.121239, 28.12537],
+              [121.140949, 28.031382],
+              [121.176058, 28.022401],
+              [121.261057, 28.034551],
+              [121.299862, 28.067297],
+              [121.328195, 28.134343],
+              [121.373774, 28.133287],
+              [121.402107, 28.197127],
+              [121.45631, 28.250385],
+              [121.488955, 28.301509],
+              [121.538846, 28.299401],
+              [121.571491, 28.279376],
+              [121.580114, 28.240368],
+              [121.627541, 28.251966],
+              [121.669425, 28.33312],
+              [121.660186, 28.355768],
+              [121.634317, 28.347868],
+              [121.658954, 28.392628],
+              [121.692831, 28.407368],
+              [121.671273, 28.472621],
+              [121.646019, 28.511544],
+              [121.634317, 28.562542],
+              [121.596128, 28.575156],
+              [121.557324, 28.645033],
+              [121.540694, 28.655537],
+              [121.646019, 28.682842],
+              [121.689135, 28.719062],
+              [121.704534, 28.804577],
+              [121.687287, 28.863294],
+              [121.774751, 28.863818],
+              [121.772287, 28.898404],
+              [121.743338, 28.954451],
+              [121.711309, 28.985865],
+              [121.712541, 29.028783],
+              [121.658954, 29.058606],
+              [121.660186, 29.118226],
+              [121.616454, 29.143318],
+              [121.608447, 29.168927],
+              [121.715621, 29.125022],
+              [121.750113, 29.136523],
+              [121.767975, 29.166837],
+              [121.780294, 29.10986],
+              [121.811091, 29.10986],
+              [121.85975, 29.086328],
+              [121.884388, 29.105677],
+              [121.966308, 29.052852],
+              [121.970004, 29.092604],
+              [121.988482, 29.110906],
+              [121.986634, 29.154817],
+              [121.948446, 29.193485],
+              [121.971851, 29.193485],
+              [121.966924, 29.249894],
+              [122.002032, 29.260336],
+              [122.000185, 29.278608],
+              [121.94475, 29.28435],
+              [121.958301, 29.334448],
+              [121.936127, 29.348012],
+              [121.937975, 29.384],
+              [121.975547, 29.411113],
+              [121.993409, 29.45229],
+              [121.973083, 29.477821],
+              [121.968772, 29.515846],
+              [121.995257, 29.545007],
+              [122.000185, 29.582486],
+              [121.966308, 29.636078],
+              [121.909641, 29.650122],
+              [121.872685, 29.632437],
+              [121.833265, 29.653242],
+              [121.937359, 29.748373],
+              [122.003264, 29.762401],
+              [122.043916, 29.822647],
+              [122.10243, 29.859504],
+              [122.143082, 29.877668],
+              [122.140003, 29.901535],
+              [122.00696, 29.891678],
+              [122.00388, 29.92021],
+              [121.971235, 29.955476],
+              [121.919497, 29.920729],
+              [121.835113, 29.958068],
+              [121.78399, 29.99332],
+              [121.721164, 29.992802],
+              [121.699606, 30.007832],
+              [121.652795, 30.071037],
+              [121.635548, 30.070002],
+              [121.561636, 30.184395],
+              [121.497578, 30.258861],
+              [121.395332, 30.338435],
+              [121.371926, 30.37097],
+              [121.328195, 30.397299],
+              [121.225333, 30.404526],
+              [121.183449, 30.434458],
+              [121.092906, 30.515952],
+              [121.058413, 30.563888],
+              [121.148956, 30.599953],
+              [121.188992, 30.632916],
+              [121.239499, 30.648878],
+              [121.274608, 30.677191],
+              [121.272144, 30.723504],
+              [121.232108, 30.755909],
+              [121.21671, 30.785734],
+              [121.174826, 30.771851],
+              [121.123087, 30.77905],
+              [121.13787, 30.826342],
+              [121.097833, 30.857171],
+              [121.060261, 30.845354],
+              [121.038087, 30.814007],
+              [120.991892, 30.837133],
+              [121.020225, 30.872069],
+              [120.993124, 30.889532],
+              [121.000515, 30.938309],
+              [120.989428, 31.01425],
+              [120.949392, 31.030148],
+              [120.940153, 31.010146],
+              [120.901349, 31.017327],
+              [120.865624, 30.989627],
+              [120.820661, 31.006556],
+              [120.770154, 30.996809],
+              [120.746132, 30.962432],
+              [120.698089, 30.970643],
+              [120.684538, 30.955247],
+              [120.709176, 30.933176],
+              [120.713487, 30.88491],
+              [120.68269, 30.882342],
+              [120.654973, 30.846896],
+              [120.589684, 30.854089],
+              [120.563814, 30.835592],
+              [120.504684, 30.757967],
+              [120.489285, 30.763624],
+              [120.460336, 30.839702],
+              [120.441858, 30.860768],
+              [120.435083, 30.920855],
+              [120.42338, 30.902884],
+              [120.35809, 30.886964],
+              [120.371025, 30.948575],
+              [120.316206, 30.933689],
+              [120.223816, 30.926502],
+              [120.149903, 30.937283],
+              [120.111099, 30.955761],
+              [120.052584, 31.00553],
+              [120.001461, 31.027071],
+              [119.988527, 31.059375],
+              [119.946027, 31.106016],
+              [119.921389, 31.170045],
+              [119.878274, 31.160828],
+              [119.827151, 31.174142],
+              [119.809904, 31.148536],
+              [119.779723, 31.17875],
+              [119.715666, 31.169533],
+              [119.705811, 31.152634],
+              [119.678093, 31.167997],
+              [119.623891, 31.130096],
+              [119.649144, 31.104991],
+              [119.629434, 31.085517],
+              [119.633746, 31.019379],
+              [119.580159, 30.967051],
+              [119.582007, 30.932149],
+              [119.563529, 30.919315],
+              [119.557369, 30.874124],
+              [119.575847, 30.829939],
+              [119.55429, 30.825828],
+              [119.527188, 30.77905],
+              [119.479761, 30.772365],
+              [119.482841, 30.704467],
+              [119.444652, 30.650422],
+              [119.408312, 30.645274],
+              [119.39045, 30.685941],
+              [119.343022, 30.664322],
+              [119.323312, 30.630341],
+              [119.238929, 30.609225],
+              [119.265414, 30.574709],
+              [119.237081, 30.546881],
+              [119.272189, 30.510281],
+              [119.326392, 30.532964],
+              [119.336247, 30.508734],
+              [119.335015, 30.448389],
+              [119.36766, 30.38491],
+              [119.402768, 30.374584],
+              [119.349182, 30.349281],
+              [119.326392, 30.372002],
+              [119.277117, 30.341018],
+              [119.246936, 30.341018],
+              [119.236465, 30.297106],
+              [119.201356, 30.290905],
+              [119.126828, 30.304856],
+              [119.091719, 30.323972],
+              [119.06277, 30.304856],
+              [118.988857, 30.332237],
+              [118.954365, 30.360126],
+              [118.880452, 30.31519],
+              [118.877988, 30.282637],
+              [118.905089, 30.216464],
+              [118.929727, 30.2025],
+              [118.852735, 30.166805],
+              [118.852119, 30.149729],
+              [118.895234, 30.148694],
+              [118.873677, 30.11505],
+              [118.878604, 30.064822],
+              [118.902626, 30.029078],
+              [118.894619, 29.937845],
+              [118.838568, 29.934733],
+              [118.841032, 29.891159],
+              [118.740634, 29.814859],
+              [118.744945, 29.73902],
+              [118.700598, 29.706277],
+              [118.647011, 29.64336],
+              [118.61991, 29.654282],
+              [118.573714, 29.638159],
+              [118.532446, 29.588731],
+              [118.500417, 29.57572],
+              [118.496106, 29.519492],
+              [118.381541, 29.504909],
+              [118.347664, 29.474174],
+              [118.329802, 29.495012],
+              [118.306396, 29.479384],
+              [118.316252, 29.422581],
+              [118.248498, 29.431443],
+              [118.193064, 29.395472],
+              [118.205382, 29.343839],
+              [118.166578, 29.314099],
+              [118.178281, 29.297921],
+              [118.138861, 29.283828],
+              [118.077883, 29.290614],
+              [118.073571, 29.216993],
+              [118.042159, 29.210202],
+              [118.027992, 29.167882],
+              [118.045238, 29.149068],
+              [118.037847, 29.102017],
+              [118.076035, 29.074822],
+              [118.066796, 29.053898],
+              [118.097593, 28.998952],
+              [118.115455, 29.009944],
+              [118.115455, 29.009944],
+              [118.133933, 28.983771],
+              [118.165346, 28.986912],
+              [118.227556, 28.942406],
+              [118.195527, 28.904167],
+              [118.270056, 28.918836],
+              [118.300237, 28.826075],
+              [118.364295, 28.813491],
+              [118.403099, 28.702791],
+              [118.428352, 28.681267],
+              [118.428352, 28.617193],
+              [118.428352, 28.617193],
+              [118.412338, 28.55676],
+              [118.4302, 28.515225],
+              [118.414802, 28.497344],
+              [118.474548, 28.478934],
+              [118.456686, 28.424738],
+              [118.432048, 28.402104],
+              [118.455454, 28.384204],
+              [118.480091, 28.327325],
+              [118.433896, 28.288335]
+            ]
+          ],
+          [
+            [
+              [122.163408, 29.988137],
+              [122.239785, 29.962735],
+              [122.279205, 29.937326],
+              [122.322321, 29.940438],
+              [122.341415, 29.976733],
+              [122.343879, 30.020269],
+              [122.310002, 30.039958],
+              [122.290908, 30.074663],
+              [122.301379, 30.086574],
+              [122.293988, 30.100554],
+              [122.152938, 30.113497],
+              [122.095655, 30.158008],
+              [122.048844, 30.147141],
+              [121.955221, 30.183878],
+              [121.934895, 30.161631],
+              [121.983554, 30.100554],
+              [121.989714, 30.077252],
+              [121.978011, 30.059125],
+              [122.027902, 29.991247],
+              [122.106742, 30.005759],
+              [122.118445, 29.986582],
+              [122.163408, 29.988137]
+            ]
+          ],
+          [
+            [
+              [122.213915, 30.186464],
+              [122.178807, 30.199396],
+              [122.152938, 30.19112],
+              [122.143698, 30.163183],
+              [122.168336, 30.138343],
+              [122.213915, 30.186464]
+            ]
+          ],
+          [
+            [
+              [122.229314, 29.711995],
+              [122.210836, 29.700559],
+              [122.269966, 29.685482],
+              [122.231162, 29.710435],
+              [122.229314, 29.711995]
+            ]
+          ],
+          [
+            [
+              [122.427646, 30.738422],
+              [122.427031, 30.697777],
+              [122.532972, 30.696748],
+              [122.528045, 30.725047],
+              [122.475074, 30.714243],
+              [122.445509, 30.745109],
+              [122.427646, 30.738422]
+            ]
+          ],
+          [
+            [
+              [122.162793, 30.329654],
+              [122.058083, 30.291938],
+              [122.154169, 30.244903],
+              [122.231778, 30.234562],
+              [122.247176, 30.30124],
+              [122.228082, 30.329654],
+              [122.191126, 30.329654],
+              [122.176343, 30.351863],
+              [122.162793, 30.329654]
+            ]
+          ],
+          [
+            [
+              [122.317393, 30.249556],
+              [122.277973, 30.242835],
+              [122.358661, 30.236113],
+              [122.365437, 30.255242],
+              [122.417175, 30.238699],
+              [122.40732, 30.272817],
+              [122.333408, 30.272817],
+              [122.317393, 30.249556]
+            ]
+          ],
+          [
+            [
+              [122.026054, 29.178333],
+              [122.013119, 29.151681],
+              [122.056851, 29.158476],
+              [122.075945, 29.176243],
+              [122.036525, 29.20759],
+              [122.026054, 29.178333]
+            ]
+          ],
+          [
+            [
+              [122.372212, 29.893234],
+              [122.386379, 29.834069],
+              [122.415944, 29.828877],
+              [122.401777, 29.869884],
+              [122.433806, 29.883376],
+              [122.43319, 29.919173],
+              [122.411632, 29.951846],
+              [122.398081, 29.9394],
+              [122.351886, 29.959105],
+              [122.330944, 29.937845],
+              [122.338951, 29.911911],
+              [122.353734, 29.89946],
+              [122.362973, 29.894272],
+              [122.372212, 29.893234]
+            ]
+          ],
+          [
+            [
+              [122.43011, 30.408655],
+              [122.432574, 30.445294],
+              [122.37406, 30.461802],
+              [122.277973, 30.471603],
+              [122.281669, 30.418461],
+              [122.318625, 30.407106],
+              [122.352502, 30.422074],
+              [122.43011, 30.408655]
+            ]
+          ],
+          [
+            [
+              [121.837577, 28.770484],
+              [121.86283, 28.782024],
+              [121.861598, 28.814016],
+              [121.837577, 28.770484]
+            ]
+          ],
+          [
+            [
+              [122.265038, 29.84549],
+              [122.221307, 29.832512],
+              [122.248408, 29.804473],
+              [122.310002, 29.766557],
+              [122.325401, 29.781621],
+              [122.299531, 29.819532],
+              [122.319241, 29.829397],
+              [122.265038, 29.84549]
+            ]
+          ],
+          [
+            [
+              [121.790765, 29.082144],
+              [121.832649, 29.050236],
+              [121.84312, 29.082144],
+              [121.82033, 29.099402],
+              [121.790765, 29.082144]
+            ]
+          ],
+          [
+            [
+              [121.201311, 27.623328],
+              [121.197616, 27.618025],
+              [121.198848, 27.616964],
+              [121.203775, 27.625979],
+              [121.201311, 27.623328]
+            ]
+          ],
+          [
+            [
+              [121.943518, 30.776993],
+              [121.968156, 30.688514],
+              [121.997105, 30.658659],
+              [122.087032, 30.602014],
+              [122.133227, 30.595317],
+              [122.075329, 30.647848],
+              [122.011271, 30.66947],
+              [121.992793, 30.695204],
+              [121.987866, 30.753338],
+              [121.970004, 30.789333],
+              [121.943518, 30.776993]
+            ]
+          ],
+          [
+            [
+              [121.889315, 28.471569],
+              [121.918881, 28.497344],
+              [121.881924, 28.502603],
+              [121.889315, 28.471569]
+            ]
+          ],
+          [
+            [
+              [122.182503, 29.650642],
+              [122.211452, 29.692241],
+              [122.200365, 29.712515],
+              [122.146778, 29.749412],
+              [122.13138, 29.788893],
+              [122.083952, 29.78318],
+              [122.047612, 29.719791],
+              [122.074097, 29.701599],
+              [122.095655, 29.716673],
+              [122.138155, 29.662083],
+              [122.182503, 29.650642]
+            ]
+          ],
+          [
+            [
+              [122.461523, 29.944068],
+              [122.459675, 29.944586],
+              [122.460291, 29.947179],
+              [122.451668, 29.943031],
+              [122.451052, 29.940956],
+              [122.450436, 29.940956],
+              [122.449204, 29.9394],
+              [122.4529, 29.936807],
+              [122.452284, 29.935252],
+              [122.45598, 29.926435],
+              [122.457827, 29.927472],
+              [122.462755, 29.927991],
+              [122.467067, 29.928509],
+              [122.459059, 29.938882],
+              [122.461523, 29.944068]
+            ]
+          ],
+          [
+            [
+              [122.570544, 30.644244],
+              [122.559457, 30.679764],
+              [122.546523, 30.651967],
+              [122.570544, 30.644244]
+            ]
+          ],
+          [
+            [
+              [121.869605, 28.423685],
+              [121.910873, 28.44],
+              [121.889931, 28.45105],
+              [121.869605, 28.423685]
+            ]
+          ],
+          [
+            [
+              [122.065474, 30.179739],
+              [122.055619, 30.200431],
+              [122.017431, 30.186464],
+              [122.025438, 30.161631],
+              [122.065474, 30.179739]
+            ]
+          ],
+          [
+            [
+              [122.391306, 29.970512],
+              [122.411632, 30.025969],
+              [122.378371, 30.023896],
+              [122.3679, 29.980361],
+              [122.391306, 29.970512]
+            ]
+          ],
+          [
+            [
+              [121.850511, 29.977251],
+              [121.874533, 29.964809],
+              [121.933047, 29.994875],
+              [121.924424, 30.052391],
+              [121.88562, 30.094859],
+              [121.848663, 30.101072],
+              [121.84004, 30.047211],
+              [121.844968, 29.982953],
+              [121.850511, 29.977251]
+            ]
+          ],
+          [
+            [
+              [121.066421, 27.478475],
+              [121.066421, 27.461483],
+              [121.107073, 27.443958],
+              [121.067036, 27.478475],
+              [121.066421, 27.478475]
+            ]
+          ],
+          [
+            [
+              [121.952141, 29.187738],
+              [121.979243, 29.160043],
+              [121.976779, 29.191918],
+              [121.952141, 29.187738]
+            ]
+          ],
+          [
+            [
+              [122.038373, 29.759284],
+              [122.011271, 29.746294],
+              [122.02975, 29.716673],
+              [122.038373, 29.759284]
+            ]
+          ],
+          [
+            [
+              [121.940438, 30.114533],
+              [121.910257, 30.089163],
+              [121.945982, 30.064304],
+              [121.962612, 30.106249],
+              [121.940438, 30.114533]
+            ]
+          ],
+          [
+            [
+              [121.957685, 30.287804],
+              [122.0008, 30.308473],
+              [121.989098, 30.339985],
+              [121.94167, 30.33327],
+              [121.921344, 30.30744],
+              [121.957685, 30.287804]
+            ]
+          ],
+          [
+            [
+              [122.192974, 29.965327],
+              [122.163408, 29.988137],
+              [122.152322, 29.97103],
+              [122.154169, 29.97103],
+              [122.155401, 29.970512],
+              [122.18435, 29.955476],
+              [122.192974, 29.965327]
+            ]
+          ],
+          [
+            [
+              [122.287828, 29.723949],
+              [122.301379, 29.748373],
+              [122.258263, 29.753569],
+              [122.241633, 29.784738],
+              [122.2133, 29.771752],
+              [122.251488, 29.731225],
+              [122.287828, 29.723949]
+            ]
+          ],
+          [
+            [
+              [121.134174, 27.787051],
+              [121.134174, 27.785992],
+              [121.13479, 27.787051],
+              [121.134174, 27.787051]
+            ]
+          ],
+          [
+            [
+              [122.760254, 30.141966],
+              [122.784275, 30.130062],
+              [122.781196, 30.13265],
+              [122.778116, 30.13679],
+              [122.770725, 30.138861],
+              [122.763333, 30.141966],
+              [122.762101, 30.142484],
+              [122.760254, 30.141966]
+            ]
+          ],
+          [
+            [
+              [122.264423, 30.269716],
+              [122.253952, 30.237147],
+              [122.315545, 30.250073],
+              [122.300147, 30.271266],
+              [122.264423, 30.269716]
+            ]
+          ],
+          [
+            [
+              [122.282901, 29.860542],
+              [122.30877, 29.849642],
+              [122.343263, 29.860542],
+              [122.343263, 29.882857],
+              [122.301379, 29.883895],
+              [122.282901, 29.860542]
+            ]
+          ],
+          [
+            [
+              [122.781196, 30.694175],
+              [122.799674, 30.716301],
+              [122.778732, 30.729677],
+              [122.757174, 30.713728],
+              [122.781196, 30.694175]
+            ]
+          ],
+          [
+            [
+              [121.098449, 27.937311],
+              [121.152652, 27.961629],
+              [121.120623, 27.986471],
+              [121.0695, 27.984357],
+              [121.038087, 27.948942],
+              [121.098449, 27.937311]
+            ]
+          ],
+          [
+            [
+              [121.185913, 27.963215],
+              [121.237652, 27.988056],
+              [121.197616, 28.000739],
+              [121.17113, 27.978543],
+              [121.185913, 27.963215]
+            ]
+          ],
+          [
+            [
+              [122.454132, 29.956513],
+              [122.447972, 29.955994],
+              [122.445509, 29.952365],
+              [122.446741, 29.951327],
+              [122.447972, 29.947698],
+              [122.459059, 29.950809],
+              [122.458443, 29.951846],
+              [122.455364, 29.955994],
+              [122.454132, 29.956513]
+            ]
+          ],
+          [
+            [
+              [122.836014, 30.698806],
+              [122.831087, 30.728648],
+              [122.807681, 30.714243],
+              [122.836014, 30.698806]
+            ]
+          ],
+          [
+            [
+              [122.200365, 29.969475],
+              [122.233626, 29.946661],
+              [122.273662, 29.93214],
+              [122.239785, 29.960142],
+              [122.200365, 29.969475]
+            ]
+          ],
+          [
+            [
+              [122.029134, 29.954957],
+              [122.043916, 29.930584],
+              [122.058699, 29.955994],
+              [122.029134, 29.954957]
+            ]
+          ],
+          [
+            [
+              [121.044247, 27.979072],
+              [121.089826, 27.998625],
+              [121.073812, 28.007608],
+              [121.044247, 27.979072]
+            ]
+          ],
+          [
+            [
+              [122.471378, 29.927472],
+              [122.470762, 29.925916],
+              [122.473226, 29.925397],
+              [122.47261, 29.927472],
+              [122.471378, 29.927472]
+            ]
+          ],
+          [
+            [
+              [122.152322, 29.97103],
+              [122.155401, 29.970512],
+              [122.154169, 29.97103],
+              [122.152322, 29.97103]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 340000,
+        "name": "安徽省",
+        "center": [117.283042, 31.86119],
+        "centroid": [117.226884, 31.849254],
+        "childrenNum": 16,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 11,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [116.599629, 34.014324],
+              [116.641512, 33.978103],
+              [116.64336, 33.896675],
+              [116.631042, 33.887733],
+              [116.566984, 33.9081],
+              [116.558361, 33.881274],
+              [116.486296, 33.869846],
+              [116.437637, 33.846489],
+              [116.437021, 33.801246],
+              [116.408071, 33.805721],
+              [116.393905, 33.782843],
+              [116.316912, 33.771402],
+              [116.263326, 33.730101],
+              [116.230065, 33.735078],
+              [116.155536, 33.709693],
+              [116.132747, 33.751501],
+              [116.100102, 33.782843],
+              [116.074232, 33.781351],
+              [116.055754, 33.804727],
+              [116.05945, 33.860902],
+              [115.982457, 33.917039],
+              [116.00032, 33.965199],
+              [115.95782, 34.007875],
+              [115.904233, 34.009859],
+              [115.876516, 34.028708],
+              [115.877132, 34.002913],
+              [115.85003, 34.004898],
+              [115.846335, 34.028708],
+              [115.809378, 34.062428],
+              [115.768726, 34.061932],
+              [115.736082, 34.076805],
+              [115.705901, 34.059949],
+              [115.658473, 34.061437],
+              [115.642459, 34.03218],
+              [115.60735, 34.030196],
+              [115.579017, 33.974133],
+              [115.577785, 33.950307],
+              [115.547604, 33.874815],
+              [115.631988, 33.869846],
+              [115.614126, 33.775879],
+              [115.576553, 33.787817],
+              [115.563003, 33.772895],
+              [115.601807, 33.718653],
+              [115.601191, 33.658898],
+              [115.639995, 33.585143],
+              [115.564851, 33.576169],
+              [115.511264, 33.55323],
+              [115.463837, 33.567193],
+              [115.422569, 33.557219],
+              [115.394851, 33.506335],
+              [115.366518, 33.5233],
+              [115.345576, 33.502842],
+              [115.345576, 33.449928],
+              [115.324634, 33.457418],
+              [115.315395, 33.431451],
+              [115.328946, 33.403477],
+              [115.313547, 33.376994],
+              [115.341881, 33.370997],
+              [115.365286, 33.336005],
+              [115.361591, 33.298497],
+              [115.335105, 33.297997],
+              [115.340033, 33.260973],
+              [115.300613, 33.204407],
+              [115.303692, 33.149809],
+              [115.289526, 33.131769],
+              [115.245178, 33.135778],
+              [115.194671, 33.120743],
+              [115.168186, 33.088658],
+              [115.041302, 33.086653],
+              [114.990795, 33.102195],
+              [114.966158, 33.147304],
+              [114.932897, 33.153817],
+              [114.902716, 33.129764],
+              [114.897172, 33.086653],
+              [114.913187, 33.083143],
+              [114.925506, 33.016928],
+              [114.891629, 33.020441],
+              [114.883006, 32.990328],
+              [114.916266, 32.971251],
+              [114.943368, 32.935094],
+              [115.009273, 32.940117],
+              [115.035143, 32.932582],
+              [115.029599, 32.906962],
+              [115.139237, 32.897917],
+              [115.155867, 32.864747],
+              [115.197135, 32.856201],
+              [115.189744, 32.812452],
+              [115.211301, 32.785791],
+              [115.189744, 32.770695],
+              [115.179273, 32.726402],
+              [115.182968, 32.666973],
+              [115.20083, 32.591876],
+              [115.24333, 32.593388],
+              [115.267352, 32.578261],
+              [115.30554, 32.583303],
+              [115.304924, 32.553042],
+              [115.411482, 32.575235],
+              [115.409018, 32.549007],
+              [115.497713, 32.492489],
+              [115.5088, 32.468761],
+              [115.510648, 32.468761],
+              [115.510648, 32.468256],
+              [115.510648, 32.467751],
+              [115.509416, 32.466741],
+              [115.522967, 32.441997],
+              [115.57101, 32.419266],
+              [115.604271, 32.425833],
+              [115.626445, 32.40512],
+              [115.657857, 32.428864],
+              [115.667712, 32.409667],
+              [115.704669, 32.495013],
+              [115.742241, 32.476335],
+              [115.771806, 32.505108],
+              [115.789052, 32.468761],
+              [115.861117, 32.537403],
+              [115.891298, 32.576243],
+              [115.910393, 32.567165],
+              [115.8759, 32.542448],
+              [115.845719, 32.501575],
+              [115.883291, 32.487946],
+              [115.865429, 32.458662],
+              [115.899306, 32.390971],
+              [115.912856, 32.227596],
+              [115.941805, 32.166318],
+              [115.922095, 32.049725],
+              [115.928871, 32.003046],
+              [115.909161, 31.94314],
+              [115.920248, 31.920285],
+              [115.894994, 31.8649],
+              [115.893762, 31.832365],
+              [115.914704, 31.814567],
+              [115.886371, 31.776418],
+              [115.851878, 31.786593],
+              [115.808147, 31.770313],
+              [115.808147, 31.770313],
+              [115.767495, 31.78761],
+              [115.731154, 31.76726],
+              [115.676336, 31.778453],
+              [115.553764, 31.69549],
+              [115.534054, 31.698545],
+              [115.495249, 31.673083],
+              [115.476771, 31.643028],
+              [115.485394, 31.608885],
+              [115.439815, 31.588496],
+              [115.415793, 31.525771],
+              [115.371446, 31.495668],
+              [115.389924, 31.450241],
+              [115.373909, 31.405813],
+              [115.393004, 31.389977],
+              [115.372062, 31.349098],
+              [115.40717, 31.337854],
+              [115.443511, 31.344498],
+              [115.473076, 31.265242],
+              [115.507568, 31.267799],
+              [115.539597, 31.231985],
+              [115.540213, 31.194621],
+              [115.585793, 31.143926],
+              [115.603655, 31.17363],
+              [115.655394, 31.211002],
+              [115.700973, 31.201276],
+              [115.778582, 31.112164],
+              [115.797676, 31.128047],
+              [115.837712, 31.127022],
+              [115.867277, 31.147512],
+              [115.887603, 31.10909],
+              [115.939958, 31.071678],
+              [115.938726, 31.04707],
+              [116.006479, 31.034764],
+              [116.015102, 31.011685],
+              [116.058834, 31.012711],
+              [116.071769, 30.956787],
+              [116.03974, 30.957813],
+              [115.976298, 30.931636],
+              [115.932566, 30.889532],
+              [115.865429, 30.864364],
+              [115.848799, 30.828397],
+              [115.863581, 30.815549],
+              [115.851262, 30.756938],
+              [115.782893, 30.751795],
+              [115.762567, 30.685426],
+              [115.81369, 30.637035],
+              [115.819234, 30.597893],
+              [115.848799, 30.602014],
+              [115.876516, 30.582438],
+              [115.887603, 30.542758],
+              [115.910393, 30.519046],
+              [115.894994, 30.452517],
+              [115.921479, 30.416397],
+              [115.885139, 30.379747],
+              [115.91532, 30.337919],
+              [115.903001, 30.31364],
+              [115.985537, 30.290905],
+              [115.997856, 30.252657],
+              [116.065609, 30.204569],
+              [116.055754, 30.180774],
+              [116.088399, 30.110391],
+              [116.078544, 30.062233],
+              [116.091479, 30.036331],
+              [116.073616, 29.969993],
+              [116.128435, 29.897904],
+              [116.13521, 29.819532],
+              [116.172783, 29.828358],
+              [116.227601, 29.816936],
+              [116.250391, 29.785777],
+              [116.280572, 29.788893],
+              [116.342782, 29.835626],
+              [116.467818, 29.896347],
+              [116.525716, 29.897385],
+              [116.552201, 29.909836],
+              [116.585462, 30.045657],
+              [116.620571, 30.073109],
+              [116.666766, 30.076734],
+              [116.720353, 30.053945],
+              [116.747454, 30.057053],
+              [116.783794, 30.030632],
+              [116.802889, 29.99643],
+              [116.830606, 30.004723],
+              [116.83307, 29.95755],
+              [116.868794, 29.980361],
+              [116.900207, 29.949253],
+              [116.882961, 29.893753],
+              [116.780715, 29.792529],
+              [116.762237, 29.802396],
+              [116.673541, 29.709916],
+              [116.698795, 29.707836],
+              [116.70557, 29.69692],
+              [116.706802, 29.6964],
+              [116.704954, 29.688602],
+              [116.680317, 29.681323],
+              [116.651983, 29.637118],
+              [116.716657, 29.590813],
+              [116.721585, 29.564789],
+              [116.760389, 29.599139],
+              [116.780715, 29.569994],
+              [116.849084, 29.57624],
+              [116.873722, 29.609546],
+              [116.939627, 29.648561],
+              [116.974736, 29.657403],
+              [116.996294, 29.683403],
+              [117.041873, 29.680803],
+              [117.112706, 29.711995],
+              [117.108395, 29.75201],
+              [117.136728, 29.775388],
+              [117.123177, 29.798761],
+              [117.073286, 29.831992],
+              [117.127489, 29.86158],
+              [117.129952, 29.89946],
+              [117.171836, 29.920729],
+              [117.2168, 29.926953],
+              [117.246365, 29.915023],
+              [117.261763, 29.880781],
+              [117.25314, 29.834588],
+              [117.29256, 29.822647],
+              [117.338756, 29.848085],
+              [117.359082, 29.812782],
+              [117.382487, 29.840818],
+              [117.415132, 29.85068],
+              [117.408973, 29.802396],
+              [117.455168, 29.749412],
+              [117.453936, 29.688082],
+              [117.490277, 29.660003],
+              [117.530313, 29.654282],
+              [117.523538, 29.630356],
+              [117.543248, 29.588731],
+              [117.608537, 29.591333],
+              [117.647957, 29.614749],
+              [117.678754, 29.595496],
+              [117.690457, 29.555939],
+              [117.729877, 29.550213],
+              [117.795167, 29.570515],
+              [117.872775, 29.54761],
+              [117.933753, 29.549172],
+              [118.00397, 29.578322],
+              [118.042774, 29.566351],
+              [118.050782, 29.542924],
+              [118.095129, 29.534072],
+              [118.143788, 29.489803],
+              [118.127774, 29.47209],
+              [118.136397, 29.418932],
+              [118.193064, 29.395472],
+              [118.248498, 29.431443],
+              [118.316252, 29.422581],
+              [118.306396, 29.479384],
+              [118.329802, 29.495012],
+              [118.347664, 29.474174],
+              [118.381541, 29.504909],
+              [118.496106, 29.519492],
+              [118.500417, 29.57572],
+              [118.532446, 29.588731],
+              [118.573714, 29.638159],
+              [118.61991, 29.654282],
+              [118.647011, 29.64336],
+              [118.700598, 29.706277],
+              [118.744945, 29.73902],
+              [118.740634, 29.814859],
+              [118.841032, 29.891159],
+              [118.838568, 29.934733],
+              [118.894619, 29.937845],
+              [118.902626, 30.029078],
+              [118.878604, 30.064822],
+              [118.873677, 30.11505],
+              [118.895234, 30.148694],
+              [118.852119, 30.149729],
+              [118.852735, 30.166805],
+              [118.929727, 30.2025],
+              [118.905089, 30.216464],
+              [118.877988, 30.282637],
+              [118.880452, 30.31519],
+              [118.954365, 30.360126],
+              [118.988857, 30.332237],
+              [119.06277, 30.304856],
+              [119.091719, 30.323972],
+              [119.126828, 30.304856],
+              [119.201356, 30.290905],
+              [119.236465, 30.297106],
+              [119.246936, 30.341018],
+              [119.277117, 30.341018],
+              [119.326392, 30.372002],
+              [119.349182, 30.349281],
+              [119.402768, 30.374584],
+              [119.36766, 30.38491],
+              [119.335015, 30.448389],
+              [119.336247, 30.508734],
+              [119.326392, 30.532964],
+              [119.272189, 30.510281],
+              [119.237081, 30.546881],
+              [119.265414, 30.574709],
+              [119.238929, 30.609225],
+              [119.323312, 30.630341],
+              [119.343022, 30.664322],
+              [119.39045, 30.685941],
+              [119.408312, 30.645274],
+              [119.444652, 30.650422],
+              [119.482841, 30.704467],
+              [119.479761, 30.772365],
+              [119.527188, 30.77905],
+              [119.55429, 30.825828],
+              [119.575847, 30.829939],
+              [119.557369, 30.874124],
+              [119.563529, 30.919315],
+              [119.582007, 30.932149],
+              [119.580159, 30.967051],
+              [119.633746, 31.019379],
+              [119.629434, 31.085517],
+              [119.649144, 31.104991],
+              [119.623891, 31.130096],
+              [119.599869, 31.10909],
+              [119.532732, 31.159291],
+              [119.461283, 31.156219],
+              [119.439109, 31.177214],
+              [119.391682, 31.174142],
+              [119.360269, 31.213049],
+              [119.374435, 31.258591],
+              [119.350414, 31.301043],
+              [119.338095, 31.259103],
+              [119.294363, 31.263195],
+              [119.266646, 31.250405],
+              [119.198277, 31.270357],
+              [119.197661, 31.295418],
+              [119.158241, 31.294907],
+              [119.107118, 31.250917],
+              [119.10527, 31.235055],
+              [119.014727, 31.241707],
+              [118.984546, 31.237102],
+              [118.870597, 31.242219],
+              [118.794836, 31.229426],
+              [118.756648, 31.279564],
+              [118.726467, 31.282121],
+              [118.720924, 31.322518],
+              [118.745561, 31.372606],
+              [118.767735, 31.363919],
+              [118.824401, 31.375672],
+              [118.852119, 31.393553],
+              [118.883532, 31.500261],
+              [118.857046, 31.506384],
+              [118.865669, 31.519139],
+              [118.885995, 31.519139],
+              [118.881684, 31.564023],
+              [118.858894, 31.623665],
+              [118.802844, 31.619078],
+              [118.773894, 31.682759],
+              [118.748025, 31.675629],
+              [118.736322, 31.633347],
+              [118.643315, 31.649651],
+              [118.643315, 31.671555],
+              [118.697518, 31.709747],
+              [118.653786, 31.73011],
+              [118.641467, 31.75861],
+              [118.571866, 31.746397],
+              [118.5577, 31.73011],
+              [118.521975, 31.743343],
+              [118.533678, 31.76726],
+              [118.481939, 31.778453],
+              [118.504729, 31.841516],
+              [118.466541, 31.857784],
+              [118.472084, 31.879639],
+              [118.363679, 31.930443],
+              [118.389548, 31.985281],
+              [118.394476, 32.076098],
+              [118.433896, 32.086746],
+              [118.501033, 32.121726],
+              [118.49549, 32.165304],
+              [118.510888, 32.194176],
+              [118.643931, 32.209875],
+              [118.674728, 32.250375],
+              [118.657482, 32.30148],
+              [118.703061, 32.328792],
+              [118.685199, 32.403604],
+              [118.691359, 32.472295],
+              [118.628533, 32.467751],
+              [118.592192, 32.481383],
+              [118.608823, 32.536899],
+              [118.564475, 32.562122],
+              [118.568787, 32.585825],
+              [118.59712, 32.600951],
+              [118.632844, 32.578261],
+              [118.658714, 32.594397],
+              [118.688895, 32.588346],
+              [118.719076, 32.614059],
+              [118.719076, 32.614059],
+              [118.73509, 32.58885],
+              [118.757264, 32.603976],
+              [118.784981, 32.582295],
+              [118.820706, 32.60448],
+              [118.84288, 32.56767],
+              [118.908169, 32.59238],
+              [118.890923, 32.553042],
+              [118.92172, 32.557078],
+              [118.922336, 32.557078],
+              [118.92172, 32.557078],
+              [118.922336, 32.557078],
+              [118.975923, 32.505108],
+              [119.041212, 32.515201],
+              [119.084944, 32.452602],
+              [119.142226, 32.499556],
+              [119.168096, 32.536394],
+              [119.152697, 32.557582],
+              [119.22045, 32.576748],
+              [119.230921, 32.607001],
+              [119.208748, 32.641276],
+              [119.211827, 32.708275],
+              [119.184726, 32.825529],
+              [119.113277, 32.823014],
+              [119.054763, 32.8748],
+              [119.020886, 32.955685],
+              [118.993169, 32.958196],
+              [118.934039, 32.93861],
+              [118.892771, 32.941121],
+              [118.89585, 32.957694],
+              [118.89585, 32.957694],
+              [118.849039, 32.956689],
+              [118.846575, 32.922034],
+              [118.821322, 32.920527],
+              [118.810235, 32.853687],
+              [118.743097, 32.853184],
+              [118.743097, 32.853184],
+              [118.73817, 32.772708],
+              [118.756648, 32.737477],
+              [118.707373, 32.72036],
+              [118.642699, 32.744525],
+              [118.572482, 32.719856],
+              [118.560163, 32.729926],
+              [118.483787, 32.721367],
+              [118.450526, 32.743518],
+              [118.411106, 32.715828],
+              [118.375382, 32.718849],
+              [118.363063, 32.770695],
+              [118.334114, 32.761637],
+              [118.300237, 32.783275],
+              [118.301469, 32.846145],
+              [118.250346, 32.848157],
+              [118.2331, 32.914498],
+              [118.252194, 32.936601],
+              [118.291614, 32.946143],
+              [118.303933, 32.96874],
+              [118.26944, 32.969242],
+              [118.244803, 32.998359],
+              [118.243571, 33.027967],
+              [118.219549, 33.114227],
+              [118.217085, 33.191888],
+              [118.178281, 33.217926],
+              [118.149332, 33.169348],
+              [118.038463, 33.134776],
+              [118.037231, 33.152314],
+              [117.988572, 33.180869],
+              [117.977485, 33.226437],
+              [117.942376, 33.224936],
+              [117.939297, 33.262475],
+              [117.974405, 33.279487],
+              [117.992883, 33.333005],
+              [118.029224, 33.374995],
+              [118.016905, 33.402978],
+              [118.027376, 33.455421],
+              [118.050782, 33.491863],
+              [118.107448, 33.475391],
+              [118.117919, 33.594615],
+              [118.112376, 33.617045],
+              [118.16781, 33.663381],
+              [118.161035, 33.735576],
+              [118.117919, 33.766427],
+              [118.065564, 33.76593],
+              [118.019985, 33.738562],
+              [117.972557, 33.74951],
+              [117.901724, 33.720146],
+              [117.843826, 33.736074],
+              [117.791471, 33.733585],
+              [117.750203, 33.710688],
+              [117.72495, 33.74951],
+              [117.739732, 33.758467],
+              [117.759442, 33.874318],
+              [117.753899, 33.891211],
+              [117.715095, 33.879287],
+              [117.672595, 33.934916],
+              [117.671363, 33.992494],
+              [117.629479, 34.028708],
+              [117.612849, 34.000433],
+              [117.569117, 33.985051],
+              [117.543248, 34.038627],
+              [117.514914, 34.060941],
+              [117.435458, 34.028212],
+              [117.404045, 34.03218],
+              [117.357234, 34.088205],
+              [117.311654, 34.067882],
+              [117.277162, 34.078787],
+              [117.257452, 34.065899],
+              [117.192162, 34.068873],
+              [117.130568, 34.101586],
+              [117.123793, 34.128342],
+              [117.046801, 34.151622],
+              [117.025243, 34.167469],
+              [117.051112, 34.221425],
+              [116.969192, 34.283753],
+              [116.983359, 34.348011],
+              [116.960569, 34.363821],
+              [116.969192, 34.389012],
+              [116.909446, 34.408271],
+              [116.828142, 34.389012],
+              [116.782563, 34.429993],
+              [116.773939, 34.453683],
+              [116.722816, 34.472434],
+              [116.662454, 34.472927],
+              [116.592237, 34.493646],
+              [116.594085, 34.511894],
+              [116.490607, 34.573513],
+              [116.477057, 34.614896],
+              [116.432709, 34.630163],
+              [116.430245, 34.650843],
+              [116.374195, 34.640011],
+              [116.334159, 34.620806],
+              [116.32492, 34.601104],
+              [116.286116, 34.608986],
+              [116.247927, 34.551829],
+              [116.196804, 34.575977],
+              [116.191261, 34.535561],
+              [116.204196, 34.508442],
+              [116.178326, 34.496112],
+              [116.162312, 34.459605],
+              [116.178942, 34.430487],
+              [116.215898, 34.403333],
+              [116.213435, 34.382098],
+              [116.255934, 34.376665],
+              [116.301514, 34.342082],
+              [116.357564, 34.319843],
+              [116.372347, 34.26595],
+              [116.409303, 34.273863],
+              [116.409303, 34.273863],
+              [116.456731, 34.268917],
+              [116.516477, 34.296114],
+              [116.562056, 34.285731],
+              [116.582382, 34.266444],
+              [116.545426, 34.241711],
+              [116.542962, 34.203608],
+              [116.565752, 34.16945],
+              [116.536187, 34.151127],
+              [116.52818, 34.122892],
+              [116.576223, 34.068873],
+              [116.576223, 34.068873],
+              [116.599629, 34.014324],
+              [116.599629, 34.014324]
+            ]
+          ],
+          [
+            [
+              [118.865669, 31.519139],
+              [118.857046, 31.506384],
+              [118.883532, 31.500261],
+              [118.885995, 31.519139],
+              [118.865669, 31.519139]
+            ]
+          ],
+          [
+            [
+              [116.698795, 29.707836],
+              [116.673541, 29.709916],
+              [116.653831, 29.694841],
+              [116.680317, 29.681323],
+              [116.704954, 29.688602],
+              [116.706802, 29.6964],
+              [116.70557, 29.69692],
+              [116.698795, 29.707836]
+            ]
+          ],
+          [
+            [
+              [115.5088, 32.468761],
+              [115.509416, 32.466741],
+              [115.510648, 32.467751],
+              [115.510648, 32.468256],
+              [115.510648, 32.468761],
+              [115.5088, 32.468761]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 350000,
+        "name": "福建省",
+        "center": [119.306239, 26.075302],
+        "centroid": [118.006468, 26.069925],
+        "childrenNum": 9,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 12,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [119.004872, 24.970009],
+              [118.989473, 24.973807],
+              [119.023966, 25.04377],
+              [119.016575, 25.058409],
+              [118.974691, 25.024792],
+              [118.945126, 25.028588],
+              [118.892155, 25.092558],
+              [118.974691, 25.115319],
+              [118.951901, 25.15162],
+              [118.985162, 25.168954],
+              [118.985162, 25.19495],
+              [118.942046, 25.211195],
+              [118.940198, 25.21715],
+              [118.943278, 25.221482],
+              [118.903242, 25.239347],
+              [118.900162, 25.242595],
+              [118.919256, 25.248008],
+              [118.91556, 25.256668],
+              [118.918024, 25.25721],
+              [118.956212, 25.272905],
+              [118.996864, 25.266411],
+              [118.975307, 25.237723],
+              [118.990089, 25.20199],
+              [119.055379, 25.219316],
+              [119.074473, 25.211195],
+              [119.054147, 25.168412],
+              [119.032589, 25.17437],
+              [119.028893, 25.139702],
+              [119.06585, 25.102855],
+              [119.075705, 25.099604],
+              [119.134219, 25.106107],
+              [119.107118, 25.075214],
+              [119.119436, 25.012861],
+              [119.146538, 25.056782],
+              [119.165632, 25.145661],
+              [119.137299, 25.15487],
+              [119.108349, 25.193867],
+              [119.131755, 25.223106],
+              [119.190269, 25.175995],
+              [119.231537, 25.188993],
+              [119.26911, 25.159746],
+              [119.314689, 25.190076],
+              [119.294979, 25.237182],
+              [119.331935, 25.230685],
+              [119.380595, 25.250173],
+              [119.333167, 25.287516],
+              [119.299291, 25.328634],
+              [119.247552, 25.333502],
+              [119.240776, 25.316733],
+              [119.218603, 25.368115],
+              [119.14469, 25.388121],
+              [119.151465, 25.426503],
+              [119.191501, 25.424341],
+              [119.232153, 25.442176],
+              [119.219834, 25.468654],
+              [119.256175, 25.488643],
+              [119.275269, 25.476758],
+              [119.26295, 25.428124],
+              [119.288204, 25.410827],
+              [119.353493, 25.411908],
+              [119.343638, 25.472436],
+              [119.359037, 25.521592],
+              [119.400921, 25.493505],
+              [119.45266, 25.493505],
+              [119.438493, 25.412449],
+              [119.463131, 25.448661],
+              [119.491464, 25.443257],
+              [119.48592, 25.418935],
+              [119.507478, 25.396231],
+              [119.486536, 25.369737],
+              [119.548746, 25.365952],
+              [119.578927, 25.400556],
+              [119.555521, 25.429205],
+              [119.577695, 25.445959],
+              [119.59063, 25.398394],
+              [119.582623, 25.374063],
+              [119.597405, 25.334584],
+              [119.649144, 25.342697],
+              [119.665159, 25.3719],
+              [119.656535, 25.396772],
+              [119.670086, 25.435691],
+              [119.622659, 25.434069],
+              [119.675014, 25.468113],
+              [119.682405, 25.445959],
+              [119.688564, 25.441095],
+              [119.773564, 25.395691],
+              [119.764325, 25.433529],
+              [119.804977, 25.457847],
+              [119.866571, 25.455145],
+              [119.864107, 25.469734],
+              [119.862875, 25.474597],
+              [119.811136, 25.507009],
+              [119.81668, 25.532393],
+              [119.861027, 25.531313],
+              [119.883817, 25.546432],
+              [119.831462, 25.579905],
+              [119.843165, 25.597717],
+              [119.790194, 25.614447],
+              [119.785883, 25.66786],
+              [119.700267, 25.616606],
+              [119.683637, 25.592859],
+              [119.716898, 25.551292],
+              [119.715666, 25.51187],
+              [119.680557, 25.497827],
+              [119.675014, 25.475137],
+              [119.634362, 25.475137],
+              [119.611572, 25.519972],
+              [119.616499, 25.556691],
+              [119.586934, 25.59232],
+              [119.534579, 25.585303],
+              [119.541355, 25.6247],
+              [119.478529, 25.631715],
+              [119.472986, 25.662466],
+              [119.543819, 25.684581],
+              [119.602949, 25.68512],
+              [119.602949, 25.714779],
+              [119.626354, 25.723406],
+              [119.628202, 25.87212],
+              [119.638057, 25.889888],
+              [119.69534, 25.904424],
+              [119.723673, 26.011503],
+              [119.700267, 26.032477],
+              [119.668854, 26.026024],
+              [119.654688, 26.090002],
+              [119.618963, 26.11956],
+              [119.604181, 26.168985],
+              [119.664543, 26.202282],
+              [119.676246, 26.262943],
+              [119.7711, 26.285481],
+              [119.802513, 26.268846],
+              [119.806825, 26.307479],
+              [119.845013, 26.323036],
+              [119.862875, 26.307479],
+              [119.904143, 26.308552],
+              [119.95465, 26.352534],
+              [119.946027, 26.374519],
+              [119.893672, 26.355752],
+              [119.835774, 26.434019],
+              [119.83639, 26.454381],
+              [119.788346, 26.583435],
+              [119.740303, 26.610727],
+              [119.670086, 26.618218],
+              [119.605412, 26.595744],
+              [119.577695, 26.622498],
+              [119.619579, 26.649246],
+              [119.637441, 26.703256],
+              [119.664543, 26.726243],
+              [119.711354, 26.686681],
+              [119.833926, 26.690959],
+              [119.864107, 26.671174],
+              [119.873962, 26.642827],
+              [119.908455, 26.661547],
+              [119.899216, 26.693098],
+              [119.938636, 26.747088],
+              [119.942947, 26.784492],
+              [120.052584, 26.786629],
+              [120.061824, 26.768997],
+              [119.99407, 26.720363],
+              [119.969433, 26.686681],
+              [119.972512, 26.654594],
+              [119.949107, 26.624638],
+              [119.901679, 26.624638],
+              [119.851788, 26.595209],
+              [119.828383, 26.524013],
+              [119.867187, 26.509019],
+              [119.947875, 26.56042],
+              [119.93802, 26.576478],
+              [119.967585, 26.597885],
+              [120.007621, 26.595744],
+              [120.063671, 26.627848],
+              [120.093852, 26.613938],
+              [120.1382, 26.638012],
+              [120.110483, 26.692563],
+              [120.162222, 26.717691],
+              [120.151135, 26.750829],
+              [120.106787, 26.752966],
+              [120.136352, 26.797847],
+              [120.103707, 26.794642],
+              [120.102476, 26.82669],
+              [120.073526, 26.823485],
+              [120.054432, 26.863533],
+              [120.117874, 26.882751],
+              [120.126497, 26.920644],
+              [120.130193, 26.917976],
+              [120.1807, 26.920644],
+              [120.233055, 26.907837],
+              [120.25954, 26.982526],
+              [120.279866, 26.987326],
+              [120.275554, 27.027315],
+              [120.29588, 27.035845],
+              [120.282946, 27.089671],
+              [120.391967, 27.081146],
+              [120.403054, 27.10086],
+              [120.461568, 27.142407],
+              [120.404286, 27.204166],
+              [120.401822, 27.250996],
+              [120.430155, 27.258976],
+              [120.343924, 27.363199],
+              [120.340844, 27.399867],
+              [120.273091, 27.38924],
+              [120.26262, 27.432804],
+              [120.221352, 27.420055],
+              [120.134504, 27.420055],
+              [120.136968, 27.402523],
+              [120.096316, 27.390302],
+              [120.052584, 27.338747],
+              [120.026099, 27.344063],
+              [120.008237, 27.375423],
+              [119.960194, 27.365857],
+              [119.938636, 27.329709],
+              [119.843165, 27.300464],
+              [119.768636, 27.307909],
+              [119.782187, 27.330241],
+              [119.739687, 27.362668],
+              [119.750774, 27.373829],
+              [119.711354, 27.403054],
+              [119.685485, 27.438646],
+              [119.703347, 27.446613],
+              [119.70889, 27.514042],
+              [119.690412, 27.537394],
+              [119.659615, 27.540578],
+              [119.675014, 27.574534],
+              [119.630666, 27.582491],
+              [119.626354, 27.620676],
+              [119.644217, 27.663619],
+              [119.606028, 27.674749],
+              [119.541971, 27.666799],
+              [119.501319, 27.649837],
+              [119.501935, 27.610601],
+              [119.466826, 27.526249],
+              [119.438493, 27.508734],
+              [119.416935, 27.539517],
+              [119.360269, 27.524657],
+              [119.334399, 27.480067],
+              [119.285124, 27.457766],
+              [119.26911, 27.42218],
+              [119.224146, 27.416868],
+              [119.14777, 27.424836],
+              [119.121284, 27.438115],
+              [119.129907, 27.475289],
+              [119.092335, 27.466262],
+              [119.03998, 27.478475],
+              [119.020886, 27.498118],
+              [118.983314, 27.498649],
+              [118.986393, 27.47582],
+              [118.955597, 27.4498],
+              [118.907553, 27.460952],
+              [118.869365, 27.540047],
+              [118.909401, 27.568168],
+              [118.913713, 27.619616],
+              [118.879836, 27.667859],
+              [118.873677, 27.733563],
+              [118.829329, 27.847921],
+              [118.818242, 27.916689],
+              [118.753568, 27.947885],
+              [118.730163, 27.970615],
+              [118.733858, 28.027684],
+              [118.719076, 28.063601],
+              [118.767735, 28.10584],
+              [118.802228, 28.117453],
+              [118.805923, 28.154923],
+              [118.771431, 28.188687],
+              [118.804075, 28.207675],
+              [118.802228, 28.240368],
+              [118.756032, 28.252493],
+              [118.719692, 28.312047],
+              [118.699366, 28.309939],
+              [118.674728, 28.27147],
+              [118.651322, 28.277267],
+              [118.595272, 28.258292],
+              [118.588497, 28.282538],
+              [118.493026, 28.262509],
+              [118.490562, 28.238259],
+              [118.444367, 28.253548],
+              [118.433896, 28.288335],
+              [118.424041, 28.291497],
+              [118.314404, 28.221913],
+              [118.339041, 28.193962],
+              [118.375382, 28.186577],
+              [118.361215, 28.155978],
+              [118.356288, 28.091586],
+              [118.242339, 28.075746],
+              [118.199839, 28.049869],
+              [118.153644, 28.062016],
+              [118.120999, 28.041946],
+              [118.129006, 28.017118],
+              [118.094513, 28.003909],
+              [118.096977, 27.970615],
+              [117.999043, 27.991227],
+              [117.965166, 27.962687],
+              [117.942992, 27.974315],
+              [117.910963, 27.949471],
+              [117.856145, 27.94577],
+              [117.78716, 27.896063],
+              [117.788392, 27.855858],
+              [117.740348, 27.800286],
+              [117.704624, 27.834162],
+              [117.68245, 27.823577],
+              [117.649805, 27.851625],
+              [117.609769, 27.863265],
+              [117.556182, 27.966387],
+              [117.52169, 27.982243],
+              [117.477958, 27.930966],
+              [117.453936, 27.939955],
+              [117.407741, 27.893948],
+              [117.366473, 27.88231],
+              [117.341836, 27.855858],
+              [117.334444, 27.8876],
+              [117.280242, 27.871201],
+              [117.276546, 27.847921],
+              [117.303031, 27.833103],
+              [117.296256, 27.764282],
+              [117.245133, 27.71926],
+              [117.205097, 27.714492],
+              [117.204481, 27.683759],
+              [117.174916, 27.677399],
+              [117.114554, 27.692238],
+              [117.096076, 27.667329],
+              [117.11209, 27.645596],
+              [117.094228, 27.627569],
+              [117.065279, 27.665739],
+              [117.040641, 27.669979],
+              [117.003685, 27.625449],
+              [117.024627, 27.592569],
+              [117.01662, 27.563393],
+              [117.054808, 27.5427],
+              [117.076982, 27.566046],
+              [117.103467, 27.533149],
+              [117.110242, 27.458828],
+              [117.133032, 27.42218],
+              [117.107163, 27.393491],
+              [117.104699, 27.330773],
+              [117.140423, 27.322798],
+              [117.136728, 27.303123],
+              [117.171836, 27.29036],
+              [117.149662, 27.241419],
+              [117.044953, 27.146667],
+              [117.05296, 27.100327],
+              [116.967344, 27.061962],
+              [116.936547, 27.019319],
+              [116.910062, 27.034779],
+              [116.851548, 27.009188],
+              [116.817671, 27.018252],
+              [116.679085, 26.978259],
+              [116.632889, 26.933984],
+              [116.602092, 26.888623],
+              [116.548506, 26.84004],
+              [116.543578, 26.803723],
+              [116.557745, 26.773806],
+              [116.515245, 26.720898],
+              [116.520172, 26.684543],
+              [116.566368, 26.650315],
+              [116.553433, 26.575942],
+              [116.539267, 26.559349],
+              [116.597165, 26.512768],
+              [116.610716, 26.476882],
+              [116.638433, 26.477418],
+              [116.608252, 26.429732],
+              [116.601476, 26.372911],
+              [116.553433, 26.365404],
+              [116.553433, 26.400253],
+              [116.519557, 26.410437],
+              [116.499846, 26.361651],
+              [116.459194, 26.345026],
+              [116.437021, 26.308016],
+              [116.412999, 26.297822],
+              [116.385282, 26.238253],
+              [116.400064, 26.202819],
+              [116.392057, 26.171133],
+              [116.435789, 26.159854],
+              [116.476441, 26.172745],
+              [116.489375, 26.113649],
+              [116.384666, 26.030864],
+              [116.360028, 25.991601],
+              [116.369883, 25.963088],
+              [116.326152, 25.956631],
+              [116.303362, 25.924341],
+              [116.258398, 25.902809],
+              [116.225138, 25.908731],
+              [116.17771, 25.894195],
+              [116.132131, 25.860273],
+              [116.131515, 25.824185],
+              [116.18079, 25.778926],
+              [116.129667, 25.758985],
+              [116.106877, 25.701299],
+              [116.067457, 25.703995],
+              [116.068689, 25.646282],
+              [116.041588, 25.62416],
+              [116.063145, 25.56317],
+              [116.040356, 25.548052],
+              [116.03666, 25.514571],
+              [116.005247, 25.490264],
+              [116.023109, 25.435691],
+              [115.992928, 25.374063],
+              [116.008327, 25.319437],
+              [115.987385, 25.290221],
+              [115.949813, 25.292386],
+              [115.930719, 25.236099],
+              [115.855574, 25.20957],
+              [115.860501, 25.165704],
+              [115.888219, 25.128866],
+              [115.880212, 25.092016],
+              [115.908545, 25.084428],
+              [115.928255, 25.050276],
+              [115.873436, 25.019911],
+              [115.925175, 24.960786],
+              [115.870356, 24.959701],
+              [115.89253, 24.936911],
+              [115.907929, 24.923343],
+              [115.985537, 24.899461],
+              [116.015102, 24.905975],
+              [116.068073, 24.850053],
+              [116.153073, 24.846795],
+              [116.191877, 24.877203],
+              [116.221442, 24.829959],
+              [116.251007, 24.82507],
+              [116.244232, 24.793563],
+              [116.297202, 24.801712],
+              [116.345862, 24.828872],
+              [116.363724, 24.87123],
+              [116.395137, 24.877746],
+              [116.417927, 24.840821],
+              [116.381586, 24.82507],
+              [116.375427, 24.803885],
+              [116.419158, 24.767482],
+              [116.416079, 24.744113],
+              [116.44626, 24.714216],
+              [116.485064, 24.720196],
+              [116.517709, 24.652225],
+              [116.506622, 24.621218],
+              [116.530027, 24.604895],
+              [116.570679, 24.621762],
+              [116.600861, 24.654401],
+              [116.623034, 24.64189],
+              [116.667382, 24.658752],
+              [116.777635, 24.679418],
+              [116.815207, 24.654944],
+              [116.761005, 24.583128],
+              [116.759157, 24.545572],
+              [116.796729, 24.502014],
+              [116.83307, 24.496568],
+              [116.860787, 24.460075],
+              [116.839229, 24.442097],
+              [116.903903, 24.369614],
+              [116.895895, 24.350533],
+              [116.919301, 24.321087],
+              [116.914374, 24.287817],
+              [116.938395, 24.28127],
+              [116.933468, 24.220157],
+              [116.956257, 24.216883],
+              [116.998757, 24.179217],
+              [116.9347, 24.126794],
+              [116.930388, 24.064514],
+              [116.953178, 24.008218],
+              [116.981511, 23.999471],
+              [116.976583, 23.931659],
+              [116.955642, 23.922359],
+              [116.981511, 23.855602],
+              [117.012308, 23.855054],
+              [117.019083, 23.801952],
+              [117.048032, 23.758687],
+              [117.055424, 23.694038],
+              [117.123793, 23.647448],
+              [117.147199, 23.654027],
+              [117.192778, 23.629356],
+              [117.192778, 23.5619],
+              [117.291328, 23.571225],
+              [117.302415, 23.550379],
+              [117.387415, 23.555317],
+              [117.463791, 23.584937],
+              [117.454552, 23.628259],
+              [117.493357, 23.642514],
+              [117.501364, 23.70445],
+              [117.54448, 23.715956],
+              [117.601762, 23.70171],
+              [117.660276, 23.789357],
+              [117.651653, 23.815093],
+              [117.671979, 23.878041],
+              [117.691073, 23.888985],
+              [117.762522, 23.886796],
+              [117.792703, 23.906494],
+              [117.807486, 23.947521],
+              [117.864768, 24.004938],
+              [117.910347, 24.012045],
+              [117.927594, 24.039922],
+              [117.936217, 24.100029],
+              [118.000275, 24.152462],
+              [118.019369, 24.197232],
+              [118.074803, 24.225615],
+              [118.115455, 24.229435],
+              [118.158571, 24.269814],
+              [118.112376, 24.357075],
+              [118.081579, 24.35653],
+              [118.088354, 24.408858],
+              [118.048934, 24.418122],
+              [118.084042, 24.528695],
+              [118.121615, 24.570067],
+              [118.150564, 24.583673],
+              [118.169042, 24.559725],
+              [118.242955, 24.51236],
+              [118.375382, 24.536317],
+              [118.363679, 24.567889],
+              [118.444367, 24.614689],
+              [118.512736, 24.60816],
+              [118.557084, 24.572788],
+              [118.558316, 24.51236],
+              [118.614366, 24.521617],
+              [118.680272, 24.58204],
+              [118.687047, 24.63373],
+              [118.661178, 24.622306],
+              [118.652554, 24.653857],
+              [118.670417, 24.679962],
+              [118.703677, 24.665278],
+              [118.778822, 24.743569],
+              [118.786213, 24.77672],
+              [118.650707, 24.808774],
+              [118.647627, 24.843536],
+              [118.702445, 24.865258],
+              [118.69875, 24.848967],
+              [118.748641, 24.84245],
+              [118.807771, 24.870687],
+              [118.834256, 24.854397],
+              [118.864437, 24.887518],
+              [118.933423, 24.870687],
+              [118.988857, 24.878831],
+              [118.987009, 24.898375],
+              [118.932807, 24.906518],
+              [118.91864, 24.932569],
+              [118.945741, 24.954275],
+              [119.014111, 24.941252],
+              [119.032589, 24.961328],
+              [119.032589, 24.961871],
+              [119.007335, 24.963499],
+              [119.004872, 24.970009]
+            ]
+          ],
+          [
+            [
+              [118.412338, 24.514538],
+              [118.374766, 24.458986],
+              [118.318715, 24.486765],
+              [118.298389, 24.477506],
+              [118.31194, 24.424661],
+              [118.282375, 24.413218],
+              [118.329802, 24.382152],
+              [118.353208, 24.415398],
+              [118.405563, 24.427931],
+              [118.457918, 24.412128],
+              [118.477012, 24.437738],
+              [118.451758, 24.506915],
+              [118.412338, 24.514538]
+            ]
+          ],
+          [
+            [
+              [119.471138, 25.197116],
+              [119.507478, 25.183036],
+              [119.52534, 25.157579],
+              [119.549362, 25.161912],
+              [119.566608, 25.210112],
+              [119.540739, 25.20199],
+              [119.501319, 25.21715],
+              [119.473601, 25.259916],
+              [119.44342, 25.238806],
+              [119.444036, 25.20199],
+              [119.471138, 25.197116]
+            ]
+          ],
+          [
+            [
+              [119.580159, 25.627398],
+              [119.611572, 25.669479],
+              [119.580775, 25.650059],
+              [119.580159, 25.627398]
+            ]
+          ],
+          [
+            [
+              [119.976824, 26.191005],
+              [120.016244, 26.217316],
+              [119.998998, 26.235569],
+              [119.970665, 26.217852],
+              [119.976824, 26.191005]
+            ]
+          ],
+          [
+            [
+              [118.230636, 24.401228],
+              [118.273752, 24.441007],
+              [118.233716, 24.445911],
+              [118.230636, 24.401228]
+            ]
+          ],
+          [
+            [
+              [119.906607, 26.68989],
+              [119.926933, 26.664756],
+              [119.950954, 26.692563],
+              [119.906607, 26.68989]
+            ]
+          ],
+          [
+            [
+              [118.204151, 24.504737],
+              [118.191832, 24.536861],
+              [118.14502, 24.560814],
+              [118.093281, 24.540672],
+              [118.068644, 24.463344],
+              [118.084042, 24.435559],
+              [118.143173, 24.420847],
+              [118.19368, 24.463344],
+              [118.204151, 24.504737]
+            ]
+          ],
+          [
+            [
+              [119.929397, 26.134067],
+              [119.960194, 26.146961],
+              [119.919542, 26.172208],
+              [119.929397, 26.134067]
+            ]
+          ],
+          [
+            [
+              [119.642985, 26.129231],
+              [119.665159, 26.155556],
+              [119.62697, 26.173282],
+              [119.606028, 26.15287],
+              [119.642985, 26.129231]
+            ]
+          ],
+          [
+            [
+              [120.034106, 26.488667],
+              [120.066751, 26.498308],
+              [120.071679, 26.521336],
+              [120.035954, 26.515981],
+              [120.034106, 26.488667]
+            ]
+          ],
+          [
+            [
+              [119.662079, 25.646822],
+              [119.673782, 25.632794],
+              [119.718745, 25.634952],
+              [119.716898, 25.664624],
+              [119.662079, 25.646822]
+            ]
+          ],
+          [
+            [
+              [119.760629, 26.613402],
+              [119.776644, 26.600025],
+              [119.818527, 26.616613],
+              [119.796354, 26.630523],
+              [119.760629, 26.613402]
+            ]
+          ],
+          [
+            [
+              [120.135736, 26.550784],
+              [120.167149, 26.571661],
+              [120.153598, 26.604841],
+              [120.117874, 26.568984],
+              [120.135736, 26.550784]
+            ]
+          ],
+          [
+            [
+              [120.360554, 26.916909],
+              [120.394431, 26.933984],
+              [120.363018, 26.967592],
+              [120.327909, 26.963858],
+              [120.319286, 26.944654],
+              [120.360554, 26.916909]
+            ]
+          ],
+          [
+            [
+              [120.150519, 26.798916],
+              [120.140048, 26.795176],
+              [120.163454, 26.798381],
+              [120.161606, 26.803189],
+              [120.150519, 26.798916]
+            ]
+          ],
+          [
+            [
+              [119.668238, 26.628383],
+              [119.720593, 26.635873],
+              [119.758781, 26.659408],
+              [119.748926, 26.681334],
+              [119.712586, 26.6685],
+              [119.673782, 26.680799],
+              [119.651608, 26.657269],
+              [119.668238, 26.628383]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 360000,
+        "name": "江西省",
+        "center": [115.892151, 28.676493],
+        "centroid": [115.732975, 27.636112],
+        "childrenNum": 11,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 13,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [118.193064, 29.395472],
+              [118.136397, 29.418932],
+              [118.127774, 29.47209],
+              [118.143788, 29.489803],
+              [118.095129, 29.534072],
+              [118.050782, 29.542924],
+              [118.042774, 29.566351],
+              [118.00397, 29.578322],
+              [117.933753, 29.549172],
+              [117.872775, 29.54761],
+              [117.795167, 29.570515],
+              [117.729877, 29.550213],
+              [117.690457, 29.555939],
+              [117.678754, 29.595496],
+              [117.647957, 29.614749],
+              [117.608537, 29.591333],
+              [117.543248, 29.588731],
+              [117.523538, 29.630356],
+              [117.530313, 29.654282],
+              [117.490277, 29.660003],
+              [117.453936, 29.688082],
+              [117.455168, 29.749412],
+              [117.408973, 29.802396],
+              [117.415132, 29.85068],
+              [117.382487, 29.840818],
+              [117.359082, 29.812782],
+              [117.338756, 29.848085],
+              [117.29256, 29.822647],
+              [117.25314, 29.834588],
+              [117.261763, 29.880781],
+              [117.246365, 29.915023],
+              [117.2168, 29.926953],
+              [117.171836, 29.920729],
+              [117.129952, 29.89946],
+              [117.127489, 29.86158],
+              [117.073286, 29.831992],
+              [117.123177, 29.798761],
+              [117.136728, 29.775388],
+              [117.108395, 29.75201],
+              [117.112706, 29.711995],
+              [117.041873, 29.680803],
+              [116.996294, 29.683403],
+              [116.974736, 29.657403],
+              [116.939627, 29.648561],
+              [116.873722, 29.609546],
+              [116.849084, 29.57624],
+              [116.780715, 29.569994],
+              [116.760389, 29.599139],
+              [116.721585, 29.564789],
+              [116.716657, 29.590813],
+              [116.651983, 29.637118],
+              [116.680317, 29.681323],
+              [116.653831, 29.694841],
+              [116.673541, 29.709916],
+              [116.762237, 29.802396],
+              [116.780715, 29.792529],
+              [116.882961, 29.893753],
+              [116.900207, 29.949253],
+              [116.868794, 29.980361],
+              [116.83307, 29.95755],
+              [116.830606, 30.004723],
+              [116.802889, 29.99643],
+              [116.783794, 30.030632],
+              [116.747454, 30.057053],
+              [116.720353, 30.053945],
+              [116.666766, 30.076734],
+              [116.620571, 30.073109],
+              [116.585462, 30.045657],
+              [116.552201, 29.909836],
+              [116.525716, 29.897385],
+              [116.467818, 29.896347],
+              [116.342782, 29.835626],
+              [116.280572, 29.788893],
+              [116.250391, 29.785777],
+              [116.227601, 29.816936],
+              [116.172783, 29.828358],
+              [116.13521, 29.819532],
+              [116.087167, 29.795125],
+              [116.049595, 29.761881],
+              [115.965827, 29.724469],
+              [115.909777, 29.723949],
+              [115.837096, 29.748373],
+              [115.762567, 29.793048],
+              [115.706517, 29.837703],
+              [115.667712, 29.850161],
+              [115.611662, 29.841337],
+              [115.51188, 29.840299],
+              [115.479235, 29.811224],
+              [115.470612, 29.739539],
+              [115.412714, 29.688602],
+              [115.355431, 29.649602],
+              [115.304924, 29.637118],
+              [115.28583, 29.618391],
+              [115.250722, 29.660003],
+              [115.176809, 29.654803],
+              [115.113367, 29.684963],
+              [115.117679, 29.655843],
+              [115.143548, 29.645961],
+              [115.120142, 29.597578],
+              [115.157099, 29.584568],
+              [115.154019, 29.510117],
+              [115.086266, 29.525741],
+              [115.087498, 29.560104],
+              [115.033295, 29.546568],
+              [115.00065, 29.572076],
+              [114.947679, 29.542924],
+              [114.966773, 29.522096],
+              [114.940288, 29.493971],
+              [114.900868, 29.505951],
+              [114.860216, 29.476258],
+              [114.888549, 29.436134],
+              [114.918114, 29.454374],
+              [114.90518, 29.473132],
+              [114.935977, 29.486678],
+              [114.947063, 29.465317],
+              [114.931049, 29.422581],
+              [114.895325, 29.397557],
+              [114.866375, 29.404335],
+              [114.812173, 29.383478],
+              [114.784455, 29.386086],
+              [114.759818, 29.363139],
+              [114.740724, 29.386607],
+              [114.67297, 29.395993],
+              [114.621847, 29.379828],
+              [114.589819, 29.352707],
+              [114.519602, 29.325578],
+              [114.466015, 29.324013],
+              [114.440145, 29.341752],
+              [114.376088, 29.322969],
+              [114.341595, 29.327665],
+              [114.307102, 29.365225],
+              [114.259059, 29.343839],
+              [114.252284, 29.23475],
+              [114.169748, 29.216993],
+              [114.063191, 29.204978],
+              [114.034857, 29.152204],
+              [113.98743, 29.126068],
+              [113.952321, 29.092604],
+              [113.94185, 29.047097],
+              [113.961561, 28.999476],
+              [113.955401, 28.978536],
+              [113.973879, 28.937692],
+              [114.008988, 28.955498],
+              [114.005292, 28.917788],
+              [114.028082, 28.891069],
+              [114.060111, 28.902596],
+              [114.056415, 28.872204],
+              [114.076741, 28.834464],
+              [114.124784, 28.843376],
+              [114.153734, 28.829221],
+              [114.137719, 28.779926],
+              [114.157429, 28.761566],
+              [114.122321, 28.623497],
+              [114.132176, 28.607211],
+              [114.08598, 28.558337],
+              [114.138335, 28.533629],
+              [114.15435, 28.507337],
+              [114.218407, 28.48472],
+              [114.217175, 28.466308],
+              [114.172212, 28.432632],
+              [114.214712, 28.403157],
+              [114.252284, 28.395787],
+              [114.2529, 28.319423],
+              [114.198081, 28.29097],
+              [114.182067, 28.249858],
+              [114.143879, 28.246694],
+              [114.109386, 28.205038],
+              [114.107538, 28.182885],
+              [114.068734, 28.171806],
+              [114.012068, 28.174972],
+              [113.992357, 28.161255],
+              [114.025002, 28.080499],
+              [114.047176, 28.057263],
+              [114.025618, 28.031382],
+              [113.970184, 28.041418],
+              [113.966488, 28.017646],
+              [113.936307, 28.018703],
+              [113.914133, 27.991227],
+              [113.864242, 28.004966],
+              [113.845148, 27.971672],
+              [113.822974, 27.982243],
+              [113.752141, 27.93361],
+              [113.72812, 27.874904],
+              [113.756453, 27.860091],
+              [113.763228, 27.799228],
+              [113.69917, 27.740979],
+              [113.696707, 27.71979],
+              [113.652359, 27.663619],
+              [113.607395, 27.625449],
+              [113.608627, 27.585143],
+              [113.579062, 27.545354],
+              [113.583374, 27.524657],
+              [113.627105, 27.49971],
+              [113.591381, 27.467855],
+              [113.59754, 27.428554],
+              [113.632033, 27.40518],
+              [113.605548, 27.38924],
+              [113.616635, 27.345658],
+              [113.657902, 27.347253],
+              [113.699786, 27.331836],
+              [113.72812, 27.350442],
+              [113.872865, 27.384988],
+              [113.872865, 27.346721],
+              [113.854387, 27.30525],
+              [113.872865, 27.289828],
+              [113.846996, 27.222262],
+              [113.779242, 27.137081],
+              [113.771851, 27.096598],
+              [113.803264, 27.099261],
+              [113.824206, 27.036378],
+              [113.86301, 27.018252],
+              [113.892575, 26.964925],
+              [113.927068, 26.948922],
+              [113.890112, 26.895562],
+              [113.877177, 26.859262],
+              [113.835909, 26.806394],
+              [113.853771, 26.769532],
+              [113.860546, 26.664221],
+              [113.912901, 26.613938],
+              [113.996669, 26.615543],
+              [114.019459, 26.587182],
+              [114.10877, 26.56952],
+              [114.07243, 26.480096],
+              [114.110002, 26.482775],
+              [114.090292, 26.455988],
+              [114.085364, 26.406149],
+              [114.062575, 26.406149],
+              [114.030546, 26.376664],
+              [114.047792, 26.337518],
+              [114.021307, 26.288701],
+              [114.029314, 26.266163],
+              [113.978807, 26.237716],
+              [113.972647, 26.20604],
+              [113.949242, 26.192616],
+              [113.962792, 26.150722],
+              [114.013299, 26.184023],
+              [114.088444, 26.168448],
+              [114.102611, 26.187783],
+              [114.181451, 26.214631],
+              [114.216559, 26.203355],
+              [114.237501, 26.152333],
+              [114.188842, 26.121172],
+              [114.10569, 26.097526],
+              [114.121089, 26.085702],
+              [114.087828, 26.06635],
+              [114.044096, 26.076564],
+              [114.008372, 26.015806],
+              [114.028082, 25.98138],
+              [114.028082, 25.893119],
+              [113.971416, 25.836036],
+              [113.961561, 25.77731],
+              [113.920293, 25.741197],
+              [113.913517, 25.701299],
+              [113.957249, 25.611749],
+              [113.983118, 25.599336],
+              [113.986198, 25.529153],
+              [113.962792, 25.528072],
+              [113.94493, 25.441635],
+              [114.003444, 25.442716],
+              [113.983118, 25.415152],
+              [114.050256, 25.36433],
+              [114.029314, 25.328093],
+              [114.017611, 25.273987],
+              [114.039785, 25.250714],
+              [114.055799, 25.277775],
+              [114.083517, 25.275611],
+              [114.115545, 25.302125],
+              [114.190074, 25.316733],
+              [114.204857, 25.29942],
+              [114.260291, 25.291845],
+              [114.2954, 25.299961],
+              [114.31511, 25.33837],
+              [114.382863, 25.317274],
+              [114.43029, 25.343779],
+              [114.438914, 25.376226],
+              [114.477718, 25.37136],
+              [114.541159, 25.416773],
+              [114.599674, 25.385959],
+              [114.63663, 25.324306],
+              [114.714238, 25.315651],
+              [114.743188, 25.274528],
+              [114.73518, 25.225813],
+              [114.693912, 25.213902],
+              [114.685905, 25.173287],
+              [114.73518, 25.155954],
+              [114.735796, 25.121822],
+              [114.664963, 25.10123],
+              [114.640326, 25.074129],
+              [114.604601, 25.083886],
+              [114.561485, 25.077382],
+              [114.532536, 25.022623],
+              [114.506051, 24.999844],
+              [114.45616, 24.99659],
+              [114.454928, 24.977062],
+              [114.395798, 24.951019],
+              [114.403189, 24.877746],
+              [114.378551, 24.861457],
+              [114.342211, 24.807145],
+              [114.336052, 24.749004],
+              [114.281849, 24.724001],
+              [114.27261, 24.700624],
+              [114.169132, 24.689749],
+              [114.19069, 24.656576],
+              [114.258443, 24.641346],
+              [114.289856, 24.619042],
+              [114.300943, 24.578775],
+              [114.363769, 24.582584],
+              [114.391486, 24.563535],
+              [114.403189, 24.497657],
+              [114.429058, 24.48622],
+              [114.534384, 24.559181],
+              [114.589819, 24.537406],
+              [114.627391, 24.576598],
+              [114.664963, 24.583673],
+              [114.704999, 24.525973],
+              [114.73826, 24.565168],
+              [114.729637, 24.608704],
+              [114.781376, 24.613057],
+              [114.827571, 24.588026],
+              [114.846665, 24.602719],
+              [114.868839, 24.562446],
+              [114.893477, 24.582584],
+              [114.909491, 24.661471],
+              [114.940288, 24.650049],
+              [115.00373, 24.679418],
+              [115.024672, 24.669085],
+              [115.057317, 24.703343],
+              [115.083802, 24.699537],
+              [115.104744, 24.667997],
+              [115.1842, 24.711498],
+              [115.258729, 24.728894],
+              [115.269816, 24.749548],
+              [115.306772, 24.758787],
+              [115.358511, 24.735416],
+              [115.372678, 24.774546],
+              [115.412714, 24.79302],
+              [115.476771, 24.762591],
+              [115.522967, 24.702799],
+              [115.555611, 24.683768],
+              [115.569778, 24.622306],
+              [115.605503, 24.62557],
+              [115.671408, 24.604895],
+              [115.68927, 24.545027],
+              [115.752712, 24.546116],
+              [115.785357, 24.567345],
+              [115.843871, 24.562446],
+              [115.840791, 24.584217],
+              [115.797676, 24.628834],
+              [115.780429, 24.663103],
+              [115.801371, 24.705517],
+              [115.769342, 24.708236],
+              [115.756408, 24.749004],
+              [115.776734, 24.774546],
+              [115.764415, 24.791933],
+              [115.790284, 24.856027],
+              [115.807531, 24.862543],
+              [115.824161, 24.909232],
+              [115.863581, 24.891318],
+              [115.861733, 24.863629],
+              [115.907313, 24.879917],
+              [115.885139, 24.898918],
+              [115.89253, 24.936911],
+              [115.870356, 24.959701],
+              [115.925175, 24.960786],
+              [115.873436, 25.019911],
+              [115.928255, 25.050276],
+              [115.908545, 25.084428],
+              [115.880212, 25.092016],
+              [115.888219, 25.128866],
+              [115.860501, 25.165704],
+              [115.855574, 25.20957],
+              [115.930719, 25.236099],
+              [115.949813, 25.292386],
+              [115.987385, 25.290221],
+              [116.008327, 25.319437],
+              [115.992928, 25.374063],
+              [116.023109, 25.435691],
+              [116.005247, 25.490264],
+              [116.03666, 25.514571],
+              [116.040356, 25.548052],
+              [116.063145, 25.56317],
+              [116.041588, 25.62416],
+              [116.068689, 25.646282],
+              [116.067457, 25.703995],
+              [116.106877, 25.701299],
+              [116.129667, 25.758985],
+              [116.18079, 25.778926],
+              [116.131515, 25.824185],
+              [116.132131, 25.860273],
+              [116.17771, 25.894195],
+              [116.225138, 25.908731],
+              [116.258398, 25.902809],
+              [116.303362, 25.924341],
+              [116.326152, 25.956631],
+              [116.369883, 25.963088],
+              [116.360028, 25.991601],
+              [116.384666, 26.030864],
+              [116.489375, 26.113649],
+              [116.476441, 26.172745],
+              [116.435789, 26.159854],
+              [116.392057, 26.171133],
+              [116.400064, 26.202819],
+              [116.385282, 26.238253],
+              [116.412999, 26.297822],
+              [116.437021, 26.308016],
+              [116.459194, 26.345026],
+              [116.499846, 26.361651],
+              [116.519557, 26.410437],
+              [116.553433, 26.400253],
+              [116.553433, 26.365404],
+              [116.601476, 26.372911],
+              [116.608252, 26.429732],
+              [116.638433, 26.477418],
+              [116.610716, 26.476882],
+              [116.597165, 26.512768],
+              [116.539267, 26.559349],
+              [116.553433, 26.575942],
+              [116.566368, 26.650315],
+              [116.520172, 26.684543],
+              [116.515245, 26.720898],
+              [116.557745, 26.773806],
+              [116.543578, 26.803723],
+              [116.548506, 26.84004],
+              [116.602092, 26.888623],
+              [116.632889, 26.933984],
+              [116.679085, 26.978259],
+              [116.817671, 27.018252],
+              [116.851548, 27.009188],
+              [116.910062, 27.034779],
+              [116.936547, 27.019319],
+              [116.967344, 27.061962],
+              [117.05296, 27.100327],
+              [117.044953, 27.146667],
+              [117.149662, 27.241419],
+              [117.171836, 27.29036],
+              [117.136728, 27.303123],
+              [117.140423, 27.322798],
+              [117.104699, 27.330773],
+              [117.107163, 27.393491],
+              [117.133032, 27.42218],
+              [117.110242, 27.458828],
+              [117.103467, 27.533149],
+              [117.076982, 27.566046],
+              [117.054808, 27.5427],
+              [117.01662, 27.563393],
+              [117.024627, 27.592569],
+              [117.003685, 27.625449],
+              [117.040641, 27.669979],
+              [117.065279, 27.665739],
+              [117.094228, 27.627569],
+              [117.11209, 27.645596],
+              [117.096076, 27.667329],
+              [117.114554, 27.692238],
+              [117.174916, 27.677399],
+              [117.204481, 27.683759],
+              [117.205097, 27.714492],
+              [117.245133, 27.71926],
+              [117.296256, 27.764282],
+              [117.303031, 27.833103],
+              [117.276546, 27.847921],
+              [117.280242, 27.871201],
+              [117.334444, 27.8876],
+              [117.341836, 27.855858],
+              [117.366473, 27.88231],
+              [117.407741, 27.893948],
+              [117.453936, 27.939955],
+              [117.477958, 27.930966],
+              [117.52169, 27.982243],
+              [117.556182, 27.966387],
+              [117.609769, 27.863265],
+              [117.649805, 27.851625],
+              [117.68245, 27.823577],
+              [117.704624, 27.834162],
+              [117.740348, 27.800286],
+              [117.788392, 27.855858],
+              [117.78716, 27.896063],
+              [117.856145, 27.94577],
+              [117.910963, 27.949471],
+              [117.942992, 27.974315],
+              [117.965166, 27.962687],
+              [117.999043, 27.991227],
+              [118.096977, 27.970615],
+              [118.094513, 28.003909],
+              [118.129006, 28.017118],
+              [118.120999, 28.041946],
+              [118.153644, 28.062016],
+              [118.199839, 28.049869],
+              [118.242339, 28.075746],
+              [118.356288, 28.091586],
+              [118.361215, 28.155978],
+              [118.375382, 28.186577],
+              [118.339041, 28.193962],
+              [118.314404, 28.221913],
+              [118.424041, 28.291497],
+              [118.433896, 28.288335],
+              [118.480091, 28.327325],
+              [118.455454, 28.384204],
+              [118.432048, 28.402104],
+              [118.456686, 28.424738],
+              [118.474548, 28.478934],
+              [118.414802, 28.497344],
+              [118.4302, 28.515225],
+              [118.412338, 28.55676],
+              [118.428352, 28.617193],
+              [118.428352, 28.617193],
+              [118.428352, 28.681267],
+              [118.403099, 28.702791],
+              [118.364295, 28.813491],
+              [118.300237, 28.826075],
+              [118.270056, 28.918836],
+              [118.195527, 28.904167],
+              [118.227556, 28.942406],
+              [118.165346, 28.986912],
+              [118.133933, 28.983771],
+              [118.115455, 29.009944],
+              [118.115455, 29.009944],
+              [118.097593, 28.998952],
+              [118.066796, 29.053898],
+              [118.076035, 29.074822],
+              [118.037847, 29.102017],
+              [118.045238, 29.149068],
+              [118.027992, 29.167882],
+              [118.042159, 29.210202],
+              [118.073571, 29.216993],
+              [118.077883, 29.290614],
+              [118.138861, 29.283828],
+              [118.178281, 29.297921],
+              [118.166578, 29.314099],
+              [118.205382, 29.343839],
+              [118.193064, 29.395472]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 370000,
+        "name": "山东省",
+        "center": [117.000923, 36.675807],
+        "centroid": [118.187759, 36.376092],
+        "childrenNum": 16,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 14,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [116.374195, 34.640011],
+              [116.392057, 34.710391],
+              [116.363724, 34.715311],
+              [116.369267, 34.749247],
+              [116.403144, 34.756131],
+              [116.408071, 34.850972],
+              [116.445028, 34.895652],
+              [116.557745, 34.908905],
+              [116.613795, 34.922645],
+              [116.622418, 34.939818],
+              [116.677853, 34.939327],
+              [116.781331, 34.916757],
+              [116.789338, 34.975133],
+              [116.815823, 34.965324],
+              [116.821983, 34.929515],
+              [116.858323, 34.928533],
+              [116.922381, 34.894671],
+              [116.929156, 34.843114],
+              [116.966113, 34.844588],
+              [116.979047, 34.815113],
+              [116.95133, 34.81069],
+              [116.969192, 34.771864],
+              [117.022163, 34.759081],
+              [117.070206, 34.713835],
+              [117.061583, 34.675947],
+              [117.073286, 34.639026],
+              [117.104083, 34.648874],
+              [117.15151, 34.559222],
+              [117.139191, 34.526687],
+              [117.166293, 34.434435],
+              [117.248213, 34.451216],
+              [117.252524, 34.48674],
+              [117.27285, 34.499565],
+              [117.267923, 34.532603],
+              [117.303647, 34.542463],
+              [117.27285, 34.556757],
+              [117.311654, 34.561686],
+              [117.311654, 34.561686],
+              [117.32151, 34.566614],
+              [117.32151, 34.566614],
+              [117.325205, 34.573021],
+              [117.325205, 34.573021],
+              [117.370785, 34.584846],
+              [117.402813, 34.569571],
+              [117.402813, 34.550843],
+              [117.465023, 34.484767],
+              [117.53832, 34.467006],
+              [117.592523, 34.462566],
+              [117.609769, 34.490686],
+              [117.659044, 34.501044],
+              [117.684298, 34.547392],
+              [117.801942, 34.518798],
+              [117.791471, 34.583368],
+              [117.793935, 34.651827],
+              [117.902956, 34.644443],
+              [117.909732, 34.670533],
+              [117.951615, 34.678408],
+              [118.053861, 34.650843],
+              [118.084042, 34.655766],
+              [118.114839, 34.614404],
+              [118.079115, 34.569571],
+              [118.185056, 34.543942],
+              [118.16473, 34.50499],
+              [118.132702, 34.483287],
+              [118.177665, 34.45319],
+              [118.179513, 34.379628],
+              [118.217701, 34.379134],
+              [118.220165, 34.405802],
+              [118.277447, 34.404814],
+              [118.290382, 34.424563],
+              [118.379693, 34.415183],
+              [118.404947, 34.427525],
+              [118.416034, 34.473914],
+              [118.439439, 34.507949],
+              [118.424657, 34.595193],
+              [118.439439, 34.626223],
+              [118.473932, 34.623269],
+              [118.460997, 34.656258],
+              [118.545997, 34.705964],
+              [118.601431, 34.714327],
+              [118.607591, 34.694155],
+              [118.664257, 34.693663],
+              [118.690127, 34.678408],
+              [118.739402, 34.693663],
+              [118.783749, 34.723181],
+              [118.764039, 34.740396],
+              [118.719076, 34.745313],
+              [118.739402, 34.792508],
+              [118.772047, 34.794474],
+              [118.80038, 34.843114],
+              [118.805307, 34.87307],
+              [118.860742, 34.944233],
+              [118.86259, 35.025626],
+              [118.928495, 35.051106],
+              [118.942662, 35.040817],
+              [119.027045, 35.055516],
+              [119.114509, 35.055026],
+              [119.137915, 35.096167],
+              [119.217371, 35.106939],
+              [119.250016, 35.124562],
+              [119.286972, 35.115261],
+              [119.306066, 35.076578],
+              [119.354109, 35.080007],
+              [119.373819, 35.078538],
+              [119.428022, 35.121136],
+              [119.397841, 35.137777],
+              [119.411392, 35.231689],
+              [119.450812, 35.285443],
+              [119.493312, 35.318655],
+              [119.538275, 35.296678],
+              [119.543819, 35.347949],
+              [119.590014, 35.37284],
+              [119.579543, 35.406504],
+              [119.618963, 35.459655],
+              [119.663311, 35.562931],
+              [119.662079, 35.589215],
+              [119.718129, 35.615492],
+              [119.75139, 35.617924],
+              [119.772332, 35.578995],
+              [119.780339, 35.584835],
+              [119.792658, 35.615492],
+              [119.824071, 35.646136],
+              [119.83023, 35.620357],
+              [119.868419, 35.60868],
+              [119.925085, 35.637382],
+              [119.91215, 35.660725],
+              [119.950339, 35.729741],
+              [119.920157, 35.739943],
+              [119.926317, 35.759856],
+              [119.958346, 35.760342],
+              [120.01378, 35.714193],
+              [120.049505, 35.786562],
+              [120.032258, 35.812288],
+              [120.064287, 35.873414],
+              [120.112331, 35.885052],
+              [120.125265, 35.906868],
+              [120.152983, 35.907353],
+              [120.207801, 35.947575],
+              [120.169613, 35.888446],
+              [120.202258, 35.89184],
+              [120.209033, 35.917531],
+              [120.265699, 35.966468],
+              [120.30512, 35.971796],
+              [120.316206, 36.002304],
+              [120.289721, 36.017311],
+              [120.285409, 36.01247],
+              [120.249069, 35.992136],
+              [120.257076, 36.025055],
+              [120.198562, 35.995525],
+              [120.234902, 36.030863],
+              [120.239214, 36.062316],
+              [120.181316, 36.066669],
+              [120.152367, 36.095206],
+              [120.116642, 36.102943],
+              [120.108635, 36.127599],
+              [120.142512, 36.143549],
+              [120.140664, 36.173507],
+              [120.181316, 36.203936],
+              [120.22012, 36.209248],
+              [120.224432, 36.19138],
+              [120.260772, 36.198624],
+              [120.263236, 36.182202],
+              [120.310047, 36.185101],
+              [120.297112, 36.225664],
+              [120.319902, 36.232423],
+              [120.362402, 36.196209],
+              [120.35809, 36.174956],
+              [120.286025, 36.047317],
+              [120.337764, 36.055058],
+              [120.429539, 36.056994],
+              [120.468959, 36.087952],
+              [120.546568, 36.091821],
+              [120.546568, 36.107778],
+              [120.593995, 36.100525],
+              [120.615553, 36.120348],
+              [120.64327, 36.114547],
+              [120.672835, 36.130016],
+              [120.712255, 36.126632],
+              [120.696857, 36.15563],
+              [120.696857, 36.203936],
+              [120.680843, 36.238698],
+              [120.686386, 36.279234],
+              [120.657437, 36.276339],
+              [120.66298, 36.331803],
+              [120.744284, 36.327946],
+              [120.694393, 36.390118],
+              [120.759683, 36.46283],
+              [120.828668, 36.46668],
+              [120.837291, 36.459942],
+              [120.858849, 36.424797],
+              [120.848994, 36.403124],
+              [120.871784, 36.36699],
+              [120.911204, 36.412276],
+              [120.917979, 36.417573],
+              [120.90874, 36.450315],
+              [120.938305, 36.447908],
+              [120.965407, 36.466199],
+              [120.95432, 36.507578],
+              [120.983269, 36.546051],
+              [120.962327, 36.562877],
+              [120.909972, 36.568645],
+              [120.884718, 36.601323],
+              [120.847146, 36.618617],
+              [120.882255, 36.627262],
+              [120.926602, 36.611892],
+              [120.955551, 36.575855],
+              [121.028848, 36.572971],
+              [121.078123, 36.607568],
+              [121.161275, 36.651273],
+              [121.251818, 36.671436],
+              [121.29863, 36.702151],
+              [121.31218, 36.702151],
+              [121.35776, 36.713186],
+              [121.400876, 36.701191],
+              [121.3941, 36.738129],
+              [121.454462, 36.752515],
+              [121.496962, 36.795179],
+              [121.506817, 36.803805],
+              [121.565331, 36.830635],
+              [121.548701, 36.807638],
+              [121.485259, 36.786073],
+              [121.532071, 36.73621],
+              [121.575186, 36.740047],
+              [121.556092, 36.764502],
+              [121.651563, 36.723739],
+              [121.631853, 36.80093],
+              [121.6762, 36.819137],
+              [121.726092, 36.826323],
+              [121.762432, 36.84644],
+              [121.767975, 36.874691],
+              [121.927504, 36.932597],
+              [121.965076, 36.938337],
+              [122.008808, 36.96225],
+              [122.042684, 36.871819],
+              [122.051923, 36.904846],
+              [122.093191, 36.913938],
+              [122.115981, 36.94025],
+              [122.124604, 36.944077],
+              [122.141235, 36.938337],
+              [122.119677, 36.891924],
+              [122.175727, 36.894317],
+              [122.188662, 36.866073],
+              [122.174495, 36.842609],
+              [122.220691, 36.848835],
+              [122.275509, 36.83734],
+              [122.280437, 36.835904],
+              [122.344495, 36.828239],
+              [122.378371, 36.844525],
+              [122.383915, 36.865595],
+              [122.415944, 36.85937],
+              [122.454748, 36.879],
+              [122.452284, 36.88618],
+              [122.434422, 36.914416],
+              [122.483081, 36.913938],
+              [122.48924, 36.886659],
+              [122.532356, 36.901496],
+              [122.55761, 36.968467],
+              [122.544675, 37.004797],
+              [122.583479, 37.037289],
+              [122.575472, 37.054485],
+              [122.494168, 37.033945],
+              [122.467067, 37.037289],
+              [122.478769, 37.058784],
+              [122.484313, 37.128956],
+              [122.533588, 37.153286],
+              [122.581015, 37.147562],
+              [122.573624, 37.176178],
+              [122.624131, 37.190959],
+              [122.592718, 37.261485],
+              [122.567465, 37.25958],
+              [122.573624, 37.296247],
+              [122.611196, 37.339558],
+              [122.607501, 37.364296],
+              [122.650616, 37.388551],
+              [122.6925, 37.373809],
+              [122.714058, 37.392355],
+              [122.701739, 37.418501],
+              [122.67587, 37.413273],
+              [122.641377, 37.428482],
+              [122.553914, 37.407093],
+              [122.4954, 37.413748],
+              [122.487393, 37.43466],
+              [122.41656, 37.414699],
+              [122.337103, 37.414223],
+              [122.281053, 37.430858],
+              [122.287212, 37.445114],
+              [122.25272, 37.467917],
+              [122.194205, 37.456041],
+              [122.166488, 37.438937],
+              [122.131996, 37.49926],
+              [122.163408, 37.519199],
+              [122.150474, 37.557163],
+              [122.08888, 37.554316],
+              [122.075329, 37.540556],
+              [122.017431, 37.531065],
+              [121.997721, 37.494512],
+              [121.923808, 37.473142],
+              [121.772903, 37.466492],
+              [121.66573, 37.473617],
+              [121.635548, 37.494037],
+              [121.575802, 37.460317],
+              [121.571491, 37.441313],
+              [121.477252, 37.475992],
+              [121.460006, 37.522522],
+              [121.400876, 37.557638],
+              [121.395948, 37.589891],
+              [121.435368, 37.592737],
+              [121.391021, 37.625449],
+              [121.349137, 37.635403],
+              [121.358376, 37.597479],
+              [121.304789, 37.582778],
+              [121.217326, 37.582778],
+              [121.17421, 37.597479],
+              [121.148956, 37.626397],
+              [121.161891, 37.646302],
+              [121.142797, 37.661464],
+              [121.160043, 37.698882],
+              [121.136022, 37.723501],
+              [121.037471, 37.718767],
+              [120.994356, 37.759468],
+              [120.943233, 37.785486],
+              [120.940769, 37.819533],
+              [120.874863, 37.833241],
+              [120.845298, 37.826623],
+              [120.839139, 37.82426],
+              [120.733197, 37.833714],
+              [120.656821, 37.793054],
+              [120.634031, 37.796364],
+              [120.590915, 37.7642],
+              [120.517619, 37.750005],
+              [120.454793, 37.757576],
+              [120.367945, 37.697935],
+              [120.227511, 37.693673],
+              [120.22012, 37.671886],
+              [120.269395, 37.658622],
+              [120.272475, 37.636824],
+              [120.215192, 37.621183],
+              [120.208417, 37.588469],
+              [120.246605, 37.556689],
+              [120.222584, 37.532963],
+              [120.144359, 37.481691],
+              [120.086461, 37.465067],
+              [120.064903, 37.448915],
+              [120.010085, 37.442263],
+              [119.949723, 37.419927],
+              [119.926933, 37.386649],
+              [119.843781, 37.376662],
+              [119.837006, 37.346695],
+              [119.883201, 37.311004],
+              [119.89244, 37.263866],
+              [119.865339, 37.233854],
+              [119.83023, 37.225754],
+              [119.808057, 37.196203],
+              [119.740303, 37.133727],
+              [119.687332, 37.143746],
+              [119.678709, 37.158056],
+              [119.576463, 37.127524],
+              [119.489616, 37.134681],
+              [119.428022, 37.125616],
+              [119.361501, 37.125616],
+              [119.327624, 37.115595],
+              [119.301138, 37.139452],
+              [119.298675, 37.197156],
+              [119.2069, 37.223371],
+              [119.190885, 37.25958],
+              [119.204436, 37.280058],
+              [119.136683, 37.230995],
+              [119.12806, 37.254816],
+              [119.091103, 37.257674],
+              [119.084328, 37.239572],
+              [119.054147, 37.254816],
+              [119.03998, 37.30434],
+              [119.001176, 37.31862],
+              [118.942662, 37.497361],
+              [118.939582, 37.527268],
+              [118.988857, 37.620709],
+              [119.023966, 37.642037],
+              [119.153313, 37.655305],
+              [119.236465, 37.651988],
+              [119.262334, 37.660517],
+              [119.280197, 37.692726],
+              [119.309146, 37.805349],
+              [119.291899, 37.869627],
+              [119.24016, 37.878131],
+              [119.212443, 37.838913],
+              [119.16132, 37.81906],
+              [119.12806, 37.847892],
+              [119.110813, 37.921577],
+              [119.001792, 37.99613],
+              [118.974075, 38.094162],
+              [118.908169, 38.139362],
+              [118.811467, 38.157717],
+              [118.703677, 38.151129],
+              [118.626069, 38.138421],
+              [118.607591, 38.129006],
+              [118.597736, 38.079088],
+              [118.552156, 38.05553],
+              [118.534294, 38.063541],
+              [118.517048, 38.088509],
+              [118.504729, 38.11394],
+              [118.44991, 38.124299],
+              [118.431432, 38.106406],
+              [118.404331, 38.121003],
+              [118.331034, 38.12524],
+              [118.217085, 38.146893],
+              [118.177665, 38.186417],
+              [118.112376, 38.210403],
+              [118.045238, 38.214165],
+              [118.018753, 38.202409],
+              [117.896797, 38.279495],
+              [117.895565, 38.301572],
+              [117.848754, 38.255062],
+              [117.808718, 38.22827],
+              [117.789007, 38.180772],
+              [117.766834, 38.158658],
+              [117.771145, 38.134655],
+              [117.746508, 38.12524],
+              [117.704624, 38.076262],
+              [117.586979, 38.071551],
+              [117.557414, 38.046105],
+              [117.557414, 38.046105],
+              [117.524154, 37.989527],
+              [117.513067, 37.94329],
+              [117.481038, 37.914967],
+              [117.438538, 37.854035],
+              [117.400966, 37.844584],
+              [117.320278, 37.861596],
+              [117.271618, 37.839858],
+              [117.185387, 37.849783],
+              [117.150278, 37.839385],
+              [117.074518, 37.848837],
+              [117.027091, 37.832296],
+              [116.919301, 37.846002],
+              [116.837997, 37.835132],
+              [116.804736, 37.848837],
+              [116.753613, 37.793054],
+              [116.753613, 37.77035],
+              [116.724664, 37.744327],
+              [116.679085, 37.728708],
+              [116.66307, 37.686096],
+              [116.604556, 37.624975],
+              [116.575607, 37.610754],
+              [116.4826, 37.521573],
+              [116.448108, 37.503059],
+              [116.433941, 37.473142],
+              [116.38097, 37.522522],
+              [116.379738, 37.522047],
+              [116.38097, 37.522522],
+              [116.379738, 37.522047],
+              [116.36742, 37.566177],
+              [116.336007, 37.581355],
+              [116.295355, 37.554316],
+              [116.278724, 37.524895],
+              [116.290427, 37.484065],
+              [116.27626, 37.466967],
+              [116.240536, 37.489764],
+              [116.240536, 37.489764],
+              [116.224522, 37.479791],
+              [116.243, 37.447965],
+              [116.226369, 37.428007],
+              [116.2855, 37.404241],
+              [116.236224, 37.361442],
+              [116.193109, 37.365723],
+              [116.169087, 37.384271],
+              [116.106261, 37.368577],
+              [116.085935, 37.373809],
+              [116.024341, 37.360015],
+              [115.975682, 37.337179],
+              [115.969523, 37.239572],
+              [115.909777, 37.20669],
+              [115.91224, 37.177132],
+              [115.879596, 37.150901],
+              [115.888219, 37.112254],
+              [115.85619, 37.060694],
+              [115.776734, 36.992848],
+              [115.79706, 36.968945],
+              [115.75764, 36.902453],
+              [115.71206, 36.883308],
+              [115.683727, 36.808117],
+              [115.524815, 36.763543],
+              [115.479851, 36.760187],
+              [115.451518, 36.702151],
+              [115.420105, 36.686795],
+              [115.365902, 36.621979],
+              [115.355431, 36.627262],
+              [115.33141, 36.550378],
+              [115.272895, 36.497476],
+              [115.291374, 36.460423],
+              [115.317243, 36.454166],
+              [115.297533, 36.413239],
+              [115.340033, 36.398307],
+              [115.368982, 36.342409],
+              [115.366518, 36.30914],
+              [115.423185, 36.32216],
+              [115.417025, 36.292742],
+              [115.462605, 36.276339],
+              [115.466916, 36.258969],
+              [115.466916, 36.258969],
+              [115.474923, 36.248352],
+              [115.483547, 36.148865],
+              [115.484163, 36.125666],
+              [115.449054, 36.047317],
+              [115.447822, 36.01247],
+              [115.362822, 35.971796],
+              [115.353583, 35.938854],
+              [115.364054, 35.894264],
+              [115.335105, 35.796756],
+              [115.363438, 35.779765],
+              [115.407786, 35.80889],
+              [115.460141, 35.867594],
+              [115.487858, 35.880688],
+              [115.495249, 35.896203],
+              [115.505104, 35.899112],
+              [115.513112, 35.890385],
+              [115.583945, 35.921893],
+              [115.648618, 35.922863],
+              [115.699125, 35.966468],
+              [115.774886, 35.974702],
+              [115.779813, 35.993588],
+              [115.817386, 36.012954],
+              [115.859886, 36.003756],
+              [115.89869, 36.026507],
+              [115.989849, 36.045381],
+              [116.057602, 36.104877],
+              [116.099486, 36.112129],
+              [116.063145, 36.028927],
+              [116.048979, 35.970343],
+              [115.984921, 35.974218],
+              [115.911624, 35.960171],
+              [115.907929, 35.92674],
+              [115.873436, 35.918985],
+              [115.882675, 35.879718],
+              [115.859886, 35.857894],
+              [115.81677, 35.844312],
+              [115.773654, 35.854014],
+              [115.73485, 35.833154],
+              [115.696046, 35.788989],
+              [115.693582, 35.754028],
+              [115.622749, 35.739457],
+              [115.52851, 35.733628],
+              [115.48601, 35.710306],
+              [115.383148, 35.568772],
+              [115.34496, 35.55368],
+              [115.356047, 35.490359],
+              [115.307388, 35.480126],
+              [115.237171, 35.423087],
+              [115.172497, 35.426501],
+              [115.126302, 35.41821],
+              [115.117679, 35.400163],
+              [115.091809, 35.416259],
+              [115.073947, 35.374304],
+              [115.04315, 35.376744],
+              [114.957534, 35.261014],
+              [114.929201, 35.244886],
+              [114.932281, 35.198441],
+              [114.861448, 35.182301],
+              [114.841738, 35.15099],
+              [114.883006, 35.098615],
+              [114.835578, 35.076578],
+              [114.818948, 35.051596],
+              [114.852209, 35.041797],
+              [114.824492, 35.012393],
+              [114.880542, 35.00357],
+              [114.923658, 34.968757],
+              [114.950759, 34.989843],
+              [115.008041, 34.988372],
+              [115.028983, 34.9717],
+              [115.075179, 35.000628],
+              [115.12815, 35.00455],
+              [115.157099, 34.957968],
+              [115.219309, 34.96042],
+              [115.205142, 34.914303],
+              [115.251953, 34.906451],
+              [115.239019, 34.87798],
+              [115.256265, 34.845079],
+              [115.317243, 34.859321],
+              [115.42688, 34.805285],
+              [115.449054, 34.74433],
+              [115.433655, 34.725149],
+              [115.461373, 34.637057],
+              [115.515575, 34.582383],
+              [115.553148, 34.568586],
+              [115.622749, 34.574499],
+              [115.685575, 34.556265],
+              [115.697278, 34.594207],
+              [115.787821, 34.580905],
+              [115.827241, 34.558236],
+              [115.838328, 34.5676],
+              [115.984305, 34.589281],
+              [115.991081, 34.615389],
+              [116.037276, 34.593222],
+              [116.101334, 34.60603],
+              [116.134594, 34.559715],
+              [116.156768, 34.5538],
+              [116.196804, 34.575977],
+              [116.247927, 34.551829],
+              [116.286116, 34.608986],
+              [116.32492, 34.601104],
+              [116.334159, 34.620806],
+              [116.374195, 34.640011]
+            ]
+          ],
+          [
+            [
+              [120.729502, 37.947065],
+              [120.721495, 37.917328],
+              [120.76461, 37.895134],
+              [120.76461, 37.923937],
+              [120.729502, 37.947065]
+            ]
+          ],
+          [
+            [
+              [120.692545, 37.983867],
+              [120.732581, 37.961694],
+              [120.724574, 37.987641],
+              [120.692545, 37.983867]
+            ]
+          ],
+          [
+            [
+              [120.990044, 36.413239],
+              [120.978341, 36.428649],
+              [120.950624, 36.414684],
+              [120.990044, 36.413239]
+            ]
+          ],
+          [
+            [
+              [120.750444, 38.150188],
+              [120.7874, 38.158658],
+              [120.742436, 38.199116],
+              [120.750444, 38.150188]
+            ]
+          ],
+          [
+            [
+              [120.918595, 38.345236],
+              [120.914899, 38.373393],
+              [120.895189, 38.36307],
+              [120.918595, 38.345236]
+            ]
+          ],
+          [
+            [
+              [120.159142, 35.765198],
+              [120.169613, 35.740428],
+              [120.193019, 35.756942],
+              [120.172077, 35.785591],
+              [120.159142, 35.765198]
+            ]
+          ],
+          [
+            [
+              [120.62664, 37.94565],
+              [120.631567, 37.981037],
+              [120.602002, 37.978678],
+              [120.62664, 37.94565]
+            ]
+          ],
+          [
+            [
+              [120.802183, 38.284193],
+              [120.848378, 38.305799],
+              [120.816349, 38.318008],
+              [120.802183, 38.284193]
+            ]
+          ],
+          [
+            [
+              [121.489571, 37.577086],
+              [121.489571, 37.577561],
+              [121.489571, 37.578509],
+              [121.488955, 37.578035],
+              [121.489571, 37.577086]
+            ]
+          ],
+          [
+            [
+              [121.485875, 37.578509],
+              [121.487723, 37.578035],
+              [121.487723, 37.578509],
+              [121.485875, 37.578509]
+            ]
+          ],
+          [
+            [
+              [121.487723, 37.578509],
+              [121.487723, 37.577561],
+              [121.488955, 37.578035],
+              [121.488955, 37.578509],
+              [121.488339, 37.578509],
+              [121.487723, 37.578509]
+            ]
+          ],
+          [
+            [
+              [115.495249, 35.896203],
+              [115.487858, 35.880688],
+              [115.513112, 35.890385],
+              [115.505104, 35.899112],
+              [115.495249, 35.896203]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 410000,
+        "name": "河南省",
+        "center": [113.665412, 34.757975],
+        "centroid": [113.619717, 33.902648],
+        "childrenNum": 18,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 15,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [112.716747, 32.357612],
+              [112.735841, 32.356095],
+              [112.776493, 32.358623],
+              [112.860877, 32.396024],
+              [112.888594, 32.37682],
+              [112.912, 32.390971],
+              [112.992072, 32.378336],
+              [113.000695, 32.41674],
+              [113.025949, 32.425328],
+              [113.078919, 32.394508],
+              [113.107869, 32.398551],
+              [113.118956, 32.375809],
+              [113.155912, 32.380863],
+              [113.158992, 32.410677],
+              [113.211962, 32.431895],
+              [113.2366, 32.407141],
+              [113.333918, 32.336377],
+              [113.317904, 32.327275],
+              [113.353628, 32.294904],
+              [113.376418, 32.298445],
+              [113.428773, 32.270618],
+              [113.511925, 32.316654],
+              [113.624642, 32.36115],
+              [113.650511, 32.412698],
+              [113.700402, 32.420782],
+              [113.735511, 32.410677],
+              [113.76754, 32.370249],
+              [113.753989, 32.328286],
+              [113.768772, 32.30148],
+              [113.768156, 32.284279],
+              [113.758301, 32.27669],
+              [113.749061, 32.272642],
+              [113.73859, 32.255942],
+              [113.752757, 32.215951],
+              [113.782322, 32.184553],
+              [113.750293, 32.11615],
+              [113.722576, 32.12426],
+              [113.728735, 32.083197],
+              [113.791561, 32.036028],
+              [113.757685, 31.98985],
+              [113.817431, 31.964467],
+              [113.805728, 31.929428],
+              [113.832213, 31.918761],
+              [113.830981, 31.87913],
+              [113.854387, 31.843042],
+              [113.893807, 31.847109],
+              [113.914749, 31.877098],
+              [113.957865, 31.852701],
+              [113.952321, 31.793714],
+              [113.988662, 31.749959],
+              [114.017611, 31.770822],
+              [114.086596, 31.782014],
+              [114.121705, 31.809482],
+              [114.134024, 31.843042],
+              [114.191922, 31.852192],
+              [114.235654, 31.833382],
+              [114.292936, 31.752503],
+              [114.350218, 31.755557],
+              [114.403189, 31.746906],
+              [114.443841, 31.728074],
+              [114.530688, 31.742834],
+              [114.549783, 31.766751],
+              [114.586123, 31.762172],
+              [114.57134, 31.660858],
+              [114.547935, 31.623665],
+              [114.560869, 31.560963],
+              [114.572572, 31.553824],
+              [114.61692, 31.585437],
+              [114.641558, 31.582378],
+              [114.696376, 31.525771],
+              [114.778912, 31.520669],
+              [114.789383, 31.480358],
+              [114.830035, 31.45892],
+              [114.870071, 31.479337],
+              [114.884238, 31.469129],
+              [114.962462, 31.494648],
+              [114.995107, 31.471171],
+              [115.022824, 31.527811],
+              [115.096121, 31.508425],
+              [115.114599, 31.530362],
+              [115.106592, 31.567592],
+              [115.12507, 31.599201],
+              [115.16449, 31.604808],
+              [115.212533, 31.555354],
+              [115.235939, 31.555354],
+              [115.218077, 31.515057],
+              [115.211301, 31.442072],
+              [115.252569, 31.421646],
+              [115.250722, 31.392021],
+              [115.301229, 31.383846],
+              [115.338801, 31.40428],
+              [115.373909, 31.405813],
+              [115.389924, 31.450241],
+              [115.371446, 31.495668],
+              [115.415793, 31.525771],
+              [115.439815, 31.588496],
+              [115.485394, 31.608885],
+              [115.476771, 31.643028],
+              [115.495249, 31.673083],
+              [115.534054, 31.698545],
+              [115.553764, 31.69549],
+              [115.676336, 31.778453],
+              [115.731154, 31.76726],
+              [115.767495, 31.78761],
+              [115.808147, 31.770313],
+              [115.808147, 31.770313],
+              [115.851878, 31.786593],
+              [115.886371, 31.776418],
+              [115.914704, 31.814567],
+              [115.893762, 31.832365],
+              [115.894994, 31.8649],
+              [115.920248, 31.920285],
+              [115.909161, 31.94314],
+              [115.928871, 32.003046],
+              [115.922095, 32.049725],
+              [115.941805, 32.166318],
+              [115.912856, 32.227596],
+              [115.899306, 32.390971],
+              [115.865429, 32.458662],
+              [115.883291, 32.487946],
+              [115.845719, 32.501575],
+              [115.8759, 32.542448],
+              [115.910393, 32.567165],
+              [115.891298, 32.576243],
+              [115.861117, 32.537403],
+              [115.789052, 32.468761],
+              [115.771806, 32.505108],
+              [115.742241, 32.476335],
+              [115.704669, 32.495013],
+              [115.667712, 32.409667],
+              [115.657857, 32.428864],
+              [115.626445, 32.40512],
+              [115.604271, 32.425833],
+              [115.57101, 32.419266],
+              [115.522967, 32.441997],
+              [115.509416, 32.466741],
+              [115.5088, 32.468761],
+              [115.497713, 32.492489],
+              [115.409018, 32.549007],
+              [115.411482, 32.575235],
+              [115.304924, 32.553042],
+              [115.30554, 32.583303],
+              [115.267352, 32.578261],
+              [115.24333, 32.593388],
+              [115.20083, 32.591876],
+              [115.182968, 32.666973],
+              [115.179273, 32.726402],
+              [115.189744, 32.770695],
+              [115.211301, 32.785791],
+              [115.189744, 32.812452],
+              [115.197135, 32.856201],
+              [115.155867, 32.864747],
+              [115.139237, 32.897917],
+              [115.029599, 32.906962],
+              [115.035143, 32.932582],
+              [115.009273, 32.940117],
+              [114.943368, 32.935094],
+              [114.916266, 32.971251],
+              [114.883006, 32.990328],
+              [114.891629, 33.020441],
+              [114.925506, 33.016928],
+              [114.913187, 33.083143],
+              [114.897172, 33.086653],
+              [114.902716, 33.129764],
+              [114.932897, 33.153817],
+              [114.966158, 33.147304],
+              [114.990795, 33.102195],
+              [115.041302, 33.086653],
+              [115.168186, 33.088658],
+              [115.194671, 33.120743],
+              [115.245178, 33.135778],
+              [115.289526, 33.131769],
+              [115.303692, 33.149809],
+              [115.300613, 33.204407],
+              [115.340033, 33.260973],
+              [115.335105, 33.297997],
+              [115.361591, 33.298497],
+              [115.365286, 33.336005],
+              [115.341881, 33.370997],
+              [115.313547, 33.376994],
+              [115.328946, 33.403477],
+              [115.315395, 33.431451],
+              [115.324634, 33.457418],
+              [115.345576, 33.449928],
+              [115.345576, 33.502842],
+              [115.366518, 33.5233],
+              [115.394851, 33.506335],
+              [115.422569, 33.557219],
+              [115.463837, 33.567193],
+              [115.511264, 33.55323],
+              [115.564851, 33.576169],
+              [115.639995, 33.585143],
+              [115.601191, 33.658898],
+              [115.601807, 33.718653],
+              [115.563003, 33.772895],
+              [115.576553, 33.787817],
+              [115.614126, 33.775879],
+              [115.631988, 33.869846],
+              [115.547604, 33.874815],
+              [115.577785, 33.950307],
+              [115.579017, 33.974133],
+              [115.60735, 34.030196],
+              [115.642459, 34.03218],
+              [115.658473, 34.061437],
+              [115.705901, 34.059949],
+              [115.736082, 34.076805],
+              [115.768726, 34.061932],
+              [115.809378, 34.062428],
+              [115.846335, 34.028708],
+              [115.85003, 34.004898],
+              [115.877132, 34.002913],
+              [115.876516, 34.028708],
+              [115.904233, 34.009859],
+              [115.95782, 34.007875],
+              [116.00032, 33.965199],
+              [115.982457, 33.917039],
+              [116.05945, 33.860902],
+              [116.055754, 33.804727],
+              [116.074232, 33.781351],
+              [116.100102, 33.782843],
+              [116.132747, 33.751501],
+              [116.155536, 33.709693],
+              [116.230065, 33.735078],
+              [116.263326, 33.730101],
+              [116.316912, 33.771402],
+              [116.393905, 33.782843],
+              [116.408071, 33.805721],
+              [116.437021, 33.801246],
+              [116.437637, 33.846489],
+              [116.486296, 33.869846],
+              [116.558361, 33.881274],
+              [116.566984, 33.9081],
+              [116.631042, 33.887733],
+              [116.64336, 33.896675],
+              [116.641512, 33.978103],
+              [116.599629, 34.014324],
+              [116.599629, 34.014324],
+              [116.576223, 34.068873],
+              [116.576223, 34.068873],
+              [116.52818, 34.122892],
+              [116.536187, 34.151127],
+              [116.565752, 34.16945],
+              [116.542962, 34.203608],
+              [116.545426, 34.241711],
+              [116.582382, 34.266444],
+              [116.562056, 34.285731],
+              [116.516477, 34.296114],
+              [116.456731, 34.268917],
+              [116.409303, 34.273863],
+              [116.409303, 34.273863],
+              [116.372347, 34.26595],
+              [116.357564, 34.319843],
+              [116.301514, 34.342082],
+              [116.255934, 34.376665],
+              [116.213435, 34.382098],
+              [116.215898, 34.403333],
+              [116.178942, 34.430487],
+              [116.162312, 34.459605],
+              [116.178326, 34.496112],
+              [116.204196, 34.508442],
+              [116.191261, 34.535561],
+              [116.196804, 34.575977],
+              [116.156768, 34.5538],
+              [116.134594, 34.559715],
+              [116.101334, 34.60603],
+              [116.037276, 34.593222],
+              [115.991081, 34.615389],
+              [115.984305, 34.589281],
+              [115.838328, 34.5676],
+              [115.827241, 34.558236],
+              [115.787821, 34.580905],
+              [115.697278, 34.594207],
+              [115.685575, 34.556265],
+              [115.622749, 34.574499],
+              [115.553148, 34.568586],
+              [115.515575, 34.582383],
+              [115.461373, 34.637057],
+              [115.433655, 34.725149],
+              [115.449054, 34.74433],
+              [115.42688, 34.805285],
+              [115.317243, 34.859321],
+              [115.256265, 34.845079],
+              [115.239019, 34.87798],
+              [115.251953, 34.906451],
+              [115.205142, 34.914303],
+              [115.219309, 34.96042],
+              [115.157099, 34.957968],
+              [115.12815, 35.00455],
+              [115.075179, 35.000628],
+              [115.028983, 34.9717],
+              [115.008041, 34.988372],
+              [114.950759, 34.989843],
+              [114.923658, 34.968757],
+              [114.880542, 35.00357],
+              [114.824492, 35.012393],
+              [114.852209, 35.041797],
+              [114.818948, 35.051596],
+              [114.835578, 35.076578],
+              [114.883006, 35.098615],
+              [114.841738, 35.15099],
+              [114.861448, 35.182301],
+              [114.932281, 35.198441],
+              [114.929201, 35.244886],
+              [114.957534, 35.261014],
+              [115.04315, 35.376744],
+              [115.073947, 35.374304],
+              [115.091809, 35.416259],
+              [115.117679, 35.400163],
+              [115.126302, 35.41821],
+              [115.172497, 35.426501],
+              [115.237171, 35.423087],
+              [115.307388, 35.480126],
+              [115.356047, 35.490359],
+              [115.34496, 35.55368],
+              [115.383148, 35.568772],
+              [115.48601, 35.710306],
+              [115.52851, 35.733628],
+              [115.622749, 35.739457],
+              [115.693582, 35.754028],
+              [115.696046, 35.788989],
+              [115.73485, 35.833154],
+              [115.773654, 35.854014],
+              [115.81677, 35.844312],
+              [115.859886, 35.857894],
+              [115.882675, 35.879718],
+              [115.873436, 35.918985],
+              [115.907929, 35.92674],
+              [115.911624, 35.960171],
+              [115.984921, 35.974218],
+              [116.048979, 35.970343],
+              [116.063145, 36.028927],
+              [116.099486, 36.112129],
+              [116.057602, 36.104877],
+              [115.989849, 36.045381],
+              [115.89869, 36.026507],
+              [115.859886, 36.003756],
+              [115.817386, 36.012954],
+              [115.779813, 35.993588],
+              [115.774886, 35.974702],
+              [115.699125, 35.966468],
+              [115.648618, 35.922863],
+              [115.583945, 35.921893],
+              [115.513112, 35.890385],
+              [115.487858, 35.880688],
+              [115.460141, 35.867594],
+              [115.407786, 35.80889],
+              [115.363438, 35.779765],
+              [115.335105, 35.796756],
+              [115.364054, 35.894264],
+              [115.353583, 35.938854],
+              [115.362822, 35.971796],
+              [115.447822, 36.01247],
+              [115.449054, 36.047317],
+              [115.484163, 36.125666],
+              [115.483547, 36.148865],
+              [115.465068, 36.170125],
+              [115.450902, 36.152248],
+              [115.376989, 36.128083],
+              [115.365902, 36.099074],
+              [115.312931, 36.088436],
+              [115.30246, 36.127599],
+              [115.279055, 36.13775],
+              [115.242098, 36.19138],
+              [115.202678, 36.208765],
+              [115.202678, 36.208765],
+              [115.202678, 36.209248],
+              [115.202678, 36.209248],
+              [115.201446, 36.210214],
+              [115.201446, 36.210214],
+              [115.1842, 36.193312],
+              [115.12507, 36.209731],
+              [115.104744, 36.172058],
+              [115.06286, 36.178338],
+              [115.048693, 36.161912],
+              [115.04623, 36.112613],
+              [114.998186, 36.069572],
+              [114.914419, 36.052155],
+              [114.926737, 36.089403],
+              [114.912571, 36.140649],
+              [114.858368, 36.144516],
+              [114.857752, 36.127599],
+              [114.771521, 36.124699],
+              [114.734564, 36.15563],
+              [114.720398, 36.140166],
+              [114.640326, 36.137266],
+              [114.588587, 36.118414],
+              [114.586739, 36.141133],
+              [114.533152, 36.171575],
+              [114.480181, 36.177855],
+              [114.466015, 36.197658],
+              [114.417356, 36.205868],
+              [114.408117, 36.224699],
+              [114.356378, 36.230492],
+              [114.345291, 36.255591],
+              [114.299095, 36.245938],
+              [114.257827, 36.263794],
+              [114.241197, 36.251247],
+              [114.2104, 36.272962],
+              [114.203009, 36.245456],
+              [114.170364, 36.245938],
+              [114.170364, 36.245938],
+              [114.175907, 36.264759],
+              [114.129096, 36.280199],
+              [114.080437, 36.269585],
+              [114.04348, 36.303353],
+              [114.056415, 36.329392],
+              [114.002828, 36.334214],
+              [113.981887, 36.31782],
+              [113.962792, 36.353977],
+              [113.911054, 36.314927],
+              [113.882104, 36.353977],
+              [113.84946, 36.347711],
+              [113.856851, 36.329392],
+              [113.813119, 36.332285],
+              [113.755221, 36.366026],
+              [113.731199, 36.363135],
+              [113.736127, 36.324571],
+              [113.712105, 36.303353],
+              [113.716417, 36.262347],
+              [113.681924, 36.216491],
+              [113.697939, 36.181719],
+              [113.651127, 36.174473],
+              [113.705946, 36.148865],
+              [113.712721, 36.129533],
+              [113.655439, 36.125182],
+              [113.671453, 36.115514],
+              [113.68562, 36.056026],
+              [113.660366, 36.034735],
+              [113.694859, 36.026991],
+              [113.678844, 35.985841],
+              [113.648663, 35.994073],
+              [113.654207, 35.931586],
+              [113.637576, 35.870019],
+              [113.660982, 35.837035],
+              [113.582758, 35.818111],
+              [113.604932, 35.797727],
+              [113.587685, 35.736542],
+              [113.592613, 35.691838],
+              [113.622794, 35.674825],
+              [113.625258, 35.632518],
+              [113.578446, 35.633491],
+              [113.547649, 35.656835],
+              [113.55812, 35.621816],
+              [113.513773, 35.57364],
+              [113.49899, 35.532254],
+              [113.439244, 35.507412],
+              [113.391817, 35.506925],
+              [113.348085, 35.468429],
+              [113.31236, 35.481101],
+              [113.304353, 35.426989],
+              [113.243375, 35.449418],
+              [113.189789, 35.44893],
+              [113.185477, 35.409431],
+              [113.165151, 35.412845],
+              [113.149137, 35.350878],
+              [113.126347, 35.332327],
+              [113.067217, 35.353806],
+              [112.996384, 35.362104],
+              [112.985913, 35.33965],
+              [112.992072, 35.29619],
+              [112.936022, 35.284466],
+              [112.934174, 35.262968],
+              [112.884283, 35.243909],
+              [112.822073, 35.258082],
+              [112.772798, 35.207732],
+              [112.720443, 35.206265],
+              [112.628052, 35.263457],
+              [112.637291, 35.225822],
+              [112.513487, 35.218489],
+              [112.390915, 35.239021],
+              [112.36751, 35.219956],
+              [112.288053, 35.219956],
+              [112.304684, 35.251728],
+              [112.242474, 35.234622],
+              [112.21722, 35.253195],
+              [112.13838, 35.271275],
+              [112.058924, 35.280069],
+              [112.078634, 35.219467],
+              [112.03983, 35.194039],
+              [112.066315, 35.153437],
+              [112.05646, 35.098615],
+              [112.062004, 35.056005],
+              [112.039214, 35.045717],
+              [112.018888, 35.068742],
+              [111.97762, 35.067272],
+              [111.933272, 35.083435],
+              [111.810084, 35.062374],
+              [111.807005, 35.032977],
+              [111.740483, 35.00455],
+              [111.664107, 34.984449],
+              [111.681969, 34.9511],
+              [111.646861, 34.938836],
+              [111.617911, 34.894671],
+              [111.592042, 34.881416],
+              [111.570484, 34.843114],
+              [111.543999, 34.853428],
+              [111.502731, 34.829851],
+              [111.439289, 34.838202],
+              [111.389398, 34.815113],
+              [111.345666, 34.831816],
+              [111.29208, 34.806759],
+              [111.255123, 34.819535],
+              [111.232949, 34.789559],
+              [111.148566, 34.807742],
+              [111.118385, 34.756623],
+              [111.035233, 34.740887],
+              [110.976103, 34.706456],
+              [110.920052, 34.730068],
+              [110.903422, 34.669056],
+              [110.883712, 34.64395],
+              [110.824582, 34.615881],
+              [110.791937, 34.649858],
+              [110.749437, 34.65232],
+              [110.710017, 34.605045],
+              [110.610851, 34.607508],
+              [110.533242, 34.583368],
+              [110.488279, 34.610956],
+              [110.424837, 34.588295],
+              [110.379257, 34.600612],
+              [110.366939, 34.566614],
+              [110.404511, 34.557743],
+              [110.372482, 34.544435],
+              [110.360779, 34.516825],
+              [110.403279, 34.433448],
+              [110.403279, 34.433448],
+              [110.473496, 34.393457],
+              [110.503677, 34.33714],
+              [110.451938, 34.292653],
+              [110.428533, 34.288203],
+              [110.43962, 34.243196],
+              [110.507989, 34.217466],
+              [110.55172, 34.213012],
+              [110.55788, 34.193214],
+              [110.621938, 34.177372],
+              [110.642264, 34.161032],
+              [110.61393, 34.113478],
+              [110.591757, 34.101586],
+              [110.587445, 34.023252],
+              [110.620706, 34.035652],
+              [110.671213, 33.966192],
+              [110.665669, 33.937895],
+              [110.627481, 33.925482],
+              [110.628713, 33.910086],
+              [110.587445, 33.887733],
+              [110.612083, 33.852453],
+              [110.66259, 33.85295],
+              [110.712481, 33.833564],
+              [110.74143, 33.798759],
+              [110.782082, 33.796272],
+              [110.81719, 33.751003],
+              [110.831973, 33.713675],
+              [110.823966, 33.685793],
+              [110.878784, 33.634486],
+              [110.966864, 33.609071],
+              [111.00382, 33.578662],
+              [111.002588, 33.535772],
+              [111.02661, 33.478386],
+              [111.02661, 33.467903],
+              [110.996429, 33.435946],
+              [111.025994, 33.375495],
+              [111.025994, 33.330504],
+              [110.984726, 33.255469],
+              [111.046936, 33.202905],
+              [111.045704, 33.169849],
+              [111.08882, 33.181871],
+              [111.12824, 33.15532],
+              [111.146102, 33.12375],
+              [111.179363, 33.115229],
+              [111.192913, 33.071609],
+              [111.152877, 33.039507],
+              [111.221862, 33.042517],
+              [111.258819, 33.006389],
+              [111.273601, 32.971753],
+              [111.242804, 32.930573],
+              [111.255123, 32.883846],
+              [111.276065, 32.903445],
+              [111.293311, 32.859217],
+              [111.380159, 32.829049],
+              [111.41342, 32.757108],
+              [111.475629, 32.760127],
+              [111.458383, 32.726402],
+              [111.513202, 32.674026],
+              [111.530448, 32.628172],
+              [111.577875, 32.593388],
+              [111.640701, 32.634724],
+              [111.646245, 32.605993],
+              [111.713382, 32.606497],
+              [111.808853, 32.536899],
+              [111.858128, 32.528826],
+              [111.890157, 32.503089],
+              [111.948671, 32.51722],
+              [111.975772, 32.471791],
+              [112.014576, 32.450077],
+              [112.063851, 32.474315],
+              [112.081098, 32.425833],
+              [112.155626, 32.377326],
+              [112.150083, 32.411688],
+              [112.172873, 32.385412],
+              [112.206133, 32.392992],
+              [112.328089, 32.321712],
+              [112.360118, 32.3657],
+              [112.390915, 32.37126],
+              [112.448814, 32.34295],
+              [112.477147, 32.380863],
+              [112.530733, 32.37682],
+              [112.545516, 32.404109],
+              [112.589248, 32.381369],
+              [112.612037, 32.386928],
+              [112.645298, 32.368227],
+              [112.716747, 32.357612]
+            ]
+          ],
+          [
+            [
+              [113.768156, 32.284279],
+              [113.768772, 32.30148],
+              [113.749061, 32.272642],
+              [113.758301, 32.27669],
+              [113.768156, 32.284279]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 420000,
+        "name": "湖北省",
+        "center": [114.298572, 30.584355],
+        "centroid": [112.271301, 30.987527],
+        "childrenNum": 17,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 16,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [111.045704, 33.169849],
+              [111.034001, 33.177864],
+              [111.035849, 33.187881],
+              [111.046936, 33.202905],
+              [110.984726, 33.255469],
+              [110.960704, 33.253967],
+              [110.9219, 33.203907],
+              [110.865234, 33.213921],
+              [110.828893, 33.201403],
+              [110.824582, 33.158327],
+              [110.753133, 33.15031],
+              [110.702626, 33.097182],
+              [110.650887, 33.157324],
+              [110.623785, 33.143796],
+              [110.59422, 33.168346],
+              [110.57759, 33.250464],
+              [110.54125, 33.255469],
+              [110.471032, 33.171352],
+              [110.398352, 33.176862],
+              [110.398352, 33.176862],
+              [110.372482, 33.186379],
+              [110.33799, 33.160331],
+              [110.285635, 33.171352],
+              [110.218497, 33.163336],
+              [110.164911, 33.209415],
+              [110.031252, 33.191888],
+              [109.999223, 33.212419],
+              [109.973353, 33.203907],
+              [109.916687, 33.229942],
+              [109.852013, 33.247961],
+              [109.813209, 33.236449],
+              [109.732521, 33.231443],
+              [109.693101, 33.254468],
+              [109.649985, 33.251465],
+              [109.619804, 33.275484],
+              [109.60687, 33.235949],
+              [109.514479, 33.237951],
+              [109.498464, 33.207412],
+              [109.438718, 33.152314],
+              [109.468283, 33.140288],
+              [109.522486, 33.138785],
+              [109.576073, 33.110216],
+              [109.688174, 33.116733],
+              [109.704188, 33.101694],
+              [109.794731, 33.067095],
+              [109.785492, 32.987316],
+              [109.76455, 32.909474],
+              [109.789804, 32.882339],
+              [109.847702, 32.893395],
+              [109.856941, 32.910479],
+              [109.907448, 32.903947],
+              [109.927158, 32.887364],
+              [109.988752, 32.886359],
+              [110.051578, 32.851676],
+              [110.105164, 32.832569],
+              [110.142121, 32.802895],
+              [110.127338, 32.77774],
+              [110.159367, 32.767173],
+              [110.156903, 32.683093],
+              [110.206179, 32.633212],
+              [110.153824, 32.593388],
+              [110.124259, 32.616579],
+              [110.090382, 32.617083],
+              [110.084223, 32.580782],
+              [110.017701, 32.546989],
+              [109.97089, 32.577756],
+              [109.910528, 32.592884],
+              [109.816905, 32.577252],
+              [109.746072, 32.594901],
+              [109.726978, 32.608513],
+              [109.631507, 32.599943],
+              [109.619804, 32.56767],
+              [109.637051, 32.540935],
+              [109.575457, 32.506622],
+              [109.526797, 32.43341],
+              [109.529877, 32.405625],
+              [109.502776, 32.38895],
+              [109.513247, 32.342444],
+              [109.495385, 32.300468],
+              [109.528645, 32.270112],
+              [109.550203, 32.225065],
+              [109.592703, 32.219495],
+              [109.604406, 32.199241],
+              [109.58716, 32.161251],
+              [109.621652, 32.106519],
+              [109.590855, 32.047696],
+              [109.590855, 32.012688],
+              [109.631507, 31.962436],
+              [109.62042, 31.928412],
+              [109.584696, 31.900472],
+              [109.60379, 31.885737],
+              [109.633971, 31.824738],
+              [109.633971, 31.804396],
+              [109.592087, 31.789136],
+              [109.585928, 31.726546],
+              [109.622268, 31.711783],
+              [109.683246, 31.719929],
+              [109.731289, 31.700582],
+              [109.737449, 31.628761],
+              [109.76455, 31.602769],
+              [109.745456, 31.598182],
+              [109.727594, 31.548214],
+              [109.837847, 31.555354],
+              [109.894513, 31.519139],
+              [109.969658, 31.508935],
+              [109.94502, 31.47066],
+              [109.98752, 31.474744],
+              [110.036795, 31.436966],
+              [110.054042, 31.410921],
+              [110.118715, 31.409899],
+              [110.161831, 31.314338],
+              [110.155671, 31.279564],
+              [110.180309, 31.179774],
+              [110.200019, 31.158779],
+              [110.180309, 31.121899],
+              [110.147048, 31.116776],
+              [110.119947, 31.088592],
+              [110.120563, 31.0322],
+              [110.140273, 31.030661],
+              [110.140889, 30.987062],
+              [110.172918, 30.978853],
+              [110.153824, 30.953708],
+              [110.151976, 30.911613],
+              [110.082375, 30.799614],
+              [110.048498, 30.800642],
+              [110.019549, 30.829425],
+              [110.008462, 30.883369],
+              [109.943788, 30.878746],
+              [109.894513, 30.899803],
+              [109.828608, 30.864364],
+              [109.780564, 30.848437],
+              [109.701724, 30.783677],
+              [109.656761, 30.760538],
+              [109.661072, 30.738936],
+              [109.625348, 30.702923],
+              [109.590855, 30.69366],
+              [109.574225, 30.646818],
+              [109.543428, 30.63961],
+              [109.535421, 30.664837],
+              [109.435638, 30.595832],
+              [109.418392, 30.559766],
+              [109.35495, 30.487076],
+              [109.337088, 30.521623],
+              [109.36111, 30.551004],
+              [109.314298, 30.599953],
+              [109.299516, 30.630341],
+              [109.245313, 30.580892],
+              [109.191726, 30.545851],
+              [109.191726, 30.545851],
+              [109.143683, 30.521108],
+              [109.103647, 30.565949],
+              [109.09256, 30.578831],
+              [109.106111, 30.61077],
+              [109.111654, 30.646303],
+              [109.071002, 30.640125],
+              [109.042669, 30.655571],
+              [109.006329, 30.626736],
+              [108.971836, 30.627766],
+              [108.893612, 30.565434],
+              [108.838793, 30.503062],
+              [108.808612, 30.491202],
+              [108.789518, 30.513374],
+              [108.743939, 30.494812],
+              [108.698975, 30.54482],
+              [108.688504, 30.58759],
+              [108.642925, 30.578831],
+              [108.6497, 30.53915],
+              [108.56778, 30.468508],
+              [108.556077, 30.487592],
+              [108.512961, 30.501515],
+              [108.472925, 30.487076],
+              [108.42673, 30.492233],
+              [108.411331, 30.438586],
+              [108.430425, 30.416397],
+              [108.402092, 30.376649],
+              [108.431041, 30.354446],
+              [108.460606, 30.35961],
+              [108.501258, 30.314673],
+              [108.524048, 30.309506],
+              [108.54499, 30.269716],
+              [108.581947, 30.255759],
+              [108.551766, 30.1637],
+              [108.56778, 30.157491],
+              [108.546222, 30.104178],
+              [108.513577, 30.057571],
+              [108.532055, 30.051873],
+              [108.536367, 29.983472],
+              [108.517889, 29.9394],
+              [108.516041, 29.885451],
+              [108.467998, 29.864175],
+              [108.433505, 29.880262],
+              [108.371295, 29.841337],
+              [108.424266, 29.815897],
+              [108.422418, 29.772791],
+              [108.442744, 29.778505],
+              [108.437201, 29.741098],
+              [108.460606, 29.741098],
+              [108.504338, 29.707836],
+              [108.504954, 29.728626],
+              [108.548686, 29.749412],
+              [108.52528, 29.770713],
+              [108.556077, 29.818493],
+              [108.601041, 29.863656],
+              [108.658939, 29.854833],
+              [108.680497, 29.800319],
+              [108.676801, 29.749412],
+              [108.690968, 29.689642],
+              [108.752562, 29.649082],
+              [108.786438, 29.691721],
+              [108.797525, 29.660003],
+              [108.781511, 29.635558],
+              [108.844337, 29.658443],
+              [108.888068, 29.628795],
+              [108.870206, 29.596537],
+              [108.901003, 29.604863],
+              [108.913322, 29.574679],
+              [108.878213, 29.539279],
+              [108.888684, 29.502305],
+              [108.866511, 29.470527],
+              [108.884373, 29.440824],
+              [108.927488, 29.435612],
+              [108.934264, 29.399643],
+              [108.919481, 29.3261],
+              [108.983539, 29.332883],
+              [108.999553, 29.36366],
+              [109.034662, 29.360531],
+              [109.060531, 29.403292],
+              [109.11227, 29.361053],
+              [109.106727, 29.288526],
+              [109.141835, 29.270256],
+              [109.110422, 29.21647],
+              [109.139372, 29.168927],
+              [109.162777, 29.180946],
+              [109.215748, 29.145409],
+              [109.232378, 29.119271],
+              [109.274262, 29.121885],
+              [109.261328, 29.161089],
+              [109.275494, 29.202366],
+              [109.257632, 29.222738],
+              [109.312451, 29.25146],
+              [109.352487, 29.284872],
+              [109.343863, 29.369398],
+              [109.391291, 29.372005],
+              [109.368501, 29.413719],
+              [109.418392, 29.453332],
+              [109.415928, 29.497617],
+              [109.436254, 29.488761],
+              [109.433791, 29.530948],
+              [109.458428, 29.513242],
+              [109.467051, 29.560104],
+              [109.488609, 29.553336],
+              [109.516326, 29.626194],
+              [109.558826, 29.606944],
+              [109.578536, 29.629836],
+              [109.651833, 29.625674],
+              [109.664768, 29.599659],
+              [109.717739, 29.615269],
+              [109.701108, 29.636078],
+              [109.714659, 29.673524],
+              [109.760238, 29.689122],
+              [109.755311, 29.733304],
+              [109.779333, 29.757725],
+              [109.869876, 29.774869],
+              [109.908064, 29.763959],
+              [109.941325, 29.774349],
+              [110.02386, 29.769674],
+              [110.113788, 29.789932],
+              [110.160599, 29.753569],
+              [110.219729, 29.746814],
+              [110.289946, 29.6964],
+              [110.302265, 29.661563],
+              [110.339221, 29.668324],
+              [110.372482, 29.633477],
+              [110.447011, 29.664684],
+              [110.467337, 29.713034],
+              [110.507373, 29.692241],
+              [110.562807, 29.712515],
+              [110.642879, 29.775907],
+              [110.60038, 29.839779],
+              [110.549873, 29.848085],
+              [110.538786, 29.895828],
+              [110.49875, 29.91243],
+              [110.517228, 29.961179],
+              [110.557264, 29.988137],
+              [110.491358, 30.019751],
+              [110.497518, 30.055499],
+              [110.531394, 30.061197],
+              [110.600996, 30.054463],
+              [110.650887, 30.07777],
+              [110.712481, 30.033223],
+              [110.756212, 30.054463],
+              [110.746973, 30.112979],
+              [110.851067, 30.126439],
+              [110.924364, 30.111426],
+              [110.929907, 30.063268],
+              [111.031537, 30.048765],
+              [111.242188, 30.040476],
+              [111.266826, 30.01146],
+              [111.3315, 29.970512],
+              [111.342587, 29.944586],
+              [111.382623, 29.95029],
+              [111.394325, 29.912948],
+              [111.436825, 29.930065],
+              [111.475629, 29.918654],
+              [111.527368, 29.925916],
+              [111.553854, 29.894272],
+              [111.669034, 29.888565],
+              [111.669034, 29.888565],
+              [111.705375, 29.890121],
+              [111.723853, 29.909317],
+              [111.723853, 29.909317],
+              [111.75773, 29.92021],
+              [111.8107, 29.901017],
+              [111.861207, 29.856909],
+              [111.899396, 29.855871],
+              [111.899396, 29.855871],
+              [111.925881, 29.836665],
+              [111.965917, 29.832512],
+              [111.95483, 29.796683],
+              [112.008417, 29.778505],
+              [112.07617, 29.743696],
+              [112.065699, 29.681323],
+              [112.089721, 29.685482],
+              [112.111279, 29.659483],
+              [112.178416, 29.656883],
+              [112.202438, 29.633997],
+              [112.244322, 29.659483],
+              [112.233851, 29.61631],
+              [112.303452, 29.585609],
+              [112.281278, 29.536676],
+              [112.291133, 29.517409],
+              [112.333017, 29.545007],
+              [112.368741, 29.541362],
+              [112.424792, 29.598619],
+              [112.439574, 29.633997],
+              [112.499321, 29.629316],
+              [112.54182, 29.60122],
+              [112.572001, 29.624113],
+              [112.640371, 29.607985],
+              [112.650842, 29.592374],
+              [112.693957, 29.601741],
+              [112.714283, 29.648561],
+              [112.733378, 29.645441],
+              [112.788812, 29.681323],
+              [112.79374, 29.735902],
+              [112.861493, 29.78318],
+              [112.894138, 29.783699],
+              [112.902145, 29.79149],
+              [112.929246, 29.77383],
+              [112.923703, 29.766557],
+              [112.926782, 29.692241],
+              [112.944645, 29.682883],
+              [112.974826, 29.732784],
+              [113.025949, 29.772791],
+              [113.005007, 29.693801],
+              [112.915696, 29.620992],
+              [112.912, 29.606944],
+              [112.950188, 29.473132],
+              [113.034572, 29.523658],
+              [113.057362, 29.522616],
+              [113.078304, 29.438218],
+              [113.099861, 29.459585],
+              [113.145441, 29.449163],
+              [113.181781, 29.485636],
+              [113.222433, 29.543965],
+              [113.277252, 29.594976],
+              [113.37765, 29.703158],
+              [113.571671, 29.849123],
+              [113.575367, 29.809147],
+              [113.550729, 29.768115],
+              [113.558736, 29.727067],
+              [113.540258, 29.699519],
+              [113.547033, 29.675603],
+              [113.606164, 29.666764],
+              [113.663446, 29.684443],
+              [113.680692, 29.64336],
+              [113.704098, 29.634518],
+              [113.73859, 29.579363],
+              [113.710257, 29.555419],
+              [113.630801, 29.523137],
+              [113.677613, 29.513763],
+              [113.755221, 29.446557],
+              [113.731199, 29.393907],
+              [113.674533, 29.388172],
+              [113.660982, 29.333405],
+              [113.632033, 29.316186],
+              [113.609859, 29.25146],
+              [113.651743, 29.225872],
+              [113.693011, 29.226394],
+              [113.691779, 29.19662],
+              [113.66283, 29.16945],
+              [113.690547, 29.114566],
+              [113.696091, 29.077437],
+              [113.722576, 29.104631],
+              [113.749677, 29.060699],
+              [113.775547, 29.095219],
+              [113.816199, 29.105154],
+              [113.852539, 29.058606],
+              [113.882104, 29.065407],
+              [113.876561, 29.038202],
+              [113.898119, 29.029307],
+              [113.94185, 29.047097],
+              [113.952321, 29.092604],
+              [113.98743, 29.126068],
+              [114.034857, 29.152204],
+              [114.063191, 29.204978],
+              [114.169748, 29.216993],
+              [114.252284, 29.23475],
+              [114.259059, 29.343839],
+              [114.307102, 29.365225],
+              [114.341595, 29.327665],
+              [114.376088, 29.322969],
+              [114.440145, 29.341752],
+              [114.466015, 29.324013],
+              [114.519602, 29.325578],
+              [114.589819, 29.352707],
+              [114.621847, 29.379828],
+              [114.67297, 29.395993],
+              [114.740724, 29.386607],
+              [114.759818, 29.363139],
+              [114.784455, 29.386086],
+              [114.812173, 29.383478],
+              [114.866375, 29.404335],
+              [114.895325, 29.397557],
+              [114.931049, 29.422581],
+              [114.947063, 29.465317],
+              [114.935977, 29.486678],
+              [114.90518, 29.473132],
+              [114.918114, 29.454374],
+              [114.888549, 29.436134],
+              [114.860216, 29.476258],
+              [114.900868, 29.505951],
+              [114.940288, 29.493971],
+              [114.966773, 29.522096],
+              [114.947679, 29.542924],
+              [115.00065, 29.572076],
+              [115.033295, 29.546568],
+              [115.087498, 29.560104],
+              [115.086266, 29.525741],
+              [115.154019, 29.510117],
+              [115.157099, 29.584568],
+              [115.120142, 29.597578],
+              [115.143548, 29.645961],
+              [115.117679, 29.655843],
+              [115.113367, 29.684963],
+              [115.176809, 29.654803],
+              [115.250722, 29.660003],
+              [115.28583, 29.618391],
+              [115.304924, 29.637118],
+              [115.355431, 29.649602],
+              [115.412714, 29.688602],
+              [115.470612, 29.739539],
+              [115.479235, 29.811224],
+              [115.51188, 29.840299],
+              [115.611662, 29.841337],
+              [115.667712, 29.850161],
+              [115.706517, 29.837703],
+              [115.762567, 29.793048],
+              [115.837096, 29.748373],
+              [115.909777, 29.723949],
+              [115.965827, 29.724469],
+              [116.049595, 29.761881],
+              [116.087167, 29.795125],
+              [116.13521, 29.819532],
+              [116.128435, 29.897904],
+              [116.073616, 29.969993],
+              [116.091479, 30.036331],
+              [116.078544, 30.062233],
+              [116.088399, 30.110391],
+              [116.055754, 30.180774],
+              [116.065609, 30.204569],
+              [115.997856, 30.252657],
+              [115.985537, 30.290905],
+              [115.903001, 30.31364],
+              [115.91532, 30.337919],
+              [115.885139, 30.379747],
+              [115.921479, 30.416397],
+              [115.894994, 30.452517],
+              [115.910393, 30.519046],
+              [115.887603, 30.542758],
+              [115.876516, 30.582438],
+              [115.848799, 30.602014],
+              [115.819234, 30.597893],
+              [115.81369, 30.637035],
+              [115.762567, 30.685426],
+              [115.782893, 30.751795],
+              [115.851262, 30.756938],
+              [115.863581, 30.815549],
+              [115.848799, 30.828397],
+              [115.865429, 30.864364],
+              [115.932566, 30.889532],
+              [115.976298, 30.931636],
+              [116.03974, 30.957813],
+              [116.071769, 30.956787],
+              [116.058834, 31.012711],
+              [116.015102, 31.011685],
+              [116.006479, 31.034764],
+              [115.938726, 31.04707],
+              [115.939958, 31.071678],
+              [115.887603, 31.10909],
+              [115.867277, 31.147512],
+              [115.837712, 31.127022],
+              [115.797676, 31.128047],
+              [115.778582, 31.112164],
+              [115.700973, 31.201276],
+              [115.655394, 31.211002],
+              [115.603655, 31.17363],
+              [115.585793, 31.143926],
+              [115.540213, 31.194621],
+              [115.539597, 31.231985],
+              [115.507568, 31.267799],
+              [115.473076, 31.265242],
+              [115.443511, 31.344498],
+              [115.40717, 31.337854],
+              [115.372062, 31.349098],
+              [115.393004, 31.389977],
+              [115.373909, 31.405813],
+              [115.338801, 31.40428],
+              [115.301229, 31.383846],
+              [115.250722, 31.392021],
+              [115.252569, 31.421646],
+              [115.211301, 31.442072],
+              [115.218077, 31.515057],
+              [115.235939, 31.555354],
+              [115.212533, 31.555354],
+              [115.16449, 31.604808],
+              [115.12507, 31.599201],
+              [115.106592, 31.567592],
+              [115.114599, 31.530362],
+              [115.096121, 31.508425],
+              [115.022824, 31.527811],
+              [114.995107, 31.471171],
+              [114.962462, 31.494648],
+              [114.884238, 31.469129],
+              [114.870071, 31.479337],
+              [114.830035, 31.45892],
+              [114.789383, 31.480358],
+              [114.778912, 31.520669],
+              [114.696376, 31.525771],
+              [114.641558, 31.582378],
+              [114.61692, 31.585437],
+              [114.572572, 31.553824],
+              [114.560869, 31.560963],
+              [114.547935, 31.623665],
+              [114.57134, 31.660858],
+              [114.586123, 31.762172],
+              [114.549783, 31.766751],
+              [114.530688, 31.742834],
+              [114.443841, 31.728074],
+              [114.403189, 31.746906],
+              [114.350218, 31.755557],
+              [114.292936, 31.752503],
+              [114.235654, 31.833382],
+              [114.191922, 31.852192],
+              [114.134024, 31.843042],
+              [114.121705, 31.809482],
+              [114.086596, 31.782014],
+              [114.017611, 31.770822],
+              [113.988662, 31.749959],
+              [113.952321, 31.793714],
+              [113.957865, 31.852701],
+              [113.914749, 31.877098],
+              [113.893807, 31.847109],
+              [113.854387, 31.843042],
+              [113.830981, 31.87913],
+              [113.832213, 31.918761],
+              [113.805728, 31.929428],
+              [113.817431, 31.964467],
+              [113.757685, 31.98985],
+              [113.791561, 32.036028],
+              [113.728735, 32.083197],
+              [113.722576, 32.12426],
+              [113.750293, 32.11615],
+              [113.782322, 32.184553],
+              [113.752757, 32.215951],
+              [113.73859, 32.255942],
+              [113.749061, 32.272642],
+              [113.768772, 32.30148],
+              [113.753989, 32.328286],
+              [113.76754, 32.370249],
+              [113.735511, 32.410677],
+              [113.700402, 32.420782],
+              [113.650511, 32.412698],
+              [113.624642, 32.36115],
+              [113.511925, 32.316654],
+              [113.428773, 32.270618],
+              [113.376418, 32.298445],
+              [113.353628, 32.294904],
+              [113.317904, 32.327275],
+              [113.333918, 32.336377],
+              [113.2366, 32.407141],
+              [113.211962, 32.431895],
+              [113.158992, 32.410677],
+              [113.155912, 32.380863],
+              [113.118956, 32.375809],
+              [113.107869, 32.398551],
+              [113.078919, 32.394508],
+              [113.025949, 32.425328],
+              [113.000695, 32.41674],
+              [112.992072, 32.378336],
+              [112.912, 32.390971],
+              [112.888594, 32.37682],
+              [112.860877, 32.396024],
+              [112.776493, 32.358623],
+              [112.735841, 32.356095],
+              [112.733993, 32.356601],
+              [112.724138, 32.358623],
+              [112.716747, 32.357612],
+              [112.645298, 32.368227],
+              [112.612037, 32.386928],
+              [112.589248, 32.381369],
+              [112.545516, 32.404109],
+              [112.530733, 32.37682],
+              [112.477147, 32.380863],
+              [112.448814, 32.34295],
+              [112.390915, 32.37126],
+              [112.360118, 32.3657],
+              [112.328089, 32.321712],
+              [112.206133, 32.392992],
+              [112.172873, 32.385412],
+              [112.150083, 32.411688],
+              [112.155626, 32.377326],
+              [112.081098, 32.425833],
+              [112.063851, 32.474315],
+              [112.014576, 32.450077],
+              [111.975772, 32.471791],
+              [111.948671, 32.51722],
+              [111.890157, 32.503089],
+              [111.858128, 32.528826],
+              [111.808853, 32.536899],
+              [111.713382, 32.606497],
+              [111.646245, 32.605993],
+              [111.640701, 32.634724],
+              [111.577875, 32.593388],
+              [111.530448, 32.628172],
+              [111.513202, 32.674026],
+              [111.458383, 32.726402],
+              [111.475629, 32.760127],
+              [111.41342, 32.757108],
+              [111.380159, 32.829049],
+              [111.293311, 32.859217],
+              [111.276065, 32.903445],
+              [111.255123, 32.883846],
+              [111.242804, 32.930573],
+              [111.273601, 32.971753],
+              [111.258819, 33.006389],
+              [111.221862, 33.042517],
+              [111.152877, 33.039507],
+              [111.192913, 33.071609],
+              [111.179363, 33.115229],
+              [111.146102, 33.12375],
+              [111.12824, 33.15532],
+              [111.08882, 33.181871],
+              [111.045704, 33.169849]
+            ]
+          ],
+          [
+            [
+              [109.106111, 30.570587],
+              [109.101183, 30.579346],
+              [109.09872, 30.579346],
+              [109.106111, 30.570587]
+            ]
+          ],
+          [
+            [
+              [111.046936, 33.202905],
+              [111.035849, 33.187881],
+              [111.034001, 33.177864],
+              [111.045704, 33.169849],
+              [111.046936, 33.202905]
+            ]
+          ],
+          [
+            [
+              [112.716747, 32.357612],
+              [112.735841, 32.356095],
+              [112.733993, 32.356601],
+              [112.724138, 32.358623],
+              [112.716747, 32.357612]
+            ]
+          ],
+          [
+            [
+              [112.902145, 29.79149],
+              [112.894138, 29.783699],
+              [112.923703, 29.766557],
+              [112.929246, 29.77383],
+              [112.902145, 29.79149]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 430000,
+        "name": "湖南省",
+        "center": [112.982279, 28.19409],
+        "centroid": [111.711649, 27.629216],
+        "childrenNum": 14,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 17,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [112.024431, 24.740308],
+              [112.03367, 24.771286],
+              [112.124214, 24.841364],
+              [112.149467, 24.837019],
+              [112.167329, 24.859828],
+              [112.175337, 24.927685],
+              [112.119902, 24.963499],
+              [112.12175, 24.989538],
+              [112.155626, 25.026419],
+              [112.151931, 25.055698],
+              [112.177184, 25.106649],
+              [112.187039, 25.182494],
+              [112.246785, 25.185202],
+              [112.256025, 25.159204],
+              [112.302836, 25.157037],
+              [112.315771, 25.175453],
+              [112.365046, 25.191701],
+              [112.414937, 25.14241],
+              [112.44327, 25.185744],
+              [112.458053, 25.152162],
+              [112.562762, 25.124531],
+              [112.628052, 25.140785],
+              [112.660081, 25.132658],
+              [112.712436, 25.083344],
+              [112.714899, 25.025876],
+              [112.742001, 24.99876],
+              [112.743233, 24.959701],
+              [112.778341, 24.947764],
+              [112.780805, 24.896747],
+              [112.873812, 24.896747],
+              [112.904609, 24.921715],
+              [112.941565, 24.915745],
+              [112.994536, 24.927142],
+              [113.009934, 24.977604],
+              [112.979137, 25.03401],
+              [113.004391, 25.089306],
+              [112.96805, 25.141869],
+              [112.97421, 25.168412],
+              [113.034572, 25.198199],
+              [112.992688, 25.247467],
+              [112.958195, 25.254503],
+              [112.897833, 25.238264],
+              [112.867036, 25.249632],
+              [112.854718, 25.337829],
+              [112.891058, 25.339993],
+              [112.924319, 25.296714],
+              [112.93479, 25.325929],
+              [112.969898, 25.350269],
+              [113.013014, 25.352432],
+              [113.078304, 25.382174],
+              [113.096782, 25.412449],
+              [113.131274, 25.414611],
+              [113.11834, 25.445418],
+              [113.176854, 25.471355],
+              [113.226129, 25.50971],
+              [113.248919, 25.514031],
+              [113.311129, 25.490264],
+              [113.314208, 25.442716],
+              [113.341926, 25.448661],
+              [113.373338, 25.402719],
+              [113.407215, 25.401637],
+              [113.449715, 25.359463],
+              [113.479896, 25.375145],
+              [113.535946, 25.368656],
+              [113.579062, 25.34432],
+              [113.584606, 25.306453],
+              [113.611707, 25.327552],
+              [113.680076, 25.334584],
+              [113.686852, 25.351891],
+              [113.753373, 25.362707],
+              [113.76446, 25.333502],
+              [113.814967, 25.328634],
+              [113.839605, 25.363248],
+              [113.877177, 25.380552],
+              [113.887032, 25.436772],
+              [113.94493, 25.441635],
+              [113.962792, 25.528072],
+              [113.986198, 25.529153],
+              [113.983118, 25.599336],
+              [113.957249, 25.611749],
+              [113.913517, 25.701299],
+              [113.920293, 25.741197],
+              [113.961561, 25.77731],
+              [113.971416, 25.836036],
+              [114.028082, 25.893119],
+              [114.028082, 25.98138],
+              [114.008372, 26.015806],
+              [114.044096, 26.076564],
+              [114.087828, 26.06635],
+              [114.121089, 26.085702],
+              [114.10569, 26.097526],
+              [114.188842, 26.121172],
+              [114.237501, 26.152333],
+              [114.216559, 26.203355],
+              [114.181451, 26.214631],
+              [114.102611, 26.187783],
+              [114.088444, 26.168448],
+              [114.013299, 26.184023],
+              [113.962792, 26.150722],
+              [113.949242, 26.192616],
+              [113.972647, 26.20604],
+              [113.978807, 26.237716],
+              [114.029314, 26.266163],
+              [114.021307, 26.288701],
+              [114.047792, 26.337518],
+              [114.030546, 26.376664],
+              [114.062575, 26.406149],
+              [114.085364, 26.406149],
+              [114.090292, 26.455988],
+              [114.110002, 26.482775],
+              [114.07243, 26.480096],
+              [114.10877, 26.56952],
+              [114.019459, 26.587182],
+              [113.996669, 26.615543],
+              [113.912901, 26.613938],
+              [113.860546, 26.664221],
+              [113.853771, 26.769532],
+              [113.835909, 26.806394],
+              [113.877177, 26.859262],
+              [113.890112, 26.895562],
+              [113.927068, 26.948922],
+              [113.892575, 26.964925],
+              [113.86301, 27.018252],
+              [113.824206, 27.036378],
+              [113.803264, 27.099261],
+              [113.771851, 27.096598],
+              [113.779242, 27.137081],
+              [113.846996, 27.222262],
+              [113.872865, 27.289828],
+              [113.854387, 27.30525],
+              [113.872865, 27.346721],
+              [113.872865, 27.384988],
+              [113.72812, 27.350442],
+              [113.699786, 27.331836],
+              [113.657902, 27.347253],
+              [113.616635, 27.345658],
+              [113.605548, 27.38924],
+              [113.632033, 27.40518],
+              [113.59754, 27.428554],
+              [113.591381, 27.467855],
+              [113.627105, 27.49971],
+              [113.583374, 27.524657],
+              [113.579062, 27.545354],
+              [113.608627, 27.585143],
+              [113.607395, 27.625449],
+              [113.652359, 27.663619],
+              [113.696707, 27.71979],
+              [113.69917, 27.740979],
+              [113.763228, 27.799228],
+              [113.756453, 27.860091],
+              [113.72812, 27.874904],
+              [113.752141, 27.93361],
+              [113.822974, 27.982243],
+              [113.845148, 27.971672],
+              [113.864242, 28.004966],
+              [113.914133, 27.991227],
+              [113.936307, 28.018703],
+              [113.966488, 28.017646],
+              [113.970184, 28.041418],
+              [114.025618, 28.031382],
+              [114.047176, 28.057263],
+              [114.025002, 28.080499],
+              [113.992357, 28.161255],
+              [114.012068, 28.174972],
+              [114.068734, 28.171806],
+              [114.107538, 28.182885],
+              [114.109386, 28.205038],
+              [114.143879, 28.246694],
+              [114.182067, 28.249858],
+              [114.198081, 28.29097],
+              [114.2529, 28.319423],
+              [114.252284, 28.395787],
+              [114.214712, 28.403157],
+              [114.172212, 28.432632],
+              [114.217175, 28.466308],
+              [114.218407, 28.48472],
+              [114.15435, 28.507337],
+              [114.138335, 28.533629],
+              [114.08598, 28.558337],
+              [114.132176, 28.607211],
+              [114.122321, 28.623497],
+              [114.157429, 28.761566],
+              [114.137719, 28.779926],
+              [114.153734, 28.829221],
+              [114.124784, 28.843376],
+              [114.076741, 28.834464],
+              [114.056415, 28.872204],
+              [114.060111, 28.902596],
+              [114.028082, 28.891069],
+              [114.005292, 28.917788],
+              [114.008988, 28.955498],
+              [113.973879, 28.937692],
+              [113.955401, 28.978536],
+              [113.961561, 28.999476],
+              [113.94185, 29.047097],
+              [113.898119, 29.029307],
+              [113.876561, 29.038202],
+              [113.882104, 29.065407],
+              [113.852539, 29.058606],
+              [113.816199, 29.105154],
+              [113.775547, 29.095219],
+              [113.749677, 29.060699],
+              [113.722576, 29.104631],
+              [113.696091, 29.077437],
+              [113.690547, 29.114566],
+              [113.66283, 29.16945],
+              [113.691779, 29.19662],
+              [113.693011, 29.226394],
+              [113.651743, 29.225872],
+              [113.609859, 29.25146],
+              [113.632033, 29.316186],
+              [113.660982, 29.333405],
+              [113.674533, 29.388172],
+              [113.731199, 29.393907],
+              [113.755221, 29.446557],
+              [113.677613, 29.513763],
+              [113.630801, 29.523137],
+              [113.710257, 29.555419],
+              [113.73859, 29.579363],
+              [113.704098, 29.634518],
+              [113.680692, 29.64336],
+              [113.663446, 29.684443],
+              [113.606164, 29.666764],
+              [113.547033, 29.675603],
+              [113.540258, 29.699519],
+              [113.558736, 29.727067],
+              [113.550729, 29.768115],
+              [113.575367, 29.809147],
+              [113.571671, 29.849123],
+              [113.37765, 29.703158],
+              [113.277252, 29.594976],
+              [113.222433, 29.543965],
+              [113.181781, 29.485636],
+              [113.145441, 29.449163],
+              [113.099861, 29.459585],
+              [113.078304, 29.438218],
+              [113.057362, 29.522616],
+              [113.034572, 29.523658],
+              [112.950188, 29.473132],
+              [112.912, 29.606944],
+              [112.915696, 29.620992],
+              [113.005007, 29.693801],
+              [113.025949, 29.772791],
+              [112.974826, 29.732784],
+              [112.944645, 29.682883],
+              [112.926782, 29.692241],
+              [112.923703, 29.766557],
+              [112.894138, 29.783699],
+              [112.861493, 29.78318],
+              [112.79374, 29.735902],
+              [112.788812, 29.681323],
+              [112.733378, 29.645441],
+              [112.714283, 29.648561],
+              [112.693957, 29.601741],
+              [112.650842, 29.592374],
+              [112.640371, 29.607985],
+              [112.572001, 29.624113],
+              [112.54182, 29.60122],
+              [112.499321, 29.629316],
+              [112.439574, 29.633997],
+              [112.424792, 29.598619],
+              [112.368741, 29.541362],
+              [112.333017, 29.545007],
+              [112.291133, 29.517409],
+              [112.281278, 29.536676],
+              [112.303452, 29.585609],
+              [112.233851, 29.61631],
+              [112.244322, 29.659483],
+              [112.202438, 29.633997],
+              [112.178416, 29.656883],
+              [112.111279, 29.659483],
+              [112.089721, 29.685482],
+              [112.065699, 29.681323],
+              [112.07617, 29.743696],
+              [112.008417, 29.778505],
+              [111.95483, 29.796683],
+              [111.965917, 29.832512],
+              [111.925881, 29.836665],
+              [111.899396, 29.855871],
+              [111.899396, 29.855871],
+              [111.861207, 29.856909],
+              [111.8107, 29.901017],
+              [111.75773, 29.92021],
+              [111.723853, 29.909317],
+              [111.723853, 29.909317],
+              [111.705375, 29.890121],
+              [111.669034, 29.888565],
+              [111.669034, 29.888565],
+              [111.553854, 29.894272],
+              [111.527368, 29.925916],
+              [111.475629, 29.918654],
+              [111.436825, 29.930065],
+              [111.394325, 29.912948],
+              [111.382623, 29.95029],
+              [111.342587, 29.944586],
+              [111.3315, 29.970512],
+              [111.266826, 30.01146],
+              [111.242188, 30.040476],
+              [111.031537, 30.048765],
+              [110.929907, 30.063268],
+              [110.924364, 30.111426],
+              [110.851067, 30.126439],
+              [110.746973, 30.112979],
+              [110.756212, 30.054463],
+              [110.712481, 30.033223],
+              [110.650887, 30.07777],
+              [110.600996, 30.054463],
+              [110.531394, 30.061197],
+              [110.497518, 30.055499],
+              [110.491358, 30.019751],
+              [110.557264, 29.988137],
+              [110.517228, 29.961179],
+              [110.49875, 29.91243],
+              [110.538786, 29.895828],
+              [110.549873, 29.848085],
+              [110.60038, 29.839779],
+              [110.642879, 29.775907],
+              [110.562807, 29.712515],
+              [110.507373, 29.692241],
+              [110.467337, 29.713034],
+              [110.447011, 29.664684],
+              [110.372482, 29.633477],
+              [110.339221, 29.668324],
+              [110.302265, 29.661563],
+              [110.289946, 29.6964],
+              [110.219729, 29.746814],
+              [110.160599, 29.753569],
+              [110.113788, 29.789932],
+              [110.02386, 29.769674],
+              [109.941325, 29.774349],
+              [109.908064, 29.763959],
+              [109.869876, 29.774869],
+              [109.779333, 29.757725],
+              [109.755311, 29.733304],
+              [109.760238, 29.689122],
+              [109.714659, 29.673524],
+              [109.701108, 29.636078],
+              [109.717739, 29.615269],
+              [109.664768, 29.599659],
+              [109.651833, 29.625674],
+              [109.578536, 29.629836],
+              [109.558826, 29.606944],
+              [109.516326, 29.626194],
+              [109.488609, 29.553336],
+              [109.467051, 29.560104],
+              [109.458428, 29.513242],
+              [109.433791, 29.530948],
+              [109.436254, 29.488761],
+              [109.415928, 29.497617],
+              [109.418392, 29.453332],
+              [109.368501, 29.413719],
+              [109.391291, 29.372005],
+              [109.343863, 29.369398],
+              [109.352487, 29.284872],
+              [109.312451, 29.25146],
+              [109.257632, 29.222738],
+              [109.275494, 29.202366],
+              [109.261328, 29.161089],
+              [109.274262, 29.121885],
+              [109.232378, 29.119271],
+              [109.240386, 29.086328],
+              [109.312451, 29.066453],
+              [109.319842, 29.042388],
+              [109.294588, 29.015177],
+              [109.292741, 28.987436],
+              [109.261328, 28.952356],
+              [109.235458, 28.882161],
+              [109.246545, 28.80143],
+              [109.241002, 28.776779],
+              [109.2989, 28.7474],
+              [109.294588, 28.722211],
+              [109.252704, 28.691767],
+              [109.271183, 28.671816],
+              [109.192958, 28.636104],
+              [109.201581, 28.597753],
+              [109.235458, 28.61982],
+              [109.252089, 28.606685],
+              [109.306907, 28.62087],
+              [109.319842, 28.579886],
+              [109.273646, 28.53836],
+              [109.274262, 28.494714],
+              [109.260712, 28.46473],
+              [109.264407, 28.392628],
+              [109.289045, 28.373673],
+              [109.268719, 28.33786],
+              [109.275494, 28.313101],
+              [109.317994, 28.277795],
+              [109.33524, 28.293605],
+              [109.388211, 28.268307],
+              [109.367885, 28.254602],
+              [109.340168, 28.19027],
+              [109.33832, 28.141731],
+              [109.314298, 28.103729],
+              [109.298284, 28.036136],
+              [109.335856, 28.063073],
+              [109.378972, 28.034551],
+              [109.362342, 28.007608],
+              [109.319842, 27.988585],
+              [109.30198, 27.956343],
+              [109.32169, 27.868027],
+              [109.346943, 27.838396],
+              [109.332777, 27.782815],
+              [109.37774, 27.736741],
+              [109.366653, 27.721909],
+              [109.414081, 27.725087],
+              [109.470747, 27.680049],
+              [109.45658, 27.673689],
+              [109.470131, 27.62863],
+              [109.451037, 27.586204],
+              [109.461508, 27.567637],
+              [109.404841, 27.55066],
+              [109.303211, 27.47582],
+              [109.300132, 27.423774],
+              [109.245313, 27.41793],
+              [109.202197, 27.450331],
+              [109.167089, 27.41793],
+              [109.141835, 27.448207],
+              [109.142451, 27.418461],
+              [109.103647, 27.336621],
+              [109.044517, 27.331304],
+              [109.053756, 27.293551],
+              [108.983539, 27.26802],
+              [108.963213, 27.235565],
+              [108.907778, 27.204699],
+              [108.926873, 27.160512],
+              [108.878829, 27.106187],
+              [108.79075, 27.084343],
+              [108.877597, 27.01612],
+              [108.942887, 27.017186],
+              [108.942887, 27.017186],
+              [108.940423, 27.044907],
+              [109.007561, 27.08008],
+              [109.032814, 27.104056],
+              [109.128901, 27.122701],
+              [109.101183, 27.06889],
+              [109.165857, 27.066758],
+              [109.21698, 27.114711],
+              [109.239154, 27.14933],
+              [109.264407, 27.131755],
+              [109.33524, 27.139212],
+              [109.358646, 27.153058],
+              [109.415312, 27.154123],
+              [109.441182, 27.117907],
+              [109.472595, 27.134951],
+              [109.454733, 27.069423],
+              [109.486761, 27.053968],
+              [109.497848, 27.079548],
+              [109.520022, 27.058764],
+              [109.555131, 26.946788],
+              [109.436254, 26.892359],
+              [109.452885, 26.861932],
+              [109.486761, 26.895562],
+              [109.509551, 26.877947],
+              [109.513247, 26.84004],
+              [109.497232, 26.815474],
+              [109.522486, 26.749226],
+              [109.528645, 26.743881],
+              [109.554515, 26.73533],
+              [109.597015, 26.756173],
+              [109.568065, 26.726243],
+              [109.528645, 26.743881],
+              [109.52187, 26.749226],
+              [109.486761, 26.759913],
+              [109.447957, 26.759913],
+              [109.407305, 26.719829],
+              [109.35495, 26.693098],
+              [109.283501, 26.698445],
+              [109.306291, 26.661012],
+              [109.334008, 26.646036],
+              [109.35495, 26.658873],
+              [109.390675, 26.598955],
+              [109.407305, 26.533116],
+              [109.381436, 26.518659],
+              [109.385747, 26.493487],
+              [109.362342, 26.472061],
+              [109.38082, 26.454381],
+              [109.319842, 26.418477],
+              [109.29582, 26.350389],
+              [109.271183, 26.327863],
+              [109.285965, 26.295676],
+              [109.325385, 26.29031],
+              [109.351255, 26.264016],
+              [109.369733, 26.277432],
+              [109.442414, 26.289774],
+              [109.467051, 26.313917],
+              [109.439334, 26.238789],
+              [109.47629, 26.148035],
+              [109.513863, 26.128157],
+              [109.502776, 26.096451],
+              [109.449805, 26.101826],
+              [109.452885, 26.055598],
+              [109.48245, 26.029788],
+              [109.513247, 25.998056],
+              [109.560058, 26.021184],
+              [109.588391, 26.019571],
+              [109.635203, 26.047533],
+              [109.649369, 26.016882],
+              [109.730057, 25.989988],
+              [109.710963, 25.954478],
+              [109.693717, 25.959321],
+              [109.67955, 25.921649],
+              [109.685094, 25.880197],
+              [109.768246, 25.890427],
+              [109.779333, 25.866196],
+              [109.811361, 25.877504],
+              [109.826144, 25.911422],
+              [109.806434, 25.973848],
+              [109.782412, 25.996981],
+              [109.814441, 26.041081],
+              [109.864332, 26.027637],
+              [109.898825, 26.095377],
+              [109.904368, 26.135679],
+              [109.970274, 26.195301],
+              [110.03002, 26.166299],
+              [110.099005, 26.168985],
+              [110.100853, 26.132455],
+              [110.065128, 26.050221],
+              [110.100853, 26.020108],
+              [110.168606, 26.028713],
+              [110.181541, 26.060437],
+              [110.24991, 26.010965],
+              [110.257301, 25.961473],
+              [110.325671, 25.975462],
+              [110.373098, 26.088927],
+              [110.437772, 26.153945],
+              [110.477808, 26.179727],
+              [110.495054, 26.166299],
+              [110.546793, 26.233421],
+              [110.552952, 26.283335],
+              [110.584365, 26.296749],
+              [110.612083, 26.333764],
+              [110.643495, 26.308552],
+              [110.673676, 26.317135],
+              [110.721104, 26.294066],
+              [110.742046, 26.313917],
+              [110.73527, 26.270993],
+              [110.759292, 26.248451],
+              [110.836284, 26.255966],
+              [110.939762, 26.286554],
+              [110.926212, 26.320354],
+              [110.944074, 26.326791],
+              [110.94469, 26.373447],
+              [110.974255, 26.385778],
+              [111.008747, 26.35897],
+              [111.008132, 26.336982],
+              [111.090667, 26.308016],
+              [111.208928, 26.30426],
+              [111.204616, 26.276359],
+              [111.228022, 26.261333],
+              [111.277913, 26.272066],
+              [111.293311, 26.222148],
+              [111.271754, 26.217316],
+              [111.274833, 26.183486],
+              [111.258203, 26.151796],
+              [111.26621, 26.095914],
+              [111.244652, 26.078177],
+              [111.267442, 26.058824],
+              [111.235413, 26.048071],
+              [111.189834, 25.953402],
+              [111.230486, 25.916267],
+              [111.251428, 25.864581],
+              [111.29208, 25.854349],
+              [111.297007, 25.874274],
+              [111.346282, 25.906577],
+              [111.376463, 25.906039],
+              [111.383239, 25.881812],
+              [111.460231, 25.885042],
+              [111.4861, 25.859196],
+              [111.43313, 25.84627],
+              [111.442369, 25.77192],
+              [111.399869, 25.744431],
+              [111.30871, 25.720171],
+              [111.309942, 25.645203],
+              [111.343202, 25.602574],
+              [111.324724, 25.564249],
+              [111.32842, 25.521592],
+              [111.279145, 25.42326],
+              [111.210776, 25.363248],
+              [111.184906, 25.367034],
+              [111.138711, 25.303748],
+              [111.103602, 25.285351],
+              [111.112841, 25.21715],
+              [110.998892, 25.161371],
+              [110.98411, 25.101772],
+              [110.951465, 25.04377],
+              [110.968711, 24.975434],
+              [111.009363, 24.921172],
+              [111.100522, 24.945593],
+              [111.101754, 25.035095],
+              [111.139943, 25.042144],
+              [111.200921, 25.074672],
+              [111.221862, 25.106649],
+              [111.274833, 25.151078],
+              [111.321645, 25.105023],
+              [111.36784, 25.108817],
+              [111.375231, 25.128324],
+              [111.435593, 25.093642],
+              [111.416499, 25.047566],
+              [111.467622, 25.02208],
+              [111.460231, 24.992793],
+              [111.43313, 24.979774],
+              [111.434977, 24.951562],
+              [111.470086, 24.92877],
+              [111.447296, 24.892947],
+              [111.449144, 24.857113],
+              [111.479325, 24.797366],
+              [111.461463, 24.728894],
+              [111.431282, 24.687574],
+              [111.451608, 24.665822],
+              [111.499035, 24.667997],
+              [111.526752, 24.637538],
+              [111.570484, 24.64461],
+              [111.588962, 24.690837],
+              [111.641933, 24.684856],
+              [111.637621, 24.715303],
+              [111.666571, 24.760961],
+              [111.708455, 24.788673],
+              [111.783599, 24.785957],
+              [111.814396, 24.770199],
+              [111.868599, 24.771829],
+              [111.875374, 24.756613],
+              [111.929577, 24.75607],
+              [111.951135, 24.769655],
+              [112.024431, 24.740308]
+            ]
+          ],
+          [
+            [
+              [109.528645, 26.743881],
+              [109.522486, 26.749226],
+              [109.52187, 26.749226],
+              [109.528645, 26.743881]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 440000,
+        "name": "广东省",
+        "center": [113.280637, 23.125178],
+        "centroid": [113.429919, 23.334643],
+        "childrenNum": 21,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 18,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [113.558736, 22.212244],
+              [113.594461, 22.228864],
+              [113.595693, 22.304186],
+              [113.617866, 22.315259],
+              [113.604932, 22.339617],
+              [113.627721, 22.349027],
+              [113.669605, 22.416539],
+              [113.66591, 22.438667],
+              [113.624642, 22.443092],
+              [113.608627, 22.408793],
+              [113.573519, 22.41156],
+              [113.631417, 22.475723],
+              [113.668373, 22.4807],
+              [113.691779, 22.514981],
+              [113.740438, 22.534329],
+              [113.717033, 22.645391],
+              [113.678228, 22.726007],
+              [113.733663, 22.736494],
+              [113.758301, 22.683496],
+              [113.765692, 22.665825],
+              [113.803264, 22.593463],
+              [113.856851, 22.539857],
+              [113.869786, 22.459685],
+              [113.893807, 22.442539],
+              [113.952937, 22.486783],
+              [113.954785, 22.491206],
+              [113.976343, 22.510558],
+              [114.031778, 22.503923],
+              [114.082285, 22.512216],
+              [114.095219, 22.534329],
+              [114.156813, 22.543726],
+              [114.166052, 22.559201],
+              [114.222719, 22.553122],
+              [114.232574, 22.539857],
+              [114.294784, 22.563623],
+              [114.321885, 22.587385],
+              [114.381631, 22.60175],
+              [114.427211, 22.589042],
+              [114.472174, 22.522168],
+              [114.476486, 22.459132],
+              [114.506667, 22.438667],
+              [114.549167, 22.465769],
+              [114.611377, 22.481806],
+              [114.628623, 22.513875],
+              [114.614456, 22.545384],
+              [114.568261, 22.560859],
+              [114.559022, 22.583517],
+              [114.603369, 22.638763],
+              [114.579964, 22.661407],
+              [114.51529, 22.655332],
+              [114.567029, 22.685705],
+              [114.591666, 22.690122],
+              [114.601521, 22.730975],
+              [114.689601, 22.7674],
+              [114.709927, 22.787817],
+              [114.749963, 22.764089],
+              [114.73518, 22.724351],
+              [114.728405, 22.651466],
+              [114.743803, 22.632687],
+              [114.746267, 22.581859],
+              [114.866375, 22.591805],
+              [114.88547, 22.538751],
+              [114.922426, 22.549253],
+              [114.927969, 22.621639],
+              [114.945216, 22.645391],
+              [115.039454, 22.713862],
+              [115.02344, 22.726007],
+              [115.053621, 22.747533],
+              [115.076411, 22.788368],
+              [115.154635, 22.80161],
+              [115.190975, 22.77347],
+              [115.190359, 22.818711],
+              [115.236555, 22.82533],
+              [115.230396, 22.776781],
+              [115.319091, 22.783402],
+              [115.338185, 22.776781],
+              [115.349272, 22.712206],
+              [115.381301, 22.684048],
+              [115.430576, 22.684048],
+              [115.471844, 22.697852],
+              [115.575322, 22.650914],
+              [115.565467, 22.684048],
+              [115.609198, 22.753052],
+              [115.541445, 22.755259],
+              [115.570394, 22.786713],
+              [115.583945, 22.82864],
+              [115.654162, 22.865591],
+              [115.696046, 22.84298],
+              [115.760103, 22.834707],
+              [115.788437, 22.809885],
+              [115.796444, 22.739254],
+              [115.829089, 22.734838],
+              [115.883291, 22.78561],
+              [115.931334, 22.802713],
+              [115.965211, 22.800506],
+              [115.99724, 22.826985],
+              [116.05637, 22.844635],
+              [116.104413, 22.816505],
+              [116.14137, 22.835259],
+              [116.239304, 22.921275],
+              [116.259014, 22.932298],
+              [116.302746, 22.951588],
+              [116.382818, 22.91907],
+              [116.449955, 22.936707],
+              [116.50539, 22.930645],
+              [116.544194, 22.996769],
+              [116.576839, 23.014397],
+              [116.557129, 23.056253],
+              [116.566368, 23.088738],
+              [116.550969, 23.109656],
+              [116.566368, 23.134424],
+              [116.665534, 23.158086],
+              [116.701259, 23.198248],
+              [116.74499, 23.215299],
+              [116.806584, 23.200998],
+              [116.821367, 23.240597],
+              [116.798577, 23.244996],
+              [116.782563, 23.313714],
+              [116.871874, 23.4159],
+              [116.871258, 23.416449],
+              [116.874338, 23.447199],
+              [116.874953, 23.447748],
+              [116.895895, 23.476295],
+              [116.888504, 23.501543],
+              [116.92854, 23.530079],
+              [116.963649, 23.507031],
+              [117.01046, 23.502641],
+              [117.044953, 23.539955],
+              [117.085605, 23.536663],
+              [117.192778, 23.5619],
+              [117.192778, 23.629356],
+              [117.147199, 23.654027],
+              [117.123793, 23.647448],
+              [117.055424, 23.694038],
+              [117.048032, 23.758687],
+              [117.019083, 23.801952],
+              [117.012308, 23.855054],
+              [116.981511, 23.855602],
+              [116.955642, 23.922359],
+              [116.976583, 23.931659],
+              [116.981511, 23.999471],
+              [116.953178, 24.008218],
+              [116.930388, 24.064514],
+              [116.9347, 24.126794],
+              [116.998757, 24.179217],
+              [116.956257, 24.216883],
+              [116.933468, 24.220157],
+              [116.938395, 24.28127],
+              [116.914374, 24.287817],
+              [116.919301, 24.321087],
+              [116.895895, 24.350533],
+              [116.903903, 24.369614],
+              [116.839229, 24.442097],
+              [116.860787, 24.460075],
+              [116.83307, 24.496568],
+              [116.796729, 24.502014],
+              [116.759157, 24.545572],
+              [116.761005, 24.583128],
+              [116.815207, 24.654944],
+              [116.777635, 24.679418],
+              [116.667382, 24.658752],
+              [116.623034, 24.64189],
+              [116.600861, 24.654401],
+              [116.570679, 24.621762],
+              [116.530027, 24.604895],
+              [116.506622, 24.621218],
+              [116.517709, 24.652225],
+              [116.485064, 24.720196],
+              [116.44626, 24.714216],
+              [116.416079, 24.744113],
+              [116.419158, 24.767482],
+              [116.375427, 24.803885],
+              [116.381586, 24.82507],
+              [116.417927, 24.840821],
+              [116.395137, 24.877746],
+              [116.363724, 24.87123],
+              [116.345862, 24.828872],
+              [116.297202, 24.801712],
+              [116.244232, 24.793563],
+              [116.251007, 24.82507],
+              [116.221442, 24.829959],
+              [116.191877, 24.877203],
+              [116.153073, 24.846795],
+              [116.068073, 24.850053],
+              [116.015102, 24.905975],
+              [115.985537, 24.899461],
+              [115.907929, 24.923343],
+              [115.89253, 24.936911],
+              [115.885139, 24.898918],
+              [115.907313, 24.879917],
+              [115.861733, 24.863629],
+              [115.863581, 24.891318],
+              [115.824161, 24.909232],
+              [115.807531, 24.862543],
+              [115.790284, 24.856027],
+              [115.764415, 24.791933],
+              [115.776734, 24.774546],
+              [115.756408, 24.749004],
+              [115.769342, 24.708236],
+              [115.801371, 24.705517],
+              [115.780429, 24.663103],
+              [115.797676, 24.628834],
+              [115.840791, 24.584217],
+              [115.843871, 24.562446],
+              [115.785357, 24.567345],
+              [115.752712, 24.546116],
+              [115.68927, 24.545027],
+              [115.671408, 24.604895],
+              [115.605503, 24.62557],
+              [115.569778, 24.622306],
+              [115.555611, 24.683768],
+              [115.522967, 24.702799],
+              [115.476771, 24.762591],
+              [115.412714, 24.79302],
+              [115.372678, 24.774546],
+              [115.358511, 24.735416],
+              [115.306772, 24.758787],
+              [115.269816, 24.749548],
+              [115.258729, 24.728894],
+              [115.1842, 24.711498],
+              [115.104744, 24.667997],
+              [115.083802, 24.699537],
+              [115.057317, 24.703343],
+              [115.024672, 24.669085],
+              [115.00373, 24.679418],
+              [114.940288, 24.650049],
+              [114.909491, 24.661471],
+              [114.893477, 24.582584],
+              [114.868839, 24.562446],
+              [114.846665, 24.602719],
+              [114.827571, 24.588026],
+              [114.781376, 24.613057],
+              [114.729637, 24.608704],
+              [114.73826, 24.565168],
+              [114.704999, 24.525973],
+              [114.664963, 24.583673],
+              [114.627391, 24.576598],
+              [114.589819, 24.537406],
+              [114.534384, 24.559181],
+              [114.429058, 24.48622],
+              [114.403189, 24.497657],
+              [114.391486, 24.563535],
+              [114.363769, 24.582584],
+              [114.300943, 24.578775],
+              [114.289856, 24.619042],
+              [114.258443, 24.641346],
+              [114.19069, 24.656576],
+              [114.169132, 24.689749],
+              [114.27261, 24.700624],
+              [114.281849, 24.724001],
+              [114.336052, 24.749004],
+              [114.342211, 24.807145],
+              [114.378551, 24.861457],
+              [114.403189, 24.877746],
+              [114.395798, 24.951019],
+              [114.454928, 24.977062],
+              [114.45616, 24.99659],
+              [114.506051, 24.999844],
+              [114.532536, 25.022623],
+              [114.561485, 25.077382],
+              [114.604601, 25.083886],
+              [114.640326, 25.074129],
+              [114.664963, 25.10123],
+              [114.735796, 25.121822],
+              [114.73518, 25.155954],
+              [114.685905, 25.173287],
+              [114.693912, 25.213902],
+              [114.73518, 25.225813],
+              [114.743188, 25.274528],
+              [114.714238, 25.315651],
+              [114.63663, 25.324306],
+              [114.599674, 25.385959],
+              [114.541159, 25.416773],
+              [114.477718, 25.37136],
+              [114.438914, 25.376226],
+              [114.43029, 25.343779],
+              [114.382863, 25.317274],
+              [114.31511, 25.33837],
+              [114.2954, 25.299961],
+              [114.260291, 25.291845],
+              [114.204857, 25.29942],
+              [114.190074, 25.316733],
+              [114.115545, 25.302125],
+              [114.083517, 25.275611],
+              [114.055799, 25.277775],
+              [114.039785, 25.250714],
+              [114.017611, 25.273987],
+              [114.029314, 25.328093],
+              [114.050256, 25.36433],
+              [113.983118, 25.415152],
+              [114.003444, 25.442716],
+              [113.94493, 25.441635],
+              [113.887032, 25.436772],
+              [113.877177, 25.380552],
+              [113.839605, 25.363248],
+              [113.814967, 25.328634],
+              [113.76446, 25.333502],
+              [113.753373, 25.362707],
+              [113.686852, 25.351891],
+              [113.680076, 25.334584],
+              [113.611707, 25.327552],
+              [113.584606, 25.306453],
+              [113.579062, 25.34432],
+              [113.535946, 25.368656],
+              [113.479896, 25.375145],
+              [113.449715, 25.359463],
+              [113.407215, 25.401637],
+              [113.373338, 25.402719],
+              [113.341926, 25.448661],
+              [113.314208, 25.442716],
+              [113.311129, 25.490264],
+              [113.248919, 25.514031],
+              [113.226129, 25.50971],
+              [113.176854, 25.471355],
+              [113.11834, 25.445418],
+              [113.131274, 25.414611],
+              [113.096782, 25.412449],
+              [113.078304, 25.382174],
+              [113.013014, 25.352432],
+              [112.969898, 25.350269],
+              [112.93479, 25.325929],
+              [112.924319, 25.296714],
+              [112.891058, 25.339993],
+              [112.854718, 25.337829],
+              [112.867036, 25.249632],
+              [112.897833, 25.238264],
+              [112.958195, 25.254503],
+              [112.992688, 25.247467],
+              [113.034572, 25.198199],
+              [112.97421, 25.168412],
+              [112.96805, 25.141869],
+              [113.004391, 25.089306],
+              [112.979137, 25.03401],
+              [113.009934, 24.977604],
+              [112.994536, 24.927142],
+              [112.941565, 24.915745],
+              [112.904609, 24.921715],
+              [112.873812, 24.896747],
+              [112.780805, 24.896747],
+              [112.778341, 24.947764],
+              [112.743233, 24.959701],
+              [112.742001, 24.99876],
+              [112.714899, 25.025876],
+              [112.712436, 25.083344],
+              [112.660081, 25.132658],
+              [112.628052, 25.140785],
+              [112.562762, 25.124531],
+              [112.458053, 25.152162],
+              [112.44327, 25.185744],
+              [112.414937, 25.14241],
+              [112.365046, 25.191701],
+              [112.315771, 25.175453],
+              [112.302836, 25.157037],
+              [112.256025, 25.159204],
+              [112.246785, 25.185202],
+              [112.187039, 25.182494],
+              [112.177184, 25.106649],
+              [112.151931, 25.055698],
+              [112.155626, 25.026419],
+              [112.12175, 24.989538],
+              [112.119902, 24.963499],
+              [112.175337, 24.927685],
+              [112.167329, 24.859828],
+              [112.149467, 24.837019],
+              [112.124214, 24.841364],
+              [112.03367, 24.771286],
+              [112.024431, 24.740308],
+              [111.961606, 24.721283],
+              [111.939432, 24.686487],
+              [111.953598, 24.64733],
+              [111.927729, 24.629378],
+              [111.936968, 24.595645],
+              [111.972077, 24.578775],
+              [112.007185, 24.534684],
+              [112.009649, 24.503103],
+              [111.985011, 24.467701],
+              [112.025047, 24.438828],
+              [112.057692, 24.387057],
+              [112.05954, 24.339628],
+              [112.026279, 24.294908],
+              [111.990555, 24.279634],
+              [111.986243, 24.25672],
+              [111.958526, 24.263813],
+              [111.912946, 24.221795],
+              [111.877222, 24.227252],
+              [111.871062, 24.176487],
+              [111.886461, 24.163929],
+              [111.878454, 24.109862],
+              [111.92157, 24.012045],
+              [111.940664, 23.987989],
+              [111.911714, 23.943693],
+              [111.854432, 23.947521],
+              [111.845809, 23.904305],
+              [111.812548, 23.887343],
+              [111.824867, 23.832612],
+              [111.8107, 23.80688],
+              [111.722621, 23.823305],
+              [111.683201, 23.822758],
+              [111.683201, 23.822758],
+              [111.654868, 23.833159],
+              [111.627766, 23.78881],
+              [111.621607, 23.725819],
+              [111.666571, 23.718696],
+              [111.614832, 23.65896],
+              [111.615448, 23.639225],
+              [111.555702, 23.64087],
+              [111.487332, 23.626615],
+              [111.479941, 23.532822],
+              [111.428818, 23.466414],
+              [111.399869, 23.469159],
+              [111.383239, 23.399423],
+              [111.389398, 23.375804],
+              [111.363528, 23.340641],
+              [111.376463, 23.30437],
+              [111.353058, 23.284582],
+              [111.36476, 23.240047],
+              [111.388782, 23.210349],
+              [111.38447, 23.16744],
+              [111.365992, 23.14488],
+              [111.377695, 23.082132],
+              [111.402333, 23.066165],
+              [111.43313, 23.073322],
+              [111.433746, 23.036428],
+              [111.389398, 23.005583],
+              [111.403565, 22.99126],
+              [111.362913, 22.967568],
+              [111.374615, 22.938361],
+              [111.358601, 22.889301],
+              [111.218167, 22.748085],
+              [111.185522, 22.735942],
+              [111.118385, 22.744773],
+              [111.058023, 22.729871],
+              [111.089435, 22.695643],
+              [111.055559, 22.648705],
+              [110.997045, 22.631582],
+              [110.958856, 22.636553],
+              [110.950233, 22.61059],
+              [110.896031, 22.613352],
+              [110.897878, 22.591805],
+              [110.812263, 22.576333],
+              [110.778386, 22.585174],
+              [110.749437, 22.556991],
+              [110.762988, 22.518298],
+              [110.740198, 22.498947],
+              [110.74143, 22.464109],
+              [110.688459, 22.477935],
+              [110.712481, 22.440879],
+              [110.711249, 22.369506],
+              [110.74143, 22.361757],
+              [110.749437, 22.329653],
+              [110.787009, 22.28259],
+              [110.759292, 22.274837],
+              [110.725415, 22.29588],
+              [110.687843, 22.249914],
+              [110.646575, 22.220554],
+              [110.678604, 22.172901],
+              [110.629329, 22.149068],
+              [110.598532, 22.162924],
+              [110.602843, 22.18343],
+              [110.55788, 22.196175],
+              [110.505525, 22.14297],
+              [110.456866, 22.189526],
+              [110.414366, 22.208365],
+              [110.378026, 22.164587],
+              [110.34846, 22.195621],
+              [110.326287, 22.152393],
+              [110.364475, 22.125785],
+              [110.35154, 22.097508],
+              [110.359547, 22.015973],
+              [110.352772, 21.97602],
+              [110.374946, 21.967695],
+              [110.374946, 21.967695],
+              [110.378642, 21.939942],
+              [110.378642, 21.939942],
+              [110.391576, 21.89386],
+              [110.337374, 21.887751],
+              [110.290562, 21.917736],
+              [110.283787, 21.892194],
+              [110.224041, 21.882198],
+              [110.224041, 21.882198],
+              [110.212338, 21.886085],
+              [110.212338, 21.886085],
+              [110.196323, 21.899968],
+              [110.12857, 21.902744],
+              [110.101469, 21.86998],
+              [110.050962, 21.857205],
+              [109.999839, 21.881643],
+              [109.94502, 21.84443],
+              [109.940093, 21.769419],
+              [109.916071, 21.668787],
+              [109.888354, 21.652101],
+              [109.888354, 21.652101],
+              [109.839695, 21.636525],
+              [109.786108, 21.637638],
+              [109.778101, 21.670455],
+              [109.742992, 21.616497],
+              [109.754695, 21.556396],
+              [109.788572, 21.490702],
+              [109.785492, 21.45673],
+              [109.819369, 21.445033],
+              [109.894513, 21.442248],
+              [109.904368, 21.429992],
+              [109.868644, 21.365913],
+              [109.770709, 21.359783],
+              [109.757775, 21.346963],
+              [109.763934, 21.226514],
+              [109.674623, 21.136671],
+              [109.674007, 21.067997],
+              [109.655529, 20.929435],
+              [109.664768, 20.862343],
+              [109.711579, 20.774519],
+              [109.730057, 20.719673],
+              [109.74484, 20.621124],
+              [109.793499, 20.615522],
+              [109.813825, 20.574627],
+              [109.811977, 20.541566],
+              [109.839695, 20.489439],
+              [109.888354, 20.475423],
+              [109.895745, 20.42776],
+              [109.864948, 20.40196],
+              [109.861252, 20.376717],
+              [109.916071, 20.316677],
+              [109.909296, 20.236961],
+              [109.929006, 20.211691],
+              [109.993679, 20.254368],
+              [110.082375, 20.258859],
+              [110.118099, 20.219553],
+              [110.168606, 20.219553],
+              [110.220345, 20.25156],
+              [110.296722, 20.249314],
+              [110.349076, 20.258859],
+              [110.384185, 20.293103],
+              [110.425453, 20.291419],
+              [110.452554, 20.311064],
+              [110.491358, 20.373912],
+              [110.54125, 20.42047],
+              [110.550489, 20.47262],
+              [110.499982, 20.572386],
+              [110.487047, 20.640167],
+              [110.466105, 20.680485],
+              [110.411286, 20.670966],
+              [110.392192, 20.682724],
+              [110.407591, 20.731987],
+              [110.393424, 20.816479],
+              [110.350924, 20.84165],
+              [110.327519, 20.847802],
+              [110.269004, 20.839972],
+              [110.209874, 20.860106],
+              [110.184005, 20.891979],
+              [110.180925, 20.98197],
+              [110.204947, 21.003202],
+              [110.208642, 21.050684],
+              [110.241903, 21.016051],
+              [110.24991, 21.045098],
+              [110.296722, 21.093684],
+              [110.39096, 21.124949],
+              [110.422373, 21.190807],
+              [110.451322, 21.186343],
+              [110.501213, 21.217588],
+              [110.534474, 21.204198],
+              [110.626249, 21.215915],
+              [110.65951, 21.239902],
+              [110.713097, 21.3124],
+              [110.768531, 21.364799],
+              [110.796248, 21.37483],
+              [110.888639, 21.367585],
+              [110.929291, 21.375945],
+              [111.034617, 21.438906],
+              [111.103602, 21.455616],
+              [111.171355, 21.458401],
+              [111.28284, 21.485691],
+              [111.276065, 21.443362],
+              [111.250196, 21.45116],
+              [111.257587, 21.41495],
+              [111.28592, 21.41885],
+              [111.353058, 21.464528],
+              [111.382623, 21.495714],
+              [111.444217, 21.514088],
+              [111.494724, 21.501282],
+              [111.521825, 21.517429],
+              [111.560629, 21.50518],
+              [111.609904, 21.530234],
+              [111.650556, 21.512418],
+              [111.677658, 21.529677],
+              [111.693672, 21.590345],
+              [111.736788, 21.609821],
+              [111.794686, 21.61149],
+              [111.832258, 21.578659],
+              [111.810084, 21.555283],
+              [111.887693, 21.578659],
+              [111.941896, 21.607039],
+              [111.972692, 21.603144],
+              [112.026895, 21.633744],
+              [111.997946, 21.657107],
+              [111.954214, 21.667674],
+              [111.956062, 21.710494],
+              [112.036134, 21.761637],
+              [112.136532, 21.793871],
+              [112.192583, 21.789425],
+              [112.196894, 21.736624],
+              [112.236315, 21.727173],
+              [112.238778, 21.702153],
+              [112.353343, 21.707157],
+              [112.415553, 21.734956],
+              [112.427256, 21.789981],
+              [112.445734, 21.803317],
+              [112.497473, 21.785535],
+              [112.535661, 21.753856],
+              [112.647146, 21.758302],
+              [112.68595, 21.810541],
+              [112.792508, 21.921067],
+              [112.841167, 21.920512],
+              [112.893522, 21.84443],
+              [112.929862, 21.838875],
+              [112.989608, 21.869424],
+              [113.047507, 21.956595],
+              [113.053666, 22.012089],
+              [113.032108, 22.04593],
+              [113.045659, 22.088636],
+              [113.086927, 22.12634],
+              [113.091854, 22.065344],
+              [113.142977, 22.012089],
+              [113.1516, 21.979905],
+              [113.235368, 21.887751],
+              [113.266781, 21.871646],
+              [113.319752, 21.909407],
+              [113.330223, 21.96159],
+              [113.442324, 22.009315],
+              [113.45957, 22.043711],
+              [113.527939, 22.073663],
+              [113.567359, 22.075327],
+              [113.554425, 22.107489],
+              [113.554425, 22.142416],
+              [113.534715, 22.174009],
+              [113.53841, 22.209473],
+              [113.558736, 22.212244]
+            ]
+          ],
+          [
+            [
+              [117.024627, 23.437865],
+              [116.982743, 23.460924],
+              [116.944555, 23.440061],
+              [116.951946, 23.419744],
+              [117.027091, 23.41535],
+              [117.050496, 23.400522],
+              [117.081909, 23.409309],
+              [117.124409, 23.389537],
+              [117.142887, 23.400522],
+              [117.142887, 23.459826],
+              [117.129336, 23.483431],
+              [117.093612, 23.459277],
+              [117.058503, 23.47355],
+              [117.029554, 23.443356],
+              [117.024627, 23.437865]
+            ]
+          ],
+          [
+            [
+              [112.853486, 21.740515],
+              [112.876275, 21.772753],
+              [112.840551, 21.776644],
+              [112.782653, 21.739959],
+              [112.724138, 21.719945],
+              [112.70566, 21.679354],
+              [112.734609, 21.666562],
+              [112.780189, 21.671568],
+              [112.730914, 21.613715],
+              [112.775261, 21.564189],
+              [112.817145, 21.590345],
+              [112.798667, 21.610933],
+              [112.821457, 21.655994],
+              [112.804826, 21.686583],
+              [112.83316, 21.736624],
+              [112.853486, 21.740515]
+            ]
+          ],
+          [
+            [
+              [112.530733, 21.583667],
+              [112.563378, 21.591458],
+              [112.571385, 21.619835],
+              [112.621277, 21.606482],
+              [112.665624, 21.642644],
+              [112.639139, 21.67268],
+              [112.66624, 21.683803],
+              [112.663776, 21.714386],
+              [112.592327, 21.693256],
+              [112.560299, 21.666562],
+              [112.57077, 21.645982],
+              [112.535045, 21.628737],
+              [112.530733, 21.583667]
+            ]
+          ],
+          [
+            [
+              [114.231342, 22.016528],
+              [114.311414, 22.041493],
+              [114.302791, 22.050368],
+              [114.239965, 22.03539],
+              [114.231342, 22.016528]
+            ]
+          ],
+          [
+            [
+              [110.43346, 21.171276],
+              [110.489511, 21.138904],
+              [110.508605, 21.140579],
+              [110.544945, 21.083633],
+              [110.582517, 21.094801],
+              [110.632409, 21.210893],
+              [110.589293, 21.194713],
+              [110.525235, 21.190249],
+              [110.499366, 21.213125],
+              [110.445163, 21.184669],
+              [110.431612, 21.180763],
+              [110.43346, 21.171276]
+            ]
+          ],
+          [
+            [
+              [112.435263, 21.663781],
+              [112.456205, 21.648763],
+              [112.458669, 21.68992],
+              [112.435263, 21.663781]
+            ]
+          ],
+          [
+            [
+              [110.517844, 21.079166],
+              [110.459946, 21.062971],
+              [110.398352, 21.096476],
+              [110.352772, 21.079724],
+              [110.305961, 21.0881],
+              [110.27578, 21.033369],
+              [110.211106, 20.986999],
+              [110.201251, 20.938378],
+              [110.309656, 20.963529],
+              [110.347845, 20.984763],
+              [110.407591, 20.990351],
+              [110.47288, 20.983087],
+              [110.511684, 20.916578],
+              [110.535706, 20.922727],
+              [110.539402, 20.987557],
+              [110.560344, 21.061295],
+              [110.517844, 21.079166]
+            ]
+          ],
+          [
+            [
+              [113.765076, 21.962145],
+              [113.774315, 21.998218],
+              [113.74167, 21.991559],
+              [113.765076, 21.962145]
+            ]
+          ],
+          [
+            [
+              [113.723192, 21.922177],
+              [113.742902, 21.950489],
+              [113.71888, 21.951599],
+              [113.723192, 21.922177]
+            ]
+          ],
+          [
+            [
+              [113.142977, 21.831653],
+              [113.162071, 21.853873],
+              [113.203955, 21.861093],
+              [113.167615, 21.876644],
+              [113.136818, 21.868869],
+              [113.142977, 21.831653]
+            ]
+          ],
+          [
+            [
+              [113.819894, 22.396068],
+              [113.813735, 22.419858],
+              [113.786634, 22.413773],
+              [113.819894, 22.396068]
+            ]
+          ],
+          [
+            [
+              [114.190074, 21.986564],
+              [114.229494, 21.995443],
+              [114.180835, 22.00987],
+              [114.190074, 21.986564]
+            ]
+          ],
+          [
+            [
+              [114.153734, 21.97491],
+              [114.171596, 22.000437],
+              [114.124169, 21.985455],
+              [114.153734, 21.97491]
+            ]
+          ],
+          [
+            [
+              [116.769628, 20.771721],
+              [116.761005, 20.750456],
+              [116.87249, 20.738143],
+              [116.889736, 20.683284],
+              [116.849084, 20.628405],
+              [116.749302, 20.600958],
+              [116.796113, 20.582471],
+              [116.862635, 20.588633],
+              [116.905135, 20.619443],
+              [116.934084, 20.676565],
+              [116.925461, 20.726949],
+              [116.88604, 20.775638],
+              [116.820135, 20.780674],
+              [116.769628, 20.771721]
+            ]
+          ],
+          [
+            [
+              [113.025333, 21.847762],
+              [113.045659, 21.882753],
+              [113.007471, 21.869424],
+              [113.025333, 21.847762]
+            ]
+          ],
+          [
+            [
+              [110.405127, 20.678245],
+              [110.437772, 20.677685],
+              [110.414366, 20.710157],
+              [110.405127, 20.678245]
+            ]
+          ],
+          [
+            [
+              [110.644727, 20.935584],
+              [110.584365, 20.948998],
+              [110.548641, 20.908752],
+              [110.562807, 20.861224],
+              [110.611467, 20.860106],
+              [110.646575, 20.917137],
+              [110.644727, 20.935584]
+            ]
+          ],
+          [
+            [
+              [110.556648, 20.32734],
+              [110.593604, 20.360447],
+              [110.586213, 20.381205],
+              [110.556648, 20.32734]
+            ]
+          ],
+          [
+            [
+              [115.943037, 21.097592],
+              [115.953508, 21.064088],
+              [115.989233, 21.035603],
+              [116.040356, 21.02052],
+              [116.067457, 21.04063],
+              [116.044051, 21.110434],
+              [116.024341, 21.12439],
+              [115.965211, 21.123832],
+              [115.943037, 21.097592]
+            ]
+          ],
+          [
+            [
+              [115.926407, 20.981411],
+              [115.939342, 20.945644],
+              [115.970139, 20.919373],
+              [115.999088, 20.922727],
+              [116.000936, 20.948439],
+              [115.954124, 20.99985],
+              [115.926407, 20.981411]
+            ]
+          ],
+          [
+            [
+              [115.834632, 22.722695],
+              [115.834632, 22.722143],
+              [115.835248, 22.722695],
+              [115.834632, 22.722695]
+            ]
+          ],
+          [
+            [
+              [115.834632, 22.723247],
+              [115.834632, 22.722695],
+              [115.835248, 22.722695],
+              [115.834632, 22.723247]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 450000,
+        "name": "广西壮族自治区",
+        "center": [108.320004, 22.82402],
+        "centroid": [108.7944, 23.833381],
+        "childrenNum": 14,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 19,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [109.48245, 26.029788],
+              [109.473211, 26.006663],
+              [109.408537, 25.967392],
+              [109.435022, 25.93349],
+              [109.396834, 25.900117],
+              [109.359262, 25.836036],
+              [109.339552, 25.83442],
+              [109.327849, 25.76168],
+              [109.340168, 25.731493],
+              [109.296436, 25.71424],
+              [109.207125, 25.740119],
+              [109.206509, 25.788087],
+              [109.147995, 25.741736],
+              [109.13198, 25.762758],
+              [109.143683, 25.795092],
+              [109.095024, 25.80533],
+              [109.077778, 25.776771],
+              [109.048213, 25.790781],
+              [108.989698, 25.778926],
+              [108.999553, 25.765453],
+              [108.963829, 25.732572],
+              [108.940423, 25.740119],
+              [108.896076, 25.71424],
+              [108.900387, 25.682423],
+              [108.953974, 25.686738],
+              [108.953974, 25.686738],
+              [109.007561, 25.734728],
+              [109.043285, 25.738502],
+              [109.07901, 25.72071],
+              [109.075314, 25.693749],
+              [109.030966, 25.629556],
+              [109.051908, 25.566949],
+              [109.088249, 25.550752],
+              [109.024807, 25.51241],
+              [108.949046, 25.557231],
+              [108.8893, 25.543193],
+              [108.890532, 25.556151],
+              [108.826474, 25.550212],
+              [108.814772, 25.526992],
+              [108.781511, 25.554531],
+              [108.799989, 25.576666],
+              [108.783975, 25.628477],
+              [108.724844, 25.634952],
+              [108.68912, 25.623081],
+              [108.68604, 25.587462],
+              [108.660787, 25.584763],
+              [108.658323, 25.550212],
+              [108.68912, 25.533473],
+              [108.634917, 25.520512],
+              [108.6072, 25.491885],
+              [108.600425, 25.432448],
+              [108.62999, 25.335666],
+              [108.625062, 25.308076],
+              [108.589338, 25.335125],
+              [108.585642, 25.365952],
+              [108.471693, 25.458928],
+              [108.418723, 25.443257],
+              [108.400244, 25.491344],
+              [108.359592, 25.513491],
+              [108.348506, 25.536173],
+              [108.308469, 25.525912],
+              [108.280752, 25.48],
+              [108.241332, 25.46217],
+              [108.251803, 25.430286],
+              [108.192673, 25.458928],
+              [108.162492, 25.444878],
+              [108.193289, 25.405421],
+              [108.142782, 25.390825],
+              [108.152021, 25.324306],
+              [108.143398, 25.269658],
+              [108.115065, 25.210112],
+              [108.080572, 25.193867],
+              [108.001732, 25.196574],
+              [107.928435, 25.155954],
+              [107.872384, 25.141327],
+              [107.839124, 25.115861],
+              [107.762747, 25.125073],
+              [107.789233, 25.15487],
+              [107.760283, 25.188451],
+              [107.762131, 25.229061],
+              [107.741805, 25.24043],
+              [107.700537, 25.194408],
+              [107.696226, 25.219858],
+              [107.661733, 25.258833],
+              [107.659885, 25.316192],
+              [107.632168, 25.310241],
+              [107.599523, 25.250714],
+              [107.576734, 25.256668],
+              [107.512676, 25.209029],
+              [107.472024, 25.213902],
+              [107.489886, 25.276693],
+              [107.481263, 25.299961],
+              [107.432604, 25.289139],
+              [107.409198, 25.347024],
+              [107.420901, 25.392987],
+              [107.375937, 25.411908],
+              [107.358691, 25.393528],
+              [107.318039, 25.401637],
+              [107.308184, 25.432988],
+              [107.336517, 25.461089],
+              [107.263836, 25.543193],
+              [107.232423, 25.556691],
+              [107.228728, 25.604733],
+              [107.205322, 25.607971],
+              [107.185612, 25.578825],
+              [107.064272, 25.559391],
+              [107.066736, 25.50917],
+              [107.015613, 25.495666],
+              [106.996519, 25.442716],
+              [106.963874, 25.437852],
+              [106.987896, 25.358922],
+              [107.012533, 25.352973],
+              [107.013765, 25.275611],
+              [106.975577, 25.232851],
+              [106.933077, 25.250714],
+              [106.904128, 25.231768],
+              [106.888113, 25.181953],
+              [106.853005, 25.186827],
+              [106.787715, 25.17112],
+              [106.764926, 25.183036],
+              [106.732281, 25.162454],
+              [106.691013, 25.179245],
+              [106.644817, 25.164621],
+              [106.63989, 25.132658],
+              [106.590615, 25.08768],
+              [106.551195, 25.082802],
+              [106.519782, 25.054072],
+              [106.450181, 25.033468],
+              [106.442173, 25.019369],
+              [106.332536, 24.988454],
+              [106.304819, 24.973807],
+              [106.253696, 24.971094],
+              [106.215508, 24.981944],
+              [106.191486, 24.95319],
+              [106.145291, 24.954275],
+              [106.197645, 24.885889],
+              [106.206269, 24.851139],
+              [106.173008, 24.760417],
+              [106.150218, 24.762591],
+              [106.113878, 24.714216],
+              [106.047356, 24.684312],
+              [106.024566, 24.633186],
+              [105.961741, 24.677786],
+              [105.942031, 24.725088],
+              [105.863806, 24.729437],
+              [105.827466, 24.702799],
+              [105.767104, 24.719109],
+              [105.70551, 24.768569],
+              [105.617431, 24.78161],
+              [105.607576, 24.803885],
+              [105.573083, 24.797366],
+              [105.497322, 24.809318],
+              [105.493011, 24.833217],
+              [105.457286, 24.87123],
+              [105.428337, 24.930941],
+              [105.365511, 24.943423],
+              [105.334099, 24.9266],
+              [105.267577, 24.929313],
+              [105.251563, 24.967296],
+              [105.212758, 24.995505],
+              [105.178266, 24.985199],
+              [105.157324, 24.958616],
+              [105.131454, 24.959701],
+              [105.09573, 24.92877],
+              [105.096346, 24.928228],
+              [105.082179, 24.915745],
+              [105.077868, 24.918459],
+              [105.039064, 24.872859],
+              [105.026745, 24.815836],
+              [105.03352, 24.787586],
+              [104.899245, 24.752809],
+              [104.865985, 24.730524],
+              [104.841963, 24.676155],
+              [104.771746, 24.659839],
+              [104.729246, 24.617953],
+              [104.703377, 24.645698],
+              [104.628848, 24.660927],
+              [104.595587, 24.709323],
+              [104.529682, 24.731611],
+              [104.489646, 24.653313],
+              [104.520443, 24.535228],
+              [104.550008, 24.518894],
+              [104.575877, 24.424661],
+              [104.616529, 24.421937],
+              [104.63008, 24.397958],
+              [104.610986, 24.377246],
+              [104.641783, 24.367979],
+              [104.70892, 24.321087],
+              [104.721239, 24.340173],
+              [104.703377, 24.419757],
+              [104.715695, 24.441552],
+              [104.74834, 24.435559],
+              [104.765587, 24.45953],
+              [104.784681, 24.443732],
+              [104.83642, 24.446456],
+              [104.914028, 24.426296],
+              [104.930042, 24.411038],
+              [104.979933, 24.412673],
+              [105.042759, 24.442097],
+              [105.106817, 24.414853],
+              [105.111744, 24.37234],
+              [105.138846, 24.376701],
+              [105.188121, 24.347261],
+              [105.196744, 24.326541],
+              [105.164715, 24.288362],
+              [105.215222, 24.214699],
+              [105.24294, 24.208695],
+              [105.229389, 24.165567],
+              [105.182577, 24.167205],
+              [105.20044, 24.105491],
+              [105.260186, 24.061236],
+              [105.292831, 24.074896],
+              [105.273121, 24.092927],
+              [105.320548, 24.116416],
+              [105.334099, 24.094566],
+              [105.395692, 24.065607],
+              [105.406163, 24.043748],
+              [105.493011, 24.016965],
+              [105.533663, 24.130071],
+              [105.594641, 24.137718],
+              [105.628518, 24.126794],
+              [105.649459, 24.032816],
+              [105.704278, 24.0667],
+              [105.739387, 24.059596],
+              [105.765256, 24.073804],
+              [105.802212, 24.051945],
+              [105.796669, 24.023524],
+              [105.841633, 24.03063],
+              [105.859495, 24.056864],
+              [105.89214, 24.040468],
+              [105.908154, 24.069432],
+              [105.901995, 24.099482],
+              [105.919241, 24.122425],
+              [105.963589, 24.110954],
+              [105.998081, 24.120786],
+              [106.011632, 24.099482],
+              [106.04982, 24.089649],
+              [106.053516, 24.051399],
+              [106.096631, 24.018058],
+              [106.091088, 23.998924],
+              [106.128044, 23.956819],
+              [106.157609, 23.891174],
+              [106.192718, 23.879135],
+              [106.173008, 23.861622],
+              [106.192102, 23.824947],
+              [106.136667, 23.795381],
+              [106.157609, 23.724175],
+              [106.149602, 23.665538],
+              [106.120653, 23.605229],
+              [106.141595, 23.569579],
+              [106.08616, 23.524043],
+              [106.071994, 23.495506],
+              [106.039965, 23.484529],
+              [105.999929, 23.447748],
+              [105.986378, 23.489469],
+              [105.935871, 23.508678],
+              [105.913081, 23.499348],
+              [105.89214, 23.52514],
+              [105.852103, 23.526786],
+              [105.815763, 23.507031],
+              [105.805908, 23.467512],
+              [105.758481, 23.459826],
+              [105.699966, 23.40162],
+              [105.637757, 23.404366],
+              [105.694423, 23.363168],
+              [105.699966, 23.327453],
+              [105.649459, 23.346136],
+              [105.593409, 23.312614],
+              [105.560148, 23.257093],
+              [105.526272, 23.234548],
+              [105.542902, 23.184495],
+              [105.558916, 23.177893],
+              [105.574931, 23.066165],
+              [105.625438, 23.064513],
+              [105.648844, 23.078828],
+              [105.724604, 23.06231],
+              [105.74185, 23.030921],
+              [105.780039, 23.022659],
+              [105.805908, 22.994565],
+              [105.839169, 22.987403],
+              [105.879205, 22.916865],
+              [105.893987, 22.936707],
+              [105.959277, 22.948832],
+              [105.994385, 22.93781],
+              [106.019639, 22.990709],
+              [106.08616, 22.996218],
+              [106.106486, 22.980792],
+              [106.153914, 22.988505],
+              [106.206885, 22.978588],
+              [106.270326, 22.907494],
+              [106.258007, 22.889852],
+              [106.286957, 22.867245],
+              [106.366413, 22.857871],
+              [106.37134, 22.878273],
+              [106.41384, 22.877171],
+              [106.504383, 22.91025],
+              [106.525941, 22.946628],
+              [106.562282, 22.923479],
+              [106.606013, 22.925684],
+              [106.631267, 22.88103],
+              [106.657136, 22.863385],
+              [106.674998, 22.891506],
+              [106.716882, 22.881582],
+              [106.709491, 22.866142],
+              [106.774781, 22.812643],
+              [106.776012, 22.813746],
+              [106.778476, 22.814298],
+              [106.779092, 22.813746],
+              [106.779708, 22.813195],
+              [106.78094, 22.813195],
+              [106.784636, 22.812643],
+              [106.796338, 22.812091],
+              [106.801882, 22.815401],
+              [106.804346, 22.816505],
+              [106.808657, 22.817608],
+              [106.813585, 22.817608],
+              [106.838838, 22.803265],
+              [106.820976, 22.768504],
+              [106.768621, 22.739254],
+              [106.780324, 22.708894],
+              [106.756302, 22.68957],
+              [106.711955, 22.575228],
+              [106.650361, 22.575228],
+              [106.61402, 22.602303],
+              [106.585071, 22.517192],
+              [106.588151, 22.472958],
+              [106.560434, 22.455813],
+              [106.588767, 22.374486],
+              [106.562897, 22.345706],
+              [106.663296, 22.33076],
+              [106.670071, 22.283144],
+              [106.688549, 22.260438],
+              [106.7021, 22.207257],
+              [106.673151, 22.182322],
+              [106.706411, 22.160707],
+              [106.691629, 22.13521],
+              [106.71565, 22.089745],
+              [106.706411, 22.021521],
+              [106.683006, 21.999882],
+              [106.698404, 21.959925],
+              [106.73844, 22.008205],
+              [106.790179, 22.004876],
+              [106.802498, 21.98157],
+              [106.859164, 21.986009],
+              [106.926302, 21.967695],
+              [106.935541, 21.933836],
+              [106.974345, 21.923288],
+              [106.999598, 21.947714],
+              [107.05996, 21.914959],
+              [107.058729, 21.887196],
+              [107.018693, 21.859427],
+              [107.018077, 21.81943],
+              [107.093837, 21.803317],
+              [107.148656, 21.758858],
+              [107.194851, 21.736624],
+              [107.199163, 21.718833],
+              [107.242279, 21.703265],
+              [107.271844, 21.727173],
+              [107.310648, 21.733844],
+              [107.356843, 21.667674],
+              [107.363619, 21.602031],
+              [107.388256, 21.594241],
+              [107.431372, 21.642088],
+              [107.477567, 21.659888],
+              [107.500973, 21.613715],
+              [107.486806, 21.59591],
+              [107.547168, 21.58645],
+              [107.584741, 21.614828],
+              [107.603219, 21.597579],
+              [107.712856, 21.616497],
+              [107.807711, 21.655438],
+              [107.837892, 21.640419],
+              [107.863761, 21.650988],
+              [107.892095, 21.622617],
+              [107.893942, 21.596466],
+              [107.929051, 21.585893],
+              [107.958, 21.534131],
+              [108.034376, 21.545821],
+              [108.108289, 21.508521],
+              [108.193905, 21.519656],
+              [108.156332, 21.55083],
+              [108.205608, 21.597579],
+              [108.241332, 21.599805],
+              [108.249955, 21.561406],
+              [108.210535, 21.505737],
+              [108.230245, 21.491259],
+              [108.330027, 21.540254],
+              [108.397781, 21.533017],
+              [108.492635, 21.554727],
+              [108.591802, 21.677129],
+              [108.626294, 21.67991],
+              [108.658939, 21.643757],
+              [108.678033, 21.659331],
+              [108.735931, 21.628181],
+              [108.734084, 21.626512],
+              [108.745786, 21.602587],
+              [108.801837, 21.626512],
+              [108.83325, 21.610933],
+              [108.881293, 21.627068],
+              [108.937959, 21.589789],
+              [109.093792, 21.579215],
+              [109.09872, 21.571424],
+              [109.110422, 21.568085],
+              [109.138756, 21.567528],
+              [109.142451, 21.511861],
+              [109.074698, 21.489589],
+              [109.039589, 21.457844],
+              [109.046365, 21.424421],
+              [109.095024, 21.419407],
+              [109.138756, 21.388762],
+              [109.186183, 21.390991],
+              [109.245929, 21.425536],
+              [109.41716, 21.438906],
+              [109.484914, 21.453388],
+              [109.529877, 21.437234],
+              [109.540964, 21.466199],
+              [109.576689, 21.493487],
+              [109.604406, 21.523553],
+              [109.612413, 21.556953],
+              [109.654913, 21.493487],
+              [109.704188, 21.462857],
+              [109.785492, 21.45673],
+              [109.788572, 21.490702],
+              [109.754695, 21.556396],
+              [109.742992, 21.616497],
+              [109.778101, 21.670455],
+              [109.786108, 21.637638],
+              [109.839695, 21.636525],
+              [109.888354, 21.652101],
+              [109.888354, 21.652101],
+              [109.916071, 21.668787],
+              [109.940093, 21.769419],
+              [109.94502, 21.84443],
+              [109.999839, 21.881643],
+              [110.050962, 21.857205],
+              [110.101469, 21.86998],
+              [110.12857, 21.902744],
+              [110.196323, 21.899968],
+              [110.212338, 21.886085],
+              [110.212338, 21.886085],
+              [110.224041, 21.882198],
+              [110.224041, 21.882198],
+              [110.283787, 21.892194],
+              [110.290562, 21.917736],
+              [110.337374, 21.887751],
+              [110.391576, 21.89386],
+              [110.378642, 21.939942],
+              [110.378642, 21.939942],
+              [110.374946, 21.967695],
+              [110.374946, 21.967695],
+              [110.352772, 21.97602],
+              [110.359547, 22.015973],
+              [110.35154, 22.097508],
+              [110.364475, 22.125785],
+              [110.326287, 22.152393],
+              [110.34846, 22.195621],
+              [110.378026, 22.164587],
+              [110.414366, 22.208365],
+              [110.456866, 22.189526],
+              [110.505525, 22.14297],
+              [110.55788, 22.196175],
+              [110.602843, 22.18343],
+              [110.598532, 22.162924],
+              [110.629329, 22.149068],
+              [110.678604, 22.172901],
+              [110.646575, 22.220554],
+              [110.687843, 22.249914],
+              [110.725415, 22.29588],
+              [110.759292, 22.274837],
+              [110.787009, 22.28259],
+              [110.749437, 22.329653],
+              [110.74143, 22.361757],
+              [110.711249, 22.369506],
+              [110.712481, 22.440879],
+              [110.688459, 22.477935],
+              [110.74143, 22.464109],
+              [110.740198, 22.498947],
+              [110.762988, 22.518298],
+              [110.749437, 22.556991],
+              [110.778386, 22.585174],
+              [110.812263, 22.576333],
+              [110.897878, 22.591805],
+              [110.896031, 22.613352],
+              [110.950233, 22.61059],
+              [110.958856, 22.636553],
+              [110.997045, 22.631582],
+              [111.055559, 22.648705],
+              [111.089435, 22.695643],
+              [111.058023, 22.729871],
+              [111.118385, 22.744773],
+              [111.185522, 22.735942],
+              [111.218167, 22.748085],
+              [111.358601, 22.889301],
+              [111.374615, 22.938361],
+              [111.362913, 22.967568],
+              [111.403565, 22.99126],
+              [111.389398, 23.005583],
+              [111.433746, 23.036428],
+              [111.43313, 23.073322],
+              [111.402333, 23.066165],
+              [111.377695, 23.082132],
+              [111.365992, 23.14488],
+              [111.38447, 23.16744],
+              [111.388782, 23.210349],
+              [111.36476, 23.240047],
+              [111.353058, 23.284582],
+              [111.376463, 23.30437],
+              [111.363528, 23.340641],
+              [111.389398, 23.375804],
+              [111.383239, 23.399423],
+              [111.399869, 23.469159],
+              [111.428818, 23.466414],
+              [111.479941, 23.532822],
+              [111.487332, 23.626615],
+              [111.555702, 23.64087],
+              [111.615448, 23.639225],
+              [111.614832, 23.65896],
+              [111.666571, 23.718696],
+              [111.621607, 23.725819],
+              [111.627766, 23.78881],
+              [111.654868, 23.833159],
+              [111.683201, 23.822758],
+              [111.683201, 23.822758],
+              [111.722621, 23.823305],
+              [111.8107, 23.80688],
+              [111.824867, 23.832612],
+              [111.812548, 23.887343],
+              [111.845809, 23.904305],
+              [111.854432, 23.947521],
+              [111.911714, 23.943693],
+              [111.940664, 23.987989],
+              [111.92157, 24.012045],
+              [111.878454, 24.109862],
+              [111.886461, 24.163929],
+              [111.871062, 24.176487],
+              [111.877222, 24.227252],
+              [111.912946, 24.221795],
+              [111.958526, 24.263813],
+              [111.986243, 24.25672],
+              [111.990555, 24.279634],
+              [112.026279, 24.294908],
+              [112.05954, 24.339628],
+              [112.057692, 24.387057],
+              [112.025047, 24.438828],
+              [111.985011, 24.467701],
+              [112.009649, 24.503103],
+              [112.007185, 24.534684],
+              [111.972077, 24.578775],
+              [111.936968, 24.595645],
+              [111.927729, 24.629378],
+              [111.953598, 24.64733],
+              [111.939432, 24.686487],
+              [111.961606, 24.721283],
+              [112.024431, 24.740308],
+              [111.951135, 24.769655],
+              [111.929577, 24.75607],
+              [111.875374, 24.756613],
+              [111.868599, 24.771829],
+              [111.814396, 24.770199],
+              [111.783599, 24.785957],
+              [111.708455, 24.788673],
+              [111.666571, 24.760961],
+              [111.637621, 24.715303],
+              [111.641933, 24.684856],
+              [111.588962, 24.690837],
+              [111.570484, 24.64461],
+              [111.526752, 24.637538],
+              [111.499035, 24.667997],
+              [111.451608, 24.665822],
+              [111.431282, 24.687574],
+              [111.461463, 24.728894],
+              [111.479325, 24.797366],
+              [111.449144, 24.857113],
+              [111.447296, 24.892947],
+              [111.470086, 24.92877],
+              [111.434977, 24.951562],
+              [111.43313, 24.979774],
+              [111.460231, 24.992793],
+              [111.467622, 25.02208],
+              [111.416499, 25.047566],
+              [111.435593, 25.093642],
+              [111.375231, 25.128324],
+              [111.36784, 25.108817],
+              [111.321645, 25.105023],
+              [111.274833, 25.151078],
+              [111.221862, 25.106649],
+              [111.200921, 25.074672],
+              [111.139943, 25.042144],
+              [111.101754, 25.035095],
+              [111.100522, 24.945593],
+              [111.009363, 24.921172],
+              [110.968711, 24.975434],
+              [110.951465, 25.04377],
+              [110.98411, 25.101772],
+              [110.998892, 25.161371],
+              [111.112841, 25.21715],
+              [111.103602, 25.285351],
+              [111.138711, 25.303748],
+              [111.184906, 25.367034],
+              [111.210776, 25.363248],
+              [111.279145, 25.42326],
+              [111.32842, 25.521592],
+              [111.324724, 25.564249],
+              [111.343202, 25.602574],
+              [111.309942, 25.645203],
+              [111.30871, 25.720171],
+              [111.399869, 25.744431],
+              [111.442369, 25.77192],
+              [111.43313, 25.84627],
+              [111.4861, 25.859196],
+              [111.460231, 25.885042],
+              [111.383239, 25.881812],
+              [111.376463, 25.906039],
+              [111.346282, 25.906577],
+              [111.297007, 25.874274],
+              [111.29208, 25.854349],
+              [111.251428, 25.864581],
+              [111.230486, 25.916267],
+              [111.189834, 25.953402],
+              [111.235413, 26.048071],
+              [111.267442, 26.058824],
+              [111.244652, 26.078177],
+              [111.26621, 26.095914],
+              [111.258203, 26.151796],
+              [111.274833, 26.183486],
+              [111.271754, 26.217316],
+              [111.293311, 26.222148],
+              [111.277913, 26.272066],
+              [111.228022, 26.261333],
+              [111.204616, 26.276359],
+              [111.208928, 26.30426],
+              [111.090667, 26.308016],
+              [111.008132, 26.336982],
+              [111.008747, 26.35897],
+              [110.974255, 26.385778],
+              [110.94469, 26.373447],
+              [110.944074, 26.326791],
+              [110.926212, 26.320354],
+              [110.939762, 26.286554],
+              [110.836284, 26.255966],
+              [110.759292, 26.248451],
+              [110.73527, 26.270993],
+              [110.742046, 26.313917],
+              [110.721104, 26.294066],
+              [110.673676, 26.317135],
+              [110.643495, 26.308552],
+              [110.612083, 26.333764],
+              [110.584365, 26.296749],
+              [110.552952, 26.283335],
+              [110.546793, 26.233421],
+              [110.495054, 26.166299],
+              [110.477808, 26.179727],
+              [110.437772, 26.153945],
+              [110.373098, 26.088927],
+              [110.325671, 25.975462],
+              [110.257301, 25.961473],
+              [110.24991, 26.010965],
+              [110.181541, 26.060437],
+              [110.168606, 26.028713],
+              [110.100853, 26.020108],
+              [110.065128, 26.050221],
+              [110.100853, 26.132455],
+              [110.099005, 26.168985],
+              [110.03002, 26.166299],
+              [109.970274, 26.195301],
+              [109.904368, 26.135679],
+              [109.898825, 26.095377],
+              [109.864332, 26.027637],
+              [109.814441, 26.041081],
+              [109.782412, 25.996981],
+              [109.806434, 25.973848],
+              [109.826144, 25.911422],
+              [109.811361, 25.877504],
+              [109.779333, 25.866196],
+              [109.768246, 25.890427],
+              [109.685094, 25.880197],
+              [109.67955, 25.921649],
+              [109.693717, 25.959321],
+              [109.710963, 25.954478],
+              [109.730057, 25.989988],
+              [109.649369, 26.016882],
+              [109.635203, 26.047533],
+              [109.588391, 26.019571],
+              [109.560058, 26.021184],
+              [109.513247, 25.998056],
+              [109.48245, 26.029788]
+            ]
+          ],
+          [
+            [
+              [105.096346, 24.928228],
+              [105.09573, 24.92877],
+              [105.077868, 24.918459],
+              [105.082179, 24.915745],
+              [105.096346, 24.928228]
+            ]
+          ],
+          [
+            [
+              [109.088249, 21.014934],
+              [109.11227, 21.02499],
+              [109.117814, 21.017727],
+              [109.144299, 21.041189],
+              [109.138756, 21.067439],
+              [109.09256, 21.057386],
+              [109.088865, 21.031134],
+              [109.088249, 21.014934]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 460000,
+        "name": "海南省",
+        "center": [110.33119, 20.031971],
+        "centroid": [109.754859, 19.189767],
+        "childrenNum": 19,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 20,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [110.106396, 20.026812],
+              [110.042339, 19.991384],
+              [109.997375, 19.980136],
+              [109.965346, 19.993634],
+              [109.898825, 19.994196],
+              [109.855093, 19.984073],
+              [109.814441, 19.993072],
+              [109.76147, 19.981261],
+              [109.712195, 20.017253],
+              [109.657993, 20.01163],
+              [109.585312, 19.98801],
+              [109.526797, 19.943573],
+              [109.498464, 19.873236],
+              [109.411001, 19.895184],
+              [109.349407, 19.898561],
+              [109.300748, 19.917693],
+              [109.25948, 19.898561],
+              [109.255784, 19.867045],
+              [109.231147, 19.863105],
+              [109.159082, 19.79048],
+              [109.169553, 19.736411],
+              [109.147379, 19.704863],
+              [109.093792, 19.68965],
+              [109.048829, 19.619764],
+              [108.993394, 19.587065],
+              [108.92872, 19.524468],
+              [108.855424, 19.469182],
+              [108.806148, 19.450561],
+              [108.765496, 19.400894],
+              [108.694047, 19.387346],
+              [108.644772, 19.349518],
+              [108.609048, 19.276661],
+              [108.591186, 19.141592],
+              [108.598577, 19.055633],
+              [108.630606, 19.003017],
+              [108.637997, 18.924346],
+              [108.595497, 18.872256],
+              [108.593033, 18.809386],
+              [108.65278, 18.740258],
+              [108.663866, 18.67337],
+              [108.641077, 18.565614],
+              [108.644772, 18.486738],
+              [108.68912, 18.447571],
+              [108.776583, 18.441894],
+              [108.881293, 18.416344],
+              [108.905315, 18.389087],
+              [108.944735, 18.314107],
+              [109.006329, 18.323198],
+              [109.108575, 18.323766],
+              [109.138756, 18.268081],
+              [109.17448, 18.260125],
+              [109.287813, 18.264671],
+              [109.355566, 18.215221],
+              [109.441182, 18.199303],
+              [109.467051, 18.173718],
+              [109.527413, 18.169169],
+              [109.584696, 18.143579],
+              [109.661688, 18.175424],
+              [109.726362, 18.177698],
+              [109.749767, 18.193618],
+              [109.785492, 18.339672],
+              [109.919767, 18.375457],
+              [110.022629, 18.360121],
+              [110.070672, 18.376025],
+              [110.090382, 18.399309],
+              [110.116867, 18.506602],
+              [110.214186, 18.578662],
+              [110.246215, 18.609859],
+              [110.329366, 18.642185],
+              [110.367555, 18.631977],
+              [110.499366, 18.651824],
+              [110.499366, 18.751592],
+              [110.578206, 18.784458],
+              [110.590525, 18.838841],
+              [110.585597, 18.88075],
+              [110.619474, 19.152334],
+              [110.676756, 19.286264],
+              [110.706321, 19.320153],
+              [110.729727, 19.378878],
+              [110.787009, 19.399765],
+              [110.844292, 19.449996],
+              [110.888023, 19.518827],
+              [110.920668, 19.552668],
+              [111.008747, 19.60398],
+              [111.061718, 19.612436],
+              [111.071573, 19.628784],
+              [111.043856, 19.763448],
+              [111.013675, 19.850159],
+              [110.966248, 20.018377],
+              [110.940994, 20.028499],
+              [110.871393, 20.01163],
+              [110.808567, 20.035808],
+              [110.778386, 20.068415],
+              [110.744509, 20.074036],
+              [110.717408, 20.148778],
+              [110.687843, 20.163947],
+              [110.655814, 20.134169],
+              [110.562191, 20.110006],
+              [110.526467, 20.07516],
+              [110.495054, 20.077408],
+              [110.387265, 20.113378],
+              [110.318279, 20.108882],
+              [110.28933, 20.056047],
+              [110.243135, 20.077408],
+              [110.144585, 20.074598],
+              [110.106396, 20.026812]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 500000,
+        "name": "重庆市",
+        "center": [106.504962, 29.533155],
+        "centroid": [107.8839, 30.067297],
+        "childrenNum": 38,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 21,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [106.37442, 28.525742],
+              [106.403369, 28.569901],
+              [106.477282, 28.530474],
+              [106.504999, 28.544669],
+              [106.466811, 28.586193],
+              [106.49268, 28.591448],
+              [106.502535, 28.661313],
+              [106.528405, 28.677591],
+              [106.492064, 28.742153],
+              [106.461883, 28.761041],
+              [106.45326, 28.817162],
+              [106.474202, 28.832891],
+              [106.561666, 28.756319],
+              [106.56105, 28.719062],
+              [106.587535, 28.691767],
+              [106.6171, 28.691242],
+              [106.617716, 28.66709],
+              [106.651593, 28.649235],
+              [106.618332, 28.645033],
+              [106.63681, 28.622972],
+              [106.606629, 28.593024],
+              [106.615252, 28.549401],
+              [106.567825, 28.523638],
+              [106.564745, 28.485247],
+              [106.632499, 28.503655],
+              [106.697788, 28.47683],
+              [106.708259, 28.450524],
+              [106.747063, 28.467361],
+              [106.726121, 28.51838],
+              [106.73844, 28.554657],
+              [106.77786, 28.563068],
+              [106.756918, 28.607211],
+              [106.784636, 28.626649],
+              [106.807425, 28.589346],
+              [106.830831, 28.623497],
+              [106.866556, 28.624548],
+              [106.889345, 28.695966],
+              [106.86594, 28.690192],
+              [106.824056, 28.756319],
+              [106.845614, 28.780975],
+              [106.872099, 28.777304],
+              [106.923222, 28.809821],
+              [106.951555, 28.766812],
+              [106.988512, 28.776254],
+              [106.983584, 28.851239],
+              [107.019308, 28.861722],
+              [107.016229, 28.882685],
+              [107.14188, 28.887925],
+              [107.206554, 28.868535],
+              [107.194851, 28.838134],
+              [107.227496, 28.836037],
+              [107.210866, 28.817686],
+              [107.219489, 28.772582],
+              [107.24659, 28.76209],
+              [107.261373, 28.792514],
+              [107.327894, 28.810869],
+              [107.339597, 28.845997],
+              [107.383945, 28.848618],
+              [107.41351, 28.911502],
+              [107.441227, 28.943977],
+              [107.412894, 28.960211],
+              [107.396879, 28.993718],
+              [107.364235, 29.00942],
+              [107.395647, 29.041341],
+              [107.369778, 29.091558],
+              [107.412278, 29.094696],
+              [107.427676, 29.128682],
+              [107.408582, 29.138091],
+              [107.401807, 29.184603],
+              [107.441227, 29.203934],
+              [107.486806, 29.174153],
+              [107.570574, 29.218037],
+              [107.589052, 29.150113],
+              [107.605683, 29.164747],
+              [107.659885, 29.162656],
+              [107.700537, 29.141228],
+              [107.749197, 29.199754],
+              [107.810791, 29.139137],
+              [107.784921, 29.048143],
+              [107.823725, 29.034016],
+              [107.810175, 28.984295],
+              [107.867457, 28.960211],
+              [107.882855, 29.00628],
+              [107.908725, 29.007327],
+              [107.925971, 29.032446],
+              [108.026369, 29.039772],
+              [108.070717, 29.086328],
+              [108.150173, 29.053375],
+              [108.193289, 29.072207],
+              [108.256115, 29.040295],
+              [108.277673, 29.091558],
+              [108.306622, 29.079006],
+              [108.297999, 29.045527],
+              [108.319556, 28.961258],
+              [108.345426, 28.943453],
+              [108.357745, 28.893165],
+              [108.346658, 28.859625],
+              [108.352817, 28.815589],
+              [108.386078, 28.803003],
+              [108.385462, 28.772058],
+              [108.347274, 28.736381],
+              [108.332491, 28.679166],
+              [108.439049, 28.634003],
+              [108.501258, 28.626649],
+              [108.50249, 28.63768],
+              [108.575787, 28.659738],
+              [108.636149, 28.621396],
+              [108.604736, 28.590922],
+              [108.610896, 28.539412],
+              [108.573939, 28.531],
+              [108.586874, 28.463678],
+              [108.609664, 28.43579],
+              [108.609048, 28.407368],
+              [108.576403, 28.38631],
+              [108.580099, 28.343128],
+              [108.611512, 28.324691],
+              [108.667562, 28.334173],
+              [108.656475, 28.359981],
+              [108.697127, 28.401051],
+              [108.688504, 28.422106],
+              [108.640461, 28.456838],
+              [108.657091, 28.47683],
+              [108.700207, 28.48209],
+              [108.709446, 28.501026],
+              [108.746402, 28.45105],
+              [108.780279, 28.42579],
+              [108.759953, 28.389995],
+              [108.783359, 28.380518],
+              [108.761801, 28.304143],
+              [108.726692, 28.282011],
+              [108.738395, 28.228241],
+              [108.772888, 28.212949],
+              [108.821547, 28.245113],
+              [108.855424, 28.199764],
+              [108.89546, 28.219804],
+              [108.923793, 28.217167],
+              [108.929952, 28.19027],
+              [109.005713, 28.162837],
+              [109.026655, 28.220331],
+              [109.086401, 28.184467],
+              [109.101799, 28.202401],
+              [109.081473, 28.247749],
+              [109.117198, 28.277795],
+              [109.152306, 28.349975],
+              [109.153538, 28.417369],
+              [109.191726, 28.471043],
+              [109.23361, 28.474726],
+              [109.274262, 28.494714],
+              [109.273646, 28.53836],
+              [109.319842, 28.579886],
+              [109.306907, 28.62087],
+              [109.252089, 28.606685],
+              [109.235458, 28.61982],
+              [109.201581, 28.597753],
+              [109.192958, 28.636104],
+              [109.271183, 28.671816],
+              [109.252704, 28.691767],
+              [109.294588, 28.722211],
+              [109.2989, 28.7474],
+              [109.241002, 28.776779],
+              [109.246545, 28.80143],
+              [109.235458, 28.882161],
+              [109.261328, 28.952356],
+              [109.292741, 28.987436],
+              [109.294588, 29.015177],
+              [109.319842, 29.042388],
+              [109.312451, 29.066453],
+              [109.240386, 29.086328],
+              [109.232378, 29.119271],
+              [109.215748, 29.145409],
+              [109.162777, 29.180946],
+              [109.139372, 29.168927],
+              [109.110422, 29.21647],
+              [109.141835, 29.270256],
+              [109.106727, 29.288526],
+              [109.11227, 29.361053],
+              [109.060531, 29.403292],
+              [109.034662, 29.360531],
+              [108.999553, 29.36366],
+              [108.983539, 29.332883],
+              [108.919481, 29.3261],
+              [108.934264, 29.399643],
+              [108.927488, 29.435612],
+              [108.884373, 29.440824],
+              [108.866511, 29.470527],
+              [108.888684, 29.502305],
+              [108.878213, 29.539279],
+              [108.913322, 29.574679],
+              [108.901003, 29.604863],
+              [108.870206, 29.596537],
+              [108.888068, 29.628795],
+              [108.844337, 29.658443],
+              [108.781511, 29.635558],
+              [108.797525, 29.660003],
+              [108.786438, 29.691721],
+              [108.752562, 29.649082],
+              [108.690968, 29.689642],
+              [108.676801, 29.749412],
+              [108.680497, 29.800319],
+              [108.658939, 29.854833],
+              [108.601041, 29.863656],
+              [108.556077, 29.818493],
+              [108.52528, 29.770713],
+              [108.548686, 29.749412],
+              [108.504954, 29.728626],
+              [108.504338, 29.707836],
+              [108.460606, 29.741098],
+              [108.437201, 29.741098],
+              [108.442744, 29.778505],
+              [108.422418, 29.772791],
+              [108.424266, 29.815897],
+              [108.371295, 29.841337],
+              [108.433505, 29.880262],
+              [108.467998, 29.864175],
+              [108.516041, 29.885451],
+              [108.517889, 29.9394],
+              [108.536367, 29.983472],
+              [108.532055, 30.051873],
+              [108.513577, 30.057571],
+              [108.546222, 30.104178],
+              [108.56778, 30.157491],
+              [108.551766, 30.1637],
+              [108.581947, 30.255759],
+              [108.54499, 30.269716],
+              [108.524048, 30.309506],
+              [108.501258, 30.314673],
+              [108.460606, 30.35961],
+              [108.431041, 30.354446],
+              [108.402092, 30.376649],
+              [108.430425, 30.416397],
+              [108.411331, 30.438586],
+              [108.42673, 30.492233],
+              [108.472925, 30.487076],
+              [108.512961, 30.501515],
+              [108.556077, 30.487592],
+              [108.56778, 30.468508],
+              [108.6497, 30.53915],
+              [108.642925, 30.578831],
+              [108.688504, 30.58759],
+              [108.698975, 30.54482],
+              [108.743939, 30.494812],
+              [108.789518, 30.513374],
+              [108.808612, 30.491202],
+              [108.838793, 30.503062],
+              [108.893612, 30.565434],
+              [108.971836, 30.627766],
+              [109.006329, 30.626736],
+              [109.042669, 30.655571],
+              [109.071002, 30.640125],
+              [109.111654, 30.646303],
+              [109.106111, 30.61077],
+              [109.105495, 30.585529],
+              [109.102415, 30.580377],
+              [109.101183, 30.579346],
+              [109.106111, 30.570587],
+              [109.103647, 30.565949],
+              [109.143683, 30.521108],
+              [109.191726, 30.545851],
+              [109.191726, 30.545851],
+              [109.245313, 30.580892],
+              [109.299516, 30.630341],
+              [109.314298, 30.599953],
+              [109.36111, 30.551004],
+              [109.337088, 30.521623],
+              [109.35495, 30.487076],
+              [109.418392, 30.559766],
+              [109.435638, 30.595832],
+              [109.535421, 30.664837],
+              [109.543428, 30.63961],
+              [109.574225, 30.646818],
+              [109.590855, 30.69366],
+              [109.625348, 30.702923],
+              [109.661072, 30.738936],
+              [109.656761, 30.760538],
+              [109.701724, 30.783677],
+              [109.780564, 30.848437],
+              [109.828608, 30.864364],
+              [109.894513, 30.899803],
+              [109.943788, 30.878746],
+              [110.008462, 30.883369],
+              [110.019549, 30.829425],
+              [110.048498, 30.800642],
+              [110.082375, 30.799614],
+              [110.151976, 30.911613],
+              [110.153824, 30.953708],
+              [110.172918, 30.978853],
+              [110.140889, 30.987062],
+              [110.140273, 31.030661],
+              [110.120563, 31.0322],
+              [110.119947, 31.088592],
+              [110.147048, 31.116776],
+              [110.180309, 31.121899],
+              [110.200019, 31.158779],
+              [110.180309, 31.179774],
+              [110.155671, 31.279564],
+              [110.161831, 31.314338],
+              [110.118715, 31.409899],
+              [110.054042, 31.410921],
+              [110.036795, 31.436966],
+              [109.98752, 31.474744],
+              [109.94502, 31.47066],
+              [109.969658, 31.508935],
+              [109.894513, 31.519139],
+              [109.837847, 31.555354],
+              [109.727594, 31.548214],
+              [109.745456, 31.598182],
+              [109.76455, 31.602769],
+              [109.737449, 31.628761],
+              [109.731289, 31.700582],
+              [109.683246, 31.719929],
+              [109.622268, 31.711783],
+              [109.585928, 31.726546],
+              [109.549587, 31.73011],
+              [109.502776, 31.716365],
+              [109.446109, 31.722983],
+              [109.381436, 31.705165],
+              [109.281654, 31.716874],
+              [109.282885, 31.743343],
+              [109.253936, 31.759628],
+              [109.279806, 31.776418],
+              [109.27611, 31.79931],
+              [109.195422, 31.817618],
+              [109.191111, 31.85575],
+              [109.123357, 31.892851],
+              [109.085785, 31.929428],
+              [108.986619, 31.980205],
+              [108.902235, 31.984774],
+              [108.837561, 32.039072],
+              [108.78767, 32.04871],
+              [108.75133, 32.076098],
+              [108.734084, 32.106519],
+              [108.676801, 32.10297],
+              [108.585026, 32.17189],
+              [108.543758, 32.177969],
+              [108.509882, 32.201266],
+              [108.480317, 32.182527],
+              [108.399013, 32.194176],
+              [108.370063, 32.172397],
+              [108.379918, 32.154158],
+              [108.379918, 32.154158],
+              [108.379303, 32.153652],
+              [108.379303, 32.153652],
+              [108.399628, 32.147065],
+              [108.452599, 32.090296],
+              [108.42981, 32.061391],
+              [108.372527, 32.077112],
+              [108.344194, 32.067477],
+              [108.362056, 32.035521],
+              [108.329411, 32.020299],
+              [108.370063, 31.988835],
+              [108.351585, 31.971575],
+              [108.307238, 31.997463],
+              [108.259194, 31.967006],
+              [108.343578, 31.860834],
+              [108.386078, 31.854226],
+              [108.391005, 31.829822],
+              [108.429194, 31.809482],
+              [108.455063, 31.814059],
+              [108.462454, 31.780488],
+              [108.535135, 31.757592],
+              [108.50557, 31.734182],
+              [108.514809, 31.693963],
+              [108.546838, 31.665442],
+              [108.519121, 31.665952],
+              [108.468614, 31.636404],
+              [108.442744, 31.633856],
+              [108.390389, 31.591555],
+              [108.386078, 31.544134],
+              [108.339266, 31.539033],
+              [108.344194, 31.512506],
+              [108.254883, 31.49873],
+              [108.233941, 31.506894],
+              [108.191441, 31.492096],
+              [108.193289, 31.467598],
+              [108.224086, 31.464024],
+              [108.216079, 31.41041],
+              [108.153869, 31.371073],
+              [108.185898, 31.336831],
+              [108.095354, 31.268311],
+              [108.038688, 31.252964],
+              [108.031297, 31.217144],
+              [108.07626, 31.231985],
+              [108.089811, 31.204859],
+              [108.025753, 31.116263],
+              [108.009123, 31.109602],
+              [108.026985, 31.061938],
+              [108.060246, 31.052197],
+              [108.00358, 31.025533],
+              [107.983254, 30.983983],
+              [107.942602, 30.989114],
+              [107.948145, 30.918802],
+              [107.994956, 30.908533],
+              [107.956152, 30.882855],
+              [107.851443, 30.792931],
+              [107.788001, 30.81966],
+              [107.763979, 30.817091],
+              [107.760899, 30.862823],
+              [107.739957, 30.884396],
+              [107.693146, 30.875665],
+              [107.645103, 30.821202],
+              [107.57735, 30.847924],
+              [107.515756, 30.854603],
+              [107.483111, 30.838675],
+              [107.498509, 30.809381],
+              [107.454162, 30.771851],
+              [107.454162, 30.771851],
+              [107.424597, 30.74048],
+              [107.458473, 30.704981],
+              [107.477567, 30.664837],
+              [107.516987, 30.644759],
+              [107.485575, 30.598408],
+              [107.427676, 30.547397],
+              [107.443075, 30.53348],
+              [107.408582, 30.521623],
+              [107.368546, 30.468508],
+              [107.338981, 30.386459],
+              [107.288474, 30.337402],
+              [107.257677, 30.267131],
+              [107.221337, 30.213878],
+              [107.103076, 30.090198],
+              [107.080286, 30.094341],
+              [107.084598, 30.063786],
+              [107.058113, 30.043066],
+              [107.055649, 30.040476],
+              [107.054417, 30.040994],
+              [107.053801, 30.043584],
+              [107.02054, 30.036849],
+              [106.981736, 30.08502],
+              [106.976193, 30.083467],
+              [106.94478, 30.037367],
+              [106.913367, 30.025451],
+              [106.862244, 30.033223],
+              [106.83699, 30.049801],
+              [106.825904, 30.03115],
+              [106.825904, 30.03115],
+              [106.785252, 30.01716],
+              [106.732281, 30.027005],
+              [106.724274, 30.058607],
+              [106.699636, 30.074145],
+              [106.700252, 30.111944],
+              [106.672535, 30.122297],
+              [106.677462, 30.156974],
+              [106.631883, 30.186464],
+              [106.611557, 30.235596],
+              [106.612173, 30.235596],
+              [106.611557, 30.235596],
+              [106.612173, 30.235596],
+              [106.612173, 30.235596],
+              [106.612789, 30.235596],
+              [106.612789, 30.235596],
+              [106.642354, 30.246454],
+              [106.611557, 30.292455],
+              [106.560434, 30.31519],
+              [106.545035, 30.296589],
+              [106.49884, 30.295556],
+              [106.43971, 30.308473],
+              [106.428623, 30.254725],
+              [106.401521, 30.242318],
+              [106.349167, 30.24542],
+              [106.334384, 30.225772],
+              [106.306667, 30.238182],
+              [106.296196, 30.205603],
+              [106.264167, 30.20974],
+              [106.260471, 30.19681],
+              [106.232754, 30.185947],
+              [106.180399, 30.233011],
+              [106.168696, 30.303823],
+              [106.132356, 30.323972],
+              [106.132972, 30.30279],
+              [106.07261, 30.333786],
+              [106.031958, 30.373551],
+              [105.943263, 30.372002],
+              [105.900763, 30.405042],
+              [105.84656, 30.410203],
+              [105.825618, 30.436006],
+              [105.792357, 30.427234],
+              [105.760329, 30.384393],
+              [105.754785, 30.342567],
+              [105.714749, 30.322939],
+              [105.720292, 30.252657],
+              [105.720292, 30.252657],
+              [105.670401, 30.254208],
+              [105.624822, 30.275918],
+              [105.619894, 30.234045],
+              [105.662394, 30.210258],
+              [105.642684, 30.186464],
+              [105.56138, 30.183878],
+              [105.550909, 30.179222],
+              [105.536127, 30.152834],
+              [105.596489, 30.159043],
+              [105.574315, 30.130579],
+              [105.580474, 30.129544],
+              [105.582938, 30.127474],
+              [105.582938, 30.12385],
+              [105.642068, 30.101072],
+              [105.638988, 30.076216],
+              [105.676561, 30.06793],
+              [105.687032, 30.038922],
+              [105.719677, 30.042548],
+              [105.753553, 30.018196],
+              [105.723372, 29.975177],
+              [105.730763, 29.95755],
+              [105.70243, 29.924879],
+              [105.717213, 29.893753],
+              [105.738771, 29.891159],
+              [105.707974, 29.840818],
+              [105.610655, 29.837184],
+              [105.582938, 29.819013],
+              [105.574931, 29.744216],
+              [105.529351, 29.707836],
+              [105.481924, 29.718232],
+              [105.476996, 29.674564],
+              [105.419714, 29.688082],
+              [105.38091, 29.628275],
+              [105.347649, 29.621512],
+              [105.332867, 29.592374],
+              [105.296526, 29.571035],
+              [105.305149, 29.53199],
+              [105.337794, 29.459064],
+              [105.334099, 29.441345],
+              [105.387069, 29.455416],
+              [105.387069, 29.455416],
+              [105.399388, 29.43874],
+              [105.372903, 29.421018],
+              [105.426489, 29.419454],
+              [105.441888, 29.400686],
+              [105.418482, 29.352185],
+              [105.42033, 29.31149],
+              [105.465294, 29.322969],
+              [105.459134, 29.288526],
+              [105.513337, 29.283306],
+              [105.521344, 29.264513],
+              [105.557684, 29.278608],
+              [105.631597, 29.280174],
+              [105.647612, 29.253027],
+              [105.695039, 29.287482],
+              [105.712285, 29.219082],
+              [105.703662, 29.176766],
+              [105.728916, 29.134432],
+              [105.752321, 29.129727],
+              [105.728916, 29.1062],
+              [105.757865, 29.069068],
+              [105.74185, 29.039249],
+              [105.766488, 29.013607],
+              [105.762176, 28.9911],
+              [105.801596, 28.958116],
+              [105.797285, 28.936121],
+              [105.830546, 28.944501],
+              [105.852719, 28.927217],
+              [105.910002, 28.920407],
+              [105.969132, 28.965971],
+              [106.001161, 28.973824],
+              [106.040581, 28.955498],
+              [106.049204, 28.906263],
+              [106.070762, 28.919884],
+              [106.101559, 28.898928],
+              [106.14837, 28.901548],
+              [106.173008, 28.920407],
+              [106.206885, 28.904691],
+              [106.264783, 28.845997],
+              [106.245689, 28.817686],
+              [106.267863, 28.779402],
+              [106.274022, 28.739004],
+              [106.305435, 28.704365],
+              [106.304203, 28.64976],
+              [106.346703, 28.583565],
+              [106.33192, 28.55308],
+              [106.37442, 28.525742]
+            ]
+          ],
+          [
+            [
+              [109.105495, 30.585529],
+              [109.106111, 30.61077],
+              [109.09256, 30.578831],
+              [109.09872, 30.579346],
+              [109.101183, 30.579346],
+              [109.102415, 30.580377],
+              [109.105495, 30.585529]
+            ]
+          ],
+          [
+            [
+              [105.582938, 30.12385],
+              [105.582938, 30.127474],
+              [105.580474, 30.129544],
+              [105.574315, 30.130579],
+              [105.582938, 30.12385]
+            ]
+          ],
+          [
+            [
+              [109.09872, 30.579346],
+              [109.09256, 30.578831],
+              [109.103647, 30.565949],
+              [109.106111, 30.570587],
+              [109.09872, 30.579346]
+            ]
+          ],
+          [
+            [
+              [107.058113, 30.043066],
+              [107.053801, 30.043584],
+              [107.054417, 30.040994],
+              [107.055649, 30.040476],
+              [107.058113, 30.043066]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 510000,
+        "name": "四川省",
+        "center": [104.065735, 30.659462],
+        "centroid": [102.693453, 30.674545],
+        "childrenNum": 21,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 22,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [101.167885, 27.198311],
+              [101.170349, 27.175421],
+              [101.145095, 27.103523],
+              [101.157414, 27.094999],
+              [101.136472, 27.023584],
+              [101.228863, 26.981992],
+              [101.227015, 26.959057],
+              [101.264587, 26.955323],
+              [101.267667, 26.903034],
+              [101.311399, 26.903034],
+              [101.365602, 26.883819],
+              [101.399478, 26.841642],
+              [101.358826, 26.771669],
+              [101.387159, 26.753501],
+              [101.389623, 26.723036],
+              [101.435819, 26.740675],
+              [101.458608, 26.731054],
+              [101.445674, 26.77434],
+              [101.466, 26.786629],
+              [101.513427, 26.768463],
+              [101.453065, 26.692563],
+              [101.481398, 26.673313],
+              [101.461072, 26.640687],
+              [101.461688, 26.606447],
+              [101.402558, 26.604841],
+              [101.395783, 26.591998],
+              [101.422884, 26.53151],
+              [101.458608, 26.49563],
+              [101.506652, 26.499915],
+              [101.530057, 26.467239],
+              [101.565782, 26.454381],
+              [101.637847, 26.388995],
+              [101.635383, 26.357361],
+              [101.660636, 26.346635],
+              [101.64031, 26.318745],
+              [101.597195, 26.303187],
+              [101.586108, 26.279579],
+              [101.630455, 26.224832],
+              [101.690202, 26.241473],
+              [101.737013, 26.219463],
+              [101.773353, 26.168448],
+              [101.807846, 26.156093],
+              [101.796759, 26.114723],
+              [101.839875, 26.082477],
+              [101.835563, 26.04592],
+              [101.857737, 26.049146],
+              [101.899621, 26.099139],
+              [101.929186, 26.105588],
+              [101.954439, 26.084627],
+              [102.020961, 26.096451],
+              [102.080091, 26.065275],
+              [102.107808, 26.068501],
+              [102.152156, 26.10935],
+              [102.174946, 26.146961],
+              [102.242699, 26.190468],
+              [102.245163, 26.212483],
+              [102.349257, 26.244694],
+              [102.392372, 26.296749],
+              [102.440416, 26.300505],
+              [102.542046, 26.338591],
+              [102.570995, 26.362723],
+              [102.629509, 26.336982],
+              [102.638748, 26.307479],
+              [102.60056, 26.250598],
+              [102.659074, 26.221611],
+              [102.709581, 26.210336],
+              [102.739762, 26.268846],
+              [102.785342, 26.298895],
+              [102.833385, 26.306406],
+              [102.878964, 26.364332],
+              [102.893131, 26.338591],
+              [102.975667, 26.340736],
+              [102.998457, 26.371839],
+              [102.988602, 26.413117],
+              [102.989833, 26.482775],
+              [103.030485, 26.485989],
+              [103.052659, 26.514374],
+              [103.052659, 26.555602],
+              [103.035413, 26.556673],
+              [103.026174, 26.664221],
+              [103.005232, 26.679195],
+              [103.008312, 26.710741],
+              [102.983674, 26.76686],
+              [102.991681, 26.775409],
+              [102.966428, 26.837904],
+              [102.949181, 26.843244],
+              [102.896211, 26.91264],
+              [102.894979, 27.001724],
+              [102.870957, 27.026782],
+              [102.913457, 27.133886],
+              [102.904218, 27.227584],
+              [102.883276, 27.258444],
+              [102.883892, 27.299401],
+              [102.899906, 27.317481],
+              [102.941174, 27.405711],
+              [102.989833, 27.367983],
+              [103.055739, 27.40943],
+              [103.080992, 27.396679],
+              [103.141355, 27.420586],
+              [103.144434, 27.450331],
+              [103.19063, 27.523596],
+              [103.232514, 27.56976],
+              [103.2861, 27.561802],
+              [103.29226, 27.632872],
+              [103.349542, 27.678459],
+              [103.369868, 27.708664],
+              [103.393274, 27.709194],
+              [103.461027, 27.779638],
+              [103.487512, 27.794992],
+              [103.509686, 27.843687],
+              [103.502295, 27.910343],
+              [103.55465, 27.978543],
+              [103.515846, 27.965329],
+              [103.486281, 28.033495],
+              [103.459179, 28.021345],
+              [103.430846, 28.044587],
+              [103.470266, 28.122204],
+              [103.533092, 28.168641],
+              [103.573128, 28.230877],
+              [103.643961, 28.260401],
+              [103.692004, 28.232459],
+              [103.701859, 28.198709],
+              [103.740048, 28.23615],
+              [103.770845, 28.233514],
+              [103.828743, 28.285173],
+              [103.877402, 28.316262],
+              [103.85338, 28.356822],
+              [103.860156, 28.383677],
+              [103.828743, 28.44],
+              [103.829975, 28.459995],
+              [103.781931, 28.525216],
+              [103.802873, 28.563068],
+              [103.838598, 28.587244],
+              [103.833054, 28.605109],
+              [103.850917, 28.66709],
+              [103.887873, 28.61982],
+              [103.910047, 28.631377],
+              [103.953779, 28.600906],
+              [104.05972, 28.6277],
+              [104.09606, 28.603533],
+              [104.117618, 28.634003],
+              [104.170589, 28.642932],
+              [104.230951, 28.635579],
+              [104.252509, 28.660788],
+              [104.277147, 28.631902],
+              [104.314719, 28.615617],
+              [104.372617, 28.649235],
+              [104.425588, 28.626649],
+              [104.417581, 28.598279],
+              [104.375697, 28.5946],
+              [104.355987, 28.555183],
+              [104.323342, 28.540989],
+              [104.260516, 28.536257],
+              [104.267908, 28.499448],
+              [104.254357, 28.403683],
+              [104.282074, 28.343128],
+              [104.314103, 28.306778],
+              [104.343052, 28.334173],
+              [104.384936, 28.329959],
+              [104.392943, 28.291497],
+              [104.420045, 28.269889],
+              [104.44961, 28.269889],
+              [104.462544, 28.241422],
+              [104.442834, 28.211366],
+              [104.402182, 28.202928],
+              [104.406494, 28.173389],
+              [104.444682, 28.16231],
+              [104.448994, 28.113758],
+              [104.40095, 28.091586],
+              [104.373233, 28.051454],
+              [104.304248, 28.050926],
+              [104.30856, 28.036136],
+              [104.362762, 28.012891],
+              [104.40095, 27.952114],
+              [104.44961, 27.927794],
+              [104.508124, 27.878078],
+              [104.52537, 27.889187],
+              [104.573413, 27.840512],
+              [104.607906, 27.857974],
+              [104.63316, 27.850567],
+              [104.676275, 27.880723],
+              [104.743413, 27.901881],
+              [104.761891, 27.884426],
+              [104.796999, 27.901352],
+              [104.842579, 27.900294],
+              [104.888158, 27.914574],
+              [104.918339, 27.938897],
+              [104.903557, 27.962158],
+              [104.975006, 28.020816],
+              [104.980549, 28.063073],
+              [105.002107, 28.064129],
+              [105.061853, 28.096866],
+              [105.119752, 28.07205],
+              [105.168411, 28.071522],
+              [105.186889, 28.054623],
+              [105.167795, 28.021345],
+              [105.186273, 27.995454],
+              [105.218302, 27.990698],
+              [105.247867, 28.009193],
+              [105.270657, 27.99704],
+              [105.284823, 27.935725],
+              [105.233084, 27.895534],
+              [105.25957, 27.827811],
+              [105.313157, 27.810874],
+              [105.273736, 27.794992],
+              [105.293447, 27.770637],
+              [105.290367, 27.712373],
+              [105.308229, 27.704955],
+              [105.353809, 27.748924],
+              [105.44004, 27.775402],
+              [105.508409, 27.769048],
+              [105.560148, 27.71979],
+              [105.605112, 27.715552],
+              [105.62359, 27.666269],
+              [105.664242, 27.683759],
+              [105.720292, 27.683759],
+              [105.722756, 27.706015],
+              [105.76772, 27.7182],
+              [105.848408, 27.707074],
+              [105.868118, 27.732504],
+              [105.922937, 27.746805],
+              [105.92848, 27.729855],
+              [105.985146, 27.749983],
+              [106.023335, 27.746805],
+              [106.063987, 27.776991],
+              [106.120653, 27.779638],
+              [106.193334, 27.75422],
+              [106.242609, 27.767459],
+              [106.306667, 27.808756],
+              [106.337464, 27.859033],
+              [106.325145, 27.898708],
+              [106.304819, 27.899237],
+              [106.307899, 27.936782],
+              [106.328225, 27.952643],
+              [106.286341, 28.007079],
+              [106.246305, 28.011835],
+              [106.266631, 28.066769],
+              [106.206885, 28.134343],
+              [106.145291, 28.162837],
+              [106.093552, 28.162837],
+              [105.975907, 28.107952],
+              [105.943878, 28.143314],
+              [105.895219, 28.119565],
+              [105.860727, 28.159672],
+              [105.889676, 28.237732],
+              [105.848408, 28.255656],
+              [105.824386, 28.306251],
+              [105.78743, 28.335753],
+              [105.76464, 28.308359],
+              [105.76464, 28.308359],
+              [105.737539, 28.30309],
+              [105.730147, 28.271997],
+              [105.68888, 28.284119],
+              [105.639604, 28.324164],
+              [105.655003, 28.362615],
+              [105.643916, 28.431053],
+              [105.612503, 28.438947],
+              [105.62359, 28.517854],
+              [105.68272, 28.534154],
+              [105.693191, 28.58882],
+              [105.712901, 28.586718],
+              [105.74493, 28.616668],
+              [105.757249, 28.590397],
+              [105.78435, 28.610889],
+              [105.808372, 28.599855],
+              [105.884748, 28.595126],
+              [105.889676, 28.670765],
+              [105.937719, 28.686517],
+              [105.966668, 28.761041],
+              [106.001161, 28.743727],
+              [106.030726, 28.694917],
+              [106.085544, 28.681792],
+              [106.103407, 28.636104],
+              [106.14837, 28.642932],
+              [106.17116, 28.629275],
+              [106.184711, 28.58882],
+              [106.254928, 28.539412],
+              [106.2925, 28.537309],
+              [106.304819, 28.505233],
+              [106.349167, 28.473674],
+              [106.379348, 28.479986],
+              [106.37442, 28.525742],
+              [106.33192, 28.55308],
+              [106.346703, 28.583565],
+              [106.304203, 28.64976],
+              [106.305435, 28.704365],
+              [106.274022, 28.739004],
+              [106.267863, 28.779402],
+              [106.245689, 28.817686],
+              [106.264783, 28.845997],
+              [106.206885, 28.904691],
+              [106.173008, 28.920407],
+              [106.14837, 28.901548],
+              [106.101559, 28.898928],
+              [106.070762, 28.919884],
+              [106.049204, 28.906263],
+              [106.040581, 28.955498],
+              [106.001161, 28.973824],
+              [105.969132, 28.965971],
+              [105.910002, 28.920407],
+              [105.852719, 28.927217],
+              [105.830546, 28.944501],
+              [105.797285, 28.936121],
+              [105.801596, 28.958116],
+              [105.762176, 28.9911],
+              [105.766488, 29.013607],
+              [105.74185, 29.039249],
+              [105.757865, 29.069068],
+              [105.728916, 29.1062],
+              [105.752321, 29.129727],
+              [105.728916, 29.134432],
+              [105.703662, 29.176766],
+              [105.712285, 29.219082],
+              [105.695039, 29.287482],
+              [105.647612, 29.253027],
+              [105.631597, 29.280174],
+              [105.557684, 29.278608],
+              [105.521344, 29.264513],
+              [105.513337, 29.283306],
+              [105.459134, 29.288526],
+              [105.465294, 29.322969],
+              [105.42033, 29.31149],
+              [105.418482, 29.352185],
+              [105.441888, 29.400686],
+              [105.426489, 29.419454],
+              [105.372903, 29.421018],
+              [105.399388, 29.43874],
+              [105.387069, 29.455416],
+              [105.387069, 29.455416],
+              [105.334099, 29.441345],
+              [105.337794, 29.459064],
+              [105.305149, 29.53199],
+              [105.296526, 29.571035],
+              [105.332867, 29.592374],
+              [105.347649, 29.621512],
+              [105.38091, 29.628275],
+              [105.419714, 29.688082],
+              [105.476996, 29.674564],
+              [105.481924, 29.718232],
+              [105.529351, 29.707836],
+              [105.574931, 29.744216],
+              [105.582938, 29.819013],
+              [105.610655, 29.837184],
+              [105.707974, 29.840818],
+              [105.738771, 29.891159],
+              [105.717213, 29.893753],
+              [105.70243, 29.924879],
+              [105.730763, 29.95755],
+              [105.723372, 29.975177],
+              [105.753553, 30.018196],
+              [105.719677, 30.042548],
+              [105.687032, 30.038922],
+              [105.676561, 30.06793],
+              [105.638988, 30.076216],
+              [105.642068, 30.101072],
+              [105.582938, 30.12385],
+              [105.574315, 30.130579],
+              [105.596489, 30.159043],
+              [105.536127, 30.152834],
+              [105.550909, 30.179222],
+              [105.556453, 30.187499],
+              [105.558916, 30.18543],
+              [105.56138, 30.183878],
+              [105.642684, 30.186464],
+              [105.662394, 30.210258],
+              [105.619894, 30.234045],
+              [105.624822, 30.275918],
+              [105.670401, 30.254208],
+              [105.720292, 30.252657],
+              [105.720292, 30.252657],
+              [105.714749, 30.322939],
+              [105.754785, 30.342567],
+              [105.760329, 30.384393],
+              [105.792357, 30.427234],
+              [105.825618, 30.436006],
+              [105.84656, 30.410203],
+              [105.900763, 30.405042],
+              [105.943263, 30.372002],
+              [106.031958, 30.373551],
+              [106.07261, 30.333786],
+              [106.132972, 30.30279],
+              [106.132356, 30.323972],
+              [106.168696, 30.303823],
+              [106.180399, 30.233011],
+              [106.232754, 30.185947],
+              [106.260471, 30.19681],
+              [106.260471, 30.204051],
+              [106.260471, 30.207672],
+              [106.264167, 30.20974],
+              [106.296196, 30.205603],
+              [106.306667, 30.238182],
+              [106.334384, 30.225772],
+              [106.349167, 30.24542],
+              [106.401521, 30.242318],
+              [106.428623, 30.254725],
+              [106.43971, 30.308473],
+              [106.49884, 30.295556],
+              [106.545035, 30.296589],
+              [106.560434, 30.31519],
+              [106.611557, 30.292455],
+              [106.642354, 30.246454],
+              [106.612789, 30.235596],
+              [106.612789, 30.235596],
+              [106.612173, 30.235596],
+              [106.612173, 30.235596],
+              [106.611557, 30.235596],
+              [106.612173, 30.235596],
+              [106.611557, 30.235596],
+              [106.631883, 30.186464],
+              [106.677462, 30.156974],
+              [106.672535, 30.122297],
+              [106.700252, 30.111944],
+              [106.699636, 30.074145],
+              [106.724274, 30.058607],
+              [106.732281, 30.027005],
+              [106.785252, 30.01716],
+              [106.825904, 30.03115],
+              [106.825904, 30.03115],
+              [106.83699, 30.049801],
+              [106.862244, 30.033223],
+              [106.913367, 30.025451],
+              [106.94478, 30.037367],
+              [106.976193, 30.083467],
+              [106.975577, 30.088127],
+              [106.976809, 30.088127],
+              [106.977425, 30.087609],
+              [106.978656, 30.087609],
+              [106.979888, 30.088127],
+              [106.980504, 30.087609],
+              [106.981736, 30.08502],
+              [107.02054, 30.036849],
+              [107.053801, 30.043584],
+              [107.058113, 30.043066],
+              [107.084598, 30.063786],
+              [107.080286, 30.094341],
+              [107.103076, 30.090198],
+              [107.221337, 30.213878],
+              [107.257677, 30.267131],
+              [107.288474, 30.337402],
+              [107.338981, 30.386459],
+              [107.368546, 30.468508],
+              [107.408582, 30.521623],
+              [107.443075, 30.53348],
+              [107.427676, 30.547397],
+              [107.485575, 30.598408],
+              [107.516987, 30.644759],
+              [107.477567, 30.664837],
+              [107.458473, 30.704981],
+              [107.424597, 30.74048],
+              [107.454162, 30.771851],
+              [107.454162, 30.771851],
+              [107.498509, 30.809381],
+              [107.483111, 30.838675],
+              [107.515756, 30.854603],
+              [107.57735, 30.847924],
+              [107.645103, 30.821202],
+              [107.693146, 30.875665],
+              [107.739957, 30.884396],
+              [107.760899, 30.862823],
+              [107.763979, 30.817091],
+              [107.788001, 30.81966],
+              [107.851443, 30.792931],
+              [107.956152, 30.882855],
+              [107.994956, 30.908533],
+              [107.948145, 30.918802],
+              [107.942602, 30.989114],
+              [107.983254, 30.983983],
+              [108.00358, 31.025533],
+              [108.060246, 31.052197],
+              [108.026985, 31.061938],
+              [108.009123, 31.109602],
+              [108.025753, 31.116263],
+              [108.089811, 31.204859],
+              [108.07626, 31.231985],
+              [108.031297, 31.217144],
+              [108.038688, 31.252964],
+              [108.095354, 31.268311],
+              [108.185898, 31.336831],
+              [108.153869, 31.371073],
+              [108.216079, 31.41041],
+              [108.224086, 31.464024],
+              [108.193289, 31.467598],
+              [108.191441, 31.492096],
+              [108.233941, 31.506894],
+              [108.254883, 31.49873],
+              [108.344194, 31.512506],
+              [108.339266, 31.539033],
+              [108.386078, 31.544134],
+              [108.390389, 31.591555],
+              [108.442744, 31.633856],
+              [108.468614, 31.636404],
+              [108.519121, 31.665952],
+              [108.546838, 31.665442],
+              [108.514809, 31.693963],
+              [108.50557, 31.734182],
+              [108.535135, 31.757592],
+              [108.462454, 31.780488],
+              [108.455063, 31.814059],
+              [108.429194, 31.809482],
+              [108.391005, 31.829822],
+              [108.386078, 31.854226],
+              [108.343578, 31.860834],
+              [108.259194, 31.967006],
+              [108.307238, 31.997463],
+              [108.351585, 31.971575],
+              [108.370063, 31.988835],
+              [108.329411, 32.020299],
+              [108.362056, 32.035521],
+              [108.344194, 32.067477],
+              [108.372527, 32.077112],
+              [108.42981, 32.061391],
+              [108.452599, 32.090296],
+              [108.399628, 32.147065],
+              [108.379303, 32.153652],
+              [108.379303, 32.153652],
+              [108.379918, 32.154158],
+              [108.379918, 32.154158],
+              [108.370063, 32.172397],
+              [108.399013, 32.194176],
+              [108.480317, 32.182527],
+              [108.509882, 32.201266],
+              [108.507418, 32.245819],
+              [108.469846, 32.270618],
+              [108.414411, 32.252399],
+              [108.389773, 32.263533],
+              [108.310933, 32.232152],
+              [108.240716, 32.274666],
+              [108.179738, 32.221521],
+              [108.156948, 32.239239],
+              [108.143398, 32.219495],
+              [108.086731, 32.233165],
+              [108.018362, 32.2119],
+              [108.024521, 32.177462],
+              [107.979558, 32.146051],
+              [107.924739, 32.197215],
+              [107.890247, 32.214432],
+              [107.864377, 32.201266],
+              [107.812022, 32.247844],
+              [107.753508, 32.338399],
+              [107.707929, 32.331826],
+              [107.680827, 32.397035],
+              [107.648183, 32.413709],
+              [107.598291, 32.411688],
+              [107.527458, 32.38238],
+              [107.489886, 32.425328],
+              [107.456625, 32.41775],
+              [107.460937, 32.453612],
+              [107.438763, 32.465732],
+              [107.436299, 32.529835],
+              [107.382097, 32.54043],
+              [107.356843, 32.506622],
+              [107.313727, 32.489965],
+              [107.287858, 32.457147],
+              [107.263836, 32.403099],
+              [107.212097, 32.428864],
+              [107.189924, 32.468256],
+              [107.127098, 32.482393],
+              [107.080286, 32.542448],
+              [107.108004, 32.600951],
+              [107.098765, 32.649338],
+              [107.05996, 32.686115],
+              [107.066736, 32.708779],
+              [107.012533, 32.721367],
+              [106.912751, 32.704247],
+              [106.903512, 32.721367],
+              [106.854853, 32.724388],
+              [106.82344, 32.705254],
+              [106.793259, 32.712807],
+              [106.783404, 32.735967],
+              [106.733513, 32.739491],
+              [106.670071, 32.694678],
+              [106.626955, 32.682086],
+              [106.585687, 32.68813],
+              [106.517934, 32.668485],
+              [106.498224, 32.649338],
+              [106.451412, 32.65992],
+              [106.421231, 32.616579],
+              [106.389203, 32.62666],
+              [106.347935, 32.671003],
+              [106.301123, 32.680071],
+              [106.267863, 32.673522],
+              [106.254928, 32.693671],
+              [106.17424, 32.6977],
+              [106.120037, 32.719856],
+              [106.071378, 32.758114],
+              [106.07261, 32.76365],
+              [106.093552, 32.82402],
+              [106.071378, 32.828546],
+              [106.044277, 32.864747],
+              [106.011632, 32.829552],
+              [105.969132, 32.849162],
+              [105.93156, 32.826032],
+              [105.893371, 32.838603],
+              [105.849024, 32.817985],
+              [105.825002, 32.824523],
+              [105.822538, 32.770192],
+              [105.779423, 32.750061],
+              [105.768952, 32.767676],
+              [105.719061, 32.759624],
+              [105.677793, 32.726402],
+              [105.596489, 32.69921],
+              [105.585402, 32.728919],
+              [105.563844, 32.724891],
+              [105.555221, 32.794343],
+              [105.534279, 32.790822],
+              [105.524424, 32.847654],
+              [105.495475, 32.873292],
+              [105.49917, 32.911986],
+              [105.467757, 32.930071],
+              [105.414171, 32.922034],
+              [105.408011, 32.885857],
+              [105.38091, 32.876307],
+              [105.396308, 32.85067],
+              [105.396308, 32.85067],
+              [105.427721, 32.784281],
+              [105.454207, 32.767173],
+              [105.448663, 32.732946],
+              [105.368591, 32.712807],
+              [105.347033, 32.68259],
+              [105.297758, 32.656897],
+              [105.263265, 32.652362],
+              [105.219534, 32.666469],
+              [105.215222, 32.63674],
+              [105.185041, 32.617587],
+              [105.111128, 32.593893],
+              [105.0791, 32.637244],
+              [105.026745, 32.650346],
+              [104.925115, 32.607505],
+              [104.881999, 32.600951],
+              [104.845659, 32.653873],
+              [104.820405, 32.662943],
+              [104.795768, 32.643292],
+              [104.739717, 32.635228],
+              [104.696601, 32.673522],
+              [104.643015, 32.661935],
+              [104.592508, 32.695685],
+              [104.582653, 32.722374],
+              [104.526602, 32.728416],
+              [104.51182, 32.753585],
+              [104.458849, 32.748551],
+              [104.363994, 32.822511],
+              [104.294393, 32.835586],
+              [104.277147, 32.90244],
+              [104.288234, 32.942628],
+              [104.345516, 32.940117],
+              [104.378161, 32.953174],
+              [104.383704, 32.994343],
+              [104.426204, 33.010906],
+              [104.391711, 33.035493],
+              [104.337509, 33.038002],
+              [104.378161, 33.109214],
+              [104.351059, 33.158828],
+              [104.32827, 33.223934],
+              [104.323958, 33.26898],
+              [104.303632, 33.304499],
+              [104.333813, 33.315502],
+              [104.386168, 33.298497],
+              [104.420045, 33.327004],
+              [104.373849, 33.345004],
+              [104.292545, 33.336505],
+              [104.272219, 33.391486],
+              [104.22048, 33.404477],
+              [104.213089, 33.446932],
+              [104.180444, 33.472895],
+              [104.155191, 33.542755],
+              [104.176749, 33.5996],
+              [104.103452, 33.663381],
+              [104.046169, 33.686291],
+              [103.980264, 33.670852],
+              [103.861388, 33.682307],
+              [103.778236, 33.658898],
+              [103.690772, 33.69376],
+              [103.667983, 33.685793],
+              [103.645809, 33.708697],
+              [103.593454, 33.716164],
+              [103.563889, 33.699735],
+              [103.552186, 33.671351],
+              [103.520157, 33.678323],
+              [103.545411, 33.719649],
+              [103.518309, 33.807213],
+              [103.464723, 33.80224],
+              [103.434542, 33.752993],
+              [103.35447, 33.743539],
+              [103.278709, 33.774387],
+              [103.284868, 33.80224],
+              [103.24976, 33.814175],
+              [103.228202, 33.79478],
+              [103.165376, 33.805721],
+              [103.153673, 33.819147],
+              [103.181391, 33.900649],
+              [103.16476, 33.929454],
+              [103.1315, 33.931937],
+              [103.120413, 33.953286],
+              [103.157369, 33.998944],
+              [103.147514, 34.036644],
+              [103.119797, 34.03466],
+              [103.129652, 34.065899],
+              [103.178927, 34.079779],
+              [103.121644, 34.112487],
+              [103.124108, 34.162022],
+              [103.100087, 34.181828],
+              [103.052043, 34.195194],
+              [103.005848, 34.184798],
+              [102.973203, 34.205588],
+              [102.977515, 34.252595],
+              [102.949181, 34.292159],
+              [102.911609, 34.312923],
+              [102.85987, 34.301058],
+              [102.856791, 34.270895],
+              [102.798276, 34.272874],
+              [102.779798, 34.236764],
+              [102.728675, 34.235774],
+              [102.694799, 34.198659],
+              [102.664002, 34.192719],
+              [102.651067, 34.165983],
+              [102.598712, 34.14766],
+              [102.655994, 34.113478],
+              [102.649219, 34.080275],
+              [102.615958, 34.099604],
+              [102.511865, 34.086222],
+              [102.471213, 34.072839],
+              [102.437336, 34.087214],
+              [102.406539, 34.033172],
+              [102.392372, 33.971651],
+              [102.345561, 33.969666],
+              [102.315996, 33.993983],
+              [102.287047, 33.977607],
+              [102.248858, 33.98654],
+              [102.226069, 33.963214],
+              [102.16817, 33.983066],
+              [102.136142, 33.965199],
+              [102.25317, 33.861399],
+              [102.261177, 33.821136],
+              [102.243315, 33.786823],
+              [102.296286, 33.783838],
+              [102.324619, 33.754486],
+              [102.284583, 33.719151],
+              [102.342481, 33.725622],
+              [102.31538, 33.665374],
+              [102.346793, 33.605582],
+              [102.440416, 33.574673],
+              [102.477988, 33.543254],
+              [102.446575, 33.53228],
+              [102.461358, 33.501345],
+              [102.462589, 33.449429],
+              [102.447807, 33.454922],
+              [102.392988, 33.404477],
+              [102.368967, 33.41247],
+              [102.310452, 33.397982],
+              [102.296286, 33.413969],
+              [102.258098, 33.409472],
+              [102.218062, 33.349503],
+              [102.192192, 33.337005],
+              [102.217446, 33.247961],
+              [102.200815, 33.223434],
+              [102.160163, 33.242956],
+              [102.144765, 33.273983],
+              [102.117047, 33.288492],
+              [102.08933, 33.227439],
+              [102.08933, 33.204908],
+              [102.054838, 33.189884],
+              [101.99386, 33.1999],
+              [101.935345, 33.186879],
+              [101.921795, 33.153817],
+              [101.887302, 33.135778],
+              [101.865744, 33.103198],
+              [101.825708, 33.119239],
+              [101.841723, 33.184876],
+              [101.83002, 33.213921],
+              [101.770274, 33.248962],
+              [101.769658, 33.26898],
+              [101.877447, 33.314502],
+              [101.887302, 33.383991],
+              [101.915635, 33.425957],
+              [101.946432, 33.442937],
+              [101.906396, 33.48188],
+              [101.907012, 33.539264],
+              [101.884222, 33.578163],
+              [101.844186, 33.602591],
+              [101.831252, 33.554726],
+              [101.783208, 33.556721],
+              [101.769042, 33.538765],
+              [101.777665, 33.533776],
+              [101.769042, 33.45592],
+              [101.695745, 33.433948],
+              [101.663716, 33.383991],
+              [101.64955, 33.323004],
+              [101.677883, 33.297497],
+              [101.735781, 33.279987],
+              [101.709912, 33.21292],
+              [101.653861, 33.162835],
+              [101.661252, 33.135778],
+              [101.633535, 33.101193],
+              [101.557775, 33.167344],
+              [101.515275, 33.192889],
+              [101.487557, 33.226938],
+              [101.403174, 33.225436],
+              [101.386543, 33.207412],
+              [101.393935, 33.157826],
+              [101.381616, 33.153316],
+              [101.297232, 33.262475],
+              [101.217776, 33.256469],
+              [101.182668, 33.26948],
+              [101.156798, 33.236449],
+              [101.124769, 33.221431],
+              [101.11553, 33.194893],
+              [101.169733, 33.10019],
+              [101.143863, 33.086151],
+              [101.146327, 33.056563],
+              [101.184515, 33.041514],
+              [101.171581, 33.009902],
+              [101.183899, 32.984304],
+              [101.129081, 32.989324],
+              [101.134624, 32.95217],
+              [101.124153, 32.909976],
+              [101.178356, 32.892892],
+              [101.223935, 32.855698],
+              [101.237486, 32.825026],
+              [101.22332, 32.725898],
+              [101.157414, 32.661431],
+              [101.124769, 32.658408],
+              [101.077342, 32.68259],
+              [101.030531, 32.660424],
+              [100.99727, 32.627668],
+              [100.956618, 32.621116],
+              [100.93198, 32.600447],
+              [100.887633, 32.632708],
+              [100.834046, 32.648835],
+              [100.77122, 32.643795],
+              [100.690532, 32.678056],
+              [100.71209, 32.645307],
+              [100.710242, 32.610026],
+              [100.673286, 32.628172],
+              [100.661583, 32.616075],
+              [100.657887, 32.546484],
+              [100.645568, 32.526303],
+              [100.603069, 32.553547],
+              [100.54517, 32.569687],
+              [100.516837, 32.632204],
+              [100.470026, 32.694678],
+              [100.450932, 32.694678],
+              [100.420135, 32.73194],
+              [100.378251, 32.698707],
+              [100.399193, 32.756101],
+              [100.339447, 32.719353],
+              [100.258759, 32.742511],
+              [100.231041, 32.696189],
+              [100.229809, 32.650346],
+              [100.208252, 32.606497],
+              [100.189773, 32.630692],
+              [100.109701, 32.640268],
+              [100.088143, 32.668988],
+              [100.139266, 32.724388],
+              [100.117093, 32.802392],
+              [100.123252, 32.837095],
+              [100.064738, 32.895907],
+              [100.029629, 32.895907],
+              [100.038252, 32.929066],
+              [99.956332, 32.948152],
+              [99.947709, 32.986814],
+              [99.877492, 33.045527],
+              [99.877492, 32.993339],
+              [99.851007, 32.941623],
+              [99.805427, 32.940619],
+              [99.788181, 32.956689],
+              [99.764159, 32.924545],
+              [99.791877, 32.883344],
+              [99.766623, 32.826032],
+              [99.760464, 32.769689],
+              [99.717964, 32.732443],
+              [99.700718, 32.76667],
+              [99.646515, 32.774721],
+              [99.640355, 32.790822],
+              [99.589233, 32.789312],
+              [99.558436, 32.839106],
+              [99.45311, 32.862233],
+              [99.376118, 32.899927],
+              [99.353944, 32.885354],
+              [99.268944, 32.878318],
+              [99.24677, 32.924043],
+              [99.235067, 32.982296],
+              [99.214741, 32.991332],
+              [99.196263, 33.035493],
+              [99.124814, 33.046028],
+              [99.090322, 33.079131],
+              [99.024416, 33.094675],
+              [99.014561, 33.081137],
+              [98.971445, 33.098185],
+              [98.967134, 33.115229],
+              [98.92217, 33.118738],
+              [98.858728, 33.150811],
+              [98.804526, 33.219428],
+              [98.802062, 33.270481],
+              [98.759562, 33.276985],
+              [98.779888, 33.370497],
+              [98.736157, 33.406975],
+              [98.742316, 33.477887],
+              [98.725686, 33.503341],
+              [98.678258, 33.522801],
+              [98.648077, 33.548741],
+              [98.652389, 33.595114],
+              [98.622824, 33.610067],
+              [98.61728, 33.637476],
+              [98.6567, 33.64744],
+              [98.610505, 33.682805],
+              [98.582788, 33.731595],
+              [98.539672, 33.746525],
+              [98.51873, 33.77389],
+              [98.494092, 33.768915],
+              [98.492861, 33.796272],
+              [98.463295, 33.848477],
+              [98.434962, 33.843009],
+              [98.407245, 33.867362],
+              [98.425723, 33.913066],
+              [98.415252, 33.956761],
+              [98.440506, 33.981577],
+              [98.428187, 34.029204],
+              [98.396774, 34.053008],
+              [98.399854, 34.085231],
+              [98.344419, 34.094648],
+              [98.258188, 34.083249],
+              [98.206449, 34.08424],
+              [98.158405, 34.107037],
+              [98.098043, 34.122892],
+              [98.028442, 34.122892],
+              [97.95453, 34.190739],
+              [97.898479, 34.209548],
+              [97.8104, 34.207568],
+              [97.796849, 34.199154],
+              [97.796849, 34.199154],
+              [97.789458, 34.182818],
+              [97.789458, 34.182818],
+              [97.766668, 34.158555],
+              [97.665654, 34.126855],
+              [97.70261, 34.036644],
+              [97.652719, 33.998448],
+              [97.660111, 33.956264],
+              [97.629314, 33.919523],
+              [97.601596, 33.929951],
+              [97.52214, 33.903133],
+              [97.503662, 33.912073],
+              [97.460546, 33.887236],
+              [97.395257, 33.889224],
+              [97.398336, 33.848477],
+              [97.371851, 33.842015],
+              [97.373083, 33.817655],
+              [97.406344, 33.795278],
+              [97.422974, 33.754984],
+              [97.418046, 33.728608],
+              [97.435293, 33.682307],
+              [97.415583, 33.605582],
+              [97.450075, 33.582152],
+              [97.523372, 33.577166],
+              [97.511669, 33.520805],
+              [97.552321, 33.465906],
+              [97.625618, 33.461412],
+              [97.674893, 33.432949],
+              [97.754349, 33.409972],
+              [97.676125, 33.341004],
+              [97.622538, 33.337005],
+              [97.607756, 33.263976],
+              [97.548626, 33.203907],
+              [97.487648, 33.168346],
+              [97.498119, 33.137783],
+              [97.487032, 33.107209],
+              [97.517213, 33.097683],
+              [97.542466, 33.035995],
+              [97.499966, 33.011408],
+              [97.523988, 32.988822],
+              [97.438372, 32.976271],
+              [97.375547, 32.956689],
+              [97.347829, 32.895907],
+              [97.376163, 32.886359],
+              [97.392793, 32.828546],
+              [97.386018, 32.77925],
+              [97.429133, 32.714318],
+              [97.42359, 32.70475],
+              [97.48272, 32.654377],
+              [97.535075, 32.638252],
+              [97.543698, 32.62162],
+              [97.607756, 32.614059],
+              [97.616995, 32.586329],
+              [97.700763, 32.53488],
+              [97.730944, 32.527312],
+              [97.795617, 32.521257],
+              [97.80732, 32.50006],
+              [97.863986, 32.499051],
+              [97.880001, 32.486431],
+              [97.940363, 32.482393],
+              [98.079565, 32.415224],
+              [98.107283, 32.391476],
+              [98.125145, 32.401077],
+              [98.218768, 32.342444],
+              [98.208913, 32.318171],
+              [98.23047, 32.262521],
+              [98.218768, 32.234683],
+              [98.260035, 32.208862],
+              [98.303151, 32.121726],
+              [98.357354, 32.087253],
+              [98.404781, 32.045159],
+              [98.402933, 32.026896],
+              [98.434962, 32.007613],
+              [98.432498, 31.922825],
+              [98.399238, 31.895899],
+              [98.426339, 31.856767],
+              [98.414636, 31.832365],
+              [98.461448, 31.800327],
+              [98.508875, 31.751995],
+              [98.516882, 31.717383],
+              [98.545831, 31.717383],
+              [98.553839, 31.660349],
+              [98.619128, 31.591555],
+              [98.651157, 31.57881],
+              [98.696736, 31.538523],
+              [98.714599, 31.508935],
+              [98.844562, 31.429817],
+              [98.84333, 31.416028],
+              [98.887062, 31.37465],
+              [98.810685, 31.306668],
+              [98.805758, 31.279052],
+              [98.773113, 31.249382],
+              [98.691809, 31.333253],
+              [98.643766, 31.338876],
+              [98.616048, 31.3036],
+              [98.60373, 31.257568],
+              [98.62344, 31.221238],
+              [98.602498, 31.192062],
+              [98.675179, 31.15417],
+              [98.710287, 31.1178],
+              [98.712135, 31.082954],
+              [98.736772, 31.049121],
+              [98.774961, 31.031174],
+              [98.806374, 30.995783],
+              [98.797135, 30.948575],
+              [98.774345, 30.908019],
+              [98.797135, 30.87926],
+              [98.850105, 30.849465],
+              [98.904924, 30.782649],
+              [98.957895, 30.765166],
+              [98.963438, 30.728134],
+              [98.907388, 30.698292],
+              [98.92217, 30.609225],
+              [98.939417, 30.598923],
+              [98.926482, 30.569556],
+              [98.932025, 30.521623],
+              [98.965286, 30.449937],
+              [98.967134, 30.33482],
+              [98.986844, 30.280569],
+              [98.970829, 30.260928],
+              [98.993003, 30.215429],
+              [98.9813, 30.182843],
+              [98.989308, 30.151799],
+              [99.044742, 30.079842],
+              [99.036735, 30.053945],
+              [99.055213, 29.958587],
+              [99.068148, 29.931621],
+              [99.0238, 29.846009],
+              [99.018873, 29.792009],
+              [98.992387, 29.677163],
+              [99.014561, 29.607464],
+              [99.052133, 29.563748],
+              [99.044742, 29.520013],
+              [99.066916, 29.421018],
+              [99.058909, 29.417368],
+              [99.075539, 29.316186],
+              [99.114343, 29.243628],
+              [99.113727, 29.221171],
+              [99.105104, 29.162656],
+              [99.118039, 29.100971],
+              [99.113727, 29.07273],
+              [99.132206, 28.94869],
+              [99.123582, 28.890021],
+              [99.103872, 28.841803],
+              [99.114343, 28.765763],
+              [99.134053, 28.734806],
+              [99.126662, 28.698066],
+              [99.147604, 28.640831],
+              [99.183944, 28.58882],
+              [99.170394, 28.566221],
+              [99.191952, 28.494714],
+              [99.187024, 28.44],
+              [99.16485, 28.425264],
+              [99.200575, 28.365774],
+              [99.229524, 28.350502],
+              [99.237531, 28.317842],
+              [99.28927, 28.286227],
+              [99.306516, 28.227714],
+              [99.374886, 28.18183],
+              [99.412458, 28.295186],
+              [99.392748, 28.318369],
+              [99.437095, 28.398419],
+              [99.404451, 28.44421],
+              [99.426625, 28.454207],
+              [99.396444, 28.491032],
+              [99.403219, 28.546246],
+              [99.463581, 28.549401],
+              [99.466045, 28.579886],
+              [99.504233, 28.619294],
+              [99.540573, 28.623497],
+              [99.53195, 28.677591],
+              [99.553508, 28.710664],
+              [99.614486, 28.740054],
+              [99.609559, 28.784122],
+              [99.625573, 28.81454],
+              [99.676696, 28.810345],
+              [99.717964, 28.846521],
+              [99.722275, 28.757369],
+              [99.755536, 28.701216],
+              [99.79434, 28.699116],
+              [99.834992, 28.660788],
+              [99.834376, 28.628225],
+              [99.873181, 28.631902],
+              [99.875644, 28.611939],
+              [99.91876, 28.599329],
+              [99.985281, 28.529422],
+              [99.990209, 28.47683],
+              [100.073977, 28.426317],
+              [100.057346, 28.368934],
+              [100.136803, 28.349975],
+              [100.176223, 28.325218],
+              [100.147274, 28.288862],
+              [100.188541, 28.252493],
+              [100.153433, 28.208202],
+              [100.102926, 28.201873],
+              [100.091223, 28.181302],
+              [100.062274, 28.193962],
+              [100.033325, 28.184467],
+              [100.021006, 28.147008],
+              [100.05673, 28.097922],
+              [100.088759, 28.029269],
+              [100.120788, 28.018703],
+              [100.196549, 27.936254],
+              [100.170063, 27.907699],
+              [100.210715, 27.87702],
+              [100.30865, 27.861149],
+              [100.30865, 27.830457],
+              [100.28586, 27.80611],
+              [100.304954, 27.788639],
+              [100.311729, 27.724028],
+              [100.327744, 27.72032],
+              [100.350534, 27.755809],
+              [100.412127, 27.816167],
+              [100.442924, 27.86644],
+              [100.504518, 27.852154],
+              [100.511294, 27.827811],
+              [100.54517, 27.809286],
+              [100.609228, 27.859033],
+              [100.634482, 27.915631],
+              [100.681293, 27.923035],
+              [100.719481, 27.858503],
+              [100.707162, 27.800816],
+              [100.757053, 27.770107],
+              [100.775532, 27.743098],
+              [100.782307, 27.691708],
+              [100.848212, 27.672099],
+              [100.827886, 27.615904],
+              [100.854988, 27.623858],
+              [100.91227, 27.521473],
+              [100.901183, 27.453517],
+              [100.936908, 27.469448],
+              [100.95169, 27.426961],
+              [101.021907, 27.332899],
+              [101.026219, 27.270679],
+              [101.042233, 27.22173],
+              [101.071798, 27.194585],
+              [101.119226, 27.208957],
+              [101.167885, 27.198311],
+              [101.167885, 27.198311]
+            ]
+          ],
+          [
+            [
+              [106.264167, 30.20974],
+              [106.260471, 30.207672],
+              [106.260471, 30.204051],
+              [106.260471, 30.19681],
+              [106.264167, 30.20974]
+            ]
+          ],
+          [
+            [
+              [106.976809, 30.088127],
+              [106.975577, 30.088127],
+              [106.976193, 30.083467],
+              [106.981736, 30.08502],
+              [106.980504, 30.087609],
+              [106.979888, 30.088127],
+              [106.978656, 30.087609],
+              [106.977425, 30.087609],
+              [106.976809, 30.088127]
+            ]
+          ],
+          [
+            [
+              [105.558916, 30.18543],
+              [105.556453, 30.187499],
+              [105.550909, 30.179222],
+              [105.56138, 30.183878],
+              [105.558916, 30.18543]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 520000,
+        "name": "贵州省",
+        "center": [106.713478, 26.578343],
+        "centroid": [106.880455, 26.826368],
+        "childrenNum": 9,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 23,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [109.274262, 28.494714],
+              [109.23361, 28.474726],
+              [109.191726, 28.471043],
+              [109.153538, 28.417369],
+              [109.152306, 28.349975],
+              [109.117198, 28.277795],
+              [109.081473, 28.247749],
+              [109.101799, 28.202401],
+              [109.086401, 28.184467],
+              [109.026655, 28.220331],
+              [109.005713, 28.162837],
+              [108.929952, 28.19027],
+              [108.923793, 28.217167],
+              [108.89546, 28.219804],
+              [108.855424, 28.199764],
+              [108.821547, 28.245113],
+              [108.772888, 28.212949],
+              [108.738395, 28.228241],
+              [108.726692, 28.282011],
+              [108.761801, 28.304143],
+              [108.783359, 28.380518],
+              [108.759953, 28.389995],
+              [108.780279, 28.42579],
+              [108.746402, 28.45105],
+              [108.709446, 28.501026],
+              [108.700207, 28.48209],
+              [108.657091, 28.47683],
+              [108.640461, 28.456838],
+              [108.688504, 28.422106],
+              [108.697127, 28.401051],
+              [108.656475, 28.359981],
+              [108.667562, 28.334173],
+              [108.611512, 28.324691],
+              [108.580099, 28.343128],
+              [108.576403, 28.38631],
+              [108.609048, 28.407368],
+              [108.609664, 28.43579],
+              [108.586874, 28.463678],
+              [108.573939, 28.531],
+              [108.610896, 28.539412],
+              [108.604736, 28.590922],
+              [108.636149, 28.621396],
+              [108.575787, 28.659738],
+              [108.50249, 28.63768],
+              [108.501258, 28.626649],
+              [108.439049, 28.634003],
+              [108.332491, 28.679166],
+              [108.347274, 28.736381],
+              [108.385462, 28.772058],
+              [108.386078, 28.803003],
+              [108.352817, 28.815589],
+              [108.346658, 28.859625],
+              [108.357745, 28.893165],
+              [108.345426, 28.943453],
+              [108.319556, 28.961258],
+              [108.297999, 29.045527],
+              [108.306622, 29.079006],
+              [108.277673, 29.091558],
+              [108.256115, 29.040295],
+              [108.193289, 29.072207],
+              [108.150173, 29.053375],
+              [108.070717, 29.086328],
+              [108.026369, 29.039772],
+              [107.925971, 29.032446],
+              [107.908725, 29.007327],
+              [107.882855, 29.00628],
+              [107.867457, 28.960211],
+              [107.810175, 28.984295],
+              [107.823725, 29.034016],
+              [107.784921, 29.048143],
+              [107.810791, 29.139137],
+              [107.749197, 29.199754],
+              [107.700537, 29.141228],
+              [107.659885, 29.162656],
+              [107.605683, 29.164747],
+              [107.589052, 29.150113],
+              [107.570574, 29.218037],
+              [107.486806, 29.174153],
+              [107.441227, 29.203934],
+              [107.401807, 29.184603],
+              [107.408582, 29.138091],
+              [107.427676, 29.128682],
+              [107.412278, 29.094696],
+              [107.369778, 29.091558],
+              [107.395647, 29.041341],
+              [107.364235, 29.00942],
+              [107.396879, 28.993718],
+              [107.412894, 28.960211],
+              [107.441227, 28.943977],
+              [107.41351, 28.911502],
+              [107.383945, 28.848618],
+              [107.339597, 28.845997],
+              [107.327894, 28.810869],
+              [107.261373, 28.792514],
+              [107.24659, 28.76209],
+              [107.219489, 28.772582],
+              [107.210866, 28.817686],
+              [107.227496, 28.836037],
+              [107.194851, 28.838134],
+              [107.206554, 28.868535],
+              [107.14188, 28.887925],
+              [107.016229, 28.882685],
+              [107.019308, 28.861722],
+              [106.983584, 28.851239],
+              [106.988512, 28.776254],
+              [106.951555, 28.766812],
+              [106.923222, 28.809821],
+              [106.872099, 28.777304],
+              [106.845614, 28.780975],
+              [106.824056, 28.756319],
+              [106.86594, 28.690192],
+              [106.889345, 28.695966],
+              [106.866556, 28.624548],
+              [106.830831, 28.623497],
+              [106.807425, 28.589346],
+              [106.784636, 28.626649],
+              [106.756918, 28.607211],
+              [106.77786, 28.563068],
+              [106.73844, 28.554657],
+              [106.726121, 28.51838],
+              [106.747063, 28.467361],
+              [106.708259, 28.450524],
+              [106.697788, 28.47683],
+              [106.632499, 28.503655],
+              [106.564745, 28.485247],
+              [106.567825, 28.523638],
+              [106.615252, 28.549401],
+              [106.606629, 28.593024],
+              [106.63681, 28.622972],
+              [106.618332, 28.645033],
+              [106.651593, 28.649235],
+              [106.617716, 28.66709],
+              [106.6171, 28.691242],
+              [106.587535, 28.691767],
+              [106.56105, 28.719062],
+              [106.561666, 28.756319],
+              [106.474202, 28.832891],
+              [106.45326, 28.817162],
+              [106.461883, 28.761041],
+              [106.492064, 28.742153],
+              [106.528405, 28.677591],
+              [106.502535, 28.661313],
+              [106.49268, 28.591448],
+              [106.466811, 28.586193],
+              [106.504999, 28.544669],
+              [106.477282, 28.530474],
+              [106.403369, 28.569901],
+              [106.37442, 28.525742],
+              [106.379348, 28.479986],
+              [106.349167, 28.473674],
+              [106.304819, 28.505233],
+              [106.2925, 28.537309],
+              [106.254928, 28.539412],
+              [106.184711, 28.58882],
+              [106.17116, 28.629275],
+              [106.14837, 28.642932],
+              [106.103407, 28.636104],
+              [106.085544, 28.681792],
+              [106.030726, 28.694917],
+              [106.001161, 28.743727],
+              [105.966668, 28.761041],
+              [105.937719, 28.686517],
+              [105.889676, 28.670765],
+              [105.884748, 28.595126],
+              [105.808372, 28.599855],
+              [105.78435, 28.610889],
+              [105.757249, 28.590397],
+              [105.74493, 28.616668],
+              [105.712901, 28.586718],
+              [105.693191, 28.58882],
+              [105.68272, 28.534154],
+              [105.62359, 28.517854],
+              [105.612503, 28.438947],
+              [105.643916, 28.431053],
+              [105.655003, 28.362615],
+              [105.639604, 28.324164],
+              [105.68888, 28.284119],
+              [105.730147, 28.271997],
+              [105.737539, 28.30309],
+              [105.76464, 28.308359],
+              [105.76464, 28.308359],
+              [105.78743, 28.335753],
+              [105.824386, 28.306251],
+              [105.848408, 28.255656],
+              [105.889676, 28.237732],
+              [105.860727, 28.159672],
+              [105.895219, 28.119565],
+              [105.943878, 28.143314],
+              [105.975907, 28.107952],
+              [106.093552, 28.162837],
+              [106.145291, 28.162837],
+              [106.206885, 28.134343],
+              [106.266631, 28.066769],
+              [106.246305, 28.011835],
+              [106.286341, 28.007079],
+              [106.328225, 27.952643],
+              [106.307899, 27.936782],
+              [106.304819, 27.899237],
+              [106.325145, 27.898708],
+              [106.337464, 27.859033],
+              [106.306667, 27.808756],
+              [106.242609, 27.767459],
+              [106.193334, 27.75422],
+              [106.120653, 27.779638],
+              [106.063987, 27.776991],
+              [106.023335, 27.746805],
+              [105.985146, 27.749983],
+              [105.92848, 27.729855],
+              [105.922937, 27.746805],
+              [105.868118, 27.732504],
+              [105.848408, 27.707074],
+              [105.76772, 27.7182],
+              [105.722756, 27.706015],
+              [105.720292, 27.683759],
+              [105.664242, 27.683759],
+              [105.62359, 27.666269],
+              [105.605112, 27.715552],
+              [105.560148, 27.71979],
+              [105.508409, 27.769048],
+              [105.44004, 27.775402],
+              [105.353809, 27.748924],
+              [105.308229, 27.704955],
+              [105.29591, 27.631811],
+              [105.304533, 27.611661],
+              [105.25649, 27.582491],
+              [105.232469, 27.546945],
+              [105.260186, 27.514573],
+              [105.234316, 27.489093],
+              [105.233084, 27.436522],
+              [105.182577, 27.367451],
+              [105.184425, 27.392959],
+              [105.120984, 27.418461],
+              [105.068013, 27.418461],
+              [105.01073, 27.379143],
+              [104.913412, 27.327051],
+              [104.871528, 27.290891],
+              [104.851818, 27.299401],
+              [104.856746, 27.332368],
+              [104.824717, 27.3531],
+              [104.77113, 27.317481],
+              [104.7545, 27.345658],
+              [104.611602, 27.306846],
+              [104.570334, 27.331836],
+              [104.539537, 27.327583],
+              [104.497037, 27.414743],
+              [104.467472, 27.414211],
+              [104.363378, 27.467855],
+              [104.30856, 27.407305],
+              [104.295625, 27.37436],
+              [104.247582, 27.336621],
+              [104.248813, 27.291955],
+              [104.210625, 27.297273],
+              [104.173053, 27.263232],
+              [104.113923, 27.338216],
+              [104.084358, 27.330773],
+              [104.01722, 27.383926],
+              [104.015372, 27.429086],
+              [103.956242, 27.425367],
+              [103.932221, 27.443958],
+              [103.905119, 27.38552],
+              [103.903271, 27.347785],
+              [103.874322, 27.331304],
+              [103.865699, 27.28185],
+              [103.80041, 27.26536],
+              [103.801641, 27.250464],
+              [103.748671, 27.210021],
+              [103.696316, 27.126429],
+              [103.63349, 27.12057],
+              [103.620555, 27.096598],
+              [103.652584, 27.092868],
+              [103.659975, 27.065692],
+              [103.614396, 27.079548],
+              [103.601461, 27.061962],
+              [103.623635, 27.035312],
+              [103.623019, 27.007056],
+              [103.675374, 27.051836],
+              [103.704939, 27.049171],
+              [103.73204, 27.018785],
+              [103.753598, 26.963858],
+              [103.775156, 26.951056],
+              [103.763453, 26.905702],
+              [103.779468, 26.87421],
+              [103.722185, 26.851253],
+              [103.705555, 26.794642],
+              [103.725265, 26.742812],
+              [103.773308, 26.716621],
+              [103.759142, 26.689355],
+              [103.748671, 26.623568],
+              [103.763453, 26.585041],
+              [103.815808, 26.55239],
+              [103.819504, 26.529903],
+              [103.865699, 26.512232],
+              [103.953163, 26.521336],
+              [104.008597, 26.511697],
+              [104.067727, 26.51491],
+              [104.068343, 26.573266],
+              [104.121314, 26.638012],
+              [104.160734, 26.646571],
+              [104.222328, 26.620358],
+              [104.268524, 26.617683],
+              [104.274683, 26.633733],
+              [104.313487, 26.612867],
+              [104.353523, 26.620893],
+              [104.398487, 26.686147],
+              [104.424356, 26.709137],
+              [104.468088, 26.644431],
+              [104.459465, 26.602701],
+              [104.488414, 26.579689],
+              [104.556783, 26.590393],
+              [104.579573, 26.568449],
+              [104.57095, 26.524549],
+              [104.598667, 26.520801],
+              [104.638703, 26.477954],
+              [104.631928, 26.451702],
+              [104.665804, 26.434019],
+              [104.664572, 26.397572],
+              [104.684283, 26.3772],
+              [104.659645, 26.335373],
+              [104.592508, 26.317672],
+              [104.542616, 26.253282],
+              [104.548776, 26.226979],
+              [104.518595, 26.165762],
+              [104.52845, 26.114186],
+              [104.499501, 26.070651],
+              [104.460081, 26.085702],
+              [104.470552, 26.009352],
+              [104.438523, 25.92757],
+              [104.414501, 25.909807],
+              [104.441602, 25.868889],
+              [104.42374, 25.841961],
+              [104.397871, 25.76168],
+              [104.370769, 25.730415],
+              [104.328886, 25.760602],
+              [104.310407, 25.647901],
+              [104.332581, 25.598796],
+              [104.389248, 25.595558],
+              [104.428668, 25.576126],
+              [104.436059, 25.520512],
+              [104.418813, 25.499447],
+              [104.434827, 25.472436],
+              [104.44961, 25.495126],
+              [104.483486, 25.494585],
+              [104.524138, 25.526992],
+              [104.556783, 25.524832],
+              [104.543232, 25.400556],
+              [104.566638, 25.402719],
+              [104.615913, 25.364871],
+              [104.646094, 25.356759],
+              [104.639935, 25.295632],
+              [104.689826, 25.296173],
+              [104.736021, 25.268034],
+              [104.816094, 25.262622],
+              [104.826565, 25.235558],
+              [104.806854, 25.224189],
+              [104.822869, 25.170037],
+              [104.801927, 25.163537],
+              [104.753884, 25.214443],
+              [104.724319, 25.195491],
+              [104.732326, 25.167871],
+              [104.695369, 25.122364],
+              [104.685514, 25.078466],
+              [104.619609, 25.060577],
+              [104.684898, 25.054072],
+              [104.713232, 24.996048],
+              [104.663957, 24.964584],
+              [104.635623, 24.903803],
+              [104.586964, 24.872859],
+              [104.539537, 24.813663],
+              [104.542616, 24.75607],
+              [104.529682, 24.731611],
+              [104.595587, 24.709323],
+              [104.628848, 24.660927],
+              [104.703377, 24.645698],
+              [104.729246, 24.617953],
+              [104.771746, 24.659839],
+              [104.841963, 24.676155],
+              [104.865985, 24.730524],
+              [104.899245, 24.752809],
+              [105.03352, 24.787586],
+              [105.026745, 24.815836],
+              [105.039064, 24.872859],
+              [105.077868, 24.918459],
+              [105.09573, 24.92877],
+              [105.131454, 24.959701],
+              [105.157324, 24.958616],
+              [105.178266, 24.985199],
+              [105.212758, 24.995505],
+              [105.251563, 24.967296],
+              [105.267577, 24.929313],
+              [105.334099, 24.9266],
+              [105.365511, 24.943423],
+              [105.428337, 24.930941],
+              [105.457286, 24.87123],
+              [105.493011, 24.833217],
+              [105.497322, 24.809318],
+              [105.573083, 24.797366],
+              [105.607576, 24.803885],
+              [105.617431, 24.78161],
+              [105.70551, 24.768569],
+              [105.767104, 24.719109],
+              [105.827466, 24.702799],
+              [105.863806, 24.729437],
+              [105.942031, 24.725088],
+              [105.961741, 24.677786],
+              [106.024566, 24.633186],
+              [106.047356, 24.684312],
+              [106.113878, 24.714216],
+              [106.150218, 24.762591],
+              [106.173008, 24.760417],
+              [106.206269, 24.851139],
+              [106.197645, 24.885889],
+              [106.145291, 24.954275],
+              [106.191486, 24.95319],
+              [106.215508, 24.981944],
+              [106.253696, 24.971094],
+              [106.304819, 24.973807],
+              [106.332536, 24.988454],
+              [106.442173, 25.019369],
+              [106.450181, 25.033468],
+              [106.519782, 25.054072],
+              [106.551195, 25.082802],
+              [106.590615, 25.08768],
+              [106.63989, 25.132658],
+              [106.644817, 25.164621],
+              [106.691013, 25.179245],
+              [106.732281, 25.162454],
+              [106.764926, 25.183036],
+              [106.787715, 25.17112],
+              [106.853005, 25.186827],
+              [106.888113, 25.181953],
+              [106.904128, 25.231768],
+              [106.933077, 25.250714],
+              [106.975577, 25.232851],
+              [107.013765, 25.275611],
+              [107.012533, 25.352973],
+              [106.987896, 25.358922],
+              [106.963874, 25.437852],
+              [106.996519, 25.442716],
+              [107.015613, 25.495666],
+              [107.066736, 25.50917],
+              [107.064272, 25.559391],
+              [107.185612, 25.578825],
+              [107.205322, 25.607971],
+              [107.228728, 25.604733],
+              [107.232423, 25.556691],
+              [107.263836, 25.543193],
+              [107.336517, 25.461089],
+              [107.308184, 25.432988],
+              [107.318039, 25.401637],
+              [107.358691, 25.393528],
+              [107.375937, 25.411908],
+              [107.420901, 25.392987],
+              [107.409198, 25.347024],
+              [107.432604, 25.289139],
+              [107.481263, 25.299961],
+              [107.489886, 25.276693],
+              [107.472024, 25.213902],
+              [107.512676, 25.209029],
+              [107.576734, 25.256668],
+              [107.599523, 25.250714],
+              [107.632168, 25.310241],
+              [107.659885, 25.316192],
+              [107.661733, 25.258833],
+              [107.696226, 25.219858],
+              [107.700537, 25.194408],
+              [107.741805, 25.24043],
+              [107.762131, 25.229061],
+              [107.760283, 25.188451],
+              [107.789233, 25.15487],
+              [107.762747, 25.125073],
+              [107.839124, 25.115861],
+              [107.872384, 25.141327],
+              [107.928435, 25.155954],
+              [108.001732, 25.196574],
+              [108.080572, 25.193867],
+              [108.115065, 25.210112],
+              [108.143398, 25.269658],
+              [108.152021, 25.324306],
+              [108.142782, 25.390825],
+              [108.193289, 25.405421],
+              [108.162492, 25.444878],
+              [108.192673, 25.458928],
+              [108.251803, 25.430286],
+              [108.241332, 25.46217],
+              [108.280752, 25.48],
+              [108.308469, 25.525912],
+              [108.348506, 25.536173],
+              [108.359592, 25.513491],
+              [108.400244, 25.491344],
+              [108.418723, 25.443257],
+              [108.471693, 25.458928],
+              [108.585642, 25.365952],
+              [108.589338, 25.335125],
+              [108.625062, 25.308076],
+              [108.62999, 25.335666],
+              [108.600425, 25.432448],
+              [108.6072, 25.491885],
+              [108.634917, 25.520512],
+              [108.68912, 25.533473],
+              [108.658323, 25.550212],
+              [108.660787, 25.584763],
+              [108.68604, 25.587462],
+              [108.68912, 25.623081],
+              [108.724844, 25.634952],
+              [108.783975, 25.628477],
+              [108.799989, 25.576666],
+              [108.781511, 25.554531],
+              [108.814772, 25.526992],
+              [108.826474, 25.550212],
+              [108.890532, 25.556151],
+              [108.8893, 25.543193],
+              [108.949046, 25.557231],
+              [109.024807, 25.51241],
+              [109.088249, 25.550752],
+              [109.051908, 25.566949],
+              [109.030966, 25.629556],
+              [109.075314, 25.693749],
+              [109.07901, 25.72071],
+              [109.043285, 25.738502],
+              [109.007561, 25.734728],
+              [108.953974, 25.686738],
+              [108.953974, 25.686738],
+              [108.900387, 25.682423],
+              [108.896076, 25.71424],
+              [108.940423, 25.740119],
+              [108.963829, 25.732572],
+              [108.999553, 25.765453],
+              [108.989698, 25.778926],
+              [109.048213, 25.790781],
+              [109.077778, 25.776771],
+              [109.095024, 25.80533],
+              [109.143683, 25.795092],
+              [109.13198, 25.762758],
+              [109.147995, 25.741736],
+              [109.206509, 25.788087],
+              [109.207125, 25.740119],
+              [109.296436, 25.71424],
+              [109.340168, 25.731493],
+              [109.327849, 25.76168],
+              [109.339552, 25.83442],
+              [109.359262, 25.836036],
+              [109.396834, 25.900117],
+              [109.435022, 25.93349],
+              [109.408537, 25.967392],
+              [109.473211, 26.006663],
+              [109.48245, 26.029788],
+              [109.452885, 26.055598],
+              [109.449805, 26.101826],
+              [109.502776, 26.096451],
+              [109.513863, 26.128157],
+              [109.47629, 26.148035],
+              [109.439334, 26.238789],
+              [109.467051, 26.313917],
+              [109.442414, 26.289774],
+              [109.369733, 26.277432],
+              [109.351255, 26.264016],
+              [109.325385, 26.29031],
+              [109.285965, 26.295676],
+              [109.271183, 26.327863],
+              [109.29582, 26.350389],
+              [109.319842, 26.418477],
+              [109.38082, 26.454381],
+              [109.362342, 26.472061],
+              [109.385747, 26.493487],
+              [109.381436, 26.518659],
+              [109.407305, 26.533116],
+              [109.390675, 26.598955],
+              [109.35495, 26.658873],
+              [109.334008, 26.646036],
+              [109.306291, 26.661012],
+              [109.283501, 26.698445],
+              [109.35495, 26.693098],
+              [109.407305, 26.719829],
+              [109.447957, 26.759913],
+              [109.486761, 26.759913],
+              [109.47629, 26.829894],
+              [109.467051, 26.83203],
+              [109.452885, 26.861932],
+              [109.436254, 26.892359],
+              [109.555131, 26.946788],
+              [109.520022, 27.058764],
+              [109.497848, 27.079548],
+              [109.486761, 27.053968],
+              [109.454733, 27.069423],
+              [109.472595, 27.134951],
+              [109.441182, 27.117907],
+              [109.415312, 27.154123],
+              [109.358646, 27.153058],
+              [109.33524, 27.139212],
+              [109.264407, 27.131755],
+              [109.239154, 27.14933],
+              [109.21698, 27.114711],
+              [109.165857, 27.066758],
+              [109.101183, 27.06889],
+              [109.128901, 27.122701],
+              [109.032814, 27.104056],
+              [109.007561, 27.08008],
+              [108.940423, 27.044907],
+              [108.942887, 27.017186],
+              [108.942887, 27.017186],
+              [108.877597, 27.01612],
+              [108.79075, 27.084343],
+              [108.878829, 27.106187],
+              [108.926873, 27.160512],
+              [108.907778, 27.204699],
+              [108.963213, 27.235565],
+              [108.983539, 27.26802],
+              [109.053756, 27.293551],
+              [109.044517, 27.331304],
+              [109.103647, 27.336621],
+              [109.142451, 27.418461],
+              [109.141835, 27.448207],
+              [109.167089, 27.41793],
+              [109.202197, 27.450331],
+              [109.245313, 27.41793],
+              [109.300132, 27.423774],
+              [109.303211, 27.47582],
+              [109.404841, 27.55066],
+              [109.461508, 27.567637],
+              [109.451037, 27.586204],
+              [109.470131, 27.62863],
+              [109.45658, 27.673689],
+              [109.470747, 27.680049],
+              [109.414081, 27.725087],
+              [109.366653, 27.721909],
+              [109.37774, 27.736741],
+              [109.332777, 27.782815],
+              [109.346943, 27.838396],
+              [109.32169, 27.868027],
+              [109.30198, 27.956343],
+              [109.319842, 27.988585],
+              [109.362342, 28.007608],
+              [109.378972, 28.034551],
+              [109.335856, 28.063073],
+              [109.298284, 28.036136],
+              [109.314298, 28.103729],
+              [109.33832, 28.141731],
+              [109.340168, 28.19027],
+              [109.367885, 28.254602],
+              [109.388211, 28.268307],
+              [109.33524, 28.293605],
+              [109.317994, 28.277795],
+              [109.275494, 28.313101],
+              [109.268719, 28.33786],
+              [109.289045, 28.373673],
+              [109.264407, 28.392628],
+              [109.260712, 28.46473],
+              [109.274262, 28.494714]
+            ]
+          ],
+          [
+            [
+              [109.47629, 26.829894],
+              [109.486761, 26.759913],
+              [109.52187, 26.749226],
+              [109.522486, 26.749226],
+              [109.497232, 26.815474],
+              [109.513247, 26.84004],
+              [109.509551, 26.877947],
+              [109.486761, 26.895562],
+              [109.452885, 26.861932],
+              [109.467051, 26.83203],
+              [109.47629, 26.829894]
+            ]
+          ],
+          [
+            [
+              [109.528645, 26.743881],
+              [109.568065, 26.726243],
+              [109.597015, 26.756173],
+              [109.554515, 26.73533],
+              [109.528645, 26.743881]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 530000,
+        "name": "云南省",
+        "center": [102.712251, 25.040609],
+        "centroid": [101.485106, 25.008643],
+        "childrenNum": 16,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 24,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [105.308229, 27.704955],
+              [105.290367, 27.712373],
+              [105.293447, 27.770637],
+              [105.273736, 27.794992],
+              [105.313157, 27.810874],
+              [105.25957, 27.827811],
+              [105.233084, 27.895534],
+              [105.284823, 27.935725],
+              [105.270657, 27.99704],
+              [105.247867, 28.009193],
+              [105.218302, 27.990698],
+              [105.186273, 27.995454],
+              [105.167795, 28.021345],
+              [105.186889, 28.054623],
+              [105.168411, 28.071522],
+              [105.119752, 28.07205],
+              [105.061853, 28.096866],
+              [105.002107, 28.064129],
+              [104.980549, 28.063073],
+              [104.975006, 28.020816],
+              [104.903557, 27.962158],
+              [104.918339, 27.938897],
+              [104.888158, 27.914574],
+              [104.842579, 27.900294],
+              [104.796999, 27.901352],
+              [104.761891, 27.884426],
+              [104.743413, 27.901881],
+              [104.676275, 27.880723],
+              [104.63316, 27.850567],
+              [104.607906, 27.857974],
+              [104.573413, 27.840512],
+              [104.52537, 27.889187],
+              [104.508124, 27.878078],
+              [104.44961, 27.927794],
+              [104.40095, 27.952114],
+              [104.362762, 28.012891],
+              [104.30856, 28.036136],
+              [104.304248, 28.050926],
+              [104.373233, 28.051454],
+              [104.40095, 28.091586],
+              [104.448994, 28.113758],
+              [104.444682, 28.16231],
+              [104.406494, 28.173389],
+              [104.402182, 28.202928],
+              [104.442834, 28.211366],
+              [104.462544, 28.241422],
+              [104.44961, 28.269889],
+              [104.420045, 28.269889],
+              [104.392943, 28.291497],
+              [104.384936, 28.329959],
+              [104.343052, 28.334173],
+              [104.314103, 28.306778],
+              [104.282074, 28.343128],
+              [104.254357, 28.403683],
+              [104.267908, 28.499448],
+              [104.260516, 28.536257],
+              [104.323342, 28.540989],
+              [104.355987, 28.555183],
+              [104.375697, 28.5946],
+              [104.417581, 28.598279],
+              [104.425588, 28.626649],
+              [104.372617, 28.649235],
+              [104.314719, 28.615617],
+              [104.277147, 28.631902],
+              [104.252509, 28.660788],
+              [104.230951, 28.635579],
+              [104.170589, 28.642932],
+              [104.117618, 28.634003],
+              [104.09606, 28.603533],
+              [104.05972, 28.6277],
+              [103.953779, 28.600906],
+              [103.910047, 28.631377],
+              [103.887873, 28.61982],
+              [103.850917, 28.66709],
+              [103.833054, 28.605109],
+              [103.838598, 28.587244],
+              [103.802873, 28.563068],
+              [103.781931, 28.525216],
+              [103.829975, 28.459995],
+              [103.828743, 28.44],
+              [103.860156, 28.383677],
+              [103.85338, 28.356822],
+              [103.877402, 28.316262],
+              [103.828743, 28.285173],
+              [103.770845, 28.233514],
+              [103.740048, 28.23615],
+              [103.701859, 28.198709],
+              [103.692004, 28.232459],
+              [103.643961, 28.260401],
+              [103.573128, 28.230877],
+              [103.533092, 28.168641],
+              [103.470266, 28.122204],
+              [103.430846, 28.044587],
+              [103.459179, 28.021345],
+              [103.486281, 28.033495],
+              [103.515846, 27.965329],
+              [103.55465, 27.978543],
+              [103.502295, 27.910343],
+              [103.509686, 27.843687],
+              [103.487512, 27.794992],
+              [103.461027, 27.779638],
+              [103.393274, 27.709194],
+              [103.369868, 27.708664],
+              [103.349542, 27.678459],
+              [103.29226, 27.632872],
+              [103.2861, 27.561802],
+              [103.232514, 27.56976],
+              [103.19063, 27.523596],
+              [103.144434, 27.450331],
+              [103.141355, 27.420586],
+              [103.080992, 27.396679],
+              [103.055739, 27.40943],
+              [102.989833, 27.367983],
+              [102.941174, 27.405711],
+              [102.899906, 27.317481],
+              [102.883892, 27.299401],
+              [102.883276, 27.258444],
+              [102.904218, 27.227584],
+              [102.913457, 27.133886],
+              [102.870957, 27.026782],
+              [102.894979, 27.001724],
+              [102.896211, 26.91264],
+              [102.949181, 26.843244],
+              [102.966428, 26.837904],
+              [102.991681, 26.775409],
+              [102.983674, 26.76686],
+              [103.008312, 26.710741],
+              [103.005232, 26.679195],
+              [103.026174, 26.664221],
+              [103.035413, 26.556673],
+              [103.052659, 26.555602],
+              [103.052659, 26.514374],
+              [103.030485, 26.485989],
+              [102.989833, 26.482775],
+              [102.988602, 26.413117],
+              [102.998457, 26.371839],
+              [102.975667, 26.340736],
+              [102.893131, 26.338591],
+              [102.878964, 26.364332],
+              [102.833385, 26.306406],
+              [102.785342, 26.298895],
+              [102.739762, 26.268846],
+              [102.709581, 26.210336],
+              [102.659074, 26.221611],
+              [102.60056, 26.250598],
+              [102.638748, 26.307479],
+              [102.629509, 26.336982],
+              [102.570995, 26.362723],
+              [102.542046, 26.338591],
+              [102.440416, 26.300505],
+              [102.392372, 26.296749],
+              [102.349257, 26.244694],
+              [102.245163, 26.212483],
+              [102.242699, 26.190468],
+              [102.174946, 26.146961],
+              [102.152156, 26.10935],
+              [102.107808, 26.068501],
+              [102.080091, 26.065275],
+              [102.020961, 26.096451],
+              [101.954439, 26.084627],
+              [101.929186, 26.105588],
+              [101.899621, 26.099139],
+              [101.857737, 26.049146],
+              [101.835563, 26.04592],
+              [101.839875, 26.082477],
+              [101.796759, 26.114723],
+              [101.807846, 26.156093],
+              [101.773353, 26.168448],
+              [101.737013, 26.219463],
+              [101.690202, 26.241473],
+              [101.630455, 26.224832],
+              [101.586108, 26.279579],
+              [101.597195, 26.303187],
+              [101.64031, 26.318745],
+              [101.660636, 26.346635],
+              [101.635383, 26.357361],
+              [101.637847, 26.388995],
+              [101.565782, 26.454381],
+              [101.530057, 26.467239],
+              [101.506652, 26.499915],
+              [101.458608, 26.49563],
+              [101.422884, 26.53151],
+              [101.395783, 26.591998],
+              [101.402558, 26.604841],
+              [101.461688, 26.606447],
+              [101.461072, 26.640687],
+              [101.481398, 26.673313],
+              [101.453065, 26.692563],
+              [101.513427, 26.768463],
+              [101.466, 26.786629],
+              [101.445674, 26.77434],
+              [101.458608, 26.731054],
+              [101.435819, 26.740675],
+              [101.389623, 26.723036],
+              [101.387159, 26.753501],
+              [101.358826, 26.771669],
+              [101.399478, 26.841642],
+              [101.365602, 26.883819],
+              [101.311399, 26.903034],
+              [101.267667, 26.903034],
+              [101.264587, 26.955323],
+              [101.227015, 26.959057],
+              [101.228863, 26.981992],
+              [101.136472, 27.023584],
+              [101.157414, 27.094999],
+              [101.145095, 27.103523],
+              [101.170349, 27.175421],
+              [101.167885, 27.198311],
+              [101.167885, 27.198311],
+              [101.119226, 27.208957],
+              [101.071798, 27.194585],
+              [101.042233, 27.22173],
+              [101.026219, 27.270679],
+              [101.021907, 27.332899],
+              [100.95169, 27.426961],
+              [100.936908, 27.469448],
+              [100.901183, 27.453517],
+              [100.91227, 27.521473],
+              [100.854988, 27.623858],
+              [100.827886, 27.615904],
+              [100.848212, 27.672099],
+              [100.782307, 27.691708],
+              [100.775532, 27.743098],
+              [100.757053, 27.770107],
+              [100.707162, 27.800816],
+              [100.719481, 27.858503],
+              [100.681293, 27.923035],
+              [100.634482, 27.915631],
+              [100.609228, 27.859033],
+              [100.54517, 27.809286],
+              [100.511294, 27.827811],
+              [100.504518, 27.852154],
+              [100.442924, 27.86644],
+              [100.412127, 27.816167],
+              [100.350534, 27.755809],
+              [100.327744, 27.72032],
+              [100.311729, 27.724028],
+              [100.304954, 27.788639],
+              [100.28586, 27.80611],
+              [100.30865, 27.830457],
+              [100.30865, 27.861149],
+              [100.210715, 27.87702],
+              [100.170063, 27.907699],
+              [100.196549, 27.936254],
+              [100.120788, 28.018703],
+              [100.088759, 28.029269],
+              [100.05673, 28.097922],
+              [100.021006, 28.147008],
+              [100.033325, 28.184467],
+              [100.062274, 28.193962],
+              [100.091223, 28.181302],
+              [100.102926, 28.201873],
+              [100.153433, 28.208202],
+              [100.188541, 28.252493],
+              [100.147274, 28.288862],
+              [100.176223, 28.325218],
+              [100.136803, 28.349975],
+              [100.057346, 28.368934],
+              [100.073977, 28.426317],
+              [99.990209, 28.47683],
+              [99.985281, 28.529422],
+              [99.91876, 28.599329],
+              [99.875644, 28.611939],
+              [99.873181, 28.631902],
+              [99.834376, 28.628225],
+              [99.834992, 28.660788],
+              [99.79434, 28.699116],
+              [99.755536, 28.701216],
+              [99.722275, 28.757369],
+              [99.717964, 28.846521],
+              [99.676696, 28.810345],
+              [99.625573, 28.81454],
+              [99.609559, 28.784122],
+              [99.614486, 28.740054],
+              [99.553508, 28.710664],
+              [99.53195, 28.677591],
+              [99.540573, 28.623497],
+              [99.504233, 28.619294],
+              [99.466045, 28.579886],
+              [99.463581, 28.549401],
+              [99.403219, 28.546246],
+              [99.396444, 28.491032],
+              [99.426625, 28.454207],
+              [99.404451, 28.44421],
+              [99.437095, 28.398419],
+              [99.392748, 28.318369],
+              [99.412458, 28.295186],
+              [99.374886, 28.18183],
+              [99.306516, 28.227714],
+              [99.28927, 28.286227],
+              [99.237531, 28.317842],
+              [99.229524, 28.350502],
+              [99.200575, 28.365774],
+              [99.16485, 28.425264],
+              [99.187024, 28.44],
+              [99.191952, 28.494714],
+              [99.170394, 28.566221],
+              [99.183944, 28.58882],
+              [99.147604, 28.640831],
+              [99.126662, 28.698066],
+              [99.134053, 28.734806],
+              [99.114343, 28.765763],
+              [99.103872, 28.841803],
+              [99.123582, 28.890021],
+              [99.132206, 28.94869],
+              [99.113727, 29.07273],
+              [99.118039, 29.100971],
+              [99.105104, 29.162656],
+              [99.113727, 29.221171],
+              [99.037351, 29.20759],
+              [99.024416, 29.188783],
+              [98.9813, 29.204978],
+              [98.960974, 29.165792],
+              [98.967134, 29.128159],
+              [98.991771, 29.105677],
+              [99.013329, 29.036632],
+              [98.925866, 28.978536],
+              [98.917859, 28.886877],
+              [98.973909, 28.864867],
+              [98.972677, 28.832367],
+              [98.922786, 28.823978],
+              [98.912931, 28.800906],
+              [98.852569, 28.798283],
+              [98.827932, 28.821356],
+              [98.821772, 28.920931],
+              [98.786048, 28.998952],
+              [98.757714, 29.004186],
+              [98.70228, 28.9644],
+              [98.655469, 28.976966],
+              [98.624056, 28.95864],
+              [98.6567, 28.910454],
+              [98.643766, 28.895261],
+              [98.668403, 28.843376],
+              [98.652389, 28.817162],
+              [98.683802, 28.740054],
+              [98.666555, 28.712239],
+              [98.594491, 28.667615],
+              [98.637606, 28.552029],
+              [98.619128, 28.50944],
+              [98.625903, 28.489455],
+              [98.673947, 28.478934],
+              [98.693041, 28.43158],
+              [98.740468, 28.348395],
+              [98.746628, 28.321003],
+              [98.710287, 28.288862],
+              [98.712135, 28.229296],
+              [98.649925, 28.200291],
+              [98.625903, 28.165475],
+              [98.559382, 28.182885],
+              [98.494092, 28.141203],
+              [98.464527, 28.151229],
+              [98.428803, 28.104785],
+              [98.389383, 28.114814],
+              [98.389999, 28.16442],
+              [98.370289, 28.18394],
+              [98.37768, 28.246167],
+              [98.353042, 28.293078],
+              [98.317934, 28.324691],
+              [98.301303, 28.384204],
+              [98.208913, 28.358401],
+              [98.207681, 28.330486],
+              [98.231702, 28.314681],
+              [98.266811, 28.242477],
+              [98.21692, 28.212949],
+              [98.169492, 28.206093],
+              [98.17442, 28.163365],
+              [98.139311, 28.142259],
+              [98.160253, 28.101089],
+              [98.133152, 27.990698],
+              [98.143007, 27.948942],
+              [98.187355, 27.939426],
+              [98.205217, 27.889716],
+              [98.169492, 27.851096],
+              [98.215688, 27.810874],
+              [98.234166, 27.690648],
+              [98.283441, 27.654608],
+              [98.310542, 27.583552],
+              [98.317318, 27.51935],
+              [98.337644, 27.508734],
+              [98.388767, 27.515104],
+              [98.429419, 27.549068],
+              [98.430035, 27.653547],
+              [98.444201, 27.665209],
+              [98.474998, 27.634462],
+              [98.53536, 27.620676],
+              [98.554454, 27.646126],
+              [98.587099, 27.587265],
+              [98.583404, 27.571351],
+              [98.650541, 27.567637],
+              [98.662244, 27.586734],
+              [98.706591, 27.553313],
+              [98.685034, 27.484315],
+              [98.704744, 27.462014],
+              [98.686881, 27.425367],
+              [98.702896, 27.412618],
+              [98.706591, 27.362136],
+              [98.741084, 27.330241],
+              [98.734925, 27.287168],
+              [98.717062, 27.271211],
+              [98.723222, 27.221198],
+              [98.696121, 27.211086],
+              [98.713983, 27.139744],
+              [98.712751, 27.075817],
+              [98.765722, 27.05077],
+              [98.762642, 27.018252],
+              [98.732461, 27.002257],
+              [98.757098, 26.877947],
+              [98.730613, 26.851253],
+              [98.762026, 26.798916],
+              [98.746012, 26.696841],
+              [98.770033, 26.690424],
+              [98.762642, 26.660478],
+              [98.781736, 26.620893],
+              [98.773113, 26.578083],
+              [98.753403, 26.559349],
+              [98.757098, 26.491881],
+              [98.741084, 26.432947],
+              [98.750323, 26.424372],
+              [98.733693, 26.350926],
+              [98.681338, 26.308016],
+              [98.672715, 26.239863],
+              [98.713367, 26.231274],
+              [98.735541, 26.185097],
+              [98.712751, 26.156093],
+              [98.720142, 26.127082],
+              [98.661012, 26.087852],
+              [98.656084, 26.139977],
+              [98.632679, 26.145887],
+              [98.575396, 26.118485],
+              [98.602498, 26.054523],
+              [98.614201, 25.968468],
+              [98.637606, 25.971696],
+              [98.686881, 25.925955],
+              [98.705976, 25.855426],
+              [98.677642, 25.816105],
+              [98.640686, 25.798864],
+              [98.553839, 25.845731],
+              [98.529201, 25.840884],
+              [98.476846, 25.77731],
+              [98.461448, 25.735267],
+              [98.457752, 25.682963],
+              [98.409709, 25.664084],
+              [98.402317, 25.593939],
+              [98.326557, 25.566409],
+              [98.314854, 25.543193],
+              [98.247717, 25.607971],
+              [98.170724, 25.620383],
+              [98.189818, 25.569108],
+              [98.163949, 25.524292],
+              [98.131304, 25.51025],
+              [98.15779, 25.457307],
+              [98.137464, 25.381633],
+              [98.101123, 25.388662],
+              [98.099891, 25.354055],
+              [98.06971, 25.311864],
+              [98.006884, 25.298338],
+              [98.0075, 25.279399],
+              [97.940363, 25.214985],
+              [97.904023, 25.216609],
+              [97.875689, 25.25721],
+              [97.839349, 25.27074],
+              [97.796233, 25.155954],
+              [97.743262, 25.078466],
+              [97.719857, 25.080634],
+              [97.727864, 25.04377],
+              [97.716777, 24.978147],
+              [97.729712, 24.908689],
+              [97.785762, 24.876117],
+              [97.797465, 24.845709],
+              [97.765436, 24.823984],
+              [97.680437, 24.827243],
+              [97.652103, 24.790846],
+              [97.569567, 24.765852],
+              [97.547394, 24.739221],
+              [97.569567, 24.708236],
+              [97.570799, 24.602719],
+              [97.554785, 24.490577],
+              [97.530147, 24.443187],
+              [97.588662, 24.435559],
+              [97.669966, 24.452993],
+              [97.679821, 24.401228],
+              [97.716161, 24.358711],
+              [97.662574, 24.339083],
+              [97.665038, 24.296544],
+              [97.721089, 24.295999],
+              [97.767284, 24.258357],
+              [97.729712, 24.227252],
+              [97.72848, 24.183585],
+              [97.754349, 24.163929],
+              [97.748806, 24.160653],
+              [97.743262, 24.159561],
+              [97.730944, 24.113685],
+              [97.700763, 24.093473],
+              [97.697067, 24.092927],
+              [97.637321, 24.04812],
+              [97.628698, 24.004938],
+              [97.572647, 23.983068],
+              [97.529531, 23.943146],
+              [97.5283, 23.926736],
+              [97.618227, 23.888438],
+              [97.640401, 23.866001],
+              [97.647176, 23.840823],
+              [97.684132, 23.876946],
+              [97.718009, 23.867643],
+              [97.72848, 23.895551],
+              [97.763588, 23.907041],
+              [97.795617, 23.951897],
+              [97.8104, 23.943146],
+              [97.863371, 23.978693],
+              [97.896015, 23.974319],
+              [97.902175, 24.014231],
+              [97.984095, 24.031177],
+              [97.995182, 24.04648],
+              [98.091268, 24.085824],
+              [98.096196, 24.08637],
+              [98.123297, 24.092927],
+              [98.125761, 24.092927],
+              [98.132536, 24.09238],
+              [98.19721, 24.09839],
+              [98.219999, 24.113685],
+              [98.343187, 24.098936],
+              [98.37768, 24.114232],
+              [98.48239, 24.122425],
+              [98.487933, 24.123517],
+              [98.547063, 24.128433],
+              [98.593875, 24.08036],
+              [98.646229, 24.106038],
+              [98.681954, 24.100029],
+              [98.71891, 24.127887],
+              [98.818692, 24.133348],
+              [98.841482, 24.126794],
+              [98.876591, 24.15137],
+              [98.895069, 24.098936],
+              [98.807606, 24.025164],
+              [98.773729, 24.022431],
+              [98.727533, 23.970491],
+              [98.701048, 23.981427],
+              [98.673331, 23.960647],
+              [98.701048, 23.946427],
+              [98.68565, 23.90157],
+              [98.701664, 23.834254],
+              [98.669019, 23.800857],
+              [98.696121, 23.784429],
+              [98.784816, 23.781691],
+              [98.824236, 23.727462],
+              [98.811917, 23.703354],
+              [98.835939, 23.683625],
+              [98.847026, 23.632097],
+              [98.882134, 23.620035],
+              [98.882134, 23.595358],
+              [98.844562, 23.578904],
+              [98.80391, 23.540504],
+              [98.826084, 23.470257],
+              [98.874743, 23.483431],
+              [98.912315, 23.426333],
+              [98.920938, 23.360971],
+              [98.872895, 23.329651],
+              [98.906772, 23.331849],
+              [98.936953, 23.309866],
+              [98.928946, 23.26589],
+              [98.889525, 23.209249],
+              [98.906772, 23.185595],
+              [99.002242, 23.160287],
+              [99.057677, 23.164689],
+              [99.048438, 23.11461],
+              [99.106336, 23.086536],
+              [99.187024, 23.100299],
+              [99.255393, 23.077727],
+              [99.281879, 23.101399],
+              [99.3484, 23.12892],
+              [99.380429, 23.099748],
+              [99.440791, 23.079379],
+              [99.477747, 23.083233],
+              [99.528255, 23.065614],
+              [99.517168, 23.006685],
+              [99.533798, 22.961507],
+              [99.563363, 22.925684],
+              [99.531334, 22.897019],
+              [99.446951, 22.934503],
+              [99.43648, 22.913557],
+              [99.462965, 22.844635],
+              [99.401371, 22.826434],
+              [99.385357, 22.761882],
+              [99.326842, 22.751396],
+              [99.31514, 22.737598],
+              [99.339777, 22.708894],
+              [99.385973, 22.57136],
+              [99.359487, 22.535435],
+              [99.382277, 22.493418],
+              [99.297277, 22.41156],
+              [99.251698, 22.393301],
+              [99.278183, 22.34626],
+              [99.233836, 22.296434],
+              [99.235683, 22.250468],
+              [99.207966, 22.232188],
+              [99.175321, 22.185647],
+              [99.188256, 22.162924],
+              [99.156227, 22.159599],
+              [99.219669, 22.110816],
+              [99.294814, 22.109152],
+              [99.35456, 22.095845],
+              [99.400139, 22.100281],
+              [99.486987, 22.128557],
+              [99.516552, 22.099726],
+              [99.562747, 22.113034],
+              [99.578762, 22.098617],
+              [99.581841, 22.103053],
+              [99.648979, 22.100835],
+              [99.696406, 22.067562],
+              [99.762927, 22.068117],
+              [99.870101, 22.029288],
+              [99.871333, 22.067007],
+              [99.972347, 22.053141],
+              [99.965571, 22.014309],
+              [100.000064, 21.973245],
+              [99.982202, 21.919401],
+              [99.960028, 21.907186],
+              [99.944014, 21.821097],
+              [99.991441, 21.703821],
+              [100.049339, 21.669899],
+              [100.094303, 21.702709],
+              [100.131875, 21.699929],
+              [100.169447, 21.663225],
+              [100.107853, 21.585337],
+              [100.123252, 21.565302],
+              [100.131259, 21.504066],
+              [100.168831, 21.482906],
+              [100.184846, 21.516315],
+              [100.206404, 21.509634],
+              [100.235353, 21.466756],
+              [100.298795, 21.477894],
+              [100.349302, 21.528564],
+              [100.437381, 21.533017],
+              [100.48296, 21.458958],
+              [100.526692, 21.471211],
+              [100.579047, 21.451717],
+              [100.691764, 21.510748],
+              [100.730568, 21.518542],
+              [100.753358, 21.555283],
+              [100.789082, 21.570867],
+              [100.804481, 21.609821],
+              [100.847597, 21.634856],
+              [100.870386, 21.67268],
+              [100.896872, 21.68269],
+              [100.899335, 21.684915],
+              [100.936292, 21.694368],
+              [100.937524, 21.693812],
+              [101.015132, 21.707157],
+              [101.089661, 21.773865],
+              [101.123537, 21.771642],
+              [101.111835, 21.746074],
+              [101.116762, 21.691032],
+              [101.153102, 21.669343],
+              [101.169117, 21.590345],
+              [101.146943, 21.560293],
+              [101.209153, 21.55751],
+              [101.210385, 21.509077],
+              [101.225167, 21.499055],
+              [101.193138, 21.473996],
+              [101.194986, 21.424979],
+              [101.142631, 21.409379],
+              [101.183899, 21.334699],
+              [101.244877, 21.302364],
+              [101.246725, 21.275598],
+              [101.222088, 21.234324],
+              [101.290457, 21.17853],
+              [101.387775, 21.225956],
+              [101.439514, 21.227072],
+              [101.532521, 21.252174],
+              [101.601506, 21.233208],
+              [101.588572, 21.191365],
+              [101.605818, 21.172392],
+              [101.672339, 21.194713],
+              [101.703136, 21.14616],
+              [101.76473, 21.147835],
+              [101.794911, 21.208104],
+              [101.834331, 21.204756],
+              [101.833715, 21.252731],
+              [101.791832, 21.285636],
+              [101.745636, 21.297345],
+              [101.730238, 21.336929],
+              [101.749948, 21.409379],
+              [101.741324, 21.482906],
+              [101.772737, 21.512975],
+              [101.755491, 21.538027],
+              [101.754875, 21.58478],
+              [101.804766, 21.577546],
+              [101.828788, 21.617054],
+              [101.807846, 21.644313],
+              [101.780129, 21.640975],
+              [101.76781, 21.716054],
+              [101.747484, 21.729953],
+              [101.771506, 21.833319],
+              [101.740093, 21.845541],
+              [101.735165, 21.875534],
+              [101.700057, 21.897191],
+              [101.701288, 21.938832],
+              [101.666796, 21.934391],
+              [101.606434, 21.967695],
+              [101.626144, 22.005986],
+              [101.573789, 22.115251],
+              [101.602738, 22.131883],
+              [101.596579, 22.161262],
+              [101.547304, 22.238282],
+              [101.56455, 22.269299],
+              [101.625528, 22.28259],
+              [101.671723, 22.372826],
+              [101.648318, 22.400494],
+              [101.672339, 22.47517],
+              [101.715455, 22.477935],
+              [101.774585, 22.506135],
+              [101.824476, 22.45692],
+              [101.823244, 22.42705],
+              [101.862665, 22.389427],
+              [101.901469, 22.384447],
+              [101.907628, 22.437007],
+              [101.978461, 22.427603],
+              [102.046214, 22.458026],
+              [102.131214, 22.430922],
+              [102.145381, 22.397727],
+              [102.179257, 22.430369],
+              [102.270416, 22.419858],
+              [102.25625, 22.457473],
+              [102.322771, 22.554227],
+              [102.356648, 22.563623],
+              [102.404691, 22.629925],
+              [102.384365, 22.679631],
+              [102.43672, 22.699508],
+              [102.45951, 22.762986],
+              [102.510633, 22.774574],
+              [102.551285, 22.743669],
+              [102.569763, 22.701164],
+              [102.607335, 22.730975],
+              [102.657226, 22.687913],
+              [102.688639, 22.70006],
+              [102.80074, 22.620534],
+              [102.82353, 22.623296],
+              [102.880196, 22.586832],
+              [102.892515, 22.533223],
+              [102.930703, 22.482359],
+              [102.986754, 22.477935],
+              [103.030485, 22.441432],
+              [103.081608, 22.454154],
+              [103.071753, 22.488441],
+              [103.183238, 22.558649],
+              [103.161065, 22.590147],
+              [103.195557, 22.648153],
+              [103.220195, 22.643734],
+              [103.283021, 22.678526],
+              [103.288564, 22.732078],
+              [103.321209, 22.777885],
+              [103.323057, 22.807678],
+              [103.375411, 22.794989],
+              [103.441317, 22.753052],
+              [103.436389, 22.6973],
+              [103.457947, 22.658646],
+              [103.50907, 22.601198],
+              [103.529396, 22.59291],
+              [103.580519, 22.66693],
+              [103.567585, 22.701164],
+              [103.642113, 22.794989],
+              [103.740048, 22.709446],
+              [103.743127, 22.697852],
+              [103.766533, 22.688465],
+              [103.825047, 22.615562],
+              [103.863851, 22.584069],
+              [103.875554, 22.565833],
+              [103.894032, 22.564728],
+              [103.964865, 22.502265],
+              [104.009213, 22.517745],
+              [104.009213, 22.575228],
+              [104.022148, 22.593463],
+              [104.04309, 22.67687],
+              [104.045553, 22.728215],
+              [104.089901, 22.768504],
+              [104.117618, 22.808781],
+              [104.224176, 22.826434],
+              [104.261748, 22.841877],
+              [104.274067, 22.828088],
+              [104.256821, 22.77347],
+              [104.272835, 22.73815],
+              [104.323342, 22.728767],
+              [104.375697, 22.690122],
+              [104.422508, 22.734838],
+              [104.498885, 22.774574],
+              [104.527834, 22.814298],
+              [104.596203, 22.846289],
+              [104.674428, 22.817056],
+              [104.737869, 22.825882],
+              [104.732942, 22.852356],
+              [104.760659, 22.862282],
+              [104.772362, 22.893711],
+              [104.846275, 22.926235],
+              [104.860441, 22.970874],
+              [104.821021, 23.032022],
+              [104.804391, 23.110207],
+              [104.874608, 23.123417],
+              [104.882615, 23.163589],
+              [104.912796, 23.175693],
+              [104.949136, 23.152033],
+              [104.958991, 23.188896],
+              [105.093266, 23.260942],
+              [105.122215, 23.247745],
+              [105.181962, 23.279084],
+              [105.238012, 23.26424],
+              [105.260186, 23.31811],
+              [105.325475, 23.390086],
+              [105.353809, 23.362069],
+              [105.372903, 23.317561],
+              [105.416018, 23.283482],
+              [105.445584, 23.292827],
+              [105.50225, 23.202648],
+              [105.542902, 23.184495],
+              [105.526272, 23.234548],
+              [105.560148, 23.257093],
+              [105.593409, 23.312614],
+              [105.649459, 23.346136],
+              [105.699966, 23.327453],
+              [105.694423, 23.363168],
+              [105.637757, 23.404366],
+              [105.699966, 23.40162],
+              [105.758481, 23.459826],
+              [105.805908, 23.467512],
+              [105.815763, 23.507031],
+              [105.852103, 23.526786],
+              [105.89214, 23.52514],
+              [105.913081, 23.499348],
+              [105.935871, 23.508678],
+              [105.986378, 23.489469],
+              [105.999929, 23.447748],
+              [106.039965, 23.484529],
+              [106.071994, 23.495506],
+              [106.08616, 23.524043],
+              [106.141595, 23.569579],
+              [106.120653, 23.605229],
+              [106.149602, 23.665538],
+              [106.157609, 23.724175],
+              [106.136667, 23.795381],
+              [106.192102, 23.824947],
+              [106.173008, 23.861622],
+              [106.192718, 23.879135],
+              [106.157609, 23.891174],
+              [106.128044, 23.956819],
+              [106.091088, 23.998924],
+              [106.096631, 24.018058],
+              [106.053516, 24.051399],
+              [106.04982, 24.089649],
+              [106.011632, 24.099482],
+              [105.998081, 24.120786],
+              [105.963589, 24.110954],
+              [105.919241, 24.122425],
+              [105.901995, 24.099482],
+              [105.908154, 24.069432],
+              [105.89214, 24.040468],
+              [105.859495, 24.056864],
+              [105.841633, 24.03063],
+              [105.796669, 24.023524],
+              [105.802212, 24.051945],
+              [105.765256, 24.073804],
+              [105.739387, 24.059596],
+              [105.704278, 24.0667],
+              [105.649459, 24.032816],
+              [105.628518, 24.126794],
+              [105.594641, 24.137718],
+              [105.533663, 24.130071],
+              [105.493011, 24.016965],
+              [105.406163, 24.043748],
+              [105.395692, 24.065607],
+              [105.334099, 24.094566],
+              [105.320548, 24.116416],
+              [105.273121, 24.092927],
+              [105.292831, 24.074896],
+              [105.260186, 24.061236],
+              [105.20044, 24.105491],
+              [105.182577, 24.167205],
+              [105.229389, 24.165567],
+              [105.24294, 24.208695],
+              [105.215222, 24.214699],
+              [105.164715, 24.288362],
+              [105.196744, 24.326541],
+              [105.188121, 24.347261],
+              [105.138846, 24.376701],
+              [105.111744, 24.37234],
+              [105.106817, 24.414853],
+              [105.042759, 24.442097],
+              [104.979933, 24.412673],
+              [104.930042, 24.411038],
+              [104.914028, 24.426296],
+              [104.83642, 24.446456],
+              [104.784681, 24.443732],
+              [104.765587, 24.45953],
+              [104.74834, 24.435559],
+              [104.715695, 24.441552],
+              [104.703377, 24.419757],
+              [104.721239, 24.340173],
+              [104.70892, 24.321087],
+              [104.641783, 24.367979],
+              [104.610986, 24.377246],
+              [104.63008, 24.397958],
+              [104.616529, 24.421937],
+              [104.575877, 24.424661],
+              [104.550008, 24.518894],
+              [104.520443, 24.535228],
+              [104.489646, 24.653313],
+              [104.529682, 24.731611],
+              [104.542616, 24.75607],
+              [104.539537, 24.813663],
+              [104.586964, 24.872859],
+              [104.635623, 24.903803],
+              [104.663957, 24.964584],
+              [104.713232, 24.996048],
+              [104.684898, 25.054072],
+              [104.619609, 25.060577],
+              [104.685514, 25.078466],
+              [104.695369, 25.122364],
+              [104.732326, 25.167871],
+              [104.724319, 25.195491],
+              [104.753884, 25.214443],
+              [104.801927, 25.163537],
+              [104.822869, 25.170037],
+              [104.806854, 25.224189],
+              [104.826565, 25.235558],
+              [104.816094, 25.262622],
+              [104.736021, 25.268034],
+              [104.689826, 25.296173],
+              [104.639935, 25.295632],
+              [104.646094, 25.356759],
+              [104.615913, 25.364871],
+              [104.566638, 25.402719],
+              [104.543232, 25.400556],
+              [104.556783, 25.524832],
+              [104.524138, 25.526992],
+              [104.483486, 25.494585],
+              [104.44961, 25.495126],
+              [104.434827, 25.472436],
+              [104.418813, 25.499447],
+              [104.436059, 25.520512],
+              [104.428668, 25.576126],
+              [104.389248, 25.595558],
+              [104.332581, 25.598796],
+              [104.310407, 25.647901],
+              [104.328886, 25.760602],
+              [104.370769, 25.730415],
+              [104.397871, 25.76168],
+              [104.42374, 25.841961],
+              [104.441602, 25.868889],
+              [104.414501, 25.909807],
+              [104.438523, 25.92757],
+              [104.470552, 26.009352],
+              [104.460081, 26.085702],
+              [104.499501, 26.070651],
+              [104.52845, 26.114186],
+              [104.518595, 26.165762],
+              [104.548776, 26.226979],
+              [104.542616, 26.253282],
+              [104.592508, 26.317672],
+              [104.659645, 26.335373],
+              [104.684283, 26.3772],
+              [104.664572, 26.397572],
+              [104.665804, 26.434019],
+              [104.631928, 26.451702],
+              [104.638703, 26.477954],
+              [104.598667, 26.520801],
+              [104.57095, 26.524549],
+              [104.579573, 26.568449],
+              [104.556783, 26.590393],
+              [104.488414, 26.579689],
+              [104.459465, 26.602701],
+              [104.468088, 26.644431],
+              [104.424356, 26.709137],
+              [104.398487, 26.686147],
+              [104.353523, 26.620893],
+              [104.313487, 26.612867],
+              [104.274683, 26.633733],
+              [104.268524, 26.617683],
+              [104.222328, 26.620358],
+              [104.160734, 26.646571],
+              [104.121314, 26.638012],
+              [104.068343, 26.573266],
+              [104.067727, 26.51491],
+              [104.008597, 26.511697],
+              [103.953163, 26.521336],
+              [103.865699, 26.512232],
+              [103.819504, 26.529903],
+              [103.815808, 26.55239],
+              [103.763453, 26.585041],
+              [103.748671, 26.623568],
+              [103.759142, 26.689355],
+              [103.773308, 26.716621],
+              [103.725265, 26.742812],
+              [103.705555, 26.794642],
+              [103.722185, 26.851253],
+              [103.779468, 26.87421],
+              [103.763453, 26.905702],
+              [103.775156, 26.951056],
+              [103.753598, 26.963858],
+              [103.73204, 27.018785],
+              [103.704939, 27.049171],
+              [103.675374, 27.051836],
+              [103.623019, 27.007056],
+              [103.623635, 27.035312],
+              [103.601461, 27.061962],
+              [103.614396, 27.079548],
+              [103.659975, 27.065692],
+              [103.652584, 27.092868],
+              [103.620555, 27.096598],
+              [103.63349, 27.12057],
+              [103.696316, 27.126429],
+              [103.748671, 27.210021],
+              [103.801641, 27.250464],
+              [103.80041, 27.26536],
+              [103.865699, 27.28185],
+              [103.874322, 27.331304],
+              [103.903271, 27.347785],
+              [103.905119, 27.38552],
+              [103.932221, 27.443958],
+              [103.956242, 27.425367],
+              [104.015372, 27.429086],
+              [104.01722, 27.383926],
+              [104.084358, 27.330773],
+              [104.113923, 27.338216],
+              [104.173053, 27.263232],
+              [104.210625, 27.297273],
+              [104.248813, 27.291955],
+              [104.247582, 27.336621],
+              [104.295625, 27.37436],
+              [104.30856, 27.407305],
+              [104.363378, 27.467855],
+              [104.467472, 27.414211],
+              [104.497037, 27.414743],
+              [104.539537, 27.327583],
+              [104.570334, 27.331836],
+              [104.611602, 27.306846],
+              [104.7545, 27.345658],
+              [104.77113, 27.317481],
+              [104.824717, 27.3531],
+              [104.856746, 27.332368],
+              [104.851818, 27.299401],
+              [104.871528, 27.290891],
+              [104.913412, 27.327051],
+              [105.01073, 27.379143],
+              [105.068013, 27.418461],
+              [105.120984, 27.418461],
+              [105.184425, 27.392959],
+              [105.182577, 27.367451],
+              [105.233084, 27.436522],
+              [105.234316, 27.489093],
+              [105.260186, 27.514573],
+              [105.232469, 27.546945],
+              [105.25649, 27.582491],
+              [105.304533, 27.611661],
+              [105.29591, 27.631811],
+              [105.308229, 27.704955]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 540000,
+        "name": "西藏自治区",
+        "center": [91.132212, 29.660361],
+        "centroid": [88.388277, 31.56375],
+        "childrenNum": 7,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 25,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [89.711414, 36.093272],
+              [89.614711, 36.109712],
+              [89.594385, 36.126632],
+              [89.490291, 36.151281],
+              [89.375727, 36.228078],
+              [89.335075, 36.23725],
+              [89.292575, 36.231457],
+              [89.232213, 36.295636],
+              [89.198952, 36.260417],
+              [89.126887, 36.254626],
+              [89.10225, 36.281164],
+              [89.054822, 36.291777],
+              [89.013554, 36.315409],
+              [88.964279, 36.318785],
+              [88.926091, 36.36458],
+              [88.870657, 36.348193],
+              [88.838628, 36.353496],
+              [88.802903, 36.33807],
+              [88.783809, 36.291777],
+              [88.766563, 36.292259],
+              [88.690186, 36.367954],
+              [88.623665, 36.389636],
+              [88.618121, 36.428168],
+              [88.573158, 36.461386],
+              [88.498629, 36.446463],
+              [88.470912, 36.48208],
+              [88.41055, 36.473418],
+              [88.356963, 36.477268],
+              [88.366202, 36.458016],
+              [88.282434, 36.470049],
+              [88.241782, 36.468605],
+              [88.222688, 36.447426],
+              [88.182652, 36.452721],
+              [88.134609, 36.427205],
+              [88.092109, 36.43539],
+              [88.006494, 36.430575],
+              [87.983088, 36.437797],
+              [87.95845, 36.408423],
+              [87.919646, 36.39349],
+              [87.838342, 36.383855],
+              [87.826023, 36.391563],
+              [87.767509, 36.3747],
+              [87.731785, 36.384818],
+              [87.6203, 36.360243],
+              [87.570409, 36.342409],
+              [87.470626, 36.354459],
+              [87.460155, 36.409868],
+              [87.426895, 36.42576],
+              [87.386859, 36.412757],
+              [87.363453, 36.420463],
+              [87.348055, 36.393008],
+              [87.292004, 36.358797],
+              [87.193454, 36.349158],
+              [87.161425, 36.325535],
+              [87.149106, 36.297565],
+              [87.08628, 36.310587],
+              [87.051788, 36.2966],
+              [86.996353, 36.308658],
+              [86.943998, 36.284058],
+              [86.931064, 36.265242],
+              [86.887332, 36.262829],
+              [86.86331, 36.299977],
+              [86.836209, 36.291294],
+              [86.746282, 36.291777],
+              [86.69947, 36.24449],
+              [86.599072, 36.222285],
+              [86.531935, 36.227113],
+              [86.515305, 36.205385],
+              [86.454943, 36.221319],
+              [86.392733, 36.206834],
+              [86.35824, 36.168676],
+              [86.2794, 36.170608],
+              [86.248603, 36.141616],
+              [86.187625, 36.130983],
+              [86.182081, 36.064734],
+              [86.199944, 36.047801],
+              [86.173458, 36.008113],
+              [86.150668, 36.00424],
+              [86.129111, 35.941761],
+              [86.093386, 35.906868],
+              [86.090306, 35.876809],
+              [86.05335, 35.842857],
+              [86.035488, 35.846738],
+              [85.949256, 35.778794],
+              [85.903677, 35.78462],
+              [85.835308, 35.771996],
+              [85.811286, 35.778794],
+              [85.691178, 35.751114],
+              [85.65299, 35.731199],
+              [85.612953, 35.651486],
+              [85.566142, 35.6403],
+              [85.518715, 35.680658],
+              [85.373969, 35.700101],
+              [85.341324, 35.753543],
+              [85.271107, 35.788989],
+              [85.146071, 35.742371],
+              [85.053065, 35.752086],
+              [84.99455, 35.737028],
+              [84.973608, 35.709334],
+              [84.920022, 35.696213],
+              [84.798066, 35.647595],
+              [84.729081, 35.613546],
+              [84.704443, 35.616951],
+              [84.628067, 35.595055],
+              [84.570168, 35.588242],
+              [84.513502, 35.564391],
+              [84.448828, 35.550272],
+              [84.475929, 35.516181],
+              [84.45314, 35.473303],
+              [84.424191, 35.466479],
+              [84.333032, 35.413821],
+              [84.274517, 35.404065],
+              [84.200605, 35.381135],
+              [84.160569, 35.359663],
+              [84.140859, 35.379184],
+              [84.095895, 35.362592],
+              [84.077417, 35.400163],
+              [84.005968, 35.422599],
+              [83.906186, 35.40309],
+              [83.885244, 35.367472],
+              [83.79778, 35.354783],
+              [83.785462, 35.36308],
+              [83.677672, 35.361128],
+              [83.622238, 35.335256],
+              [83.599448, 35.351366],
+              [83.54155, 35.341603],
+              [83.540318, 35.364056],
+              [83.502745, 35.360639],
+              [83.449159, 35.382111],
+              [83.405427, 35.380648],
+              [83.333978, 35.397236],
+              [83.280391, 35.401138],
+              [83.251442, 35.417722],
+              [83.178145, 35.38943],
+              [83.127022, 35.398699],
+              [83.088834, 35.425526],
+              [83.067892, 35.46258],
+              [82.998907, 35.484512],
+              [82.971806, 35.548324],
+              [82.981661, 35.599922],
+              [82.956407, 35.636409],
+              [82.967494, 35.667532],
+              [82.894813, 35.673852],
+              [82.873871, 35.688922],
+              [82.795031, 35.688436],
+              [82.780249, 35.666073],
+              [82.731589, 35.637868],
+              [82.652133, 35.67288],
+              [82.628727, 35.692324],
+              [82.546192, 35.708362],
+              [82.501844, 35.701073],
+              [82.468583, 35.717595],
+              [82.424852, 35.712736],
+              [82.392823, 35.656349],
+              [82.336156, 35.651486],
+              [82.350323, 35.611113],
+              [82.328149, 35.559523],
+              [82.2992, 35.544916],
+              [82.263475, 35.547837],
+              [82.234526, 35.520565],
+              [82.189563, 35.513258],
+              [82.164925, 35.495719],
+              [82.086701, 35.467454],
+              [82.071302, 35.450393],
+              [82.034346, 35.451855],
+              [82.029419, 35.426013],
+              [82.05344, 35.35039],
+              [82.030034, 35.321585],
+              [81.99123, 35.30547],
+              [81.955506, 35.307423],
+              [81.927789, 35.271275],
+              [81.853876, 35.25857],
+              [81.804601, 35.270786],
+              [81.736847, 35.26248],
+              [81.68634, 35.235599],
+              [81.513261, 35.23511],
+              [81.504638, 35.279092],
+              [81.447972, 35.318167],
+              [81.441196, 35.333303],
+              [81.385762, 35.335256],
+              [81.363588, 35.354783],
+              [81.314313, 35.337209],
+              [81.285364, 35.345508],
+              [81.26627, 35.322562],
+              [81.219458, 35.319144],
+              [81.191741, 35.36552],
+              [81.142466, 35.365032],
+              [81.103662, 35.386015],
+              [81.09935, 35.40748],
+              [81.054387, 35.402602],
+              [81.031597, 35.380648],
+              [81.030981, 35.337209],
+              [81.002648, 35.334768],
+              [81.026053, 35.31133],
+              [80.963844, 35.310842],
+              [80.924423, 35.330862],
+              [80.894242, 35.324027],
+              [80.844351, 35.345508],
+              [80.759968, 35.334768],
+              [80.689135, 35.339162],
+              [80.690982, 35.364544],
+              [80.65649, 35.393821],
+              [80.599823, 35.409431],
+              [80.56841, 35.391381],
+              [80.532686, 35.404553],
+              [80.514824, 35.391869],
+              [80.444607, 35.417235],
+              [80.432904, 35.449418],
+              [80.375006, 35.387966],
+              [80.321419, 35.38699],
+              [80.286926, 35.35283],
+              [80.267832, 35.295701],
+              [80.362687, 35.20871],
+              [80.257977, 35.203331],
+              [80.223484, 35.177409],
+              [80.23026, 35.147565],
+              [80.118159, 35.066293],
+              [80.078123, 35.076578],
+              [80.031311, 35.034447],
+              [80.04363, 35.022196],
+              [80.02392, 34.971209],
+              [80.041782, 34.943252],
+              [80.034391, 34.902033],
+              [80.003594, 34.895162],
+              [79.996819, 34.856375],
+              [79.961094, 34.862759],
+              [79.926602, 34.849499],
+              [79.947544, 34.821008],
+              [79.898268, 34.732035],
+              [79.906892, 34.683821],
+              [79.866856, 34.671517],
+              [79.88595, 34.642965],
+              [79.84345, 34.55725],
+              [79.861312, 34.528166],
+              [79.801566, 34.478847],
+              [79.735661, 34.471447],
+              [79.699936, 34.477861],
+              [79.675914, 34.451216],
+              [79.58106, 34.456151],
+              [79.545335, 34.476381],
+              [79.504683, 34.45467],
+              [79.435082, 34.447761],
+              [79.363017, 34.428018],
+              [79.326677, 34.44332],
+              [79.274322, 34.435916],
+              [79.241677, 34.415183],
+              [79.179467, 34.422588],
+              [79.161605, 34.441345],
+              [79.072294, 34.412714],
+              [79.039033, 34.421601],
+              [79.0107, 34.399877],
+              [79.048888, 34.348506],
+              [79.039649, 34.33467],
+              [79.019939, 34.313417],
+              [78.981751, 34.31836],
+              [78.958345, 34.230827],
+              [78.941099, 34.212022],
+              [78.9257, 34.155584],
+              [78.910302, 34.143202],
+              [78.878273, 34.163012],
+              [78.828998, 34.125369],
+              [78.801897, 34.137258],
+              [78.737223, 34.089692],
+              [78.661462, 34.086718],
+              [78.656535, 34.030196],
+              [78.736607, 33.999937],
+              [78.744614, 33.980585],
+              [78.734143, 33.918529],
+              [78.762476, 33.90959],
+              [78.756317, 33.8773],
+              [78.766172, 33.823124],
+              [78.758165, 33.790802],
+              [78.779723, 33.73259],
+              [78.692259, 33.676331],
+              [78.684868, 33.654415],
+              [78.713201, 33.623025],
+              [78.755085, 33.623025],
+              [78.74215, 33.55323],
+              [78.816679, 33.480882],
+              [78.84994, 33.419963],
+              [78.896751, 33.41247],
+              [78.949722, 33.376495],
+              [78.9682, 33.334505],
+              [79.022403, 33.323504],
+              [79.041497, 33.268479],
+              [79.083997, 33.245459],
+              [79.072294, 33.22844],
+              [79.10925, 33.200401],
+              [79.152366, 33.184375],
+              [79.162221, 33.165841],
+              [79.139431, 33.117735],
+              [79.162837, 33.01191],
+              [79.204721, 32.964724],
+              [79.255844, 32.942628],
+              [79.227511, 32.89038],
+              [79.237982, 32.846145],
+              [79.225047, 32.784281],
+              [79.275554, 32.778746],
+              [79.301423, 32.728919],
+              [79.27309, 32.678056],
+              [79.299575, 32.637244],
+              [79.308199, 32.596918],
+              [79.272474, 32.561113],
+              [79.252148, 32.516715],
+              [79.190554, 32.511669],
+              [79.180083, 32.492994],
+              [79.135736, 32.472295],
+              [79.124649, 32.416235],
+              [79.103091, 32.369744],
+              [79.067982, 32.380863],
+              [79.005772, 32.375304],
+              [78.970664, 32.331826],
+              [78.904142, 32.374798],
+              [78.87273, 32.40512],
+              [78.81052, 32.436441],
+              [78.782186, 32.480373],
+              [78.760629, 32.563635],
+              [78.781571, 32.608009],
+              [78.74215, 32.654881],
+              [78.741534, 32.703743],
+              [78.6861, 32.680071],
+              [78.675013, 32.658408],
+              [78.628202, 32.630188],
+              [78.588782, 32.637748],
+              [78.577695, 32.615067],
+              [78.518564, 32.605993],
+              [78.500086, 32.580782],
+              [78.424942, 32.565652],
+              [78.395377, 32.530339],
+              [78.426174, 32.502584],
+              [78.472985, 32.435431],
+              [78.458818, 32.379853],
+              [78.483456, 32.357106],
+              [78.480992, 32.329297],
+              [78.508709, 32.297939],
+              [78.475449, 32.236708],
+              [78.430485, 32.212407],
+              [78.429869, 32.194683],
+              [78.469905, 32.127808],
+              [78.509941, 32.147065],
+              [78.527188, 32.11463],
+              [78.609107, 32.052768],
+              [78.60726, 32.023851],
+              [78.705194, 31.988835],
+              [78.762476, 31.947203],
+              [78.768636, 31.92638],
+              [78.739687, 31.885228],
+              [78.665158, 31.851684],
+              [78.654687, 31.819144],
+              [78.706426, 31.778453],
+              [78.763092, 31.668499],
+              [78.798817, 31.675629],
+              [78.806824, 31.64099],
+              [78.845628, 31.609905],
+              [78.833925, 31.584927],
+              [78.779723, 31.545154],
+              [78.740303, 31.532912],
+              [78.729832, 31.478316],
+              [78.755701, 31.478316],
+              [78.792041, 31.435944],
+              [78.760013, 31.392531],
+              [78.755085, 31.355742],
+              [78.795121, 31.301043],
+              [78.859179, 31.289281],
+              [78.865338, 31.312804],
+              [78.884432, 31.277006],
+              [78.923852, 31.246824],
+              [78.930628, 31.220726],
+              [78.997765, 31.158779],
+              [78.97436, 31.115751],
+              [79.010084, 31.043994],
+              [79.059359, 31.028097],
+              [79.096931, 30.992192],
+              [79.181931, 31.015788],
+              [79.205953, 31.0004],
+              [79.227511, 30.949088],
+              [79.33222, 30.969103],
+              [79.316206, 31.01784],
+              [79.35809, 31.031174],
+              [79.404901, 31.071678],
+              [79.424611, 31.061425],
+              [79.427075, 31.018353],
+              [79.505915, 31.027584],
+              [79.550879, 30.957813],
+              [79.59769, 30.925989],
+              [79.660516, 30.956787],
+              [79.668523, 30.980392],
+              [79.729501, 30.941389],
+              [79.75845, 30.936769],
+              [79.835443, 30.851006],
+              [79.890877, 30.855116],
+              [79.913051, 30.833022],
+              [79.900732, 30.7991],
+              [79.961094, 30.771337],
+              [79.955551, 30.738422],
+              [79.970333, 30.685941],
+              [80.014065, 30.661748],
+              [80.04363, 30.603559],
+              [80.143412, 30.55822],
+              [80.214245, 30.586044],
+              [80.261673, 30.566465],
+              [80.322035, 30.564403],
+              [80.357759, 30.520592],
+              [80.43044, 30.515952],
+              [80.446454, 30.495327],
+              [80.504969, 30.483466],
+              [80.549316, 30.448905],
+              [80.585041, 30.463866],
+              [80.633084, 30.458707],
+              [80.692214, 30.416913],
+              [80.719316, 30.414848],
+              [80.81725, 30.321389],
+              [80.910873, 30.30279],
+              [80.933662, 30.266614],
+              [80.996488, 30.267648],
+              [81.034677, 30.246971],
+              [81.038372, 30.205086],
+              [81.082104, 30.151281],
+              [81.085799, 30.100554],
+              [81.110437, 30.085538],
+              [81.09627, 30.052909],
+              [81.131995, 30.016124],
+              [81.225618, 30.005759],
+              [81.256415, 30.011978],
+              [81.247792, 30.032705],
+              [81.2829, 30.061197],
+              [81.293371, 30.094859],
+              [81.269349, 30.153351],
+              [81.335871, 30.149729],
+              [81.393769, 30.199396],
+              [81.397465, 30.240767],
+              [81.419023, 30.270232],
+              [81.406088, 30.291938],
+              [81.427646, 30.305373],
+              [81.399929, 30.319323],
+              [81.406088, 30.369421],
+              [81.432573, 30.379231],
+              [81.406704, 30.40401],
+              [81.418407, 30.420525],
+              [81.454131, 30.412268],
+              [81.494783, 30.381296],
+              [81.555761, 30.369421],
+              [81.566232, 30.428782],
+              [81.613044, 30.412784],
+              [81.63029, 30.446842],
+              [81.723913, 30.407623],
+              [81.759021, 30.385426],
+              [81.872354, 30.373035],
+              [81.939491, 30.344633],
+              [81.954274, 30.355995],
+              [81.99123, 30.322939],
+              [82.022027, 30.339468],
+              [82.060215, 30.332237],
+              [82.104563, 30.346182],
+              [82.132896, 30.30434],
+              [82.11873, 30.279019],
+              [82.114418, 30.226806],
+              [82.142135, 30.200948],
+              [82.188947, 30.18543],
+              [82.207425, 30.143519],
+              [82.183403, 30.12178],
+              [82.17786, 30.06793],
+              [82.246845, 30.071555],
+              [82.311519, 30.035813],
+              [82.333693, 30.045138],
+              [82.368185, 30.014051],
+              [82.412533, 30.011978],
+              [82.431011, 29.989692],
+              [82.474743, 29.973622],
+              [82.498148, 29.947698],
+              [82.560974, 29.955476],
+              [82.609017, 29.886489],
+              [82.64351, 29.868846],
+              [82.6238, 29.834588],
+              [82.703872, 29.847566],
+              [82.737749, 29.80655],
+              [82.691553, 29.766037],
+              [82.757459, 29.761881],
+              [82.774089, 29.726548],
+              [82.816589, 29.717192],
+              [82.830756, 29.687562],
+              [82.885574, 29.689122],
+              [82.9484, 29.704718],
+              [82.966878, 29.658963],
+              [83.011226, 29.667804],
+              [83.088834, 29.604863],
+              [83.12887, 29.623593],
+              [83.159667, 29.61735],
+              [83.164595, 29.595496],
+              [83.217565, 29.60018],
+              [83.266841, 29.571035],
+              [83.27608, 29.505951],
+              [83.325355, 29.502826],
+              [83.383253, 29.42206],
+              [83.415898, 29.420496],
+              [83.423289, 29.361053],
+              [83.450391, 29.332883],
+              [83.463941, 29.285916],
+              [83.492274, 29.280174],
+              [83.548941, 29.201322],
+              [83.57789, 29.203934],
+              [83.596368, 29.174153],
+              [83.656114, 29.16736],
+              [83.667201, 29.200277],
+              [83.727563, 29.244672],
+              [83.800244, 29.249372],
+              [83.82057, 29.294267],
+              [83.851367, 29.294789],
+              [83.911729, 29.323491],
+              [83.949301, 29.312533],
+              [83.986874, 29.325057],
+              [84.002272, 29.291658],
+              [84.052163, 29.296877],
+              [84.116837, 29.286438],
+              [84.130388, 29.239972],
+              [84.203068, 29.239972],
+              [84.197525, 29.210202],
+              [84.17104, 29.19453],
+              [84.176583, 29.133909],
+              [84.20738, 29.118749],
+              [84.192597, 29.084236],
+              [84.194445, 29.045004],
+              [84.224626, 29.049189],
+              [84.248648, 29.030353],
+              [84.228322, 28.949738],
+              [84.234481, 28.889497],
+              [84.268358, 28.895261],
+              [84.330568, 28.859101],
+              [84.340423, 28.866963],
+              [84.408176, 28.85386],
+              [84.404481, 28.828173],
+              [84.434046, 28.823978],
+              [84.445133, 28.764189],
+              [84.483321, 28.735331],
+              [84.557233, 28.74635],
+              [84.620059, 28.732182],
+              [84.650856, 28.714338],
+              [84.669334, 28.680742],
+              [84.699515, 28.671816],
+              [84.698284, 28.633478],
+              [84.773428, 28.610363],
+              [84.857196, 28.567798],
+              [84.896616, 28.587244],
+              [84.981616, 28.586193],
+              [84.995782, 28.611414],
+              [85.05676, 28.674441],
+              [85.126361, 28.676016],
+              [85.155926, 28.643983],
+              [85.195963, 28.624022],
+              [85.18426, 28.587244],
+              [85.189803, 28.544669],
+              [85.160238, 28.49261],
+              [85.108499, 28.461047],
+              [85.129441, 28.377885],
+              [85.113427, 28.344708],
+              [85.179948, 28.324164],
+              [85.209513, 28.338914],
+              [85.272339, 28.282538],
+              [85.349947, 28.298347],
+              [85.379512, 28.274105],
+              [85.415853, 28.321003],
+              [85.458969, 28.332593],
+              [85.520563, 28.326798],
+              [85.602483, 28.295712],
+              [85.601251, 28.254075],
+              [85.650526, 28.283592],
+              [85.682555, 28.375779],
+              [85.720743, 28.372093],
+              [85.753388, 28.227714],
+              [85.791576, 28.195544],
+              [85.854402, 28.172334],
+              [85.871648, 28.124843],
+              [85.898749, 28.101617],
+              [85.901213, 28.053566],
+              [85.980053, 27.984357],
+              [85.949256, 27.937311],
+              [86.002227, 27.90717],
+              [86.053966, 27.900823],
+              [86.125415, 27.923035],
+              [86.082915, 28.018175],
+              [86.086611, 28.090002],
+              [86.128495, 28.086835],
+              [86.140198, 28.114814],
+              [86.19132, 28.167058],
+              [86.223965, 28.092642],
+              [86.206103, 28.084195],
+              [86.231972, 27.974315],
+              [86.27324, 27.976958],
+              [86.308965, 27.950528],
+              [86.393349, 27.926736],
+              [86.414906, 27.904526],
+              [86.450015, 27.908757],
+              [86.475884, 27.944713],
+              [86.514689, 27.954757],
+              [86.513457, 27.996511],
+              [86.537478, 28.044587],
+              [86.55842, 28.047757],
+              [86.568891, 28.103201],
+              [86.60092, 28.097922],
+              [86.611391, 28.069938],
+              [86.647732, 28.06941],
+              [86.662514, 28.092114],
+              [86.700086, 28.101617],
+              [86.74813, 28.089474],
+              [86.768456, 28.06941],
+              [86.756753, 28.032967],
+              [86.827586, 28.012363],
+              [86.864542, 28.022401],
+              [86.885484, 27.995983],
+              [86.926752, 27.985942],
+              [86.935375, 27.955286],
+              [87.035157, 27.946299],
+              [87.080737, 27.910872],
+              [87.118309, 27.840512],
+              [87.173744, 27.818284],
+              [87.227946, 27.812991],
+              [87.249504, 27.839454],
+              [87.280917, 27.845275],
+              [87.317258, 27.826753],
+              [87.364069, 27.824106],
+              [87.421967, 27.856916],
+              [87.418272, 27.825694],
+              [87.45954, 27.820931],
+              [87.58088, 27.859562],
+              [87.598126, 27.814579],
+              [87.670191, 27.832045],
+              [87.668343, 27.809815],
+              [87.727473, 27.802933],
+              [87.77798, 27.860091],
+              [87.782292, 27.890774],
+              [87.826639, 27.927794],
+              [87.930733, 27.909285],
+              [87.982472, 27.884426],
+              [88.037291, 27.901881],
+              [88.090877, 27.885484],
+              [88.111819, 27.864852],
+              [88.137689, 27.878607],
+              [88.120442, 27.915103],
+              [88.156783, 27.957929],
+              [88.203594, 27.943127],
+              [88.242398, 27.967444],
+              [88.254101, 27.939426],
+              [88.357579, 27.986471],
+              [88.401311, 27.976958],
+              [88.43334, 28.002852],
+              [88.469064, 28.009721],
+              [88.498013, 28.04089],
+              [88.554064, 28.027684],
+              [88.565151, 28.083139],
+              [88.620585, 28.091586],
+              [88.645223, 28.111119],
+              [88.67602, 28.068353],
+              [88.764099, 28.068353],
+              [88.812142, 28.018175],
+              [88.842939, 28.006023],
+              [88.846635, 27.921448],
+              [88.864497, 27.921448],
+              [88.888519, 27.846863],
+              [88.863265, 27.811932],
+              [88.870657, 27.743098],
+              [88.850331, 27.710783],
+              [88.852178, 27.671039],
+              [88.816454, 27.641354],
+              [88.813374, 27.606889],
+              [88.770874, 27.563924],
+              [88.797976, 27.521473],
+              [88.783193, 27.467324],
+              [88.809063, 27.405711],
+              [88.838012, 27.37808],
+              [88.867577, 27.3818],
+              [88.901453, 27.327583],
+              [88.920548, 27.325456],
+              [88.911924, 27.272807],
+              [88.942105, 27.261636],
+              [88.984605, 27.208957],
+              [89.067757, 27.240354],
+              [89.077612, 27.287168],
+              [89.152757, 27.319076],
+              [89.182938, 27.373829],
+              [89.132431, 27.441302],
+              [89.095474, 27.471572],
+              [89.109025, 27.537925],
+              [89.163228, 27.574534],
+              [89.128735, 27.611131],
+              [89.131815, 27.633402],
+              [89.184786, 27.673689],
+              [89.238988, 27.796581],
+              [89.295655, 27.84845],
+              [89.375727, 27.875962],
+              [89.44348, 27.968501],
+              [89.461958, 28.03191],
+              [89.511233, 28.086307],
+              [89.541414, 28.088418],
+              [89.605472, 28.161782],
+              [89.720037, 28.170224],
+              [89.779167, 28.197127],
+              [89.789638, 28.240895],
+              [89.869094, 28.221386],
+              [89.901739, 28.18183],
+              [89.976268, 28.189215],
+              [90.017536, 28.162837],
+              [90.03355, 28.136981],
+              [90.07297, 28.155451],
+              [90.103151, 28.141731],
+              [90.124709, 28.190797],
+              [90.166593, 28.187632],
+              [90.189999, 28.161782],
+              [90.231882, 28.144897],
+              [90.297172, 28.153868],
+              [90.367389, 28.088946],
+              [90.384019, 28.06096],
+              [90.43699, 28.063073],
+              [90.47949, 28.044587],
+              [90.513983, 28.062016],
+              [90.569417, 28.044059],
+              [90.591591, 28.021345],
+              [90.701844, 28.076274],
+              [90.741264, 28.053038],
+              [90.802242, 28.040362],
+              [90.806554, 28.015005],
+              [90.853365, 27.969029],
+              [90.896481, 27.946299],
+              [90.96177, 27.9537],
+              [90.976553, 27.935725],
+              [90.96485, 27.900294],
+              [91.025828, 27.857445],
+              [91.113292, 27.846333],
+              [91.155175, 27.894476],
+              [91.147784, 27.927794],
+              [91.162567, 27.968501],
+              [91.216153, 27.989113],
+              [91.251878, 27.970615],
+              [91.309776, 28.057791],
+              [91.464993, 28.002852],
+              [91.490246, 27.971672],
+              [91.486551, 27.937311],
+              [91.552456, 27.90717],
+              [91.611586, 27.891303],
+              [91.618978, 27.856916],
+              [91.561079, 27.855329],
+              [91.544449, 27.820401],
+              [91.610355, 27.819343],
+              [91.642383, 27.7664],
+              [91.622673, 27.692238],
+              [91.570934, 27.650897],
+              [91.562311, 27.627569],
+              [91.582637, 27.598933],
+              [91.564775, 27.58196],
+              [91.585101, 27.540578],
+              [91.626985, 27.509265],
+              [91.663325, 27.507142],
+              [91.71876, 27.467324],
+              [91.753868, 27.462545],
+              [91.839484, 27.489624],
+              [91.946657, 27.464138],
+              [92.010715, 27.474758],
+              [92.021802, 27.444489],
+              [92.064918, 27.391365],
+              [92.125896, 27.273339],
+              [92.091403, 27.264296],
+              [92.071077, 27.237694],
+              [92.061222, 27.190327],
+              [92.032273, 27.167967],
+              [92.02673, 27.108318],
+              [92.043976, 27.052902],
+              [92.076005, 27.041175],
+              [92.124664, 26.960124],
+              [92.109265, 26.854991],
+              [92.197961, 26.86994],
+              [92.28604, 26.892359],
+              [92.404916, 26.9025],
+              [92.496691, 26.921711],
+              [92.549046, 26.941453],
+              [92.64698, 26.952656],
+              [92.682089, 26.947855],
+              [92.802813, 26.895028],
+              [92.909371, 26.914241],
+              [93.050421, 26.883819],
+              [93.111399, 26.880082],
+              [93.232739, 26.906769],
+              [93.56781, 26.938252],
+              [93.625092, 26.955323],
+              [93.747048, 27.015587],
+              [93.817265, 27.025183],
+              [93.841903, 27.045973],
+              [93.849294, 27.168499],
+              [93.970634, 27.30525],
+              [94.056866, 27.375423],
+              [94.147409, 27.458297],
+              [94.220705, 27.536333],
+              [94.277372, 27.58143],
+              [94.353132, 27.578778],
+              [94.399944, 27.589386],
+              [94.443675, 27.585143],
+              [94.478168, 27.602116],
+              [94.524979, 27.596282],
+              [94.660486, 27.650367],
+              [94.722696, 27.683759],
+              [94.78121, 27.699127],
+              [94.836645, 27.728796],
+              [94.88592, 27.743098],
+              [94.947514, 27.792345],
+              [95.015267, 27.82887],
+              [95.067006, 27.840512],
+              [95.28628, 27.939955],
+              [95.32878, 28.017646],
+              [95.352802, 28.04089],
+              [95.371896, 28.110063],
+              [95.39715, 28.142259],
+              [95.437802, 28.161782],
+              [95.528345, 28.182885],
+              [95.674322, 28.254075],
+              [95.740228, 28.275159],
+              [95.787655, 28.270416],
+              [95.832003, 28.295186],
+              [95.874502, 28.29782],
+              [95.899756, 28.278322],
+              [95.907763, 28.241422],
+              [95.936096, 28.240368],
+              [95.989067, 28.198181],
+              [96.074683, 28.193434],
+              [96.098088, 28.212421],
+              [96.194175, 28.212949],
+              [96.275479, 28.228241],
+              [96.298269, 28.140148],
+              [96.367254, 28.118509],
+              [96.398667, 28.118509],
+              [96.395587, 28.143842],
+              [96.426384, 28.161782],
+              [96.46334, 28.143314],
+              [96.499681, 28.067297],
+              [96.538485, 28.075218],
+              [96.623485, 28.024514],
+              [96.635188, 27.994926],
+              [96.690622, 27.948942],
+              [96.711564, 27.9574],
+              [96.784245, 27.931495],
+              [96.810114, 27.890245],
+              [96.849534, 27.874375],
+              [96.908049, 27.884426],
+              [96.972722, 27.861149],
+              [97.008447, 27.807698],
+              [97.049099, 27.81405],
+              [97.062649, 27.742568],
+              [97.097758, 27.740979],
+              [97.103301, 27.780697],
+              [97.167975, 27.811932],
+              [97.253591, 27.891832],
+              [97.303482, 27.913516],
+              [97.324424, 27.880723],
+              [97.386634, 27.882839],
+              [97.372467, 27.907699],
+              [97.379242, 27.970087],
+              [97.413119, 28.01342],
+              [97.378626, 28.031382],
+              [97.375547, 28.062545],
+              [97.320728, 28.054095],
+              [97.305945, 28.071522],
+              [97.340438, 28.104785],
+              [97.326887, 28.132759],
+              [97.352757, 28.149646],
+              [97.362612, 28.199236],
+              [97.349677, 28.235623],
+              [97.398336, 28.238786],
+              [97.402032, 28.279903],
+              [97.422358, 28.297293],
+              [97.461162, 28.26778],
+              [97.469169, 28.30309],
+              [97.518445, 28.327852],
+              [97.488879, 28.347341],
+              [97.485184, 28.38631],
+              [97.499966, 28.428948],
+              [97.521524, 28.444736],
+              [97.507974, 28.46473],
+              [97.521524, 28.495766],
+              [97.569567, 28.541515],
+              [97.60406, 28.515225],
+              [97.634857, 28.532051],
+              [97.68598, 28.519958],
+              [97.737103, 28.465782],
+              [97.738335, 28.396313],
+              [97.769748, 28.3742],
+              [97.801161, 28.326798],
+              [97.842429, 28.326798],
+              [97.871378, 28.361561],
+              [97.907718, 28.363141],
+              [98.020435, 28.253548],
+              [98.008116, 28.214003],
+              [98.03337, 28.187105],
+              [98.056775, 28.202401],
+              [98.090036, 28.195544],
+              [98.097427, 28.166531],
+              [98.139311, 28.142259],
+              [98.17442, 28.163365],
+              [98.169492, 28.206093],
+              [98.21692, 28.212949],
+              [98.266811, 28.242477],
+              [98.231702, 28.314681],
+              [98.207681, 28.330486],
+              [98.208913, 28.358401],
+              [98.301303, 28.384204],
+              [98.317934, 28.324691],
+              [98.353042, 28.293078],
+              [98.37768, 28.246167],
+              [98.370289, 28.18394],
+              [98.389999, 28.16442],
+              [98.389383, 28.114814],
+              [98.428803, 28.104785],
+              [98.464527, 28.151229],
+              [98.494092, 28.141203],
+              [98.559382, 28.182885],
+              [98.625903, 28.165475],
+              [98.649925, 28.200291],
+              [98.712135, 28.229296],
+              [98.710287, 28.288862],
+              [98.746628, 28.321003],
+              [98.740468, 28.348395],
+              [98.693041, 28.43158],
+              [98.673947, 28.478934],
+              [98.625903, 28.489455],
+              [98.619128, 28.50944],
+              [98.637606, 28.552029],
+              [98.594491, 28.667615],
+              [98.666555, 28.712239],
+              [98.683802, 28.740054],
+              [98.652389, 28.817162],
+              [98.668403, 28.843376],
+              [98.643766, 28.895261],
+              [98.6567, 28.910454],
+              [98.624056, 28.95864],
+              [98.655469, 28.976966],
+              [98.70228, 28.9644],
+              [98.757714, 29.004186],
+              [98.786048, 28.998952],
+              [98.821772, 28.920931],
+              [98.827932, 28.821356],
+              [98.852569, 28.798283],
+              [98.912931, 28.800906],
+              [98.922786, 28.823978],
+              [98.972677, 28.832367],
+              [98.973909, 28.864867],
+              [98.917859, 28.886877],
+              [98.925866, 28.978536],
+              [99.013329, 29.036632],
+              [98.991771, 29.105677],
+              [98.967134, 29.128159],
+              [98.960974, 29.165792],
+              [98.9813, 29.204978],
+              [99.024416, 29.188783],
+              [99.037351, 29.20759],
+              [99.113727, 29.221171],
+              [99.114343, 29.243628],
+              [99.075539, 29.316186],
+              [99.058909, 29.417368],
+              [99.066916, 29.421018],
+              [99.044742, 29.520013],
+              [99.052133, 29.563748],
+              [99.014561, 29.607464],
+              [98.992387, 29.677163],
+              [99.018873, 29.792009],
+              [99.0238, 29.846009],
+              [99.068148, 29.931621],
+              [99.055213, 29.958587],
+              [99.036735, 30.053945],
+              [99.044742, 30.079842],
+              [98.989308, 30.151799],
+              [98.9813, 30.182843],
+              [98.993003, 30.215429],
+              [98.970829, 30.260928],
+              [98.986844, 30.280569],
+              [98.967134, 30.33482],
+              [98.965286, 30.449937],
+              [98.932025, 30.521623],
+              [98.926482, 30.569556],
+              [98.939417, 30.598923],
+              [98.92217, 30.609225],
+              [98.907388, 30.698292],
+              [98.963438, 30.728134],
+              [98.957895, 30.765166],
+              [98.904924, 30.782649],
+              [98.850105, 30.849465],
+              [98.797135, 30.87926],
+              [98.774345, 30.908019],
+              [98.797135, 30.948575],
+              [98.806374, 30.995783],
+              [98.774961, 31.031174],
+              [98.736772, 31.049121],
+              [98.712135, 31.082954],
+              [98.710287, 31.1178],
+              [98.675179, 31.15417],
+              [98.602498, 31.192062],
+              [98.62344, 31.221238],
+              [98.60373, 31.257568],
+              [98.616048, 31.3036],
+              [98.643766, 31.338876],
+              [98.691809, 31.333253],
+              [98.773113, 31.249382],
+              [98.805758, 31.279052],
+              [98.810685, 31.306668],
+              [98.887062, 31.37465],
+              [98.84333, 31.416028],
+              [98.844562, 31.429817],
+              [98.714599, 31.508935],
+              [98.696736, 31.538523],
+              [98.651157, 31.57881],
+              [98.619128, 31.591555],
+              [98.553839, 31.660349],
+              [98.545831, 31.717383],
+              [98.516882, 31.717383],
+              [98.508875, 31.751995],
+              [98.461448, 31.800327],
+              [98.414636, 31.832365],
+              [98.426339, 31.856767],
+              [98.399238, 31.895899],
+              [98.432498, 31.922825],
+              [98.434962, 32.007613],
+              [98.402933, 32.026896],
+              [98.404781, 32.045159],
+              [98.357354, 32.087253],
+              [98.303151, 32.121726],
+              [98.260035, 32.208862],
+              [98.218768, 32.234683],
+              [98.23047, 32.262521],
+              [98.208913, 32.318171],
+              [98.218768, 32.342444],
+              [98.125145, 32.401077],
+              [98.107283, 32.391476],
+              [98.079565, 32.415224],
+              [97.940363, 32.482393],
+              [97.880001, 32.486431],
+              [97.863986, 32.499051],
+              [97.80732, 32.50006],
+              [97.795617, 32.521257],
+              [97.730944, 32.527312],
+              [97.684132, 32.530339],
+              [97.670582, 32.51722],
+              [97.540618, 32.536899],
+              [97.50243, 32.530844],
+              [97.463626, 32.55506],
+              [97.448843, 32.586833],
+              [97.411887, 32.575235],
+              [97.374315, 32.546484],
+              [97.3583, 32.563635],
+              [97.332431, 32.542448],
+              [97.334895, 32.514192],
+              [97.388481, 32.501575],
+              [97.341054, 32.440987],
+              [97.387865, 32.427349],
+              [97.424822, 32.322723],
+              [97.415583, 32.296421],
+              [97.371235, 32.273148],
+              [97.32196, 32.303503],
+              [97.299786, 32.294904],
+              [97.264062, 32.182527],
+              [97.271453, 32.139971],
+              [97.313953, 32.130342],
+              [97.293011, 32.096887],
+              [97.308409, 32.076605],
+              [97.258518, 32.072041],
+              [97.219714, 32.109054],
+              [97.201852, 32.090296],
+              [97.233881, 32.063927],
+              [97.214786, 32.042623],
+              [97.188301, 32.055304],
+              [97.169823, 32.032984],
+              [97.127323, 32.044145],
+              [97.028773, 32.04871],
+              [97.006599, 32.067984],
+              [96.935766, 32.048203],
+              [96.965947, 32.008628],
+              [96.941925, 31.986297],
+              [96.894498, 32.013703],
+              [96.863085, 31.996448],
+              [96.868629, 31.964975],
+              [96.824281, 32.007613],
+              [96.722651, 32.013195],
+              [96.742977, 32.001016],
+              [96.753448, 31.944156],
+              [96.776238, 31.935015],
+              [96.81073, 31.894375],
+              [96.794716, 31.869474],
+              [96.760223, 31.860325],
+              [96.765767, 31.819144],
+              [96.799027, 31.792188],
+              [96.840295, 31.720438],
+              [96.790404, 31.698545],
+              [96.778701, 31.675629],
+              [96.722651, 31.686833],
+              [96.691854, 31.722474],
+              [96.661057, 31.705674],
+              [96.615477, 31.737236],
+              [96.56805, 31.711783],
+              [96.519391, 31.74945],
+              [96.468884, 31.769804],
+              [96.435623, 31.796258],
+              [96.407906, 31.845583],
+              [96.389428, 31.919777],
+              [96.288414, 31.919777],
+              [96.253305, 31.929936],
+              [96.220044, 31.905553],
+              [96.188632, 31.904028],
+              [96.214501, 31.876589],
+              [96.202798, 31.841008],
+              [96.183088, 31.835924],
+              [96.178161, 31.775401],
+              [96.231131, 31.749959],
+              [96.222508, 31.733164],
+              [96.252073, 31.697527],
+              [96.245298, 31.657802],
+              [96.221892, 31.647613],
+              [96.207726, 31.598691],
+              [96.156603, 31.602769],
+              [96.148595, 31.686324],
+              [96.135661, 31.70211],
+              [96.064828, 31.720438],
+              [95.989067, 31.78761],
+              [95.983524, 31.816601],
+              [95.89914, 31.81711],
+              [95.846169, 31.736218],
+              [95.853561, 31.714329],
+              [95.823995, 31.68225],
+              [95.779648, 31.748941],
+              [95.634286, 31.782523],
+              [95.580083, 31.76726],
+              [95.546823, 31.73978],
+              [95.511714, 31.750468],
+              [95.480301, 31.795749],
+              [95.456896, 31.801853],
+              [95.406389, 31.896915],
+              [95.408852, 31.918761],
+              [95.3682, 31.92892],
+              [95.360809, 31.95939],
+              [95.395918, 32.001523],
+              [95.454432, 32.007613],
+              [95.421171, 32.033999],
+              [95.454432, 32.061898],
+              [95.440265, 32.157705],
+              [95.406389, 32.182021],
+              [95.367584, 32.178982],
+              [95.366968, 32.151118],
+              [95.31523, 32.148585],
+              [95.270266, 32.194683],
+              [95.270266, 32.194683],
+              [95.239469, 32.287315],
+              [95.241317, 32.3207],
+              [95.214216, 32.321712],
+              [95.20744, 32.297433],
+              [95.10581, 32.258979],
+              [95.079325, 32.279726],
+              [95.096571, 32.322217],
+              [95.193274, 32.332331],
+              [95.261643, 32.348006],
+              [95.228382, 32.363678],
+              [95.218527, 32.397035],
+              [95.153853, 32.386423],
+              [95.081789, 32.384907],
+              [95.075013, 32.376315],
+              [95.075013, 32.376315],
+              [95.057151, 32.395014],
+              [94.988166, 32.422802],
+              [94.944434, 32.404109],
+              [94.912405, 32.41573],
+              [94.889616, 32.472295],
+              [94.852043, 32.463712],
+              [94.80708, 32.486431],
+              [94.78737, 32.522266],
+              [94.762116, 32.526303],
+              [94.737479, 32.587338],
+              [94.638312, 32.645307],
+              [94.614291, 32.673522],
+              [94.591501, 32.640772],
+              [94.522516, 32.595909],
+              [94.459074, 32.599439],
+              [94.463386, 32.572209],
+              [94.435052, 32.562626],
+              [94.395016, 32.594397],
+              [94.371611, 32.524789],
+              [94.350053, 32.533871],
+              [94.294002, 32.519743],
+              [94.292154, 32.502584],
+              [94.250886, 32.51722],
+              [94.196684, 32.51621],
+              [94.176974, 32.454117],
+              [94.137554, 32.433915],
+              [94.091974, 32.463207],
+              [94.049474, 32.469771],
+              [94.03038, 32.448057],
+              [93.978641, 32.459672],
+              [93.960163, 32.484917],
+              [93.90904, 32.463207],
+              [93.861613, 32.466237],
+              [93.851142, 32.50965],
+              [93.820345, 32.549511],
+              [93.75136, 32.56313],
+              [93.721795, 32.578261],
+              [93.651577, 32.571705],
+              [93.618933, 32.522771],
+              [93.516687, 32.47583],
+              [93.501904, 32.503593],
+              [93.476651, 32.504603],
+              [93.4631, 32.556069],
+              [93.411977, 32.558086],
+              [93.385492, 32.525294],
+              [93.33868, 32.5712],
+              [93.308499, 32.580278],
+              [93.300492, 32.619604],
+              [93.260456, 32.62666],
+              [93.239514, 32.662439],
+              [93.210565, 32.655385],
+              [93.176688, 32.6705],
+              [93.159442, 32.644803],
+              [93.087993, 32.63674],
+              [93.069515, 32.626156],
+              [93.023935, 32.703239],
+              [93.019624, 32.737477],
+              [93.00053, 32.741001],
+              [92.964189, 32.714821],
+              [92.933392, 32.719353],
+              [92.866871, 32.698203],
+              [92.822523, 32.729926],
+              [92.789262, 32.719856],
+              [92.756618, 32.743014],
+              [92.686401, 32.76516],
+              [92.667922, 32.73194],
+              [92.634662, 32.720863],
+              [92.574916, 32.741001],
+              [92.56814, 32.73194],
+              [92.484372, 32.745028],
+              [92.459119, 32.76365],
+              [92.411076, 32.748048],
+              [92.355641, 32.764657],
+              [92.343938, 32.738484],
+              [92.310062, 32.751571],
+              [92.255243, 32.720863],
+              [92.198577, 32.754591],
+              [92.211511, 32.788306],
+              [92.193649, 32.801889],
+              [92.227526, 32.821003],
+              [92.205352, 32.866255],
+              [92.145606, 32.885857],
+              [92.101874, 32.860222],
+              [92.038432, 32.860725],
+              [92.018722, 32.829552],
+              [91.955897, 32.8205],
+              [91.896766, 32.907967],
+              [91.857962, 32.90244],
+              [91.839484, 32.948152],
+              [91.799448, 32.942126],
+              [91.752637, 32.969242],
+              [91.685499, 32.989324],
+              [91.664557, 33.012913],
+              [91.583253, 33.0375],
+              [91.55492, 33.060074],
+              [91.535826, 33.10019],
+              [91.49579, 33.109214],
+              [91.436044, 33.066092],
+              [91.370138, 33.100691],
+              [91.311624, 33.108211],
+              [91.261733, 33.141291],
+              [91.226624, 33.141792],
+              [91.18782, 33.106206],
+              [91.161335, 33.108712],
+              [91.147784, 33.07211],
+              [91.072024, 33.113224],
+              [91.037531, 33.098686],
+              [91.001807, 33.11573],
+              [90.927894, 33.120241],
+              [90.902024, 33.083143],
+              [90.88293, 33.120241],
+              [90.803474, 33.114227],
+              [90.740032, 33.142293],
+              [90.704308, 33.135778],
+              [90.627315, 33.180368],
+              [90.562642, 33.229441],
+              [90.490577, 33.264977],
+              [90.405577, 33.260473],
+              [90.363077, 33.279487],
+              [90.332896, 33.310501],
+              [90.246665, 33.423959],
+              [90.22018, 33.437943],
+              [90.107463, 33.460913],
+              [90.088984, 33.478885],
+              [90.083441, 33.525295],
+              [90.01076, 33.553728],
+              [89.984275, 33.612061],
+              [90.008296, 33.687785],
+              [89.981195, 33.70322],
+              [89.983659, 33.725622],
+              [89.907282, 33.741051],
+              [89.902355, 33.758467],
+              [89.942391, 33.801246],
+              [89.899891, 33.80771],
+              [89.837065, 33.868853],
+              [89.795181, 33.865374],
+              [89.73174, 33.921509],
+              [89.718805, 33.946832],
+              [89.688008, 33.959739],
+              [89.684928, 33.990013],
+              [89.635037, 34.049537],
+              [89.656595, 34.057966],
+              [89.655979, 34.097126],
+              [89.71203, 34.131809],
+              [89.756993, 34.124874],
+              [89.760073, 34.152613],
+              [89.789638, 34.150632],
+              [89.816739, 34.16945],
+              [89.838297, 34.263477],
+              [89.825362, 34.293642],
+              [89.86663, 34.324785],
+              [89.858623, 34.359375],
+              [89.820435, 34.369255],
+              [89.799493, 34.39642],
+              [89.819819, 34.420614],
+              [89.823515, 34.455657],
+              [89.814891, 34.548871],
+              [89.777935, 34.574499],
+              [89.798877, 34.628686],
+              [89.74837, 34.641981],
+              [89.72558, 34.660689],
+              [89.732356, 34.732035],
+              [89.799493, 34.743838],
+              [89.825978, 34.796931],
+              [89.867862, 34.81069],
+              [89.838913, 34.865705],
+              [89.814891, 34.86816],
+              [89.821051, 34.902033],
+              [89.78779, 34.921664],
+              [89.747138, 34.903506],
+              [89.707102, 34.919701],
+              [89.670146, 34.887798],
+              [89.578987, 34.895162],
+              [89.560509, 34.938836],
+              [89.59069, 35.057965],
+              [89.593153, 35.104491],
+              [89.579603, 35.118688],
+              [89.519241, 35.133862],
+              [89.46935, 35.214577],
+              [89.450255, 35.223867],
+              [89.48598, 35.256616],
+              [89.531559, 35.276161],
+              [89.494603, 35.298632],
+              [89.516161, 35.330862],
+              [89.497067, 35.361128],
+              [89.58761, 35.383575],
+              [89.619639, 35.412357],
+              [89.658443, 35.425526],
+              [89.685544, 35.416259],
+              [89.739131, 35.468429],
+              [89.765, 35.482563],
+              [89.740979, 35.507412],
+              [89.720037, 35.501566],
+              [89.699711, 35.544916],
+              [89.71203, 35.581915],
+              [89.75145, 35.580942],
+              [89.765616, 35.599922],
+              [89.726196, 35.648082],
+              [89.748986, 35.66267],
+              [89.747138, 35.7516],
+              [89.782863, 35.773453],
+              [89.767464, 35.799183],
+              [89.801957, 35.848193],
+              [89.778551, 35.861775],
+              [89.707718, 35.849163],
+              [89.654747, 35.848193],
+              [89.62395, 35.859349],
+              [89.550654, 35.856924],
+              [89.554965, 35.873414],
+              [89.489676, 35.903475],
+              [89.428082, 35.917531],
+              [89.434857, 35.992136],
+              [89.404676, 36.016827],
+              [89.417611, 36.044897],
+              [89.474893, 36.022151],
+              [89.605472, 36.038123],
+              [89.688624, 36.091337],
+              [89.711414, 36.093272]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 610000,
+        "name": "陕西省",
+        "center": [108.948024, 34.263161],
+        "centroid": [108.887114, 35.263661],
+        "childrenNum": 10,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 26,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [110.379257, 34.600612],
+              [110.29549, 34.610956],
+              [110.269004, 34.629671],
+              [110.229584, 34.692679],
+              [110.243135, 34.725641],
+              [110.246831, 34.789068],
+              [110.230816, 34.880925],
+              [110.262229, 34.944233],
+              [110.320743, 35.00504],
+              [110.373714, 35.134351],
+              [110.364475, 35.197952],
+              [110.378642, 35.210666],
+              [110.374946, 35.251728],
+              [110.45009, 35.327933],
+              [110.477808, 35.413821],
+              [110.531394, 35.511309],
+              [110.567735, 35.539559],
+              [110.589293, 35.602355],
+              [110.609619, 35.632031],
+              [110.57759, 35.701559],
+              [110.571431, 35.800639],
+              [110.550489, 35.838005],
+              [110.549257, 35.877778],
+              [110.511684, 35.879718],
+              [110.516612, 35.918501],
+              [110.502445, 35.947575],
+              [110.516612, 35.971796],
+              [110.49259, 35.994073],
+              [110.491974, 36.034735],
+              [110.467953, 36.074893],
+              [110.447011, 36.164328],
+              [110.45625, 36.22663],
+              [110.474112, 36.248352],
+              [110.474112, 36.306729],
+              [110.459946, 36.327946],
+              [110.487047, 36.393972],
+              [110.489511, 36.430094],
+              [110.47288, 36.453203],
+              [110.503677, 36.488335],
+              [110.488895, 36.556628],
+              [110.496902, 36.582102],
+              [110.447627, 36.621018],
+              [110.426685, 36.657514],
+              [110.394656, 36.676716],
+              [110.402663, 36.697352],
+              [110.438388, 36.685835],
+              [110.447011, 36.737649],
+              [110.407591, 36.776007],
+              [110.423605, 36.818179],
+              [110.406975, 36.824886],
+              [110.424221, 36.855539],
+              [110.376178, 36.882351],
+              [110.408823, 36.892403],
+              [110.424221, 36.963685],
+              [110.381721, 37.002408],
+              [110.382953, 37.022001],
+              [110.426685, 37.008621],
+              [110.417446, 37.027257],
+              [110.460561, 37.044932],
+              [110.49567, 37.086956],
+              [110.535706, 37.115118],
+              [110.53509, 37.138021],
+              [110.590525, 37.187145],
+              [110.651503, 37.256722],
+              [110.661974, 37.281963],
+              [110.690307, 37.287201],
+              [110.678604, 37.317668],
+              [110.695234, 37.34955],
+              [110.641648, 37.360015],
+              [110.630561, 37.372858],
+              [110.644111, 37.435135],
+              [110.740198, 37.44939],
+              [110.759292, 37.474567],
+              [110.770995, 37.538184],
+              [110.795017, 37.558586],
+              [110.771611, 37.594634],
+              [110.763604, 37.639668],
+              [110.793169, 37.650567],
+              [110.775306, 37.680886],
+              [110.706321, 37.705511],
+              [110.716792, 37.728708],
+              [110.750669, 37.736281],
+              [110.735886, 37.77035],
+              [110.680452, 37.790216],
+              [110.59422, 37.922049],
+              [110.522771, 37.955088],
+              [110.528315, 37.990471],
+              [110.507989, 38.013107],
+              [110.501829, 38.097929],
+              [110.519692, 38.130889],
+              [110.509221, 38.192061],
+              [110.528315, 38.211814],
+              [110.565887, 38.215105],
+              [110.57759, 38.297345],
+              [110.601612, 38.308147],
+              [110.661358, 38.308617],
+              [110.701394, 38.353215],
+              [110.746973, 38.366355],
+              [110.77777, 38.440924],
+              [110.796864, 38.453579],
+              [110.840596, 38.439986],
+              [110.874473, 38.453579],
+              [110.870777, 38.510265],
+              [110.907733, 38.521035],
+              [110.920052, 38.581878],
+              [110.898494, 38.587024],
+              [110.880632, 38.626776],
+              [110.916357, 38.673981],
+              [110.915125, 38.704345],
+              [110.965016, 38.755699],
+              [111.009363, 38.847579],
+              [110.995813, 38.868084],
+              [111.016755, 38.889981],
+              [111.009979, 38.932823],
+              [110.980414, 38.970056],
+              [110.998276, 38.998433],
+              [111.038313, 39.020289],
+              [111.094363, 39.030053],
+              [111.138095, 39.064447],
+              [111.147334, 39.100681],
+              [111.173819, 39.135041],
+              [111.163348, 39.152678],
+              [111.219399, 39.244044],
+              [111.213239, 39.257021],
+              [111.247732, 39.302419],
+              [111.202152, 39.305197],
+              [111.179363, 39.326959],
+              [111.186138, 39.35149],
+              [111.155341, 39.338531],
+              [111.159037, 39.362596],
+              [111.125776, 39.366297],
+              [111.087588, 39.376013],
+              [111.098059, 39.401914],
+              [111.064182, 39.400989],
+              [111.058639, 39.447681],
+              [111.10545, 39.472631],
+              [111.10545, 39.497573],
+              [111.148566, 39.531277],
+              [111.154725, 39.569116],
+              [111.136863, 39.587106],
+              [111.101138, 39.559428],
+              [111.017371, 39.552045],
+              [110.958856, 39.519275],
+              [110.891103, 39.509118],
+              [110.869545, 39.494341],
+              [110.782698, 39.38804],
+              [110.73835, 39.348713],
+              [110.731575, 39.30705],
+              [110.702626, 39.273701],
+              [110.626249, 39.266751],
+              [110.596684, 39.282966],
+              [110.566503, 39.320014],
+              [110.559728, 39.351027],
+              [110.524003, 39.382952],
+              [110.482735, 39.360745],
+              [110.434692, 39.381101],
+              [110.429764, 39.341308],
+              [110.385417, 39.310291],
+              [110.257917, 39.407001],
+              [110.243751, 39.423645],
+              [110.152592, 39.45415],
+              [110.12549, 39.432891],
+              [110.136577, 39.39174],
+              [110.161831, 39.387115],
+              [110.184005, 39.355192],
+              [110.217881, 39.281113],
+              [110.109476, 39.249606],
+              [110.041107, 39.21623],
+              [109.962267, 39.212056],
+              [109.90252, 39.271848],
+              [109.871723, 39.243581],
+              [109.961035, 39.191651],
+              [109.893897, 39.141075],
+              [109.92223, 39.107183],
+              [109.890818, 39.103932],
+              [109.851397, 39.122971],
+              [109.793499, 39.074204],
+              [109.762086, 39.057476],
+              [109.72513, 39.018429],
+              [109.665384, 38.981687],
+              [109.685094, 38.968195],
+              [109.672159, 38.928167],
+              [109.624116, 38.85457],
+              [109.549587, 38.805618],
+              [109.511399, 38.833595],
+              [109.444262, 38.782763],
+              [109.404226, 38.720689],
+              [109.338936, 38.701542],
+              [109.329081, 38.66043],
+              [109.367269, 38.627711],
+              [109.331545, 38.597783],
+              [109.276726, 38.623035],
+              [109.196654, 38.552867],
+              [109.175712, 38.518694],
+              [109.128901, 38.480288],
+              [109.054372, 38.433892],
+              [109.051292, 38.385122],
+              [109.007561, 38.359316],
+              [108.961981, 38.26493],
+              [108.976148, 38.245192],
+              [108.938575, 38.207582],
+              [108.964445, 38.154894],
+              [109.069155, 38.091336],
+              [109.050676, 38.055059],
+              [109.06977, 38.023008],
+              [109.037742, 38.021593],
+              [109.018648, 37.971602],
+              [108.982923, 37.964053],
+              [108.9743, 37.931962],
+              [108.93488, 37.922521],
+              [108.893612, 37.978207],
+              [108.883141, 38.01405],
+              [108.830786, 38.049875],
+              [108.797525, 38.04799],
+              [108.82709, 37.989056],
+              [108.798141, 37.93385],
+              [108.791982, 37.872934],
+              [108.799989, 37.784068],
+              [108.784591, 37.764673],
+              [108.791982, 37.700303],
+              [108.777815, 37.683728],
+              [108.720533, 37.683728],
+              [108.699591, 37.669518],
+              [108.628142, 37.651988],
+              [108.532671, 37.690832],
+              [108.485244, 37.678044],
+              [108.422418, 37.648672],
+              [108.301078, 37.640616],
+              [108.293071, 37.656726],
+              [108.24626, 37.665728],
+              [108.205608, 37.655779],
+              [108.193905, 37.638246],
+              [108.134159, 37.622131],
+              [108.055318, 37.652462],
+              [108.025137, 37.649619],
+              [108.012819, 37.66857],
+              [108.025753, 37.696041],
+              [107.993109, 37.735335],
+              [107.982022, 37.787378],
+              [107.884703, 37.808186],
+              [107.842819, 37.828987],
+              [107.732566, 37.84931],
+              [107.684523, 37.888522],
+              [107.65003, 37.86443],
+              [107.659269, 37.844112],
+              [107.646335, 37.805349],
+              [107.620465, 37.776026],
+              [107.599523, 37.791162],
+              [107.57119, 37.776499],
+              [107.499125, 37.765619],
+              [107.484959, 37.706458],
+              [107.425828, 37.684201],
+              [107.387024, 37.691305],
+              [107.389488, 37.671413],
+              [107.422133, 37.665254],
+              [107.361155, 37.613125],
+              [107.311264, 37.609806],
+              [107.330358, 37.584201],
+              [107.369162, 37.58752],
+              [107.345756, 37.518725],
+              [107.284162, 37.481691],
+              [107.282931, 37.437036],
+              [107.257677, 37.337179],
+              [107.273075, 37.29101],
+              [107.309416, 37.239095],
+              [107.270612, 37.229089],
+              [107.317423, 37.200017],
+              [107.336517, 37.165687],
+              [107.334669, 37.138975],
+              [107.306952, 37.100799],
+              [107.281083, 37.127047],
+              [107.268764, 37.099367],
+              [107.28601, 37.054963],
+              [107.288474, 37.008143],
+              [107.288474, 37.008143],
+              [107.291554, 36.979463],
+              [107.291554, 36.979463],
+              [107.310032, 36.912502],
+              [107.336517, 36.925899],
+              [107.365466, 36.905324],
+              [107.478183, 36.908196],
+              [107.533618, 36.867031],
+              [107.540393, 36.828718],
+              [107.5909, 36.836382],
+              [107.642023, 36.819137],
+              [107.670356, 36.83303],
+              [107.722095, 36.802367],
+              [107.742421, 36.811951],
+              [107.768291, 36.792783],
+              [107.866841, 36.766899],
+              [107.907493, 36.750118],
+              [107.914268, 36.720861],
+              [107.940754, 36.694953],
+              [107.938906, 36.655594],
+              [108.006659, 36.683435],
+              [108.02329, 36.647912],
+              [108.001732, 36.639269],
+              [108.060862, 36.592194],
+              [108.079956, 36.614294],
+              [108.092891, 36.587388],
+              [108.163724, 36.563839],
+              [108.1976, 36.630144],
+              [108.222854, 36.631105],
+              [108.204992, 36.606607],
+              [108.204992, 36.606607],
+              [108.210535, 36.577296],
+              [108.245644, 36.571048],
+              [108.262274, 36.549417],
+              [108.340498, 36.559032],
+              [108.365136, 36.519603],
+              [108.391621, 36.505654],
+              [108.408252, 36.45946],
+              [108.460606, 36.422871],
+              [108.495099, 36.422389],
+              [108.514809, 36.445501],
+              [108.510498, 36.47438],
+              [108.562852, 36.43876],
+              [108.618903, 36.433946],
+              [108.651548, 36.384818],
+              [108.641693, 36.359279],
+              [108.646004, 36.254143],
+              [108.712526, 36.138716],
+              [108.682345, 36.062316],
+              [108.688504, 36.021183],
+              [108.659555, 35.990683],
+              [108.652164, 35.94806],
+              [108.593649, 35.950967],
+              [108.562852, 35.921409],
+              [108.518505, 35.905414],
+              [108.499411, 35.872444],
+              [108.527744, 35.82442],
+              [108.533903, 35.746257],
+              [108.517889, 35.699615],
+              [108.539447, 35.605761],
+              [108.618287, 35.557088],
+              [108.625678, 35.537124],
+              [108.605968, 35.503028],
+              [108.631222, 35.418698],
+              [108.61028, 35.355271],
+              [108.614591, 35.328909],
+              [108.583178, 35.294724],
+              [108.547454, 35.304981],
+              [108.48894, 35.275184],
+              [108.36144, 35.279581],
+              [108.345426, 35.300586],
+              [108.296767, 35.267855],
+              [108.239484, 35.256127],
+              [108.221622, 35.296678],
+              [108.174811, 35.304981],
+              [108.094739, 35.280069],
+              [108.049159, 35.253683],
+              [107.949993, 35.245375],
+              [107.960464, 35.263457],
+              [107.867457, 35.256127],
+              [107.841587, 35.276649],
+              [107.745501, 35.311819],
+              [107.737494, 35.267366],
+              [107.667277, 35.257104],
+              [107.652494, 35.244886],
+              [107.686371, 35.218],
+              [107.715936, 35.168114],
+              [107.727639, 35.120157],
+              [107.769523, 35.064333],
+              [107.769523, 35.064333],
+              [107.773218, 35.060904],
+              [107.773218, 35.060904],
+              [107.814486, 35.024646],
+              [107.846515, 35.024646],
+              [107.863145, 34.999158],
+              [107.842203, 34.979056],
+              [107.741805, 34.953553],
+              [107.675284, 34.9511],
+              [107.638943, 34.935402],
+              [107.619849, 34.964834],
+              [107.564415, 34.968757],
+              [107.523763, 34.909886],
+              [107.455394, 34.916757],
+              [107.400575, 34.932949],
+              [107.369162, 34.917738],
+              [107.350068, 34.93393],
+              [107.286626, 34.931968],
+              [107.252749, 34.880925],
+              [107.189308, 34.893198],
+              [107.162206, 34.944233],
+              [107.119707, 34.950119],
+              [107.089526, 34.976604],
+              [107.08275, 35.024156],
+              [107.012533, 35.029547],
+              [106.990975, 35.068252],
+              [106.950323, 35.066782],
+              [106.901664, 35.094698],
+              [106.838222, 35.080007],
+              [106.710723, 35.100574],
+              [106.706411, 35.081966],
+              [106.615252, 35.071191],
+              [106.577064, 35.089312],
+              [106.541956, 35.083925],
+              [106.52163, 35.027587],
+              [106.494528, 35.006021],
+              [106.494528, 35.006021],
+              [106.484673, 34.983959],
+              [106.493296, 34.941289],
+              [106.527789, 34.876507],
+              [106.556122, 34.861285],
+              [106.550579, 34.82936],
+              [106.575216, 34.769897],
+              [106.539492, 34.745805],
+              [106.505615, 34.746789],
+              [106.487137, 34.715311],
+              [106.456956, 34.703996],
+              [106.442173, 34.675455],
+              [106.471122, 34.634102],
+              [106.419384, 34.643458],
+              [106.314058, 34.578934],
+              [106.341159, 34.568093],
+              [106.334384, 34.517811],
+              [106.455108, 34.531617],
+              [106.514238, 34.511894],
+              [106.513622, 34.498085],
+              [106.558586, 34.48822],
+              [106.610941, 34.454177],
+              [106.638042, 34.391481],
+              [106.717498, 34.369255],
+              [106.691013, 34.337635],
+              [106.705179, 34.299575],
+              [106.68239, 34.256057],
+              [106.652825, 34.24369],
+              [106.63373, 34.260014],
+              [106.589383, 34.253584],
+              [106.577064, 34.280786],
+              [106.526557, 34.292159],
+              [106.496376, 34.238248],
+              [106.5321, 34.254079],
+              [106.55797, 34.229837],
+              [106.585071, 34.149641],
+              [106.560434, 34.109514],
+              [106.501919, 34.105055],
+              [106.505615, 34.056479],
+              [106.471738, 34.024244],
+              [106.474202, 33.970659],
+              [106.41076, 33.909093],
+              [106.428007, 33.866368],
+              [106.475434, 33.875809],
+              [106.491448, 33.834559],
+              [106.461883, 33.789807],
+              [106.488369, 33.757969],
+              [106.482825, 33.707203],
+              [106.534564, 33.695254],
+              [106.575832, 33.631497],
+              [106.58076, 33.576169],
+              [106.540108, 33.512822],
+              [106.456956, 33.532779],
+              [106.447101, 33.613058],
+              [106.384891, 33.612061],
+              [106.35163, 33.587137],
+              [106.303587, 33.604585],
+              [106.237681, 33.564201],
+              [106.187174, 33.546746],
+              [106.108334, 33.569686],
+              [106.117573, 33.602591],
+              [106.086776, 33.617045],
+              [106.047356, 33.610067],
+              [105.971596, 33.613058],
+              [105.940183, 33.570684],
+              [105.902611, 33.556222],
+              [105.871198, 33.511325],
+              [105.842248, 33.489866],
+              [105.831162, 33.451926],
+              [105.837937, 33.410971],
+              [105.827466, 33.379993],
+              [105.709822, 33.382991],
+              [105.755401, 33.329004],
+              [105.752937, 33.291994],
+              [105.791741, 33.278486],
+              [105.799133, 33.258471],
+              [105.862574, 33.234447],
+              [105.917393, 33.237951],
+              [105.965436, 33.204407],
+              [105.968516, 33.154318],
+              [105.93156, 33.178365],
+              [105.897067, 33.146803],
+              [105.923552, 33.147805],
+              [105.934639, 33.112221],
+              [105.914929, 33.066092],
+              [105.926632, 33.042517],
+              [105.917393, 32.993841],
+              [105.861959, 32.939112],
+              [105.82685, 32.950663],
+              [105.735691, 32.905454],
+              [105.656851, 32.895405],
+              [105.638373, 32.879323],
+              [105.590329, 32.87681],
+              [105.565692, 32.906962],
+              [105.528119, 32.919019],
+              [105.49917, 32.911986],
+              [105.495475, 32.873292],
+              [105.524424, 32.847654],
+              [105.534279, 32.790822],
+              [105.555221, 32.794343],
+              [105.563844, 32.724891],
+              [105.585402, 32.728919],
+              [105.596489, 32.69921],
+              [105.677793, 32.726402],
+              [105.719061, 32.759624],
+              [105.768952, 32.767676],
+              [105.779423, 32.750061],
+              [105.822538, 32.770192],
+              [105.825002, 32.824523],
+              [105.849024, 32.817985],
+              [105.893371, 32.838603],
+              [105.93156, 32.826032],
+              [105.969132, 32.849162],
+              [106.011632, 32.829552],
+              [106.044277, 32.864747],
+              [106.071378, 32.828546],
+              [106.093552, 32.82402],
+              [106.07261, 32.76365],
+              [106.076921, 32.76365],
+              [106.076305, 32.759121],
+              [106.071378, 32.758114],
+              [106.120037, 32.719856],
+              [106.17424, 32.6977],
+              [106.254928, 32.693671],
+              [106.267863, 32.673522],
+              [106.301123, 32.680071],
+              [106.347935, 32.671003],
+              [106.389203, 32.62666],
+              [106.421231, 32.616579],
+              [106.451412, 32.65992],
+              [106.498224, 32.649338],
+              [106.517934, 32.668485],
+              [106.585687, 32.68813],
+              [106.626955, 32.682086],
+              [106.670071, 32.694678],
+              [106.733513, 32.739491],
+              [106.783404, 32.735967],
+              [106.793259, 32.712807],
+              [106.82344, 32.705254],
+              [106.854853, 32.724388],
+              [106.903512, 32.721367],
+              [106.912751, 32.704247],
+              [107.012533, 32.721367],
+              [107.066736, 32.708779],
+              [107.05996, 32.686115],
+              [107.098765, 32.649338],
+              [107.108004, 32.600951],
+              [107.080286, 32.542448],
+              [107.127098, 32.482393],
+              [107.189924, 32.468256],
+              [107.212097, 32.428864],
+              [107.263836, 32.403099],
+              [107.287858, 32.457147],
+              [107.313727, 32.489965],
+              [107.356843, 32.506622],
+              [107.382097, 32.54043],
+              [107.436299, 32.529835],
+              [107.438763, 32.465732],
+              [107.460937, 32.453612],
+              [107.456625, 32.41775],
+              [107.489886, 32.425328],
+              [107.527458, 32.38238],
+              [107.598291, 32.411688],
+              [107.648183, 32.413709],
+              [107.680827, 32.397035],
+              [107.707929, 32.331826],
+              [107.753508, 32.338399],
+              [107.812022, 32.247844],
+              [107.864377, 32.201266],
+              [107.890247, 32.214432],
+              [107.924739, 32.197215],
+              [107.979558, 32.146051],
+              [108.024521, 32.177462],
+              [108.018362, 32.2119],
+              [108.086731, 32.233165],
+              [108.143398, 32.219495],
+              [108.156948, 32.239239],
+              [108.179738, 32.221521],
+              [108.240716, 32.274666],
+              [108.310933, 32.232152],
+              [108.389773, 32.263533],
+              [108.414411, 32.252399],
+              [108.469846, 32.270618],
+              [108.507418, 32.245819],
+              [108.509882, 32.201266],
+              [108.543758, 32.177969],
+              [108.585026, 32.17189],
+              [108.676801, 32.10297],
+              [108.734084, 32.106519],
+              [108.75133, 32.076098],
+              [108.78767, 32.04871],
+              [108.837561, 32.039072],
+              [108.902235, 31.984774],
+              [108.986619, 31.980205],
+              [109.085785, 31.929428],
+              [109.123357, 31.892851],
+              [109.191111, 31.85575],
+              [109.195422, 31.817618],
+              [109.27611, 31.79931],
+              [109.279806, 31.776418],
+              [109.253936, 31.759628],
+              [109.282885, 31.743343],
+              [109.281654, 31.716874],
+              [109.381436, 31.705165],
+              [109.446109, 31.722983],
+              [109.502776, 31.716365],
+              [109.549587, 31.73011],
+              [109.585928, 31.726546],
+              [109.592087, 31.789136],
+              [109.633971, 31.804396],
+              [109.633971, 31.824738],
+              [109.60379, 31.885737],
+              [109.584696, 31.900472],
+              [109.62042, 31.928412],
+              [109.631507, 31.962436],
+              [109.590855, 32.012688],
+              [109.590855, 32.047696],
+              [109.621652, 32.106519],
+              [109.58716, 32.161251],
+              [109.604406, 32.199241],
+              [109.592703, 32.219495],
+              [109.550203, 32.225065],
+              [109.528645, 32.270112],
+              [109.495385, 32.300468],
+              [109.513247, 32.342444],
+              [109.502776, 32.38895],
+              [109.529877, 32.405625],
+              [109.526797, 32.43341],
+              [109.575457, 32.506622],
+              [109.637051, 32.540935],
+              [109.619804, 32.56767],
+              [109.631507, 32.599943],
+              [109.726978, 32.608513],
+              [109.746072, 32.594901],
+              [109.816905, 32.577252],
+              [109.910528, 32.592884],
+              [109.97089, 32.577756],
+              [110.017701, 32.546989],
+              [110.084223, 32.580782],
+              [110.090382, 32.617083],
+              [110.124259, 32.616579],
+              [110.153824, 32.593388],
+              [110.206179, 32.633212],
+              [110.156903, 32.683093],
+              [110.159367, 32.767173],
+              [110.127338, 32.77774],
+              [110.142121, 32.802895],
+              [110.105164, 32.832569],
+              [110.051578, 32.851676],
+              [109.988752, 32.886359],
+              [109.927158, 32.887364],
+              [109.907448, 32.903947],
+              [109.856941, 32.910479],
+              [109.847702, 32.893395],
+              [109.789804, 32.882339],
+              [109.76455, 32.909474],
+              [109.785492, 32.987316],
+              [109.794731, 33.067095],
+              [109.704188, 33.101694],
+              [109.688174, 33.116733],
+              [109.576073, 33.110216],
+              [109.522486, 33.138785],
+              [109.468283, 33.140288],
+              [109.438718, 33.152314],
+              [109.498464, 33.207412],
+              [109.514479, 33.237951],
+              [109.60687, 33.235949],
+              [109.619804, 33.275484],
+              [109.649985, 33.251465],
+              [109.693101, 33.254468],
+              [109.732521, 33.231443],
+              [109.813209, 33.236449],
+              [109.852013, 33.247961],
+              [109.916687, 33.229942],
+              [109.973353, 33.203907],
+              [109.999223, 33.212419],
+              [110.031252, 33.191888],
+              [110.164911, 33.209415],
+              [110.218497, 33.163336],
+              [110.285635, 33.171352],
+              [110.33799, 33.160331],
+              [110.372482, 33.186379],
+              [110.398352, 33.176862],
+              [110.398352, 33.176862],
+              [110.471032, 33.171352],
+              [110.54125, 33.255469],
+              [110.57759, 33.250464],
+              [110.59422, 33.168346],
+              [110.623785, 33.143796],
+              [110.650887, 33.157324],
+              [110.702626, 33.097182],
+              [110.753133, 33.15031],
+              [110.824582, 33.158327],
+              [110.828893, 33.201403],
+              [110.865234, 33.213921],
+              [110.9219, 33.203907],
+              [110.960704, 33.253967],
+              [110.984726, 33.255469],
+              [111.025994, 33.330504],
+              [111.025994, 33.375495],
+              [110.996429, 33.435946],
+              [111.02661, 33.467903],
+              [111.021066, 33.471397],
+              [111.021682, 33.476389],
+              [111.02661, 33.478386],
+              [111.002588, 33.535772],
+              [111.00382, 33.578662],
+              [110.966864, 33.609071],
+              [110.878784, 33.634486],
+              [110.823966, 33.685793],
+              [110.831973, 33.713675],
+              [110.81719, 33.751003],
+              [110.782082, 33.796272],
+              [110.74143, 33.798759],
+              [110.712481, 33.833564],
+              [110.66259, 33.85295],
+              [110.612083, 33.852453],
+              [110.587445, 33.887733],
+              [110.628713, 33.910086],
+              [110.627481, 33.925482],
+              [110.665669, 33.937895],
+              [110.671213, 33.966192],
+              [110.620706, 34.035652],
+              [110.587445, 34.023252],
+              [110.591757, 34.101586],
+              [110.61393, 34.113478],
+              [110.642264, 34.161032],
+              [110.621938, 34.177372],
+              [110.55788, 34.193214],
+              [110.55172, 34.213012],
+              [110.507989, 34.217466],
+              [110.43962, 34.243196],
+              [110.428533, 34.288203],
+              [110.451938, 34.292653],
+              [110.503677, 34.33714],
+              [110.473496, 34.393457],
+              [110.403279, 34.433448],
+              [110.403279, 34.433448],
+              [110.360779, 34.516825],
+              [110.372482, 34.544435],
+              [110.404511, 34.557743],
+              [110.366939, 34.566614],
+              [110.379257, 34.600612]
+            ]
+          ],
+          [
+            [
+              [111.02661, 33.478386],
+              [111.021682, 33.476389],
+              [111.021066, 33.471397],
+              [111.02661, 33.467903],
+              [111.02661, 33.478386]
+            ]
+          ],
+          [
+            [
+              [106.076921, 32.76365],
+              [106.07261, 32.76365],
+              [106.071378, 32.758114],
+              [106.076305, 32.759121],
+              [106.076921, 32.76365]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 620000,
+        "name": "甘肃省",
+        "center": [103.823557, 36.058039],
+        "childrenNum": 14,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 27,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [106.506231, 35.737514],
+              [106.504383, 35.736057],
+              [106.498224, 35.732656],
+              [106.49268, 35.732656],
+              [106.434782, 35.688436],
+              [106.460036, 35.643705],
+              [106.47913, 35.575101],
+              [106.460036, 35.578995],
+              [106.440941, 35.52641],
+              [106.465579, 35.481101],
+              [106.490217, 35.480613],
+              [106.483441, 35.450393],
+              [106.503767, 35.415284],
+              [106.501304, 35.364056],
+              [106.472354, 35.310842],
+              [106.415688, 35.276161],
+              [106.368261, 35.273718],
+              [106.363333, 35.238532],
+              [106.319601, 35.265411],
+              [106.241377, 35.358687],
+              [106.237681, 35.409431],
+              [106.196414, 35.409919],
+              [106.173008, 35.437716],
+              [106.129892, 35.393333],
+              [106.113262, 35.361616],
+              [106.083081, 35.421624],
+              [106.073226, 35.420649],
+              [106.067682, 35.436254],
+              [106.073226, 35.447468],
+              [106.071378, 35.449418],
+              [106.06953, 35.458193],
+              [106.071994, 35.463555],
+              [106.054132, 35.45478],
+              [106.034422, 35.469404],
+              [106.002393, 35.438692],
+              [105.894603, 35.413821],
+              [105.897683, 35.451368],
+              [106.048588, 35.488898],
+              [106.047356, 35.498155],
+              [106.023335, 35.49377],
+              [106.017175, 35.519103],
+              [105.900147, 35.54735],
+              [105.868734, 35.540046],
+              [105.847176, 35.490359],
+              [105.816379, 35.575101],
+              [105.800365, 35.564878],
+              [105.762176, 35.602841],
+              [105.759097, 35.634464],
+              [105.713517, 35.650513],
+              [105.722756, 35.673366],
+              [105.690727, 35.698643],
+              [105.723988, 35.725854],
+              [105.740618, 35.698643],
+              [105.759097, 35.724883],
+              [105.70243, 35.733142],
+              [105.667322, 35.749657],
+              [105.595873, 35.715651],
+              [105.481924, 35.727312],
+              [105.457286, 35.771511],
+              [105.432033, 35.787533],
+              [105.428953, 35.819082],
+              [105.408627, 35.822479],
+              [105.38091, 35.792873],
+              [105.371055, 35.844312],
+              [105.39754, 35.857409],
+              [105.350113, 35.875839],
+              [105.324859, 35.941761],
+              [105.343954, 36.033767],
+              [105.406163, 36.074409],
+              [105.430801, 36.10391],
+              [105.491163, 36.101009],
+              [105.515185, 36.147415],
+              [105.478844, 36.213111],
+              [105.460366, 36.223733],
+              [105.45975, 36.268137],
+              [105.476381, 36.293224],
+              [105.455439, 36.321678],
+              [105.425873, 36.330357],
+              [105.401236, 36.369881],
+              [105.398156, 36.430575],
+              [105.363048, 36.443093],
+              [105.362432, 36.496514],
+              [105.322396, 36.535954],
+              [105.281744, 36.522489],
+              [105.252179, 36.553263],
+              [105.2762, 36.563358],
+              [105.261418, 36.602764],
+              [105.22015, 36.631105],
+              [105.225693, 36.664716],
+              [105.201056, 36.700711],
+              [105.218302, 36.730455],
+              [105.272505, 36.739567],
+              [105.275584, 36.752515],
+              [105.319932, 36.742924],
+              [105.340874, 36.764502],
+              [105.334714, 36.80093],
+              [105.303302, 36.820575],
+              [105.279896, 36.86751],
+              [105.244787, 36.894796],
+              [105.178882, 36.892403],
+              [105.185657, 36.942164],
+              [105.165331, 36.99476],
+              [105.128991, 36.996194],
+              [105.05939, 37.022956],
+              [105.03968, 37.007187],
+              [105.004571, 37.035378],
+              [104.95468, 37.040156],
+              [104.954064, 37.077407],
+              [104.914644, 37.097935],
+              [104.888158, 37.15901],
+              [104.864753, 37.17284],
+              [104.85613, 37.211933],
+              [104.776673, 37.246718],
+              [104.717543, 37.208597],
+              [104.638087, 37.201923],
+              [104.600515, 37.242907],
+              [104.624536, 37.298627],
+              [104.651022, 37.290534],
+              [104.673812, 37.317668],
+              [104.713848, 37.329566],
+              [104.662109, 37.367626],
+              [104.679971, 37.408044],
+              [104.521059, 37.43466],
+              [104.499501, 37.421353],
+              [104.448994, 37.42468],
+              [104.437907, 37.445589],
+              [104.365226, 37.418026],
+              [104.298705, 37.414223],
+              [104.287002, 37.428007],
+              [104.237727, 37.411847],
+              [104.183524, 37.406618],
+              [104.089285, 37.465067],
+              [103.935916, 37.572818],
+              [103.874938, 37.604117],
+              [103.841062, 37.64725],
+              [103.683381, 37.777919],
+              [103.627947, 37.797783],
+              [103.40744, 37.860651],
+              [103.362477, 38.037621],
+              [103.368636, 38.08898],
+              [103.53494, 38.156776],
+              [103.507838, 38.280905],
+              [103.465339, 38.353215],
+              [103.416063, 38.404821],
+              [103.85954, 38.64454],
+              [104.011677, 38.85923],
+              [104.044322, 38.895105],
+              [104.173053, 38.94446],
+              [104.196459, 38.9882],
+              [104.190915, 39.042139],
+              [104.207546, 39.083495],
+              [104.171205, 39.160567],
+              [104.047401, 39.297788],
+              [104.073271, 39.351953],
+              [104.089901, 39.419947],
+              [103.955626, 39.456923],
+              [103.85338, 39.461543],
+              [103.728961, 39.430117],
+              [103.595302, 39.386652],
+              [103.428998, 39.353341],
+              [103.344615, 39.331588],
+              [103.259615, 39.263971],
+              [103.188166, 39.215302],
+              [103.133347, 39.192579],
+              [103.007696, 39.099753],
+              [102.883892, 39.120649],
+              [102.616574, 39.171703],
+              [102.579002, 39.183301],
+              [102.45335, 39.255167],
+              [102.3548, 39.231993],
+              [102.276576, 39.188868],
+              [102.050526, 39.141075],
+              [102.012338, 39.127149],
+              [101.902701, 39.111827],
+              [101.833715, 39.08907],
+              [101.926106, 39.000758],
+              [101.955055, 38.985874],
+              [102.045599, 38.904885],
+              [102.075164, 38.891378],
+              [101.941505, 38.808883],
+              [101.873751, 38.733761],
+              [101.777049, 38.66043],
+              [101.672955, 38.6908],
+              [101.601506, 38.65529],
+              [101.562702, 38.713218],
+              [101.412413, 38.764099],
+              [101.331109, 38.777164],
+              [101.307087, 38.80282],
+              [101.34158, 38.822406],
+              [101.33542, 38.847113],
+              [101.24303, 38.860628],
+              [101.237486, 38.907214],
+              [101.198682, 38.943064],
+              [101.228863, 39.020754],
+              [101.117378, 38.975174],
+              [100.969553, 38.946788],
+              [100.961545, 39.005874],
+              [100.901799, 39.030053],
+              [100.875314, 39.002619],
+              [100.835278, 39.025869],
+              [100.829118, 39.075133],
+              [100.864227, 39.106719],
+              [100.842669, 39.199999],
+              [100.842053, 39.405614],
+              [100.707778, 39.404689],
+              [100.606764, 39.387577],
+              [100.498975, 39.400527],
+              [100.500823, 39.481408],
+              [100.44354, 39.485565],
+              [100.326512, 39.509118],
+              [100.301258, 39.572345],
+              [100.314193, 39.606935],
+              [100.250135, 39.685274],
+              [100.128179, 39.702312],
+              [100.040716, 39.757083],
+              [99.958796, 39.769504],
+              [99.904593, 39.785601],
+              [99.822058, 39.860063],
+              [99.672384, 39.888079],
+              [99.469124, 39.875221],
+              [99.440791, 39.885783],
+              [99.459885, 39.898181],
+              [99.491298, 39.884406],
+              [99.533182, 39.891753],
+              [99.714268, 39.972061],
+              [99.751225, 40.006909],
+              [99.841152, 40.013326],
+              [99.927383, 40.063727],
+              [99.955716, 40.150695],
+              [100.007455, 40.20008],
+              [100.169447, 40.277743],
+              [100.169447, 40.541131],
+              [100.242744, 40.618855],
+              [100.237201, 40.716905],
+              [100.224882, 40.727337],
+              [100.107853, 40.875475],
+              [100.057346, 40.908049],
+              [99.985897, 40.909858],
+              [99.673, 40.93292],
+              [99.565827, 40.846961],
+              [99.174705, 40.858278],
+              [99.172858, 40.747289],
+              [99.12543, 40.715091],
+              [99.102025, 40.676522],
+              [99.041662, 40.693767],
+              [98.984996, 40.782644],
+              [98.790975, 40.705564],
+              [98.80699, 40.660181],
+              [98.802678, 40.607043],
+              [98.762642, 40.639748],
+              [98.72199, 40.657911],
+              [98.689345, 40.691952],
+              [98.668403, 40.773128],
+              [98.569853, 40.746836],
+              [98.627751, 40.677884],
+              [98.344419, 40.568413],
+              [98.333332, 40.918903],
+              [98.25018, 40.93925],
+              [98.184891, 40.988056],
+              [98.142391, 41.001607],
+              [97.971776, 41.09774],
+              [97.903407, 41.168057],
+              [97.629314, 41.440498],
+              [97.613915, 41.477276],
+              [97.84674, 41.656379],
+              [97.653335, 41.986856],
+              [97.500582, 42.243894],
+              [97.371235, 42.457076],
+              [97.172903, 42.795257],
+              [96.968411, 42.756161],
+              [96.742361, 42.75704],
+              [96.386348, 42.727592],
+              [96.166458, 42.623314],
+              [96.103632, 42.604375],
+              [96.072219, 42.569566],
+              [96.02356, 42.542675],
+              [96.0174, 42.482239],
+              [95.978596, 42.436762],
+              [96.06606, 42.414674],
+              [96.042038, 42.352787],
+              [96.040806, 42.326688],
+              [96.178161, 42.21775],
+              [96.077147, 42.149457],
+              [96.13874, 42.05399],
+              [96.137509, 42.019765],
+              [96.117183, 41.985966],
+              [96.054973, 41.936124],
+              [95.998306, 41.906289],
+              [95.855408, 41.849699],
+              [95.801206, 41.848361],
+              [95.759322, 41.835878],
+              [95.65646, 41.826067],
+              [95.57146, 41.796181],
+              [95.445193, 41.719841],
+              [95.39407, 41.693481],
+              [95.335556, 41.644305],
+              [95.299831, 41.565994],
+              [95.247476, 41.61344],
+              [95.194505, 41.694821],
+              [95.199433, 41.719395],
+              [95.16494, 41.735474],
+              [95.135991, 41.772976],
+              [95.110738, 41.768513],
+              [95.011572, 41.726541],
+              [94.969072, 41.718948],
+              [94.861898, 41.668451],
+              [94.809543, 41.619256],
+              [94.750413, 41.538227],
+              [94.534219, 41.505966],
+              [94.184365, 41.268444],
+              [94.01067, 41.114875],
+              [93.908424, 40.983539],
+              [93.809874, 40.879548],
+              [93.820961, 40.793519],
+              [93.760599, 40.664721],
+              [93.506216, 40.648376],
+              [92.928465, 40.572504],
+              [92.920458, 40.391792],
+              [92.906907, 40.310609],
+              [92.796654, 40.153897],
+              [92.745531, 39.868331],
+              [92.687632, 39.657174],
+              [92.639589, 39.514196],
+              [92.52564, 39.368611],
+              [92.378431, 39.258411],
+              [92.339011, 39.236628],
+              [92.343938, 39.146181],
+              [92.366112, 39.096037],
+              [92.366728, 39.059335],
+              [92.41046, 39.03842],
+              [92.459119, 39.042604],
+              [92.459119, 39.063982],
+              [92.489916, 39.099753],
+              [92.545966, 39.111362],
+              [92.659299, 39.109969],
+              [92.765857, 39.136898],
+              [92.866871, 39.138754],
+              [92.889045, 39.160103],
+              [92.938936, 39.169848],
+              [92.978356, 39.143396],
+              [93.043029, 39.146645],
+              [93.115094, 39.17959],
+              [93.142196, 39.160567],
+              [93.131725, 39.108112],
+              [93.165601, 39.090928],
+              [93.198246, 39.045857],
+              [93.179152, 38.923977],
+              [93.237666, 38.916062],
+              [93.274007, 38.896036],
+              [93.453245, 38.915596],
+              [93.729186, 38.924443],
+              [93.834511, 38.867618],
+              [93.884403, 38.867618],
+              [93.884403, 38.826136],
+              [93.769838, 38.821007],
+              [93.756287, 38.807484],
+              [93.773533, 38.771099],
+              [93.800019, 38.750566],
+              [93.885018, 38.720689],
+              [93.95154, 38.715086],
+              [93.973098, 38.724891],
+              [94.281067, 38.7599],
+              [94.370379, 38.7627],
+              [94.511429, 38.445142],
+              [94.527443, 38.425922],
+              [94.527443, 38.365416],
+              [94.56132, 38.351807],
+              [94.582878, 38.36917],
+              [94.672805, 38.386998],
+              [94.812623, 38.385591],
+              [94.861282, 38.393565],
+              [94.884072, 38.414669],
+              [94.973999, 38.430142],
+              [95.045448, 38.418889],
+              [95.072549, 38.402476],
+              [95.122441, 38.417014],
+              [95.140919, 38.392158],
+              [95.185266, 38.379492],
+              [95.209904, 38.327868],
+              [95.229614, 38.330685],
+              [95.259179, 38.302981],
+              [95.315846, 38.318947],
+              [95.408236, 38.300163],
+              [95.440881, 38.310965],
+              [95.455664, 38.291709],
+              [95.487693, 38.314721],
+              [95.51849, 38.294997],
+              [95.585011, 38.343359],
+              [95.608417, 38.339134],
+              [95.671858, 38.388405],
+              [95.703887, 38.400131],
+              [95.723597, 38.378554],
+              [95.775952, 38.356031],
+              [95.83693, 38.344298],
+              [95.852945, 38.287481],
+              [95.89606, 38.2903],
+              [95.932401, 38.259291],
+              [95.93856, 38.237202],
+              [96.006929, 38.207582],
+              [96.06606, 38.173245],
+              [96.109175, 38.187358],
+              [96.221892, 38.149246],
+              [96.252689, 38.167599],
+              [96.264392, 38.145952],
+              [96.313051, 38.161952],
+              [96.301964, 38.183124],
+              [96.335841, 38.246132],
+              [96.378341, 38.277146],
+              [96.46334, 38.277616],
+              [96.665369, 38.23015],
+              [96.655514, 38.295936],
+              [96.638883, 38.307208],
+              [96.626564, 38.356031],
+              [96.698013, 38.422172],
+              [96.707868, 38.459203],
+              [96.6666, 38.483567],
+              [96.706637, 38.505582],
+              [96.780549, 38.504177],
+              [96.800259, 38.52759],
+              [96.767614, 38.552399],
+              [96.808882, 38.582346],
+              [96.7941, 38.608072],
+              [96.847071, 38.599186],
+              [96.876636, 38.580475],
+              [96.961019, 38.558015],
+              [97.055874, 38.594508],
+              [97.047251, 38.653888],
+              [97.057722, 38.67258],
+              [97.009063, 38.702477],
+              [97.023229, 38.755699],
+              [97.00044, 38.7613],
+              [96.987505, 38.793025],
+              [96.993664, 38.834993],
+              [96.983809, 38.869016],
+              [96.940693, 38.90768],
+              [96.938846, 38.95563],
+              [96.965331, 39.017034],
+              [96.95794, 39.041674],
+              [96.969643, 39.097895],
+              [97.012142, 39.142004],
+              [96.962251, 39.198144],
+              [97.017686, 39.208347],
+              [97.060186, 39.19768],
+              [97.14149, 39.199999],
+              [97.220946, 39.193042],
+              [97.315185, 39.164744],
+              [97.347213, 39.167528],
+              [97.371235, 39.140611],
+              [97.401416, 39.146645],
+              [97.458698, 39.117863],
+              [97.504894, 39.076527],
+              [97.58127, 39.052364],
+              [97.679205, 39.010524],
+              [97.701379, 38.963076],
+              [97.828878, 38.93003],
+              [97.875689, 38.898365],
+              [98.009348, 38.85923],
+              [98.029058, 38.834061],
+              [98.068478, 38.816344],
+              [98.091884, 38.786495],
+              [98.167645, 38.840121],
+              [98.242173, 38.880664],
+              [98.235398, 38.918855],
+              [98.276666, 38.963541],
+              [98.287753, 38.992386],
+              [98.280977, 39.027263],
+              [98.316702, 39.040744],
+              [98.383839, 39.029588],
+              [98.401086, 39.001688],
+              [98.432498, 38.996107],
+              [98.428187, 38.976104],
+              [98.457752, 38.952838],
+              [98.526737, 38.95563],
+              [98.584635, 38.93003],
+              [98.624056, 38.959353],
+              [98.612353, 38.977035],
+              [98.661628, 38.993782],
+              [98.70536, 39.043533],
+              [98.730613, 39.057011],
+              [98.743548, 39.086747],
+              [98.816845, 39.085818],
+              [98.818076, 39.064911],
+              [98.886446, 39.040744],
+              [98.903076, 39.012384],
+              [98.951735, 38.987735],
+              [99.054597, 38.97657],
+              [99.107568, 38.951907],
+              [99.071843, 38.921184],
+              [99.068764, 38.896968],
+              [99.141445, 38.852706],
+              [99.222133, 38.788827],
+              [99.291118, 38.765966],
+              [99.361951, 38.718354],
+              [99.375502, 38.684727],
+              [99.412458, 38.665571],
+              [99.450646, 38.60433],
+              [99.501769, 38.612281],
+              [99.52887, 38.546314],
+              [99.585537, 38.498556],
+              [99.63974, 38.474666],
+              [99.65945, 38.449361],
+              [99.727203, 38.415607],
+              [99.758, 38.410449],
+              [99.826985, 38.370109],
+              [99.960028, 38.320825],
+              [100.001912, 38.315191],
+              [100.049955, 38.283254],
+              [100.071513, 38.284663],
+              [100.117093, 38.253652],
+              [100.126332, 38.231561],
+              [100.182998, 38.222158],
+              [100.159592, 38.291239],
+              [100.163904, 38.328337],
+              [100.136803, 38.33444],
+              [100.093071, 38.407166],
+              [100.022238, 38.432017],
+              [100.001296, 38.467169],
+              [100.025933, 38.507923],
+              [100.064122, 38.518694],
+              [100.086911, 38.492936],
+              [100.113397, 38.497151],
+              [100.163288, 38.461546],
+              [100.24028, 38.441861],
+              [100.259374, 38.366355],
+              [100.301874, 38.388405],
+              [100.331439, 38.337257],
+              [100.318505, 38.329276],
+              [100.396729, 38.293118],
+              [100.424446, 38.307208],
+              [100.432453, 38.275267],
+              [100.459555, 38.2654],
+              [100.474953, 38.288891],
+              [100.516837, 38.272448],
+              [100.545786, 38.247072],
+              [100.595061, 38.242372],
+              [100.619083, 38.26587],
+              [100.71517, 38.253652],
+              [100.752126, 38.238612],
+              [100.825423, 38.158658],
+              [100.860531, 38.148305],
+              [100.913502, 38.17889],
+              [100.93814, 38.16007],
+              [100.91843, 38.129006],
+              [100.922125, 38.084741],
+              [100.888864, 38.056001],
+              [100.895024, 38.013107],
+              [100.91843, 37.999432],
+              [100.964009, 38.011221],
+              [101.077342, 37.941874],
+              [101.103211, 37.946593],
+              [101.114298, 37.92016],
+              [101.152486, 37.891356],
+              [101.159262, 37.86821],
+              [101.202994, 37.84742],
+              [101.276906, 37.83655],
+              [101.362522, 37.791162],
+              [101.382848, 37.822369],
+              [101.459224, 37.86632],
+              [101.551615, 37.835604],
+              [101.598427, 37.827569],
+              [101.670491, 37.754264],
+              [101.659405, 37.733441],
+              [101.791832, 37.696041],
+              [101.815853, 37.654357],
+              [101.854657, 37.664781],
+              [101.873135, 37.686569],
+              [101.946432, 37.728235],
+              [101.998787, 37.724921],
+              [102.036359, 37.685149],
+              [102.048678, 37.651515],
+              [102.035128, 37.627819],
+              [102.102265, 37.582304],
+              [102.131214, 37.54625],
+              [102.103497, 37.482641],
+              [102.125055, 37.48549],
+              [102.176794, 37.458892],
+              [102.19712, 37.420403],
+              [102.299981, 37.391404],
+              [102.29875, 37.370004],
+              [102.368351, 37.327662],
+              [102.428097, 37.308624],
+              [102.419474, 37.294343],
+              [102.45335, 37.271487],
+              [102.457662, 37.248147],
+              [102.490307, 37.223371],
+              [102.533422, 37.217176],
+              [102.578386, 37.17284],
+              [102.599944, 37.174748],
+              [102.642444, 37.099845],
+              [102.583314, 37.104618],
+              [102.488459, 37.078362],
+              [102.506321, 37.019134],
+              [102.450271, 36.968467],
+              [102.499546, 36.954599],
+              [102.526031, 36.928291],
+              [102.56114, 36.91968],
+              [102.587009, 36.869904],
+              [102.639364, 36.852666],
+              [102.720052, 36.767858],
+              [102.692335, 36.775528],
+              [102.639364, 36.732853],
+              [102.612879, 36.738129],
+              [102.601176, 36.710307],
+              [102.630741, 36.650793],
+              [102.684328, 36.619097],
+              [102.724364, 36.613813],
+              [102.714509, 36.599401],
+              [102.761936, 36.568645],
+              [102.734219, 36.562396],
+              [102.753313, 36.525855],
+              [102.793349, 36.497957],
+              [102.771791, 36.47438],
+              [102.829689, 36.365544],
+              [102.831537, 36.365544],
+              [102.838928, 36.345783],
+              [102.836465, 36.344819],
+              [102.845704, 36.331803],
+              [102.896827, 36.331803],
+              [102.922696, 36.298047],
+              [103.024942, 36.256556],
+              [103.021246, 36.232906],
+              [103.066826, 36.216974],
+              [103.048964, 36.199107],
+              [102.986754, 36.193312],
+              [102.965812, 36.151765],
+              [102.948566, 36.150798],
+              [102.941174, 36.104877],
+              [102.882044, 36.082632],
+              [102.932551, 36.048285],
+              [102.968276, 36.044414],
+              [102.951645, 36.021667],
+              [102.971971, 35.995525],
+              [102.942406, 35.92674],
+              [102.954725, 35.858864],
+              [102.94487, 35.829757],
+              [102.914073, 35.845282],
+              [102.81737, 35.850133],
+              [102.787189, 35.862745],
+              [102.739146, 35.821023],
+              [102.715125, 35.815685],
+              [102.686175, 35.771996],
+              [102.707733, 35.70496],
+              [102.744074, 35.657807],
+              [102.7644, 35.653431],
+              [102.763168, 35.612086],
+              [102.808747, 35.560496],
+              [102.746537, 35.545403],
+              [102.729291, 35.523487],
+              [102.782878, 35.527871],
+              [102.743458, 35.494745],
+              [102.695414, 35.528358],
+              [102.570995, 35.548324],
+              [102.531575, 35.580455],
+              [102.503241, 35.585322],
+              [102.49893, 35.545403],
+              [102.437952, 35.455268],
+              [102.447807, 35.437229],
+              [102.408387, 35.409431],
+              [102.314764, 35.434303],
+              [102.293822, 35.424063],
+              [102.287663, 35.36552],
+              [102.317844, 35.343067],
+              [102.311684, 35.31426],
+              [102.280887, 35.303028],
+              [102.3123, 35.282512],
+              [102.370199, 35.263946],
+              [102.365887, 35.235599],
+              [102.404075, 35.179366],
+              [102.346793, 35.164201],
+              [102.310452, 35.128967],
+              [102.29567, 35.071681],
+              [102.252554, 35.048657],
+              [102.218062, 35.057475],
+              [102.211286, 35.034937],
+              [102.176178, 35.032977],
+              [102.157699, 35.010923],
+              [102.133678, 35.014844],
+              [102.094874, 34.986901],
+              [102.048062, 34.910868],
+              [102.068388, 34.887798],
+              [101.985852, 34.90007],
+              [101.916867, 34.873561],
+              [101.923027, 34.835746],
+              [101.917483, 34.705964],
+              [101.919947, 34.621791],
+              [101.934729, 34.58731],
+              [101.956287, 34.582876],
+              [101.97415, 34.548871],
+              [102.001867, 34.538519],
+              [102.093026, 34.536547],
+              [102.139837, 34.50351],
+              [102.155852, 34.507456],
+              [102.169402, 34.457631],
+              [102.205743, 34.407777],
+              [102.259329, 34.355917],
+              [102.237156, 34.34307],
+              [102.237156, 34.34307],
+              [102.186649, 34.352952],
+              [102.149692, 34.271885],
+              [102.067772, 34.293642],
+              [102.062229, 34.227858],
+              [102.01357, 34.218456],
+              [102.030816, 34.190739],
+              [102.003099, 34.162022],
+              [101.965526, 34.167469],
+              [101.955055, 34.109514],
+              [101.897773, 34.133791],
+              [101.874367, 34.130323],
+              [101.851578, 34.153108],
+              [101.836795, 34.124378],
+              [101.788136, 34.131809],
+              [101.764114, 34.122892],
+              [101.736397, 34.080275],
+              [101.718535, 34.083249],
+              [101.703136, 34.119424],
+              [101.674187, 34.110506],
+              [101.6206, 34.178857],
+              [101.53868, 34.212022],
+              [101.492485, 34.195689],
+              [101.482014, 34.218951],
+              [101.417956, 34.227858],
+              [101.369913, 34.248143],
+              [101.327413, 34.24468],
+              [101.325565, 34.268423],
+              [101.268899, 34.278808],
+              [101.228863, 34.298586],
+              [101.235022, 34.325279],
+              [101.193754, 34.336646],
+              [101.178356, 34.320831],
+              [101.098284, 34.329233],
+              [101.054552, 34.322808],
+              [100.986799, 34.374689],
+              [100.951074, 34.38358],
+              [100.895024, 34.375183],
+              [100.868538, 34.332693],
+              [100.821727, 34.317371],
+              [100.798321, 34.260014],
+              [100.809408, 34.247153],
+              [100.764445, 34.178857],
+              [100.806329, 34.155584],
+              [100.848828, 34.089692],
+              [100.870386, 34.083744],
+              [100.880857, 34.036644],
+              [100.93506, 33.990013],
+              [100.927669, 33.975126],
+              [100.965857, 33.946832],
+              [100.994806, 33.891707],
+              [101.023139, 33.896178],
+              [101.054552, 33.863386],
+              [101.153718, 33.8445],
+              [101.153102, 33.823124],
+              [101.190675, 33.791796],
+              [101.186363, 33.741051],
+              [101.162957, 33.719649],
+              [101.177124, 33.685295],
+              [101.166653, 33.659894],
+              [101.217776, 33.669856],
+              [101.23687, 33.685793],
+              [101.302776, 33.657902],
+              [101.385312, 33.644949],
+              [101.424732, 33.655411],
+              [101.428427, 33.680315],
+              [101.501724, 33.702723],
+              [101.58426, 33.674339],
+              [101.585492, 33.645448],
+              [101.616905, 33.598603],
+              [101.611977, 33.565199],
+              [101.622448, 33.502343],
+              [101.718535, 33.494857],
+              [101.748716, 33.505337],
+              [101.769042, 33.538765],
+              [101.783208, 33.556721],
+              [101.831252, 33.554726],
+              [101.844186, 33.602591],
+              [101.884222, 33.578163],
+              [101.907012, 33.539264],
+              [101.906396, 33.48188],
+              [101.946432, 33.442937],
+              [101.915635, 33.425957],
+              [101.887302, 33.383991],
+              [101.877447, 33.314502],
+              [101.769658, 33.26898],
+              [101.770274, 33.248962],
+              [101.83002, 33.213921],
+              [101.841723, 33.184876],
+              [101.825708, 33.119239],
+              [101.865744, 33.103198],
+              [101.887302, 33.135778],
+              [101.921795, 33.153817],
+              [101.935345, 33.186879],
+              [101.99386, 33.1999],
+              [102.054838, 33.189884],
+              [102.08933, 33.204908],
+              [102.08933, 33.227439],
+              [102.117047, 33.288492],
+              [102.144765, 33.273983],
+              [102.160163, 33.242956],
+              [102.200815, 33.223434],
+              [102.217446, 33.247961],
+              [102.192192, 33.337005],
+              [102.218062, 33.349503],
+              [102.258098, 33.409472],
+              [102.296286, 33.413969],
+              [102.310452, 33.397982],
+              [102.368967, 33.41247],
+              [102.392988, 33.404477],
+              [102.447807, 33.454922],
+              [102.462589, 33.449429],
+              [102.461358, 33.501345],
+              [102.446575, 33.53228],
+              [102.477988, 33.543254],
+              [102.440416, 33.574673],
+              [102.346793, 33.605582],
+              [102.31538, 33.665374],
+              [102.342481, 33.725622],
+              [102.284583, 33.719151],
+              [102.324619, 33.754486],
+              [102.296286, 33.783838],
+              [102.243315, 33.786823],
+              [102.261177, 33.821136],
+              [102.25317, 33.861399],
+              [102.136142, 33.965199],
+              [102.16817, 33.983066],
+              [102.226069, 33.963214],
+              [102.248858, 33.98654],
+              [102.287047, 33.977607],
+              [102.315996, 33.993983],
+              [102.345561, 33.969666],
+              [102.392372, 33.971651],
+              [102.406539, 34.033172],
+              [102.437336, 34.087214],
+              [102.471213, 34.072839],
+              [102.511865, 34.086222],
+              [102.615958, 34.099604],
+              [102.649219, 34.080275],
+              [102.655994, 34.113478],
+              [102.598712, 34.14766],
+              [102.651067, 34.165983],
+              [102.664002, 34.192719],
+              [102.694799, 34.198659],
+              [102.728675, 34.235774],
+              [102.779798, 34.236764],
+              [102.798276, 34.272874],
+              [102.856791, 34.270895],
+              [102.85987, 34.301058],
+              [102.911609, 34.312923],
+              [102.949181, 34.292159],
+              [102.977515, 34.252595],
+              [102.973203, 34.205588],
+              [103.005848, 34.184798],
+              [103.052043, 34.195194],
+              [103.100087, 34.181828],
+              [103.124108, 34.162022],
+              [103.121644, 34.112487],
+              [103.178927, 34.079779],
+              [103.129652, 34.065899],
+              [103.119797, 34.03466],
+              [103.147514, 34.036644],
+              [103.157369, 33.998944],
+              [103.120413, 33.953286],
+              [103.1315, 33.931937],
+              [103.16476, 33.929454],
+              [103.181391, 33.900649],
+              [103.153673, 33.819147],
+              [103.165376, 33.805721],
+              [103.228202, 33.79478],
+              [103.24976, 33.814175],
+              [103.284868, 33.80224],
+              [103.278709, 33.774387],
+              [103.35447, 33.743539],
+              [103.434542, 33.752993],
+              [103.464723, 33.80224],
+              [103.518309, 33.807213],
+              [103.545411, 33.719649],
+              [103.520157, 33.678323],
+              [103.552186, 33.671351],
+              [103.563889, 33.699735],
+              [103.593454, 33.716164],
+              [103.645809, 33.708697],
+              [103.667983, 33.685793],
+              [103.690772, 33.69376],
+              [103.778236, 33.658898],
+              [103.861388, 33.682307],
+              [103.980264, 33.670852],
+              [104.046169, 33.686291],
+              [104.103452, 33.663381],
+              [104.176749, 33.5996],
+              [104.155191, 33.542755],
+              [104.180444, 33.472895],
+              [104.213089, 33.446932],
+              [104.22048, 33.404477],
+              [104.272219, 33.391486],
+              [104.292545, 33.336505],
+              [104.373849, 33.345004],
+              [104.420045, 33.327004],
+              [104.386168, 33.298497],
+              [104.333813, 33.315502],
+              [104.303632, 33.304499],
+              [104.323958, 33.26898],
+              [104.32827, 33.223934],
+              [104.351059, 33.158828],
+              [104.378161, 33.109214],
+              [104.337509, 33.038002],
+              [104.391711, 33.035493],
+              [104.426204, 33.010906],
+              [104.383704, 32.994343],
+              [104.378161, 32.953174],
+              [104.345516, 32.940117],
+              [104.288234, 32.942628],
+              [104.277147, 32.90244],
+              [104.294393, 32.835586],
+              [104.363994, 32.822511],
+              [104.458849, 32.748551],
+              [104.51182, 32.753585],
+              [104.526602, 32.728416],
+              [104.582653, 32.722374],
+              [104.592508, 32.695685],
+              [104.643015, 32.661935],
+              [104.696601, 32.673522],
+              [104.739717, 32.635228],
+              [104.795768, 32.643292],
+              [104.820405, 32.662943],
+              [104.845659, 32.653873],
+              [104.881999, 32.600951],
+              [104.925115, 32.607505],
+              [105.026745, 32.650346],
+              [105.0791, 32.637244],
+              [105.111128, 32.593893],
+              [105.185041, 32.617587],
+              [105.215222, 32.63674],
+              [105.219534, 32.666469],
+              [105.263265, 32.652362],
+              [105.297758, 32.656897],
+              [105.347033, 32.68259],
+              [105.368591, 32.712807],
+              [105.448663, 32.732946],
+              [105.454207, 32.767173],
+              [105.427721, 32.784281],
+              [105.396308, 32.85067],
+              [105.396308, 32.85067],
+              [105.38091, 32.876307],
+              [105.408011, 32.885857],
+              [105.414171, 32.922034],
+              [105.467757, 32.930071],
+              [105.49917, 32.911986],
+              [105.528119, 32.919019],
+              [105.565692, 32.906962],
+              [105.590329, 32.87681],
+              [105.638373, 32.879323],
+              [105.656851, 32.895405],
+              [105.735691, 32.905454],
+              [105.82685, 32.950663],
+              [105.861959, 32.939112],
+              [105.917393, 32.993841],
+              [105.926632, 33.042517],
+              [105.914929, 33.066092],
+              [105.934639, 33.112221],
+              [105.923552, 33.147805],
+              [105.897067, 33.146803],
+              [105.93156, 33.178365],
+              [105.968516, 33.154318],
+              [105.965436, 33.204407],
+              [105.917393, 33.237951],
+              [105.862574, 33.234447],
+              [105.799133, 33.258471],
+              [105.791741, 33.278486],
+              [105.752937, 33.291994],
+              [105.755401, 33.329004],
+              [105.709822, 33.382991],
+              [105.827466, 33.379993],
+              [105.837937, 33.410971],
+              [105.831162, 33.451926],
+              [105.842248, 33.489866],
+              [105.871198, 33.511325],
+              [105.902611, 33.556222],
+              [105.940183, 33.570684],
+              [105.971596, 33.613058],
+              [106.047356, 33.610067],
+              [106.086776, 33.617045],
+              [106.117573, 33.602591],
+              [106.108334, 33.569686],
+              [106.187174, 33.546746],
+              [106.237681, 33.564201],
+              [106.303587, 33.604585],
+              [106.35163, 33.587137],
+              [106.384891, 33.612061],
+              [106.447101, 33.613058],
+              [106.456956, 33.532779],
+              [106.540108, 33.512822],
+              [106.58076, 33.576169],
+              [106.575832, 33.631497],
+              [106.534564, 33.695254],
+              [106.482825, 33.707203],
+              [106.488369, 33.757969],
+              [106.461883, 33.789807],
+              [106.491448, 33.834559],
+              [106.475434, 33.875809],
+              [106.428007, 33.866368],
+              [106.41076, 33.909093],
+              [106.474202, 33.970659],
+              [106.471738, 34.024244],
+              [106.505615, 34.056479],
+              [106.501919, 34.105055],
+              [106.560434, 34.109514],
+              [106.585071, 34.149641],
+              [106.55797, 34.229837],
+              [106.5321, 34.254079],
+              [106.496376, 34.238248],
+              [106.526557, 34.292159],
+              [106.577064, 34.280786],
+              [106.589383, 34.253584],
+              [106.63373, 34.260014],
+              [106.652825, 34.24369],
+              [106.68239, 34.256057],
+              [106.705179, 34.299575],
+              [106.691013, 34.337635],
+              [106.717498, 34.369255],
+              [106.638042, 34.391481],
+              [106.610941, 34.454177],
+              [106.558586, 34.48822],
+              [106.513622, 34.498085],
+              [106.514238, 34.511894],
+              [106.455108, 34.531617],
+              [106.334384, 34.517811],
+              [106.341159, 34.568093],
+              [106.314058, 34.578934],
+              [106.419384, 34.643458],
+              [106.471122, 34.634102],
+              [106.442173, 34.675455],
+              [106.456956, 34.703996],
+              [106.487137, 34.715311],
+              [106.505615, 34.746789],
+              [106.539492, 34.745805],
+              [106.575216, 34.769897],
+              [106.550579, 34.82936],
+              [106.556122, 34.861285],
+              [106.527789, 34.876507],
+              [106.493296, 34.941289],
+              [106.484673, 34.983959],
+              [106.494528, 35.006021],
+              [106.494528, 35.006021],
+              [106.52163, 35.027587],
+              [106.541956, 35.083925],
+              [106.577064, 35.089312],
+              [106.615252, 35.071191],
+              [106.706411, 35.081966],
+              [106.710723, 35.100574],
+              [106.838222, 35.080007],
+              [106.901664, 35.094698],
+              [106.950323, 35.066782],
+              [106.990975, 35.068252],
+              [107.012533, 35.029547],
+              [107.08275, 35.024156],
+              [107.089526, 34.976604],
+              [107.119707, 34.950119],
+              [107.162206, 34.944233],
+              [107.189308, 34.893198],
+              [107.252749, 34.880925],
+              [107.286626, 34.931968],
+              [107.350068, 34.93393],
+              [107.369162, 34.917738],
+              [107.400575, 34.932949],
+              [107.455394, 34.916757],
+              [107.523763, 34.909886],
+              [107.564415, 34.968757],
+              [107.619849, 34.964834],
+              [107.638943, 34.935402],
+              [107.675284, 34.9511],
+              [107.741805, 34.953553],
+              [107.842203, 34.979056],
+              [107.863145, 34.999158],
+              [107.846515, 35.024646],
+              [107.814486, 35.024646],
+              [107.773218, 35.060904],
+              [107.773218, 35.060904],
+              [107.769523, 35.064333],
+              [107.769523, 35.064333],
+              [107.727639, 35.120157],
+              [107.715936, 35.168114],
+              [107.686371, 35.218],
+              [107.652494, 35.244886],
+              [107.667277, 35.257104],
+              [107.737494, 35.267366],
+              [107.745501, 35.311819],
+              [107.841587, 35.276649],
+              [107.867457, 35.256127],
+              [107.960464, 35.263457],
+              [107.949993, 35.245375],
+              [108.049159, 35.253683],
+              [108.094739, 35.280069],
+              [108.174811, 35.304981],
+              [108.221622, 35.296678],
+              [108.239484, 35.256127],
+              [108.296767, 35.267855],
+              [108.345426, 35.300586],
+              [108.36144, 35.279581],
+              [108.48894, 35.275184],
+              [108.547454, 35.304981],
+              [108.583178, 35.294724],
+              [108.614591, 35.328909],
+              [108.61028, 35.355271],
+              [108.631222, 35.418698],
+              [108.605968, 35.503028],
+              [108.625678, 35.537124],
+              [108.618287, 35.557088],
+              [108.539447, 35.605761],
+              [108.517889, 35.699615],
+              [108.533903, 35.746257],
+              [108.527744, 35.82442],
+              [108.499411, 35.872444],
+              [108.518505, 35.905414],
+              [108.562852, 35.921409],
+              [108.593649, 35.950967],
+              [108.652164, 35.94806],
+              [108.659555, 35.990683],
+              [108.688504, 36.021183],
+              [108.682345, 36.062316],
+              [108.712526, 36.138716],
+              [108.646004, 36.254143],
+              [108.641693, 36.359279],
+              [108.651548, 36.384818],
+              [108.618903, 36.433946],
+              [108.562852, 36.43876],
+              [108.510498, 36.47438],
+              [108.514809, 36.445501],
+              [108.495099, 36.422389],
+              [108.460606, 36.422871],
+              [108.408252, 36.45946],
+              [108.391621, 36.505654],
+              [108.365136, 36.519603],
+              [108.340498, 36.559032],
+              [108.262274, 36.549417],
+              [108.245644, 36.571048],
+              [108.210535, 36.577296],
+              [108.204992, 36.606607],
+              [108.204992, 36.606607],
+              [108.222854, 36.631105],
+              [108.1976, 36.630144],
+              [108.163724, 36.563839],
+              [108.092891, 36.587388],
+              [108.079956, 36.614294],
+              [108.060862, 36.592194],
+              [108.001732, 36.639269],
+              [108.02329, 36.647912],
+              [108.006659, 36.683435],
+              [107.938906, 36.655594],
+              [107.940754, 36.694953],
+              [107.914268, 36.720861],
+              [107.907493, 36.750118],
+              [107.866841, 36.766899],
+              [107.768291, 36.792783],
+              [107.742421, 36.811951],
+              [107.722095, 36.802367],
+              [107.670356, 36.83303],
+              [107.642023, 36.819137],
+              [107.5909, 36.836382],
+              [107.540393, 36.828718],
+              [107.533618, 36.867031],
+              [107.478183, 36.908196],
+              [107.365466, 36.905324],
+              [107.336517, 36.925899],
+              [107.310032, 36.912502],
+              [107.291554, 36.979463],
+              [107.291554, 36.979463],
+              [107.288474, 37.008143],
+              [107.288474, 37.008143],
+              [107.28601, 37.054963],
+              [107.268764, 37.099367],
+              [107.234887, 37.096503],
+              [107.181916, 37.143269],
+              [107.133873, 37.134681],
+              [107.095685, 37.115595],
+              [107.030395, 37.140883],
+              [107.031011, 37.108436],
+              [106.998367, 37.106527],
+              [106.905976, 37.151378],
+              [106.912135, 37.110345],
+              [106.891193, 37.098413],
+              [106.818512, 37.141838],
+              [106.776012, 37.158056],
+              [106.772933, 37.120367],
+              [106.750143, 37.09889],
+              [106.728585, 37.121321],
+              [106.687933, 37.12991],
+              [106.673151, 37.1113],
+              [106.6171, 37.135158],
+              [106.605397, 37.127524],
+              [106.645433, 37.064992],
+              [106.666991, 37.016745],
+              [106.646665, 37.000496],
+              [106.64297, 36.962729],
+              [106.594926, 36.967988],
+              [106.595542, 36.94025],
+              [106.540108, 36.984244],
+              [106.549347, 36.941685],
+              [106.601702, 36.918244],
+              [106.609709, 36.878521],
+              [106.609709, 36.878521],
+              [106.626955, 36.892403],
+              [106.637426, 36.867031],
+              [106.637426, 36.867031],
+              [106.657752, 36.820575],
+              [106.627571, 36.752995],
+              [106.644817, 36.72278],
+              [106.59431, 36.750118],
+              [106.514238, 36.715584],
+              [106.519782, 36.708868],
+              [106.519782, 36.708868],
+              [106.530869, 36.690154],
+              [106.490833, 36.685835],
+              [106.491448, 36.628703],
+              [106.444637, 36.624861],
+              [106.465579, 36.583063],
+              [106.444637, 36.557109],
+              [106.397826, 36.576816],
+              [106.392282, 36.556628],
+              [106.363949, 36.577296],
+              [106.37134, 36.549417],
+              [106.39721, 36.548455],
+              [106.455724, 36.496995],
+              [106.494528, 36.494589],
+              [106.523477, 36.468605],
+              [106.492064, 36.422389],
+              [106.510543, 36.379037],
+              [106.497608, 36.31348],
+              [106.470507, 36.306246],
+              [106.504383, 36.266207],
+              [106.54134, 36.25366],
+              [106.559202, 36.292259],
+              [106.647897, 36.259451],
+              [106.685469, 36.273445],
+              [106.698404, 36.244008],
+              [106.735976, 36.23725],
+              [106.772933, 36.212628],
+              [106.808657, 36.21118],
+              [106.833295, 36.229044],
+              [106.858548, 36.206834],
+              [106.858548, 36.206834],
+              [106.873947, 36.178338],
+              [106.873947, 36.178338],
+              [106.930613, 36.138716],
+              [106.925686, 36.115997],
+              [106.957715, 36.091337],
+              [106.940468, 36.064734],
+              [106.928149, 36.011502],
+              [106.94786, 35.988262],
+              [106.90228, 35.943699],
+              [106.93862, 35.952905],
+              [106.940468, 35.931101],
+              [106.912751, 35.93207],
+              [106.849925, 35.887476],
+              [106.927534, 35.810346],
+              [106.897353, 35.759856],
+              [106.868403, 35.771996],
+              [106.867171, 35.738485],
+              [106.819128, 35.7448],
+              [106.806193, 35.70982],
+              [106.750759, 35.725369],
+              [106.750759, 35.689408],
+              [106.674998, 35.728284],
+              [106.66268, 35.70739],
+              [106.633115, 35.714679],
+              [106.620796, 35.743829],
+              [106.595542, 35.727312],
+              [106.566593, 35.738971],
+              [106.506231, 35.737514]
+            ]
+          ],
+          [
+            [
+              [106.047356, 35.498155],
+              [106.048588, 35.488898],
+              [106.054132, 35.45478],
+              [106.071994, 35.463555],
+              [106.078769, 35.509848],
+              [106.047356, 35.498155]
+            ]
+          ],
+          [
+            [
+              [102.831537, 36.365544],
+              [102.829689, 36.365544],
+              [102.836465, 36.344819],
+              [102.838928, 36.345783],
+              [102.831537, 36.365544]
+            ]
+          ],
+          [
+            [
+              [106.073226, 35.447468],
+              [106.067682, 35.436254],
+              [106.073226, 35.420649],
+              [106.083081, 35.421624],
+              [106.073226, 35.447468]
+            ]
+          ],
+          [
+            [
+              [106.504383, 35.736057],
+              [106.506231, 35.737514],
+              [106.49268, 35.732656],
+              [106.498224, 35.732656],
+              [106.504383, 35.736057]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 630000,
+        "name": "青海省",
+        "center": [101.778916, 36.623178],
+        "centroid": [96.043533, 35.726403],
+        "childrenNum": 8,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 28,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [102.829689, 36.365544],
+              [102.771791, 36.47438],
+              [102.793349, 36.497957],
+              [102.753313, 36.525855],
+              [102.734219, 36.562396],
+              [102.761936, 36.568645],
+              [102.714509, 36.599401],
+              [102.724364, 36.613813],
+              [102.684328, 36.619097],
+              [102.630741, 36.650793],
+              [102.601176, 36.710307],
+              [102.612879, 36.738129],
+              [102.639364, 36.732853],
+              [102.692335, 36.775528],
+              [102.720052, 36.767858],
+              [102.639364, 36.852666],
+              [102.587009, 36.869904],
+              [102.56114, 36.91968],
+              [102.526031, 36.928291],
+              [102.499546, 36.954599],
+              [102.450271, 36.968467],
+              [102.506321, 37.019134],
+              [102.488459, 37.078362],
+              [102.583314, 37.104618],
+              [102.642444, 37.099845],
+              [102.599944, 37.174748],
+              [102.578386, 37.17284],
+              [102.533422, 37.217176],
+              [102.490307, 37.223371],
+              [102.457662, 37.248147],
+              [102.45335, 37.271487],
+              [102.419474, 37.294343],
+              [102.428097, 37.308624],
+              [102.368351, 37.327662],
+              [102.29875, 37.370004],
+              [102.299981, 37.391404],
+              [102.19712, 37.420403],
+              [102.176794, 37.458892],
+              [102.125055, 37.48549],
+              [102.103497, 37.482641],
+              [102.131214, 37.54625],
+              [102.102265, 37.582304],
+              [102.035128, 37.627819],
+              [102.048678, 37.651515],
+              [102.036359, 37.685149],
+              [101.998787, 37.724921],
+              [101.946432, 37.728235],
+              [101.873135, 37.686569],
+              [101.854657, 37.664781],
+              [101.815853, 37.654357],
+              [101.791832, 37.696041],
+              [101.659405, 37.733441],
+              [101.670491, 37.754264],
+              [101.598427, 37.827569],
+              [101.551615, 37.835604],
+              [101.459224, 37.86632],
+              [101.382848, 37.822369],
+              [101.362522, 37.791162],
+              [101.276906, 37.83655],
+              [101.202994, 37.84742],
+              [101.159262, 37.86821],
+              [101.152486, 37.891356],
+              [101.114298, 37.92016],
+              [101.103211, 37.946593],
+              [101.077342, 37.941874],
+              [100.964009, 38.011221],
+              [100.91843, 37.999432],
+              [100.895024, 38.013107],
+              [100.888864, 38.056001],
+              [100.922125, 38.084741],
+              [100.91843, 38.129006],
+              [100.93814, 38.16007],
+              [100.913502, 38.17889],
+              [100.860531, 38.148305],
+              [100.825423, 38.158658],
+              [100.752126, 38.238612],
+              [100.71517, 38.253652],
+              [100.619083, 38.26587],
+              [100.595061, 38.242372],
+              [100.545786, 38.247072],
+              [100.516837, 38.272448],
+              [100.474953, 38.288891],
+              [100.459555, 38.2654],
+              [100.432453, 38.275267],
+              [100.424446, 38.307208],
+              [100.396729, 38.293118],
+              [100.318505, 38.329276],
+              [100.331439, 38.337257],
+              [100.301874, 38.388405],
+              [100.259374, 38.366355],
+              [100.24028, 38.441861],
+              [100.163288, 38.461546],
+              [100.113397, 38.497151],
+              [100.086911, 38.492936],
+              [100.064122, 38.518694],
+              [100.025933, 38.507923],
+              [100.001296, 38.467169],
+              [100.022238, 38.432017],
+              [100.093071, 38.407166],
+              [100.136803, 38.33444],
+              [100.163904, 38.328337],
+              [100.159592, 38.291239],
+              [100.182998, 38.222158],
+              [100.126332, 38.231561],
+              [100.117093, 38.253652],
+              [100.071513, 38.284663],
+              [100.049955, 38.283254],
+              [100.001912, 38.315191],
+              [99.960028, 38.320825],
+              [99.826985, 38.370109],
+              [99.758, 38.410449],
+              [99.727203, 38.415607],
+              [99.65945, 38.449361],
+              [99.63974, 38.474666],
+              [99.585537, 38.498556],
+              [99.52887, 38.546314],
+              [99.501769, 38.612281],
+              [99.450646, 38.60433],
+              [99.412458, 38.665571],
+              [99.375502, 38.684727],
+              [99.361951, 38.718354],
+              [99.291118, 38.765966],
+              [99.222133, 38.788827],
+              [99.141445, 38.852706],
+              [99.068764, 38.896968],
+              [99.071843, 38.921184],
+              [99.107568, 38.951907],
+              [99.054597, 38.97657],
+              [98.951735, 38.987735],
+              [98.903076, 39.012384],
+              [98.886446, 39.040744],
+              [98.818076, 39.064911],
+              [98.816845, 39.085818],
+              [98.743548, 39.086747],
+              [98.730613, 39.057011],
+              [98.70536, 39.043533],
+              [98.661628, 38.993782],
+              [98.612353, 38.977035],
+              [98.624056, 38.959353],
+              [98.584635, 38.93003],
+              [98.526737, 38.95563],
+              [98.457752, 38.952838],
+              [98.428187, 38.976104],
+              [98.432498, 38.996107],
+              [98.401086, 39.001688],
+              [98.383839, 39.029588],
+              [98.316702, 39.040744],
+              [98.280977, 39.027263],
+              [98.287753, 38.992386],
+              [98.276666, 38.963541],
+              [98.235398, 38.918855],
+              [98.242173, 38.880664],
+              [98.167645, 38.840121],
+              [98.091884, 38.786495],
+              [98.068478, 38.816344],
+              [98.029058, 38.834061],
+              [98.009348, 38.85923],
+              [97.875689, 38.898365],
+              [97.828878, 38.93003],
+              [97.701379, 38.963076],
+              [97.679205, 39.010524],
+              [97.58127, 39.052364],
+              [97.504894, 39.076527],
+              [97.458698, 39.117863],
+              [97.401416, 39.146645],
+              [97.371235, 39.140611],
+              [97.347213, 39.167528],
+              [97.315185, 39.164744],
+              [97.220946, 39.193042],
+              [97.14149, 39.199999],
+              [97.060186, 39.19768],
+              [97.017686, 39.208347],
+              [96.962251, 39.198144],
+              [97.012142, 39.142004],
+              [96.969643, 39.097895],
+              [96.95794, 39.041674],
+              [96.965331, 39.017034],
+              [96.938846, 38.95563],
+              [96.940693, 38.90768],
+              [96.983809, 38.869016],
+              [96.993664, 38.834993],
+              [96.987505, 38.793025],
+              [97.00044, 38.7613],
+              [97.023229, 38.755699],
+              [97.009063, 38.702477],
+              [97.057722, 38.67258],
+              [97.047251, 38.653888],
+              [97.055874, 38.594508],
+              [96.961019, 38.558015],
+              [96.876636, 38.580475],
+              [96.847071, 38.599186],
+              [96.7941, 38.608072],
+              [96.808882, 38.582346],
+              [96.767614, 38.552399],
+              [96.800259, 38.52759],
+              [96.780549, 38.504177],
+              [96.706637, 38.505582],
+              [96.6666, 38.483567],
+              [96.707868, 38.459203],
+              [96.698013, 38.422172],
+              [96.626564, 38.356031],
+              [96.638883, 38.307208],
+              [96.655514, 38.295936],
+              [96.665369, 38.23015],
+              [96.46334, 38.277616],
+              [96.378341, 38.277146],
+              [96.335841, 38.246132],
+              [96.301964, 38.183124],
+              [96.313051, 38.161952],
+              [96.264392, 38.145952],
+              [96.252689, 38.167599],
+              [96.221892, 38.149246],
+              [96.109175, 38.187358],
+              [96.06606, 38.173245],
+              [96.006929, 38.207582],
+              [95.93856, 38.237202],
+              [95.932401, 38.259291],
+              [95.89606, 38.2903],
+              [95.852945, 38.287481],
+              [95.83693, 38.344298],
+              [95.775952, 38.356031],
+              [95.723597, 38.378554],
+              [95.703887, 38.400131],
+              [95.671858, 38.388405],
+              [95.608417, 38.339134],
+              [95.585011, 38.343359],
+              [95.51849, 38.294997],
+              [95.487693, 38.314721],
+              [95.455664, 38.291709],
+              [95.440881, 38.310965],
+              [95.408236, 38.300163],
+              [95.315846, 38.318947],
+              [95.259179, 38.302981],
+              [95.229614, 38.330685],
+              [95.209904, 38.327868],
+              [95.185266, 38.379492],
+              [95.140919, 38.392158],
+              [95.122441, 38.417014],
+              [95.072549, 38.402476],
+              [95.045448, 38.418889],
+              [94.973999, 38.430142],
+              [94.884072, 38.414669],
+              [94.861282, 38.393565],
+              [94.812623, 38.385591],
+              [94.672805, 38.386998],
+              [94.582878, 38.36917],
+              [94.56132, 38.351807],
+              [94.527443, 38.365416],
+              [94.527443, 38.425922],
+              [94.511429, 38.445142],
+              [94.370379, 38.7627],
+              [94.281067, 38.7599],
+              [93.973098, 38.724891],
+              [93.95154, 38.715086],
+              [93.885018, 38.720689],
+              [93.800019, 38.750566],
+              [93.773533, 38.771099],
+              [93.756287, 38.807484],
+              [93.769838, 38.821007],
+              [93.884403, 38.826136],
+              [93.884403, 38.867618],
+              [93.834511, 38.867618],
+              [93.729186, 38.924443],
+              [93.453245, 38.915596],
+              [93.274007, 38.896036],
+              [93.237666, 38.916062],
+              [93.179152, 38.923977],
+              [93.198246, 39.045857],
+              [93.165601, 39.090928],
+              [93.131725, 39.108112],
+              [93.142196, 39.160567],
+              [93.115094, 39.17959],
+              [93.043029, 39.146645],
+              [92.978356, 39.143396],
+              [92.938936, 39.169848],
+              [92.889045, 39.160103],
+              [92.866871, 39.138754],
+              [92.765857, 39.136898],
+              [92.659299, 39.109969],
+              [92.545966, 39.111362],
+              [92.489916, 39.099753],
+              [92.459119, 39.063982],
+              [92.459119, 39.042604],
+              [92.41046, 39.03842],
+              [92.416003, 39.010524],
+              [92.380279, 38.999828],
+              [92.263866, 39.002153],
+              [92.197961, 38.983548],
+              [92.173323, 38.960749],
+              [92.10865, 38.963541],
+              [91.966368, 38.930961],
+              [91.880752, 38.899297],
+              [91.87952, 38.884391],
+              [91.806223, 38.872744],
+              [91.694738, 38.86622],
+              [91.681188, 38.852706],
+              [91.501333, 38.815411],
+              [91.446515, 38.813546],
+              [91.298689, 38.746365],
+              [91.242639, 38.752433],
+              [91.188436, 38.73096],
+              [90.992567, 38.695003],
+              [90.970394, 38.697806],
+              [90.899561, 38.679588],
+              [90.724634, 38.658094],
+              [90.65996, 38.674449],
+              [90.619308, 38.664636],
+              [90.645794, 38.635191],
+              [90.606374, 38.610878],
+              [90.608837, 38.594508],
+              [90.560794, 38.593573],
+              [90.525685, 38.561291],
+              [90.463476, 38.556611],
+              [90.465323, 38.521971],
+              [90.427135, 38.493873],
+              [90.353222, 38.482162],
+              [90.315034, 38.501835],
+              [90.248513, 38.491531],
+              [90.130868, 38.494341],
+              [90.111774, 38.477945],
+              [90.111774, 38.418889],
+              [90.129636, 38.400131],
+              [90.179528, 38.396848],
+              [90.137644, 38.340543],
+              [90.280542, 38.238142],
+              [90.352607, 38.233441],
+              [90.361846, 38.300163],
+              [90.401882, 38.311434],
+              [90.531229, 38.319886],
+              [90.516446, 38.207111],
+              [90.519526, 37.730601],
+              [90.579272, 37.720661],
+              [90.586663, 37.703144],
+              [90.643946, 37.696988],
+              [90.777605, 37.648672],
+              [90.820104, 37.613599],
+              [90.854597, 37.604117],
+              [90.882314, 37.575664],
+              [90.865684, 37.53059],
+              [90.911879, 37.519674],
+              [90.958075, 37.477891],
+              [91.019669, 37.493088],
+              [91.073256, 37.475992],
+              [91.099741, 37.447965],
+              [91.113292, 37.387124],
+              [91.136081, 37.355734],
+              [91.134849, 37.324331],
+              [91.194596, 37.273868],
+              [91.1909, 37.205737],
+              [91.280211, 37.163779],
+              [91.286371, 37.105095],
+              [91.303617, 37.083136],
+              [91.291298, 37.042544],
+              [91.303617, 37.012444],
+              [91.216153, 37.010054],
+              [91.181045, 37.025345],
+              [91.133618, 37.007665],
+              [91.126842, 36.978507],
+              [91.051698, 36.96751],
+              [91.036915, 36.929727],
+              [90.983944, 36.913459],
+              [90.924198, 36.921115],
+              [90.853981, 36.915373],
+              [90.758511, 36.825844],
+              [90.732025, 36.825844],
+              [90.727098, 36.755872],
+              [90.754815, 36.721341],
+              [90.720938, 36.708868],
+              [90.706156, 36.658955],
+              [90.730793, 36.655594],
+              [90.72217, 36.620058],
+              [90.741264, 36.585947],
+              [90.810865, 36.585466],
+              [90.831191, 36.55807],
+              [90.905104, 36.560474],
+              [91.011662, 36.539801],
+              [91.035683, 36.529703],
+              [91.039995, 36.474861],
+              [91.028292, 36.443093],
+              [91.051698, 36.433946],
+              [91.026444, 36.323607],
+              [91.07264, 36.299012],
+              [91.051698, 36.238215],
+              [91.096045, 36.219871],
+              [91.09235, 36.163844],
+              [91.124994, 36.115514],
+              [91.081263, 36.088436],
+              [90.979017, 36.106811],
+              [90.922966, 36.028927],
+              [90.850285, 36.016827],
+              [90.815793, 36.035703],
+              [90.776373, 36.086501],
+              [90.659344, 36.13485],
+              [90.613149, 36.126632],
+              [90.534925, 36.147899],
+              [90.478258, 36.13195],
+              [90.424055, 36.133883],
+              [90.325505, 36.159496],
+              [90.23681, 36.160462],
+              [90.198006, 36.187516],
+              [90.130252, 36.2078],
+              [90.145651, 36.239181],
+              [90.058188, 36.255591],
+              [90.043405, 36.276822],
+              [90.003369, 36.278752],
+              [90.028006, 36.258486],
+              [90.019999, 36.213594],
+              [89.997825, 36.168193],
+              [89.944855, 36.140649],
+              [89.941159, 36.067637],
+              [89.914058, 36.079246],
+              [89.819819, 36.080697],
+              [89.766848, 36.073925],
+              [89.711414, 36.093272],
+              [89.688624, 36.091337],
+              [89.605472, 36.038123],
+              [89.474893, 36.022151],
+              [89.417611, 36.044897],
+              [89.404676, 36.016827],
+              [89.434857, 35.992136],
+              [89.428082, 35.917531],
+              [89.489676, 35.903475],
+              [89.554965, 35.873414],
+              [89.550654, 35.856924],
+              [89.62395, 35.859349],
+              [89.654747, 35.848193],
+              [89.707718, 35.849163],
+              [89.778551, 35.861775],
+              [89.801957, 35.848193],
+              [89.767464, 35.799183],
+              [89.782863, 35.773453],
+              [89.747138, 35.7516],
+              [89.748986, 35.66267],
+              [89.726196, 35.648082],
+              [89.765616, 35.599922],
+              [89.75145, 35.580942],
+              [89.71203, 35.581915],
+              [89.699711, 35.544916],
+              [89.720037, 35.501566],
+              [89.740979, 35.507412],
+              [89.765, 35.482563],
+              [89.739131, 35.468429],
+              [89.685544, 35.416259],
+              [89.658443, 35.425526],
+              [89.619639, 35.412357],
+              [89.58761, 35.383575],
+              [89.497067, 35.361128],
+              [89.516161, 35.330862],
+              [89.494603, 35.298632],
+              [89.531559, 35.276161],
+              [89.48598, 35.256616],
+              [89.450255, 35.223867],
+              [89.46935, 35.214577],
+              [89.519241, 35.133862],
+              [89.579603, 35.118688],
+              [89.593153, 35.104491],
+              [89.59069, 35.057965],
+              [89.560509, 34.938836],
+              [89.578987, 34.895162],
+              [89.670146, 34.887798],
+              [89.707102, 34.919701],
+              [89.747138, 34.903506],
+              [89.78779, 34.921664],
+              [89.821051, 34.902033],
+              [89.814891, 34.86816],
+              [89.838913, 34.865705],
+              [89.867862, 34.81069],
+              [89.825978, 34.796931],
+              [89.799493, 34.743838],
+              [89.732356, 34.732035],
+              [89.72558, 34.660689],
+              [89.74837, 34.641981],
+              [89.798877, 34.628686],
+              [89.777935, 34.574499],
+              [89.814891, 34.548871],
+              [89.823515, 34.455657],
+              [89.819819, 34.420614],
+              [89.799493, 34.39642],
+              [89.820435, 34.369255],
+              [89.858623, 34.359375],
+              [89.86663, 34.324785],
+              [89.825362, 34.293642],
+              [89.838297, 34.263477],
+              [89.816739, 34.16945],
+              [89.789638, 34.150632],
+              [89.760073, 34.152613],
+              [89.756993, 34.124874],
+              [89.71203, 34.131809],
+              [89.655979, 34.097126],
+              [89.656595, 34.057966],
+              [89.635037, 34.049537],
+              [89.684928, 33.990013],
+              [89.688008, 33.959739],
+              [89.718805, 33.946832],
+              [89.73174, 33.921509],
+              [89.795181, 33.865374],
+              [89.837065, 33.868853],
+              [89.899891, 33.80771],
+              [89.942391, 33.801246],
+              [89.902355, 33.758467],
+              [89.907282, 33.741051],
+              [89.983659, 33.725622],
+              [89.981195, 33.70322],
+              [90.008296, 33.687785],
+              [89.984275, 33.612061],
+              [90.01076, 33.553728],
+              [90.083441, 33.525295],
+              [90.088984, 33.478885],
+              [90.107463, 33.460913],
+              [90.22018, 33.437943],
+              [90.246665, 33.423959],
+              [90.332896, 33.310501],
+              [90.363077, 33.279487],
+              [90.405577, 33.260473],
+              [90.490577, 33.264977],
+              [90.562642, 33.229441],
+              [90.627315, 33.180368],
+              [90.704308, 33.135778],
+              [90.740032, 33.142293],
+              [90.803474, 33.114227],
+              [90.88293, 33.120241],
+              [90.902024, 33.083143],
+              [90.927894, 33.120241],
+              [91.001807, 33.11573],
+              [91.037531, 33.098686],
+              [91.072024, 33.113224],
+              [91.147784, 33.07211],
+              [91.161335, 33.108712],
+              [91.18782, 33.106206],
+              [91.226624, 33.141792],
+              [91.261733, 33.141291],
+              [91.311624, 33.108211],
+              [91.370138, 33.100691],
+              [91.436044, 33.066092],
+              [91.49579, 33.109214],
+              [91.535826, 33.10019],
+              [91.55492, 33.060074],
+              [91.583253, 33.0375],
+              [91.664557, 33.012913],
+              [91.685499, 32.989324],
+              [91.752637, 32.969242],
+              [91.799448, 32.942126],
+              [91.839484, 32.948152],
+              [91.857962, 32.90244],
+              [91.896766, 32.907967],
+              [91.955897, 32.8205],
+              [92.018722, 32.829552],
+              [92.038432, 32.860725],
+              [92.101874, 32.860222],
+              [92.145606, 32.885857],
+              [92.205352, 32.866255],
+              [92.227526, 32.821003],
+              [92.193649, 32.801889],
+              [92.211511, 32.788306],
+              [92.198577, 32.754591],
+              [92.255243, 32.720863],
+              [92.310062, 32.751571],
+              [92.343938, 32.738484],
+              [92.355641, 32.764657],
+              [92.411076, 32.748048],
+              [92.459119, 32.76365],
+              [92.484372, 32.745028],
+              [92.56814, 32.73194],
+              [92.574916, 32.741001],
+              [92.634662, 32.720863],
+              [92.667922, 32.73194],
+              [92.686401, 32.76516],
+              [92.756618, 32.743014],
+              [92.789262, 32.719856],
+              [92.822523, 32.729926],
+              [92.866871, 32.698203],
+              [92.933392, 32.719353],
+              [92.964189, 32.714821],
+              [93.00053, 32.741001],
+              [93.019624, 32.737477],
+              [93.023935, 32.703239],
+              [93.069515, 32.626156],
+              [93.087993, 32.63674],
+              [93.159442, 32.644803],
+              [93.176688, 32.6705],
+              [93.210565, 32.655385],
+              [93.239514, 32.662439],
+              [93.260456, 32.62666],
+              [93.300492, 32.619604],
+              [93.308499, 32.580278],
+              [93.33868, 32.5712],
+              [93.385492, 32.525294],
+              [93.411977, 32.558086],
+              [93.4631, 32.556069],
+              [93.476651, 32.504603],
+              [93.501904, 32.503593],
+              [93.516687, 32.47583],
+              [93.618933, 32.522771],
+              [93.651577, 32.571705],
+              [93.721795, 32.578261],
+              [93.75136, 32.56313],
+              [93.820345, 32.549511],
+              [93.851142, 32.50965],
+              [93.861613, 32.466237],
+              [93.90904, 32.463207],
+              [93.960163, 32.484917],
+              [93.978641, 32.459672],
+              [94.03038, 32.448057],
+              [94.049474, 32.469771],
+              [94.091974, 32.463207],
+              [94.137554, 32.433915],
+              [94.176974, 32.454117],
+              [94.196684, 32.51621],
+              [94.250886, 32.51722],
+              [94.292154, 32.502584],
+              [94.294002, 32.519743],
+              [94.350053, 32.533871],
+              [94.371611, 32.524789],
+              [94.395016, 32.594397],
+              [94.435052, 32.562626],
+              [94.463386, 32.572209],
+              [94.459074, 32.599439],
+              [94.522516, 32.595909],
+              [94.591501, 32.640772],
+              [94.614291, 32.673522],
+              [94.638312, 32.645307],
+              [94.737479, 32.587338],
+              [94.762116, 32.526303],
+              [94.78737, 32.522266],
+              [94.80708, 32.486431],
+              [94.852043, 32.463712],
+              [94.889616, 32.472295],
+              [94.912405, 32.41573],
+              [94.944434, 32.404109],
+              [94.988166, 32.422802],
+              [95.057151, 32.395014],
+              [95.075013, 32.376315],
+              [95.075013, 32.376315],
+              [95.081789, 32.384907],
+              [95.153853, 32.386423],
+              [95.218527, 32.397035],
+              [95.228382, 32.363678],
+              [95.261643, 32.348006],
+              [95.193274, 32.332331],
+              [95.096571, 32.322217],
+              [95.079325, 32.279726],
+              [95.10581, 32.258979],
+              [95.20744, 32.297433],
+              [95.214216, 32.321712],
+              [95.241317, 32.3207],
+              [95.239469, 32.287315],
+              [95.270266, 32.194683],
+              [95.270266, 32.194683],
+              [95.31523, 32.148585],
+              [95.366968, 32.151118],
+              [95.367584, 32.178982],
+              [95.406389, 32.182021],
+              [95.440265, 32.157705],
+              [95.454432, 32.061898],
+              [95.421171, 32.033999],
+              [95.454432, 32.007613],
+              [95.395918, 32.001523],
+              [95.360809, 31.95939],
+              [95.3682, 31.92892],
+              [95.408852, 31.918761],
+              [95.406389, 31.896915],
+              [95.456896, 31.801853],
+              [95.480301, 31.795749],
+              [95.511714, 31.750468],
+              [95.546823, 31.73978],
+              [95.580083, 31.76726],
+              [95.634286, 31.782523],
+              [95.779648, 31.748941],
+              [95.823995, 31.68225],
+              [95.853561, 31.714329],
+              [95.846169, 31.736218],
+              [95.89914, 31.81711],
+              [95.983524, 31.816601],
+              [95.989067, 31.78761],
+              [96.064828, 31.720438],
+              [96.135661, 31.70211],
+              [96.148595, 31.686324],
+              [96.156603, 31.602769],
+              [96.207726, 31.598691],
+              [96.221892, 31.647613],
+              [96.245298, 31.657802],
+              [96.252073, 31.697527],
+              [96.222508, 31.733164],
+              [96.231131, 31.749959],
+              [96.178161, 31.775401],
+              [96.183088, 31.835924],
+              [96.202798, 31.841008],
+              [96.214501, 31.876589],
+              [96.188632, 31.904028],
+              [96.220044, 31.905553],
+              [96.253305, 31.929936],
+              [96.288414, 31.919777],
+              [96.389428, 31.919777],
+              [96.407906, 31.845583],
+              [96.435623, 31.796258],
+              [96.468884, 31.769804],
+              [96.519391, 31.74945],
+              [96.56805, 31.711783],
+              [96.615477, 31.737236],
+              [96.661057, 31.705674],
+              [96.691854, 31.722474],
+              [96.722651, 31.686833],
+              [96.778701, 31.675629],
+              [96.790404, 31.698545],
+              [96.840295, 31.720438],
+              [96.799027, 31.792188],
+              [96.765767, 31.819144],
+              [96.760223, 31.860325],
+              [96.794716, 31.869474],
+              [96.81073, 31.894375],
+              [96.776238, 31.935015],
+              [96.753448, 31.944156],
+              [96.742977, 32.001016],
+              [96.722651, 32.013195],
+              [96.824281, 32.007613],
+              [96.868629, 31.964975],
+              [96.863085, 31.996448],
+              [96.894498, 32.013703],
+              [96.941925, 31.986297],
+              [96.965947, 32.008628],
+              [96.935766, 32.048203],
+              [97.006599, 32.067984],
+              [97.028773, 32.04871],
+              [97.127323, 32.044145],
+              [97.169823, 32.032984],
+              [97.188301, 32.055304],
+              [97.214786, 32.042623],
+              [97.233881, 32.063927],
+              [97.201852, 32.090296],
+              [97.219714, 32.109054],
+              [97.258518, 32.072041],
+              [97.308409, 32.076605],
+              [97.293011, 32.096887],
+              [97.313953, 32.130342],
+              [97.271453, 32.139971],
+              [97.264062, 32.182527],
+              [97.299786, 32.294904],
+              [97.32196, 32.303503],
+              [97.371235, 32.273148],
+              [97.415583, 32.296421],
+              [97.424822, 32.322723],
+              [97.387865, 32.427349],
+              [97.341054, 32.440987],
+              [97.388481, 32.501575],
+              [97.334895, 32.514192],
+              [97.332431, 32.542448],
+              [97.3583, 32.563635],
+              [97.374315, 32.546484],
+              [97.411887, 32.575235],
+              [97.448843, 32.586833],
+              [97.463626, 32.55506],
+              [97.50243, 32.530844],
+              [97.540618, 32.536899],
+              [97.670582, 32.51722],
+              [97.684132, 32.530339],
+              [97.730944, 32.527312],
+              [97.700763, 32.53488],
+              [97.616995, 32.586329],
+              [97.607756, 32.614059],
+              [97.543698, 32.62162],
+              [97.535075, 32.638252],
+              [97.48272, 32.654377],
+              [97.42359, 32.70475],
+              [97.429133, 32.714318],
+              [97.386018, 32.77925],
+              [97.392793, 32.828546],
+              [97.376163, 32.886359],
+              [97.347829, 32.895907],
+              [97.375547, 32.956689],
+              [97.438372, 32.976271],
+              [97.523988, 32.988822],
+              [97.499966, 33.011408],
+              [97.542466, 33.035995],
+              [97.517213, 33.097683],
+              [97.487032, 33.107209],
+              [97.498119, 33.137783],
+              [97.487648, 33.168346],
+              [97.548626, 33.203907],
+              [97.607756, 33.263976],
+              [97.622538, 33.337005],
+              [97.676125, 33.341004],
+              [97.754349, 33.409972],
+              [97.674893, 33.432949],
+              [97.625618, 33.461412],
+              [97.552321, 33.465906],
+              [97.511669, 33.520805],
+              [97.523372, 33.577166],
+              [97.450075, 33.582152],
+              [97.415583, 33.605582],
+              [97.435293, 33.682307],
+              [97.418046, 33.728608],
+              [97.422974, 33.754984],
+              [97.406344, 33.795278],
+              [97.373083, 33.817655],
+              [97.371851, 33.842015],
+              [97.398336, 33.848477],
+              [97.395257, 33.889224],
+              [97.460546, 33.887236],
+              [97.503662, 33.912073],
+              [97.52214, 33.903133],
+              [97.601596, 33.929951],
+              [97.629314, 33.919523],
+              [97.660111, 33.956264],
+              [97.652719, 33.998448],
+              [97.70261, 34.036644],
+              [97.665654, 34.126855],
+              [97.766668, 34.158555],
+              [97.789458, 34.182818],
+              [97.789458, 34.182818],
+              [97.796849, 34.199154],
+              [97.796849, 34.199154],
+              [97.8104, 34.207568],
+              [97.898479, 34.209548],
+              [97.95453, 34.190739],
+              [98.028442, 34.122892],
+              [98.098043, 34.122892],
+              [98.158405, 34.107037],
+              [98.206449, 34.08424],
+              [98.258188, 34.083249],
+              [98.344419, 34.094648],
+              [98.399854, 34.085231],
+              [98.396774, 34.053008],
+              [98.428187, 34.029204],
+              [98.440506, 33.981577],
+              [98.415252, 33.956761],
+              [98.425723, 33.913066],
+              [98.407245, 33.867362],
+              [98.434962, 33.843009],
+              [98.463295, 33.848477],
+              [98.492861, 33.796272],
+              [98.494092, 33.768915],
+              [98.51873, 33.77389],
+              [98.539672, 33.746525],
+              [98.582788, 33.731595],
+              [98.610505, 33.682805],
+              [98.6567, 33.64744],
+              [98.61728, 33.637476],
+              [98.622824, 33.610067],
+              [98.652389, 33.595114],
+              [98.648077, 33.548741],
+              [98.678258, 33.522801],
+              [98.725686, 33.503341],
+              [98.742316, 33.477887],
+              [98.736157, 33.406975],
+              [98.779888, 33.370497],
+              [98.759562, 33.276985],
+              [98.802062, 33.270481],
+              [98.804526, 33.219428],
+              [98.858728, 33.150811],
+              [98.92217, 33.118738],
+              [98.967134, 33.115229],
+              [98.971445, 33.098185],
+              [99.014561, 33.081137],
+              [99.024416, 33.094675],
+              [99.090322, 33.079131],
+              [99.124814, 33.046028],
+              [99.196263, 33.035493],
+              [99.214741, 32.991332],
+              [99.235067, 32.982296],
+              [99.24677, 32.924043],
+              [99.268944, 32.878318],
+              [99.353944, 32.885354],
+              [99.376118, 32.899927],
+              [99.45311, 32.862233],
+              [99.558436, 32.839106],
+              [99.589233, 32.789312],
+              [99.640355, 32.790822],
+              [99.646515, 32.774721],
+              [99.700718, 32.76667],
+              [99.717964, 32.732443],
+              [99.760464, 32.769689],
+              [99.766623, 32.826032],
+              [99.791877, 32.883344],
+              [99.764159, 32.924545],
+              [99.788181, 32.956689],
+              [99.805427, 32.940619],
+              [99.851007, 32.941623],
+              [99.877492, 32.993339],
+              [99.877492, 33.045527],
+              [99.947709, 32.986814],
+              [99.956332, 32.948152],
+              [100.038252, 32.929066],
+              [100.029629, 32.895907],
+              [100.064738, 32.895907],
+              [100.123252, 32.837095],
+              [100.117093, 32.802392],
+              [100.139266, 32.724388],
+              [100.088143, 32.668988],
+              [100.109701, 32.640268],
+              [100.189773, 32.630692],
+              [100.208252, 32.606497],
+              [100.229809, 32.650346],
+              [100.231041, 32.696189],
+              [100.258759, 32.742511],
+              [100.339447, 32.719353],
+              [100.399193, 32.756101],
+              [100.378251, 32.698707],
+              [100.420135, 32.73194],
+              [100.450932, 32.694678],
+              [100.470026, 32.694678],
+              [100.516837, 32.632204],
+              [100.54517, 32.569687],
+              [100.603069, 32.553547],
+              [100.645568, 32.526303],
+              [100.657887, 32.546484],
+              [100.661583, 32.616075],
+              [100.673286, 32.628172],
+              [100.710242, 32.610026],
+              [100.71209, 32.645307],
+              [100.690532, 32.678056],
+              [100.77122, 32.643795],
+              [100.834046, 32.648835],
+              [100.887633, 32.632708],
+              [100.93198, 32.600447],
+              [100.956618, 32.621116],
+              [100.99727, 32.627668],
+              [101.030531, 32.660424],
+              [101.077342, 32.68259],
+              [101.124769, 32.658408],
+              [101.157414, 32.661431],
+              [101.22332, 32.725898],
+              [101.237486, 32.825026],
+              [101.223935, 32.855698],
+              [101.178356, 32.892892],
+              [101.124153, 32.909976],
+              [101.134624, 32.95217],
+              [101.129081, 32.989324],
+              [101.183899, 32.984304],
+              [101.171581, 33.009902],
+              [101.184515, 33.041514],
+              [101.146327, 33.056563],
+              [101.143863, 33.086151],
+              [101.169733, 33.10019],
+              [101.11553, 33.194893],
+              [101.124769, 33.221431],
+              [101.156798, 33.236449],
+              [101.182668, 33.26948],
+              [101.217776, 33.256469],
+              [101.297232, 33.262475],
+              [101.381616, 33.153316],
+              [101.393935, 33.157826],
+              [101.386543, 33.207412],
+              [101.403174, 33.225436],
+              [101.487557, 33.226938],
+              [101.515275, 33.192889],
+              [101.557775, 33.167344],
+              [101.633535, 33.101193],
+              [101.661252, 33.135778],
+              [101.653861, 33.162835],
+              [101.709912, 33.21292],
+              [101.735781, 33.279987],
+              [101.677883, 33.297497],
+              [101.64955, 33.323004],
+              [101.663716, 33.383991],
+              [101.695745, 33.433948],
+              [101.769042, 33.45592],
+              [101.777665, 33.533776],
+              [101.769042, 33.538765],
+              [101.748716, 33.505337],
+              [101.718535, 33.494857],
+              [101.622448, 33.502343],
+              [101.611977, 33.565199],
+              [101.616905, 33.598603],
+              [101.585492, 33.645448],
+              [101.58426, 33.674339],
+              [101.501724, 33.702723],
+              [101.428427, 33.680315],
+              [101.424732, 33.655411],
+              [101.385312, 33.644949],
+              [101.302776, 33.657902],
+              [101.23687, 33.685793],
+              [101.217776, 33.669856],
+              [101.166653, 33.659894],
+              [101.177124, 33.685295],
+              [101.162957, 33.719649],
+              [101.186363, 33.741051],
+              [101.190675, 33.791796],
+              [101.153102, 33.823124],
+              [101.153718, 33.8445],
+              [101.054552, 33.863386],
+              [101.023139, 33.896178],
+              [100.994806, 33.891707],
+              [100.965857, 33.946832],
+              [100.927669, 33.975126],
+              [100.93506, 33.990013],
+              [100.880857, 34.036644],
+              [100.870386, 34.083744],
+              [100.848828, 34.089692],
+              [100.806329, 34.155584],
+              [100.764445, 34.178857],
+              [100.809408, 34.247153],
+              [100.798321, 34.260014],
+              [100.821727, 34.317371],
+              [100.868538, 34.332693],
+              [100.895024, 34.375183],
+              [100.951074, 34.38358],
+              [100.986799, 34.374689],
+              [101.054552, 34.322808],
+              [101.098284, 34.329233],
+              [101.178356, 34.320831],
+              [101.193754, 34.336646],
+              [101.235022, 34.325279],
+              [101.228863, 34.298586],
+              [101.268899, 34.278808],
+              [101.325565, 34.268423],
+              [101.327413, 34.24468],
+              [101.369913, 34.248143],
+              [101.417956, 34.227858],
+              [101.482014, 34.218951],
+              [101.492485, 34.195689],
+              [101.53868, 34.212022],
+              [101.6206, 34.178857],
+              [101.674187, 34.110506],
+              [101.703136, 34.119424],
+              [101.718535, 34.083249],
+              [101.736397, 34.080275],
+              [101.764114, 34.122892],
+              [101.788136, 34.131809],
+              [101.836795, 34.124378],
+              [101.851578, 34.153108],
+              [101.874367, 34.130323],
+              [101.897773, 34.133791],
+              [101.955055, 34.109514],
+              [101.965526, 34.167469],
+              [102.003099, 34.162022],
+              [102.030816, 34.190739],
+              [102.01357, 34.218456],
+              [102.062229, 34.227858],
+              [102.067772, 34.293642],
+              [102.149692, 34.271885],
+              [102.186649, 34.352952],
+              [102.237156, 34.34307],
+              [102.237156, 34.34307],
+              [102.259329, 34.355917],
+              [102.205743, 34.407777],
+              [102.169402, 34.457631],
+              [102.155852, 34.507456],
+              [102.139837, 34.50351],
+              [102.093026, 34.536547],
+              [102.001867, 34.538519],
+              [101.97415, 34.548871],
+              [101.956287, 34.582876],
+              [101.934729, 34.58731],
+              [101.919947, 34.621791],
+              [101.917483, 34.705964],
+              [101.923027, 34.835746],
+              [101.916867, 34.873561],
+              [101.985852, 34.90007],
+              [102.068388, 34.887798],
+              [102.048062, 34.910868],
+              [102.094874, 34.986901],
+              [102.133678, 35.014844],
+              [102.157699, 35.010923],
+              [102.176178, 35.032977],
+              [102.211286, 35.034937],
+              [102.218062, 35.057475],
+              [102.252554, 35.048657],
+              [102.29567, 35.071681],
+              [102.310452, 35.128967],
+              [102.346793, 35.164201],
+              [102.404075, 35.179366],
+              [102.365887, 35.235599],
+              [102.370199, 35.263946],
+              [102.3123, 35.282512],
+              [102.280887, 35.303028],
+              [102.311684, 35.31426],
+              [102.317844, 35.343067],
+              [102.287663, 35.36552],
+              [102.293822, 35.424063],
+              [102.314764, 35.434303],
+              [102.408387, 35.409431],
+              [102.447807, 35.437229],
+              [102.437952, 35.455268],
+              [102.49893, 35.545403],
+              [102.503241, 35.585322],
+              [102.531575, 35.580455],
+              [102.570995, 35.548324],
+              [102.695414, 35.528358],
+              [102.743458, 35.494745],
+              [102.782878, 35.527871],
+              [102.729291, 35.523487],
+              [102.746537, 35.545403],
+              [102.808747, 35.560496],
+              [102.763168, 35.612086],
+              [102.7644, 35.653431],
+              [102.744074, 35.657807],
+              [102.707733, 35.70496],
+              [102.686175, 35.771996],
+              [102.715125, 35.815685],
+              [102.739146, 35.821023],
+              [102.787189, 35.862745],
+              [102.81737, 35.850133],
+              [102.914073, 35.845282],
+              [102.94487, 35.829757],
+              [102.954725, 35.858864],
+              [102.942406, 35.92674],
+              [102.971971, 35.995525],
+              [102.951645, 36.021667],
+              [102.968276, 36.044414],
+              [102.932551, 36.048285],
+              [102.882044, 36.082632],
+              [102.941174, 36.104877],
+              [102.948566, 36.150798],
+              [102.965812, 36.151765],
+              [102.986754, 36.193312],
+              [103.048964, 36.199107],
+              [103.066826, 36.216974],
+              [103.021246, 36.232906],
+              [103.024942, 36.256556],
+              [102.922696, 36.298047],
+              [102.896827, 36.331803],
+              [102.845704, 36.331803],
+              [102.836465, 36.344819],
+              [102.829689, 36.365544]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 640000,
+        "name": "宁夏回族自治区",
+        "center": [106.278179, 38.46637],
+        "centroid": [106.169866, 37.291332],
+        "childrenNum": 5,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 29,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [107.268764, 37.099367],
+              [107.281083, 37.127047],
+              [107.306952, 37.100799],
+              [107.334669, 37.138975],
+              [107.336517, 37.165687],
+              [107.317423, 37.200017],
+              [107.270612, 37.229089],
+              [107.309416, 37.239095],
+              [107.273075, 37.29101],
+              [107.257677, 37.337179],
+              [107.282931, 37.437036],
+              [107.284162, 37.481691],
+              [107.345756, 37.518725],
+              [107.369162, 37.58752],
+              [107.330358, 37.584201],
+              [107.311264, 37.609806],
+              [107.361155, 37.613125],
+              [107.422133, 37.665254],
+              [107.389488, 37.671413],
+              [107.387024, 37.691305],
+              [107.425828, 37.684201],
+              [107.484959, 37.706458],
+              [107.499125, 37.765619],
+              [107.57119, 37.776499],
+              [107.599523, 37.791162],
+              [107.620465, 37.776026],
+              [107.646335, 37.805349],
+              [107.659269, 37.844112],
+              [107.65003, 37.86443],
+              [107.560719, 37.893717],
+              [107.49235, 37.944706],
+              [107.448618, 37.933378],
+              [107.411662, 37.948009],
+              [107.440611, 37.995659],
+              [107.3938, 38.014993],
+              [107.33159, 38.086625],
+              [107.240431, 38.111586],
+              [107.19054, 38.153953],
+              [107.138801, 38.161011],
+              [107.119091, 38.134185],
+              [107.071047, 38.138892],
+              [107.051337, 38.122886],
+              [107.010069, 38.120532],
+              [106.942316, 38.132302],
+              [106.858548, 38.156306],
+              [106.779092, 38.171833],
+              [106.737824, 38.197706],
+              [106.654672, 38.22921],
+              [106.627571, 38.232501],
+              [106.555506, 38.263521],
+              [106.482209, 38.319417],
+              [106.599854, 38.389812],
+              [106.647897, 38.470917],
+              [106.66268, 38.601524],
+              [106.709491, 38.718821],
+              [106.756302, 38.748699],
+              [106.837606, 38.847579],
+              [106.954019, 38.941202],
+              [106.971881, 39.026333],
+              [106.96757, 39.054688],
+              [106.933693, 39.076527],
+              [106.878874, 39.091392],
+              [106.859164, 39.107648],
+              [106.825288, 39.19397],
+              [106.795723, 39.214375],
+              [106.790795, 39.241263],
+              [106.806193, 39.277407],
+              [106.806809, 39.318625],
+              [106.781556, 39.371849],
+              [106.751375, 39.381564],
+              [106.683622, 39.357506],
+              [106.643586, 39.357969],
+              [106.602318, 39.37555],
+              [106.556122, 39.322329],
+              [106.525325, 39.308439],
+              [106.511774, 39.272311],
+              [106.402753, 39.291767],
+              [106.280181, 39.262118],
+              [106.29558, 39.167992],
+              [106.285109, 39.146181],
+              [106.251232, 39.131327],
+              [106.192718, 39.142932],
+              [106.170544, 39.163352],
+              [106.145907, 39.153142],
+              [106.096631, 39.084889],
+              [106.078153, 39.026333],
+              [106.087392, 39.006339],
+              [106.060907, 38.96866],
+              [106.021487, 38.953769],
+              [105.97098, 38.909077],
+              [105.992538, 38.857366],
+              [105.909386, 38.791159],
+              [105.908154, 38.737496],
+              [105.88598, 38.716953],
+              [105.894603, 38.696405],
+              [105.852719, 38.641735],
+              [105.874277, 38.593105],
+              [105.856415, 38.569714],
+              [105.863806, 38.53508],
+              [105.836705, 38.476071],
+              [105.850872, 38.443736],
+              [105.827466, 38.432486],
+              [105.835473, 38.387467],
+              [105.821307, 38.366824],
+              [105.86627, 38.296406],
+              [105.842248, 38.240962],
+              [105.802828, 38.220277],
+              [105.775111, 38.186887],
+              [105.76772, 38.121474],
+              [105.780655, 38.084741],
+              [105.840401, 38.004147],
+              [105.799749, 37.939986],
+              [105.80406, 37.862068],
+              [105.760944, 37.799674],
+              [105.677177, 37.771769],
+              [105.622358, 37.777919],
+              [105.616199, 37.722555],
+              [105.598952, 37.699356],
+              [105.467141, 37.695094],
+              [105.4037, 37.710246],
+              [105.315004, 37.702197],
+              [105.221998, 37.677097],
+              [105.187505, 37.657674],
+              [105.111128, 37.633981],
+              [105.027977, 37.580881],
+              [104.866601, 37.566651],
+              [104.805007, 37.539133],
+              [104.623305, 37.522522],
+              [104.433595, 37.515402],
+              [104.419429, 37.511604],
+              [104.407726, 37.464592],
+              [104.322726, 37.44844],
+              [104.287002, 37.428007],
+              [104.298705, 37.414223],
+              [104.365226, 37.418026],
+              [104.437907, 37.445589],
+              [104.448994, 37.42468],
+              [104.499501, 37.421353],
+              [104.521059, 37.43466],
+              [104.679971, 37.408044],
+              [104.662109, 37.367626],
+              [104.713848, 37.329566],
+              [104.673812, 37.317668],
+              [104.651022, 37.290534],
+              [104.624536, 37.298627],
+              [104.600515, 37.242907],
+              [104.638087, 37.201923],
+              [104.717543, 37.208597],
+              [104.776673, 37.246718],
+              [104.85613, 37.211933],
+              [104.864753, 37.17284],
+              [104.888158, 37.15901],
+              [104.914644, 37.097935],
+              [104.954064, 37.077407],
+              [104.95468, 37.040156],
+              [105.004571, 37.035378],
+              [105.03968, 37.007187],
+              [105.05939, 37.022956],
+              [105.128991, 36.996194],
+              [105.165331, 36.99476],
+              [105.185657, 36.942164],
+              [105.178882, 36.892403],
+              [105.244787, 36.894796],
+              [105.279896, 36.86751],
+              [105.303302, 36.820575],
+              [105.334714, 36.80093],
+              [105.340874, 36.764502],
+              [105.319932, 36.742924],
+              [105.275584, 36.752515],
+              [105.272505, 36.739567],
+              [105.218302, 36.730455],
+              [105.201056, 36.700711],
+              [105.225693, 36.664716],
+              [105.22015, 36.631105],
+              [105.261418, 36.602764],
+              [105.2762, 36.563358],
+              [105.252179, 36.553263],
+              [105.281744, 36.522489],
+              [105.322396, 36.535954],
+              [105.362432, 36.496514],
+              [105.363048, 36.443093],
+              [105.398156, 36.430575],
+              [105.401236, 36.369881],
+              [105.425873, 36.330357],
+              [105.455439, 36.321678],
+              [105.476381, 36.293224],
+              [105.45975, 36.268137],
+              [105.460366, 36.223733],
+              [105.478844, 36.213111],
+              [105.515185, 36.147415],
+              [105.491163, 36.101009],
+              [105.430801, 36.10391],
+              [105.406163, 36.074409],
+              [105.343954, 36.033767],
+              [105.324859, 35.941761],
+              [105.350113, 35.875839],
+              [105.39754, 35.857409],
+              [105.371055, 35.844312],
+              [105.38091, 35.792873],
+              [105.408627, 35.822479],
+              [105.428953, 35.819082],
+              [105.432033, 35.787533],
+              [105.457286, 35.771511],
+              [105.481924, 35.727312],
+              [105.595873, 35.715651],
+              [105.667322, 35.749657],
+              [105.70243, 35.733142],
+              [105.759097, 35.724883],
+              [105.740618, 35.698643],
+              [105.723988, 35.725854],
+              [105.690727, 35.698643],
+              [105.722756, 35.673366],
+              [105.713517, 35.650513],
+              [105.759097, 35.634464],
+              [105.762176, 35.602841],
+              [105.800365, 35.564878],
+              [105.816379, 35.575101],
+              [105.847176, 35.490359],
+              [105.868734, 35.540046],
+              [105.900147, 35.54735],
+              [106.017175, 35.519103],
+              [106.023335, 35.49377],
+              [106.047356, 35.498155],
+              [106.078769, 35.509848],
+              [106.071994, 35.463555],
+              [106.06953, 35.458193],
+              [106.073842, 35.45478],
+              [106.073226, 35.450393],
+              [106.071378, 35.449418],
+              [106.073226, 35.447468],
+              [106.083081, 35.421624],
+              [106.113262, 35.361616],
+              [106.129892, 35.393333],
+              [106.173008, 35.437716],
+              [106.196414, 35.409919],
+              [106.237681, 35.409431],
+              [106.241377, 35.358687],
+              [106.319601, 35.265411],
+              [106.363333, 35.238532],
+              [106.368261, 35.273718],
+              [106.415688, 35.276161],
+              [106.472354, 35.310842],
+              [106.501304, 35.364056],
+              [106.503767, 35.415284],
+              [106.483441, 35.450393],
+              [106.490217, 35.480613],
+              [106.465579, 35.481101],
+              [106.440941, 35.52641],
+              [106.460036, 35.578995],
+              [106.47913, 35.575101],
+              [106.460036, 35.643705],
+              [106.434782, 35.688436],
+              [106.49268, 35.732656],
+              [106.506231, 35.737514],
+              [106.566593, 35.738971],
+              [106.595542, 35.727312],
+              [106.620796, 35.743829],
+              [106.633115, 35.714679],
+              [106.66268, 35.70739],
+              [106.674998, 35.728284],
+              [106.750759, 35.689408],
+              [106.750759, 35.725369],
+              [106.806193, 35.70982],
+              [106.819128, 35.7448],
+              [106.867171, 35.738485],
+              [106.868403, 35.771996],
+              [106.897353, 35.759856],
+              [106.927534, 35.810346],
+              [106.849925, 35.887476],
+              [106.912751, 35.93207],
+              [106.940468, 35.931101],
+              [106.93862, 35.952905],
+              [106.90228, 35.943699],
+              [106.94786, 35.988262],
+              [106.928149, 36.011502],
+              [106.940468, 36.064734],
+              [106.957715, 36.091337],
+              [106.925686, 36.115997],
+              [106.930613, 36.138716],
+              [106.873947, 36.178338],
+              [106.873947, 36.178338],
+              [106.858548, 36.206834],
+              [106.858548, 36.206834],
+              [106.833295, 36.229044],
+              [106.808657, 36.21118],
+              [106.772933, 36.212628],
+              [106.735976, 36.23725],
+              [106.698404, 36.244008],
+              [106.685469, 36.273445],
+              [106.647897, 36.259451],
+              [106.559202, 36.292259],
+              [106.54134, 36.25366],
+              [106.504383, 36.266207],
+              [106.470507, 36.306246],
+              [106.497608, 36.31348],
+              [106.510543, 36.379037],
+              [106.492064, 36.422389],
+              [106.523477, 36.468605],
+              [106.494528, 36.494589],
+              [106.455724, 36.496995],
+              [106.39721, 36.548455],
+              [106.37134, 36.549417],
+              [106.363949, 36.577296],
+              [106.392282, 36.556628],
+              [106.397826, 36.576816],
+              [106.444637, 36.557109],
+              [106.465579, 36.583063],
+              [106.444637, 36.624861],
+              [106.491448, 36.628703],
+              [106.490833, 36.685835],
+              [106.530869, 36.690154],
+              [106.519782, 36.708868],
+              [106.519782, 36.708868],
+              [106.514238, 36.715584],
+              [106.59431, 36.750118],
+              [106.644817, 36.72278],
+              [106.627571, 36.752995],
+              [106.657752, 36.820575],
+              [106.637426, 36.867031],
+              [106.637426, 36.867031],
+              [106.626955, 36.892403],
+              [106.609709, 36.878521],
+              [106.609709, 36.878521],
+              [106.601702, 36.918244],
+              [106.549347, 36.941685],
+              [106.540108, 36.984244],
+              [106.595542, 36.94025],
+              [106.594926, 36.967988],
+              [106.64297, 36.962729],
+              [106.646665, 37.000496],
+              [106.666991, 37.016745],
+              [106.645433, 37.064992],
+              [106.605397, 37.127524],
+              [106.6171, 37.135158],
+              [106.673151, 37.1113],
+              [106.687933, 37.12991],
+              [106.728585, 37.121321],
+              [106.750143, 37.09889],
+              [106.772933, 37.120367],
+              [106.776012, 37.158056],
+              [106.818512, 37.141838],
+              [106.891193, 37.098413],
+              [106.912135, 37.110345],
+              [106.905976, 37.151378],
+              [106.998367, 37.106527],
+              [107.031011, 37.108436],
+              [107.030395, 37.140883],
+              [107.095685, 37.115595],
+              [107.133873, 37.134681],
+              [107.181916, 37.143269],
+              [107.234887, 37.096503],
+              [107.268764, 37.099367]
+            ]
+          ],
+          [
+            [
+              [106.048588, 35.488898],
+              [105.897683, 35.451368],
+              [105.894603, 35.413821],
+              [106.002393, 35.438692],
+              [106.034422, 35.469404],
+              [106.054132, 35.45478],
+              [106.048588, 35.488898]
+            ]
+          ],
+          [
+            [
+              [106.073842, 35.45478],
+              [106.06953, 35.458193],
+              [106.071378, 35.449418],
+              [106.073226, 35.450393],
+              [106.073842, 35.45478]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 650000,
+        "name": "新疆维吾尔自治区",
+        "center": [87.617733, 43.792818],
+        "centroid": [85.294711, 41.371801],
+        "childrenNum": 24,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 30,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [96.386348, 42.727592],
+              [96.363558, 42.900562],
+              [95.921314, 43.229789],
+              [95.880046, 43.28035],
+              [95.857872, 43.417436],
+              [95.735916, 43.597569],
+              [95.705735, 43.67077],
+              [95.645373, 43.787966],
+              [95.623199, 43.855756],
+              [95.527113, 44.007466],
+              [95.426099, 44.009618],
+              [95.377439, 44.025972],
+              [95.326932, 44.028554],
+              [95.35157, 44.090054],
+              [95.355882, 44.166087],
+              [95.376208, 44.227444],
+              [95.4107, 44.245024],
+              [95.43041, 44.281882],
+              [95.41378, 44.298589],
+              [95.238853, 44.277169],
+              [95.1286, 44.269884],
+              [94.998637, 44.253169],
+              [94.945666, 44.292592],
+              [94.826174, 44.320001],
+              [94.768275, 44.34055],
+              [94.722696, 44.34055],
+              [94.673421, 44.397021],
+              [94.606283, 44.448311],
+              [94.557008, 44.462408],
+              [94.470777, 44.509373],
+              [94.390705, 44.521749],
+              [94.359292, 44.515775],
+              [94.329727, 44.582734],
+              [94.279836, 44.603617],
+              [94.227481, 44.645785],
+              [94.215162, 44.667921],
+              [94.152336, 44.684944],
+              [94.066105, 44.732154],
+              [93.723642, 44.865498],
+              [93.716251, 44.894334],
+              [93.613389, 44.926546],
+              [93.509296, 44.968055],
+              [93.434767, 44.955351],
+              [93.376869, 44.985412],
+              [93.314659, 44.995147],
+              [93.314043, 44.980333],
+              [93.252449, 44.991761],
+              [93.174225, 45.015458],
+              [93.100312, 45.007419],
+              [93.062124, 45.018419],
+              [93.002377, 45.009958],
+              [92.932776, 45.017573],
+              [92.922921, 45.03703],
+              [92.884117, 45.046756],
+              [92.847777, 45.038721],
+              [92.779407, 45.050561],
+              [92.683937, 45.02561],
+              [92.547814, 45.018419],
+              [92.501003, 45.001072],
+              [92.414155, 45.018419],
+              [92.348866, 45.014188],
+              [92.315605, 45.028994],
+              [92.240461, 45.015881],
+              [92.100026, 45.081417],
+              [92.056911, 45.086911],
+              [91.885679, 45.078882],
+              [91.803144, 45.082685],
+              [91.694738, 45.065357],
+              [91.561695, 45.075501],
+              [91.500101, 45.103809],
+              [91.448978, 45.156586],
+              [91.429268, 45.156586],
+              [91.37753, 45.11099],
+              [91.33503, 45.129571],
+              [91.242023, 45.13717],
+              [91.230936, 45.153632],
+              [91.195827, 45.159118],
+              [91.17119, 45.199616],
+              [91.129922, 45.21606],
+              [91.050466, 45.208892],
+              [91.007966, 45.218589],
+              [90.96177, 45.201303],
+              [90.881698, 45.192025],
+              [90.866916, 45.209314],
+              [90.897713, 45.249776],
+              [90.877387, 45.280946],
+              [90.831807, 45.300313],
+              [90.804706, 45.29484],
+              [90.813329, 45.32851],
+              [90.773909, 45.405874],
+              [90.772677, 45.432338],
+              [90.723402, 45.464667],
+              [90.671047, 45.487747],
+              [90.676591, 45.582488],
+              [90.714779, 45.728895],
+              [90.799778, 45.834905],
+              [90.890937, 45.921566],
+              [91.028292, 46.023054],
+              [91.014741, 46.06667],
+              [91.021517, 46.121038],
+              [90.98456, 46.160431],
+              [90.94822, 46.219262],
+              [90.955611, 46.233752],
+              [90.900177, 46.31235],
+              [90.983328, 46.374734],
+              [90.996263, 46.419309],
+              [91.025828, 46.444057],
+              [91.038147, 46.500936],
+              [91.060937, 46.516999],
+              [91.079415, 46.558989],
+              [91.068328, 46.579149],
+              [91.017821, 46.58244],
+              [91.036299, 46.670393],
+              [91.054161, 46.717598],
+              [91.019053, 46.766402],
+              [90.992567, 46.769682],
+              [90.992567, 46.790583],
+              [90.942676, 46.82581],
+              [90.958075, 46.879425],
+              [90.929742, 46.893331],
+              [90.92235, 46.938707],
+              [90.901408, 46.960768],
+              [90.830575, 46.995883],
+              [90.767134, 46.992617],
+              [90.691989, 47.080717],
+              [90.653801, 47.111681],
+              [90.579888, 47.198364],
+              [90.56141, 47.206903],
+              [90.521374, 47.2845],
+              [90.488113, 47.317374],
+              [90.526301, 47.379007],
+              [90.507823, 47.400076],
+              [90.468403, 47.404937],
+              [90.459164, 47.43895],
+              [90.474562, 47.462422],
+              [90.468403, 47.497611],
+              [90.398186, 47.547724],
+              [90.376012, 47.603036],
+              [90.346447, 47.637324],
+              [90.384635, 47.644179],
+              [90.331665, 47.681663],
+              [90.216484, 47.70543],
+              [90.180144, 47.72516],
+              [90.13518, 47.723147],
+              [90.07605, 47.777469],
+              [90.070506, 47.820483],
+              [90.086521, 47.86547],
+              [90.066195, 47.883534],
+              [90.040941, 47.874704],
+              [89.960253, 47.885942],
+              [89.957789, 47.842982],
+              [89.86971, 47.834144],
+              [89.761921, 47.835751],
+              [89.735435, 47.89758],
+              [89.651052, 47.913627],
+              [89.645508, 47.947711],
+              [89.595617, 47.973359],
+              [89.599313, 48.015811],
+              [89.569132, 48.037825],
+              [89.498299, 48.02822],
+              [89.38127, 48.046227],
+              [89.359712, 48.026219],
+              [89.308589, 48.021816],
+              [89.282104, 47.994189],
+              [89.231597, 47.98017],
+              [89.156452, 47.996992],
+              [89.078228, 47.98698],
+              [89.044967, 48.009806],
+              [89.027105, 48.051028],
+              [88.953808, 48.090618],
+              [88.939026, 48.115396],
+              [88.824461, 48.107005],
+              [88.79736, 48.133772],
+              [88.721599, 48.160526],
+              [88.700657, 48.180881],
+              [88.668628, 48.171303],
+              [88.638447, 48.183674],
+              [88.601491, 48.221567],
+              [88.594716, 48.259831],
+              [88.575006, 48.277757],
+              [88.605803, 48.337863],
+              [88.573774, 48.351785],
+              [88.573158, 48.369679],
+              [88.535586, 48.368884],
+              [88.523267, 48.403461],
+              [88.503557, 48.412996],
+              [88.462289, 48.392335],
+              [88.438267, 48.393528],
+              [88.360659, 48.433251],
+              [88.363123, 48.460641],
+              [88.318159, 48.478497],
+              [88.229464, 48.498329],
+              [88.196819, 48.493967],
+              [88.151855, 48.526478],
+              [88.130297, 48.521721],
+              [88.10874, 48.545895],
+              [88.041602, 48.548272],
+              [87.973233, 48.575997],
+              [87.96153, 48.599353],
+              [88.010805, 48.618742],
+              [88.02682, 48.65315],
+              [88.089645, 48.69504],
+              [88.090877, 48.71992],
+              [88.064392, 48.712813],
+              [88.029283, 48.750313],
+              [87.96153, 48.773588],
+              [87.93874, 48.757809],
+              [87.872219, 48.799612],
+              [87.826639, 48.800795],
+              [87.803234, 48.824835],
+              [87.829103, 48.825623],
+              [87.792147, 48.849258],
+              [87.78106, 48.872094],
+              [87.742256, 48.881146],
+              [87.760118, 48.925992],
+              [87.793995, 48.927565],
+              [87.814321, 48.945256],
+              [87.87653, 48.949186],
+              [87.871603, 48.963726],
+              [87.911639, 48.979833],
+              [87.883922, 48.993971],
+              [87.883306, 49.023806],
+              [87.835263, 49.054406],
+              [87.858052, 49.07362],
+              [87.844502, 49.090084],
+              [87.867291, 49.108892],
+              [87.845733, 49.146096],
+              [87.82048, 49.148445],
+              [87.821096, 49.173883],
+              [87.793379, 49.18249],
+              [87.762582, 49.172709],
+              [87.700372, 49.175839],
+              [87.67635, 49.15549],
+              [87.602437, 49.152359],
+              [87.563017, 49.142572],
+              [87.517438, 49.145704],
+              [87.49588, 49.132001],
+              [87.511894, 49.10184],
+              [87.43675, 49.075188],
+              [87.388707, 49.097921],
+              [87.304939, 49.112418],
+              [87.239033, 49.114376],
+              [87.211932, 49.140615],
+              [87.112766, 49.15549],
+              [87.088128, 49.133567],
+              [87.000049, 49.142572],
+              [86.953853, 49.131218],
+              [86.887948, 49.132001],
+              [86.854071, 49.109284],
+              [86.84976, 49.066563],
+              [86.836209, 49.051269],
+              [86.772151, 49.02773],
+              [86.732115, 48.994757],
+              [86.730267, 48.959797],
+              [86.757985, 48.894919],
+              [86.782006, 48.887049],
+              [86.821426, 48.850439],
+              [86.818963, 48.831139],
+              [86.770303, 48.810255],
+              [86.754289, 48.78463],
+              [86.780774, 48.731369],
+              [86.771535, 48.717156],
+              [86.70255, 48.666195],
+              [86.693311, 48.64366],
+              [86.640956, 48.629027],
+              [86.635413, 48.612016],
+              [86.594761, 48.576789],
+              [86.579978, 48.538763],
+              [86.416138, 48.481671],
+              [86.38103, 48.49357],
+              [86.305269, 48.491984],
+              [86.270161, 48.452307],
+              [86.225813, 48.432456],
+              [86.053966, 48.441192],
+              [85.916612, 48.438015],
+              [85.791576, 48.418954],
+              [85.758315, 48.403064],
+              [85.695489, 48.335078],
+              [85.695489, 48.302445],
+              [85.678243, 48.266205],
+              [85.633895, 48.232731],
+              [85.622193, 48.202824],
+              [85.587084, 48.191654],
+              [85.576613, 48.15853],
+              [85.55136, 48.127781],
+              [85.551975, 48.081423],
+              [85.531649, 48.046227],
+              [85.547048, 48.008205],
+              [85.617881, 47.550552],
+              [85.614801, 47.498015],
+              [85.685018, 47.428829],
+              [85.701649, 47.384275],
+              [85.675779, 47.321837],
+              [85.701033, 47.28856],
+              [85.682555, 47.249982],
+              [85.682555, 47.222757],
+              [85.641903, 47.18413],
+              [85.582772, 47.142626],
+              [85.547048, 47.096609],
+              [85.545816, 47.057891],
+              [85.441106, 47.063191],
+              [85.355491, 47.054629],
+              [85.325926, 47.044842],
+              [85.276651, 47.068898],
+              [85.213825, 47.041172],
+              [85.175637, 46.997924],
+              [85.102956, 46.968936],
+              [85.082014, 46.939933],
+              [84.987159, 46.918272],
+              [84.979768, 46.883106],
+              [84.95513, 46.861013],
+              [84.934188, 46.863878],
+              [84.867051, 46.927673],
+              [84.849189, 46.957092],
+              [84.781435, 46.979962],
+              [84.748175, 47.009759],
+              [84.699515, 47.008535],
+              [84.668718, 46.995067],
+              [84.563393, 46.991801],
+              [84.506726, 46.97302],
+              [84.425422, 47.008943],
+              [84.37122, 46.993434],
+              [84.336727, 47.00527],
+              [84.2893, 46.994658],
+              [84.195061, 47.003638],
+              [84.150098, 46.977512],
+              [84.086656, 46.965261],
+              [84.038613, 46.973428],
+              [84.002888, 46.990576],
+              [83.951765, 46.98731],
+              [83.932671, 46.970161],
+              [83.88586, 46.982003],
+              [83.766367, 47.026896],
+              [83.69923, 47.015472],
+              [83.700462, 47.032199],
+              [83.576042, 47.059114],
+              [83.566803, 47.080717],
+              [83.53847, 47.083977],
+              [83.463325, 47.132042],
+              [83.418978, 47.119012],
+              [83.370318, 47.178436],
+              [83.324739, 47.167858],
+              [83.306261, 47.179656],
+              [83.257602, 47.173147],
+              [83.221877, 47.186977],
+              [83.207094, 47.213814],
+              [83.17445, 47.218286],
+              [83.15474, 47.236168],
+              [83.108544, 47.221944],
+              [83.02724, 47.21544],
+              [83.031552, 47.168265],
+              [82.993364, 47.065229],
+              [82.937929, 47.014248],
+              [82.923762, 46.932169],
+              [82.876335, 46.823762],
+              [82.878183, 46.797138],
+              [82.829524, 46.772551],
+              [82.788872, 46.677784],
+              [82.774089, 46.600124],
+              [82.726662, 46.494756],
+              [82.609017, 46.294985],
+              [82.518474, 46.153798],
+              [82.461808, 45.97982],
+              [82.401446, 45.972333],
+              [82.342932, 45.935303],
+              [82.336156, 45.882418],
+              [82.349707, 45.822811],
+              [82.340468, 45.772742],
+              [82.289961, 45.71636],
+              [82.288729, 45.655321],
+              [82.266555, 45.620172],
+              [82.281954, 45.53891],
+              [82.448257, 45.461309],
+              [82.546808, 45.426038],
+              [82.60101, 45.346178],
+              [82.58746, 45.224069],
+              [82.562822, 45.204676],
+              [82.487061, 45.181058],
+              [82.344779, 45.219011],
+              [82.294272, 45.247669],
+              [82.206809, 45.236713],
+              [82.109491, 45.211422],
+              [82.091012, 45.222383],
+              [82.09594, 45.249776],
+              [82.052824, 45.255674],
+              [81.993078, 45.237978],
+              [81.921013, 45.233342],
+              [81.879745, 45.284314],
+              [81.832318, 45.319673],
+              [81.78797, 45.3836],
+              [81.677101, 45.35459],
+              [81.645072, 45.359216],
+              [81.582863, 45.336503],
+              [81.575471, 45.30789],
+              [81.536667, 45.304101],
+              [81.52866, 45.285999],
+              [81.462754, 45.264099],
+              [81.437501, 45.28263],
+              [81.398697, 45.275471],
+              [81.382066, 45.257781],
+              [81.327864, 45.260729],
+              [81.284748, 45.23882],
+              [81.236705, 45.247248],
+              [81.175111, 45.227863],
+              [81.170183, 45.211001],
+              [81.111669, 45.218168],
+              [81.080872, 45.182745],
+              [81.024821, 45.162916],
+              [80.966307, 45.168402],
+              [80.93551, 45.160384],
+              [80.897938, 45.127459],
+              [80.862214, 45.127037],
+              [80.816634, 45.152788],
+              [80.731634, 45.156164],
+              [80.686055, 45.129148],
+              [80.599207, 45.105921],
+              [80.519135, 45.108878],
+              [80.493882, 45.127037],
+              [80.445839, 45.097895],
+              [80.443991, 45.077614],
+              [80.404571, 45.049293],
+              [80.358375, 45.040836],
+              [80.328194, 45.070007],
+              [80.291854, 45.06578],
+              [80.24381, 45.031532],
+              [80.195767, 45.030686],
+              [80.144644, 45.059017],
+              [80.136021, 45.041259],
+              [80.111999, 45.052675],
+              [80.060876, 45.026033],
+              [80.056565, 45.011227],
+              [79.98142, 44.964244],
+              [79.951855, 44.957892],
+              [79.944464, 44.937985],
+              [79.887798, 44.90917],
+              [79.969102, 44.877797],
+              [79.953703, 44.849377],
+              [79.991891, 44.830281],
+              [79.999283, 44.793768],
+              [80.087978, 44.817122],
+              [80.115695, 44.815424],
+              [80.169898, 44.84471],
+              [80.18776, 44.825612],
+              [80.178521, 44.796741],
+              [80.200695, 44.756808],
+              [80.238883, 44.7228],
+              [80.313412, 44.704938],
+              [80.400259, 44.628751],
+              [80.411962, 44.605321],
+              [80.350368, 44.484615],
+              [80.383013, 44.401297],
+              [80.399027, 44.30587],
+              [80.413194, 44.264741],
+              [80.400875, 44.198704],
+              [80.407034, 44.149772],
+              [80.3941, 44.127009],
+              [80.449534, 44.078017],
+              [80.458773, 44.047054],
+              [80.457541, 43.981203],
+              [80.485259, 43.95579],
+              [80.475404, 43.938124],
+              [80.511128, 43.906657],
+              [80.522215, 43.816473],
+              [80.75504, 43.494329],
+              [80.761199, 43.446554],
+              [80.746417, 43.439167],
+              [80.735946, 43.389609],
+              [80.686055, 43.333916],
+              [80.69283, 43.32042],
+              [80.777214, 43.308227],
+              [80.769207, 43.265535],
+              [80.788917, 43.242433],
+              [80.789533, 43.201876],
+              [80.804315, 43.178314],
+              [80.79446, 43.137277],
+              [80.752576, 43.148194],
+              [80.73225, 43.131163],
+              [80.706997, 43.143828],
+              [80.650946, 43.147321],
+              [80.593048, 43.133347],
+              [80.556092, 43.104515],
+              [80.482795, 43.06955],
+              [80.416889, 43.05687],
+              [80.378701, 43.031502],
+              [80.397795, 42.996933],
+              [80.487106, 42.948766],
+              [80.5912, 42.923354],
+              [80.602903, 42.894424],
+              [80.503737, 42.882146],
+              [80.450766, 42.861971],
+              [80.407034, 42.834767],
+              [80.338049, 42.831695],
+              [80.280151, 42.838278],
+              [80.262289, 42.828623],
+              [80.259209, 42.790865],
+              [80.225948, 42.713083],
+              [80.228412, 42.692852],
+              [80.179753, 42.670415],
+              [80.163738, 42.629919],
+              [80.180985, 42.590718],
+              [80.221637, 42.533415],
+              [80.265368, 42.502097],
+              [80.225948, 42.485769],
+              [80.206238, 42.431462],
+              [80.239499, 42.389927],
+              [80.229028, 42.358536],
+              [80.283847, 42.320493],
+              [80.272144, 42.281984],
+              [80.29247, 42.259842],
+              [80.28631, 42.233261],
+              [80.233339, 42.210215],
+              [80.168666, 42.200462],
+              [80.163738, 42.152563],
+              [80.139717, 42.151232],
+              [80.16805, 42.096635],
+              [80.193303, 42.081535],
+              [80.14218, 42.03488],
+              [80.089826, 42.047325],
+              [79.923522, 42.042436],
+              [79.852689, 42.015319],
+              [79.854537, 41.984186],
+              [79.822508, 41.963275],
+              [79.776313, 41.89248],
+              [79.724574, 41.896935],
+              [79.640806, 41.884907],
+              [79.616784, 41.856385],
+              [79.550879, 41.834094],
+              [79.500988, 41.835432],
+              [79.457256, 41.847915],
+              [79.415372, 41.836769],
+              [79.356242, 41.795735],
+              [79.326061, 41.809565],
+              [79.276786, 41.78101],
+              [79.271858, 41.767174],
+              [79.21704, 41.725648],
+              [79.138199, 41.722968],
+              [79.10925, 41.697503],
+              [79.043345, 41.681414],
+              [79.021787, 41.657273],
+              [78.99407, 41.664427],
+              [78.957729, 41.65146],
+              [78.891824, 41.597777],
+              [78.86657, 41.593749],
+              [78.825302, 41.560173],
+              [78.739071, 41.555695],
+              [78.696571, 41.54181],
+              [78.707042, 41.522098],
+              [78.675629, 41.50238],
+              [78.650375, 41.467411],
+              [78.580774, 41.481759],
+              [78.527188, 41.440947],
+              [78.454507, 41.412228],
+              [78.391681, 41.408189],
+              [78.385522, 41.394721],
+              [78.338094, 41.397415],
+              [78.324544, 41.384395],
+              [78.235232, 41.399211],
+              [78.163783, 41.383497],
+              [78.149617, 41.368228],
+              [78.165015, 41.340825],
+              [78.136682, 41.279239],
+              [78.129291, 41.228398],
+              [78.094798, 41.224347],
+              [77.972842, 41.173013],
+              [77.905089, 41.185174],
+              [77.836104, 41.153189],
+              [77.814546, 41.13426],
+              [77.807155, 41.091876],
+              [77.829328, 41.059394],
+              [77.796068, 41.049014],
+              [77.780669, 41.022832],
+              [77.737553, 41.032313],
+              [77.684583, 41.00793],
+              [77.654402, 41.016059],
+              [77.597119, 41.005221],
+              [77.591576, 40.992122],
+              [77.540453, 41.006575],
+              [77.476395, 40.999349],
+              [77.473931, 41.022832],
+              [77.415417, 41.038633],
+              [77.363062, 41.04089],
+              [77.296541, 41.004769],
+              [77.236795, 41.027798],
+              [77.169041, 41.009285],
+              [77.108063, 41.038181],
+              [77.091433, 41.062553],
+              [77.023064, 41.059394],
+              [77.002122, 41.073381],
+              [76.940528, 41.028701],
+              [76.885709, 41.027347],
+              [76.85368, 40.97631],
+              [76.817956, 40.975406],
+              [76.761905, 40.954167],
+              [76.741579, 40.912119],
+              [76.731724, 40.818887],
+              [76.693536, 40.779472],
+              [76.646725, 40.759983],
+              [76.646725, 40.73686],
+              [76.676906, 40.696036],
+              [76.654732, 40.652917],
+              [76.657196, 40.620218],
+              [76.611, 40.601591],
+              [76.601145, 40.578868],
+              [76.556798, 40.542495],
+              [76.543247, 40.513837],
+              [76.539551, 40.464226],
+              [76.508754, 40.429613],
+              [76.470566, 40.422779],
+              [76.442233, 40.391336],
+              [76.390494, 40.37766],
+              [76.381871, 40.39088],
+              [76.333212, 40.343459],
+              [76.327668, 40.391336],
+              [76.283321, 40.415034],
+              [76.279625, 40.439179],
+              [76.22419, 40.401819],
+              [76.176147, 40.381307],
+              [76.144118, 40.393615],
+              [76.081293, 40.39635],
+              [76.048648, 40.388601],
+              [76.048648, 40.357141],
+              [76.026474, 40.355317],
+              [75.986438, 40.381763],
+              [75.932235, 40.339353],
+              [75.921764, 40.291439],
+              [75.890351, 40.30924],
+              [75.84046, 40.312434],
+              [75.831221, 40.327492],
+              [75.785642, 40.301025],
+              [75.739446, 40.299199],
+              [75.709265, 40.280939],
+              [75.688323, 40.343915],
+              [75.669845, 40.363982],
+              [75.686475, 40.418223],
+              [75.717272, 40.443278],
+              [75.733287, 40.474242],
+              [75.646439, 40.516567],
+              [75.631041, 40.548862],
+              [75.627345, 40.605226],
+              [75.636584, 40.624306],
+              [75.599628, 40.659727],
+              [75.550353, 40.64883],
+              [75.467817, 40.599773],
+              [75.432093, 40.563412],
+              [75.355716, 40.537947],
+              [75.292274, 40.483802],
+              [75.268869, 40.483802],
+              [75.242383, 40.448743],
+              [75.206659, 40.447833],
+              [75.13521, 40.463315],
+              [75.102565, 40.44009],
+              [75.051442, 40.449654],
+              [75.021877, 40.466958],
+              [74.995392, 40.455119],
+              [74.963363, 40.464681],
+              [74.891914, 40.507467],
+              [74.844486, 40.521117],
+              [74.819233, 40.505647],
+              [74.814921, 40.461039],
+              [74.795211, 40.443278],
+              [74.908544, 40.338897],
+              [74.862965, 40.32658],
+              [74.824776, 40.344371],
+              [74.700357, 40.346195],
+              [74.697893, 40.310153],
+              [74.673255, 40.278656],
+              [74.618437, 40.27957],
+              [74.577169, 40.260391],
+              [74.534669, 40.207851],
+              [74.485394, 40.182251],
+              [74.433039, 40.13148],
+              [74.356662, 40.089371],
+              [74.316626, 40.106767],
+              [74.280902, 40.09807],
+              [74.26304, 40.125074],
+              [74.126301, 40.104479],
+              [74.113366, 40.086624],
+              [74.023439, 40.085251],
+              [74.008041, 40.050901],
+              [73.943367, 40.016076],
+              [73.980324, 40.004617],
+              [73.910722, 39.934443],
+              [73.907027, 39.873843],
+              [73.845433, 39.831115],
+              [73.841737, 39.756163],
+              [73.905795, 39.741899],
+              [73.924273, 39.722108],
+              [73.953838, 39.600018],
+              [73.916266, 39.586644],
+              [73.914418, 39.564041],
+              [73.883621, 39.540969],
+              [73.893476, 39.528046],
+              [73.868223, 39.482794],
+              [73.836194, 39.472169],
+              [73.745651, 39.462005],
+              [73.6471, 39.474479],
+              [73.61076, 39.465702],
+              [73.592898, 39.412087],
+              [73.502355, 39.383877],
+              [73.554094, 39.350102],
+              [73.554709, 39.295935],
+              [73.542391, 39.269531],
+              [73.564564, 39.266288],
+              [73.580579, 39.237555],
+              [73.623079, 39.235237],
+              [73.639709, 39.220402],
+              [73.657571, 39.166136],
+              [73.688368, 39.154999],
+              [73.719781, 39.108112],
+              [73.720397, 39.071881],
+              [73.743187, 39.029588],
+              [73.780143, 39.026798],
+              [73.820179, 39.041674],
+              [73.839889, 39.008199],
+              [73.846665, 38.962145],
+              [73.826339, 38.916993],
+              [73.767824, 38.941202],
+              [73.742571, 38.933754],
+              [73.70931, 38.893241],
+              [73.699455, 38.857832],
+              [73.729636, 38.837324],
+              [73.769056, 38.775765],
+              [73.757353, 38.719755],
+              [73.809092, 38.634256],
+              [73.799237, 38.610878],
+              [73.852208, 38.584217],
+              [73.89902, 38.579071],
+              [73.926121, 38.536016],
+              [74.011736, 38.52478],
+              [74.034526, 38.541634],
+              [74.090577, 38.542102],
+              [74.068403, 38.585621],
+              [74.088113, 38.610878],
+              [74.11275, 38.611345],
+              [74.147859, 38.676785],
+              [74.229779, 38.656224],
+              [74.353583, 38.655757],
+              [74.421952, 38.647812],
+              [74.455829, 38.632853],
+              [74.506336, 38.637528],
+              [74.546988, 38.607604],
+              [74.613509, 38.593105],
+              [74.639995, 38.599653],
+              [74.717603, 38.542102],
+              [74.78474, 38.538357],
+              [74.821697, 38.491062],
+              [74.862965, 38.484035],
+              [74.868508, 38.403883],
+              [74.834015, 38.361193],
+              [74.789668, 38.324581],
+              [74.806914, 38.285602],
+              [74.793363, 38.271039],
+              [74.816769, 38.215576],
+              [74.80445, 38.167128],
+              [74.821697, 38.10311],
+              [74.879595, 38.021122],
+              [74.92579, 38.01735],
+              [74.911008, 37.966884],
+              [74.919015, 37.908357],
+              [74.936877, 37.876241],
+              [74.917167, 37.845057],
+              [74.989848, 37.797783],
+              [75.006478, 37.770823],
+              [74.949196, 37.725395],
+              [74.923327, 37.717347],
+              [74.920863, 37.684675],
+              [74.891914, 37.668097],
+              [74.940573, 37.559061],
+              [75.000935, 37.53059],
+              [75.002167, 37.511604],
+              [75.035428, 37.500685],
+              [75.078543, 37.511129],
+              [75.090862, 37.486915],
+              [75.129666, 37.459367],
+              [75.153072, 37.414223],
+              [75.125971, 37.388075],
+              [75.140137, 37.355258],
+              [75.125971, 37.322427],
+              [75.078543, 37.318144],
+              [75.018181, 37.293867],
+              [74.927022, 37.277678],
+              [74.911008, 37.233378],
+              [74.816153, 37.216699],
+              [74.800139, 37.248147],
+              [74.753943, 37.281011],
+              [74.727458, 37.282916],
+              [74.665864, 37.23576],
+              [74.642458, 37.261485],
+              [74.598727, 37.258151],
+              [74.578401, 37.231472],
+              [74.54514, 37.2491],
+              [74.511263, 37.240048],
+              [74.477387, 37.19954],
+              [74.487858, 37.161871],
+              [74.465068, 37.147085],
+              [74.496481, 37.116072],
+              [74.498944, 37.072155],
+              [74.530357, 37.082182],
+              [74.56793, 37.032512],
+              [74.617205, 37.043499],
+              [74.632603, 37.066425],
+              [74.70898, 37.084569],
+              [74.739161, 37.028212],
+              [74.792747, 37.027257],
+              [74.806914, 37.054485],
+              [74.84695, 37.056873],
+              [74.84387, 37.0134],
+              [74.86974, 36.990458],
+              [74.893762, 36.939772],
+              [74.938725, 36.94312],
+              [74.927638, 36.978029],
+              [75.005862, 36.99476],
+              [75.032348, 37.016745],
+              [75.063145, 37.006231],
+              [75.172166, 37.013877],
+              [75.16847, 36.991892],
+              [75.244847, 36.963207],
+              [75.288579, 36.974682],
+              [75.345861, 36.960816],
+              [75.413614, 36.954599],
+              [75.396368, 36.904367],
+              [75.430245, 36.873255],
+              [75.434556, 36.83303],
+              [75.425933, 36.778883],
+              [75.458578, 36.720861],
+              [75.504773, 36.743404],
+              [75.536802, 36.729975],
+              [75.537418, 36.773131],
+              [75.588541, 36.762584],
+              [75.634121, 36.771693],
+              [75.724048, 36.750597],
+              [75.8072, 36.707908],
+              [75.871257, 36.666636],
+              [75.947018, 36.590752],
+              [75.924228, 36.566242],
+              [75.991981, 36.505654],
+              [76.035097, 36.409386],
+              [75.991365, 36.35205],
+              [75.998757, 36.312034],
+              [76.055423, 36.252695],
+              [76.060967, 36.225182],
+              [76.011691, 36.229044],
+              [76.016619, 36.165294],
+              [75.96796, 36.159013],
+              [75.936547, 36.13485],
+              [75.949482, 36.070056],
+              [75.982742, 36.031347],
+              [76.028322, 36.016827],
+              [76.044336, 36.026991],
+              [76.097307, 36.022635],
+              [76.117017, 35.975186],
+              [76.16506, 35.908807],
+              [76.146582, 35.839946],
+              [76.160133, 35.82442],
+              [76.221727, 35.823449],
+              [76.228502, 35.837035],
+              [76.298719, 35.841401],
+              [76.365857, 35.82442],
+              [76.369552, 35.86323],
+              [76.431762, 35.851589],
+              [76.471798, 35.886021],
+              [76.51553, 35.881173],
+              [76.55803, 35.923347],
+              [76.59745, 35.895718],
+              [76.579587, 35.866625],
+              [76.587595, 35.840431],
+              [76.566037, 35.819082],
+              [76.593754, 35.771996],
+              [76.69292, 35.747714],
+              [76.769297, 35.653917],
+              [76.848753, 35.668018],
+              [76.906651, 35.615005],
+              [76.967013, 35.591649],
+              [76.99781, 35.611113],
+              [77.072339, 35.591162],
+              [77.093281, 35.569746],
+              [77.195527, 35.519103],
+              [77.307628, 35.540533],
+              [77.331649, 35.530793],
+              [77.355055, 35.494257],
+              [77.396939, 35.467942],
+              [77.451758, 35.46063],
+              [77.518895, 35.482075],
+              [77.578025, 35.47574],
+              [77.590344, 35.460143],
+              [77.639619, 35.45478],
+              [77.657481, 35.477689],
+              [77.690742, 35.448443],
+              [77.735706, 35.461605],
+              [77.757879, 35.497181],
+              [77.797299, 35.491334],
+              [77.816394, 35.518616],
+              [77.85643, 35.487436],
+              [77.870596, 35.495232],
+              [77.914944, 35.465017],
+              [77.917408, 35.490847],
+              [77.951284, 35.478664],
+              [78.009799, 35.491821],
+              [78.029509, 35.469404],
+              [78.048603, 35.491334],
+              [78.140378, 35.494745],
+              [78.113892, 35.466967],
+              [78.107117, 35.437229],
+              [78.046755, 35.384063],
+              [78.013494, 35.366008],
+              [78.020885, 35.315237],
+              [78.01719, 35.228267],
+              [78.060306, 35.180344],
+              [78.062769, 35.114772],
+              [78.078784, 35.100084],
+              [78.124979, 35.108407],
+              [78.150849, 35.069721],
+              [78.123131, 35.036897],
+              [78.160704, 34.990823],
+              [78.201972, 34.974642],
+              [78.182262, 34.936874],
+              [78.206283, 34.891726],
+              [78.237696, 34.882398],
+              [78.230921, 34.776288],
+              [78.21429, 34.760556],
+              [78.213059, 34.717771],
+              [78.267261, 34.705472],
+              [78.265413, 34.651335],
+              [78.280812, 34.623269],
+              [78.346101, 34.60406],
+              [78.397224, 34.605538],
+              [78.427405, 34.594207],
+              [78.436029, 34.543942],
+              [78.492695, 34.578441],
+              [78.542586, 34.574499],
+              [78.559832, 34.55725],
+              [78.562912, 34.51288],
+              [78.58139, 34.505483],
+              [78.634977, 34.538026],
+              [78.708274, 34.522249],
+              [78.715049, 34.502031],
+              [78.758781, 34.481807],
+              [78.742766, 34.45467],
+              [78.809288, 34.432955],
+              [78.878273, 34.391481],
+              [78.899831, 34.354929],
+              [78.958961, 34.386049],
+              [78.973128, 34.362833],
+              [79.039649, 34.33467],
+              [79.048888, 34.348506],
+              [79.0107, 34.399877],
+              [79.039033, 34.421601],
+              [79.072294, 34.412714],
+              [79.161605, 34.441345],
+              [79.179467, 34.422588],
+              [79.241677, 34.415183],
+              [79.274322, 34.435916],
+              [79.326677, 34.44332],
+              [79.363017, 34.428018],
+              [79.435082, 34.447761],
+              [79.504683, 34.45467],
+              [79.545335, 34.476381],
+              [79.58106, 34.456151],
+              [79.675914, 34.451216],
+              [79.699936, 34.477861],
+              [79.735661, 34.471447],
+              [79.801566, 34.478847],
+              [79.861312, 34.528166],
+              [79.84345, 34.55725],
+              [79.88595, 34.642965],
+              [79.866856, 34.671517],
+              [79.906892, 34.683821],
+              [79.898268, 34.732035],
+              [79.947544, 34.821008],
+              [79.926602, 34.849499],
+              [79.961094, 34.862759],
+              [79.996819, 34.856375],
+              [80.003594, 34.895162],
+              [80.034391, 34.902033],
+              [80.041782, 34.943252],
+              [80.02392, 34.971209],
+              [80.04363, 35.022196],
+              [80.031311, 35.034447],
+              [80.078123, 35.076578],
+              [80.118159, 35.066293],
+              [80.23026, 35.147565],
+              [80.223484, 35.177409],
+              [80.257977, 35.203331],
+              [80.362687, 35.20871],
+              [80.267832, 35.295701],
+              [80.286926, 35.35283],
+              [80.321419, 35.38699],
+              [80.375006, 35.387966],
+              [80.432904, 35.449418],
+              [80.444607, 35.417235],
+              [80.514824, 35.391869],
+              [80.532686, 35.404553],
+              [80.56841, 35.391381],
+              [80.599823, 35.409431],
+              [80.65649, 35.393821],
+              [80.690982, 35.364544],
+              [80.689135, 35.339162],
+              [80.759968, 35.334768],
+              [80.844351, 35.345508],
+              [80.894242, 35.324027],
+              [80.924423, 35.330862],
+              [80.963844, 35.310842],
+              [81.026053, 35.31133],
+              [81.002648, 35.334768],
+              [81.030981, 35.337209],
+              [81.031597, 35.380648],
+              [81.054387, 35.402602],
+              [81.09935, 35.40748],
+              [81.103662, 35.386015],
+              [81.142466, 35.365032],
+              [81.191741, 35.36552],
+              [81.219458, 35.319144],
+              [81.26627, 35.322562],
+              [81.285364, 35.345508],
+              [81.314313, 35.337209],
+              [81.363588, 35.354783],
+              [81.385762, 35.335256],
+              [81.441196, 35.333303],
+              [81.447972, 35.318167],
+              [81.504638, 35.279092],
+              [81.513261, 35.23511],
+              [81.68634, 35.235599],
+              [81.736847, 35.26248],
+              [81.804601, 35.270786],
+              [81.853876, 35.25857],
+              [81.927789, 35.271275],
+              [81.955506, 35.307423],
+              [81.99123, 35.30547],
+              [82.030034, 35.321585],
+              [82.05344, 35.35039],
+              [82.029419, 35.426013],
+              [82.034346, 35.451855],
+              [82.071302, 35.450393],
+              [82.086701, 35.467454],
+              [82.164925, 35.495719],
+              [82.189563, 35.513258],
+              [82.234526, 35.520565],
+              [82.263475, 35.547837],
+              [82.2992, 35.544916],
+              [82.328149, 35.559523],
+              [82.350323, 35.611113],
+              [82.336156, 35.651486],
+              [82.392823, 35.656349],
+              [82.424852, 35.712736],
+              [82.468583, 35.717595],
+              [82.501844, 35.701073],
+              [82.546192, 35.708362],
+              [82.628727, 35.692324],
+              [82.652133, 35.67288],
+              [82.731589, 35.637868],
+              [82.780249, 35.666073],
+              [82.795031, 35.688436],
+              [82.873871, 35.688922],
+              [82.894813, 35.673852],
+              [82.967494, 35.667532],
+              [82.956407, 35.636409],
+              [82.981661, 35.599922],
+              [82.971806, 35.548324],
+              [82.998907, 35.484512],
+              [83.067892, 35.46258],
+              [83.088834, 35.425526],
+              [83.127022, 35.398699],
+              [83.178145, 35.38943],
+              [83.251442, 35.417722],
+              [83.280391, 35.401138],
+              [83.333978, 35.397236],
+              [83.405427, 35.380648],
+              [83.449159, 35.382111],
+              [83.502745, 35.360639],
+              [83.540318, 35.364056],
+              [83.54155, 35.341603],
+              [83.599448, 35.351366],
+              [83.622238, 35.335256],
+              [83.677672, 35.361128],
+              [83.785462, 35.36308],
+              [83.79778, 35.354783],
+              [83.885244, 35.367472],
+              [83.906186, 35.40309],
+              [84.005968, 35.422599],
+              [84.077417, 35.400163],
+              [84.095895, 35.362592],
+              [84.140859, 35.379184],
+              [84.160569, 35.359663],
+              [84.200605, 35.381135],
+              [84.274517, 35.404065],
+              [84.333032, 35.413821],
+              [84.424191, 35.466479],
+              [84.45314, 35.473303],
+              [84.475929, 35.516181],
+              [84.448828, 35.550272],
+              [84.513502, 35.564391],
+              [84.570168, 35.588242],
+              [84.628067, 35.595055],
+              [84.704443, 35.616951],
+              [84.729081, 35.613546],
+              [84.798066, 35.647595],
+              [84.920022, 35.696213],
+              [84.973608, 35.709334],
+              [84.99455, 35.737028],
+              [85.053065, 35.752086],
+              [85.146071, 35.742371],
+              [85.271107, 35.788989],
+              [85.341324, 35.753543],
+              [85.373969, 35.700101],
+              [85.518715, 35.680658],
+              [85.566142, 35.6403],
+              [85.612953, 35.651486],
+              [85.65299, 35.731199],
+              [85.691178, 35.751114],
+              [85.811286, 35.778794],
+              [85.835308, 35.771996],
+              [85.903677, 35.78462],
+              [85.949256, 35.778794],
+              [86.035488, 35.846738],
+              [86.05335, 35.842857],
+              [86.090306, 35.876809],
+              [86.093386, 35.906868],
+              [86.129111, 35.941761],
+              [86.150668, 36.00424],
+              [86.173458, 36.008113],
+              [86.199944, 36.047801],
+              [86.182081, 36.064734],
+              [86.187625, 36.130983],
+              [86.248603, 36.141616],
+              [86.2794, 36.170608],
+              [86.35824, 36.168676],
+              [86.392733, 36.206834],
+              [86.454943, 36.221319],
+              [86.515305, 36.205385],
+              [86.531935, 36.227113],
+              [86.599072, 36.222285],
+              [86.69947, 36.24449],
+              [86.746282, 36.291777],
+              [86.836209, 36.291294],
+              [86.86331, 36.299977],
+              [86.887332, 36.262829],
+              [86.931064, 36.265242],
+              [86.943998, 36.284058],
+              [86.996353, 36.308658],
+              [87.051788, 36.2966],
+              [87.08628, 36.310587],
+              [87.149106, 36.297565],
+              [87.161425, 36.325535],
+              [87.193454, 36.349158],
+              [87.292004, 36.358797],
+              [87.348055, 36.393008],
+              [87.363453, 36.420463],
+              [87.386859, 36.412757],
+              [87.426895, 36.42576],
+              [87.460155, 36.409868],
+              [87.470626, 36.354459],
+              [87.570409, 36.342409],
+              [87.6203, 36.360243],
+              [87.731785, 36.384818],
+              [87.767509, 36.3747],
+              [87.826023, 36.391563],
+              [87.838342, 36.383855],
+              [87.919646, 36.39349],
+              [87.95845, 36.408423],
+              [87.983088, 36.437797],
+              [88.006494, 36.430575],
+              [88.092109, 36.43539],
+              [88.134609, 36.427205],
+              [88.182652, 36.452721],
+              [88.222688, 36.447426],
+              [88.241782, 36.468605],
+              [88.282434, 36.470049],
+              [88.366202, 36.458016],
+              [88.356963, 36.477268],
+              [88.41055, 36.473418],
+              [88.470912, 36.48208],
+              [88.498629, 36.446463],
+              [88.573158, 36.461386],
+              [88.618121, 36.428168],
+              [88.623665, 36.389636],
+              [88.690186, 36.367954],
+              [88.766563, 36.292259],
+              [88.783809, 36.291777],
+              [88.802903, 36.33807],
+              [88.838628, 36.353496],
+              [88.870657, 36.348193],
+              [88.926091, 36.36458],
+              [88.964279, 36.318785],
+              [89.013554, 36.315409],
+              [89.054822, 36.291777],
+              [89.10225, 36.281164],
+              [89.126887, 36.254626],
+              [89.198952, 36.260417],
+              [89.232213, 36.295636],
+              [89.292575, 36.231457],
+              [89.335075, 36.23725],
+              [89.375727, 36.228078],
+              [89.490291, 36.151281],
+              [89.594385, 36.126632],
+              [89.614711, 36.109712],
+              [89.711414, 36.093272],
+              [89.766848, 36.073925],
+              [89.819819, 36.080697],
+              [89.914058, 36.079246],
+              [89.941159, 36.067637],
+              [89.944855, 36.140649],
+              [89.997825, 36.168193],
+              [90.019999, 36.213594],
+              [90.028006, 36.258486],
+              [90.003369, 36.278752],
+              [90.043405, 36.276822],
+              [90.058188, 36.255591],
+              [90.145651, 36.239181],
+              [90.130252, 36.2078],
+              [90.198006, 36.187516],
+              [90.23681, 36.160462],
+              [90.325505, 36.159496],
+              [90.424055, 36.133883],
+              [90.478258, 36.13195],
+              [90.534925, 36.147899],
+              [90.613149, 36.126632],
+              [90.659344, 36.13485],
+              [90.776373, 36.086501],
+              [90.815793, 36.035703],
+              [90.850285, 36.016827],
+              [90.922966, 36.028927],
+              [90.979017, 36.106811],
+              [91.081263, 36.088436],
+              [91.124994, 36.115514],
+              [91.09235, 36.163844],
+              [91.096045, 36.219871],
+              [91.051698, 36.238215],
+              [91.07264, 36.299012],
+              [91.026444, 36.323607],
+              [91.051698, 36.433946],
+              [91.028292, 36.443093],
+              [91.039995, 36.474861],
+              [91.035683, 36.529703],
+              [91.011662, 36.539801],
+              [90.905104, 36.560474],
+              [90.831191, 36.55807],
+              [90.810865, 36.585466],
+              [90.741264, 36.585947],
+              [90.72217, 36.620058],
+              [90.730793, 36.655594],
+              [90.706156, 36.658955],
+              [90.720938, 36.708868],
+              [90.754815, 36.721341],
+              [90.727098, 36.755872],
+              [90.732025, 36.825844],
+              [90.758511, 36.825844],
+              [90.853981, 36.915373],
+              [90.924198, 36.921115],
+              [90.983944, 36.913459],
+              [91.036915, 36.929727],
+              [91.051698, 36.96751],
+              [91.126842, 36.978507],
+              [91.133618, 37.007665],
+              [91.181045, 37.025345],
+              [91.216153, 37.010054],
+              [91.303617, 37.012444],
+              [91.291298, 37.042544],
+              [91.303617, 37.083136],
+              [91.286371, 37.105095],
+              [91.280211, 37.163779],
+              [91.1909, 37.205737],
+              [91.194596, 37.273868],
+              [91.134849, 37.324331],
+              [91.136081, 37.355734],
+              [91.113292, 37.387124],
+              [91.099741, 37.447965],
+              [91.073256, 37.475992],
+              [91.019669, 37.493088],
+              [90.958075, 37.477891],
+              [90.911879, 37.519674],
+              [90.865684, 37.53059],
+              [90.882314, 37.575664],
+              [90.854597, 37.604117],
+              [90.820104, 37.613599],
+              [90.777605, 37.648672],
+              [90.643946, 37.696988],
+              [90.586663, 37.703144],
+              [90.579272, 37.720661],
+              [90.519526, 37.730601],
+              [90.516446, 38.207111],
+              [90.531229, 38.319886],
+              [90.401882, 38.311434],
+              [90.361846, 38.300163],
+              [90.352607, 38.233441],
+              [90.280542, 38.238142],
+              [90.137644, 38.340543],
+              [90.179528, 38.396848],
+              [90.129636, 38.400131],
+              [90.111774, 38.418889],
+              [90.111774, 38.477945],
+              [90.130868, 38.494341],
+              [90.248513, 38.491531],
+              [90.315034, 38.501835],
+              [90.353222, 38.482162],
+              [90.427135, 38.493873],
+              [90.465323, 38.521971],
+              [90.463476, 38.556611],
+              [90.525685, 38.561291],
+              [90.560794, 38.593573],
+              [90.608837, 38.594508],
+              [90.606374, 38.610878],
+              [90.645794, 38.635191],
+              [90.619308, 38.664636],
+              [90.65996, 38.674449],
+              [90.724634, 38.658094],
+              [90.899561, 38.679588],
+              [90.970394, 38.697806],
+              [90.992567, 38.695003],
+              [91.188436, 38.73096],
+              [91.242639, 38.752433],
+              [91.298689, 38.746365],
+              [91.446515, 38.813546],
+              [91.501333, 38.815411],
+              [91.681188, 38.852706],
+              [91.694738, 38.86622],
+              [91.806223, 38.872744],
+              [91.87952, 38.884391],
+              [91.880752, 38.899297],
+              [91.966368, 38.930961],
+              [92.10865, 38.963541],
+              [92.173323, 38.960749],
+              [92.197961, 38.983548],
+              [92.263866, 39.002153],
+              [92.380279, 38.999828],
+              [92.416003, 39.010524],
+              [92.41046, 39.03842],
+              [92.366728, 39.059335],
+              [92.366112, 39.096037],
+              [92.343938, 39.146181],
+              [92.339011, 39.236628],
+              [92.378431, 39.258411],
+              [92.52564, 39.368611],
+              [92.639589, 39.514196],
+              [92.687632, 39.657174],
+              [92.745531, 39.868331],
+              [92.796654, 40.153897],
+              [92.906907, 40.310609],
+              [92.920458, 40.391792],
+              [92.928465, 40.572504],
+              [93.506216, 40.648376],
+              [93.760599, 40.664721],
+              [93.820961, 40.793519],
+              [93.809874, 40.879548],
+              [93.908424, 40.983539],
+              [94.01067, 41.114875],
+              [94.184365, 41.268444],
+              [94.534219, 41.505966],
+              [94.750413, 41.538227],
+              [94.809543, 41.619256],
+              [94.861898, 41.668451],
+              [94.969072, 41.718948],
+              [95.011572, 41.726541],
+              [95.110738, 41.768513],
+              [95.135991, 41.772976],
+              [95.16494, 41.735474],
+              [95.199433, 41.719395],
+              [95.194505, 41.694821],
+              [95.247476, 41.61344],
+              [95.299831, 41.565994],
+              [95.335556, 41.644305],
+              [95.39407, 41.693481],
+              [95.445193, 41.719841],
+              [95.57146, 41.796181],
+              [95.65646, 41.826067],
+              [95.759322, 41.835878],
+              [95.801206, 41.848361],
+              [95.855408, 41.849699],
+              [95.998306, 41.906289],
+              [96.054973, 41.936124],
+              [96.117183, 41.985966],
+              [96.137509, 42.019765],
+              [96.13874, 42.05399],
+              [96.077147, 42.149457],
+              [96.178161, 42.21775],
+              [96.040806, 42.326688],
+              [96.042038, 42.352787],
+              [96.06606, 42.414674],
+              [95.978596, 42.436762],
+              [96.0174, 42.482239],
+              [96.02356, 42.542675],
+              [96.072219, 42.569566],
+              [96.103632, 42.604375],
+              [96.166458, 42.623314],
+              [96.386348, 42.727592]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 710000,
+        "name": "台湾省",
+        "center": [121.509062, 25.044332],
+        "centroid": [120.971485, 23.749452],
+        "childrenNum": 0,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 31,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [120.443706, 22.441432],
+              [120.517619, 22.408793],
+              [120.569973, 22.361757],
+              [120.640806, 22.241605],
+              [120.659285, 22.154056],
+              [120.661748, 22.067007],
+              [120.651277, 22.033171],
+              [120.667908, 21.983235],
+              [120.701784, 21.927174],
+              [120.743052, 21.915515],
+              [120.781857, 21.923843],
+              [120.854537, 21.883309],
+              [120.873016, 21.897191],
+              [120.86624, 21.984345],
+              [120.907508, 22.033171],
+              [120.912436, 22.086418],
+              [120.903197, 22.12634],
+              [120.914899, 22.302525],
+              [120.981421, 22.528248],
+              [121.014682, 22.584069],
+              [121.03316, 22.650914],
+              [121.078739, 22.669691],
+              [121.170514, 22.723247],
+              [121.21055, 22.770711],
+              [121.237652, 22.836362],
+              [121.276456, 22.877171],
+              [121.324499, 22.945526],
+              [121.35468, 23.00999],
+              [121.370695, 23.084334],
+              [121.409499, 23.1025],
+              [121.430441, 23.137175],
+              [121.415042, 23.196047],
+              [121.440296, 23.271937],
+              [121.479716, 23.322507],
+              [121.497578, 23.419744],
+              [121.5216, 23.483431],
+              [121.522832, 23.538858],
+              [121.587505, 23.760878],
+              [121.621382, 23.920718],
+              [121.65957, 24.007125],
+              [121.63986, 24.064514],
+              [121.643556, 24.097843],
+              [121.678048, 24.133895],
+              [121.689135, 24.174303],
+              [121.809243, 24.339083],
+              [121.82649, 24.423572],
+              [121.867758, 24.47914],
+              [121.88562, 24.529784],
+              [121.892395, 24.617953],
+              [121.86283, 24.671261],
+              [121.841272, 24.734329],
+              [121.844968, 24.836476],
+              [121.933047, 24.938539],
+              [122.012503, 25.001471],
+              [121.98109, 25.030757],
+              [121.947214, 25.031841],
+              [121.917033, 25.138076],
+              [121.841888, 25.135367],
+              [121.782142, 25.160287],
+              [121.745186, 25.161912],
+              [121.707613, 25.191701],
+              [121.700222, 25.226896],
+              [121.655259, 25.242054],
+              [121.62323, 25.29455],
+              [121.585041, 25.309159],
+              [121.53515, 25.307535],
+              [121.444607, 25.27074],
+              [121.413194, 25.238806],
+              [121.371926, 25.159746],
+              [121.319572, 25.140785],
+              [121.209318, 25.12724],
+              [121.132942, 25.078466],
+              [121.102145, 25.075214],
+              [121.024537, 25.040517],
+              [121.009754, 24.993878],
+              [120.961095, 24.940167],
+              [120.914899, 24.864715],
+              [120.89211, 24.767482],
+              [120.82374, 24.688118],
+              [120.762147, 24.658208],
+              [120.68885, 24.600542],
+              [120.642654, 24.490033],
+              [120.589068, 24.43229],
+              [120.546568, 24.370159],
+              [120.520698, 24.311816],
+              [120.470807, 24.242533],
+              [120.451713, 24.182493],
+              [120.391967, 24.118055],
+              [120.316206, 23.984708],
+              [120.278018, 23.92783],
+              [120.245989, 23.840276],
+              [120.175156, 23.807427],
+              [120.102476, 23.701162],
+              [120.095084, 23.58768],
+              [120.12157, 23.504836],
+              [120.108019, 23.341191],
+              [120.081534, 23.291728],
+              [120.018708, 23.073322],
+              [120.029795, 23.048544],
+              [120.133272, 23.000625],
+              [120.149287, 22.896468],
+              [120.20041, 22.721039],
+              [120.274323, 22.560307],
+              [120.297112, 22.531565],
+              [120.443706, 22.441432]
+            ]
+          ],
+          [
+            [
+              [124.542782, 25.903886],
+              [124.584666, 25.908731],
+              [124.566804, 25.941563],
+              [124.542782, 25.903886]
+            ]
+          ],
+          [
+            [
+              [123.445178, 25.726102],
+              [123.469816, 25.712623],
+              [123.50862, 25.722867],
+              [123.512316, 25.755212],
+              [123.479055, 25.768687],
+              [123.445794, 25.749822],
+              [123.445178, 25.726102]
+            ]
+          ],
+          [
+            [
+              [119.646064, 23.550928],
+              [119.691028, 23.547087],
+              [119.678093, 23.600294],
+              [119.61034, 23.604132],
+              [119.601717, 23.575613],
+              [119.566608, 23.584937],
+              [119.562297, 23.530627],
+              [119.578927, 23.502641],
+              [119.609108, 23.503738],
+              [119.646064, 23.550928]
+            ]
+          ],
+          [
+            [
+              [123.666916, 25.914114],
+              [123.706952, 25.91519],
+              [123.689706, 25.939949],
+              [123.666916, 25.914114]
+            ]
+          ],
+          [
+            [
+              [119.506246, 23.625518],
+              [119.506246, 23.577259],
+              [119.47237, 23.556962],
+              [119.519181, 23.559705],
+              [119.52534, 23.62497],
+              [119.506246, 23.625518]
+            ]
+          ],
+          [
+            [
+              [119.497623, 23.38679],
+              [119.495159, 23.349982],
+              [119.516717, 23.349982],
+              [119.497623, 23.38679]
+            ]
+          ],
+          [
+            [
+              [119.557369, 23.666634],
+              [119.608492, 23.620035],
+              [119.615268, 23.661153],
+              [119.586318, 23.675952],
+              [119.557369, 23.666634]
+            ]
+          ],
+          [
+            [
+              [122.066706, 25.6247],
+              [122.087032, 25.61067],
+              [122.092575, 25.639268],
+              [122.066706, 25.6247]
+            ]
+          ],
+          [
+            [
+              [121.468013, 22.67687],
+              [121.474788, 22.643734],
+              [121.513592, 22.631582],
+              [121.514824, 22.676318],
+              [121.468013, 22.67687]
+            ]
+          ],
+          [
+            [
+              [121.510513, 22.086972],
+              [121.507433, 22.048704],
+              [121.533918, 22.022076],
+              [121.594281, 21.995443],
+              [121.604752, 22.022631],
+              [121.575186, 22.037055],
+              [121.575802, 22.0842],
+              [121.510513, 22.086972]
+            ]
+          ],
+          [
+            [
+              [122.097503, 25.499987],
+              [122.110438, 25.465952],
+              [122.122141, 25.495666],
+              [122.097503, 25.499987]
+            ]
+          ],
+          [
+            [
+              [119.421247, 23.216949],
+              [119.436029, 23.186146],
+              [119.453275, 23.216399],
+              [119.421247, 23.216949]
+            ]
+          ],
+          [
+            [
+              [120.355011, 22.327439],
+              [120.395663, 22.342385],
+              [120.383344, 22.355669],
+              [120.355011, 22.327439]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 810000,
+        "name": "香港特别行政区",
+        "center": [114.173355, 22.320048],
+        "centroid": [114.134357, 22.377366],
+        "childrenNum": 18,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 32,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [114.031778, 22.503923],
+              [114.000981, 22.491206],
+              [113.977575, 22.45692],
+              [113.918445, 22.418199],
+              [113.920293, 22.367845],
+              [113.951706, 22.355116],
+              [113.956633, 22.359543],
+              [113.980039, 22.366185],
+              [114.026234, 22.34792],
+              [113.955401, 22.298649],
+              [113.969568, 22.321349],
+              [113.898119, 22.308615],
+              [113.889496, 22.271514],
+              [113.8433, 22.229418],
+              [113.84946, 22.191188],
+              [113.899351, 22.215568],
+              [113.935691, 22.205041],
+              [113.981271, 22.229972],
+              [113.996669, 22.206149],
+              [114.026234, 22.229418],
+              [114.004676, 22.239389],
+              [114.02993, 22.263207],
+              [114.034857, 22.300864],
+              [114.069966, 22.326885],
+              [114.121089, 22.320795],
+              [114.145726, 22.300864],
+              [114.120473, 22.272068],
+              [114.164821, 22.226648],
+              [114.200545, 22.232188],
+              [114.203009, 22.206703],
+              [114.265835, 22.200608],
+              [114.248588, 22.274837],
+              [114.262139, 22.294773],
+              [114.284929, 22.263761],
+              [114.313262, 22.264315],
+              [114.315726, 22.299203],
+              [114.315726, 22.299756],
+              [114.278153, 22.328546],
+              [114.283081, 22.386661],
+              [114.322501, 22.385554],
+              [114.323117, 22.385554],
+              [114.323733, 22.385001],
+              [114.323733, 22.384447],
+              [114.356994, 22.340171],
+              [114.394566, 22.361757],
+              [114.385327, 22.41156],
+              [114.406269, 22.432582],
+              [114.406269, 22.433688],
+              [114.376088, 22.436454],
+              [114.325581, 22.479041],
+              [114.278769, 22.435901],
+              [114.220255, 22.427603],
+              [114.205473, 22.449729],
+              [114.23319, 22.466875],
+              [114.2529, 22.445304],
+              [114.340979, 22.50337],
+              [114.309566, 22.497288],
+              [114.28924, 22.52272],
+              [114.263987, 22.541515],
+              [114.263371, 22.541515],
+              [114.260291, 22.547595],
+              [114.232574, 22.528801],
+              [114.232574, 22.539857],
+              [114.222719, 22.553122],
+              [114.166052, 22.559201],
+              [114.156813, 22.543726],
+              [114.095219, 22.534329],
+              [114.082285, 22.512216],
+              [114.031778, 22.503923]
+            ]
+          ],
+          [
+            [
+              [114.142647, 22.213906],
+              [114.123553, 22.238836],
+              [114.120473, 22.177888],
+              [114.154965, 22.177888],
+              [114.166668, 22.205041],
+              [114.142647, 22.213906]
+            ]
+          ],
+          [
+            [
+              [114.305871, 22.372273],
+              [114.313878, 22.340724],
+              [114.332972, 22.353455],
+              [114.305255, 22.372826],
+              [114.305871, 22.372273]
+            ]
+          ],
+          [
+            [
+              [114.320037, 22.381127],
+              [114.323733, 22.384447],
+              [114.323733, 22.385001],
+              [114.323117, 22.385554],
+              [114.322501, 22.385554],
+              [114.319421, 22.382234],
+              [114.320037, 22.38168],
+              [114.320037, 22.381127]
+            ]
+          ],
+          [
+            [
+              [114.305871, 22.369506],
+              [114.305871, 22.372273],
+              [114.305255, 22.372826],
+              [114.305871, 22.369506]
+            ]
+          ],
+          [
+            [
+              [114.315726, 22.299203],
+              [114.316958, 22.298649],
+              [114.316342, 22.30031],
+              [114.315726, 22.299756],
+              [114.315726, 22.299203]
+            ]
+          ],
+          [
+            [
+              [114.319421, 22.382234],
+              [114.320037, 22.381127],
+              [114.320037, 22.38168],
+              [114.319421, 22.382234]
+            ]
+          ],
+          [
+            [
+              [114.372392, 22.32301],
+              [114.373008, 22.323564],
+              [114.372392, 22.323564],
+              [114.372392, 22.32301]
+            ]
+          ],
+          [
+            [
+              [114.323733, 22.297541],
+              [114.324349, 22.297541],
+              [114.323733, 22.298095],
+              [114.323733, 22.297541]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "adcode": 820000,
+        "name": "澳门特别行政区",
+        "center": [113.54909, 22.198951],
+        "centroid": [113.566988, 22.159307],
+        "childrenNum": 8,
+        "level": "province",
+        "parent": { "adcode": 100000 },
+        "subFeatureIndex": 33,
+        "acroutes": [100000]
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [113.554425, 22.107489],
+              [113.6037, 22.132438],
+              [113.575983, 22.194513],
+              [113.558736, 22.212244],
+              [113.53841, 22.209473],
+              [113.534715, 22.174009],
+              [113.554425, 22.142416],
+              [113.554425, 22.107489]
+            ]
+          ],
+          [
+            [
+              [113.586453, 22.201162],
+              [113.575983, 22.201162],
+              [113.575983, 22.194513],
+              [113.586453, 22.201162]
+            ]
+          ]
+        ]
+      }
+    }
+  ]
+}
diff --git a/src/mock/temp/articleDetail.ts b/src/mock/temp/articleDetail.ts
new file mode 100644
index 0000000..44fe87c
--- /dev/null
+++ b/src/mock/temp/articleDetail.ts
@@ -0,0 +1,66 @@
+/** 文章详情 Mock 数据 */
+export const ArticleDetail: Record<number, string> = {
+  452: `
+<h2>Node.js + Docker 自动化部署</h2>
+<p>本章将介绍 Node.js 使用 Docker、Webhook 自动化部署、蓝绿部署、项目到服务器。</p>
+<h3>1、Mac os 安装 Docker 客户端 OrbStack</h3>
+<p>我这里使用的是第三方客户端，相比于官方的，较轻量，启动速度快。</p>
+<p>OrbStack 是一种快速、轻便且简单的运行 Docker 容器和 Linux 的方法。使用我们的 Docker Desktop 替代方案以光速进行开发。</p>
+<h3>2、Dockerfile 编写</h3>
+<pre><code class="language-dockerfile">FROM node:18-alpine
+WORKDIR /app
+COPY package*.json ./
+RUN npm install --production
+COPY . .
+EXPOSE 3000
+CMD ["node", "server.js"]
+</code></pre>
+<h3>3、docker-compose.yml</h3>
+<pre><code class="language-yaml">version: '3'
+services:
+  app:
+    build: .
+    ports:
+      - "3000:3000"
+    environment:
+      - NODE_ENV=production
+    restart: always
+</code></pre>
+<h3>4、自动化部署流程</h3>
+<p>通过 Webhook 实现代码推送后自动触发构建和部署流程，实现 CI/CD。</p>
+  `,
+  451: `
+<h2>HTTP 协议</h2>
+<h3>概念</h3>
+<p>HTTP（hypertext transport protocol）协议；中文叫超文本传输协议是一种基于 TCP/IP 的应用层通信协议。</p>
+<p>这个协议详细规定了浏览器和万维网服务器之间互相通信的规则。</p>
+<h3>协议中主要规定了两个方面的内容</h3>
+<ul>
+  <li><strong>客户端</strong>：用来向服务器发送数据，可以被称之为请求报文</li>
+  <li><strong>服务端</strong>：向客户端返回数据，可以被称之为响应报文</li>
+</ul>
+<h3>请求报文的组成</h3>
+<ol>
+  <li>请求行</li>
+  <li>请求头</li>
+  <li>空行</li>
+  <li>请求体</li>
+</ol>
+  `,
+  450: `
+<h2>MongoDB 数据库基本操作</h2>
+<h3>简介</h3>
+<p>Mongodb 是什么？MongoDB 是一个基于分布式文件存储的数据库，官方地址 https://www.mongodb.com/</p>
+<h3>数据库是什么</h3>
+<p>数据库（DataBase）是按照数据结构来组织、存储和管理数据的 应用程序。</p>
+<p>数据库的主要作用就是管理数据，对数据进行增（c）、删（d）、改（u）、查（r）。</p>
+<h3>数据库管理数据的特点</h3>
+<p>相比于纯文件管理数据，数据库管理数据有如下特点：</p>
+<ol>
+  <li>速度更快</li>
+  <li>可扩展性强</li>
+  <li>数据持久化</li>
+  <li>支持并发操作</li>
+</ol>
+  `,
+};
diff --git a/src/mock/temp/articleList.ts b/src/mock/temp/articleList.ts
new file mode 100644
index 0000000..7d1abb4
--- /dev/null
+++ b/src/mock/temp/articleList.ts
@@ -0,0 +1,193 @@
+import cover1 from "@imgs/cover/img1.webp";
+import cover2 from "@imgs/cover/img2.webp";
+import cover3 from "@imgs/cover/img3.webp";
+import cover4 from "@imgs/cover/img4.webp";
+import cover5 from "@imgs/cover/img5.webp";
+import cover6 from "@imgs/cover/img6.webp";
+import cover7 from "@imgs/cover/img7.webp";
+import cover8 from "@imgs/cover/img8.webp";
+import cover9 from "@imgs/cover/img9.webp";
+import cover10 from "@imgs/cover/img10.webp";
+
+export const ArticleList = [
+  {
+    id: 452,
+    blog_class: "42",
+    title: "Node.js + Docker自动化部署",
+    count: 56,
+    create_time: "2024-08-26T00:00:00.000Z",
+    home_img: cover1,
+    brief:
+      "本章将介绍 Node.js 使用 Docker 、Webhook 自动化部署、蓝绿部署、项目到服务器。1、Mac os 安装 Docker 客户端 OrbStack我这里使用的是第三方客户端，相比于官方的，较轻量，启动速度快OrbStack 是一种快速、轻便且简单的运行 Docker 容器和 Linux 的方法。使用我们的 Docker Desktop 替代方案以光速进行开发。下载地址： http",
+    type_name: "Node.js",
+    html_content: "",
+  },
+  {
+    id: 451,
+    blog_class: "36",
+    title: "HTTP 协议",
+    count: 109,
+    create_time: "2024-02-22T00:00:00.000Z",
+    home_img: cover2,
+    brief:
+      "概念HTTP（hypertext transport protocol）协议；中文叫超文本传输协议是一种基于TCP/IP的应用层通信协议这个协议详细规定了 浏览器 和万维网 服务器 之间互相通信的规则。协议中主要规定了两个方面的内容客户端：用来向服务器发送数据，可以被称之为请求报文服务端：向客户端返回数据，可以被称之为响应报文报文：可以简单理解为就是一堆字符串请求报文的组成请求行请求头空行请求体H",
+    type_name: "浏览器",
+    html_content: "",
+  },
+  {
+    id: 450,
+    blog_class: "40",
+    title: "MongoDB 数据库基本操作",
+    count: 66,
+    create_time: "2023-11-30T00:00:00.000Z",
+    home_img: cover3,
+    brief:
+      "简介Mongodb 是什么MongoDB 是一个基于分布式文件存储的数据库，官方地址 https://www.mongodb.com/ 数据库是什么数据库（DataBase）是按照数据结构来组织、存储和管理数据的 应用程序数据库的作用数据库的主要作用就是 管理数据 ，对数据进行 增（c）、删（d）、改（u）、查（r）数据库管理数据的特点相比于纯文件管理数据，数据库管理数据有如下特点：1. 速度更快",
+    type_name: "MongoDB",
+    html_content: "",
+  },
+  {
+    id: 449,
+    blog_class: "40",
+    title: "Mac os 安装 MongoDB",
+    count: 59,
+    create_time: "2023-11-15T00:00:00.000Z",
+    home_img: cover4,
+    brief:
+      "下载MongoDB安装包官网下载地址：https://www.mongodb.com/try/download/community?tck=docs_server安装MongoDB# 将压缩包解压到 /usr/local/目录下\nsudo tar -zxvf mongodb-macos-x86_64-5.0.24.tgz -C /usr/local\n\n# 重命名\nsudo mv mongodb-o",
+    type_name: "MongoDB",
+    html_content: "",
+  },
+  {
+    id: 448,
+    blog_class: "42",
+    title: "npm、yarn、nrm 常用命令",
+    count: 91,
+    create_time: "2023-11-07T00:00:00.000Z",
+    home_img: cover5,
+    brief:
+      "设置镜像源#1,淘宝镜像源\nnpm config set registry https://registry.npmmirror.com\nnpm config set registry https://registry.npm.taobao.org\n\n#2,腾讯云镜像源\nnpm config set registry http://mirrors.cloud.tencent.com/npm/\n\n#",
+    type_name: "Node.js",
+    html_content: "",
+  },
+  {
+    id: 447,
+    blog_class: "42",
+    title: "Node.js 包管理工具",
+    count: 53,
+    create_time: "2023-10-31T00:00:00.000Z",
+    home_img: cover6,
+    brief:
+      "介绍包是什么『包』英文单词是 package ，代表了一组特定功能的源码集合包管理工具管理『包』的应用软件，可以对「包」进行 下载安装 ， 更新 ， 删除 ， 上传 等操作借助包管理工具，可以快速开发项目，提升开发效率包管理工具是一个通用的概念，很多编程语言都有包管理工具，所以 掌握好包管理工具非常重要常用的包管理工具下面列举了前端常用的包管理工具npmyarncnpmnpmnpm 全称 Node",
+    type_name: "Node.js",
+    html_content: "",
+  },
+  {
+    id: 446,
+    blog_class: "42",
+    title: "Node.js 模块化",
+    count: 40,
+    create_time: "2023-10-25T00:00:00.000Z",
+    home_img: cover7,
+    brief:
+      "介绍什么是模块化与模块 ?将一个复杂的程序文件依据一定规则（规范）拆分成多个文件的过程称之为其中拆分出的 每个文件就是一个模块 ，模块的内部数据是私有的，不过模块可以暴露内部数据以便其他模块使用什么是模块化项目 ?编码时是按照模块一个一个编码的， 整个项目就是一个模块化的项目模块化好处下面是模块化的一些好处：1.防止命名冲突2.高复用性3.高维护性模块暴露数据模块初体验可以通过下面的操作步骤，快速",
+    type_name: "Node.js",
+    html_content: "",
+  },
+  {
+    id: 445,
+    blog_class: "42",
+    title: "Node.js学习笔记",
+    count: 198,
+    create_time: "2023-10-15T00:00:00.000Z",
+    home_img: cover8,
+    brief:
+      "fs 模块fs 全称为 file system ，称之为 文件系统 ，是 Node.js 中的 内置模块 ，可以对计算机中的磁盘进行操作。例如文件的创建、删除、修改移动，文件内容的写入、读取，以及文件夹的相关操作// 1 ------------------------------------------------------\n/**\n * 需求\n * 新建一个文件，写入内容\n */\n\n// 1",
+    type_name: "Node.js",
+    html_content: "",
+  },
+  {
+    id: 444,
+    blog_class: "41",
+    title: "最好用的ChatGPT应用",
+    count: 78,
+    create_time: "2023-05-22T00:00:00.000Z",
+    home_img: cover9,
+    brief:
+      "目前为止最好用的ChatGPT网站，支持6种AI模型和每日一次GPT4的使用机会，有网页版和ios应用程序，可以使用邮箱和手机号等方式注册，中国大陆可放心使用（需要科学上网），下面就介绍一下如何使用吧。网站地址：https://poe.com/进去之后可以选择邮箱或手机号等其他方式注册。除了网页版，你还可以到AppStore搜索poe下载ios客户端",
+    type_name: "GPT",
+    html_content: "",
+  },
+  {
+    id: 443,
+    blog_class: "35",
+    title: "Nuxt 百度收录 robots 和 sitemap",
+    count: 109,
+    create_time: "2023-04-07T00:00:00.000Z",
+    home_img: cover10,
+    brief:
+      "前言robots 和 sitemap 文件，前者的作用是减少百度蜘蛛在站内的无谓爬取，后者增加百度蜘蛛在站内的有效爬取，对百度收录和自己网站的SEO推广都十分重要。robots只有一个：robot.txt，这是一个文本文件，主要利用Allow（允许）和DisAllow（禁止）两个命令，（这两个重要的是禁止），禁止百度蜘蛛爬取一些无谓的文件和文件夹，增加百度搜录速度。具体原理和写法网上去搜，制作简单",
+    type_name: "Nuxt",
+    html_content: "",
+  },
+  {
+    id: 442,
+    blog_class: "12",
+    title: "Vue3+TS+Vite 项目搭建笔记（更新中）",
+    count: 516,
+    create_time: "2023-04-03T00:00:00.000Z",
+    home_img: cover4,
+    brief:
+      "介绍本章会教你在真实项目中如何搭建 VueRouter、Vuex、pinia、axios、主题切换等，你会见证一个后台管理系统的详细搭建过程。效果图：功能：后台管理系统常用模块登录加密多标签页全局面包屑国际化异常处理Utils工具包可配置的菜单栏徽标亮色 / 暗色 侧边栏浅色主题 / 暗黑主题丰富的个性化配置可折叠侧边栏支持内嵌页面重载当前页面动态路由支持自动重载支持多级路由嵌套及菜单栏嵌套分离路",
+    type_name: "Vue",
+    html_content: "",
+  },
+  {
+    id: 441,
+    blog_class: "9",
+    title: "CSS 根据系统自动切换主题方案",
+    count: 184,
+    create_time: "2023-04-01T00:00:00.000Z",
+    home_img: cover8,
+    brief:
+      "原理是改变 css 变量 + window.matchMedia 来监听系统主题变，从而实现点击改变主题和监听系统主题变化1、首先定义 css 全局变量创建 variables.scss 文件light color（浅色模式）定义浅色模式下 css 主题变量dark color（深色模式）定义深色模式下 css 主题变量// css全局变量\n:root {\n  // 文字大小\n  --art-fo",
+    type_name: "CSS",
+    html_content: "",
+  },
+  {
+    id: 440,
+    blog_class: "36",
+    title: "浏览器-安全",
+    count: 116,
+    create_time: "2023-03-28T00:00:00.000Z",
+    home_img: cover2,
+    brief:
+      "通过这篇文章你可以了解到同源策略、跨站脚本攻击（xss）、跨域请求伪造（CSRF）以及安全沙箱相关知识；以下是本文的思维导图：（手机端可能看不清）获取高清 PDF，请在微信公众号【小狮子前端】回复【浏览器安全】同源策略什么是同源策略如果两个 URL 的协议、域名和端口都相同，我们就称这两个 URL 同源。两个不同的源之间若想要相互访问资源或者操作 DOM，那么会有一套基础的安全策略的制约，我们把这",
+    type_name: "浏览器",
+    html_content: "",
+  },
+  {
+    id: 439,
+    blog_class: "12",
+    title: "Vue-Router4",
+    count: 135,
+    create_time: "2023-02-08T00:00:00.000Z",
+    home_img: cover3,
+    brief:
+      "路由模式构建 router.tsimport { createRouter, createWebHistory, createWebHashHistory, createMemoryHistory, createRouterMatcher } from 'vue-router'\nimport Home from '../views/home/index.vue'\nimport Login from",
+    type_name: "Vue",
+    html_content: "",
+  },
+  {
+    id: 438,
+    blog_class: "10",
+    title: "Event Loop（事件循环）",
+    count: 161,
+    create_time: "2023-01-03T00:00:00.000Z",
+    home_img: cover1,
+    brief:
+      "js是单线程的，一次只能执行一段代码。单线程会导致很多任务需要排队，一个个去执行，如果此时某个任务执行时间太长，就会出现阻塞，为了解决这个问题，js引入了事件循环机制。为什么要区分宏任务和微任务？js是单线程的，但是分同步异步微任务和宏任务皆为异步任务，它们都属于一个队列宏任务：script（整体代码）、setTimeout、setInterval、I/O、UI、 renderingsetImme",
+    type_name: "JavaScript",
+    html_content: "",
+  },
+];
diff --git a/src/mock/temp/commentDetail.ts b/src/mock/temp/commentDetail.ts
new file mode 100644
index 0000000..9fb009c
--- /dev/null
+++ b/src/mock/temp/commentDetail.ts
@@ -0,0 +1,79 @@
+export interface Comment {
+  id: number;
+  author: string;
+  content: string;
+  timestamp: string;
+  replies: Comment[];
+}
+
+export const commentList = ref<Comment[]>([
+  {
+    id: 1,
+    author: "白夜",
+    content: "黑神话悟空的打斗场面真的燃爆了！期待上线！",
+    timestamp: "2024-09-04 09:00",
+    replies: [
+      {
+        id: 101,
+        author: "星河",
+        content: "是啊，特别是那些技能特效，简直帅炸！",
+        timestamp: "2024-09-04 09:15",
+        replies: [
+          {
+            id: 201,
+            author: "光芒",
+            content: "希望优化能跟上，不然这么好的画面如果卡顿就可惜了。",
+            timestamp: "2024-09-04 09:30",
+            replies: [],
+          },
+        ],
+      },
+    ],
+  },
+  {
+    id: 2,
+    author: "浮生",
+    content: "据说黑神话悟空需要很高的配置，不知道我的电脑能不能跑起来。",
+    timestamp: "2024-09-04 10:00",
+    replies: [
+      {
+        id: 102,
+        author: "晨曦",
+        content: "同担心啊，听说需要至少RTX 3070才能高效运行。",
+        timestamp: "2024-09-04 10:20",
+        replies: [
+          {
+            id: 202,
+            author: "流光",
+            content: "我是打算升级配置，等这款游戏就是了。",
+            timestamp: "2024-09-04 10:40",
+            replies: [],
+          },
+        ],
+      },
+    ],
+  },
+  {
+    id: 3,
+    author: "风铃",
+    content: "130GB的存储要求有点夸张啊，不过画质这么好，也情有可原。",
+    timestamp: "2024-09-04 11:00",
+    replies: [
+      {
+        id: 103,
+        author: "云端",
+        content: "确实有点高，不过为了这种品质的游戏，值得。",
+        timestamp: "2024-09-04 11:15",
+        replies: [
+          {
+            id: 203,
+            author: "梦境",
+            content: "希望发售后能优化一下安装包体积。",
+            timestamp: "2024-09-04 11:30",
+            replies: [],
+          },
+        ],
+      },
+    ],
+  },
+]);
diff --git a/src/mock/temp/commentList.ts b/src/mock/temp/commentList.ts
new file mode 100644
index 0000000..f1a0e01
--- /dev/null
+++ b/src/mock/temp/commentList.ts
@@ -0,0 +1,242 @@
+export const commentList = reactive([
+  {
+    id: 1,
+    date: "2024-9-3",
+    content: "发现了一个超级好用的工具，开心",
+    collection: 5,
+    comment: 8,
+    userName: "匿名",
+  },
+  {
+    id: 2,
+    date: "2024-9-3",
+    content: "今天的代码写得很顺利！",
+    collection: 3,
+    comment: 2,
+    userName: "Coder123",
+  },
+  {
+    id: 3,
+    date: "2024-9-4",
+    content: "遇到个bug，调试了一整天",
+    collection: 7,
+    comment: 10,
+    userName: "DebugMaster",
+  },
+  {
+    id: 4,
+    date: "2024-9-4",
+    content: "学Node真的是一件很有趣的事",
+    collection: 9,
+    comment: 4,
+    userName: "NodeLover",
+  },
+  {
+    id: 5,
+    date: "2024-9-5",
+    content: "今天的进度有点慢，需要加把劲了",
+    collection: 2,
+    comment: 3,
+    userName: "努力中的小白",
+  },
+  {
+    id: 6,
+    date: "2024-9-5",
+    content: "太好了，终于解决了一个难题！",
+    collection: 11,
+    comment: 5,
+    userName: "匿名",
+  },
+  {
+    id: 7,
+    date: "2024-9-6",
+    content: "学会了新的Node技巧，开心！",
+    collection: 4,
+    comment: 7,
+    userName: "开心每一天",
+  },
+  {
+    id: 8,
+    date: "2024-9-6",
+    content: "代码优化真的是一个细致活",
+    collection: 6,
+    comment: 4,
+    userName: "精益求精",
+  },
+  {
+    id: 9,
+    date: "2024-9-7",
+    content: "今天的工作太顺利了，完美！",
+    collection: 10,
+    comment: 9,
+    userName: "完美主义者",
+  },
+  {
+    id: 10,
+    date: "2024-9-7",
+    content: "需要多练习，才能掌握更多技能",
+    collection: 5,
+    comment: 6,
+    userName: "匿名",
+  },
+  {
+    id: 11,
+    date: "2024-9-8",
+    content: "每天进步一点点，终会成功",
+    collection: 8,
+    comment: 7,
+    userName: "逐梦者",
+  },
+  {
+    id: 12,
+    date: "2024-9-8",
+    content: "与其抱怨，不如努力改变",
+    collection: 12,
+    comment: 10,
+    userName: "改变命运",
+  },
+  {
+    id: 13,
+    date: "2024-9-9",
+    content: "今天尝试了新的库，感觉不错",
+    collection: 9,
+    comment: 8,
+    userName: "新手尝试",
+  },
+  {
+    id: 14,
+    date: "2024-9-9",
+    content: "写代码也需要灵感，今天灵感不错",
+    collection: 6,
+    comment: 5,
+    userName: "灵感源泉",
+  },
+  {
+    id: 15,
+    date: "2024-9-10",
+    content: "感谢社区的帮助，让我解决了问题",
+    collection: 7,
+    comment: 4,
+    userName: "受益匪浅",
+  },
+  {
+    id: 16,
+    date: "2024-9-10",
+    content: "学习的路上要保持耐心和恒心",
+    collection: 3,
+    comment: 2,
+    userName: "匿名",
+  },
+  {
+    id: 17,
+    date: "2024-9-11",
+    content: "今天学习了异步编程的知识，受益匪浅",
+    collection: 10,
+    comment: 9,
+    userName: "异步学习者",
+  },
+  {
+    id: 18,
+    date: "2024-9-11",
+    content: "今天的代码质量提升了不少",
+    collection: 11,
+    comment: 6,
+    userName: "代码匠人",
+  },
+  {
+    id: 19,
+    date: "2024-9-12",
+    content: "感觉学习编程真的很有成就感",
+    collection: 8,
+    comment: 7,
+    userName: "成就感满满",
+  },
+  {
+    id: 20,
+    date: "2024-9-12",
+    content: "要加倍努力，才能超越昨天的自己",
+    collection: 5,
+    comment: 4,
+    userName: "努力超越",
+  },
+  {
+    id: 21,
+    date: "2024-9-13",
+    content: "今天的代码写得很顺手，继续保持",
+    collection: 9,
+    comment: 8,
+    userName: "顺风顺水",
+  },
+  {
+    id: 22,
+    date: "2024-9-13",
+    content: "写代码也需要创意，今天很有创意",
+    collection: 7,
+    comment: 5,
+    userName: "创意无限",
+  },
+  {
+    id: 23,
+    date: "2024-9-14",
+    content: "遇到的难题解决了，感觉很有成就感",
+    collection: 10,
+    comment: 9,
+    userName: "匿名",
+  },
+  {
+    id: 24,
+    date: "2024-9-14",
+    content: "今天的编程练习很有收获",
+    collection: 8,
+    comment: 7,
+    userName: "收获满满",
+  },
+  {
+    id: 25,
+    date: "2024-9-15",
+    content: "学习编程的路上，有苦有甜",
+    collection: 6,
+    comment: 4,
+    userName: "苦乐编程",
+  },
+  {
+    id: 26,
+    date: "2024-9-15",
+    content: "今天的代码写得特别流畅，开心！",
+    collection: 11,
+    comment: 6,
+    userName: "流畅编程",
+  },
+  {
+    id: 27,
+    date: "2024-9-16",
+    content: "今天的编程练习让我更有信心",
+    collection: 9,
+    comment: 8,
+    userName: "信心满满",
+  },
+  {
+    id: 28,
+    date: "2024-9-16",
+    content: "今天的编程学习让我收获很多",
+    collection: 7,
+    comment: 5,
+    userName: "匿名",
+  },
+  {
+    id: 29,
+    date: "2024-9-17",
+    content: "编程是一门艺术，今天体会到了",
+    collection: 12,
+    comment: 10,
+    userName: "编程艺术家",
+  },
+  {
+    id: 30,
+    date: "2024-9-17",
+    content: "今天的代码写得很顺利，继续加油！",
+    collection: 10,
+    comment: 9,
+    userName: "匿名",
+  },
+]);
diff --git a/src/mock/temp/formData.ts b/src/mock/temp/formData.ts
new file mode 100644
index 0000000..b3b29ae
--- /dev/null
+++ b/src/mock/temp/formData.ts
@@ -0,0 +1,273 @@
+import avatar1 from "@imgs/avatar/avatar1.webp";
+import avatar2 from "@imgs/avatar/avatar2.webp";
+import avatar3 from "@imgs/avatar/avatar3.webp";
+import avatar4 from "@imgs/avatar/avatar4.webp";
+import avatar5 from "@imgs/avatar/avatar5.webp";
+import avatar6 from "@imgs/avatar/avatar6.webp";
+import avatar7 from "@imgs/avatar/avatar7.webp";
+import avatar8 from "@imgs/avatar/avatar8.webp";
+import avatar9 from "@imgs/avatar/avatar9.webp";
+import avatar10 from "@imgs/avatar/avatar10.webp";
+
+export interface User {
+  id: number;
+  username: string;
+  gender: 1 | 0;
+  mobile: string;
+  email: string;
+  dep: string;
+  status: string;
+  create_time: string;
+  avatar: string;
+}
+
+// 用户列表
+export const ACCOUNT_TABLE_DATA: User[] = [
+  {
+    id: 1,
+    username: "alexmorgan",
+    gender: 1,
+    mobile: "18670001591",
+    email: "alexmorgan@company.com",
+    dep: "研发部",
+    status: "1",
+    create_time: "2020-09-09 10:01:10",
+    avatar: avatar1,
+  },
+  {
+    id: 2,
+    username: "sophiabaker",
+    gender: 1,
+    mobile: "17766664444",
+    email: "sophiabaker@company.com",
+    dep: "电商部",
+    status: "1",
+    create_time: "2020-10-10 13:01:12",
+    avatar: avatar2,
+  },
+  {
+    id: 3,
+    username: "liampark",
+    gender: 1,
+    mobile: "18670001597",
+    email: "liampark@company.com",
+    dep: "人事部",
+    status: "1",
+    create_time: "2020-11-14 12:01:45",
+    avatar: avatar3,
+  },
+  {
+    id: 4,
+    username: "oliviagrant",
+    gender: 0,
+    mobile: "18670001596",
+    email: "oliviagrant@company.com",
+    dep: "产品部",
+    status: "1",
+    create_time: "2020-11-14 09:01:20",
+    avatar: avatar4,
+  },
+  {
+    id: 5,
+    username: "emmawilson",
+    gender: 0,
+    mobile: "18670001595",
+    email: "emmawilson@company.com",
+    dep: "财务部",
+    status: "1",
+    create_time: "2020-11-13 11:01:05",
+    avatar: avatar5,
+  },
+  {
+    id: 6,
+    username: "noahevan",
+    gender: 1,
+    mobile: "18670001594",
+    email: "noahevan@company.com",
+    dep: "运营部",
+    status: "1",
+    create_time: "2020-10-11 13:10:26",
+    avatar: avatar6,
+  },
+  {
+    id: 7,
+    username: "avamartin",
+    gender: 1,
+    mobile: "18123820191",
+    email: "avamartin@company.com",
+    dep: "客服部",
+    status: "2",
+    create_time: "2020-05-14 12:05:10",
+    avatar: avatar7,
+  },
+  {
+    id: 8,
+    username: "jacoblee",
+    gender: 1,
+    mobile: "18670001592",
+    email: "jacoblee@company.com",
+    dep: "总经办",
+    status: "3",
+    create_time: "2020-11-12 07:22:25",
+    avatar: avatar8,
+  },
+  {
+    id: 9,
+    username: "miaclark",
+    gender: 0,
+    mobile: "18670001581",
+    email: "miaclark@company.com",
+    dep: "研发部",
+    status: "4",
+    create_time: "2020-06-12 05:04:20",
+    avatar: avatar9,
+  },
+  {
+    id: 10,
+    username: "ethanharris",
+    gender: 1,
+    mobile: "13755554444",
+    email: "ethanharris@company.com",
+    dep: "研发部",
+    status: "1",
+    create_time: "2020-11-12 16:01:10",
+    avatar: avatar10,
+  },
+  {
+    id: 11,
+    username: "isabellamoore",
+    gender: 1,
+    mobile: "13766660000",
+    email: "isabellamoore@company.com",
+    dep: "研发部",
+    status: "1",
+    create_time: "2020-11-14 12:01:20",
+    avatar: avatar6,
+  },
+  {
+    id: 12,
+    username: "masonwhite",
+    gender: 1,
+    mobile: "18670001502",
+    email: "masonwhite@company.com",
+    dep: "研发部",
+    status: "1",
+    create_time: "2020-11-14 12:01:20",
+    avatar: avatar7,
+  },
+  {
+    id: 13,
+    username: "charlottehall",
+    gender: 1,
+    mobile: "13006644977",
+    email: "charlottehall@company.com",
+    dep: "研发部",
+    status: "1",
+    create_time: "2020-11-14 12:01:20",
+    avatar: avatar8,
+  },
+  {
+    id: 14,
+    username: "benjaminscott",
+    gender: 0,
+    mobile: "13599998888",
+    email: "benjaminscott@company.com",
+    dep: "研发部",
+    status: "1",
+    create_time: "2020-11-14 12:01:20",
+    avatar: avatar9,
+  },
+  {
+    id: 15,
+    username: "ameliaking",
+    gender: 1,
+    mobile: "13799998888",
+    email: "ameliaking@company.com",
+    dep: "研发部",
+    status: "1",
+    create_time: "2020-11-14 12:01:20",
+    avatar: avatar10,
+  },
+];
+
+export interface Role {
+  roleName: string;
+  roleCode: string;
+  des: string;
+  date: string;
+  enable: boolean;
+}
+
+// 角色列表
+export const ROLE_LIST_DATA: Role[] = [
+  {
+    roleName: "超级管理员",
+    roleCode: "R_SUPER",
+    des: "拥有系统全部权限",
+    date: "2025-05-15 12:30:45",
+    enable: true,
+  },
+  {
+    roleName: "管理员",
+    roleCode: "R_ADMIN",
+    des: "拥有系统管理权限",
+    date: "2025-05-15 12:30:45",
+    enable: true,
+  },
+  {
+    roleName: "普通用户",
+    roleCode: "R_USER",
+    des: "拥有系统普通权限",
+    date: "2025-05-15 12:30:45",
+    enable: true,
+  },
+  {
+    roleName: "财务管理员",
+    roleCode: "R_FINANCE",
+    des: "管理财务相关权限",
+    date: "2025-05-16 09:15:30",
+    enable: true,
+  },
+  {
+    roleName: "数据分析师",
+    roleCode: "R_ANALYST",
+    des: "拥有数据分析权限",
+    date: "2025-05-16 11:45:00",
+    enable: false,
+  },
+  {
+    roleName: "客服专员",
+    roleCode: "R_SUPPORT",
+    des: "处理客户支持请求",
+    date: "2025-05-17 14:30:22",
+    enable: true,
+  },
+  {
+    roleName: "营销经理",
+    roleCode: "R_MARKETING",
+    des: "管理营销活动权限",
+    date: "2025-05-17 15:10:50",
+    enable: true,
+  },
+  {
+    roleName: "访客用户",
+    roleCode: "R_GUEST",
+    des: "仅限浏览权限",
+    date: "2025-05-18 08:25:40",
+    enable: false,
+  },
+  {
+    roleName: "系统维护员",
+    roleCode: "R_MAINTAINER",
+    des: "负责系统维护和更新",
+    date: "2025-05-18 09:50:12",
+    enable: true,
+  },
+  {
+    roleName: "项目经理",
+    roleCode: "R_PM",
+    des: "管理项目相关权限",
+    date: "2025-05-19 13:40:35",
+    enable: true,
+  },
+];
diff --git a/src/mock/upgrade/changeLog.ts b/src/mock/upgrade/changeLog.ts
new file mode 100644
index 0000000..633647d
--- /dev/null
+++ b/src/mock/upgrade/changeLog.ts
@@ -0,0 +1,449 @@
+export interface UpgradeLog {
+  version: string; // 版本号
+  title: string; // 更新标题
+  date: string; // 更新日期
+  detail?: string[]; // 更新内容
+  requireReLogin?: boolean; // 是否需要重新登录
+  remark?: string; // 备注
+}
+
+export const upgradeLogList = ref<UpgradeLog[]>([
+  {
+    version: "v3.0.0",
+    title: "问题修复、表单与路由体验优化",
+    date: "2026-03-15",
+    detail: [
+      "修复：富文本编辑器样式异常问题",
+      "修复：菜单区域无法滚动的问题",
+      "修复：特殊路由打开后显示空白页面的问题",
+      "修复：WebSocket 重连异常问题",
+      "修复：特殊动态路由参数处理异常问题",
+      "优化：FaForm、FaSearchBar 表单提交前增加数据清洗，避免无效字段提交到后端",
+      "修复：FaTable 与 ElForm 组合使用时动态表单校验错误的问题",
+      "修复：隐藏子菜单时父级菜单被一并隐藏的问题",
+      "修复：静态路由刷新后跳回首页的问题",
+      "修复：fa-table 属性继承异常问题",
+      "修复：PC 端切换到移动端后再切回 PC 端，菜单无法恢复原桌面布局的问题",
+    ],
+  },
+  {
+    version: "v2.6.3",
+    title: "bug修复、新增功能",
+    date: "2025-11-15",
+    detail: [
+      "修复：路由注册时不存在接口的重复请求问题",
+      "修复：一键精简脚本打包失败的问题",
+      "优化：完善路由配置验证机制，自动检测并提示非一级菜单的路径配置错误",
+      "优化：顶部进度条残影",
+      "优化：vite 预构建优化",
+      "优化：圆角、边框统一",
+      "优化：锁屏页面重新设计",
+      "优化：退出登录菜单提前消失造成的视觉体验不好问题",
+      "新增：FaForm 和 FaSearchBar 组件的 label 支持自定义渲染函数，可实现带 tooltip 等复杂标签",
+      "新增：菜单管理表单关键字段新增 Tooltip 提示，降低用户配置门槛",
+      "新增：iconify 新增离线图标加载模式",
+      "新增：退出登录新增 redirect 属性，用于重新登录后跳转到对应页面",
+      "新增：退出登录重新进入系统保留用户标签页，根据 userId 进行身份识别",
+      "新增：双列菜单新增折叠按钮",
+      "新增：菜单图标完善",
+      "新增：多标签页增加图标",
+      "新增：WebSocket 连接",
+    ],
+  },
+  {
+    version: "v2.6.2",
+    title: "Sass 重构为 Tailwind CSS，Iconfont 替换为 Iconify，性能，目录结构，文件注释全方位优化",
+    date: "2025-11-9",
+    requireReLogin: true,
+    detail: [
+      "样式系统重构：Sass 全面迁移至 Tailwind CSS，提升开发效率与样式一致性",
+      "图标方案升级：Iconfont 替换为 Iconify，支持更丰富的图标库与按需加载",
+      "构建优化：完整包体积减少 1.3 MB，显著提升加载性能",
+      "路由注册重构：全面重构路由注册系统，引入面向对象设计，提高代码的可维护性、可测试性和扩展能力",
+      "架构优化：优化目录结构，职责划分更清晰，降低用户学习成本与上手难度",
+      "注释优化：统一模块注释规范，完善每一个组件介绍、功能说明与使用示例，降低用户理解成本与上手难度",
+      "性能提升：优化核心代码逻辑，提升系统运行效率",
+      "设计系统：重构颜色体系，统一 UI 视觉规范，提升界面一致性",
+      "菜单优化：细化菜单样式，优化交互体验与视觉呈现",
+      "组件重构：重构 ArtTextScroll 组件，提升性能与可维护性",
+      "问题修复：修复 FaForm、FaSearchBar 自定义组件渲染异常",
+      "功能增强：FaForm、FaSearchBar 新增 render 属性，支持自定义组件渲染",
+      "功能增强：useTable hooks 新增 visible 属性，用于控制列默认是否显示",
+      "响应式优化：优化 FaForm、FaSearchBar 栅格布局，适配多种屏幕尺寸",
+      "节日功能增强：礼花配置支持跨日期范围设置与自定义播放次数",
+      "依赖更新：升级核心依赖至最新稳定版本",
+      "配置管理优化：新增 setting.ts 配置文件，支持一键复制与重置系统默认设置",
+    ],
+    remark:
+      "重要提示：本次升级涉及样式系统（Sass → Tailwind CSS）与图标库（Iconfont → Iconify）的底层重构，属于破坏性更新。建议新项目直接使用 v3.0，旧版本项目不建议升级。",
+  },
+  {
+    version: "v2.6.1",
+    title: "bug修复、授权页增加主题色切换功能",
+    date: "2025-10-19",
+    detail: [
+      "修复获取用户信息、获取菜单接口访问无效地址重复调用问题",
+      "升级部分依赖兼容 tailwindcss",
+      "修复 ElButton circle 模式样式",
+      "修复 ElSlect 无法通过键盘选择问题",
+      "修复带参数静态路由跳转登录页面问题",
+      "优化外部链接菜单点击选中状态",
+      "授权页增加主题色切换功能",
+    ],
+  },
+  {
+    version: "v2.6.0",
+    title: "代码优化、bug修复",
+    date: "2025-10-16",
+    detail: [
+      "优化精简版本菜单数据结构，提升数据一致性",
+      "优化本地开发环境网络请求代理配置",
+      "优化 ElTree 组件默认样式",
+      "新增 VsCode 推荐插件相关配置",
+      "优化 ElDropdown 组件点击触发模式下的交互样式",
+      "扩展注册、密码重置页面顶部组件支持",
+      "优化菜单过滤逻辑",
+      "优化页面切换动画，提升加载速度",
+      "优化暗黑模式文字颜色",
+      "修复静态路由自定义首页路径首次访问跳转登录页问题",
+      "修复退出登录时短暂跳转至 500 页的问题",
+      "修复 v2.5.9 版本首页路由跳转配置失效问题",
+      "修复 v2.5.9 自动导包机制导致的构建异常",
+    ],
+    requireReLogin: true,
+  },
+  {
+    version: "v2.5.9",
+    title: "代码优化",
+    date: "2025-10-12",
+    detail: [
+      "views 文件目录、文件名、代码优化",
+      "useTable 分页请求字段增加全局配置 tableConfig.ts",
+      "优化路由配置为模块化结构",
+      "获取菜单接口使用 apifox mock 数据（需在 .env 中 将 VITE_ACCESS_MODE 设为 backend 模式）",
+    ],
+  },
+  {
+    version: "v2.5.8",
+    title: "依赖升级、bug修复",
+    date: "2025-09-29",
+    detail: [
+      "vue、vite、element-plus 等核心库升级",
+      "修复富文本编辑器全屏顶栏层级问题",
+      "修复表格列排序组件文字益处问题",
+      "修复统计卡片条件判断",
+      "优化 el-tag 样式",
+      "优化顶部进度条颜色",
+      "优化自定义主题配置",
+      "优化 ElementPlus 自定义主题问题",
+      "修复根路径 / 与 HOME_PAGE_PATH 同为 / 时出现的无限重定向",
+    ],
+    remark: "由于项目依赖升级，node 版本需要升级到 v20.19.0 或以上",
+  },
+  {
+    version: "v2.5.7",
+    title: "新增表单组件",
+    date: "2025-09-14",
+    detail: [
+      "新增 FaForm 组件",
+      "修复新版本谷歌浏览器切换主题闪烁问题",
+      "优化表单 label 高度没有对齐问题",
+      "首屏启动性能优化",
+    ],
+  },
+  {
+    version: "v2.5.6",
+    title: "优化用户体验、bug修复",
+    date: "2025-09-06",
+    detail: [
+      "useTable 类型推导优化，不需要手动传递类型即可实现类型提示",
+      "useTable removeColumn 支持多数据删除",
+      "useTable 自动识别响应体支持自定义配置 (src/utils/table/tableConfig.ts)",
+      "useTable 空数据浏览器警告优化",
+      "api 接口请求代码优化、api.d.ts 类型优化",
+      "优化 FaTable 顶部按钮换行无法自适应问题（示例：功能示例 / 左右布局表格）",
+      "FaTable 分页组件选中样式优化",
+      "FaTable 空状态高度默认撑满",
+      "ArtButtonMore 组件新增图标、颜色配置",
+      "FaTableHeader 新增搜索按钮，用于控制顶部搜索栏的显示与隐藏",
+      "FaSearchBar label 为空时不占空间",
+      "表格操作栏拖拽禁止固定列拖拽",
+      "角色管理页面接口对接、代码优化",
+      "菜单管理页面优化",
+      "优化设置中心滚动页面跟随滚动问题",
+      "一级路由是外链时，component 校验逻辑优化",
+      "优化地图右下角拖动问题",
+      "优化暗黑模式刷新页面白色背景问题",
+      "优化左侧菜单折叠按钮间距问题",
+      "移动端显示左侧菜单 logo",
+      "网络请求新增 showSuccessMessage，用于配置是否显示成功消息",
+      "添加全局错误处理基础框架",
+      "修复批量删除整页数据没有返回上一页的bug",
+      "修复动态路由参数导致的问题",
+      "修复动态路由配置 一级路由是 iframe 页面时，全屏问题",
+      "新增权限演示示例",
+      "全局组件采用异步加载策略，提升首屏加载性能",
+    ],
+  },
+  {
+    version: "v2.5.5",
+    title: "bug修复、优化用户体验",
+    date: "2025-08-17",
+    detail: [
+      "重构 FaSearchBar 组件，支持更多组件、表单校验等能力",
+      "useTable 列配置：支持动态更新能力",
+      "修复多个富文本编辑器图标不统一问题",
+      "优化颜色选择器圆角",
+      "el-radio、el-checkbox 统一大小",
+      "art-stats-card 新增小数位、分隔符配置",
+      "路由配置示例优化",
+      "高级表格新增自定义获取数据示例（等待其他请求完成后执行 useTable 数据获取）",
+      "useTable 新增 excludeParams，用于排除某些参数不参与请求",
+      "优化路径别名类型问题",
+      "本地开发跨域配置优化",
+      "修复 useTable 删除最后一整页数据没有返回上一页的问题",
+      "修复 echarts 图表数据初始化、更新数据浏览器报错",
+      "删除 art-chart-empty 组件",
+      "新增 FaSearchBar 组件示例",
+      "网络请求支持 http 状态码为 401 时退出登录",
+      "优化网络请求退出登录多次提示问题",
+      "useTable 属性、方法命名优化",
+      "登录页UI升级",
+      "403、404、500 页面UI升级",
+    ],
+  },
+  {
+    version: "v2.5.4",
+    title: "bug修复、优化用户体验",
+    date: "2025-07-27",
+    detail: [
+      "修复获取用户信息接口时序问题导致路由注册菜单渲染错误bug",
+      "修复动态路由校验问题导致的 iframe 不显示bug",
+      "修复 reset 文件语法错误",
+      "修复 FaTable 数据类型错误",
+      "路由注册新增 component 校验",
+      "修复地图滚轮滚动放大问题",
+      "网络请求 headers 支持自定义配置",
+      "展开行支持 formatter 渲染",
+    ],
+  },
+  {
+    version: "v2.5.3",
+    title: "bug修复、优化用户体验",
+    date: "2025-07-20",
+    detail: [
+      "FaTable 组件重构",
+      "Element Plus 升级到 v2.10.2",
+      "优化 useTable 分页参数问题",
+      "修复 FaTable 切换分页大小时执行两次请求bug",
+      "优化网络请求示例：初始化参数、分页携带参数问题",
+      "优化搜索日期范围参数处理",
+      "优化 el-date-picker 组件圆角问题",
+      "优化 el-select 组件 hover 样式",
+      "新增表格左右布局示例",
+      "搜索组件、分页组件高度降低",
+      "优化登录页面滑块动画间隔时长",
+      "优化菜单没有子菜单显示的问题",
+    ],
+  },
+  {
+    version: "v2.5.2",
+    title: "bug修复、优化用户体验",
+    date: "2025-07-13",
+    detail: [
+      "新增一键精简脚本，快速准备开发环境",
+      "优化表格无数据时表头不显示问题",
+      "useTable hooks 支持分页字段名自定义映射",
+      "修复 v2.5.0 顶部进度条不显示问题",
+      "修复左侧菜单遮罩异常显示问题",
+      "修复隐藏所有子菜单时仍显示父级菜单的问题",
+      "水平菜单、混合菜单、双列菜单支持徽章显示",
+      "修复 stylelint 导致的登录页滑块样式异常",
+      "修复老旧移动端设备 loading 定位问题",
+      "快速入口支持配置文件模式",
+      "顶栏功能支持配置文件模式",
+      "全局事件总线 mittBus 类型安全优化",
+      "支持自定义首页路径",
+      "优化移动端设置中容器宽度样式",
+      "优化登录页验证滑块文字居中效果",
+      "路由支持配置 redirect 等属性",
+    ],
+  },
+  {
+    version: "v2.5.1",
+    title: "bug修复、优化用户体验",
+    date: "2025-07-08",
+    detail: [
+      "修复首次登录系统时 loading 提前关闭bug",
+      "el-card、el-table 背景色跟系统保持一致",
+      "修复 v2.5.0 版本引起的全屏页样式层级过低bug",
+      "修复 v2.5.0 版本引起的表格展开行折叠bug",
+    ],
+  },
+  {
+    version: "v2.5.0",
+    title: "新增 useTable hooks 表格封装、组件重构",
+    date: "2025-07-06",
+    remark: "建议升级，带来更高效、更智能的表格开发体验",
+    detail: [
+      "重构 FaTable、FaTableHeader、ArtNotification 组件",
+      "新增 useTable hooks 表格封装，支持数据获取、转换、响应适配、智能缓存（基于 LRU 算法）、错误处理、列配置与插槽、分页控制、刷新策略等核心功能，全面提升开发效率与用户体验",
+      "修复菜单管理搜索直接修改 pinia 数据的问题",
+      "移除 CountTo 插件，替换为 FaCountTo 组件",
+      "Echarts 版本升级到 5.6.0",
+      "修复路由守卫 loading 闪烁问题",
+    ],
+  },
+  {
+    version: "v2.4.2.9",
+    title: "代码重构、修复bug、优化用户体验",
+    date: "2025-07-02",
+    detail: [
+      "菜单布局、顶部导航代码重构",
+      "修复移动端锁屏页部分浏览器无法解锁bug",
+      "优化移动端菜单滚动用户体验",
+      "优化顶部菜单样式问题",
+      "顶部菜单宽度自适应，可显示更多内容，混合菜单支持鼠标滚动",
+      "asyncRoutes 路由配置 auth_mark 字段改为 authMark",
+      "去除重复的 components.d.ts 文件，components.d.ts、auto-imports.d.ts 忽略提交",
+      "优化国际化语言文件加载方式，异步改成同步模式",
+      "优化 el-pagination 大小不一致问题",
+    ],
+  },
+  {
+    version: "v2.4.2.8",
+    title: "修复 v2.4.2.7 版本访问 / 路径时显示 404 的问题",
+    date: "2025-06-26",
+  },
+  {
+    version: "v2.4.2.7",
+    title: "bug修复、优化用户体验",
+    date: "2025-06-25",
+    detail: [
+      "路由支持配置全屏模式",
+      "路由支持自动跳转到菜单的第一个有效路由",
+      "动态路由新增 removeAllDynamicRoutes 方法，可用于彻底清除所有动态路由",
+      "权限自定义指令优化、新增角色权限指令 v-roles、可用于控制元素的显示与隐藏",
+      "修复登录页面拖拽组件 FaDragVerify 宽度、颜色异常bug",
+      "修复 iframe 页面混合模式、双列模式异常bug",
+      "优化锁屏页面被 el-loading 穿透bug",
+      "跨域请求携带 cookie 配置从环境变量中获取，默认关闭",
+      "针对SEO、可访问性做一些优化",
+      "新增标签页操作示例",
+    ],
+  },
+  {
+    version: "v2.4.2.6",
+    title: "组件重构与性能优化",
+    date: "2025-06-23",
+    detail: [
+      "重构 components/core/forms 文件夹下的表单相关组件，提升可维护性与一致性",
+      "重构 ArtBreadcrumb 面包屑导航组件，优化逻辑结构与样式",
+      "优化 ArtChatWindow 与 ArtFastEnter 组件代码，提升可读性与性能",
+      "重构 ArtFireworksEffect 烟花效果组件，显著提升渲染性能与动画流畅度",
+      "README 文档新增官方网站链接，便于用户查看项目文档",
+    ],
+  },
+  {
+    version: "v2.4.2.5",
+    title: "图表组件重构",
+    date: "2025-06-22",
+    detail: [
+      "重构图表组件，优化代码结构与可维护性",
+      "精细调整图表动画与主题配色方案，提升视觉一致性",
+    ],
+  },
+  {
+    version: "v2.4.2.4",
+    title: "组件重构、代码优化",
+    date: "2025-06-18",
+    detail: [
+      "FaMenuRight 组件重构",
+      "ArtWatermark 增加类型注释",
+      "components/core/cards 下面的组件重构，代码优化",
+    ],
+  },
+  {
+    version: "v2.4.2.3",
+    title: "组件重构、代码优化",
+    date: "2025-06-18",
+    detail: [
+      "FaResultPage 组件重构",
+      "ArtTextScroll 组件代码优化",
+      "FaException 组件增加类型提示",
+      "FaCutterImg 组件样式优化、增加类型定义",
+      "FaVideoPlayer 组件增加类型定义",
+    ],
+  },
+  {
+    version: "v2.4.2.2",
+    title: "组件重构",
+    date: "2025-06-16",
+    detail: ["返回顶部组件重构", "图标选择器组件重构", "系统Logo组件属性变更"],
+  },
+  {
+    version: "v2.4.2.1",
+    title: "横幅组件重构、Bug修复",
+    date: "2025-06-16",
+    detail: ["横幅组件重构以及优化", "修复混合菜单下第一个菜单是嵌套菜单跳转bug"],
+  },
+  {
+    version: "v2.4.2",
+    title: "Bug修复与体验优化",
+    date: "2025-06-14",
+    detail: [
+      "重构网络请求模块，增强错误处理、类型安全与多语言支持",
+      "修复移动端搜索栏无法滚动、iPad端页面滚动异常问题",
+      "修复 el-dialog 启用 draggable 属性后，自定义动画失效的问题",
+      "修复 2.3.0 版本本地存储重构后，导致登录、注册等页面多语言设置无法持久化的问题",
+      "引导、列设置多语言完善",
+      "修复表格固定列不起作用bug",
+      "路由配置新增 activePath 激活菜单路径属性",
+      "去除用户列表、菜单管理页面无效代码",
+      "更新技术支持链接",
+    ],
+    requireReLogin: true,
+  },
+  {
+    version: "v2.4.1.1",
+    title: "Bug修复与体验优化",
+    date: "2025-06-07",
+    detail: [
+      "修复菜单管理折叠 bug",
+      "优化角色管理页面代码",
+      "修复表格数据为空高度无限变大bug",
+      "el-dialog视觉效果优化，支持配置线条",
+      "系统主题模式从Light改成跟随系统模式",
+    ],
+  },
+  {
+    version: "v2.4.1",
+    title: "优化菜单交互体验、Echarts 图表性能优化",
+    date: "2025-06-07",
+    detail: [
+      "提升菜单操作跟手感",
+      "页面入场动画时间减少0.04s",
+      "修复 Echarts 图表组件在弹窗中不显示的 bug",
+      "Echarts 图表性能优化，新增可视区域初始化、内存泄漏防护、防抖处理",
+      "锁屏状下禁止使用开发者工具破解锁屏",
+    ],
+  },
+  {
+    version: "v2.4.0",
+    title: "代码重构与资源优化",
+    date: "2025-06-06",
+    detail: [
+      "全局 TypeScript 类型体系重构，提升类型准确性与可维护性",
+      "重构 utils 工具包，统一工具方法结构，增强可读性与复用性",
+      "utils 新增表单验证与 Cookie 操作相关工具函数",
+      "删除未使用的工具模块与无效资源，精简项目体积",
+      "优化 views 页面结构，移除冗余页面文件",
+      "页面组件增加 defineOptions，明确组件命名",
+      "异常页面多语言支持, 提升国际化体验",
+      "图片资源统一转换为 webp 格式，整体资源体积减少约 50%",
+      "打包产物减少约 1MB，提高加载效率",
+      "HTTP 请求增加 token 过期自动处理逻辑，提升安全性与用户体验",
+    ],
+    requireReLogin: true,
+  },
+]);
diff --git a/src/plugins/codemirror.ts b/src/plugins/codemirror.ts
new file mode 100644
index 0000000..ee8e1aa
--- /dev/null
+++ b/src/plugins/codemirror.ts
@@ -0,0 +1,6 @@
+import type { App } from "vue";
+import { InstallCodeMirror } from "codemirror-editor-vue3";
+
+export function initCodeMirror(app: App<Element>): void {
+  app.use(InstallCodeMirror);
+}
diff --git a/src/plugins/echarts.ts b/src/plugins/echarts.ts
new file mode 100644
index 0000000..4bc4e85
--- /dev/null
+++ b/src/plugins/echarts.ts
@@ -0,0 +1,76 @@
+/**
+ * ECharts 插件配置
+ *
+ * 按需导入 ECharts 图表和组件，减小打包体积。
+ * 只注册项目中实际使用的图表类型和组件。
+ *
+ * @module plugins/echarts
+ * @author FastapiAdmin Team
+ */
+
+// ECharts 按需导入配置
+import * as echarts from "echarts/core";
+
+// 导入图表类型
+import {
+  BarChart,
+  LineChart,
+  PieChart,
+  ScatterChart,
+  RadarChart,
+  MapChart,
+  CandlestickChart,
+} from "echarts/charts";
+
+// 导入组件
+import {
+  TitleComponent,
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+  DataZoomComponent,
+  MarkPointComponent,
+  MarkLineComponent,
+  ToolboxComponent,
+  BrushComponent,
+  GeoComponent,
+  VisualMapComponent,
+} from "echarts/components";
+
+// 导入渲染器
+import { CanvasRenderer } from "echarts/renderers";
+
+// 注册必要的组件
+echarts.use([
+  // 图表类型
+  BarChart,
+  LineChart,
+  PieChart,
+  ScatterChart,
+  RadarChart,
+  MapChart,
+  CandlestickChart,
+
+  // 组件
+  TitleComponent,
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+  DataZoomComponent,
+  MarkPointComponent,
+  MarkLineComponent,
+  ToolboxComponent,
+  BrushComponent,
+  GeoComponent,
+  VisualMapComponent,
+
+  // 渲染器
+  CanvasRenderer,
+]);
+
+// 导出 echarts 实例和类型
+export { echarts };
+export type { EChartsOption, BarSeriesOption } from "echarts";
+
+// 导出常用的图形工具
+export const graphic = echarts.graphic;
diff --git a/src/plugins/element-plus.ts b/src/plugins/element-plus.ts
new file mode 100644
index 0000000..0e34ca6
--- /dev/null
+++ b/src/plugins/element-plus.ts
@@ -0,0 +1,6 @@
+import type { App } from "vue";
+import ElementPlus from "element-plus";
+
+export function initElementPlus(app: App<Element>): void {
+  app.use(ElementPlus);
+}
diff --git a/src/plugins/iconify.ts b/src/plugins/iconify.ts
new file mode 100644
index 0000000..4cd77bf
--- /dev/null
+++ b/src/plugins/iconify.ts
@@ -0,0 +1,13 @@
+/**
+ * 本地注册 Iconify 图标集，实现离线显示（不再从 CDN 加载）
+ */
+import { addCollection } from "@iconify/vue";
+import ri from "@iconify-json/ri/icons.json";
+import svgSpinners from "@iconify-json/svg-spinners/icons.json";
+import lineMd from "@iconify-json/line-md/icons.json";
+
+export function initIconify(): void {
+  addCollection(ri);
+  addCollection(svgSpinners);
+  addCollection(lineMd);
+}
diff --git a/src/plugins/icons.ts b/src/plugins/icons.ts
new file mode 100644
index 0000000..dd7b517
--- /dev/null
+++ b/src/plugins/icons.ts
@@ -0,0 +1,9 @@
+import type { App } from "vue";
+import * as ElementPlusIconsVue from "@element-plus/icons-vue";
+
+// 注册所有图标
+export function initElIcons(app: App<Element>) {
+  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    app.component(key, component);
+  }
+}
diff --git a/src/plugins/index.ts b/src/plugins/index.ts
new file mode 100644
index 0000000..56d918c
--- /dev/null
+++ b/src/plugins/index.ts
@@ -0,0 +1,48 @@
+/**
+ * Vue 应用插件注册 —— **唯一入口**：`initPlugins`（由 `main.ts` 调用）
+ *
+ * 约定：
+ * - 凡对 `app.use(...)` 的封装，在本目录下独立文件导出 `initXxx(app)`（与 `icons.ts` 一致）。
+ * - `echarts.ts` 为图表按需注册模块，供 `import { echarts } from '@/plugins/echarts'`，不由 `initPlugins` 挂载。
+ * - 通用下载工具见 `@utils/download`，不属于 Vue 插件。
+ */
+
+export * from "./echarts";
+
+import type { App } from "vue";
+import { initGlobDirectives } from "@/directives";
+import { initI18n } from "@/locales";
+import { initRouter } from "@/router";
+import { initStore } from "@stores";
+import { initErrorHandle } from "@utils";
+import { initCodeMirror } from "./codemirror";
+import { initElementPlus } from "./element-plus";
+import { initElIcons } from "./icons";
+import { initIconify } from "./iconify";
+import { initTerminal } from "./terminal";
+
+/**
+ * 插件注册入口 —— 调用顺序依赖说明：
+ *
+ * 1. initElIcons    图标注册（纯组件，无依赖，最先执行）
+ * 2. initStore      Pinia 状态管理（路由守卫、指令、组件均依赖 store，须在 router 之前）
+ * 3. initRouter     Vue Router（守卫中用到已初始化的 store）
+ * 4. initGlobDirectives  全局指令（v-auth、v-highlight 等，依赖 router 的 meta 权限）
+ * 5. initErrorHandle     全局错误处理（window.onerror、unhandledrejection）
+ * 6. initTerminal        终端/控制台相关
+ * 7. initI18n            国际化（依赖 Element Plus 部分类型，但 Element Plus 尚未注册，先注册语言包）
+ * 8. initCodeMirror      CodeMirror 编辑器（独立注册，无依赖）
+ * 9. initElementPlus     最后注册 Element Plus，避免组件扫描过早触发（样式和组件完整注册）
+ */
+export async function initPlugins(app: App<Element>): Promise<void> {
+  initElIcons(app);
+  initIconify();
+  initStore(app);
+  await initRouter(app);
+  initGlobDirectives(app);
+  initErrorHandle(app);
+  initTerminal(app);
+  initI18n(app);
+  initCodeMirror(app);
+  initElementPlus(app);
+}
diff --git a/src/plugins/terminal.ts b/src/plugins/terminal.ts
new file mode 100644
index 0000000..95cfb59
--- /dev/null
+++ b/src/plugins/terminal.ts
@@ -0,0 +1,7 @@
+import type { App } from "vue";
+import { createTerminal } from "vue-web-terminal";
+
+/** vue-web-terminal：注册全局终端组件 */
+export function initTerminal(app: App<Element>): void {
+  app.use(createTerminal());
+}
diff --git a/src/router/MenuProcessor.ts b/src/router/MenuProcessor.ts
new file mode 100644
index 0000000..c0d0cc0
--- /dev/null
+++ b/src/router/MenuProcessor.ts
@@ -0,0 +1,327 @@
+import type { AppRouteRecord, RouteMeta } from "@/types/router";
+import type { UserInfo } from "@/api/module_system/user";
+import type { MenuTable } from "@/api/module_platform/menu";
+import { useUserStore } from "@stores";
+import { useAppMode } from "@/hooks/core/useAppMode";
+
+import {
+  mergeAppRouteRecords,
+  ROUTE_COMPONENT_LAYOUT,
+  ROUTE_COMPONENT_NESTED_PARENT,
+} from "./staticRoutes";
+import { MenuTypeEnum } from "@/enums/system/menu.enum";
+
+/**
+ * 菜单 → `AppRouteRecord`：后端 `MenuTable`、前端内置路由、混合模式合并；供守卫注册动态路由。
+ * `getMenuList` 依 `useAppMode` 分支；meta 对齐后端 keep_alive、目录占位组件。
+ */
+
+/** 前端模式并入菜单的内置路由（扩展点，默认空） */
+export const builtinFrontendRoutes: AppRouteRecord[] = [];
+
+function normalizeMenuNestedPaths(items: MenuTable[], parentAbsolutePath = ""): MenuTable[] {
+  return items.map((node) => {
+    const raw = (node.route_path ?? "").trim();
+    // 计算当前节点的绝对路径传给子节点递归使用
+    const canonical = raw
+      ? raw.startsWith("/")
+        ? raw
+        : parentAbsolutePath
+          ? joinAbsolutePath(parentAbsolutePath, raw)
+          : `/${raw}`
+      : parentAbsolutePath;
+
+    const children = node.children?.length
+      ? normalizeMenuNestedPaths(node.children, canonical)
+      : undefined;
+    return { ...node, children };
+  });
+}
+
+function joinAbsolutePath(parentAbs: string, segmentPath: string): string {
+  const seg = segmentPath.replace(/^\/+/, "");
+  const base = parentAbs.replace(/\/$/, "");
+  if (!seg) return base;
+  return `${base}/${seg}`;
+}
+
+function normalizeAppRouteChildPaths(
+  routes: AppRouteRecord[],
+  parentAbsolutePath = ""
+): AppRouteRecord[] {
+  return routes.map((route) => {
+    const path = (route.path ?? "").trim();
+
+    if (/^https?:\/\//i.test(path)) {
+      return {
+        ...route,
+        children: route.children?.length
+          ? normalizeAppRouteChildPaths(route.children, parentAbsolutePath)
+          : route.children,
+      };
+    }
+
+    const currentAbs = parentAbsolutePath
+      ? joinAbsolutePath(parentAbsolutePath, path)
+      : path.startsWith("/")
+        ? path
+        : `/${path}`;
+
+    const children = route.children?.length
+      ? normalizeAppRouteChildPaths(route.children, currentAbs)
+      : route.children;
+
+    return { ...route, children };
+  });
+}
+
+function toComponentImportPath(componentPath: string): string {
+  const t = componentPath.trim().replace(/^\/+/, "");
+  return t ? `/${t}` : "";
+}
+
+function mapMenuNode(item: MenuTable, depth = 0): AppRouteRecord {
+  const childrenRaw = item.children?.filter((c) => c.type !== MenuTypeEnum.BUTTON) ?? [];
+  const children = childrenRaw.length
+    ? childrenRaw.map((c) => mapMenuNode(c, depth + 1))
+    : undefined;
+
+  const path = (item.route_path ?? "").trim();
+  const name = item.route_name || undefined;
+  const redirect = item.redirect?.trim() || undefined;
+
+  const hasKids = !!(children && children.length > 0);
+  const isDirectory = item.type === MenuTypeEnum.CATALOG;
+
+  let component: string | undefined;
+  if (isDirectory || (hasKids && !(item.component_path ?? "").trim())) {
+    component = depth === 0 ? ROUTE_COMPONENT_LAYOUT : ROUTE_COMPONENT_NESTED_PARENT;
+  } else if ((item.component_path ?? "").trim()) {
+    component = toComponentImportPath(item.component_path!);
+  }
+
+  const meta: RouteMeta = {
+    title: item.title ?? "",
+    icon: item.icon || undefined,
+    hidden: !!item.hidden,
+    keepAlive: item.keep_alive ?? true,
+    affix: !!item.affix,
+    fixedTab: !!item.affix,
+    alwaysShow: !!item.always_show,
+    isHide: !!item.hidden,
+    isHideTab: !!item.is_hide_tab,
+    link: item.link || undefined,
+    isIframe: !!item.is_iframe,
+    activePath: item.active_path || undefined,
+    showBadge: !!item.show_badge,
+    showTextBadge: item.show_text_badge || undefined,
+    client: item.client,
+  };
+
+  return {
+    path,
+    name,
+    component,
+    redirect,
+    meta,
+    children,
+  };
+}
+
+function backendMenusToAppRoutes(menus: MenuTable[]): AppRouteRecord[] {
+  const roots = menus.filter((m) => m.type !== MenuTypeEnum.BUTTON);
+  const normalized = normalizeMenuNestedPaths(roots);
+  const mapped = normalized.map((m) => mapMenuNode(m, 0));
+  return normalizeAppRouteChildPaths(mapped);
+}
+
+export class MenuProcessor {
+  async getMenuList(): Promise<AppRouteRecord[]> {
+    const { isFrontendMode, isMixedMenuMode } = useAppMode();
+
+    let menuList: AppRouteRecord[];
+    if (isMixedMenuMode.value) {
+      menuList = await this.processMixedMenu();
+    } else if (isFrontendMode.value) {
+      menuList = await this.processFrontendMenu();
+    } else {
+      menuList = await this.processBackendMenu();
+    }
+
+    return this.normalizeMenuPaths(menuList);
+  }
+
+  private async processFrontendMenu(): Promise<AppRouteRecord[]> {
+    const userStore = useUserStore();
+    let menuList = [...builtinFrontendRoutes];
+
+    if (userStore.info?.is_superuser) {
+      return this.filterEmptyMenus(menuList);
+    }
+
+    const roles = userStore.info?.roles;
+
+    if (roles && roles.length > 0) {
+      const roleCodes = this.extractRoleCodesFromUserRoles(roles);
+      if (roleCodes.length > 0) {
+        menuList = this.filterMenuByRoles(menuList, roleCodes);
+      }
+    }
+
+    return this.filterEmptyMenus(menuList);
+  }
+
+  private extractRoleCodesFromUserRoles(roles: NonNullable<UserInfo["roles"]>): string[] {
+    const codes = new Set<string>();
+    for (const role of roles) {
+      const r = role as { code?: string; name?: string };
+      const c = r.code?.trim();
+      if (c) codes.add(c);
+      const n = r.name?.trim();
+      if (n && /^R_[A-Z0-9_]+$/i.test(n)) codes.add(n);
+    }
+    return Array.from(codes);
+  }
+
+  private async processMixedMenu(): Promise<AppRouteRecord[]> {
+    let backend: AppRouteRecord[] = [];
+    try {
+      backend = await this.processBackendMenu();
+    } catch (e) {
+      console.warn("[MenuProcessor] mixed：后端菜单获取失败，本次仅挂载前端路由", e);
+    }
+    const frontend = await this.processFrontendMenu();
+    const merged = mergeAppRouteRecords(backend, frontend);
+    return this.filterEmptyMenus(merged);
+  }
+
+  /** 优先用用户信息里附带的 `menus`，与守卫拉用户信息顺序一致，避免重复打菜单树接口 */
+  private async processBackendMenu(): Promise<AppRouteRecord[]> {
+    const userStore = useUserStore();
+    const fromUser = userStore.routeList;
+    if (Array.isArray(fromUser) && fromUser.length > 0) {
+      const routes = backendMenusToAppRoutes(fromUser);
+      return this.filterEmptyMenus(routes);
+    }
+    return [];
+  }
+
+  private filterMenuByRoles(menu: AppRouteRecord[], roleCodes: string[]): AppRouteRecord[] {
+    return menu.reduce((acc: AppRouteRecord[], item) => {
+      const itemRoles = item.meta?.roles;
+      const hasPermission = !itemRoles || itemRoles.some((role) => roleCodes?.includes(role));
+
+      if (hasPermission) {
+        const filteredItem = { ...item };
+        if (filteredItem.children?.length) {
+          filteredItem.children = this.filterMenuByRoles(filteredItem.children, roleCodes);
+        }
+        acc.push(filteredItem);
+      }
+
+      return acc;
+    }, []);
+  }
+
+  private filterEmptyMenus(menuList: AppRouteRecord[]): AppRouteRecord[] {
+    return menuList
+      .map((item) => {
+        if (item.children && item.children.length > 0) {
+          const filteredChildren = this.filterEmptyMenus(item.children);
+          return {
+            ...item,
+            children: filteredChildren,
+          };
+        }
+        return item;
+      })
+      .filter((item) => {
+        if ("children" in item) {
+          return true;
+        }
+
+        if (item.meta?.isIframe === true || item.meta?.link) {
+          return true;
+        }
+
+        if (item.component && item.component !== "" && item.component !== ROUTE_COMPONENT_LAYOUT) {
+          return true;
+        }
+
+        return false;
+      });
+  }
+
+  validateMenuList(menuList: AppRouteRecord[]): boolean {
+    return Array.isArray(menuList) && menuList.length > 0;
+  }
+
+  private normalizeMenuPaths(menuList: AppRouteRecord[], parentPath = ""): AppRouteRecord[] {
+    return menuList.map((item) => {
+      const fullPath = this.buildFullPath(item.path || "", parentPath);
+
+      const children = item.children?.length
+        ? this.normalizeMenuPaths(item.children, fullPath)
+        : item.children;
+
+      const redirect = item.redirect || this.resolveDefaultRedirect(children);
+
+      return {
+        ...item,
+        path: fullPath,
+        redirect,
+        children,
+      };
+    });
+  }
+
+  private resolveDefaultRedirect(children?: AppRouteRecord[]): string | undefined {
+    if (!children?.length) {
+      return undefined;
+    }
+
+    for (const child of children) {
+      if (this.isNavigableRoute(child)) {
+        return child.path;
+      }
+
+      const nestedRedirect = this.resolveDefaultRedirect(child.children);
+      if (nestedRedirect) {
+        return nestedRedirect;
+      }
+    }
+
+    return undefined;
+  }
+
+  private isNavigableRoute(route: AppRouteRecord): boolean {
+    return Boolean(
+      route.path &&
+      route.path !== "/" &&
+      !route.meta?.link &&
+      route.meta?.isIframe !== true &&
+      route.component &&
+      route.component !== ""
+    );
+  }
+
+  private buildFullPath(path: string, parentPath: string): string {
+    if (!path) return "";
+
+    if (path.startsWith("http://") || path.startsWith("https://")) {
+      return path;
+    }
+
+    if (path.startsWith("/")) {
+      return path;
+    }
+
+    if (parentPath) {
+      const cleanParent = parentPath.replace(/\/$/, "");
+      const cleanChild = path.replace(/^\//, "");
+      return `${cleanParent}/${cleanChild}`;
+    }
+
+    return `/${path}`;
+  }
+}
diff --git a/src/router/afterEach.ts b/src/router/afterEach.ts
new file mode 100644
index 0000000..4f6b9a6
--- /dev/null
+++ b/src/router/afterEach.ts
@@ -0,0 +1,45 @@
+/**
+ * 路由后置守卫：滚动置顶、结束 NProgress、关闭 beforeEach 开启的全局 loading。
+ */
+import { nextTick } from "vue";
+import { useSettingsStore } from "@stores";
+import { Router } from "vue-router";
+import { useCommon } from "@/hooks/core/useCommon";
+import { NProgress, loadingService } from "@utils";
+
+/** 防止重复注册 afterEach（与 beforeEach 同理） */
+let afterEachGuardRegistered = false;
+
+export async function setupAfterEachGuard(router: Router) {
+  if (afterEachGuardRegistered) {
+    if (import.meta.env.DEV) {
+      console.warn("[Router] setupAfterEachGuard 已注册，跳过重复调用");
+    }
+    return;
+  }
+  afterEachGuardRegistered = true;
+
+  const { scrollToTop } = useCommon();
+
+  // 延迟加载 beforeEach 中导出的守卫状态函数，避免静态循环依赖
+  const { getPendingLoading, resetPendingLoading } = await import("./beforeEach");
+
+  router.afterEach(() => {
+    scrollToTop();
+
+    const settingStore = useSettingsStore();
+    if (settingStore.showNprogress) {
+      NProgress.done();
+      setTimeout(() => {
+        NProgress.remove();
+      }, 600);
+    }
+
+    if (getPendingLoading()) {
+      nextTick(() => {
+        loadingService.hideLoading();
+        resetPendingLoading();
+      });
+    }
+  });
+}
diff --git a/src/router/beforeEach.ts b/src/router/beforeEach.ts
new file mode 100644
index 0000000..e80dde9
--- /dev/null
+++ b/src/router/beforeEach.ts
@@ -0,0 +1,537 @@
+/**
+ * 路由前置守卫 —— 导航生命周期中的核心编排器。
+ *
+ * ── 职责 ──
+ * 1. 存储失效检测（storage 异常时登出）
+ * 2. 登录态校验 & 未登录重定向
+ * 3. 动态路由延迟注册（fetch 菜单 → addRoute → 保存）
+ * 4. 根路径 `/` → 首页重定向
+ * 5. 工作标签同步、页面标题设置
+ * 6. 404 / 500 降级兜底
+ *
+ * ── 核心流程 ──
+ * setupBeforeEachGuard() → 注册 `router.beforeEach`
+ *   └─ handleRouteGuard()   ← 单一编排入口，按优先级顺序执行
+ *        ├─ checkStorageInvalidated()
+ *        ├─ handleLoginStatus()
+ *        ├─ routeInitFailed 兜底
+ *        ├─ handleDynamicRoutes()  ← 按需拉菜单 + addRoute
+ *        ├─ handleRootPathRedirect()
+ *        └─ setWorktab / setPageTitle / 404
+ */
+import type { AppRouteRecord } from "@/types/router";
+import type { Router, RouteLocationNormalized } from "vue-router";
+import { nextTick } from "vue";
+import { useSettingsStore, useUserStore, useMenuStore, useWorktabStore } from "@stores";
+import { IframeRouteManager, ROUTE_PATH_LOGIN_ALT, staticRoutes } from "./staticRoutes";
+import { useCommon } from "@/hooks/core/useCommon";
+import {
+  NProgress,
+  setWorktab,
+  setPageTitle,
+  loadingService,
+  ApiStatus,
+  isHttpError,
+  resetStorageInvalidated,
+  checkStorageInvalidated,
+} from "@utils";
+import { RouteRegistry } from "./core";
+import { MenuProcessor } from "./MenuProcessor";
+
+// --- 模块级单例与守卫状态 ---
+
+/** 动态路由注册表（惰性创建，首次导航时生成） */
+let routeRegistry: RouteRegistry | null = null;
+
+/** 菜单数据处理器（不含注册逻辑，只做列表拉取 + 树形组装） */
+const menuProcessor = new MenuProcessor();
+
+/**
+ * 全局 loading 开关 —— 动态路由初始化时由 beforeEach 开启，
+ * afterEach 收到标志后关闭。
+ */
+let pendingLoading = false;
+
+/**
+ * 路由初始化失败标记 —— 动态路由拉取/注册抛出异常后置为 true，
+ * 随后所有导航直接走 500 兜底，避免反复请求造成死循环。
+ * `resetRouteInitState()` 可在重新登录后重置。
+ */
+let routeInitFailed = false;
+
+/**
+ * 路由初始化进行中标记 —— 防止并发导航下多次拉取菜单。
+ * 第二次导航 `next(false)` 取消，由首次初始化完成后重新恢复。
+ */
+let routeInitInProgress = false;
+
+export function getPendingLoading(): boolean {
+  return pendingLoading;
+}
+
+export function resetPendingLoading(): void {
+  pendingLoading = false;
+}
+
+export function getRouteInitFailed(): boolean {
+  return routeInitFailed;
+}
+
+/** 重新登录等场景重置初始化标记 */
+export function resetRouteInitState(): void {
+  routeInitFailed = false;
+  routeInitInProgress = false;
+}
+
+/** 防止 dev/HMR 或异常重复 init 导致多个 beforeEach 叠加（导航副作用与请求会成倍增长） */
+let beforeEachGuardRegistered = false;
+
+export function setupBeforeEachGuard(router: Router): void {
+  if (beforeEachGuardRegistered) {
+    if (import.meta.env.DEV) {
+      console.warn("[Router] setupBeforeEachGuard 已注册，跳过重复调用");
+    }
+    return;
+  }
+  beforeEachGuardRegistered = true;
+
+  routeRegistry = new RouteRegistry(router);
+
+  router.beforeEach(async (to: RouteLocationNormalized, from: RouteLocationNormalized) => {
+    try {
+      return await handleRouteGuard(to, from, router);
+    } catch (error) {
+      console.error("[RouteGuard] 路由守卫处理失败:", error);
+      closeLoading();
+      return { name: "500" };
+    }
+  });
+}
+
+function closeLoading(): void {
+  if (pendingLoading) {
+    nextTick(() => {
+      loadingService.hideLoading();
+      pendingLoading = false;
+    });
+  }
+}
+
+/**
+ * 若路由带有 query/params 传入的 title，写入 meta（净化防注入与过长字符串）
+ */
+function applySafeTitleFromQuery(to: RouteLocationNormalized): void {
+  const rawTitle = (to.params.title as string) || (to.query.title as string);
+  if (rawTitle && typeof rawTitle === "string") {
+    const safe = rawTitle.replace(/[<>]/g, "").trim().slice(0, 64);
+    if (safe) {
+      to.meta.title = safe;
+    }
+  }
+}
+
+async function handleRouteGuard(
+  to: RouteLocationNormalized,
+  _from: RouteLocationNormalized,
+  router: Router
+) {
+  // 顺序：登录 → 动态路由初始化失败兜底 → 动态路由注册 → 根路径 → 已匹配页 → 404
+  const settingStore = useSettingsStore();
+  const userStore = useUserStore();
+
+  if (settingStore.showNprogress) {
+    NProgress.start();
+  }
+
+  // 检查存储是否已失效（storage/index.ts 检测到异常时标记）
+  if (checkStorageInvalidated()) {
+    console.info("[RouteGuard] 检测到存储已失效，执行登出");
+    await userStore.logout({ navigate: false });
+    resetStorageInvalidated();
+    return { name: "Login", replace: true };
+  }
+
+  const loginRedirect = handleLoginStatus(to, userStore);
+  if (loginRedirect) return loginRedirect;
+
+  if (routeInitFailed) {
+    return to.matched.length > 0 ? true : { name: "500", replace: true };
+  }
+
+  const menuStore = useMenuStore();
+  const shouldInitRoutes =
+    userStore.isLogin && (!routeRegistry?.isRegistered() || menuStore.menuList.length === 0);
+
+  if (shouldInitRoutes) {
+    if (routeInitInProgress) return false;
+    return await handleDynamicRoutes(to, router);
+  }
+
+  const rootRedirect = handleRootPathRedirect(to);
+  if (rootRedirect) return rootRedirect;
+
+  if (to.matched.length > 0) {
+    applySafeTitleFromQuery(to);
+    setWorktab(to);
+    setPageTitle(to);
+    return true;
+  }
+
+  return { name: "404" };
+}
+
+/** @returns undefined 继续守卫，或重定向到登录页的路由 */
+function handleLoginStatus(
+  to: RouteLocationNormalized,
+  userStore: ReturnType<typeof useUserStore>
+): Record<string, unknown> | undefined {
+  if (userStore.isLogin) {
+    if (isLoginRoute(to)) {
+      return { path: "/", replace: true };
+    }
+    return undefined;
+  }
+
+  if (isLoginRoute(to) || isAnonymousPublicPath(to.path)) {
+    return undefined;
+  }
+
+  userStore.resetAllState();
+  return { name: "Login", query: { redirect: to.fullPath }, replace: true };
+}
+
+/** 登录页（项目里同时存在 `/login` 与 `/auth/login` 等多套入口） */
+function isLoginRoute(to: RouteLocationNormalized): boolean {
+  return to.path === "/login" || to.path === ROUTE_PATH_LOGIN_ALT || to.name === "Login";
+}
+
+/**
+ * 无需登录即可访问的路径（登录页由 isLoginRoute 处理，此处为错误页、重定向等）。
+ * 勿将挂载 Layout 的业务路由（如 `/home`、`/dashboard/*`、`/profile`）列入此处。
+ */
+function isAnonymousPublicPath(path: string): boolean {
+  if (path.startsWith("/redirect")) return true;
+  const allow = new Set(["/401", "/404", "/500", "/403"]);
+  return allow.has(path);
+}
+
+/** 将父级绝对路径与相对子 path 拼成完整路径（用于识别如 `/` + `home` → `/home`） */
+function resolveStaticChildFullPath(parentFullPath: string, segment: string): string {
+  const seg = segment.replace(/^\/+/, "");
+  if (!parentFullPath || parentFullPath === "/") {
+    return `/${seg}`;
+  }
+  return `${parentFullPath.replace(/\/$/, "")}/${seg}`;
+}
+
+/**
+ * 检查路由是否为静态路由
+ */
+function isStaticRoute(path: string): boolean {
+  const checkRoute = (routes: any[], targetPath: string, parentFullPath = ""): boolean => {
+    return routes.some((route) => {
+      // 通配 404（pathMatch）不应视为免登录静态页；静态表里可能与 `/404` 同名，按 path 区分。
+      if (route.path === "/:pathMatch(.*)*") {
+        return false;
+      }
+
+      const routePath = route.path ?? "";
+      const fullPath = routePath.startsWith("/")
+        ? routePath
+        : resolveStaticChildFullPath(parentFullPath, routePath);
+
+      const pattern = fullPath.replace(/:[^/]+/g, "[^/]+").replace(/\*/g, ".*");
+      const regex = new RegExp(`^${pattern}$`);
+
+      if (regex.test(targetPath)) {
+        return true;
+      }
+      if (route.children && route.children.length > 0) {
+        return checkRoute(route.children, targetPath, fullPath);
+      }
+      return false;
+    });
+  };
+
+  return checkRoute(staticRoutes, path);
+}
+
+/**
+ * 动态路由仍标记为已注册但侧边菜单已被清空时，先卸下动态路由再拉菜单。
+ * 典型场景：`logout` 中 `resetRouterState(500)` 延迟执行，用户在 500ms 内再次登录，
+ * 守卫若仅判断 `isRegistered()` 会跳过拉菜单，侧栏空白。
+ */
+function repairDynamicRoutesIfMenuEmpty(): void {
+  if (!routeRegistry?.isRegistered()) return;
+  const ms = useMenuStore();
+  if (ms.menuList.length > 0) return;
+  routeRegistry.unregister();
+  IframeRouteManager.getInstance().clear();
+  ms.removeAllDynamicRoutes();
+  resetRouteInitState();
+}
+
+/**
+ * 处理动态路由注册
+ */
+async function handleDynamicRoutes(to: RouteLocationNormalized, router: Router) {
+  repairDynamicRoutesIfMenuEmpty();
+
+  // 标记初始化进行中
+  routeInitInProgress = true;
+
+  // 显示 loading
+  pendingLoading = true;
+  loadingService.showLoading();
+
+  try {
+    // 1. 获取用户信息（若 login() 已拉取则跳过，避免重复请求）
+    const userStore = useUserStore();
+    if (!userStore.hasGetRoute) {
+      await fetchUserInfo();
+    }
+
+    // 2. 获取菜单数据
+    const menuList = await menuProcessor.getMenuList();
+
+    // 3. 验证菜单数据（空菜单不阻塞：用户可能未分配角色，允许进入首页）
+    const menuValid = menuProcessor.validateMenuList(menuList);
+    if (!menuValid) {
+      console.warn("[RouteGuard] 菜单列表为空，用户可能未分配角色，使用空菜单继续导航");
+    }
+
+    // 4. 注册动态路由
+    routeRegistry?.register(menuList);
+
+    // 5. 保存菜单数据到 store
+    const menuStore = useMenuStore();
+    menuStore.setMenuList(menuList);
+    menuStore.addRemoveRouteFns(routeRegistry?.getRemoveRouteFns() || []);
+
+    // 6. 保存 iframe 路由
+    IframeRouteManager.getInstance().save();
+
+    // 7. 验证工作标签页
+    useWorktabStore().validateWorktabs(router);
+
+    // 8. 静态路由不依赖菜单权限，初始化后直接恢复目标地址。
+    if (isStaticRoute(to.path)) {
+      routeInitInProgress = false;
+      return {
+        path: to.path,
+        query: to.query,
+        hash: to.hash,
+        replace: true,
+      };
+    }
+
+    // 8. 验证目标路径权限
+    const { homePath } = useCommon();
+    const { path: validatedPath, hasPermission } = RoutePermissionValidator.validatePath(
+      to.path,
+      menuList,
+      homePath.value || "/"
+    );
+
+    // 初始化成功，重置进行中标记
+    routeInitInProgress = false;
+
+    // 9. 重新导航到目标路由
+    if (!hasPermission) {
+      closeLoading();
+      console.warn(`[RouteGuard] 用户无权限访问路径: ${to.path}，已跳转到首页`);
+      return { path: validatedPath, replace: true };
+    }
+
+    return { path: to.path, query: to.query, hash: to.hash, replace: true };
+  } catch (error) {
+    console.error("[RouteGuard] 动态路由注册失败:", error);
+    closeLoading();
+
+    // 401 错误：axios 拦截器已处理退出登录，取消当前导航
+    if (isUnauthorizedError(error)) {
+      routeInitInProgress = false;
+      return false;
+    }
+
+    routeInitFailed = true;
+    routeInitInProgress = false;
+
+    if (isHttpError(error)) {
+      console.error(`[RouteGuard] 错误码: ${error.code}, 消息: ${error.message}`);
+    }
+
+    return { name: "500", replace: true };
+  }
+}
+
+/**
+ * 获取用户信息
+ */
+async function fetchUserInfo(): Promise<void> {
+  const userStore = useUserStore();
+  await userStore.getUserInfo();
+  userStore.checkAndClearWorktabs();
+}
+
+/**
+ * 立即卸下动态路由与菜单缓存（与 {@link resetRouterState} 回调一致，供刷新路由等同步场景）。
+ */
+export function resetDynamicRoutesSync(): void {
+  routeRegistry?.unregister();
+  IframeRouteManager.getInstance().clear();
+
+  const menuStore = useMenuStore();
+  menuStore.removeAllDynamicRoutes();
+  menuStore.setMenuList([]);
+
+  resetRouteInitState();
+}
+
+/**
+ * 刷新动态路由和菜单：卸载旧路由 → 重新拉取菜单 → 注册新路由。
+ * 不拉取用户信息（由调用方并行完成），避免覆盖前端本地状态（主题色等）。
+ */
+export async function refreshMenuAndRoutes(): Promise<void> {
+  routeRegistry?.unregister();
+  IframeRouteManager.getInstance().clear();
+
+  const menuStore = useMenuStore();
+  menuStore.removeAllDynamicRoutes();
+  menuStore.setMenuList([]);
+
+  const menuList = await menuProcessor.getMenuList();
+  routeRegistry?.register(menuList);
+  menuStore.setMenuList(menuList);
+  menuStore.addRemoveRouteFns(routeRegistry?.getRemoveRouteFns() || []);
+  IframeRouteManager.getInstance().save();
+}
+
+/**
+ * 延迟重置路由相关状态（登出等场景避免与导航竞态）
+ */
+export function resetRouterState(delay: number): void {
+  setTimeout(() => {
+    resetDynamicRoutesSync();
+  }, delay);
+}
+
+/**
+ * 处理根路径重定向到首页
+ * @returns 重定向路由或 false
+ */
+function handleRootPathRedirect(to: RouteLocationNormalized): Record<string, unknown> | false {
+  if (to.path !== "/") return false;
+
+  const { homePath } = useCommon();
+  if (homePath.value && homePath.value !== "/") {
+    return { path: homePath.value, replace: true };
+  }
+
+  return false;
+}
+
+/**
+ * 判断是否为未授权错误（401）
+ */
+function isUnauthorizedError(error: unknown): boolean {
+  return isHttpError(error) && error.code === ApiStatus.unauthorized;
+}
+
+/** 守卫内菜单路径权限校验（扁平菜单路径集合） */
+export class RoutePermissionValidator {
+  static hasPermission(targetPath: string, menuList: AppRouteRecord[]): boolean {
+    if (targetPath === "/") {
+      return true;
+    }
+    return this.matchRoute(targetPath, menuList);
+  }
+
+  static buildMenuPathSet(
+    menuList: AppRouteRecord[],
+    pathSet: Set<string> = new Set()
+  ): Set<string> {
+    if (!Array.isArray(menuList) || menuList.length === 0) {
+      return pathSet;
+    }
+
+    for (const menuItem of menuList) {
+      if (!menuItem.path) {
+        continue;
+      }
+
+      const menuPath = menuItem.path.startsWith("/") ? menuItem.path : `/${menuItem.path}`;
+      pathSet.add(menuPath);
+
+      if (menuItem.children?.length) {
+        this.buildMenuPathSet(menuItem.children, pathSet);
+      }
+    }
+
+    return pathSet;
+  }
+
+  static checkPathPrefix(targetPath: string, pathSet: Set<string>): boolean {
+    for (const menuPath of pathSet) {
+      if (targetPath.startsWith(`${menuPath}/`)) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  static matchRoute(targetPath: string, routes: AppRouteRecord[]): boolean {
+    if (!Array.isArray(routes) || routes.length === 0) {
+      return false;
+    }
+
+    for (const route of routes) {
+      if (!route.path) {
+        continue;
+      }
+
+      const routePath = route.path.startsWith("/") ? route.path : `/${route.path}`;
+
+      if (
+        routePath === targetPath ||
+        this.isDynamicRouteMatch(targetPath, routePath) ||
+        targetPath.startsWith(`${routePath}/`)
+      ) {
+        return true;
+      }
+
+      if (route.children?.length && this.matchRoute(targetPath, route.children)) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  static isDynamicRouteMatch(targetPath: string, routePath: string): boolean {
+    if (!routePath.includes(":")) {
+      return false;
+    }
+
+    const pattern = routePath
+      .replace(/[.*+?^${}()|[\]\\]/g, "\\$&")
+      .replace(/:([^/]+)/g, "[^/]+")
+      .replace(/\\\*/g, ".*");
+
+    return new RegExp(`^${pattern}$`).test(targetPath);
+  }
+
+  static validatePath(
+    targetPath: string,
+    menuList: AppRouteRecord[],
+    homePath: string = "/"
+  ): { path: string; hasPermission: boolean } {
+    const hasPermission = this.hasPermission(targetPath, menuList);
+
+    if (hasPermission) {
+      return { path: targetPath, hasPermission: true };
+    }
+
+    return { path: homePath, hasPermission: false };
+  }
+}
diff --git a/src/router/core/ComponentLoader.ts b/src/router/core/ComponentLoader.ts
new file mode 100644
index 0000000..7f5f9d9
--- /dev/null
+++ b/src/router/core/ComponentLoader.ts
@@ -0,0 +1,131 @@
+/**
+ * 组件加载器 —— 菜单字符串路径 → views 懒加载。
+ * 支持 module_system→module_platform 回退、param→params 重命名回退。
+ */
+import { defineComponent, h, onMounted, ref } from "vue";
+import { useRoute } from "vue-router";
+import {
+  IframeRouteManager,
+  NestedRouterParent,
+  ROUTE_COMPONENT_LAYOUT,
+  ROUTE_COMPONENT_NESTED_PARENT,
+} from "../staticRoutes";
+
+export class ComponentLoader {
+  private modules: Record<string, () => Promise<any>>;
+
+  constructor() {
+    this.modules = import.meta.glob("../../views/**/*.vue");
+  }
+
+  load(componentPath: string): () => Promise<any> {
+    if (!componentPath) {
+      return this.createEmptyComponent();
+    }
+    if (componentPath === ROUTE_COMPONENT_LAYOUT || componentPath === "/layouts/index") {
+      return this.loadLayout();
+    }
+    if (componentPath === ROUTE_COMPONENT_NESTED_PARENT) {
+      return this.loadNestedParent();
+    }
+
+    const normalized = componentPath.startsWith("/")
+      ? componentPath
+      : `/${componentPath.replace(/^\/+/, "")}`;
+    const fullPath = `../../views${normalized}.vue`;
+    const fullPathWithIndex = `../../views${normalized}/index.vue`;
+    let module = this.modules[fullPath] || this.modules[fullPathWithIndex];
+
+    // Fallback: component moved from module_system to module_platform
+    if (!module && normalized.includes("/module_system/")) {
+      const altPath = normalized.replace("/module_system/", "/module_platform/");
+      module =
+        this.modules[`../../views${altPath}.vue`] ||
+        this.modules[`../../views${altPath}/index.vue`];
+    }
+    // Fallback: renamed view directories (param→params)
+    if (!module) {
+      const renames: Record<string, string> = { "/param/": "/params/" };
+      for (const [oldP, newP] of Object.entries(renames)) {
+        const alt = normalized.replace(oldP, newP);
+        if (alt !== normalized) {
+          const fallbackModule =
+            this.modules[`../../views${alt}.vue`] || this.modules[`../../views${alt}/index.vue`];
+          if (fallbackModule) {
+            module = fallbackModule;
+            break;
+          }
+        }
+      }
+    }
+
+    if (!module) {
+      console.error(
+        `[ComponentLoader] 未找到组件: ${componentPath}，尝试过的路径: ${fullPath} 和 ${fullPathWithIndex}`
+      );
+      return this.createErrorComponent(componentPath);
+    }
+    return module;
+  }
+
+  loadLayout(): () => Promise<any> {
+    return () => import("@/components/layouts/index.vue");
+  }
+
+  loadIframe(): () => Promise<any> {
+    return () =>
+      Promise.resolve(
+        defineComponent({
+          name: "IframeView",
+          setup() {
+            const route = useRoute();
+            const isLoading = ref(true);
+            const iframeUrl = ref("");
+
+            onMounted(() => {
+              const iframeRoute = IframeRouteManager.getInstance().findByPath(route.path);
+              if (iframeRoute?.meta) {
+                iframeUrl.value = iframeRoute.meta.link || "";
+              }
+            });
+
+            const handleIframeLoad = () => {
+              isLoading.value = false;
+            };
+
+            return () =>
+              h("div", { class: "box-border w-full h-full", "v-loading": isLoading.value }, [
+                h("iframe", {
+                  src: iframeUrl.value,
+                  frameborder: "0",
+                  class: "w-full h-full min-h-[calc(100vh-120px)] border-none",
+                  onLoad: handleIframeLoad,
+                }),
+              ]);
+          },
+        })
+      );
+  }
+
+  loadNestedParent(): () => Promise<any> {
+    return () => Promise.resolve(NestedRouterParent);
+  }
+
+  private createEmptyComponent(): () => Promise<any> {
+    return () =>
+      Promise.resolve({
+        render() {
+          return h("div", {});
+        },
+      });
+  }
+
+  private createErrorComponent(componentPath: string): () => Promise<any> {
+    return () =>
+      Promise.resolve({
+        render() {
+          return h("div", { class: "route-error" }, `组件未找到: ${componentPath}`);
+        },
+      });
+  }
+}
diff --git a/src/router/core/RouteRegistry.ts b/src/router/core/RouteRegistry.ts
new file mode 100644
index 0000000..f35a094
--- /dev/null
+++ b/src/router/core/RouteRegistry.ts
@@ -0,0 +1,102 @@
+/**
+ * 路由注册表 —— 校验通过后批量 addRoute，支持注册/注销/重入判断。
+ */
+import type { RouteRecordRaw, Router } from "vue-router";
+import type { AppRouteRecord } from "@/types/router";
+import { ComponentLoader } from "./ComponentLoader";
+import { RouteValidator } from "./RouteValidator";
+import { RouteTransformer } from "./RouteTransformer";
+import { ROOT_LAYOUT_ROUTE_NAME } from "../staticRoutes";
+
+/** 与静态壳层冲突的一级 path 段，动态注册时跳过以免覆盖首页 / 仪表盘等 */
+const RESERVED_SHELL_SEGMENTS = new Set(["home", "profile", "changelog", "dashboard"]);
+
+function pathFirstSegment(path: string): string {
+  return (
+    path
+      .trim()
+      .replace(/^\/+|\/+$/g, "")
+      .split("/")
+      .filter(Boolean)[0] ?? ""
+  );
+}
+
+function registrationName(route: AppRouteRecord, index: number): AppRouteRecord {
+  const explicit = typeof route.name === "string" ? route.name.trim() : "";
+  if (explicit) return route;
+  const seg = pathFirstSegment(route.path || "") || "route";
+  const safe = seg.replace(/[^\w]/g, "_");
+  return { ...route, name: `Dyn_${index}_${safe}` };
+}
+
+function routeNameKey(route: AppRouteRecord): string {
+  return typeof route.name === "string" ? route.name : String(route.name ?? "");
+}
+
+export class RouteRegistry {
+  private router: Router;
+  private componentLoader: ComponentLoader;
+  private validator: RouteValidator;
+  private transformer: RouteTransformer;
+  private removeRouteFns: (() => void)[] = [];
+  private registered = false;
+
+  constructor(router: Router) {
+    this.router = router;
+    this.componentLoader = new ComponentLoader();
+    this.validator = new RouteValidator();
+    this.transformer = new RouteTransformer(this.componentLoader, { shellChild: true });
+  }
+
+  register(menuList: AppRouteRecord[]): void {
+    if (this.registered) {
+      console.warn("[RouteRegistry] 路由已注册，跳过重复注册");
+      return;
+    }
+
+    const validationResult = this.validator.validate(menuList);
+    if (!validationResult.valid) {
+      throw new Error(`路由配置验证失败: ${validationResult.errors.join(", ")}`);
+    }
+
+    const removeRouteFns: (() => void)[] = [];
+
+    menuList.forEach((route, index) => {
+      const seg = pathFirstSegment(route.path || "");
+      if (seg && RESERVED_SHELL_SEGMENTS.has(seg)) {
+        return;
+      }
+
+      const namedRoute = registrationName(route, index);
+      if (this.router.hasRoute(routeNameKey(namedRoute))) {
+        return;
+      }
+
+      const routeConfig = this.transformer.transform(namedRoute);
+      removeRouteFns.push(
+        this.router.addRoute(ROOT_LAYOUT_ROUTE_NAME, routeConfig as RouteRecordRaw)
+      );
+    });
+
+    this.removeRouteFns = removeRouteFns;
+    this.registered = true;
+  }
+
+  unregister(): void {
+    this.removeRouteFns.forEach((fn) => fn());
+    this.removeRouteFns = [];
+    this.registered = false;
+  }
+
+  isRegistered(): boolean {
+    return this.registered;
+  }
+
+  getRemoveRouteFns(): (() => void)[] {
+    return this.removeRouteFns;
+  }
+
+  markAsRegistered(): void {
+    this.registered = true;
+  }
+}
diff --git a/src/router/core/RouteTransformer.ts b/src/router/core/RouteTransformer.ts
new file mode 100644
index 0000000..e1c3690
--- /dev/null
+++ b/src/router/core/RouteTransformer.ts
@@ -0,0 +1,128 @@
+/**
+ * 路由转换器 —— 菜单树 → vue-router 记录。
+ * 处理 iframe、一级叶子路由、普通路由三种形态，支持 shellChild 模式。
+ */
+import type { RouteRecordRaw } from "vue-router";
+import type { AppRouteRecord } from "@/types/router";
+import { ComponentLoader } from "./ComponentLoader";
+import { IframeRouteManager, ROUTE_COMPONENT_LAYOUT } from "../staticRoutes";
+
+interface ConvertedRoute extends Omit<RouteRecordRaw, "children"> {
+  id?: number;
+  children?: ConvertedRoute[];
+  component?: RouteRecordRaw["component"] | (() => Promise<any>);
+}
+
+export class RouteTransformer {
+  private componentLoader: ComponentLoader;
+  private iframeManager: IframeRouteManager;
+  private readonly shellChild: boolean;
+
+  constructor(componentLoader: ComponentLoader, options?: { shellChild?: boolean }) {
+    this.componentLoader = componentLoader;
+    this.shellChild = options?.shellChild ?? false;
+    this.iframeManager = IframeRouteManager.getInstance();
+  }
+
+  transform(route: AppRouteRecord, depth = 0, parentAbsPath = ""): ConvertedRoute {
+    const absPath = (route.path || "").trim();
+    const pathOut = this.routerPath(depth, parentAbsPath, absPath);
+    const { component, children, ...routeConfig } = route;
+
+    const converted: ConvertedRoute = { ...routeConfig, path: pathOut, component: undefined };
+
+    if (route.meta.isIframe) {
+      this.handleIframeRoute(converted, route, depth);
+    } else if (this.isFirstLevelLeaf(route, depth)) {
+      this.handleFirstLevelLeaf(converted, route, component as string);
+    } else {
+      this.handleNormalRoute(converted, component as string, depth);
+    }
+
+    converted.path = pathOut;
+
+    if (children?.length) {
+      converted.children = children.map((c) => this.transform(c, depth + 1, absPath));
+    }
+
+    return converted;
+  }
+
+  private routerPath(depth: number, parentAbsPath: string, absPath: string): string {
+    const firstSeg = absPath.split("/").filter(Boolean)[0] ?? "";
+    if (!this.shellChild) {
+      if (depth === 0) {
+        return firstSeg ? `/${firstSeg}` : "/";
+      }
+      return absPath;
+    }
+    if (depth === 0) {
+      return firstSeg;
+    }
+    if (!parentAbsPath || !absPath) return absPath;
+    const p = parentAbsPath.replace(/\/$/, "");
+    if (absPath.startsWith(`${p}/`)) return absPath.slice(p.length + 1);
+    return absPath.split("/").filter(Boolean).pop() ?? absPath;
+  }
+
+  private isFirstLevelLeaf(route: AppRouteRecord, depth: number): boolean {
+    return depth === 0 && (!route.children || route.children.length === 0);
+  }
+
+  private handleIframeRoute(
+    targetRoute: ConvertedRoute,
+    sourceRoute: AppRouteRecord,
+    depth: number
+  ): void {
+    if (depth === 0) {
+      targetRoute.component = this.shellChild
+        ? this.componentLoader.loadNestedParent()
+        : this.componentLoader.loadLayout();
+      targetRoute.name = "";
+      const leafPath = this.shellChild ? "" : sourceRoute.path || "";
+      targetRoute.children = [
+        {
+          ...sourceRoute,
+          path: leafPath,
+          component: this.componentLoader.loadIframe(),
+        } as ConvertedRoute,
+      ];
+    } else {
+      targetRoute.component = this.componentLoader.loadIframe();
+    }
+    this.iframeManager.add(sourceRoute);
+  }
+
+  private handleFirstLevelLeaf(
+    converted: ConvertedRoute,
+    route: AppRouteRecord,
+    component: string | undefined
+  ): void {
+    converted.component = this.shellChild
+      ? this.componentLoader.loadNestedParent()
+      : this.componentLoader.loadLayout();
+    converted.name = "";
+    route.meta.isFirstLevel = true;
+    const leafPath = this.shellChild ? "" : route.path || "";
+    converted.children = [
+      {
+        ...route,
+        path: leafPath,
+        component: component ? this.componentLoader.load(component) : undefined,
+      } as ConvertedRoute,
+    ];
+  }
+
+  private handleNormalRoute(
+    converted: ConvertedRoute,
+    component: string | undefined,
+    depth: number
+  ): void {
+    if (!component) return;
+    if (this.shellChild && depth === 0 && component === ROUTE_COMPONENT_LAYOUT) {
+      converted.component = this.componentLoader.loadNestedParent();
+      return;
+    }
+    converted.component = this.componentLoader.load(component);
+  }
+}
diff --git a/src/router/core/RouteValidator.ts b/src/router/core/RouteValidator.ts
new file mode 100644
index 0000000..c6641ea
--- /dev/null
+++ b/src/router/core/RouteValidator.ts
@@ -0,0 +1,143 @@
+/**
+ * 路由验证器 —— 菜单注册前校验：重名、缺少 component、深层误用 layout 占位等。
+ * 校验结果分 errors（阻止注册）和 warnings（仅控制台提醒）两级。
+ */
+import type { AppRouteRecord } from "@/types/router";
+import { ROUTE_COMPONENT_LAYOUT } from "../staticRoutes";
+
+export interface ValidationResult {
+  valid: boolean;
+  errors: string[];
+  warnings: string[];
+}
+
+export class RouteValidator {
+  /** 已警告过的路由集合，避免重复打印校验警告 */
+  private warnedRoutes = new Set<string>();
+
+  validate(routes: AppRouteRecord[]): ValidationResult {
+    const errors: string[] = [];
+    const warnings: string[] = [];
+    this.checkDuplicates(routes, errors, warnings);
+    this.checkComponents(routes, errors, warnings);
+    this.checkNestedIndexComponent(routes);
+    return {
+      valid: errors.length === 0,
+      errors: [],
+      warnings,
+    };
+  }
+
+  private checkDuplicates(
+    routes: AppRouteRecord[],
+    errors: string[],
+    warnings: string[],
+    parentPath = ""
+  ): void {
+    const routeNameMap = new Map<string, string>();
+    const componentPathMap = new Map<string, string>();
+
+    const checkRoutes = (items: AppRouteRecord[], pPath = "") => {
+      items.forEach((route) => {
+        const currentPath = route.path || "";
+        const fullPath = this.resolvePath(pPath, currentPath);
+
+        if (route.name) {
+          const routeName = String(route.name);
+          if (routeNameMap.has(routeName)) {
+            warnings.push(`路由名称重复: "${routeName}" (${fullPath})`);
+          } else {
+            routeNameMap.set(routeName, fullPath);
+          }
+        }
+
+        if (route.component) {
+          const componentPath = route.component;
+          if (componentPath !== ROUTE_COMPONENT_LAYOUT) {
+            const componentKey = `${pPath}:${componentPath}`;
+            if (componentPathMap.has(componentKey)) {
+              warnings.push(`组件路径重复: "${componentPath}" (${fullPath})`);
+            } else {
+              componentPathMap.set(componentKey, fullPath);
+            }
+          }
+        }
+
+        if (route.children?.length) {
+          checkRoutes(route.children, fullPath);
+        }
+      });
+    };
+
+    checkRoutes(routes, parentPath);
+  }
+
+  private checkComponents(
+    routes: AppRouteRecord[],
+    errors: string[],
+    warnings: string[],
+    parentPath = ""
+  ): void {
+    routes.forEach((route) => {
+      const hasExternalLink = !!route.meta?.link?.trim();
+      const hasChildren = Array.isArray(route.children) && route.children.length > 0;
+      const routePath = route.path || "[未定义路径]";
+      const isIframe = route.meta?.isIframe;
+
+      if (route.component) {
+        if (route.children?.length) {
+          const fullPath = this.resolvePath(parentPath, route.path || "");
+          this.checkComponents(route.children, errors, warnings, fullPath);
+        }
+        return;
+      }
+
+      if (parentPath === "" && !hasExternalLink && !isIframe) {
+        errors.push(`一级菜单(${routePath}) 缺少 component，必须指向 ${ROUTE_COMPONENT_LAYOUT}`);
+        return;
+      }
+
+      if (!hasExternalLink && !isIframe && !hasChildren) {
+        errors.push(`路由(${routePath}) 缺少 component 配置`);
+      }
+
+      if (route.children?.length) {
+        const fullPath = this.resolvePath(parentPath, route.path || "");
+        this.checkComponents(route.children, errors, warnings, fullPath);
+      }
+    });
+  }
+
+  private checkNestedIndexComponent(routes: AppRouteRecord[], level = 1): void {
+    routes.forEach((route) => {
+      if (level > 1 && route.component === ROUTE_COMPONENT_LAYOUT) {
+        this.logLayoutError(route, level);
+      }
+      if (route.children?.length) {
+        this.checkNestedIndexComponent(route.children, level + 1);
+      }
+    });
+  }
+
+  private logLayoutError(route: AppRouteRecord, level: number): void {
+    const routeName = String(route.name || route.path || "未知路由");
+    const routeKey = `${routeName}_${route.path}`;
+    if (this.warnedRoutes.has(routeKey)) return;
+    this.warnedRoutes.add(routeKey);
+
+    const menuTitle = route.meta?.title || routeName;
+    const routePath = route.path || "/";
+
+    console.error(
+      `[路由配置错误] 菜单 "${menuTitle}" (name: ${routeName}, path: ${routePath}) 配置错误\n` +
+        `  问题: ${level}级菜单不能使用 ${ROUTE_COMPONENT_LAYOUT} 作为 component\n` +
+        `  说明: 只有一级菜单才能使用 ${ROUTE_COMPONENT_LAYOUT}，二级及以下菜单应该指向具体的组件路径\n` +
+        `  当前配置: component: '${ROUTE_COMPONENT_LAYOUT}'\n` +
+        `  应该改为: component: '/your/component/path' 或留空 ''（如果是目录菜单）`
+    );
+  }
+
+  private resolvePath(parent: string, child: string): string {
+    return [parent.replace(/\/$/, ""), child.replace(/^\//, "")].filter(Boolean).join("/");
+  }
+}
diff --git a/src/router/core/index.ts b/src/router/core/index.ts
new file mode 100644
index 0000000..3f649cf
--- /dev/null
+++ b/src/router/core/index.ts
@@ -0,0 +1,5 @@
+export { ComponentLoader } from "./ComponentLoader";
+export { RouteTransformer } from "./RouteTransformer";
+export { RouteValidator } from "./RouteValidator";
+export { RouteRegistry } from "./RouteRegistry";
+export type { ValidationResult } from "./RouteValidator";
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..379f2d4
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,38 @@
+import type { App } from "vue";
+import { createRouter, createWebHashHistory } from "vue-router";
+import { HOME_ROUTE_NAME, ROOT_LAYOUT_ROUTE_NAME, staticRoutes } from "./staticRoutes";
+import { setupAfterEachGuard } from "./afterEach";
+import "@utils/ui";
+
+/**
+ * 路由入口：`staticRoutes` 首屏注册；业务路由由 `beforeEach` 内 `RouteRegistry` 动态挂载。
+ * `initRouter` 注册前置/后置守卫并 `app.use(router)`。
+ *
+ * 选择 Hash 模式（createWebHashHistory）而非 History 模式的原因：
+ * - 纯静态部署场景下无需服务端 URL 回落配置（NGINX try_files 等）
+ * - 兼容 Electron 等非 HTTP 协议环境
+ * - 开发环境 HMR 不受影响
+ */
+export const router = createRouter({
+  history: createWebHashHistory(),
+  routes: staticRoutes,
+  scrollBehavior: () => ({ left: 0, top: 0 }),
+});
+
+export async function initRouter(app: App<Element>): Promise<void> {
+  const { setupBeforeEachGuard } = await import("./beforeEach");
+  setupBeforeEachGuard(router);
+  setupAfterEachGuard(router);
+  app.use(router);
+}
+
+/** 须与 `staticRoutes` 首页子路由 path 一致 */
+export const HOME_PAGE_PATH = "/home";
+
+export { HOME_ROUTE_NAME, ROOT_LAYOUT_ROUTE_NAME };
+
+/** 动态路由注册与菜单转换（一般从 `@/router` 按需导入） */
+export { RouteRegistry, ComponentLoader, RouteTransformer, RouteValidator } from "./core";
+export type { ValidationResult } from "./core";
+export { IframeRouteManager } from "./staticRoutes";
+export { MenuProcessor, builtinFrontendRoutes } from "./MenuProcessor";
diff --git a/src/router/staticRoutes.ts b/src/router/staticRoutes.ts
new file mode 100644
index 0000000..4d1547e
--- /dev/null
+++ b/src/router/staticRoutes.ts
@@ -0,0 +1,497 @@
+/**
+ * 静态路由定义 + IframeRouteManager。
+ *
+ * 静态路由 = 首屏即注册的路由（Layout、登录页、404/500、iframe 占位等），
+ * 不依赖菜单权限，用户未登录时即可访问。
+ *
+ * 动态路由由 `beforeEach.ts` → `RouteRegistry` 在登录后根据不同角色的菜单列表动态 `addRoute`。
+ */
+import type { AppRouteRecordRaw } from "@utils";
+import type { AppRouteRecord, RouteMeta } from "@/types/router";
+import { defineComponent, h, onMounted, ref } from "vue";
+import type { RouteRecordRaw } from "vue-router";
+import { RouterView, useRoute } from "vue-router";
+import { t } from "@wangeditor-next/editor";
+
+/** 首页 / 仪表盘父级 meta（侧栏、静态子路由共用） */
+export const HOME_MENU_META: RouteMeta = {
+  title: "menus.home.title",
+  icon: "ri:home-smile-2-line",
+  keepAlive: true,
+  fixedTab: true,
+};
+
+export const DASHBOARD_PARENT_META: RouteMeta = {
+  title: "menus.dashboard.title",
+  icon: "ri:pie-chart-line",
+  alwaysShow: true,
+};
+
+/** iframe 路由注册表（与动态路由、守卫共用） */
+export class IframeRouteManager {
+  private static instance: IframeRouteManager;
+  private iframeRoutes: AppRouteRecord[] = [];
+
+  private constructor() {}
+
+  static getInstance(): IframeRouteManager {
+    if (!IframeRouteManager.instance) {
+      IframeRouteManager.instance = new IframeRouteManager();
+    }
+    return IframeRouteManager.instance;
+  }
+
+  add(route: AppRouteRecord): void {
+    if (!this.iframeRoutes.find((r) => r.path === route.path)) {
+      this.iframeRoutes.push(route);
+    }
+  }
+
+  getAll(): AppRouteRecord[] {
+    return this.iframeRoutes;
+  }
+
+  findByPath(path: string): AppRouteRecord | undefined {
+    return this.iframeRoutes.find((route) => route.path === path);
+  }
+
+  clear(): void {
+    this.iframeRoutes = [];
+  }
+
+  save(): void {
+    if (this.iframeRoutes.length > 0) {
+      sessionStorage.setItem("iframeRoutes", JSON.stringify(this.iframeRoutes));
+    }
+  }
+
+  load(): void {
+    try {
+      const data = sessionStorage.getItem("iframeRoutes");
+      if (data) {
+        this.iframeRoutes = JSON.parse(data);
+      }
+    } catch (error) {
+      console.error("[IframeRouteManager] 加载 iframe 路由失败:", error);
+      this.iframeRoutes = [];
+    }
+  }
+}
+
+/** 根 Layout 的 route.name；动态路由 `addRoute` 父级须与此一致 */
+export const ROOT_LAYOUT_ROUTE_NAME = "RootLayout" as const;
+
+/** 静态首页子路由 name（面包屑等） */
+export const HOME_ROUTE_NAME = "Home" as const;
+
+/** 目录占位：仅嵌一层 RouterView（与 ComponentLoader 中占位同源） */
+export const NestedRouterParent = defineComponent({
+  name: "NestedRouterParent",
+  setup() {
+    return () => h(RouterView);
+  },
+});
+
+/** 后端菜单 / 动态路由里 `component` 占位（与 ComponentLoader 约定一致） */
+export const ROUTE_COMPONENT_LAYOUT = "/index/index";
+
+/** 多级目录父级占位（`views/nested/router-view-parent`） */
+export const ROUTE_COMPONENT_NESTED_PARENT = "/nested/router-view-parent";
+
+/** 登录页备用 path（与静态 `/login` 并存，守卫与白名单用） */
+export const ROUTE_PATH_LOGIN_ALT = "/auth/login";
+
+/**
+ * 主框架布局：新版 art 体系（`src/components/layouts/index.vue` + `src/components/layouts/fa-*` 组件）。
+ * 旧版 Left/Top/Mix 壳子已移除，统一使用 `@/components/layouts/index.vue`。
+ */
+export const Layout = () => import("@/components/layouts/index.vue");
+
+/** iframe 内跳页面：内联组件（无需 views/outside/Iframe.vue） */
+const IframeView = defineComponent({
+  name: "IframeView",
+  setup() {
+    const route = useRoute();
+    const isLoading = ref(true);
+    const iframeUrl = ref("");
+    const iframeRef = ref<HTMLIFrameElement | null>(null);
+
+    onMounted(() => {
+      const iframeRoute = IframeRouteManager.getInstance().findByPath(route.path);
+      if (iframeRoute?.meta) {
+        iframeUrl.value = iframeRoute.meta.link || "";
+      }
+    });
+
+    const handleIframeLoad = () => {
+      isLoading.value = false;
+    };
+
+    return () =>
+      h("div", { class: "box-border w-full h-full", "v-loading": isLoading.value }, [
+        h("iframe", {
+          ref: iframeRef,
+          src: iframeUrl.value,
+          frameborder: "0",
+          class: "w-full h-full min-h-[calc(100vh-120px)] border-none",
+          onLoad: handleIframeLoad,
+        }),
+      ]);
+  },
+});
+
+/**
+ * `/dashboard` 下静态子路由（唯一数据源）。
+ * 下方壳层菜单合并函数由此剥离 `component` 生成侧栏补全菜单。
+ */
+export const dashboardLayoutChildren: AppRouteRecordRaw[] = [
+  {
+    path: "workplace",
+    name: "DashboardWorkplace",
+    component: () => import("@views/dashboard/workplace/index.vue"),
+    meta: {
+      title: "menus.dashboard.workplace",
+      icon: "ri:bar-chart-box-line",
+      keepAlive: true,
+    },
+  },
+  {
+    path: "analysis",
+    name: "DashboardAnalysis",
+    component: () => import("@views/dashboard/analysis/index.vue"),
+    meta: {
+      title: "menus.dashboard.analysis",
+      icon: "ri:align-item-bottom-line",
+      keepAlive: false,
+    },
+  },
+  {
+    path: "screen",
+    name: "DashboardScreen",
+    component: () => import("@views/dashboard/screen/index.vue"),
+    meta: {
+      title: "数据大屏",
+      icon: "ri:tv-line",
+      keepAlive: false,
+      hidden: false,
+    },
+  },
+];
+
+// -----------------------------------------------------------------------------
+// 静态壳层菜单：后端未下发 /home、/dashboard 时补全侧栏；混合模式路由按 name 去重合并
+
+export const mergeShellHomeMenu: AppRouteRecord = {
+  path: "/home",
+  name: "Home",
+  meta: { ...HOME_MENU_META, shellRoute: true },
+};
+
+/** 去掉组件与 redirect，供侧栏合并（菜单节点不需要懒加载引用） */
+function stripRouteRecordForShell(route: RouteRecordRaw): AppRouteRecord {
+  const children = route.children?.map(stripRouteRecordForShell);
+  return {
+    path: route.path,
+    name: route.name,
+    meta: (route.meta ?? {}) as AppRouteRecord["meta"],
+    ...(children?.length ? { children } : {}),
+  } as AppRouteRecord;
+}
+
+export function getDashboardMenuTreeForMerge(): AppRouteRecord {
+  return {
+    name: "Dashboard",
+    path: "/dashboard",
+    meta: DASHBOARD_PARENT_META,
+    children: dashboardLayoutChildren.map(stripRouteRecordForShell),
+  };
+}
+
+export function mergeAppRouteRecords(
+  primary: AppRouteRecord[],
+  secondary: AppRouteRecord[]
+): AppRouteRecord[] {
+  const usedNames = new Set<string>();
+
+  const collectNames = (routes: AppRouteRecord[]) => {
+    for (const r of routes) {
+      if (r.name) usedNames.add(String(r.name));
+      if (r.children?.length) collectNames(r.children);
+    }
+  };
+  collectNames(primary);
+
+  const pickFresh = (routes: AppRouteRecord[]): AppRouteRecord[] => {
+    const out: AppRouteRecord[] = [];
+    for (const r of routes) {
+      const n = r.name ? String(r.name) : "";
+      if (n && usedNames.has(n)) continue;
+      const next: AppRouteRecord = { ...r };
+      if (r.children?.length) {
+        next.children = pickFresh(r.children);
+      }
+      if (n) usedNames.add(n);
+      out.push(next);
+    }
+    return out;
+  };
+
+  return [...primary, ...pickFresh(secondary)];
+}
+
+function normalizeMenuPath(path?: string): string {
+  if (!path || !path.trim()) return "";
+  const p = path.trim();
+  return p.startsWith("/") ? p : `/${p}`;
+}
+
+function collectPathsAndNames(items: AppRouteRecord[], paths: Set<string>, names: Set<string>) {
+  for (const r of items) {
+    const np = normalizeMenuPath(r.path as string);
+    if (np) paths.add(np);
+    if (r.name) names.add(String(r.name));
+    if (r.children?.length) collectPathsAndNames(r.children, paths, names);
+  }
+}
+
+function dashboardRoutesToShellMenu(route: AppRouteRecord, parentAbs = ""): AppRouteRecord {
+  const raw = route.path?.trim() ?? "";
+  const fullPath =
+    raw.startsWith("/") && raw !== "/"
+      ? raw
+      : parentAbs
+        ? `${parentAbs.replace(/\/$/, "")}/${raw.replace(/^\/+/, "")}`
+        : `/${raw.replace(/^\/+/, "")}`;
+  const meta = { ...route.meta, shellRoute: true as const };
+  const children = route.children?.map((c) => dashboardRoutesToShellMenu(c, fullPath));
+  return {
+    ...route,
+    path: fullPath,
+    meta,
+    children,
+    component: undefined,
+    redirect: undefined,
+  };
+}
+
+export function mergeShellRoutesIntoMenu(menuList: AppRouteRecord[]): AppRouteRecord[] {
+  const paths = new Set<string>();
+  const names = new Set<string>();
+  collectPathsAndNames(menuList, paths, names);
+
+  const additions: AppRouteRecord[] = [];
+
+  const tryPush = (item: AppRouteRecord) => {
+    const p = normalizeMenuPath(item.path as string);
+    const n = item.name ? String(item.name) : "";
+    if (p && !paths.has(p) && (!n || !names.has(n))) {
+      additions.push(item);
+      if (p) paths.add(p);
+      if (n) names.add(n);
+      if (item.children?.length) {
+        collectPathsAndNames(item.children, paths, names);
+      }
+    }
+  };
+
+  tryPush(mergeShellHomeMenu);
+
+  if (!paths.has("/dashboard")) {
+    tryPush(dashboardRoutesToShellMenu(structuredClone(getDashboardMenuTreeForMerge())));
+  }
+
+  if (additions.length === 0) return menuList;
+  return [...additions, ...menuList];
+}
+
+/**
+ * 静态路由配置（不需要权限就能访问的路由）
+ *
+ * 属性说明：
+ * isHideTab: true 表示不在标签页中显示
+ *
+ * 注意事项：
+ * 1、path、name 不要和动态路由冲突，否则会导致路由冲突无法访问
+ * 2、静态路由不管是否登录都可以访问
+ */
+export const staticRoutes: AppRouteRecordRaw[] = [
+  {
+    path: "/redirect",
+    meta: { hidden: true },
+    component: Layout,
+    children: [
+      {
+        path: "/redirect/:path(.*)",
+        component: () => import("@views/redirect/index.vue"),
+      },
+    ],
+  },
+  {
+    path: "/login",
+    name: "Login",
+    meta: { hidden: true, isHideTab: true, title: "menus.login.title" },
+    component: () => import("@views/module_system/auth/login/index.vue"),
+  },
+  /** 无 Layout 全屏异常页；守卫与白名单跳转使用（勿再在 RootLayout 下重复挂载同组件） */
+  {
+    path: "/401",
+    name: "401",
+    meta: { hidden: true, title: "401" },
+    component: () => import("@views/exception/401/index.vue"),
+  },
+  {
+    path: "/403",
+    name: "403",
+    component: () => import("@views/exception/403/index.vue"),
+    meta: { hidden: true, title: "403" },
+  },
+  {
+    path: "/404",
+    name: "404",
+    meta: { hidden: true, title: "404" },
+    component: () => import("@views/exception/404/index.vue"),
+  },
+  {
+    path: "/500",
+    name: "500",
+    meta: { hidden: true, title: "500" },
+    component: () => import("@views/exception/500/index.vue"),
+  },
+  {
+    path: "/",
+    name: ROOT_LAYOUT_ROUTE_NAME,
+    redirect: "/home",
+    component: Layout,
+    children: [
+      /** 首页（侧栏补入逻辑见同文件 `mergeShellRoutesIntoMenu`） */
+      {
+        path: "home",
+        name: HOME_ROUTE_NAME,
+        component: () => import("@views/dashboard/home/index.vue"),
+        meta: HOME_MENU_META,
+      },
+      /** 仪表盘子路由定义见同文件导出的 `dashboardLayoutChildren` */
+      {
+        path: "dashboard",
+        name: "Dashboard",
+        redirect: "/dashboard/workplace",
+        component: NestedRouterParent,
+        meta: DASHBOARD_PARENT_META,
+        children: dashboardLayoutChildren,
+      },
+      /** 快速链接：统一父级，不在菜单中展示，通过 URL 或 fastEnter 直接访问 */
+      {
+        path: "fastlink",
+        name: "Fastlink",
+        component: NestedRouterParent,
+        meta: { hidden: true },
+        children: [
+          {
+            path: "profile",
+            name: "FastlinkProfile",
+            meta: { title: t("menus.system.userCenter"), icon: "ri:user-line", hidden: true },
+            component: () => import("@views/fastlink/current/profile.vue"),
+          },
+          {
+            path: "changelog",
+            name: "FastlinkChangeLog",
+            meta: {
+              title: t("menus.changelog.title"),
+              icon: "ri:draft-line",
+              hidden: true,
+              keepAlive: true,
+            },
+            component: () => import("@views/fastlink/changelog/index.vue"),
+          },
+          {
+            path: "pricing",
+            name: "FastlinkPricing",
+            meta: {
+              title: t("menus.dashboard.pricing"),
+              icon: "ri:money-cny-box-line",
+              hidden: true,
+              keepAlive: true,
+            },
+            component: () => import("@views/fastlink/pricing/index.vue"),
+          },
+          {
+            path: "article/list",
+            name: "FastlinkArticleList",
+            meta: {
+              title: t("menus.article.articleList"),
+              icon: "ri:article-line",
+              hidden: true,
+              keepAlive: true,
+            },
+            component: () => import("@views/fastlink/article/index.vue"),
+          },
+          {
+            path: "tutorial",
+            name: "FastlinkTutorial",
+            meta: {
+              title: t("menus.dashboard.tutorial"),
+              icon: "ri:book-2-line",
+              hidden: true,
+              keepAlive: true,
+            },
+            component: () => import("@views/fastlink/tutorial/index.vue"),
+          },
+          {
+            path: "fachat",
+            name: "FastlinkFachat",
+            meta: {
+              title: t("menus.fachat.title"),
+              icon: "ri:message-3-line",
+              hidden: true,
+              keepAlive: true,
+            },
+            component: () => import("@views/fastlink/fachat/index.vue"),
+          },
+        ],
+      },
+      /** 支付页面（订单模块子组件） */
+      {
+        path: "payment/:orderId",
+        name: "Payment",
+        component: () => import("@views/module_platform/order/components/PaymentPage.vue"),
+        meta: {
+          title: "订单支付",
+          hidden: true,
+          keepAlive: false,
+        },
+      },
+      /** 租户工作台概览 — 复用自助服务页面 */
+      {
+        path: "workspace",
+        name: "TenantWorkspace",
+        component: () => import("@views/module_platform/self_service/index.vue"),
+        meta: {
+          title: "工作台",
+          hidden: true,
+          keepAlive: false,
+        },
+      },
+    ],
+  },
+  {
+    path: "/outside",
+    component: () => import("@/components/layouts/index.vue"),
+    name: "Outside",
+    meta: { title: "menus.outside.title" },
+    children: [
+      {
+        path: "/outside/iframe/:path",
+        name: "Iframe",
+        component: IframeView,
+        meta: { title: "iframe" },
+      },
+    ],
+  },
+  // 通配 404 必须置于静态路由最后（name 勿与上方 `/404` 重复，否则按名跳转不稳定）
+  {
+    path: "/:pathMatch(.*)*",
+    name: "CatchAll404",
+    component: () => import("@views/exception/404/index.vue"),
+    meta: { hidden: true, title: "404" },
+  },
+];
diff --git a/src/store/index.ts b/src/store/index.ts
new file mode 100644
index 0000000..0f5dbb9
--- /dev/null
+++ b/src/store/index.ts
@@ -0,0 +1,82 @@
+import type { App } from "vue";
+import { createPinia } from "pinia";
+import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
+import { useUserStore } from "./modules/user.store";
+import { useDictStore } from "./modules/dict.store";
+import { useNoticeStore } from "./modules/notice.store";
+import { useConfigStore } from "./modules/config.store";
+import { useWorktabStore } from "./modules/worktab.store";
+
+const store = createPinia();
+
+store.use(piniaPluginPersistedstate);
+
+export function initStore(app: App<Element>) {
+  app.use(store);
+}
+
+export * from "./modules/app.store";
+export * from "./modules/config.store";
+export * from "./modules/dict.store";
+export * from "./modules/menu.store";
+export * from "./modules/notice.store";
+export * from "./modules/setting.store";
+export * from "./modules/table.store";
+export * from "./modules/user.store";
+export * from "./modules/worktab.store";
+
+export { store };
+
+export interface RefreshCacheOptions {
+  dictTypes?: string[];
+  refreshUser?: boolean;
+  refreshRoutes?: boolean;
+  refreshConfig?: boolean;
+  refreshNotice?: boolean;
+  clearTags?: boolean;
+  clearDictBefore?: boolean;
+}
+
+export async function refreshAppCaches(opts: RefreshCacheOptions = {}) {
+  const {
+    dictTypes,
+    refreshUser = true,
+    refreshRoutes = true,
+    refreshConfig = true,
+    refreshNotice = true,
+    clearTags = false,
+    clearDictBefore = false,
+  } = opts;
+
+  const userStore = useUserStore(store);
+  const dictStore = useDictStore(store);
+  const noticeStore = useNoticeStore(store);
+  const configStore = useConfigStore(store);
+
+  const tasks: Promise<any>[] = [];
+
+  if (refreshUser) {
+    tasks.push(userStore.getUserInfo());
+  }
+  if (refreshConfig) {
+    tasks.push(configStore.getConfig(true));
+  }
+  if (refreshNotice) {
+    tasks.push(noticeStore.getNotice());
+  }
+  if (dictTypes && dictTypes.length > 0) {
+    if (clearDictBefore) dictStore.clearDictData();
+    tasks.push(dictStore.getDict(dictTypes));
+  }
+
+  await Promise.allSettled(tasks);
+
+  if (refreshRoutes) {
+    const { refreshMenuAndRoutes } = await import("@/router/beforeEach");
+    await refreshMenuAndRoutes();
+  }
+
+  if (clearTags) {
+    useWorktabStore(store).clearAll();
+  }
+}
diff --git a/src/store/modules/app.store.ts b/src/store/modules/app.store.ts
new file mode 100644
index 0000000..37170cd
--- /dev/null
+++ b/src/store/modules/app.store.ts
@@ -0,0 +1,128 @@
+/**
+ * 应用状态管理模块（兼容 web 项目）
+ *
+ * 提供应用相关的状态管理
+ *
+ * ## 主要功能
+ *
+ * - 设备类型管理（桌面/平板/移动端）
+ * - 布局大小管理（默认/紧凑/宽松）
+ * - 语言管理（中文/英文）
+ * - 侧边栏状态管理（展开/收起）
+ * - 顶部菜单激活路径管理
+ * - 引导功能可见性管理
+ *
+ * ## 使用场景
+ *
+ * - 响应式布局适配
+ * - 多语言切换
+ * - 侧边栏折叠展开
+ * - 顶部菜单导航
+ * - 新手引导展示
+ *
+ * @module store/modules/app.store
+ * @author FastapiAdmin Team
+ */
+import { defineStore } from "pinia";
+import { ref, computed, watch } from "vue";
+import { useWindowSize } from "@vueuse/core";
+import { DeviceEnum } from "@/enums/settings/device.enum";
+import { MOBILE_BREAKPOINT } from "@/utils/constants";
+import zhCn from "element-plus/es/locale/lang/zh-cn";
+import en from "element-plus/es/locale/lang/en";
+
+export const useAppStore = defineStore(
+  "appStore",
+  () => {
+    /** 设备类型 */
+    const device = ref<string>(DeviceEnum.DESKTOP);
+    const { width } = useWindowSize();
+    watch(width, (w) => {
+      device.value = w < MOBILE_BREAKPOINT ? DeviceEnum.MOBILE : DeviceEnum.DESKTOP;
+    });
+
+    /** 布局大小 */
+    const size = ref<string>("default");
+
+    /** 语言 */
+    const language = ref<string>("zh");
+
+    /** 侧边栏状态 */
+    const sidebar = ref({
+      opened: true,
+      withoutAnimation: false,
+    });
+
+    /** 顶部菜单激活路径 */
+    const activeTopMenuPath = ref<string>("");
+
+    /** 引导可见性 */
+    const guideVisible = ref<boolean>(false);
+
+    /** 语言区域 */
+    const locale = computed(() => {
+      return language.value === "en" ? en : zhCn;
+    });
+
+    /** 切换侧边栏 */
+    function toggleSidebar() {
+      sidebar.value.opened = !sidebar.value.opened;
+    }
+
+    /** 关闭侧边栏 */
+    function closeSideBar() {
+      sidebar.value.opened = false;
+    }
+
+    /** 打开侧边栏 */
+    function openSideBar() {
+      sidebar.value.opened = true;
+    }
+
+    /** 切换设备 */
+    function toggleDevice(val: string) {
+      device.value = val;
+    }
+
+    /** 改变布局大小 */
+    function changeSize(val: string) {
+      size.value = val;
+    }
+
+    /** 改变语言 */
+    function changeLanguage(val: string) {
+      language.value = val;
+    }
+
+    /** 顶部菜单切换 */
+    function activeTopMenu(val: string) {
+      activeTopMenuPath.value = val;
+    }
+
+    /** 显示或隐藏引导 */
+    function showGuide(val: boolean) {
+      guideVisible.value = val;
+    }
+
+    return {
+      device,
+      sidebar,
+      language,
+      locale,
+      size,
+      activeTopMenu,
+      toggleDevice,
+      showGuide,
+      changeSize,
+      changeLanguage,
+      toggleSidebar,
+      closeSideBar,
+      openSideBar,
+      activeTopMenuPath,
+      guideVisible,
+    };
+  },
+  {
+    persist: true,
+  }
+);
diff --git a/src/store/modules/config.store.ts b/src/store/modules/config.store.ts
new file mode 100644
index 0000000..115b4df
--- /dev/null
+++ b/src/store/modules/config.store.ts
@@ -0,0 +1,116 @@
+/**
+ * 系统配置状态管理模块
+ *
+ * 提供系统配置参数的状态管理
+ *
+ * ## 主要功能
+ *
+ * - 网站基础信息管理（标题、版本、描述）
+ * - 网站图标配置（登录背景、favicon、Logo）
+ * - 安全隐私配置（服务条款、版权、隐私政策）
+ * - 接口安全配置（白名单、黑名单）
+ * - 演示环境配置
+ *
+ * ## 使用场景
+ *
+ * - 系统初始化配置加载
+ * - 登录页背景和Logo显示
+ * - 底部版权信息展示
+ * - 接口安全控制
+ *
+ * ## 持久化
+ *
+ * - 使用 localStorage 存储
+ * - 自动缓存已加载的配置
+ * - 支持强制刷新配置
+ *
+ * @module store/modules/config.store
+ * @author FastapiAdmin Team
+ */
+import { store } from "@stores";
+import ParamsAPI, { ConfigTable } from "@/api/module_system/params";
+import TenantAPI from "@/api/module_platform/tenant";
+import { defineStore } from "pinia";
+import { ref } from "vue";
+
+export const useConfigStore = defineStore(
+  "configStore",
+  () => {
+    // 配置数据
+    const configData = ref<Record<string, ConfigTable>>({});
+    // 是否已加载配置
+    const isConfigLoaded = ref(false);
+    // 是否正在加载配置
+    const configLoading = ref(false);
+    // 最近一次 fetch 时间戳，用于 force=true 时防止短期重复请求
+    let _lastFetchedAt = 0;
+    const MIN_FETCH_INTERVAL_MS = 5000;
+
+    /**
+     * 获取系统配置 + 租户配置
+     * @param force 是否强制刷新配置
+     * @param tenantId 租户ID（默认 1），登录页等公开场景使用
+     */
+    async function getConfig(force = false, tenantId = 1) {
+      if (configLoading.value) {
+        return;
+      }
+      // force=true 时也需防短期内重复请求
+      if (!force && isConfigLoaded.value) {
+        return;
+      }
+      if (force && Date.now() - _lastFetchedAt < MIN_FETCH_INTERVAL_MS) {
+        return;
+      }
+      configLoading.value = true;
+      try {
+        // 1. 获取系统级配置（演示模式、IP黑白名单等）
+        const response = await ParamsAPI.getInitConfig();
+        const list = response?.data?.data;
+        if (!Array.isArray(list)) {
+          console.warn("[configStore] getInitConfig: 响应 data 非数组", response?.data);
+          return;
+        }
+        list.forEach((item: ConfigTable) => {
+          if (item.config_value !== undefined && item.config_key) {
+            configData.value[item.config_key] = item;
+          }
+        });
+
+        // 2. 获取租户个性化配置（品牌标识、版权信息等）
+        try {
+          const tenantResp = await TenantAPI.getTenantConfigInfo(tenantId);
+          const tenantList = tenantResp?.data?.data;
+          if (Array.isArray(tenantList)) {
+            tenantList.forEach((item: any) => {
+              if (item.config_value !== undefined && item.config_key) {
+                configData.value[item.config_key] = item;
+              }
+            });
+          }
+        } catch (e) {
+          console.warn("[configStore] 获取租户配置失败（非关键错误）", e);
+        }
+
+        isConfigLoaded.value = true;
+        _lastFetchedAt = Date.now();
+      } finally {
+        configLoading.value = false;
+      }
+    }
+
+    return {
+      configData,
+      isConfigLoaded,
+      configLoading,
+      getConfig,
+    };
+  },
+  {
+    persist: true,
+  }
+);
+
+export function useConfigStoreHook() {
+  return useConfigStore(store);
+}
diff --git a/src/store/modules/dict.store.ts b/src/store/modules/dict.store.ts
new file mode 100644
index 0000000..103a858
--- /dev/null
+++ b/src/store/modules/dict.store.ts
@@ -0,0 +1,151 @@
+/**
+ * 字典状态管理模块
+ *
+ * 提供数据字典的状态管理和缓存机制
+ *
+ * ## 主要功能
+ *
+ * - 字典数据缓存和管理
+ * - 批量获取字典数据
+ * - 字典标签查找
+ * - 字典数据清空
+ *
+ * ## 使用场景
+ *
+ * - 表单下拉选择框数据填充
+ * - 表格列数据格式化显示
+ * - 状态字段标签转换
+ * - 动态表单配置
+ *
+ * ## 核心特性
+ *
+ * - 自动去重缓存
+ * - 按需加载字典
+ * - 统一的数据格式
+ * - 支持批量获取
+ *
+ * ## 持久化
+ *
+ * - 使用 localStorage 存储
+ * - 缓存已加载的字典数据
+ * - 减少重复请求
+ *
+ * @module store/modules/dict.store
+ * @author FastapiAdmin Team
+ */
+import { store } from "@stores";
+import DictAPI, { DictDataTable } from "@/api/module_system/dict";
+import { defineStore } from "pinia";
+import { ref, computed } from "vue";
+
+export const useDictStore = defineStore(
+  "dictStore",
+  () => {
+    // 字典数据
+    const dictData = ref<Record<string, DictDataTable[]>>({});
+    // 是否已加载
+    const isLoaded = ref(false);
+
+    /**
+     * 获取所有字典数据
+     */
+    const getDictData = computed(() => dictData.value);
+
+    /**
+     * 获取指定类型的字典数据，确保返回数组
+     */
+    const getDictArray = (type: string): Array<{ dict_value: string; dict_label: string }> => {
+      return (dictData.value[type] || [])
+        .filter((item) => item.dict_value !== undefined && item.dict_label !== undefined)
+        .map((item) => ({
+          dict_value: item.dict_value!,
+          dict_label: item.dict_label!,
+        }));
+    };
+
+    /**
+     * 批量获取字典数据
+     * @param types 字典类型数组
+     * @returns 指定类型的字典数据
+     */
+    async function getDict(types: string[]): Promise<Record<string, DictDataTable[]>> {
+      try {
+        for (const type of types) {
+          if (!dictData.value[type]) {
+            const response = await DictAPI.getInitDict(type);
+            // 确保数据格式正确
+            dictData.value[type] = ((response.data.data as DictDataTable[]) || []).filter(
+              (item) => item.dict_value !== undefined && item.dict_label !== undefined
+            );
+            isLoaded.value = true;
+          }
+        }
+        // 返回请求的字典数据
+        return types.reduce(
+          (result, type) => {
+            result[type] = getDictArray(type);
+            return result;
+          },
+          {} as Record<string, DictDataTable[]>
+        );
+      } catch (error) {
+        console.error("获取字典数据失败", error);
+        return {};
+      }
+    }
+
+    /**
+     * 根据类型和值获取字典标签
+     * @param type 字典类型
+     * @param value 字典值
+     * @returns 字典标签对象或原值
+     */
+    function getDictLabel(type: string, value: string) {
+      const result = dictData.value[type]?.find((item) => item.dict_value === value);
+      if (!result) {
+        return value;
+      }
+      const dict_data = {
+        id: result.id,
+        dict_value: result.dict_value,
+        dict_label: result.dict_label,
+        dict_type: result.dict_type,
+        css_class: result.css_class,
+        list_class: result.list_class,
+        is_default: result.is_default,
+        dict_sort: result.dict_sort,
+        dict_type_id: result.dict_type_id,
+        uuid: result.uuid,
+        status: result.status,
+        description: result.description,
+        created_time: result.created_time,
+        updated_time: result.updated_time,
+      };
+      return dict_data;
+    }
+
+    /**
+     * 清空字典数据
+     */
+    function clearDictData() {
+      dictData.value = {};
+    }
+
+    return {
+      dictData,
+      isLoaded,
+      getDictData,
+      getDictArray,
+      getDict,
+      getDictLabel,
+      clearDictData,
+    };
+  },
+  {
+    persist: true,
+  }
+);
+
+export function useDictStoreHook() {
+  return useDictStore(store);
+}
diff --git a/src/store/modules/menu.store.ts b/src/store/modules/menu.store.ts
new file mode 100644
index 0000000..975e688
--- /dev/null
+++ b/src/store/modules/menu.store.ts
@@ -0,0 +1,119 @@
+/**
+ * 菜单状态管理模块
+ *
+ * 提供菜单数据和动态路由的状态管理
+ *
+ * ## 主要功能
+ *
+ * - 菜单列表存储和管理
+ * - 首页路径配置
+ * - 动态路由注册和移除
+ * - 路由移除函数管理
+ * - 菜单宽度配置
+ *
+ * ## 使用场景
+ *
+ * - 动态菜单加载和渲染
+ * - 路由权限控制
+ * - 首页路径动态设置
+ * - 登出时清理动态路由
+ *
+ * ## 工作流程
+ *
+ * 1. 获取菜单数据（前端/后端模式）
+ * 2. 设置菜单列表和首页路径
+ * 3. 注册动态路由并保存移除函数
+ * 4. 登出时调用移除函数清理路由
+ *
+ * @module store/modules/menu.store
+ * @author FastapiAdmin Team
+ */
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { AppRouteRecord } from "@/types/router";
+import { getFirstMenuPath } from "@utils";
+import { HOME_PAGE_PATH } from "@/router";
+import { mergeShellRoutesIntoMenu } from "@/router/staticRoutes";
+
+/**
+ * 菜单状态管理
+ * 管理应用的菜单列表、首页路径、菜单宽度和动态路由移除函数
+ */
+export const useMenuStore = defineStore(
+  "menuStore",
+  () => {
+    /** 首页路径 */
+    const homePath = ref(HOME_PAGE_PATH);
+    /** 菜单列表 */
+    const menuList = ref<AppRouteRecord[]>([]);
+    /** 菜单宽度 */
+    const menuWidth = ref("");
+    /** 存储路由移除函数的数组 */
+    const removeRouteFns = ref<(() => void)[]>([]);
+
+    /**
+     * 设置菜单列表
+     * @param list 菜单路由记录数组
+     */
+    const setMenuList = (list: AppRouteRecord[]) => {
+      const merged = mergeShellRoutesIntoMenu(list);
+      menuList.value = merged;
+      setHomePath(HOME_PAGE_PATH || getFirstMenuPath(merged));
+    };
+
+    /**
+     * 获取首页路径
+     * @returns 首页路径字符串
+     */
+    const getHomePath = () => homePath.value;
+
+    /**
+     * 设置主页路径
+     * @param path 主页路径
+     */
+    const setHomePath = (path: string) => {
+      homePath.value = path;
+    };
+
+    /**
+     * 添加路由移除函数
+     * @param fns 要添加的路由移除函数数组
+     */
+    const addRemoveRouteFns = (fns: (() => void)[]) => {
+      removeRouteFns.value.push(...fns);
+    };
+
+    /**
+     * 移除所有动态路由
+     * 执行所有存储的路由移除函数并清空数组
+     */
+    const removeAllDynamicRoutes = () => {
+      removeRouteFns.value.forEach((fn) => fn());
+      removeRouteFns.value = [];
+    };
+
+    /**
+     * 清空路由移除函数数组
+     */
+    const clearRemoveRouteFns = () => {
+      removeRouteFns.value = [];
+    };
+
+    return {
+      menuList,
+      menuWidth,
+      removeRouteFns,
+      setMenuList,
+      getHomePath,
+      setHomePath,
+      addRemoveRouteFns,
+      removeAllDynamicRoutes,
+      clearRemoveRouteFns,
+    };
+  },
+  {
+    persist: {
+      pick: ["homePath", "menuWidth"],
+    },
+  }
+);
diff --git a/src/store/modules/notice.store.ts b/src/store/modules/notice.store.ts
new file mode 100644
index 0000000..f391b81
--- /dev/null
+++ b/src/store/modules/notice.store.ts
@@ -0,0 +1,124 @@
+/**
+ * 通知状态管理模块
+ *
+ * 提供系统通知的状态管理和持久化
+ *
+ * ## 主要功能
+ *
+ * - 通知列表获取和管理
+ * - 已读通知标记
+ * - 批量标记已读
+ * - 通知数量统计
+ * - 已读状态持久化
+ *
+ * ## 使用场景
+ *
+ * - 通知中心展示
+ * - 未读通知提醒
+ * - 通知阅读状态跟踪
+ * - 登录后的通知加载
+ *
+ * ## 持久化
+ *
+ * - 使用 localStorage 存储
+ * - 已读通知ID集合持久化
+ * - 刷新页面后保留已读状态
+ *
+ * @module store/modules/notice.store
+ * @author FastapiAdmin Team
+ */
+import { store } from "@stores";
+import NoticeAPI, { NoticeTable } from "@/api/module_system/notice";
+import { defineStore } from "pinia";
+import { ref } from "vue";
+
+export const useNoticeStore = defineStore(
+  "noticeStore",
+  () => {
+    // 通知列表
+    const noticeList = ref<NoticeTable[]>([]);
+    // 通知总数
+    const total = ref(0);
+    // 是否已加载通知
+    const isNoticeLoaded = ref(false);
+    // 已读通知ID集合（前端持久化，避免刷新后重复展示）
+    const readIds = ref<number[]>([]);
+
+    /**
+     * 获取通知列表
+     */
+    async function getNotice() {
+      const response = await NoticeAPI.listNoticeAvailable();
+      const items = response.data.data.items || [];
+      // 过滤掉已读的通知
+      const readSet = new Set(readIds.value);
+      const filtered = items.filter(
+        (item: NoticeTable) => item.id !== undefined && !readSet.has(item.id as number)
+      );
+      noticeList.value = filtered;
+      total.value = filtered.length;
+      isNoticeLoaded.value = true;
+    }
+
+    /**
+     * 标记单条通知为已读
+     * @param id 通知ID
+     */
+    const markAsRead = (id?: number) => {
+      if (id === undefined) return;
+      if (!readIds.value.includes(id)) {
+        readIds.value.push(id);
+      }
+      // 同步过滤当前列表
+      noticeList.value = noticeList.value.filter((item) => item.id !== id);
+      total.value = noticeList.value.length;
+    };
+
+    /**
+     * 标记当前列表全部为已读
+     * @param ids 指定的通知ID数组，不传则标记所有
+     */
+    const markAllAsRead = (ids: number[] = []) => {
+      const targets = ids.length
+        ? ids
+        : noticeList.value.map((item) => item.id!).filter((id): id is number => id !== undefined);
+      const readSet = new Set(readIds.value);
+      targets.forEach((id) => {
+        if (!readSet.has(id)) readIds.value.push(id);
+      });
+      // 同步过滤当前列表
+      noticeList.value = noticeList.value.filter(
+        (item) => item.id !== undefined && !readIds.value.includes(item.id as number)
+      );
+      total.value = noticeList.value.length;
+    };
+
+    /**
+     * 清空用户通知信息（用于登出）
+     */
+    const clearUserInfo = () => {
+      noticeList.value = [];
+      total.value = 0;
+      isNoticeLoaded.value = false;
+      readIds.value = [];
+    };
+
+    return {
+      noticeList,
+      total,
+      isNoticeLoaded,
+      readIds,
+      getNotice,
+      markAsRead,
+      markAllAsRead,
+      clearUserInfo,
+    };
+  },
+  {
+    persist: true,
+  }
+);
+
+export function useNoticeStoreHook() {
+  return useNoticeStore(store);
+}
diff --git a/src/store/modules/setting.store.ts b/src/store/modules/setting.store.ts
new file mode 100644
index 0000000..6d5296b
--- /dev/null
+++ b/src/store/modules/setting.store.ts
@@ -0,0 +1,523 @@
+/**
+ * 全局界面设置：布局、主题、页签、水印、工具栏显隐等；部分字段持久化（useStorage / persist）。
+ * `reload` 翻转 `refresh` 布尔值，触发 `FaPageContent` 重建 RouterView（与 useCommon.refresh 一致）。
+ */
+import { defineStore } from "pinia";
+import { ref, computed, watch } from "vue";
+import { MenuThemeType } from "@/types/store";
+import AppConfig from "@/config";
+import { SystemThemeEnum, MenuThemeEnum, MenuTypeEnum, ContainerWidthEnum } from "@/enums/appEnum";
+import { SETTING_DEFAULT_CONFIG } from "@/config/setting";
+import {
+  setElementThemeColor,
+  formatToDate,
+  StorageConfig,
+  applyTheme,
+  generateThemeColors,
+  toggleDarkMode,
+  toggleSidebarColor,
+} from "@utils";
+import { SETTINGS_KEYS } from "@/constants";
+import { useStorage } from "@vueuse/core";
+import { defaultSettings } from "@/config/setting";
+import { SidebarColor, ThemeMode } from "@/enums/settings/theme.enum";
+import type { LayoutMode } from "@/enums/settings/layout.enum";
+import type { Ref } from "vue";
+
+export const useSettingsStore = defineStore(
+  "settingStore",
+  () => {
+    // 菜单
+    const menuType = ref(SETTING_DEFAULT_CONFIG.menuType);
+    const menuOpenWidth = ref(SETTING_DEFAULT_CONFIG.menuOpenWidth);
+    const menuOpen = ref(SETTING_DEFAULT_CONFIG.menuOpen);
+    const dualMenuShowText = ref(SETTING_DEFAULT_CONFIG.dualMenuShowText);
+
+    // 主题
+    const systemThemeType = ref(SETTING_DEFAULT_CONFIG.systemThemeType);
+    const systemThemeMode = ref(SETTING_DEFAULT_CONFIG.systemThemeMode);
+    const menuThemeType = ref(SETTING_DEFAULT_CONFIG.menuThemeType);
+    const systemThemeColor = ref(SETTING_DEFAULT_CONFIG.systemThemeColor);
+
+    // 显示
+    const showMenuButton = ref(SETTING_DEFAULT_CONFIG.showMenuButton);
+    const showFastEnter = ref(SETTING_DEFAULT_CONFIG.showFastEnter);
+    const showRefreshButton = ref(SETTING_DEFAULT_CONFIG.showRefreshButton);
+    const showCrumbs = ref(SETTING_DEFAULT_CONFIG.showCrumbs);
+    const showWorkTab = ref(SETTING_DEFAULT_CONFIG.showWorkTab);
+    const showLanguage = ref(SETTING_DEFAULT_CONFIG.showLanguage);
+    const showNprogress = ref(SETTING_DEFAULT_CONFIG.showNprogress);
+    const showSettingGuide = ref(SETTING_DEFAULT_CONFIG.showSettingGuide);
+    const showFestivalText = ref(SETTING_DEFAULT_CONFIG.showFestivalText);
+    const watermarkVisible = ref(SETTING_DEFAULT_CONFIG.watermarkVisible);
+
+    // 功能
+    const autoClose = ref(SETTING_DEFAULT_CONFIG.autoClose);
+    const uniqueOpened = ref(SETTING_DEFAULT_CONFIG.uniqueOpened);
+    const colorWeak = ref(SETTING_DEFAULT_CONFIG.colorWeak);
+    /** 供布局监听：`reload()` 取反以触发主内容区整页刷新 */
+    const refresh = ref(SETTING_DEFAULT_CONFIG.refresh);
+    const holidayFireworksLoaded = ref(SETTING_DEFAULT_CONFIG.holidayFireworksLoaded);
+
+    // 样式
+    const boxBorderMode = ref(SETTING_DEFAULT_CONFIG.boxBorderMode);
+    const pageTransition = ref(SETTING_DEFAULT_CONFIG.pageTransition);
+    const tabStyle = ref(SETTING_DEFAULT_CONFIG.tabStyle);
+    const customRadius = ref(SETTING_DEFAULT_CONFIG.customRadius);
+    const containerWidth = ref(SETTING_DEFAULT_CONFIG.containerWidth);
+
+    // 节日
+    const festivalDate = ref("");
+
+    // 面板开关（非持久化）
+    const settingsVisible = ref<boolean>(false);
+
+    // 持久化（web-style：useStorage）
+    const showTagsView = useStorage<boolean>(
+      SETTINGS_KEYS.SHOW_TAGS_VIEW,
+      defaultSettings.showTagsView
+    );
+    const showAppLogo = useStorage<boolean>(
+      SETTINGS_KEYS.SHOW_APP_LOGO,
+      defaultSettings.showAppLogo
+    );
+    const showWatermark = useStorage<boolean>(
+      SETTINGS_KEYS.SHOW_WATERMARK,
+      defaultSettings.showWatermark
+    );
+    const showSettings = useStorage<boolean>(
+      SETTINGS_KEYS.SHOW_SETTINGS,
+      defaultSettings.showSettings
+    );
+    const showGuide = useStorage<boolean>(SETTINGS_KEYS.SHOW_GUIDE, defaultSettings.showGuide);
+
+    // 桌面端工具设置 - 持久化
+    const showMenuSearch = useStorage<boolean>(
+      SETTINGS_KEYS.SHOW_MENU_SEARCH,
+      defaultSettings.showMenuSearch
+    );
+    const showFullscreen = useStorage<boolean>(
+      SETTINGS_KEYS.SHOW_FULLSCREEN,
+      defaultSettings.showFullscreen
+    );
+    const showSizeSelect = useStorage<boolean>(
+      SETTINGS_KEYS.SHOW_SIZE_SELECT,
+      defaultSettings.showSizeSelect
+    );
+    const showLangSelect = useStorage<boolean>(
+      SETTINGS_KEYS.SHOW_LANG_SELECT,
+      defaultSettings.showLangSelect
+    );
+    const showNotification = useStorage<boolean>(
+      SETTINGS_KEYS.SHOW_NOTIFICATION,
+      defaultSettings.showNotification
+    );
+
+    // 布局和主题设置 - 持久化
+    const sidebarColorScheme = useStorage<string>(
+      SETTINGS_KEYS.SIDEBAR_COLOR_SCHEME,
+      defaultSettings.sidebarColorScheme
+    );
+    const layout = useStorage<LayoutMode>(
+      SETTINGS_KEYS.LAYOUT,
+      defaultSettings.layout as LayoutMode
+    );
+    const themeColor = useStorage<string>(SETTINGS_KEYS.THEME_COLOR, defaultSettings.themeColor);
+    const theme = useStorage<ThemeMode>(SETTINGS_KEYS.THEME, defaultSettings.theme);
+
+    // 系统设置 - 持久化
+    const grayMode = useStorage<boolean>(SETTINGS_KEYS.GRAY_MODE, defaultSettings.grayMode);
+    const userEnableAi = useStorage<boolean>(SETTINGS_KEYS.AI_ENABLED, defaultSettings.aiEnabled);
+    const pageSwitchingAnimation = useStorage<string>(
+      SETTINGS_KEYS.PAGE_SWITCHING_ANIMATION,
+      defaultSettings.pageSwitchingAnimation
+    );
+
+    const getMenuTheme = computed((): MenuThemeType => {
+      const list = AppConfig.themeList.filter((item) => item.theme === menuThemeType.value);
+      if (isDark.value) {
+        return AppConfig.darkMenuStyles[0]!;
+      } else {
+        return list[0]!;
+      }
+    });
+
+    const isDark = computed((): boolean => {
+      return systemThemeType.value === SystemThemeEnum.DARK;
+    });
+
+    const getMenuOpenWidth = computed((): string => {
+      return (menuOpenWidth.value ?? SETTING_DEFAULT_CONFIG.menuOpenWidth) + "px";
+    });
+
+    const getCustomRadius = computed((): string => {
+      return (customRadius.value ?? SETTING_DEFAULT_CONFIG.customRadius) + "rem";
+    });
+
+    /** festivalDate 存「上次完成烟花播放」的自然日 YYYY-MM-DD，与今天相同则当天不再播 */
+    const isShowFireworks = computed((): boolean => {
+      const today = formatToDate(new Date());
+      return festivalDate.value !== today;
+    });
+
+    const settingsMap = {
+      showTagsView,
+      showAppLogo,
+      showWatermark,
+      showSettings,
+      showGuide,
+      showMenuSearch,
+      showFullscreen,
+      showSizeSelect,
+      showLangSelect,
+      showNotification,
+      sidebarColorScheme,
+      layout,
+      grayMode,
+      userEnableAi,
+    } as const;
+
+    watch(
+      [theme, themeColor],
+      ([newTheme, newThemeColor]) => {
+        try {
+          toggleDarkMode(newTheme === ThemeMode.DARK);
+          const colors = generateThemeColors(newThemeColor, newTheme);
+          applyTheme(colors);
+        } catch (error) {
+          console.error("[SettingStore] 主题初始化失败:", error);
+        }
+      },
+      { immediate: true }
+    );
+
+    watch(
+      [sidebarColorScheme],
+      ([newSidebarColorScheme]) => {
+        toggleSidebarColor(newSidebarColorScheme === SidebarColor.CLASSIC_BLUE);
+      },
+      { immediate: true }
+    );
+
+    watch(
+      grayMode,
+      (v) => {
+        document.documentElement.style.filter = v ? "grayscale(100%)" : "";
+      },
+      { immediate: true }
+    );
+
+    const switchMenuLayouts = (type: MenuTypeEnum) => {
+      menuType.value = type;
+    };
+
+    const setMenuOpenWidth = (width: number) => {
+      menuOpenWidth.value = width;
+    };
+
+    const setGlopTheme = (theme: SystemThemeEnum, themeMode: SystemThemeEnum) => {
+      systemThemeType.value = theme;
+      systemThemeMode.value = themeMode;
+      localStorage.setItem(StorageConfig.THEME_KEY, theme);
+    };
+
+    const switchMenuStyles = (theme: MenuThemeEnum) => {
+      menuThemeType.value = theme;
+    };
+
+    const setElementTheme = (theme: string) => {
+      systemThemeColor.value = theme;
+      setElementThemeColor(theme);
+    };
+
+    const setBorderMode = () => {
+      boxBorderMode.value = !boxBorderMode.value;
+    };
+
+    const setContainerWidth = (width: ContainerWidthEnum) => {
+      containerWidth.value = width;
+    };
+
+    const setUniqueOpened = () => {
+      uniqueOpened.value = !uniqueOpened.value;
+    };
+
+    const setButton = () => {
+      showMenuButton.value = !showMenuButton.value;
+    };
+
+    const setFastEnter = () => {
+      showFastEnter.value = !showFastEnter.value;
+    };
+
+    const setAutoClose = () => {
+      autoClose.value = !autoClose.value;
+    };
+
+    const setShowRefreshButton = () => {
+      showRefreshButton.value = !showRefreshButton.value;
+    };
+
+    const setCrumbs = () => {
+      showCrumbs.value = !showCrumbs.value;
+    };
+
+    const setWorkTab = (show: boolean) => {
+      showWorkTab.value = show;
+    };
+
+    const setLanguage = () => {
+      showLanguage.value = !showLanguage.value;
+    };
+
+    const setNprogress = () => {
+      showNprogress.value = !showNprogress.value;
+    };
+
+    const setColorWeak = () => {
+      colorWeak.value = !colorWeak.value;
+    };
+
+    const hideSettingGuide = () => {
+      showSettingGuide.value = false;
+    };
+
+    const openSettingGuide = () => {
+      showSettingGuide.value = true;
+    };
+
+    const setPageTransition = (transition: string) => {
+      pageTransition.value = transition;
+    };
+
+    const setTabStyle = (style: string) => {
+      tabStyle.value = style;
+    };
+
+    const setMenuOpen = (open: boolean) => {
+      menuOpen.value = open;
+    };
+
+    /** 切换 `refresh`，驱动 `layouts/fa-page-content` 内 `v-if="isRefresh"` 重建视图 */
+    const reload = () => {
+      refresh.value = !refresh.value;
+    };
+
+    const setWatermarkVisible = (visible: boolean) => {
+      watermarkVisible.value = visible;
+    };
+
+    const setCustomRadius = (radius: string) => {
+      customRadius.value = radius;
+      document.documentElement.style.setProperty("--custom-radius", `${radius}rem`);
+    };
+
+    const setholidayFireworksLoaded = (isLoad: boolean) => {
+      holidayFireworksLoaded.value = isLoad;
+    };
+
+    const setShowFestivalText = (show: boolean) => {
+      showFestivalText.value = show;
+    };
+
+    const setFestivalDate = (date: string) => {
+      festivalDate.value = date;
+    };
+
+    const setDualMenuShowText = (show: boolean) => {
+      dualMenuShowText.value = show;
+    };
+
+    function updateSetting<K extends keyof typeof settingsMap>(
+      key: K,
+      value: boolean | string
+    ): void {
+      const setting = settingsMap[key];
+      if (setting) {
+        (setting as Ref<any>).value = value;
+      }
+    }
+
+    function updateTheme(newTheme: ThemeMode): void {
+      theme.value = newTheme;
+    }
+
+    function updateThemeColor(newColor: string): void {
+      themeColor.value = newColor;
+    }
+
+    function updateSidebarColorScheme(newScheme: string): void {
+      sidebarColorScheme.value = newScheme;
+    }
+
+    function updateLayout(newLayout: LayoutMode): void {
+      layout.value = newLayout;
+    }
+
+    function toggleSettingsPanel(): void {
+      settingsVisible.value = !settingsVisible.value;
+    }
+
+    function showSettingsPanel(): void {
+      settingsVisible.value = true;
+    }
+
+    function hideSettingsPanel(): void {
+      settingsVisible.value = false;
+    }
+
+    function updateUserEnableAi(newValue: boolean): void {
+      userEnableAi.value = newValue;
+    }
+
+    function updateGrayMode(newValue: boolean): void {
+      grayMode.value = newValue;
+    }
+
+    function updatePageSwitchingAnimation(newValue: string): void {
+      pageSwitchingAnimation.value = newValue;
+    }
+
+    function resetSettings(): void {
+      // 界面显示设置
+      showTagsView.value = defaultSettings.showTagsView;
+      showAppLogo.value = defaultSettings.showAppLogo;
+      showWatermark.value = defaultSettings.showWatermark;
+      showSettings.value = defaultSettings.showSettings;
+      showGuide.value = defaultSettings.showGuide;
+
+      // 桌面端工具设置
+      showMenuSearch.value = defaultSettings.showMenuSearch;
+      showFullscreen.value = defaultSettings.showFullscreen;
+      showSizeSelect.value = defaultSettings.showSizeSelect;
+      showLangSelect.value = defaultSettings.showLangSelect;
+      showNotification.value = defaultSettings.showNotification;
+
+      // 布局和主题设置
+      sidebarColorScheme.value = defaultSettings.sidebarColorScheme;
+      layout.value = defaultSettings.layout as LayoutMode;
+      themeColor.value = defaultSettings.themeColor;
+      theme.value = defaultSettings.theme;
+
+      // 系统设置
+      grayMode.value = defaultSettings.grayMode;
+      userEnableAi.value = defaultSettings.aiEnabled;
+      pageSwitchingAnimation.value = defaultSettings.pageSwitchingAnimation;
+    }
+
+    // ==============================================
+    // 返回所有状态和方法
+    // ==============================================
+
+    return {
+      // 从 setting.ts 来的状态
+      menuType,
+      menuOpenWidth,
+      menuOpen,
+      dualMenuShowText,
+      systemThemeType,
+      systemThemeMode,
+      menuThemeType,
+      systemThemeColor,
+      showMenuButton,
+      showFastEnter,
+      showRefreshButton,
+      showCrumbs,
+      showWorkTab,
+      showLanguage,
+      showNprogress,
+      showSettingGuide,
+      showFestivalText,
+      watermarkVisible,
+      autoClose,
+      uniqueOpened,
+      colorWeak,
+      refresh,
+      holidayFireworksLoaded,
+      boxBorderMode,
+      pageTransition,
+      tabStyle,
+      customRadius,
+      containerWidth,
+      festivalDate,
+
+      // 从 settings.store.ts 来的状态
+      settingsVisible,
+      showTagsView,
+      showAppLogo,
+      showWatermark,
+      showSettings,
+      showGuide,
+      showMenuSearch,
+      showFullscreen,
+      showSizeSelect,
+      showLangSelect,
+      showNotification,
+      sidebarColorScheme,
+      layout,
+      themeColor,
+      theme,
+      grayMode,
+      userEnableAi,
+      pageSwitchingAnimation,
+
+      // 计算属性
+      getMenuTheme,
+      isDark,
+      getMenuOpenWidth,
+      getCustomRadius,
+      isShowFireworks,
+
+      // 从 setting.ts 来的方法
+      switchMenuLayouts,
+      setMenuOpenWidth,
+      setGlopTheme,
+      switchMenuStyles,
+      setElementTheme,
+      setBorderMode,
+      setContainerWidth,
+      setUniqueOpened,
+      setButton,
+      setFastEnter,
+      setAutoClose,
+      setShowRefreshButton,
+      setCrumbs,
+      setWorkTab,
+      setLanguage,
+      setNprogress,
+      setColorWeak,
+      hideSettingGuide,
+      openSettingGuide,
+      setPageTransition,
+      setTabStyle,
+      setMenuOpen,
+      reload,
+      setWatermarkVisible,
+      setCustomRadius,
+      setholidayFireworksLoaded,
+      setShowFestivalText,
+      setFestivalDate,
+      setDualMenuShowText,
+
+      // 从 settings.store.ts 来的方法
+      updateSetting,
+      updateTheme,
+      updateThemeColor,
+      updateSidebarColorScheme,
+      updateLayout,
+      toggleSettingsPanel,
+      showSettingsPanel,
+      hideSettingsPanel,
+      updateUserEnableAi,
+      updateGrayMode,
+      updatePageSwitchingAnimation,
+      resetSettings,
+    };
+  },
+  {
+    persist: {
+      key: "setting",
+      storage: localStorage,
+    },
+  }
+);
diff --git a/src/store/modules/table.store.ts b/src/store/modules/table.store.ts
new file mode 100644
index 0000000..d915571
--- /dev/null
+++ b/src/store/modules/table.store.ts
@@ -0,0 +1,61 @@
+/**
+ * 表格全局外观与交互：`FaTable` / `FaTableHeader` 通过 store 同步密度、斑马纹、边框、表头背景、全屏、行拖拽。
+ *
+ * ── 设计意图 ──
+ * 将「表格显示偏好」提升到 Pinia store 层，而非每个页面各自维护。
+ * 用户在一个页面调整密度/斑马纹后，其他页面也同步生效。
+ *
+ * 持久化：options.persist → localStorage "tableStore"，刷新后保留。
+ */
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { TableSizeEnum } from "@/enums/formEnum";
+
+export const useTableStore = defineStore(
+  "tableStore",
+  () => {
+    // --- 表格样式 ---
+    const tableSize = ref(TableSizeEnum.DEFAULT);
+    const isZebra = ref(false);
+    const isBorder = ref(false);
+    const isHeaderBackground = ref(false);
+
+    // --- 交互 ---
+    const isFullScreen = ref(false);
+    /** 工具栏「行拖拽」；仅当表格数据为可变数组时有效 */
+    const isRowDrag = ref(false);
+    /** 高亮当前行 */
+    const highlightCurrentRow = ref(false);
+
+    const setTableSize = (size: TableSizeEnum) => (tableSize.value = size);
+    const setIsZebra = (value: boolean) => (isZebra.value = value);
+    const setIsBorder = (value: boolean) => (isBorder.value = value);
+    const setIsHeaderBackground = (value: boolean) => (isHeaderBackground.value = value);
+    const setIsFullScreen = (value: boolean) => (isFullScreen.value = value);
+    const setIsRowDrag = (value: boolean) => (isRowDrag.value = value);
+    const setHighlightCurrentRow = (value: boolean) => (highlightCurrentRow.value = value);
+
+    return {
+      tableSize,
+      isZebra,
+      isBorder,
+      isHeaderBackground,
+      setTableSize,
+      setIsZebra,
+      setIsBorder,
+      setIsHeaderBackground,
+      isFullScreen,
+      setIsFullScreen,
+      isRowDrag,
+      setIsRowDrag,
+      highlightCurrentRow,
+      setHighlightCurrentRow,
+    };
+  },
+  {
+    persist: {
+      key: "table",
+      storage: localStorage,
+    },
+  }
+);
diff --git a/src/store/modules/user.store.ts b/src/store/modules/user.store.ts
new file mode 100644
index 0000000..6b8a9ff
--- /dev/null
+++ b/src/store/modules/user.store.ts
@@ -0,0 +1,496 @@
+/** User store. */
+import { defineStore } from "pinia";
+import { ref, computed } from "vue";
+import { LanguageEnum } from "@/enums/appEnum";
+import { router } from "@/router";
+import { useSettingsStore } from "./setting.store";
+import { useWorktabStore } from "./worktab.store";
+import { useMenuStore } from "./menu.store";
+import { useConfigStore } from "./config.store";
+import { AppRouteRecord } from "@/types/router";
+import { Auth, setPageTitle, StorageConfig } from "@utils";
+import AuthAPI from "@/api/module_system/auth";
+import UserAPI from "@/api/module_system/user";
+import type { TenantOption } from "@/api/module_system/auth";
+import type { MenuTable } from "@/api/module_platform/menu";
+import { ResultEnum } from "@/enums/api/result.enum";
+import { ElNotification } from "element-plus";
+import { store, useDictStore } from "@stores";
+import type { UserInfo } from "@/api/module_system/user";
+
+/** 延迟加载 beforeEach 工具函数，避免 user.store 与 beforeEach 的循环依赖 */
+let _routerUtilsPromise: Promise<typeof import("@/router/beforeEach")> | null = null;
+const getRouterUtils = () => {
+  if (!_routerUtilsPromise) _routerUtilsPromise = import("@/router/beforeEach");
+  return _routerUtilsPromise;
+};
+
+/** {@link useUserStore} 的 `logout` 可选参数 */
+export interface LogoutOptions {
+  /**
+   * 为 false 时仅清理状态，不跳转登录（由调用方自行 next/router，如锁屏页 replace）
+   * @default true
+   */
+  navigate?: boolean;
+}
+
+/**
+ * 用户状态管理
+ * 管理用户登录状态、个人信息、语言设置、搜索历史、锁屏状态等
+ */
+export const useUserStore = defineStore(
+  "userStore",
+  () => {
+    // 语言设置
+    const language = ref(LanguageEnum.ZH);
+    // 登录状态
+    const isLogin = ref(false);
+    // 锁屏状态
+    const isLock = ref(false);
+    // 锁屏密码
+    const lockPassword = ref("");
+    // 用户信息
+    const info = ref<Partial<UserInfo>>({});
+    // 搜索历史记录
+    const searchHistory = ref<AppRouteRecord[]>([]);
+    // 访问令牌
+    const accessToken = ref("");
+    // 刷新令牌
+    const refreshToken = ref("");
+    // 路由列表
+    const routeList = ref<MenuTable[]>([]);
+    // 权限列表
+    const prems = ref<string[]>([]);
+    // 是否已获取路由
+    const hasGetRoute = ref(false);
+    // 记住我状态
+    const rememberMe = ref(Auth.getRememberMe());
+    // 租户列表
+    const tenantList = ref<TenantOption[]>([]);
+    // 当前选中租户
+    const currentTenant = ref<TenantOption | null>(null);
+    /** info 扩展类型：兼容 API 返回 `user_id`（非标准 UserInfo 字段） */
+    type UserInfoLike = Partial<UserInfo> & Record<string, any>;
+
+    // 计算属性：基础用户信息
+    const basicInfo = computed(() => info.value as UserInfoLike);
+    // 计算属性：获取设置状态
+    const getSettingState = computed(() => useSettingsStore().$state);
+    // 计算属性：获取工作台状态
+    const getWorktabState = computed(() => useWorktabStore().$state);
+    // 计算属性：获取基础信息
+    const getBasicInfo = computed(() => info.value as UserInfoLike);
+    // 计算属性：获取路由列表
+    const getRouteList = computed(() => routeList.value);
+    // 计算属性：获取权限列表
+    const getPerms = computed(() => prems.value);
+    // 计算属性：是否已获取路由
+    const getHasGetRoute = computed(() => hasGetRoute.value);
+
+    /**
+     * 设置用户信息
+     * @param newInfo 新的用户信息
+     */
+    const setUserInfo = (newInfo: UserInfo | UserInfo) => {
+      info.value = newInfo;
+      // 设置用户信息后自动更新权限
+      setPermissions([]);
+    };
+
+    /**
+     * 设置登录状态
+     * @param status 登录状态
+     */
+    const setLoginStatus = (status: boolean) => {
+      isLogin.value = status;
+    };
+
+    /**
+     * 设置语言
+     * @param lang 语言枚举值
+     */
+    const setLanguage = (lang: LanguageEnum) => {
+      setPageTitle(router.currentRoute.value);
+      language.value = lang;
+    };
+
+    /**
+     * 设置搜索历史
+     * @param list 搜索历史列表
+     */
+    const setSearchHistory = (list: AppRouteRecord[]) => {
+      searchHistory.value = list;
+    };
+
+    /**
+     * 设置锁屏状态
+     * @param status 锁屏状态
+     */
+    const setLockStatus = (status: boolean) => {
+      isLock.value = status;
+    };
+
+    /**
+     * 设置锁屏密码
+     * @param password 锁屏密码
+     */
+    const setLockPassword = (password: string) => {
+      lockPassword.value = password;
+    };
+
+    /**
+     * 设置令牌
+     * @param newAccessToken 访问令牌
+     * @param newRefreshToken 刷新令牌（可选）
+     */
+    const setToken = (newAccessToken: string, newRefreshToken?: string) => {
+      accessToken.value = newAccessToken;
+      if (newRefreshToken) {
+        refreshToken.value = newRefreshToken;
+      }
+    };
+
+    /**
+     * 检查并清理工作台标签页
+     * 如果不是同一用户登录，清空工作台标签页
+     * 应在登录成功后调用
+     */
+    const checkAndClearWorktabs = () => {
+      const lastUserId = localStorage.getItem(StorageConfig.LAST_USER_ID_KEY);
+      const ui = info.value as UserInfoLike;
+      const currentUserId = ui.id || ui.user_id;
+
+      // 无法获取当前用户 ID，跳过检查
+      if (!currentUserId) return;
+
+      // 首次登录或缓存已清除，保留现有标签页
+      if (!lastUserId) {
+        return;
+      }
+
+      // 不同用户登录：清空工作台标签（含 current，避免与路由脱节；并与持久化一致）
+      if (String(currentUserId) !== String(lastUserId)) {
+        useWorktabStore().clearAll();
+      }
+
+      // 清除临时存储
+      localStorage.removeItem(StorageConfig.LAST_USER_ID_KEY);
+    };
+
+    /**
+     * 获取用户租户列表
+     */
+    async function fetchTenants() {
+      try {
+        const response = await AuthAPI.getTenants();
+        const data = response.data.data || [];
+        tenantList.value = data;
+        // 恢复上次选择的租户
+        const savedId = localStorage.getItem(StorageConfig.LAST_TENANT_ID_KEY);
+        if (savedId) {
+          const found = data.find((t: TenantOption) => String(t.id) === savedId);
+          if (found) {
+            currentTenant.value = found;
+          }
+        }
+        return data;
+      } catch (error) {
+        console.error("获取租户列表失败:", error);
+        return [];
+      }
+    }
+
+    /**
+     * 选择租户
+     */
+    async function selectTenant(tenantId: number) {
+      const response = await AuthAPI.selectTenant(tenantId);
+      const data = response.data.data;
+      if (response.data.code === ResultEnum.SUCCESS && data?.access_token) {
+        const currentRefreshToken = Auth.getRefreshToken() || "";
+        Auth.setTokens(data.access_token, currentRefreshToken, rememberMe.value);
+        setToken(data.access_token);
+        const found = tenantList.value.find((t) => String(t.id) === String(tenantId));
+        if (found) {
+          currentTenant.value = found;
+          localStorage.setItem(StorageConfig.LAST_TENANT_ID_KEY, String(found.id));
+        }
+      }
+    }
+
+    /**
+     * 设置当前租户
+     */
+    function setCurrentTenant(tenant: TenantOption | null) {
+      currentTenant.value = tenant;
+      if (tenant) {
+        localStorage.setItem(StorageConfig.LAST_TENANT_ID_KEY, String(tenant.id));
+      } else {
+        localStorage.removeItem(StorageConfig.LAST_TENANT_ID_KEY);
+      }
+    }
+
+    /**
+     * 获取用户信息
+     */
+    async function getUserInfo() {
+      try {
+        const response = await UserAPI.getCurrentUserInfo();
+        const data = response.data.data;
+        const menus: MenuTable[] = data?.menus || [];
+        delete data?.menus;
+        info.value = { ...info.value, ...data } as Partial<UserInfo>;
+        setRoute(menus);
+      } catch (error) {
+        console.error("获取用户信息失败:", error);
+        throw error;
+      }
+    }
+
+    /**
+     * 设置头像
+     */
+    function setAvatar(avatar: string) {
+      info.value = { ...info.value, avatar };
+    }
+
+    /**
+     * 设置路由
+     */
+    function setRoute(routers: MenuTable[]) {
+      routeList.value = routers;
+      hasGetRoute.value = true;
+      setPermissions(routers);
+    }
+
+    /**
+     * 设置权限
+     */
+    function setPermissions(menus: MenuTable[]) {
+      prems.value = [];
+      if (!info.value.roles) return;
+
+      const roleMenus = info.value.roles
+        .filter((role) => role.menus && role.menus.length > 0)
+        .flatMap((role) => role.menus)
+        .filter((menu): menu is MenuTable => menu !== undefined);
+
+      const allMenus = [...menus, ...roleMenus];
+
+      const permissionSet = new Set<string>();
+      const collect = (items: MenuTable[]) => {
+        items.forEach((item) => {
+          if (item.permission) {
+            permissionSet.add(item.permission);
+          }
+          if (item.children && item.children.length > 0) {
+            collect(item.children.filter((child): child is MenuTable => child !== undefined));
+          }
+        });
+      };
+
+      collect(allMenus);
+      prems.value = Array.from(permissionSet);
+    }
+
+    /**
+     * 登录
+     */
+    async function login(loginForm: any) {
+      const response = await AuthAPI.login(loginForm);
+      const data = response.data.data;
+      if (response.data.code === ResultEnum.SUCCESS) {
+        ElNotification({
+          title: "通知",
+          message: response.data.msg,
+          type: "success",
+        });
+      }
+      rememberMe.value = loginForm.remember;
+
+      const accessToken = data?.access_token || "";
+      const refreshToken = data?.refresh_token || "";
+      if (!accessToken) {
+        console.error("[Login Debug] ⚠️ 未获取到 access_token！字段名可能与后端不匹配");
+      }
+
+      // 清除上次会话里「动态路由初始化失败」标记，避免重新登录后侧栏/菜单不注册
+      (await getRouterUtils()).resetRouteInitState();
+      Auth.setTokens(accessToken, refreshToken, rememberMe.value);
+      setToken(accessToken, refreshToken);
+
+      // 检查登录响应中的租户列表
+      const tenants = data?.tenants || [];
+      if (tenants.length > 0) {
+        tenantList.value = tenants;
+      }
+
+      await getUserInfo();
+      await useConfigStore().getConfig(true);
+      setLoginStatus(true);
+    }
+
+    /**
+     * 登出：有 token 时请求后端；统一清理状态；默认跳转登录页并带 redirect
+     */
+    async function logout(options?: LogoutOptions) {
+      const shouldNavigate = options?.navigate !== false;
+
+      const ui = info.value as UserInfoLike;
+      const currentUserId = ui.id || ui.user_id;
+      if (currentUserId) {
+        localStorage.setItem(StorageConfig.LAST_USER_ID_KEY, String(currentUserId));
+      }
+
+      let apiError: unknown;
+      const token = Auth.getAccessToken();
+      if (token) {
+        try {
+          const response = await AuthAPI.logout({ token });
+          if (response.data.code === ResultEnum.SUCCESS) {
+            ElNotification({
+              title: "通知",
+              message: response.data.msg,
+              type: "success",
+            });
+          }
+        } catch (e) {
+          apiError = e;
+        }
+      }
+
+      resetAllState();
+      sessionStorage.removeItem("iframeRoutes");
+      useMenuStore().setHomePath("");
+      (await getRouterUtils()).resetRouterState(500);
+
+      if (shouldNavigate) {
+        const currentRoute = router.currentRoute.value;
+        const redirect = currentRoute.path !== "/login" ? currentRoute.fullPath : undefined;
+        await router.push({
+          name: "Login",
+          query: redirect ? { redirect } : undefined,
+        });
+      }
+
+      if (apiError) {
+        throw apiError;
+      }
+    }
+
+    /**
+     * 重置所有状态
+     */
+    function resetAllState() {
+      Auth.clearAuth();
+      info.value = {};
+      routeList.value = [];
+      hasGetRoute.value = false;
+      isLogin.value = false;
+      isLock.value = false;
+      lockPassword.value = "";
+      accessToken.value = "";
+      refreshToken.value = "";
+      prems.value = [];
+      tenantList.value = [];
+      currentTenant.value = null;
+      /** 登出 / 认证失效：会话结束，工作栏与 KeepAlive exclude 一并清空（pinia 持久化随之写入） */
+      useWorktabStore().clearAll();
+    }
+
+    /**
+     * 清空用户信息
+     */
+    function clearUserInfo() {
+      info.value = {};
+      routeList.value = [];
+      hasGetRoute.value = false;
+    }
+
+    /**
+     * 刷新token
+     */
+    async function refreshTokenFn() {
+      const currentRefreshToken = Auth.getRefreshToken();
+
+      if (!currentRefreshToken) {
+        throw new Error("没有有效的刷新令牌");
+      }
+
+      const response = await AuthAPI.refreshToken({ refresh_token: currentRefreshToken });
+      const data = response.data.data;
+      // 更新令牌，保持当前记住我状态
+      Auth.setTokens(data.access_token, data.refresh_token, Auth.getRememberMe());
+      setToken(data.access_token, data.refresh_token);
+    }
+
+    /**
+     * 完全重置所有状态（包括路由、标签页、字典等）
+     */
+    function fullResetAllState() {
+      // 重置用户状态
+      Auth.clearAuth();
+      // 重置用户信息
+      clearUserInfo();
+      useWorktabStore().clearAll();
+      // 重置字典
+      useDictStore(store).clearDictData();
+
+      return Promise.resolve();
+    }
+
+    return {
+      language,
+      isLogin,
+      isLock,
+      lockPassword,
+      info,
+      searchHistory,
+      accessToken,
+      routeList,
+      prems,
+      hasGetRoute,
+      rememberMe,
+      getUserInfo,
+      getSettingState,
+      getWorktabState,
+      basicInfo,
+      getBasicInfo,
+      getRouteList,
+      getPerms,
+      getHasGetRoute,
+      setUserInfo,
+      setLoginStatus,
+      setLanguage,
+      setSearchHistory,
+      setLockStatus,
+      setLockPassword,
+      setToken,
+      setAvatar,
+      setRoute,
+      setPermissions,
+      login,
+      logout,
+      checkAndClearWorktabs,
+      clearUserInfo,
+      refreshTokenFn,
+      resetAllState,
+      fullResetAllState,
+      tenantList,
+      currentTenant,
+      fetchTenants,
+      selectTenant,
+      setCurrentTenant,
+    };
+  },
+  {
+    persist: {
+      key: "user",
+      storage: localStorage,
+    },
+  }
+);
+
+export function useUserStoreHook() {
+  return useUserStore(store);
+}
diff --git a/src/store/modules/worktab.store.ts b/src/store/modules/worktab.store.ts
new file mode 100644
index 0000000..67361ab
--- /dev/null
+++ b/src/store/modules/worktab.store.ts
@@ -0,0 +1,638 @@
+/**
+ * 工作标签页状态管理模块
+ *
+ * 提供多标签页功能的完整状态管理
+ *
+ * ## 主要功能
+ *
+ * - 标签页打开和关闭
+ * - 标签页固定和取消固定
+ * - 批量关闭（左侧、右侧、其他、全部）
+ * - 标签页缓存管理（KeepAlive）
+ * - 标签页标题自定义
+ * - 标签页路由验证
+ * - 动态路由参数处理
+ *
+ * ## 使用场景
+ *
+ * - 多标签页导航
+ * - 页面缓存控制
+ * - 标签页右键菜单
+ * - 固定常用页面
+ * - 批量关闭标签
+ *
+ * ## 核心特性
+ *
+ * - 标签以 path 标识；同一路由组件可对不同 path 多开
+ * - 固定标签页保护（不可关闭）
+ * - KeepAlive 缓存排除管理
+ * - 路由有效性验证
+ * - 首页自动保留
+ *
+ * ## 持久化
+ * - 使用 localStorage 存储
+ * - 存储键：sys-v{version}-worktab
+ * - 刷新页面保持标签状态
+ *
+ * @module store/modules/worktab.store
+ * @author FastapiAdmin Team
+ */
+import { defineStore } from "pinia";
+import { ref, computed } from "vue";
+import { router } from "@/router";
+import { LocationQueryRaw, Router } from "vue-router";
+import { WorkTab } from "@/types";
+import { useCommon } from "@/hooks/core/useCommon";
+import { ROUTE_PATH_LOGIN_ALT } from "@/router/staticRoutes";
+
+interface WorktabState {
+  current: Partial<WorkTab>;
+  opened: WorkTab[];
+  keepAliveExclude: string[];
+}
+
+/**
+ * 工作台标签页管理 Store
+ */
+export const useWorktabStore = defineStore(
+  "worktabStore",
+  () => {
+    // 状态定义
+    const current = ref<Partial<WorkTab>>({});
+    const opened = ref<WorkTab[]>([]);
+    const keepAliveExclude = ref<string[]>([]);
+
+    // 计算属性
+    const hasOpenedTabs = computed(() => opened.value.length > 0);
+    const hasMultipleTabs = computed(() => opened.value.length > 1);
+    const currentTabIndex = computed(() =>
+      current.value.path ? opened.value.findIndex((tab) => tab.path === current.value.path) : -1
+    );
+
+    /**
+     * 查找标签页索引
+     */
+    const findTabIndex = (path: string): number => {
+      return opened.value.findIndex((tab) => tab.path === path);
+    };
+
+    /**
+     * 获取标签页
+     */
+    const getTab = (path: string): WorkTab | undefined => {
+      return opened.value.find((tab) => tab.path === path);
+    };
+
+    /**
+     * 检查标签页是否可关闭
+     */
+    const isTabClosable = (tab: WorkTab): boolean => {
+      return !tab.fixedTab;
+    };
+
+    /**
+     * 安全的路由跳转
+     */
+    const safeRouterPush = (tab: Partial<WorkTab>): void => {
+      if (!tab.path) {
+        console.warn("尝试跳转到无效路径的标签页");
+        return;
+      }
+
+      try {
+        router.push({
+          path: tab.path,
+          query: tab.query as LocationQueryRaw,
+        });
+      } catch (error) {
+        console.error("路由跳转失败:", error);
+      }
+    };
+
+    /**
+     * 批量关标签后：若当前 URL 已不在 opened 中，则跳到 `current` 对应标签（避免路由与工作栏脱节）。
+     */
+    const ensureRouterMatchesOpenedTab = (): void => {
+      if (!opened.value.length) return;
+      const locPath = router.currentRoute.value.path;
+      if (opened.value.some((t) => t.path === locPath)) return;
+      const tab = current.value as Partial<WorkTab>;
+      if (tab.path) {
+        safeRouterPush(tab as WorkTab);
+      }
+    };
+
+    /**
+     * 打开或激活一个选项卡
+     */
+    const openTab = (tab: WorkTab): void => {
+      if (!tab.path) {
+        console.warn("尝试打开无效的标签页");
+        return;
+      }
+
+      // 从 keepAlive 排除列表中移除
+      if (tab.name) {
+        removeKeepAliveExclude(tab.name);
+      }
+
+      // 仅以 path 识别标签：同一 route_name（同一组件）可对不同 path 同时保留多条标签
+      const existingIndex = findTabIndex(tab.path);
+
+      if (existingIndex === -1) {
+        // 新增标签页
+        const insertIndex = tab.fixedTab ? findFixedTabInsertIndex() : opened.value.length;
+        const newTab = { ...tab };
+
+        if (tab.fixedTab) {
+          opened.value.splice(insertIndex, 0, newTab);
+        } else {
+          opened.value.push(newTab);
+        }
+
+        current.value = newTab;
+      } else {
+        // 更新现有标签页（当动态路由参数或查询变更时，复用同一标签）
+        const existingTab = opened.value[existingIndex]!;
+
+        opened.value[existingIndex] = {
+          ...existingTab,
+          path: tab.path,
+          params: tab.params,
+          query: tab.query,
+          title: tab.title || existingTab.title,
+          fixedTab: tab.fixedTab ?? existingTab.fixedTab,
+          keepAlive: tab.keepAlive ?? existingTab.keepAlive,
+          name: tab.name || existingTab.name,
+          icon: tab.icon || existingTab.icon,
+        };
+
+        current.value = opened.value[existingIndex]!;
+      }
+    };
+
+    /**
+     * 查找固定标签页的插入位置
+     */
+    const findFixedTabInsertIndex = (): number => {
+      let insertIndex = 0;
+      for (let i = 0; i < opened.value.length; i++) {
+        if (opened.value[i]!.fixedTab) {
+          insertIndex = i + 1;
+        } else {
+          break;
+        }
+      }
+      return insertIndex;
+    };
+
+    /**
+     * 关闭指定的选项卡
+     */
+    const removeTab = (path: string): void => {
+      const targetTab = getTab(path);
+      const targetIndex = findTabIndex(path);
+
+      if (targetIndex === -1) {
+        console.warn(`尝试关闭不存在的标签页: ${path}`);
+        return;
+      }
+
+      if (targetTab && !isTabClosable(targetTab)) {
+        console.warn(`尝试关闭固定标签页: ${path}`);
+        return;
+      }
+
+      // 从标签页列表中移除
+      opened.value.splice(targetIndex, 1);
+
+      // 处理缓存排除
+      if (targetTab?.name) {
+        addKeepAliveExclude(targetTab);
+      }
+
+      const { homePath } = useCommon();
+
+      // 如果关闭后无标签页，跳转首页
+      if (!hasOpenedTabs.value) {
+        if (path !== homePath.value) {
+          current.value = {};
+          safeRouterPush({ path: homePath.value });
+        }
+        return;
+      }
+
+      // 如果关闭的是当前激活标签，需要激活其他标签
+      if (current.value.path === path) {
+        const newIndex = targetIndex >= opened.value.length ? opened.value.length - 1 : targetIndex;
+        const nextTab = opened.value[newIndex];
+        if (!nextTab) return;
+        current.value = nextTab;
+        safeRouterPush(nextTab);
+      }
+    };
+
+    /**
+     * 关闭左侧选项卡
+     */
+    const removeLeft = (path: string): void => {
+      const targetIndex = findTabIndex(path);
+
+      if (targetIndex === -1) {
+        console.warn(`尝试关闭左侧标签页，但目标标签页不存在: ${path}`);
+        return;
+      }
+
+      // 获取左侧可关闭的标签页
+      const leftTabs = opened.value.slice(0, targetIndex);
+      const closableLeftTabs = leftTabs.filter(isTabClosable);
+
+      if (closableLeftTabs.length === 0) {
+        console.warn("左侧没有可关闭的标签页");
+        return;
+      }
+
+      // 标记为缓存排除
+      markTabsToRemove(closableLeftTabs);
+
+      // 移除左侧可关闭的标签页
+      opened.value = opened.value.filter(
+        (tab, index) => index >= targetIndex || !isTabClosable(tab)
+      );
+
+      // 确保当前标签是激活状态
+      const targetTab = getTab(path);
+      if (targetTab) {
+        current.value = targetTab;
+      }
+      ensureRouterMatchesOpenedTab();
+    };
+
+    /**
+     * 关闭右侧选项卡
+     */
+    const removeRight = (path: string): void => {
+      const targetIndex = findTabIndex(path);
+
+      if (targetIndex === -1) {
+        console.warn(`尝试关闭右侧标签页，但目标标签页不存在: ${path}`);
+        return;
+      }
+
+      // 获取右侧可关闭的标签页
+      const rightTabs = opened.value.slice(targetIndex + 1);
+      const closableRightTabs = rightTabs.filter(isTabClosable);
+
+      if (closableRightTabs.length === 0) {
+        console.warn("右侧没有可关闭的标签页");
+        return;
+      }
+
+      // 标记为缓存排除
+      markTabsToRemove(closableRightTabs);
+
+      // 移除右侧可关闭的标签页
+      opened.value = opened.value.filter(
+        (tab, index) => index <= targetIndex || !isTabClosable(tab)
+      );
+
+      // 确保当前标签是激活状态
+      const targetTab = getTab(path);
+      if (targetTab) {
+        current.value = targetTab;
+      }
+      ensureRouterMatchesOpenedTab();
+    };
+
+    /**
+     * 关闭其他选项卡
+     */
+    const removeOthers = (path: string): void => {
+      const targetTab = getTab(path);
+
+      if (!targetTab) {
+        console.warn(`尝试关闭其他标签页，但目标标签页不存在: ${path}`);
+        return;
+      }
+
+      // 获取其他可关闭的标签页
+      const otherTabs = opened.value.filter((tab) => tab.path !== path);
+      const closableTabs = otherTabs.filter(isTabClosable);
+
+      if (closableTabs.length === 0) {
+        console.warn("没有其他可关闭的标签页");
+        return;
+      }
+
+      // 标记为缓存排除
+      markTabsToRemove(closableTabs);
+
+      // 只保留当前标签和固定标签
+      opened.value = opened.value.filter((tab) => tab.path === path || !isTabClosable(tab));
+
+      // 确保当前标签是激活状态
+      current.value = targetTab;
+      ensureRouterMatchesOpenedTab();
+    };
+
+    /**
+     * 关闭所有可关闭的标签页
+     */
+    const removeAll = (): void => {
+      const { homePath } = useCommon();
+      const hasFixedTabs = opened.value.some((tab) => tab.fixedTab);
+
+      // 获取可关闭的标签页
+      const closableTabs = opened.value.filter((tab) => {
+        if (!isTabClosable(tab)) return false;
+        // 如果有固定标签，则所有可关闭的都可以关闭；否则保留首页
+        return hasFixedTabs || tab.path !== homePath.value;
+      });
+
+      if (closableTabs.length === 0) {
+        console.warn("没有可关闭的标签页");
+        return;
+      }
+
+      // 标记为缓存排除
+      markTabsToRemove(closableTabs);
+
+      // 保留不可关闭的标签页和首页（当没有固定标签时）
+      opened.value = opened.value.filter((tab) => {
+        return !isTabClosable(tab) || (!hasFixedTabs && tab.path === homePath.value);
+      });
+
+      // 处理激活状态
+      if (!hasOpenedTabs.value) {
+        current.value = {};
+        safeRouterPush({ path: homePath.value });
+        return;
+      }
+
+      // 选择激活的标签页：优先首页，其次第一个可用标签
+      const homeTab = opened.value.find((tab) => tab.path === homePath.value);
+      const targetTab = homeTab || opened.value[0];
+      if (!targetTab) return;
+
+      current.value = targetTab;
+      safeRouterPush(targetTab as Partial<WorkTab>);
+    };
+
+    /**
+     * KeepAlive 的 exclude 按「组件名」匹配，会一次性清掉所有同名实例。
+     * 仅当 remaining 中已无任何同名标签时，才把该组件名加入 exclude（支持同 route_name 多 path 并存）。
+     */
+    const pushExcludeIfLastSiblingOfName = (
+      name: string | undefined,
+      remaining: WorkTab[],
+      tab: Pick<WorkTab, "keepAlive">
+    ): void => {
+      if (!name || tab.keepAlive === false) return;
+      if (remaining.some((t) => t.name === name)) return;
+      if (!keepAliveExclude.value.includes(name)) {
+        keepAliveExclude.value.push(name);
+      }
+    };
+
+    /**
+     * 将指定选项卡添加到 keepAlive 排除列表中。
+     * 须与布局「keepAlive !== false 即缓存」一致：仅用 `=== false` 跳过（undefined/true 均应排除），
+     * 否则关标签时无法剔除原先 meta 未显式写 keepAlive 的页的缓存。
+     */
+    const addKeepAliveExclude = (tab: WorkTab): void => {
+      pushExcludeIfLastSiblingOfName(tab.name, opened.value, tab);
+    };
+
+    /**
+     * 从 keepAlive 排除列表中移除指定组件名称
+     */
+    const removeKeepAliveExclude = (name: string): void => {
+      if (!name) return;
+
+      keepAliveExclude.value = keepAliveExclude.value.filter((item) => item !== name);
+    };
+
+    /**
+     * 将传入的一组选项卡的组件名称标记为排除缓存
+     */
+    const markTabsToRemove = (tabs: WorkTab[]): void => {
+      const removedPaths = new Set(tabs.map((t) => t.path));
+      const futureOpened = opened.value.filter((t) => !removedPaths.has(t.path));
+      for (const tab of tabs) {
+        if (tab.name) {
+          pushExcludeIfLastSiblingOfName(tab.name, futureOpened, tab);
+        }
+      }
+    };
+
+    /**
+     * 切换指定标签页的固定状态
+     */
+    const toggleFixedTab = (path: string): void => {
+      const targetIndex = findTabIndex(path);
+
+      if (targetIndex === -1) {
+        console.warn(`尝试切换不存在标签页的固定状态: ${path}`);
+        return;
+      }
+
+      const tab = { ...opened.value[targetIndex]! };
+      tab.fixedTab = !tab.fixedTab;
+
+      // 移除原位置
+      opened.value.splice(targetIndex, 1);
+
+      if (tab.fixedTab) {
+        // 固定标签插入到所有固定标签的末尾
+        const firstNonFixedIndex = opened.value.findIndex((t) => !t.fixedTab);
+        const insertIndex = firstNonFixedIndex === -1 ? opened.value.length : firstNonFixedIndex;
+        opened.value.splice(insertIndex, 0, tab);
+      } else {
+        // 非固定标签插入到所有固定标签后
+        const fixedCount = opened.value.filter((t) => t.fixedTab).length;
+        opened.value.splice(fixedCount, 0, tab);
+      }
+
+      // 更新当前标签引用
+      if (current.value.path === path) {
+        current.value = tab;
+      }
+    };
+
+    /**
+     * 验证工作台标签页的路由有效性
+     */
+    const validateWorktabs = (routerInstance: Router): void => {
+      try {
+        // 动态路由校验：优先使用路由 name 判断有效性；否则用 resolve 匹配参数化路径
+        const isTabRouteValid = (tab: Partial<WorkTab>): boolean => {
+          try {
+            if (tab.name) {
+              const routes = routerInstance.getRoutes();
+              if (routes.some((r) => r.name === tab.name)) return true;
+            }
+            if (tab.path) {
+              const resolved = routerInstance.resolve({
+                path: tab.path,
+                query: (tab.query as LocationQueryRaw) || undefined,
+              });
+              return resolved.matched.length > 0;
+            }
+            return false;
+          } catch {
+            return false;
+          }
+        };
+
+        /** 登录页不应出现在工作台标签（历史持久化可能残留） */
+        const isLoginWorktab = (tab: Partial<WorkTab>): boolean =>
+          tab.name === "Login" || tab.path === "/login" || tab.path === ROUTE_PATH_LOGIN_ALT;
+
+        // 过滤出有效的标签页
+        const validTabs = opened.value.filter(
+          (tab) => isTabRouteValid(tab) && !isLoginWorktab(tab)
+        );
+
+        if (validTabs.length !== opened.value.length) {
+          console.warn("发现无效的标签页路由，已自动清理");
+          const validPaths = new Set(validTabs.map((t) => t.path));
+          // 未走 removeTab 批量剔除的标签：须同步 exclude；同名多标签时仅最后一条删尽才 exclude
+          for (const tab of opened.value) {
+            if (!validPaths.has(tab.path) && tab.name && tab.keepAlive !== false) {
+              pushExcludeIfLastSiblingOfName(tab.name, validTabs, tab);
+            }
+          }
+          opened.value = validTabs;
+        }
+
+        // 验证当前激活标签的有效性（登录页不应作为当前工作台标签）
+        const isCurrentValid =
+          current.value && isTabRouteValid(current.value) && !isLoginWorktab(current.value);
+
+        if (!isCurrentValid && validTabs.length > 0) {
+          console.warn("当前激活标签无效，已自动切换");
+          const firstValid = validTabs[0];
+          if (firstValid) current.value = firstValid;
+        } else if (!isCurrentValid) {
+          current.value = {};
+        }
+      } catch (error) {
+        console.error("验证工作台标签页失败:", error);
+      }
+    };
+
+    /**
+     * 清空所有状态（用于登出等场景）
+     */
+    const clearAll = (): void => {
+      current.value = {};
+      opened.value = [];
+      keepAliveExclude.value = [];
+    };
+
+    /**
+     * 获取状态快照（用于持久化存储）
+     */
+    const getStateSnapshot = (): WorktabState => {
+      return {
+        current: { ...current.value },
+        opened: [...opened.value],
+        keepAliveExclude: [...keepAliveExclude.value],
+      };
+    };
+
+    /**
+     * 获取标签页标题
+     */
+    const getTabTitle = (path: string): WorkTab | undefined => {
+      const tab = getTab(path);
+      return tab;
+    };
+
+    /**
+     * 更新标签页标题
+     */
+    const updateTabTitle = (path: string, title: string): void => {
+      const tab = getTab(path);
+      if (tab) {
+        tab.customTitle = title;
+      }
+    };
+
+    /**
+     * 重置标签页标题
+     */
+    const resetTabTitle = (path: string): void => {
+      const tab = getTab(path);
+      if (tab) {
+        tab.customTitle = "";
+      }
+    };
+
+    /**
+     * 关闭「多标签栏」时：visited 不写入 `opened`（与 KeepAlive include 策略一致），
+     * 但路由每次完成导航后应更新 `current`，避免持久化/内部状态与 `router` 真值脱节。
+     */
+    const syncCurrentFromRoute = (tab: {
+      path: string;
+      name: string;
+      title: string;
+      icon?: string;
+      keepAlive: boolean;
+      params?: object;
+      query?: LocationQueryRaw;
+    }): void => {
+      current.value = {
+        path: tab.path,
+        name: tab.name,
+        title: tab.title,
+        icon: tab.icon,
+        keepAlive: tab.keepAlive,
+        params: tab.params,
+        query: tab.query,
+      };
+    };
+
+    return {
+      // 状态
+      current,
+      opened,
+      keepAliveExclude,
+
+      // 计算属性
+      hasOpenedTabs,
+      hasMultipleTabs,
+      currentTabIndex,
+
+      // 方法
+      openTab,
+      removeTab,
+      removeLeft,
+      removeRight,
+      removeOthers,
+      removeAll,
+      toggleFixedTab,
+      validateWorktabs,
+      clearAll,
+      getStateSnapshot,
+
+      // 工具方法
+      findTabIndex,
+      getTab,
+      isTabClosable,
+      addKeepAliveExclude,
+      removeKeepAliveExclude,
+      markTabsToRemove,
+      getTabTitle,
+      updateTabTitle,
+      resetTabTitle,
+      syncCurrentFromRoute,
+    };
+  },
+  {
+    persist: {
+      key: "worktab",
+      storage: localStorage,
+    },
+  }
+);
diff --git a/src/styles/README.md b/src/styles/README.md
new file mode 100644
index 0000000..841be77
--- /dev/null
+++ b/src/styles/README.md
@@ -0,0 +1,60 @@
+# src/styles/ 目录结构
+
+全局样式按**职责**分目录组织：
+
+```
+styles/
+├── index.scss              入口（薄）
+│
+├── core/                   全局基础
+│   ├── _fa-tokens.scss     业务色 hex（partial，不单独编译）
+│   ├── reset.scss          浏览器重置
+│   ├── app.scss            项目级全局 app 样式
+│   └── mixin.scss          SCSS mixin（vite additionalData 注入）
+│
+├── element-plus/           Element Plus 相关
+│   ├── _theme.scss         主题色（@use with 注入 EP common/var）
+│   ├── _overrides.scss     组件样式覆写（按钮 / 弹窗 / 表格 / 表单 ...）
+│   └── _dark.scss          暗黑主题
+│
+└── animations/             全局动画
+    ├── router-transition.scss
+    ├── theme-change.scss
+    └── theme-animation.scss
+```
+
+## 命名约定
+
+- `_xxx.scss` Sass partial（下划线开头，不单独编译）
+- `xxx.scss` 入口文件（被 `index.scss` `@use` 引入）
+
+## 添加新样式的流程
+
+1. 找准归属目录
+   - 修改 EP 样式 → `element-plus/_overrides.scss`
+   - 新增动画 → `animations/`
+   - 业务页专属 → **就近放在该组件目录下**（不要放到 styles/）
+2. 跑构建（`pnpm build`）确保 SCSS 编译通过
+3. 全局变量（颜色、圆角、高度）放到 `core/_fa-tokens.scss` 或 `:root` 块
+
+## 业务页样式就近原则（重要）
+
+业务页 / 业务组件的样式 **不放到 styles/**，而是放到该组件同目录下：
+
+- `src/components/layouts/_fa-layouts.scss` ← layouts/index.vue 用
+- `src/components/views/fa-login/_fa-login.scss` ← fa-login 组件用
+
+引用方式用相对路径（`@use "./fa-layouts"` 或 `@use "../fa-login"`），
+避免 `@styles/...` 这种"全局别名"误导读代码的人以为它是全局样式。
+
+## 历史
+
+- 原 `element-plus-theme.scss`（位于 `styles/` 根）已迁移到 `element-plus/_theme.scss`
+- 原 `core/el-ui.scss` → `element-plus/_overrides.scss`
+- 原 `core/dark.scss` → `element-plus/_dark.scss`
+- 原 `core/router-transition.scss` / `theme-change.scss` / `theme-animation.scss` → `animations/`
+- 原 `core/highlight.scss` / `md.scss` → `vendors/`（已按需化到具体组件）
+- 原 `core/variables.scss` 已废弃
+- 原 `custom/fa-layouts.scss` → `components/layouts/_fa-layouts.scss`
+- 原 `custom/fa-login.scss` → `components/views/fa-login/_fa-login.scss`
+- 原 `core/tailwind.css` → 移到 `src/styles/tailwind.css`
diff --git a/src/styles/animations/router-transition.scss b/src/styles/animations/router-transition.scss
new file mode 100644
index 0000000..adcfbe7
--- /dev/null
+++ b/src/styles/animations/router-transition.scss
@@ -0,0 +1,107 @@
+@use "sass:map";
+
+// === 变量区域 ===
+$transition: (
+  // 动画持续时间
+  duration: 0.25s,
+  // 滑动动画的移动距离
+  distance: 15px,
+  // 默认缓动函数
+  easing: cubic-bezier(0.25, 0.1, 0.25, 1),
+  // 淡入淡出专用的缓动函数
+  fade-easing: cubic-bezier(0.4, 0, 0.6, 1)
+);
+
+// 抽取配置值函数，提高可复用性
+@function transition-config($key) {
+  @return map.get($transition, $key);
+}
+
+// 变量简写
+$duration: transition-config("duration");
+$distance: transition-config("distance");
+$easing: transition-config("easing");
+$fade-easing: transition-config("fade-easing");
+
+// === 动画类 ===
+
+// 淡入淡出动画
+.fade {
+  &-enter-active,
+  &-leave-active {
+    transition: opacity $duration $fade-easing;
+    will-change: opacity;
+  }
+
+  &-enter-from,
+  &-leave-to {
+    opacity: 0;
+  }
+
+  &-enter-to,
+  &-leave-from {
+    opacity: 1;
+  }
+}
+
+// 滑动动画通用样式
+@mixin slide-transition($direction) {
+  $distance-x: 0;
+  $distance-y: 0;
+
+  @if $direction == "left" {
+    $distance-x: -$distance;
+  } @else if $direction == "right" {
+    $distance-x: $distance;
+  } @else if $direction == "top" {
+    $distance-y: -$distance;
+  } @else if $direction == "bottom" {
+    $distance-y: $distance;
+  }
+
+  &-enter-active {
+    transition:
+      opacity $duration $easing,
+      transform $duration $easing;
+    will-change: opacity, transform;
+  }
+
+  &-leave-active {
+    transition:
+      opacity calc($duration * 0.7) $easing,
+      transform calc($duration * 0.7) $easing;
+    will-change: opacity, transform;
+  }
+
+  &-enter-from {
+    opacity: 0;
+    transform: translate3d($distance-x, $distance-y, 0);
+  }
+
+  &-enter-to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+
+  &-leave-to {
+    opacity: 0;
+    transform: translate3d(-$distance-x, -$distance-y, 0);
+  }
+}
+
+// 滑动动画方向类
+.slide-left {
+  @include slide-transition("left");
+}
+
+.slide-right {
+  @include slide-transition("right");
+}
+
+.slide-top {
+  @include slide-transition("top");
+}
+
+.slide-bottom {
+  @include slide-transition("bottom");
+}
diff --git a/src/styles/animations/theme-animation.scss b/src/styles/animations/theme-animation.scss
new file mode 100644
index 0000000..41da588
--- /dev/null
+++ b/src/styles/animations/theme-animation.scss
@@ -0,0 +1,63 @@
+// 定义基础变量
+$bg-animation-color-light: #000;
+$bg-animation-color-dark: #fff;
+$bg-animation-duration: 0.5s;
+
+html {
+  --bg-animation-color: #{$bg-animation-color-light};
+
+  &.dark {
+    --bg-animation-color: #{$bg-animation-color-dark};
+  }
+
+  // View transition styles
+  &::view-transition-old(*) {
+    animation: none;
+  }
+
+  &::view-transition-new(*) {
+    animation: clip $bg-animation-duration ease-in both;
+  }
+
+  &::view-transition-old(root) {
+    z-index: 1;
+  }
+
+  &::view-transition-new(root) {
+    z-index: 9999;
+  }
+
+  &.dark {
+    &::view-transition-old(*) {
+      animation: clip $bg-animation-duration ease-in reverse both;
+    }
+
+    &::view-transition-new(*) {
+      animation: none;
+    }
+
+    &::view-transition-old(root) {
+      z-index: 9999;
+    }
+
+    &::view-transition-new(root) {
+      z-index: 1;
+    }
+  }
+}
+
+// 定义动画
+@keyframes clip {
+  from {
+    clip-path: circle(0% at var(--x) var(--y));
+  }
+
+  to {
+    clip-path: circle(var(--r) at var(--x) var(--y));
+  }
+}
+
+// body 相关样式
+body {
+  background-color: var(--bg-animation-color);
+}
diff --git a/src/styles/animations/theme-change.scss b/src/styles/animations/theme-change.scss
new file mode 100644
index 0000000..5b640d2
--- /dev/null
+++ b/src/styles/animations/theme-change.scss
@@ -0,0 +1,11 @@
+// 主题切换过渡优化，优化除视觉上的不适感
+.theme-change {
+  * {
+    transition: 0s !important;
+  }
+
+  .el-switch__core,
+  .el-switch__action {
+    transition: all 0.3s !important;
+  }
+}
diff --git a/src/styles/core/_fa-tokens.scss b/src/styles/core/_fa-tokens.scss
new file mode 100644
index 0000000..73e8649
--- /dev/null
+++ b/src/styles/core/_fa-tokens.scss
@@ -0,0 +1,11 @@
+// 主题色 token 单一来源（partial，不单独编译）
+// 任何 SCSS 模块需要使用功能性色 hex 值，都从这里 @use 引入：
+//   @use "@styles/core/fa-tokens" as *;
+// 保证整个项目只有这一处定义 success/warning/danger/error/info 的 hex 值。
+
+$fa-primary: #4080ff;
+$fa-success: #13deb9;
+$fa-warning: #ffae1f;
+$fa-danger: #ff4d4f;
+$fa-error: #fa896b;
+$fa-info: #909399;
diff --git a/src/styles/core/app.scss b/src/styles/core/app.scss
new file mode 100644
index 0000000..4a9e951
--- /dev/null
+++ b/src/styles/core/app.scss
@@ -0,0 +1,381 @@
+// ================================================================
+// NProgress 样式（从 nprogress/nprogress.css 完整迁移至 SCSS 管线）
+// ================================================================
+#nprogress {
+  pointer-events: none;
+}
+
+#nprogress .bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 2400;
+  width: 100%;
+  height: 2px;
+  background: color-mix(in srgb, var(--theme-color) 70%, white);
+}
+
+#nprogress .peg {
+  position: absolute;
+  right: 0;
+  display: block;
+  width: 100px;
+  height: 100%;
+  box-shadow:
+    0 0 10px var(--theme-color),
+    0 0 5px var(--theme-color);
+  opacity: 1;
+  transform: rotate(3deg) translate(0, -4px);
+}
+
+#nprogress .spinner {
+  position: fixed;
+  top: 15px;
+  right: 15px;
+  z-index: 2400;
+  display: block;
+}
+
+#nprogress .spinner-icon {
+  box-sizing: border-box;
+  width: 18px;
+  height: 18px;
+  border: solid 2px transparent;
+  border-top-color: var(--theme-color);
+  border-left-color: var(--theme-color);
+  border-radius: 50%;
+  animation: nprogress-spinner 400ms linear infinite;
+}
+
+.nprogress-custom-parent {
+  position: relative;
+  overflow: hidden;
+}
+
+.nprogress-custom-parent #nprogress .spinner,
+.nprogress-custom-parent #nprogress .bar {
+  position: absolute;
+}
+
+@keyframes nprogress-spinner {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+// 处理移动端组件兼容性
+@media screen and (width <= 640px) {
+  * {
+    cursor: default !important;
+  }
+}
+
+// 背景滤镜
+*,
+::before,
+::after {
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: ;
+}
+
+// 色弱模式（用户偏好开关，通过 useSettingsHandlers.ts 动态加到 <html> 上）
+.color-weak {
+  -webkit-filter: invert(80%);
+  filter: invert(80%);
+}
+
+#noop {
+  display: none;
+}
+
+// 语言切换选中样式
+.langDropDownStyle {
+  // 选中项背景颜色
+  .is-selected {
+    background-color: var(--fa-el-active-color) !important;
+  }
+
+  // 语言切换按钮菜单样式优化
+  .lang-btn-item {
+    .el-dropdown-menu__item {
+      padding-right: 6px !important;
+      padding-left: 13px !important;
+      margin-bottom: 3px !important;
+    }
+
+    &:last-child {
+      .el-dropdown-menu__item {
+        margin-bottom: 0 !important;
+      }
+    }
+
+    .menu-txt {
+      display: block;
+      min-width: 60px;
+    }
+
+    i {
+      margin-left: 10px;
+      font-size: 10px;
+    }
+  }
+}
+
+// 盒子默认边框
+.page-content {
+  border: 1px solid var(--fa-card-border) !important;
+}
+
+@mixin fa-card-base($border-color, $shadow: none, $radius-diff: 4px) {
+  background: var(--default-box-color);
+  border: 1px solid #{$border-color} !important;
+  border-radius: calc(var(--custom-radius) + #{$radius-diff}) !important;
+  box-shadow: #{$shadow} !important;
+
+  --el-card-border-color: var(--default-border) !important;
+}
+
+// 全局统一 ElCard 卡片圆角，与 dashboard 首页一致
+.el-card {
+  --el-card-border-radius: calc(var(--custom-radius) + 2px);
+}
+
+.fa-card,
+.fa-card-sm,
+.fa-card-xs {
+  border: 1px solid var(--fa-card-border);
+}
+
+.fa-card {
+  border-radius: calc(var(--custom-radius) + 4px);
+}
+
+.fa-card-sm {
+  border-radius: calc(var(--custom-radius) + 2px);
+}
+
+.fa-card-xs {
+  border-radius: calc(var(--custom-radius) - 4px);
+}
+
+// 盒子边框
+[data-box-mode="border-mode"] {
+  .page-content,
+  .fa-table-card {
+    border: 1px solid var(--fa-card-border) !important;
+  }
+
+  .fa-card {
+    @include fa-card-base(var(--fa-card-border), none, 4px);
+  }
+
+  .fa-card-sm {
+    @include fa-card-base(var(--fa-card-border), none, 0);
+  }
+
+  .fa-card-xs {
+    @include fa-card-base(var(--fa-card-border), none, -4px);
+  }
+}
+
+// 盒子阴影
+[data-box-mode="shadow-mode"] {
+  .page-content,
+  .fa-table-card {
+    border: 1px solid var(--fa-gray-200) !important;
+    box-shadow: 0 0 4px 0 rgb(0 0 0 / 4%) !important;
+  }
+
+  .layout-sidebar {
+    border-right: 1px solid var(--fa-card-border) !important;
+  }
+
+  .fa-card {
+    @include fa-card-base(
+      var(--fa-gray-200),
+      (0 1px 3px 0 rgba(0, 0, 0, 0.03), 0 1px 2px -1px rgba(0, 0, 0, 0.08)),
+      4px
+    );
+  }
+
+  .fa-card-sm {
+    @include fa-card-base(
+      var(--fa-gray-200),
+      (0 1px 3px 0 rgba(0, 0, 0, 0.03), 0 1px 2px -1px rgba(0, 0, 0, 0.08)),
+      2px
+    );
+  }
+
+  .fa-card-xs {
+    @include fa-card-base(
+      var(--fa-gray-200),
+      (0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 1px -1px rgba(0, 0, 0, 0.08)),
+      -4px
+    );
+  }
+}
+
+// 元素全屏
+.el-full-screen {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 2300;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  width: 100vw !important;
+  height: 100% !important;
+  padding: 15px;
+  margin-top: 0;
+  background-color: var(--default-box-color);
+}
+
+// 表格卡片：表格区独立滚动模式（flex 链路撑满父级视口，内部 overflow）
+.fa-table-card {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  margin-top: 12px;
+  border-radius: calc(var(--custom-radius) / 2 + 2px) !important;
+
+  .el-card__body {
+    display: flex;
+    flex: 1 1 0;
+    flex-direction: column;
+    min-height: 0;
+    overflow: hidden;
+
+    /** 工具栏区不参与压缩，表格区 FaTable 使用 flex:1 占满剩余高度 */
+    #fa-table-header {
+      flex-shrink: 0;
+    }
+  }
+}
+
+// 容器全高：沿布局 flex 链填满 `#app-content` 内剩余高度。
+// H5 端 #app-main 已用 100dvh 有明确高度，flex 链路同样能撑满，无需单独兼容
+.fa-full-height {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+  min-height: 0;
+
+  @media (width <= 640px) {
+    height: auto;
+  }
+}
+
+// 徽章样式
+.fa-badge {
+  position: absolute;
+  top: 0;
+  right: 20px;
+  bottom: 0;
+  width: 6px;
+  height: 6px;
+  margin: auto;
+  background: #ff3860;
+  border-radius: 50%;
+  animation: breathe 1.5s ease-in-out infinite;
+
+  &.fa-badge-horizontal {
+    right: 0;
+  }
+
+  &.fa-badge-mixed {
+    right: 0;
+  }
+
+  &.fa-badge-dual {
+    top: 5px;
+    right: 5px;
+    bottom: auto;
+  }
+}
+
+// 文字徽章样式
+.fa-text-badge {
+  position: absolute;
+  top: 0;
+  right: 12px;
+  bottom: 0;
+  min-width: 20px;
+  height: 18px;
+  padding: 0 5px;
+  margin: auto;
+  font-size: 10px;
+  line-height: 17px;
+  color: #fff;
+  text-align: center;
+  background: #fd4e4e;
+  border-radius: 4px;
+}
+
+@keyframes breathe {
+  0% {
+    opacity: 0.7;
+    transform: scale(1);
+  }
+
+  50% {
+    opacity: 1;
+    transform: scale(1.1);
+  }
+
+  100% {
+    opacity: 0.7;
+    transform: scale(1);
+  }
+}
+
+// 修复老机型 loading 定位问题
+.fa-loading-fix {
+  position: fixed !important;
+  inset: 0 !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 100vw !important;
+  height: 100vh !important;
+}
+
+.fa-loading-fix .el-loading-spinner {
+  position: static !important;
+  top: auto !important;
+  left: auto !important;
+  transform: none !important;
+}
+
+// 表格按钮悬浮效果
+.hover-btn {
+  &:hover {
+    box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
+    filter: brightness(1.1);
+    transform: translateY(-2px) scale(1.05);
+  }
+}
+
+// 去除移动端点击背景色
+@media screen and (width <= 1180px) {
+  * {
+    -webkit-tap-highlight-color: transparent;
+  }
+}
diff --git a/src/styles/core/mixin.scss b/src/styles/core/mixin.scss
new file mode 100644
index 0000000..da1ebb5
--- /dev/null
+++ b/src/styles/core/mixin.scss
@@ -0,0 +1,157 @@
+// sass 混合宏（函数）
+
+/**
+* 溢出省略号
+* @param {Number} 行数
+*/
+@mixin ellipsis($rowCount: 1) {
+  @if $rowCount <= 1 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  } @else {
+    display: -webkit-box;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: $rowCount;
+    -webkit-box-orient: vertical;
+  }
+}
+
+/**
+* 控制用户能否选中文本
+* @param {String} 类型
+*/
+@mixin userSelect($value: none) {
+  -moz-user-select: $value;
+  -ms-user-select: $value;
+  -webkit-user-select: $value;
+  user-select: $value;
+}
+
+// 绝对定位居中
+@mixin absoluteCenter() {
+  position: absolute;
+  inset: 0;
+  margin: auto;
+}
+
+/**
+* css3动画
+* 
+*/
+@mixin animation(
+  $from: (
+    width: 0,
+  ),
+  $to: (
+    width: 100px,
+  ),
+  $name: mymove,
+  $animate: mymove 2s 1 linear infinite
+) {
+  -webkit-animation: $animate;
+  -moz-animation: $animate;
+  -o-animation: $animate;
+  animation: $animate;
+
+  @keyframes #{$name} {
+    from {
+      @each $key, $value in $from {
+        #{$key}: #{$value};
+      }
+    }
+
+    to {
+      @each $key, $value in $to {
+        #{$key}: #{$value};
+      }
+    }
+  }
+
+  @keyframes #{$name} {
+    from {
+      @each $key, $value in $from {
+        $key: $value;
+      }
+    }
+
+    to {
+      @each $key, $value in $to {
+        $key: $value;
+      }
+    }
+  }
+}
+
+// 圆形盒子
+@mixin circle($size: 11px, $bg: #fff) {
+  width: $size;
+  height: $size;
+  line-height: $size;
+  text-align: center;
+  background: $bg;
+  border-radius: 50%;
+}
+
+// placeholder
+@mixin placeholder($color: #bbb) {
+  // Firefox
+  &::placeholder {
+    color: $color;
+    opacity: 1;
+  }
+
+  // Internet Explorer 10+
+  &:-ms-input-placeholder {
+    color: $color;
+  }
+
+  // Safari and Chrome
+  &::-webkit-input-placeholder {
+    color: $color;
+  }
+
+  &:placeholder-shown {
+    text-overflow: ellipsis;
+  }
+}
+
+//背景透明，文字不透明。兼容IE8
+@mixin betterTransparentize($color, $alpha) {
+  $c: rgba($color, $alpha);
+  $ie_c: ie_hex_str($c);
+
+  zoom: 1;
+  background: rgba($color, 1);
+  background: $c;
+  background: transparent \9;
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$ie_c}, endColorstr=#{$ie_c})";
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$ie_c}, endColorstr=#{$ie_c});
+}
+
+//添加浏览器前缀
+@mixin browserPrefix($propertyName, $value) {
+  @each $prefix in -webkit-, -moz-, -ms-, -o-, "" {
+    #{$prefix}#{$propertyName}: $value;
+  }
+}
+
+// 边框
+@mixin border($color: red) {
+  border: 1px solid $color;
+}
+
+// 背景滤镜
+@mixin backdropBlur() {
+  --tw-backdrop-blur: blur(30px);
+
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
+    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
+    var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
+    var(--tw-backdrop-sepia);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
+    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
+    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
diff --git a/src/styles/core/reset.scss b/src/styles/core/reset.scss
new file mode 100644
index 0000000..dd77570
--- /dev/null
+++ b/src/styles/core/reset.scss
@@ -0,0 +1,56 @@
+@charset "UTF-8";
+
+/* 滚动条 */
+
+/* 滚动条整体部分,必须要设置 */
+::-webkit-scrollbar {
+  width: 4px !important;
+  height: 0 !important;
+}
+
+/* 滚动条的轨道 */
+::-webkit-scrollbar-track {
+  background-color: var(--fa-gray-200);
+}
+
+/* 滚动条的滑块按钮 */
+::-webkit-scrollbar-thumb {
+  background-color: var(--theme-color) !important;
+  border-radius: 5px;
+  -webkit-transition: all 0.2s;
+  transition: all 0.2s;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: color-mix(in srgb, var(--theme-color) 80%, black) !important;
+}
+
+/* 滚动条的上下两端的按钮 */
+::-webkit-scrollbar-button {
+  width: 0;
+  height: 0;
+}
+
+/* Element Plus 自定义滚动条（ElScrollbar 组件）主题色
+ * 使用 !important 是因为 Element Plus 的 CSS 在 main.ts 中晚于本文件加载，
+ * 同特异性下后加载胜出，会把无 !important 的变量覆盖回默认值。
+ * 亮色/暗色两套都用 !important 保持一致。 */
+.el-scrollbar {
+  --el-scrollbar-bg-color: var(--theme-color) !important;
+  --el-scrollbar-hover-bg-color: color-mix(in srgb, var(--theme-color) 80%, black) !important;
+}
+
+.dark {
+  ::-webkit-scrollbar-track {
+    background-color: var(--default-bg-color);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: color-mix(in srgb, var(--theme-color) 60%, transparent) !important;
+  }
+
+  .el-scrollbar {
+    --el-scrollbar-bg-color: color-mix(in srgb, var(--theme-color) 60%, transparent) !important;
+    --el-scrollbar-hover-bg-color: color-mix(in srgb, var(--theme-color) 80%, black) !important;
+  }
+}
diff --git a/src/styles/element-plus/_dark.scss b/src/styles/element-plus/_dark.scss
new file mode 100644
index 0000000..386b9b0
--- /dev/null
+++ b/src/styles/element-plus/_dark.scss
@@ -0,0 +1,112 @@
+/*
+* 深色主题
+* 单页面移除深色主题 document.getElementsByTagName("html")[0].removeAttribute('class')
+*
+* 本文件合并了原 dark.scss + el-dark.scss：
+* - 顶部 @use 引入 Element Plus 暗色 CSS 变量（取代独立 el-dark.scss）
+* - 下方覆盖项目级 html.dark CSS 变量与 wangEditor 在暗色模式下的样式
+*/
+
+// 引入 Element Plus 暗黑主题 CSS 变量
+@use "element-plus/theme-chalk/src/dark/css-vars.scss" as *;
+
+// 引入主题色 token 单一来源（与 element-plus-theme.scss 共用）
+@use "../core/fa-tokens" as *;
+
+$font-color: rgba(#fff, 0.85);
+
+/* 覆盖element-plus默认深色背景色 */
+html.dark {
+  // element-plus 通用背景/文本
+  --el-bg-color: var(--default-box-color);
+  --el-text-color-regular: #{$font-color};
+
+  // element-plus 功能性色（与 light 模式一致 —— 用户未要求 dark 模式独立色板）
+  // 用 SCSS 插值强制解析变量（避免被字面量输出）。
+  // 注意：实际上 dark mode 下不需要这些覆写 —— element-plus 的 dark/css-vars.scss
+  // 经 SCSS 注入后会用我们的 colors（含 dark 适配的 light-x/dark-2），
+  // 见 html.dark#1 块。这里仅作为冗余防御，万一 EP dark/css-vars.scss 未走注入路径也能兜底。
+  --el-color-success: #{$fa-success};
+  --el-color-warning: #{$fa-warning};
+  --el-color-danger: #{$fa-danger};
+  --el-color-error: #{$fa-error};
+  --el-color-info: #{$fa-info};
+
+  // 富文本编辑器
+  // 工具栏背景颜色
+  --w-e-toolbar-bg-color: var(--fa-editor-toolbar-bg);
+  // 输入区域背景颜色
+  --w-e-textarea-bg-color: var(--fa-editor-textarea-bg);
+  // 工具栏文字颜色
+  --w-e-toolbar-color: var(--fa-gray-600);
+  // 选中菜单颜色
+  --w-e-toolbar-active-bg-color: var(--fa-editor-toolbar-active-bg);
+  // 弹窗边框颜色
+  --w-e-toolbar-border-color: var(--default-border-dashed);
+  // 分割线颜色
+  --w-e-textarea-border-color: var(--default-border-dashed);
+  // 链接输入框边框颜色
+  --w-e-modal-button-border-color: var(--default-border-dashed);
+  // 表格头颜色
+  --w-e-textarea-slight-bg-color: var(--fa-editor-textarea-bg);
+  // 按钮背景颜色
+  --w-e-modal-button-bg-color: var(--fa-editor-textarea-bg);
+  // hover toolbar 背景颜色
+  --w-e-toolbar-active-color: var(--fa-gray-800);
+}
+
+.dark {
+  .page-content .article-list .item .left .outer > div {
+    border-right-color: var(--default-border) !important;
+  }
+
+  // 富文本编辑器
+  .editor-wrapper {
+    *:not(pre code *) {
+      color: inherit !important;
+    }
+
+    .w-e-text-container [data-slate-editor] .table-container th:last-of-type {
+      border-right: 1px solid var(--default-border-dashed) !important;
+    }
+
+    .w-e-modal {
+      background-color: var(--fa-color);
+    }
+  }
+  // 分隔线
+  .w-e-bar-divider {
+    background-color: var(--fa-gray-300) !important;
+  }
+
+  .w-e-select-list,
+  .w-e-drop-panel,
+  .w-e-bar-item-group .w-e-bar-item-menus-container,
+  .w-e-text-container [data-slate-editor] pre > code {
+    border: 1px solid var(--default-border) !important;
+  }
+
+  // 下拉选择框
+  .w-e-select-list {
+    background-color: var(--default-box-color) !important;
+  }
+
+  /* 下拉选择框 hover 样式调整 */
+  .w-e-select-list ul li:hover,
+    /* 工具栏 hover 按钮背景颜色 */
+    .w-e-bar-item button:hover {
+    background-color: var(--fa-editor-textarea-bg) !important;
+  }
+
+  /* 代码块 */
+  .w-e-text-container [data-slate-editor] pre > code {
+    text-shadow: none !important;
+    background-color: var(--fa-editor-toolbar-active-bg) !important;
+  }
+
+  /* 引用 */
+  .w-e-text-container [data-slate-editor] blockquote {
+    background-color: var(--fa-color);
+    border-left: 4px solid var(--default-border-dashed) !important;
+  }
+}
diff --git a/src/styles/element-plus/_overrides.scss b/src/styles/element-plus/_overrides.scss
new file mode 100644
index 0000000..aaba312
--- /dev/null
+++ b/src/styles/element-plus/_overrides.scss
@@ -0,0 +1,538 @@
+// 优化 Element Plus 组件库默认样式
+// 业务色 hex 全部从 _fa-tokens.scss 引入（唯一来源）。
+// 运行时 setElementThemeColor() 动态覆盖 --el-color-primary。
+
+@use "../core/fa-tokens" as *;
+
+:root {
+  // ── EP 语义色 ──
+  --el-color-primary: #{$fa-primary}; // fallback，运行时 JS 覆盖
+  --el-color-success: #{$fa-success};
+  --el-color-warning: #{$fa-warning};
+  --el-color-danger: #{$fa-danger};
+  --el-color-error: #{$fa-error};
+  --el-color-info: #{$fa-info};
+
+  // ── 系统主色调链路 ──
+  --main-color: var(--el-color-primary); // JS 动态 primary 的别名
+  --theme-color: var(--main-color);
+  --el-color-white: white !important;
+  --el-color-black: white !important; // EP dark 模式下用 white 色值
+
+  // ── 按钮 ──
+  --el-button-hover-bg-color: var(--el-color-primary-light-9, #e8f2ff) !important;
+  --el-button-hover-border-color: var(--el-color-primary) !important;
+  --el-button-border-color: var(--el-color-primary) !important;
+  --el-button-text-color: var(--el-color-primary) !important;
+  --el-font-weight-primary: 400 !important;
+
+  // ── 组件尺寸 ──
+  --el-component-custom-height: 36px !important;
+  --el-component-size: var(--el-component-custom-height) !important;
+
+  // ── 圆角 ──
+  --el-border-radius-base: calc(var(--custom-radius) / 3 + 2px) !important;
+  --el-border-radius-small: calc(var(--custom-radius) / 3 + 4px) !important;
+  --el-messagebox-border-radius: calc(var(--custom-radius) / 3 + 4px) !important;
+  --el-popover-border-radius: calc(var(--custom-radius) / 3 + 4px) !important;
+
+  .region .el-radio-button__original-radio:checked + .el-radio-button__inner {
+    color: var(--theme-color);
+  }
+}
+
+// 优化 el-form-item 标签高度
+.el-form-item__label {
+  height: var(--el-component-custom-height) !important;
+  line-height: var(--el-component-custom-height) !important;
+}
+
+// 日期选择器
+.el-date-range-picker {
+  --el-datepicker-inrange-bg-color: var(--fa-gray-200) !important;
+}
+
+// el-card 背景色跟系统背景色保持一致
+html.dark .el-card {
+  --el-card-bg-color: var(--default-box-color) !important;
+}
+
+// 修改 el-pagination 大小
+.el-pagination--default {
+  --el-pagination-button-width: 32px !important;
+  --el-pagination-button-height: var(--el-pagination-button-width) !important;
+
+  @media (width <= 1180px) {
+    --el-pagination-button-width: 28px !important;
+  }
+
+  .el-select--default .el-select__wrapper {
+    min-height: var(--el-pagination-button-width) !important;
+  }
+
+  .el-pagination__jump .el-input {
+    height: var(--el-pagination-button-width) !important;
+  }
+}
+
+.el-pager li {
+  padding: 0 10px !important;
+}
+
+// 优化菜单折叠展开动画（提升动画流畅度）
+.el-menu.el-menu--inline {
+  transition: max-height 0.26s cubic-bezier(0.4, 0, 0.2, 1) !important;
+}
+
+// 优化菜单 item hover 动画（提升鼠标跟手感）
+.el-sub-menu__title,
+.el-menu-item {
+  transition: background-color 0s !important;
+}
+
+// -------------------------------- 修改 el-size=default 组件默认高度 start --------------------------------
+// 修改 el-button 高度
+.el-button--default {
+  height: var(--el-component-custom-height) !important;
+}
+
+// circle 按钮宽度优化
+.el-button--default.is-circle {
+  width: var(--el-component-custom-height) !important;
+}
+
+// 修改 el-select 高度
+.el-select--default {
+  .el-select__wrapper {
+    min-height: var(--el-component-custom-height) !important;
+  }
+}
+
+// 修改 el-checkbox-button 高度
+.el-checkbox-button--default .el-checkbox-button__inner,
+// 修改 el-radio-button 高度
+.el-radio-button--default .el-radio-button__inner {
+  padding: 10px 15px !important;
+}
+// -------------------------------- 修改 el-size=default 组件默认高度 end --------------------------------
+
+.el-pagination.is-background .btn-next,
+.el-pagination.is-background .btn-prev,
+.el-pagination.is-background .el-pager li {
+  border-radius: 6px;
+}
+
+.el-popover {
+  min-width: 80px;
+  border-radius: var(--el-border-radius-small) !important;
+}
+
+.el-dialog {
+  overflow: hidden;
+  border-radius: calc(var(--custom-radius) / 1.2 + 2px) !important;
+}
+
+.el-dialog__header {
+  .el-dialog__title {
+    font-size: 16px;
+  }
+}
+
+.el-dialog__body {
+  position: relative; // 为了兼容 el-pagination 样式，需要设置 relative，不然会影响 el-pagination 的样式，比如 el-pagination__jump--small 会被影响，导致 el-pagination__jump--small 按钮无法点击，详见 URL_ADDRESS.com/element-plus/element-plus/issues/5684#issuecomment-1176299275;
+  padding: 12px 0 !important;
+}
+
+.el-dialog.el-dialog-border {
+  .el-dialog__body {
+    // 上边框
+    &::before,
+    // 下边框
+    &::after {
+      position: absolute;
+      left: -16px;
+      width: calc(100% + 32px);
+      height: 1px;
+      content: "";
+      background-color: var(--fa-gray-300);
+    }
+
+    &::before {
+      top: 0;
+    }
+
+    &::after {
+      bottom: 0;
+    }
+  }
+}
+
+.el-drawer__header {
+  padding: 12px 8px !important;
+  margin-bottom: 2px !important;
+}
+
+.el-drawer__body {
+  position: relative; // 为了兼容 el-pagination 样式，需要设置 relative，不然会影响 el-pagination 的样式，比如 el-pagination__jump--small 会被影响，导致 el-pagination__jump--small 按钮无法点击，详见 URL_ADDRESS.com/element-plus/element-plus/issues/5684#issuecomment-1176299275;
+  padding: 0 8px !important;
+}
+
+// el-message 样式优化
+.el-message {
+  background-color: var(--default-box-color) !important;
+  border: 0 !important;
+  box-shadow:
+    0 6px 16px 0 rgb(0 0 0 / 8%),
+    0 3px 6px -4px rgb(0 0 0 / 12%),
+    0 9px 28px 8px rgb(0 0 0 / 5%) !important;
+
+  p {
+    font-size: 13px;
+  }
+}
+
+// 修改 el-dropdown 样式
+.el-dropdown-menu {
+  padding: 6px !important;
+  border: none !important;
+  border-radius: 10px !important;
+
+  .el-dropdown-menu__item {
+    padding: 6px 16px !important;
+    border-radius: 6px !important;
+
+    &:hover:not(.is-disabled) {
+      color: var(--fa-gray-900) !important;
+      background-color: var(--fa-el-active-color) !important;
+    }
+
+    &:focus:not(.is-disabled) {
+      color: var(--fa-gray-900) !important;
+      background-color: var(--fa-gray-200) !important;
+    }
+  }
+}
+
+// 隐藏 select、dropdown 的三角
+.el-select__popper,
+.el-dropdown__popper {
+  margin-top: -6px !important;
+
+  .el-popper__arrow {
+    display: none;
+  }
+}
+
+.el-dropdown-selfdefine:focus {
+  outline: none !important;
+}
+
+// 处理移动端组件兼容性
+@media screen and (width <= 640px) {
+  .el-message-box,
+  .el-dialog {
+    width: calc(100% - 24px) !important;
+  }
+
+  .el-date-picker.has-sidebar.has-time {
+    left: 12px !important;
+    width: calc(100% - 24px);
+  }
+
+  .el-picker-panel *[slot="sidebar"],
+  .el-picker-panel__sidebar {
+    display: none;
+  }
+
+  .el-picker-panel *[slot="sidebar"] + .el-picker-panel__body,
+  .el-picker-panel__sidebar + .el-picker-panel__body {
+    margin-left: 0;
+  }
+}
+
+// 修改el-button样式
+.el-button {
+  &.el-button--text {
+    padding: 0 !important;
+    background-color: transparent !important;
+
+    span {
+      margin-left: 0 !important;
+    }
+  }
+}
+
+// 修改el-tag样式
+.el-tag {
+  font-weight: 500;
+  transition: all 0s !important;
+
+  &.el-tag--default {
+    height: 26px !important;
+  }
+}
+
+.el-checkbox-group {
+  &.el-table-filter__checkbox-group label.el-checkbox {
+    height: 17px !important;
+
+    .el-checkbox__label {
+      font-weight: 400 !important;
+    }
+  }
+}
+
+.el-radio--default {
+  // 优化单选按钮大小
+  .el-radio__input {
+    .el-radio__inner {
+      width: 16px;
+      height: 16px;
+
+      &::after {
+        width: 6px;
+        height: 6px;
+      }
+    }
+  }
+}
+
+.el-checkbox {
+  .el-checkbox__inner {
+    border-radius: 2px !important;
+  }
+}
+
+// 优化复选框样式
+.el-checkbox--default {
+  .el-checkbox__inner {
+    width: 16px !important;
+    height: 16px !important;
+    border-radius: 4px !important;
+
+    &::before {
+      top: 5px !important;
+      height: 4px !important;
+      content: "";
+      background-color: #fff !important;
+      transform: scale(0.6) !important;
+    }
+  }
+
+  .is-checked {
+    .el-checkbox__inner {
+      &::after {
+        width: 3px;
+        height: 8px;
+        margin: auto;
+        border: 2px solid var(--el-checkbox-checked-icon-color);
+        border-top: 0;
+        border-left: 0;
+        transform: translate(-45%, -60%) rotate(45deg) scale(0.86) !important;
+        transform-origin: center;
+      }
+    }
+  }
+}
+
+.el-notification .el-notification__icon {
+  font-size: 22px !important;
+}
+
+// 修改 el-message-box 样式
+.el-message-box__headerbtn .el-message-box__close,
+.el-dialog__headerbtn .el-dialog__close {
+  top: 7px;
+  right: 7px;
+  width: 30px;
+  height: 30px;
+  border-radius: 5px;
+  transition: all 0.3s;
+
+  &:hover {
+    color: var(--fa-gray-900) !important;
+    background-color: var(--fa-hover-color) !important;
+  }
+}
+
+.el-message-box {
+  padding: 25px 20px !important;
+}
+
+.el-message-box__title {
+  font-weight: 500 !important;
+}
+
+.el-table__column-filter-trigger i {
+  margin: -3px 0 0 2px;
+  color: var(--theme-color) !important;
+}
+
+// 去除 el-dropdown 鼠标放上去出现的边框
+.el-tooltip__trigger:focus-visible {
+  outline: unset;
+}
+
+// ipad 表单右侧按钮优化
+@media screen and (width <= 1180px) {
+  .el-table-fixed-column--right {
+    padding-right: 0 !important;
+  }
+}
+
+.login-out-dialog {
+  padding: 30px 20px !important;
+  border-radius: 10px !important;
+}
+
+// 修改 dialog 动画
+.dialog-fade-enter-active {
+  .el-dialog:not(.is-draggable) {
+    animation: dialog-open 0.3s cubic-bezier(0.32, 0.14, 0.15, 0.86);
+
+    // 修复 el-dialog 动画后宽度不自适应问题
+    .el-select__selected-item {
+      display: inline-block;
+    }
+  }
+}
+
+.dialog-fade-leave-active {
+  animation: fade-out 0.2s linear;
+
+  .el-dialog:not(.is-draggable) {
+    animation: dialog-close 0.5s;
+  }
+}
+
+@keyframes dialog-open {
+  0% {
+    opacity: 0;
+    transform: scale(0.2);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes dialog-close {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  100% {
+    opacity: 0;
+    transform: scale(0.2);
+  }
+}
+
+// 遮罩层动画
+@keyframes fade-out {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+// 修改 el-select 样式
+.el-select__popper:not(.el-tree-select__popper) {
+  .el-select-dropdown__list {
+    padding: 5px !important;
+
+    .el-select-dropdown__item {
+      height: 34px !important;
+      line-height: 34px !important;
+      border-radius: 6px !important;
+
+      &.is-selected {
+        margin-bottom: 4px !important;
+        font-weight: 400 !important;
+        color: var(--fa-gray-900) !important;
+        background-color: var(--fa-el-active-color) !important;
+      }
+
+      &:hover {
+        background-color: var(--fa-hover-color) !important;
+      }
+    }
+
+    .el-select-dropdown__item:hover ~ .is-selected,
+    .el-select-dropdown__item.is-selected:has(~ .el-select-dropdown__item:hover) {
+      background-color: transparent !important;
+    }
+  }
+}
+
+// 修改 el-tree-select 样式
+.el-tree-select__popper {
+  .el-select-dropdown__list {
+    padding: 5px !important;
+
+    .el-tree-node {
+      .el-tree-node__content {
+        height: 36px !important;
+        border-radius: 6px !important;
+
+        &:hover {
+          background-color: var(--fa-gray-200) !important;
+        }
+      }
+    }
+  }
+}
+
+// 实现水波纹在文字下面效果
+.el-button > span {
+  position: relative;
+  z-index: 10;
+}
+
+// 优化颜色选择器圆角
+.el-color-picker__color {
+  border-radius: 2px !important;
+}
+
+// 优化日期时间选择器底部圆角
+.el-picker-panel {
+  .el-picker-panel__footer {
+    border-radius: 0 0 var(--el-border-radius-base) var(--el-border-radius-base);
+  }
+}
+
+// 优化树型菜单样式
+.el-tree-node__content {
+  padding: 1px 0;
+  margin-bottom: 4px;
+  border-radius: 4px;
+
+  &:hover {
+    background-color: var(--fa-hover-color) !important;
+  }
+}
+
+.dark {
+  .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+    background-color: var(--fa-gray-300) !important;
+  }
+}
+
+// 隐藏折叠菜单弹窗 hover 出现的边框
+.menu-left-popper:focus-within,
+.horizontal-menu-popper:focus-within {
+  outline: none !important;
+  box-shadow: none !important;
+}
+
+// 数字输入组件右侧按钮高度跟随自定义组件高度
+.el-input-number--default.is-controls-right {
+  .el-input-number__decrease,
+  .el-input-number__increase {
+    height: calc((var(--el-component-size) / 2)) !important;
+  }
+}
diff --git a/src/styles/element-plus/_theme.scss b/src/styles/element-plus/_theme.scss
new file mode 100644
index 0000000..a48912e
--- /dev/null
+++ b/src/styles/element-plus/_theme.scss
@@ -0,0 +1,76 @@
+/**
+ * Element Plus 主题 SCSS 入口（vite additionalData 注入）。
+ *
+ * 原理
+ * ----
+ * vite.config.ts 的 css.preprocessorOptions.scss.additionalData 把本文件
+ * 注入到每个 SCSS 文件开头（含 EP 内部组件）。
+ *
+ * 本文件用 @use "element-plus/theme-chalk/src/common/var.scss" with(...)
+ * **直接修改 common/var 模块本身**（带我们的 colors / $button / $messagebox /
+ * $popover）—— Sass 模块缓存机制下：
+ *   - 此 @use 是 common/var 模块在 Sass cache 中的首次加载
+ *   - with 参数覆盖模块内部的 !default 默认值
+ *   - 后续所有 @use "common/var" 拿到的都是带我们配置的实例
+ *   - 包含 EP 组件内 @use "common/var"（如 button.scss 的 button-variant mixin）
+ *     与 var.scss 内 @use "common/var"
+ *
+ * 这就是 Element Plus 官方推荐的"从源头解决"方式：
+ * https://element-plus.org/zh-CN/guide/theming
+ *
+ * 关键陷阱
+ * --------
+ * @forward with(...) 与 @use with(...) 不同：
+ *   - @forward with(...) 创建新的转发实例（不影响原 common/var 模块）
+ *   - @use with(...) 替换原 common/var 模块的默认参数（影响所有消费者）
+ *
+ * 与运行时 setElementThemeColor() 的协作
+ * ---------------------------------------
+ * - 本文件注入 success / warning / danger / error / info（业务固定色板）
+ *   以及 $button / $messagebox / $popover 等组件样式偏好。
+ * - primary 由运行时 setElementThemeColor() 动态写入 :root
+ *   （因为用户在设置面板里可切换 themeColorPresets）
+ * - SCSS 注入的 primary 退化为默认值 #4080ff，与 themeColorPresets 首项保持一致。
+ */
+
+@use "../core/fa-tokens.scss" as *;
+
+// 关键：@use with 直接修改 common/var 模块本身（影响所有 @use common/var 的消费者）
+@use "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": $fa-primary,
+    ),
+    "success": (
+      "base": $fa-success,
+    ),
+    "warning": (
+      "base": $fa-warning,
+    ),
+    "danger": (
+      "base": $fa-danger,
+    ),
+    "error": (
+      "base": $fa-error,
+    ),
+    "info": (
+      "base": $fa-info,
+    ),
+  ),
+
+  // 按钮样式偏好：primary 链路按钮 hover 用浅色背景（更柔和的视觉反馈）
+  $button: (
+      "hover-bg-color": var(--el-color-primary-light-9),
+      "hover-border-color": var(--el-color-primary),
+      "border-color": var(--el-color-primary),
+      "text-color": var(--el-color-primary),
+    ),
+
+  // 圆角偏好
+  $messagebox: (
+      "border-radius": "12px",
+    ),
+  $popover: (
+    "border-radius": "12px",
+  )
+);
diff --git a/src/styles/index.scss b/src/styles/index.scss
new file mode 100644
index 0000000..f5c1d94
--- /dev/null
+++ b/src/styles/index.scss
@@ -0,0 +1,25 @@
+// ============================================================
+// 全局样式入口（src/styles/index.scss）
+// ============================================================
+// 目录结构：
+//   core/         全局基础（重置、mixin、Tailwind、tokens）
+//   element-plus/ EP 主题与样式覆写（theme / overrides / dark）
+//   animations/   全局动画（路由切换、主题切换）
+//   vendors/      第三方组件样式覆写（highlight.js、markdown）
+//   custom/       业务页专属样式
+// ============================================================
+
+// ---------- core/ ----------
+@use "./core/reset";
+@use "./core/app";
+
+// ---------- element-plus/ ----------
+// Element Plus 组件样式覆写（按钮、弹窗、表格等）
+@use "./element-plus/overrides";
+// 暗黑主题
+@use "./element-plus/dark";
+
+// ---------- animations/ ----------
+@use "./animations/router-transition";
+@use "./animations/theme-change";
+@use "./animations/theme-animation";
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
new file mode 100644
index 0000000..e620fe7
--- /dev/null
+++ b/src/styles/tailwind.css
@@ -0,0 +1,338 @@
+@import "tailwindcss";
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+/* Tailwind v4 的 @source 指令用于指定扫描哪些文件以提取 class 名用于 purge。
+ * 在 vite 插件模式下，tailwindcss vite 插件已会自动扫描所有 CSS 文件。
+ * 注释内不能出现连续的星号斜杠（避免 CSS 解析器提前关闭注释）。
+ */
+@source "../../**/*.vue";
+@source "../../**/*.ts";
+@source "../../**/*.tsx";
+@source "../../**/*.js";
+@source "../../**/*.jsx";
+@source "../../**/*.html";
+@source "../../**/*.scss";
+@source "../../**/*.css";
+
+/* ==================== Tailwind Theme Configuration ==================== */
+@theme {
+  /* Box Color (Light: white / Dark: black) */
+  --color-box: var(--default-box-color);
+
+  /* System Theme Color */
+  --color-theme: var(--theme-color);
+
+  /* Hover Color */
+  --color-hover-color: var(--fa-hover-color);
+
+  /* Active Color */
+  --color-active-color: var(--fa-active-color);
+
+  /* Active Color */
+  --color-el-active-color: var(--fa-active-color);
+
+  /* ElementPlus Theme Colors (Dynamic: follows user's selected theme color) */
+  --color-primary: var(--el-color-primary, var(--fa-primary));
+  --color-secondary: var(--fa-secondary);
+  --color-error: var(--fa-error);
+  --color-info: var(--fa-info);
+  --color-success: var(--fa-success);
+  --color-warning: var(--fa-warning);
+  --color-danger: var(--fa-danger);
+
+  /* Gray Scale Colors (Auto-adapts to dark mode) */
+  --color-g-100: var(--fa-gray-100);
+  --color-g-200: var(--fa-gray-200);
+  --color-g-300: var(--fa-gray-300);
+  --color-g-400: var(--fa-gray-400);
+  --color-g-500: var(--fa-gray-500);
+  --color-g-600: var(--fa-gray-600);
+  --color-g-700: var(--fa-gray-700);
+  --color-g-800: var(--fa-gray-800);
+  --color-g-900: var(--fa-gray-900);
+}
+
+/* ==================== Custom Border Radius Utilities ==================== */
+@utility rounded-custom-xs {
+  border-radius: calc(var(--custom-radius) / 2);
+}
+
+@utility rounded-custom-sm {
+  border-radius: calc(var(--custom-radius) / 2 + 2px);
+}
+
+/* ==================== Flex Shortcut Utilities ====================
+ * 解决项目里大量重复的 flex 居中 / 两端对齐 / 列布局组合（详见
+ * scripts/find-tailwind-candidates.py 统计结果）。
+ * 在模板里直接 class="flex-cc gap-2" 比 class="flex items-center justify-center gap-2" 短 60%。
+ */
+/* ==================== Custom Utility Classes ==================== */
+@layer utilities {
+  /* Flexbox Layout Utilities */
+  .flex-c {
+    @apply flex items-center;
+  }
+
+  .flex-b {
+    @apply flex justify-between;
+  }
+
+  .flex-cc {
+    @apply flex items-center justify-center;
+  }
+
+  .flex-cb {
+    @apply flex items-center justify-between;
+  }
+
+  .flex-cs {
+    @apply flex items-center justify-start;
+  }
+
+  .flex-ce {
+    @apply flex items-center justify-end;
+  }
+
+  /* Transition Utilities */
+  .tad-200 {
+    @apply transition-all duration-200;
+  }
+
+  .tad-300 {
+    @apply transition-all duration-300;
+  }
+
+  /* Border Utilities */
+  .border-full-d {
+    @apply border border-[var(--default-border)];
+  }
+
+  .border-b-d {
+    @apply border-b border-[var(--default-border)];
+  }
+
+  .border-t-d {
+    @apply border-t border-[var(--default-border)];
+  }
+
+  .border-l-d {
+    @apply border-l border-[var(--default-border)];
+  }
+
+  .border-r-d {
+    @apply border-r border-[var(--default-border)];
+  }
+
+  /* Cursor Utilities */
+  .c-p {
+    @apply cursor-pointer;
+  }
+}
+
+/* ==================== Light Mode Variables ==================== */
+:root {
+  /* Base Colors */
+  --fa-color: #fff;
+  --theme-color: var(--main-color);
+
+  /* Theme Colors - OKLCH Format */
+  --fa-primary: oklch(70% 0.23 260deg);
+  --fa-secondary: oklch(72% 0.19 231.6deg);
+  --fa-error: oklch(73% 0.15 25.3deg);
+  --fa-info: oklch(58% 0.03 254.1deg);
+  --fa-success: oklch(78% 0.17 166.1deg);
+  --fa-warning: oklch(78% 0.14 75.5deg);
+  --fa-danger: oklch(68% 0.22 25.3deg);
+
+  /* Gray Scale - Light Mode */
+  --fa-gray-100: #f9fafb;
+  --fa-gray-200: #f2f4f5;
+  --fa-gray-300: #e6eaeb;
+  --fa-gray-400: #dbdfe1;
+  --fa-gray-500: #949eb7;
+  --fa-gray-600: #7987a1;
+  --fa-gray-700: #4d5875;
+  --fa-gray-800: #383853;
+  --fa-gray-900: #323251;
+
+  /* Border Colors */
+  --fa-card-border: rgb(0 0 0 / 8%);
+  --default-border: #e2e8ee;
+  --default-border-dashed: #dbdfe9;
+
+  /* Background Colors */
+  --default-bg-color: #fafbfc;
+  --default-box-color: #fff;
+
+  /* App layout background */
+  --app-bg: var(--default-bg-color);
+
+  /* Hover Color */
+  --fa-hover-color: #edeff0;
+
+  /* Active Color */
+  --fa-active-color: #f2f4f5;
+
+  /* Element Component Active Color */
+  --fa-el-active-color: #f2f4f5;
+
+  /* Overlay / Modal backgrounds */
+  --fa-overlay-light: rgb(0 0 0 / 20%);
+  --fa-overlay-heavy: rgb(0 0 0 / 50%);
+
+  /* Drawer backdrop */
+  --fa-drawer-bg: rgb(255 255 255 / 50%);
+
+  /* Tab pin (yellow bookmark) */
+  --fa-tab-pin: #ca8a04;
+  --fa-tab-pin-hover: #a16207;
+  --fa-tab-pin-group-hover: #a16207;
+}
+
+/* ==================== Dark Mode Variables ==================== */
+.dark {
+  /* Base Colors */
+  --fa-color: #000;
+
+  /* Gray Scale - Dark Mode */
+  --fa-gray-100: #110f0f;
+  --fa-gray-200: #17171c;
+  --fa-gray-300: #393946;
+  --fa-gray-400: #505062;
+  --fa-gray-500: #73738c;
+  --fa-gray-600: #8f8fa3;
+  --fa-gray-700: #ababba;
+  --fa-gray-800: #c7c7d1;
+  --fa-gray-900: #e3e3e8;
+
+  /* Border Colors */
+  --fa-card-border: rgb(255 255 255 / 8%);
+  --default-border: rgb(255 255 255 / 10%);
+  --default-border-dashed: #363843;
+
+  /* Background Colors */
+  --default-bg-color: #070707;
+  --default-box-color: #161618;
+
+  /* App layout background */
+  --app-bg: var(--default-bg-color);
+
+  /* Hover Color */
+  --fa-hover-color: #252530;
+
+  /* Active Color */
+  --fa-active-color: #202226;
+
+  /* Element Component Active Color */
+  --fa-el-active-color: #2e2e38;
+
+  /* Overlay / Modal backgrounds */
+  --fa-overlay-light: rgb(23 23 26 / 60%);
+  --fa-overlay-heavy: rgb(0 0 0 / 50%);
+
+  /* Drawer backdrop */
+  --fa-drawer-bg: rgb(0 0 0 / 50%);
+
+  /* Tab pin (yellow bookmark) */
+  --fa-tab-pin: #fbbf24;
+  --fa-tab-pin-hover: #fcd34d;
+  --fa-tab-pin-group-hover: #fcd34d;
+
+  /* ============ Component-specific (dark-mode only, no light analog) ============ */
+
+  /* Work-Tab: borders & text */
+  --fa-dark-border: rgb(255 255 255 / 12%);
+  --fa-dark-border-subtle: rgb(255 255 255 / 8%);
+  --fa-dark-border-lighter: rgb(255 255 255 / 14%);
+  --fa-dark-text: rgb(255 255 255 / 72%);
+
+  /* Work-Tab: interaction backgrounds */
+  --fa-dark-hover: rgb(255 255 255 / 8%);
+  --fa-dark-active: rgb(255 255 255 / 12%);
+
+  /* Global-Search: input / dialog */
+  --fa-input-bg: #333;
+  --fa-input-border: #4c4d50;
+  --fa-dialog-bg: #252526;
+
+  /* Sidebar & Notification: scrollbar */
+  --fa-scrollbar-thumb: #777;
+  --fa-scrollbar-thumb-dark: #222;
+
+  /* wangEditor (rich text editor) */
+  --fa-editor-toolbar-bg: #18191c;
+  --fa-editor-textarea-bg: #090909;
+  --fa-editor-toolbar-active-bg: #25262b;
+}
+
+/* ==================== Custom Component Classes ==================== */
+@layer components {
+  /* ================================== Fa Layout ================================== */
+  .fa-card-header {
+    @apply flex justify-between pr-6 pb-1;
+
+    .title {
+      h4 {
+        @apply text-lg font-medium text-g-900;
+      }
+
+      p {
+        @apply mt-1 text-sm text-g-600;
+
+        span {
+          @apply ml-2 font-medium;
+        }
+      }
+    }
+  }
+
+  /* ================================== Chart Components ================================== */
+  /* 图表容器：占满父容器剩余空间（10 处使用） */
+  .chart-box {
+    flex: 1;
+    width: 100%;
+    min-height: 0;
+  }
+
+  /* 迷你图表区：占满高度（5 处使用） */
+  .mc-chart {
+    flex: 1;
+    min-height: 0;
+  }
+
+  /* 迷你图表面板（6 处使用） */
+  .mini-chart-panel {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    padding: 10px 12px;
+    overflow: hidden;
+    background: linear-gradient(180deg, rgb(0 30 80 / 55%) 0%, rgb(6 11 36 / 70%) 100%);
+    border: 1px solid var(--border, rgb(0 180 255 / 12%));
+    border-radius: 10px;
+  }
+
+  /* 迷你图表标签文字（6 处使用） */
+  .mc-hd {
+    margin-bottom: 2px;
+    font-size: 10px;
+    opacity: 0.35;
+  }
+
+  /* 迷你图表大数字（5 处使用） */
+  .mc-value {
+    margin-bottom: 0;
+    font-size: 16px;
+    font-weight: 700;
+    line-height: 1;
+  }
+
+  /* 迷你图表单位（4 处使用） */
+  .mc-unit {
+    margin-left: 2px;
+    font-size: 9px;
+    font-weight: 400;
+    opacity: 0.4;
+  }
+}
diff --git a/src/types/ai/index.ts b/src/types/ai/index.ts
new file mode 100644
index 0000000..a3ef3bf
--- /dev/null
+++ b/src/types/ai/index.ts
@@ -0,0 +1,54 @@
+/**
+ * AI 相关类型定义模块
+ *
+ * 提供 AI 助手相关的类型定义
+ *
+ * ## 主要功能
+ *
+ * - AI 操作处理器类型
+ * - AI 操作配置类型
+ * - AI 命令执行相关类型
+ *
+ * ## 使用场景
+ *
+ * - AI 助手功能开发
+ * - AI 操作处理逻辑
+ * - AI 命令执行流程
+ *
+ * @module types/ai/index
+ * @author FastapiAdmin Team
+ */
+
+/**
+ * AI 操作处理器（简化版）
+ *
+ * 可以是简单函数，也可以是配置对象
+ */
+export type AiActionHandler<T = any> =
+  | ((args: T) => Promise<void> | void)
+  | {
+      /** 执行函数 */
+      execute: (args: T) => Promise<void> | void;
+      /** 是否需要确认（默认 true） */
+      needConfirm?: boolean;
+      /** 确认消息（支持函数或字符串） */
+      confirmMessage?: string | ((args: T) => string);
+      /** 成功消息（支持函数或字符串） */
+      successMessage?: string | ((args: T) => string);
+      /** 是否调用后端 API（默认 false，如果为 true 则自动调用 executeCommand） */
+      callBackendApi?: boolean;
+    };
+
+/**
+ * AI 操作配置
+ */
+export interface UseAiActionOptions {
+  /** 操作映射表：函数名 -> 处理器 */
+  actionHandlers?: Record<string, AiActionHandler>;
+  /** 数据刷新函数（操作完成后调用） */
+  onRefresh?: () => Promise<void> | void;
+  /** 自动搜索处理函数 */
+  onAutoSearch?: (keywords: string) => void;
+  /** 当前路由路径（用于执行命令时传递） */
+  currentRoute?: string;
+}
diff --git a/src/types/common/index.ts b/src/types/common/index.ts
new file mode 100644
index 0000000..741a01d
--- /dev/null
+++ b/src/types/common/index.ts
@@ -0,0 +1,100 @@
+/**
+ * 通用类型定义模块
+ *
+ * 提供项目中常用的通用类型定义
+ *
+ * ## 主要功能
+ *
+ * - 状态类型（启用/禁用）
+ * - 性别类型
+ * - 排序方向类型
+ * - 操作类型（增删改查）
+ * - 记录类型（键值对）
+ * - 时间范围类型
+ * - 文件信息类型
+ * - 坐标和尺寸类型
+ * - 响应式断点类型
+ * - 主题和语言类型
+ * - 环境和弹窗类型
+ *
+ * ## 使用场景
+ *
+ * - 通用数据结构定义
+ * - 类型约束和提示
+ * - 减少重复类型定义
+ *
+ * @module types/common/index
+ * @author FastapiAdmin Team
+ */
+
+// 状态类型
+export type Status = 0 | 1; // 0: 禁用, 1: 启用
+
+// 性别类型
+export type Gender = "male" | "female" | "unknown";
+
+// 排序方向
+export type SortOrder = "ascending" | "descending";
+
+// 操作类型
+export type ActionType =
+  | "create"
+  | "update"
+  | "delete"
+  | "view"
+  | "export"
+  | "import"
+  | "patch"
+  | "download";
+
+// 可选的记录类型
+export type Recordable<T = any> = Record<string, T>;
+
+// 键值对类型
+export type KeyValue<T = any> = {
+  key: string;
+  value: T;
+  label?: string;
+};
+
+// 时间范围类型
+export interface TimeRange {
+  startTime: string;
+  endTime: string;
+}
+
+// 文件类型
+export interface FileInfo {
+  name: string;
+  url: string;
+  size: number;
+  type: string;
+  lastModified?: number;
+}
+
+// 坐标类型
+export interface Position {
+  x: number;
+  y: number;
+}
+
+// 尺寸类型
+export interface Size {
+  width: number;
+  height: number;
+}
+
+// 响应式断点类型
+export type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
+
+// 主题类型
+export type ThemeMode = "light" | "dark" | "auto";
+
+// 语言类型
+export type Language = "zh-CN" | "en-US";
+
+// 环境类型
+export type Environment = "development" | "production" | "test";
+
+// 弹窗类型
+export type DialogType = "add" | "edit";
diff --git a/src/types/component/chart.ts b/src/types/component/chart.ts
new file mode 100644
index 0000000..8d28c39
--- /dev/null
+++ b/src/types/component/chart.ts
@@ -0,0 +1,324 @@
+/**
+ * 图表组件类型定义模块
+ *
+ * 提供 ECharts 图表组件的完整类型定义
+ *
+ * ## 主要功能
+ *
+ * - 基础图表配置类型
+ * - 柱状图类型定义
+ * - 折线图类型定义
+ * - 饼图/环形图类型定义
+ * - 雷达图类型定义
+ * - K线图类型定义
+ * - 散点图类型定义
+ * - 地图图表类型定义
+ * - 双向堆叠柱状图类型定义
+ * - 图表主题配置类型
+ * - 图表事件回调类型
+ *
+ * ## 使用场景
+ *
+ * - 图表组件 Props 类型约束
+ * - 图表配置类型定义
+ * - 图表数据结构定义
+ * - 图表事件处理
+ *
+ * @module types/component/chart
+ * @author FastapiAdmin Team
+ */
+import type { EChartsOption } from "@/plugins/echarts";
+
+// 图例位置类型
+export type LegendPosition = "bottom" | "top" | "left" | "right";
+
+export type SymbolType =
+  | "circle"
+  | "rect"
+  | "roundRect"
+  | "triangle"
+  | "diamond"
+  | "pin"
+  | "arrow"
+  | "none";
+
+// 图表主题配置
+export interface ChartThemeConfig {
+  /** 图表高度 */
+  chartHeight: string;
+  /** 字体大小 */
+  fontSize: number;
+  /** 字体颜色 */
+  fontColor: string;
+  /** 主题颜色 */
+  themeColor: string;
+  /** 颜色组 */
+  colors: string[];
+}
+
+// 图表初始化选项
+export interface UseChartOptions {
+  /** 初始化选项 */
+  initOptions?: EChartsOption;
+  /** 延迟初始化时间(ms) */
+  initDelay?: number;
+  /** IntersectionObserver阈值 */
+  threshold?: number;
+  /** 是否自动响应主题变化 */
+  autoTheme?: boolean;
+}
+
+// 基础图表 Props 接口 - 统一所有图表的基础属性
+export interface BaseChartProps {
+  /** 卡片标题（可选，传入则自动渲染带标题的卡片容器） */
+  title?: string;
+  /** 图表高度 */
+  height?: string;
+  /** 是否加载中 */
+  loading?: boolean;
+  isEmpty?: boolean;
+  /** 颜色配置 */
+  colors?: string[];
+}
+
+// 轴线显示控制接口 - 统一轴线相关配置
+export interface AxisDisplayProps {
+  /** 是否显示坐标轴标签 */
+  showAxisLabel?: boolean;
+  /** 是否显示坐标轴线 */
+  showAxisLine?: boolean;
+  /** 是否显示分割线 */
+  showSplitLine?: boolean;
+}
+
+// 交互显示控制接口 - 统一交互相关配置
+export interface InteractionProps {
+  /** 是否显示提示框 */
+  showTooltip?: boolean;
+  /** 是否显示图例 */
+  showLegend?: boolean;
+  /** 图例位置 */
+  legendPosition?: LegendPosition;
+}
+
+// 柱状图数据项接口
+export interface BarDataItem {
+  /** 系列名称 */
+  name: string;
+  /** 数据值 */
+  data: number[];
+  /** 柱状图宽度 */
+  barWidth?: string | number;
+  /** 堆叠分组名称 */
+  stack?: string;
+}
+
+// 柱状图 Props 接口 - 统一柱状图配置
+export interface BarChartProps extends BaseChartProps, AxisDisplayProps, InteractionProps {
+  /** 图表数据 - 支持单组数据或多组数据 */
+  data: number[] | BarDataItem[];
+  /** X轴标签数据 */
+  xAxisData?: string[];
+  /** 柱状图宽度 */
+  barWidth?: string | number;
+  /** 是否堆叠显示 */
+  stack?: boolean;
+  /** 圆角 */
+  borderRadius?: number | number[];
+}
+
+// 折线图数据项接口
+export interface LineDataItem {
+  /** 系列名称 */
+  name: string;
+  /** 数据值 */
+  data: number[];
+  /** 线条宽度 */
+  lineWidth?: number;
+  /** 是否显示区域填充 */
+  showAreaColor?: boolean;
+  /** 区域样式配置 */
+  areaStyle?: {
+    /** 渐变开始透明度 */
+    startOpacity?: number;
+    /** 渐变结束透明度 */
+    endOpacity?: number;
+    /** 自定义 ECharts areaStyle 配置 */
+    custom?: any;
+  };
+  /** 是否平滑曲线 */
+  smooth?: boolean;
+  /** 数据点符号 */
+  symbol?: SymbolType;
+  /** 数据点大小 */
+  symbolSize?: number;
+}
+
+// 折线图 Props 接口 - 统一折线图配置
+export interface LineChartProps extends BaseChartProps, AxisDisplayProps, InteractionProps {
+  /** 图表数据 - 支持单组数据或多组数据 */
+  data: number[] | LineDataItem[];
+  /** X轴标签数据 */
+  xAxisData?: string[];
+  /** 线条宽度 */
+  lineWidth?: number;
+  /** 是否显示区域填充 */
+  showAreaColor?: boolean;
+  /** 是否平滑曲线 */
+  smooth?: boolean;
+  /** 数据点符号 */
+  symbol?: SymbolType;
+  /** 数据点大小 */
+  symbolSize?: number;
+  /** 多数据动画延迟间隔（毫秒） */
+  animationDelay?: number;
+}
+
+// 雷达图数据项接口
+export interface RadarDataItem {
+  /** 系列名称 */
+  name: string;
+  /** 数据值 */
+  value: number[];
+}
+
+// 雷达图 Props 接口 - 统一雷达图配置
+export interface RadarChartProps extends BaseChartProps, InteractionProps {
+  /** 雷达图指标配置 */
+  indicator?: Array<{ name: string; max: number }>;
+  /** 图表数据 */
+  data?: RadarDataItem[];
+}
+
+// 饼图/环形图数据项接口
+export interface PieDataItem {
+  /** 数据值 */
+  value: number;
+  /** 数据名称 */
+  name: string;
+}
+
+// 环形图 Props 接口 - 统一环形图配置
+export interface RingChartProps extends BaseChartProps, InteractionProps {
+  /** 图表数据 */
+  data: PieDataItem[];
+  /** 内外半径 */
+  radius?: string[];
+  /** 边框圆角 */
+  borderRadius?: number;
+  /** 中心文本 */
+  centerText?: string;
+  /** 是否显示标签 */
+  showLabel?: boolean;
+}
+
+// K线图数据项接口
+export interface KLineDataItem {
+  /** 时间标签 */
+  time: string;
+  /** 开盘价 */
+  open: number;
+  /** 收盘价 */
+  close: number;
+  /** 最高价 */
+  high: number;
+  /** 最低价 */
+  low: number;
+}
+
+// K线图 Props 接口 - 统一K线图配置
+export interface KLineChartProps extends BaseChartProps {
+  /** 图表数据 */
+  data?: KLineDataItem[];
+  /** 是否显示数据缩放控件 */
+  showDataZoom?: boolean;
+  /** 数据缩放初始开始位置 */
+  dataZoomStart?: number;
+  /** 数据缩放初始结束位置 */
+  dataZoomEnd?: number;
+}
+
+// 散点图数据项接口
+export interface ScatterDataItem {
+  /** 坐标值 [x, y] */
+  value: number[];
+}
+
+// 散点图 Props 接口 - 统一散点图配置
+export interface ScatterChartProps extends BaseChartProps, AxisDisplayProps, InteractionProps {
+  /** 图表数据 */
+  data?: ScatterDataItem[];
+  /** 散点大小 */
+  symbolSize?: number;
+}
+
+// 双柱对比图 Props 接口 - 统一双柱对比图配置
+export interface DualBarCompareChartProps extends BaseChartProps {
+  /** 上方数据 */
+  topData: number[];
+  /** 下方数据 */
+  bottomData: number[];
+  /** X轴标签数据 */
+  xAxisData: string[];
+  /** 上方柱子颜色 */
+  topColor?: string;
+  /** 下方柱子颜色 */
+  bottomColor?: string;
+  /** 柱状图宽度 */
+  barWidth?: number;
+}
+
+// 地图图表 Props 接口 - 统一地图图表配置
+export interface MapChartProps extends BaseChartProps {
+  /** 地图数据 */
+  mapData?: any[];
+  /** 选中区域 */
+  selectedRegion?: string;
+  /** 是否显示标签 */
+  showLabels?: boolean;
+  /** 是否显示散点 */
+  showScatter?: boolean;
+}
+
+// 双向堆叠柱状图 Props 接口（人口金字塔样式）
+export interface BidirectionalBarChartProps
+  extends BaseChartProps, AxisDisplayProps, InteractionProps {
+  /** 正向数据（向上显示） */
+  positiveData: number[];
+  /** 负向数据（向下显示） */
+  negativeData: number[];
+  /** X轴标签数据 */
+  xAxisData?: string[];
+  /** 正向数据名称 */
+  positiveName?: string;
+  /** 负向数据名称 */
+  negativeName?: string;
+  /** 柱状图宽度 */
+  barWidth?: string | number;
+  /** Y轴最小值 */
+  yAxisMin?: number;
+  /** Y轴最大值 */
+  yAxisMax?: number;
+  /** 是否显示数据标签 */
+  showDataLabel?: boolean;
+  /** 正向数据圆角配置 */
+  positiveBorderRadius?: number | number[];
+  /** 负向数据圆角配置 */
+  negativeBorderRadius?: number | number[];
+}
+
+// 图表配置生成器函数类型
+export type ChartOptionGenerator = () => EChartsOption;
+
+// 图表事件回调类型
+export type ChartEventCallback = (params: any) => void;
+
+// 图表错误信息接口
+export interface ChartError {
+  /** 错误码 */
+  code: string;
+  /** 错误信息 */
+  message: string;
+  /** 错误详情 */
+  details?: any;
+}
diff --git a/src/types/component/index.ts b/src/types/component/index.ts
new file mode 100644
index 0000000..23f9db2
--- /dev/null
+++ b/src/types/component/index.ts
@@ -0,0 +1,159 @@
+/**
+ * 组件类型定义模块
+ *
+ * 提供项目组件的类型定义
+ *
+ * ## 主要功能
+ *
+ * - 搜索组件类型定义
+ * - 表格列配置类型
+ * - 分页配置类型
+ * - 表单规则类型
+ * - 对话框配置类型
+ *
+ * ## 使用场景
+ *
+ * - 组件 Props 类型约束
+ * - 组件配置类型定义
+ * - 组件事件参数类型
+ *
+ * @module types/component/index
+ * @author FastapiAdmin Team
+ */
+
+// 搜索组件类型
+export type SearchComponentType =
+  | "input"
+  | "select"
+  | "radio"
+  | "checkbox"
+  | "date"
+  | "datetime"
+  | "daterange"
+  | "datetimerange"
+  | "month"
+  | "monthrange"
+  | "year"
+  | "yearrange"
+  | "week"
+  | "time"
+  | "timerange";
+
+// 搜索框值变化参数
+export interface SearchChangeParams {
+  prop: string;
+  val: unknown;
+}
+
+// 状态列配置（自动渲染 StatusTag）
+// 与 statusFormatter 中的 StatusMap / StatusItem 对齐；只列必要字段即可
+export interface StatusColumnItem {
+  type: "primary" | "success" | "warning" | "danger" | "info";
+  text: string;
+  size?: "large" | "default" | "small";
+  effect?: "light" | "dark" | "plain";
+}
+// 部分映射：只需列出需要配置的值对应的状态项
+export type StatusColumnConfig = Partial<Record<string, StatusColumnItem>>;
+
+// 表格列配置接口
+export interface ColumnOption<T = any> {
+  // 列类型
+  type?: "selection" | "expand" | "index" | "globalIndex";
+  // 列属性名
+  prop?: string;
+  // 列标题
+  label?: string;
+  // 列宽度
+  width?: string | number;
+  // 最小列宽度
+  minWidth?: string | number;
+  // 固定列
+  fixed?: boolean | "left" | "right";
+  // 是否可排序
+  sortable?: boolean | "custom";
+  // 过滤器选项
+  filters?: any[];
+  // 过滤方法
+  filterMethod?: (value: any, row: any) => boolean;
+  // 过滤器位置
+  filterPlacement?: string;
+  // 是否禁用
+  disabled?: boolean;
+  // 是否显示列
+  visible?: boolean;
+  // 是否选中显示
+  checked?: boolean;
+  // 自定义渲染函数
+  formatter?: (row: T) => any;
+  // 状态列快捷配置：value -> { type, text }，会自动生成 formatter
+  // 与 formatter 互斥，同时配置时 formatter 优先
+  status?: StatusColumnConfig;
+  // 插槽相关配置
+  // 是否使用插槽渲染内容
+  useSlot?: boolean;
+  // 插槽名称（默认为 prop 值）
+  slotName?: string;
+  // 是否使用表头插槽
+  useHeaderSlot?: boolean;
+  // 表头插槽名称（默认为 `${prop}-header`）
+  headerSlotName?: string;
+  // 其他属性
+  [key: string]: any;
+}
+
+// 分页配置
+export interface PaginationConfig {
+  // 当前页
+  currentPage: number;
+  // 每页条数
+  pageSize: number;
+  // 总条数
+  total: number;
+  // 每页显示个数选择器的选项
+  pageSizes?: number[];
+  // 组件布局
+  layout?: string;
+  // 是否为小型分页
+  small?: boolean;
+}
+
+// 表单规则
+export interface FormRule {
+  // 是否必填
+  required?: boolean;
+  // 错误提示信息
+  message?: string;
+  // 触发方式
+  trigger?: string | string[];
+  // 最小长度
+  min?: number;
+  // 最大长度
+  max?: number;
+  // 正则表达式
+  pattern?: RegExp;
+  // 自定义验证函数
+  validator?: (rule: any, value: any, callback: any) => void;
+}
+
+// 对话框配置
+export interface DialogConfig {
+  // 标题
+  title: string;
+  // 是否显示
+  visible: boolean;
+  // 宽度
+  width?: string | number;
+  // 是否可以通过点击 modal 关闭
+  closeOnClickModal?: boolean;
+  // 是否可以通过按下 ESC 关闭
+  closeOnPressEscape?: boolean;
+  // 是否显示关闭按钮
+  showClose?: boolean;
+  // 是否在 Dialog 出现时将 body 滚动锁定
+  lockScroll?: boolean;
+  // 是否显示遮罩层
+  modal?: boolean;
+  // 自定义类名
+  customClass?: string;
+}
diff --git a/src/types/config/index.ts b/src/types/config/index.ts
new file mode 100644
index 0000000..cd9b3ea
--- /dev/null
+++ b/src/types/config/index.ts
@@ -0,0 +1,230 @@
+/**
+ * 配置类型定义模块
+ *
+ * 提供系统配置相关的类型定义
+ *
+ * ## 主要功能
+ *
+ * - 主题设置类型
+ * - 菜单布局类型
+ * - 节日配置类型
+ * - 系统基础配置类型
+ * - 快速入口配置类型
+ * - 顶部栏功能配置类型
+ * - 环境配置类型
+ * - 应用配置类型
+ *
+ * ## 使用场景
+ *
+ * - 系统配置文件类型约束
+ * - 配置项类型定义
+ * - 配置数据验证
+ *
+ * @module types/config/index
+ * @author FastapiAdmin Team
+ */
+
+import { MenuTypeEnum, SystemThemeEnum } from "@/enums/appEnum";
+import { MenuThemeType, SystemThemeTypes } from "@/types/store";
+
+// 主题设置
+export interface ThemeSetting {
+  /** 主题名称 */
+  name: string;
+  /** 系统主题类型 */
+  theme: SystemThemeEnum;
+  /** 主题颜色数组 */
+  color: string[];
+  /** 左侧线条颜色 */
+  leftLineColor: string;
+  /** 右侧线条颜色 */
+  rightLineColor: string;
+  /** 主题图片 */
+  img: string;
+}
+
+// 菜单布局
+export interface MenuLayout {
+  /** 布局名称 */
+  name: string;
+  /** 菜单类型值 */
+  value: MenuTypeEnum;
+  /** 布局预览图 */
+  img: string;
+  /** 布局描述 */
+  description?: string;
+}
+
+// 节日配置
+export interface FestivalConfig {
+  /** 节日日期（单日）或开始日期（日期范围） */
+  date: string;
+  /** 节日结束日期（可选，用于跨日期节日） */
+  endDate?: string;
+  /** 节日名称 */
+  name: string;
+  /** 烟花图片 */
+  image: string;
+  /** 滚动文本 */
+  scrollText: string;
+  /** 是否激活 */
+  isActive?: boolean;
+  /** 烟花播放次数（可选，默认为 3 次） */
+  count?: number;
+  /**
+   * 礼花连发间隔（毫秒）。不填默认 1000。可改小以营造连续绽放感（如雪花「暴风」）。
+   */
+  fireworkInterval?: number;
+  /**
+   * 为 true 时不放烟花，进入系统后直接显示 `scrollText`（适合长期顶栏公告）
+   * 多条时间重叠时优先使用日期区间更短的那条
+   */
+  skipFireworks?: boolean;
+  /**
+   * 常驻兜底公告（如全年系统提示）。匹配优先级最低：**普通节日 > 周末提示 > 常驻**
+   */
+  isResidentBanner?: boolean;
+}
+
+// 系统基础配置
+export interface SystemBasicConfig {
+  // 系统名称
+  name: string;
+  // 系统描述
+  description?: string;
+  // 系统logo
+  logo?: string;
+  // 系统favicon
+  favicon?: string;
+  // 版权信息
+  copyright?: string;
+}
+
+// 快速入口基础项
+export interface FastEnterBaseItem {
+  /** 名称 */
+  name: string;
+  /** 是否启用 */
+  enabled?: boolean;
+  /** 排序权重 */
+  order?: number;
+  /** 路由名称 */
+  routeName?: string;
+  /** 路由 query（与 routeName 配合使用） */
+  routeQuery?: Record<string, string>;
+  /** 外部链接 */
+  link?: string;
+  /** 点击弹出介绍弹窗（代替路由跳转） */
+  isDialog?: boolean;
+}
+
+// 快速入口应用项
+export interface FastEnterApplication extends FastEnterBaseItem {
+  /** 应用描述 */
+  description: string;
+  /** 图标代码 */
+  icon: string;
+  /** 图标颜色 */
+  iconColor: string;
+}
+
+// 快速链接项
+export type FastEnterQuickLink = FastEnterBaseItem;
+
+// 快速入口配置
+export interface FastEnterConfig {
+  /** 应用列表 */
+  applications: FastEnterApplication[];
+  /** 快速链接 */
+  quickLinks: FastEnterQuickLink[];
+  /** 显示条件（屏幕宽度） */
+  minWidth?: number;
+}
+
+// 系统配置
+export interface SystemConfig {
+  // 系统基础信息
+  systemInfo: SystemBasicConfig;
+  // 系统主题样式
+  systemThemeStyles: SystemThemeTypes;
+  // 设置主题列表
+  settingThemeList: ThemeSetting[];
+  // 菜单布局列表
+  menuLayoutList: MenuLayout[];
+  // 主题列表
+  themeList: MenuThemeType[];
+  // 暗色菜单样式
+  darkMenuStyles: MenuThemeType[];
+  // 系统主色调
+  systemMainColor: readonly string[];
+  // 快速入口配置
+  fastEnter?: FastEnterConfig;
+  // 顶部栏功能配置
+  headerBar?: HeaderBarFeatureConfig;
+}
+
+// 环境配置
+export interface EnvConfig {
+  // 环境名称
+  NODE_ENV: string;
+  // 应用版本
+  VITE_VERSION: string;
+  // 应用端口
+  VITE_PORT: string;
+  // 应用基础路径
+  VITE_BASE_URL: string;
+  // API 地址
+  VITE_API_URL: string;
+  // 是否开启 Mock
+  VITE_USE_MOCK?: string;
+  // 是否开启压缩
+  VITE_USE_GZIP?: string;
+  // 是否开启 CDN
+  VITE_USE_CDN?: string;
+}
+
+// 应用配置
+export interface AppConfig extends SystemConfig {
+  // 环境配置
+  env: EnvConfig;
+  // 开发模式
+  isDev: boolean;
+  // 生产模式
+  isProd: boolean;
+  // 测试模式
+  isTest: boolean;
+}
+
+// 功能配置项基础接口
+export interface FeatureConfigItem {
+  enabled: boolean;
+  description: string;
+}
+
+// 顶部栏功能配置接口
+export interface HeaderBarFeatureConfig {
+  /** 菜单按钮 */
+  menuButton: FeatureConfigItem;
+  /** 刷新按钮 */
+  refreshButton: FeatureConfigItem;
+  /** 快速入口 */
+  fastEnter: FeatureConfigItem;
+  /** 面包屑导航 */
+  breadcrumb: FeatureConfigItem;
+  /** 全局搜索 */
+  globalSearch: FeatureConfigItem;
+  /** 全屏功能 */
+  fullscreen: FeatureConfigItem;
+  /** 通知功能 */
+  notification: FeatureConfigItem;
+  /** 聊天功能 */
+  chat: FeatureConfigItem;
+  /** 多语言切换 */
+  language: FeatureConfigItem;
+  /** 设置面板 */
+  settings: FeatureConfigItem;
+  /** 主题切换 */
+  themeToggle: FeatureConfigItem;
+  /** 组件尺寸（default / large / small） */
+  sizeSelect: FeatureConfigItem;
+}
diff --git a/src/types/directive/index.ts b/src/types/directive/index.ts
new file mode 100644
index 0000000..06588d7
--- /dev/null
+++ b/src/types/directive/index.ts
@@ -0,0 +1,15 @@
+import type {
+  AuthDirective,
+  RolesDirective,
+  RippleDirective,
+  HighlightDirective,
+} from "@/directives";
+
+declare module "vue" {
+  export interface GlobalDirectives {
+    vAuth: AuthDirective;
+    vRoles: RolesDirective;
+    vRipple: RippleDirective;
+    vHighlight: HighlightDirective;
+  }
+}
diff --git a/src/types/env.d.ts b/src/types/env.d.ts
new file mode 100644
index 0000000..c00b336
--- /dev/null
+++ b/src/types/env.d.ts
@@ -0,0 +1,72 @@
+// https://cn.vitejs.dev/guide/env-and-mode
+
+/// <reference types="vite/client" />
+/// <reference types="element-plus/global" />
+
+// TypeScript 类型提示都为 string： https://github.com/vitejs/vite/issues/6930
+interface ImportMetaEnv {
+  /** 环境标识 */
+  VITE_APP_ENV: string;
+
+  /** 项目名称 */
+  VITE_APP_TITLE: string;
+
+  /** API 请求基础路径 */
+  VITE_API_URL: string;
+
+  /** 开发环境代理目标地址 */
+  VITE_API_BASE_URL: string;
+
+  /** 代理前缀 */
+  VITE_APP_BASE_API: string;
+
+  /** 开发服务器端口 */
+  VITE_PORT: number;
+
+  /** 网络请求超时时间（毫秒） */
+  VITE_API_TIMEOUT: number;
+
+  /** WebSocket 端点 */
+  VITE_APP_WS_ENDPOINT: string;
+
+  /** 应用部署基础路径 */
+  VITE_BASE_URL: string;
+
+  /** 权限模式 */
+  VITE_ACCESS_MODE: string;
+
+  /** 跨域请求是否携带 Cookie */
+  VITE_WITH_CREDENTIALS: string;
+
+  /** 是否在控制台输出路由信息 */
+  VITE_OPEN_ROUTE_INFO: string;
+
+  /** 锁屏加密密钥 */
+  VITE_LOCK_ENCRYPT_KEY: string;
+
+  /** 是否删除控制台输出 */
+  VITE_DROP_CONSOLE: string;
+
+  /** 应用版本号 */
+  VITE_VERSION: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
+
+/**
+ * 平台的名称、版本、运行所需的`node`版本、依赖、构建时间的类型提示
+ */
+declare const __APP_INFO__: {
+  pkg: {
+    name: string;
+    version: string;
+    engines: {
+      node: string;
+    };
+    dependencies: Record<string, string>;
+    devDependencies: Record<string, string>;
+  };
+  buildTimestamp: number;
+};
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
new file mode 100644
index 0000000..7071dc5
--- /dev/null
+++ b/src/types/global.d.ts
@@ -0,0 +1,325 @@
+declare global {
+  /**
+   * 系统设置
+   */
+  interface AppSettings {
+    /** 系统名称 */
+    name: string;
+    /** 系统标题 */
+    title: string;
+    /** 系统版本 */
+    version: string;
+    /** 是否显示设置按钮 */
+    showSettings: boolean;
+    /** 是否显示菜单搜索 */
+    showMenuSearch: boolean;
+    /** 是否显示全屏切换 */
+    showFullscreen: boolean;
+    /** 是否显示布局大小 */
+    showSizeSelect: boolean;
+    /** 是否显示语言选择 */
+    showLangSelect: boolean;
+    /** 是否显示通知 */
+    showNotification: boolean;
+    /** 是否显示多标签导航 */
+    showTagsView: boolean;
+    /** 是否显示应用Logo */
+    showAppLogo: boolean;
+    /** 导航栏布局(left|top|mix) */
+    layout: "left" | "top" | "mix";
+    /** 主题颜色 */
+    themeColor: string;
+    /** 主题模式(dark|light) */
+    theme: import("@/enums/settings/theme.enum").ThemeMode;
+    /** 布局大小(default |large |small) */
+    size: string;
+    /** 语言( zh-cn| en) */
+    language: string;
+    /** 是否显示水印 */
+    showWatermark: boolean;
+    /** 水印内容 */
+    watermarkContent: string;
+    /** 侧边栏配色方案 */
+    sidebarColorScheme: "classic-blue" | "minimal-white";
+    /** 项目引导 */
+    guideVisible: boolean;
+    /** 是否启动引导 */
+    showGuide: boolean;
+    /** 是否开启AI助手 */
+    aiEnabled: boolean;
+    /** 是否开启灰色模式 */
+    grayMode: boolean;
+    /** 页面切换动画 */
+    pageSwitchingAnimation: string;
+  }
+
+  /**
+   * 下拉选项数据类型
+   */
+  interface OptionType {
+    /** 值 */
+    value: string | number;
+    /** 文本 */
+    label: string;
+    /** 子列表  */
+    children?: OptionType[];
+  }
+
+  /**
+   * 导入结果
+   */
+  interface ExcelResult {
+    /** 状态码 */
+    code: string;
+    /** 无效数据条数 */
+    invalidCount: number;
+    /** 有效数据条数 */
+    validCount: number;
+    /** 错误信息 */
+    messageList: Array<string>;
+  }
+
+  /**
+   * 基础响应结构
+   */
+  interface ApiResponse<T = any> {
+    code: number;
+    data: T;
+    msg: string;
+    status_code: number;
+    success: boolean;
+  }
+
+  /**
+   * 兼容 web 工程遗留的 `Api.*` 命名空间类型引用
+   * web 目前以真实接口模块导出的类型为准，这里先提供最小声明避免 vue-tsc 阻断。
+   */
+  namespace Api {
+    namespace Auth {
+      interface UserInfo {
+        [key: string]: unknown;
+      }
+    }
+  }
+
+  /**
+   * 基础查询参数（基础层：状态 + 时间范围）
+   */
+  interface BaseQueryParams {
+    created_time?: string[];
+    updated_time?: string[];
+  }
+
+  /**
+   * 审计人查询参数（继承基础查询 + 创建人/更新人）
+   */
+  interface UserByQueryParams extends BaseQueryParams {
+    created_id?: number;
+    updated_id?: number;
+  }
+
+  /**
+   * 租户查询参数（继承基础查询 + 租户ID）
+   */
+  interface TenantByQueryParams extends BaseQueryParams {
+    tenant_id?: number;
+  }
+
+  /**
+   * 分页查询参数（继承基础查询 + 分页字段）
+   */
+  interface PageQuery extends BaseQueryParams {
+    page_no: number;
+    page_size: number;
+  }
+
+  /**
+   * 分页响应对象（列表接口 `data` 统一为该结构）
+   * 前端 `useTable` 仅通过 `@utils/table` 的 `defaultResponseAdapter` 解析该形状（及 ApiResponse 包装）
+   */
+  interface PageResult<T = any> {
+    items: T[];
+    total: number;
+    page_no: number;
+    page_size: number;
+    has_next: boolean;
+  }
+
+  /**
+   * 创建人
+   */
+  interface CommonType {
+    id?: number;
+    name?: string;
+  }
+
+  /**
+   * 租户
+   */
+  interface TenantType {
+    id?: number;
+    name?: string;
+  }
+
+  /**
+   * 基础表单类型（基础层：仅包含 id）
+   */
+  interface BaseFormType {
+    id?: number;
+  }
+
+  /**
+   * 基础类型（基础层：包含通用字段）
+   */
+  interface BaseType extends BaseFormType {
+    index?: number;
+    uuid?: string;
+    is_deleted?: boolean;
+    created_time?: string;
+    updated_time?: string;
+    deleted_time?: string;
+    created_by?: CommonType;
+    updated_by?: CommonType;
+    deleted_by?: CommonType;
+    tenant_by?: TenantType;
+  }
+
+  /**
+   * 批量操作类型
+   */
+  interface BatchType {
+    ids: number[];
+    status: number;
+  }
+
+  /**
+   * 上传文件路径
+   */
+  interface UploadFilePath {
+    file_path: string;
+    file_name: string;
+    origin_name: string;
+    file_url: string;
+  }
+
+  /**
+   * 通用搜索参数
+   */
+  type CommonSearchParams = Pick<PageQuery, "page_no" | "page_size">;
+
+  /**
+   * 启用状态
+   */
+  type EnableStatus = "0" | "1";
+
+  /**
+   * 登录参数
+   */
+  interface LoginParams {
+    username: string;
+    password: string;
+    captcha_key?: string;
+    captcha?: string;
+    remember?: boolean;
+    login_type?: string;
+  }
+
+  /**
+   * 登录响应
+   */
+  interface LoginResponse {
+    access_token: string;
+    refresh_token: string;
+    token_type: string;
+    expires_in: number;
+  }
+
+  /**
+   * 用户信息
+   */
+  interface UserInfo {
+    user_id: number;
+    username: string;
+    nickname?: string;
+    email?: string;
+    avatar?: string;
+    phone?: string;
+    roles?: RoleInfo[];
+    permissions?: string[];
+    menus?: MenuTable[];
+    created_at?: string;
+    updated_at?: string;
+  }
+
+  /**
+   * 角色信息
+   */
+  interface RoleInfo {
+    id?: number;
+    name?: string;
+    code?: string;
+    menus?: any[];
+  }
+
+  /**
+   * 用户列表
+   */
+  type UserList = PageResult<UserListItem>;
+
+  /**
+   * 用户列表项
+   */
+  interface UserListItem {
+    id: number;
+    avatar: string;
+    status: number;
+    userName: string;
+    userGender: string;
+    nickName: string;
+    userPhone: string;
+    userEmail: string;
+    userRoles: string[];
+    createBy: string;
+    createTime: string;
+    updateBy: string;
+    updateTime: string;
+  }
+
+  /**
+   * 用户搜索参数
+   */
+  type UserSearchParams = Partial<
+    Pick<UserListItem, "id" | "userName" | "userGender" | "userPhone" | "userEmail" | "status"> &
+      CommonSearchParams
+  >;
+
+  /**
+   * 角色列表
+   */
+  type RoleList = PaginatedResponse<RoleListItem>;
+
+  /**
+   * 角色列表项
+   */
+  interface RoleListItem {
+    roleId: number;
+    roleName: string;
+    roleCode: string;
+    description: string;
+    enabled: boolean;
+    createTime: string;
+  }
+
+  /**
+   * 角色搜索参数
+   */
+  type RoleSearchParams = Partial<
+    Pick<RoleListItem, "roleId" | "roleName" | "roleCode" | "description" | "enabled"> &
+      CommonSearchParams & {
+        startTime: string | null;
+        endTime: string | null;
+      }
+  >;
+}
+
+export {};
diff --git a/src/types/index.ts b/src/types/index.ts
new file mode 100644
index 0000000..3cecb50
--- /dev/null
+++ b/src/types/index.ts
@@ -0,0 +1,28 @@
+/**
+ * 类型定义统一导出模块
+ * 提供全局类型定义的统一导出入口
+ *
+ * @module types/index
+ * @author FastapiAdmin Team
+ */
+
+/** AI 相关类型定义 */
+export * from "./ai";
+
+/** 通用类型定义（基础类型、工具类型等） */
+export * from "./common";
+
+/** 组件相关类型定义 */
+export * from "./component";
+
+/** 系统配置类型定义 */
+export * from "./config";
+
+/** 指令相关类型定义 */
+export * from "./directive";
+
+/** 路由相关类型定义 */
+export * from "./router";
+
+/** 状态管理相关类型定义 */
+export * from "./store";
diff --git a/src/types/router/index.ts b/src/types/router/index.ts
new file mode 100644
index 0000000..5f0882e
--- /dev/null
+++ b/src/types/router/index.ts
@@ -0,0 +1,147 @@
+/**
+ * 路由类型定义模块
+ *
+ * 提供路由相关的类型定义
+ *
+ * ## 主要功能
+ *
+ * - 路由元数据类型（标题、图标、权限等）
+ * - 应用路由记录类型
+ * - 路由配置扩展
+ *
+ * ## 使用场景
+ *
+ * - 路由配置类型约束
+ * - 路由元数据定义
+ * - 菜单生成
+ * - 权限控制
+ *
+ * @module types/router/index
+ * @author FastapiAdmin Team
+ */
+
+import { RouteRecordRaw } from "vue-router";
+import "vue-router";
+
+declare module "vue-router" {
+  // https://router.vuejs.org/zh/guide/advanced/meta.html#typescript
+  // 可以通过扩展 RouteMeta 接口来输入 meta 字段
+  interface RouteMeta {
+    /**
+     * 菜单名称
+     * @example 'Dashboard'
+     */
+    title?: string;
+
+    /**
+     * 菜单图标
+     * @example 'el-icon-edit'
+     */
+    icon?: string;
+
+    /**
+     * 是否隐藏菜单
+     * true 隐藏, false 显示
+     * @default false
+     */
+    hidden?: boolean;
+
+    /**
+     * 始终显示父级菜单，即使只有一个子菜单
+     * true 显示父级菜单, false 隐藏父级菜单，显示唯一子节点
+     * @default false
+     */
+    alwaysShow?: boolean;
+
+    /**
+     * 是否固定在页签上
+     * true 固定, false 不固定
+     * @default false
+     */
+    affix?: boolean;
+
+    /**
+     * 是否缓存页面
+     * true 缓存, false 不缓存
+     * @default false
+     */
+    keepAlive?: boolean;
+
+    /**
+     * 为 true 时 KeepAlive 子组件 `:key` 使用 `fullPath`（query/hash 变化会整页重挂载）。
+     * 默认用 `name + params`，减轻 query 微调导致的重复 onMounted / useTable immediate。
+     */
+    remountOnFullPath?: boolean;
+
+    /**
+     * 静态壳层路由（路由已在 router 注册，菜单项仅用于跳转，无 component 字段）
+     */
+    shellRoute?: boolean;
+
+    /**
+     * 是否在面包屑导航中隐藏
+     * true 隐藏, false 显示
+     * @default false
+     */
+    breadcrumb?: boolean;
+  }
+}
+
+/**
+ * 路由元数据接口
+ * 定义路由的各种配置属性
+ */
+export interface RouteMeta extends Record<string | number | symbol, unknown> {
+  /** 路由标题 */
+  title: string;
+  /** 路由图标 */
+  icon?: string;
+  /** 是否显示徽章 */
+  showBadge?: boolean;
+  /** 文本徽章 */
+  showTextBadge?: string;
+  /** 是否在菜单中隐藏 */
+  isHide?: boolean;
+  /** 是否在标签页中隐藏 */
+  isHideTab?: boolean;
+  /** 外部链接 */
+  link?: string;
+  /** 是否为iframe */
+  isIframe?: boolean;
+  /** 是否缓存 */
+  keepAlive?: boolean;
+  /** 操作权限 */
+  authList?: Array<{
+    title: string;
+    authMark: string;
+  }>;
+  /** 是否为一级菜单 */
+  isFirstLevel?: boolean;
+  /** 角色权限 */
+  roles?: string[];
+  /** 是否固定标签页 */
+  fixedTab?: boolean;
+  /** 激活菜单路径 */
+  activePath?: string;
+  /** 是否为权限按钮行 */
+  isAuthButton?: boolean;
+  /** 权限标识 */
+  authMark?: string;
+  /** 父级路径 */
+  parentPath?: string;
+  /** 静态壳层菜单（侧边栏可点，组件由静态路由提供） */
+  shellRoute?: boolean;
+  /** @see RouteMeta（vue-router 模块扩展） */
+  remountOnFullPath?: boolean;
+}
+
+/**
+ * 应用路由记录接口
+ * 扩展 Vue Router 的路由记录类型
+ */
+export interface AppRouteRecord extends Omit<RouteRecordRaw, "meta" | "children" | "component"> {
+  id?: number;
+  meta: RouteMeta;
+  children?: AppRouteRecord[];
+  component?: string | (() => Promise<any>);
+}
diff --git a/src/types/shims-vue.d.ts b/src/types/shims-vue.d.ts
new file mode 100644
index 0000000..d77b62b
--- /dev/null
+++ b/src/types/shims-vue.d.ts
@@ -0,0 +1,5 @@
+declare module "*.vue" {
+  import type { DefineComponent } from "vue";
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}
diff --git a/src/types/shims-wangeditor-editor-for-vue.d.ts b/src/types/shims-wangeditor-editor-for-vue.d.ts
new file mode 100644
index 0000000..b6f1347
--- /dev/null
+++ b/src/types/shims-wangeditor-editor-for-vue.d.ts
@@ -0,0 +1,6 @@
+declare module "@wangeditor-next/editor-for-vue" {
+  import type { DefineComponent } from "vue";
+
+  export const Editor: DefineComponent<Record<string, unknown>, any, any>;
+  export const Toolbar: DefineComponent<Record<string, unknown>, any, any>;
+}
diff --git a/src/types/store/index.ts b/src/types/store/index.ts
new file mode 100644
index 0000000..7e72f2d
--- /dev/null
+++ b/src/types/store/index.ts
@@ -0,0 +1,157 @@
+/**
+ * Store 状态类型定义模块
+ *
+ * 提供 Pinia Store 的状态类型定义
+ *
+ * ## 主要功能
+ *
+ * - 系统主题类型
+ * - 菜单主题类型
+ * - 设置状态类型
+ * - 工作标签页类型
+ * - 用户状态类型
+ * - 菜单状态类型
+ * - 根状态类型
+ *
+ * ## 使用场景
+ *
+ * - Store 状态类型约束
+ * - 状态数据结构定义
+ * - 类型提示和自动补全
+ *
+ * @module types/store/index
+ * @author FastapiAdmin Team
+ */
+
+import { MenuThemeEnum, SystemThemeEnum } from "@/enums/appEnum";
+import { LocationQueryRaw } from "vue-router";
+
+// 系统主题样式（light | dark）
+export interface SystemThemeType {
+  /** 主题类名 */
+  className: string;
+}
+
+// 定义包含多个主题的类型
+export type SystemThemeTypes = {
+  [key in Exclude<SystemThemeEnum, SystemThemeEnum.AUTO>]: SystemThemeType;
+};
+
+// 菜单主题样式
+export interface MenuThemeType {
+  /** 主题类型 */
+  theme: MenuThemeEnum;
+  /** 背景颜色 */
+  background: string;
+  /** 系统名称颜色 */
+  systemNameColor: string;
+  /** 文本颜色 */
+  textColor: string;
+  /** 图标颜色 */
+  iconColor: string;
+  /** 背景图片 */
+  img?: string;
+}
+
+// 设置中心
+export interface SettingState {
+  /** 主题 */
+  theme: string;
+  /** 是否只保持一个子菜单的展开 */
+  uniqueOpened: boolean;
+  /** 是否显示菜单按钮 */
+  menuButton: boolean;
+  /** 是否显示刷新按钮 */
+  showRefreshButton: boolean;
+  /** 是否显示面包屑 */
+  showCrumbs: boolean;
+  /** 是否自动关闭 */
+  autoClose: boolean;
+  /** 是否显示工作标签页 */
+  showWorkTab: boolean;
+  /** 是否显示语言切换 */
+  showLanguage: boolean;
+  /** 是否显示进度条 */
+  showNprogress: boolean;
+  /** 主题模式 */
+  themeModel: string;
+}
+
+// 多标签
+export interface WorkTab {
+  /** 标签标题 */
+  title: string;
+  /** 自定义标题 */
+  customTitle?: string;
+  /** 路由路径 */
+  path: string;
+  /** 路由名称 */
+  name: string;
+  /** 是否缓存 */
+  keepAlive: boolean;
+  /** 是否固定标签 */
+  fixedTab?: boolean;
+  /** 路由参数 */
+  params?: object;
+  /** 路由查询参数 */
+  query?: LocationQueryRaw;
+  /** 图标 */
+  icon?: string;
+  /** 是否激活 */
+  isActive?: boolean;
+}
+
+// 用户Store状态
+export interface UserState {
+  /** 用户信息 */
+  userInfo: Api.Auth.UserInfo | null;
+  /** 认证令牌 */
+  token: string | null;
+  /** 用户角色列表 */
+  roles: string[];
+  /** 用户权限列表 */
+  permissions: string[];
+}
+
+// 设置Store状态
+export interface SettingStoreState extends SettingState {
+  // 额外的设置状态
+  /** 菜单是否折叠 */
+  collapsed: boolean;
+  /** 设备类型 */
+  device: "desktop" | "mobile";
+  /** 当前语言 */
+  language: string;
+}
+
+// 工作标签页Store状态
+export interface WorkTabState {
+  /** 标签页列表 */
+  tabs: WorkTab[];
+  /** 当前激活的标签页 */
+  activeTab: string;
+  /** 缓存的标签页列表 */
+  cachedTabs: string[];
+}
+
+// 菜单Store状态
+export interface MenuState {
+  /** 菜单列表 */
+  menuList: any[];
+  /** 菜单是否已加载 */
+  isLoaded: boolean;
+  /** 菜单是否折叠 */
+  collapsed: boolean;
+}
+
+// 根Store状态类型
+export interface RootState {
+  /** 用户状态 */
+  user: UserState;
+  /** 设置状态 */
+  setting: SettingStoreState;
+  /** 工作标签页状态 */
+  workTab: WorkTabState;
+  /** 菜单状态 */
+  menu: MenuState;
+}
diff --git a/src/types/vue3-cron-plus.d.ts b/src/types/vue3-cron-plus.d.ts
new file mode 100644
index 0000000..d0f1f7c
--- /dev/null
+++ b/src/types/vue3-cron-plus.d.ts
@@ -0,0 +1,12 @@
+declare module "vue3-cron-plus" {
+  import { DefineComponent } from "vue";
+
+  export const vue3CronPlus: DefineComponent<{}, {}, any>;
+
+  export default vue3CronPlus;
+}
+
+declare module "vue3-cron-plus/dist/index.css" {
+  const content: any;
+  export default content;
+}
diff --git a/src/utils/auth/index.ts b/src/utils/auth/index.ts
new file mode 100644
index 0000000..2ac3065
--- /dev/null
+++ b/src/utils/auth/index.ts
@@ -0,0 +1,101 @@
+/**
+ * Auth 认证令牌管理。
+ *
+ * 注意：令牌存储直接操作 localStorage / sessionStorage，而非经过 @utils/storage 的
+ * Storage 工具类。这是因为：
+ * 1. 令牌使用固定键名（access_token / refresh_token），不需要版本化键名前缀
+ * 2. rememberMe 机制需要在两端（localStorage / sessionStorage）间切换
+ * 3. 令牌值已是字符串，无需 JSON 序列化/反序列化
+ *
+ * @module Auth
+ */
+
+const AUTH_KEYS = {
+  ACCESS_TOKEN: "access_token",
+  REFRESH_TOKEN: "refresh_token",
+  REMEMBER_ME: "remember_me",
+} as const;
+
+export class Auth {
+  static isLoggedIn(): boolean {
+    return !!Auth.getAccessToken();
+  }
+
+  static getAccessToken(): string {
+    const isRememberMe = Auth.getRememberMe();
+    return isRememberMe
+      ? localStorage.getItem(AUTH_KEYS.ACCESS_TOKEN) || ""
+      : sessionStorage.getItem(AUTH_KEYS.ACCESS_TOKEN) || "";
+  }
+
+  static getRefreshToken(): string {
+    const isRememberMe = Auth.getRememberMe();
+    return isRememberMe
+      ? localStorage.getItem(AUTH_KEYS.REFRESH_TOKEN) || ""
+      : sessionStorage.getItem(AUTH_KEYS.REFRESH_TOKEN) || "";
+  }
+
+  static setTokens(accessToken: string, refreshToken: string, rememberMe: boolean): void {
+    localStorage.setItem(AUTH_KEYS.REMEMBER_ME, String(rememberMe));
+
+    if (rememberMe) {
+      localStorage.setItem(AUTH_KEYS.ACCESS_TOKEN, accessToken);
+      localStorage.setItem(AUTH_KEYS.REFRESH_TOKEN, refreshToken);
+    } else {
+      sessionStorage.setItem(AUTH_KEYS.ACCESS_TOKEN, accessToken);
+      sessionStorage.setItem(AUTH_KEYS.REFRESH_TOKEN, refreshToken);
+      localStorage.removeItem(AUTH_KEYS.ACCESS_TOKEN);
+      localStorage.removeItem(AUTH_KEYS.REFRESH_TOKEN);
+    }
+  }
+
+  static clearAuth(): void {
+    localStorage.removeItem(AUTH_KEYS.ACCESS_TOKEN);
+    localStorage.removeItem(AUTH_KEYS.REFRESH_TOKEN);
+    sessionStorage.removeItem(AUTH_KEYS.ACCESS_TOKEN);
+    sessionStorage.removeItem(AUTH_KEYS.REFRESH_TOKEN);
+  }
+
+  static getRememberMe(): boolean {
+    return localStorage.getItem(AUTH_KEYS.REMEMBER_ME) === "true";
+  }
+}
+
+export { AUTH_KEYS };
+
+import { router } from "@/router";
+import { useUserStore } from "@stores";
+import { ElMessage, ElNotification } from "element-plus";
+
+/** 登录页跳转进行中，合并并发调用，避免重复通知与重复路由 */
+let redirectToLoginInFlight: Promise<void> | null = null;
+
+/**
+ * 认证失效或需重新登录时跳转登录页：清空本地会话并带上 redirect。
+ * 与 HTTP 拦截器、改密后重登等场景共用；并发只执行一次。
+ */
+export async function redirectToLogin(message: string = "请重新登录"): Promise<void> {
+  if (redirectToLoginInFlight) return redirectToLoginInFlight;
+
+  redirectToLoginInFlight = (async () => {
+    try {
+      ElNotification({
+        title: "提示",
+        message,
+        type: "warning",
+        duration: 3000,
+      });
+
+      await useUserStore().resetAllState();
+
+      const currentPath = router.currentRoute.value.fullPath;
+      await router.push(`/login?redirect=${encodeURIComponent(currentPath)}`);
+    } catch (error: any) {
+      ElMessage.error(error?.message ?? String(error));
+    } finally {
+      redirectToLoginInFlight = null;
+    }
+  })();
+
+  return redirectToLoginInFlight;
+}
diff --git a/src/utils/common/index.ts b/src/utils/common/index.ts
new file mode 100644
index 0000000..0a5e045
--- /dev/null
+++ b/src/utils/common/index.ts
@@ -0,0 +1,701 @@
+/**
+ * 通用工具函数模块
+ *
+ * 提供项目中常用的通用工具函数，包括：
+ * - 问候语生成
+ * - 日期范围处理
+ * - 树形结构转换
+ * - 对象深拷贝
+ * - 空值判断
+ * - Blob 格式验证
+ *
+ * @module utils/common
+ */
+
+import { reactive, toRefs } from "vue";
+import { tryOnMounted, tryOnUnmounted } from "@vueuse/core";
+import dayjs from "dayjs";
+import { ElMessage } from "element-plus";
+
+/**
+ * 根据当前时间生成问候语
+ *
+ * 根据当前小时返回不同的问候语，支持中文问候和特殊时段的温馨提示
+ *
+ * @returns {string} 问候语字符串
+ *
+ * @example
+ * ```typescript
+ * const greeting = greetings();
+ * console.log(greeting); // 输出："上午好！" 或其他时段的问候语
+ * ```
+ */
+export function greetings(): string {
+  const currentDate = new Date();
+  const hours = currentDate.getHours();
+
+  if (hours >= 6 && hours < 8) {
+    return "晨起披衣出草堂，轩窗已自喜微凉🌅！";
+  } else if (hours >= 8 && hours < 12) {
+    return "上午好！";
+  } else if (hours >= 12 && hours < 14) {
+    return "中午好！";
+  } else if (hours >= 14 && hours < 18) {
+    return "下午好！";
+  } else if (hours >= 18 && hours < 24) {
+    return "晚上好！";
+  } else {
+    return "偷偷向银河要了一把碎星，只等你闭上眼睛撒入你的梦中，晚安🌛！";
+  }
+}
+
+/**
+ * 获取日期范围内的所有日期
+ *
+ * 根据起始日期和结束日期，生成期间所有日期的字符串数组
+ * 使用 dayjs 简化日期计算逻辑
+ *
+ * @param startDate - 起始日期
+ * @param endDate - 结束日期
+ * @returns 日期字符串数组，格式为 YYYY-MM-DD
+ *
+ * @example
+ * ```typescript
+ * const dates = getRangeDate('2024-01-30', '2024-02-02');
+ * // 输出：['2024-01-30', '2024-01-31', '2024-02-01', '2024-02-02']
+ * ```
+ */
+export function getRangeDate(
+  startDate: string | number | Date,
+  endDate: string | number | Date
+): string[] {
+  const start = dayjs(startDate);
+  const end = dayjs(endDate);
+  const dates: string[] = [];
+
+  // 验证日期有效性
+  if (!start.isValid() || !end.isValid()) {
+    return dates;
+  }
+
+  // 确保 start <= end
+  const [actualStart, actualEnd] = start.isAfter(end) ? [end, start] : [start, end];
+
+  let current = actualStart;
+  while (current.isBefore(actualEnd) || current.isSame(actualEnd, "day")) {
+    dates.push(current.format("YYYY-MM-DD"));
+    current = current.add(1, "day");
+  }
+
+  return dates;
+}
+
+/**
+ * 树形节点基础接口
+ * 用于 listToTree 和 formatTree 函数
+ */
+export interface TreeNode {
+  id?: string | number;
+  parent_id?: string | number | null;
+  name?: string;
+  status?: boolean | string | number;
+  children?: TreeNode[];
+}
+
+/**
+ * 级联选择器节点接口
+ */
+export interface CascaderNode {
+  value: string | number;
+  label: string;
+  disabled: boolean;
+  children?: CascaderNode[];
+}
+
+/**
+ * 将扁平列表转换为树形结构
+ *
+ * 通过 parent_id 字段将扁平数组转换为嵌套的树形结构
+ * 保留原始数据的所有字段
+ *
+ * @param list - 扁平列表数据，每个项必须包含 id 和 parent_id 字段
+ * @returns 树形结构数组
+ *
+ * @example
+ * ```typescript
+ * const list = [
+ *   { id: 1, name: '节点1', parent_id: null },
+ *   { id: 2, name: '节点2', parent_id: 1 },
+ * ];
+ * const tree = listToTree(list);
+ * // 输出：[{ id: 1, name: '节点1', parent_id: null, children: [{ id: 2, name: '节点2', parent_id: 1 }] }]
+ * ```
+ */
+export function listToTree<
+  T extends { id?: string | number; parent_id?: string | number | null; children?: T[] },
+>(list: T[]): T[] {
+  const map = new Map<string | number, T>();
+  const tree: T[] = [];
+
+  // 创建映射表（过滤掉 id 为空的项）
+  for (const item of list) {
+    if (item.id != null) {
+      map.set(item.id, { ...item });
+    }
+  }
+
+  // 构建树形结构
+  for (const item of list) {
+    if (item.id == null) continue;
+
+    const node = map.get(item.id);
+    if (!node) continue;
+
+    const parentId = item.parent_id;
+
+    if (parentId != null && map.has(parentId)) {
+      const parent = map.get(parentId)!;
+      if (!parent.children) parent.children = [];
+      parent.children.push(node);
+    } else if (parentId == null) {
+      tree.push(node);
+    }
+  }
+
+  return tree;
+}
+
+/**
+ * 格式化树形结构为级联选择器格式
+ *
+ * 将树形数据转换为适合 Element Plus Cascader 组件使用的格式
+ * 包含 value、label、disabled 和 children 字段
+ *
+ * @param nodes - 树形结构数据
+ * @returns 格式化后的级联选择器节点数组
+ *
+ * @example
+ * ```typescript
+ * const nodes = [{ id: 1, name: '部门1', status: true, children: [...] }];
+ * const formatted = formatTree(nodes);
+ * // 输出：[{ value: 1, label: '部门1', disabled: false, children: [...] }]
+ * ```
+ */
+export function formatTree(nodes: TreeNode[]): CascaderNode[] {
+  return nodes.map((node) => {
+    const formatted: CascaderNode = {
+      value: node.id ?? "",
+      label: node.name ?? "",
+      disabled: node.status === false || String(node.status) === "false",
+    };
+
+    if (node.children && node.children.length > 0) {
+      formatted.children = formatTree(node.children);
+    }
+
+    return formatted;
+  });
+}
+
+/**
+ * 检查元素是否包含指定 CSS 类
+ */
+export function hasClass(ele: HTMLElement, cls: string): boolean {
+  return ele.classList.contains(cls);
+}
+
+/**
+ * 为元素添加 CSS 类
+ */
+export function addClass(ele: HTMLElement, cls: string): void {
+  ele.classList.add(cls);
+}
+
+/**
+ * 从元素移除 CSS 类
+ */
+export function removeClass(ele: HTMLElement, cls: string): void {
+  ele.classList.remove(cls);
+}
+
+export function isExternal(path: string): boolean {
+  return /^(https?:|http?:|mailto:|tel:)/.test(path);
+}
+
+/**
+ * 判断字符串是否为空
+ *
+ * 检查字符串是否为 undefined、null 或空字符串
+ *
+ * @param {string | null | undefined} obj - 需要检查的字符串
+ * @returns {boolean} 是否为空
+ *
+ * @example
+ * ```typescript
+ * isEmpty('');      // true
+ * isEmpty(null);    // true
+ * isEmpty(undefined); // true
+ * isEmpty('hello'); // false
+ * ```
+ */
+export function isEmpty(obj: string | null | undefined): boolean {
+  return obj === undefined || obj === null || obj === "";
+}
+
+/**
+ * 验证数据是否为 Blob 格式
+ *
+ * 通过检查 Content-Type 是否为 application/json 来判断
+ *
+ * @param {Blob} data - 需要验证的数据
+ * @returns {boolean} 是否为 Blob 格式
+ *
+ * @example
+ * ```typescript
+ * const blob = new Blob(['test'], { type: 'text/plain' });
+ * blobValidate(blob); // true
+ * ```
+ */
+export function blobValidate(data: Blob): boolean {
+  return data.type !== "application/json";
+}
+
+/** Date helpers (dayjs). */
+
+const DATE_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
+
+const DATE_FORMAT = "YYYY-MM-DD";
+
+export function formatToDateTime(
+  date?: dayjs.ConfigType,
+  format: string = DATE_TIME_FORMAT
+): string {
+  return dayjs(date).format(format);
+}
+
+export function formatToDate(date?: dayjs.ConfigType, format: string = DATE_FORMAT): string {
+  return dayjs(date).format(format);
+}
+
+export function formatToTime(time?: dayjs.ConfigType, format: string = "HH:mm:ss"): string {
+  return dayjs(time).format(format);
+}
+
+export const useNow = (immediate: boolean = true) => {
+  let timer: ReturnType<typeof setInterval>;
+
+  const state = reactive({
+    year: 0,
+    month: 0,
+    week: "",
+    day: 0,
+    hour: "",
+    minute: "",
+    second: 0,
+    meridiem: "",
+  });
+
+  const update = () => {
+    const now = dayjs();
+
+    const h = now.format("HH");
+    const m = now.format("mm");
+    const s = now.get("s");
+
+    state.year = now.get("y");
+    state.month = now.get("M") + 1;
+    state.week = "星期" + ["日", "一", "二", "三", "四", "五", "六"][now.day()];
+    state.day = now.get("date");
+    state.hour = h;
+    state.minute = m;
+    state.second = s;
+    state.meridiem = now.format("A");
+  };
+
+  function start(): void {
+    update();
+    clearInterval(timer);
+    timer = setInterval(() => update(), 1000);
+  }
+
+  function stop(): void {
+    clearInterval(timer);
+  }
+
+  tryOnMounted(() => {
+    if (immediate) {
+      start();
+    }
+  });
+
+  tryOnUnmounted(() => {
+    stop();
+  });
+
+  return {
+    ...toRefs(state),
+    start,
+    stop,
+  };
+};
+
+/**
+ * 分页数据全量获取工具
+ *
+ * 用于需要获取全量数据的场景，如数据导出、批量操作等
+ * 自动处理分页逻辑，将多页数据合并为一个完整的数组
+ *
+ * @module utils/fetchAllPages
+ */
+
+/**
+ * fetchAllPages 函数的配置选项类型
+ */
+export interface FetchAllPagesOptions<T> {
+  /** 每页条数，默认 1000 */
+  pageSize?: number;
+  /** 初始查询条件（会被拷贝后写入 page_no / page_size） */
+  initialQuery: Record<string, unknown>;
+  /** 页码字段名，默认 'page_no' */
+  pageNoKey?: string;
+  /** 每页条数字段名，默认 'page_size' */
+  pageSizeKey?: string;
+  /**
+   * 拉取单页数据的函数
+   * @param query - 查询参数，包含分页信息
+   * @returns Promise<{ total: number; list: T[] }> - 包含总数和当前页数据
+   */
+  fetchPage: (query: Record<string, unknown>) => Promise<{ total: number; list: T[] }>;
+}
+
+/**
+ * 按分页拉取全量列表
+ *
+ * 自动遍历所有分页，将数据合并为一个完整的数组返回
+ * 适用于数据导出等需要全量数据的场景
+ *
+ * @template T - 数据项类型
+ * @param {FetchAllPagesOptions<T>} options - 配置选项
+ * @returns {Promise<T[]>} 合并后的全量数据数组
+ *
+ * @example
+ * ```typescript
+ * import { fetchAllPages } from '@utils/fetchAllPages';
+ *
+ * // 获取所有用户数据
+ * const allUsers = await fetchAllPages<User>({
+ *   pageSize: 500,
+ *   initialQuery: { status: 'active' },
+ *   fetchPage: async (query) => {
+ *     const response = await api.get({ url: '/users', params: query });
+ *     return {
+ *       total: response.data.total,
+ *       list: response.data.list,
+ *     };
+ *   },
+ * });
+ * ```
+ */
+export async function fetchAllPages<T>(options: FetchAllPagesOptions<T>): Promise<T[]> {
+  const pageSize = options.pageSize ?? 1000;
+  const pageNoKey = options.pageNoKey ?? "page_no";
+  const pageSizeKey = options.pageSizeKey ?? "page_size";
+  const query = { ...options.initialQuery };
+  query[pageNoKey] = 1;
+  query[pageSizeKey] = pageSize;
+  const all: T[] = [];
+
+  while (true) {
+    const { total, list } = await options.fetchPage(query);
+    all.push(...list);
+
+    // 当已获取的数据达到总数或当前页为空时停止
+    if (all.length >= total || list.length === 0) {
+      break;
+    }
+
+    query[pageNoKey] = (query[pageNoKey] as number) + 1;
+  }
+
+  return all;
+}
+
+/**
+ * 快速开始链接管理器
+ *
+ * 管理工作台「我的收藏」功能，支持添加、删除、更新和监听快速链接
+ *
+ * ## 功能特性
+ *
+ * - 支持收藏数量上限（默认 15 个）
+ * - 自动持久化到 localStorage
+ * - 支持观察者模式，数据变化时通知监听者
+ * - 支持从路由信息自动创建链接
+ *
+ * @module utils/quickStartManager
+ */
+
+/**
+ * 快速链接数据类型
+ */
+export interface QuickLink {
+  /** 链接标题 */
+  title: string;
+  /** 图标名称 */
+  icon: string;
+  /** 跳转路径 */
+  href: string;
+  /** 唯一标识（可选） */
+  id?: string;
+}
+
+/**
+ * 快速开始管理器类
+ *
+ * 提供快速链接的增删改查功能，并支持观察者模式
+ */
+class QuickStartManager {
+  /** 本地存储键名 */
+  private storageKey = "quick-start-links";
+
+  /** 监听器列表 */
+  private listeners: Array<(links: QuickLink[]) => void> = [];
+
+  /**
+   * 获取所有快速链接
+   *
+   * @returns {QuickLink[]} 快速链接数组
+   *
+   * @example
+   * ```typescript
+   * const links = quickStartManager.getQuickLinks();
+   * console.log(links);
+   * ```
+   */
+  getQuickLinks(): QuickLink[] {
+    try {
+      const stored = localStorage.getItem(this.storageKey);
+      return stored ? JSON.parse(stored) : this.getDefaultLinks();
+    } catch (error) {
+      console.error("Failed to load quick links:", error);
+      return this.getDefaultLinks();
+    }
+  }
+
+  /**
+   * 获取默认链接（空数组）
+   *
+   * @returns {QuickLink[]} 默认链接数组
+   */
+  private getDefaultLinks(): QuickLink[] {
+    return [];
+  }
+
+  /**
+   * 保存快速链接到本地存储
+   *
+   * @param {QuickLink[]} links - 要保存的快速链接数组
+   */
+  saveQuickLinks(links: QuickLink[]): void {
+    try {
+      localStorage.setItem(this.storageKey, JSON.stringify(links));
+      this.notifyListeners(links);
+    } catch (error) {
+      console.error("Failed to save quick links:", error);
+    }
+  }
+
+  /**
+   * 添加或更新快速链接
+   *
+   * 如果链接已存在（通过 href 判断），则更新该链接；否则添加新链接
+   * 如果收藏数量已达上限，则提示并返回 false
+   *
+   * @param {QuickLink} link - 要添加或更新的快速链接
+   * @returns {boolean} 是否已保存成功
+   *
+   * @example
+   * ```typescript
+   * const success = quickStartManager.addQuickLink({
+   *   title: '仪表盘',
+   *   icon: 'dashboard',
+   *   href: '/dashboard',
+   * });
+   * ```
+   */
+  addQuickLink(link: QuickLink): boolean {
+    const links = this.getQuickLinks();
+
+    // 检查是否已存在相同 href 的链接
+    const existingIndex = links.findIndex((l) => l.href === link.href);
+    if (existingIndex !== -1) {
+      // 更新现有链接
+      links[existingIndex] = { ...links[existingIndex], ...link };
+      ElMessage.success(`已更新快速链接：${link.title}`);
+      this.saveQuickLinks(links);
+      return true;
+    }
+
+    // 添加新链接
+    links.push(link);
+    this.saveQuickLinks(links);
+    return true;
+  }
+
+  /**
+   * 根据 id 删除快速链接
+   *
+   * @param {string} id - 要删除的链接 id
+   *
+   * @example
+   * ```typescript
+   * quickStartManager.removeQuickLink('link-123');
+   * ```
+   */
+  removeQuickLink(id: string): void {
+    const links = this.getQuickLinks();
+    const filteredLinks = links.filter((link) => link.id !== id);
+
+    if (filteredLinks.length < links.length) {
+      this.saveQuickLinks(filteredLinks);
+    }
+  }
+
+  /**
+   * 根据路由路径删除快速链接
+   *
+   * 用于兼容没有 id 的旧数据
+   *
+   * @param {string} href - 要删除的链接路径
+   *
+   * @example
+   * ```typescript
+   * quickStartManager.removeQuickLinkByHref('/dashboard');
+   * ```
+   */
+  removeQuickLinkByHref(href: string): void {
+    const links = this.getQuickLinks();
+    const filteredLinks = links.filter((link) => link.href !== href);
+    if (filteredLinks.length < links.length) {
+      this.saveQuickLinks(filteredLinks);
+    }
+  }
+
+  /**
+   * 清空所有快速链接
+   *
+   * @example
+   * ```typescript
+   * quickStartManager.clearQuickLinks();
+   * ```
+   */
+  clearQuickLinks(): void {
+    this.saveQuickLinks([]);
+  }
+
+  /**
+   * 从路由或菜单信息创建快速链接
+   *
+   * @param {any} route - 路由或菜单对象
+   * @param {string} [customTitle] - 自定义标题（可选）
+   * @returns {QuickLink} 创建的快速链接对象
+   *
+   * @example
+   * ```typescript
+   * const link = quickStartManager.createQuickLinkFromRoute(route);
+   * quickStartManager.addQuickLink(link);
+   * ```
+   */
+  createQuickLinkFromRoute(route: any, customTitle?: string): QuickLink {
+    // 确定最终使用的标题 - 优先使用 customTitle
+    const finalTitle = customTitle || route.title || route.name || "未命名页面";
+
+    return {
+      title: finalTitle,
+      icon: route.icon,
+      href: route.fullPath || route.path,
+      id: `route-${route.path.replace(/\//g, "-")}-${Date.now()}`,
+    };
+  }
+
+  /**
+   * 添加数据变化监听器
+   *
+   * @param {(links: QuickLink[]) => void} callback - 回调函数，当数据变化时触发
+   *
+   * @example
+   * ```typescript
+   * const callback = (links) => {
+   *   console.log('链接列表已更新:', links);
+   * };
+   * quickStartManager.addListener(callback);
+   * ```
+   */
+  addListener(callback: (links: QuickLink[]) => void): void {
+    this.listeners.push(callback);
+  }
+
+  /**
+   * 移除数据变化监听器
+   *
+   * @param {(links: QuickLink[]) => void} callback - 要移除的回调函数
+   *
+   * @example
+   * ```typescript
+   * quickStartManager.removeListener(callback);
+   * ```
+   */
+  removeListener(callback: (links: QuickLink[]) => void): void {
+    const index = this.listeners.indexOf(callback);
+    if (index > -1) {
+      this.listeners.splice(index, 1);
+    }
+  }
+
+  /**
+   * 通知所有监听器数据已变化
+   *
+   * @param {QuickLink[]} links - 当前的快速链接数组
+   */
+  private notifyListeners(links: QuickLink[]): void {
+    this.listeners.forEach((callback) => {
+      try {
+        callback(links);
+      } catch (error) {
+        console.error("Error in quick start listener:", error);
+      }
+    });
+  }
+
+  /**
+   * 检查链接是否已存在
+   *
+   * @param {string} href - 要检查的链接路径
+   * @returns {boolean} 是否存在
+   *
+   * @example
+   * ```typescript
+   * const exists = quickStartManager.isLinkExists('/dashboard');
+   * ```
+   */
+  isLinkExists(href: string): boolean {
+    const links = this.getQuickLinks();
+    return links.some((link) => link.href === href);
+  }
+}
+
+/**
+ * 快速开始管理器全局实例
+ *
+ * @example
+ * ```typescript
+ * import { quickStartManager } from '@utils/common/quickStartManager';
+ *
+ * // 获取所有链接
+ * const links = quickStartManager.getQuickLinks();
+ *
+ * // 添加新链接
+ * quickStartManager.addQuickLink({ title: '设置', icon: 'settings', href: '/settings' });
+ * ```
+ */
+export const quickStartManager = new QuickStartManager();
diff --git a/src/utils/constants/definitions.ts b/src/utils/constants/definitions.ts
new file mode 100644
index 0000000..077b16d
--- /dev/null
+++ b/src/utils/constants/definitions.ts
@@ -0,0 +1,17 @@
+/** Constants (flattened). */
+
+/** 移动端断点（小于此值视为 H5/移动端） */
+export const MOBILE_BREAKPOINT = 768;
+
+export const WEB_LINKS = {
+  GITHUB_HOME: "https://github.com/fastapiadmin",
+  GITHUB: "https://github.com/fastapiadmin/FastapiAdmin",
+  GITEE: "https://gitee.com/fastapiadmin/FastapiAdmin",
+  BLOG: "https://blog.csdn.net/weixin_46768253?type=blog",
+  DOCS: "https://service.fastapiadmin.com/guide/overview.html",
+  LiteVersion: "https://gitee.com/fastapiadmin/FastCloud",
+  OldVersion: "https://github.com/fastapiadmin/FastapiAdmin/tree/v2.0.0",
+  COMMUNITY: "https://service.fastapiadmin.com",
+  BILIBILI: "https://space.bilibili.com/425500936?spm_id_from=333.1007.0.0",
+  INTRODUCE: "https://service.fastapiadmin.com",
+};
diff --git a/src/utils/constants/error-code.ts b/src/utils/constants/error-code.ts
new file mode 100644
index 0000000..c19f164
--- /dev/null
+++ b/src/utils/constants/error-code.ts
@@ -0,0 +1,10 @@
+/** Error code map (flattened). */
+
+const errorCode: Record<string, string> = {
+  "401": "认证失败，无法访问系统资源",
+  "403": "当前操作没有权限",
+  "404": "访问资源不存在",
+  default: "系统未知错误，请反馈给管理员",
+};
+
+export default errorCode;
diff --git a/src/utils/constants/index.ts b/src/utils/constants/index.ts
new file mode 100644
index 0000000..2809abb
--- /dev/null
+++ b/src/utils/constants/index.ts
@@ -0,0 +1,6 @@
+/**
+ * 全局常量与错误码文案
+ */
+
+export * from "./definitions";
+export { default as errorCode } from "./error-code";
diff --git a/src/utils/download.ts b/src/utils/download.ts
new file mode 100644
index 0000000..5badbea
--- /dev/null
+++ b/src/utils/download.ts
@@ -0,0 +1,103 @@
+/**
+ * 通用文件下载（axios + blob），非 Vue 插件。
+ */
+import axios from "axios";
+import { ElLoading, ElMessage } from "element-plus";
+import { saveAs as fileSaverSaveAs } from "file-saver";
+import { Auth, errorCode, blobValidate } from "@utils";
+
+const baseURL = import.meta.env.VITE_APP_BASE_API;
+let downloadLoadingInstance: any;
+
+interface DownloadUtil {
+  name(name: string, isDelete?: boolean): void;
+  resource(resource: string): void;
+  zip(url: string, name: string): void;
+  saveAs(text: Blob | string, name: string, opts?: any): void;
+  printErrMsg(data: Blob): Promise<void>;
+}
+
+const download: DownloadUtil = {
+  async name(name: string, isDelete: boolean = true) {
+    const url = baseURL + "/common/file/download";
+    try {
+      const res = await axios.post<Blob>(
+        url,
+        { file_path: name, delete: isDelete },
+        {
+          responseType: "blob",
+          headers: { Authorization: `Bearer ${Auth.getAccessToken()}` },
+        }
+      );
+      const isBlob = blobValidate(res.data);
+      if (isBlob) {
+        const blob = new Blob([res.data]);
+        download.saveAs(blob, decodeURIComponent(res.headers["download-filename"]));
+      } else {
+        await download.printErrMsg(res.data);
+      }
+    } catch (error) {
+      console.error("[Download] 文件下载失败:", error);
+      ElMessage.error("下载文件失败，请稍后重试");
+    }
+  },
+
+  async resource(resource: string) {
+    const url = baseURL + "/monitor/resource/download?path=" + encodeURIComponent(resource);
+    try {
+      const res = await axios.get<Blob>(url, {
+        responseType: "blob",
+        headers: { Authorization: `Bearer ${Auth.getAccessToken()}` },
+      });
+      const isBlob = blobValidate(res.data);
+      if (isBlob) {
+        const blob = new Blob([res.data]);
+        download.saveAs(blob, decodeURIComponent(res.headers["download-filename"]));
+      } else {
+        await download.printErrMsg(res.data);
+      }
+    } catch (error) {
+      console.error("[Download] 资源下载失败:", error);
+      ElMessage.error("资源下载失败，请稍后重试");
+    }
+  },
+
+  async zip(url: string, name: string) {
+    const fullUrl = baseURL + url;
+    downloadLoadingInstance = ElLoading.service({
+      text: "正在下载数据，请稍候",
+      background: "rgba(0, 0, 0, 0.7)",
+    });
+    try {
+      const res = await axios.get<Blob>(fullUrl, {
+        responseType: "blob",
+        headers: { Authorization: `Bearer ${Auth.getAccessToken()}` },
+      });
+      const isBlob = blobValidate(res.data);
+      if (isBlob) {
+        const blob = new Blob([res.data], { type: "application/zip" });
+        download.saveAs(blob, name);
+      } else {
+        await download.printErrMsg(res.data);
+      }
+    } catch (r: any) {
+      console.error(r);
+      ElMessage.error("下载文件出现错误，请联系管理员！");
+    } finally {
+      downloadLoadingInstance.close();
+    }
+  },
+
+  saveAs(text: Blob | string, name: string, opts?: any): void {
+    fileSaverSaveAs(text, name, opts);
+  },
+
+  async printErrMsg(data: Blob): Promise<void> {
+    const resText = await data.text();
+    const rspObj = JSON.parse(resText);
+    const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode["default"];
+    ElMessage.error(errMsg);
+  },
+};
+
+export default download;
diff --git a/src/utils/file/dataUrl.ts b/src/utils/file/dataUrl.ts
new file mode 100644
index 0000000..c799b8d
--- /dev/null
+++ b/src/utils/file/dataUrl.ts
@@ -0,0 +1,21 @@
+/**
+ * 将 Data URL（base64）转为 {@link File}，便于上传裁剪结果。
+ */
+export function dataURLToFile(dataURL: string, filename: string): File {
+  const comma = dataURL.indexOf(",");
+  if (comma === -1) {
+    throw new Error("Invalid data URL");
+  }
+  const header = dataURL.slice(0, comma);
+  const base64 = dataURL.slice(comma + 1);
+  const mimeMatch = header.match(/data:(.*?);/);
+  const mime = mimeMatch?.[1] ?? "image/png";
+
+  const binary = atob(base64);
+  const len = binary.length;
+  const bytes = new Uint8Array(len);
+  for (let i = 0; i < len; i++) {
+    bytes[i] = binary.charCodeAt(i);
+  }
+  return new File([bytes], filename, { type: mime });
+}
diff --git a/src/utils/form/index.ts b/src/utils/form/index.ts
new file mode 100644
index 0000000..28d816e
--- /dev/null
+++ b/src/utils/form/index.ts
@@ -0,0 +1,186 @@
+/** Form helpers: validation + responsive layout. */
+
+// -----------------------------
+// Responsive layout
+// -----------------------------
+
+export type ResponsiveBreakpoint = "xs" | "sm" | "md" | "lg" | "xl";
+
+interface BreakpointConfig {
+  threshold: number;
+  fallback: number;
+}
+
+const BREAKPOINT_CONFIG: Record<ResponsiveBreakpoint, BreakpointConfig | null> = {
+  xs: { threshold: 12, fallback: 24 },
+  sm: { threshold: 12, fallback: 12 },
+  md: { threshold: 8, fallback: 8 },
+  lg: null,
+  xl: null,
+};
+
+export function calculateResponsiveSpan(
+  itemSpan: number | undefined,
+  defaultSpan: number,
+  breakpoint: ResponsiveBreakpoint
+): number {
+  const finalSpan = itemSpan ?? defaultSpan;
+  const config = BREAKPOINT_CONFIG[breakpoint];
+  if (!config) return finalSpan;
+  return finalSpan >= config.threshold ? finalSpan : config.fallback;
+}
+
+export function createResponsiveSpanCalculator(defaultSpan: number) {
+  return (itemSpan: number | undefined, breakpoint: ResponsiveBreakpoint): number => {
+    return calculateResponsiveSpan(itemSpan, defaultSpan, breakpoint);
+  };
+}
+
+// -----------------------------
+// Validation
+// -----------------------------
+
+export enum PasswordStrength {
+  WEAK = "弱",
+  MEDIUM = "中",
+  STRONG = "强",
+}
+
+export function trimSpaces(value: string): string {
+  if (typeof value !== "string") return "";
+  return value.trim();
+}
+
+export function validatePhone(value: string): boolean {
+  if (!value || typeof value !== "string") return false;
+  const phoneRegex = /^1[3-9]\d{9}$/;
+  return phoneRegex.test(value.trim());
+}
+
+export function validateTelPhone(value: string): boolean {
+  if (!value || typeof value !== "string") return false;
+  const telRegex = /^0\d{2,3}-?\d{7,8}$/;
+  return telRegex.test(value.trim().replace(/\s+/g, ""));
+}
+
+export function validateAccount(value: string): boolean {
+  if (!value || typeof value !== "string") return false;
+  const accountRegex = /^[a-zA-Z][a-zA-Z0-9_]{4,19}$/;
+  return accountRegex.test(value.trim());
+}
+
+export function validatePassword(value: string): boolean {
+  if (!value || typeof value !== "string") return false;
+  const trimmedValue = value.trim();
+
+  if (trimmedValue.length < 6 || trimmedValue.length > 20) return false;
+
+  const hasLetter = /[a-zA-Z]/.test(trimmedValue);
+  const hasNumber = /\d/.test(trimmedValue);
+  return hasLetter && hasNumber;
+}
+
+export function validateStrongPassword(value: string): boolean {
+  if (!value || typeof value !== "string") return false;
+  const trimmedValue = value.trim();
+
+  if (trimmedValue.length < 8 || trimmedValue.length > 20) return false;
+
+  const hasUpperCase = /[A-Z]/.test(trimmedValue);
+  const hasLowerCase = /[a-z]/.test(trimmedValue);
+  const hasNumber = /\d/.test(trimmedValue);
+  const hasSpecialChar = /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(trimmedValue);
+  return hasUpperCase && hasLowerCase && hasNumber && hasSpecialChar;
+}
+
+export function getPasswordStrength(value: string): PasswordStrength {
+  if (!value || typeof value !== "string") return PasswordStrength.WEAK;
+  const trimmedValue = value.trim();
+  if (trimmedValue.length < 6) return PasswordStrength.WEAK;
+
+  const hasUpperCase = /[A-Z]/.test(trimmedValue);
+  const hasLowerCase = /[a-z]/.test(trimmedValue);
+  const hasNumber = /\d/.test(trimmedValue);
+  const hasSpecialChar = /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(trimmedValue);
+  const typeCount = [hasUpperCase, hasLowerCase, hasNumber, hasSpecialChar].filter(Boolean).length;
+
+  if (typeCount >= 3) return PasswordStrength.STRONG;
+  if (typeCount >= 2) return PasswordStrength.MEDIUM;
+  return PasswordStrength.WEAK;
+}
+
+export function validateIPv4Address(value: string): boolean {
+  if (!value || typeof value !== "string") return false;
+  const trimmedValue = value.trim();
+  const ipRegex = /^((25[0-5]|2[0-4]\d|[01]?\d{1,2})\.){3}(25[0-5]|2[0-4]\d|[01]?\d{1,2})$/;
+
+  if (!ipRegex.test(trimmedValue)) return false;
+
+  const segments = trimmedValue.split(".");
+  return segments.every((segment) => {
+    const num = parseInt(segment, 10);
+    return num >= 0 && num <= 255;
+  });
+}
+
+export function validateEmail(value: string): boolean {
+  if (!value || typeof value !== "string") return false;
+  const trimmedValue = value.trim();
+
+  const emailRegex =
+    /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
+  return emailRegex.test(trimmedValue) && trimmedValue.length <= 254;
+}
+
+export function validateURL(value: string): boolean {
+  if (!value || typeof value !== "string") return false;
+
+  try {
+    new URL(value.trim());
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+export function validateChineseIDCard(value: string): boolean {
+  if (!value || typeof value !== "string") return false;
+  const trimmedValue = value.trim();
+
+  const idCardRegex =
+    /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
+  if (!idCardRegex.test(trimmedValue)) return false;
+
+  const weights = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
+  const checkCodes = ["1", "0", "X", "9", "8", "7", "6", "5", "4", "3", "2"];
+
+  let sum = 0;
+  for (let i = 0; i < 17; i++) sum += parseInt(trimmedValue[i]!) * weights[i]!;
+
+  const checkCode = checkCodes[sum % 11];
+  return trimmedValue[17]!.toUpperCase() === checkCode;
+}
+
+export function validateBankCard(value: string): boolean {
+  if (!value || typeof value !== "string") return false;
+  const trimmedValue = value.trim().replace(/\s+/g, "");
+
+  if (!/^\d{13,19}$/.test(trimmedValue)) return false;
+
+  let sum = 0;
+  let shouldDouble = false;
+
+  for (let i = trimmedValue.length - 1; i >= 0; i--) {
+    let digit = parseInt(trimmedValue[i]!);
+
+    if (shouldDouble) {
+      digit *= 2;
+      if (digit > 9) digit = (digit % 10) + 1;
+    }
+
+    sum += digit;
+    shouldDouble = !shouldDouble;
+  }
+
+  return sum % 10 === 0;
+}
diff --git a/src/utils/http/index.ts b/src/utils/http/index.ts
new file mode 100644
index 0000000..a993b6d
--- /dev/null
+++ b/src/utils/http/index.ts
@@ -0,0 +1,374 @@
+/**
+ * HTTP：Axios 实例、约定常量、错误类型与拦截器（单文件聚合）
+ */
+
+import axios, {
+  type AxiosError,
+  type AxiosInstance,
+  type AxiosRequestConfig,
+  type AxiosResponse,
+  type InternalAxiosRequestConfig,
+} from "axios";
+import qs from "qs";
+import { ElMessage } from "element-plus";
+import { ResultEnum } from "@/enums/api/result.enum";
+import { Auth } from "@/utils/auth";
+import { redirectToLogin } from "@/utils/auth";
+import { $t } from "@/locales";
+import AuthAPI from "@/api/module_system/auth";
+
+// --- 配置常量 -----------------------------------------------------------------
+
+/** 跳过鉴权标记：接口 headers.Authorization 设为该值时不带 token 请求 */
+export const NO_AUTH_FLAG = "no-auth";
+
+export interface ExtendedRequestConfig extends AxiosRequestConfig {
+  skipAuth?: boolean;
+  showSuccessMessage?: boolean;
+  showErrorMessage?: boolean;
+}
+
+// --- 语义状态码与 HttpError ----------------------------------------------------
+
+export enum ApiStatus {
+  success = 200,
+  error = 400,
+  unauthorized = 401,
+  forbidden = 403,
+  notFound = 404,
+  methodNotAllowed = 405,
+  requestTimeout = 408,
+  internalServerError = 500,
+  notImplemented = 501,
+  badGateway = 502,
+  serviceUnavailable = 503,
+  gatewayTimeout = 504,
+  httpVersionNotSupported = 505,
+}
+
+export interface ErrorLogData {
+  code: number;
+  message: string;
+  data?: unknown;
+  timestamp: string;
+  url?: string;
+  method?: string;
+  stack?: string;
+}
+
+export class HttpError extends Error {
+  public readonly code: number;
+  public readonly data?: unknown;
+  public readonly timestamp: string;
+  public readonly url?: string;
+  public readonly method?: string;
+
+  constructor(
+    message: string,
+    code: number,
+    options?: {
+      data?: unknown;
+      url?: string;
+      method?: string;
+    }
+  ) {
+    super(message);
+    this.name = "HttpError";
+    this.code = code;
+    this.data = options?.data;
+    this.timestamp = new Date().toISOString();
+    this.url = options?.url;
+    this.method = options?.method;
+  }
+
+  public toLogData(): ErrorLogData {
+    return {
+      code: this.code,
+      message: this.message,
+      data: this.data,
+      timestamp: this.timestamp,
+      url: this.url,
+      method: this.method,
+      stack: this.stack,
+    };
+  }
+}
+
+const getErrorMessage = (status: number): string => {
+  const errorMap: Record<number, string> = {
+    [ApiStatus.unauthorized]: "httpMsg.unauthorized",
+    [ApiStatus.forbidden]: "httpMsg.forbidden",
+    [ApiStatus.notFound]: "httpMsg.notFound",
+    [ApiStatus.methodNotAllowed]: "httpMsg.methodNotAllowed",
+    [ApiStatus.requestTimeout]: "httpMsg.requestTimeout",
+    [ApiStatus.internalServerError]: "httpMsg.internalServerError",
+    [ApiStatus.badGateway]: "httpMsg.badGateway",
+    [ApiStatus.serviceUnavailable]: "httpMsg.serviceUnavailable",
+    [ApiStatus.gatewayTimeout]: "httpMsg.gatewayTimeout",
+  };
+
+  return $t(errorMap[status] || "httpMsg.internalServerError");
+};
+
+export function handleError(error: AxiosError<ApiResponse>): never {
+  if (error.code === "ERR_CANCELED") {
+    console.warn("Request cancelled:", error.message);
+    throw new HttpError($t("httpMsg.requestCancelled"), ApiStatus.error);
+  }
+
+  const statusCode = error.response?.status;
+  const errorMessage = error.response?.data?.msg || error.message;
+  const requestConfig = error.config;
+
+  if (!error.response) {
+    throw new HttpError($t("httpMsg.networkError"), ApiStatus.error, {
+      url: requestConfig?.url,
+      method: requestConfig?.method?.toUpperCase(),
+    });
+  }
+
+  const message = statusCode
+    ? getErrorMessage(statusCode)
+    : errorMessage || $t("httpMsg.requestFailed");
+  throw new HttpError(message, statusCode || ApiStatus.error, {
+    data: error.response.data,
+    url: requestConfig?.url,
+    method: requestConfig?.method?.toUpperCase(),
+  });
+}
+
+export function showError(error: HttpError, showMessage: boolean = true): void {
+  if (showMessage) {
+    ElMessage.error(error.message);
+  }
+  console.error("[HTTP Error]", error.toLogData());
+}
+
+export function showSuccess(message: string, showMessage: boolean = true): void {
+  if (showMessage) {
+    ElMessage.success(message);
+  }
+}
+
+export const isHttpError = (error: unknown): error is HttpError => {
+  return error instanceof HttpError;
+};
+
+// --- Token 刷新去重 -----------------------------------------------------------
+
+/**
+ * token 刷新进行中标识，避免并发 401 触发多次 refresh 请求。
+ * 配合 pendingRequests 队列，刷新成功后统一重放等待中的请求。
+ */
+let isRefreshing = false;
+let pendingRequests: Array<{
+  config: InternalAxiosRequestConfig;
+  resolve: (value: Promise<AxiosResponse>) => void;
+  reject: (reason?: Error) => void;
+}> = [];
+
+function onRefreshed(newToken: string) {
+  const list = pendingRequests;
+  pendingRequests = [];
+  list.forEach(({ config, resolve }) => {
+    config.headers.Authorization = `Bearer ${newToken}`;
+    resolve(request(config));
+  });
+}
+
+function onRefreshFailed() {
+  pendingRequests.forEach(({ reject }) => reject(new Error("Token refresh failed")));
+  pendingRequests = [];
+}
+
+// --- Axios 实例 ---------------------------------------------------------------
+
+export const request: AxiosInstance = axios.create({
+  baseURL: import.meta.env.VITE_APP_BASE_API,
+  timeout: Number(import.meta.env.VITE_API_TIMEOUT) || 15000,
+  headers: { "Content-Type": "application/json;charset=utf-8" },
+  paramsSerializer: (params) => qs.stringify(params, { indices: false }),
+});
+
+request.interceptors.request.use(
+  (config: InternalAxiosRequestConfig) => {
+    const accessToken = Auth.getAccessToken();
+    const auth = config.headers.Authorization;
+
+    if (auth === NO_AUTH_FLAG) {
+      delete config.headers.Authorization;
+      return config;
+    }
+
+    if (!auth && accessToken) {
+      config.headers.Authorization = `Bearer ${accessToken}`;
+    }
+
+    return config;
+  },
+  (error) => {
+    const msg = error instanceof Error ? error.message : String(error);
+    ElMessage.error(msg);
+    return Promise.reject(error);
+  }
+);
+
+/**
+ * 响应拦截器 —— 三层处理逻辑：
+ *
+ * 1. 成功响应（response）
+ *    - blob 直通（文件下载不经过 JSON 解析）
+ *    - 检查业务 code，非 SUCCESS 时报错
+ *    - 非 GET 且非 login/logout 接口成功时显示成功消息
+ *
+ * 2. 网络错误（无 response）
+ *    - 区分 ECONNREFUSED / timeout / Network Error，给出中文提示
+ *
+ * 3. 业务/鉴权错误（有 response）
+ *    - Blob 响应错误 → 尝试解析 JSON 提取 msg
+ *    - 401 / TOKEN_EXPIRED → 静默刷新 token，成功后重放待处理请求
+ *    - 其他业务错误 → 按 code 分类提示
+ */
+request.interceptors.response.use(
+  (response: AxiosResponse<ApiResponse>) => {
+    if (response.config.responseType === "blob") {
+      return response;
+    }
+
+    const data = response.data;
+
+    if (data.code !== ResultEnum.SUCCESS) {
+      ElMessage.error(data.msg);
+      return Promise.reject(response);
+    }
+
+    if (
+      response.config.method?.toUpperCase() !== "GET" &&
+      !response.config.url?.includes("login") &&
+      !response.config.url?.includes("logout")
+    ) {
+      ElMessage.success(data.msg);
+    }
+
+    return response;
+  },
+  async (error: AxiosError<ApiResponse>) => {
+    // ── 网络错误（无响应体） ──
+    if (!error.response) {
+      let errorMessage = "网络连接异常";
+
+      if (error.message?.includes("ECONNREFUSED")) {
+        errorMessage = "服务器连接失败，请检查后端服务是否正常运行";
+      } else if (error.message?.includes("timeout")) {
+        errorMessage = "请求超时，请稍后重试";
+      } else if (error.message?.includes("Network Error")) {
+        errorMessage = "网络连接错误，请检查您的网络设置";
+      }
+
+      console.error("网络请求失败:", error);
+      ElMessage.error(errorMessage);
+      return Promise.reject(new Error(errorMessage));
+    }
+
+    const data = error.response?.data;
+
+    // ── Blob 响应错误（文件下载场景） ──
+    if (error.response?.config.responseType === "blob" && error.response.data instanceof Blob) {
+      try {
+        const text = await new Response(error.response.data).text();
+        const jsonData: ApiResponse = JSON.parse(text);
+
+        if (jsonData.code === ResultEnum.ERROR) {
+          ElMessage.error(jsonData.msg || "请求错误");
+          return Promise.reject(new Error(jsonData.msg || "请求错误"));
+        } else if (jsonData.code === ResultEnum.EXCEPTION) {
+          ElMessage.error(jsonData.msg || "服务异常");
+          return Promise.reject(new Error(jsonData.msg || "服务异常"));
+        }
+      } catch (e) {
+        console.error("请求异常:", e);
+        ElMessage.error("数据解析失败");
+        return Promise.reject(new Error("数据解析失败"));
+      }
+    }
+
+    // ── 鉴权错误（401 / TOKEN_EXPIRED）：静默续期 ──
+    const status = error.response.status;
+
+    const hasApiCode =
+      data !== undefined &&
+      data !== null &&
+      typeof data === "object" &&
+      "code" in data &&
+      typeof (data as ApiResponse).code === "number";
+
+    if ((status === 401 && !hasApiCode) || data?.code === ResultEnum.TOKEN_EXPIRED) {
+      const config = error.config as InternalAxiosRequestConfig | undefined;
+
+      // 若 refresh 接口自身返回 401，不在此处跳转登录 ——
+      // 交由下方 catch 块的 redirectToLogin 统一处理，避免双通知
+      if (config?.url?.includes("auth/token/refresh")) {
+        return Promise.reject(
+          new HttpError(data?.msg || "刷新令牌过期，请重新登录", ApiStatus.unauthorized)
+        );
+      }
+
+      // 无请求配置（罕见）或 logout 自身返回 401，直接跳转登录
+      if (!config || config.url?.includes("auth/logout")) {
+        await redirectToLogin("登录状态异常，请重新登录");
+        return Promise.reject(new HttpError("Unauthorized", ApiStatus.unauthorized));
+      }
+
+      // 首次 401：发起 refresh；后续并发 401 入队等待
+      if (!isRefreshing) {
+        isRefreshing = true;
+        try {
+          // 直接请求刷新令牌接口，避免动态导入 user.store 造成循环依赖
+          const refreshResp = await AuthAPI.refreshToken({
+            refresh_token: Auth.getRefreshToken(),
+          });
+          const tokenData = refreshResp.data.data;
+          const newAccessToken = tokenData?.access_token || "";
+          const newRefreshToken = tokenData?.refresh_token || "";
+          Auth.setTokens(newAccessToken, newRefreshToken, Auth.getRememberMe());
+          isRefreshing = false;
+          const newToken = Auth.getAccessToken();
+          // 重放等待队列中的所有请求
+          onRefreshed(newToken);
+          // 用新 token 重试当前请求
+          config.headers.Authorization = `Bearer ${newToken}`;
+          return request(config);
+        } catch {
+          isRefreshing = false;
+          // refresh 失败：拒绝队列中所有等待请求 + 跳转登录
+          onRefreshFailed();
+          const msg = data?.msg || "登录已失效，请重新登录";
+          await redirectToLogin(msg);
+          return Promise.reject(new HttpError(msg, ApiStatus.unauthorized));
+        }
+      } else {
+        // 已有 refresh 进行中，将当前请求加入等待队列，刷新完成后自动重放
+        return new Promise((resolve, reject) => {
+          pendingRequests.push({ config: config!, resolve, reject });
+        });
+      }
+    }
+
+    // ── 业务错误（按 code 分类） ──
+    if (data?.code === ResultEnum.ERROR) {
+      ElMessage.error(data.msg || "请求错误");
+      return Promise.reject(new HttpError(data.msg || "请求错误", ApiStatus.error));
+    } else if (data?.code === ResultEnum.UNAUTHORIZED) {
+      ElMessage.error(data.msg || "暂无权限");
+      return Promise.reject(new HttpError(data.msg || "请求错误", ApiStatus.unauthorized));
+    } else if (data?.code === ResultEnum.EXCEPTION) {
+      ElMessage.error(data.msg || "服务异常");
+      return Promise.reject(new HttpError(data.msg || "服务异常", ApiStatus.error));
+    } else {
+      ElMessage.error("请求处理失败，请稍后重试");
+      return Promise.reject(new Error("请求处理失败"));
+    }
+  }
+);
+
+export type { AxiosInstance } from "axios";
diff --git a/src/utils/i18n/index.ts b/src/utils/i18n/index.ts
new file mode 100644
index 0000000..eebda72
--- /dev/null
+++ b/src/utils/i18n/index.ts
@@ -0,0 +1,12 @@
+import i18n from "@/locales";
+
+export function translateRouteTitle(title: unknown): string {
+  if (typeof title !== "string") return String(title);
+
+  const key = `route.${title}`;
+  if (i18n.global.te(key)) {
+    const t = i18n.global.t as (key: string) => string;
+    return t(key);
+  }
+  return title;
+}
diff --git a/src/utils/icons/index.ts b/src/utils/icons/index.ts
new file mode 100644
index 0000000..747f04c
--- /dev/null
+++ b/src/utils/icons/index.ts
@@ -0,0 +1,7 @@
+/**
+ * 本地图标资源（`src/assets/images/svg`）
+ *
+ * @module utils/icons
+ */
+
+export { resolveLocalIconUrl, hasLocalIconUrl, listLocalIconBasenames } from "./localSvgUrls";
diff --git a/src/utils/icons/localSvgUrls.ts b/src/utils/icons/localSvgUrls.ts
new file mode 100644
index 0000000..ca60fc9
--- /dev/null
+++ b/src/utils/icons/localSvgUrls.ts
@@ -0,0 +1,58 @@
+/**
+ * 加载 `src/assets/images/svg/*.svg` 为 Vite 静态 URL。
+ *
+ * 构建时用 `import.meta.glob(..., { query: '?url' })` 固定打进产物，避免仅靠 Tailwind
+ * 动态类名 `i-svg:*` 时扫描不到资源的问题。
+ *
+ * @module utils/icons/localSvgUrls
+ */
+
+const raw = import.meta.glob("../../assets/images/svg/*.svg", {
+  eager: true,
+  query: "?url",
+  import: "default",
+}) as Record<string, string>;
+
+/** 文件名（不含 .svg）→ 打包后 URL */
+const urlByExactName = new Map<string, string>();
+
+for (const [fullPath, url] of Object.entries(raw)) {
+  const m = fullPath.match(/\/([^/]+)\.svg$/);
+  if (m) {
+    urlByExactName.set(m[1]!, url);
+  }
+}
+
+/**
+ * 根据 `assets/images/svg` 下的 SVG **文件名（不含扩展名）** 解析为可给 `<img :src>` 使用的地址。
+ * 支持大小写不敏感匹配（如 `Python` 与 `python.svg`）。
+ *
+ * @param basename 例如 `python`、`file-json`、`menu-home`
+ * @returns 存在则返回 URL，否则 `undefined`
+ */
+export function resolveLocalIconUrl(basename: string): string | undefined {
+  const key = basename.trim();
+  if (!key) return undefined;
+
+  const direct = urlByExactName.get(key);
+  if (direct) return direct;
+
+  const lower = key.toLowerCase();
+  for (const [fileBase, url] of urlByExactName.entries()) {
+    if (fileBase.toLowerCase() === lower) {
+      return url;
+    }
+  }
+
+  return undefined;
+}
+
+/** 是否能在本地 icons 目录找到对应 SVG */
+export function hasLocalIconUrl(basename: string): boolean {
+  return resolveLocalIconUrl(basename) !== undefined;
+}
+
+/** 当前构建中包含的所有本地 SVG 基名（不含 `.svg`），已排序 */
+export function listLocalIconBasenames(): string[] {
+  return [...urlByExactName.keys()].sort((a, b) => a.localeCompare(b));
+}
diff --git a/src/utils/index.ts b/src/utils/index.ts
new file mode 100644
index 0000000..4133061
--- /dev/null
+++ b/src/utils/index.ts
@@ -0,0 +1,40 @@
+/**
+ * 工具与横切能力统一导出入口
+ *
+ * 目录约定：按领域分子目录，各包以 `index.ts` 为入口（如 `http/`、`storage/`）。
+ *
+ * @module utils/index
+ */
+
+// 认证 & OAuth
+export * from "./auth";
+export * from "./oauth";
+
+// 通用
+export * from "./common";
+export * from "./download";
+export * from "./constants";
+export * from "./form";
+export * from "./i18n";
+export * from "./icons";
+
+// 网络
+export * from "./http";
+export * from "./socket";
+
+// 浏览器 / 系统
+export * from "./storage";
+export * from "./sys";
+export * from "./ui";
+
+// 路由与导航
+export * from "./navigation";
+
+// 数据展示
+export * from "./table";
+
+// 菜单与图标
+export * from "./menuIcon";
+
+// 文件
+export * from "./file/dataUrl";
diff --git a/src/utils/menuIcon/index.ts b/src/utils/menuIcon/index.ts
new file mode 100644
index 0000000..326eeb7
--- /dev/null
+++ b/src/utils/menuIcon/index.ts
@@ -0,0 +1,281 @@
+import type { Component } from "vue";
+import * as ElementPlusIconsVue from "@element-plus/icons-vue";
+
+/**
+ * 菜单 / IconSelect 共用的图标存值约定（与 `components/IconSelect` 一致）：
+ * - Element Plus：`el-icon-{组件名}`，或与 `@element-plus/icons-vue` 导出键一致的裸名（如 `PieChart`，兼容旧库手写）
+ * - 历史自定义 SVG 文件名：原 `assets/images/svg` + `i-svg:` 展示，现由 `menuIcon/remix` 的 `resolveIconForFaSvgIcon` 映射为 Iconify（默认 Remix `ri:`）
+ * - Iconify：`collection:name`（含冒号，如 `ri:home-line`）
+ */
+
+export function isElementPlusStoredIcon(icon?: string | null): boolean {
+  const s = icon?.trim();
+  return !!s && s.startsWith("el-icon");
+}
+
+/** `el-icon-*` 主体转 PascalCase，与侧栏 / 搜索里 Element Plus 图标解析一致：`pie-chart` → `PieChart` */
+function kebabSnakeBodyToPascalKey(body: string): string {
+  return body
+    .split(/[-_]/)
+    .filter(Boolean)
+    .map((seg) => seg.charAt(0).toUpperCase() + seg.slice(1).toLowerCase())
+    .join("");
+}
+
+/**
+ * 解析为 Element Plus 图标组件；否则 null（再走 Iconify / Remix 映射）。
+ * 对齐旧版 `layouts/old/components/Menu/components/MenuItemContent.vue`（el-icon / 自定义文件名）
+ * 及对 `el-icon-*` 主体的 Pascal 推导。
+ */
+export function resolveElementPlusIconComponent(icon?: string | null): Component | null {
+  const ic = icon?.trim();
+  if (!ic) return null;
+
+  const body = isElementPlusStoredIcon(ic) ? ic.replace(/^el-icon-?/i, "").trim() : ic;
+
+  if (!body) return null;
+
+  const mod = ElementPlusIconsVue as Record<string, Component | undefined>;
+
+  // 1. 精确匹配（如 PieChart）
+  let comp = mod[body];
+  if (comp) return comp;
+
+  // 2. kebab/snake → Pascal（如 pie-chart → PieChart）
+  if (/[-_]/.test(body)) {
+    const pascal = kebabSnakeBodyToPascalKey(body);
+    comp = mod[pascal];
+    if (comp) return comp;
+  }
+
+  // 3. 首字母大写（旧版存值全小写如 delete → Delete）
+  const capitalized = body.charAt(0).toUpperCase() + body.slice(1);
+  if (capitalized !== body) {
+    comp = mod[capitalized];
+    if (comp) return comp;
+  }
+
+  return null;
+}
+
+/** Iconify 完整 id（侧栏 FaSvgIcon 使用） */
+export function isIconifyStoredIcon(icon?: string | null): boolean {
+  const s = icon?.trim();
+  return !!s && s.includes(":");
+}
+
+function pascalOrPlainToKebab(name: string): string {
+  const trimmed = name.trim();
+  if (!trimmed) return "";
+
+  if (!/[A-Z]/.test(trimmed)) {
+    return trimmed.replace(/_/g, "-").toLowerCase();
+  }
+
+  return trimmed
+    .replace(/([a-z\d])([A-Z])/g, "$1-$2")
+    .replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2")
+    .toLowerCase();
+}
+
+/**
+ * `el-icon-Xxx` 无法映射到 EP 组件时的兜底，转为 Iconify `ep:`（与 Element Plus 图标集对应）
+ */
+export function elementMenuIconToEpIconify(icon: string): string {
+  const name = icon.replace(/^el-icon-/i, "").trim();
+  const kebab = pascalOrPlainToKebab(name);
+  return kebab ? `ep:${kebab}` : "ep:menu";
+}
+
+/**
+ * 历史：本地 `assets/images/svg/*.svg` 文件名作菜单存值，配合 `i-svg:` 类展示。
+ * 现统一映射为 Iconify Remix Icon（`ri:`），由 `FaSvgIcon` 渲染。
+ */
+
+const FILE_SUFFIX: Record<string, string> = {
+  close: "ri:file-close-line",
+  copy: "ri:file-copy-line",
+  css: "ri:file-code-line",
+  dir: "ri:folder-line",
+  excel: "ri:file-excel-2-line",
+  exe: "ri:file-settings-line",
+  html: "ri:file-code-line",
+  image: "ri:file-image-line",
+  js: "ri:file-code-line",
+  json: "ri:file-code-line",
+  music: "ri:file-music-line",
+  open: "ri:folder-open-line",
+  other: "ri:file-unknow-line",
+  pdf: "ri:file-pdf-line",
+  ppt: "ri:file-ppt-line",
+  rar: "ri:file-zip-line",
+  txt: "ri:file-text-line",
+  video: "ri:file-video-line",
+  wps: "ri:file-word-line",
+  zip: "ri:file-zip-line",
+};
+
+const REMIX_BY_NAME: Record<string, string> = {
+  ai: "ri:robot-2-line",
+  alipay: "ri:alipay-fill",
+  api: "ri:plug-line",
+  arco: "ri:circle-line",
+  "avatar-man": "ri:user-line",
+  "avatar-woman": "ri:user-smile-line",
+  backtop: "ri:arrow-up-circle-line",
+  bell: "ri:notification-3-line",
+  bilibili: "ri:movie-2-line",
+  browser: "ri:chrome-line",
+  captcha: "ri:shield-keyhole-line",
+  cascader: "ri:filter-3-line",
+  client: "ri:computer-line",
+  close: "ri:close-line",
+  close_all: "ri:close-circle-line",
+  close_left: "ri:arrow-left-s-line",
+  close_other: "ri:links-line",
+  close_right: "ri:arrow-right-s-line",
+  cnblogs: "ri:article-line",
+  code: "ri:code-s-slash-line",
+  collapse: "ri:menu-fold-line",
+  csdn: "ri:article-line",
+  dict: "ri:book-2-line",
+  document: "ri:file-text-line",
+  down: "ri:arrow-down-s-line",
+  download: "ri:download-cloud-line",
+  enter: "ri:login-box-line",
+  esc: "ri:close-line",
+  file: "ri:file-text-line",
+  fullscreen: "ri:fullscreen-line",
+  "fullscreen-exit": "ri:fullscreen-exit-line",
+  gitcode: "ri:git-repository-line",
+  gitee: "ri:git-branch-line",
+  github: "ri:github-fill",
+  homepage: "ri:home-4-line",
+  java: "ri:cup-line",
+  juejin: "ri:book-read-line",
+  language: "ri:translate-2",
+  layout_leftbar_close_line: "ri:menu-fold-line",
+  layout_leftbar_open_line: "ri:menu-unfold-line",
+  menu: "ri:menu-line",
+  message: "ri:message-3-line",
+  monitor: "ri:computer-line",
+  project: "ri:projector-line",
+  python: "ri:terminal-box-line",
+  qq: "ri:qq-fill",
+  refresh: "ri:refresh-line",
+  role: "ri:admin-line",
+  search: "ri:search-line",
+  setting: "ri:settings-3-line",
+  size: "ri:font-size-2",
+  sql: "ri:database-2-line",
+  system: "ri:settings-2-line",
+  table: "ri:table-line",
+  time: "ri:time-line",
+  todo: "ri:checkbox-line",
+  tree: "ri:node-tree",
+  typescript: "ri:typescript-line",
+  up: "ri:arrow-up-s-line",
+  upload_file: "ri:upload-cloud-2-line",
+  "upload-file": "ri:upload-cloud-2-line",
+  upload_folder: "ri:folder-upload-line",
+  "upload-folder": "ri:folder-upload-line",
+  user: "ri:user-line",
+  visitor: "ri:user-heart-line",
+  vite: "ri:rocket-line",
+  vue: "ri:vuejs-line",
+  wechat: "ri:wechat-fill",
+  xml: "ri:code-s-slash-line",
+  people: "ri:team-line",
+
+  "menu-about": "ri:information-line",
+  "menu-analyse": "ri:line-chart-line",
+  "menu-crud": "ri:database-2-line",
+  "menu-detail": "ri:file-list-line",
+  "menu-document": "ri:file-text-line",
+  "menu-error": "ri:error-warning-line",
+  "menu-example": "ri:lightbulb-line",
+  "menu-file": "ri:folder-2-line",
+  "menu-form": "ri:file-list-3-line",
+  "menu-gitee": "ri:git-branch-line",
+  "menu-home": "ri:home-4-line",
+  "menu-layout": "ri:layout-line",
+  "menu-multi": "ri:layout-grid-line",
+  "menu-result": "ri:bar-chart-box-line",
+  "menu-system": "ri:settings-3-line",
+  "menu-table": "ri:table-line",
+  "menu-test": "ri:test-tube-line",
+
+  "icon-msg": "ri:message-3-line",
+  "icon-notice": "ri:notification-3-line",
+  "icon-num": "ri:numbers-line",
+  "icon-user": "ri:user-line",
+  "icon-wait": "ri:timer-line",
+
+  "item-angular": "ri:angularjs-line",
+  "item-github": "ri:github-fill",
+  "item-html5": "ri:html5-fill",
+  "item-js": "ri:javascript-line",
+  "item-react": "ri:reactjs-line",
+  "item-vue": "ri:vuejs-line",
+
+  "ai copy": "ri:robot-2-line",
+  "backtop copy": "ri:arrow-up-circle-line",
+  "file copy": "ri:file-text-line",
+  "vue copy": "ri:vuejs-line",
+  "wechat copy": "ri:wechat-fill",
+};
+
+function remixForFileKey(key: string): string {
+  const lower = key.toLowerCase();
+  const rest = lower.startsWith("file-") ? lower.slice(5) : lower;
+  return FILE_SUFFIX[rest] ?? "ri:file-text-line";
+}
+
+/**
+ * 将历史本地 SVG 文件名解析为 Remix Icon（Iconify `ri:`）。
+ */
+export function localSvgNameToRemixIcon(name: string): string {
+  const raw = name.trim();
+  if (!raw) return "ri:apps-line";
+
+  if (REMIX_BY_NAME[raw]) return REMIX_BY_NAME[raw];
+
+  const lower = raw.toLowerCase();
+  if (REMIX_BY_NAME[lower]) return REMIX_BY_NAME[lower];
+
+  if (lower.startsWith("file-") || lower.startsWith("file_")) {
+    return remixForFileKey(lower.replace(/_/g, "-"));
+  }
+
+  if (lower.startsWith("menu-")) {
+    return REMIX_BY_NAME[lower] ?? "ri:menu-add-line";
+  }
+
+  return "ri:apps-line";
+}
+
+/**
+ * 菜单 / 表格等场景：存值可能是 EP、Iconify、或历史 SVG 文件名 → 统一为 Iconify id。
+ */
+export function resolveIconForFaSvgIcon(stored?: string | null): string {
+  const s = stored?.trim() ?? "";
+  if (!s) return "ri:file-3-line";
+
+  if (isIconifyStoredIcon(s)) return s;
+
+  if (resolveElementPlusIconComponent(s)) {
+    return elementMenuIconToEpIconify(isElementPlusStoredIcon(s) ? s : s);
+  }
+
+  if (isElementPlusStoredIcon(s)) {
+    return elementMenuIconToEpIconify(s);
+  }
+
+  return localSvgNameToRemixIcon(s);
+}
+
+/**
+ * 本地 SVG URL（与 `@utils/icons` 同源）。
+ * @deprecated 新代码请使用 {@link resolveLocalIconUrl} from `@utils/icons`
+ */
+export { resolveLocalIconUrl as resolveMenuLocalSvgUrl } from "@utils";
diff --git a/src/utils/menuIcon/remix.ts b/src/utils/menuIcon/remix.ts
new file mode 100644
index 0000000..afb9403
--- /dev/null
+++ b/src/utils/menuIcon/remix.ts
@@ -0,0 +1,4 @@
+/**
+ * Remix / Iconify 解析（与 `menuIcon/index` 同源，便于按需引用）。
+ */
+export { resolveIconForFaSvgIcon } from "./index";
diff --git a/src/utils/navigation/index.ts b/src/utils/navigation/index.ts
new file mode 100644
index 0000000..a822146
--- /dev/null
+++ b/src/utils/navigation/index.ts
@@ -0,0 +1,146 @@
+import type { RouteLocationNormalized, RouteRecordRaw } from "vue-router";
+import { router } from "@/router";
+import type { AppRouteRecord, AppRouteRecord as AppRouteRecordFromTypes } from "@/types";
+import i18n, { $t } from "@/locales";
+import AppConfig from "@/config";
+import { useSettingsStore, useWorktabStore } from "@stores";
+import { IframeRouteManager } from "@/router";
+import { useCommon } from "@/hooks/core/useCommon";
+
+/**
+ * 导航辅助：菜单标题格式化、外链与路由跳转、工作标签同步（`setWorktab`）、文档标题设置（`setPageTitle`）。
+ *
+ * 核心函数：
+ * - `setPageTitle`     → 设置浏览器标题 `meta.title - 站点名`
+ * - `formatMenuTitle`  → 菜单标题 i18n 解析（`menus.xxx` 键 → 翻译文本）
+ * - `handleMenuJump`   → 菜单点击跳转（支持外链、iframe、子菜单递归）
+ * - `setWorktab`       → 与路由同步工作栏标签页
+ */
+export type AppRouteRecordRaw = RouteRecordRaw & { hidden?: boolean };
+
+/** 浏览器标题：meta.title 经 i18n 键或原文 + 站点名 */
+export const setPageTitle = (to: RouteLocationNormalized): void => {
+  const { title } = to.meta;
+  if (!title) return;
+
+  setTimeout(() => {
+    document.title = `${formatMenuTitle(String(title))} - ${AppConfig.systemInfo.name}`;
+  }, 150);
+};
+
+export const formatMenuTitle = (title: string): string => {
+  if (!title) return "";
+
+  if (title.startsWith("menus.")) {
+    if (i18n.global.te(title)) return $t(title);
+    return title.split(".").pop() || title;
+  }
+
+  return title;
+};
+
+export function isIframe(url: string): boolean {
+  return url.startsWith("/outside/iframe/");
+}
+
+export const isNavigableMenuItem = (menuItem: AppRouteRecordFromTypes): boolean => {
+  if (!menuItem.path || !menuItem.path.trim()) return false;
+  return !menuItem.meta?.isHide;
+};
+
+const normalizePath = (path: string): string => (path.startsWith("/") ? path : `/${path}`);
+
+export const getFirstMenuPath = (menuList: AppRouteRecordFromTypes[]): string => {
+  if (!Array.isArray(menuList) || menuList.length === 0) return "";
+
+  for (const menuItem of menuList) {
+    if (!isNavigableMenuItem(menuItem)) continue;
+
+    if (menuItem.children?.length) {
+      const childPath = getFirstMenuPath(menuItem.children);
+      if (childPath) return childPath;
+    }
+
+    return normalizePath(menuItem.path!);
+  }
+
+  return "";
+};
+
+export const openExternalLink = (link: string) => window.open(link, "_blank");
+
+export const handleMenuJump = (item: AppRouteRecord, jumpToFirst: boolean = false) => {
+  const { link, isIframe: menuIsIframe } = item.meta;
+  if (link && !menuIsIframe) return openExternalLink(link);
+
+  if (!jumpToFirst || !item.children?.length) return router.push(item.path);
+
+  const findFirstLeafMenu = (items: AppRouteRecord[]): AppRouteRecord | undefined => {
+    for (const child of items) {
+      if (isNavigableMenuItem(child)) {
+        return child.children?.length ? findFirstLeafMenu(child.children) || child : child;
+      }
+    }
+    return undefined;
+  };
+
+  const firstChild = findFirstLeafMenu(item.children);
+  if (!firstChild) return router.push(item.path);
+  if (firstChild.meta?.link) return openExternalLink(firstChild.meta.link);
+  return router.push(firstChild.path);
+};
+
+/**
+ * 与路由同步工作栏：受 `meta.isHideTab`、`settings.showWorkTab`、首页路径影响。
+ * - 开多标签或停留在首页：写入 `opened`（openTab）。
+ * - 关多标签且非首页：仅 `syncCurrentFromRoute`，不把每一页压入 `opened`，但保证 `current` 与本次导航一致。
+ */
+export const setWorktab = (to: RouteLocationNormalized): void => {
+  const worktabStore = useWorktabStore();
+  const { meta, path, name, params, query } = to;
+  if (meta.isHideTab) return;
+
+  const routeNameStr = name != null ? String(name) : "";
+
+  if (isIframe(path)) {
+    const iframeRoute = IframeRouteManager.getInstance().findByPath(to.path);
+    if (!iframeRoute?.meta) return;
+
+    worktabStore.openTab({
+      title: iframeRoute.meta.title,
+      icon: meta.icon as string,
+      path,
+      name: routeNameStr,
+      keepAlive: meta.keepAlive !== false,
+      params,
+      query,
+    });
+
+    return;
+  }
+
+  const tabPayload = {
+    title: (meta.title as string) || "",
+    icon: meta.icon as string,
+    path,
+    name: routeNameStr,
+    keepAlive: meta.keepAlive !== false,
+    params,
+    query,
+    fixedTab: meta.fixedTab as boolean,
+  };
+
+  if (useSettingsStore().showWorkTab || path === useCommon().homePath.value) {
+    worktabStore.openTab(tabPayload);
+  } else {
+    worktabStore.syncCurrentFromRoute({
+      path: tabPayload.path,
+      name: tabPayload.name,
+      title: tabPayload.title,
+      icon: tabPayload.icon,
+      keepAlive: tabPayload.keepAlive,
+      params: tabPayload.params,
+      query: tabPayload.query,
+    });
+  }
+};
diff --git a/src/utils/oauth/index.ts b/src/utils/oauth/index.ts
new file mode 100644
index 0000000..593845a
--- /dev/null
+++ b/src/utils/oauth/index.ts
@@ -0,0 +1,11 @@
+import type { OAuthProvider } from "@/api/module_system/auth";
+
+/**
+ * 跳转浏览器至后端 OAuth 入口，授权完成后回到 `redirect_uri`（通常为当前站点 /login）。
+ */
+export function startOAuthLogin(provider: OAuthProvider): void {
+  const base = (import.meta.env.VITE_APP_BASE_API || "/api/v1").replace(/\/$/, "");
+  const redirectUri = `${window.location.origin}/login`;
+  const url = `${base}/system/auth/oauth/${provider}/login?redirect_uri=${encodeURIComponent(redirectUri)}`;
+  window.location.href = url;
+}
diff --git a/src/utils/query.ts b/src/utils/query.ts
new file mode 100644
index 0000000..8d865c0
--- /dev/null
+++ b/src/utils/query.ts
@@ -0,0 +1,35 @@
+/**
+ * 清理查询参数中的空数组字段，避免将 [] 传给后端
+ *
+ * @example
+ * ```ts
+ * const query = cleanEmptyArrayParams(searchParams, ["created_time", "updated_time"]);
+ * // { created_time: [], ... } → { created_time: undefined, ... }
+ * ```
+ */
+export function cleanEmptyArrayParams<T extends Record<string, unknown>>(
+  params: T,
+  arrayKeys: string[] = ["created_time", "updated_time"]
+): T {
+  const p = { ...params } as Record<string, unknown>;
+  for (const key of arrayKeys) {
+    if (Array.isArray(p[key]) && (p[key] as unknown[]).length === 0) {
+      p[key] = undefined;
+    }
+  }
+  return p as T;
+}
+
+/**
+ * 从搜索参数中移除分页字段，生成导出查询参数
+ */
+export function stripPaginationParams<T extends Record<string, unknown>>(
+  params: T,
+  pagKeys: string[] = ["current", "size", "page_no", "page_size"]
+): Record<string, unknown> {
+  const p = { ...(params as object) } as Record<string, unknown>;
+  for (const key of pagKeys) {
+    delete p[key];
+  }
+  return p;
+}
diff --git a/src/utils/socket/index.ts b/src/utils/socket/index.ts
new file mode 100644
index 0000000..3283b2f
--- /dev/null
+++ b/src/utils/socket/index.ts
@@ -0,0 +1,541 @@
+/**
+ * WebSocket 服务管理
+ *
+ * @description
+ * 统一管理应用中的所有 WebSocket 连接
+ * - 字典同步 WebSocket
+ * - 在线用户计数 WebSocket
+ * - 其他业务 WebSocket
+ *
+ * @author fastapiadmin
+ */
+
+import { Auth } from "@utils/auth";
+
+/**
+ * WebSocket 服务实例约定接口
+ */
+type WebSocketService = {
+  disconnect?: () => void;
+  closeWebSocket?: () => void;
+  cleanup?: () => void;
+  [key: string]: any;
+};
+
+/**
+ * 全局 WebSocket 实例管理
+ */
+const websocketInstances = new Map<string, WebSocketService>();
+
+/**
+ * 防止重复初始化的状态标记
+ */
+let isInitialized = false;
+
+/**
+ * 注册 WebSocket 实例
+ */
+export function registerWebSocketInstance(key: string, instance: WebSocketService) {
+  websocketInstances.set(key, instance);
+}
+
+/**
+ * 获取 WebSocket 实例
+ */
+export function getWebSocketInstance(key: string) {
+  return websocketInstances.get(key);
+}
+
+/**
+ * 初始化 WebSocket 服务
+ */
+export function setupWebSocket() {
+  if (isInitialized) {
+    console.warn("[WebSocket] 已初始化，跳过重复初始化");
+    return;
+  }
+
+  if (!Auth.getAccessToken()) {
+    console.warn("[WebSocket] 未登录，跳过 WebSocket 初始化");
+    return;
+  }
+
+  try {
+    isInitialized = true;
+    console.info("[WebSocket] 初始化成功");
+  } catch (error) {
+    console.error("[WebSocket] 初始化失败:", error);
+  }
+}
+
+/**
+ * 清理所有 WebSocket 连接
+ */
+export function cleanupWebSocket() {
+  console.info("[WebSocket] 开始清理连接...");
+
+  websocketInstances.forEach((instance, key) => {
+    try {
+      if (instance.disconnect) {
+        instance.disconnect();
+      } else if (instance.closeWebSocket) {
+        instance.closeWebSocket();
+      } else if (instance.cleanup) {
+        instance.cleanup();
+      }
+      console.info(`[WebSocket] ${key} 已断开`);
+    } catch (error) {
+      console.error(`[WebSocket] ${key} 清理失败:`, error);
+    }
+  });
+
+  websocketInstances.clear();
+  isInitialized = false;
+  console.info("[WebSocket] 清理完成");
+}
+
+/**
+ * 重新初始化 WebSocket
+ */
+export function reinitializeWebSocket() {
+  cleanupWebSocket();
+  setupWebSocket();
+}
+
+if (typeof window !== "undefined") {
+  window.addEventListener("beforeunload", () => {
+    cleanupWebSocket();
+  });
+}
+
+/**
+ * WebSocket 客户端类
+ *
+ * 提供 WebSocket 连接管理功能，支持自动重连、心跳检测和消息队列
+ *
+ * @module utils/socket
+ */
+
+interface WebSocketOptions {
+  url?: string;
+  messageHandler: (event: MessageEvent) => void;
+  reconnectInterval?: number; // 重连间隔(ms)
+  heartbeatInterval?: number; // 心跳检测间隔(ms)
+  pingInterval?: number; // 发送ping间隔(ms)
+  reconnectTimeout?: number; // 重连超时时间(ms)
+  maxReconnectAttempts?: number; // 最大重连次数
+  connectionTimeout?: number; // 连接建立超时时间(ms)
+}
+
+export default class WebSocketClient {
+  private static instance: WebSocketClient | null = null;
+  private ws: WebSocket | null = null;
+  private url: string;
+  private messageHandler: (event: MessageEvent) => void;
+  private reconnectInterval: number;
+  private heartbeatInterval: number;
+  private pingInterval: number;
+  private reconnectTimeout: number;
+  private maxReconnectAttempts: number;
+  private connectionTimeout: number;
+  private reconnectAttempts: number = 0; // 当前重连次数
+
+  // 消息队列 - 缓存连接建立前的消息
+  private messageQueue: Array<string | ArrayBufferLike | Blob | ArrayBufferView> = [];
+
+  // 定时器
+  private detectionTimer: NodeJS.Timeout | null = null;
+  private timeoutTimer: NodeJS.Timeout | null = null;
+  private reconnectTimer: NodeJS.Timeout | null = null;
+  private pingTimer: NodeJS.Timeout | null = null;
+  private connectionTimer: NodeJS.Timeout | null = null; // 连接超时定时器
+
+  // 状态标识
+  private isConnected: boolean = false;
+  private isConnecting: boolean = false; // 是否正在连接中
+  private stopReconnect: boolean = false;
+  private isReconnecting: boolean = false;
+
+  private constructor(options: WebSocketOptions) {
+    this.url = options.url || (process.env.VUE_APP_LOGIN_WEBSOCKET as string);
+    this.messageHandler = options.messageHandler;
+    this.reconnectInterval = options.reconnectInterval ?? 20 * 1000; // 默认20秒
+    this.heartbeatInterval = options.heartbeatInterval ?? 5 * 1000; // 默认5秒
+    this.pingInterval = options.pingInterval ?? 10 * 1000; // 默认10秒
+    this.reconnectTimeout = options.reconnectTimeout ?? 30 * 1000; // 默认30秒
+    this.maxReconnectAttempts = options.maxReconnectAttempts ?? 10; // 默认最多重连10次
+    this.connectionTimeout = options.connectionTimeout ?? 10 * 1000; // 连接超时10秒
+  }
+
+  // 单例模式获取实例
+  static getInstance(options: WebSocketOptions): WebSocketClient {
+    if (!WebSocketClient.instance) {
+      WebSocketClient.instance = new WebSocketClient(options);
+    } else {
+      // 更新消息处理器
+      WebSocketClient.instance.messageHandler = options.messageHandler;
+      // 如果提供了新的URL，则更新并重新连接
+      if (options.url && WebSocketClient.instance.url !== options.url) {
+        WebSocketClient.instance.url = options.url;
+        WebSocketClient.instance.reconnectAttempts = 0;
+        WebSocketClient.instance.init();
+      }
+    }
+    return WebSocketClient.instance;
+  }
+
+  // 初始化连接
+  init(): void {
+    this.connect(true);
+  }
+
+  private connect(resetReconnectAttempts: boolean = false): void {
+    // 如果正在连接中，不重复连接
+    if (this.isConnecting) {
+      console.info("正在建立WebSocket连接中...");
+      return;
+    }
+
+    // 如果已连接，不重复连接
+    if (this.ws?.readyState === WebSocket.OPEN) {
+      console.warn("WebSocket连接已存在");
+      this.flushMessageQueue(); // 确保队列中的消息被发送
+      return;
+    }
+
+    try {
+      this.isConnecting = true;
+      this.stopReconnect = false;
+      if (resetReconnectAttempts) {
+        this.reconnectAttempts = 0;
+        this.isReconnecting = false;
+        this.clearTimer("reconnectTimer");
+      }
+      this.ws = new WebSocket(this.url);
+
+      // 设置连接超时检测
+      this.clearTimer("connectionTimer");
+      this.connectionTimer = setTimeout(() => {
+        console.error(`WebSocket连接超时 (${this.connectionTimeout}ms)：${this.url}`);
+        this.handleConnectionTimeout();
+      }, this.connectionTimeout);
+
+      this.ws.onopen = (event) => this.handleOpen(event);
+      this.ws.onmessage = (event) => this.handleMessage(event);
+      this.ws.onclose = (event) => this.handleClose(event);
+      this.ws.onerror = (event) => this.handleError(event);
+    } catch (error) {
+      console.error("WebSocket初始化失败:", error);
+      this.isConnecting = false;
+      this.reconnect();
+    }
+  }
+
+  // 处理连接超时
+  private handleConnectionTimeout(): void {
+    if (this.ws?.readyState !== WebSocket.OPEN) {
+      console.error("WebSocket连接超时，强制关闭连接");
+      this.ws?.close(1000, "Connection timeout");
+      this.isConnecting = false;
+      this.reconnect();
+    }
+  }
+
+  // 关闭连接
+  close(force?: boolean): void {
+    this.clearAllTimers();
+    this.stopReconnect = true;
+    this.isReconnecting = false;
+    this.isConnecting = false;
+
+    if (this.ws) {
+      // 1000 表示正常关闭
+      this.ws.close(force ? 1001 : 1000, force ? "Force closed" : "Normal close");
+      this.ws = null;
+    }
+
+    this.isConnected = false;
+  }
+
+  // 发送消息 - 增加消息队列
+  send(data: string | ArrayBufferLike | Blob | ArrayBufferView, immediate: boolean = false): void {
+    // 如果要求立即发送且未连接，则直接报错
+    if (immediate && (!this.ws || this.ws.readyState !== WebSocket.OPEN)) {
+      console.error("WebSocket未连接，无法立即发送消息");
+      return;
+    }
+
+    // 如果未连接且不要求立即发送，则加入消息队列
+    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) {
+      console.info("WebSocket未连接，消息已加入队列等待发送");
+      this.messageQueue.push(data);
+      // 如果未在重连中，则尝试重连
+      if (!this.isConnecting && !this.stopReconnect) {
+        this.init();
+      }
+      return;
+    }
+
+    try {
+      this.ws.send(data as any);
+    } catch (error) {
+      console.error("WebSocket发送消息失败:", error);
+      // 发送失败时将消息加入队列，等待重连后重试
+      this.messageQueue.push(data);
+      this.reconnect();
+    }
+  }
+
+  // 发送队列中的消息
+  private flushMessageQueue(): void {
+    if (this.messageQueue.length > 0 && this.ws?.readyState === WebSocket.OPEN) {
+      console.info(`发送队列中的${this.messageQueue.length}条消息`);
+      while (this.messageQueue.length > 0) {
+        const data = this.messageQueue.shift();
+        if (data) {
+          try {
+            this.ws?.send(data as any);
+          } catch (error) {
+            console.error("发送队列消息失败:", error);
+            // 如果发送失败，将消息放回队列头部
+            if (data) this.messageQueue.unshift(data);
+            break;
+          }
+        }
+      }
+    }
+  }
+
+  // 处理连接打开
+  private handleOpen(event: Event): void {
+    console.info("WebSocket连接成功", event);
+    this.clearTimer("connectionTimer"); // 清除连接超时定时器
+    this.isConnected = true;
+    this.isConnecting = false;
+    this.isReconnecting = false;
+    this.stopReconnect = false;
+    this.reconnectAttempts = 0; // 重置重连次数
+    this.startHeartbeat();
+    this.startPing();
+    this.flushMessageQueue(); // 发送队列中的消息
+  }
+
+  // 处理收到的消息
+  private handleMessage(event: MessageEvent): void {
+    console.debug("收到WebSocket消息:", event);
+    this.resetHeartbeat();
+    this.messageHandler(event);
+  }
+
+  // 处理连接关闭
+  private handleClose(event: CloseEvent): void {
+    console.info(
+      `WebSocket断开: 代码=${event.code}, 原因=${event.reason}, 干净关闭=${event.wasClean}`
+    );
+
+    // 1000 是正常关闭代码
+    const isNormalClose = event.code === 1000;
+
+    this.isConnected = false;
+    this.isConnecting = false;
+    this.clearConnectionTimers();
+    this.ws = null;
+
+    if (!this.stopReconnect && !isNormalClose) {
+      this.reconnect();
+    }
+  }
+
+  // 处理错误 - 增加详细错误信息
+  private handleError(event: Event): void {
+    console.error("WebSocket连接错误:");
+    console.error("错误事件:", event);
+    console.error(
+      "当前连接状态:",
+      this.ws?.readyState ? this.getReadyStateText(this.ws.readyState) : "未初始化"
+    );
+
+    this.isConnected = false;
+    this.isConnecting = false;
+
+    // 只有在未停止重连的情况下才尝试重连
+    if (!this.stopReconnect) {
+      this.reconnect();
+    }
+  }
+
+  private closeCurrentSocketForReconnect(): void {
+    this.clearConnectionTimers();
+    this.isConnected = false;
+    this.isConnecting = false;
+
+    if (this.ws) {
+      this.ws.onopen = null;
+      this.ws.onmessage = null;
+      this.ws.onclose = null;
+      this.ws.onerror = null;
+
+      if (this.ws.readyState === WebSocket.OPEN || this.ws.readyState === WebSocket.CONNECTING) {
+        this.ws.close(1001, "Reconnect");
+      }
+
+      this.ws = null;
+    }
+  }
+
+  // 转换连接状态为文本描述
+  private getReadyStateText(state: number): string {
+    switch (state) {
+      case WebSocket.CONNECTING:
+        return "CONNECTING (0) - 正在连接";
+      case WebSocket.OPEN:
+        return "OPEN (1) - 已连接";
+      case WebSocket.CLOSING:
+        return "CLOSING (2) - 正在关闭";
+      case WebSocket.CLOSED:
+        return "CLOSED (3) - 已关闭";
+      default:
+        return `未知状态 (${state})`;
+    }
+  }
+
+  // 开始心跳检测
+  private startHeartbeat(): void {
+    this.clearTimer("detectionTimer");
+    this.clearTimer("timeoutTimer");
+
+    this.detectionTimer = setTimeout(() => {
+      this.isConnected = this.ws?.readyState === WebSocket.OPEN;
+
+      if (!this.isConnected) {
+        console.warn("WebSocket心跳检测失败，尝试重连");
+        this.reconnect();
+
+        this.timeoutTimer = setTimeout(() => {
+          console.warn("WebSocket重连超时");
+          this.close();
+        }, this.reconnectTimeout);
+      }
+    }, this.heartbeatInterval);
+  }
+
+  // 重置心跳检测
+  private resetHeartbeat(): void {
+    this.clearTimer("detectionTimer");
+    this.clearTimer("timeoutTimer");
+    this.startHeartbeat();
+  }
+
+  // 开始发送ping消息
+  private startPing(): void {
+    this.clearTimer("pingTimer");
+
+    this.pingTimer = setInterval(() => {
+      if (this.ws?.readyState !== WebSocket.OPEN) {
+        console.warn("WebSocket未连接，停止发送ping");
+        this.clearTimer("pingTimer");
+        this.reconnect();
+        return;
+      }
+
+      try {
+        this.ws.send("ping");
+        console.debug("发送ping消息");
+      } catch (error) {
+        console.error("发送ping消息失败:", error);
+        this.clearTimer("pingTimer");
+        this.reconnect();
+      }
+    }, this.pingInterval);
+  }
+
+  // 重连 - 增加重连次数限制
+  private reconnect(): void {
+    if (this.stopReconnect || this.isConnecting || this.reconnectInterval <= 0) {
+      return;
+    }
+
+    // 检查是否超过最大重连次数
+    if (this.reconnectAttempts >= this.maxReconnectAttempts) {
+      console.error(`已达到最大重连次数(${this.maxReconnectAttempts})，停止重连`);
+      this.close(true);
+      return;
+    }
+
+    this.reconnectAttempts++;
+    this.isReconnecting = true;
+    this.closeCurrentSocketForReconnect();
+
+    const delay = this.calculateReconnectDelay();
+    console.info(
+      `将在${delay / 1000}秒后尝试重新连接（第${this.reconnectAttempts}/${this.maxReconnectAttempts}次）`
+    );
+
+    this.clearTimer("reconnectTimer");
+    this.reconnectTimer = setTimeout(() => {
+      console.info(`尝试重新连接WebSocket（第${this.reconnectAttempts}次）`);
+      this.connect(false);
+    }, delay);
+  }
+
+  // 计算重连延迟 - 指数退避策略
+  private calculateReconnectDelay(): number {
+    // 基础延迟 + 随机值，避免多个客户端同时重连
+    const jitter = Math.random() * 1000; // 0-1秒的随机延迟
+    const baseDelay = Math.min(
+      this.reconnectInterval * Math.pow(1.5, this.reconnectAttempts - 1),
+      this.reconnectInterval * 5
+    );
+    return baseDelay + jitter;
+  }
+
+  // 清除指定定时器
+  private clearTimer(
+    timerName:
+      | "detectionTimer"
+      | "timeoutTimer"
+      | "reconnectTimer"
+      | "pingTimer"
+      | "connectionTimer"
+  ): void {
+    if (this[timerName]) {
+      clearTimeout(this[timerName] as NodeJS.Timeout);
+      this[timerName] = null;
+    }
+  }
+
+  // 清除所有定时器
+  private clearAllTimers(): void {
+    this.clearConnectionTimers();
+    this.clearTimer("reconnectTimer");
+  }
+
+  private clearConnectionTimers(): void {
+    this.clearTimer("detectionTimer");
+    this.clearTimer("timeoutTimer");
+    this.clearTimer("pingTimer");
+    this.clearTimer("connectionTimer");
+  }
+
+  // 获取当前连接状态
+  get isWebSocketConnected(): boolean {
+    return this.isConnected;
+  }
+
+  // 获取当前连接状态文本
+  get connectionStatusText(): string {
+    if (this.isConnecting) return "正在连接";
+    if (this.isConnected) return "已连接";
+    if (this.isReconnecting && this.reconnectAttempts > 0)
+      return `重连中（${this.reconnectAttempts}/${this.maxReconnectAttempts}）`;
+    return "已断开";
+  }
+
+  // 销毁实例
+  static destroyInstance(): void {
+    if (WebSocketClient.instance) {
+      WebSocketClient.instance.close();
+      WebSocketClient.instance = null;
+    }
+  }
+}
diff --git a/src/utils/storage/index.ts b/src/utils/storage/index.ts
new file mode 100644
index 0000000..79886ad
--- /dev/null
+++ b/src/utils/storage/index.ts
@@ -0,0 +1,362 @@
+/**
+ * LocalStorage 兼容性检查 + 异常恢复。
+ *
+ * ── 职责边界 ──
+ * - `markStorageInvalidated` / `checkStorageInvalidated` / `resetStorageInvalidated`
+ *   构成轻量标志位机制，由路由守卫消费，避免本模块直接操作 Pinia/router（循环依赖）。
+ * - `checkStorageCompatibility()` / `validateStorageData()`  存储健康检查。
+ * - `StorageKeyManager` / `Storage`  版本化键值存取工具。
+ */
+
+// ---------------------------------------------------------------------------
+// 存储失效标志位（路由守卫消费）
+// ---------------------------------------------------------------------------
+
+/** 标志：存储数据已因异常而被清除，等待路由守卫处理登出 */
+let invalidated = false;
+
+/** 标记存储已失效，路由守卫将在下次导航时执行登出 */
+export function markStorageInvalidated(): void {
+  invalidated = true;
+}
+
+/** 查询存储是否已失效 */
+export function checkStorageInvalidated(): boolean {
+  return invalidated;
+}
+
+/** 守卫处理完毕后重置标志位，避免同一会话内重复拦截 */
+export function resetStorageInvalidated(): void {
+  invalidated = false;
+}
+
+/** Storage config + versioned key helpers. */
+export class StorageConfig {
+  /** 当前应用版本 */
+  static readonly CURRENT_VERSION = __APP_VERSION__;
+
+  /** 应用名称 */
+  static readonly appName = __APP_NAME__;
+
+  /** 存储键前缀 */
+  static readonly STORAGE_PREFIX = "sys-v";
+
+  /** 版本键名 */
+  static readonly VERSION_KEY = "sys-version";
+
+  /** 主题键名（index.html中使用了，如果修改，需要同步修改） */
+  static readonly THEME_KEY = "sys-theme";
+
+  /** 上次登录用户ID键名（用于判断是否为同一用户登录） */
+  static readonly LAST_USER_ID_KEY = "sys-last-user-id";
+
+  /** 上次选择租户ID键名 */
+  static readonly LAST_TENANT_ID_KEY = "sys-last-tenant-id";
+
+  /** 响应式布局切换时暂存桌面端菜单类型 */
+  static readonly RESPONSIVE_MENU_TYPE_KEY = "sys-responsive-menu-type";
+
+  /** 跳过升级检查的版本 */
+  static readonly SKIP_UPGRADE_VERSION = "1.0.0";
+
+  /** 升级处理延迟时间（毫秒） */
+  static readonly UPGRADE_DELAY = 1000;
+
+  /** 登出延迟时间（毫秒） */
+  static readonly LOGOUT_DELAY = 1000;
+
+  /**
+   * 生成版本化的存储键名
+   * @param storeId 存储ID
+   * @param version 版本号，默认使用当前版本
+   */
+  static generateStorageKey(storeId: string, version: string = this.CURRENT_VERSION): string {
+    return `${this.STORAGE_PREFIX}${version}-${storeId}`;
+  }
+
+  /**
+   * 生成旧版本的存储键名（不带分隔符）
+   * @param version 版本号，默认使用当前版本
+   */
+  static generateLegacyKey(version: string = this.CURRENT_VERSION): string {
+    return `${this.STORAGE_PREFIX}${version}`;
+  }
+
+  /**
+   * 创建存储键匹配的正则表达式
+   * @param storeId 存储ID
+   */
+  static createKeyPattern(storeId: string): RegExp {
+    return new RegExp(`^${this.STORAGE_PREFIX}[^-]+-${storeId}$`);
+  }
+
+  /**
+   * 创建当前版本存储键匹配的正则表达式
+   */
+  static createCurrentVersionPattern(): RegExp {
+    return new RegExp(`^${this.STORAGE_PREFIX}${this.CURRENT_VERSION}-`);
+  }
+
+  /**
+   * 创建任意版本存储键匹配的正则表达式
+   */
+  static createVersionPattern(): RegExp {
+    return new RegExp(`^${this.STORAGE_PREFIX}`);
+  }
+
+  /**
+   * 检查是否为当前版本的键
+   */
+  static isCurrentVersionKey(key: string): boolean {
+    return key.startsWith(`${this.STORAGE_PREFIX}${this.CURRENT_VERSION}`);
+  }
+
+  /**
+   * 检查是否为版本化的键
+   */
+  static isVersionedKey(key: string): boolean {
+    return key.startsWith(this.STORAGE_PREFIX);
+  }
+
+  /**
+   * 从存储键中提取版本号
+   */
+  static extractVersionFromKey(key: string): string | null {
+    const match = key.match(new RegExp(`^${this.STORAGE_PREFIX}([^-]+)`));
+    return match ? (match[1] ?? null) : null;
+  }
+
+  /**
+   * 从存储键中提取存储ID
+   */
+  static extractStoreIdFromKey(key: string): string | null {
+    const match = key.match(new RegExp(`^${this.STORAGE_PREFIX}[^-]+-(.+)$`));
+    return match ? (match[1] ?? null) : null;
+  }
+}
+
+class StorageCompatibilityManager {
+  /**
+   * 获取系统版本号
+   */
+  getSystemVersion(): string | null {
+    return localStorage.getItem(StorageConfig.VERSION_KEY);
+  }
+
+  /**
+   * 获取系统存储数据（兼容旧格式）
+   */
+  getSystemStorage(): any {
+    const version = this.getSystemVersion() || StorageConfig.CURRENT_VERSION;
+    const legacyKey = StorageConfig.generateLegacyKey(version);
+    const data = localStorage.getItem(legacyKey);
+    return data ? JSON.parse(data) : null;
+  }
+
+  /**
+   * 单次遍历 localStorage key，同时判定「是否有当前版本数据」「是否有任意版本数据」。
+   * 替代分别调用 hasCurrentVersionStorage / hasAnyVersionStorage 造成的重复遍历。
+   */
+  private analyzeStorageKeys(): { hasCurrent: boolean; hasAny: boolean } {
+    const keys = Object.keys(localStorage);
+    const currentPtrn = StorageConfig.createCurrentVersionPattern();
+    const anyPtrn = StorageConfig.createVersionPattern();
+    let hasCurrent = false;
+    let hasAny = false;
+
+    for (const key of keys) {
+      if (!hasCurrent && currentPtrn.test(key) && localStorage.getItem(key) !== null) {
+        hasCurrent = true;
+        if (hasAny) break;
+      }
+      if (!hasAny && anyPtrn.test(key) && localStorage.getItem(key) !== null) {
+        hasAny = true;
+        if (hasCurrent) break;
+      }
+    }
+    return { hasCurrent, hasAny };
+  }
+
+  /**
+   * 获取旧格式的本地存储数据
+   */
+  private getLegacyStorageData(): Record<string, any> {
+    try {
+      const systemStorage = this.getSystemStorage();
+      return systemStorage || {};
+    } catch (error) {
+      console.warn("[Storage] 解析旧格式存储数据失败:", error);
+      return {};
+    }
+  }
+
+  /**
+   * 显示存储错误消息
+   */
+  private showStorageError(): void {
+    ElMessage({
+      type: "error",
+      offset: 40,
+      duration: 5000,
+      message: "系统检测到本地数据异常，请重新登录系统恢复使用！",
+    });
+  }
+
+  /**
+   * 标记存储失效并触发路由守卫登出流程。
+   *
+   * 流程：
+   *   1. 清除 localStorage（Pinia 持久化数据）
+   *   2. 设置标志位，供路由守卫检查
+   *   3. 派发自定义事件 → App.vue 监听后执行 router.push()
+   *   4. 路由守卫检测到标志位 → 调用 userStore.logout() 重置内存状态
+   *
+   * 使用 CustomEvent 而非 window.location.href 可避免全量页面刷新，
+   * 保留 Pinia 和 Vue 实例，仅通过路由导航完成登出。
+   */
+  private performSystemLogout(): void {
+    setTimeout(() => {
+      try {
+        localStorage.clear();
+        markStorageInvalidated();
+        console.info("[Storage] 已标记存储失效，触发路由守卫登出流程");
+        window.dispatchEvent(new CustomEvent("app:storage-invalidated"));
+      } catch (error) {
+        console.error("[Storage] 标记存储失效失败:", error);
+      }
+    }, StorageConfig.LOGOUT_DELAY);
+  }
+
+  /**
+   * 处理存储异常
+   */
+  private handleStorageError(): void {
+    this.showStorageError();
+    this.performSystemLogout();
+  }
+
+  /**
+   * 验证存储数据完整性。
+   *
+   * 检测策略（按优先级）：
+   *   1. 存在当前版本数据 → 正常
+   *   2. 存在其他版本数据 → 可迁移，正常
+   *   3. 存在旧格式（无 storeId）数据 → 正常
+   *   4. 完全无数据：
+   *      - requireAuth=false（首次访问 / 静态路由）→  正常
+   *      - requireAuth=true                        →  触发系统登出
+   *
+   * @param requireAuth  为 true 时，空存储将触发 performSystemLogout
+   */
+  validateStorageData(requireAuth: boolean = false): boolean {
+    try {
+      const { hasCurrent, hasAny } = this.analyzeStorageKeys();
+
+      // 1. 当前版本 → 一切正常
+      if (hasCurrent) return true;
+
+      // 2. 其他版本 → 待迁移，暂时也能用
+      if (hasAny) return true;
+
+      // 3. 旧格式（无 storeId 的老系统）
+      const legacyData = this.getLegacyStorageData();
+      if (Object.keys(legacyData).length > 0) {
+        console.debug("[Storage] 发现旧版本存储数据");
+        return true;
+      }
+
+      // 4. 完全空存储
+      if (requireAuth) {
+        console.warn("[Storage] 未发现任何存储数据，需要重新登录");
+        this.performSystemLogout();
+        return false;
+      }
+      // 首次访问或静态路由无需登出
+      return true;
+    } catch (error) {
+      console.error("[Storage] 存储数据验证失败:", error);
+      if (requireAuth) {
+        this.handleStorageError();
+        return false;
+      }
+      return true;
+    }
+  }
+}
+
+// 创建存储兼容性管理器实例
+const storageManager = new StorageCompatibilityManager();
+
+/**
+ * 获取系统存储数据
+ */
+export function getSystemStorage(): any {
+  return storageManager.getSystemStorage();
+}
+
+/**
+ * 获取系统版本号
+ */
+export function getSysVersion(): string | null {
+  return storageManager.getSystemVersion();
+}
+
+/**
+ * 验证本地存储数据
+ * @param requireAuth 是否需要验证登录状态（默认 false）
+ */
+export function validateStorageData(requireAuth: boolean = false): boolean {
+  return storageManager.validateStorageData(requireAuth);
+}
+
+/**
+ * 检查存储兼容性（带 try-catch 的 validateStorageData 包装）。
+ *
+ * @param requireAuth  是否需要验证登录状态（默认 false）
+ *                     为 true 时，空存储将触发系统登出
+ */
+export function checkStorageCompatibility(requireAuth: boolean = false): boolean {
+  try {
+    return storageManager.validateStorageData(requireAuth);
+  } catch (error) {
+    console.error("[Storage] 兼容性检查异常:", error);
+    return false;
+  }
+}
+
+export class StorageKeyManager {
+  private getCurrentVersionKey(storeId: string): string {
+    return StorageConfig.generateStorageKey(storeId);
+  }
+
+  private hasCurrentVersionData(key: string): boolean {
+    return localStorage.getItem(key) !== null;
+  }
+
+  private findExistingKey(storeId: string): string | null {
+    const storageKeys = Object.keys(localStorage);
+    const pattern = StorageConfig.createKeyPattern(storeId);
+    return storageKeys.find((key) => pattern.test(key) && localStorage.getItem(key)) || null;
+  }
+
+  private migrateData(fromKey: string, toKey: string): void {
+    try {
+      const existingData = localStorage.getItem(fromKey);
+      if (existingData) {
+        localStorage.setItem(toKey, existingData);
+        console.info(`[Storage] 已迁移数据: ${fromKey} → ${toKey}`);
+      }
+    } catch (error) {
+      console.warn(`[Storage] 数据迁移失败: ${fromKey}`, error);
+    }
+  }
+
+  getStorageKey(storeId: string): string {
+    const currentKey = this.getCurrentVersionKey(storeId);
+    if (this.hasCurrentVersionData(currentKey)) return currentKey;
+
+    const existingKey = this.findExistingKey(storeId);
+    if (existingKey) this.migrateData(existingKey, currentKey);
+    return currentKey;
+  }
+}
diff --git a/src/utils/sys/index.ts b/src/utils/sys/index.ts
new file mode 100644
index 0000000..2a2130c
--- /dev/null
+++ b/src/utils/sys/index.ts
@@ -0,0 +1,377 @@
+/** System helpers (flattened). */
+
+import type { App } from "vue";
+import mitt, { type Emitter } from "mitt";
+import { upgradeLogList } from "@/mock/upgrade/changeLog";
+import { ElNotification } from "element-plus";
+import { useUserStore } from "@stores";
+import { StorageConfig } from "@utils";
+import { BANNER } from "../../../build/banner";
+
+// -----------------------------
+// Console banner：ANSI 转义码生成网站  https://patorjk.com/software/taag/#p=testall&f=Fire+Font-k&t=fastapiadmin%0A&x=none&v=4&h=4&w=80&we=false
+// -----------------------------
+
+export function printConsoleBanner(): void {
+  const asciiArt = `
+\x1b[32m欢迎使用 ${StorageConfig.appName}-v${StorageConfig.CURRENT_VERSION}！
+\x1b[0m
+\x1b[32m${BANNER}
+\x1b[0m
+\x1b[36m哇！你居然在用我的项目～ 好用的话别忘了去 GitHub 点个 ★Star 呀，你的支持就是我更新的超强动力！祝使用体验满分💯
+\x1b[0m
+\x1b[33mGitHub: https://github.com/fastapiadmin/FastapiAdmin
+\x1b[0m
+\x1b[31m技术支持（社区群）: https://service.fastapiadmin.com/about/，和开发者一起交流～ 群里有小伙伴实时答疑，遇到问题不用慌！
+\x1b[0m
+`;
+
+  console.log(asciiArt);
+}
+
+// -----------------------------
+// Mitt bus
+// -----------------------------
+
+type SysEvents = {
+  triggerFireworks: string | undefined;
+  openSetting: void;
+  openSearchDialog: void;
+  openChat: void;
+  openLockScreen: void;
+};
+
+export const mittBus: Emitter<SysEvents> = mitt<SysEvents>();
+
+// -----------------------------
+// Error handling
+// -----------------------------
+
+const IGNORABLE_SCRIPT_ERRORS = [
+  "ResizeObserver loop completed with undelivered notifications.",
+  "ResizeObserver loop limit exceeded",
+];
+
+function normalizeErrorMessage(message: Event | string): string {
+  if (typeof message === "string") return message;
+  if ("message" in message && typeof message.message === "string") return message.message;
+  return "";
+}
+
+function isIgnorableScriptError(message: Event | string, source?: string): boolean {
+  const normalizedMessage = normalizeErrorMessage(message);
+  if (!normalizedMessage) return false;
+
+  if (IGNORABLE_SCRIPT_ERRORS.some((item) => normalizedMessage.includes(item))) {
+    // 浏览器/扩展在布局抖动时常见的 ResizeObserver 噪声，不作为真实异常处理
+    return true;
+  }
+
+  // 浏览器扩展注入脚本偶发的跨域 Script error 也没有排查价值
+  if (normalizedMessage === "Script error." && source === "") return true;
+  return false;
+}
+
+export function vueErrorHandler(err: unknown, instance: any, info: string) {
+  console.error("[VueError]", err, info, instance);
+}
+
+export function scriptErrorHandler(
+  message: Event | string,
+  source?: string,
+  lineno?: number,
+  colno?: number,
+  error?: Error
+): boolean {
+  if (isIgnorableScriptError(message, source)) return true;
+  console.error("[ScriptError]", { message, source, lineno, colno, error });
+  return true;
+}
+
+export function registerPromiseErrorHandler() {
+  window.addEventListener("unhandledrejection", (event) => {
+    console.error("[PromiseError]", event.reason);
+  });
+}
+
+export function registerResourceErrorHandler() {
+  window.addEventListener(
+    "error",
+    (event: Event) => {
+      const target = event.target as HTMLElement;
+      if (
+        target &&
+        (target.tagName === "IMG" || target.tagName === "SCRIPT" || target.tagName === "LINK")
+      ) {
+        console.error("[ResourceError]", {
+          tagName: target.tagName,
+          src:
+            (target as HTMLImageElement).src ||
+            (target as HTMLScriptElement).src ||
+            (target as HTMLLinkElement).href,
+        });
+      }
+    },
+    true
+  );
+}
+
+export function initErrorHandle(app: App) {
+  app.config.errorHandler = vueErrorHandler;
+  window.onerror = scriptErrorHandler;
+  registerPromiseErrorHandler();
+  registerResourceErrorHandler();
+}
+
+// -----------------------------
+// Upgrade
+// -----------------------------
+
+/**
+ * 版本升级管理器。
+ *
+ * ── 检测逻辑 ──
+ * 1. 跳过 1.0.0 版本（无需升级的基版本）
+ * 2. 首次访问 → 写入当前版本号，不升级
+ * 3. 版本相同 → 无需升级
+ * 4. 版本不同 + 存在旧数据 → 执行升级（展示通知、清理旧 key、按需登出）
+ * 5. 版本不同 + 无旧数据 → 仅更新版本号
+ */
+class VersionManager {
+  /** 轮询间隔（毫秒） */
+  private static readonly POLL_INTERVAL = 2 * 60 * 1000; // 2 分钟
+
+  /** localStorage key：上次检测到的构建 hash */
+  private static readonly DETECTED_HASH_KEY = "sys-detected-hash";
+
+  /** 当前页面的主脚本路径（Vite 构建时注入的 content hash） */
+  private readonly currentScriptSrc: string;
+
+  constructor() {
+    // 提取当前页面第一个 <script type="module" src="..."> 的 src
+    const scripts = document.querySelectorAll<HTMLScriptElement>("script[type=module]");
+    this.currentScriptSrc = scripts.length > 0 ? scripts[0]!.src : "";
+  }
+
+  private normalizeVersion(version: string): string {
+    return version.replace(/^v/, "");
+  }
+
+  private getStoredVersion(): string | null {
+    return localStorage.getItem(StorageConfig.VERSION_KEY);
+  }
+
+  private setStoredVersion(version: string): void {
+    localStorage.setItem(StorageConfig.VERSION_KEY, version);
+  }
+
+  private shouldSkipUpgrade(): boolean {
+    return StorageConfig.CURRENT_VERSION === StorageConfig.SKIP_UPGRADE_VERSION;
+  }
+
+  private isFirstVisit(storedVersion: string | null): boolean {
+    return !storedVersion;
+  }
+
+  private isSameVersion(storedVersion: string): boolean {
+    return storedVersion === StorageConfig.CURRENT_VERSION;
+  }
+
+  private findLegacyStorage(): { oldSysKey: string | null; oldVersionKeys: string[] } {
+    const storageKeys = Object.keys(localStorage);
+    const currentVersionPrefix = StorageConfig.generateStorageKey("").slice(0, -1);
+
+    const oldSysKey =
+      storageKeys.find(
+        (key) =>
+          StorageConfig.isVersionedKey(key) && key !== currentVersionPrefix && !key.includes("-")
+      ) || null;
+
+    const oldVersionKeys = storageKeys.filter(
+      (key) =>
+        StorageConfig.isVersionedKey(key) &&
+        !StorageConfig.isCurrentVersionKey(key) &&
+        key.includes("-")
+    );
+
+    return { oldSysKey, oldVersionKeys };
+  }
+
+  private shouldRequireReLogin(storedVersion: string): boolean {
+    const normalizedCurrent = this.normalizeVersion(StorageConfig.CURRENT_VERSION);
+    const normalizedStored = this.normalizeVersion(storedVersion);
+
+    return upgradeLogList.value.some((item) => {
+      const itemVersion = this.normalizeVersion(item.version);
+      return (
+        item.requireReLogin && itemVersion > normalizedStored && itemVersion <= normalizedCurrent
+      );
+    });
+  }
+
+  private buildUpgradeMessage(requireReLogin: boolean): string {
+    const { title: content } = upgradeLogList.value[0]!;
+    const messageParts = [
+      `<p style="color: var(--fa-gray-800) !important; padding-bottom: 5px;">`,
+      `系统已升级到 ${StorageConfig.CURRENT_VERSION} 版本，此次更新带来了以下改进：`,
+      `</p>`,
+      content,
+    ];
+
+    if (requireReLogin) {
+      messageParts.push(
+        `<p style="color: var(--theme-color); padding-top: 5px;">升级完成，请重新登录后继续使用。</p>`
+      );
+    }
+
+    return messageParts.join("");
+  }
+
+  private showUpgradeNotification(message: string): void {
+    ElNotification({
+      title: "系统升级公告",
+      message,
+      duration: 0,
+      type: "success",
+      dangerouslyUseHTMLString: true,
+    });
+  }
+
+  private cleanupLegacyData(oldSysKey: string | null, oldVersionKeys: string[]): void {
+    if (oldSysKey) {
+      localStorage.removeItem(oldSysKey);
+      console.info(`[Upgrade] 已清理旧存储: ${oldSysKey}`);
+    }
+
+    oldVersionKeys.forEach((key) => {
+      localStorage.removeItem(key);
+      console.info(`[Upgrade] 已清理旧存储: ${key}`);
+    });
+  }
+
+  private performLogout(): void {
+    try {
+      useUserStore().logout();
+      console.info("[Upgrade] 已执行升级后登出");
+    } catch (error) {
+      console.error("[Upgrade] 升级后登出失败:", error);
+    }
+  }
+
+  private async executeUpgrade(
+    storedVersion: string,
+    legacyStorage: ReturnType<typeof this.findLegacyStorage>
+  ): Promise<void> {
+    try {
+      if (!upgradeLogList.value.length) {
+        console.warn("[Upgrade] 升级日志列表为空");
+        return;
+      }
+
+      const requireReLogin = this.shouldRequireReLogin(storedVersion);
+      const message = this.buildUpgradeMessage(requireReLogin);
+
+      this.showUpgradeNotification(message);
+      this.setStoredVersion(StorageConfig.CURRENT_VERSION);
+      this.cleanupLegacyData(legacyStorage.oldSysKey, legacyStorage.oldVersionKeys);
+      if (requireReLogin) this.performLogout();
+
+      console.info(`[Upgrade] 升级完成: ${storedVersion} → ${StorageConfig.CURRENT_VERSION}`);
+    } catch (error) {
+      console.error("[Upgrade] 系统升级处理失败:", error);
+    }
+  }
+
+  async processUpgrade(): Promise<void> {
+    if (this.shouldSkipUpgrade()) {
+      console.debug("[Upgrade] 跳过版本升级检查");
+      return;
+    }
+
+    const storedVersion = this.getStoredVersion();
+    if (this.isFirstVisit(storedVersion)) {
+      this.setStoredVersion(StorageConfig.CURRENT_VERSION);
+      console.info("[Upgrade] 首次访问，已设置当前版本");
+      return;
+    }
+
+    if (this.isSameVersion(storedVersion!)) {
+      console.debug("[Upgrade] 版本相同，无需升级");
+      return;
+    }
+
+    const legacyStorage = this.findLegacyStorage();
+    if (!legacyStorage.oldSysKey && legacyStorage.oldVersionKeys.length === 0) {
+      this.setStoredVersion(StorageConfig.CURRENT_VERSION);
+      console.info("[Upgrade] 无旧数据，已更新版本号");
+      return;
+    }
+
+    await this.executeUpgrade(storedVersion!, legacyStorage);
+  }
+
+  // ── 版本轮询（已打开页面的用户感知新版本部署） ──
+
+  /** 启动版本轮询：每隔 POLL_INTERVAL 检测 index.html 中的构建 hash 是否变化 */
+  startPolling(): void {
+    if (!this.currentScriptSrc) return;
+
+    const poll = async () => {
+      try {
+        const resp = await fetch(`/?_t=${Date.now()}`, { cache: "no-store" });
+        if (!resp.ok) return;
+        const html = await resp.text();
+
+        // 提取第一个 <script type="module" src="..."> 的 src
+        const match = html.match(/<script[^>]+type="module"[^>]+src="([^"]+)"/);
+        if (!match) return;
+
+        const remoteSrc = match[1]!;
+        if (remoteSrc === this.currentScriptSrc) return;
+
+        // 去重：同一 hash 不重复提示
+        const previousHash = localStorage.getItem(VersionManager.DETECTED_HASH_KEY);
+        if (previousHash === remoteSrc) return;
+        localStorage.setItem(VersionManager.DETECTED_HASH_KEY, remoteSrc);
+
+        this.showUpdateNotification();
+      } catch {
+        // 网络失败静默跳过
+      }
+    };
+
+    poll(); // 首次立刻检测
+    setInterval(poll, VersionManager.POLL_INTERVAL);
+  }
+
+  private showUpdateNotification(): void {
+    ElNotification({
+      title: "新版本已发布",
+      message: "检测到新版本，请刷新页面以获取最新内容。",
+      duration: 0,
+      type: "warning",
+      dangerouslyUseHTMLString: false,
+    });
+  }
+}
+
+export async function processUpgrade(): Promise<void> {
+  const versionManager = new VersionManager();
+  await versionManager.processUpgrade();
+}
+
+export function systemUpgrade(): void {
+  setTimeout(() => {
+    void processUpgrade();
+  }, StorageConfig.UPGRADE_DELAY);
+}
+
+let _versionManager: VersionManager | null = null;
+
+/** 启动版本轮询（检测已打开页面是否收到新部署） */
+export function startVersionPolling(): void {
+  if (!_versionManager) {
+    _versionManager = new VersionManager();
+  }
+  _versionManager.startPolling();
+}
diff --git a/src/utils/table/index.ts b/src/utils/table/index.ts
new file mode 100644
index 0000000..9cd93c9
--- /dev/null
+++ b/src/utils/table/index.ts
@@ -0,0 +1,579 @@
+/**
+ * 表格列表工具：`useTable` 组合式函数、`TableCache` 缓存、分页响应适配。
+ *
+ * ── 数据流约定 ──
+ * 分页列表 API 返回体须符合全局 `PageResult` 结构（total + items），
+ * 或包在标准 `data` 字段内 —— `defaultResponseAdapter` 负责此解包。
+ *
+ * ── TableCache 缓存策略 ──
+ * 按查询参数 hash 作为 key，绑定 CacheInvalidationStrategy 标签控制失效：
+ *   Timestamp  → 指定时间后过期
+ *   Tag        → 手动通过标签名清除一组缓存
+ *   None       → 不过期（需手动 clearCache）
+ *
+ * @see useTable (src/hooks/core/useTable.ts)
+ * @see TableCache 实现
+ */
+
+import { h } from "vue";
+import type { VNode } from "vue";
+import { ElTooltip } from "element-plus";
+import { hash } from "ohash";
+import { MOBILE_BREAKPOINT } from "@/utils/constants/definitions";
+import FaButtonMore from "@/components/forms/fa-button-more/index.vue";
+import type { ButtonMoreItem } from "@/components/forms/fa-button-more/types";
+import FaButtonTable from "@/components/forms/fa-button-table/index.vue";
+
+// --- 全局分页字段名（与 PageQuery 对齐） ---
+
+/** 仅保留与全局 `PageQuery` / `PageResult` 对齐的分页参数字段名（供 useTable 合并请求参数） */
+export const tableConfig = {
+  paginationKey: {
+    current: "page_no",
+    size: "page_size",
+  },
+} as const;
+
+/** 与 `global.d.ts` 中 `PageResult` 字段一致；分页列表接口必须返回该结构（或包在 ApiResponse.data 内） */
+function isPageResultPayload(o: unknown): o is PageResult<unknown> {
+  if (!o || typeof o !== "object" || Array.isArray(o)) return false;
+  const r = o as Record<string, unknown>;
+  return (
+    Array.isArray(r.items) &&
+    typeof r.total === "number" &&
+    typeof r.page_no === "number" &&
+    typeof r.page_size === "number" &&
+    typeof r.has_next === "boolean"
+  );
+}
+
+/** 将常见分页形状（含 MyBatis-Plus / 旧字段名）规范为全局 `PageResult` */
+function normalizePageResultLike(raw: unknown): PageResult<unknown> | null {
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return null;
+  const o = raw as Record<string, unknown>;
+
+  const items =
+    (Array.isArray(o.items) && o.items) ||
+    (Array.isArray(o.records) && o.records) ||
+    (Array.isArray(o.list) && o.list) ||
+    (Array.isArray(o.rows) && o.rows) ||
+    null;
+  if (!items) return null;
+
+  const totalRaw = o.total;
+  const total =
+    typeof totalRaw === "number" ? totalRaw : typeof totalRaw === "string" ? Number(totalRaw) : NaN;
+  if (!Number.isFinite(total)) return null;
+
+  const pageNoRaw = o.page_no ?? o.current ?? o.page;
+  const page_no =
+    typeof pageNoRaw === "number"
+      ? pageNoRaw
+      : typeof pageNoRaw === "string"
+        ? Number(pageNoRaw)
+        : NaN;
+  if (!Number.isFinite(page_no)) return null;
+
+  const pageSizeRaw = o.page_size ?? o.size ?? o.limit ?? o.pageSize;
+  const page_size =
+    typeof pageSizeRaw === "number"
+      ? pageSizeRaw
+      : typeof pageSizeRaw === "string"
+        ? Number(pageSizeRaw)
+        : NaN;
+  if (!Number.isFinite(page_size)) return null;
+
+  let has_next: boolean;
+  if (typeof o.has_next === "boolean") {
+    has_next = o.has_next;
+  } else if (typeof o.hasNext === "boolean") {
+    has_next = o.hasNext;
+  } else {
+    has_next = page_no * page_size < total;
+  }
+
+  return { items, total, page_no, page_size, has_next };
+}
+
+// --- 缓存 ---
+
+export enum CacheInvalidationStrategy {
+  CLEAR_ALL = "clear_all",
+  CLEAR_CURRENT = "clear_current",
+  CLEAR_PAGINATION = "clear_pagination",
+  KEEP_ALL = "keep_all",
+}
+
+/** useTable 内部使用的规范化分页响应（由 PageResult 映射而来） */
+export interface ApiResponse<T = unknown> {
+  records: T[];
+  total: number;
+  current?: number;
+  size?: number;
+  has_next?: boolean;
+  [key: string]: unknown;
+}
+
+export interface CacheItem<T> {
+  data: T[];
+  response: ApiResponse<T>;
+  timestamp: number;
+  params: string;
+  tags: Set<string>;
+  accessCount: number;
+  lastAccessTime: number;
+}
+
+export class TableCache<T> {
+  private cache = new Map<string, CacheItem<T>>();
+  private cacheTime: number;
+  private maxSize: number;
+  private enableLog: boolean;
+
+  constructor(cacheTime = 5 * 60 * 1000, maxSize = 50, enableLog = false) {
+    this.cacheTime = cacheTime;
+    this.maxSize = maxSize;
+    this.enableLog = enableLog;
+  }
+
+  private log(message: string, ...args: unknown[]) {
+    if (this.enableLog) console.log(`[TableCache] ${message}`, ...args);
+  }
+
+  private generateKey(params: unknown): string {
+    return hash(params);
+  }
+
+  private generateTags(params: Record<string, unknown>): Set<string> {
+    const tags = new Set<string>();
+
+    const searchKeys = Object.keys(params).filter(
+      (key) =>
+        !["current", "size", "total", "page_no", "page_size"].includes(key) &&
+        params[key] !== undefined &&
+        params[key] !== "" &&
+        params[key] !== null
+    );
+
+    if (searchKeys.length > 0) {
+      const searchTag = searchKeys.map((key) => `${key}:${String(params[key])}`).join("|");
+      tags.add(`search:${searchTag}`);
+    } else {
+      tags.add("search:default");
+    }
+
+    const ps = params as Record<string, unknown>;
+    const pageSizeVal = ps.page_size ?? ps.size;
+    tags.add(`pagination:${typeof pageSizeVal === "number" ? pageSizeVal : 10}`);
+    tags.add("pagination");
+    return tags;
+  }
+
+  private evictLRU(): void {
+    if (this.cache.size <= this.maxSize) return;
+
+    let lruKey = "";
+    let minAccessCount = Infinity;
+    let oldestTime = Infinity;
+
+    for (const [key, item] of this.cache.entries()) {
+      if (
+        item.accessCount < minAccessCount ||
+        (item.accessCount === minAccessCount && item.lastAccessTime < oldestTime)
+      ) {
+        lruKey = key;
+        minAccessCount = item.accessCount;
+        oldestTime = item.lastAccessTime;
+      }
+    }
+
+    if (lruKey) {
+      this.cache.delete(lruKey);
+      this.log(`LRU 清理缓存: ${lruKey}`);
+    }
+  }
+
+  set(params: unknown, data: T[], response: ApiResponse<T>): void {
+    const key = this.generateKey(params);
+    const tags = this.generateTags(params as Record<string, unknown>);
+    const now = Date.now();
+
+    this.evictLRU();
+
+    this.cache.set(key, {
+      data,
+      response,
+      timestamp: now,
+      params: key,
+      tags,
+      accessCount: 1,
+      lastAccessTime: now,
+    });
+  }
+
+  get(params: unknown): CacheItem<T> | null {
+    const key = this.generateKey(params);
+    const item = this.cache.get(key);
+    if (!item) return null;
+
+    if (Date.now() - item.timestamp > this.cacheTime) {
+      this.cache.delete(key);
+      return null;
+    }
+
+    item.accessCount++;
+    item.lastAccessTime = Date.now();
+    return item;
+  }
+
+  clearByTags(tags: string[]): number {
+    let clearedCount = 0;
+
+    for (const [key, item] of this.cache.entries()) {
+      const hasMatchingTag = tags.some((tag) =>
+        Array.from(item.tags).some((itemTag) => itemTag.includes(tag))
+      );
+
+      if (hasMatchingTag) {
+        this.cache.delete(key);
+        clearedCount++;
+      }
+    }
+
+    return clearedCount;
+  }
+
+  clearCurrentSearch(params: unknown): number {
+    const key = this.generateKey(params);
+    const deleted = this.cache.delete(key);
+    return deleted ? 1 : 0;
+  }
+
+  clearPagination(): number {
+    return this.clearByTags(["pagination"]);
+  }
+
+  clear(): void {
+    this.cache.clear();
+  }
+
+  getStats(): { total: number; size: string; hitRate: string } {
+    const total = this.cache.size;
+    let totalSize = 0;
+    let totalAccess = 0;
+
+    for (const item of this.cache.values()) {
+      totalSize += JSON.stringify(item.data).length;
+      totalAccess += item.accessCount;
+    }
+
+    const sizeInKB = (totalSize / 1024).toFixed(2);
+    const avgHits = total > 0 ? (totalAccess / total).toFixed(1) : "0";
+
+    return { total, size: `${sizeInKB}KB`, hitRate: `${avgHits} avg hits` };
+  }
+
+  cleanupExpired(): number {
+    let cleanedCount = 0;
+    const now = Date.now();
+
+    for (const [key, item] of this.cache.entries()) {
+      if (now - item.timestamp > this.cacheTime) {
+        this.cache.delete(key);
+        cleanedCount++;
+      }
+    }
+
+    return cleanedCount;
+  }
+}
+
+// --- 响应解析与防抖 ---
+
+function unwrapAxiosResponseBody(response: unknown): unknown {
+  if (response === null || typeof response !== "object") return response;
+  const r = response as Record<string, unknown>;
+
+  if (
+    "data" in r &&
+    "status" in r &&
+    typeof r.status === "number" &&
+    "config" in r &&
+    typeof r.config === "object"
+  ) {
+    return r.data;
+  }
+
+  return response;
+}
+
+/**
+ * 从 axios 原始响应或已解包 body 中取出唯一合法的 `PageResult`。
+ * 支持：① 严格 `PageResult`；② `ApiResponse.data` 嵌套；③ `records/current/size` 等常见变体。
+ */
+function extractPageResultPayload(response: unknown): PageResult<unknown> | null {
+  const candidates: unknown[] = [];
+
+  const push = (x: unknown) => {
+    if (x !== undefined && x !== null) candidates.push(x);
+  };
+
+  push(response);
+  push(unwrapAxiosResponseBody(response));
+
+  for (let i = 0; i < candidates.length; i++) {
+    const x = candidates[i];
+    if (isPageResultPayload(x)) {
+      return x;
+    }
+    const normalized = normalizePageResultLike(x);
+    if (normalized) {
+      return normalized;
+    }
+    if (x && typeof x === "object" && !Array.isArray(x) && "data" in x) {
+      const inner = (x as Record<string, unknown>).data;
+      push(inner);
+      if (inner && typeof inner === "object" && !Array.isArray(inner) && "data" in inner) {
+        push((inner as Record<string, unknown>).data);
+      }
+    }
+  }
+
+  return null;
+}
+
+export interface BaseRequestParams extends PageQuery {
+  [key: string]: unknown;
+}
+
+export interface TableError {
+  code: string;
+  message: string;
+  details?: unknown;
+}
+
+export const defaultResponseAdapter = <T>(response: unknown): ApiResponse<T> => {
+  const pr = extractPageResultPayload(response);
+  if (!pr) {
+    console.error(
+      "[tableUtils] 分页列表响应必须符合全局 PageResult<T>（items、total、page_no、page_size、has_next）；或为 ApiResponse 且 data 为该结构。收到:",
+      response
+    );
+    return { records: [], total: 0, current: 1, size: 10 };
+  }
+
+  return {
+    records: pr.items as T[],
+    total: pr.total,
+    current: pr.page_no,
+    size: pr.page_size,
+    has_next: pr.has_next,
+  };
+};
+
+export const extractTableData = <T>(response: ApiResponse<T>): T[] => {
+  const rows = response.records;
+  return Array.isArray(rows) ? rows : [];
+};
+
+export const updatePaginationFromResponse = <T>(
+  pagination: { total: number },
+  response: ApiResponse<T>
+): void => {
+  const total = response.total;
+  if (typeof total === "number") (pagination as Record<string, unknown>).total = total;
+};
+
+export const createSmartDebounce = <T extends (...args: any[]) => Promise<any>>(
+  fn: T,
+  delay: number
+): T & { cancel: () => void; flush: () => Promise<any> } => {
+  let timeoutId: ReturnType<typeof setTimeout> | null = null;
+  let lastArgs: Parameters<T> | null = null;
+  let lastResolve: ((value: any) => void) | null = null;
+  let lastReject: ((reason: any) => void) | null = null;
+
+  const debouncedFn = (...args: Parameters<T>): Promise<any> => {
+    return new Promise((resolve, reject) => {
+      if (timeoutId) clearTimeout(timeoutId);
+      lastArgs = args;
+      lastResolve = resolve;
+      lastReject = reject;
+      timeoutId = setTimeout(async () => {
+        try {
+          const result = await fn(...args);
+          resolve(result);
+        } catch (error) {
+          reject(error);
+        } finally {
+          timeoutId = null;
+          lastArgs = null;
+          lastResolve = null;
+          lastReject = null;
+        }
+      }, delay);
+    });
+  };
+
+  debouncedFn.cancel = () => {
+    if (timeoutId) clearTimeout(timeoutId);
+    timeoutId = null;
+    lastArgs = null;
+    lastResolve = null;
+    lastReject = null;
+  };
+
+  debouncedFn.flush = async () => {
+    if (timeoutId && lastArgs && lastResolve && lastReject) {
+      clearTimeout(timeoutId);
+      timeoutId = null;
+      const args = lastArgs;
+      const resolve = lastResolve;
+      const reject = lastReject;
+      lastArgs = null;
+      lastResolve = null;
+      lastReject = null;
+
+      try {
+        const result = await fn(...args);
+        resolve(result);
+        return result;
+      } catch (error) {
+        reject(error);
+        throw error;
+      }
+    }
+  };
+
+  return debouncedFn as T & { cancel: () => void; flush: () => Promise<any> };
+};
+
+export const createErrorHandler = (
+  onError?: (error: TableError) => void,
+  enableLog: boolean = false
+) => {
+  return (error: any, defaultMessage: string = "操作失败"): TableError => {
+    const tableError: TableError = {
+      code: error?.code || "UNKNOWN_ERROR",
+      message: error?.message || defaultMessage,
+      details: error,
+    };
+
+    if (enableLog) {
+      console.error("[tableUtils]", tableError);
+    }
+
+    onError?.(tableError);
+    return tableError;
+  };
+};
+
+// --- 操作列渲染（表格单元格内按钮 + 溢出「更多」） ---
+
+export const DEFAULT_MAX_INLINE_TABLE_OPERATIONS = 3;
+
+export interface TableOperationAction {
+  key: string | number;
+  label: string;
+  artType: "add" | "edit" | "delete" | "view" | "more";
+  icon?: string;
+  perm?: string;
+  disabled?: boolean;
+  iconColor?: string;
+  color?: string;
+  run: () => void;
+}
+
+export interface RenderTableOperationCellOptions {
+  maxInline?: number;
+  wrapperClass?: string;
+  emptyText?: string;
+}
+
+const ART_TYPE_DEFAULT_ICONS: Record<TableOperationAction["artType"], string> = {
+  add: "ri:add-fill",
+  edit: "ri:pencil-line",
+  delete: "ri:delete-bin-5-line",
+  view: "ri:eye-line",
+  more: "ri:more-2-fill",
+};
+
+function iconForOperation(a: TableOperationAction): string {
+  return a.icon ?? ART_TYPE_DEFAULT_ICONS[a.artType];
+}
+
+const ART_TYPE_ICON_COLORS: Record<TableOperationAction["artType"], string> = {
+  add: "var(--el-color-primary)",
+  edit: "var(--el-color-success)",
+  delete: "var(--el-color-danger)",
+  view: "var(--el-color-info)",
+  more: "var(--el-text-color-regular)",
+};
+
+function iconColorForOperation(a: TableOperationAction): string | undefined {
+  if (a.iconColor != null) return a.iconColor;
+  return ART_TYPE_ICON_COLORS[a.artType];
+}
+
+function defaultMoreItemColor(a: TableOperationAction): string | undefined {
+  if (a.color != null) return a.color;
+  return String(a.key) === "delete" ? "var(--el-color-danger)" : undefined;
+}
+
+export function renderTableOperationCell(
+  actions: TableOperationAction[],
+  options?: RenderTableOperationCellOptions
+): VNode {
+  // H5（< 768px）全部收进「更多」下拉菜单
+  const isMobile = typeof window !== "undefined" && window.innerWidth < MOBILE_BREAKPOINT;
+  const maxInline = isMobile ? 0 : (options?.maxInline ?? DEFAULT_MAX_INLINE_TABLE_OPERATIONS);
+  const wrapperClass =
+    options?.wrapperClass ?? "inline-flex flex-wrap items-center justify-end gap-1";
+  const emptyText = options?.emptyText ?? "—";
+
+  if (actions.length === 0) return h("span", { class: "text-g-400" }, emptyText);
+
+  const inline = actions.slice(0, maxInline);
+  const overflow = actions.slice(maxInline);
+
+  const inlineNodes = inline.map((a) =>
+    h(ElTooltip, { content: a.label, placement: "top" }, () =>
+      h(
+        "span",
+        { class: a.disabled ? "inline-flex opacity-40 pointer-events-none" : "inline-flex" },
+        [
+          h(FaButtonTable, {
+            type: a.artType,
+            icon: iconForOperation(a),
+            iconColor: iconColorForOperation(a),
+            onClick: a.run,
+          }),
+        ]
+      )
+    )
+  );
+
+  if (overflow.length === 0) return h("div", { class: wrapperClass }, inlineNodes);
+
+  const moreDropdown = h(FaButtonMore, {
+    list: overflow.map((a) => ({
+      key: a.key,
+      label: a.label,
+      icon: iconForOperation(a),
+      auth: a.perm,
+      disabled: a.disabled,
+      iconColor: iconColorForOperation(a),
+      color: defaultMoreItemColor(a),
+    })),
+    onClick: (item: ButtonMoreItem) => {
+      const act = overflow.find((x) => String(x.key) === String(item.key));
+      act?.run();
+    },
+  });
+
+  return h("div", { class: wrapperClass }, [...inlineNodes, moreDropdown]);
+}
+
+/* ============ 状态 Tag 工具 ============ */
+// 表格 status formatter：消除 50+ 处 h(ElTag, { type }, () => text) 重复
+export * from "./statusFormatter";
diff --git a/src/utils/table/statusFormatter.ts b/src/utils/table/statusFormatter.ts
new file mode 100644
index 0000000..0417684
--- /dev/null
+++ b/src/utils/table/statusFormatter.ts
@@ -0,0 +1,137 @@
+/**
+ * 表格列 status formatter 工具函数
+ *
+ * 解决项目里 50+ 处 `h(ElTag, { type }, () => text)` 重复模式。
+ *
+ * 用法：
+ *   import { makeStatusFormatter } from "@utils";
+ *   import { h } from "vue";
+ *
+ *   // 1) 二元状态（最常见）
+ *   formatter: makeStatusFormatter({
+ *     value: row.status,
+ *     map: {
+ *       0: { type: "success", text: "启用" },
+ *       1: { type: "danger", text: "停用" },
+ *     },
+ *   })
+ *
+ *   // 2) 自定义渲染（更复杂场景）
+ *   formatter: (row) => h(StatusTag, { type: "primary", label: row.dict_type })
+ *
+ *   // 3) 整列快捷配置（推荐；自动生成 formatter）：
+ *   columnsFactory: () => resolveStatusColumns(() => [
+ *     { prop: "status", label: "状态", width: 88, status: {
+ *       0: { type: "success", text: "启用" },
+ *       1: { type: "danger", text: "停用" },
+ *     }},
+ *   ])
+ */
+import { h, type VNode } from "vue";
+import StatusTag from "@/components/others/fa-status-tag/index.vue";
+import type { ColumnOption, StatusColumnConfig } from "@/types/component";
+
+/** ElTag 支持的 type */
+export type StatusType = "primary" | "success" | "warning" | "danger" | "info";
+
+/** 单个状态配置 */
+export interface StatusItem {
+  /** ElTag 类型 */
+  type: StatusType;
+  /** 显示文本 */
+  text: string;
+  /** 可选：size（默认 "default"） */
+  size?: "large" | "default" | "small";
+  /** 可选：theme effect（默认 "light"） */
+  effect?: "light" | "dark" | "plain";
+}
+
+/** 状态映射：value -> StatusItem */
+export type StatusMap = Record<string | number, StatusItem>;
+
+/**
+ * 创建表格列 formatter：根据 value 查找对应状态配置并渲染 StatusTag
+ *
+ * @param options.valueGetter 从 row 取出要匹配的 value（默认直接取 row 本身）
+ * @param options.map value -> { type, text } 映射
+ * @param options.fallback 未匹配时的回退（默认 { type: "info", text: "—" }）
+ */
+export function makeStatusFormatter<T = Record<string, unknown>>(
+  options:
+    | {
+        valueGetter: (row: T) => unknown;
+        map: StatusMap;
+        fallback?: StatusItem;
+      }
+    | {
+        map: StatusMap;
+        fallback?: StatusItem;
+      }
+): (row: T) => VNode {
+  // 重载 2：传了 valueGetter
+  if ("valueGetter" in options) {
+    const { valueGetter, map, fallback } = options;
+    const fb: StatusItem = fallback ?? { type: "info", text: "—" };
+    return (row: T) => {
+      const value = valueGetter(row);
+      const item = map[value as string | number] ?? fb;
+      return h(StatusTag, {
+        type: item.type,
+        label: item.text,
+        size: item.size,
+        effect: item.effect,
+      });
+    };
+  }
+  // 重载 1：value 就是 row 本身
+  const { map, fallback } = options as { map: StatusMap; fallback?: StatusItem };
+  const fb: StatusItem = fallback ?? { type: "info", text: "—" };
+  return (row: T) => {
+    const item = map[row as unknown as string | number] ?? fb;
+    return h(StatusTag, {
+      type: item.type,
+      label: item.text,
+    });
+  };
+}
+
+/**
+ * 把 ColumnOption.status 快捷配置转换为 formatter。
+ *
+ * 用法（在 columnsFactory 里包一层）：
+ *   columnsFactory: () => resolveStatusColumns(() => [
+ *     { prop: "status", label: "状态", width: 88, status: { 0: { type: "success", text: "启用" }, 1: { type: "danger", text: "停用" } } },
+ *   ])
+ *
+ * 行为：
+ * - 已有 formatter 的列：保留 formatter（用户显式优先）
+ * - 有 status 但无 formatter：根据 prop 从 row 取值并渲染 StatusTag
+ * - 无 status 的列：原样返回
+ */
+export function resolveStatusColumns<T = Record<string, unknown>>(
+  factory: () => ColumnOption<T>[]
+): () => ColumnOption<T>[] {
+  return () => {
+    const cols = factory();
+    return cols.map((col) => {
+      if (!col.status || col.formatter) return col;
+      const map: StatusColumnConfig = col.status;
+      return {
+        ...col,
+        formatter: (row: T) => {
+          const rawValue = col.prop ? (row as Record<string, unknown>)[col.prop] : row;
+          // boolean 值转换为字符串键进行查找
+          const value = typeof rawValue === "boolean" ? String(rawValue) : rawValue;
+          const item = map[value as string | number] ?? { type: "info" as const, text: "—" };
+          return h(StatusTag, {
+            type: item.type,
+            label: item.text,
+            size: item.size,
+            effect: item.effect,
+          });
+        },
+        status: undefined,
+      };
+    });
+  };
+}
diff --git a/src/utils/ui/index.ts b/src/utils/ui/index.ts
new file mode 100644
index 0000000..192b026
--- /dev/null
+++ b/src/utils/ui/index.ts
@@ -0,0 +1,324 @@
+/** UI helpers (flattened). */
+
+import NProgress from "nprogress";
+import { ThemeMode } from "@/enums";
+import { useSettingsStore } from "@stores";
+import { fourDotsSpinnerSvg } from "@/assets/svg/loading";
+import { useTheme } from "@/hooks/core/useTheme";
+import { SystemThemeEnum } from "@/enums/appEnum";
+
+// -----------------------------
+// NProgress
+// -----------------------------
+
+NProgress.configure({
+  easing: "ease",
+  speed: 500,
+  showSpinner: false,
+  trickleSpeed: 200,
+  minimum: 0.3,
+});
+
+export { NProgress };
+
+// -----------------------------
+// Colors
+// -----------------------------
+
+interface RgbaResult {
+  red: number;
+  green: number;
+  blue: number;
+  rgba: string;
+}
+
+export function getCssVar(name: string): string {
+  return getComputedStyle(document.documentElement).getPropertyValue(name);
+}
+
+function isValidHexColor(hex: string): boolean {
+  const cleanHex = hex.trim().replace(/^#/, "");
+  return /^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(cleanHex);
+}
+
+function isValidRgbValue(r: number, g: number, b: number): boolean {
+  const isValid = (value: number) => Number.isInteger(value) && value >= 0 && value <= 255;
+  return isValid(r) && isValid(g) && isValid(b);
+}
+
+export function hexToRgba(hex: string, opacity: number): RgbaResult {
+  if (!isValidHexColor(hex)) throw new Error("Invalid hex color format");
+
+  let cleanHex = hex.trim().replace(/^#/, "").toUpperCase();
+  if (cleanHex.length === 3) {
+    cleanHex = cleanHex
+      .split("")
+      .map((char) => char.repeat(2))
+      .join("");
+  }
+
+  const [red, green, blue] = cleanHex.match(/\w\w/g)!.map((x) => parseInt(x, 16)) as [
+    number,
+    number,
+    number,
+  ];
+  const validOpacity = Math.max(0, Math.min(1, opacity));
+  const rgba = `rgba(${red}, ${green}, ${blue}, ${validOpacity.toFixed(2)})`;
+  return { red, green, blue, rgba };
+}
+
+export function hexToRgb(hexColor: string): number[] {
+  if (!isValidHexColor(hexColor)) {
+    ElMessage.warning("输入错误的hex颜色值");
+    throw new Error("Invalid hex color format");
+  }
+
+  const cleanHex = hexColor.replace(/^#/, "");
+  let hex = cleanHex;
+  if (hex.length === 3) {
+    hex = hex
+      .split("")
+      .map((char) => char.repeat(2))
+      .join("");
+  }
+
+  const hexPairs = hex.match(/../g);
+  if (!hexPairs) throw new Error("Invalid hex color format");
+  return hexPairs.map((hexPair) => parseInt(hexPair, 16));
+}
+
+export function rgbToHex(r: number, g: number, b: number): string {
+  if (!isValidRgbValue(r, g, b)) {
+    ElMessage.warning("输入错误的RGB颜色值");
+    throw new Error("Invalid RGB color values");
+  }
+
+  const toHex = (value: number) => {
+    const hex = value.toString(16);
+    return hex.length === 1 ? `0${hex}` : hex;
+  };
+
+  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+
+export function colourBlend(color1: string, color2: string, ratio: number): string {
+  const validRatio = Math.max(0, Math.min(1, Number(ratio)));
+  const rgb1 = hexToRgb(color1);
+  const rgb2 = hexToRgb(color2);
+
+  const blendedRgb = rgb1.map((value1, index) => {
+    const value2 = rgb2[index]!;
+    return Math.round(value1 * (1 - validRatio) + value2 * validRatio);
+  });
+
+  return rgbToHex(blendedRgb[0]!, blendedRgb[1]!, blendedRgb[2]!);
+}
+
+export function getLightColor(color: string, level: number, isDark: boolean = false): string {
+  if (!isValidHexColor(color)) {
+    ElMessage.warning("输入错误的hex颜色值");
+    throw new Error("Invalid hex color format");
+  }
+
+  if (isDark) return getDarkColor(color, level);
+
+  const rgb = hexToRgb(color);
+  const lightRgb = rgb.map((value) => Math.floor((255 - value) * level + value));
+  return rgbToHex(lightRgb[0]!, lightRgb[1]!, lightRgb[2]!);
+}
+
+export function getDarkColor(color: string, level: number): string {
+  if (!isValidHexColor(color)) {
+    ElMessage.warning("输入错误的hex颜色值");
+    throw new Error("Invalid hex color format");
+  }
+
+  const rgb = hexToRgb(color);
+  const darkRgb = rgb.map((value) => Math.floor(value * (1 - level)));
+  return rgbToHex(darkRgb[0]!, darkRgb[1]!, darkRgb[2]!);
+}
+
+export function handleElementThemeColor(theme: string, isDark: boolean = false): void {
+  document.documentElement.style.setProperty("--el-color-primary", theme);
+
+  for (let i = 1; i <= 9; i++) {
+    document.documentElement.style.setProperty(
+      `--el-color-primary-light-${i}`,
+      getLightColor(theme, i / 10, isDark)
+    );
+  }
+
+  for (let i = 1; i <= 9; i++) {
+    document.documentElement.style.setProperty(
+      `--el-color-primary-dark-${i}`,
+      getDarkColor(theme, i / 10)
+    );
+  }
+}
+
+export function setElementThemeColor(color: string): void {
+  const mixColor = "#ffffff";
+  const elStyle = document.documentElement.style;
+
+  elStyle.setProperty("--el-color-primary", color);
+  handleElementThemeColor(color, useSettingsStore().isDark);
+
+  for (let i = 1; i < 16; i++) {
+    const itemColor = colourBlend(color, mixColor, i / 16);
+    elStyle.setProperty(`--el-color-primary-custom-${i}`, itemColor);
+  }
+}
+
+// -----------------------------
+// Theme utils
+// -----------------------------
+
+export function generateThemeColors(primary: string, theme: ThemeMode): Record<string, string> {
+  const colors: Record<string, string> = { primary };
+
+  for (let i = 1; i <= 9; i++) {
+    colors[`primary-light-${i}`] =
+      theme === ThemeMode.LIGHT
+        ? `${getLightColor(primary, i / 10)}`
+        : `${getDarkColor(primary, i / 10)}`;
+  }
+
+  colors["primary-dark-2"] =
+    theme === ThemeMode.LIGHT ? `${getLightColor(primary, 0.2)}` : `${getDarkColor(primary, 0.3)}`;
+
+  return colors;
+}
+
+export function applyTheme(colors: Record<string, string>): void {
+  const el = document.documentElement;
+
+  Object.entries(colors).forEach(([key, value]) => {
+    el.style.setProperty(`--el-color-${key}`, value);
+  });
+
+  requestAnimationFrame(() => {
+    el.style.setProperty("--theme-update-trigger", Date.now().toString());
+  });
+}
+
+export function toggleDarkMode(isDark: boolean): void {
+  if (isDark) document.documentElement.classList.add(ThemeMode.DARK);
+  else document.documentElement.classList.remove(ThemeMode.DARK);
+}
+
+export function toggleSidebarColor(isBlueSidebar: boolean): void {
+  if (isBlueSidebar) document.documentElement.classList.add("sidebar-color-blue");
+  else document.documentElement.classList.remove("sidebar-color-blue");
+}
+
+// -----------------------------
+// Loading
+// -----------------------------
+
+const getLoadingBackground = (): string => {
+  const isDark = document.documentElement.classList.contains("dark");
+  return isDark ? "rgba(7, 7, 7, 0.85)" : "#fff";
+};
+
+const DEFAULT_LOADING_CONFIG = {
+  lock: true,
+  get background() {
+    return getLoadingBackground();
+  },
+  svg: fourDotsSpinnerSvg,
+  svgViewBox: "0 0 40 40",
+  customClass: "fa-loading-fix",
+} as const;
+
+interface LoadingInstance {
+  close: () => void;
+}
+
+let loadingInstance: LoadingInstance | null = null;
+
+export const loadingService = {
+  showLoading(): () => void {
+    if (!loadingInstance) {
+      const config = { ...DEFAULT_LOADING_CONFIG, background: getLoadingBackground() };
+      loadingInstance = ElLoading.service(config);
+    }
+    return () => loadingService.hideLoading();
+  },
+
+  hideLoading(): void {
+    if (!loadingInstance) return;
+    loadingInstance.close();
+    loadingInstance = null;
+  },
+};
+
+// -----------------------------
+// Tabs config
+// -----------------------------
+
+export const TAB_CONFIG = {
+  "tab-default": { openTop: 106, closeTop: 60, openHeight: 121, closeHeight: 75 },
+  "tab-card": { openTop: 122, closeTop: 78, openHeight: 139, closeHeight: 95 },
+  "tab-google": { openTop: 122, closeTop: 78, openHeight: 139, closeHeight: 95 },
+};
+
+export const getTabConfig = (style: string) =>
+  TAB_CONFIG[style as keyof typeof TAB_CONFIG] || TAB_CONFIG["tab-card"];
+
+// -----------------------------
+// EmojiText (default export-compatible)
+// const EmojiIcon = ['🟢', '🔴', '🟡 ', '🚀', '✨', '💡', '🛠️', '🔥', '🎉', '🌟', '🌈']
+// -----------------------------
+
+export const EmojiText: { [key: string]: string } = {
+  "0": "O_O", // 空
+  "200": "^_^", // 成功
+  "400": "T_T", // 错误请求
+  "500": "X_X", // 服务器内部错误，无法完成请求
+};
+
+// -----------------------------
+// Theme animation
+// -----------------------------
+
+const { LIGHT, DARK } = SystemThemeEnum;
+
+export const themeAnimation = (e: MouseEvent) => {
+  const x = e.clientX;
+  const y = e.clientY;
+  const endRadius = Math.hypot(Math.max(x, innerWidth - x), Math.max(y, innerHeight - y));
+
+  // 动态注入含硬编码坐标的 @keyframes，绕过 View Transition 伪元素对 CSS 变量的继承问题
+  const id = "vt-clip-kf";
+  let el = document.getElementById(id) as HTMLStyleElement | null;
+  if (!el) {
+    el = document.createElement("style");
+    el.id = id;
+    document.head.appendChild(el);
+  }
+  el.textContent = `@keyframes clip{from{clip-path:circle(0% at ${x}px ${y}px)}to{clip-path:circle(${endRadius}px at ${x}px ${y}px)}}`;
+  document.head.appendChild(el);
+
+  requestAnimationFrame(() => {
+    if (document.startViewTransition) document.startViewTransition(() => toggleTheme());
+    else toggleTheme();
+  });
+};
+
+const toggleTheme = () => {
+  // 主题切换通过 CSS 变量 + html.dark 类名实时应用，无需重建 RouterView。
+  // 历史代码曾在这里调用 useCommon().refresh() 触发整页重建，会造成闪烁，
+  // 且对正确实现的主题切换没有必要 —— 移除后切换即无刷新。
+  useTheme().switchThemeStyles(useSettingsStore().systemThemeType === LIGHT ? DARK : LIGHT);
+};
+
+export const toggleTransition = (enable: boolean) => {
+  const body = document.body;
+
+  if (enable) body.classList.add("theme-change");
+  else {
+    setTimeout(() => {
+      body.classList.remove("theme-change");
+    }, 300);
+  }
+};
diff --git a/src/views/dashboard/analysis/index.vue b/src/views/dashboard/analysis/index.vue
new file mode 100644
index 0000000..c100a27
--- /dev/null
+++ b/src/views/dashboard/analysis/index.vue
@@ -0,0 +1,326 @@
+<template>
+  <div>
+    <FaDashboardSkeleton v-if="loading" />
+    <template v-else>
+      <ElRow :gutter="20">
+        <ElCol :xl="14" :lg="15" :xs="24"><TodaySales /></ElCol>
+        <ElCol :xl="10" :lg="9" :xs="24"><VisitorInsights /></ElCol>
+      </ElRow>
+
+      <ElRow :gutter="20">
+        <ElCol :xl="12" :lg="12" :xs="24" class="flex flex-col gap-5">
+          <CustomerSatisfaction class="flex-1" />
+          <TotalRevenue class="flex-1" />
+        </ElCol>
+        <ElCol :xl="12" :lg="12" :xs="24" class="flex flex-col gap-5">
+          <TargetVsReality class="flex-1" />
+          <TopProducts class="flex-1" />
+        </ElCol>
+      </ElRow>
+
+      <ElRow :gutter="20">
+        <ElCol :xl="8" :lg="8" :xs="24"><SalesMappingByCountry /></ElCol>
+        <ElCol :xl="8" :lg="8" :xs="24"><VolumeServiceLevel /></ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">柱状图（单数据）</span></div>
+            <FaBarChart
+              :data="singleBarData"
+              :xAxisData="xAxisData"
+              :showLegend="true"
+              legendPosition="right"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">柱状图（多组数据）</span></div>
+            <FaBarChart
+              :data="multiBarData"
+              :xAxisData="xAxisData"
+              :showLegend="true"
+              barWidth="26%"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">柱状图（堆叠）</span></div>
+            <FaBarChart
+              :data="stackBarData"
+              :xAxisData="stackXAxisData"
+              :showLegend="true"
+              :stack="true"
+              barWidth="26%"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">折线图</span></div>
+            <FaLineChart
+              :data="[58, 15, 82, 35, 120, 62, 45]"
+              :xAxisData="['一月', '二月', '三月', '四月', '五月', '六月', '七月']"
+              symbol="none"
+              :symbolSize="7"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">折线图（渐变）</span></div>
+            <FaLineChart
+              :data="[28, 45, 82, 35, 100, 32, 55]"
+              :xAxisData="['一月', '二月', '三月', '四月', '五月', '六月', '七月']"
+              :showAreaColor="true"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">折线图（多组）</span></div>
+            <FaLineChart
+              :data="multiLineData"
+              :xAxisData="['1月', '2月', '3月', '4月', '5月', '6月']"
+              :showLegend="true"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">柱状图（水平）</span></div>
+            <FaHBarChart
+              :data="[50, 80, 120, 90, 60]"
+              :xAxisData="['产品A', '产品B', '产品C', '产品D', '产品E']"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">柱状图（水平多组）</span></div>
+            <FaHBarChart
+              :data="[
+                { name: '系列1', data: [10, 20, 30] },
+                { name: '系列2', data: [15, 25, 35] },
+              ]"
+              :xAxisData="['类目1', '类目2', '类目3']"
+              :showLegend="true"
+              barWidth="30%"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">柱状图（水平堆叠）</span></div>
+            <FaHBarChart
+              :data="[
+                { name: '系列1', data: [10, 20, 30] },
+                { name: '系列2', data: [15, 25, 35] },
+              ]"
+              :xAxisData="['类目1', '类目2', '类目3']"
+              :showLegend="true"
+              :stack="true"
+              barWidth="30%"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">环形图</span></div>
+            <FaRingChart
+              :data="[
+                { value: 35, name: '分类A' },
+                { value: 28, name: '分类B' },
+                { value: 42, name: '分类C' },
+              ]"
+              :radius="['54%', '70%']"
+              legendPosition="bottom"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">环形图（中心文字）</span></div>
+            <FaRingChart
+              :data="[
+                { value: 35, name: '分类A' },
+                { value: 28, name: '分类B' },
+                { value: 42, name: '分类C' },
+                { value: 32, name: '分类D' },
+                { value: 26, name: '分类E' },
+                { value: 37, name: '分类F' },
+              ]"
+              :radius="['54%', '70%']"
+              :showLegend="true"
+              legendPosition="bottom"
+              centerText="¥300,458"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">饼图</span></div>
+            <FaRingChart
+              :data="[
+                { value: 30, name: '分类A' },
+                { value: 25, name: '分类B' },
+                { value: 45, name: '分类C' },
+              ]"
+              :radius="['0%', '70%']"
+              :showLegend="true"
+              legendPosition="right"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">散点图</span></div>
+            <FaScatterChart
+              :data="[
+                { value: [1, 3] },
+                { value: [2, 4] },
+                { value: [3, 5] },
+                { value: [4, 6] },
+                { value: [5, 7] },
+                { value: [6, 8] },
+                { value: [7, 7] },
+                { value: [8, 9] },
+                { value: [9, 8] },
+                { value: [10, 6] },
+                { value: [11, 7] },
+                { value: [12, 8] },
+              ]"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">雷达图</span></div>
+            <FaRadarChart
+              :indicator="[
+                { name: '销售', max: 100 },
+                { name: '管理', max: 100 },
+                { name: '技术', max: 100 },
+                { name: '客服', max: 100 },
+                { name: '开发', max: 100 },
+              ]"
+              :data="[
+                { name: '预算分配', value: [80, 70, 90, 85, 75] },
+                { name: '实际开销', value: [70, 75, 85, 80, 70] },
+              ]"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">K线图</span></div>
+            <FaKLineChart
+              :data="[
+                { time: '2024-01-01', open: 20, close: 23, high: 25, low: 18 },
+                { time: '2024-01-02', open: 23, close: 21, high: 24, low: 20 },
+                { time: '2024-01-03', open: 21, close: 25, high: 26, low: 21 },
+              ]"
+              :showDataZoom="false"
+              :dataZoomStart="0"
+              :dataZoomEnd="100"
+            />
+          </div>
+        </ElCol>
+        <ElCol :xs="24" :md="12" :lg="8" class="mb-5">
+          <div class="fa-card">
+            <div class="pb-3.5"><span class="text-base font-medium">双向堆叠柱状图</span></div>
+            <FaDualBarCompareChart
+              :positiveData="[50, 28, 80, 65, 68, 70, 60, 55]"
+              :negativeData="[50, 28, 40, 45, 38, 50, 42, 48]"
+              :xAxisData="[
+                '0-4岁',
+                '5-14岁',
+                '15-24岁',
+                '25-34岁',
+                '35-44岁',
+                '45-54岁',
+                '55-64岁',
+                '65岁以上',
+              ]"
+              positiveName="男性年龄分布"
+              negativeName="女性年龄分布"
+            />
+          </div>
+        </ElCol>
+      </ElRow>
+    </template>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { LineDataItem } from "@/types/component/chart";
+import { ref, onMounted } from "vue";
+import FaDashboardSkeleton from "@/components/skeleton/fa-dashboard-skeleton.vue";
+
+import TodaySales from "./modules/today-sales.vue";
+import VisitorInsights from "./modules/visitor-insights.vue";
+import TotalRevenue from "./modules/total-revenue.vue";
+import CustomerSatisfaction from "./modules/customer-satisfaction.vue";
+import TargetVsReality from "./modules/target-vs-reality.vue";
+import TopProducts from "./modules/top-products.vue";
+import SalesMappingByCountry from "./modules/sales-mapping-by-country.vue";
+import VolumeServiceLevel from "./modules/volume-service-level.vue";
+
+defineOptions({ name: "DashboardAnalysis" });
+
+const loading = ref(true);
+onMounted(() => {
+  loading.value = false;
+});
+
+// === 图表演示数据 ===
+const multiLineData: LineDataItem[] = [
+  {
+    name: "销售额",
+    data: [120, 132, 101, 134, 90, 130],
+    areaStyle: { startOpacity: 0.1, endOpacity: 0 },
+  },
+  {
+    name: "利润",
+    data: [80, 92, 71, 94, 60, 80],
+    areaStyle: { startOpacity: 0.1, endOpacity: 0 },
+  },
+];
+const singleBarData = ref([120, 200, 150, 80, 70, 110, 130]);
+const xAxisData = ref(["周一", "周二", "周三", "周四", "周五", "周六", "周日"]);
+const multiBarData = ref([
+  { name: "销售额", data: [120, 200, 150, 80, 70, 110, 130] },
+  { name: "利润", data: [20, 50, 30, 15, 10, 25, 35] },
+]);
+const stackBarData = ref([
+  { name: "Q1", data: [20, 25, 30, 35, 40], stack: "total" },
+  { name: "Q2", data: [30, 35, 40, 45, 50], stack: "total" },
+]);
+const stackXAxisData = ref(["产品A", "产品B", "产品C", "产品D", "产品E"]);
+</script>
+
+<style scoped>
+:deep(.el-card) {
+  --el-card-border-radius: calc(var(--custom-radius) + 2px);
+
+  border: 1px solid var(--fa-card-border);
+}
+
+.page-title {
+  margin: 1.25rem 0;
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.75rem;
+}
+
+.page-title:first-child {
+  margin-top: 0;
+}
+
+.console-cards-showcase {
+  padding: 16px;
+  background: var(--el-bg-color);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: var(--el-border-radius-base);
+}
+</style>
diff --git a/src/views/dashboard/analysis/modules/customer-satisfaction.vue b/src/views/dashboard/analysis/modules/customer-satisfaction.vue
new file mode 100644
index 0000000..455ce82
--- /dev/null
+++ b/src/views/dashboard/analysis/modules/customer-satisfaction.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="fa-card h-100 p-5 mb-5 max-sm:mb-4 flex flex-col">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>客户满意度</h4>
+      </div>
+    </div>
+    <FaLineChart
+      class="flex-1 min-h-0"
+      :data="chartData"
+      :xAxisData="xAxisData"
+      :showLegend="true"
+      :showAxisLabel="true"
+      :showAxisLine="false"
+      :showSplitLine="true"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { LineDataItem } from "@/types/component/chart";
+
+const AREA_STYLE_CONFIG = {
+  startOpacity: 0.08,
+  endOpacity: 0,
+} as const;
+
+/**
+ * X 轴数据配置
+ * 表示一周的天数（周一到周日）
+ */
+const xAxisData = ["1", "2", "3", "4", "5", "6", "7"];
+
+/**
+ * 客户满意度图表数据
+ * 对比上个月和本月的满意度趋势
+ */
+const chartData = computed<LineDataItem[]>(() => [
+  {
+    name: "上个月",
+    data: [65, 72, 68, 75, 82, 78, 85],
+    areaStyle: AREA_STYLE_CONFIG,
+  },
+  {
+    name: "本月",
+    data: [78, 85, 82, 88, 92, 89, 95],
+    areaStyle: AREA_STYLE_CONFIG,
+  },
+]);
+</script>
diff --git a/src/views/dashboard/analysis/modules/sales-mapping-by-country.vue b/src/views/dashboard/analysis/modules/sales-mapping-by-country.vue
new file mode 100644
index 0000000..9583cd7
--- /dev/null
+++ b/src/views/dashboard/analysis/modules/sales-mapping-by-country.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="fa-card h-82 p-5 mb-5 max-sm:mb-4">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>全国销售分布</h4>
+      </div>
+    </div>
+
+    <FaRingChart
+      :data="[
+        { value: 30, name: '北京' },
+        { value: 25, name: '上海' },
+        { value: 45, name: '广州' },
+      ]"
+      :color="['#4C87F3', '#93F1B4', '#8BD8FC']"
+      :radius="['46%', '60%']"
+    />
+  </div>
+</template>
diff --git a/src/views/dashboard/analysis/modules/target-vs-reality.vue b/src/views/dashboard/analysis/modules/target-vs-reality.vue
new file mode 100644
index 0000000..af5b6e2
--- /dev/null
+++ b/src/views/dashboard/analysis/modules/target-vs-reality.vue
@@ -0,0 +1,82 @@
+<template>
+  <div class="fa-card h-100 p-5 mb-5 max-sm:mb-4">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>目标与实际</h4>
+      </div>
+    </div>
+
+    <FaBarChart
+      class="p-5"
+      height="12rem"
+      :data="revenueData"
+      :xAxisData="weekDays"
+      :showAxisLine="false"
+      barWidth="28%"
+    />
+
+    <div class="px-5 mt-4">
+      <div v-for="item in totalItems" :key="item.label" class="flex items-center mb-5 last:mb-0">
+        <div class="flex items-center justify-start w-3/5 text-sm">
+          <div
+            class="w-10 h-10 mr-3 text-lg rounded-md flex items-center justify-center"
+            :class="item.iconClass"
+          >
+            <FaSvgIcon :icon="item.icon" />
+          </div>
+
+          <div class="flex flex-col items-start">
+            <span class="text-base text-g-800">{{ item.label }}</span>
+            <span class="mt-1 text-xs text-g-500">{{ item.subLabel }}</span>
+          </div>
+        </div>
+        <div class="text-lg font-normal" :class="item.valueClass">{{ item.value }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+interface RevenueDataItem {
+  name: string;
+  data: number[];
+}
+
+/**
+ * 一周的日期标签
+ */
+const weekDays = ref(["周一", "周二", "周三", "周四", "周五", "周六", "周日"]);
+
+/**
+ * 目标与实际销售数据
+ * 展示一周内的线上销售情况
+ */
+const revenueData = ref<RevenueDataItem[]>([
+  {
+    name: "线上销售",
+    data: [12, 13, 5, 15, 10, 15, 18],
+  },
+]);
+
+/**
+ * 统计项数据
+ */
+const totalItems = [
+  {
+    icon: "ri:shopping-bag-line",
+    iconClass: "text-theme bg-theme/12",
+    label: "实际销售额",
+    subLabel: "全球",
+    value: "8,823",
+    valueClass: "text-theme",
+  },
+  {
+    icon: "ri:money-dollar-circle-line",
+    iconClass: "text-theme bg-theme/12",
+    label: "目标销售额",
+    subLabel: "商业",
+    value: "12,122",
+    valueClass: "text-theme",
+  },
+];
+</script>
diff --git a/src/views/dashboard/analysis/modules/today-sales.vue b/src/views/dashboard/analysis/modules/today-sales.vue
new file mode 100644
index 0000000..70b1de2
--- /dev/null
+++ b/src/views/dashboard/analysis/modules/today-sales.vue
@@ -0,0 +1,89 @@
+<template>
+  <div class="fa-card h-82 p-5 mb-5 overflow-hidden max-lg:h-auto max-sm:mb-4">
+    <div class="fa-card-header pr-0">
+      <div class="title">
+        <h4>今日销售</h4>
+        <p>销售总结</p>
+      </div>
+      <div
+        class="flex items-center justify-center h-7.5 min-w-17 border border-g-300 rounded-lg text-g-500 cursor-pointer"
+      >
+        <FaSvgIcon icon="ri:arrow-up-line" class="text-base mr-1.5" />
+        <span class="text-xs">导出</span>
+      </div>
+    </div>
+
+    <div class="mt-2">
+      <ElRow :gutter="20">
+        <ElCol :span="6" :xs="24" v-for="(item, index) in salesData" :key="index">
+          <div
+            class="flex px-5 flex-col justify-center h-55 border border-g-300/85 rounded-xl max-lg:mb-4 max-sm:flex-row max-sm:justify-between max-sm:items-center max-sm:h-40"
+          >
+            <div class="size-12 rounded-lg flex items-center justify-center bg-theme/10">
+              <FaSvgIcon :icon="item.icon" class="text-xl text-theme" />
+            </div>
+
+            <div class="max-sm:ml-4 mt-3.5 max-sm:mt-0 max-sm:text-end">
+              <FaCountTo class="text-2xl font-medium" :target="item.value" :duration="1500" />
+              <p class="mt-2 text-base text-g-600 max-sm:mt-1">{{ item.label }}</p>
+              <small class="text-g-500 mt-1 max-sm:mt-0.5">
+                较昨天
+                <span
+                  class="font-medium"
+                  :class="[item.change.indexOf('+') === -1 ? 'text-danger' : 'text-success']"
+                >
+                  {{ item.change }}
+                </span>
+              </small>
+            </div>
+          </div>
+        </ElCol>
+      </ElRow>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+interface SalesDataItem {
+  label: string;
+  value: number;
+  change: string;
+  icon: string;
+  class: string;
+}
+
+/**
+ * 今日销售数据统计
+ * 包含销售额、订单量、产品销量和新客户数等关键指标
+ */
+const salesData = ref<SalesDataItem[]>([
+  {
+    label: "总销售额",
+    value: 999,
+    change: "+10%",
+    icon: "ri:bar-chart-box-ai-line",
+    class: "bg-theme",
+  },
+  {
+    label: "总订单量",
+    value: 300,
+    change: "+15%",
+    icon: "ri:bar-chart-grouped-line",
+    class: "bg-warning",
+  },
+  {
+    label: "产品销售量",
+    value: 56,
+    change: "-5%",
+    icon: "ri:bar-chart-2-line",
+    class: "bg-error",
+  },
+  {
+    label: "新客户数",
+    value: 68,
+    change: "+8%",
+    icon: "ri:user-add-line",
+    class: "bg-success",
+  },
+]);
+</script>
diff --git a/src/views/dashboard/analysis/modules/top-products.vue b/src/views/dashboard/analysis/modules/top-products.vue
new file mode 100644
index 0000000..931a293
--- /dev/null
+++ b/src/views/dashboard/analysis/modules/top-products.vue
@@ -0,0 +1,96 @@
+<template>
+  <div class="fa-card h-100 p-5 mb-5 max-sm:mb-4">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>热门产品</h4>
+      </div>
+    </div>
+    <ElScrollbar class="h-full">
+      <FaTable
+        :data="products"
+        :style="{ width: '100%' }"
+        size="large"
+        :border="false"
+        :stripe="false"
+        :header-cell-style="{ background: 'transparent' }"
+      >
+        <ElTableColumn type="index" label="序号" width="60" />
+        <ElTableColumn prop="name" label="产品名称" width="200" />
+        <ElTableColumn prop="popularity" label="销量">
+          <template #default="scope">
+            <ElProgress
+              :percentage="scope.row.popularity"
+              :color="getColor(scope.row.popularity)"
+              :stroke-width="5"
+              :show-text="false"
+            />
+          </template>
+        </ElTableColumn>
+        <ElTableColumn prop="sales" label="销量" width="80">
+          <template #default="scope">
+            <span
+              :style="{
+                color: getColor(scope.row.popularity),
+                backgroundColor: `rgba(${hexToRgb(getColor(scope.row.popularity))}, 0.08)`,
+                border: '1px solid',
+                padding: '3px 6px',
+                borderRadius: '4px',
+                fontSize: '12px',
+              }"
+            >
+              {{ scope.row.sales }}
+            </span>
+          </template>
+        </ElTableColumn>
+      </FaTable>
+    </ElScrollbar>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { hexToRgb } from "@utils";
+
+interface Product {
+  name: string;
+  popularity: number;
+  sales: string;
+}
+
+const COLOR_THRESHOLDS = {
+  LOW: 25,
+  MEDIUM: 50,
+  HIGH: 75,
+} as const;
+
+const POPULARITY_COLORS = {
+  LOW: "#00E096",
+  MEDIUM: "#0095FF",
+  HIGH: "#884CFF",
+  VERY_HIGH: "#FE8F0E",
+} as const;
+
+/**
+ * 热门产品列表数据
+ * 包含产品名称、热度和销量信息
+ */
+const products = computed<Product[]>(() => [
+  { name: "智能手机", popularity: 10, sales: "100" },
+  { name: "笔记本电脑", popularity: 29, sales: "100" },
+  { name: "平板电脑", popularity: 65, sales: "100" },
+  { name: "智能手表", popularity: 32, sales: "100" },
+  { name: "无线耳机", popularity: 78, sales: "100" },
+  { name: "智能音箱", popularity: 41, sales: "100" },
+]);
+
+/**
+ * 根据热度百分比获取对应的颜色
+ * @param percentage 热度百分比 (0-100)
+ * @returns 对应的颜色值
+ */
+const getColor = (percentage: number): string => {
+  if (percentage < COLOR_THRESHOLDS.LOW) return POPULARITY_COLORS.LOW;
+  if (percentage < COLOR_THRESHOLDS.MEDIUM) return POPULARITY_COLORS.MEDIUM;
+  if (percentage < COLOR_THRESHOLDS.HIGH) return POPULARITY_COLORS.HIGH;
+  return POPULARITY_COLORS.VERY_HIGH;
+};
+</script>
diff --git a/src/views/dashboard/analysis/modules/total-revenue.vue b/src/views/dashboard/analysis/modules/total-revenue.vue
new file mode 100644
index 0000000..9cab4c2
--- /dev/null
+++ b/src/views/dashboard/analysis/modules/total-revenue.vue
@@ -0,0 +1,44 @@
+<template>
+  <div class="fa-card h-100 p-5 mb-5 max-sm:mb-4 flex flex-col">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>总收入</h4>
+      </div>
+    </div>
+    <FaBarChart
+      class="flex-1 min-h-0"
+      :data="revenueData"
+      :xAxisData="weekDays"
+      :showLegend="true"
+      :showAxisLine="false"
+      barWidth="18%"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+interface RevenueDataItem {
+  name: string;
+  data: number[];
+}
+
+/**
+ * 一周的日期标签
+ */
+const weekDays = ref(["周一", "周二", "周三", "周四", "周五", "周六", "周日"]);
+
+/**
+ * 总收入数据
+ * 对比线上和线下销售的一周收入情况
+ */
+const revenueData = ref<RevenueDataItem[]>([
+  {
+    name: "线上销售",
+    data: [12, 13, 5, 15, 10, 15, 18],
+  },
+  {
+    name: "线下销售",
+    data: [10, 11, 20, 5, 11, 13, 10],
+  },
+]);
+</script>
diff --git a/src/views/dashboard/analysis/modules/visitor-insights.vue b/src/views/dashboard/analysis/modules/visitor-insights.vue
new file mode 100644
index 0000000..b908036
--- /dev/null
+++ b/src/views/dashboard/analysis/modules/visitor-insights.vue
@@ -0,0 +1,43 @@
+<template>
+  <div class="fa-card h-82 p-5 mb-5 max-sm:mb-4 flex flex-col">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>访客洞察</h4>
+      </div>
+    </div>
+    <FaLineChart
+      class="flex-1 min-h-0"
+      :data="chartData"
+      :xAxisData="xAxisData"
+      :showLegend="true"
+      :showAxisLabel="true"
+      :showAxisLine="false"
+      :showSplitLine="true"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { LineDataItem } from "@/types/component/chart";
+
+/**
+ * X 轴数据配置
+ * 表示一年的月份（1-12月）
+ */
+const xAxisData = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+
+/**
+ * 访客洞察图表数据
+ * 对比老客户和新客户的全年访问趋势
+ */
+const chartData = computed<LineDataItem[]>(() => [
+  {
+    name: "老客户",
+    data: [280, 350, 300, 250, 230, 210, 240, 280, 320, 350, 300, 200],
+  },
+  {
+    name: "新客户",
+    data: [260, 200, 150, 130, 180, 270, 340, 380, 300, 220, 170, 130],
+  },
+]);
+</script>
diff --git a/src/views/dashboard/analysis/modules/volume-service-level.vue b/src/views/dashboard/analysis/modules/volume-service-level.vue
new file mode 100644
index 0000000..9c16268
--- /dev/null
+++ b/src/views/dashboard/analysis/modules/volume-service-level.vue
@@ -0,0 +1,51 @@
+<template>
+  <div class="fa-card h-82 p-5 mb-5 max-sm:mb-4">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>业务量与服务水平</h4>
+      </div>
+    </div>
+
+    <FaBarChart
+      class="mt-6"
+      height="14.3rem"
+      :data="volumeServiceData"
+      :xAxisData="serviceCategories"
+      :showLegend="true"
+      :showAxisLine="false"
+      :stack="true"
+      barWidth="22%"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+interface VolumeServiceDataItem {
+  name: string;
+  data: number[];
+  stack: string;
+}
+
+/**
+ * 服务类别数据
+ * 不同产品的分类标签
+ */
+const serviceCategories = ref(["产品A", "产品B", "产品C", "产品D", "产品E"]);
+
+/**
+ * 业务量与服务量数据
+ * 展示各产品的业务量和服务量对比，使用堆叠柱状图展示
+ */
+const volumeServiceData = ref<VolumeServiceDataItem[]>([
+  {
+    name: "业务量",
+    data: [20, 25, 30, 35, 40],
+    stack: "total",
+  },
+  {
+    name: "服务量",
+    data: [30, 35, 40, 45, 50],
+    stack: "total",
+  },
+]);
+</script>
diff --git a/src/views/dashboard/home/index.vue b/src/views/dashboard/home/index.vue
new file mode 100644
index 0000000..1543c52
--- /dev/null
+++ b/src/views/dashboard/home/index.vue
@@ -0,0 +1,342 @@
+<template>
+  <div class="flex flex-col relative last:mb-0">
+    <FaDashboardSkeleton v-if="loading" />
+    <template v-else>
+      <!-- 左列：主内容区 | 右列：侧边栏 -->
+      <ElRow :gutter="20">
+        <ElCol :xs="24" :md="18">
+          <Banner class="mb-5" />
+
+          <ElRow :gutter="20">
+            <ElCol :xs="24" :md="16">
+              <ElRow :gutter="20">
+                <ElCol :xs="24" :sm="24" :md="24">
+                  <CardList />
+                </ElCol>
+              </ElRow>
+              <ElRow :gutter="20">
+                <ElCol :xs="24" :sm="8" :md="8" class="mb-5">
+                  <FaStatsCard
+                    :icon="'ri:money-cny-box-line'"
+                    :iconStyle="'bg-theme'"
+                    :boxStyle="'bg-theme/10!'"
+                    :title="'总收入'"
+                    :description="'月收入超过¥350,000+'"
+                    :count="35000"
+                    :textColor="'var(--theme-color)'"
+                    :decimals="0"
+                    :showArrow="false"
+                    separator=","
+                    customIconStyle="'text-theme! text-3xl!''"
+                  />
+                </ElCol>
+                <ElCol :xs="24" :sm="8" :md="8" class="mb-5">
+                  <FaProgressCard
+                    :percentage="65"
+                    :title="'任务进度'"
+                    :color="'var(--theme-color)'"
+                  />
+                </ElCol>
+                <ElCol :xs="24" :sm="8" :md="8" class="mb-5">
+                  <FaProgressCard
+                    :percentage="80"
+                    :title="'任务进度'"
+                    :color="'var(--theme-color)'"
+                    :icon="'ri:twitch-line'"
+                    :iconStyle="'bg-theme/12 text-theme'"
+                  />
+                </ElCol>
+              </ElRow>
+              <ElRow :gutter="20">
+                <ElCol :xs="24" :sm="8" :md="8" class="mb-5">
+                  <FaBarChartCard
+                    :isMiniChart="true"
+                    :value="15480"
+                    label="浏览量"
+                    date="过去14天"
+                    :percentage="-4.15"
+                    :height="9.5"
+                    barWidth="45%"
+                    :chartData="[120, 100, 150, 140, 90, 120, 130]"
+                  />
+                </ElCol>
+                <ElCol :xs="24" :sm="8" :md="8" class="mb-5">
+                  <FaLineChartCard
+                    :isMiniChart="true"
+                    :value="2545"
+                    label="粉丝数"
+                    date="过去30天"
+                    :percentage="1.2"
+                    :height="9.5"
+                    :showAreaColor="true"
+                    :chartData="[150, 180, 160, 200, 180, 220, 240]"
+                  />
+                </ElCol>
+                <ElCol :xs="24" :sm="8" :md="8" class="mb-5">
+                  <FaDonutChartCard
+                    :value="36358"
+                    title="粉丝量"
+                    :percentage="18"
+                    percentageLabel="较去年"
+                    :data="[50, 40]"
+                    :height="9.5"
+                    currentValue="2022"
+                    previousValue="2021"
+                    :radius="['50%', '70%']"
+                  />
+                </ElCol>
+              </ElRow>
+            </ElCol>
+            <ElCol :xs="24" :md="8" class="mb-5">
+              <FaTimelineListCard :list="timelineData" title="最近交易" subtitle="2024年12月20日" />
+            </ElCol>
+          </ElRow>
+
+          <ElRow :gutter="20">
+            <ElCol :xs="24" :sm="12" :md="12" class="mb-5">
+              <ElCard
+                shadow="hover"
+                class="overflow-hidden border border-(--el-border-color-lighter) rounded-xl flex flex-col h-full"
+              >
+                <template #header>
+                  <div class="flex flex-wrap gap-3 items-start justify-between w-full">
+                    <div>
+                      <span
+                        class="text-base font-semibold tracking-[0.02em]"
+                        style="color: var(--el-text-color-primary)"
+                        >日程日历</span
+                      >
+                      <p
+                        class="mt-0.5 text-xs font-normal leading-[1.45]"
+                        style="color: var(--el-text-color-secondary)"
+                      >
+                        点击日期添加或编辑（本地演示）
+                      </p>
+                    </div>
+                  </div>
+                </template>
+                <div>
+                  <FaCalendar />
+                </div>
+              </ElCard>
+            </ElCol>
+            <ElCol :xs="24" :sm="12" :md="12" class="mb-5">
+              <NewUser />
+            </ElCol>
+          </ElRow>
+        </ElCol>
+
+        <ElCol :xs="24" :md="6" class="flex flex-col gap-5">
+          <QuickLinks class="mb-5" />
+          <FaDataListCard
+            class="mb-5"
+            :maxCount="4"
+            :list="dataList"
+            title="最近活动"
+            subtitle="近期活动列表"
+            :showMoreButton="true"
+            @more="handleMore"
+          />
+          <TodoList class="mb-5" />
+        </ElCol>
+      </ElRow>
+
+      <ElRow :gutter="20">
+        <ElCol :xs="24" :sm="6" :md="5" class="mb-5">
+          <FaImageCard
+            :imageUrl="imageCards.imageUrl"
+            :title="imageCards.title"
+            :category="imageCards.category"
+            :readTime="imageCards.readTime"
+            :views="imageCards.views"
+            :comments="imageCards.comments"
+            :date="imageCards.date"
+            @click="handleImageCardClick"
+          />
+        </ElCol>
+        <ElCol :xs="24" :sm="6" :md="5" class="mb-5">
+          <FaCardBanner
+            :image="bannerIcon4"
+            title="版本更新提醒"
+            description="FastapiAdmin v3.0.0 已发布，包含优化和新功能。"
+            :button="{
+              show: true,
+              text: '立即更新',
+              color: 'var(--theme-color)',
+              textColor: '#fff',
+            }"
+            :cancelButton="{ show: true, text: '稍后提醒', color: '#eee', textColor: '#333' }"
+            @click="handleBannerDemoConfirm"
+            @cancel="handleBannerDemoCancel"
+          />
+        </ElCol>
+        <ElCol :xs="24" :sm="12" :md="14" class="mb-5">
+          <AboutProject />
+        </ElCol>
+      </ElRow>
+    </template>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "Home", inheritAttrs: false });
+
+import { ref, onMounted } from "vue";
+import { ElMessage } from "element-plus";
+import FaDashboardSkeleton from "@/components/skeleton/fa-dashboard-skeleton.vue";
+import bannerIcon4 from "@imgs/3d/icon4.webp";
+import cover2 from "@imgs/cover/img2.webp";
+
+const loading = ref(true);
+onMounted(() => {
+  loading.value = false;
+});
+import FaCardBanner from "@/components/banners/fa-card-banner/index.vue";
+import FaImageCard from "@/components/cards/fa-image-card/index.vue";
+import FaDataListCard from "@/components/cards/fa-data-list-card/index.vue";
+import FaTimelineListCard from "@/components/cards/fa-timeline-list-card/index.vue";
+import FaStatsCard from "@/components/cards/fa-stats-card/index.vue";
+import FaLineChartCard from "@/components/cards/fa-line-chart-card/index.vue";
+import FaBarChartCard from "@/components/cards/fa-bar-chart-card/index.vue";
+import FaDonutChartCard from "@/components/cards/fa-donut-chart-card/index.vue";
+import FaProgressCard from "@/components/cards/fa-progress-card/index.vue";
+import Banner from "./modules/banner.vue";
+import NewUser from "./modules/new-user.vue";
+import TodoList from "./modules/todo-list.vue";
+import CardList from "./modules/card-list.vue";
+import AboutProject from "./modules/about-project.vue";
+import QuickLinks from "./modules/quick-links.vue";
+
+function handleBannerDemoConfirm() {
+  // TODO: 接入真实操作
+}
+function handleBannerDemoCancel() {
+  // TODO: 接入真实操作
+}
+// === 卡片演示数据 ← workplace ===
+const imageCards = {
+  id: 1,
+  imageUrl: cover2,
+  title: "大数据分析助力企业决策的实践案例",
+  category: "技术",
+  readTime: "3分钟",
+  views: 7234,
+  comments: 5,
+  date: "12月20日 周二",
+};
+
+const dataList = [
+  {
+    title: "新加坡之行",
+    status: "进行中",
+    time: "5分钟",
+    class: "bg-theme/12 text-theme",
+    icon: "ri:camera-4-line",
+  },
+  {
+    title: "归档数据",
+    status: "进行中",
+    time: "10分钟",
+    class: "bg-secondary/12 text-secondary",
+    icon: "ri:bar-chart-box-line",
+  },
+  {
+    title: "客户会议",
+    status: "待处理",
+    time: "15分钟",
+    class: "bg-warning/12 text-warning",
+    icon: "ri:user-3-line",
+  },
+  {
+    title: "筛选任务团队",
+    status: "进行中",
+    time: "20分钟",
+    class: "bg-error/12 text-error",
+    icon: "ri:account-circle-line",
+  },
+  {
+    title: "发送信封给小王",
+    status: "已完成",
+    time: "20分钟",
+    class: "bg-success/12 text-success",
+    icon: "ri:message-3-line",
+  },
+  {
+    title: "筛选任务团队",
+    status: "进行中",
+    time: "20分钟",
+    class: "bg-error/12 text-error",
+    icon: "ri:account-circle-line",
+  },
+];
+const timelineData = [
+  {
+    time: "上午 09:30",
+    status: "rgb(73, 190, 255)",
+    content: "收到 John Doe 支付的 385.90 美元",
+  },
+  { time: "上午 10:00", status: "rgb(54, 158, 255)", content: "新销售记录", code: "ML-3467" },
+  { time: "上午 12:00", status: "rgb(103, 232, 207)", content: "向 Michael 支付了 64.95 美元" },
+  { time: "下午 14:30", status: "rgb(255, 193, 7)", content: "系统维护通知", code: "MT-2023" },
+  {
+    time: "下午 15:45",
+    status: "rgb(255, 105, 105)",
+    content: "紧急订单取消提醒",
+    code: "OR-9876",
+  },
+  { time: "下午 17:00", status: "rgb(103, 232, 207)", content: "完成每日销售报表" },
+  {
+    time: "上午 09:30",
+    status: "rgb(73, 190, 255)",
+    content: "收到订单 #38291 支付 ¥385.90",
+  },
+  {
+    time: "上午 10:00",
+    status: "rgb(54, 158, 255)",
+    content: "新商品上架",
+    code: "SKU-3467",
+  },
+  {
+    time: "上午 12:00",
+    status: "rgb(103, 232, 207)",
+    content: "向供应商支付了 ¥6495.00",
+  },
+  {
+    time: "下午 14:30",
+    status: "rgb(255, 193, 7)",
+    content: "促销活动开始",
+    code: "PROMO-2023",
+  },
+  {
+    time: "下午 15:45",
+    status: "rgb(255, 105, 105)",
+    content: "订单取消提醒",
+    code: "ORD-9876",
+  },
+  {
+    time: "下午 17:00",
+    status: "rgb(103, 232, 207)",
+    content: "完成日销售报表",
+  },
+];
+
+function handleMore() {
+  ElMessage.info("查看更多");
+}
+function handleImageCardClick() {
+  // TODO: 接入真实跳转
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.el-card) {
+  --el-card-border-radius: calc(var(--custom-radius) + 2px);
+
+  border: 1px solid var(--fa-card-border);
+}
+
+/* 日程日历 el-calendar 容器 */
+.overflow-hidden:deep(.el-card__header) {
+  border-bottom-color: var(--el-border-color-extra-light);
+}
+</style>
diff --git a/src/views/dashboard/home/modules/about-project.vue b/src/views/dashboard/home/modules/about-project.vue
new file mode 100644
index 0000000..04058db
--- /dev/null
+++ b/src/views/dashboard/home/modules/about-project.vue
@@ -0,0 +1,44 @@
+<template>
+  <div class="fa-card p-5 flex justify-between h-full">
+    <div>
+      <h2 class="text-2xl font-medium">关于项目</h2>
+      <p class="text-g-700 mt-1">{{ systemName }} 是一款兼具设计美学与高效开发的后台系统</p>
+      <p class="text-g-700 mt-1">使用了 Vue3、TypeScript、Vite、Element Plus 等前沿技术</p>
+
+      <div class="flex flex-wrap gap-3.5 max-w-150 mt-9">
+        <div
+          class="w-60 flex items-center justify-between h-12.5 px-3.5 border border-g-300 cursor-pointer rounded-lg text-sm bg-g-100 duration-300 hover:-translate-y-1 max-sm:w-full"
+          v-for="link in linkList"
+          :key="link.label"
+          @click="goPage(link.url)"
+        >
+          <span class="text-g-700">{{ link.label }}</span>
+          <FaSvgIcon icon="ri:arrow-right-s-line" class="text-lg text-g-600" />
+        </div>
+      </div>
+    </div>
+    <img class="w-75 max-md:hidden!" src="@imgs/draw/draw1.png" alt="draw1" loading="eager" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import AppConfig from "@/config";
+import { WEB_LINKS } from "@utils";
+
+const systemName = AppConfig.systemInfo.name;
+
+const linkList = [
+  { label: "项目官网", url: WEB_LINKS.DOCS },
+  { label: "文档", url: WEB_LINKS.INTRODUCE },
+  { label: "Github", url: WEB_LINKS.GITHUB_HOME },
+  { label: "Gitee", url: WEB_LINKS.GITEE },
+];
+
+/**
+ * 在新标签页中打开指定 URL
+ * @param url 要打开的网页地址
+ */
+const goPage = (url: string): void => {
+  window.open(url, "_blank", "noopener,noreferrer");
+};
+</script>
diff --git a/src/views/dashboard/home/modules/banner.vue b/src/views/dashboard/home/modules/banner.vue
new file mode 100644
index 0000000..eae1bc3
--- /dev/null
+++ b/src/views/dashboard/home/modules/banner.vue
@@ -0,0 +1,78 @@
+<template>
+  <FaBasicBanner
+    class="justify-center h-54! max-sm:pt-5! max-sm:h-auto!"
+    :title="bannerTitle"
+    :subtitle="bannerSubtitle"
+    boxStyle="bg-theme/10!"
+    titleColor="var(--fa-gray-900)"
+    subtitleColor="var(--fa-gray-500)"
+    :decoration="false"
+    :meteorConfig="{
+      enabled: true,
+      count: 10,
+    }"
+    :buttonConfig="{
+      show: false,
+      text: '开始探索',
+      color: 'var(--fa-success)',
+      textColor: '#fff',
+      radius: '6px',
+    }"
+    :imageConfig="{
+      src: bannerCover,
+      width: '18rem',
+      bottom: '-7.5rem',
+    }"
+    @click="handleBannerClick"
+  >
+    <div class="flex items-center gap-4 mt-2">
+      <ElAvatar
+        v-if="currentUser.avatar"
+        :size="80"
+        :src="currentUser.avatar"
+        style="background-color: transparent"
+      />
+      <ElIcon v-else :size="56" class="text-g-500"><UserFilled /></ElIcon>
+      <div>
+        <div class="text-lg font-semibold text-g-800">{{ currentUser.name }}</div>
+        <div class="text-sm text-g-600">
+          {{ currentUser.dept_name }} · {{ currentUser.description }} · {{ currentUser.last_login }}
+        </div>
+      </div>
+    </div>
+  </FaBasicBanner>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import bannerCover from "@imgs/login/lf_icon2.webp";
+import FaBasicBanner from "@/components/banners/fa-basic-banner/index.vue";
+import { useUserStore } from "@stores";
+import { greetings } from "@utils";
+import { UserFilled } from "@element-plus/icons-vue";
+
+const userStore = useUserStore();
+
+const userInfo = computed(() => userStore.basicInfo);
+
+const handleBannerClick = (): void => {
+  // TODO: 接入真实跳转或路由
+};
+
+const timefix = greetings();
+const welcome = "祝你开心每一天！";
+const currentUser = {
+  avatar: userStore.basicInfo.avatar || "",
+  name: userInfo.value.name || "吴彦祖",
+  username: userInfo.value.username || "账号信息",
+  description: userInfo.value.description || "用户说明",
+  dept_name: userInfo.value.dept_name || "软件专业部",
+  last_login: userInfo.value.last_login || "2023-01-01 00:00:00",
+};
+
+const bannerTitle = `欢迎回来 ～ ${currentUser.name}（${currentUser.username}） ${timefix} ${welcome}`;
+
+const bannerSubtitle = `基于 FastAPI + Vue3 + TypeScript 构建的企业级中后台解决方案，支持多端开发。`;
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/dashboard/home/modules/card-list.vue b/src/views/dashboard/home/modules/card-list.vue
new file mode 100644
index 0000000..1321273
--- /dev/null
+++ b/src/views/dashboard/home/modules/card-list.vue
@@ -0,0 +1,173 @@
+<template>
+  <ElRow :gutter="16">
+    <ElCol v-for="(item, index) in dataList" :key="index" :sm="12" :md="8" :lg="8" class="mb-5">
+      <div class="fa-card relative flex flex-col justify-center h-30 px-5">
+        <!-- 顶部标题行 -->
+        <div class="flex items-center justify-between">
+          <span class="text-sm text-g-600">{{ item.des }}</span>
+          <ElTag v-if="item.tag" :type="item.tagType || 'danger'" size="small">
+            {{ item.tag }}
+          </ElTag>
+        </div>
+
+        <!-- 数字 + 侧边图标 -->
+        <div class="flex items-center justify-between mt-2">
+          <div class="flex items-center gap-2">
+            <!-- 丰富卡片用 useTransition 模拟动画 -->
+            <span v-if="item.animatedCount" class="text-lg font-medium">
+              {{ item.animatedCount }}
+            </span>
+            <!-- 简单卡片用 FaCountTo -->
+            <FaCountTo v-else class="text-lg font-medium" :target="item.num" :duration="1300" />
+            <span v-if="item.status" class="text-xs" :class="item.statusColor || 'text-success'">
+              <ElIcon v-if="item.statusIcon"><component :is="item.statusIcon" /></ElIcon>
+              {{ item.status }}
+            </span>
+          </div>
+          <div
+            v-if="item.icon"
+            class="size-10 rounded-xl flex items-center justify-center"
+            :class="item.iconBg || 'bg-theme/10'"
+          >
+            <FaSvgIcon
+              :icon="item.icon"
+              class="text-xl"
+              :class="[
+                item.iconColor || 'text-theme',
+                item.animateIcon ? 'animate-[pulse_2s_infinite]' : '',
+              ]"
+            />
+          </div>
+        </div>
+
+        <!-- 底部行：变化率 + 更新时间 -->
+        <div class="flex items-center justify-between mt-1 text-xs text-g-600">
+          <span>
+            <template v-if="item.change !== undefined">
+              较上周
+              <span :class="item.change.indexOf('+') === 0 ? 'text-success' : 'text-danger'">
+                {{ item.change }}
+              </span>
+            </template>
+            <template v-else-if="item.totalLabel">
+              {{ item.totalLabel }}：{{ item.totalValue }}
+            </template>
+          </span>
+          <span v-if="item.updateTime">{{ item.updateTime }}</span>
+        </div>
+      </div>
+    </ElCol>
+  </ElRow>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, markRaw, type Component } from "vue";
+import { useTransition } from "@vueuse/core";
+import { Connection } from "@element-plus/icons-vue";
+import { computed } from "vue";
+
+interface CardDataItem {
+  des: string;
+  icon: string;
+  iconBg?: string;
+  iconColor?: string;
+  animateIcon?: boolean;
+  num: number;
+  change?: string;
+  rich?: boolean;
+  tag?: string;
+  tagType?: "danger" | "success" | "warning" | "info";
+  status?: string;
+  statusColor?: string;
+  statusIcon?: Component;
+  totalLabel?: string;
+  totalValue?: number | string;
+  updateTime?: string;
+  animatedCount?: number;
+}
+
+// 模拟访客数据（原来首页统计卡片的数据）
+const visitStats = ref({
+  todayUvCount: Math.floor(Math.random() * 200) + 50,
+  uvGrowthRate: parseFloat((Math.random() * 20 - 10).toFixed(2)),
+  totalUvCount: Math.floor(Math.random() * 5000) + 1000,
+  todayPvCount: Math.floor(Math.random() * 500) + 100,
+  pvGrowthRate: parseFloat((Math.random() * 20 - 10).toFixed(2)),
+  totalPvCount: Math.floor(Math.random() * 20000) + 5000,
+});
+
+const transitionUvCount = useTransition(
+  computed(() => visitStats.value.todayUvCount),
+  {
+    duration: 1000,
+    transition: [0.25, 0.1, 0.25, 1.0],
+  }
+);
+const transitionPvCount = useTransition(
+  computed(() => visitStats.value.todayPvCount),
+  {
+    duration: 1000,
+    transition: [0.25, 0.1, 0.25, 1.0],
+  }
+);
+
+const dataList = ref<CardDataItem[]>([
+  {
+    des: "在线用户",
+    icon: "ri:group-line",
+    iconBg: "bg-danger/10",
+    iconColor: "text-danger",
+    animateIcon: true,
+    num: 9999,
+    rich: true,
+    tag: "实时",
+    tagType: "danger",
+    status: "已连接",
+    statusColor: "text-success",
+    statusIcon: markRaw(Connection),
+    updateTime: "2025-07-12 00:00:00",
+  },
+  {
+    des: "访客数(UV)",
+    icon: "ri:bar-chart-grouped-line",
+    iconBg: "bg-success/10",
+    iconColor: "text-success",
+    num: 0,
+    rich: true,
+    animatedCount: 0,
+    totalLabel: "总访客数",
+    totalValue: 0,
+  },
+  {
+    des: "浏览量(PV)",
+    icon: "ri:eye-line",
+    iconBg: "bg-primary/10",
+    iconColor: "text-primary",
+    num: 9999,
+    rich: true,
+    animatedCount: 0,
+    totalLabel: "总浏览量",
+    totalValue: 0,
+  },
+]);
+
+onMounted(() => {
+  // 更新 UV/PV 动态数据
+  dataList.value[1]!.animatedCount = Math.round(transitionUvCount.value);
+  dataList.value[1]!.totalValue = visitStats.value.totalUvCount;
+  dataList.value[2]!.animatedCount = Math.round(transitionPvCount.value);
+  dataList.value[2]!.totalValue = visitStats.value.totalPvCount;
+
+  // 生成增长率显示
+  const uvRate = visitStats.value.uvGrowthRate;
+  const pvRate = visitStats.value.pvGrowthRate;
+  dataList.value[1]!.change = uvRate > 0 ? `+${uvRate}%` : `${uvRate}%`;
+  dataList.value[2]!.change = pvRate > 0 ? `+${pvRate}%` : `${pvRate}%`;
+});
+</script>
+
+<style scoped>
+.card-row {
+  row-gap: 16px;
+}
+</style>
diff --git a/src/views/dashboard/home/modules/new-user.vue b/src/views/dashboard/home/modules/new-user.vue
new file mode 100644
index 0000000..3cd8005
--- /dev/null
+++ b/src/views/dashboard/home/modules/new-user.vue
@@ -0,0 +1,257 @@
+<template>
+  <div class="fa-card flex flex-col p-5 h-134 overflow-hidden">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>新用户</h4>
+        <p>
+          这个月增长
+          <span class="text-success">+20%</span>
+        </p>
+      </div>
+      <ElRadioGroup v-model="radio2">
+        <ElRadioButton value="本月" label="本月"></ElRadioButton>
+        <ElRadioButton value="上月" label="上月"></ElRadioButton>
+        <ElRadioButton value="今年" label="今年"></ElRadioButton>
+      </ElRadioGroup>
+    </div>
+    <FaTable
+      class="w-full"
+      :data="tableData"
+      size="large"
+      :border="false"
+      :stripe="false"
+      :header-cell-style="{ background: 'transparent' }"
+    >
+      <template #default>
+        <ElTableColumn type="index" label="序号" width="60" />
+        <ElTableColumn label="头像" prop="avatar" width="140px">
+          <template #default="scope">
+            <div class="flex items-center">
+              <img class="size-9 rounded-lg" :src="scope.row.avatar" alt="avatar" loading="eager" />
+              <div class="flex flex-col ml-3">
+                <div class="font-medium">{{ scope.row.username }}</div>
+                <div class="text-xs text-slate-500">{{ scope.row.province }}</div>
+              </div>
+            </div>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="价格" prop="price">
+          <template #default="scope">
+            <span class="font-semibold">¥{{ scope.row.price.toLocaleString() }}</span>
+          </template>
+        </ElTableColumn>
+
+        <ElTableColumn label="库存" prop="stock" width="90px">
+          <template #default="scope">
+            <div
+              class="inline-block px-2 py-1 text-xs font-medium rounded"
+              :class="getStockClass(scope.row.stock)"
+            >
+              {{ getStockStatus(scope.row.stock) }}
+            </div>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="进度" width="180">
+          <template #default="scope">
+            <ElProgress
+              :percentage="scope.row.pro"
+              :color="scope.row.color"
+              :stroke-width="4"
+              :aria-label="`${scope.row.username}的完成进度: ${scope.row.pro}%`"
+            />
+          </template>
+        </ElTableColumn>
+      </template>
+    </FaTable>
+  </div>
+</template>
+
+<script setup lang="ts">
+import avatar1 from "@imgs/avatar/avatar1.webp";
+import avatar2 from "@imgs/avatar/avatar2.webp";
+import avatar3 from "@imgs/avatar/avatar3.webp";
+import avatar4 from "@imgs/avatar/avatar4.webp";
+import avatar5 from "@imgs/avatar/avatar5.webp";
+import avatar6 from "@imgs/avatar/avatar6.webp";
+
+interface UserTableItem {
+  username: string;
+  province: string;
+  sex: 0 | 1;
+  price: number;
+  stock: number;
+  sales: number;
+  age: number;
+  percentage: number;
+  pro: number;
+  color: string;
+  avatar: string;
+}
+
+const ANIMATION_DELAY = 100;
+
+const radio2 = ref("本月");
+
+/**
+ * 新用户表格数据
+ * 包含用户基本信息和完成进度
+ */
+const tableData = reactive<UserTableItem[]>([
+  {
+    username: "中小鱼",
+    province: "北京",
+    sex: 0,
+    price: 1299,
+    stock: 89,
+    sales: 652,
+    age: 22,
+    percentage: 60,
+    pro: 0,
+    color: "var(--fa-primary)",
+    avatar: avatar1,
+  },
+  {
+    username: "何小荷",
+    province: "深圳",
+    sex: 1,
+    price: 299,
+    stock: 12,
+    sales: 238,
+    age: 21,
+    percentage: 20,
+    pro: 0,
+    color: "var(--fa-secondary)",
+    avatar: avatar2,
+  },
+  {
+    username: "誶誶淰",
+    province: "上海",
+    sex: 1,
+    price: 99,
+    stock: 0,
+    sales: 126,
+    age: 23,
+    percentage: 60,
+    pro: 0,
+    color: "var(--fa-warning)",
+    avatar: avatar3,
+  },
+  {
+    username: "发呆草",
+    province: "长沙",
+    sex: 0,
+    price: 399,
+    stock: 45,
+    sales: 321,
+    age: 28,
+    percentage: 50,
+    pro: 0,
+    color: "var(--fa-info)",
+    avatar: avatar4,
+  },
+  {
+    username: "甜筒",
+    province: "浙江",
+    sex: 1,
+    price: 1599,
+    stock: 78,
+    sales: 489,
+    age: 26,
+    percentage: 70,
+    pro: 0,
+    color: "var(--fa-error)",
+    avatar: avatar5,
+  },
+  {
+    username: "冷月呆呆",
+    province: "湖北",
+    sex: 1,
+    price: 1059,
+    stock: 0,
+    sales: 0,
+    age: 25,
+    percentage: 90,
+    pro: 0,
+    color: "var(--fa-success)",
+    avatar: avatar6,
+  },
+  {
+    username: "冷呆呆",
+    province: "湖北",
+    sex: 1,
+    price: 1059,
+    stock: 0,
+    sales: 0,
+    age: 25,
+    percentage: 90,
+    pro: 0,
+    color: "var(--fa-success)",
+    avatar: avatar6,
+  },
+  {
+    username: "冷月呆呆",
+    province: "湖北",
+    sex: 1,
+    price: 1059,
+    stock: 0,
+    sales: 0,
+    age: 25,
+    percentage: 90,
+    pro: 0,
+    color: "var(--fa-success)",
+    avatar: avatar6,
+  },
+]);
+
+const STOCK_THRESHOLD = {
+  LOW: 20,
+  MEDIUM: 50,
+} as const;
+
+/**
+ * 根据库存数量获取状态文本
+ */
+const getStockStatus = (stock: number): string => {
+  if (stock === 0) return "缺货";
+  if (stock < STOCK_THRESHOLD.LOW) return "低库存";
+  if (stock < STOCK_THRESHOLD.MEDIUM) return "适中";
+  return "充足";
+};
+
+/**
+ * 根据库存数量获取状态样式类名
+ * @param stock 库存数量
+ * @returns CSS 类名
+ */
+const getStockClass = (stock: number): string => {
+  if (stock === 0) return "text-danger bg-danger/12";
+  if (stock < STOCK_THRESHOLD.LOW) return "text-warning bg-warning/12";
+  if (stock < STOCK_THRESHOLD.MEDIUM) return "text-info bg-info/12";
+  return "text-success bg-success/12";
+};
+
+/**
+ * 添加进度条动画效果
+ * 延迟后将进度值从 0 更新到目标百分比，触发动画
+ */
+const addAnimation = (): void => {
+  setTimeout(() => {
+    tableData.forEach((item) => {
+      item.pro = item.percentage;
+    });
+  }, ANIMATION_DELAY);
+};
+
+onMounted(() => {
+  addAnimation();
+});
+</script>
+
+<style lang="scss" scoped>
+.fa-card {
+  :deep(.el-radio-button__original-radio:checked + .el-radio-button__inner) {
+    color: var(--el-color-primary) !important;
+    background: transparent !important;
+  }
+}
+</style>
diff --git a/src/views/dashboard/home/modules/quick-links.vue b/src/views/dashboard/home/modules/quick-links.vue
new file mode 100644
index 0000000..b6019e8
--- /dev/null
+++ b/src/views/dashboard/home/modules/quick-links.vue
@@ -0,0 +1,72 @@
+<template>
+  <div class="fa-card p-5 pb-3 h-54 max-sm:h-54 flex flex-col">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>
+          快速链接
+          <ElTooltip content="在顶部标签栏左侧星标上点击，可加入或取消收藏" placement="top">
+            <ElIcon :size="14"><QuestionFilled /></ElIcon>
+          </ElTooltip>
+        </h4>
+      </div>
+    </div>
+    <ElScrollbar class="flex-1 min-h-0">
+      <div v-if="quickLinks.length" class="grid grid-cols-4 gap-2">
+        <div
+          v-for="(item, i) in quickLinks"
+          :key="item.id || item.href"
+          class="group relative flex flex-col items-center gap-1 py-2 px-1 rounded-lg cursor-pointer hover:bg-(--el-fill-color-lighter) transition-colors"
+          @click="handleClick(item)"
+        >
+          <span
+            class="flex items-center justify-center w-9 h-9 rounded text-white"
+            :style="{ backgroundColor: PALETTE[i % PALETTE.length] }"
+          >
+            <FaMenuRouteIcon :icon="item.icon || 'menu'" :size="18" />
+          </span>
+          <span class="text-xs text-center leading-tight line-clamp-2 text-g-700">{{
+            item.title
+          }}</span>
+          <button
+            type="button"
+            class="absolute -top-1 right-0 flex items-center justify-center w-4 h-4 rounded-full bg-(--el-bg-color) text-(--el-text-color-placeholder) opacity-0 group-hover:opacity-100 transition-opacity border-0 cursor-pointer hover:text-(--el-color-danger)! hover:bg-(--el-color-danger-light-9)!"
+            :aria-label="`移除 ${item.title}`"
+            @click.stop="handleRemove(item)"
+          >
+            <ElIcon :size="10"><Close /></ElIcon>
+          </button>
+        </div>
+      </div>
+      <ElEmpty v-else description="暂无链接" :image-size="50" />
+    </ElScrollbar>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onScopeDispose, ref } from "vue";
+import { useRouter } from "vue-router";
+import { Close, QuestionFilled } from "@element-plus/icons-vue";
+import { ElMessage } from "element-plus";
+import { quickStartManager, type QuickLink } from "@utils";
+
+const router = useRouter();
+
+const quickLinks = ref<QuickLink[]>(quickStartManager.getQuickLinks());
+const sync = (links: QuickLink[]) => {
+  quickLinks.value = links;
+};
+quickStartManager.addListener(sync);
+onScopeDispose(() => quickStartManager.removeListener(sync));
+
+const PALETTE = ["#4080ff", "#23c343", "#ff9a2e", "#f76560", "#a9aeb8", "#00b42a"];
+
+const handleClick = (item: QuickLink) => {
+  if (!item.href) return ElMessage.info(`${item.title} 功能待开发`);
+  router.push(item.href).catch(() => ElMessage.warning(`路由 ${item.href} 不存在，请检查配置`));
+};
+
+const handleRemove = (item: QuickLink) => {
+  if (item.id) quickStartManager.removeQuickLink(item.id);
+  else if (item.href) quickStartManager.removeQuickLinkByHref(item.href);
+};
+</script>
diff --git a/src/views/dashboard/home/modules/todo-list.vue b/src/views/dashboard/home/modules/todo-list.vue
new file mode 100644
index 0000000..4dc3c4b
--- /dev/null
+++ b/src/views/dashboard/home/modules/todo-list.vue
@@ -0,0 +1,111 @@
+<template>
+  <div class="fa-card p-5 h-134 overflow-hidden">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>待办事项</h4>
+        <p>
+          待处理
+          <span class="text-danger">3</span>
+        </p>
+      </div>
+    </div>
+
+    <ElScrollbar class="h-[calc(100%-40px)]">
+      <div
+        class="flex items-center justify-between h-17.5 border-b border-g-300 text-sm last:border-b-0"
+        v-for="(item, index) in list"
+        :key="index"
+      >
+        <div>
+          <p class="text-sm">
+            <span class="text-g-800 font-medium">{{ item.username }}</span>
+            <span class="mx-2 text-g-600">{{ item.type }}</span>
+            <span class="text-theme">{{ item.target }}</span>
+          </p>
+          <p class="text-g-500 mt-1">{{ item.date }}</p>
+        </div>
+        <ElCheckbox v-model="item.complate" />
+      </div>
+    </ElScrollbar>
+  </div>
+</template>
+
+<script setup lang="ts">
+interface TodoItem {
+  username: string;
+  date: string;
+  complate: boolean;
+  type: string;
+  target: string;
+}
+
+/**
+ * 待办事项列表
+ * 记录每日工作任务及完成状态
+ */
+const list = reactive<TodoItem[]>([
+  {
+    username: "张无忌",
+    date: "上午 09:30",
+    complate: true,
+    type: "查看",
+    target: "查看今天工作内容",
+  },
+  {
+    username: "赵敏",
+    date: "上午 10:30",
+    complate: true,
+    type: "回复",
+    target: "回复邮件",
+  },
+  {
+    username: "小昭",
+    date: "上午 11:00",
+    complate: true,
+    type: "工作",
+    target: "工作汇报整理",
+  },
+  {
+    username: "金毛狮王",
+    date: "下午 02:00",
+    complate: false,
+    type: "会议",
+    target: "产品需求会议",
+  },
+  {
+    username: "金花婆婆",
+    date: "下午 03:30",
+    complate: false,
+    type: "会议",
+    target: "整理会议内容",
+  },
+  {
+    username: "张三丰",
+    date: "下午 06:30",
+    complate: false,
+    type: "计划",
+    target: "明天工作计划",
+  },
+  {
+    username: "王思聪",
+    date: "下午 06:30",
+    complate: false,
+    type: "计划",
+    target: "明天工作内容",
+  },
+  {
+    username: "范小荷",
+    date: "下午 06:30",
+    complate: false,
+    type: "计划",
+    target: "一起去看电影",
+  },
+  {
+    username: "张无忌",
+    date: "下午 06:30",
+    complate: false,
+    type: "计划",
+    target: "练习乾坤大挪移",
+  },
+]);
+</script>
diff --git a/src/views/dashboard/screen/index.vue b/src/views/dashboard/screen/index.vue
new file mode 100644
index 0000000..e05e5da
--- /dev/null
+++ b/src/views/dashboard/screen/index.vue
@@ -0,0 +1,750 @@
+<template>
+  <div ref="containerRef" class="screen-container">
+    <canvas ref="canvasRef" class="particle-canvas" />
+    <div class="scan-line scan-1" />
+    <div class="scan-line scan-2" />
+
+    <ScreenHeader />
+
+    <!-- 顶部核心指标卡 x6 -->
+    <div class="stat-row">
+      <div v-for="s in stats" :key="s.label" class="stat-card">
+        <div class="stat-val" :class="'stat-' + s.color">{{ s.value }}</div>
+        <div class="stat-label">{{ s.label }}</div>
+        <div class="stat-sub">
+          <span :class="s.up ? 'up' : 'down'">{{ s.up ? "▲" : "▼" }} {{ s.change }}</span>
+          <span class="stat-vs">较昨日</span>
+        </div>
+      </div>
+    </div>
+
+    <!-- 主体布局 -->
+    <div class="screen-grid">
+      <!-- 左列 -->
+      <ServiceLevel class="gp-r1 gp-c1-3" />
+      <TargetReality class="gp-r2 gp-c1-3" />
+
+      <!-- 中间左 -->
+      <LiveMetrics class="gp-r1 gp-c3-5" />
+      <FunnelChart class="gp-r2 gp-c3-5" />
+
+      <!-- 中国地图 -->
+      <div class="panel p1 map-panel gp-r1 gp-c5-9" style="grid-row: 1 / 3">
+        <FaMapChart :dynamic="true" />
+      </div>
+
+      <!-- 中间右 -->
+      <ChannelDonut class="gp-r1 gp-c9-11" />
+      <UserProfile class="gp-r2 gp-c9-11" />
+
+      <!-- 右列 -->
+      <ProductBar class="gp-r1 gp-c11-13" />
+      <RealtimeMessages class="gp-r2 gp-c11-13" />
+    </div>
+
+    <!-- 大卡片行 x6 统计图 -->
+    <div class="card-row">
+      <MiniRevenue />
+      <MiniOrders />
+      <MiniTraffic />
+      <MiniRefund />
+      <MiniInventory />
+      <MiniRating />
+    </div>
+
+    <!-- 底部状态栏 -->
+    <div class="bottom-bar">
+      <div class="bb-item"><span class="bb-dot pulse" />系统运行正常</div>
+      <div class="bb-item">数据更新时间：{{ updateTime }}</div>
+      <div class="bb-ticker">
+        <span class="ticker-track">
+          <span v-for="t in tickerItems" :key="t" class="ticker-item">{{ t }}</span>
+        </span>
+      </div>
+      <div class="bb-items-right">
+        <div v-for="s in structItems" :key="s.label" class="bb-meta">
+          <span class="bb-meta-dot" :class="'sr-' + s.cls" />
+          {{ s.label }}: {{ s.value }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  defineAsyncComponent,
+  onMounted,
+  onUnmounted,
+  provide,
+  reactive,
+  ref,
+  shallowRef,
+} from "vue";
+import ScreenHeader from "./modules/ScreenHeader.vue";
+import ServiceLevel from "./modules/ServiceLevel.vue";
+import TargetReality from "./modules/TargetReality.vue";
+import LiveMetrics from "./modules/LiveMetrics.vue";
+import FunnelChart from "./modules/FunnelChart.vue";
+import ChannelDonut from "./modules/ChannelDonut.vue";
+import UserProfile from "./modules/UserProfile.vue";
+import ProductBar from "./modules/ProductBar.vue";
+import RealtimeMessages from "./modules/RealtimeMessages.vue";
+import MiniRevenue from "./modules/MiniRevenue.vue";
+import MiniOrders from "./modules/MiniOrders.vue";
+import MiniTraffic from "./modules/MiniTraffic.vue";
+import MiniRefund from "./modules/MiniRefund.vue";
+import MiniInventory from "./modules/MiniInventory.vue";
+import MiniRating from "./modules/MiniRating.vue";
+
+defineOptions({ name: "DashboardScreen" });
+
+const FaMapChart = defineAsyncComponent(() => import("@/components/charts/fa-map-chart/index.vue"));
+
+const containerRef = ref<HTMLDivElement>();
+const canvasRef = ref<HTMLCanvasElement>();
+const isFullscreen = ref(false);
+const updateTime = ref("");
+const tickerItems = ref([
+  "交易引擎: 23%",
+  "消息队列: 58%",
+  "缓存命中: 94.1%",
+  "网关吞吐: 128Mbps",
+  "QPS: 3.2K",
+  "P99 延迟: 12ms",
+]);
+const animFrame = shallowRef(0);
+let statsTimer = 0;
+
+const stats = reactive([
+  { label: "总交易额", value: "¥128.6万", change: "12.5%", up: true, color: "cyan" as const },
+  { label: "订单总量", value: "8,350", change: "8.2%", up: true, color: "purple" as const },
+  { label: "活跃商户", value: "1,286", change: "3.1%", up: true, color: "green" as const },
+  { label: "售后工单", value: "356", change: "5.7%", up: false, color: "warn" as const },
+  { label: "平均客单价", value: "¥468", change: "2.3%", up: true, color: "teal" as const },
+  { label: "支付转化率", value: "38.2%", change: "1.8%", up: true, color: "rose" as const },
+]);
+
+const structItems = reactive([
+  { label: "交易节点", value: "128", cls: "cyan" },
+  { label: "主数据库", value: "运行中", cls: "green" },
+  { label: "缓存集群", value: "94.1%", cls: "purple" },
+  { label: "带宽使用", value: "1.2G", cls: "warn" },
+  { label: "存储容量", value: "2.4T", cls: "cyan" },
+  { label: "工作节点", value: "32", cls: "green" },
+  { label: "API 网关", value: "99.9%", cls: "purple" },
+  { label: "日志服务", value: "运行中", cls: "cyan" },
+]);
+
+function fmt(n: number): string {
+  return n >= 10000 ? (n / 10000).toFixed(1) + "万" : n.toLocaleString();
+}
+function randFloat(base: number, pct: number): number {
+  return base * (1 + (Math.random() - 0.5) * pct * 2);
+}
+function randPct(): string {
+  return (Math.random() * 15 - 3).toFixed(1) + "%";
+}
+
+function updateStats() {
+  const t = randFloat(1286000, 0.05);
+  const o = randFloat(8350, 0.04);
+  const m = randFloat(1286, 0.03);
+  const w = randFloat(356, 0.08);
+  stats[0]!.value = "¥" + fmt(Math.round(t));
+  stats[1]!.value = fmt(Math.round(o));
+  stats[2]!.value = fmt(Math.round(m));
+  stats[3]!.value = fmt(Math.round(w));
+  stats[4]!.value = "¥" + Math.round(randFloat(468, 0.03));
+  stats[5]!.value = randFloat(38.2, 0.06).toFixed(1) + "%";
+  stats[0]!.change = randPct();
+  stats[0]!.up = Math.random() > 0.3;
+  stats[1]!.change = randPct();
+  stats[1]!.up = Math.random() > 0.4;
+  stats[2]!.change = randPct();
+  stats[2]!.up = Math.random() > 0.5;
+  stats[3]!.change = randPct();
+  stats[3]!.up = Math.random() > 0.6;
+  stats[4]!.change = randPct();
+  stats[4]!.up = Math.random() > 0.3;
+  stats[5]!.change = randPct();
+  stats[5]!.up = Math.random() > 0.4;
+}
+
+async function toggleFullscreen() {
+  try {
+    if (document.fullscreenElement) {
+      await document.exitFullscreen();
+    } else {
+      await containerRef.value?.requestFullscreen();
+    }
+  } catch {
+    /* ignored */
+  }
+}
+
+function onFullscreenChange() {
+  isFullscreen.value = !!document.fullscreenElement;
+}
+
+// fullscreenchange 是 document 级别事件，必须在 onUnmounted 中清理，
+// 否则 keep-alive / 重复进入会累积监听器
+onMounted(() => {
+  document.addEventListener("fullscreenchange", onFullscreenChange);
+});
+
+onUnmounted(() => {
+  document.removeEventListener("fullscreenchange", onFullscreenChange);
+});
+
+provide("toggleFullscreen", toggleFullscreen);
+provide("isFullscreen", isFullscreen);
+
+/* ========== 粒子背景 ========== */
+let ctx: CanvasRenderingContext2D | null = null;
+interface Particle {
+  x: number;
+  y: number;
+  vx: number;
+  vy: number;
+  r: number;
+}
+let particles: Particle[] = [];
+
+function initParticles() {
+  const c = canvasRef.value;
+  if (!c) return;
+  ctx = c.getContext("2d");
+  resizeCanvas();
+  spawnParticles();
+  tick();
+}
+
+function resizeCanvas() {
+  const c = canvasRef.value;
+  if (!c || !containerRef.value) return;
+  c.width = containerRef.value.clientWidth;
+  c.height = containerRef.value.clientHeight;
+}
+
+function spawnParticles() {
+  const c = canvasRef.value;
+  if (!c) return;
+  const count = Math.floor((c.width * c.height) / 18000);
+  particles = Array.from({ length: count }, () => ({
+    x: Math.random() * c.width,
+    y: Math.random() * c.height,
+    vx: (Math.random() - 0.5) * 0.4,
+    vy: (Math.random() - 0.5) * 0.4,
+    r: Math.random() * 1.5 + 0.5,
+  }));
+}
+
+function tick() {
+  if (!ctx || !canvasRef.value) return;
+  const c = canvasRef.value;
+  const w = c.width;
+  const h = c.height;
+  ctx.clearRect(0, 0, w, h);
+
+  for (const p of particles) {
+    p.x += p.vx;
+    p.y += p.vy;
+    if (p.x < 0) p.x = w;
+    if (p.x > w) p.x = 0;
+    if (p.y < 0) p.y = h;
+    if (p.y > h) p.y = 0;
+  }
+
+  for (let i = 0; i < particles.length; i++) {
+    const a = particles[i]!;
+    ctx.beginPath();
+    ctx.arc(a.x, a.y, a.r, 0, Math.PI * 2);
+    ctx.fillStyle = "rgba(0,212,255,0.25)";
+    ctx.fill();
+
+    for (let j = i + 1; j < particles.length; j++) {
+      const b = particles[j]!;
+      const dx = a.x - b.x;
+      const dy = a.y - b.y;
+      const dist = Math.sqrt(dx * dx + dy * dy);
+      if (dist < 120) {
+        ctx.beginPath();
+        ctx.moveTo(a.x, a.y);
+        ctx.lineTo(b.x, b.y);
+        ctx.strokeStyle = `rgba(0,212,255,${0.06 * (1 - dist / 120)})`;
+        ctx.lineWidth = 0.5;
+        ctx.stroke();
+      }
+    }
+  }
+
+  animFrame.value = requestAnimationFrame(tick);
+}
+
+onMounted(() => {
+  const timeTick = () => {
+    updateTime.value = new Date().toLocaleTimeString("zh-CN", { hour12: false });
+  };
+  timeTick();
+  window.setInterval(timeTick, 1000);
+  initParticles();
+  statsTimer = window.setInterval(updateStats, 3000);
+  updateStats();
+  window.addEventListener("resize", () => {
+    resizeCanvas();
+    spawnParticles();
+  });
+});
+
+onUnmounted(() => {
+  cancelAnimationFrame(animFrame.value);
+  clearInterval(statsTimer);
+  document.removeEventListener("fullscreenchange", onFullscreenChange);
+  if (document.fullscreenElement) {
+    document.exitFullscreen().catch(() => {});
+  }
+});
+</script>
+
+<style scoped>
+.screen-container {
+  --bg: #060b24;
+  --accent: #00d4ff;
+  --text: #b8c6e0;
+  --border: rgb(0 180 255 / 12%);
+
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+  font-family: "PingFang SC", "Microsoft YaHei", monospace;
+  color: var(--text);
+  background: var(--bg);
+}
+
+.particle-canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+}
+
+.scan-line {
+  position: absolute;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 1px;
+  pointer-events: none;
+  opacity: 0.08;
+  will-change: transform;
+}
+
+.scan-1 {
+  top: 0;
+  background: linear-gradient(90deg, transparent, var(--accent), transparent);
+  animation: scanDown 6s linear infinite;
+}
+
+.scan-2 {
+  top: 100%;
+  background: linear-gradient(90deg, transparent, #7c3aed, transparent);
+  animation: scanDown 6s linear 3s infinite;
+}
+@keyframes scanDown {
+  0% {
+    transform: translateY(0);
+  }
+
+  100% {
+    transform: translateY(-100vh);
+  }
+}
+
+/* ===== 背景网格 ===== */
+.screen-container::after {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  pointer-events: none;
+  content: "";
+  background-image:
+    linear-gradient(rgb(0 212 255 / 3%) 1px, transparent 1px),
+    linear-gradient(90deg, rgb(0 212 255 / 3%) 1px, transparent 1px);
+  background-size: 60px 60px;
+}
+
+/* ===== 顶部指标卡 ===== */
+.stat-row {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  flex-shrink: 0;
+  gap: 16px;
+  padding: 0 16px 16px;
+}
+
+.stat-card {
+  position: relative;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+  padding: 18px 24px;
+  overflow: hidden;
+  background: linear-gradient(135deg, rgb(0 20 60 / 60%) 0%, rgb(0 10 40 / 50%) 100%);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+}
+
+.stat-card::before {
+  position: absolute;
+  top: -1px;
+  right: 14px;
+  left: 14px;
+  height: 1px;
+  content: "";
+  background: linear-gradient(90deg, transparent, rgb(0 212 255 / 40%), transparent);
+}
+
+.stat-card::after {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 8px;
+  height: 8px;
+  content: "";
+  border-top: 1px solid rgb(0 212 255 / 50%);
+  border-left: 1px solid rgb(0 212 255 / 50%);
+}
+
+.stat-val {
+  margin-bottom: 6px;
+  font-size: 28px;
+  font-weight: 800;
+  line-height: 1;
+}
+
+.stat-cyan {
+  color: #00d4ff;
+}
+
+.stat-purple {
+  color: #7c3aed;
+}
+
+.stat-green {
+  color: #10b981;
+}
+
+.stat-warn {
+  color: #f59e0b;
+}
+
+.stat-teal {
+  color: #14b8a6;
+}
+
+.stat-rose {
+  color: #f43f5e;
+}
+
+.stat-label {
+  margin-bottom: 6px;
+  font-size: 11px;
+  opacity: 0.4;
+}
+
+.stat-sub {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  font-size: 10px;
+}
+
+.stat-sub .up {
+  color: #10b981;
+}
+
+.stat-sub .down {
+  color: #f59e0b;
+}
+
+.stat-vs {
+  opacity: 0.3;
+}
+
+/* ===== Grid 主体 ===== */
+.screen-grid {
+  position: relative;
+  z-index: 2;
+  display: grid;
+  flex: 1;
+  grid-template-rows: repeat(2, 1fr);
+  grid-template-columns: repeat(12, 1fr);
+  gap: 16px;
+  min-height: 0;
+  padding: 0 16px 16px;
+}
+
+.gp-r1 {
+  grid-row: 1;
+}
+
+.gp-r2 {
+  grid-row: 2;
+}
+
+.gp-c1-3 {
+  grid-column: 1 / 3;
+}
+
+.gp-c1-4 {
+  grid-column: 1 / 4;
+}
+
+.gp-c3-5 {
+  grid-column: 3 / 5;
+}
+
+.gp-c4-10 {
+  grid-column: 4 / 10;
+}
+
+.gp-c5-9 {
+  grid-column: 5 / 9;
+}
+
+.gp-c9-11 {
+  grid-column: 9 / 11;
+}
+
+.gp-c10-13 {
+  grid-column: 10 / 13;
+}
+
+.gp-c11-13 {
+  grid-column: 11 / 13;
+}
+
+/* ===== 共享面板 ===== */
+:deep(.panel) {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 18px 16px;
+  overflow: hidden;
+  background: linear-gradient(180deg, rgb(0 30 80 / 55%) 0%, rgb(6 11 36 / 70%) 100%);
+  border: 1px solid var(--border);
+  border-radius: 14px;
+}
+
+:deep(.panel)::before {
+  position: absolute;
+  top: 0;
+  right: 20px;
+  left: 20px;
+  z-index: 1;
+  height: 1px;
+  pointer-events: none;
+  content: "";
+  background: linear-gradient(90deg, transparent, rgb(0 212 255 / 30%), transparent);
+}
+
+:deep(.panel)::after {
+  position: absolute;
+  inset: -1px;
+  z-index: 0;
+  pointer-events: none;
+  content: "";
+  background:
+    linear-gradient(to right, rgb(0 212 255 / 30%) 1px, transparent 1px) 0 0 / 12px 1px no-repeat,
+    linear-gradient(to bottom, rgb(0 212 255 / 30%) 1px, transparent 1px) 0 0 / 1px 12px no-repeat,
+    linear-gradient(to left, rgb(0 212 255 / 30%) 1px, transparent 1px) 100% 0 / 12px 1px no-repeat,
+    linear-gradient(to bottom, rgb(0 212 255 / 30%) 1px, transparent 1px) 100% 0 / 1px 12px
+      no-repeat,
+    linear-gradient(to right, rgb(0 212 255 / 30%) 1px, transparent 1px) 0 100% / 12px 1px no-repeat,
+    linear-gradient(to top, rgb(0 212 255 / 30%) 1px, transparent 1px) 0 100% / 1px 12px no-repeat,
+    linear-gradient(to left, rgb(0 212 255 / 30%) 1px, transparent 1px) 100% 100% / 12px 1px
+      no-repeat,
+    linear-gradient(to top, rgb(0 212 255 / 30%) 1px, transparent 1px) 100% 100% / 1px 12px
+      no-repeat;
+  border-radius: 14px;
+}
+
+:deep(.map-panel) {
+  padding: 0;
+  overflow: hidden;
+}
+
+:deep(.map-panel)::after {
+  background: none;
+}
+
+:deep(.map-panel > div) {
+  height: 100% !important;
+  padding: 12px;
+}
+
+:deep(#china-map) {
+  border-radius: 12px;
+}
+
+:deep(.panel-hd) {
+  display: flex;
+  flex-shrink: 0;
+  gap: 8px;
+  align-items: center;
+  padding-bottom: 12px;
+  margin-bottom: 10px;
+  font-size: 15px;
+  font-weight: 600;
+  letter-spacing: 1px;
+  border-bottom: 1px solid rgb(0 212 255 / 8%);
+}
+
+:deep(.dot) {
+  display: inline-block;
+  flex-shrink: 0;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  box-shadow: 0 0 6px currentcolor;
+}
+
+:deep(.dot.accent) {
+  color: var(--accent);
+  background: var(--accent);
+}
+
+:deep(.dot.green) {
+  color: #10b981;
+  background: #10b981;
+}
+
+:deep(.dot.warn) {
+  color: #f59e0b;
+  background: #f59e0b;
+}
+
+:deep(.dot.purple) {
+  color: #7c3aed;
+  background: #7c3aed;
+}
+
+/* ===== 大卡片行 x6 ===== */
+.card-row {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  flex-shrink: 0;
+  gap: 16px;
+  height: 180px;
+  padding: 0 16px 16px;
+}
+
+.card-row > * {
+  flex: 1;
+}
+
+/* ===== 底部状态栏 ===== */
+.bottom-bar {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  flex-shrink: 0;
+  gap: 24px;
+  align-items: center;
+  padding: 10px 24px;
+  margin: 0 16px 16px;
+  font-size: 11px;
+  background: linear-gradient(90deg, rgb(0 20 60 / 50%) 0%, rgb(0 20 60 / 30%) 100%);
+  border: 1px solid rgb(0 180 255 / 10%);
+  border-radius: 8px;
+  opacity: 0.7;
+}
+
+.bb-item {
+  display: flex;
+  flex-shrink: 0;
+  gap: 6px;
+  align-items: center;
+}
+
+.bb-dot {
+  width: 6px;
+  height: 6px;
+  background: #10b981;
+  border-radius: 50%;
+  box-shadow: 0 0 6px #10b981;
+}
+
+.bb-ticker {
+  flex: 1;
+  overflow: hidden;
+  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
+}
+
+.ticker-track {
+  display: flex;
+  gap: 32px;
+  white-space: nowrap;
+  animation: tickerScroll 20s linear infinite;
+}
+
+.ticker-item {
+  flex-shrink: 0;
+}
+@keyframes tickerScroll {
+  0% {
+    transform: translateX(0);
+  }
+
+  100% {
+    transform: translateX(-100%);
+  }
+}
+
+.bb-items-right {
+  display: flex;
+  flex-shrink: 0;
+  gap: 14px;
+  align-items: center;
+}
+
+.bb-meta {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  font-size: 10px;
+  opacity: 0.6;
+}
+
+.bb-meta-dot {
+  flex-shrink: 0;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+}
+
+.sr-cyan {
+  background: #00d4ff;
+  box-shadow: 0 0 5px #00d4ff;
+}
+
+.sr-green {
+  background: #10b981;
+  box-shadow: 0 0 5px #10b981;
+}
+
+.sr-purple {
+  background: #7c3aed;
+  box-shadow: 0 0 5px #7c3aed;
+}
+
+.sr-warn {
+  background: #f59e0b;
+  box-shadow: 0 0 5px #f59e0b;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/ChannelDonut.vue b/src/views/dashboard/screen/modules/ChannelDonut.vue
new file mode 100644
index 0000000..7f4fd18
--- /dev/null
+++ b/src/views/dashboard/screen/modules/ChannelDonut.vue
@@ -0,0 +1,100 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot accent" />交易渠道占比</div>
+    <div ref="chartRef" class="chart-box" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "ChannelDonut" });
+
+const chartRef = ref<HTMLDivElement>();
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    tooltip: {
+      trigger: "item" as const,
+      backgroundColor: "#0f143c",
+      borderColor: "#1a2050",
+      textStyle: { color: "#e0e6ff", fontSize: 10 },
+      formatter: "{b}: {c}万 ({d}%)",
+    },
+    legend: {
+      bottom: 0,
+      textStyle: { color: "#94a3b8", fontSize: 9 },
+      itemWidth: 8,
+      itemHeight: 8,
+    },
+    series: [
+      {
+        type: "pie",
+        radius: ["50%", "70%"],
+        center: ["50%", "45%"],
+        label: { show: false },
+        emphasis: {
+          scaleSize: 6,
+          label: { show: true, fontSize: 10, color: "#94a3b8", formatter: "{b}\n{d}%" },
+        },
+        itemStyle: { borderColor: "#060b24", borderWidth: 2 },
+        data: [
+          { value: 48.5, name: "微信支付", itemStyle: { color: "#00d4ff" } },
+          { value: 28.3, name: "支付宝", itemStyle: { color: "#7c3aed" } },
+          { value: 15.2, name: "银联云闪付", itemStyle: { color: "#10b981" } },
+          { value: 8.0, name: "其他", itemStyle: { color: "#f59e0b" } },
+        ],
+      },
+    ],
+  });
+}
+
+function handleResize() {
+  if (chart && !chart.isDisposed()) chart.resize();
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const r1 = +(40 + Math.random() * 15).toFixed(1);
+  const r2 = +(22 + Math.random() * 12).toFixed(1);
+  const r3 = +(10 + Math.random() * 10).toFixed(1);
+  const r4 = +(100 - +r1 - +r2 - +r3).toFixed(1);
+  chart.setOption({
+    series: [{ data: [{ value: r1 }, { value: r2 }, { value: r3 }, { value: r4 }] }],
+  });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 5000);
+    }
+  });
+  observer.observe(el);
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  clearInterval(timer);
+  window.removeEventListener("resize", handleResize);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.chart-box {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/DataOverview.vue b/src/views/dashboard/screen/modules/DataOverview.vue
new file mode 100644
index 0000000..db69df2
--- /dev/null
+++ b/src/views/dashboard/screen/modules/DataOverview.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="panel p1 col-3">
+    <div class="panel-hd"><span class="dot accent" />数据概览</div>
+    <div class="stats-row">
+      <div v-for="c in overview" :key="c.label" class="stat-card" :style="{ borderColor: c.color }">
+        <div class="stat-icon" :style="{ background: c.color + '18', color: c.color }">
+          {{ c.icon }}
+        </div>
+        <div>
+          <span class="stat-val" :style="{ color: c.color }">{{ c.value }}</span>
+          <span class="stat-label">{{ c.label }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+defineOptions({ name: "DataOverview" });
+
+const overview = ref([
+  { label: "总用户数", value: "12,542", icon: "👤", color: "#00d4ff" },
+  { label: "今日活跃", value: "387", icon: "⚡", color: "#10b981" },
+  { label: "API 调用", value: "89.2K", icon: "🔗", color: "#7c3aed" },
+  { label: "告警数", value: "2", icon: "⚠️", color: "#ef4444" },
+]);
+</script>
+
+<style scoped>
+.stats-row {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 10px;
+}
+
+.stat-card {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  padding: 12px;
+  background: rgb(12 18 48 / 60%);
+  border: 1px solid;
+  border-radius: 8px;
+  transition:
+    transform 0.2s,
+    box-shadow 0.3s;
+}
+
+.stat-card:hover {
+  transform: translateY(-1px);
+}
+
+.stat-icon {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 38px;
+  height: 38px;
+  font-size: 18px;
+  border-radius: 8px;
+}
+
+.stat-val {
+  display: block;
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+.stat-label {
+  font-size: 12px;
+  opacity: 0.5;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/FunnelChart.vue b/src/views/dashboard/screen/modules/FunnelChart.vue
new file mode 100644
index 0000000..876b369
--- /dev/null
+++ b/src/views/dashboard/screen/modules/FunnelChart.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot purple" />用户转化漏斗</div>
+    <div class="funnel-list">
+      <div v-for="(item, i) in data" :key="item.label" class="fn-item">
+        <div class="fn-row">
+          <span class="fn-idx" :style="{ background: colors[i] }">{{ i + 1 }}</span>
+          <span class="fn-label">{{ item.label }}</span>
+          <span class="fn-val">{{ item.value }}</span>
+          <span class="fn-rate" :style="{ color: colors[i] }">转化率 {{ item.rate }}%</span>
+        </div>
+        <div class="fn-bar-wrap">
+          <div class="fn-bar" :style="{ width: item.pct + '%', background: colors[i] }" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, onMounted, onUnmounted } from "vue";
+
+defineOptions({ name: "FunnelChart" });
+
+const colors = ["#00d4ff", "#7c3aed", "#10b981", "#f59e0b"];
+
+const data = reactive([
+  { label: "曝光", value: "12,850", rate: 100, pct: 100 },
+  { label: "点击", value: "4,320", rate: 34, pct: 34 },
+  { label: "下单", value: "1,845", rate: 14, pct: 14 },
+  { label: "支付", value: "963", rate: 8, pct: 8 },
+]);
+
+let timer = 0;
+
+function tick() {
+  const bases = [12850, 4320, 1845, 963];
+  const vals = bases.map((b, i) => Math.round(b + (Math.random() - 0.5) * b * 0.08 * (4 - i)));
+  const max = vals[0]!;
+  data.forEach((item, i) => {
+    item.value = vals[i]!.toLocaleString();
+    item.rate = Math.round((vals[i]! / max) * 100);
+    item.pct = (vals[i]! / max) * 100;
+  });
+}
+
+onMounted(() => {
+  tick();
+  timer = window.setInterval(tick, 5000);
+});
+onUnmounted(() => clearInterval(timer));
+</script>
+
+<style scoped>
+.funnel-list {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 5px;
+  justify-content: center;
+}
+
+.fn-item {
+  padding: 2px 0;
+}
+
+.fn-row {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  margin-bottom: 3px;
+  font-size: 10px;
+}
+
+.fn-idx {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  font-size: 8px;
+  font-weight: 700;
+  color: #fff;
+  border-radius: 3px;
+}
+
+.fn-label {
+  flex-shrink: 0;
+  width: 28px;
+  opacity: 0.5;
+}
+
+.fn-val {
+  flex: 1;
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+  opacity: 0.8;
+}
+
+.fn-rate {
+  flex-shrink: 0;
+  width: 54px;
+  font-size: 9px;
+  font-weight: 600;
+  text-align: right;
+}
+
+.fn-bar-wrap {
+  height: 3px;
+  overflow: hidden;
+  background: rgb(26 40 80 / 40%);
+  border-radius: 2px;
+}
+
+.fn-bar {
+  height: 100%;
+  border-radius: 2px;
+  transition: width 0.8s;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/HotRanking.vue b/src/views/dashboard/screen/modules/HotRanking.vue
new file mode 100644
index 0000000..1fd1a12
--- /dev/null
+++ b/src/views/dashboard/screen/modules/HotRanking.vue
@@ -0,0 +1,163 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd">
+      <span class="dot warn" />热门排行
+      <span class="rank-badge">实时</span>
+    </div>
+    <div class="rank-list">
+      <div v-for="(item, i) in list" :key="item.name" class="rank-row">
+        <span class="rank-idx" :class="'top' + (i + 1)">{{ i + 1 }}</span>
+        <span class="rank-name">{{ item.name }}</span>
+        <span class="rank-bar-wrap">
+          <span
+            class="rank-bar"
+            :style="{ width: item.ratio * 100 + '%', background: item.color }"
+          />
+        </span>
+        <span class="rank-val">{{ item.value }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, onMounted, onUnmounted } from "vue";
+
+defineOptions({ name: "HotRanking" });
+
+const colors = [
+  "#00d4ff",
+  "#7c3aed",
+  "#10b981",
+  "#f59e0b",
+  "#ef4444",
+  "#ec4899",
+  "#06b6d4",
+  "#f97316",
+];
+
+const list = reactive([
+  { name: "iPhone 15 Pro", value: "892单", ratio: 0, color: colors[0] },
+  { name: "MacBook Air M3", value: "651单", ratio: 0, color: colors[1] },
+  { name: "AirPods Pro 2", value: "534单", ratio: 0, color: colors[2] },
+  { name: "iPad Mini 7", value: "412单", ratio: 0, color: colors[3] },
+  { name: "Apple Watch S9", value: "298单", ratio: 0, color: colors[4] },
+  { name: "Samsung S24 Ultra", value: "187单", ratio: 0, color: colors[5] },
+  { name: "华为 Mate 60 Pro", value: "165单", ratio: 0, color: colors[6] },
+  { name: "Sony WH-1000XM5", value: "142单", ratio: 0, color: colors[7] },
+]);
+
+let timer = 0;
+
+function tick() {
+  const vals = list.map(() => Math.round(100 + Math.random() * 800));
+  const max = Math.max(...vals);
+  list.forEach((item, i) => {
+    item.value = vals[i]! + "单";
+    item.ratio = vals[i]! / max;
+  });
+  list.sort((a, b) => parseInt(b.value) - parseInt(a.value));
+}
+
+onMounted(() => {
+  tick();
+  timer = window.setInterval(tick, 5000);
+});
+onUnmounted(() => clearInterval(timer));
+</script>
+
+<style scoped>
+.rank-list {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 5px;
+  overflow: auto;
+}
+
+.rank-row {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: 11px;
+}
+
+.rank-idx {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  font-size: 10px;
+  font-weight: 700;
+  background: rgb(26 40 80 / 60%);
+  border-radius: 4px;
+}
+
+.rank-idx.top1 {
+  color: #00d4ff;
+  background: rgb(0 212 255 / 20%);
+}
+
+.rank-idx.top2 {
+  color: #7c3aed;
+  background: rgb(124 58 237 / 20%);
+}
+
+.rank-idx.top3 {
+  color: #10b981;
+  background: rgb(16 185 129 / 20%);
+}
+
+.rank-name {
+  flex-shrink: 0;
+  width: 100px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.rank-bar-wrap {
+  flex: 1;
+  height: 5px;
+  overflow: hidden;
+  background: rgb(26 40 80 / 40%);
+  border-radius: 3px;
+}
+
+.rank-bar {
+  display: block;
+  height: 100%;
+  border-radius: 3px;
+  transition: width 0.6s;
+}
+
+.rank-val {
+  flex-shrink: 0;
+  font-size: 11px;
+  font-variant-numeric: tabular-nums;
+  opacity: 0.7;
+}
+
+.rank-badge {
+  padding: 2px 8px;
+  margin-left: auto;
+  font-size: 10px;
+  color: #f59e0b;
+  background: rgb(245 158 11 / 15%);
+  border-radius: 10px;
+  opacity: 0.5;
+  animation: blink 2s infinite;
+}
+@keyframes blink {
+  0%,
+  100% {
+    opacity: 0.5;
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/LiveMetrics.vue b/src/views/dashboard/screen/modules/LiveMetrics.vue
new file mode 100644
index 0000000..76e0711
--- /dev/null
+++ b/src/views/dashboard/screen/modules/LiveMetrics.vue
@@ -0,0 +1,99 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot warn" />服务健康度</div>
+    <div class="metric-list">
+      <div v-for="m in metrics" :key="m.label" class="metric-row">
+        <div class="mr-label">{{ m.label }}</div>
+        <div class="mr-value" :style="{ color: m.color }">
+          {{ m.value }}<span class="mr-unit">{{ m.unit }}</span>
+        </div>
+        <div class="mr-bar-wrap">
+          <div ref="barRefs" class="mr-bar" :style="{ width: m.pct + '%', background: m.color }" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, onMounted, onUnmounted } from "vue";
+
+defineOptions({ name: "LiveMetrics" });
+
+const metrics = reactive([
+  { label: "QPS(每秒请求)", value: "3.2", unit: "K", color: "#00d4ff", pct: 0, base: 3200 },
+  { label: "P99 耗时", value: "12", unit: "ms", color: "#7c3aed", pct: 0, base: 12 },
+  { label: "错误率", value: "0.03", unit: "%", color: "#ef4444", pct: 0, base: 0.03 },
+  { label: "服务可用率", value: "99.99", unit: "%", color: "#10b981", pct: 0, base: 99.99 },
+]);
+
+let timer = 0;
+
+function tick() {
+  metrics[0]!.base = Math.round(2800 + Math.random() * 800);
+  metrics[1]!.base = Math.round(8 + Math.random() * 20);
+  metrics[2]!.base = +(0.01 + Math.random() * 0.08).toFixed(2);
+  metrics[3]!.base = +(99.95 + Math.random() * 0.05).toFixed(2);
+  metrics[0]!.value = (metrics[0]!.base / 1000).toFixed(1);
+  metrics[1]!.value = String(metrics[1]!.base);
+  metrics[2]!.value = String(metrics[2]!.base);
+  metrics[3]!.value = String(metrics[3]!.base);
+  metrics[0]!.pct = (metrics[0]!.base / 4000) * 100;
+  metrics[1]!.pct = (metrics[1]!.base / 30) * 100;
+  metrics[2]!.pct = (metrics[2]!.base / 0.1) * 100;
+  metrics[3]!.pct = (+(metrics[3]!.base - 99.9) / 0.1) * 100;
+}
+
+onMounted(() => {
+  tick();
+  timer = window.setInterval(tick, 3000);
+});
+onUnmounted(() => clearInterval(timer));
+</script>
+
+<style scoped>
+.metric-list {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 4px;
+  justify-content: center;
+}
+
+.metric-row {
+  padding: 2px 0;
+}
+
+.mr-label {
+  margin-bottom: 2px;
+  font-size: 10px;
+  opacity: 0.35;
+}
+
+.mr-value {
+  margin-bottom: 3px;
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.mr-unit {
+  margin-left: 2px;
+  font-size: 10px;
+  font-weight: 400;
+  opacity: 0.4;
+}
+
+.mr-bar-wrap {
+  height: 2px;
+  overflow: hidden;
+  background: rgb(26 40 80 / 40%);
+  border-radius: 1px;
+}
+
+.mr-bar {
+  height: 100%;
+  border-radius: 1px;
+  transition: width 0.8s;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/MiniInventory.vue b/src/views/dashboard/screen/modules/MiniInventory.vue
new file mode 100644
index 0000000..1d5ef11
--- /dev/null
+++ b/src/views/dashboard/screen/modules/MiniInventory.vue
@@ -0,0 +1,125 @@
+<template>
+  <div class="mini-chart-panel">
+    <div class="mc-hd">库存周转天数</div>
+    <div class="mc-value" style="color: #14b8a6">{{ val }}<span class="mc-unit">天</span></div>
+    <div class="progress-wrap">
+      <div class="progress-track">
+        <div
+          class="progress-fill"
+          :style="{ width: pct + '%', background: 'linear-gradient(90deg, #14b8a6, #06b6d4)' }"
+        />
+      </div>
+      <div class="progress-markers">
+        <span>0</span><span>5</span><span>10</span><span>15</span><span>20</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+
+defineOptions({ name: "MiniInventory" });
+
+const val = ref(8.5);
+const pct = ref(42.5);
+let timer = 0;
+
+function tick() {
+  const n = +(6 + Math.random() * 6).toFixed(1);
+  val.value = n;
+  pct.value = (n / 20) * 100;
+}
+
+onMounted(() => {
+  tick();
+  timer = window.setInterval(tick, 4000);
+});
+onUnmounted(() => clearInterval(timer));
+</script>
+
+<style scoped>
+.mini-chart-panel {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 10px 12px;
+  overflow: hidden;
+  background: linear-gradient(180deg, rgb(0 30 80 / 55%) 0%, rgb(6 11 36 / 70%) 100%);
+  border: 1px solid var(--border, rgb(0 180 255 / 12%));
+  border-radius: 10px;
+}
+
+.mini-chart-panel::after {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 6px;
+  height: 6px;
+  content: "";
+  border-top: 1px solid rgb(20 184 166 / 40%);
+  border-left: 1px solid rgb(20 184 166 / 40%);
+}
+
+.mc-hd {
+  margin-bottom: 2px;
+  font-size: 10px;
+  opacity: 0.35;
+}
+
+.mc-value {
+  margin-bottom: 8px;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.mc-unit {
+  margin-left: 2px;
+  font-size: 9px;
+  font-weight: 400;
+  opacity: 0.4;
+}
+
+.progress-wrap {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+
+.progress-track {
+  position: relative;
+  height: 6px;
+  overflow: hidden;
+  background: rgb(26 40 80 / 40%);
+  border-radius: 3px;
+}
+
+.progress-fill {
+  position: relative;
+  height: 100%;
+  border-radius: 3px;
+  transition: width 0.8s;
+}
+
+.progress-fill::after {
+  position: absolute;
+  top: -2px;
+  right: 0;
+  width: 10px;
+  height: 10px;
+  content: "";
+  background: #14b8a6;
+  border-radius: 50%;
+  box-shadow: 0 0 8px #14b8a6;
+}
+
+.progress-markers {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 3px;
+  font-size: 8px;
+  opacity: 0.25;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/MiniOrders.vue b/src/views/dashboard/screen/modules/MiniOrders.vue
new file mode 100644
index 0000000..df5877c
--- /dev/null
+++ b/src/views/dashboard/screen/modules/MiniOrders.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="mini-chart-panel">
+    <div class="mc-hd">已完成订单</div>
+    <div class="mc-value" style="color: #7c3aed">{{ val }}</div>
+    <div ref="chartRef" class="mc-chart" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "MiniOrders" });
+
+const chartRef = ref<HTMLDivElement>();
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+const val = ref(3856);
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    tooltip: { show: false },
+    series: [
+      {
+        type: "pie",
+        radius: ["55%", "78%"],
+        center: ["50%", "58%"],
+        label: { show: false },
+        itemStyle: { borderColor: "#060b24", borderWidth: 1 },
+        data: [
+          { value: 3856, name: "已完成", itemStyle: { color: "#7c3aed" } },
+          { value: 843, name: "处理中", itemStyle: { color: "#a78bfa" } },
+          { value: 213, name: "待付款", itemStyle: { color: "#1a2050" } },
+        ],
+      },
+    ],
+  });
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const n = Math.round(3000 + Math.random() * 2000);
+  val.value = n;
+  chart.setOption({
+    series: [
+      {
+        data: [
+          { value: n },
+          { value: Math.round(500 + Math.random() * 600) },
+          { value: Math.round(100 + Math.random() * 200) },
+        ],
+      },
+    ],
+  });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 5000);
+    }
+  });
+  observer.observe(el);
+});
+onUnmounted(() => {
+  clearInterval(timer);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.mini-chart-panel {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 10px 12px;
+  overflow: hidden;
+  background: linear-gradient(180deg, rgb(0 30 80 / 55%) 0%, rgb(6 11 36 / 70%) 100%);
+  border: 1px solid var(--border, rgb(0 180 255 / 12%));
+  border-radius: 10px;
+}
+
+.mini-chart-panel::after {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 6px;
+  height: 6px;
+  content: "";
+  border-top: 1px solid rgb(124 58 237 / 40%);
+  border-left: 1px solid rgb(124 58 237 / 40%);
+}
+
+.mc-hd {
+  margin-bottom: 2px;
+  font-size: 10px;
+  opacity: 0.35;
+}
+
+.mc-value {
+  margin-bottom: 0;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.mc-chart {
+  flex: 1;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/MiniRating.vue b/src/views/dashboard/screen/modules/MiniRating.vue
new file mode 100644
index 0000000..d6dd7bf
--- /dev/null
+++ b/src/views/dashboard/screen/modules/MiniRating.vue
@@ -0,0 +1,127 @@
+<template>
+  <div class="mini-chart-panel">
+    <div class="mc-hd">用户综合评分</div>
+    <div class="mc-value" style="color: #f43f5e">{{ val }}<span class="mc-unit">分</span></div>
+    <div ref="chartRef" class="mc-chart" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "MiniRating" });
+
+const chartRef = ref<HTMLDivElement>();
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+const val = ref(92);
+
+const indicators = [
+  { name: "商品质量", max: 100 },
+  { name: "服务态度", max: 100 },
+  { name: "物流速度", max: 100 },
+  { name: "性价比", max: 100 },
+  { name: "包装完好", max: 100 },
+];
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    radar: {
+      center: ["50%", "56%"],
+      radius: "60%",
+      indicator: indicators,
+      axisName: { color: "#94a3b8", fontSize: 7 },
+      splitArea: { areaStyle: { color: ["rgba(244,63,94,0.02)", "rgba(244,63,94,0.02)"] } },
+      splitLine: { lineStyle: { color: "#1a2050" } },
+      axisLine: { lineStyle: { color: "#1a2050" } },
+    },
+    series: [
+      {
+        type: "radar",
+        symbol: "none",
+        lineStyle: { color: "#f43f5e", width: 1.5 },
+        areaStyle: { color: "rgba(244,63,94,0.1)" },
+        data: [{ value: [96, 91, 88, 85, 94] }],
+      },
+    ],
+  });
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const v = indicators.map(() => Math.round(80 + Math.random() * 20));
+  const avg = Math.round(v.reduce((a, b) => a + b, 0) / v.length);
+  val.value = avg;
+  chart.setOption({ series: [{ data: [{ value: v }] }] });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 5000);
+    }
+  });
+  observer.observe(el);
+});
+onUnmounted(() => {
+  clearInterval(timer);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.mini-chart-panel {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 10px 12px;
+  overflow: hidden;
+  background: linear-gradient(180deg, rgb(0 30 80 / 55%) 0%, rgb(6 11 36 / 70%) 100%);
+  border: 1px solid var(--border, rgb(0 180 255 / 12%));
+  border-radius: 10px;
+}
+
+.mini-chart-panel::after {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 6px;
+  height: 6px;
+  content: "";
+  border-top: 1px solid rgb(244 63 94 / 40%);
+  border-left: 1px solid rgb(244 63 94 / 40%);
+}
+
+.mc-hd {
+  margin-bottom: 2px;
+  font-size: 10px;
+  opacity: 0.35;
+}
+
+.mc-value {
+  margin-bottom: 0;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.mc-unit {
+  margin-left: 2px;
+  font-size: 9px;
+  font-weight: 400;
+  opacity: 0.4;
+}
+
+.mc-chart {
+  flex: 1;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/MiniRefund.vue b/src/views/dashboard/screen/modules/MiniRefund.vue
new file mode 100644
index 0000000..70dd9a4
--- /dev/null
+++ b/src/views/dashboard/screen/modules/MiniRefund.vue
@@ -0,0 +1,123 @@
+<template>
+  <div class="mini-chart-panel">
+    <div class="mc-hd">售后退款率</div>
+    <div class="mc-value" style="color: #f59e0b">{{ val }}<span class="mc-unit">%</span></div>
+    <div ref="chartRef" class="mc-chart" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "MiniRefund" });
+
+const chartRef = ref<HTMLDivElement>();
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+const val = ref(2.1);
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    grid: { top: 8, right: 4, bottom: 2, left: 2 },
+    xAxis: {
+      type: "category",
+      show: false,
+      data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
+    },
+    yAxis: { type: "value", show: false, min: 0, max: 4 },
+    series: [
+      {
+        type: "bar",
+        barWidth: 5,
+        barGap: "30%",
+        itemStyle: {
+          borderRadius: [2, 2, 0, 0],
+          color: (p: any) => (p.dataIndex < 5 ? "#f59e0b" : "#ef4444"),
+        },
+        data: [2.4, 2.2, 2.5, 2.1, 2.3, 2.0, 2.1],
+      },
+    ],
+  });
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const n = +(1.5 + Math.random() * 1.5).toFixed(1);
+  val.value = n;
+  const d = chart.getOption() as { series: [{ data: number[] }] };
+  const arr = d.series[0].data;
+  arr.push(n);
+  arr.shift();
+  chart.setOption({ series: [{ data: arr }] });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 5000);
+    }
+  });
+  observer.observe(el);
+});
+onUnmounted(() => {
+  clearInterval(timer);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.mini-chart-panel {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 10px 12px;
+  overflow: hidden;
+  background: linear-gradient(180deg, rgb(0 30 80 / 55%) 0%, rgb(6 11 36 / 70%) 100%);
+  border: 1px solid var(--border, rgb(0 180 255 / 12%));
+  border-radius: 10px;
+}
+
+.mini-chart-panel::after {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 6px;
+  height: 6px;
+  content: "";
+  border-top: 1px solid rgb(245 158 11 / 40%);
+  border-left: 1px solid rgb(245 158 11 / 40%);
+}
+
+.mc-hd {
+  margin-bottom: 2px;
+  font-size: 10px;
+  opacity: 0.35;
+}
+
+.mc-value {
+  margin-bottom: 0;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.mc-unit {
+  margin-left: 2px;
+  font-size: 9px;
+  font-weight: 400;
+  opacity: 0.4;
+}
+
+.mc-chart {
+  flex: 1;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/MiniRevenue.vue b/src/views/dashboard/screen/modules/MiniRevenue.vue
new file mode 100644
index 0000000..e0aa500
--- /dev/null
+++ b/src/views/dashboard/screen/modules/MiniRevenue.vue
@@ -0,0 +1,134 @@
+<template>
+  <div class="mini-chart-panel">
+    <div class="mc-hd">当日交易额</div>
+    <div class="mc-value" style="color: #00d4ff">¥{{ val }}<span class="mc-unit">万</span></div>
+    <div ref="chartRef" class="mc-chart" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "MiniRevenue" });
+
+const chartRef = ref<HTMLDivElement>();
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+const val = ref(128.6);
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    series: [
+      {
+        type: "gauge",
+        startAngle: 210,
+        endAngle: -30,
+        center: ["50%", "58%"],
+        radius: "78%",
+        min: 0,
+        max: 200,
+        axisLine: {
+          lineStyle: {
+            width: 6,
+            color: [
+              [0.5, "#00d4ff"],
+              [0.8, "#7c3aed"],
+              [1, "#ef4444"],
+            ],
+          },
+        },
+        pointer: { length: "55%", width: 3, itemStyle: { color: "#00d4ff" } },
+        axisTick: { show: false },
+        splitLine: { show: false },
+        axisLabel: { show: false },
+        detail: {
+          valueAnimation: true,
+          fontSize: 14,
+          fontWeight: 700,
+          color: "#00d4ff",
+          offsetCenter: [0, "42%"],
+          formatter: "",
+        },
+        data: [{ value: 128.6 }],
+      },
+    ],
+  });
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const n = +(105 + Math.random() * 50).toFixed(1);
+  val.value = n;
+  chart.setOption({ series: [{ data: [{ value: n }] }] });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 5000);
+    }
+  });
+  observer.observe(el);
+});
+onUnmounted(() => {
+  clearInterval(timer);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.mini-chart-panel {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 10px 12px;
+  overflow: hidden;
+  background: linear-gradient(180deg, rgb(0 30 80 / 55%) 0%, rgb(6 11 36 / 70%) 100%);
+  border: 1px solid var(--border, rgb(0 180 255 / 12%));
+  border-radius: 10px;
+}
+
+.mini-chart-panel::after {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 6px;
+  height: 6px;
+  content: "";
+  border-top: 1px solid rgb(0 212 255 / 40%);
+  border-left: 1px solid rgb(0 212 255 / 40%);
+}
+
+.mc-hd {
+  margin-bottom: 2px;
+  font-size: 10px;
+  opacity: 0.35;
+}
+
+.mc-value {
+  margin-bottom: 0;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.mc-unit {
+  margin-left: 2px;
+  font-size: 9px;
+  font-weight: 400;
+  opacity: 0.4;
+}
+
+.mc-chart {
+  flex: 1;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/MiniTraffic.vue b/src/views/dashboard/screen/modules/MiniTraffic.vue
new file mode 100644
index 0000000..8b30ea7
--- /dev/null
+++ b/src/views/dashboard/screen/modules/MiniTraffic.vue
@@ -0,0 +1,117 @@
+<template>
+  <div class="mini-chart-panel">
+    <div class="mc-hd">页面访问量(PV)</div>
+    <div class="mc-value" style="color: #10b981">{{ val }}</div>
+    <div ref="chartRef" class="mc-chart" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "MiniTraffic" });
+
+const chartRef = ref<HTMLDivElement>();
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+const val = ref(5210);
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    grid: { top: 8, right: 4, bottom: 2, left: 2 },
+    xAxis: { type: "category", show: false, data: ["", "", "", "", "", ""] },
+    yAxis: { type: "value", show: false },
+    series: [
+      {
+        type: "line",
+        smooth: true,
+        symbol: "circle",
+        symbolSize: 4,
+        lineStyle: { color: "#10b981", width: 2 },
+        itemStyle: { color: "#10b981" },
+        areaStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: "rgba(16,185,129,0.25)" },
+            { offset: 1, color: "rgba(16,185,129,0)" },
+          ]),
+        },
+        data: [3800, 4200, 4500, 4800, 5100, 5210],
+      },
+    ],
+  });
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const n = Math.round(4000 + Math.random() * 2500);
+  val.value = n;
+  const d = chart.getOption() as { series: [{ data: number[] }] };
+  const arr = d.series[0].data;
+  arr.push(n);
+  arr.shift();
+  chart.setOption({ series: [{ data: arr }] });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 4000);
+    }
+  });
+  observer.observe(el);
+});
+onUnmounted(() => {
+  clearInterval(timer);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.mini-chart-panel {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 10px 12px;
+  overflow: hidden;
+  background: linear-gradient(180deg, rgb(0 30 80 / 55%) 0%, rgb(6 11 36 / 70%) 100%);
+  border: 1px solid var(--border, rgb(0 180 255 / 12%));
+  border-radius: 10px;
+}
+
+.mini-chart-panel::after {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 6px;
+  height: 6px;
+  content: "";
+  border-top: 1px solid rgb(16 185 129 / 40%);
+  border-left: 1px solid rgb(16 185 129 / 40%);
+}
+
+.mc-hd {
+  margin-bottom: 2px;
+  font-size: 10px;
+  opacity: 0.35;
+}
+
+.mc-value {
+  margin-bottom: 0;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.mc-chart {
+  flex: 1;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/ModuleRanking.vue b/src/views/dashboard/screen/modules/ModuleRanking.vue
new file mode 100644
index 0000000..e151377
--- /dev/null
+++ b/src/views/dashboard/screen/modules/ModuleRanking.vue
@@ -0,0 +1,105 @@
+<template>
+  <div class="panel p1 col-3 row-2">
+    <div class="panel-hd"><span class="dot warn" />模块热度 TOP10</div>
+    <div class="rank-list">
+      <div v-for="(r, i) in ranks" :key="r.name" class="rank-row">
+        <span class="rank-no" :class="'rk-' + (i + 1)">{{ i + 1 }}</span>
+        <span class="rank-name">{{ r.name }}</span>
+        <span class="rank-bar-wrap"
+          ><span class="rank-bar" :style="{ width: r.pct + '%', background: rankColor(i) }"
+        /></span>
+        <span class="rank-val">{{ r.val }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+defineOptions({ name: "ModuleRanking" });
+
+const ranks = ref([
+  { name: "用户管理", val: 1542, pct: 100 },
+  { name: "操作日志", val: 892, pct: 78 },
+  { name: "菜单管理", val: 197, pct: 55 },
+  { name: "AI 助手", val: 156, pct: 42 },
+  { name: "代码生成", val: 38, pct: 35 },
+  { name: "角色管理", val: 45, pct: 28 },
+  { name: "字典管理", val: 56, pct: 22 },
+  { name: "文件管理", val: 128, pct: 18 },
+  { name: "部门管理", val: 12, pct: 12 },
+  { name: "定时任务", val: 24, pct: 8 },
+]);
+
+const RANK_COLORS = ["#ef4444", "#f59e0b", "#3b82f6", "#00d4ff", "#7c3aed", "#10b981"];
+
+function rankColor(i: number) {
+  return RANK_COLORS[i % RANK_COLORS.length];
+}
+</script>
+
+<style scoped>
+.rank-list {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  overflow: auto;
+}
+
+.rank-row {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  font-size: 12px;
+}
+
+.rank-no {
+  width: 18px;
+  height: 18px;
+  font-size: 10px;
+  font-weight: 700;
+  background: rgb(26 32 80 / 60%);
+  border-radius: 4px;
+}
+
+.rk-1 {
+  color: #fff;
+  background: #ef4444 !important;
+}
+
+.rk-2 {
+  color: #fff;
+  background: #f59e0b !important;
+}
+
+.rk-3 {
+  color: #fff;
+  background: #3b82f6 !important;
+}
+
+.rank-name {
+  flex-shrink: 0;
+  width: 60px;
+}
+
+.rank-bar-wrap {
+  flex: 1;
+  height: 6px;
+  overflow: hidden;
+  background: rgb(26 32 80 / 60%);
+  border-radius: 3px;
+}
+
+.rank-bar {
+  height: 100%;
+  border-radius: 3px;
+  transition: width 0.6s;
+}
+
+.rank-val {
+  width: 30px;
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/OnlineUserCard.vue b/src/views/dashboard/screen/modules/OnlineUserCard.vue
new file mode 100644
index 0000000..eac3449
--- /dev/null
+++ b/src/views/dashboard/screen/modules/OnlineUserCard.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="panel p1 col-2">
+    <div class="panel-hd"><span class="dot accent" />在线用户</div>
+    <div class="online-users">
+      <div class="online-count">{{ onlineUsers }}</div>
+      <div class="online-label">当前在线</div>
+      <div class="online-trend">
+        <span :class="onlineTrend >= 0 ? 'positive' : 'negative'"
+          >{{ onlineTrend >= 0 ? "+" : "" }}{{ onlineTrend }}%</span
+        >
+        <span class="trend-label">较昨日</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+defineOptions({ name: "OnlineUserCard" });
+
+const onlineUsers = ref(387);
+const onlineTrend = ref(15.6);
+</script>
+
+<style scoped>
+.online-users {
+  padding: 20px 0;
+  text-align: center;
+}
+
+.online-count {
+  font-size: 48px;
+  font-weight: 700;
+  color: #00d4ff;
+}
+
+.online-label {
+  display: block;
+  margin-top: 4px;
+  font-size: 12px;
+  opacity: 0.5;
+}
+
+.online-trend {
+  margin-top: 10px;
+}
+
+.online-trend span:first-child {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.online-trend .positive {
+  color: #10b981;
+}
+
+.online-trend .negative {
+  color: #ef4444;
+}
+
+.trend-label {
+  margin-left: 4px;
+  font-size: 12px;
+  opacity: 0.5;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/OrderStatusChart.vue b/src/views/dashboard/screen/modules/OrderStatusChart.vue
new file mode 100644
index 0000000..bfcd929
--- /dev/null
+++ b/src/views/dashboard/screen/modules/OrderStatusChart.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot accent" />订单状态</div>
+    <div ref="chartRef" class="chart-box" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+
+const chartRef = ref<HTMLDivElement>();
+import * as echarts from "echarts";
+
+defineOptions({ name: "OrderStatusChart" });
+
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+
+const textStyle = { color: "#94a3b8" };
+const categories = ["待付款", "待发货", "已发货", "已完成", "已取消"];
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    grid: { top: 20, right: 20, bottom: 30, left: 60 },
+    xAxis: {
+      type: "category",
+      data: categories,
+      axisLine: { lineStyle: { color: "#1a2050" } },
+      axisLabel: textStyle,
+    },
+    yAxis: {
+      type: "value",
+      splitLine: { lineStyle: { color: "#1a2050", type: "dashed" } },
+      axisLabel: textStyle,
+    },
+    tooltip: {
+      trigger: "axis" as const,
+      backgroundColor: "#0f143c",
+      borderColor: "#1a2050",
+      textStyle: { color: "#e0e6ff" },
+    },
+    series: [
+      {
+        type: "bar",
+        data: [45, 128, 256, 892, 32],
+        itemStyle: {
+          borderRadius: [4, 4, 0, 0],
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: "#7c3aed" },
+            { offset: 1, color: "rgba(124,58,237,0.3)" },
+          ]),
+        },
+        barWidth: "50%",
+      },
+    ],
+  });
+}
+
+function handleResize() {
+  if (!chart || chart.isDisposed()) return;
+  chart.resize();
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const data = [
+    Math.round(20 + Math.random() * 60),
+    Math.round(60 + Math.random() * 150),
+    Math.round(100 + Math.random() * 300),
+    Math.round(500 + Math.random() * 600),
+    Math.round(10 + Math.random() * 50),
+  ];
+  chart.setOption({ series: [{ data }] });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 3500);
+    }
+  });
+  observer.observe(el);
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  clearInterval(timer);
+  window.removeEventListener("resize", handleResize);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.chart-box {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/ProductBar.vue b/src/views/dashboard/screen/modules/ProductBar.vue
new file mode 100644
index 0000000..ddee42e
--- /dev/null
+++ b/src/views/dashboard/screen/modules/ProductBar.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot green" />热销品类排行 TOP6</div>
+    <div ref="chartRef" class="chart-box" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "ProductBar" });
+
+const chartRef = ref<HTMLDivElement>();
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+
+const products = ["手机数码", "电脑办公", "家用电器", "美妆护肤", "服饰鞋包", "食品生鲜"];
+const textStyle = { color: "#94a3b8", fontSize: 10 };
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    grid: { top: 5, right: 40, bottom: 10, left: 10, containLabel: true },
+    xAxis: { type: "value", splitLine: { lineStyle: { color: "#1a2050" } }, axisLabel: textStyle },
+    yAxis: {
+      type: "category",
+      data: products,
+      inverse: true,
+      axisLine: { show: false },
+      axisTick: { show: false },
+      axisLabel: { ...textStyle, width: 64, overflow: "truncate" },
+    },
+    series: [
+      {
+        type: "bar",
+        barWidth: 10,
+        itemStyle: {
+          borderRadius: [0, 3, 3, 0],
+          color: (p: any) =>
+            ["#00d4ff", "#7c3aed", "#10b981", "#f59e0b", "#ef4444", "#ec4899"][p.dataIndex % 6],
+        },
+        label: {
+          show: true,
+          position: "right",
+          color: "#94a3b8",
+          fontSize: 10,
+          formatter: "{c}单",
+        },
+        data: [892, 651, 534, 412, 298, 187],
+      },
+    ],
+  });
+}
+
+function handleResize() {
+  if (chart && !chart.isDisposed()) chart.resize();
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const data = products.map(() => Math.round(120 + Math.random() * 800));
+  chart.setOption({ series: [{ data }] });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 4000);
+    }
+  });
+  observer.observe(el);
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  clearInterval(timer);
+  window.removeEventListener("resize", handleResize);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.chart-box {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/RealtimeMessages.vue b/src/views/dashboard/screen/modules/RealtimeMessages.vue
new file mode 100644
index 0000000..2089f38
--- /dev/null
+++ b/src/views/dashboard/screen/modules/RealtimeMessages.vue
@@ -0,0 +1,136 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd">
+      <span class="dot accent" />实时操作日志
+      <span class="msg-count">NEW</span>
+    </div>
+    <div class="msg-scroll">
+      <div class="msg-inner">
+        <div v-for="(m, i) in messagesDuplicated" :key="i" class="msg-row">
+          <span class="msg-time">{{ m.time }}</span>
+          <span class="msg-tag" :class="m.tag">{{ m.tagText }}</span>
+          <span>{{ m.text }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "RealtimeMessages" });
+
+const messages = [
+  {
+    time: "22:30",
+    tag: "order",
+    tagText: "交易",
+    text: "商户「星辰科技」完成大额订单支付 ¥86,400",
+  },
+  { time: "22:15", tag: "system", tagText: "系统", text: "数据备份定时任务执行完成，耗时 12.3s" },
+  { time: "21:52", tag: "audit", tagText: "审计", text: "运营主管 zhangsan 导出本月交易报表" },
+  { time: "21:30", tag: "deploy", tagText: "部署", text: "v3.2.1 版本灰度发布至华东区节点" },
+  { time: "21:05", tag: "notice", tagText: "公告", text: "系统公告: 6月1日进行数据库扩容维护" },
+  {
+    time: "20:40",
+    tag: "alarm",
+    tagText: "告警",
+    text: "[已恢复] 华南区 API 网关延迟突增至 320ms",
+  },
+  { time: "20:15", tag: "order", tagText: "交易", text: "退款工单 #TK-2024-08921 已自动处理完成" },
+  {
+    time: "19:52",
+    tag: "system",
+    tagText: "系统",
+    text: "缓存集群节点 node-07 内存使用率降至 62%",
+  },
+];
+
+const messagesDuplicated = [...messages, ...messages];
+</script>
+
+<style scoped>
+.msg-scroll {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.msg-inner {
+  width: 100%;
+  animation: scrollUp 28s linear infinite;
+}
+
+.msg-row {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  padding: 5px 0;
+  font-size: 11px;
+  border-bottom: 1px solid rgb(26 40 80 / 30%);
+  opacity: 0.75;
+}
+
+.msg-time {
+  flex-shrink: 0;
+  width: 38px;
+  font-variant-numeric: tabular-nums;
+  opacity: 0.4;
+}
+
+.msg-tag {
+  flex-shrink: 0;
+  padding: 1px 4px;
+  font-size: 9px;
+  border-radius: 3px;
+}
+
+.msg-tag.order {
+  color: #00d4ff;
+  background: rgb(0 212 255 / 15%);
+}
+
+.msg-tag.system {
+  color: #7c3aed;
+  background: rgb(124 58 237 / 15%);
+}
+
+.msg-tag.audit {
+  color: #10b981;
+  background: rgb(16 185 129 / 15%);
+}
+
+.msg-tag.deploy {
+  color: #f59e0b;
+  background: rgb(245 158 11 / 15%);
+}
+
+.msg-tag.notice {
+  color: #00d4ff;
+  background: rgb(0 212 255 / 15%);
+}
+
+.msg-tag.alarm {
+  color: #ef4444;
+  background: rgb(239 68 68 / 15%);
+}
+
+.msg-count {
+  padding: 2px 6px;
+  margin-left: auto;
+  font-size: 10px;
+  color: #00d4ff;
+  background: rgb(0 212 255 / 15%);
+  border-radius: 10px;
+  opacity: 0.6;
+}
+@keyframes scrollUp {
+  0% {
+    transform: translateY(0);
+  }
+
+  100% {
+    transform: translateY(-50%);
+  }
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/RealtimeSales.vue b/src/views/dashboard/screen/modules/RealtimeSales.vue
new file mode 100644
index 0000000..3edd760
--- /dev/null
+++ b/src/views/dashboard/screen/modules/RealtimeSales.vue
@@ -0,0 +1,127 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot accent" />实时销售分时</div>
+    <div ref="chartRef" class="chart-box" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "RealtimeSales" });
+
+const chartRef = ref<HTMLDivElement>();
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+
+const textStyle = { color: "#94a3b8" };
+const hours = [
+  "08:00",
+  "09:00",
+  "10:00",
+  "11:00",
+  "12:00",
+  "13:00",
+  "14:00",
+  "15:00",
+  "16:00",
+  "17:00",
+  "18:00",
+  "19:00",
+  "20:00",
+];
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    grid: { top: 20, right: 30, bottom: 30, left: 55 },
+    xAxis: {
+      type: "category",
+      data: hours,
+      axisLine: { lineStyle: { color: "#1a2050" } },
+      axisLabel: { ...textStyle, rotate: 30 },
+    },
+    yAxis: {
+      type: "value",
+      name: "万元",
+      nameTextStyle: { color: "#94a3b8", fontSize: 11 },
+      splitLine: { lineStyle: { color: "#1a2050", type: "dashed" } },
+      axisLabel: textStyle,
+    },
+    tooltip: {
+      trigger: "axis" as const,
+      backgroundColor: "#0f143c",
+      borderColor: "#1a2050",
+      textStyle: { color: "#e0e6ff" },
+    },
+    legend: { textStyle, top: 0 },
+    series: [
+      {
+        name: "销售额",
+        type: "bar",
+        barWidth: "60%",
+        itemStyle: {
+          borderRadius: [4, 4, 0, 0],
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: "#00d4ff" },
+            { offset: 1, color: "rgba(0,212,255,0.25)" },
+          ]),
+        },
+        data: [2.1, 3.5, 4.2, 5.8, 3.2, 2.8, 4.5, 5.1, 6.3, 8.2, 4.8, 3.2, 2.5],
+      },
+      {
+        name: "订单数",
+        type: "line",
+        smooth: true,
+        symbol: "circle",
+        symbolSize: 5,
+        lineStyle: { color: "#f59e0b", width: 2 },
+        itemStyle: { color: "#f59e0b" },
+        data: [18, 32, 45, 52, 35, 28, 42, 48, 55, 72, 48, 35, 22],
+      },
+    ],
+  });
+}
+
+function handleResize() {
+  if (chart && !chart.isDisposed()) chart.resize();
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const sales = hours.map(() => +(1.5 + Math.random() * 7).toFixed(1));
+  const orders = hours.map(() => Math.round(15 + Math.random() * 60));
+  chart.setOption({ series: [{ data: sales }, { data: orders }] });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 3500);
+    }
+  });
+  observer.observe(el);
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  clearInterval(timer);
+  window.removeEventListener("resize", handleResize);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.chart-box {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/RealtimeTraffic.vue b/src/views/dashboard/screen/modules/RealtimeTraffic.vue
new file mode 100644
index 0000000..c0d93fa
--- /dev/null
+++ b/src/views/dashboard/screen/modules/RealtimeTraffic.vue
@@ -0,0 +1,108 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot green" />实时流量</div>
+    <div class="traffic-grid">
+      <div v-for="item in data" :key="item.label" class="tr-card">
+        <div class="tr-label">{{ item.label }}</div>
+        <div class="tr-value" :style="{ color: item.color }">
+          {{ item.value }}<span class="tr-unit">{{ item.unit }}</span>
+        </div>
+        <div class="tr-bar-wrap">
+          <div class="tr-bar" :style="{ width: item.pct + '%', background: item.color }" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, onMounted, onUnmounted } from "vue";
+
+defineOptions({ name: "RealtimeTraffic" });
+
+const data = reactive([
+  { label: "PV", value: "8,350", unit: "", color: "#00d4ff", pct: 0, base: 8350 },
+  { label: "UV", value: "3,216", unit: "", color: "#7c3aed", pct: 0, base: 3216 },
+  { label: "IP", value: "2,048", unit: "", color: "#10b981", pct: 0, base: 2048 },
+  { label: "跳出率", value: "32.5", unit: "%", color: "#f59e0b", pct: 0, base: 32.5 },
+]);
+
+let timer = 0;
+
+function tick() {
+  data[0]!.base += Math.round((Math.random() - 0.5) * 120);
+  data[1]!.base += Math.round((Math.random() - 0.5) * 60);
+  data[2]!.base += Math.round((Math.random() - 0.5) * 40);
+  data[3]!.base = +(30 + Math.random() * 8).toFixed(1);
+  data[0]!.value = data[0]!.base.toLocaleString();
+  data[1]!.value = data[1]!.base.toLocaleString();
+  data[2]!.value = data[2]!.base.toLocaleString();
+  data[3]!.value = data[3]!.base.toFixed(1);
+  const max = Math.max(data[0]!.base, data[1]!.base, data[2]!.base);
+  data[0]!.pct = (data[0]!.base / max) * 100;
+  data[1]!.pct = (data[1]!.base / max) * 100;
+  data[2]!.pct = (data[2]!.base / max) * 100;
+  data[3]!.pct = +data[3]!.value;
+}
+
+onMounted(() => {
+  tick();
+  timer = window.setInterval(tick, 3000);
+});
+onUnmounted(() => clearInterval(timer));
+</script>
+
+<style scoped>
+.traffic-grid {
+  display: grid;
+  flex: 1;
+  grid-template-rows: 1fr 1fr;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+}
+
+.tr-card {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 10px 12px;
+  background: linear-gradient(135deg, rgb(0 212 255 / 4%) 0%, rgb(0 20 60 / 30%) 100%);
+  border: 1px solid rgb(0 180 255 / 6%);
+  border-radius: 8px;
+}
+
+.tr-label {
+  margin-bottom: 2px;
+  font-size: 10px;
+  opacity: 0.35;
+}
+
+.tr-value {
+  display: flex;
+  gap: 2px;
+  align-items: baseline;
+  margin-bottom: 4px;
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.tr-unit {
+  font-size: 10px;
+  font-weight: 400;
+  opacity: 0.4;
+}
+
+.tr-bar-wrap {
+  height: 2px;
+  overflow: hidden;
+  background: rgb(26 40 80 / 40%);
+  border-radius: 1px;
+}
+
+.tr-bar {
+  height: 100%;
+  border-radius: 1px;
+  transition: width 0.8s;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/RegionDistributionChart.vue b/src/views/dashboard/screen/modules/RegionDistributionChart.vue
new file mode 100644
index 0000000..4b84320
--- /dev/null
+++ b/src/views/dashboard/screen/modules/RegionDistributionChart.vue
@@ -0,0 +1,90 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot accent" />地域分布</div>
+    <div ref="chartRef" class="chart-box" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "RegionDistributionChart" });
+
+const chartRef = ref<HTMLDivElement>();
+let chart: echarts.ECharts | null = null;
+
+const textStyle = { color: "#94a3b8" };
+
+function initChart() {
+  if (!chartRef.value) return;
+  chart = echarts.init(chartRef.value);
+  chart.setOption({
+    grid: { top: 20, right: 20, bottom: 30, left: 50 },
+    xAxis: {
+      type: "category",
+      data: ["北京", "上海", "广州", "深圳", "杭州", "成都", "武汉", "南京"],
+      axisLabel: { color: "#94a3b8", rotate: 30 },
+      axisLine: { lineStyle: { color: "#1a2050" } },
+    },
+    yAxis: {
+      type: "value",
+      splitLine: { lineStyle: { color: "#1a2050", type: "dashed" } },
+      axisLabel: textStyle,
+    },
+    tooltip: {
+      trigger: "axis" as const,
+      backgroundColor: "#0f143c",
+      borderColor: "#1a2050",
+      textStyle: { color: "#e0e6ff" },
+    },
+    series: [
+      {
+        type: "bar",
+        data: [280, 220, 180, 150, 130, 95, 80, 65],
+        itemStyle: {
+          borderRadius: [4, 4, 0, 0],
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: "#00d4ff" },
+            { offset: 1, color: "rgba(0,212,255,0.3)" },
+          ]),
+        },
+        barWidth: 22,
+      },
+    ],
+  });
+}
+
+function handleResize() {
+  if (!chart || chart.isDisposed()) return;
+  chart.resize();
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart();
+    }
+  });
+  observer.observe(el);
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  window.removeEventListener("resize", handleResize);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.chart-box {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/SalesStatCards.vue b/src/views/dashboard/screen/modules/SalesStatCards.vue
new file mode 100644
index 0000000..69a8b60
--- /dev/null
+++ b/src/views/dashboard/screen/modules/SalesStatCards.vue
@@ -0,0 +1,80 @@
+<template>
+  <div class="panel p1 col-3">
+    <div class="panel-hd"><span class="dot green" />销售统计</div>
+    <div class="sales-cards">
+      <div class="sales-card">
+        <span class="sales-label">今日销售额</span>
+        <span class="sales-value">¥{{ formatNumber(todaySales) }}</span>
+        <span class="sales-change positive">+12.5%</span>
+      </div>
+      <div class="sales-card">
+        <span class="sales-label">订单数量</span>
+        <span class="sales-value">{{ todayOrders }}</span>
+        <span class="sales-change positive">+8.3%</span>
+      </div>
+      <div class="sales-card">
+        <span class="sales-label">转化率</span>
+        <span class="sales-value">{{ conversionRate }}%</span>
+        <span class="sales-change negative">-2.1%</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+defineOptions({ name: "SalesStatCards" });
+
+const todaySales = ref(125860);
+const todayOrders = ref(328);
+const conversionRate = ref(3.2);
+
+function formatNumber(num: number): string {
+  return num.toLocaleString();
+}
+</script>
+
+<style scoped>
+.sales-cards {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.sales-card {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px;
+  background: rgb(12 18 48 / 60%);
+  border-radius: 8px;
+}
+
+.sales-label {
+  font-size: 12px;
+  opacity: 0.6;
+}
+
+.sales-value {
+  font-size: 18px;
+  font-weight: 600;
+  color: #e0e6ff;
+}
+
+.sales-change {
+  padding: 2px 6px;
+  font-size: 12px;
+  border-radius: 4px;
+}
+
+.sales-change.positive {
+  color: #10b981;
+  background: rgb(16 185 129 / 20%);
+}
+
+.sales-change.negative {
+  color: #ef4444;
+  background: rgb(239 68 68 / 20%);
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/SalesTrendChart.vue b/src/views/dashboard/screen/modules/SalesTrendChart.vue
new file mode 100644
index 0000000..a9e2a4d
--- /dev/null
+++ b/src/views/dashboard/screen/modules/SalesTrendChart.vue
@@ -0,0 +1,113 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot accent" />销售趋势分析</div>
+    <div ref="chartRef" class="chart-box" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+
+const chartRef = ref<HTMLDivElement>();
+import * as echarts from "echarts";
+
+defineOptions({ name: "SalesTrendChart" });
+
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+
+const textStyle = { color: "#94a3b8" };
+const tooltip = {
+  trigger: "axis" as const,
+  backgroundColor: "#0f143c",
+  borderColor: "#1a2050",
+  textStyle: { color: "#e0e6ff" },
+};
+const xData = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"];
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    grid: { top: 20, right: 30, bottom: 30, left: 50 },
+    xAxis: {
+      type: "category",
+      data: xData,
+      axisLine: { lineStyle: { color: "#1a2050" } },
+      axisLabel: textStyle,
+    },
+    yAxis: {
+      type: "value",
+      splitLine: { lineStyle: { color: "#1a2050", type: "dashed" } },
+      axisLabel: textStyle,
+    },
+    tooltip,
+    legend: { textStyle, top: 0 },
+    series: [
+      {
+        name: "订单金额",
+        type: "bar",
+        stack: "total",
+        data: [120, 132, 101, 134, 190, 230, 210],
+        itemStyle: { color: "#00d4ff" },
+      },
+      {
+        name: "退款金额",
+        type: "bar",
+        stack: "total",
+        data: [20, 32, 11, 34, 90, 30, 10],
+        itemStyle: { color: "#ef4444" },
+      },
+      {
+        name: "实际收入",
+        type: "bar",
+        stack: "total",
+        data: [100, 100, 90, 100, 100, 200, 200],
+        itemStyle: { color: "#10b981" },
+      },
+    ],
+  });
+}
+
+function handleResize() {
+  if (!chart || chart.isDisposed()) return;
+  chart.resize();
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const d1 = xData.map(() => Math.round(80 + Math.random() * 180));
+  const d2 = d1.map((v) => Math.round(v * (0.05 + Math.random() * 0.25)));
+  const d3 = d1.map((v, i) => Math.round(v - d2[i]!));
+  chart.setOption({ series: [{ data: d1 }, { data: d2 }, { data: d3 }] });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 4000);
+    }
+  });
+  observer.observe(el);
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  clearInterval(timer);
+  window.removeEventListener("resize", handleResize);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.chart-box {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/ScreenFooter.vue b/src/views/dashboard/screen/modules/ScreenFooter.vue
new file mode 100644
index 0000000..c828883
--- /dev/null
+++ b/src/views/dashboard/screen/modules/ScreenFooter.vue
@@ -0,0 +1,38 @@
+<template>
+  <footer class="screen-footer">
+    <span>CPU {{ cpu }}%</span><span class="sep">│</span> <span>内存 {{ mem }}%</span
+    ><span class="sep">│</span> <span>磁盘 {{ disk }}%</span><span class="sep">│</span>
+    <span>网络延迟 {{ networkLatency }}ms</span><span class="sep">│</span>
+    <span>{{ uptime }}</span>
+  </footer>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+defineOptions({ name: "ScreenFooter" });
+
+const cpu = ref(42);
+const mem = ref(61);
+const disk = ref(35);
+const uptime = ref("7d 14h 32m");
+const networkLatency = ref(12);
+</script>
+
+<style scoped>
+.screen-footer {
+  position: relative;
+  z-index: 10;
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+  padding: 10px 0;
+  font-size: 12px;
+  border-top: 1px solid rgb(26 40 80 / 60%);
+  opacity: 0.4;
+}
+
+.sep {
+  opacity: 0.3;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/ScreenHeader.vue b/src/views/dashboard/screen/modules/ScreenHeader.vue
new file mode 100644
index 0000000..ab3b171
--- /dev/null
+++ b/src/views/dashboard/screen/modules/ScreenHeader.vue
@@ -0,0 +1,152 @@
+<template>
+  <header class="screen-header">
+    <div class="header-left">
+      <span class="dot" :class="{ pulse: online }" />
+      <span class="text-xs">SYSTEM ONLINE</span>
+    </div>
+    <h1 class="screen-title">
+      <span class="deco-line" />
+      FastapiAdmin · 智能运营数据监控平台
+      <span class="deco-line" />
+    </h1>
+    <div class="header-right">
+      <button class="fullscreen-btn" :title="isFs ? '退出全屏' : '进入全屏'" @click="handleToggle">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="fs-icon">
+          <path
+            v-if="isFs"
+            d="M4 14h2v2h2v2H4v-4zm12 0h2v2h2v2h-4v-4zM4 4h4v2H6v2H4V4zm14 0h4v4h-2V6h-2V4z"
+          />
+          <path
+            v-else
+            d="M4 4h4v2H6v2H4V4zm14 0h4v4h-2V6h-2V4zM4 20h4v-2H6v-2H4v4zm14 0h4v-4h-2v2h-2v2z"
+          />
+        </svg>
+      </button>
+      <span class="header-time font-mono text-sm">{{ currentTime }}</span>
+    </div>
+  </header>
+</template>
+
+<script setup lang="ts">
+import { ref, inject, onMounted, onUnmounted } from "vue";
+
+defineOptions({ name: "ScreenHeader" });
+
+const toggleFullscreen = inject<() => void>("toggleFullscreen", () => {});
+const isFs = inject("isFullscreen", ref(false));
+
+const online = ref(true);
+const currentTime = ref("");
+
+let timer = 0;
+onMounted(() => {
+  const tick = () => {
+    currentTime.value = new Date().toLocaleString("zh-CN", { hour12: false });
+  };
+  tick();
+  timer = window.setInterval(tick, 1000);
+});
+onUnmounted(() => clearInterval(timer));
+
+function handleToggle() {
+  toggleFullscreen();
+}
+</script>
+
+<style scoped>
+.screen-header {
+  position: relative;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 18px 32px 14px;
+  margin-bottom: 12px;
+  border-bottom: 1px solid rgb(26 40 80 / 60%);
+}
+
+.header-left {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  width: 140px;
+  font-size: 12px;
+  opacity: 0.7;
+}
+
+.header-right {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  justify-content: flex-end;
+  width: 200px;
+}
+
+.header-time {
+  font-variant-numeric: tabular-nums;
+  opacity: 0.7;
+}
+
+.dot {
+  display: inline-block;
+  flex-shrink: 0;
+  width: 8px;
+  height: 8px;
+  background: #00d4ff;
+  border-radius: 50%;
+}
+
+.pulse {
+  animation: pulse 2s infinite;
+}
+@keyframes pulse {
+  0%,
+  100% {
+    box-shadow: 0 0 8px #00d4ff;
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.3;
+  }
+}
+
+.screen-title {
+  flex: 1;
+  font-size: 20px;
+  font-weight: 700;
+  text-align: center;
+  letter-spacing: 4px;
+  text-shadow: 0 0 30px rgb(0 212 255 / 50%);
+}
+
+.deco-line {
+  display: inline-block;
+  width: 40px;
+  height: 1px;
+  margin: 0 12px;
+  vertical-align: middle;
+  background: linear-gradient(90deg, transparent, #00d4ff, transparent);
+}
+
+.fullscreen-btn {
+  display: flex;
+  align-items: center;
+  padding: 4px 8px;
+  color: var(--accent, #00d4ff);
+  cursor: pointer;
+  background: rgb(0 212 255 / 10%);
+  border: 1px solid rgb(0 212 255 / 30%);
+  border-radius: 6px;
+  transition: background 0.2s;
+}
+
+.fullscreen-btn:hover {
+  background: rgb(0 212 255 / 20%);
+}
+
+.fs-icon {
+  width: 16px;
+  height: 16px;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/ServerStatusList.vue b/src/views/dashboard/screen/modules/ServerStatusList.vue
new file mode 100644
index 0000000..c78d190
--- /dev/null
+++ b/src/views/dashboard/screen/modules/ServerStatusList.vue
@@ -0,0 +1,78 @@
+<template>
+  <div class="panel p1 col-3">
+    <div class="panel-hd"><span class="dot green" />服务器状态</div>
+    <div class="server-status">
+      <div v-for="server in servers" :key="server.name" class="server-item">
+        <div class="server-header">
+          <span class="server-name">{{ server.name }}</span>
+          <span class="server-status-dot" :class="server.status" />
+        </div>
+        <div class="server-metrics">
+          <span>CPU: {{ server.cpu }}%</span>
+          <span>内存: {{ server.memory }}%</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+defineOptions({ name: "ServerStatusList" });
+
+const servers = ref([
+  { name: "API Server-01", status: "online", cpu: 45, memory: 62 },
+  { name: "API Server-02", status: "online", cpu: 38, memory: 58 },
+  { name: "DB Server-01", status: "online", cpu: 25, memory: 72 },
+  { name: "Redis Server", status: "online", cpu: 15, memory: 45 },
+]);
+</script>
+
+<style scoped>
+.server-status {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  overflow: auto;
+}
+
+.server-item {
+  padding: 10px;
+  background: rgb(12 18 48 / 60%);
+  border-radius: 8px;
+}
+
+.server-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 6px;
+}
+
+.server-name {
+  font-size: 12px;
+}
+
+.server-status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+}
+
+.server-status-dot.online {
+  background: #10b981;
+  box-shadow: 0 0 8px #10b981;
+}
+
+.server-status-dot.offline {
+  background: #ef4444;
+}
+
+.server-metrics {
+  display: flex;
+  gap: 12px;
+  font-size: 11px;
+  opacity: 0.6;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/ServiceLevel.vue b/src/views/dashboard/screen/modules/ServiceLevel.vue
new file mode 100644
index 0000000..0e63f05
--- /dev/null
+++ b/src/views/dashboard/screen/modules/ServiceLevel.vue
@@ -0,0 +1,129 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot green" />API 响应时长(均值)</div>
+    <div ref="chartRef" class="chart-box" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "ServiceLevel" });
+
+const chartRef = ref<HTMLDivElement>();
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+
+const textStyle = { color: "#94a3b8" };
+const xData = [
+  "08:00",
+  "09:00",
+  "10:00",
+  "11:00",
+  "12:00",
+  "13:00",
+  "14:00",
+  "15:00",
+  "16:00",
+  "17:00",
+];
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    grid: { top: 20, right: 25, bottom: 25, left: 45 },
+    xAxis: {
+      type: "category",
+      data: xData,
+      boundaryGap: false,
+      axisLine: { lineStyle: { color: "#1a2050" } },
+      axisLabel: { ...textStyle, rotate: 30 },
+    },
+    yAxis: {
+      type: "value",
+      name: "ms",
+      nameTextStyle: { color: "#94a3b8", fontSize: 10 },
+      min: 20,
+      max: 80,
+      interval: 15,
+      splitLine: { lineStyle: { color: "#1a2050", type: "dashed" } },
+      axisLabel: textStyle,
+    },
+    tooltip: {
+      trigger: "axis" as const,
+      valueFormatter: (v: any) => v + "ms",
+      backgroundColor: "#0f143c",
+      borderColor: "#1a2050",
+      textStyle: { color: "#e0e6ff" },
+    },
+    series: [
+      {
+        type: "line",
+        smooth: true,
+        symbol: "circle",
+        symbolSize: 4,
+        lineStyle: { color: "#10b981", width: 2 },
+        itemStyle: { color: "#10b981" },
+        areaStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: "rgba(16,185,129,0.2)" },
+            { offset: 1, color: "rgba(16,185,129,0)" },
+          ]),
+        },
+        data: [52, 48, 55, 42, 65, 38, 45, 51, 58, 44],
+      },
+      {
+        type: "line",
+        smooth: true,
+        symbol: "diamond",
+        symbolSize: 3,
+        lineStyle: { color: "#f59e0b", width: 1.5, type: "dashed" },
+        itemStyle: { color: "#f59e0b" },
+        data: [60, 55, 62, 50, 70, 45, 52, 58, 65, 50],
+      },
+    ],
+  });
+}
+
+function handleResize() {
+  if (chart && !chart.isDisposed()) chart.resize();
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const d1 = xData.map(() => Math.round(35 + Math.random() * 35));
+  const d2 = xData.map(() => Math.round(42 + Math.random() * 30));
+  chart.setOption({ series: [{ data: d1 }, { data: d2 }] });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 4000);
+    }
+  });
+  observer.observe(el);
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  clearInterval(timer);
+  window.removeEventListener("resize", handleResize);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.chart-box {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/SystemGauges.vue b/src/views/dashboard/screen/modules/SystemGauges.vue
new file mode 100644
index 0000000..f0f4763
--- /dev/null
+++ b/src/views/dashboard/screen/modules/SystemGauges.vue
@@ -0,0 +1,160 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot green" />系统负载</div>
+    <div class="gauge-row">
+      <div v-for="g in gauges" :key="g.label" class="gauge-item">
+        <div :ref="(el) => setGaugeRef(g.label, el)" class="chart-box-xs" />
+        <span class="gauge-label">{{ g.label }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "SystemGauges" });
+
+const gaugeRefs: Record<string, HTMLDivElement> = {};
+const charts: echarts.ECharts[] = [];
+let timer = 0;
+
+const gauges = [
+  { label: "CPU", value: 42 },
+  { label: "内存", value: 61 },
+  { label: "磁盘", value: 35 },
+];
+
+function setGaugeRef(label: string, el: unknown) {
+  if (el instanceof HTMLDivElement) gaugeRefs[label] = el;
+}
+
+function waitForSize(el: HTMLDivElement): Promise<void> {
+  return new Promise((resolve) => {
+    if (el.clientWidth > 0 && el.clientHeight > 0) {
+      resolve();
+      return;
+    }
+    const check = () => {
+      if (el.clientWidth > 0 && el.clientHeight > 0) {
+        resolve();
+      } else {
+        requestAnimationFrame(check);
+      }
+    };
+    requestAnimationFrame(check);
+  });
+}
+
+async function initGauges() {
+  const entries = Object.entries(gaugeRefs);
+  await Promise.all(entries.map(([, el]) => waitForSize(el)));
+
+  entries.forEach(([, el]) => {
+    const chart = echarts.init(el);
+    charts.push(chart);
+    chart.setOption({
+      series: [
+        {
+          type: "gauge",
+          radius: "90%",
+          center: ["50%", "60%"],
+          startAngle: 210,
+          endAngle: -30,
+          min: 0,
+          max: 100,
+          detail: {
+            formatter: "{value}%",
+            fontSize: 12,
+            color: "#e0e6ff",
+            offsetCenter: [0, "65%"],
+          },
+          data: [{ value: 0 }],
+          axisLine: {
+            lineStyle: {
+              width: 6,
+              color: [
+                [0.3, "#10b981"],
+                [0.7, "#f59e0b"],
+                [1, "#ef4444"],
+              ],
+            },
+          },
+          axisTick: { show: false },
+          splitLine: { show: false },
+          axisLabel: { show: false },
+          pointer: { length: "55%", width: 3, itemStyle: { color: "#e0e6ff" } },
+        },
+      ],
+    });
+  });
+}
+
+function handleResize() {
+  charts.forEach((c) => {
+    if (!c.isDisposed()) c.resize();
+  });
+}
+
+function tick() {
+  const v = [
+    clamp(gauges[0]!.value + (Math.random() - 0.5) * 8, 10, 90),
+    clamp(gauges[1]!.value + (Math.random() - 0.5) * 6, 20, 95),
+    clamp(gauges[2]!.value + (Math.random() - 0.5) * 3, 15, 85),
+  ];
+  gauges[0]!.value = Math.round(v[0]!);
+  gauges[1]!.value = Math.round(v[1]!);
+  gauges[2]!.value = Math.round(v[2]!);
+  charts.forEach((c, i) => {
+    if (!c.isDisposed()) c.setOption({ series: [{ data: [{ value: gauges[i]!.value }] }] });
+  });
+}
+
+function clamp(v: number, min: number, max: number) {
+  return Math.max(min, Math.min(max, v));
+}
+
+onMounted(() => {
+  initGauges().then(() => {
+    timer = window.setInterval(tick, 2000);
+  });
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  clearInterval(timer);
+  window.removeEventListener("resize", handleResize);
+  charts.forEach((c) => c.dispose());
+});
+</script>
+
+<style scoped>
+.gauge-row {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: space-around;
+}
+
+.gauge-item {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  text-align: center;
+}
+
+.gauge-label {
+  display: block;
+  flex-shrink: 0;
+  margin-top: -6px;
+  font-size: 12px;
+  opacity: 0.5;
+}
+
+.chart-box-xs {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/TargetReality.vue b/src/views/dashboard/screen/modules/TargetReality.vue
new file mode 100644
index 0000000..a76abd2
--- /dev/null
+++ b/src/views/dashboard/screen/modules/TargetReality.vue
@@ -0,0 +1,109 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot purple" />业绩目标达成率</div>
+    <div ref="chartRef" class="chart-box" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "TargetReality" });
+
+const chartRef = ref<HTMLDivElement>();
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+
+const categories = ["华东区", "华南区", "华北区", "西南区"];
+const textStyle = { color: "#94a3b8", fontSize: 10 };
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    grid: { top: 5, right: 30, bottom: 10, left: 10, containLabel: true },
+    xAxis: {
+      type: "value",
+      max: 150,
+      splitLine: { lineStyle: { color: "#1a2050" } },
+      axisLabel: textStyle,
+    },
+    yAxis: {
+      type: "category",
+      data: categories,
+      axisLine: { show: false },
+      axisTick: { show: false },
+      axisLabel: textStyle,
+    },
+    legend: {
+      textStyle: { color: "#94a3b8", fontSize: 10 },
+      top: 0,
+      right: 0,
+      itemWidth: 10,
+      itemHeight: 8,
+    },
+    series: [
+      {
+        name: "目标",
+        type: "bar",
+        barWidth: 8,
+        itemStyle: {
+          borderRadius: [0, 2, 2, 0],
+          color: "rgba(0,212,255,0.35)",
+          borderColor: "#00d4ff",
+          borderWidth: 1,
+        },
+        data: [120, 100, 80, 60],
+      },
+      {
+        name: "已完成",
+        type: "bar",
+        barWidth: 8,
+        itemStyle: { borderRadius: [0, 2, 2, 0], color: "#7c3aed" },
+        data: [112, 88, 75, 52],
+      },
+    ],
+  });
+}
+
+function handleResize() {
+  if (chart && !chart.isDisposed()) chart.resize();
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const targets = [120, 100, 80, 60];
+  const actual = targets.map((t) => Math.round(t * (0.7 + Math.random() * 0.25)));
+  chart.setOption({ series: [{}, { data: actual }] });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 5000);
+    }
+  });
+  observer.observe(el);
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  clearInterval(timer);
+  window.removeEventListener("resize", handleResize);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.chart-box {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/TodayOverview.vue b/src/views/dashboard/screen/modules/TodayOverview.vue
new file mode 100644
index 0000000..c0d3806
--- /dev/null
+++ b/src/views/dashboard/screen/modules/TodayOverview.vue
@@ -0,0 +1,149 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot accent" />今日概览</div>
+    <div class="overview-grid">
+      <div v-for="item in data" :key="item.label" class="ov-card">
+        <div class="ov-label">{{ item.label }}</div>
+        <div class="ov-value" :style="{ color: item.color }">
+          <span class="ov-count">{{ item.value }}</span>
+          <span class="ov-unit">{{ item.unit }}</span>
+        </div>
+        <div class="ov-change" :class="item.up ? 'up' : 'down'">
+          {{ item.up ? "▲" : "▼" }} {{ item.change }}
+          <span class="ov-compare">较昨日</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, onMounted, onUnmounted } from "vue";
+
+defineOptions({ name: "TodayOverview" });
+
+const data = reactive([
+  {
+    label: "总销售额",
+    value: "99.9",
+    unit: "万",
+    color: "#00d4ff",
+    change: "12.5%",
+    up: true,
+    base: 999000,
+  },
+  {
+    label: "订单量",
+    value: "2,356",
+    unit: "",
+    color: "#7c3aed",
+    change: "8.2%",
+    up: true,
+    base: 2356,
+  },
+  {
+    label: "活跃用户",
+    value: "1,286",
+    unit: "",
+    color: "#10b981",
+    change: "3.1%",
+    up: true,
+    base: 1286,
+  },
+  {
+    label: "转化率",
+    value: "3.82",
+    unit: "%",
+    color: "#f59e0b",
+    change: "1.2%",
+    up: false,
+    base: 3.82,
+  },
+]);
+
+let timer = 0;
+
+function tick() {
+  const orders = data[1]!.base + Math.round((Math.random() - 0.5) * 80);
+  const users = data[2]!.base + Math.round((Math.random() - 0.5) * 60);
+  data[0]!.base = orders * 420 + Math.round(Math.random() * 10000);
+  data[1]!.base = orders;
+  data[2]!.base = users;
+  data[3]!.base = +(3.5 + Math.random() * 2).toFixed(2);
+  data[0]!.value = (data[0]!.base / 10000).toFixed(1);
+  data[1]!.value = data[1]!.base.toLocaleString();
+  data[2]!.value = data[2]!.base.toLocaleString();
+  data[3]!.value = data[3]!.base.toFixed(2);
+  for (const d of data) {
+    d.change = (Math.random() * 15 - 3).toFixed(1) + "%";
+    d.up = Math.random() > 0.4;
+  }
+}
+
+onMounted(() => {
+  tick();
+  timer = window.setInterval(tick, 4000);
+});
+onUnmounted(() => clearInterval(timer));
+</script>
+
+<style scoped>
+.overview-grid {
+  display: grid;
+  flex: 1;
+  grid-template-rows: 1fr 1fr;
+  grid-template-columns: 1fr 1fr;
+  gap: 6px;
+}
+
+.ov-card {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 10px 12px;
+  background: linear-gradient(135deg, rgb(0 212 255 / 4%) 0%, rgb(0 20 60 / 30%) 100%);
+  border: 1px solid rgb(0 180 255 / 6%);
+  border-radius: 8px;
+}
+
+.ov-label {
+  margin-bottom: 2px;
+  font-size: 10px;
+  opacity: 0.35;
+}
+
+.ov-value {
+  display: flex;
+  gap: 3px;
+  align-items: baseline;
+  margin-bottom: 3px;
+}
+
+.ov-count {
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.ov-unit {
+  font-size: 11px;
+  opacity: 0.5;
+}
+
+.ov-change {
+  font-size: 10px;
+}
+
+.ov-change.up {
+  color: #10b981;
+}
+
+.ov-change.down {
+  color: #f59e0b;
+}
+
+.ov-compare {
+  margin-left: 3px;
+  opacity: 0.4;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/TopProductList.vue b/src/views/dashboard/screen/modules/TopProductList.vue
new file mode 100644
index 0000000..8df439f
--- /dev/null
+++ b/src/views/dashboard/screen/modules/TopProductList.vue
@@ -0,0 +1,101 @@
+<template>
+  <div class="panel p1 col-3">
+    <div class="panel-hd"><span class="dot purple" />热销产品 TOP5</div>
+    <div class="product-list">
+      <div v-for="(p, i) in topProducts" :key="p.name" class="product-row">
+        <span class="product-rank flex-cc" :class="'rank-' + (i + 1)">{{ i + 1 }}</span>
+        <div class="product-info">
+          <span class="product-name">{{ p.name }}</span>
+          <span class="product-category">{{ p.category }}</span>
+        </div>
+        <span class="product-sales">¥{{ formatNumber(p.sales) }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+defineOptions({ name: "TopProductList" });
+
+const topProducts = ref([
+  { name: "企业版 License", category: "软件服务", sales: 45200 },
+  { name: "高级数据分析", category: "数据服务", sales: 32800 },
+  { name: "API 接口调用", category: "接口服务", sales: 28600 },
+  { name: "技术支持服务", category: "服务", sales: 15600 },
+  { name: "定制开发", category: "定制", sales: 12400 },
+]);
+
+function formatNumber(num: number): string {
+  return num.toLocaleString();
+}
+</script>
+
+<style scoped>
+.product-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  overflow: auto;
+}
+
+.product-row {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  padding: 10px;
+  background: rgb(12 18 48 / 60%);
+  border-radius: 8px;
+}
+
+.product-rank {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  font-size: 10px;
+  font-weight: 700;
+  background: rgb(26 32 80 / 60%);
+  border-radius: 50%;
+}
+
+.product-rank.rank-1 {
+  color: #fff;
+  background: #ef4444;
+}
+
+.product-rank.rank-2 {
+  color: #fff;
+  background: #f59e0b;
+}
+
+.product-rank.rank-3 {
+  color: #fff;
+  background: #3b82f6;
+}
+
+.product-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.product-name {
+  display: block;
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.product-category {
+  display: block;
+  font-size: 11px;
+  opacity: 0.5;
+}
+
+.product-sales {
+  font-size: 14px;
+  font-weight: 600;
+  color: #00d4ff;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/UserDistributionChart.vue b/src/views/dashboard/screen/modules/UserDistributionChart.vue
new file mode 100644
index 0000000..6c36c86
--- /dev/null
+++ b/src/views/dashboard/screen/modules/UserDistributionChart.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot purple" />用户分布</div>
+    <div ref="chartRef" class="chart-box-sm" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+
+const chartRef = ref<HTMLDivElement>();
+import * as echarts from "echarts";
+
+defineOptions({ name: "UserDistributionChart" });
+
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+
+const textStyle = { color: "#94a3b8" };
+const names = ["管理员", "普通用户", "访客", "其他"];
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    series: [
+      {
+        type: "pie",
+        radius: ["55%", "80%"],
+        center: ["50%", "55%"],
+        label: { show: false },
+        data: [
+          { value: 620, name: "管理员", itemStyle: { color: "#00d4ff" } },
+          { value: 450, name: "普通用户", itemStyle: { color: "#7c3aed" } },
+          { value: 180, name: "访客", itemStyle: { color: "#f59e0b" } },
+          { value: 292, name: "其他", itemStyle: { color: "#10b981" } },
+        ],
+      },
+    ],
+    tooltip: {
+      trigger: "item",
+      backgroundColor: "#0f143c",
+      borderColor: "#1a2050",
+      textStyle: { color: "#e0e6ff" },
+    },
+    legend: {
+      orient: "vertical",
+      right: 10,
+      top: "center",
+      textStyle,
+      itemWidth: 10,
+      itemHeight: 10,
+    },
+  });
+}
+
+function handleResize() {
+  if (!chart || chart.isDisposed()) return;
+  chart.resize();
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const data = names.map((name) => ({
+    value: Math.round(100 + Math.random() * 600),
+    name,
+    itemStyle: (
+      chart as unknown as {
+        getOption: () => { series: [{ data: { name: string; itemStyle?: unknown }[] }] };
+      }
+    )
+      .getOption()
+      .series[0].data?.find((d: { name: string }) => d.name === name)?.itemStyle,
+  }));
+  chart.setOption({ series: [{ data }] });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 5000);
+    }
+  });
+  observer.observe(el);
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  clearInterval(timer);
+  window.removeEventListener("resize", handleResize);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.chart-box-sm {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/UserProfile.vue b/src/views/dashboard/screen/modules/UserProfile.vue
new file mode 100644
index 0000000..ec7d15d
--- /dev/null
+++ b/src/views/dashboard/screen/modules/UserProfile.vue
@@ -0,0 +1,107 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot green" />用户画像分析</div>
+    <div ref="chartRef" class="chart-box" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+defineOptions({ name: "UserProfile" });
+
+const chartRef = ref<HTMLDivElement>();
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+
+const indicators = [
+  { name: "消费力", max: 100 },
+  { name: "活跃度", max: 100 },
+  { name: "复购率", max: 100 },
+  { name: "客单价", max: 100 },
+  { name: "满意度", max: 100 },
+];
+
+function initChart(dom: HTMLDivElement) {
+  chart = echarts.init(dom);
+  chart.setOption({
+    legend: {
+      bottom: 0,
+      textStyle: { color: "#94a3b8", fontSize: 8 },
+      itemWidth: 8,
+      itemHeight: 8,
+    },
+    radar: {
+      center: ["50%", "48%"],
+      radius: "55%",
+      indicator: indicators,
+      axisName: { color: "#94a3b8", fontSize: 8 },
+      splitArea: { areaStyle: { color: ["rgba(0,212,255,0.02)", "rgba(0,212,255,0.02)"] } },
+      splitLine: { lineStyle: { color: "#1a2050" } },
+      axisLine: { lineStyle: { color: "#1a2050" } },
+    },
+    series: [
+      {
+        type: "radar",
+        symbol: "circle",
+        symbolSize: 3,
+        lineStyle: { color: "#00d4ff", width: 2 },
+        areaStyle: { color: "rgba(0,212,255,0.12)" },
+        itemStyle: { color: "#00d4ff" },
+        data: [{ value: [82, 78, 65, 58, 88], name: "高价值客群" }],
+      },
+      {
+        type: "radar",
+        symbol: "triangle",
+        symbolSize: 3,
+        lineStyle: { color: "#f59e0b", width: 1.5, type: "dashed" },
+        areaStyle: { color: "rgba(245,158,11,0.06)" },
+        itemStyle: { color: "#f59e0b" },
+        data: [{ value: [55, 72, 48, 42, 78], name: "潜力客群" }],
+      },
+    ],
+  });
+}
+
+function handleResize() {
+  if (chart && !chart.isDisposed()) chart.resize();
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  const v1 = indicators.map(() => Math.round(53 + Math.random() * 42));
+  const v2 = indicators.map(() => Math.round(38 + Math.random() * 45));
+  chart.setOption({ series: [{ data: [{ value: v1 }] }, { data: [{ value: v2 }] }] });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 5000);
+    }
+  });
+  observer.observe(el);
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  clearInterval(timer);
+  window.removeEventListener("resize", handleResize);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.chart-box {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/screen/modules/VisitTrendChart.vue b/src/views/dashboard/screen/modules/VisitTrendChart.vue
new file mode 100644
index 0000000..bccef0c
--- /dev/null
+++ b/src/views/dashboard/screen/modules/VisitTrendChart.vue
@@ -0,0 +1,143 @@
+<template>
+  <div class="panel p1">
+    <div class="panel-hd"><span class="dot accent" />访问趋势</div>
+    <div ref="chartRef" class="chart-box" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from "vue";
+
+const chartRef = ref<HTMLDivElement>();
+import * as echarts from "echarts";
+
+defineOptions({ name: "VisitTrendChart" });
+
+let chart: echarts.ECharts | null = null;
+let timer = 0;
+
+const textStyle = { color: "#94a3b8" };
+const tooltip = {
+  trigger: "axis" as const,
+  backgroundColor: "#0f143c",
+  borderColor: "#1a2050",
+  textStyle: { color: "#e0e6ff" },
+};
+const xData = [
+  "00:00",
+  "02:00",
+  "04:00",
+  "06:00",
+  "08:00",
+  "10:00",
+  "12:00",
+  "14:00",
+  "16:00",
+  "18:00",
+  "20:00",
+  "22:00",
+];
+let pv = [120, 85, 60, 45, 200, 380, 450, 520, 480, 380, 300, 200];
+let uv = [80, 55, 40, 30, 140, 260, 320, 380, 350, 270, 220, 150];
+
+function initChart(dom: HTMLDivElement) {
+  if (!dom) return;
+  chart = echarts.init(dom);
+  chart.setOption({
+    grid: { top: 20, right: 30, bottom: 30, left: 50 },
+    xAxis: {
+      type: "category",
+      data: xData,
+      axisLine: { lineStyle: { color: "#1a2050" } },
+      axisLabel: textStyle,
+    },
+    yAxis: {
+      type: "value",
+      splitLine: { lineStyle: { color: "#1a2050", type: "dashed" } },
+      axisLabel: textStyle,
+    },
+    tooltip,
+    legend: { textStyle, top: 0 },
+    series: [
+      {
+        name: "PV",
+        type: "line",
+        smooth: true,
+        symbol: "circle",
+        symbolSize: 6,
+        lineStyle: { color: "#00d4ff", width: 2 },
+        areaStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: "rgba(0,212,255,0.3)" },
+            { offset: 1, color: "rgba(0,212,255,0.02)" },
+          ]),
+        },
+        itemStyle: { color: "#00d4ff" },
+        data: pv,
+      },
+      {
+        name: "UV",
+        type: "line",
+        smooth: true,
+        symbol: "circle",
+        symbolSize: 6,
+        lineStyle: { color: "#7c3aed", width: 2 },
+        areaStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: "rgba(124,58,237,0.3)" },
+            { offset: 1, color: "rgba(124,58,237,0.02)" },
+          ]),
+        },
+        itemStyle: { color: "#7c3aed" },
+        data: uv,
+      },
+    ],
+  });
+}
+
+function handleResize() {
+  if (!chart || chart.isDisposed()) return;
+  chart.resize();
+}
+
+function tick() {
+  if (!chart || chart.isDisposed()) return;
+  pv.push(Math.round(pv[pv.length - 1]! * (0.85 + Math.random() * 0.3)));
+  uv.push(Math.round(uv[uv.length - 1]! * (0.85 + Math.random() * 0.3)));
+  pv.shift();
+  uv.shift();
+  chart.setOption({
+    series: [{ data: pv }, { data: uv }],
+  });
+}
+
+onMounted(() => {
+  const el = chartRef.value;
+  if (!el) return;
+
+  const observer = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry && entry.contentRect.width > 0 && entry.contentRect.height > 0) {
+      observer.disconnect();
+      initChart(el);
+      timer = window.setInterval(tick, 3000);
+    }
+  });
+  observer.observe(el);
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  clearInterval(timer);
+  window.removeEventListener("resize", handleResize);
+  chart?.dispose();
+});
+</script>
+
+<style scoped>
+.chart-box {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+</style>
diff --git a/src/views/dashboard/workplace/index.vue b/src/views/dashboard/workplace/index.vue
new file mode 100644
index 0000000..814f3f1
--- /dev/null
+++ b/src/views/dashboard/workplace/index.vue
@@ -0,0 +1,52 @@
+<template>
+  <div class="flex flex-col relative last:mb-0">
+    <FaDashboardSkeleton v-if="loading" />
+    <template v-else>
+      <ElRow :gutter="24">
+        <ElCol :sm="12" :md="12" :lg="6" class="mb-5"><TotalOrderVolume /></ElCol>
+        <ElCol :sm="12" :md="12" :lg="6" class="mb-5"><TotalProducts /></ElCol>
+        <ElCol :sm="24" :md="12" :lg="6" class="mb-5"><ProductSales /></ElCol>
+        <ElCol :sm="24" :md="12" :lg="6" class="mb-5"><SalesGrowth /></ElCol>
+      </ElRow>
+
+      <ElRow :gutter="24">
+        <ElCol :span="24" class="mb-5"><CartConversionRate /></ElCol>
+      </ElRow>
+
+      <ElRow :gutter="24">
+        <ElCol :sm="12" :md="12" :lg="6" class="mb-5"><SalesTrend /></ElCol>
+        <ElCol :sm="12" :md="12" :lg="6" class="mb-5"><SalesClassification /></ElCol>
+        <ElCol :sm="24" :md="12" :lg="6" class="mb-5"><HotCommodity /></ElCol>
+        <ElCol :sm="24" :md="12" :lg="6" class="mb-5"><AnnualSales /></ElCol>
+      </ElRow>
+
+      <ElRow :gutter="24">
+        <ElCol :sm="24" :md="12" :lg="12" class="mb-5"><ActiveUser /></ElCol>
+        <ElCol :sm="24" :md="12" :lg="12" class="mb-5"><SalesOverview /></ElCol>
+      </ElRow>
+    </template>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from "vue";
+import FaDashboardSkeleton from "@/components/skeleton/fa-dashboard-skeleton.vue";
+import ActiveUser from "./modules/active-user.vue";
+import SalesOverview from "./modules/sales-overview.vue";
+import TotalOrderVolume from "./modules/total-order-volume.vue";
+import TotalProducts from "./modules/total-products.vue";
+import SalesTrend from "./modules/sales-trend.vue";
+import SalesClassification from "./modules/sales-classification.vue";
+import HotCommodity from "./modules/hot-commodity.vue";
+import AnnualSales from "./modules/annual-sales.vue";
+import ProductSales from "./modules/product-sales.vue";
+import SalesGrowth from "./modules/sales-growth.vue";
+import CartConversionRate from "./modules/cart-conversion-rate.vue";
+
+defineOptions({ name: "DashboardWorkplace" });
+
+const loading = ref(true);
+onMounted(() => {
+  loading.value = false;
+});
+</script>
diff --git a/src/views/dashboard/workplace/modules/active-user.vue b/src/views/dashboard/workplace/modules/active-user.vue
new file mode 100644
index 0000000..5313581
--- /dev/null
+++ b/src/views/dashboard/workplace/modules/active-user.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="fa-card h-105 p-4 box-border">
+    <FaBarChart
+      class="box-border p-2"
+      barWidth="50%"
+      height="13.7rem"
+      :showAxisLine="false"
+      :data="chartData"
+      :xAxisData="xAxisLabels"
+    />
+    <div class="ml-1">
+      <h3 class="mt-5 text-lg font-medium">用户概述</h3>
+      <p class="mt-1 text-sm">
+        比上周
+        <span class="text-success font-medium">+23%</span>
+      </p>
+      <p class="mt-1 text-sm">我们为您创建了多个选项，可将它们组合在一起并定制为像素完美的页面</p>
+    </div>
+    <div class="flex justify-between mt-2">
+      <div class="flex-1" v-for="(item, index) in list" :key="index">
+        <p class="text-2xl text-g-900">{{ item.num }}</p>
+        <p class="text-xs text-g-500">{{ item.name }}</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+interface UserStatItem {
+  name: string;
+  num: string;
+}
+
+// 最近9个月
+const xAxisLabels = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月"];
+
+// 每月活跃用户数
+const chartData = [160, 100, 150, 80, 190, 100, 175, 120, 160];
+
+/**
+ * 用户统计数据列表
+ * 包含总用户量、总访问量、日访问量和周同比等关键指标
+ */
+const list: UserStatItem[] = [
+  { name: "总用户量", num: "32k" },
+  { name: "总访问量", num: "128k" },
+  { name: "日访问量", num: "1.2k" },
+  { name: "周同比", num: "+5%" },
+];
+</script>
diff --git a/src/views/dashboard/workplace/modules/annual-sales.vue b/src/views/dashboard/workplace/modules/annual-sales.vue
new file mode 100644
index 0000000..867aae9
--- /dev/null
+++ b/src/views/dashboard/workplace/modules/annual-sales.vue
@@ -0,0 +1,43 @@
+<template>
+  <div class="fa-card p-5 h-112">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>年度销售额</h4>
+        <p>按季度统计</p>
+      </div>
+    </div>
+
+    <FaBarChart
+      :showAxisLabel="false"
+      :showAxisLine="false"
+      :showSplitLine="false"
+      :data="[50, 80, 50, 90, 60, 70, 50]"
+      barWidth="26px"
+      height="calc(100% - 155px)"
+    />
+    <div class="flex justify-around mt-10">
+      <div class="flex items-center">
+        <div
+          class="flex items-center justify-center size-10.5 mr-2.5 text-theme bg-theme/10 rounded-lg"
+        >
+          <FaSvgIcon icon="ri:money-cny-circle-line" class="text-xl" />
+        </div>
+        <div>
+          <p class="text-lg">¥200,858</p>
+          <span class="text-sm">线上销售</span>
+        </div>
+      </div>
+      <div class="flex items-center">
+        <div
+          class="flex items-center justify-center size-10.5 mr-2.5 text-theme bg-theme/10 rounded-lg"
+        >
+          <FaSvgIcon icon="ri:heart-3-line" class="text-xl" />
+        </div>
+        <div>
+          <p class="text-lg">¥102,927</p>
+          <span class="text-sm">线下销售</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/views/dashboard/workplace/modules/cart-conversion-rate.vue b/src/views/dashboard/workplace/modules/cart-conversion-rate.vue
new file mode 100644
index 0000000..7be442b
--- /dev/null
+++ b/src/views/dashboard/workplace/modules/cart-conversion-rate.vue
@@ -0,0 +1,11 @@
+<template>
+  <FaLineChartCard
+    class="fa-card h-53 p-5 pt-3.5"
+    :value="2545"
+    label="购物车转化率"
+    :percentage="1.2"
+    :height="13.5"
+    :chartData="[120, 132, 101, 134, 90, 230, 210]"
+    :showAreaColor="true"
+  />
+</template>
diff --git a/src/views/dashboard/workplace/modules/hot-commodity.vue b/src/views/dashboard/workplace/modules/hot-commodity.vue
new file mode 100644
index 0000000..a4c144f
--- /dev/null
+++ b/src/views/dashboard/workplace/modules/hot-commodity.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="fa-card p-5 h-112">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>热销商品</h4>
+        <p>本周销售排行</p>
+      </div>
+    </div>
+    <FaLineChart
+      :showAxisLabel="false"
+      :showAxisLine="false"
+      :showSplitLine="false"
+      :showAreaColor="true"
+      :data="[8, 40, 82, 35, 90, 52, 35]"
+      height="9rem"
+    />
+    <div class="mt-10 space-y-5">
+      <div v-for="item in weeklyList" :key="item.title" class="flex items-center">
+        <div
+          class="size-10.5 flex items-center justify-center rounded-lg"
+          :class="item.iconBgClass"
+        >
+          <FaSvgIcon :icon="item.icon" class="text-xl" />
+        </div>
+        <div class="ml-2.5">
+          <p class="text-sm font-medium text-g-800">{{ item.title }}</p>
+          <span class="text-sm text-g-600">{{ item.subtitle }}</span>
+        </div>
+        <div class="ml-auto px-3 py-1.5 text-sm text-center rounded" :class="item.valueBgClass">
+          <span>+{{ item.value }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+interface WeeklyItem {
+  icon: string;
+  title: string;
+  subtitle: string;
+  value: string;
+  iconBgClass: string;
+  valueBgClass: string;
+}
+
+/**
+ * 本周热销商品列表
+ * 展示销量排名前三的商品信息
+ */
+const weeklyList: WeeklyItem[] = [
+  {
+    icon: "ri:money-cny-circle-line",
+    title: "智能手表Pro",
+    subtitle: "电子产品",
+    value: "1,286件",
+    iconBgClass: "bg-theme/12 text-theme",
+    valueBgClass: "bg-theme/12 text-theme",
+  },
+  {
+    icon: "ri:money-cny-circle-line",
+    title: "时尚连衣裙",
+    subtitle: "女装服饰",
+    value: "892件",
+    iconBgClass: "bg-success/12 text-success",
+    valueBgClass: "bg-success/12 text-success",
+  },
+  {
+    icon: "ri:money-cny-circle-line",
+    title: "厨房小家电",
+    subtitle: "家居用品",
+    value: "756件",
+    iconBgClass: "bg-error/12 text-error",
+    valueBgClass: "bg-error/12 text-error",
+  },
+];
+</script>
diff --git a/src/views/dashboard/workplace/modules/product-sales.vue b/src/views/dashboard/workplace/modules/product-sales.vue
new file mode 100644
index 0000000..f8f944b
--- /dev/null
+++ b/src/views/dashboard/workplace/modules/product-sales.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="fa-card h-53 p-5 pt-3.5">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4 class="text-2xl">
+          <span>14.5k</span>
+          <FaSvgIcon icon="ri:arrow-right-up-line" class="text-success text-lg ml-1" />
+        </h4>
+        <p>销售量</p>
+      </div>
+    </div>
+
+    <FaBarChart
+      :showAxisLabel="false"
+      :showAxisLine="false"
+      :showSplitLine="false"
+      :data="[50, 80, 50, 90, 60, 70, 50]"
+      barWidth="16px"
+      height="5.6rem"
+    />
+  </div>
+</template>
diff --git a/src/views/dashboard/workplace/modules/sales-classification.vue b/src/views/dashboard/workplace/modules/sales-classification.vue
new file mode 100644
index 0000000..c9e68ea
--- /dev/null
+++ b/src/views/dashboard/workplace/modules/sales-classification.vue
@@ -0,0 +1,48 @@
+<template>
+  <div class="fa-card p-5 h-112">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>销售分类</h4>
+        <p>按产品类别</p>
+      </div>
+    </div>
+
+    <FaRingChart
+      :data="[
+        { value: 30, name: '电子产品' },
+        { value: 55, name: '服装鞋包' },
+        { value: 36, name: '家居用品' },
+      ]"
+      :color="['#4C87F3', '#EDF2FF', '#8BD8FC']"
+      :radius="['70%', '80%']"
+      height="16.5rem"
+      :showLabel="false"
+      :borderRadius="0"
+      centerText="¥300,458"
+    />
+    <div class="flex justify-around">
+      <div class="flex items-center">
+        <div
+          class="flex items-center justify-center size-10.5 mr-2.5 text-theme bg-theme/10 rounded-lg"
+        >
+          <FaSvgIcon icon="ri:money-cny-circle-line" class="text-xl" />
+        </div>
+        <div>
+          <p class="text-lg">¥500,458</p>
+          <span class="text-sm">总收入</span>
+        </div>
+      </div>
+      <div class="flex items-center">
+        <div
+          class="flex items-center justify-center size-10.5 mr-2.5 text-theme bg-theme/10 rounded-lg"
+        >
+          <FaSvgIcon icon="ri:heart-3-line" class="text-xl" />
+        </div>
+        <div>
+          <p class="text-lg">¥130,580</p>
+          <span class="text-sm">净利润</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/views/dashboard/workplace/modules/sales-growth.vue b/src/views/dashboard/workplace/modules/sales-growth.vue
new file mode 100644
index 0000000..a9b0a02
--- /dev/null
+++ b/src/views/dashboard/workplace/modules/sales-growth.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="fa-card h-53 p-5 pt-3.5">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4 class="text-2xl">
+          <span>12%</span>
+          <FaSvgIcon icon="ri:arrow-right-up-line" class="text-success text-lg ml-1" />
+        </h4>
+        <p>增长</p>
+      </div>
+    </div>
+
+    <FaLineChart
+      :showAreaColor="true"
+      :showAxisLabel="false"
+      :showAxisLine="false"
+      :showSplitLine="false"
+      :data="[50, 85, 65, 95, 75, 130, 180]"
+      barWidth="16px"
+      height="5rem"
+    />
+  </div>
+</template>
diff --git a/src/views/dashboard/workplace/modules/sales-overview.vue b/src/views/dashboard/workplace/modules/sales-overview.vue
new file mode 100644
index 0000000..a208497
--- /dev/null
+++ b/src/views/dashboard/workplace/modules/sales-overview.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="fa-card h-105 p-5">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>访问量</h4>
+        <p>
+          今年增长
+          <span class="text-success">+15%</span>
+        </p>
+      </div>
+    </div>
+    <FaLineChart
+      height="calc(100% - 56px)"
+      :data="data"
+      :xAxisData="xAxisData"
+      :showAreaColor="true"
+      :showAxisLine="false"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+/**
+ * 全年访问量数据
+ * 记录每月的访问量统计
+ */
+const data = [50, 25, 40, 20, 70, 35, 65, 30, 35, 20, 40, 44];
+
+/**
+ * X 轴月份标签
+ */
+const xAxisData = [
+  "1月",
+  "2月",
+  "3月",
+  "4月",
+  "5月",
+  "6月",
+  "7月",
+  "8月",
+  "9月",
+  "10月",
+  "11月",
+  "12月",
+];
+</script>
diff --git a/src/views/dashboard/workplace/modules/sales-trend.vue b/src/views/dashboard/workplace/modules/sales-trend.vue
new file mode 100644
index 0000000..25d65b1
--- /dev/null
+++ b/src/views/dashboard/workplace/modules/sales-trend.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="fa-card p-5 h-112">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4>销售趋势</h4>
+        <p>月度销售对比</p>
+      </div>
+    </div>
+
+    <FaDualBarCompareChart
+      :positiveData="[50, 80, 120, 90, 60]"
+      :negativeData="[30, 60, 90, 70, 40]"
+      :xAxisData="['一月', '二月', '三月', '四月', '五月']"
+      height="19rem"
+    />
+  </div>
+</template>
diff --git a/src/views/dashboard/workplace/modules/total-order-volume.vue b/src/views/dashboard/workplace/modules/total-order-volume.vue
new file mode 100644
index 0000000..7cba7ea
--- /dev/null
+++ b/src/views/dashboard/workplace/modules/total-order-volume.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="fa-card h-53 p-5 pt-3.5">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4 class="text-2xl font-medium">205,216</h4>
+        <p>这个月增长</p>
+      </div>
+    </div>
+
+    <FaRingChart
+      :data="[
+        { value: 30, name: '已完成' },
+        { value: 25, name: '处理中' },
+        { value: 45, name: '待发货' },
+      ]"
+      :color="['#4C87F3', '#93F1B4', '#8BD8FC']"
+      :radius="['56%', '76%']"
+      height="7rem"
+      :showLabel="false"
+      :borderRadius="0"
+    />
+  </div>
+</template>
diff --git a/src/views/dashboard/workplace/modules/total-products.vue b/src/views/dashboard/workplace/modules/total-products.vue
new file mode 100644
index 0000000..57b4026
--- /dev/null
+++ b/src/views/dashboard/workplace/modules/total-products.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="fa-card h-53 p-5 pt-3.5">
+    <div class="fa-card-header">
+      <div class="title">
+        <h4 class="text-2xl font-medium">55,231</h4>
+        <p>商品总数</p>
+      </div>
+    </div>
+
+    <FaBarChart
+      :showAxisLabel="false"
+      :showAxisLine="false"
+      :showSplitLine="false"
+      :data="[50, 80, 40, 90, 60, 70]"
+      height="7rem"
+      barWidth="18px"
+    />
+  </div>
+</template>
diff --git a/src/views/exception/401/index.vue b/src/views/exception/401/index.vue
new file mode 100644
index 0000000..d834b6e
--- /dev/null
+++ b/src/views/exception/401/index.vue
@@ -0,0 +1,16 @@
+<!-- 401页面 -->
+<template>
+  <FaException
+    :data="{
+      title: '401',
+      desc: $t('exceptionPage.401'),
+      btnText: $t('exceptionPage.gohome'),
+      imgUrl,
+    }"
+  />
+</template>
+
+<script setup lang="ts">
+import imgUrl from "@imgs/svg/401.svg";
+defineOptions({ name: "401" });
+</script>
diff --git a/src/views/exception/403/index.vue b/src/views/exception/403/index.vue
new file mode 100644
index 0000000..ed623fa
--- /dev/null
+++ b/src/views/exception/403/index.vue
@@ -0,0 +1,16 @@
+<!-- 403页面 -->
+<template>
+  <FaException
+    :data="{
+      title: '403',
+      desc: $t('exceptionPage.403'),
+      btnText: $t('exceptionPage.gohome'),
+      imgUrl,
+    }"
+  />
+</template>
+
+<script setup lang="ts">
+import imgUrl from "@imgs/svg/403.svg";
+defineOptions({ name: "Exception403" });
+</script>
diff --git a/src/views/exception/404/index.vue b/src/views/exception/404/index.vue
new file mode 100644
index 0000000..d3da6a5
--- /dev/null
+++ b/src/views/exception/404/index.vue
@@ -0,0 +1,16 @@
+<!-- 404页面 -->
+<template>
+  <FaException
+    :data="{
+      title: '404',
+      desc: $t('exceptionPage.404'),
+      btnText: $t('exceptionPage.gohome'),
+      imgUrl,
+    }"
+  />
+</template>
+
+<script setup lang="ts">
+import imgUrl from "@imgs/svg/404.svg";
+defineOptions({ name: "Exception404" });
+</script>
diff --git a/src/views/exception/500/index.vue b/src/views/exception/500/index.vue
new file mode 100644
index 0000000..b63f001
--- /dev/null
+++ b/src/views/exception/500/index.vue
@@ -0,0 +1,16 @@
+<!-- 500页面 -->
+<template>
+  <FaException
+    :data="{
+      title: '500',
+      desc: $t('exceptionPage.500'),
+      btnText: $t('exceptionPage.gohome'),
+      imgUrl,
+    }"
+  />
+</template>
+
+<script setup lang="ts">
+import imgUrl from "@imgs/svg/500.svg";
+defineOptions({ name: "Exception500" });
+</script>
diff --git a/src/views/fastlink/article/components/ArticleCommentWallDrawer.vue b/src/views/fastlink/article/components/ArticleCommentWallDrawer.vue
new file mode 100644
index 0000000..08590a8
--- /dev/null
+++ b/src/views/fastlink/article/components/ArticleCommentWallDrawer.vue
@@ -0,0 +1,143 @@
+<!-- 留言墙（大抽屉，替代独立路由） -->
+<template>
+  <FaDrawer
+    v-model="visible"
+    title="留言墙"
+    direction="rtl"
+    size="min(960px, 96vw)"
+    class="article-comment-wall-drawer"
+  >
+    <p class="mt-0 mb-8 text-g-600">每一份留言都记录了您的想法，也为我们提供了珍贵的回忆</p>
+
+    <ul
+      class="grid grid-cols-5 gap-5 max-2xl:grid-cols-4 max-xl:grid-cols-3 max-lg:grid-cols-2 max-sm:grid-cols-1 mb-5 list-none p-0 m-0"
+    >
+      <li
+        class="relative p-4 cursor-pointer aspect-16/12 duration-300 hover:-translate-y-1.5 rounded-custom-sm"
+        :style="{ background: item.color }"
+        v-for="item in commentsWithColors"
+        :key="item.id"
+        @click="openCardDrawer(item)"
+      >
+        <p class="text-g-600 text-sm">{{ item.date }}</p>
+        <p class="mt-4 text-sm text-gray-800">{{ item.content }}</p>
+        <div class="absolute bottom-4 left-0 px-4 flex items-center justify-between w-full">
+          <div class="flex items-center">
+            <div class="flex items-center mr-5 text-xs text-g-600">
+              <FaSvgIcon icon="ri:heart-line" class="mr-1 text-base" />
+              <span>{{ item.collection }}</span>
+            </div>
+            <div class="flex items-center mr-5 text-xs text-g-600">
+              <FaSvgIcon icon="ri:message-3-line" class="mr-1 text-base" />
+              <span>{{ item.comment }}</span>
+            </div>
+          </div>
+          <div>
+            <span class="text-sm text-gray-700">{{ item.userName }}</span>
+          </div>
+        </div>
+      </li>
+    </ul>
+
+    <FaDrawer
+      v-model="cardDrawerOpen"
+      title="详情"
+      :lock-scroll="false"
+      :size="360"
+      modal-class="comment-modal"
+    >
+      <div class="drawer-default">
+        <div class="relative p-4 aspect-16/12 rounded-md" :style="{ background: clickItem.color }">
+          <p class="text-g-500 text-sm">{{ clickItem.date }}</p>
+          <p class="mt-4 text-sm text-gray-800">{{ clickItem.content }}</p>
+          <div class="absolute bottom-4 left-0 px-4 flex items-center justify-between w-full">
+            <div class="flex items-center">
+              <div class="flex items-center mr-5 text-xs text-g-600">
+                <FaSvgIcon icon="ri:heart-line" class="mr-1 text-base" />
+                <span>{{ clickItem.collection }}</span>
+              </div>
+              <div class="flex items-center mr-5 text-xs text-g-600">
+                <FaSvgIcon icon="ri:message-3-line" class="mr-1 text-base" />
+                <span>{{ clickItem.comment }}</span>
+              </div>
+            </div>
+            <span class="text-sm text-gray-700">{{ clickItem.userName }}</span>
+          </div>
+        </div>
+
+        <!-- 评论组件 -->
+        <div class="mt-6 px-2">
+          <FaCommentWidget />
+        </div>
+      </div>
+    </FaDrawer>
+  </FaDrawer>
+</template>
+
+<script setup lang="ts">
+import { commentList } from "@/mock/temp/commentList";
+
+defineOptions({ name: "ArticleCommentWallDrawer" });
+
+interface CommentItem {
+  id: number;
+  date: string;
+  content: string;
+  collection: number;
+  comment: number;
+  userName: string;
+  color?: string;
+}
+
+const props = defineProps<{
+  modelValue: boolean;
+}>();
+
+interface Emits {
+  "update:modelValue": [boolean];
+}
+
+const emit = defineEmits<Emits>();
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v: boolean) => emit("update:modelValue", v),
+});
+
+const COLOR_LIST = ["#D8F8FF", "#FDDFD9", "#FCE6F0", "#D3F8F0", "#FFEABC", "#F5E1FF", "#E1E6FE"];
+
+const cardDrawerOpen = ref(false);
+const clickItem = ref<CommentItem>({
+  id: 1,
+  date: "2024-9-3",
+  content: "加油！学好Node 自己写个小Demo",
+  collection: 5,
+  comment: 8,
+  userName: "匿名",
+  color: COLOR_LIST[0],
+});
+
+const commentsWithColors = computed(() => {
+  let lastColorIndex = -1;
+
+  return commentList.map((item) => {
+    let newIndex: number;
+
+    do {
+      newIndex = Math.floor(Math.random() * COLOR_LIST.length);
+    } while (newIndex === lastColorIndex && COLOR_LIST.length > 1);
+
+    lastColorIndex = newIndex;
+
+    return {
+      ...item,
+      color: COLOR_LIST[newIndex],
+    };
+  });
+});
+
+const openCardDrawer = (item: CommentItem) => {
+  cardDrawerOpen.value = true;
+  clickItem.value = item;
+};
+</script>
diff --git a/src/views/fastlink/article/components/ArticleDetail.vue b/src/views/fastlink/article/components/ArticleDetail.vue
new file mode 100644
index 0000000..0e93ae9
--- /dev/null
+++ b/src/views/fastlink/article/components/ArticleDetail.vue
@@ -0,0 +1,188 @@
+<!-- 文章详情（弹窗，无独立路由） -->
+<template>
+  <FaDialog
+    v-model="visible"
+    :title="dialogTitle"
+    width="min(900px, 96vw)"
+    :show-footer="false"
+    class="article-detail-dialog"
+  >
+    <div v-loading="loading" class="article-detail-inner">
+      <ElEmpty v-if="error" :description="error" />
+      <div
+        v-else-if="articleHtml"
+        class="markdown-body article-detail-markdown"
+        v-highlight
+        v-html="articleHtml"
+      />
+    </div>
+    <template #footer>
+      <div class="flex flex-wrap justify-end gap-2">
+        <ElButton v-if="articleId != null" @click="emitOpenCommentWall">
+          <FaSvgIcon icon="ri:message-3-line" class="mr-1" />
+          留言讨论
+        </ElButton>
+        <ElButton @click="visible = false">关闭</ElButton>
+        <ElButton v-if="articleId != null" type="primary" @click="onEditClick"> 编辑 </ElButton>
+      </div>
+    </template>
+  </FaDialog>
+</template>
+
+<script setup lang="ts">
+import "./_markdown.scss";
+import "./_highlight.scss";
+import DOMPurify from "dompurify";
+import { ArticleDetail } from "@/mock/temp/articleDetail";
+
+defineOptions({ name: "ArticleDetail" });
+
+const props = defineProps<{
+  modelValue: boolean;
+  articleId?: number | null;
+}>();
+
+interface Emits {
+  "update:modelValue": [boolean];
+  edit: [id: number];
+  "open-comment-wall": [];
+}
+
+const emit = defineEmits<Emits>();
+
+const emitOpenCommentWall = () => {
+  emit("open-comment-wall");
+};
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v: boolean) => emit("update:modelValue", v),
+});
+
+const articleTitle = ref("");
+const articleHtml = shallowRef("");
+const loading = ref(false);
+const error = ref<string | null>(null);
+
+const dialogTitle = computed(() => articleTitle.value || "文章详情");
+
+const fetchDetail = async () => {
+  const id = props.articleId;
+  if (id == null) return;
+
+  loading.value = true;
+  error.value = null;
+  articleTitle.value = "";
+  articleHtml.value = "";
+
+  try {
+    // 使用 mock 数据
+    await new Promise((resolve) => setTimeout(resolve, 300));
+
+    const mockHtml = ArticleDetail[id];
+    if (mockHtml) {
+      const titleMatch = mockHtml.match(/<h2[^>]*>(.*?)<\/h2>/);
+      articleTitle.value = titleMatch?.[1]?.replace(/<[^>]*>/g, "") || "文章详情";
+      articleHtml.value = DOMPurify.sanitize(mockHtml);
+    } else {
+      error.value = "暂无该文章内容";
+    }
+  } catch (err) {
+    error.value = "文章加载失败，请检查网络连接";
+    console.error("获取文章详情失败:", err);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const onEditClick = () => {
+  if (props.articleId != null) {
+    emit("edit", props.articleId);
+  }
+};
+
+watch(
+  () => [props.modelValue, props.articleId] as const,
+  ([open, id]) => {
+    if (open && id != null) {
+      nextTick(() => fetchDetail());
+    }
+  }
+);
+</script>
+
+<style lang="scss" scoped>
+.article-detail-inner {
+  min-height: 120px;
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+.article-detail-markdown {
+  margin-top: 8px;
+
+  :deep(img) {
+    width: 100%;
+    border: 1px solid var(--fa-gray-200);
+  }
+
+  :deep(pre) {
+    position: relative;
+
+    &:hover {
+      .copy-button {
+        opacity: 1;
+      }
+    }
+
+    &::before {
+      position: absolute;
+      top: 0;
+      left: 50px;
+      width: 1px;
+      height: 100%;
+      content: "";
+      background: #0a0a0e;
+    }
+  }
+
+  :deep(.code-wrapper) {
+    overflow-x: auto;
+  }
+
+  :deep(.line-number) {
+    position: sticky;
+    left: 0;
+    z-index: 2;
+    box-sizing: border-box;
+    display: inline-block;
+    width: 50px;
+    margin-right: 10px;
+    font-size: 14px;
+    color: #9e9e9e;
+    text-align: center;
+  }
+
+  :deep(.copy-button) {
+    position: absolute;
+    top: 6px;
+    right: 6px;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    font-size: 20px;
+    line-height: 40px;
+    color: #999;
+    text-align: center;
+    cursor: pointer;
+    background-color: #000;
+    border: none;
+    border-radius: 8px;
+    opacity: 0;
+    transition: all 0.2s;
+  }
+}
+</style>
diff --git a/src/views/fastlink/article/components/ArticleDetailDrawer.vue b/src/views/fastlink/article/components/ArticleDetailDrawer.vue
new file mode 100644
index 0000000..09e9aa0
--- /dev/null
+++ b/src/views/fastlink/article/components/ArticleDetailDrawer.vue
@@ -0,0 +1,194 @@
+<!-- 文章详情（抽屉，无独立路由） -->
+<template>
+  <FaDrawer
+    v-model="visible"
+    :title="drawerTitle"
+    direction="rtl"
+    size="min(900px, 100vw)"
+    class="article-detail-drawer"
+  >
+    <div v-loading="loading" class="article-detail-drawer-inner">
+      <ElAlert v-if="error" :title="error" type="error" show-icon :closable="false" />
+      <div
+        v-else-if="articleHtml"
+        class="markdown-body article-detail-markdown"
+        v-highlight
+        v-html="articleHtml"
+      />
+    </div>
+    <template #footer>
+      <div class="flex flex-wrap justify-end gap-2">
+        <ElButton v-if="articleId != null" @click="emitOpenCommentWall">
+          <FaSvgIcon icon="ri:message-3-line" class="mr-1" />
+          留言讨论
+        </ElButton>
+        <ElButton @click="visible = false">关闭</ElButton>
+        <ElButton v-if="articleId != null" type="primary" @click="onEditClick"> 编辑 </ElButton>
+      </div>
+    </template>
+  </FaDrawer>
+</template>
+
+<script setup lang="ts">
+// 第三方 markdown 渲染样式（仅本组件需要，按需 import）
+import "@/views/fastlink/article/components/_markdown.scss";
+import "@/views/fastlink/article/components/_highlight.scss";
+import axios from "axios";
+import DOMPurify from "dompurify";
+
+defineOptions({ name: "ArticleDetailDrawer" });
+
+const props = defineProps<{
+  modelValue: boolean;
+  articleId?: number | null;
+}>();
+
+interface Emits {
+  "update:modelValue": [boolean];
+  edit: [id: number];
+  "open-comment-wall": [];
+}
+
+const emit = defineEmits<Emits>();
+
+const emitOpenCommentWall = () => {
+  emit("open-comment-wall");
+};
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v: boolean) => emit("update:modelValue", v),
+});
+
+interface ArticleResponse {
+  code: number;
+  data: {
+    title: string;
+    html_content: string;
+  };
+}
+
+const articleTitle = ref("");
+const articleHtml = shallowRef("");
+const loading = ref(false);
+const error = ref<string | null>(null);
+
+const drawerTitle = computed(() => articleTitle.value || "文章详情");
+
+const fetchDetail = async () => {
+  const id = props.articleId;
+  if (id == null) return;
+
+  loading.value = true;
+  error.value = null;
+  articleTitle.value = "";
+  articleHtml.value = "";
+
+  try {
+    const { data } = await axios.get<ArticleResponse>(
+      "https://www.qiniu.lingchen.kim/blog_detail.json"
+    );
+
+    if (data.code === 200) {
+      articleTitle.value = data.data.title;
+      articleHtml.value = DOMPurify.sanitize(data.data.html_content);
+    } else {
+      error.value = "文章加载失败";
+    }
+  } catch (err) {
+    error.value = "文章加载失败";
+    console.error("获取文章详情失败:", err);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const onEditClick = () => {
+  if (props.articleId != null) {
+    emit("edit", props.articleId);
+  }
+};
+
+watch(
+  () => [props.modelValue, props.articleId] as const,
+  ([open, id]) => {
+    if (open && id != null) {
+      nextTick(() => fetchDetail());
+    }
+  }
+);
+</script>
+
+<style lang="scss" scoped>
+.article-detail-drawer-inner {
+  min-height: 120px;
+}
+
+.article-detail-markdown {
+  margin-top: 8px;
+
+  :deep(img) {
+    width: 100%;
+    border: 1px solid var(--fa-gray-200);
+  }
+
+  :deep(pre) {
+    position: relative;
+
+    &:hover {
+      .copy-button {
+        opacity: 1;
+      }
+    }
+
+    &::before {
+      position: absolute;
+      top: 0;
+      left: 50px;
+      width: 1px;
+      height: 100%;
+      content: "";
+      background: #0a0a0e;
+    }
+  }
+
+  :deep(.code-wrapper) {
+    overflow-x: auto;
+  }
+
+  :deep(.line-number) {
+    position: sticky;
+    left: 0;
+    z-index: 2;
+    box-sizing: border-box;
+    display: inline-block;
+    width: 50px;
+    margin-right: 10px;
+    font-size: 14px;
+    color: #9e9e9e;
+    text-align: center;
+  }
+
+  :deep(.copy-button) {
+    position: absolute;
+    top: 6px;
+    right: 6px;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    font-size: 20px;
+    line-height: 40px;
+    color: #999;
+    text-align: center;
+    cursor: pointer;
+    background-color: #000;
+    border: none;
+    border-radius: 8px;
+    opacity: 0;
+    transition: all 0.2s;
+  }
+}
+</style>
diff --git a/src/views/fastlink/article/components/ArticlePublishDrawer.vue b/src/views/fastlink/article/components/ArticlePublishDrawer.vue
new file mode 100644
index 0000000..780fea9
--- /dev/null
+++ b/src/views/fastlink/article/components/ArticlePublishDrawer.vue
@@ -0,0 +1,372 @@
+<!-- 文章新增 / 编辑（抽屉，替代独立发布页） -->
+<template>
+  <FaDrawer
+    v-model="visible"
+    :title="drawerTitle"
+    direction="rtl"
+    size="min(920px, 100vw)"
+    class="article-publish-drawer"
+  >
+    <div class="article-publish-drawer-body">
+      <template v-if="resultPhase === 'form'">
+        <div>
+          <ElRow :gutter="10">
+            <ElCol :span="18">
+              <ElInput
+                v-model.trim="articleName"
+                placeholder="请输入文章标题（最多100个字符）"
+                maxlength="100"
+              />
+            </ElCol>
+            <ElCol :span="6">
+              <ElSelect v-model="articleType" placeholder="请选择文章类型" filterable>
+                <ElOption
+                  v-for="item in articleTypes"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                />
+              </ElSelect>
+            </ElCol>
+          </ElRow>
+
+          <FaWangEditor class="mt-2.5" v-model="editorHtml" />
+
+          <div class="p-5 mt-5 fa-card-xs">
+            <h2 class="mb-5 text-xl font-medium">发布设置</h2>
+            <ElForm>
+              <ElFormItem label="封面">
+                <div class="mt-2.5">
+                  <ElUpload
+                    :action="uploadImageUrl"
+                    :headers="uploadHeaders"
+                    :show-file-list="false"
+                    :on-success="onSuccess"
+                    :on-error="onError"
+                    :before-upload="beforeUpload"
+                  >
+                    <div
+                      v-if="!cover"
+                      class="flex items-center justify-center flex-col w-65 h-40 border border-dashed border-[#d9d9d9] rounded-md"
+                    >
+                      <ElIcon class="text-xl! text-g-600!"><Plus /></ElIcon>
+                      <div class="mt-2 text-sm text-g-600">点击上传封面</div>
+                    </div>
+                    <img v-else :src="cover" class="block w-65 h-40 object-cover" loading="eager" />
+                  </ElUpload>
+                  <div class="mt-2 text-xs text-g-700">建议尺寸 16:9，jpg/png 格式</div>
+                </div>
+              </ElFormItem>
+              <ElFormItem label="可见">
+                <ElSwitch v-model="visibleFlag" />
+              </ElFormItem>
+            </ElForm>
+
+            <div class="flex justify-end">
+              <ElButton type="primary" @click="submit" class="w-25">
+                {{ pageMode === PageModeEnum.Edit ? "保存" : "发布" }}
+              </ElButton>
+            </div>
+          </div>
+        </div>
+      </template>
+
+      <FaResultPage
+        v-else-if="resultPhase === 'success'"
+        type="success"
+        :title="successTitle"
+        message="文章操作已完成。简单反馈也可用全局 Message；此处用于完整结果反馈，下方灰色区域可展示补充说明。"
+        icon-code="ri:check-fill"
+      >
+        <template #content>
+          <p v-if="pageMode === PageModeEnum.Add">文章已发布，读者可在列表与详情中查看。</p>
+          <p v-else>修改已保存，内容已更新。</p>
+        </template>
+        <template #buttons>
+          <ElButton type="primary" v-ripple @click="backToForm">继续编辑</ElButton>
+          <ElButton v-ripple @click="finishAndClose">关闭并返回列表</ElButton>
+          <ElButton v-if="pageMode === PageModeEnum.Add" v-ripple @click="publishAgain">
+            新建一篇
+          </ElButton>
+        </template>
+      </FaResultPage>
+
+      <FaResultPage
+        v-else
+        type="fail"
+        :title="failTitle"
+        message="请核对并修改以下信息后，再重新提交。"
+        icon-code="ri:close-fill"
+      >
+        <template #content>
+          <p>本次提交未成功，可能原因如下：</p>
+          <p>
+            <FaSvgIcon icon="ri:close-circle-line" class="text-red-500 mr-1" />
+            <span>网络或服务暂时不可用，请稍后重试</span>
+          </p>
+          <p>
+            <FaSvgIcon icon="ri:close-circle-line" class="text-red-500 mr-1" />
+            <span>请确认必填项与封面已正确填写</span>
+          </p>
+        </template>
+        <template #buttons>
+          <ElButton type="primary" v-ripple @click="backToForm">返回修改</ElButton>
+          <ElButton v-ripple @click="finishAndClose">关闭并返回列表</ElButton>
+        </template>
+      </FaResultPage>
+    </div>
+  </FaDrawer>
+</template>
+
+<script setup lang="ts">
+import { Plus } from "@element-plus/icons-vue";
+import { ApiStatus, EmojiText } from "@utils";
+import { useUserStore } from "@stores";
+import { PageModeEnum } from "@/enums/formEnum";
+import axios from "axios";
+
+defineOptions({ name: "ArticlePublishDrawer" });
+
+const props = withDefaults(
+  defineProps<{
+    modelValue: boolean;
+    /** 编辑的文章 id；不传或 null 为新增 */
+    editId?: number | null;
+  }>(),
+  { editId: null }
+);
+
+interface Emits {
+  "update:modelValue": [boolean];
+  success: [];
+}
+
+const emit = defineEmits<Emits>();
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v: boolean) => emit("update:modelValue", v),
+});
+
+interface ArticleType {
+  id: number;
+  name: string;
+}
+
+interface UploadResponse {
+  data: {
+    url: string;
+  };
+}
+
+interface ArticleDetailResponse {
+  code: number;
+  data: {
+    title: string;
+    blog_class: string;
+    html_content: string;
+  };
+}
+
+const MAX_IMAGE_SIZE = 2;
+const EMPTY_EDITOR_CONTENT = "<p><br></p>";
+
+const userStore = useUserStore();
+const { accessToken } = userStore;
+
+const uploadImageUrl = `${import.meta.env.VITE_API_URL}/api/common/file/upload`;
+const uploadHeaders = { Authorization: accessToken };
+
+type ResultPhase = "form" | "success" | "fail";
+const resultPhase = ref<ResultPhase>("form");
+
+const pageMode = ref<PageModeEnum>(PageModeEnum.Add);
+const articleName = ref("");
+const articleType = ref<number>();
+const articleTypes = ref<ArticleType[]>([]);
+const editorHtml = ref("");
+const cover = ref("");
+/** 与 ElSwitch `visible` 避免命名冲突 */
+const visibleFlag = ref(true);
+
+const drawerTitle = computed(() =>
+  pageMode.value === PageModeEnum.Edit ? "编辑文章" : "新增文章"
+);
+
+const successTitle = computed(() =>
+  pageMode.value === PageModeEnum.Edit ? "保存成功" : "发布成功"
+);
+const failTitle = computed(() => (pageMode.value === PageModeEnum.Edit ? "保存失败" : "发布失败"));
+
+const backToForm = () => {
+  resultPhase.value = "form";
+};
+
+const finishAndClose = () => {
+  emit("success");
+  visible.value = false;
+};
+
+const publishAgain = () => {
+  pageMode.value = PageModeEnum.Add;
+  articleName.value = "";
+  articleType.value = undefined;
+  editorHtml.value = "";
+  cover.value = "";
+  visibleFlag.value = true;
+  resultPhase.value = "form";
+};
+
+const initWhenOpen = () => {
+  resultPhase.value = "form";
+  pageMode.value = props.editId != null ? PageModeEnum.Edit : PageModeEnum.Add;
+
+  if (pageMode.value === PageModeEnum.Edit) {
+    getArticleDetail();
+  } else {
+    articleName.value = "";
+    articleType.value = undefined;
+    editorHtml.value = "";
+    cover.value = "";
+    visibleFlag.value = true;
+  }
+};
+
+const getArticleTypes = async () => {
+  try {
+    const { data } = await axios.get("https://www.qiniu.lingchen.kim/classify.json");
+    if (data.code === 200) {
+      articleTypes.value = data.data;
+    }
+  } catch (error) {
+    console.error("获取文章分类失败:", error);
+    ElMessage.error("获取文章分类失败");
+  }
+};
+
+const getArticleDetail = async () => {
+  try {
+    const { data } = await axios.get<ArticleDetailResponse>(
+      "https://www.qiniu.lingchen.kim/blog_list.json"
+    );
+
+    if (data.code === ApiStatus.success) {
+      const { title, blog_class, html_content } = data.data;
+      articleName.value = title;
+      articleType.value = Number(blog_class);
+      editorHtml.value = html_content;
+    }
+  } catch (error) {
+    console.error("获取文章详情失败:", error);
+    ElMessage.error("获取文章详情失败");
+  }
+};
+
+const validateArticle = (): boolean => {
+  if (!articleName.value.trim()) {
+    ElMessage.error("请输入文章标题");
+    return false;
+  }
+
+  if (!articleType.value) {
+    ElMessage.error("请选择文章类型");
+    return false;
+  }
+
+  if (!editorHtml.value || editorHtml.value === EMPTY_EDITOR_CONTENT) {
+    ElMessage.error("请输入文章内容");
+    return false;
+  }
+
+  if (!cover.value) {
+    ElMessage.error("请上传封面图片");
+    return false;
+  }
+
+  return true;
+};
+
+const cleanCodeContent = (content: string): string => {
+  return content.replace(/(\s*)<\/code>/g, "</code>");
+};
+
+const addArticle = async () => {
+  if (!validateArticle()) return;
+
+  try {
+    cleanCodeContent(editorHtml.value);
+
+    await new Promise<void>((resolve) => setTimeout(resolve, 400));
+    resultPhase.value = "success";
+  } catch (error) {
+    console.error("发布文章失败:", error);
+    resultPhase.value = "fail";
+  }
+};
+
+const editArticle = async () => {
+  if (!validateArticle()) return;
+
+  try {
+    cleanCodeContent(editorHtml.value);
+
+    await new Promise<void>((resolve) => setTimeout(resolve, 400));
+    resultPhase.value = "success";
+  } catch (error) {
+    console.error("保存文章失败:", error);
+    resultPhase.value = "fail";
+  }
+};
+
+const submit = () => {
+  if (pageMode.value === PageModeEnum.Edit) {
+    editArticle();
+  } else {
+    addArticle();
+  }
+};
+
+const onSuccess = (response: UploadResponse) => {
+  cover.value = response.data.url;
+  ElMessage.success(`图片上传成功 ${EmojiText[200]}`);
+};
+
+const onError = () => {
+  ElMessage.error(`图片上传失败 ${EmojiText[500]}`);
+};
+
+const beforeUpload = (file: File): boolean => {
+  const isImage = file.type.startsWith("image/");
+  const isLt2M = file.size / 1024 / 1024 < MAX_IMAGE_SIZE;
+
+  if (!isImage) {
+    ElMessage.error("只能上传图片文件");
+    return false;
+  }
+
+  if (!isLt2M) {
+    ElMessage.error(`图片大小不能超过 ${MAX_IMAGE_SIZE}MB`);
+    return false;
+  }
+
+  return true;
+};
+
+watch(
+  () => props.modelValue,
+  (open) => {
+    if (open) {
+      nextTick(() => {
+        initWhenOpen();
+        getArticleTypes();
+      });
+    }
+  }
+);
+</script>
+
+<style scoped lang="scss">
+.article-publish-drawer-body {
+  padding-bottom: env(safe-area-inset-bottom, 0);
+}
+</style>
diff --git a/src/views/fastlink/article/components/_highlight.scss b/src/views/fastlink/article/components/_highlight.scss
new file mode 100644
index 0000000..73f29aa
--- /dev/null
+++ b/src/views/fastlink/article/components/_highlight.scss
@@ -0,0 +1,97 @@
+.hljs {
+  display: block;
+  padding: 0.5em;
+  overflow-x: auto;
+  color: #a6accd;
+}
+
+.hljs-string,
+.hljs-section,
+.hljs-selector-class,
+.hljs-template-variable,
+.hljs-deletion {
+  color: #aed07e !important;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #6f747d;
+}
+
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+  color: #c792ea;
+}
+
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #c86068;
+}
+
+.hljs-literal {
+  color: #56b6c2;
+}
+
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta-string {
+  color: #abb2bf;
+}
+
+.hljs-attribute {
+  color: #c792ea;
+}
+
+.hljs-function {
+  color: #c792ea;
+}
+
+.hljs-type {
+  color: #f07178;
+}
+
+.hljs-title {
+  color: #82aaff !important;
+}
+
+.hljs-built_in,
+.hljs-class {
+  color: #82aaff;
+}
+
+// 括号
+.hljs-params {
+  color: #a6accd;
+}
+
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #de7e61;
+}
+
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id {
+  color: #61aeee;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
diff --git a/src/views/fastlink/article/components/_markdown.scss b/src/views/fastlink/article/components/_markdown.scss
new file mode 100644
index 0000000..fb41fdc
--- /dev/null
+++ b/src/views/fastlink/article/components/_markdown.scss
@@ -0,0 +1,1038 @@
+/* 文章标题设置（h1-h6） */
+
+/* ------------------------------------------------ */
+$font-color: #24292e;
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  margin: 30px 0 10px;
+  font-weight: 600;
+  color: var(--fa-gray-800) !important;
+}
+
+.markdown-body h1 {
+  font-size: 30px;
+}
+
+@media only screen and (width <= 550px) {
+  .markdown-body h1 {
+    font-size: 26px;
+  }
+
+  .markdown-body h2 {
+    font-size: 22px;
+  }
+
+  .markdown-body h3 {
+    font-size: 18px;
+  }
+}
+
+/* 块引用 */
+
+/* ------------------------------------------------ */
+.markdown-body blockquote {
+  padding: 15px 1em;
+  font-size: 15px !important;
+  font-weight: 400 !important;
+  color: rgb(60 60 67 / 70%);
+  background: #f8f8f8;
+  border-left: 0.18em solid #e7e7e8;
+}
+
+/* 详情页文章字体颜色 */
+
+/* ------------------------------------------------ */
+.markdown-body p {
+  margin-bottom: 10px;
+  line-height: 28px;
+}
+
+.markdown-body li,
+.markdown-body p {
+  font-size: 16px !important;
+  color: var(--fa-gray-800) !important;
+}
+
+.dark .markdown-body li span {
+  color: var(--fa-gray-800) !important;
+  background-color: transparent !important;
+}
+
+.dark .markdown-body p span {
+  color: var(--fa-gray-800) !important;
+  background-color: transparent !important;
+}
+
+.line-numbers-mode {
+  position: relative;
+  box-sizing: border-box;
+  padding-left: 32px;
+  background-color: var(--fa-code-bg);
+  border-radius: 8px;
+}
+
+.line-numbers-mode pre {
+  flex: 1;
+  background-color: var(--fa-code-bg);
+  border-radius: 0 8px 8px 0;
+}
+
+.line-numbers-mode .line-numbers-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  box-sizing: border-box;
+  width: 32px;
+  height: 100%;
+  padding: 16px 0;
+  text-align: center;
+  border-right: 1px solid #000;
+}
+
+.line-numbers-mode .line-numbers-wrapper span {
+  box-sizing: border-box;
+  display: block;
+  height: 23.6px;
+  font-size: 13px;
+  line-height: 23.6px;
+  color: #72747b;
+}
+
+.line-numbers-mode .copy-btn {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  display: inline-block;
+  display: flex;
+  color: rgb(255 255 255 / 60%);
+  text-align: center;
+  cursor: pointer;
+  background-color: #000;
+  border-radius: 5px;
+  opacity: 0;
+  transition: opacity 0.3s;
+}
+
+.line-numbers-mode .copy-btn div {
+  width: 34px;
+  height: 34px;
+  font-size: 20px;
+  line-height: 34px;
+  text-align: center;
+  cursor: pointer;
+}
+
+.line-numbers-mode:hover .copy-btn {
+  opacity: 1;
+}
+
+.line-numbers-mode .copy-btn span {
+  display: none;
+  height: 34px;
+  padding-left: 10px;
+  font-size: 13px;
+  line-height: 34px;
+}
+
+.line-numbers-mode .copy-btn .show-copy {
+  display: block;
+  opacity: 1;
+}
+
+.line-numbers-mode ::-webkit-scrollbar-track {
+  background-color: #292b30 !important;
+}
+
+.markdown-body .anchor {
+  float: left;
+  padding-right: 4px;
+  margin-left: -20px;
+  line-height: 1;
+}
+
+.markdown-body .anchor:focus {
+  outline: none;
+}
+
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
+  visibility: hidden;
+  vertical-align: middle;
+  color: #1b1f23;
+}
+
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
+  text-decoration: none;
+}
+
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
+  visibility: visible;
+}
+
+.markdown-body h1:hover .anchor .octicon-link::before,
+.markdown-body h2:hover .anchor .octicon-link::before,
+.markdown-body h3:hover .anchor .octicon-link::before,
+.markdown-body h4:hover .anchor .octicon-link::before,
+.markdown-body h5:hover .anchor .octicon-link::before,
+.markdown-body h6:hover .anchor .octicon-link::before {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  content: " ";
+}
+
+.markdown-body {
+  font-size: 16px;
+  line-height: 1.5;
+  color: $font-color;
+  overflow-wrap: break-word;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+.markdown-body details {
+  display: block;
+}
+
+.markdown-body summary {
+  display: list-item;
+}
+
+.markdown-body a {
+  background-color: initial;
+}
+
+.markdown-body a:active,
+.markdown-body a:hover {
+  outline-width: 0;
+}
+
+.markdown-body strong {
+  font-weight: inherit;
+  font-weight: bolder;
+}
+
+.markdown-body p br {
+  display: inline;
+  line-height: 11px;
+}
+
+.markdown-body img {
+  border-style: none;
+}
+
+.markdown-body hr {
+  box-sizing: initial;
+  height: 0;
+  overflow: visible;
+}
+
+.markdown-body input {
+  margin: 0;
+  font: inherit;
+}
+
+.markdown-body input {
+  overflow: visible;
+}
+
+.markdown-body [type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.markdown-body * {
+  box-sizing: border-box;
+}
+
+.markdown-body input {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.markdown-body a {
+  color: #0366d6;
+  text-decoration: none;
+}
+
+.markdown-body a:hover {
+  text-decoration: underline;
+}
+
+.markdown-body strong {
+  font-weight: 600;
+}
+
+.markdown-body hr {
+  height: 0;
+  margin: 15px 0;
+  overflow: hidden;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid #dfe2e5;
+}
+
+.markdown-body hr::after,
+.markdown-body hr::before {
+  display: table;
+  content: "";
+}
+
+.markdown-body hr::after {
+  clear: both;
+}
+
+.markdown-body table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.markdown-body td,
+.markdown-body th {
+  padding: 0;
+}
+
+.markdown-body details summary {
+  cursor: pointer;
+}
+
+.markdown-body kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  font:
+    11px SFMono-Regular,
+    Consolas,
+    "Liberation Mono",
+    Menlo,
+    monospace;
+  line-height: 10px;
+  vertical-align: middle;
+  color: #444d56;
+  background-color: #fafbfc;
+  border: 1px solid #d1d5da;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 #d1d5da;
+}
+
+.markdown-body blockquote {
+  margin: 0;
+}
+
+.markdown-body ol,
+.markdown-body ul {
+  padding-left: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.markdown-body ol ol,
+.markdown-body ul ol {
+  list-style-type: lower-roman;
+}
+
+.markdown-body ol ol ol,
+.markdown-body ol ul ol,
+.markdown-body ul ol ol,
+.markdown-body ul ul ol {
+  list-style-type: lower-alpha;
+}
+
+.markdown-body dd {
+  margin-left: 0;
+}
+
+.markdown-body code,
+.markdown-body pre,
+.markdown-body .line-number {
+  font-size: 14px !important;
+  background-color: #282c34;
+  border-radius: 8px;
+}
+
+.dark {
+  .markdown-body code,
+  .markdown-body pre,
+  .markdown-body .line-number {
+    background-color: #252525;
+  }
+}
+
+.markdown-body pre {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.markdown-body input::-webkit-inner-spin-button,
+.markdown-body input::-webkit-outer-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.markdown-body :checked + .radio-label {
+  position: relative;
+  z-index: 1;
+  border-color: #0366d6;
+}
+
+.markdown-body .border {
+  border: 1px solid #e1e4e8 !important;
+}
+
+.markdown-body .border-0 {
+  border: 0 !important;
+}
+
+.markdown-body .border-bottom {
+  border-bottom: 1px solid #e1e4e8 !important;
+}
+
+.markdown-body .rounded-1 {
+  border-radius: 3px !important;
+}
+
+.markdown-body .bg-white {
+  background-color: #fff !important;
+}
+
+.markdown-body .bg-gray-light {
+  background-color: #fafbfc !important;
+}
+
+.markdown-body .text-gray-light {
+  color: #6a737d !important;
+}
+
+.markdown-body .mb-0 {
+  margin-bottom: 0 !important;
+}
+
+.markdown-body .my-2 {
+  margin-top: 8px !important;
+  margin-bottom: 8px !important;
+}
+
+.markdown-body .pl-0 {
+  padding-left: 0 !important;
+}
+
+.markdown-body .py-0 {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+.markdown-body .pl-1 {
+  padding-left: 4px !important;
+}
+
+.markdown-body .pl-2 {
+  padding-left: 8px !important;
+}
+
+.markdown-body .py-2 {
+  padding-top: 8px !important;
+  padding-bottom: 8px !important;
+}
+
+.markdown-body .pl-3,
+.markdown-body .px-3 {
+  padding-left: 16px !important;
+}
+
+.markdown-body .px-3 {
+  padding-right: 16px !important;
+}
+
+.markdown-body .pl-4 {
+  padding-left: 24px !important;
+}
+
+.markdown-body .pl-5 {
+  padding-left: 32px !important;
+}
+
+.markdown-body .pl-6 {
+  padding-left: 40px !important;
+}
+
+.markdown-body .f6 {
+  font-size: 12px !important;
+}
+
+.markdown-body .lh-condensed {
+  line-height: 1.25 !important;
+}
+
+.markdown-body .text-bold {
+  font-weight: 600 !important;
+}
+
+.markdown-body .pl-c {
+  color: #6a737d;
+}
+
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+  color: #005cc5;
+}
+
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+  color: #6f42c1;
+}
+
+.markdown-body .pl-s .pl-s1,
+.markdown-body .pl-smi {
+  color: $font-color;
+}
+
+.markdown-body .pl-ent {
+  color: #22863a;
+}
+
+.markdown-body .pl-k {
+  color: #d73a49;
+}
+
+.markdown-body .pl-pds,
+.markdown-body .pl-s,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sra,
+.markdown-body .pl-sr .pl-sre {
+  color: #032f62;
+}
+
+.markdown-body .pl-smw,
+.markdown-body .pl-v {
+  color: #e36209;
+}
+
+.markdown-body .pl-bu {
+  color: #b31d28;
+}
+
+.markdown-body .pl-ii {
+  color: #fafbfc;
+  background-color: #b31d28;
+}
+
+.markdown-body .pl-c2 {
+  color: #fafbfc;
+  background-color: #d73a49;
+}
+
+.markdown-body .pl-c2::before {
+  content: "^M";
+}
+
+.markdown-body .pl-sr .pl-cce {
+  font-weight: 700;
+  color: #22863a;
+}
+
+.markdown-body .pl-ml {
+  color: #735c0f;
+}
+
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+  font-weight: 700;
+  color: #005cc5;
+}
+
+.markdown-body .pl-mi {
+  font-style: italic;
+  color: $font-color;
+}
+
+.markdown-body .pl-mb {
+  font-weight: 700;
+  color: $font-color;
+}
+
+.markdown-body .pl-md {
+  color: #b31d28;
+  background-color: #ffeef0;
+}
+
+.markdown-body .pl-mi1 {
+  color: #22863a;
+  background-color: #f0fff4;
+}
+
+.markdown-body .pl-mc {
+  color: #e36209;
+  background-color: #ffebda;
+}
+
+.markdown-body .pl-mi2 {
+  color: #f6f8fa;
+  background-color: #005cc5;
+}
+
+.markdown-body .pl-mdr {
+  font-weight: 700;
+  color: #6f42c1;
+}
+
+.markdown-body .pl-ba {
+  color: #586069;
+}
+
+.markdown-body .pl-sg {
+  color: #959da5;
+}
+
+.markdown-body .pl-corl {
+  color: #032f62;
+  text-decoration: underline;
+}
+
+.markdown-body .mb-0 {
+  margin-bottom: 0 !important;
+}
+
+.markdown-body .my-2 {
+  margin-bottom: 8px !important;
+}
+
+.markdown-body .my-2 {
+  margin-top: 8px !important;
+}
+
+.markdown-body .pl-0 {
+  padding-left: 0 !important;
+}
+
+.markdown-body .py-0 {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+.markdown-body .pl-1 {
+  padding-left: 4px !important;
+}
+
+.markdown-body .pl-2 {
+  padding-left: 8px !important;
+}
+
+.markdown-body .py-2 {
+  padding-top: 8px !important;
+  padding-bottom: 8px !important;
+}
+
+.markdown-body .pl-3 {
+  padding-left: 16px !important;
+}
+
+.markdown-body .pl-4 {
+  padding-left: 24px !important;
+}
+
+.markdown-body .pl-5 {
+  padding-left: 32px !important;
+}
+
+.markdown-body .pl-6 {
+  padding-left: 40px !important;
+}
+
+.markdown-body .pl-7 {
+  padding-left: 48px !important;
+}
+
+.markdown-body .pl-8 {
+  padding-left: 64px !important;
+}
+
+.markdown-body .pl-9 {
+  padding-left: 80px !important;
+}
+
+.markdown-body .pl-10 {
+  padding-left: 96px !important;
+}
+
+.markdown-body .pl-11 {
+  padding-left: 112px !important;
+}
+
+.markdown-body .pl-12 {
+  padding-left: 128px !important;
+}
+
+.markdown-body hr {
+  border-bottom-color: #eee;
+}
+
+.markdown-body kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  font:
+    11px SFMono-Regular,
+    Consolas,
+    "Liberation Mono",
+    Menlo,
+    monospace;
+  line-height: 10px;
+  vertical-align: middle;
+  color: #444d56;
+  background-color: #fafbfc;
+  border: 1px solid #d1d5da;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 #d1d5da;
+}
+
+.markdown-body::after,
+.markdown-body::before {
+  display: table;
+  content: "";
+}
+
+.markdown-body::after {
+  clear: both;
+}
+
+.markdown-body > :first-child {
+  margin-top: 0 !important;
+}
+
+.markdown-body > :last-child {
+  margin-bottom: 0 !important;
+}
+
+.markdown-body a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+.markdown-body blockquote,
+.markdown-body details,
+.markdown-body dl,
+.markdown-body ol,
+.markdown-body pre,
+.markdown-body table,
+.markdown-body ul {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+
+.markdown-body hr {
+  height: 0.25em;
+  padding: 0;
+  margin: 24px 0;
+  background-color: #e1e4e8;
+  border: 0;
+}
+
+.markdown-body blockquote > :first-child {
+  margin-top: 0;
+}
+
+.markdown-body blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.markdown-body ol,
+.markdown-body ul {
+  padding-left: 1em;
+}
+
+.markdown-body ol ol,
+.markdown-body ol ul,
+.markdown-body ul ol,
+.markdown-body ul ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.markdown-body li {
+  margin-left: 10px;
+  font-size: 14px;
+  line-height: 28px;
+  overflow-wrap: break-all;
+  list-style: disc;
+}
+
+.markdown-body li > p {
+  margin-top: 16px;
+}
+
+.markdown-body li + li {
+  margin-top: 0.25em;
+}
+
+.markdown-body dl {
+  padding: 0;
+}
+
+.markdown-body dl dt {
+  padding: 0;
+  margin-top: 16px;
+  font-size: 1em;
+  font-style: italic;
+  font-weight: 600;
+}
+
+.markdown-body dl dd {
+  padding: 0 16px;
+  margin-bottom: 16px;
+}
+
+.markdown-body table {
+  display: block;
+  width: 100%;
+  overflow: auto;
+}
+
+.markdown-body table th {
+  font-weight: 600;
+}
+
+.markdown-body table td,
+.markdown-body table th {
+  padding: 6px 13px;
+  border: 1px solid #dfe2e5;
+}
+
+.markdown-body table tr {
+  background-color: #fff;
+  border-top: 1px solid #c6cbd1;
+}
+
+.markdown-body table tr:nth-child(2n) {
+  background-color: #f6f8fa;
+}
+
+.markdown-body img {
+  box-sizing: initial;
+  max-width: 100%;
+  cursor: zoom-in;
+  background-color: #fff;
+  border: 1px solid #eee;
+  border: 1px solid var(--fa-c-border-2);
+}
+
+.markdown-body img[align="right"] {
+  padding-left: 20px;
+}
+
+.markdown-body img[align="left"] {
+  padding-right: 20px;
+}
+
+.markdown-body code {
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: 85%;
+  background-color: rgb(27 31 35 / 5%);
+  border-radius: 3px;
+}
+
+.markdown-body pre {
+  overflow-wrap: normal;
+}
+
+.markdown-body pre > code {
+  padding: 0;
+  margin: 0;
+  font-size: 100%;
+  word-break: normal;
+  white-space: pre;
+  background: transparent;
+  border: 0;
+}
+
+.markdown-body .highlight {
+  margin-bottom: 16px;
+}
+
+.markdown-body .highlight pre {
+  margin-bottom: 0;
+  word-break: normal;
+}
+
+.markdown-body .highlight pre,
+.markdown-body pre {
+  padding: 15px 20px 15px 0;
+  overflow: auto;
+  font-size: 92%;
+  line-height: 1.6;
+}
+
+.markdown-body pre code {
+  display: inline;
+  max-width: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  line-height: inherit;
+  overflow-wrap: normal;
+  background-color: initial;
+  border: 0;
+}
+
+.markdown-body .commit-tease-sha {
+  display: inline-block;
+  font-size: 90%;
+  color: #444d56;
+}
+
+.markdown-body .full-commit .btn-outline:not(:disabled):hover {
+  color: #005cc5;
+  border-color: #005cc5;
+}
+
+.markdown-body .blob-wrapper {
+  overflow: auto hidden;
+}
+
+.markdown-body .blob-wrapper-embedded {
+  max-height: 240px;
+  overflow-y: auto;
+}
+
+.markdown-body .blob-num {
+  width: 1%;
+  min-width: 50px;
+  padding-right: 10px;
+  padding-left: 10px;
+  font-size: 12px;
+  line-height: 20px;
+  vertical-align: top;
+  color: rgb(27 31 35 / 30%);
+  text-align: right;
+  white-space: nowrap;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.markdown-body .blob-num:hover {
+  color: rgb(27 31 35 / 60%);
+}
+
+.markdown-body .blob-num::before {
+  content: attr(data-line-number);
+}
+
+.markdown-body .blob-code {
+  position: relative;
+  padding-right: 10px;
+  padding-left: 10px;
+  line-height: 20px;
+  vertical-align: top;
+}
+
+.markdown-body .blob-code-inner {
+  overflow: visible;
+  font-size: 12px;
+  color: $font-color;
+  overflow-wrap: normal;
+  white-space: pre;
+}
+
+.markdown-body .pl-token.active,
+.markdown-body .pl-token:hover {
+  cursor: pointer;
+  background: #ffea7f;
+}
+
+.markdown-body .tab-size[data-tab-size="1"] {
+  -moz-tab-size: 1;
+  tab-size: 1;
+}
+
+.markdown-body .tab-size[data-tab-size="2"] {
+  -moz-tab-size: 2;
+  tab-size: 2;
+}
+
+.markdown-body .tab-size[data-tab-size="3"] {
+  -moz-tab-size: 3;
+  tab-size: 3;
+}
+
+.markdown-body .tab-size[data-tab-size="4"] {
+  -moz-tab-size: 4;
+  tab-size: 4;
+}
+
+.markdown-body .tab-size[data-tab-size="5"] {
+  -moz-tab-size: 5;
+  tab-size: 5;
+}
+
+.markdown-body .tab-size[data-tab-size="6"] {
+  -moz-tab-size: 6;
+  tab-size: 6;
+}
+
+.markdown-body .tab-size[data-tab-size="7"] {
+  -moz-tab-size: 7;
+  tab-size: 7;
+}
+
+.markdown-body .tab-size[data-tab-size="8"] {
+  -moz-tab-size: 8;
+  tab-size: 8;
+}
+
+.markdown-body .tab-size[data-tab-size="9"] {
+  -moz-tab-size: 9;
+  tab-size: 9;
+}
+
+.markdown-body .tab-size[data-tab-size="10"] {
+  -moz-tab-size: 10;
+  tab-size: 10;
+}
+
+.markdown-body .tab-size[data-tab-size="11"] {
+  -moz-tab-size: 11;
+  tab-size: 11;
+}
+
+.markdown-body .tab-size[data-tab-size="12"] {
+  -moz-tab-size: 12;
+  tab-size: 12;
+}
+
+.markdown-body .task-list-item {
+  list-style-type: none;
+}
+
+.markdown-body .task-list-item + .task-list-item {
+  margin-top: 3px;
+}
+
+.markdown-body .task-list-item input {
+  margin: 0 0.2em 0.25em -1.6em;
+  vertical-align: middle;
+}
diff --git a/src/views/fastlink/article/index.vue b/src/views/fastlink/article/index.vue
new file mode 100644
index 0000000..c15a28d
--- /dev/null
+++ b/src/views/fastlink/article/index.vue
@@ -0,0 +1,269 @@
+<!-- 文章列表（挂载于 /dashboard/article，原 widgets/article） -->
+<template>
+  <div class="page-content mb-5!">
+    <ElRow justify="space-between" :gutter="10">
+      <ElCol :lg="6" :md="6" :sm="14" :xs="16">
+        <ElInput
+          v-model="searchVal"
+          :prefix-icon="Search"
+          clearable
+          placeholder="输入文章标题查询"
+          @keyup.enter="searchArticle"
+        />
+      </ElCol>
+      <ElCol :lg="12" :md="12" :sm="0" :xs="0">
+        <div class="custom-segmented">
+          <ElSegmented v-model="yearVal" :options="YEAR_OPTIONS" @change="searchArticleByYear" />
+        </div>
+      </ElCol>
+      <ElCol
+        :lg="6"
+        :md="6"
+        :sm="10"
+        :xs="6"
+        :style="'display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: end'"
+      >
+        <ElButton @click="commentWallOpen = true">
+          <FaSvgIcon icon="ri:message-3-line" class="mr-1" />
+          留言墙
+        </ElButton>
+        <ElButton type="primary" @click="toAddArticle">新增文章</ElButton>
+      </ElCol>
+    </ElRow>
+
+    <div class="mt-5">
+      <div
+        class="grid grid-cols-5 gap-5 max-2xl:grid-cols-4 max-xl:grid-cols-3 max-lg:grid-cols-2 max-sm:grid-cols-1"
+      >
+        <div
+          class="group cursor-pointer overflow-hidden border border-g-300/60 rounded-custom-sm"
+          v-for="item in articleList"
+          :key="item.id"
+          @click="toDetail(item)"
+        >
+          <div class="relative aspect-16/9.5">
+            <ElImage
+              class="flex align-center justify-center w-full h-full object-cover bg-gray-200"
+              :src="item.home_img"
+              lazy
+              fit="cover"
+            ></ElImage>
+
+            <span class="absolute top-1 right-1 bg-black/50 rounded text-xs px-1 py-0.5 text-white">
+              {{ item.type_name }}
+            </span>
+          </div>
+          <div class="px-2 py-1">
+            <h2 class="text-base text-g-800 font-medium">{{ item.title }}</h2>
+            <div class="flex justify-between w-full h-6 mt-1">
+              <div class="flex items-center text-g-500">
+                <FaSvgIcon icon="ri:time-line" class="mr-1 text-sm" />
+                <span class="text-sm">{{ useDateFormat(item.create_time, "YYYY-MM-DD") }}</span>
+                <div class="w-px h-3 bg-g-400 mx-3.5"></div>
+                <FaSvgIcon icon="ri:eye-line" class="mr-1 text-sm" />
+                <span class="text-sm">{{ item.count }}</span>
+              </div>
+              <ElButton
+                class="opacity-0 group-hover:opacity-100"
+                size="small"
+                @click.stop="toEdit(item)"
+              >
+                编辑
+              </ElButton>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div :style="'margin-top: 16vh'" v-if="showEmpty">
+      <ElEmpty :description="`未找到相关数据 ${EmojiText[0]}`" />
+    </div>
+
+    <div :style="'display: flex; justify-content: center; margin-top: 20px'">
+      <ElPagination
+        background
+        v-model:current-page="currentPage"
+        :page-size="pageSize"
+        :pager-count="9"
+        layout="prev, pager, next, total,jumper"
+        :total="total"
+        :hide-on-single-page="true"
+        @current-change="handleCurrentChange"
+      />
+    </div>
+
+    <ArticleDetail
+      v-model="detailDrawerOpen"
+      :article-id="detailArticleId"
+      @edit="onDetailEdit"
+      @open-comment-wall="onOpenCommentFromDetail"
+    />
+
+    <ArticleCommentWallDrawer v-model="commentWallOpen" />
+
+    <ArticlePublishDrawer
+      v-model="publishDrawerOpen"
+      :edit-id="publishEditId"
+      @success="onPublishSuccess"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Search } from "@element-plus/icons-vue";
+import ArticleCommentWallDrawer from "./components/ArticleCommentWallDrawer.vue";
+import ArticleDetail from "./components/ArticleDetail.vue";
+import ArticlePublishDrawer from "./components/ArticlePublishDrawer.vue";
+import { useDateFormat } from "@vueuse/core";
+import { EmojiText } from "@utils";
+import { ArticleList } from "@/mock/temp/articleList";
+import { useCommon } from "@/hooks/core/useCommon";
+
+defineOptions({ name: "FastlinkArticleList" });
+
+const route = useRoute();
+const router = useRouter();
+
+interface Article {
+  id: number;
+  home_img: string;
+  type_name: string;
+  title: string;
+  create_time: string;
+  count: number;
+}
+
+interface GetArticleListOptions {
+  backTop?: boolean;
+}
+
+const YEAR_OPTIONS = ["All", "2024", "2023", "2022", "2021", "2020", "2019"];
+const PAGE_SIZE = 40;
+
+const yearVal = ref("All");
+const searchVal = ref("");
+const articleList = ref<Article[]>([]);
+const currentPage = ref(1);
+const pageSize = ref(PAGE_SIZE);
+const total = ref(0);
+const isLoading = ref(true);
+
+const showEmpty = computed(() => articleList.value.length === 0 && !isLoading.value);
+
+const detailDrawerOpen = ref(false);
+const detailArticleId = ref<number | null>(null);
+
+const publishDrawerOpen = ref(false);
+const publishEditId = ref<number | null>(null);
+
+const commentWallOpen = ref(false);
+
+const onPublishSuccess = () => {
+  getArticleList({ backTop: false });
+};
+
+const syncCommentWallQuery = () => {
+  const q = { ...route.query } as Record<string, string | string[]>;
+  if (q.commentWall === "1") {
+    commentWallOpen.value = true;
+    delete q.commentWall;
+    router.replace({ path: route.path, query: q });
+  }
+};
+
+const onOpenCommentFromDetail = () => {
+  detailDrawerOpen.value = false;
+  nextTick(() => {
+    commentWallOpen.value = true;
+  });
+};
+
+const onDetailEdit = (id: number) => {
+  detailDrawerOpen.value = false;
+  nextTick(() => {
+    publishEditId.value = id;
+    publishDrawerOpen.value = true;
+  });
+};
+
+const getArticleList = async ({ backTop = false }: GetArticleListOptions = {}) => {
+  isLoading.value = true;
+
+  try {
+    if (searchVal.value) {
+      yearVal.value = "All";
+    }
+
+    // TODO: 替换为真实 API 调用
+    // const params = {
+    //   page: currentPage.value,
+    //   size: pageSize.value,
+    //   searchVal: searchVal.value,
+    //   year: yearVal.value === 'All' ? '' : yearVal.value
+    // }
+    // const res = await ArticleService.getArticleList(params)
+
+    articleList.value = ArticleList as Article[];
+
+    if (backTop) {
+      useCommon().scrollToTop();
+    }
+  } catch (error) {
+    console.error("获取文章列表失败:", error);
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+const searchArticle = () => {
+  currentPage.value = 1;
+  getArticleList({ backTop: true });
+};
+
+const searchArticleByYear = () => {
+  currentPage.value = 1;
+  getArticleList({ backTop: true });
+};
+
+const handleCurrentChange = (val: number) => {
+  currentPage.value = val;
+  getArticleList({ backTop: true });
+};
+
+const toDetail = (item: Article) => {
+  detailArticleId.value = item.id;
+  detailDrawerOpen.value = true;
+};
+
+const toEdit = (item: Article) => {
+  publishEditId.value = item.id;
+  publishDrawerOpen.value = true;
+};
+
+const toAddArticle = () => {
+  publishEditId.value = null;
+  publishDrawerOpen.value = true;
+};
+
+onMounted(() => {
+  getArticleList();
+  syncCommentWallQuery();
+});
+
+watch(
+  () => route.query.commentWall,
+  (v) => {
+    if (v === "1") syncCommentWallQuery();
+  }
+);
+</script>
+
+<style lang="scss">
+.custom-segmented .el-segmented {
+  height: 40px;
+  padding: 6px;
+
+  --el-border-radius-base: 8px;
+}
+</style>
diff --git a/src/views/fastlink/changelog/index.vue b/src/views/fastlink/changelog/index.vue
new file mode 100644
index 0000000..c0cfb7c
--- /dev/null
+++ b/src/views/fastlink/changelog/index.vue
@@ -0,0 +1,46 @@
+<!-- 项目版本更新日志（mock） -->
+<template>
+  <div class="mx-auto pt-5 mb-5">
+    <h3 class="text-2xl font-medium text-g-900 mb-8">{{ $t("menus.changelog.title") }}</h3>
+
+    <div class="space-y-5">
+      <div
+        v-for="item in upgradeLogList"
+        :key="item.version"
+        class="fa-card-sm rounded-lg p-6 transition-shadow max-md:p-4"
+      >
+        <div class="flex items-center justify-between gap-3 mb-4 flex-wrap">
+          <span class="px-3 py-1 bg-theme/10 text-theme text-sm font-medium rounded-full">
+            {{ item.version }}
+          </span>
+          <span class="text-sm text-g-500">{{ item.date }}</span>
+        </div>
+
+        <h4 class="text-lg font-medium text-g-900 mb-3">{{ item.title }}</h4>
+
+        <ul v-if="item.detail?.length" class="space-y-2 mb-4">
+          <li
+            v-for="(detail, index) in item.detail"
+            :key="index"
+            class="flex items-center gap-2 text-sm text-g-600"
+          >
+            <span class="mt-0.5">•</span>
+            <span class="text-g-700">{{ detail }}</span>
+          </li>
+        </ul>
+
+        <div v-if="item.remark" class="text-sm text-g-800 bg-g-300/60 rounded p-3 mb-3">
+          {{ item.remark }}
+        </div>
+
+        <ElTag v-if="item.requireReLogin" type="warning" size="small">需要重新登录</ElTag>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { upgradeLogList } from "@/mock/upgrade/changeLog";
+
+defineOptions({ name: "SystemChangeLog" });
+</script>
diff --git a/src/views/fastlink/current/profile.vue b/src/views/fastlink/current/profile.vue
new file mode 100644
index 0000000..a3a7598
--- /dev/null
+++ b/src/views/fastlink/current/profile.vue
@@ -0,0 +1,698 @@
+<!-- 个人中心（Art 模版布局 + 当前用户接口） -->
+<template>
+  <div class="w-full h-full p-0 bg-transparent border-none shadow-none">
+    <div class="relative flex justify-between mt-2.5 max-md:block max-md:mt-1">
+      <!-- 左侧卡片 -->
+      <div class="w-md mr-5 max-md:w-full max-md:mr-0">
+        <div class="fa-card-sm relative p-9 pb-6 overflow-hidden text-center">
+          <img
+            class="absolute top-0 left-0 w-full h-60 object-cover"
+            src="@imgs/user/bg.webp"
+            alt=""
+          />
+
+          <div class="relative z-10 mt-30 mx-auto">
+            <div class="relative inline-block">
+              <img
+                v-if="infoFormState.avatar"
+                class="w-20 h-20 object-cover border-2 border-white rounded-full"
+                :src="infoFormState.avatar"
+                alt=""
+              />
+              <img
+                v-else
+                class="w-20 h-20 object-cover border-2 border-white rounded-full"
+                src="@imgs/user/avatar.webp"
+                alt=""
+              />
+              <ElUpload
+                ref="uploadRef"
+                v-model:file-list="fileList"
+                class="profile-avatar-upload"
+                name="file"
+                :show-file-list="false"
+                :before-upload="handleBeforeUpload"
+                :http-request="handleUpload"
+                :limit="1"
+                :auto-upload="false"
+                @change="handleAvatarFileChange"
+              >
+                <template #trigger>
+                  <ElButton
+                    type="primary"
+                    :icon="Camera"
+                    circle
+                    size="small"
+                    class="upload-trigger"
+                  />
+                </template>
+              </ElUpload>
+            </div>
+          </div>
+
+          <p class="relative z-10 mt-3 text-sm text-g-600">{{ greeting }}</p>
+          <h2 class="relative z-10 mt-1 text-xl font-normal">{{ infoFormState.name || "—" }}</h2>
+          <p class="relative z-10 mt-2 text-sm text-g-500">
+            {{ infoFormState.roles?.map((r) => r.name).join("、") || " " }}
+          </p>
+
+          <div class="relative z-10 w-75 mx-auto mt-7.5 text-left">
+            <div class="mt-2.5 flex items-start">
+              <FaSvgIcon icon="ri:shield-user-line" class="text-g-700 shrink-0 mt-0.5" />
+              <span class="ml-2 text-sm">{{ infoFormState.tenant_by?.name || "—" }}</span>
+            </div>
+            <div class="mt-2.5 flex items-start">
+              <FaSvgIcon icon="ri:user-3-line" class="text-g-700 shrink-0 mt-0.5" />
+              <span class="ml-2 text-sm">{{ infoFormState.username || "—" }}</span>
+            </div>
+            <div class="mt-2.5 flex items-start">
+              <FaSvgIcon icon="ri:checkbox-circle-line" class="text-g-700 shrink-0 mt-0.5" />
+              <ElTag :type="infoFormState.status === 0 ? 'success' : 'danger'" size="small">
+                {{ infoFormState.status === 0 ? "启用" : "停用" }}
+              </ElTag>
+            </div>
+            <div class="mt-2.5 flex items-start">
+              <FaSvgIcon icon="ri:mail-line" class="text-g-700 shrink-0 mt-0.5" />
+              <span class="ml-2 text-sm break-all">{{ infoFormState.email || "—" }}</span>
+            </div>
+            <div class="mt-2.5 flex items-start">
+              <FaSvgIcon icon="ri:map-pin-line" class="text-g-700 shrink-0 mt-0.5" />
+              <span class="ml-2 text-sm">{{ infoFormState.dept?.name || "—" }}</span>
+            </div>
+            <div class="mt-2.5 flex items-start">
+              <FaSvgIcon icon="ri:briefcase-line" class="text-g-700 shrink-0 mt-0.5" />
+              <span class="ml-2 text-sm">
+                {{ infoFormState.positions?.map((p) => p.name).join("、") || "—" }}
+              </span>
+            </div>
+            <div class="mt-2.5 flex items-start">
+              <FaSvgIcon icon="ri:calendar-line" class="text-g-700 shrink-0 mt-0.5" />
+              <span class="ml-2 text-sm">
+                注册:
+                {{ infoFormState.created_time ? formatDate(infoFormState.created_time) : "—" }}
+              </span>
+            </div>
+            <div class="mt-2.5 flex items-start">
+              <FaSvgIcon icon="ri:time-line" class="text-g-700 shrink-0 mt-0.5" />
+              <span class="ml-2 text-sm">
+                更新:
+                {{ infoFormState.updated_time ? formatDate(infoFormState.updated_time) : "—" }}
+              </span>
+            </div>
+          </div>
+          <div v-if="roleTagList.length" class="relative z-10 mt-10">
+            <h3 class="text-sm font-medium">角色</h3>
+            <div class="flex flex-wrap justify-center mt-3.5">
+              <div
+                v-for="item in roleTagList"
+                :key="item"
+                class="py-1 px-1.5 mr-2.5 mb-2.5 text-xs border border-g-300 rounded"
+              >
+                {{ item }}
+              </div>
+            </div>
+          </div>
+
+          <div v-if="hasThirdPartyBindings" class="relative z-10 mt-10">
+            <h3 class="text-sm font-medium">第三方账号</h3>
+            <div class="flex flex-wrap justify-center mt-3.5 gap-3">
+              <div v-if="infoFormState.github_login" class="flex items-center text-xs text-g-600">
+                <FaSvgIcon icon="ri:github-fill" class="mr-1" />
+                {{ infoFormState.github_login }}
+              </div>
+              <div v-if="infoFormState.gitee_login" class="flex items-center text-xs text-g-600">
+                <FaSvgIcon icon="ri:gitee-fill" class="mr-1" />
+                {{ infoFormState.gitee_login }}
+              </div>
+              <div v-if="infoFormState.wx_login" class="flex items-center text-xs text-g-600">
+                <FaSvgIcon icon="ri:wechat-fill" class="mr-1" />
+                {{ infoFormState.wx_login }}
+              </div>
+              <div v-if="infoFormState.qq_login" class="flex items-center text-xs text-g-600">
+                <FaSvgIcon icon="ri:qq-fill" class="mr-1" />
+                {{ infoFormState.qq_login }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <FaDialog
+        v-model="avatarCropVisible"
+        title="裁剪头像"
+        width="960px"
+        :draggable="false"
+        @closed="onAvatarCropDialogClosed"
+      >
+        <FaCutterImg
+          v-if="avatarCropVisible && avatarCropSrc"
+          :key="avatarCropSrc"
+          v-model:imgUrl="avatarCropSrc"
+          :boxWidth="530"
+          :boxHeight="300"
+          :cutWidth="360"
+          :cutHeight="200"
+          :quality="1"
+          :tool="true"
+          :showPreview="true"
+          :originalGraph="false"
+          title="调整头像"
+          previewTitle="预览"
+          @update:img-url="onAvatarCropConfirm"
+          @error="onAvatarCropImgError"
+        />
+      </FaDialog>
+
+      <!-- 右侧表单 -->
+      <div class="flex-1 overflow-hidden max-md:w-full max-md:mt-3.5">
+        <div class="fa-card-sm">
+          <h1 class="p-4 text-xl font-normal border-b border-g-300">基本设置</h1>
+
+          <ElForm
+            ref="infoFormRef"
+            :model="infoFormState"
+            class="box-border p-5 [&>.el-row_.el-form-item]:w-[calc(50%-10px)] [&>.el-row_.el-input]:w-full [&>.el-row_.el-select]:w-full"
+            :rules="rules"
+            label-width="86px"
+            label-position="top"
+          >
+            <ElRow>
+              <ElFormItem label="姓名" prop="name">
+                <ElInput
+                  v-model="infoFormState.name"
+                  :disabled="!isEdit"
+                  placeholder="请输入姓名"
+                />
+              </ElFormItem>
+              <ElFormItem label="性别" prop="gender" class="ml-5">
+                <ElSelect
+                  v-model="infoFormState.gender"
+                  placeholder="请选择"
+                  :disabled="!isEdit"
+                  class="w-full"
+                >
+                  <ElOption
+                    v-for="item in dictDataStore['sys_user_sex']"
+                    :key="String(item.dict_value)"
+                    :label="item.dict_label"
+                    :value="normalizeGenderValue(item.dict_value)"
+                  />
+                </ElSelect>
+              </ElFormItem>
+            </ElRow>
+
+            <ElRow>
+              <ElFormItem label="邮箱" prop="email">
+                <ElInput
+                  v-model="infoFormState.email"
+                  :disabled="!isEdit"
+                  placeholder="请输入邮箱"
+                />
+              </ElFormItem>
+              <ElFormItem label="手机" prop="mobile" class="ml-5">
+                <ElInput
+                  v-model="infoFormState.mobile"
+                  :disabled="!isEdit"
+                  placeholder="请输入手机号码"
+                />
+              </ElFormItem>
+            </ElRow>
+
+            <ElRow class="mb-4">
+              <ElFormItem label="描述" prop="description" class="w-full!">
+                <ElInput
+                  v-model="infoFormState.description"
+                  :disabled="!isEdit"
+                  type="textarea"
+                  :rows="4"
+                  placeholder="请输入描述"
+                />
+              </ElFormItem>
+            </ElRow>
+
+            <div class="flex items-center justify-end [&_.el-button]:w-27.5!">
+              <ElButton
+                type="primary"
+                class="w-22.5"
+                :loading="infoSubmitting"
+                v-ripple
+                @click="onBasicToggleSave"
+              >
+                {{ isEdit ? "保存" : "编辑" }}
+              </ElButton>
+            </div>
+          </ElForm>
+        </div>
+
+        <div class="fa-card-sm my-5">
+          <h1 class="p-4 text-xl font-normal border-b border-g-300">更改密码</h1>
+
+          <ElForm
+            ref="passwordFormRef"
+            :model="passwordFormState"
+            class="box-border p-5"
+            :rules="resetPasswordRules"
+            label-width="86px"
+            label-position="top"
+          >
+            <ElFormItem label="当前密码" prop="old_password">
+              <ElInput
+                v-model="passwordFormState.old_password"
+                type="password"
+                :disabled="!isEditPwd"
+                show-password
+              />
+            </ElFormItem>
+
+            <ElFormItem label="新密码" prop="new_password">
+              <ElInput
+                v-model="passwordFormState.new_password"
+                type="password"
+                :disabled="!isEditPwd"
+                show-password
+              />
+            </ElFormItem>
+
+            <ElFormItem label="确认新密码" prop="confirm_password">
+              <ElInput
+                v-model="passwordFormState.confirm_password"
+                type="password"
+                :disabled="!isEditPwd"
+                show-password
+              />
+            </ElFormItem>
+
+            <div class="flex items-center justify-end [&_.el-button]:w-27.5!">
+              <ElButton
+                type="primary"
+                class="w-22.5"
+                :loading="passwordChanging"
+                v-ripple
+                @click="onPasswordToggleSave"
+              >
+                {{ isEditPwd ? "保存" : "编辑" }}
+              </ElButton>
+            </div>
+          </ElForm>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { FormInstance, UploadRequestOptions, UploadFile } from "element-plus";
+import type { ElUpload } from "element-plus";
+import UserAPI, { type InfoFormState, type PasswordFormState } from "@/api/module_system/user";
+import { useUserStore, useDictStore } from "@stores";
+import { Camera } from "@element-plus/icons-vue";
+import { ElMessage } from "element-plus";
+import { useI18n } from "vue-i18n";
+import { redirectToLogin, dataURLToFile } from "@utils";
+
+defineOptions({ name: "UserProfile" });
+
+const { t } = useI18n();
+const userStore = useUserStore();
+const dictStore = useDictStore();
+const infoFormRef = ref<FormInstance>();
+const passwordFormRef = ref<FormInstance>();
+
+const infoSubmitting = ref(false);
+const passwordChanging = ref(false);
+
+const isEdit = ref(false);
+const isEditPwd = ref(false);
+
+const dictDataStore = computed(() => dictStore.dictData);
+
+const greeting = ref("");
+
+const roleTagList = computed(() =>
+  (infoFormState.roles ?? [])
+    .map((r) => r.name)
+    .filter((n): n is string => !!n && n.trim().length > 0)
+);
+
+const hasThirdPartyBindings = computed(
+  () =>
+    !!(
+      infoFormState.github_login ||
+      infoFormState.gitee_login ||
+      infoFormState.wx_login ||
+      infoFormState.qq_login
+    )
+);
+
+function formatDate(dateStr: string | undefined): string {
+  if (!dateStr) return "—";
+  const date = new Date(dateStr);
+  if (isNaN(date.getTime())) return dateStr;
+  return date.toLocaleString("zh-CN", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+  });
+}
+
+const infoFormState = reactive<InfoFormState>({
+  name: undefined,
+  gender: undefined,
+  mobile: undefined,
+  email: undefined,
+  username: undefined,
+  dept_name: undefined,
+  dept: {},
+  positions: [],
+  roles: [],
+  avatar: undefined,
+  created_time: undefined,
+  updated_time: undefined,
+  description: undefined,
+  status: undefined,
+  tenant_by: undefined,
+  github_login: undefined,
+  gitee_login: undefined,
+  wx_login: undefined,
+  qq_login: undefined,
+});
+
+const passwordFormState = reactive<PasswordFormState>({
+  old_password: "",
+  new_password: "",
+  confirm_password: "",
+});
+
+const fileList = ref<any[]>([]);
+const uploadRef = ref<InstanceType<typeof ElUpload>>();
+
+const avatarCropVisible = ref(false);
+const avatarCropSrc = ref("");
+
+function revokeAvatarCropSrc() {
+  if (avatarCropSrc.value.startsWith("blob:")) {
+    URL.revokeObjectURL(avatarCropSrc.value);
+  }
+  avatarCropSrc.value = "";
+}
+
+function onAvatarCropDialogClosed() {
+  revokeAvatarCropSrc();
+}
+
+function onAvatarCropImgError() {
+  ElMessage.error("图片加载失败，请换一张图重试");
+}
+
+async function onAvatarCropConfirm(dataURL: string) {
+  try {
+    const file = dataURLToFile(dataURL, "avatar.jpg");
+    const formData = new FormData();
+    formData.append("file", file);
+    const response = await UserAPI.uploadCurrentUserAvatar(formData);
+
+    if (response.data.code === 0 && response.data.data) {
+      const fileUrl = response.data.data.file_url;
+      updateAvatar(fileUrl);
+      uploadRef.value?.clearFiles();
+      fileList.value = [];
+      ElMessage.success("头像已更新，请保存基本设置以同步资料（如需）");
+      avatarCropVisible.value = false;
+    } else {
+      ElMessage.error(response.data.msg || "上传失败");
+    }
+  } catch {
+    ElMessage.error("头像上传失败，请重试");
+  }
+}
+
+function normalizeGenderValue(v: string | number | undefined): number {
+  if (v === undefined || v === null || v === "") return 1;
+  const n = typeof v === "string" ? Number(v) : v;
+  return Number.isFinite(n) ? n : 1;
+}
+
+const initInfoForm = () => {
+  const basicInfo = userStore.basicInfo;
+  Object.assign(infoFormState, {
+    ...basicInfo,
+    gender: normalizeGenderValue(basicInfo.gender),
+    avatar: basicInfo.avatar?.trim(),
+  });
+};
+
+const getOptions = async () => {
+  await dictStore.getDict(["sys_user_sex"]);
+};
+
+const rules = {
+  name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
+  mobile: [
+    {
+      validator: (_: unknown, v: string, cb: (e?: Error) => void) => {
+        const s = v != null ? String(v).trim() : "";
+        if (!s) return cb();
+        if (!/^1[3-9]\d{9}$/.test(s)) {
+          cb(new Error("请输入有效的手机号格式"));
+          return;
+        }
+        cb();
+      },
+      trigger: "blur",
+    },
+  ],
+  email: [
+    {
+      validator: (_: unknown, v: string, cb: (e?: Error) => void) => {
+        const s = v != null ? String(v).trim() : "";
+        if (!s) return cb();
+        if (!/\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/.test(s)) {
+          cb(new Error("请输入有效的邮箱格式"));
+          return;
+        }
+        cb();
+      },
+      trigger: "blur",
+    },
+  ],
+};
+
+const resetPasswordRules = {
+  old_password: [
+    {
+      required: true,
+      trigger: "blur",
+      message: t("login.message.password.currentRequired"),
+    },
+  ],
+  new_password: [
+    {
+      required: true,
+      trigger: "blur",
+      message: t("login.message.password.required"),
+    },
+    {
+      min: 6,
+      message: t("login.message.password.min"),
+      trigger: "blur",
+    },
+  ],
+  confirm_password: [
+    {
+      required: true,
+      trigger: "blur",
+      message: t("login.message.password.required"),
+    },
+    {
+      min: 6,
+      message: t("login.message.password.min"),
+      trigger: "blur",
+    },
+    {
+      validator: (_: unknown, value: string) => {
+        return value === passwordFormState.new_password;
+      },
+      trigger: "blur",
+      message: t("login.message.password.inconformity"),
+    },
+  ],
+};
+
+function refreshGreeting() {
+  const h = new Date().getHours();
+  if (h >= 6 && h < 9) greeting.value = "早上好";
+  else if (h >= 9 && h < 11) greeting.value = "上午好";
+  else if (h >= 11 && h < 13) greeting.value = "中午好";
+  else if (h >= 13 && h < 18) greeting.value = "下午好";
+  else if (h >= 18 && h < 24) greeting.value = "晚上好";
+  else greeting.value = "很晚了，早点休息";
+}
+
+const handleBeforeUpload = (file: File) => {
+  const isImage = file.type.startsWith("image/");
+  const isLt2M = file.size / 1024 / 1024 < 2;
+
+  if (!isImage) {
+    ElMessage.error("只能上传图片文件");
+    return false;
+  }
+  if (!isLt2M) {
+    ElMessage.error("上传图片大小不能超过 2MB!");
+    return false;
+  }
+  return true;
+};
+
+const handleUpload = async (options: UploadRequestOptions) => {
+  try {
+    const file = options.file;
+    const formData = new FormData();
+    formData.append("file", file);
+
+    const response = await UserAPI.uploadCurrentUserAvatar(formData);
+
+    if (response.data.code === 0 && response.data.data) {
+      const fileUrl = response.data.data.file_url;
+      updateAvatar(fileUrl);
+      options.onSuccess(response);
+      uploadRef.value?.clearFiles();
+      fileList.value = [];
+      ElMessage.success("头像已更新，请保存基本设置以同步资料（如需）");
+    } else {
+      const errorMsg = response.data.msg || "上传失败";
+      ElMessage.error(errorMsg);
+      options.onError({
+        ...new Error(errorMsg),
+        status: response.status || 500,
+        method: "POST",
+        url: "/system/user/current/avatar/upload",
+      });
+    }
+  } catch (error) {
+    ElMessage.error("头像上传失败，请重试");
+    const errorObj = error instanceof Error ? error : new Error(String(error));
+    options.onError({
+      ...errorObj,
+      status: 500,
+      method: "POST",
+      url: "/system/user/current/avatar/upload",
+    });
+  }
+};
+
+const handleAvatarFileChange = (file: UploadFile) => {
+  if (!file.raw) {
+    return;
+  }
+  if (!handleBeforeUpload(file.raw)) {
+    uploadRef.value?.clearFiles();
+    fileList.value = [];
+    return;
+  }
+  revokeAvatarCropSrc();
+  avatarCropSrc.value = URL.createObjectURL(file.raw);
+  avatarCropVisible.value = true;
+  uploadRef.value?.clearFiles();
+  fileList.value = [];
+};
+
+const updateAvatar = (fileUrl: string) => {
+  if (fileUrl) {
+    infoFormState.avatar = fileUrl.trim();
+  } else {
+    ElMessage.error("无效的头像URL");
+  }
+};
+
+const initPasswordForm = () => {
+  Object.assign(passwordFormState, {
+    old_password: "",
+    new_password: "",
+    confirm_password: "",
+  });
+};
+
+const handleSave = async () => {
+  try {
+    infoSubmitting.value = true;
+    const valid = await infoFormRef.value?.validate().catch(() => false);
+    if (!valid) {
+      return false;
+    }
+    const response = await UserAPI.updateCurrentUserInfo({ ...infoFormState });
+    await userStore.setUserInfo(response.data.data);
+    initInfoForm();
+    ElMessage.success("个人资料已保存");
+    return true;
+  } catch (e) {
+    console.error(e);
+    return false;
+  } finally {
+    infoSubmitting.value = false;
+  }
+};
+
+const handlePasswordChange = async () => {
+  try {
+    passwordChanging.value = true;
+    const valid = await passwordFormRef.value?.validate().catch(() => false);
+    if (!valid) {
+      return false;
+    }
+    const response = await UserAPI.changeCurrentUserPassword(passwordFormState);
+    initPasswordForm();
+    await redirectToLogin(response.data.msg);
+    return true;
+  } catch (error) {
+    console.error(error);
+    return false;
+  } finally {
+    passwordChanging.value = false;
+  }
+};
+
+async function onBasicToggleSave() {
+  if (!isEdit.value) {
+    isEdit.value = true;
+    return;
+  }
+  const ok = await handleSave();
+  if (ok) {
+    isEdit.value = false;
+  }
+}
+
+async function onPasswordToggleSave() {
+  if (!isEditPwd.value) {
+    isEditPwd.value = true;
+    initPasswordForm();
+    return;
+  }
+  await handlePasswordChange();
+}
+
+onMounted(async () => {
+  refreshGreeting();
+  await getOptions();
+  initInfoForm();
+});
+</script>
+
+<style lang="scss" scoped>
+.profile-avatar-upload {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: 2;
+
+  :deep(.el-upload) {
+    display: inline-flex;
+  }
+
+  .upload-trigger {
+    box-shadow: 0 1px 4px rgb(0 0 0 / 15%);
+  }
+}
+</style>
diff --git a/src/views/fastlink/fachat/index.vue b/src/views/fastlink/fachat/index.vue
new file mode 100644
index 0000000..9cc53fc
--- /dev/null
+++ b/src/views/fastlink/fachat/index.vue
@@ -0,0 +1,458 @@
+<!-- 聊天页 -->
+<template>
+  <div class="page-content flex p-0! max-md:flex-col" :style="{ height: containerMinHeight }">
+    <ElRow>
+      <ElCol :span="12">
+        <div class="grid-content ep-bg-purple" />
+      </ElCol>
+      <ElCol :span="12">
+        <div class="grid-content ep-bg-purple-light" />
+      </ElCol>
+    </ElRow>
+    <div
+      class="box-border w-90 h-full p-5 border-r border-g-300 max-md:w-full max-md:h-42 max-md:border-r-0"
+    >
+      <div class="pb-5 max-md:hidden!">
+        <div class="flex items-center gap-3">
+          <ElAvatar :size="50" :src="selectedPerson?.avatar" />
+          <div>
+            <div class="text-base font-medium">{{ selectedPerson?.name }}</div>
+            <div class="mt-1 text-xs text-g-500">{{ selectedPerson?.email }}</div>
+          </div>
+        </div>
+        <div class="mt-3">
+          <ElInput v-model="searchQuery" placeholder="搜索联系人" prefix-icon="Search" clearable />
+        </div>
+        <ElDropdown trigger="click" placement="bottom-start">
+          <span class="mt-5 cursor-pointer">
+            排序方式
+            <ElIcon class="el-icon--right">
+              <ArrowDown />
+            </ElIcon>
+          </span>
+          <template #dropdown>
+            <ElDropdownMenu>
+              <ElDropdownItem>按时间排序</ElDropdownItem>
+              <ElDropdownItem>按名称排序</ElDropdownItem>
+              <ElDropdownItem>全部标为已读</ElDropdownItem>
+            </ElDropdownMenu>
+          </template>
+        </ElDropdown>
+      </div>
+      <ElScrollbar>
+        <div
+          v-for="item in personList"
+          :key="item.id"
+          class="flex items-center p-3 cursor-pointer rounded-lg transition duration-200 hover:bg-active-color/30 mb-1"
+          :class="{ 'bg-active-color': selectedPerson?.id === item.id }"
+          @click="selectPerson(item)"
+        >
+          <div class="relative mr-3">
+            <ElAvatar :size="40" :src="item.avatar">
+              {{ item.name.charAt(0) }}
+            </ElAvatar>
+            <div
+              class="absolute right-1 bottom-1 size-2 rounded-full"
+              :class="item.online ? 'bg-success' : 'bg-error'"
+            ></div>
+          </div>
+          <div class="flex-1 min-w-0">
+            <div class="flex items-center justify-between mb-1">
+              <span class="text-sm font-medium">{{ item.name }}</span>
+              <span class="text-xs text-g-600">{{ item.lastTime }}</span>
+            </div>
+            <div class="flex items-center justify-between">
+              <span class="overflow-hidden text-xs text-g-600 text-ellipsis whitespace-nowrap">
+                {{ item.email }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </ElScrollbar>
+    </div>
+    <div class="box-border flex-1 h-full max-md:h-[calc(70%-30px)]">
+      <div class="flex items-center justify-between pt-4 px-4 pb-0 mb-5">
+        <div>
+          <span class="text-base font-medium">Art Bot</span>
+          <div class="flex items-center gap-1 mt-1.5">
+            <div class="w-2 h-2 rounded-full" :class="isOnline ? 'bg-success' : 'bg-danger'"></div>
+            <span class="text-xs text-g-600">{{ isOnline ? "在线" : "离线" }}</span>
+          </div>
+        </div>
+        <div class="flex items-center gap-2">
+          <FaIconButton icon="ri:phone-line" circle class="size-11 text-g-600" />
+          <FaIconButton icon="ri:video-on-line" circle class="size-11 text-g-600" />
+          <FaIconButton icon="ri:more-2-fill" circle class="size-11 text-g-600" />
+        </div>
+      </div>
+      <div class="flex flex-col h-[calc(100%-85px)]">
+        <!-- 聊天消息区域 -->
+        <ElScrollbar
+          ref="messageContainer"
+          class="flex-1 py-7.5 px-4 border-t border-(--default-border)"
+        >
+          <template v-for="message in messages" :key="message.id">
+            <div
+              :class="[
+                'flex gap-2 items-start w-full mb-7.5',
+                message.isMe ? 'flex-row-reverse' : 'flex-row justify-start',
+              ]"
+            >
+              <ElAvatar :size="32" :src="message.avatar" class="shrink-0" />
+              <div
+                class="flex flex-col max-w-[70%]"
+                :class="message.isMe ? 'items-end' : 'items-start'"
+              >
+                <div
+                  class="flex gap-2 mb-1 text-xs"
+                  :class="message.isMe ? 'flex-row-reverse' : 'flex-row'"
+                >
+                  <span class="font-medium">{{ message.sender }}</span>
+                  <span class="text-g-600">{{ message.time }}</span>
+                </div>
+                <div
+                  class="py-2.5 px-3.5 text-sm leading-[1.4] rounded-md"
+                  :class="message.isMe ? 'bg-theme/15!' : 'bg-active-color!'"
+                >
+                  {{ message.content }}
+                </div>
+              </div>
+            </div>
+          </template>
+        </ElScrollbar>
+
+        <!-- 聊天输入区域 -->
+        <div class="p-4 shrink-0">
+          <ElInput
+            v-model="messageText"
+            type="textarea"
+            :rows="3"
+            placeholder="输入消息"
+            resize="none"
+            @keyup.enter.prevent="sendMessage"
+          >
+            <template #append>
+              <div class="flex gap-2 py-2">
+                <ElButton :icon="Paperclip" circle plain />
+                <ElButton :icon="Picture" circle plain />
+                <ElButton type="primary" @click="sendMessage" v-ripple>发送</ElButton>
+              </div>
+            </template>
+          </ElInput>
+          <div class="flex items-center justify-between mt-3">
+            <div class="flex items-center">
+              <FaSvgIcon icon="ri:image-line" class="mr-5 cursor-pointer text-g-600 text-lg" />
+              <FaSvgIcon
+                icon="ri:emotion-happy-line"
+                class="mr-5 cursor-pointer text-g-600 text-lg"
+              />
+            </div>
+            <ElButton type="primary" @click="sendMessage" v-ripple class="min-w-20">发送</ElButton>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Picture, Paperclip, ArrowDown } from "@element-plus/icons-vue";
+import { ElScrollbar } from "element-plus";
+import { mittBus } from "@utils";
+import meAvatar from "@imgs/avatar/avatar5.webp";
+import aiAvatar from "@imgs/avatar/avatar10.webp";
+import avatar2 from "@imgs/avatar/avatar2.webp";
+import avatar3 from "@imgs/avatar/avatar3.webp";
+import avatar4 from "@imgs/avatar/avatar4.webp";
+import avatar5 from "@imgs/avatar/avatar5.webp";
+import avatar6 from "@imgs/avatar/avatar6.webp";
+import avatar7 from "@imgs/avatar/avatar7.webp";
+import avatar8 from "@imgs/avatar/avatar8.webp";
+import avatar9 from "@imgs/avatar/avatar9.webp";
+import avatar10 from "@imgs/avatar/avatar10.webp";
+import { useAutoLayoutHeight } from "@/hooks/core/useLayoutHeight";
+
+defineOptions({ name: "FastlinkFachat" });
+
+const { containerMinHeight } = useAutoLayoutHeight();
+
+/**
+ * 联系人类型定义
+ */
+interface Person {
+  id: number;
+  name: string;
+  email: string;
+  avatar: string;
+  online?: boolean;
+  lastTime: string;
+  unread?: number;
+}
+
+const searchQuery = ref("");
+const isDrawerVisible = ref(false);
+const isOnline = ref(true);
+const selectedPerson = ref<Person | null>(null);
+const messageText = ref("");
+const messageId = ref(10);
+const userAvatar = ref(meAvatar);
+const messageContainer = ref<InstanceType<typeof ElScrollbar> | null>(null);
+
+/**
+ * 联系人列表数据
+ */
+const personList = ref<Person[]>([
+  {
+    id: 1,
+    name: "梅洛迪·梅西",
+    email: "melody@altbox.com",
+    avatar: meAvatar,
+    online: true,
+    lastTime: "20小时前",
+    unread: 0,
+  },
+  {
+    id: 2,
+    name: "马克·史密斯",
+    email: "max@kt.com",
+    avatar: avatar2,
+    online: true,
+    lastTime: "2周前",
+    unread: 6,
+  },
+  {
+    id: 3,
+    name: "肖恩·宾",
+    email: "sean@dellito.com",
+    avatar: avatar3,
+    online: false,
+    lastTime: "5小时前",
+    unread: 5,
+  },
+  {
+    id: 4,
+    name: "爱丽丝·约翰逊",
+    email: "alice@domain.com",
+    avatar: avatar4,
+    online: true,
+    lastTime: "1小时前",
+    unread: 2,
+  },
+  {
+    id: 5,
+    name: "鲍勃·布朗",
+    email: "bob@domain.com",
+    avatar: avatar5,
+    online: false,
+    lastTime: "3天前",
+    unread: 1,
+  },
+  {
+    id: 6,
+    name: "查理·戴维斯",
+    email: "charlie@domain.com",
+    avatar: avatar6,
+    online: true,
+    lastTime: "10分钟前",
+    unread: 0,
+  },
+  {
+    id: 7,
+    name: "戴安娜·普林斯",
+    email: "diana@domain.com",
+    avatar: avatar7,
+    online: true,
+    lastTime: "15分钟前",
+    unread: 3,
+  },
+  {
+    id: 8,
+    name: "伊桑·亨特",
+    email: "ethan@domain.com",
+    avatar: avatar8,
+    online: true,
+    lastTime: "5分钟前",
+    unread: 0,
+  },
+  {
+    id: 9,
+    name: "杰西卡·琼斯",
+    email: "jessica@domain.com",
+    avatar: avatar9,
+    online: false,
+    lastTime: "1天前",
+    unread: 4,
+  },
+  {
+    id: 10,
+    name: "彼得·帕克",
+    email: "peter@domain.com",
+    avatar: avatar10,
+    online: true,
+    lastTime: "2小时前",
+    unread: 1,
+  },
+  {
+    id: 11,
+    name: "克拉克·肯特",
+    email: "clark@domain.com",
+    avatar: avatar3,
+    online: true,
+    lastTime: "30分钟前",
+    unread: 2,
+  },
+  {
+    id: 12,
+    name: "布鲁斯·韦恩",
+    email: "bruce@domain.com",
+    avatar: avatar5,
+    online: false,
+    lastTime: "3天前",
+    unread: 0,
+  },
+  {
+    id: 13,
+    name: "韦德·威尔逊",
+    email: "wade@domain.com",
+    avatar: avatar6,
+    online: true,
+    lastTime: "10分钟前",
+    unread: 5,
+  },
+]);
+
+/**
+ * 选择联系人
+ * @param person 联系人对象
+ */
+const selectPerson = (person: Person) => {
+  selectedPerson.value = person;
+};
+
+/**
+ * 消息列表数据
+ */
+const messages = ref([
+  {
+    id: 1,
+    sender: "Art Bot",
+    content: "你好！我是你的AI助手，有什么我可以帮你的吗？",
+    time: "10:00",
+    isMe: false,
+    avatar: aiAvatar,
+  },
+  {
+    id: 2,
+    sender: "Ricky",
+    content: "我想了解一下系统的使用方法。",
+    time: "10:01",
+    isMe: true,
+    avatar: meAvatar,
+  },
+  {
+    id: 3,
+    sender: "Art Bot",
+    content: "好的，我来为您介绍系统的主要功能。首先，您可以通过左侧菜单访问不同的功能模块...",
+    time: "10:02",
+    isMe: false,
+    avatar: aiAvatar,
+  },
+  {
+    id: 4,
+    sender: "Ricky",
+    content: "听起来很不错，能具体讲讲数据分析部分吗？",
+    time: "10:05",
+    isMe: true,
+    avatar: meAvatar,
+  },
+  {
+    id: 5,
+    sender: "Art Bot",
+    content: "当然可以。数据分析模块可以帮助您实时监控关键指标，并生成详细的报表...",
+    time: "10:06",
+    isMe: false,
+    avatar: aiAvatar,
+  },
+  {
+    id: 6,
+    sender: "Ricky",
+    content: "太好了，那我如何开始使用呢？",
+    time: "10:08",
+    isMe: true,
+    avatar: meAvatar,
+  },
+  {
+    id: 7,
+    sender: "Art Bot",
+    content: "您可以先创建一个项目，然后在项目中添加相关的数据源，系统会自动进行分析。",
+    time: "10:09",
+    isMe: false,
+    avatar: aiAvatar,
+  },
+  {
+    id: 8,
+    sender: "Ricky",
+    content: "明白了，谢谢你的帮助！",
+    time: "10:10",
+    isMe: true,
+    avatar: meAvatar,
+  },
+  {
+    id: 9,
+    sender: "Art Bot",
+    content: "不客气，有任何问题随时联系我。",
+    time: "10:11",
+    isMe: false,
+    avatar: aiAvatar,
+  },
+]);
+
+/**
+ * 发送消息
+ * 添加新消息到消息列表并滚动到底部
+ */
+const sendMessage = () => {
+  const text = messageText.value.trim();
+  if (!text) return;
+
+  messages.value.push({
+    id: messageId.value++,
+    sender: "Ricky",
+    content: text,
+    time: new Date().toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }),
+    isMe: true,
+    avatar: userAvatar.value,
+  });
+
+  messageText.value = "";
+  scrollToBottom();
+};
+
+/**
+ * 滚动到消息列表底部
+ */
+const scrollToBottom = () => {
+  setTimeout(() => {
+    const wrap = messageContainer.value?.wrapRef;
+    if (wrap) wrap.scrollTop = wrap.scrollHeight;
+  }, 100);
+};
+
+/**
+ * 打开聊天窗口
+ */
+const openChat = () => {
+  isDrawerVisible.value = true;
+};
+
+onMounted(() => {
+  scrollToBottom();
+  mittBus.on("openChat", openChat);
+  const first = personList.value[0];
+  if (first) selectedPerson.value = first;
+});
+
+onUnmounted(() => {
+  mittBus.off("openChat", openChat);
+});
+</script>
diff --git a/src/views/fastlink/pricing/index.vue b/src/views/fastlink/pricing/index.vue
new file mode 100644
index 0000000..e74dcd5
--- /dev/null
+++ b/src/views/fastlink/pricing/index.vue
@@ -0,0 +1,184 @@
+<template>
+  <div class="pt-24 px-20 max-md:pt-15! max-sm:px-5! max-md:px-8! bg-transparent border-none!">
+    <div class="mb-10 text-center">
+      <h1 class="mb-2 text-4xl font-medium max-sm:text-3xl">选择适合您的套餐</h1>
+      <h2 class="mb-2.5 text-2xl font-normal text-g-600 max-sm:text-2xl">按需付费，灵活升级</h2>
+    </div>
+
+    <div class="mt-10 max-md:mt-0">
+      <ElSkeleton v-if="loading" :rows="6" animated />
+
+      <ElEmpty v-else-if="!packages.length" description="暂无可用套餐" />
+
+      <ElRow v-else :gutter="20" justify="center">
+        <ElCol v-for="plan in packages" :key="plan.id" :xs="24" :sm="12" :md="6" class="mb-5">
+          <ElCard
+            class="flex flex-col h-full rounded-xl pricing-card"
+            :class="{ 'current-card': plan.is_current }"
+          >
+            <div class="mb-5">
+              <h3 class="mb-2.5 text-xl font-medium flex items-center gap-2">
+                {{ plan.name }}
+                <ElTag v-if="plan.is_current" type="warning" size="small">当前套餐</ElTag>
+              </h3>
+              <p
+                class="h-10 pb-5 mb-5 overflow-hidden text-sm text-g-600 text-ellipsis border-b border-g-300/80 line-clamp-2"
+              >
+                {{ getPlanSummary(plan) }}
+              </p>
+              <div class="mt-7.5 flex flex-wrap items-baseline gap-x-1">
+                <span class="text-3xl font-medium">¥{{ formatPrice(plan.price) }}</span>
+                <span class="ml-2 text-sm text-g-600">/{{ getPeriodLabel(plan.period) }}</span>
+              </div>
+            </div>
+
+            <div class="grow mb-5">
+              <div
+                v-for="feat in getFeatures(plan)"
+                :key="feat"
+                class="flex items-center mb-2.5 text-sm"
+              >
+                <ElIcon class="mr-2.5 text-theme!"><Check /></ElIcon>
+                <span>{{ feat }}</span>
+              </div>
+            </div>
+
+            <div class="mt-auto text-center">
+              <ElButton v-if="plan.is_current" class="w-full h-10" disabled> 当前套餐 </ElButton>
+              <ElButton
+                v-else
+                type="primary"
+                class="w-full h-10"
+                :loading="buyingId === plan.id"
+                @click="buyPackage(plan)"
+              >
+                {{ getActionLabel(plan) }}
+              </ElButton>
+            </div>
+          </ElCard>
+        </ElCol>
+      </ElRow>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from "vue";
+import { useRouter } from "vue-router";
+import { ElMessage } from "element-plus";
+import { Check } from "@element-plus/icons-vue";
+import SelfServiceAPI, { type AvailablePackage } from "@/api/module_platform/self_service";
+
+defineOptions({ name: "DashboardPricing" });
+
+const router = useRouter();
+const packages = ref<AvailablePackage[]>([]);
+const loading = ref(true);
+const buyingId = ref<number | null>(null);
+
+function formatPrice(price: number): string {
+  const yuan = price / 100;
+  return price % 100 === 0 ? yuan.toFixed(0) : yuan.toFixed(2);
+}
+
+function getPeriodLabel(period: string): string {
+  return period === "year" ? "年" : "月";
+}
+
+function getPlanSummary(plan: AvailablePackage): string {
+  if (plan.description) return plan.description;
+  return plan.trial_days > 0
+    ? `免费试用 ${plan.trial_days} 天`
+    : `专业功能，按${getPeriodLabel(plan.period)}订阅`;
+}
+
+function getFeatures(plan: AvailablePackage): string[] {
+  const features = [];
+  if (plan.max_users) {
+    features.push(`最多 ${plan.max_users} 个用户`);
+  }
+  if (plan.max_roles) {
+    features.push(`最多 ${plan.max_roles} 个角色`);
+  }
+  if (plan.max_depts) {
+    features.push(`最多 ${plan.max_depts} 个部门`);
+  }
+  if (plan.max_storage_mb) {
+    features.push(`最多 ${plan.max_storage_mb} MB 存储`);
+  }
+  features.push(plan.trial_days > 0 ? `${plan.trial_days} 天免费试用` : "完整功能");
+  return features;
+}
+
+function getActionLabel(plan: AvailablePackage): string {
+  const [action] = plan.available_actions;
+  switch (action) {
+    case "renew":
+      return "立即续费";
+    case "upgrade":
+      return "升级套餐";
+    case "downgrade":
+      return "降级套餐";
+    case "buy":
+    default:
+      return plan.trial_days > 0 ? "免费试用" : "立即购买";
+  }
+}
+
+async function loadPackages() {
+  loading.value = true;
+  try {
+    const res = await SelfServiceAPI.getAvailablePackages();
+    const data = res.data?.data;
+    packages.value = data?.packages || [];
+  } catch {
+    ElMessage.error("加载套餐信息失败");
+  } finally {
+    loading.value = false;
+  }
+}
+
+async function buyPackage(pkg: AvailablePackage) {
+  buyingId.value = pkg.id;
+  const [action] = pkg.available_actions;
+  try {
+    const res = await SelfServiceAPI.createOrder({
+      package_id: pkg.id,
+      order_type: (action || "buy") as "buy" | "renew" | "upgrade" | "downgrade",
+    });
+    const data = res.data?.data;
+    if (data?.amount > 0) {
+      router.push(`/payment/${data.order_id}`);
+    } else {
+      router.push("/self-service?tab=orders");
+    }
+  } catch (e: any) {
+    ElMessage.error(e?.msg || "下单失败");
+  } finally {
+    buyingId.value = null;
+  }
+}
+
+onMounted(() => {
+  loadPackages();
+});
+</script>
+
+<style scoped lang="scss">
+.current-card {
+  border: 2px solid #e6a23c;
+}
+
+.pricing-card {
+  &:not(.current-card) {
+    transition:
+      transform 0.2s ease,
+      box-shadow 0.2s ease;
+
+    &:hover {
+      box-shadow: 0 8px 25px rgb(0 0 0 / 10%);
+      transform: translateY(-4px);
+    }
+  }
+}
+</style>
diff --git a/src/views/fastlink/tutorial/index.vue b/src/views/fastlink/tutorial/index.vue
new file mode 100644
index 0000000..b987c7c
--- /dev/null
+++ b/src/views/fastlink/tutorial/index.vue
@@ -0,0 +1,1874 @@
+<!-- 操作手册：视频演示 + 全功能验收正文 -->
+<template>
+  <div class="page-content manual-page">
+    <div class="manual-page__inner mx-auto max-w-[1200px] px-4 pb-8">
+      <!-- 标题 -->
+      <h1 class="mb-2 text-2xl font-medium text-g-900 dark:text-g-50">
+        {{ t("manualPage.title") }}
+      </h1>
+      <p class="mb-6 text-sm text-g-600 dark:text-g-400">
+        {{ t("manualPage.intro") }}
+      </p>
+
+      <!-- Tab 切换：视频 / 手册 -->
+      <ElTabs v-model="activeTab" class="manual-page__tabs">
+        <!-- 视频演示 Tab -->
+        <ElTabPane :label="t('manualPage.videoTab')" name="video">
+          <div class="fa-card-sm mt-2 p-5">
+            <p class="mb-4 text-sm text-g-600 dark:text-g-400">
+              {{ t("manualPage.videoHint") }}
+            </p>
+            <div class="manual-page__player max-w-full">
+              <FaVideoPlayer
+                :player-id="PLAYER_ID"
+                :video-url="videoUrl"
+                :poster-url="posterUrl"
+                :autoplay="false"
+                :volume="1"
+                :playback-rates="[0.5, 1, 1.5, 2]"
+              />
+            </div>
+          </div>
+        </ElTabPane>
+
+        <!-- 功能验收手册 Tab -->
+        <ElTabPane :label="t('manualPage.manualTab')" name="manual">
+          <p class="mb-3 mt-2 text-sm text-g-600 dark:text-g-400">
+            {{ t("manualPage.manualHint") }}
+          </p>
+
+          <div class="manual-feature-body">
+            <!-- 工具栏：筛选 -->
+            <div class="manual-feature-body__toolbar">
+              <ElInput
+                v-model="tocFilter"
+                clearable
+                placeholder="筛选目录…"
+                :prefix-icon="Search"
+                class="manual-feature-body__filter"
+              />
+            </div>
+
+            <!-- 主体布局：侧边导航 + 内容区 -->
+            <div class="manual-feature-body__layout">
+              <!-- 左侧目录（不用 ElAffix：固钉时 fixed 宽度易丢失成窄条叠在主内容上；与右侧滚动区并排即可始终可见） -->
+              <aside class="manual-feature-body__aside" aria-label="手册导航">
+                <nav v-if="filteredToc.length" class="manual-nav">
+                  <div v-for="mod in filteredToc" :key="mod.anchor" class="manual-nav__module">
+                    <ElButton
+                      link
+                      type="primary"
+                      class="manual-nav__mod-title h-auto! min-h-0 justify-start px-0 py-1"
+                      @click="scrollToAnchor(mod.anchor)"
+                    >
+                      {{ mod.title }}
+                    </ElButton>
+                    <div class="manual-nav__pages">
+                      <ElButton
+                        v-for="p in mod.pages"
+                        :key="p.anchor"
+                        link
+                        size="small"
+                        class="manual-nav__page h-auto! min-h-0 justify-start px-2 py-1"
+                        @click="scrollToAnchor(p.anchor)"
+                      >
+                        {{ p.title }}
+                      </ElButton>
+                    </div>
+                  </div>
+                </nav>
+                <div v-else class="manual-nav manual-nav--empty">
+                  <ElEmpty description="无匹配目录" :image-size="64" />
+                </div>
+              </aside>
+
+              <!-- 右侧内容区（滚动） -->
+              <ElScrollbar
+                ref="scrollbarRef"
+                class="manual-feature-body__scrollbar fa-card-sm rounded-custom-sm"
+                max-height="min(78vh, 880px)"
+              >
+                <!-- 功能验收手册正文内容 -->
+                <div class="manual-html" @click.capture="handleAnchorClick">
+                  <div class="manual-html__inner">
+                    <h1>
+                      FastapiAdmin 功能点清单
+                      <small>用于全功能测试验收，按模块逐页列出所有可操作元素</small>
+                    </h1>
+
+                    <!-- 目录 -->
+                    <ElCard id="toc" shadow="never" class="toc mb-6">
+                      <template #header>
+                        <span class="text-base font-medium">📋 目录</span>
+                      </template>
+                      <ul>
+                        <li>
+                          <ElLink href="#mod-system" type="primary" underline="never">
+                            一、系统管理
+                          </ElLink>
+                          <div class="toc-l2">
+                            <ElLink href="#page-user" type="primary" underline="never">
+                              用户管理
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-role" type="primary" underline="never">
+                              角色管理
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-menu" type="primary" underline="never">
+                              菜单管理
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-dept" type="primary" underline="never">
+                              部门管理
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-position" type="primary" underline="never">
+                              岗位管理
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-dict" type="primary" underline="never">
+                              字典管理
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-param" type="primary" underline="never">
+                              参数配置
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-notice" type="primary" underline="never">
+                              通知公告
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-tenant" type="primary" underline="never">
+                              租户管理
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-log" type="primary" underline="never">
+                              操作日志
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-login" type="primary" underline="never">
+                              登录页
+                            </ElLink>
+                          </div>
+                        </li>
+                        <li>
+                          <ElLink href="#mod-monitor" type="primary" underline="never">
+                            二、监控管理
+                          </ElLink>
+                          <div class="toc-l2">
+                            <ElLink href="#page-online" type="primary" underline="never">
+                              在线用户
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-cache" type="primary" underline="never">
+                              缓存管理
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-resource" type="primary" underline="never">
+                              文件管理
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-server" type="primary" underline="never">
+                              服务监控
+                            </ElLink>
+                          </div>
+                        </li>
+                        <li>
+                          <ElLink href="#mod-task" type="primary" underline="never">
+                            三、任务管理
+                          </ElLink>
+                          <div class="toc-l2">
+                            <ElLink href="#page-cronjob" type="primary" underline="never">
+                              调度器监控
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-cronnode" type="primary" underline="never">
+                              节点管理
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-workflow" type="primary" underline="never">
+                              流程编排
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-nodetype" type="primary" underline="never">
+                              节点类型
+                            </ElLink>
+                          </div>
+                        </li>
+                        <li>
+                          <ElLink href="#mod-ai" type="primary" underline="never">
+                            四、AI 模块
+                          </ElLink>
+                          <div class="toc-l2">
+                            <ElLink href="#page-ai-chat" type="primary" underline="never">
+                              AI智能助手
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-ai-fachat" type="primary" underline="never">
+                              会话聊天
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-ai-memory" type="primary" underline="never">
+                              会话记忆
+                            </ElLink>
+                          </div>
+                        </li>
+                        <li>
+                          <ElLink href="#mod-generator" type="primary" underline="never">
+                            五、代码生成器
+                          </ElLink>
+                          <div class="toc-l2">
+                            <ElLink href="#page-gencode" type="primary" underline="never">
+                              代码生成
+                            </ElLink>
+                          </div>
+                        </li>
+                        <li>
+                          <ElLink href="#mod-app" type="primary" underline="never">
+                            六、应用管理
+                          </ElLink>
+                          <div class="toc-l2">
+                            <ElLink href="#page-portal" type="primary" underline="never">
+                              插件市场
+                            </ElLink>
+                          </div>
+                        </li>
+                        <li>
+                          <ElLink href="#mod-example" type="primary" underline="never">
+                            七、示例模块
+                          </ElLink>
+                          <div class="toc-l2">
+                            <ElLink href="#page-demo" type="primary" underline="never">
+                              示例管理
+                            </ElLink>
+                          </div>
+                        </li>
+                        <li>
+                          <ElLink href="#mod-dashboard" type="primary" underline="never">
+                            八、仪表盘
+                          </ElLink>
+                          <div class="toc-l2">
+                            <ElLink href="#page-home" type="primary" underline="never">首页</ElLink>
+                            ·
+                            <ElLink href="#page-profile" type="primary" underline="never">
+                              个人中心
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-changelog" type="primary" underline="never">
+                              更新日志
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-db-workplace" type="primary" underline="never">
+                              工作台
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-db-console" type="primary" underline="never">
+                              控制台
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-db-analysis" type="primary" underline="never">
+                              分析页
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-db-ecommerce" type="primary" underline="never">
+                              电子商务
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-db-map" type="primary" underline="never">
+                              地图
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-db-pricing" type="primary" underline="never">
+                              定价
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-db-article" type="primary" underline="never">
+                              文章管理
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-db-tutorial" type="primary" underline="never">
+                              教程
+                            </ElLink>
+                          </div>
+                        </li>
+                        <li>
+                          <ElLink href="#mod-layout" type="primary" underline="never">
+                            九、布局与通用功能
+                          </ElLink>
+                          <div class="toc-l2">
+                            <ElLink href="#layout-main" type="primary" underline="never">
+                              主布局
+                            </ElLink>
+                            ·
+                            <ElLink href="#layout-sidebar" type="primary" underline="never">
+                              侧栏菜单
+                            </ElLink>
+                            ·
+                            <ElLink href="#layout-header" type="primary" underline="never">
+                              顶栏
+                            </ElLink>
+                            ·
+                            <ElLink href="#layout-worktab" type="primary" underline="never">
+                              标签页
+                            </ElLink>
+                            ·
+                            <ElLink href="#layout-settings" type="primary" underline="never">
+                              设置面板
+                            </ElLink>
+                            ·
+                            <ElLink href="#layout-notification" type="primary" underline="never">
+                              通知
+                            </ElLink>
+                            ·
+                            <ElLink href="#layout-search" type="primary" underline="never">
+                              全局搜索
+                            </ElLink>
+                            ·
+                            <ElLink href="#layout-lock" type="primary" underline="never">
+                              锁屏
+                            </ElLink>
+                            ·
+                            <ElLink href="#layout-user" type="primary" underline="never">
+                              用户菜单
+                            </ElLink>
+                            ·
+                            <ElLink href="#layout-theme" type="primary" underline="never">
+                              主题切换
+                            </ElLink>
+                            ·
+                            <ElLink href="#layout-lang" type="primary" underline="never">
+                              语言切换
+                            </ElLink>
+                          </div>
+                        </li>
+                        <li>
+                          <ElLink href="#mod-exception" type="primary" underline="never">
+                            十、异常页
+                          </ElLink>
+                          <div class="toc-l2">
+                            <ElLink href="#page-401" type="primary" underline="never">401</ElLink>
+                            ·
+                            <ElLink href="#page-403" type="primary" underline="never">403</ElLink>
+                            ·
+                            <ElLink href="#page-404" type="primary" underline="never">404</ElLink>
+                            ·
+                            <ElLink href="#page-500" type="primary" underline="never">500</ElLink>
+                          </div>
+                        </li>
+                        <li>
+                          <ElLink href="#mod-swagger" type="primary" underline="never">
+                            十一、接口文档（API）
+                          </ElLink>
+                          <div class="toc-l2">
+                            <ElLink href="#page-swagger" type="primary" underline="never">
+                              Swagger文档
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-redoc" type="primary" underline="never">
+                              Redoc文档
+                            </ElLink>
+                            ·
+                            <ElLink href="#page-ljdoc" type="primary" underline="never">
+                              LangJin文档
+                            </ElLink>
+                          </div>
+                        </li>
+                      </ul>
+                    </ElCard>
+
+                    <!-- 一、系统管理 -->
+                    <div class="module" id="mod-system">
+                      <h2>
+                        一、系统管理
+                        <ElTag type="primary" effect="dark" size="small" class="shrink-0">
+                          module_system
+                        </ElTag>
+                      </h2>
+
+                      <!-- 用户管理 -->
+                      <div class="page" id="page-user">
+                        <h3>
+                          1.1 用户管理
+                          <ElText tag="span" size="small" type="info" class="path font-mono">
+                            module_system/user/index.vue
+                          </ElText>
+                        </h3>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">API 权限标识</ElDivider>
+                          <p>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              module_system:user
+                            </ElTag>
+                            — 含
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              create
+                            </ElTag>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              delete
+                            </ElTag>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              update
+                            </ElTag>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              detail
+                            </ElTag>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              import
+                            </ElTag>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              export
+                            </ElTag>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              patch
+                            </ElTag>
+                          </p>
+                        </div>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">
+                            🔍 搜索/筛选表单（5字段）
+                          </ElDivider>
+                          <ElCard shadow="never" class="mb-3 overflow-x-auto">
+                            <table class="manual-doc-table w-full border-collapse text-sm">
+                              <thead>
+                                <tr>
+                                  <th>备注</th>
+                                </tr>
+                              </thead>
+                              <tbody>
+                                <tr>
+                                  <td>文本·账号</td>
+                                </tr>
+                                <tr>
+                                  <td>文本·用户名</td>
+                                </tr>
+                                <tr>
+                                  <td>下拉·启用/停用</td>
+                                </tr>
+                                <tr>
+                                  <td>创建人（FaUserTableSelect 弹窗选用户）</td>
+                                </tr>
+                                <tr>
+                                  <td>创建时间·日期时间范围</td>
+                                </tr>
+                              </tbody>
+                            </table>
+                          </ElCard>
+                        </div>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">📊 表格列</ElDivider>
+                          <ElCard shadow="never" class="mb-3 overflow-x-auto">
+                            <table class="manual-doc-table w-full border-collapse text-sm">
+                              <thead>
+                                <tr>
+                                  <th>渲染</th>
+                                </tr>
+                              </thead>
+                              <tbody>
+                                <tr>
+                                  <td>固定左侧</td>
+                                </tr>
+                                <tr>
+                                  <td>ElAvatar</td>
+                                </tr>
+                                <tr>
+                                  <td>溢出省略</td>
+                                </tr>
+                                <tr>
+                                  <td>溢出省略</td>
+                                </tr>
+                                <tr>
+                                  <td>
+                                    <span class="tag tag-success">启用</span>
+                                    <span class="tag tag-danger">停用</span>
+                                  </td>
+                                </tr>
+                                <tr>
+                                  <td>row.dept?.name</td>
+                                </tr>
+                                <tr>
+                                  <td>
+                                    <span class="tag tag-success">男</span>
+                                    <span class="tag tag-warning">女</span>
+                                    <span class="tag tag-info">未知</span>
+                                  </td>
+                                </tr>
+                                <tr>
+                                  <td></td>
+                                </tr>
+                                <tr>
+                                  <td></td>
+                                </tr>
+                                <tr>
+                                  <td>固定右侧</td>
+                                </tr>
+                              </tbody>
+                            </table>
+                          </ElCard>
+                        </div>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">🔘 工具栏按钮</ElDivider>
+                          <ElSpace wrap size="small" class="mb-2">
+                            <ElButton type="primary" size="small" plain class="manual-doc-btn">
+                              新增
+                            </ElButton>
+                            <ElButton type="success" size="small" plain class="manual-doc-btn">
+                              导入
+                            </ElButton>
+                            <ElButton type="warning" size="small" plain class="manual-doc-btn">
+                              导出
+                            </ElButton>
+                            <ElButton type="danger" size="small" plain class="manual-doc-btn">
+                              删除
+                            </ElButton>
+                            <ElButton type="info" size="small" plain class="manual-doc-btn">
+                              更多(批量启/停用)
+                            </ElButton>
+                            <ElButton size="small" plain class="manual-doc-btn">刷新</ElButton>
+                            <ElButton size="small" plain class="manual-doc-btn">列配置</ElButton>
+                          </ElSpace>
+                        </div>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">🔘 行操作按钮</ElDivider>
+                          <ElSpace wrap size="small" class="mb-2">
+                            <ElButton type="warning" size="small" plain class="manual-doc-btn">
+                              重置密码
+                            </ElButton>
+                            <ElButton type="info" size="small" plain class="manual-doc-btn">
+                              详情
+                            </ElButton>
+                            <ElButton type="primary" size="small" plain class="manual-doc-btn">
+                              编辑
+                            </ElButton>
+                            <ElButton type="danger" size="small" plain class="manual-doc-btn">
+                              删除
+                            </ElButton>
+                          </ElSpace>
+                        </div>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">📋 弹窗/抽屉</ElDivider>
+                          <ul class="feature-list">
+                            <li>
+                              <strong>详情 Drawer</strong>
+                              —
+                              编号、头像、账号、用户名、性别(标签)、部门、角色(逗号拼接)、岗位(逗号拼接)、邮箱、手机号、是否超管(标签)、状态(标签)、上次登录时间、创建人、更新人、创建时间、更新时间、描述
+                            </li>
+                            <li>
+                              <strong>新增/编辑 Drawer</strong>
+                              (450px) —
+                              账号(username,编辑时禁用)、用户名(name)、性别、手机号(正则校验)、邮箱(正则校验)、部门(ElTreeSelect)、角色(多选)、岗位(多选)、密码(仅新增)、是否超管(Switch)、状态(Radio)、描述(textarea)
+                            </li>
+                            <li>
+                              <strong>导入弹窗</strong>
+                              — FaImportDialog, 模板 user_import_template.xlsx
+                            </li>
+                            <li>
+                              <strong>导出弹窗</strong>
+                              — FaExportDialog
+                            </li>
+                            <li>
+                              <strong>重置密码弹窗</strong>
+                              — 输入新密码, 至少6位
+                            </li>
+                          </ul>
+                        </div>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">✨ 特殊功能</ElDivider>
+                          <ul class="feature-list">
+                            <li>左侧部门树联动筛选(点击树节点过滤列表)</li>
+                            <li>批量删除(确认对话框)</li>
+                            <li>批量启用/停用</li>
+                            <li>若删除自己则清除登录信息登出</li>
+                          </ul>
+                        </div>
+                      </div>
+
+                      <!-- 角色管理 -->
+                      <div class="page" id="page-role">
+                        <h3>
+                          1.2 角色管理
+                          <ElText tag="span" size="small" type="info" class="path font-mono">
+                            module_system/role/index.vue
+                          </ElText>
+                        </h3>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">API 权限标识</ElDivider>
+                          <p>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              module_system:role
+                            </ElTag>
+                            — 含
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              create
+                            </ElTag>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              delete
+                            </ElTag>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              update
+                            </ElTag>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              detail
+                            </ElTag>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              export
+                            </ElTag>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              patch
+                            </ElTag>
+                            <ElTag effect="plain" type="info" size="small" class="mr-1 font-mono">
+                              permission
+                            </ElTag>
+                          </p>
+                        </div>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">
+                            🔍 搜索表单（3字段）
+                          </ElDivider>
+                          <ElCard shadow="never" class="mb-3 overflow-x-auto">
+                            <table class="manual-doc-table w-full border-collapse text-sm">
+                              <thead>
+                                <tr>
+                                  <th>类型</th>
+                                </tr>
+                              </thead>
+                              <tbody>
+                                <tr>
+                                  <td>文本输入</td>
+                                </tr>
+                                <tr>
+                                  <td>下拉(启用/停用, value="true"/"false")</td>
+                                </tr>
+                                <tr>
+                                  <td>日期时间范围</td>
+                                </tr>
+                              </tbody>
+                            </table>
+                          </ElCard>
+                        </div>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">📊 表格列</ElDivider>
+                          <ElCard shadow="never" class="mb-3 overflow-x-auto">
+                            <table class="manual-doc-table w-full border-collapse text-sm">
+                              <thead>
+                                <tr>
+                                  <th>渲染</th>
+                                </tr>
+                              </thead>
+                              <tbody>
+                                <tr>
+                                  <td>固定左侧</td>
+                                </tr>
+                                <tr>
+                                  <td>溢出省略</td>
+                                </tr>
+                                <tr>
+                                  <td>
+                                    <span class="tag tag-success">启用</span>
+                                    <span class="tag tag-danger">停用</span>
+                                  </td>
+                                </tr>
+                                <tr>
+                                  <td>溢出省略</td>
+                                </tr>
+                                <tr>
+                                  <td>固定右侧</td>
+                                </tr>
+                              </tbody>
+                            </table>
+                          </ElCard>
+                        </div>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">🔘 工具栏按钮</ElDivider>
+                          <ElSpace wrap size="small" class="mb-2">
+                            <ElButton type="primary" size="small" plain class="manual-doc-btn">
+                              新增
+                            </ElButton>
+                            <ElButton type="warning" size="small" plain class="manual-doc-btn">
+                              导出
+                            </ElButton>
+                            <ElButton type="danger" size="small" plain class="manual-doc-btn">
+                              删除
+                            </ElButton>
+                            <ElButton size="small" plain class="manual-doc-btn">刷新</ElButton>
+                            <ElButton size="small" plain class="manual-doc-btn">列配置</ElButton>
+                          </ElSpace>
+                        </div>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">🔘 行操作按钮</ElDivider>
+                          <ElSpace wrap size="small" class="mb-2">
+                            <ElButton type="info" size="small" plain class="manual-doc-btn">
+                              权限
+                            </ElButton>
+                            <ElButton type="primary" size="small" plain class="manual-doc-btn">
+                              编辑
+                            </ElButton>
+                            <ElButton type="danger" size="small" plain class="manual-doc-btn">
+                              删除
+                            </ElButton>
+                          </ElSpace>
+                        </div>
+
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">📋 弹窗/抽屉</ElDivider>
+                          <ul class="feature-list">
+                            <li>
+                              <strong>新增/编辑 Drawer</strong>
+                              (450px) — 名称、标识(编辑时禁用)、排序、状态(Radio)、权限树(ElTree,
+                              勾选)、备注(textarea)
+                            </li>
+                            <li>
+                              <strong>权限 Drawer</strong>
+                              (600px) — 权限菜单树(ElTree, 勾选, 支持展开/收起)
+                            </li>
+                            <li>
+                              <strong>导出弹窗</strong>
+                              — FaExportDialog
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+
+                      <!-- 系统管理：其余页面（完整性验收要点，与实现对齐便于漏项检查） -->
+                      <div
+                        v-for="p in manualSystemTailPages"
+                        :key="p.anchor"
+                        class="page"
+                        :id="p.anchor"
+                      >
+                        <h3>
+                          {{ p.title }}
+                          <ElText tag="span" size="small" type="info" class="path font-mono">
+                            {{ p.path }}
+                          </ElText>
+                        </h3>
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">
+                            功能完整性验收
+                          </ElDivider>
+                          <ul class="feature-list">
+                            <li v-for="(line, idx) in p.notes" :key="idx">{{ line }}</li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- 二～十一：其余业务模块 -->
+                    <div
+                      v-for="mod in manualModulesAfterSystem"
+                      :key="mod.anchor"
+                      class="module"
+                      :id="mod.anchor"
+                    >
+                      <h2>
+                        {{ mod.heading }}
+                        <ElTag
+                          v-if="mod.pkgTag"
+                          type="primary"
+                          effect="dark"
+                          size="small"
+                          class="shrink-0"
+                        >
+                          {{ mod.pkgTag }}
+                        </ElTag>
+                      </h2>
+                      <div v-for="p in mod.pages" :key="p.anchor" class="page" :id="p.anchor">
+                        <h3>
+                          {{ p.title }}
+                          <ElText tag="span" size="small" type="info" class="path font-mono">
+                            {{ p.path }}
+                          </ElText>
+                        </h3>
+                        <div class="section">
+                          <ElDivider content-position="left" class="my-3!">
+                            功能完整性验收
+                          </ElDivider>
+                          <ul class="feature-list">
+                            <li v-for="(line, idx) in p.notes" :key="idx">{{ line }}</li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+
+                    <div
+                      class="manual-footer-note mt-10 border-t border-g-200 pt-6 text-center text-xs text-g-500 dark:border-g-700 dark:text-g-400"
+                    >
+                      <p>
+                        FastapiAdmin 功能点清单（完整性）—
+                        与当前代码中已实现界面项对齐，用于逐项核对是否漏测，不评价体验优劣。
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </ElScrollbar>
+            </div>
+          </div>
+        </ElTabPane>
+
+        <!-- 组件展示 Tab -->
+        <ElTabPane :label="t('manualPage.widgetsTab')" name="widgets">
+          <div class="page-content mb-5">
+            <!-- 完整工具栏编辑器 -->
+            <ElCard class="editor-card">
+              <template #header>
+                <div class="card-header">
+                  <span>🛠️ 完整工具栏编辑器</span>
+                  <div class="header-buttons">
+                    <ElButton size="small" @click="clearFullEditor">清空</ElButton>
+                    <ElButton size="small" @click="getFullEditorContent">获取内容</ElButton>
+                    <ElButton size="small" @click="setFullEditorDemo">设置示例</ElButton>
+                  </div>
+                </div>
+              </template>
+
+              <FaWangEditor
+                ref="fullEditorRef"
+                v-model="fullEditorHtml"
+                height="400px"
+                placeholder="请输入内容，体验完整的编辑功能..."
+                :exclude-keys="[]"
+              />
+            </ElCard>
+
+            <!-- 简化工具栏编辑器 -->
+            <ElCard class="editor-card">
+              <template #header>
+                <div class="card-header">
+                  <span>✨ 简化工具栏编辑器</span>
+                  <div class="header-buttons">
+                    <ElButton size="small" @click="clearSimpleEditor">清空</ElButton>
+                    <ElButton size="small" @click="getSimpleEditorContent">获取内容</ElButton>
+                    <ElButton size="small" @click="setSimpleEditorDemo">设置示例</ElButton>
+                  </div>
+                </div>
+              </template>
+
+              <FaWangEditor
+                ref="simpleEditorRef"
+                v-model="simpleEditorHtml"
+                height="400px"
+                placeholder="请输入内容，体验简化的编辑功能..."
+                :toolbar-keys="simpleToolbarKeys"
+              />
+            </ElCard>
+
+            <!-- 内容对比预览 -->
+            <ElCard class="preview-card">
+              <template #header>
+                <span>📖 内容预览对比</span>
+              </template>
+
+              <ElRow :gutter="20">
+                <ElCol :span="12">
+                  <h3>完整编辑器内容</h3>
+                  <ElTabs v-model="fullActiveTab">
+                    <ElTabPane label="渲染效果" name="preview">
+                      <div class="content-preview" v-html="fullEditorHtml"></div>
+                    </ElTabPane>
+                    <ElTabPane label="HTML源码" name="html">
+                      <ElInput
+                        v-model="fullEditorHtml"
+                        type="textarea"
+                        :rows="8"
+                        placeholder="HTML源码"
+                        readonly
+                      />
+                    </ElTabPane>
+                  </ElTabs>
+                </ElCol>
+
+                <ElCol :span="12">
+                  <h3>简化编辑器内容</h3>
+                  <ElTabs v-model="simpleActiveTab">
+                    <ElTabPane label="渲染效果" name="preview">
+                      <div class="content-preview" v-html="simpleEditorHtml"></div>
+                    </ElTabPane>
+                    <ElTabPane label="HTML源码" name="html">
+                      <ElInput
+                        v-model="simpleEditorHtml"
+                        type="textarea"
+                        :rows="8"
+                        placeholder="HTML源码"
+                        readonly
+                      />
+                    </ElTabPane>
+                  </ElTabs>
+                </ElCol>
+              </ElRow>
+            </ElCard>
+
+            <!-- 使用说明 -->
+            <ElCard class="usage-card">
+              <template #header>
+                <span>📚 使用说明</span>
+              </template>
+
+              <ElCollapse v-model="activeCollapse">
+                <ElCollapseItem title="基础用法" name="basic">
+                  <pre><code class="language-vue">&lt;template&gt;
+                  &lt;ArtWangEditor v-model="content" /&gt;
+                  &lt;/template&gt;
+
+                  &lt;script setup lang="ts"&gt;
+                  import { ref } from 'vue'
+
+                  const content = ref('&lt;p&gt;初始内容&lt;/p&gt;')
+                  &lt;/script&gt;</code></pre>
+                </ElCollapseItem>
+
+                <ElCollapseItem title="完整工具栏配置" name="full">
+                  <pre><code class="language-vue">&lt;template&gt;
+                  &lt;!-- 显示所有工具，不排除任何功能 --&gt;
+                  &lt;ArtWangEditor
+                  v-model="content"
+                  :exclude-keys="[]"
+                  /&gt;
+                  &lt;/template&gt;</code></pre>
+                </ElCollapseItem>
+
+                <ElCollapseItem title="简化工具栏配置" name="simple">
+                  <pre><code class="language-vue">&lt;template&gt;
+                  &lt;!-- 只显示基础编辑工具 --&gt;
+                  &lt;ArtWangEditor
+                  v-model="content"
+                  :toolbar-keys="[
+                  'bold', 'italic', 'underline', '|',
+                  'bulletedList', 'numberedList', '|',
+                  'insertLink', 'insertImage', '|',
+                  'undo', 'redo'
+                  ]"
+                  /&gt;
+                  &lt;/template&gt;</code></pre>
+                </ElCollapseItem>
+
+                <ElCollapseItem title="自定义配置" name="config">
+                  <pre><code class="language-vue">&lt;template&gt;
+                  &lt;ArtWangEditor
+                  v-model="content"
+                  height="600px"
+                  placeholder="请输入您的内容..."
+                  :exclude-keys="['fontFamily', 'fontSize']"
+                  :upload-config="{
+                  maxFileSize: 5 * 1024 * 1024,
+                  maxNumberOfFiles: 5
+                  }"
+                  /&gt;
+                  &lt;/template&gt;</code></pre>
+                </ElCollapseItem>
+
+                <ElCollapseItem title="组件方法调用" name="methods">
+                  <pre><code class="language-vue">&lt;template&gt;
+                  &lt;ArtWangEditor ref="editorRef" v-model="content" /&gt;
+                  &lt;el-button @click="handleClear"&gt;清空&lt;/el-button&gt;
+                  &lt;el-button @click="handleFocus"&gt;聚焦&lt;/el-button&gt;
+                  &lt;el-button @click="handleGetContent"&gt;获取内容&lt;/el-button&gt;
+                  &lt;/template&gt;
+
+                  &lt;script setup lang="ts"&gt;
+                  import { ref } from 'vue'
+
+                  const editorRef = ref()
+                  const content = ref('')
+
+                  const handleClear = () =&gt; {
+                  editorRef.value?.clear()
+                  }
+
+                  const handleFocus = () =&gt; {
+                  editorRef.value?.focus()
+                  }
+
+                  const handleGetContent = () =&gt; {
+                  const html = editorRef.value?.getHtml()
+                  console.log('编辑器内容:', html)
+                  }
+                  &lt;/script&gt;</code></pre>
+                </ElCollapseItem>
+
+                <ElCollapseItem title="工具栏配置说明" name="toolbar-config">
+                  <div class="toolbar-explanation">
+                    <h4>完整工具栏 vs 简化工具栏</h4>
+                    <ElRow :gutter="16">
+                      <ElCol :span="12">
+                        <h5>✅ 完整工具栏包含：</h5>
+                        <ul>
+                          <li>文本格式：加粗、斜体、下划线、字体颜色、背景色</li>
+                          <li>段落格式：标题、引用、对齐方式、缩进</li>
+                          <li>列表：有序列表、无序列表、待办事项</li>
+                          <li>插入：链接、图片、表格、分割线、表情</li>
+                          <li>代码：代码块、行内代码</li>
+                          <li>操作：撤销、重做、全屏、清除格式</li>
+                        </ul>
+                      </ElCol>
+                      <ElCol :span="12">
+                        <h5>⚡ 简化工具栏包含：</h5>
+                        <ul>
+                          <li>基础格式：加粗、斜体、下划线</li>
+                          <li>列表：有序列表、无序列表</li>
+                          <li>插入：链接、图片</li>
+                          <li>操作：撤销、重做</li>
+                        </ul>
+                        <p class="note">适用于简单的文本编辑场景，界面更清爽。</p>
+                      </ElCol>
+                    </ElRow>
+                  </div>
+                </ElCollapseItem>
+              </ElCollapse>
+            </ElCard>
+          </div>
+        </ElTabPane>
+      </ElTabs>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Search } from "@element-plus/icons-vue";
+import { computed, ref } from "vue";
+import lockImg from "@imgs/lock/bg_dark.webp";
+import { MANUAL_MODULES_AFTER_SYSTEM, MANUAL_SYSTEM_TAIL_PAGES } from "./manualSections";
+import { manualModuleMatchesQuery, manualPageMatchesQuery } from "./manualTocSearch";
+
+defineOptions({ name: "DashboardTutorial" });
+
+const { t } = useI18n();
+
+const manualSystemTailPages = MANUAL_SYSTEM_TAIL_PAGES;
+const manualModulesAfterSystem = MANUAL_MODULES_AFTER_SYSTEM;
+
+// ============ 类型定义 ============
+type ManualPageLink = {
+  anchor: string;
+  title: string;
+};
+
+type ManualModule = {
+  anchor: string;
+  title: string;
+  pages: ManualPageLink[];
+};
+
+// ============ 配置常量 ============
+
+/** 手册目录结构 */
+const MANUAL_TOC: ManualModule[] = [
+  {
+    anchor: "mod-system",
+    title: "一、系统管理",
+    pages: [
+      { anchor: "page-user", title: "用户管理" },
+      { anchor: "page-role", title: "角色管理" },
+      { anchor: "page-menu", title: "菜单管理" },
+      { anchor: "page-dept", title: "部门管理" },
+      { anchor: "page-position", title: "岗位管理" },
+      { anchor: "page-dict", title: "字典管理" },
+      { anchor: "page-param", title: "参数配置" },
+      { anchor: "page-notice", title: "通知公告" },
+      { anchor: "page-tenant", title: "租户管理" },
+      { anchor: "page-log", title: "操作日志" },
+      { anchor: "page-login", title: "登录页" },
+    ],
+  },
+  {
+    anchor: "mod-monitor",
+    title: "二、监控管理",
+    pages: [
+      { anchor: "page-online", title: "在线用户" },
+      { anchor: "page-cache", title: "缓存管理" },
+      { anchor: "page-resource", title: "文件管理" },
+      { anchor: "page-server", title: "服务监控" },
+    ],
+  },
+  {
+    anchor: "mod-task",
+    title: "三、任务管理",
+    pages: [
+      { anchor: "page-cronjob", title: "调度器监控" },
+      { anchor: "page-cronnode", title: "节点管理" },
+      { anchor: "page-workflow", title: "流程编排" },
+      { anchor: "page-nodetype", title: "节点类型" },
+    ],
+  },
+  {
+    anchor: "mod-ai",
+    title: "四、AI 模块",
+    pages: [
+      { anchor: "page-ai-chat", title: "AI智能助手" },
+      { anchor: "page-ai-fachat", title: "会话聊天" },
+      { anchor: "page-ai-memory", title: "会话记忆" },
+    ],
+  },
+  {
+    anchor: "mod-generator",
+    title: "五、代码生成器",
+    pages: [{ anchor: "page-gencode", title: "代码生成" }],
+  },
+  {
+    anchor: "mod-app",
+    title: "六、应用管理",
+    pages: [{ anchor: "page-portal", title: "插件市场" }],
+  },
+  {
+    anchor: "mod-example",
+    title: "七、示例模块",
+    pages: [{ anchor: "page-demo", title: "示例管理" }],
+  },
+  {
+    anchor: "mod-dashboard",
+    title: "八、仪表盘",
+    pages: [
+      { anchor: "page-home", title: "首页" },
+      { anchor: "page-profile", title: "个人中心" },
+      { anchor: "page-changelog", title: "更新日志" },
+      { anchor: "page-db-workplace", title: "工作台" },
+      { anchor: "page-db-console", title: "控制台" },
+      { anchor: "page-db-analysis", title: "分析页" },
+      { anchor: "page-db-ecommerce", title: "电子商务" },
+      { anchor: "page-db-map", title: "地图" },
+      { anchor: "page-db-pricing", title: "定价" },
+      { anchor: "page-db-article", title: "文章管理" },
+      { anchor: "page-db-tutorial", title: "教程" },
+    ],
+  },
+  {
+    anchor: "mod-layout",
+    title: "九、布局与通用功能",
+    pages: [
+      { anchor: "layout-main", title: "主布局" },
+      { anchor: "layout-sidebar", title: "侧栏菜单" },
+      { anchor: "layout-header", title: "顶栏" },
+      { anchor: "layout-worktab", title: "标签页" },
+      { anchor: "layout-settings", title: "设置面板" },
+      { anchor: "layout-notification", title: "通知" },
+      { anchor: "layout-search", title: "全局搜索" },
+      { anchor: "layout-lock", title: "锁屏" },
+      { anchor: "layout-user", title: "用户菜单" },
+      { anchor: "layout-theme", title: "主题切换" },
+      { anchor: "layout-lang", title: "语言切换" },
+    ],
+  },
+  {
+    anchor: "mod-exception",
+    title: "十、异常页",
+    pages: [
+      { anchor: "page-401", title: "401" },
+      { anchor: "page-403", title: "403" },
+      { anchor: "page-404", title: "404" },
+      { anchor: "page-500", title: "500" },
+    ],
+  },
+  {
+    anchor: "mod-swagger",
+    title: "十一、接口文档（API）",
+    pages: [
+      { anchor: "page-swagger", title: "Swagger文档" },
+      { anchor: "page-redoc", title: "Redoc文档" },
+      { anchor: "page-ljdoc", title: "LangJin文档" },
+    ],
+  },
+];
+
+/** 视频资源配置 */
+const VIDEO_CONFIG = {
+  /** 默认视频地址（建议上线后改为自有 OSS / 静态资源） */
+  DEFAULT_URL:
+    "//lf3-static.bytednsdoc.com/obj/eden-cn/nupenuvpxnuvo/xgplayer_doc/xgplayer-demo.mp4",
+  /** 播放器 ID */
+  PLAYER_ID: "dashboard-tutorial-player",
+} as const;
+
+const { DEFAULT_URL, PLAYER_ID } = VIDEO_CONFIG;
+
+// ============ 状态管理 ============
+
+const activeTab = ref<"video" | "manual" | "widgets">("video");
+const videoUrl = ref(DEFAULT_URL);
+const posterUrl = ref(lockImg);
+const scrollbarRef = ref<{ $el?: HTMLElement } | null>(null);
+const tocFilter = ref("");
+
+// ============ 计算属性 ============
+
+/** 过滤后的目录（标题 + manualTocSearch 别名，兼容改版前后检索词） */
+const filteredToc = computed((): ManualModule[] => {
+  const q = tocFilter.value.trim();
+  if (!q) return MANUAL_TOC;
+
+  return MANUAL_TOC.filter((mod) => {
+    if (manualModuleMatchesQuery(mod.title, mod.anchor, q)) return true;
+    return mod.pages.some((p) => manualPageMatchesQuery(p.title, p.anchor, q));
+  }).map((mod) => {
+    if (manualModuleMatchesQuery(mod.title, mod.anchor, q)) return mod;
+    return {
+      ...mod,
+      pages: mod.pages.filter((p) => manualPageMatchesQuery(p.title, p.anchor, q)),
+    };
+  });
+});
+
+// ============ 方法 ============
+
+/** 获取滚动容器元素 */
+function getScrollWrap(): HTMLElement | null {
+  const root = scrollbarRef.value?.$el;
+  if (!root) return null;
+  return root.querySelector<HTMLElement>(".el-scrollbar__wrap");
+}
+
+/** 滚动到指定锚点 */
+function scrollToAnchor(anchorId: string) {
+  const el = document.getElementById(anchorId);
+  const wrap = getScrollWrap();
+  if (!el) return;
+
+  if (!wrap) {
+    el.scrollIntoView({ behavior: "smooth", block: "start" });
+    return;
+  }
+
+  const wrapRect = wrap.getBoundingClientRect();
+  const elRect = el.getBoundingClientRect();
+  const nextTop = elRect.top - wrapRect.top + wrap.scrollTop - 12;
+  wrap.scrollTo({ top: Math.max(0, nextTop), behavior: "smooth" });
+}
+
+/** 处理文档内锚点点击 */
+function handleAnchorClick(ev: MouseEvent) {
+  const a = (ev.target as HTMLElement | null)?.closest("a");
+  const href = a?.getAttribute("href");
+  if (!href?.startsWith("#")) return;
+  ev.preventDefault();
+  scrollToAnchor(href.slice(1));
+}
+
+const fullEditorRef = ref();
+const simpleEditorRef = ref();
+const fullActiveTab = ref("preview");
+const simpleActiveTab = ref("preview");
+const activeCollapse = ref(["basic"]);
+
+/**
+ * 简化工具栏配置
+ * 只包含基础的编辑功能
+ */
+const simpleToolbarKeys = [
+  "bold",
+  "italic",
+  "underline",
+  "|",
+  "bulletedList",
+  "numberedList",
+  "|",
+  "insertLink",
+  "insertImage",
+  "|",
+  "undo",
+  "redo",
+];
+
+// 完整编辑器内容
+const fullEditorHtml = ref(`<h1>🎨 完整工具栏编辑器示例</h1>
+<p>这个编辑器包含所有功能，您可以体验丰富的格式编辑功能。</p>
+
+<h2>✨ 文本样式</h2>
+<p><strong>这是加粗的文字</strong></p>
+<p><em>这是斜体文字</em></p>
+<p><u>这是下划线文字</u></p>
+<p><span style="color: rgb(194, 79, 74);">这是彩色文字</span></p>
+
+<h2>📝 列表和待办</h2>
+<ul>
+  <li>无序列表项 1</li>
+  <li>无序列表项 2</li>
+</ul>
+
+<ol>
+  <li>有序列表项 1</li>
+  <li>有序列表项 2</li>
+</ol>
+
+<ul class="w-e-todo">
+  <li class="w-e-todo-item"><input type="checkbox" checked="true" readonly="true" disabled="disabled"><span>已完成的任务</span></li>
+  <li class="w-e-todo-item"><input type="checkbox" readonly="true" disabled="disabled"><span>待完成的任务</span></li>
+</ul>
+
+<h2>💬 引用和表格</h2>
+<blockquote>
+  这是一段引用文字，展示引用格式的效果。
+</blockquote>
+
+<table style="border-collapse: collapse; width: 100%;" border="1">
+  <thead>
+    <tr><th>功能</th><th>描述</th></tr>
+  </thead>
+  <tbody>
+    <tr><td>完整工具栏</td><td>包含所有编辑功能</td></tr>
+    <tr><td>自定义配置</td><td>支持灵活的工具栏配置</td></tr>
+  </tbody>
+</table>
+
+<h2>💻 代码块</h2>
+<pre><code class="language-javascript">// 完整编辑器支持代码高亮
+function createEditor() {
+  return new WangEditor({
+    container: '#editor',
+    toolbar: 'full' // 完整工具栏
+  });
+}</code></pre>
+
+<p>🔗 <a href="https://www.wangeditor.com/" target="_blank">访问官网了解更多</a></p>`);
+
+// 简化编辑器内容
+const simpleEditorHtml = ref(`<h1>✨ 简化工具栏编辑器示例</h1>
+<p>这个编辑器只包含基础的编辑功能，界面更加简洁。</p>
+
+<h2>基础文本格式</h2>
+<p><strong>加粗文字</strong></p>
+<p><em>斜体文字</em></p>
+<p><u>下划线文字</u></p>
+
+<h2>列表功能</h2>
+<ul>
+  <li>无序列表项 1</li>
+  <li>无序列表项 2</li>
+</ul>
+
+<ol>
+  <li>有序列表项 1</li>
+  <li>有序列表项 2</li>
+</ol>
+
+<h2>链接和图片</h2>
+<p>支持插入 <a href="https://www.wangeditor.com/" target="_blank">链接</a> 和图片。</p>
+
+<p>简化版编辑器专注于基础功能，适合简单的内容编辑需求。</p>`);
+
+/**
+ * 清空完整编辑器内容
+ */
+const clearFullEditor = () => {
+  fullEditorRef.value?.clear();
+  ElMessage.success("完整编辑器已清空");
+};
+
+/**
+ * 获取完整编辑器内容
+ */
+const getFullEditorContent = () => {
+  const content = fullEditorRef.value?.getHtml();
+  console.log("完整编辑器内容:", content);
+  ElMessage.success("完整编辑器内容已输出到控制台");
+};
+
+/**
+ * 设置完整编辑器演示内容
+ */
+const setFullEditorDemo = () => {
+  const demoContent = `<h2>🎉 完整编辑器演示内容</h2>
+<p>这是通过方法设置的演示内容，展示完整编辑器的强大功能。</p>
+<ul>
+  <li>支持丰富的文本格式</li>
+  <li>包含表格、代码块等高级功能</li>
+  <li>提供完整的编辑体验</li>
+</ul>
+<table style="border-collapse: collapse; width: 100%;" border="1">
+  <tr><th>特性</th><th>状态</th></tr>
+  <tr><td>完整工具栏</td><td>✅ 已启用</td></tr>
+  <tr><td>高级功能</td><td>✅ 已启用</td></tr>
+</table>`;
+
+  fullEditorRef.value?.setHtml(demoContent);
+  ElMessage.success("已设置完整编辑器演示内容");
+};
+
+/**
+ * 清空简化编辑器内容
+ */
+const clearSimpleEditor = () => {
+  simpleEditorRef.value?.clear();
+  ElMessage.success("简化编辑器已清空");
+};
+
+/**
+ * 获取简化编辑器内容
+ */
+const getSimpleEditorContent = () => {
+  const content = simpleEditorRef.value?.getHtml();
+  console.log("简化编辑器内容:", content);
+  ElMessage.success("简化编辑器内容已输出到控制台");
+};
+
+/**
+ * 设置简化编辑器演示内容
+ */
+const setSimpleEditorDemo = () => {
+  const demoContent = `<h2>⚡ 简化编辑器演示内容</h2>
+<p>这是通过方法设置的演示内容，展示简化编辑器的核心功能。</p>
+<ul>
+  <li><strong>基础格式</strong>：加粗、斜体、下划线</li>
+  <li><em>列表支持</em>：有序和无序列表</li>
+  <li><u>媒体插入</u>：链接和图片</li>
+</ul>
+<ol>
+  <li>界面简洁清爽</li>
+  <li>功能专注实用</li>
+  <li>适合快速编辑</li>
+</ol>
+<p>🔗 <a href="https://example.com" target="_blank">这是一个链接示例</a></p>`;
+
+  simpleEditorRef.value?.setHtml(demoContent);
+  ElMessage.success("已设置简化编辑器演示内容");
+};
+</script>
+
+<style scoped lang="scss">
+.manual-page {
+  &__player {
+    width: 100%;
+  }
+
+  /* Tab 内容区占满宽度，避免内部双栏网格被压窄 */
+  &__tabs {
+    width: 100%;
+
+    :deep(.el-tab-pane) {
+      box-sizing: border-box;
+    }
+  }
+}
+
+.manual-feature-body {
+  &__toolbar {
+    margin-bottom: 12px;
+  }
+
+  &__filter {
+    max-width: 320px;
+  }
+
+  &__layout {
+    display: grid;
+    grid-template-columns: 220px minmax(0, 1fr);
+    gap: 16px;
+    align-items: start;
+    width: 100%;
+  }
+
+  /* 左侧栏固定宽度；勿设 min-width:0，否则在 Tabs/网格内易被压成细条 */
+  &__aside {
+    width: 220px;
+    min-width: 220px;
+    max-width: 220px;
+  }
+
+  &__scrollbar {
+    min-width: 0;
+  }
+}
+
+// 侧边导航样式
+.manual-nav {
+  box-sizing: border-box;
+  width: 100%;
+  max-height: min(78vh, 880px);
+  padding: 10px 12px;
+  overflow: auto;
+  background: var(--el-bg-color);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: var(--el-border-radius-base);
+
+  &--empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 120px;
+  }
+
+  &__module + &__module {
+    padding-top: 12px;
+    margin-top: 12px;
+    border-top: 1px solid var(--el-border-color-lighter);
+  }
+
+  &__mod-title {
+    display: block;
+    width: 100%;
+    padding: 4px 0;
+    margin: 0;
+    font-size: 13px;
+    font-weight: 600;
+    line-height: 1.4;
+    color: var(--el-color-primary);
+    text-align: left;
+    cursor: pointer;
+    background: transparent;
+    border: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  &__pages {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    padding-left: 4px;
+    margin-top: 6px;
+  }
+
+  &__page {
+    display: block;
+    width: 100%;
+    padding: 3px 6px;
+    margin: 0;
+    font-size: 12px;
+    line-height: 1.35;
+    color: var(--el-text-color-regular);
+    text-align: left;
+    cursor: pointer;
+    background: transparent;
+    border: none;
+    border-radius: 4px;
+
+    &:hover {
+      color: var(--el-color-primary);
+      background: var(--el-fill-color-light);
+    }
+  }
+}
+
+/* 手册正文（避免使用全局类名 container；补齐排版与表格样式） */
+.manual-html {
+  padding: 16px 18px 28px;
+  font-size: 14px;
+  line-height: 1.65;
+  color: var(--el-text-color-primary);
+
+  &__inner {
+    max-width: 100%;
+  }
+
+  h1 {
+    margin: 0 0 1rem;
+    font-size: 1.375rem;
+    font-weight: 600;
+
+    small {
+      display: block;
+      margin-top: 0.4rem;
+      font-size: 0.8125rem;
+      font-weight: normal;
+      line-height: 1.5;
+      color: var(--el-text-color-secondary);
+    }
+  }
+
+  .toc ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+
+  .toc li {
+    margin-bottom: 0.85rem;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .toc-l2 {
+    margin-top: 0.4rem;
+    line-height: 1.85;
+    overflow-wrap: break-word;
+  }
+
+  .module {
+    padding-top: 1.5rem;
+    margin-top: 2rem;
+    border-top: 1px solid var(--el-border-color-lighter);
+  }
+
+  /* 紧跟目录卡片后的首个业务模块（前面还有 h1 + ElCard，不能用 :first-of-type） */
+  .toc + .module {
+    padding-top: 0;
+    margin-top: 1.25rem;
+    border-top: none;
+  }
+
+  .module h2 {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    align-items: center;
+    margin: 0 0 1rem;
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+
+  .page {
+    padding-bottom: 1.25rem;
+    margin-bottom: 1.5rem;
+    border-bottom: 1px dashed var(--el-border-color-light);
+
+    &:last-child {
+      padding-bottom: 0;
+      margin-bottom: 0;
+      border-bottom: none;
+    }
+  }
+
+  .page h3 {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    align-items: baseline;
+    margin: 0 0 0.75rem;
+    font-size: 1.0625rem;
+    font-weight: 600;
+
+    .path {
+      font-weight: normal;
+    }
+  }
+
+  .section {
+    margin-bottom: 0.65rem;
+  }
+
+  .feature-list {
+    padding-left: 1.2rem;
+    margin: 0.35rem 0 0;
+
+    li {
+      margin-bottom: 0.4rem;
+    }
+  }
+
+  .manual-doc-table {
+    th,
+    td {
+      padding: 6px 10px;
+      border: 1px solid var(--el-border-color-lighter);
+    }
+
+    th {
+      font-weight: 500;
+      text-align: left;
+      background: var(--el-fill-color-light);
+    }
+  }
+
+  /* 文档内按钮仅为示意，避免误点触发业务样式反馈 */
+  .manual-doc-btn {
+    pointer-events: none;
+  }
+
+  .tag {
+    display: inline-block;
+    padding: 2px 8px;
+    font-size: 12px;
+    line-height: 1.4;
+    border-radius: 4px;
+
+    &.tag-success {
+      color: var(--el-color-success);
+      background: var(--el-color-success-light-9);
+    }
+
+    &.tag-danger {
+      color: var(--el-color-danger);
+      background: var(--el-color-danger-light-9);
+    }
+
+    &.tag-warning {
+      color: var(--el-color-warning);
+      background: var(--el-color-warning-light-9);
+    }
+
+    &.tag-info {
+      color: var(--el-color-info);
+      background: var(--el-color-info-light-9);
+    }
+  }
+
+  .manual-footer-note {
+    clear: both;
+  }
+}
+
+// 响应式适配
+@media (width <= 960px) {
+  .manual-feature-body__layout {
+    grid-template-columns: 1fr;
+  }
+
+  .manual-feature-body__aside {
+    width: 100%;
+    min-width: 0;
+    max-width: none;
+  }
+
+  .manual-nav {
+    max-height: 40vh;
+  }
+
+  .manual-html {
+    padding: 12px 12px 24px;
+  }
+}
+
+.page-content {
+  padding: 20px;
+}
+
+.editor-card {
+  margin-bottom: 24px;
+}
+
+.card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.header-buttons {
+  display: flex;
+  gap: 8px;
+}
+
+.preview-card {
+  margin-bottom: 24px;
+}
+
+.preview-card h3 {
+  margin: 0 0 16px;
+  font-size: 16px;
+  color: var(--el-text-color-primary);
+}
+
+.content-preview {
+  min-height: 200px;
+  max-height: 300px;
+  padding: 16px;
+  overflow-y: auto;
+  background-color: var(--el-bg-color);
+  border: 1px solid var(--el-border-color);
+  border-radius: 6px;
+}
+
+.content-preview :deep(h1),
+.content-preview :deep(h2),
+.content-preview :deep(h3) {
+  margin: 16px 0 8px;
+}
+
+.content-preview :deep(p) {
+  margin: 8px 0;
+  line-height: 1.6;
+}
+
+.content-preview :deep(table) {
+  margin: 16px 0;
+}
+
+.content-preview :deep(table th),
+.content-preview :deep(table td) {
+  padding: 8px 12px;
+}
+
+.content-preview :deep(pre) {
+  padding: 12px;
+  margin: 16px 0;
+  overflow-x: auto;
+  background-color: var(--el-fill-color-light);
+  border-radius: 4px;
+}
+
+.content-preview :deep(blockquote) {
+  padding-left: 16px;
+  margin: 16px 0;
+  color: var(--el-text-color-regular);
+  border-left: 4px solid var(--el-color-primary);
+}
+
+.usage-card :deep(.el-collapse-item__content) {
+  padding-bottom: 16px;
+}
+
+.usage-card pre {
+  padding: 16px;
+  margin: 0;
+  overflow-x: auto;
+  background-color: var(--el-fill-color-light);
+  border-radius: 6px;
+}
+
+.usage-card pre code {
+  font-family: Consolas, Monaco, "Courier New", monospace;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.toolbar-explanation h4 {
+  margin: 0 0 16px;
+  color: var(--el-text-color-primary);
+}
+
+.toolbar-explanation h5 {
+  margin: 0 0 8px;
+  font-size: 14px;
+  color: var(--el-text-color-regular);
+}
+
+.toolbar-explanation ul {
+  padding-left: 20px;
+  margin: 8px 0 16px;
+}
+
+.toolbar-explanation ul li {
+  margin: 4px 0;
+  font-size: 13px;
+  color: var(--el-text-color-regular);
+}
+
+.toolbar-explanation .note {
+  margin: 8px 0 0;
+  font-size: 12px;
+  font-style: italic;
+  color: var(--el-text-color-placeholder);
+}
+
+@media (width <= 768px) {
+  .page-content {
+    padding: 12px;
+  }
+
+  .card-header {
+    flex-direction: column;
+    gap: 12px;
+    align-items: stretch !important;
+  }
+
+  .header-buttons {
+    justify-content: center;
+  }
+
+  .preview-card :deep(.el-col) {
+    margin-bottom: 16px;
+  }
+}
+</style>
diff --git a/src/views/fastlink/tutorial/manualSections.ts b/src/views/fastlink/tutorial/manualSections.ts
new file mode 100644
index 0000000..cb851ca
--- /dev/null
+++ b/src/views/fastlink/tutorial/manualSections.ts
@@ -0,0 +1,565 @@
+/**
+ * 功能验收手册：除「用户 / 角色」在 `index.vue` 中详述外，其余页用「完整性验收」结构展示。
+ *
+ * **何为完整性**：`notes` 与当前页**已实现**的界面与操作项对应，用于验收时逐条核对**是否漏项**（不评价交互好坏）。
+ * **与后端菜单对齐**：标题与 `platform_menu` 初始化数据中菜单页 `component_path` 一致；壳层/静态页见各条说明。
+ * **`path` 字段**：默认可视为 `src/views/` 下相对路径；`../layouts` 与 `locales` 等见各条。
+ */
+export type CompactManualPage = {
+  anchor: string;
+  title: string;
+  path: string;
+  notes: string[];
+};
+
+export type ManualModuleSection = {
+  anchor: string;
+  heading: string;
+  pkgTag?: string;
+  pages: CompactManualPage[];
+};
+
+/** 系统管理模块内、接在「角色管理」后的页面 */
+export const MANUAL_SYSTEM_TAIL_PAGES: CompactManualPage[] = [
+  {
+    anchor: "page-menu",
+    title: "菜单管理",
+    path: "module_platform/menu/index.vue",
+    notes: [
+      "检索：FaSearchBar（菜单名称等）。",
+      "分区：Tab「PC 桌面菜单管理 / APP 移动端菜单管理」两套树数据。",
+      "主区：树形表格（勾选、行点击）；展开/收起工具按钮。",
+      "工具栏：新增、批量删除、批量更多(patch)、刷新、列配置、显示搜索栏。",
+      "弹层：详情 Descriptions；新增/编辑 Drawer（目录 / 菜单 / 按钮 / 外链等类型与路由、图标、权限标识）。",
+      "权限：`module_platform:menu:create|delete|patch` + 行级 detail/update/delete。",
+    ],
+  },
+  {
+    anchor: "page-dept",
+    title: "部门管理",
+    path: "module_system/dept/index.vue",
+    notes: [
+      "检索：FaSearchBar。",
+      "主区：树形表格（勾选）；展开/收起。",
+      "工具栏：新增、批量删除、批量更多(patch)、刷新、列配置、搜索栏切换。",
+      "弹层：详情；新增/编辑 Dialog（名称、编码、上级、状态等）。",
+      "权限：`module_system:dept:create|delete|patch` + 行 detail/update/delete。",
+    ],
+  },
+  {
+    anchor: "page-position",
+    title: "岗位管理",
+    path: "module_system/position/index.vue",
+    notes: [
+      "检索：FaSearchBar（含创建人 FaUserTableSelect 槽）。",
+      "主区：分页表格。",
+      "工具栏：新增、导出、批量删除、批量更多(patch)、刷新、列配置。",
+      "弹层：详情；新增/编辑 Dialog；导出 FaExportDialog。",
+      "权限：`module_system:position:create|export|delete|patch` + 行 detail/update/delete。",
+    ],
+  },
+  {
+    anchor: "page-dict",
+    title: "字典管理",
+    path: "module_system/dict/index.vue",
+    notes: [
+      "检索：字典类型 FaSearchBar + 分页表。",
+      "工具栏：新增类型、导出类型、批量删除、批量更多(patch)、刷新、列配置。",
+      "类型弹层：详情 / 新增编辑 Dialog。",
+      "子层：`DataDrawer` 维护某字典类型下的字典数据项（二级）。",
+      "权限：`module_system:dict_type:*` 与字典数据接口权限（见行内按钮）。",
+    ],
+  },
+  {
+    anchor: "page-param",
+    title: "参数配置",
+    path: "module_system/param/index.vue",
+    notes: [
+      "检索：FaSearchBar + 分页表。",
+      "工具栏：新增、导出、批量删除、刷新、列配置（无 patch 批量入口）。",
+      "弹层：详情；新增/编辑 Dialog；内置参数标识与表单校验。",
+      "权限：`module_system:param:create|export|delete` + 行级权限。",
+    ],
+  },
+  {
+    anchor: "page-notice",
+    title: "通知公告",
+    path: "module_system/notice/index.vue",
+    notes: [
+      "检索：FaSearchBar（含创建人 FaUserTableSelect）。",
+      "工具栏：新增、导出、批量删除、批量更多(patch)、刷新、列配置。",
+      "弹层：详情；新增/编辑 Dialog；正文为富文本 `FaWangEditor`；HTML 预览。",
+      "权限：`module_system:notice:create|export|delete|patch` + 行级操作。",
+    ],
+  },
+  {
+    anchor: "page-tenant",
+    title: "租户管理",
+    path: "module_system/tenant/index.vue",
+    notes: [
+      "检索：FaSearchBar + 分页表。",
+      "工具栏：新增、批量删除、刷新、列配置（无导出/更多 patch 于顶栏）。",
+      "弹层：详情；新增/编辑 Dialog（名称、编码、起止时间、状态、描述等）。",
+      "权限：`module_system:tenant:create|delete` + 行级 update/detail/delete。",
+    ],
+  },
+  {
+    anchor: "page-log",
+    title: "操作日志",
+    path: "module_system/log/index.vue",
+    notes: [
+      "检索：FaSearchBar（含创建人 FaUserTableSelect）；登录/操作日志类型在列或详情中区分。",
+      "工具栏：导出、批量删除、刷新、列配置（无新增）。",
+      "弹层：详情 Dialog（请求路径/方法、IP、状态码、耗时、入参出参等大字段）。",
+      "权限：`module_system:log:export|delete` + 行级查看/删除。",
+    ],
+  },
+  {
+    anchor: "page-login",
+    title: "登录页",
+    path: "module_system/auth/login/index.vue",
+    notes: [
+      "面板切换：登录 / 注册 / 忘记密码（`setAuthPanel`）。",
+      "登录：账号表单；验证码；记住我；登录成功后 `redirect` 解析跳转。",
+      "静态路由：`/login`；与路由守卫白名单一致。",
+      "其他：注册与忘记密码提交接口；左侧背景与主题组件（视模板）。",
+    ],
+  },
+];
+
+export const MANUAL_MODULES_AFTER_SYSTEM: ManualModuleSection[] = [
+  {
+    anchor: "mod-monitor",
+    heading: "二、监控管理",
+    pkgTag: "module_monitor",
+    pages: [
+      {
+        anchor: "page-online",
+        title: "在线用户",
+        path: "module_monitor/online/index.vue",
+        notes: [
+          "检索：FaSearchBar（IP、用户名、登录地点等）。",
+          "工具栏：「强退所有」（权限 `module_monitor:online:delete`）；刷新、列配置、搜索栏。",
+          "行操作：单条会话「强退」。",
+          "主区：分页表格（session_id 等列）；无批量勾选删除入口（仅有单条强退）。",
+        ],
+      },
+      {
+        anchor: "page-cache",
+        title: "缓存管理",
+        path: "module_monitor/cache/index.vue",
+        notes: [
+          "Tab「监控信息」：Redis 监控指标 Descriptions（版本、内存、CPU、Key 数量等）。",
+          "Tab「缓存管理」：缓存列表/键值查看与按规则清理（与后端接口一致）。",
+          "完整性：两 Tab 均需点开核对是否加载成功、清理是否有二次确认。",
+        ],
+      },
+      {
+        anchor: "page-resource",
+        title: "文件管理",
+        path: "module_monitor/resource/index.vue",
+        notes: [
+          "检索：FaSearchBar；路径面包屑导航进入子目录。",
+          "工具栏：上传、新建文件夹、下载、删除等（`module_monitor:resource:*` 按钮权限）；刷新、列配置。",
+          "主区：文件表格；与后端资源浏览一致（菜单名「文件管理」，component `resource`）。",
+        ],
+      },
+      {
+        anchor: "page-server",
+        title: "服务监控",
+        path: "module_monitor/server/index.vue",
+        notes: [
+          "布局：多卡片 Dashboard（CPU、内存、磁盘、JVM/服务器信息等，依接口返回）。",
+          "完整性：各卡片指标是否有数值；加载失败时占位或提示。",
+        ],
+      },
+    ],
+  },
+  {
+    anchor: "mod-task",
+    heading: "三、任务管理",
+    pkgTag: "module_task",
+    pages: [
+      {
+        anchor: "page-cronjob",
+        title: "调度器监控",
+        path: "module_task/cronjob/job/index.vue",
+        notes: [
+          "顶部状态区：调度器运行状态、任务数量；按钮：启动/暂停/恢复/关闭/清空任务/控制台/同步/刷新（各 `module_task:cronjob:job:*`）。",
+          "主区：任务卡片列表 — `getSchedulerJobs` 全量返回，名称与任务状态为前端筛选；单卡触发类型（Cron/间隔等）与暂停、恢复、调试、移除等行操作。",
+          "抽屉：当前任务的执行日志 — `useTable` + `getJobLogList` 分页，日志检索栏，批量删日志等（见页面）。",
+        ],
+      },
+      {
+        anchor: "page-cronnode",
+        title: "节点管理",
+        path: "module_task/cronjob/node/index.vue",
+        notes: [
+          "检索：FaSearchBar + 分页表。",
+          "工具栏：新增、批量删除、刷新、列配置。",
+          "弹层：FaDialog + 分栏（表单 + 扩展配置区）；编辑节点连接与执行参数。",
+          "权限：`module_task:cronjob:node:create|delete` + 行级 update/detail/delete。",
+        ],
+      },
+      {
+        anchor: "page-workflow",
+        title: "流程编排",
+        path: "module_task/workflow/definition/index.vue",
+        notes: [
+          "检索：FaSearchBar（可展开）。",
+          "工具栏：新增、批量删除、刷新、列配置。",
+          "行操作：草稿「发布」；已发布「执行」下拉；「编辑」打开 `WorkflowDesignDrawer` 画布；删除。",
+          "权限：`module_task:workflow:definition:create|delete|update|execute` 等（见行内 v-hasPerm）。",
+        ],
+      },
+      {
+        anchor: "page-nodetype",
+        title: "节点类型",
+        path: "module_task/workflow/node-type/index.vue",
+        notes: [
+          "检索：FaSearchBar（可展开）。",
+          "工具栏：新增、批量删除、刷新、列配置。",
+          "行操作：编辑（打开表单/脚本配置）、删除等（见 `node-type-operation` 槽）。",
+          "权限：`module_task:workflow:node-type:create|delete|update` + 行级操作。",
+        ],
+      },
+    ],
+  },
+  {
+    anchor: "mod-ai",
+    heading: "四、AI 模块",
+    pkgTag: "module_ai",
+    pages: [
+      {
+        anchor: "page-ai-chat",
+        title: "AI智能助手",
+        path: "module_ai/chat/index.vue",
+        notes: [
+          "布局：左侧 `Sidebar`（会话列表、新建会话）；右侧 `ChatNavbar` + `ChatMessages` + `ChatInput`。",
+          "连接：`toggleConnection`、连接状态展示；清空对话、侧栏折叠。",
+          "完整性：发消息、收消息列表滚动、错误条展示与关闭；流式与否依赖后端/WebSocket 对接。",
+        ],
+      },
+      {
+        anchor: "page-ai-fachat",
+        title: "会话聊天",
+        path: "module_ai/fachat/index.vue",
+        notes: [
+          "布局：左侧联系人列表（搜索、排序下拉、在线点）；右侧头部「Art Bot」状态与语音/视频等图标按钮；中部消息气泡列表；底部输入框与发送。",
+          "完整性：选人切换会话、发送消息、滚动消息区；当前多为演示数据与本地发送逻辑。",
+        ],
+      },
+      {
+        anchor: "page-ai-memory",
+        title: "会话记忆",
+        path: "module_ai/memory/index.vue",
+        notes: [
+          "检索：FaSearchBar + 分页表。",
+          "工具栏：新增、批量删除、刷新、列配置；权限锚点 `module_ai:chat:create|delete`（与后端标识一致）。",
+          "弹层：详情与表单 Drawer（会话记忆字段）；完整性：CRUD 与分页均需验证。",
+        ],
+      },
+    ],
+  },
+  {
+    anchor: "mod-generator",
+    heading: "五、代码生成器",
+    pkgTag: "module_generator",
+    pages: [
+      {
+        anchor: "page-gencode",
+        title: "代码生成",
+        path: "module_generator/gencode/index.vue",
+        notes: [
+          "检索：FaSearchBar + 库表分页列表；勾选表格行。",
+          "工具栏：创建表、导入库表、批量删除、批量生成（`module_generator:gencode:*`）。",
+          "弹层：`CreateTableDialog`、导入 DB、`GenCodeDrawer` 多步（导入字段、生成配置、预览代码）。",
+          "完整性：预览、下载 zip、生成到磁盘等按钮是否随权限显示且可点。",
+        ],
+      },
+    ],
+  },
+  {
+    anchor: "mod-app",
+    heading: "六、应用管理",
+    pkgTag: "module_application",
+    pages: [
+      {
+        anchor: "page-portal",
+        title: "插件市场",
+        path: "module_application/portal/index.vue",
+        notes: [
+          "检索：FaSearchBar（含创建人、更新人 FaUserTableSelect）。",
+          "工具栏：标题「应用市场」+「创建应用」（`module_application:portal:create`）；刷新、搜索栏。",
+          "主区：卡片网格（图标、名称、状态、描述）；卡片脚编辑/删除（update/delete）；底部分页器。",
+          "完整性：空列表 ElEmpty；卡片点击进入内部打开逻辑（见 `openAppInternal`）。",
+        ],
+      },
+    ],
+  },
+  {
+    anchor: "mod-example",
+    heading: "七、示例模块",
+    pkgTag: "module_example",
+    pages: [
+      {
+        anchor: "page-demo",
+        title: "示例管理",
+        path: "module_example/demo/index.vue",
+        notes: [
+          "标准列表 CRUD 示例页：检索、分页表、工具栏、行操作、弹窗表单（与本项目其它模块同一套 Art 组件）。",
+          "完整性：按页面可见按钮与表单字段逐项点验即可。",
+        ],
+      },
+    ],
+  },
+  {
+    anchor: "mod-dashboard",
+    heading: "八、仪表盘",
+    pkgTag: "dashboard",
+    pages: [
+      {
+        anchor: "page-home",
+        title: "首页",
+        path: "dashboard/index.vue",
+        notes: [
+          "路由 `/home`：样式类 `workplace-page` — 问候与用户信息卡片、模块入口网格（按权限灰显）、其它工作台分区（与文件内组件一致）。",
+          "完整性：模块卡片点击跳转、无权限入口禁用或提示；接口失败时有容错。",
+        ],
+      },
+      {
+        anchor: "page-profile",
+        title: "个人中心",
+        path: "current/profile.vue",
+        notes: [
+          "路由 `/profile`；左侧头像上传（ElUpload）、资料展示；右侧「基本设置」表单与「更改密码」三块。",
+          "完整性：保存基本信息、修改密码、头像上传回调与校验均已接线。",
+        ],
+      },
+      {
+        anchor: "page-changelog",
+        title: "更新日志",
+        path: "changelog/index.vue",
+        notes: [
+          "静态路由 `/changelog`；列表遍历 mock `upgradeLogList`（版本、日期、明细、备注、需重登标签）。",
+          "另有 `module_system/changelog` 视图未挂路由；完整性以本页为准。",
+        ],
+      },
+      {
+        anchor: "page-db-workplace",
+        title: "工作台",
+        path: "dashboard/workplace/index.vue",
+        notes: [
+          "仪表盘子路由 `dashboard/workplace`：独立 `dashboard-container` 布局（含 Github 角标、问候区、天气文案、统计卡片与图表等，以页面为准）。",
+          "与 `/home` 所用 `dashboard/index.vue` 不是同一文件；完整性需单独打开该路由逐项看区块是否渲染。",
+        ],
+      },
+      {
+        anchor: "page-db-console",
+        title: "控制台",
+        path: "dashboard/console/index.vue",
+        notes: [
+          "控制台仪表盘分区（卡片/图表）；meta.fixedTab 等影响标签钉扎行为。",
+          "完整性：各区块渲染与路由切换无报错。",
+        ],
+      },
+      {
+        anchor: "page-db-analysis",
+        title: "分析页",
+        path: "dashboard/analysis/index.vue",
+        notes: ["图表与卡片布局演示页；完整性：各图表组件 mount 成功、无控制台报错。"],
+      },
+      {
+        anchor: "page-db-ecommerce",
+        title: "电子商务",
+        path: "dashboard/ecommerce/index.vue",
+        notes: ["电商风格区块演示；完整性：列表/卡片区块均可滚动与展示。"],
+      },
+      {
+        anchor: "page-db-map",
+        title: "地图",
+        path: "dashboard/map/index.vue",
+        notes: ["地图 SDK 示例；完整性：地图实例初始化、标记与交互事件可用。"],
+      },
+      {
+        anchor: "page-db-pricing",
+        title: "定价",
+        path: "dashboard/pricing/index.vue",
+        notes: ["定价页模板；完整性：价格表、按钮或跳转链接展示齐全。"],
+      },
+      {
+        anchor: "page-db-article",
+        title: "文章管理",
+        path: "dashboard/article/list/index.vue",
+        notes: [
+          "文章列表（当前多为 mock `ArticleList`）；路由 path `dashboard/article/article-list`。",
+          "meta.authList：新增/编辑类权限标记；完整性：列表、分页、抽屉或编辑入口覆盖文章 CRUD 流程。",
+        ],
+      },
+      {
+        anchor: "page-db-tutorial",
+        title: "教程",
+        path: "dashboard/tutorial/index.vue",
+        notes: [
+          "视频 Tab + 功能验收 Tab；正文含用户/角色详述与其余模块完整性清单。",
+          "完整性：目录筛选、锚点滚动、手册内链跳转可用。",
+        ],
+      },
+    ],
+  },
+  {
+    anchor: "mod-layout",
+    heading: "九、布局与通用功能",
+    pkgTag: "layouts",
+    pages: [
+      {
+        anchor: "layout-main",
+        title: "主布局",
+        path: "../layouts/index.vue",
+        notes: [
+          "RootLayout：嵌套 RouterView；组合侧栏、顶栏、工作区、设置抽屉等子布局组件。",
+          "完整性：登录后进主壳、子路由 outlet 渲染、响应式收缩侧栏。",
+        ],
+      },
+      {
+        anchor: "layout-sidebar",
+        title: "侧栏菜单",
+        path: "../layouts/art-menus/**",
+        notes: ["菜单折叠、搜索、递归子菜单；与路由 meta.icon/title 绑定。"],
+      },
+      {
+        anchor: "layout-header",
+        title: "顶栏",
+        path: "../layouts/art-header-bar/**",
+        notes: ["面包屑、快速入口、全屏、通知铃铛区域。"],
+      },
+      {
+        anchor: "layout-worktab",
+        title: "标签页",
+        path: "../layouts/art-work-tab/**",
+        notes: ["多标签打开、固定钉住、关闭其他；与 keep-alive 协同。"],
+      },
+      {
+        anchor: "layout-settings",
+        title: "设置面板",
+        path: "../layouts/art-settings-panel/**",
+        notes: ["主题、色弱、标签栏、菜单布局等本地偏好持久化。"],
+      },
+      {
+        anchor: "layout-notification",
+        title: "通知",
+        path: "../layouts/art-notification/**",
+        notes: ["通知下拉列表；已读状态；路由跳转。"],
+      },
+      {
+        anchor: "layout-search",
+        title: "全局搜索",
+        path: "../layouts/art-global-search/**",
+        notes: ["Ctrl/⌘+K 打开全局搜索（`art-global-search` 监听 keydown）。"],
+      },
+      {
+        anchor: "layout-lock",
+        title: "锁屏",
+        path: "../layouts/art-screen-lock/index.vue",
+        notes: [
+          "锁屏全屏页；背景随明暗主题切换（`@imgs/lock` → `src/assets/images/lock`）；顶栏用户菜单进入。",
+        ],
+      },
+      {
+        anchor: "layout-user",
+        title: "用户菜单",
+        path: "../layouts/art-header-bar/**",
+        notes: ["头像下拉：文档、教程、锁屏、退出等。"],
+      },
+      {
+        anchor: "layout-theme",
+        title: "主题切换",
+        path: "../layouts/art-settings-panel/**",
+        notes: ["明暗色、主题色；CSS 变量与 Element Plus 深色。"],
+      },
+      {
+        anchor: "layout-lang",
+        title: "语言切换",
+        path: "../locales/langs/**",
+        notes: ["`src/locales/langs/*.json` 与 i18n 实例；顶栏/设置内切换语言并持久化到本地存储。"],
+      },
+    ],
+  },
+  {
+    anchor: "mod-exception",
+    heading: "十、异常页",
+    pkgTag: "exception",
+    pages: [
+      {
+        anchor: "page-401",
+        title: "401",
+        path: "exception/401/index.vue",
+        notes: [
+          "静态路由 `/401`；页面含返回/登录入口（见模板）。",
+          "完整性：守卫或 axios 拦截跳转至此页时按钮可用。",
+        ],
+      },
+      {
+        anchor: "page-403",
+        title: "403",
+        path: "exception/403/index.vue",
+        notes: [
+          "静态路由 `/403`；无权限提示与返回首页等操作。",
+          "完整性：从路由 meta 或业务手动跳转后页面可退出。",
+        ],
+      },
+      {
+        anchor: "page-404",
+        title: "404",
+        path: "exception/404/index.vue",
+        notes: [
+          "独立 `/404` 与 CatchAll `CatchAll404` 共用组件文件（路由 name 不同）。",
+          "完整性：非法路径落入 CatchAll、手动跳转 `/404` 均能展示。",
+        ],
+      },
+      {
+        anchor: "page-500",
+        title: "500",
+        path: "exception/500/index.vue",
+        notes: [
+          "静态路由 `/500`；服务端错误提示页。",
+          "完整性：错误文案、返回或重试按钮（若有）可点击。",
+        ],
+      },
+    ],
+  },
+  {
+    anchor: "mod-swagger",
+    heading: "十一、接口文档（API）",
+    pkgTag: "module_swagger",
+    pages: [
+      {
+        anchor: "page-swagger",
+        title: "Swagger文档",
+        path: "module_swagger/docs/index.vue",
+        notes: [
+          "父级菜单「接口管理」；默认 iframe `VITE_APP_BASE_API + /docs`，可由 `IframeRouteManager` 覆盖 link。",
+          "完整性：iframe 加载、loading 消失；需后端文档地址可达。",
+        ],
+      },
+      {
+        anchor: "page-redoc",
+        title: "Redoc文档",
+        path: "module_swagger/redoc/index.vue",
+        notes: [
+          "Redoc 文档 iframe 页；链接来自 env 或 iframe 路由 meta（与同模块 docs 一致范式）。",
+          "完整性：页面全高 iframe、加载完成。",
+        ],
+      },
+      {
+        anchor: "page-ljdoc",
+        title: "LangJin文档",
+        path: "module_swagger/ljdoc/index.vue",
+        notes: [
+          "LangJin 文档 iframe；platform_menu 中节点类型可为 4（菜单页）。",
+          "完整性：同上，依赖后端或 meta 配置的文档 URL。",
+        ],
+      },
+    ],
+  },
+];
diff --git a/src/views/fastlink/tutorial/manualTocSearch.ts b/src/views/fastlink/tutorial/manualTocSearch.ts
new file mode 100644
index 0000000..ed88ca7
--- /dev/null
+++ b/src/views/fastlink/tutorial/manualTocSearch.ts
@@ -0,0 +1,62 @@
+/**
+ * 功能验收手册 — 侧栏「筛选目录」扩展词
+ * 含与 platform_menu 对齐前的俗称、简称，避免改名后搜不到。
+ */
+
+/** 模块级补充检索词 */
+export const MANUAL_MODULE_SEARCH_ALIASES: Readonly<Record<string, readonly string[]>> = {
+  "mod-system": ["平台管理", "系统管理", "用户", "权限"],
+  "mod-monitor": ["监控"],
+  "mod-task": ["任务", "调度", "工作流", "cron"],
+  "mod-ai": ["AI", "智能", "会话", "记忆"],
+  "mod-generator": ["代码生成", "生成器"],
+  "mod-app": ["应用", "门户", "插件"],
+  "mod-example": ["示例", "案例", "demo"],
+  "mod-dashboard": ["仪表盘", "首页", "工作台", "教程"],
+  "mod-layout": ["布局", "顶栏", "侧栏", "主题", "锁屏"],
+  "mod-exception": ["错误页", "404", "403"],
+  "mod-swagger": ["接口", "API", "文档", "swagger", "redoc"],
+};
+
+/** 页面级补充检索词（anchor 与 MANUAL_TOC 一致） */
+export const MANUAL_PAGE_SEARCH_ALIASES: Readonly<Record<string, readonly string[]>> = {
+  "page-resource": ["资源监控", "文件", "上传"],
+  "page-cronjob": ["定时任务", "调度器", "job", "cron"],
+  "page-cronnode": ["任务节点", "节点"],
+  "page-workflow": ["工作流", "流程", "编排"],
+  "page-nodetype": ["节点类型", "编排"],
+  "page-ai-chat": ["AI 聊天", "聊天", "chat"],
+  "page-ai-fachat": ["FA 聊天", "fachat"],
+  "page-ai-memory": ["记忆管理", "memory"],
+  "page-portal": ["应用门户", "portal"],
+  "page-demo": ["示例", "demo"],
+  "page-swagger": ["Swagger", "swagger"],
+  "page-redoc": ["Redoc", "redoc"],
+  "page-ljdoc": ["LJDoc", "ljdoc", "LangJin"],
+  "page-db-article": ["文章", "article"],
+  "page-db-tutorial": ["操作手册", "手册", "教程"],
+  "page-login": ["登录", "auth"],
+  "page-changelog": ["日志", "版本", "release"],
+  "page-home": ["home", "入口"],
+  "page-profile": ["个人中心", "profile", "账号"],
+};
+
+function includesLoose(text: string, q: string): boolean {
+  return text.toLowerCase().includes(q.toLowerCase());
+}
+
+/** 模块是否在筛选下保留（标题、别名或任一子页命中） */
+export function manualModuleMatchesQuery(modTitle: string, modAnchor: string, q: string): boolean {
+  if (includesLoose(modTitle, q)) return true;
+  const ma = MANUAL_MODULE_SEARCH_ALIASES[modAnchor];
+  if (ma?.some((a) => includesLoose(a, q))) return true;
+  return false;
+}
+
+/** 子页是否在筛选下保留 */
+export function manualPageMatchesQuery(pageTitle: string, pageAnchor: string, q: string): boolean {
+  if (includesLoose(pageTitle, q)) return true;
+  const pa = MANUAL_PAGE_SEARCH_ALIASES[pageAnchor];
+  if (pa?.some((a) => includesLoose(a, q))) return true;
+  return false;
+}
diff --git a/src/views/module_ai/chat/components/FaAiModelConfigPanel.vue b/src/views/module_ai/chat/components/FaAiModelConfigPanel.vue
new file mode 100644
index 0000000..0bb8834
--- /dev/null
+++ b/src/views/module_ai/chat/components/FaAiModelConfigPanel.vue
@@ -0,0 +1,828 @@
+<template>
+  <div class="ai-model-config">
+    <div v-if="loading" class="loading-tip">
+      <ElIcon class="is-loading"><Loading /></ElIcon>
+      <span>加载中...</span>
+    </div>
+    <template v-else>
+      <!-- 顶部状态栏 -->
+      <div class="status-bar">
+        <div class="status-info">
+          <span class="status-title">当前使用</span>
+          <ElTag :type="activeId ? 'primary' : 'info'" effect="dark" size="small">
+            <ElIcon class="tag-icon"><CircleCheck v-if="activeId" /><Cpu v-else /></ElIcon>
+            <span>{{ activeModelName }}</span>
+          </ElTag>
+        </div>
+        <ElButton
+          v-if="items.length > 0"
+          :disabled="!activeId"
+          size="small"
+          plain
+          @click="handleUseDefault"
+        >
+          <ElIcon><RefreshLeft /></ElIcon>
+          <span>恢复系统默认</span>
+        </ElButton>
+      </div>
+
+      <!-- 配置列表 -->
+      <div class="config-section">
+        <div class="section-header">
+          <div class="header-left">
+            <span class="section-title">已配置的模型</span>
+            <ElTag v-if="items.length > 0" size="small" effect="plain" type="info">
+              {{ items.length }} 个
+            </ElTag>
+          </div>
+        </div>
+
+        <!-- 空状态 - 直接显示添加按钮作为唯一行动 -->
+        <div v-if="items.length === 0" class="empty-state">
+          <div class="empty-illust">
+            <ElIcon class="empty-icon" :size="56"><Cpu /></ElIcon>
+            <ElIcon class="empty-icon-bg" :size="100"><ChatLineSquare /></ElIcon>
+          </div>
+          <div class="empty-title">添加你的第一个 AI 模型</div>
+          <div class="empty-desc">
+            支持 OpenAI、DeepSeek、Ollama 等任何 OpenAI 兼容服务<br />
+            配置后即可在 AI 助手页一键切换
+          </div>
+          <ElButton type="primary" size="large" :icon="Plus" @click="openCreate">
+            立即添加
+          </ElButton>
+        </div>
+
+        <!-- 列表 -->
+        <div v-else class="config-list">
+          <TransitionGroup name="list" tag="div" class="list-inner">
+            <div
+              v-for="item in items"
+              :key="item.id"
+              class="config-item"
+              :class="{
+                active: item.id === activeId,
+                expanded: expandedId === item.id,
+                flash: flashId === item.id,
+              }"
+              @click="handleItemClick(item)"
+            >
+              <div class="config-item-main">
+                <div class="item-icon-wrap">
+                  <ElIcon class="item-icon" :size="18">
+                    <CircleCheck v-if="item.id === activeId" />
+                    <ChatLineSquare v-else />
+                  </ElIcon>
+                </div>
+                <div class="item-content">
+                  <div class="item-row1">
+                    <span class="item-name">{{ item.name }}</span>
+                    <ElTag v-if="item.id === activeId" type="success" size="small" effect="light">
+                      使用中
+                    </ElTag>
+                  </div>
+                  <div class="item-model">{{ item.model_id }}</div>
+                </div>
+                <div class="item-actions" @click.stop>
+                  <ElTooltip content="展开详情" placement="top" :show-after="200">
+                    <ElButton text circle size="small" @click="toggleExpand(item.id)">
+                      <ElIcon :class="{ rotated: expandedId === item.id }">
+                        <ArrowDown />
+                      </ElIcon>
+                    </ElButton>
+                  </ElTooltip>
+                  <ElTooltip content="编辑" placement="top" :show-after="200">
+                    <ElButton text circle size="small" :icon="Edit" @click="openEdit(item)" />
+                  </ElTooltip>
+                  <ElTooltip content="删除" placement="top" :show-after="200">
+                    <ElButton text circle size="small" :icon="Delete" @click="handleDelete(item)" />
+                  </ElTooltip>
+                </div>
+              </div>
+              <!-- 展开详情 -->
+              <div v-show="expandedId === item.id" class="item-detail">
+                <div class="detail-row">
+                  <span class="detail-label">Base URL</span>
+                  <span class="detail-value">{{ item.base_url }}</span>
+                </div>
+                <div class="detail-row">
+                  <span class="detail-label">API Key</span>
+                  <div class="api-key-wrap">
+                    <span class="detail-value api-key">
+                      {{ showKeyId === item.id ? item.api_key : `****${maskKey(item.api_key)}` }}
+                    </span>
+                    <ElButton
+                      text
+                      size="small"
+                      @click="showKeyId = showKeyId === item.id ? null : item.id"
+                    >
+                      <ElIcon><View v-if="showKeyId !== item.id" /><Hide v-else /></ElIcon>
+                    </ElButton>
+                    <ElButton
+                      text
+                      size="small"
+                      :disabled="!item.api_key"
+                      @click="copyKey(item.api_key)"
+                    >
+                      <ElIcon><CopyDocument /></ElIcon>
+                    </ElButton>
+                  </div>
+                </div>
+                <div class="detail-row">
+                  <span class="detail-label">Temperature</span>
+                  <span class="detail-value">{{ item.temperature.toFixed(1) }}</span>
+                </div>
+                <div v-if="item.created_time" class="detail-row">
+                  <span class="detail-label">添加于</span>
+                  <span class="detail-value">{{ item.created_time }}</span>
+                </div>
+              </div>
+            </div>
+          </TransitionGroup>
+        </div>
+      </div>
+
+      <!-- 底部固定添加按钮 - 始终可见 -->
+      <div v-if="items.length > 0" class="footer-add">
+        <ElButton type="primary" plain :icon="Plus" class="add-btn" @click="openCreate">
+          添加新模型
+        </ElButton>
+      </div>
+    </template>
+
+    <!-- 新增/编辑弹窗 -->
+    <FaDialog
+      v-model="dialogVisible"
+      :title="form.id ? '编辑模型' : '新增模型'"
+      width="520px"
+      :close-on-click-modal="false"
+    >
+      <ElForm
+        ref="formRef"
+        :model="form"
+        :rules="rules"
+        label-width="100px"
+        label-position="right"
+        @submit.prevent="handleSave"
+      >
+        <ElFormItem label="配置名称" prop="name">
+          <ElInput
+            v-model="form.name"
+            placeholder="如：日常对话 / 代码助手"
+            maxlength="50"
+            show-word-limit
+            clearable
+            autofocus
+          />
+        </ElFormItem>
+        <ElFormItem label="Base URL" prop="base_url">
+          <ElInput v-model="form.base_url" placeholder="https://api.openai.com/v1" clearable>
+            <template #append>
+              <ElDropdown trigger="click" @command="(v: string) => (form.base_url = v)">
+                <ElButton text size="small">
+                  预设
+                  <ElIcon><ArrowDown /></ElIcon>
+                </ElButton>
+                <template #dropdown>
+                  <ElDropdownMenu>
+                    <ElDropdownItem
+                      v-for="preset in baseUrlPresets"
+                      :key="preset.label"
+                      :command="preset.url"
+                    >
+                      <div class="preset-item">
+                        <span class="preset-label">{{ preset.label }}</span>
+                        <span class="preset-url">{{ preset.url }}</span>
+                      </div>
+                    </ElDropdownItem>
+                  </ElDropdownMenu>
+                </template>
+              </ElDropdown>
+            </template>
+          </ElInput>
+        </ElFormItem>
+        <ElFormItem label="API Key" prop="api_key">
+          <ElInput
+            v-model="form.api_key"
+            type="password"
+            placeholder="sk-..."
+            show-password
+            clearable
+          />
+        </ElFormItem>
+        <ElFormItem label="模型 ID" prop="model_id">
+          <ElInput
+            v-model="form.model_id"
+            placeholder="如：gpt-4o-mini / deepseek-chat"
+            clearable
+          />
+        </ElFormItem>
+        <ElFormItem label="Temperature" prop="temperature">
+          <ElSlider
+            v-model="form.temperature"
+            :min="0"
+            :max="2"
+            :step="0.1"
+            show-input
+            :show-input-controls="false"
+          />
+          <div class="form-tip">越高越有创造性，0 更确定</div>
+        </ElFormItem>
+      </ElForm>
+      <template #footer>
+        <ElButton @click="dialogVisible = false">取消</ElButton>
+        <ElButton type="primary" :loading="saving" @click="handleSave">
+          <ElIcon><Check /></ElIcon>
+          <span>{{ form.id ? "保存" : "新增并使用" }}</span>
+        </ElButton>
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, computed, onMounted } from "vue";
+import { ElMessage, ElMessageBox, type FormInstance, type FormRules } from "element-plus";
+import {
+  Plus,
+  Edit,
+  Delete,
+  Cpu,
+  ChatLineSquare,
+  CircleCheck,
+  ArrowDown,
+  RefreshLeft,
+  Loading,
+  Check,
+  View,
+  Hide,
+  CopyDocument,
+} from "@element-plus/icons-vue";
+import AiChatAPI, {
+  type AiModelConfigInput,
+  type AiModelConfigItem,
+  type AiModelConfigList,
+} from "@/api/module_ai/chat";
+
+const emit = defineEmits<{ changed: [] }>();
+
+const loading = ref(false);
+const saving = ref(false);
+const items = ref<AiModelConfigItem[]>([]);
+const activeId = ref<string | null>(null);
+const expandedId = ref<string | null>(null);
+const showKeyId = ref<string | null>(null);
+const flashId = ref<string | null>(null);
+const dialogVisible = ref(false);
+
+const formRef = ref<FormInstance>();
+const form = reactive<AiModelConfigItem>({
+  id: "",
+  name: "",
+  base_url: "",
+  api_key: "",
+  model_id: "",
+  temperature: 0.7,
+  created_time: null,
+});
+
+// 常用 Base URL 预设 - 提升用户输入效率
+const baseUrlPresets = [
+  { label: "OpenAI 官方", url: "https://api.openai.com/v1" },
+  { label: "DeepSeek", url: "https://api.deepseek.com/v1" },
+  { label: "通义千问", url: "https://dashscope.aliyuncs.com/compatible-mode/v1" },
+  { label: "月之暗面 Moonshot", url: "https://api.moonshot.cn/v1" },
+  { label: "智谱 GLM", url: "https://open.bigmodel.cn/api/paas/v4" },
+  { label: "Ollama (本地)", url: "http://localhost:11434/v1" },
+];
+
+const rules: FormRules<AiModelConfigInput> = {
+  name: [{ required: true, message: "请输入配置名称", trigger: "blur" }],
+  base_url: [
+    { required: true, message: "请输入 Base URL", trigger: "blur" },
+    {
+      validator: (_rule, value: string, callback) => {
+        if (!value) return callback();
+        if (!/^https?:\/\//.test(value)) {
+          callback(new Error("必须以 http:// 或 https:// 开头"));
+        } else {
+          callback();
+        }
+      },
+      trigger: "blur",
+    },
+  ],
+  api_key: [{ required: true, message: "请输入 API Key", trigger: "blur" }],
+  model_id: [{ required: true, message: "请输入模型 ID", trigger: "blur" }],
+  temperature: [{ required: true, message: "请设置温度", trigger: "change" }],
+};
+
+const activeModelName = computed(() => {
+  if (!activeId.value) return "系统默认";
+  const item = items.value.find((i) => i.id === activeId.value);
+  return item?.name || "系统默认";
+});
+
+const loadList = async () => {
+  loading.value = true;
+  try {
+    const res = await AiChatAPI.getModelConfig();
+    if (res.data?.code === 0 && res.data.data) {
+      const data: AiModelConfigList = res.data.data;
+      items.value = data.items || [];
+      activeId.value = data.active_id;
+    }
+  } catch {
+    ElMessage.error("加载模型配置失败");
+  } finally {
+    loading.value = false;
+  }
+};
+
+const resetForm = () => {
+  form.id = "";
+  form.name = "";
+  form.base_url = "";
+  form.api_key = "";
+  form.model_id = "";
+  form.temperature = 0.7;
+  form.created_time = null;
+  formRef.value?.clearValidate();
+};
+
+const openCreate = () => {
+  resetForm();
+  dialogVisible.value = true;
+};
+
+const openEdit = (item: AiModelConfigItem) => {
+  form.id = item.id;
+  form.name = item.name;
+  form.base_url = item.base_url;
+  form.api_key = item.api_key;
+  form.model_id = item.model_id;
+  form.temperature = item.temperature;
+  form.created_time = item.created_time;
+  formRef.value?.clearValidate();
+  dialogVisible.value = true;
+};
+
+const handleSave = async () => {
+  if (!formRef.value || saving.value) return;
+  try {
+    await formRef.value.validate();
+  } catch {
+    return;
+  }
+  saving.value = true;
+  try {
+    const payload: AiModelConfigInput = {
+      name: form.name,
+      base_url: form.base_url,
+      api_key: form.api_key,
+      model_id: form.model_id,
+      temperature: form.temperature,
+    };
+    let res;
+    if (form.id) {
+      res = await AiChatAPI.updateModelConfig(form.id, payload);
+    } else {
+      res = await AiChatAPI.createModelConfig(payload);
+    }
+    if (res.data?.code === 0) {
+      const newId = form.id || res.data.data?.id;
+      dialogVisible.value = false;
+      if (!form.id && newId) {
+        await AiChatAPI.activateModelConfig(newId);
+      }
+      resetForm();
+      emit("changed");
+      await loadList();
+      if (newId) flashHighlight(newId);
+      ElMessage.success(form.id ? "已保存" : "已添加并启用");
+    } else {
+      ElMessage.error(res.data?.msg || "保存失败");
+    }
+  } catch {
+    ElMessage.error("保存失败");
+  } finally {
+    saving.value = false;
+  }
+};
+
+const flashHighlight = (id: string) => {
+  flashId.value = id;
+  setTimeout(() => {
+    flashId.value = null;
+  }, 1500);
+};
+
+const handleItemClick = async (item: AiModelConfigItem) => {
+  if (item.id === activeId.value) {
+    toggleExpand(item.id);
+    return;
+  }
+  try {
+    const res = await AiChatAPI.activateModelConfig(item.id);
+    if (res.data?.code === 0) {
+      activeId.value = item.id;
+      emit("changed");
+    } else {
+      ElMessage.error(res.data?.msg || "切换失败");
+    }
+  } catch {
+    ElMessage.error("切换失败");
+  }
+};
+
+const handleUseDefault = async () => {
+  try {
+    const res = await AiChatAPI.activateModelConfig("");
+    if (res.data?.code === 0) {
+      activeId.value = null;
+      emit("changed");
+    } else {
+      ElMessage.error(res.data?.msg || "操作失败");
+    }
+  } catch {
+    ElMessage.error("操作失败");
+  }
+};
+
+const handleDelete = async (item: AiModelConfigItem) => {
+  try {
+    await ElMessageBox.confirm(`确认删除模型「${item.name}」？此操作不可恢复`, "删除确认", {
+      type: "warning",
+    });
+  } catch {
+    return;
+  }
+  try {
+    const res = await AiChatAPI.deleteModelConfig(item.id);
+    if (res.data?.code === 0) {
+      ElMessage.success("已删除");
+      if (form.id === item.id) dialogVisible.value = false;
+      if (expandedId.value === item.id) expandedId.value = null;
+      emit("changed");
+      await loadList();
+    } else {
+      ElMessage.error(res.data?.msg || "删除失败");
+    }
+  } catch {
+    ElMessage.error("删除失败");
+  }
+};
+
+const toggleExpand = (id: string) => {
+  expandedId.value = expandedId.value === id ? null : id;
+  if (expandedId.value !== id) showKeyId.value = null;
+};
+
+const copyKey = async (key: string) => {
+  if (!key) return;
+  try {
+    await navigator.clipboard.writeText(key);
+    ElMessage.success("已复制到剪贴板");
+  } catch {
+    ElMessage.error("复制失败");
+  }
+};
+
+const maskKey = (key: string): string => {
+  if (!key) return "";
+  return key.length <= 4 ? key : key.slice(-4);
+};
+
+defineExpose({ refresh: loadList });
+onMounted(loadList);
+</script>
+
+<style lang="scss" scoped>
+.ai-model-config {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.loading-tip {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 0;
+  font-size: 13px;
+  color: var(--el-text-color-secondary);
+}
+
+/* 顶部状态栏 */
+.status-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 14px;
+  background: var(--el-fill-color-blank);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+}
+
+.status-info {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.status-title {
+  font-size: 13px;
+  color: var(--el-text-color-secondary);
+}
+
+.tag-icon {
+  margin-right: 2px;
+}
+
+.config-section {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.section-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.header-left {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.section-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+
+/* 空状态 */
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  align-items: center;
+  justify-content: center;
+  padding: 48px 20px;
+  text-align: center;
+}
+
+.empty-illust {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 80px;
+  height: 80px;
+  margin-bottom: 8px;
+}
+
+.empty-icon {
+  position: relative;
+  z-index: 1;
+  color: var(--el-color-primary);
+}
+
+.empty-icon-bg {
+  position: absolute;
+  color: var(--el-color-primary-light-7);
+  opacity: 0.4;
+}
+
+.empty-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+
+.empty-desc {
+  font-size: 13px;
+  line-height: 1.6;
+  color: var(--el-text-color-secondary);
+}
+
+/* 列表 */
+.config-list {
+  width: 100%;
+}
+
+.list-inner {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.config-item {
+  padding: 10px 12px;
+  cursor: pointer;
+  background: var(--el-fill-color-blank);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+  transition: all 0.2s;
+
+  &.active {
+    background: var(--el-color-primary-light-9);
+    border-color: var(--el-color-primary);
+
+    .item-icon {
+      color: var(--el-color-primary);
+    }
+
+    .item-icon-wrap {
+      background: var(--el-color-primary-light-7);
+    }
+  }
+
+  &.expanded {
+    background: var(--el-color-primary-light-9);
+  }
+
+  &:hover {
+    border-color: var(--el-color-primary-light-5);
+
+    .item-actions {
+      opacity: 1;
+    }
+  }
+
+  &.flash {
+    animation: flash 1.5s ease;
+  }
+}
+
+@keyframes flash {
+  0% {
+    box-shadow: 0 0 0 0 var(--el-color-primary-light-5);
+  }
+
+  30% {
+    box-shadow: 0 0 0 6px var(--el-color-primary-light-7);
+  }
+
+  100% {
+    box-shadow: 0 0 0 0 transparent;
+  }
+}
+
+.config-item-main {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+}
+
+.item-icon-wrap {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  background: var(--el-fill-color-light);
+  border-radius: 8px;
+  transition: background 0.2s;
+}
+
+.item-icon {
+  color: var(--el-text-color-secondary);
+  transition: color 0.2s;
+}
+
+.item-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.item-row1 {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.item-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+
+.item-model {
+  margin-top: 2px;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}
+
+.item-actions {
+  display: flex;
+  flex-shrink: 0;
+  gap: 2px;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+.config-item.expanded .item-actions {
+  opacity: 1;
+}
+
+.item-detail {
+  padding: 12px 0 0 44px;
+  margin-top: 10px;
+  border-top: 1px dashed var(--el-border-color-light);
+}
+
+.detail-row {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  padding: 4px 0;
+  font-size: 12px;
+}
+
+.detail-label {
+  flex-shrink: 0;
+  width: 80px;
+  color: var(--el-text-color-secondary);
+}
+
+.detail-value {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--el-text-color-regular);
+  white-space: nowrap;
+
+  &.api-key {
+    font-family: var(--el-font-family-monospace, monospace);
+  }
+}
+
+.api-key-wrap {
+  display: flex;
+  flex: 1;
+  gap: 4px;
+  align-items: center;
+}
+
+/* 底部添加 */
+.footer-add {
+  display: flex;
+  justify-content: center;
+  padding: 8px 0 0;
+}
+
+.add-btn {
+  width: 100%;
+  border-style: dashed;
+}
+
+/* 表单提示 */
+.form-tip {
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}
+
+/* 预设选项 */
+.preset-item {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 2px 0;
+}
+
+.preset-label {
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.preset-url {
+  font-size: 11px;
+  color: var(--el-text-color-secondary);
+}
+
+/* 列表过渡 */
+.list-enter-active,
+.list-leave-active {
+  transition: all 0.3s ease;
+}
+
+.list-enter-from {
+  opacity: 0;
+  transform: translateY(-10px);
+}
+
+.list-leave-to {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.list-move {
+  transition: transform 0.3s ease;
+}
+</style>
diff --git a/src/views/module_ai/chat/components/FaChatInput.vue b/src/views/module_ai/chat/components/FaChatInput.vue
new file mode 100644
index 0000000..6bff4dc
--- /dev/null
+++ b/src/views/module_ai/chat/components/FaChatInput.vue
@@ -0,0 +1,568 @@
+<template>
+  <div class="chat-input" :class="{ 'chat-input--disabled': disabled }">
+    <div class="input-wrapper">
+      <div v-if="uploadedFiles.length > 0" class="uploaded-files">
+        <div v-for="file in uploadedFiles" :key="file.id" class="file-item">
+          <ElIcon class="file-icon"><Document /></ElIcon>
+          <span class="file-name">{{ file.name }}</span>
+          <ElIcon class="file-remove" @click="removeFile(file.id)"><Close /></ElIcon>
+        </div>
+      </div>
+      <div class="input-container">
+        <ElForm>
+          <ElInput
+            v-model="inputMessage"
+            type="textarea"
+            :placeholder="placeholder"
+            :disabled="disabled || sending"
+            :autosize="{ minRows: 1, maxRows: 6 }"
+            resize="none"
+            class="message-input"
+            @keydown.enter.exact.prevent="handleSend"
+            @keydown.shift.enter.exact="handleShiftEnter"
+          />
+        </ElForm>
+        <div class="input-footer">
+          <div class="input-footer-left">
+            <ElDropdown
+              trigger="click"
+              placement="top-start"
+              @command="handleSelectModel"
+              @visible-change="handleDropdownVisible"
+            >
+              <div class="model-switcher" :class="{ 'is-active': dropdownVisible }">
+                <ElIcon class="model-icon"><Cpu /></ElIcon>
+                <span class="model-name" :title="activeModelName">
+                  {{ activeModelName }}
+                </span>
+                <ElIcon class="model-arrow" :class="{ expanded: dropdownVisible }">
+                  <ArrowDown />
+                </ElIcon>
+              </div>
+              <template #dropdown>
+                <ElDropdownMenu>
+                  <ElDropdownItem command="__default__" :class="{ 'is-active': !activeId }">
+                    <ElIcon class="dropdown-icon"><MagicStick /></ElIcon>
+                    <span class="dropdown-label">系统默认</span>
+                    <ElTag v-if="!activeId" type="success" size="small" effect="plain">
+                      使用中
+                    </ElTag>
+                  </ElDropdownItem>
+                  <template v-if="items.length > 0">
+                    <ElDropdownItem
+                      v-for="item in items"
+                      :key="item.id"
+                      :command="item.id"
+                      :class="{ 'is-active': item.id === activeId }"
+                      :disabled="switching"
+                    >
+                      <ElIcon class="dropdown-icon"><ChatLineSquare /></ElIcon>
+                      <div class="dropdown-content">
+                        <div class="dropdown-label">{{ item.name }}</div>
+                        <div class="dropdown-meta">{{ item.model_id }}</div>
+                      </div>
+                      <ElTag v-if="item.id === activeId" type="success" size="small" effect="plain">
+                        使用中
+                      </ElTag>
+                    </ElDropdownItem>
+                  </template>
+                  <ElDropdownItem v-if="items.length === 0" disabled>
+                    <span class="dropdown-empty">暂未配置模型，请到"设置 → 配置中心"添加</span>
+                  </ElDropdownItem>
+                </ElDropdownMenu>
+              </template>
+            </ElDropdown>
+          </div>
+          <div class="input-actions">
+            <ElUpload
+              ref="uploadRef"
+              :auto-upload="false"
+              :show-file-list="false"
+              :on-change="handleFileChange"
+              :accept="acceptTypes"
+              :multiple="true"
+            >
+              <ElButton :icon="Paperclip" class="upload-btn" circle />
+            </ElUpload>
+            <ElButton
+              v-if="sending"
+              class="send-button"
+              type="danger"
+              circle
+              title="停止生成"
+              @click="handleStop"
+            >
+              <ElIcon><VideoPause /></ElIcon>
+            </ElButton>
+            <ElButton
+              v-else
+              :disabled="(!inputMessage.trim() && uploadedFiles.length === 0) || disabled"
+              class="send-button"
+              type="primary"
+              circle
+              @click="handleSend"
+            >
+              <ElIcon><Promotion /></ElIcon>
+            </ElButton>
+          </div>
+        </div>
+      </div>
+      <div class="input-hint">
+        <span>按 Enter 发送消息，Shift + Enter 换行</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted } from "vue";
+import { ElMessage } from "element-plus";
+import {
+  Promotion,
+  Paperclip,
+  Document,
+  Close,
+  VideoPause,
+  Cpu,
+  ArrowDown,
+  ChatLineSquare,
+  MagicStick,
+} from "@element-plus/icons-vue";
+import type { UploadFile } from "element-plus";
+import type { UploadedFile } from "../types";
+import AiChatAPI, { type AiModelConfigItem, type AiModelConfigList } from "@/api/module_ai/chat";
+
+interface Props {
+  disabled?: boolean;
+  sending?: boolean;
+  isConnected?: boolean;
+}
+
+interface Emits {
+  (e: "send", message: string, files?: UploadedFile[]): void;
+  (e: "stop"): void;
+  (e: "model-changed"): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  disabled: false,
+  sending: false,
+  isConnected: true,
+});
+
+const emit = defineEmits<Emits>();
+
+// ============ 模型选择器 ============ //
+const dropdownVisible = ref(false);
+const items = ref<AiModelConfigItem[]>([]);
+const activeId = ref<string | null>(null);
+const switching = ref(false);
+
+const activeModelName = computed(() => {
+  if (!activeId.value) return "系统默认";
+  const item = items.value.find((i) => i.id === activeId.value);
+  return item?.name || "系统默认";
+});
+
+const loadModels = async () => {
+  try {
+    const res = await AiChatAPI.getModelConfig();
+    if (res.data?.code === 0 && res.data.data) {
+      const data: AiModelConfigList = res.data.data;
+      items.value = data.items || [];
+      activeId.value = data.active_id;
+    }
+  } catch {
+    /* 静默失败 */
+  }
+};
+
+const handleDropdownVisible = (visible: boolean) => {
+  dropdownVisible.value = visible;
+  if (visible) loadModels();
+};
+
+const handleSelectModel = async (command: string) => {
+  dropdownVisible.value = false;
+  if (command === activeId.value) return;
+  switching.value = true;
+  try {
+    const res = await AiChatAPI.activateModelConfig(command === "__default__" ? "" : command);
+    if (res.data?.code === 0) {
+      activeId.value = command === "__default__" ? null : command;
+      const newName =
+        command === "__default__" ? "系统默认" : items.value.find((i) => i.id === command)?.name;
+      ElMessage.success(`已切换到：${newName}`);
+      emit("model-changed");
+    } else {
+      ElMessage.error(res.data?.msg || "切换失败");
+    }
+  } catch {
+    ElMessage.error("切换模型失败");
+  } finally {
+    switching.value = false;
+  }
+};
+
+onMounted(loadModels);
+
+const inputMessage = ref("");
+const uploadedFiles = ref<UploadedFile[]>([]);
+
+const acceptTypes = computed(() => {
+  return ".pdf,.doc,.docx,.txt,.jpg,.jpeg,.png,.gif,.mp3,.wav,.mp4,.avi,.mov";
+});
+
+const placeholder = computed(() => {
+  return props.isConnected ? "向FA助手发送消息..." : "请先连接到服务器";
+});
+
+const handleFileChange = (uploadFile: UploadFile) => {
+  const file = uploadFile.raw;
+  if (!file) return;
+
+  const maxSize = 10 * 1024 * 1024;
+  if (file.size > maxSize) {
+    alert("文件大小不能超过10MB");
+    return;
+  }
+
+  const uploadedFile: UploadedFile = {
+    id: Date.now().toString() + Math.random().toString(36).substr(2),
+    name: file.name,
+    size: file.size,
+    type: file.type,
+    file,
+  };
+
+  uploadedFiles.value.push(uploadedFile);
+};
+
+const removeFile = (id: string) => {
+  const index = uploadedFiles.value.findIndex((f) => f.id === id);
+  if (index > -1) {
+    uploadedFiles.value.splice(index, 1);
+  }
+};
+
+const handleSend = () => {
+  const message = inputMessage.value.trim();
+  if ((!message && uploadedFiles.value.length === 0) || props.disabled || props.sending) {
+    return;
+  }
+  emit("send", message, uploadedFiles.value.length > 0 ? [...uploadedFiles.value] : undefined);
+  inputMessage.value = "";
+  uploadedFiles.value = [];
+};
+
+const handleStop = () => {
+  if (!props.sending) return;
+  emit("stop");
+};
+
+const handleShiftEnter = () => {
+  inputMessage.value += "\n";
+};
+
+defineExpose({
+  refresh: loadModels,
+  focus: () => {
+    const input = document.querySelector(".message-input textarea") as HTMLTextAreaElement;
+    input?.focus();
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+.chat-input {
+  .input-wrapper {
+    max-width: 800px;
+    padding: 20px;
+    margin: 0 auto;
+
+    @media (width <= 640px) {
+      padding: 12px 16px;
+    }
+
+    .uploaded-files {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      margin-bottom: 12px;
+
+      .file-item {
+        display: flex;
+        gap: 6px;
+        align-items: center;
+        padding: 8px 14px;
+        font-size: 13px;
+        background: var(--el-fill-color-light);
+        border: 1px solid var(--el-border-color-light);
+        border-radius: 8px;
+        transition: all 0.2s ease;
+
+        &:hover {
+          background: var(--el-color-primary-light-9);
+          border-color: var(--el-color-primary-light-7);
+        }
+
+        .file-icon {
+          font-size: 16px;
+          color: var(--el-color-primary);
+        }
+
+        .file-name {
+          max-width: 180px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          font-size: 13px;
+          white-space: nowrap;
+
+          @media (width <= 640px) {
+            max-width: 120px;
+            font-size: 12px;
+          }
+        }
+
+        .file-remove {
+          font-size: 14px;
+          color: var(--el-text-color-secondary);
+          cursor: pointer;
+          transition: color 0.2s ease;
+
+          &:hover {
+            color: var(--el-color-danger);
+          }
+        }
+      }
+    }
+
+    .input-container {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      padding: 20px;
+      background: var(--el-bg-color-overlay);
+      border: 1px solid var(--el-border-color-light);
+      border-radius: 16px;
+      box-shadow: var(--el-box-shadow-light);
+      transition:
+        border-color 0.2s ease,
+        box-shadow 0.2s ease,
+        transform 0.2s ease;
+
+      &:hover {
+        border-color: var(--el-color-primary);
+        box-shadow: var(--el-box-shadow);
+        transform: translateY(-2px);
+      }
+
+      &:focus-within {
+        border-color: var(--el-color-primary);
+        box-shadow: 0 0 0 1px var(--el-color-primary);
+      }
+
+      .message-input {
+        flex: 1;
+        min-width: 0;
+
+        :deep(.el-textarea__inner) {
+          padding: 0;
+          line-height: 1.6;
+          color: var(--el-text-color-primary);
+          resize: none;
+          background: transparent;
+          border: none;
+          box-shadow: none;
+        }
+
+        :deep(.el-textarea) {
+          padding: 0;
+        }
+      }
+
+      .input-footer {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding-top: 8px;
+
+        .input-footer-left {
+          display: flex;
+          gap: 8px;
+          align-items: center;
+        }
+
+        .model-switcher {
+          display: flex;
+          gap: 6px;
+          align-items: center;
+          height: 30px;
+          padding: 0 10px;
+          font-size: 13px;
+          color: var(--el-text-color-regular);
+          cursor: pointer;
+          background: var(--el-fill-color-blank);
+          border: 1px solid var(--el-border-color-light);
+          border-radius: 6px;
+          transition: all 0.2s;
+
+          &:hover {
+            color: var(--el-color-primary);
+            background: var(--el-color-primary-light-9);
+            border-color: var(--el-color-primary-light-5);
+          }
+
+          &.is-active {
+            color: var(--el-color-primary);
+            background: var(--el-color-primary-light-9);
+            border-color: var(--el-color-primary);
+          }
+
+          .model-icon {
+            font-size: 14px;
+          }
+
+          .model-name {
+            max-width: 120px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            font-weight: 500;
+            white-space: nowrap;
+
+            @media (width <= 640px) {
+              max-width: 80px;
+            }
+          }
+
+          .model-arrow {
+            font-size: 12px;
+            transition: transform 0.2s;
+
+            &.expanded {
+              transform: rotate(180deg);
+            }
+          }
+        }
+
+        .input-actions {
+          display: flex;
+          gap: 10px;
+          align-items: center;
+
+          .upload-btn {
+            font-size: 18px;
+            color: var(--el-text-color-secondary);
+            transition: all 0.2s ease;
+
+            &:hover {
+              color: var(--el-color-primary);
+              transform: scale(1.05);
+            }
+          }
+
+          .send-button {
+            flex-shrink: 0;
+            border-radius: 50%;
+            box-shadow: var(--el-box-shadow-light);
+            transition: all 0.2s ease;
+
+            &:hover {
+              box-shadow: var(--el-box-shadow);
+              transform: translateY(-1px);
+            }
+
+            &:active {
+              transform: translateY(0);
+            }
+          }
+        }
+      }
+    }
+
+    .input-hint {
+      margin-top: 12px;
+      font-size: 12px;
+      font-weight: 400;
+      color: var(--el-text-color-secondary);
+      text-align: center;
+      letter-spacing: 0.5px;
+    }
+  }
+
+  &.chat-input--disabled .input-wrapper .input-container {
+    opacity: 0.72;
+    filter: grayscale(0.06);
+
+    &:hover {
+      border-color: var(--el-border-color-light);
+      box-shadow: var(--el-box-shadow-light);
+      transform: none;
+    }
+
+    &:focus-within {
+      border-color: var(--el-border-color-light);
+      box-shadow: var(--el-box-shadow-light);
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+/* 下拉菜单项样式 - 因为 scoped 限制无法直接覆盖命令项 */
+.el-dropdown-menu {
+  min-width: 240px;
+  max-width: calc(100vw - 20px);
+
+  @media (width <= 640px) {
+    width: 90vw;
+    min-width: 200px;
+  }
+
+  .el-dropdown-menu__item {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    padding: 8px 12px;
+
+    &.is-active {
+      color: var(--el-color-primary);
+      background: var(--el-color-primary-light-9);
+    }
+
+    .dropdown-icon {
+      flex-shrink: 0;
+      font-size: 14px;
+    }
+
+    .dropdown-content {
+      flex: 1;
+      min-width: 0;
+    }
+
+    .dropdown-label {
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    .dropdown-meta {
+      max-width: 160px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      font-size: 12px;
+      color: var(--el-text-color-secondary);
+      white-space: nowrap;
+    }
+
+    .dropdown-empty {
+      font-size: 13px;
+      color: var(--el-text-color-secondary);
+    }
+
+    .el-tag {
+      flex-shrink: 0;
+      margin-left: auto;
+    }
+  }
+}
+</style>
diff --git a/src/views/module_ai/chat/components/FaChatMessages.vue b/src/views/module_ai/chat/components/FaChatMessages.vue
new file mode 100644
index 0000000..5eb109d
--- /dev/null
+++ b/src/views/module_ai/chat/components/FaChatMessages.vue
@@ -0,0 +1,92 @@
+<template>
+  <ElScrollbar ref="messagesContainer" class="chat-messages">
+    <WelcomeScreen v-if="messages.length === 0" @prompt-click="handlePromptClick" />
+    <div v-else class="messages-list">
+      <FaMessageItem
+        v-for="message in messages"
+        :key="message.id"
+        :message="message"
+        @toggle-fold="handleToggleFold(message)"
+      />
+    </div>
+    <div v-if="error" class="error-banner">
+      <ElAlert :title="error" type="error" :closable="true" show-icon @close="handleErrorClose" />
+    </div>
+  </ElScrollbar>
+</template>
+
+<script setup lang="ts">
+import { ref, nextTick, watch } from "vue";
+import { ElScrollbar } from "element-plus";
+import WelcomeScreen from "./FaWelcomeScreen.vue";
+import FaMessageItem from "./FaMessageItem.vue";
+import type { ChatMessage } from "../types";
+
+interface Props {
+  messages: ChatMessage[];
+  error: string;
+}
+
+interface Emits {
+  (e: "prompt-click", prompt: string): void;
+  (e: "error-close"): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+const messagesContainer = ref<InstanceType<typeof ElScrollbar>>();
+
+const scrollToBottom = () => {
+  nextTick(() => {
+    const wrap = messagesContainer.value?.wrapRef;
+    if (wrap) wrap.scrollTop = wrap.scrollHeight;
+  });
+};
+
+watch(
+  () => props.messages,
+  () => {
+    scrollToBottom();
+  },
+  { deep: true }
+);
+
+const handlePromptClick = (prompt: string) => {
+  emit("prompt-click", prompt);
+};
+
+const handleToggleFold = (message: ChatMessage) => {
+  message.collapsed = !message.collapsed;
+};
+
+const handleErrorClose = () => {
+  emit("error-close");
+};
+
+defineExpose({
+  scrollToBottom,
+});
+</script>
+
+<style lang="scss" scoped>
+.chat-messages {
+  /* 与 index chat-main 同底，避免 disabled 灰 + page 色打架 */
+  background: transparent;
+
+  .messages-list {
+    max-width: 800px;
+    padding: 24px;
+    margin: 0 auto;
+  }
+
+  .error-banner {
+    position: fixed;
+    bottom: 140px;
+    left: 50%;
+    z-index: 1000;
+    padding: 0 24px;
+    transform: translateX(-50%);
+  }
+}
+</style>
diff --git a/src/views/module_ai/chat/components/FaChatNavbar.vue b/src/views/module_ai/chat/components/FaChatNavbar.vue
new file mode 100644
index 0000000..14d2b96
--- /dev/null
+++ b/src/views/module_ai/chat/components/FaChatNavbar.vue
@@ -0,0 +1,178 @@
+<template>
+  <div class="chat-navbar">
+    <div class="navbar-left">
+      <button class="collapse-btn" @click="toggleSidebar">
+        <FaSvgIcon
+          v-if="!props.isSidebarCollapsed"
+          :icon="resolveIconForFaSvgIcon('layout_leftbar_close_line')"
+          class="size-6"
+        />
+        <FaSvgIcon
+          v-else
+          :icon="resolveIconForFaSvgIcon('layout_leftbar_open_line')"
+          class="size-6"
+        />
+      </button>
+      <span class="navbar-title">FA 助手</span>
+    </div>
+
+    <div class="navbar-right">
+      <ElTag
+        class="connection-status"
+        effect="plain"
+        :type="connectionStatus === 'connected' ? 'success' : 'danger'"
+      >
+        <ElIcon :class="['status-icon', connectionStatus]">
+          <Connection v-if="connectionStatus === 'connected'" />
+          <Loading v-else-if="connectionStatus === 'connecting'" />
+          <Warning v-else />
+        </ElIcon>
+        <span class="status-text">{{ connectionStatusText }}</span>
+      </ElTag>
+      <ElButton text :icon="Setting" @click="handleToggleConnection">
+        {{ isConnected ? "断开连接" : "重新连接" }}
+      </ElButton>
+      <ElButton v-if="hasMessages" text :icon="Delete" @click="handleClearChat">
+        清空对话
+      </ElButton>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { Connection, Loading, Warning, Delete, Setting } from "@element-plus/icons-vue";
+import { resolveIconForFaSvgIcon } from "@utils";
+
+interface Props {
+  connectionStatus: "connected" | "connecting" | "disconnected";
+  isConnected: boolean;
+  messageCount: number;
+  isSidebarCollapsed?: boolean;
+}
+
+interface Emits {
+  (e: "clear-chat"): void;
+  (e: "toggle-connection"): void;
+  (e: "toggle-sidebar"): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  isSidebarCollapsed: false,
+});
+const emit = defineEmits<Emits>();
+
+const connectionStatusText = computed(() => {
+  switch (props.connectionStatus) {
+    case "connected":
+      return "已连接";
+    case "connecting":
+      return "连接中...";
+    case "disconnected":
+      return "未连接";
+    default:
+      return "未知状态";
+  }
+});
+
+const hasMessages = computed(() => props.messageCount > 0);
+
+const handleClearChat = () => emit("clear-chat");
+const handleToggleConnection = () => emit("toggle-connection");
+const toggleSidebar = () => emit("toggle-sidebar");
+</script>
+
+<style lang="scss" scoped>
+.chat-navbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 16px;
+
+  .navbar-left {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+  }
+
+  .navbar-title {
+    font-size: 15px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+  }
+
+  .navbar-right {
+    display: flex;
+    flex-wrap: nowrap;
+    gap: 12px;
+    align-items: center;
+
+    :deep(.el-button) {
+      margin: 0;
+    }
+  }
+}
+
+.collapse-btn {
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  color: var(--el-text-color-regular);
+  cursor: pointer;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  transition:
+    background-color 0.2s,
+    color 0.2s;
+
+  &:hover {
+    color: var(--el-color-primary);
+    background: var(--el-color-primary-light-9);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--el-color-primary);
+    outline-offset: 2px;
+  }
+
+  & > div {
+    color: inherit;
+  }
+}
+
+.connection-status {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 32px;
+  padding: 0 12px;
+  margin: 0;
+  font-size: 14px;
+  line-height: 1;
+
+  :deep(.el-tag__content) {
+    display: inline-flex;
+    gap: 6px;
+    align-items: center;
+  }
+
+  .status-icon {
+    &.connected {
+      color: var(--el-color-success);
+    }
+
+    &.connecting {
+      color: var(--el-color-warning);
+    }
+
+    &.disconnected {
+      color: var(--el-color-danger);
+    }
+  }
+
+  .status-text {
+    color: var(--el-text-color-secondary);
+  }
+}
+</style>
diff --git a/src/views/module_ai/chat/components/FaMessageItem.vue b/src/views/module_ai/chat/components/FaMessageItem.vue
new file mode 100644
index 0000000..79f8886
--- /dev/null
+++ b/src/views/module_ai/chat/components/FaMessageItem.vue
@@ -0,0 +1,378 @@
+<template>
+  <div :class="['message-group', message.type]">
+    <div class="message-avatar">
+      <div v-if="message.type === 'user'" class="user-avatar">
+        <ElIcon><User /></ElIcon>
+      </div>
+      <div v-else class="ai-avatar">
+        <ElIcon><ChatDotRound /></ElIcon>
+      </div>
+    </div>
+    <div class="message-content">
+      <div class="message-header">
+        <strong class="sender-name">
+          {{ message.type === "user" ? userName : "FA助手" }}
+        </strong>
+        <ElButton
+          v-if="message.content"
+          text
+          size="small"
+          :icon="CopyDocument"
+          class="copy-button"
+          @click="handleCopy"
+        ></ElButton>
+      </div>
+      <div class="message-body">
+        <div v-if="message.files && message.files.length > 0" class="message-files">
+          <div v-for="file in message.files" :key="file.id" class="attached-file">
+            <ElIcon class="file-icon"><Document /></ElIcon>
+            <span class="file-name">{{ file.name }}</span>
+            <span class="file-size">{{ formatFileSize(file.size) }}</span>
+          </div>
+        </div>
+        <ElButton
+          v-if="message.content.length > 200"
+          text
+          size="small"
+          :icon="message.collapsed ? ArrowDown : ArrowUp"
+          class="fold-button"
+          @click="handleToggleFold"
+        >
+          {{ message.collapsed ? "展开" : "收起" }}
+        </ElButton>
+        <div class="message-text" :class="{ collapsed: message.collapsed }">
+          <FaMarkdownRenderer
+            :content="message.content"
+            :max-length="message.collapsed ? 200 : undefined"
+          />
+        </div>
+        <div
+          v-if="message.type === 'assistant' && message.loading && !message.content"
+          class="typing-indicator"
+        >
+          <div class="typing-dots">
+            <span></span>
+            <span></span>
+            <span></span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { ElMessage } from "element-plus";
+import {
+  User,
+  ChatDotRound,
+  CopyDocument,
+  ArrowDown,
+  ArrowUp,
+  Document,
+} from "@element-plus/icons-vue";
+import { useUserStoreHook } from "@stores";
+import type { ChatMessage } from "../types";
+
+interface Props {
+  message: ChatMessage;
+}
+
+interface Emits {
+  (e: "toggle-fold"): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+const userStore = useUserStoreHook();
+
+const userName = computed(() => userStore.basicInfo.name || "用户");
+
+const handleToggleFold = () => {
+  emit("toggle-fold");
+};
+
+const handleCopy = async () => {
+  try {
+    await navigator.clipboard.writeText(props.message.content);
+    ElMessage.success("已复制到剪贴板");
+  } catch {
+    const textArea = document.createElement("textarea");
+    textArea.value = props.message.content;
+    document.body.appendChild(textArea);
+    textArea.select();
+    document.execCommand("copy");
+    document.body.removeChild(textArea);
+    ElMessage.success("已复制到剪贴板");
+  }
+};
+
+const formatFileSize = (bytes: number): string => {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + " " + sizes[i];
+};
+</script>
+
+<style lang="scss" scoped>
+.message-group {
+  display: flex;
+  gap: 16px;
+  margin-bottom: 16px;
+
+  .message-avatar {
+    flex-shrink: 0;
+
+    .user-avatar {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      font-size: 14px;
+      color: white;
+      background: var(--el-color-primary);
+      border-radius: 6px;
+    }
+
+    .ai-avatar {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      font-size: 14px;
+      color: white;
+      background: var(--el-color-success);
+      border-radius: 6px;
+    }
+  }
+
+  .message-content {
+    flex: 1;
+    min-width: 0;
+
+    .message-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 8px;
+
+      .sender-name {
+        font-size: 14px;
+        font-weight: 600;
+        color: var(--el-text-color-primary);
+      }
+
+      .copy-button {
+        padding: 4px;
+        font-size: 12px;
+        color: var(--el-text-color-secondary);
+
+        &:hover {
+          color: var(--el-color-primary);
+        }
+      }
+    }
+
+    .message-actions {
+      display: flex;
+      gap: 8px;
+      margin-top: 8px;
+    }
+
+    .message-body {
+      .message-files {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        margin-bottom: 12px;
+
+        .attached-file {
+          display: flex;
+          gap: 6px;
+          align-items: center;
+          padding: 8px 12px;
+          font-size: 12px;
+          background: var(--el-fill-color-light);
+          border-radius: 6px;
+
+          .file-icon {
+            font-size: 16px;
+            color: var(--el-color-primary);
+          }
+
+          .file-name {
+            max-width: 120px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+
+          .file-size {
+            color: var(--el-text-color-secondary);
+          }
+        }
+      }
+
+      .fold-button {
+        padding: 0;
+        margin-bottom: 8px;
+        font-size: 12px;
+        color: var(--el-text-color-secondary);
+
+        &:hover {
+          color: var(--el-color-primary);
+        }
+      }
+
+      .message-text {
+        font-size: 15px;
+        line-height: 1.6;
+        color: var(--el-text-color-primary);
+        transition:
+          max-height 0.25s ease,
+          opacity 0.2s ease;
+
+        &.collapsed {
+          position: relative;
+          max-height: 120px;
+          overflow: hidden;
+
+          &::after {
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            height: 60px;
+            content: "";
+            background: linear-gradient(
+              transparent,
+              var(--chat-area-bg, var(--el-bg-color-overlay))
+            );
+          }
+        }
+      }
+
+      .typing-indicator {
+        display: flex;
+        align-items: center;
+        padding: 8px 0;
+
+        .typing-dots {
+          display: flex;
+          gap: 4px;
+
+          span {
+            width: 8px;
+            height: 8px;
+            background: var(--el-text-color-secondary);
+            border-radius: 50%;
+            animation: typing 1.4s infinite ease-in-out;
+
+            &:nth-child(1) {
+              animation-delay: 0s;
+            }
+
+            &:nth-child(2) {
+              animation-delay: 0.2s;
+            }
+
+            &:nth-child(3) {
+              animation-delay: 0.4s;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &.user {
+    flex-direction: row-reverse;
+
+    .message-content {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+
+      .message-header {
+        .sender-name {
+          text-align: right;
+        }
+      }
+
+      .message-actions {
+        justify-content: flex-end;
+      }
+
+      .message-body .message-text {
+        padding: 10px 14px;
+        background: var(--el-color-primary-light-9);
+        border: 1px solid var(--el-border-color-light);
+        border-radius: 12px;
+
+        &.collapsed::after {
+          background: linear-gradient(transparent, var(--el-color-primary-light-9));
+        }
+      }
+    }
+  }
+
+  &.assistant {
+    .message-content {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+    }
+  }
+}
+
+@keyframes typing {
+  0%,
+  60%,
+  100% {
+    transform: translateY(0);
+  }
+
+  30% {
+    transform: translateY(-4px);
+  }
+}
+</style>
+
+<!-- 暗色下覆盖 highlight.js 亮色主题，避免代码块发白底 -->
+<style lang="scss">
+html.dark .chat-messages .message-text .markdown-content {
+  pre.hljs,
+  code.hljs {
+    color: var(--el-text-color-regular) !important;
+    background: var(--el-fill-color) !important;
+  }
+
+  .hljs-comment,
+  .hljs-quote {
+    color: var(--el-text-color-secondary) !important;
+  }
+
+  .hljs-keyword,
+  .hljs-selector-tag,
+  .hljs-built_in {
+    color: var(--el-color-primary) !important;
+  }
+
+  .hljs-string,
+  .hljs-title,
+  .hljs-attr {
+    color: var(--el-color-success) !important;
+  }
+
+  .hljs-number,
+  .hljs-literal {
+    color: var(--el-color-warning) !important;
+  }
+}
+</style>
diff --git a/src/views/module_ai/chat/components/FaSidebar.vue b/src/views/module_ai/chat/components/FaSidebar.vue
new file mode 100644
index 0000000..399c509
--- /dev/null
+++ b/src/views/module_ai/chat/components/FaSidebar.vue
@@ -0,0 +1,593 @@
+<template>
+  <div class="sidebar" :class="{ collapsed: isCollapsed }">
+    <div class="sidebar-header">
+      <div class="logo-section">
+        <ElIcon class="logo-icon" :size="28"><ChatDotRound /></ElIcon>
+        <span v-if="!isCollapsed" class="project-name">FA智能助手</span>
+      </div>
+    </div>
+
+    <ElScrollbar class="sidebar-content" view-class="p-4">
+      <template v-if="!isCollapsed">
+        <div class="new-session-section">
+          <ElButton type="primary" class="new-session-btn" @click="handleNewSession">
+            <ElIcon class="btn-icon"><Plus /></ElIcon>
+            <span>开启新对话</span>
+          </ElButton>
+        </div>
+
+        <div class="history-section">
+          <div class="search-section">
+            <ElInput
+              v-model="searchQuery"
+              placeholder="搜索会话历史"
+              :prefix-icon="Search"
+              clearable
+              @input="handleSearch"
+            />
+          </div>
+          <div class="history-groups">
+            <div v-for="group in groupedSessions" :key="group.title" class="history-group">
+              <div class="group-title" @click="toggleGroup(group.title)">
+                <span>{{ group.title }}</span>
+                <ElIcon
+                  class="collapse-icon"
+                  :class="{ collapsed: collapsedGroups.has(group.title) }"
+                >
+                  <ArrowDown />
+                </ElIcon>
+              </div>
+              <div v-show="!collapsedGroups.has(group.title)" class="session-list">
+                <div
+                  v-for="session in group.sessions"
+                  :key="session.id"
+                  class="session-item"
+                  :class="{ active: currentSessionId === session.id }"
+                  @click="handleSelectSession(session)"
+                >
+                  <ElIcon class="session-icon"><ChatLineRound /></ElIcon>
+                  <span class="session-title">
+                    {{ session.title || session.session_data?.session_name || "未命名会话" }}
+                  </span>
+                  <ElDropdown
+                    trigger="click"
+                    @command="(cmd) => handleSessionCommand(cmd, session)"
+                  >
+                    <ElIcon class="more-icon" @click.stop><MoreFilled /></ElIcon>
+                    <template #dropdown>
+                      <ElDropdownMenu>
+                        <ElDropdownItem command="rename">重命名</ElDropdownItem>
+                        <ElDropdownItem command="delete" divided>删除</ElDropdownItem>
+                      </ElDropdownMenu>
+                    </template>
+                  </ElDropdown>
+                </div>
+              </div>
+            </div>
+            <div v-if="filteredSessions.length === 0" class="empty-state">
+              <ElEmpty description="暂无会话历史" :image-size="60" />
+            </div>
+          </div>
+        </div>
+      </template>
+    </ElScrollbar>
+
+    <div class="sidebar-footer">
+      <div v-if="!isCollapsed" class="user-info">
+        <ElAvatar :size="32" :src="userInfo.avatar">
+          <ElIcon><User /></ElIcon>
+        </ElAvatar>
+        <div class="user-details">
+          <div class="user-name">{{ userInfo.name }}</div>
+          <div class="user-status">在线</div>
+        </div>
+        <ElDropdown trigger="click" @command="handleUserCommand">
+          <ElIcon class="user-menu-icon"><Setting /></ElIcon>
+          <template #dropdown>
+            <ElDropdownMenu>
+              <ElDropdownItem command="profile">个人中心</ElDropdownItem>
+              <ElDropdownItem command="settings">设置</ElDropdownItem>
+              <ElDropdownItem command="logout" divided>退出登录</ElDropdownItem>
+            </ElDropdownMenu>
+          </template>
+        </ElDropdown>
+      </div>
+      <div v-else class="collapsed-user">
+        <ElDropdown trigger="click" @command="handleUserCommand">
+          <ElAvatar :size="32" :src="userInfo.avatar">
+            <ElIcon><User /></ElIcon>
+          </ElAvatar>
+          <template #dropdown>
+            <ElDropdownMenu>
+              <ElDropdownItem command="profile">个人中心</ElDropdownItem>
+              <ElDropdownItem command="settings">设置</ElDropdownItem>
+              <ElDropdownItem command="logout" divided>退出登录</ElDropdownItem>
+            </ElDropdownMenu>
+          </template>
+        </ElDropdown>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted } from "vue";
+import { useRouter } from "vue-router";
+import { ElMessage, ElMessageBox, ElScrollbar } from "element-plus";
+import {
+  ChatLineRound,
+  User,
+  Setting,
+  MoreFilled,
+  Plus,
+  Search,
+  ArrowDown,
+} from "@element-plus/icons-vue";
+import { useUserStoreHook } from "@stores";
+import { ChatSession, SessionGroup, UserInfo } from "@/api/module_ai/chat";
+import AiChatAPI from "@/api/module_ai/chat";
+
+interface Props {
+  currentSessionId?: string | null;
+  isCollapsed?: boolean;
+}
+
+interface Emits {
+  (e: "select-session", session: ChatSession): void;
+  (e: "new-session"): void;
+  (e: "open-config"): void;
+}
+
+const { currentSessionId, isCollapsed = false } = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+const router = useRouter();
+const userStore = useUserStoreHook();
+
+const sessions = ref<ChatSession[]>([]);
+const searchQuery = ref("");
+const collapsedGroups = ref<Set<string>>(new Set());
+
+const userInfo = computed<UserInfo>(() => ({
+  id: userStore.basicInfo.id || 0,
+  name: userStore.basicInfo.name || "用户",
+  username: userStore.basicInfo.username || "",
+  avatar: userStore.basicInfo.avatar || "",
+  email: userStore.basicInfo.email || "",
+}));
+
+const filteredSessions = computed<ChatSession[]>(() => {
+  if (!searchQuery.value.trim()) {
+    return sessions.value;
+  }
+  const query = searchQuery.value.toLowerCase();
+  return sessions.value.filter((session: ChatSession) =>
+    (session.title || "").toLowerCase().includes(query)
+  );
+});
+
+const groupedSessions = computed<SessionGroup[]>(() => {
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
+  const todayStart = today.getTime();
+  const yesterdayStart = todayStart - 24 * 60 * 60 * 1000;
+  const weekAgo = todayStart - 7 * 24 * 60 * 60 * 1000;
+
+  const todaySessions: ChatSession[] = [];
+  const yesterdaySessions: ChatSession[] = [];
+  const weekSessions: ChatSession[] = [];
+  const earlierSessions: ChatSession[] = [];
+
+  filteredSessions.value.forEach((session) => {
+    if (!session.updated_at) return;
+    // Unix 时间戳（秒）转换为毫秒
+    const updatedTime = session.updated_at * 1000;
+
+    if (updatedTime >= todayStart) {
+      todaySessions.push(session);
+    } else if (updatedTime >= yesterdayStart) {
+      yesterdaySessions.push(session);
+    } else if (updatedTime >= weekAgo) {
+      weekSessions.push(session);
+    } else {
+      earlierSessions.push(session);
+    }
+  });
+
+  const groups: SessionGroup[] = [];
+
+  if (todaySessions.length > 0) {
+    groups.push({ id: "today", title: "今天", sessions: todaySessions });
+  }
+
+  if (yesterdaySessions.length > 0) {
+    groups.push({ id: "yesterday", title: "昨天", sessions: yesterdaySessions });
+  }
+
+  if (weekSessions.length > 0) {
+    groups.push({ id: "week", title: "本周", sessions: weekSessions });
+  }
+
+  if (earlierSessions.length > 0) {
+    groups.push({ id: "earlier", title: "更早", sessions: earlierSessions });
+  }
+
+  return groups;
+});
+
+const handleSearch = () => {};
+
+const toggleGroup = (groupTitle: string) => {
+  const newCollapsed = new Set(collapsedGroups.value);
+  if (newCollapsed.has(groupTitle)) {
+    newCollapsed.delete(groupTitle);
+  } else {
+    newCollapsed.add(groupTitle);
+  }
+  collapsedGroups.value = newCollapsed;
+};
+
+const handleSelectSession = (session: ChatSession) => {
+  emit("select-session", session);
+};
+
+const handleNewSession = () => {
+  emit("new-session");
+};
+
+const handleSessionCommand = async (command: string, session: ChatSession) => {
+  if (command === "rename") {
+    try {
+      const { value } = await ElMessageBox.prompt("请输入新的会话名称", "重命名", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        inputPattern: /.+/,
+        inputErrorMessage: "会话名称不能为空",
+      });
+      await AiChatAPI.updateSession(session.id, { title: value });
+      session.title = value;
+    } catch (error) {
+      if (error === "cancel") {
+        ElMessage.info("已取消重命名");
+      }
+      // 非 cancel 的接口错误已由拦截器提示
+    }
+  } else if (command === "delete") {
+    try {
+      await ElMessageBox.confirm("确定要删除此会话吗？", "确认删除", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      });
+      await AiChatAPI.deleteSession([session.id]);
+      const index = sessions.value.findIndex((s: ChatSession) => s.id === session.id);
+      if (index > -1) {
+        sessions.value.splice(index, 1);
+      }
+    } catch (error) {
+      if (error === "cancel") {
+        ElMessage.info("已取消删除");
+      }
+      // 非 cancel 的接口错误已由拦截器提示
+    }
+  }
+};
+
+const handleUserCommand = (command: string) => {
+  if (command === "profile") {
+    router.push("/fastlink/profile");
+  } else if (command === "settings") {
+    emit("open-config");
+  } else if (command === "logout") {
+    userStore.logout();
+  }
+};
+
+const loadSessions = async () => {
+  try {
+    const res = await AiChatAPI.getSessionList({ page_no: 1, page_size: 100 });
+    const responseData = res.data;
+    const data = responseData?.data;
+
+    if (data?.items && Array.isArray(data.items)) {
+      sessions.value = data.items
+        .filter((item: any) => item.session_id !== undefined)
+        .map((item: any) => ({
+          id: item.session_id,
+          title: item.session_data?.session_name || item.session_id?.slice(0, 8) || "新会话",
+          created_at: item.created_at,
+          updated_at: item.updated_at,
+          message_count: item.runs?.length || 0,
+          session_id: item.session_id,
+          session_type: item.session_type,
+          agent_id: item.agent_id,
+          user_id: item.user_id,
+          team_id: item.team_id,
+          team_name: item.team_name,
+          workflow_id: item.workflow_id,
+          summary: item.summary,
+          metadata: item.metadata,
+          runs: item.runs,
+          session_data: item.session_data,
+          agent_data: item.agent_data,
+          team_data: item.team_data,
+          workflow_data: item.workflow_data,
+          created_time: item.created_at ? new Date(item.created_at * 1000).toISOString() : null,
+          updated_time: item.updated_at ? new Date(item.updated_at * 1000).toISOString() : null,
+          messages: item.runs?.flatMap((run: any) => run.messages || []) || [],
+        }));
+    }
+  } catch (error) {
+    console.error("加载会话列表失败:", error);
+  }
+};
+
+onMounted(() => {
+  loadSessions();
+});
+
+defineExpose({
+  loadSessions,
+});
+</script>
+
+<style lang="scss" scoped>
+.sidebar {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  border-right: 1px solid var(--el-border-color-light);
+  transition: width 0.3s ease;
+
+  .sidebar-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px;
+
+    .logo-section {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+
+      .logo-icon {
+        color: var(--el-color-primary);
+      }
+
+      .project-name {
+        font-size: 16px;
+        font-weight: 600;
+        color: var(--el-text-color-primary);
+      }
+    }
+  }
+
+  .sidebar-content {
+    flex: 1;
+
+    .new-session-section {
+      margin-bottom: 16px;
+
+      .new-session-btn {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        border-radius: 20px;
+        transition: all 0.2s ease;
+
+        .btn-icon {
+          font-size: 16px;
+        }
+
+        &:hover {
+          box-shadow: var(--el-box-shadow);
+          transform: translateY(-1px);
+        }
+
+        &:active {
+          transform: translateY(0);
+        }
+      }
+    }
+
+    .history-section {
+      .search-section {
+        margin-bottom: 16px;
+
+        :deep(.el-input__wrapper) {
+          border-radius: 20px;
+          box-shadow: 0 0 0 1px var(--el-border-color) inset;
+          transition: all 0.2s ease;
+
+          &:hover {
+            box-shadow: 0 0 0 1px var(--el-color-primary) inset;
+          }
+
+          &.is-focus {
+            box-shadow: 0 0 0 1px var(--el-color-primary) inset;
+          }
+        }
+
+        :deep(.el-input__inner) {
+          font-size: 13px;
+        }
+      }
+
+      .history-groups {
+        .history-group {
+          margin-bottom: 24px;
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+
+          .group-title {
+            display: flex;
+            gap: 6px;
+            align-items: center;
+            justify-content: space-between;
+            padding: 0 4px;
+            margin-bottom: 10px;
+            font-size: 12px;
+            font-weight: 500;
+            color: var(--el-text-color-secondary);
+            cursor: pointer;
+            user-select: none;
+            transition: color 0.2s;
+
+            &::before {
+              width: 3px;
+              height: 12px;
+              content: "";
+              background: var(--el-color-primary);
+              border-radius: 2px;
+            }
+
+            &:hover {
+              color: var(--el-text-color-primary);
+            }
+
+            .collapse-icon {
+              font-size: 14px;
+              transition: transform 0.2s ease;
+
+              &.collapsed {
+                transform: rotate(-90deg);
+              }
+            }
+          }
+
+          .session-list {
+            .session-item {
+              position: relative;
+              display: flex;
+              gap: 10px;
+              align-items: center;
+              padding: 4px;
+              margin-bottom: 6px;
+              cursor: pointer;
+              border: 1px solid transparent;
+              border-radius: 14px;
+              transition: all 0.2s ease;
+
+              &:hover {
+                background: var(--el-fill-color-light);
+                border-color: var(--el-border-color-light);
+                transform: translateX(2px);
+              }
+
+              &.active {
+                color: var(--el-color-primary);
+                background: var(--el-color-primary-light-9);
+                border-color: var(--el-border-color-light);
+                box-shadow: none;
+              }
+
+              .session-icon {
+                flex-shrink: 0;
+                font-size: 18px;
+                color: var(--el-text-color-secondary);
+                transition: color 0.2s;
+              }
+
+              &.active .session-icon {
+                color: var(--el-color-primary);
+              }
+
+              .session-title {
+                flex: 1;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                font-size: 14px;
+                font-weight: 400;
+                white-space: nowrap;
+                transition: font-weight 0.2s;
+              }
+
+              &.active .session-title {
+                font-weight: 500;
+              }
+
+              .more-icon {
+                flex-shrink: 0;
+                padding: 4px;
+                font-size: 16px;
+                border-radius: 4px;
+                opacity: 0;
+                transition: all 0.2s;
+
+                &:hover {
+                  color: var(--el-color-primary);
+                  background: var(--el-fill-color);
+                }
+              }
+
+              &:hover .more-icon {
+                opacity: 1;
+              }
+            }
+          }
+        }
+
+        .empty-state {
+          display: flex;
+          flex-direction: column;
+          gap: 8px;
+          align-items: center;
+          justify-content: center;
+          padding: 40px 20px;
+          color: var(--el-text-color-secondary);
+        }
+      }
+    }
+  }
+
+  .sidebar-footer {
+    padding: 12px;
+    border-top: 1px solid var(--el-border-color-light);
+
+    .user-info {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+
+      .user-details {
+        flex: 1;
+        overflow: hidden;
+
+        .user-name {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          font-size: 14px;
+          font-weight: 500;
+          color: var(--el-text-color-primary);
+          white-space: nowrap;
+        }
+
+        .user-status {
+          font-size: 12px;
+          color: var(--el-color-success);
+        }
+      }
+
+      .user-menu-icon {
+        font-size: 18px;
+        color: var(--el-text-color-secondary);
+        cursor: pointer;
+
+        &:hover {
+          color: var(--el-color-primary);
+        }
+      }
+    }
+
+    .collapsed-user {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/module_ai/chat/components/FaWelcomeScreen.vue b/src/views/module_ai/chat/components/FaWelcomeScreen.vue
new file mode 100644
index 0000000..2d6bea0
--- /dev/null
+++ b/src/views/module_ai/chat/components/FaWelcomeScreen.vue
@@ -0,0 +1,133 @@
+<template>
+  <div class="welcome-screen">
+    <div class="welcome-content">
+      <div class="ai-logo">
+        <ElIcon size="64"><ChatDotRound /></ElIcon>
+      </div>
+      <h1>FA智能助手</h1>
+      <p class="welcome-subtitle">我是您的专属AI助手，可以帮您回答问题、处理任务和进行智能对话</p>
+
+      <div class="example-prompts">
+        <div
+          v-for="card in promptCards"
+          :key="card.prompt"
+          class="prompt-card"
+          role="button"
+          tabindex="0"
+          @click="handlePromptClick(card.prompt)"
+          @keydown.enter.prevent="handlePromptClick(card.prompt)"
+          @keydown.space.prevent="handlePromptClick(card.prompt)"
+        >
+          <h4>{{ card.title }}</h4>
+          <p>{{ card.body }}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ChatDotRound } from "@element-plus/icons-vue";
+
+interface Emits {
+  (e: "prompt-click", prompt: string): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const promptCards = [
+  { title: "系统介绍", body: "请介绍一下FastApiAdmin系统", prompt: "请介绍一下FastApiAdmin系统" },
+  { title: "开发指导", body: "如何在系统中创建新的模块？", prompt: "如何在系统中创建新的模块？" },
+  {
+    title: "权限管理",
+    body: "FA系统的权限管理是如何工作的？",
+    prompt: "系统的权限管理是如何工作的？",
+  },
+  { title: "性能优化", body: "如何优化系统的性能？", prompt: "如何优化FA系统的性能？" },
+];
+
+const handlePromptClick = (prompt: string) => {
+  emit("prompt-click", prompt);
+};
+</script>
+
+<style lang="scss" scoped>
+.welcome-screen {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: 32px;
+  text-align: center;
+
+  .welcome-content {
+    max-width: 800px;
+
+    .ai-logo {
+      margin-bottom: 24px;
+      color: var(--el-color-primary);
+    }
+
+    h1 {
+      margin: 0 0 16px;
+      font-size: 32px;
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+    }
+
+    .welcome-subtitle {
+      margin-bottom: 32px;
+      font-size: 16px;
+      line-height: 1.5;
+      color: var(--el-text-color-secondary);
+    }
+
+    .example-prompts {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+      gap: 16px;
+      max-width: 600px;
+
+      .prompt-card {
+        padding: 20px;
+        text-align: left;
+        cursor: pointer;
+        background: var(--el-bg-color-overlay);
+        border: 1px solid var(--el-border-color-light);
+        border-radius: 12px;
+        transition:
+          border-color 0.2s ease,
+          box-shadow 0.2s ease,
+          transform 0.2s ease;
+
+        &:hover {
+          border-color: var(--el-color-primary);
+          box-shadow: var(--el-box-shadow-light);
+          transform: translateY(-2px);
+        }
+
+        &:focus-visible {
+          outline: 2px solid var(--el-color-primary);
+          outline-offset: 2px;
+          border-color: var(--el-color-primary);
+        }
+
+        h4 {
+          margin: 0 0 8px;
+          font-size: 14px;
+          font-weight: 600;
+          color: var(--el-text-color-primary);
+        }
+
+        p {
+          margin: 0;
+          font-size: 13px;
+          line-height: 1.4;
+          color: var(--el-text-color-secondary);
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/module_ai/chat/index.vue b/src/views/module_ai/chat/index.vue
new file mode 100644
index 0000000..cd9374b
--- /dev/null
+++ b/src/views/module_ai/chat/index.vue
@@ -0,0 +1,387 @@
+<template>
+  <div class="fa-full-height">
+    <ElContainer class="main-chat">
+      <ElAside class="sidebar-container" :class="{ collapsed: isSidebarCollapsed }">
+        <FaSidebar
+          ref="sidebarRef"
+          :current-session-id="currentSessionId"
+          :is-collapsed="isSidebarCollapsed"
+          @select-session="handleSelectSession"
+          @new-session="handleNewSession"
+          @open-config="configDrawerVisible = true"
+        />
+      </ElAside>
+      <ElContainer class="chat-container">
+        <ElHeader class="chat-header">
+          <FaChatNavbar
+            :connection-status="connectionStatus"
+            :is-connected="isConnected"
+            :message-count="messages.length"
+            :is-sidebar-collapsed="isSidebarCollapsed"
+            @clear-chat="handleClearChat"
+            @toggle-connection="toggleConnection"
+            @toggle-sidebar="toggleSidebar"
+          />
+        </ElHeader>
+        <ElMain class="chat-main">
+          <FaChatMessages
+            ref="chatMessagesRef"
+            :messages="messages"
+            :error="error"
+            @prompt-click="handleSendMessage"
+            @error-close="error = ''"
+          />
+        </ElMain>
+        <ElFooter class="chat-footer">
+          <FaChatInput
+            :disabled="!isConnected"
+            :sending="sending"
+            :is-connected="isConnected"
+            @send="handleSendMessage"
+            @stop="handleStopMessage"
+          />
+        </ElFooter>
+      </ElContainer>
+    </ElContainer>
+
+    <FaConfigInfoDrawer v-model="configDrawerVisible" />
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({
+  name: "Chat",
+  inheritAttrs: false,
+});
+
+import { ref, onMounted, onUnmounted } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import AiChatAPI, { ChatSession } from "@/api/module_ai/chat";
+import { Auth } from "@utils/auth";
+import type { ChatMessage, UploadedFile } from "./types";
+import FaSidebar from "./components/FaSidebar.vue";
+import FaChatNavbar from "./components/FaChatNavbar.vue";
+import FaChatMessages from "./components/FaChatMessages.vue";
+import FaChatInput from "./components/FaChatInput.vue";
+import FaConfigInfoDrawer from "@/components/layouts/fa-header-bar/widgets/FaConfigInfoDrawer.vue";
+
+// 状态
+const messages = ref<ChatMessage[]>([]);
+const sending = ref(false);
+const isConnected = ref(false);
+const connectionStatus = ref<"connected" | "connecting" | "disconnected">("disconnected");
+const error = ref("");
+const currentSessionId = ref<string | null>(null);
+const isSidebarCollapsed = ref(false);
+const configDrawerVisible = ref(false);
+
+// Refs
+const chatMessagesRef = ref<{ scrollToBottom: () => void }>();
+const sidebarRef = ref<{ loadSessions: () => void }>();
+
+// WebSocket
+let ws: WebSocket | null = null;
+const getWebSocketBaseUrl = (): string => {
+  const endpoint = import.meta.env.VITE_APP_WS_ENDPOINT?.trim();
+  if (endpoint) return endpoint;
+  const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+  return `${protocol}//${window.location.host}`;
+};
+const WS_URL = getWebSocketBaseUrl();
+
+// ============ WebSocket 操作 ============
+const connectWebSocket = () => {
+  if (ws?.readyState === WebSocket.OPEN) return;
+
+  connectionStatus.value = "connecting";
+  error.value = "";
+
+  try {
+    const url = new URL("/api/v1/ai/chat/ws", WS_URL);
+    const token = Auth.getAccessToken();
+    if (token) url.searchParams.append("token", token);
+
+    ws = new WebSocket(url.toString());
+
+    ws.onopen = () => {
+      isConnected.value = true;
+      connectionStatus.value = "connected";
+      ElMessage.success("连接成功");
+    };
+
+    ws.onmessage = (event) => handleWebSocketMessage(event.data);
+
+    ws.onclose = () => {
+      isConnected.value = false;
+      connectionStatus.value = "disconnected";
+      finishLoadingMessages();
+    };
+
+    ws.onerror = () => {
+      isConnected.value = false;
+      connectionStatus.value = "disconnected";
+      ElMessage.error("连接失败，请检查服务器状态");
+      finishLoadingMessages();
+    };
+  } catch {
+    connectionStatus.value = "disconnected";
+    error.value = "无法创建连接";
+  }
+};
+
+const disconnectWebSocket = () => {
+  if (ws) {
+    ws.close(1000, "用户主动断开");
+    ws = null;
+  }
+  isConnected.value = false;
+  connectionStatus.value = "disconnected";
+  finishLoadingMessages();
+};
+
+const toggleConnection = () => {
+  if (isConnected.value) {
+    disconnectWebSocket();
+    ElMessage.info("已断开连接");
+  } else {
+    connectWebSocket();
+  }
+};
+
+// ============ 消息处理 ============
+const handleWebSocketMessage = (data: string) => {
+  const text = data || "";
+
+  // 服务端结束标记
+  if (text === "[DONE]") {
+    finishLoadingMessages();
+    sending.value = false;
+    return;
+  }
+
+  // 服务端停止确认标记
+  if (text === "[STOPPED]") {
+    finishLoadingMessages();
+    sending.value = false;
+    ElMessage.info("已停止生成");
+    return;
+  }
+
+  const lastMessage = messages.value[messages.value.length - 1];
+
+  if (lastMessage?.type === "assistant" && lastMessage.loading) {
+    lastMessage.content += text;
+  } else {
+    addMessage("assistant", text);
+  }
+
+  chatMessagesRef.value?.scrollToBottom();
+};
+
+const addMessage = (type: "user" | "assistant", content: string, files?: UploadedFile[]) => {
+  messages.value.push({
+    id: generateId(),
+    type,
+    content,
+    timestamp: Date.now(),
+    collapsed: content.length > 200,
+    files,
+    loading: type === "assistant" ? true : false,
+  });
+};
+
+const finishLoadingMessages = () => {
+  messages.value.forEach((msg) => {
+    if (msg.type === "assistant" && msg.loading) {
+      msg.loading = false;
+      msg.collapsed = msg.content.length > 200;
+    }
+  });
+};
+
+const generateId = () => {
+  return Date.now().toString(36) + Math.random().toString(36).slice(2);
+};
+
+// ============ 发送消息 ============
+const handleSendMessage = async (message: string, files?: UploadedFile[]) => {
+  if ((!message && !files) || !isConnected.value || sending.value) return;
+
+  // 结束上一个加载中的消息
+  finishLoadingMessages();
+
+  // 创建新会话（如果没有）
+  if (!currentSessionId.value) {
+    const success = await createNewSession(message);
+    if (!success) return;
+  }
+
+  // 添加用户消息
+  addMessage("user", message, files);
+
+  // 添加加载中的助手消息
+  messages.value.push({
+    id: generateId(),
+    type: "assistant",
+    content: "",
+    timestamp: Date.now(),
+    loading: true,
+  });
+
+  sending.value = true;
+  chatMessagesRef.value?.scrollToBottom();
+
+  try {
+    if (ws?.readyState === WebSocket.OPEN) {
+      ws.send(
+        JSON.stringify({
+          message,
+          session_id: currentSessionId.value,
+          files: files?.map((f) => ({ name: f.name, type: f.type, size: f.size })),
+        })
+      );
+      // 注意：sending 状态保持为 true，等待 [DONE] / [STOPPED] 标记清除
+    } else {
+      throw new Error("WebSocket 连接未建立");
+    }
+  } catch {
+    messages.value.pop();
+    error.value = "发送消息失败，请检查连接状态";
+    sending.value = false;
+  }
+};
+
+// 停止当前生成
+const handleStopMessage = () => {
+  if (ws?.readyState !== WebSocket.OPEN) return;
+  try {
+    ws.send(
+      JSON.stringify({
+        action: "stop",
+        session_id: currentSessionId.value,
+      })
+    );
+  } catch {
+    ElMessage.error("停止指令发送失败");
+  }
+};
+
+const createNewSession = async (firstMessage: string): Promise<boolean> => {
+  try {
+    const title = firstMessage.slice(0, 20) + (firstMessage.length > 20 ? "..." : "");
+    const res = await AiChatAPI.createSession({ title });
+
+    if (res.data?.code === 0 || res.data?.success) {
+      currentSessionId.value = res.data.data?.id ?? null;
+      sidebarRef.value?.loadSessions();
+      return true;
+    }
+    throw new Error("创建会话失败");
+  } catch {
+    return false;
+  }
+};
+
+// ============ 会话操作 ============
+const handleSelectSession = async (session: ChatSession) => {
+  currentSessionId.value = session.id;
+  messages.value = [];
+
+  try {
+    const response = await AiChatAPI.getSessionDetail(session.id);
+    if (response.data?.code !== 0) {
+      return;
+    }
+
+    const sessionData = response.data.data || {};
+    const runs = sessionData.runs || [];
+
+    runs.forEach((run: any) => {
+      const runMessages = run.messages || [];
+      runMessages.forEach((msg: any) => {
+        if (msg.role === "user" || msg.role === "assistant") {
+          addMessage(msg.role, msg.content);
+        }
+      });
+    });
+
+    ElMessage.success(`已切换到会话：${session.title}`);
+  } catch {
+    ElMessage.error("获取会话详情失败");
+  }
+};
+
+const handleNewSession = () => {
+  currentSessionId.value = null;
+  messages.value = [];
+  ElMessage.success("已开启新对话");
+};
+
+const handleClearChat = async () => {
+  try {
+    await ElMessageBox.confirm("确定要清空当前对话吗？此操作不可恢复。", "确认清空", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    messages.value = [];
+    ElMessage.success("对话已清空");
+  } catch {
+    ElMessage.info("已取消清空对话");
+  }
+};
+
+const toggleSidebar = () => {
+  isSidebarCollapsed.value = !isSidebarCollapsed.value;
+};
+
+// ============ 生命周期 ============
+onMounted(connectWebSocket);
+onUnmounted(disconnectWebSocket);
+</script>
+
+<style lang="scss" scoped>
+.main-chat {
+  height: 100%;
+  overflow: hidden;
+  border: 1px solid var(--el-border-color-light);
+  border-radius: 8px;
+  box-shadow: var(--el-box-shadow-light);
+
+  /* 与右侧同一表面色；与内容区的分界交给 Sidebar 的竖线即可 */
+  .sidebar-container {
+    width: 200px;
+    background: transparent;
+    transition: width 0.3s ease;
+
+    &.collapsed {
+      width: 64px;
+    }
+  }
+
+  .chat-container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .chat-header {
+    height: auto;
+    padding: 0;
+    border-bottom: 1px solid var(--el-border-color-lighter);
+  }
+
+  .chat-main {
+    flex: 1;
+    overflow: hidden;
+  }
+
+  .chat-footer {
+    height: auto;
+    min-height: 80px;
+    padding: 0;
+    border-top: 1px solid var(--el-border-color-lighter);
+  }
+}
+</style>
diff --git a/src/views/module_ai/chat/types.ts b/src/views/module_ai/chat/types.ts
new file mode 100644
index 0000000..7c470ab
--- /dev/null
+++ b/src/views/module_ai/chat/types.ts
@@ -0,0 +1,38 @@
+// 聊天消息类型
+export interface ChatMessage {
+  id: string;
+  type: "user" | "assistant";
+  content: string;
+  timestamp: number;
+  loading?: boolean;
+  collapsed?: boolean;
+  files?: UploadedFile[];
+}
+
+// 上传文件类型
+export interface UploadedFile {
+  id: string;
+  name: string;
+  size: number;
+  type: string;
+  url?: string;
+  file?: File;
+}
+
+// 会话消息类型（来自后端）
+export interface SessionMessage {
+  id: string;
+  role: "user" | "assistant";
+  content: string;
+  created_time?: string;
+}
+
+// 会话详情类型
+export interface SessionDetail {
+  id: string;
+  title: string;
+  created_time?: string;
+  updated_time?: string;
+  message_count: number;
+  messages: SessionMessage[];
+}
diff --git a/src/views/module_ai/memory/index.vue b/src/views/module_ai/memory/index.vue
new file mode 100644
index 0000000..e6133b3
--- /dev/null
+++ b/src/views/module_ai/memory/index.vue
@@ -0,0 +1,573 @@
+<!-- AI 会话记录：Art + useTable -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="memorySearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_ai:chat:create']"
+            :perm-delete="['module_ai:chat:delete']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            @add="handleAdd"
+            @delete="handleBatchDelete"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        row-key="id"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      >
+        <template #memory-title="{ row }">
+          <ElInput
+            v-if="editingRowId === row.id"
+            ref="titleInputRef"
+            v-model="editingTitle"
+            size="small"
+            @blur="handleSaveTitle(row)"
+            @keyup.enter="handleSaveTitle(row)"
+          />
+          <span v-else class="editable-cell" title="点击编辑" @click="handleEditTitle(row)">
+            {{ row.title || "未命名会话" }}
+            <ElIcon class="edit-icon"><Edit /></ElIcon>
+          </span>
+        </template>
+      </FaTable>
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="920px"
+      dialog-class="session-detail-dialog"
+      modal-class="session-detail-dialog"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <ElScrollbar max-height="70vh" :view-style="{ overflowX: 'hidden' }">
+          <FaDescriptions
+            :column="2"
+            :data="detailFormData"
+            :items="memoryDetailItems"
+            :scrollbar="false"
+          >
+            <template #metadata="{ row }">
+              <pre v-if="row?.metadata">{{ JSON.stringify(row?.metadata, null, 2) }}</pre>
+              <span v-else>无</span>
+            </template>
+          </FaDescriptions>
+
+          <ElDivider content-position="left">消息记录</ElDivider>
+          <ElTimeline v-if="detailFormData.messages && detailFormData.messages.length > 0">
+            <ElTimelineItem
+              v-for="(msg, index) in detailFormData.messages"
+              :key="index"
+              :type="msg.role === 'user' ? 'primary' : 'success'"
+              :icon="msg.role === 'user' ? 'User' : 'ChatDotRound'"
+            >
+              <div class="message-item">
+                <div class="message-header">
+                  <ElTag size="small" :type="msg.role === 'user' ? 'primary' : 'success'">
+                    {{ msg.role === "user" ? "用户" : "助手" }}
+                  </ElTag>
+                  <span v-if="msg.created_at" class="message-time">
+                    {{ formatMsgTime(msg.created_at) }}
+                  </span>
+                </div>
+                <div class="message-content">{{ msg.content }}</div>
+              </div>
+            </ElTimelineItem>
+          </ElTimeline>
+          <ElEmpty v-else description="暂无消息记录" :image-size="60" />
+        </ElScrollbar>
+      </template>
+      <template v-else>
+        <FaForm
+          :key="memoryFormRenderKey"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="memoryDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="100"
+          label-position="right"
+          :span="24"
+          :gutter="16"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        />
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({
+  name: "ChatSession",
+  inheritAttrs: false,
+});
+
+import { ref, reactive, computed, nextTick } from "vue";
+import { Edit } from "@element-plus/icons-vue";
+import { ElMessage } from "element-plus";
+import AiChatAPI, { type ChatSession, type ChatSessionDetail } from "@/api/module_ai/chat";
+import { useTable } from "@/hooks/core/useTable";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { confirmDelete, confirmBatchDelete } from "@/hooks/core/useConfirm";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import type { ColumnOption } from "@/types/component";
+import { useAuth } from "@/hooks/core/useAuth";
+import { formatToDateTime, renderTableOperationCell, type TableOperationAction } from "@utils";
+
+type MemorySearchForm = {
+  title?: string;
+  created_at?: string[];
+  updated_at?: string[];
+};
+
+function buildMemoryReplaceParams(u: MemorySearchForm): Record<string, unknown> {
+  return {
+    title: u.title,
+    created_at: Array.isArray(u.created_at) && u.created_at.length === 2 ? u.created_at : undefined,
+    updated_at: Array.isArray(u.updated_at) && u.updated_at.length === 2 ? u.updated_at : undefined,
+  };
+}
+
+const searchForm = ref<MemorySearchForm>({
+  title: undefined,
+  created_at: undefined,
+  updated_at: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const { hasAuth } = useAuth();
+
+const memorySearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "标题",
+    key: "title",
+    type: "input",
+    placeholder: "请输入标题",
+    clearable: true,
+    span: 6,
+  },
+]);
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const submitLoading = ref(false);
+const memoryFormRenderKey = ref(0);
+
+const memoryDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "标题",
+    key: "title",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入标题", maxlength: 100 },
+  },
+]);
+const titleInputRef = ref();
+const editingRowId = ref<string | null>(null);
+const editingTitle = ref("");
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const { selectedIds, batchDeleting, onTableSelectionChange } = useTableSelection<ChatSession>();
+
+const createLoading = ref(false);
+
+async function deleteSessionRow(id: string) {
+  try {
+    await confirmDelete();
+    await AiChatAPI.deleteSession([id]);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  }
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await AiChatAPI.deleteSession(ids as unknown as string[]);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: AiChatAPI.getSessionList,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: (): ColumnOption<ChatSession>[] => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      {
+        prop: "session_id",
+        label: "会话ID",
+        minWidth: 180,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "title",
+        label: "标题",
+        minWidth: 200,
+        useSlot: true,
+        slotName: "memory-title",
+      },
+      {
+        prop: "user_id",
+        label: "用户ID",
+        minWidth: 120,
+        visible: false,
+      },
+      {
+        prop: "team_id",
+        label: "团队ID",
+        minWidth: 120,
+        visible: false,
+      },
+      {
+        prop: "team_name",
+        label: "部门名称",
+        minWidth: 120,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "agent_id",
+        label: "Agent ID",
+        minWidth: 120,
+        showOverflowTooltip: true,
+        visible: false,
+      },
+      {
+        prop: "summary",
+        label: "会话摘要",
+        minWidth: 200,
+        showOverflowTooltip: true,
+        visible: false,
+      },
+      {
+        prop: "message_count",
+        label: "消息数量",
+        width: 100,
+        align: "center",
+      },
+      {
+        prop: "created_time",
+        label: "创建时间",
+        width: 168,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "updated_time",
+        label: "更新时间",
+        width: 168,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 160,
+        fixed: "right",
+        align: "center",
+        formatter: (row: ChatSession) => formatMemoryOperationCell(row),
+      },
+    ],
+  },
+});
+
+const formData = ref({
+  id: undefined as string | undefined,
+  title: "",
+});
+
+const { dialogVisible, closeDialog } = useCrudDialog();
+
+const detailFormData = ref<Partial<ChatSessionDetail>>({});
+
+const memoryDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] =
+  [
+    { label: "会话ID", prop: "session_id" },
+    { label: "标题", prop: "title" },
+    { label: "用户ID", prop: "user_id", span: 1 },
+    { label: "团队ID", prop: "team_id", span: 1 },
+    { label: "部门名称", prop: "team_name", span: 1 },
+    { label: "Agent ID", prop: "agent_id", span: 1 },
+    { label: "创建时间", prop: "created_time", span: 1 },
+    { label: "更新时间", prop: "updated_time", span: 1 },
+    { label: "消息数量", prop: "message_count", span: 1 },
+    { label: "会话摘要", prop: "summary" },
+    { label: "元数据", prop: "metadata", slot: "metadata" },
+  ];
+
+const rules = reactive({
+  title: [{ required: true, message: "请输入标题", trigger: "blur" }],
+});
+
+const initialFormData = {
+  id: undefined as string | undefined,
+  title: "",
+};
+
+function formatMsgTime(timestamp: number | null): string {
+  if (!timestamp) return "";
+  return formatToDateTime(new Date(timestamp * 1000));
+}
+
+async function handleSearchBarSearch(params: MemorySearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildMemoryReplaceParams(params));
+  getData();
+}
+
+async function onResetSearch() {
+  searchForm.value = {
+    title: undefined,
+    created_at: undefined,
+    updated_at: undefined,
+  };
+  await resetSearchParams();
+}
+
+async function resetForm() {
+  dataFormRef.value?.resetFields();
+  dataFormRef.value?.clearValidate();
+  Object.assign(formData.value, initialFormData);
+}
+
+async function handleCloseDialog() {
+  closeDialog();
+  await resetForm();
+}
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+async function handleOpenDialog(type: "create" | "detail", id?: string) {
+  await resetForm();
+  dialogVisible.type = type;
+  if (id) {
+    const response = await AiChatAPI.getSessionDetail(id);
+    if (type === "detail") {
+      dialogVisible.title = "详情";
+      detailFormData.value = response.data.data ?? {};
+    }
+  } else {
+    dialogVisible.title = "新增会话";
+    formData.value.id = undefined;
+  }
+  memoryFormRenderKey.value += 1;
+  dialogVisible.visible = true;
+}
+
+function buildMemoryRowActions(row: ChatSession): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_ai:chat:detail",
+      run: () => {
+        void handleOpenDialog("detail", row.id);
+      },
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_ai:chat:delete",
+      run: () => {
+        deleteSessionRow(row.id);
+      },
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatMemoryOperationCell(row: ChatSession) {
+  return renderTableOperationCell(buildMemoryRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 memory-table-actions",
+  });
+}
+
+function handleEditTitle(row: ChatSession) {
+  editingRowId.value = row.id;
+  editingTitle.value = row.title || "";
+  nextTick(() => {
+    titleInputRef.value?.focus?.();
+  });
+}
+
+async function handleSaveTitle(row: ChatSession) {
+  if (editingRowId.value !== row.id) return;
+
+  const newTitle = editingTitle.value.trim();
+  if (!newTitle) {
+    ElMessage.warning("标题不能为空");
+    return;
+  }
+
+  if (newTitle === row.title) {
+    editingRowId.value = null;
+    return;
+  }
+
+  try {
+    await AiChatAPI.updateSession(row.id, { title: newTitle });
+    row.title = newTitle;
+    editingRowId.value = null;
+  } catch (error: unknown) {
+    console.error(error);
+    ElMessage.error("更新失败");
+  }
+}
+
+async function handleSubmit() {
+  dataFormRef.value?.validate(async (valid: boolean) => {
+    if (!valid) return;
+    try {
+      await AiChatAPI.createSession({ title: formData.value.title });
+      dialogVisible.visible = false;
+      await resetForm();
+      await refreshCreate();
+    } catch (error: unknown) {
+      console.error(error);
+    }
+  });
+}
+</script>
+
+<style lang="scss" scoped>
+.edit-icon {
+  font-size: 12px;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+.editable-cell {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  cursor: pointer;
+
+  &:hover {
+    color: var(--el-color-primary);
+
+    .edit-icon {
+      opacity: 1;
+    }
+  }
+}
+
+.message-item {
+  .message-header {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    margin-bottom: 8px;
+  }
+
+  .message-time {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+  }
+
+  .message-content {
+    padding: 8px 12px;
+    word-break: break-all;
+    white-space: pre-wrap;
+    background: var(--el-fill-color-light);
+    border-radius: 4px;
+  }
+}
+
+pre {
+  max-height: 200px;
+  padding: 8px;
+  margin: 0;
+  overflow: auto;
+  font-size: 12px;
+  background: var(--el-fill-color-light);
+  border-radius: 4px;
+}
+
+:deep(.session-detail-dialog .el-dialog__body) {
+  max-height: 60vh;
+  padding: 20px;
+  overflow-y: auto;
+}
+</style>
diff --git a/src/views/module_example/demo/index.vue b/src/views/module_example/demo/index.vue
new file mode 100644
index 0000000..51b2471
--- /dev/null
+++ b/src/views/module_example/demo/index.vue
@@ -0,0 +1,716 @@
+<!-- 示例 CRUD：与角色页同一套 Fa 布局；弹窗与 Crud 一致（FaDialog + crud-embed-dialog） -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="demoBusinessSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      @search="handleSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_example:demo:create']"
+            :perm-import="['module_example:demo:import']"
+            :perm-export="['module_example:demo:export']"
+            :perm-delete="['module_example:demo:delete']"
+            :perm-patch="['module_example:demo:patch']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            @add="handleAdd"
+            @import="openImport"
+            @export="openExport"
+            @delete="handleBatchDelete"
+            @more="runBatchStatus"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="920px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="4"
+          :data="detailFormData"
+          :items="demoDetailItems"
+          max-height="70vh"
+        >
+          <template #json_val="{ row }">
+            <FaJsonPretty v-if="row?.json_val != null" :value="row?.json_val" height="140px" />
+          </template>
+        </FaDescriptions>
+      </template>
+      <template v-else>
+        <FaForm
+          :key="demoFormRenderKey"
+          scrollbar
+          max-height="70vh"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="demoDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="100"
+          label-position="right"
+          :span="24"
+          :gutter="16"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        >
+          <template #json_val>
+            <div class="flex flex-col gap-2">
+              <div
+                v-for="(item, index) in metadataList"
+                :key="index"
+                class="flex items-center gap-2"
+              >
+                <ElInput v-model="item.key" placeholder="键" />
+                <ElInput v-model="item.value" placeholder="值" />
+                <ElButton
+                  type="primary"
+                  icon="Plus"
+                  circle
+                  @click="metadataList.push({ key: '', value: '' })"
+                />
+                <ElButton
+                  type="danger"
+                  icon="Delete"
+                  circle
+                  @click="metadataList.splice(index, 1)"
+                />
+              </div>
+              <ElButton
+                v-if="metadataList.length === 0"
+                type="primary"
+                icon="Plus"
+                @click="metadataList.push({ key: '', value: '' })"
+              >
+                添加元数据
+              </ElButton>
+            </div>
+          </template>
+        </FaForm>
+      </template>
+    </FaDialog>
+
+    <FaImportDialog
+      v-model="importVisible"
+      :content-config="demoImportContentConfig"
+      default-template-file-name="demo_import_template.xlsx"
+      @upload="handleCrudImportUpload"
+    />
+
+    <FaExportDialog
+      v-model="exportVisible"
+      :content-config="demoExportContentConfig"
+      :query-params="exportQueryParams"
+      :page-data="data"
+      :selection-data="selectedRows"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction } from "@/utils/table";
+import { useTable } from "@/hooks/core/useTable";
+import { useImportExport } from "@/hooks/core/useImportExport";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { confirmDelete, confirmBatchDelete, confirmAction } from "@/hooks/core/useConfirm";
+import { stripPaginationParams } from "@/utils/query";
+import type { IContentConfig, IObject } from "@/components/modal/types";
+import type { AuditSearchFormParams } from "@/components/forms/fa-search-bar/auditSearchFormItems";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import FaJsonPretty from "@/components/others/fa-json-pretty/index.vue";
+import type { ColumnOption } from "@/types/component";
+import DemoAPI, {
+  type DemoForm,
+  type DemoPageQuery,
+  type DemoTable,
+} from "@/api/module_example/demo";
+import { ResultEnum } from "@/enums/api/result.enum";
+import { ElMessage } from "element-plus";
+
+defineOptions({
+  name: "Demo",
+  inheritAttrs: false,
+});
+
+const { hasAuth } = useAuth();
+
+// 常量定义
+const STATUS_OPTIONS = [
+  { label: "启用", value: 0 },
+  { label: "停用", value: 1 },
+] as const;
+
+const createInitialFormData = (): DemoForm => ({
+  id: undefined,
+  name: "",
+  status: 0,
+  description: undefined,
+  int_val: undefined,
+  bigint_val: undefined,
+  float_val: undefined,
+  bool_val: true,
+  date_val: undefined,
+  time_val: undefined,
+  datetime_val: undefined,
+  text_val: undefined,
+  json_val: undefined,
+});
+
+type DemoSearchFormParams = {
+  name?: string;
+  status?: number;
+  tenant_id?: number;
+} & AuditSearchFormParams;
+
+const searchForm = ref<DemoSearchFormParams>({
+  name: undefined,
+  status: undefined,
+  tenant_id: undefined,
+  created_id: undefined,
+  updated_id: undefined,
+  created_time: [],
+  updated_time: [],
+});
+
+/** 搜索区域默认展开展示 */
+const showSearchBar = ref(true);
+
+const searchBarRef = ref<{ validate: () => Promise<boolean> } | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+/** 名称、状态；创建人/更新人/时间由 FaSearchBar 的 includeAudit 属性追加 */
+const demoBusinessSearchItems = computed(() => [
+  {
+    label: "名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: STATUS_OPTIONS,
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const { selectedRows, selectedIds, batchDeleting, onTableSelectionChange } =
+  useTableSelection<DemoTable>();
+
+const createLoading = ref(false);
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  searchParams,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshUpdate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: DemoAPI.getDemoList,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: (): ColumnOption<DemoTable>[] => [
+      { type: "globalIndex", width: 56, label: "序号" },
+      { type: "selection", width: 48, fixed: "left" },
+      { prop: "name", label: "名称", minWidth: 120, showOverflowTooltip: true },
+      {
+        prop: "status",
+        label: "状态",
+        width: 88,
+        status: {
+          0: { type: "success", text: "启用" },
+          1: { type: "info", text: "停用" },
+        },
+      },
+      { prop: "int_val", label: "整数", minWidth: 88, showOverflowTooltip: true },
+      { prop: "bigint_val", label: "大整数", minWidth: 100, showOverflowTooltip: true },
+      { prop: "float_val", label: "浮点数", minWidth: 88, showOverflowTooltip: true },
+      {
+        prop: "bool_val",
+        label: "布尔",
+        width: 80,
+        status: {
+          true: { type: "success", text: "是" },
+          false: { type: "danger", text: "否" },
+        },
+      },
+      { prop: "date_val", label: "日期", minWidth: 112, showOverflowTooltip: true },
+      { prop: "time_val", label: "时间", minWidth: 96, showOverflowTooltip: true },
+      { prop: "datetime_val", label: "日期时间", minWidth: 168, showOverflowTooltip: true },
+      { prop: "text_val", label: "长文本", minWidth: 120, showOverflowTooltip: true },
+      { prop: "description", label: "描述", minWidth: 120, showOverflowTooltip: true },
+      { prop: "created_time", label: "创建时间", width: 168, showOverflowTooltip: true },
+      { prop: "updated_time", label: "更新时间", width: 168, showOverflowTooltip: true },
+      {
+        prop: "created_by",
+        label: "创建人",
+        minWidth: 100,
+        formatter: (row: DemoTable) => row.created_by?.name ?? "—",
+      },
+      {
+        prop: "updated_by",
+        label: "更新人",
+        minWidth: 100,
+        formatter: (row: DemoTable) => row.updated_by?.name ?? "—",
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 180,
+        fixed: "right",
+        align: "center",
+        formatter: (row: DemoTable) => formatDemoOperationCell(row),
+      },
+    ],
+  },
+});
+
+/** 供 CrudImportModal / CrudExportModal 的列配置（与 CrudContent.cols 结构一致） */
+const demoCrudCols = computed(() =>
+  columns.value.map((c: ColumnOption<DemoTable>) => {
+    const t = (c as { type?: string }).type;
+    return {
+      prop: c.prop,
+      label: c.label,
+      type: t === "selection" ? ("selection" as const) : ("default" as const),
+      show: true,
+    };
+  })
+);
+
+const exportQueryParams = computed(() => {
+  return stripPaginationParams(searchParams as Record<string, unknown>);
+});
+
+const demoImportContentConfig = computed<IContentConfig>(() => ({
+  permPrefix: "module_example:demo",
+  cols: demoCrudCols.value,
+  indexAction: async () => ({}),
+  importTemplate: () => DemoAPI.downloadTemplateDemo(),
+}));
+
+const demoExportContentConfig = computed(() => ({
+  permPrefix: "module_example:demo",
+  cols: demoCrudCols.value,
+  exportsBlobAction: async (params: IObject) => {
+    const merged = {
+      ...(exportQueryParams.value as unknown as Record<string, unknown>),
+      ...params,
+    } as unknown as DemoPageQuery;
+    const res = await DemoAPI.exportDemo(merged);
+    return res.data as Blob;
+  },
+}));
+
+const { dialogVisible } = useCrudDialog();
+
+const detailFormData = ref<DemoTable>({});
+
+const demoDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] =
+  [
+    { label: "名称", prop: "name" },
+    { label: "UUID", prop: "uuid" },
+    {
+      label: "状态",
+      prop: "status",
+      tag: {
+        map: { "0": { type: "success", text: "启用" }, "1": { type: "danger", text: "停用" } },
+      },
+    },
+    { label: "整数", prop: "int_val" },
+    { label: "大整数", prop: "bigint_val" },
+    { label: "浮点数", prop: "float_val" },
+    {
+      label: "布尔值",
+      prop: "bool_val",
+      tag: {
+        map: { true: { type: "success", text: "是" }, false: { type: "danger", text: "否" } },
+      },
+    },
+    { label: "日期", prop: "date_val" },
+    { label: "时间", prop: "time_val" },
+    { label: "日期时间", prop: "datetime_val" },
+    { label: "长文本", prop: "text_val" },
+    { label: "元数据", prop: "json_val", slot: "json_val" },
+    { label: "描述", prop: "description" },
+    { label: "创建人", prop: "created_by.name" },
+    { label: "更新人", prop: "updated_by.name" },
+    { label: "创建时间", prop: "created_time" },
+    { label: "更新时间", prop: "updated_time" },
+  ];
+
+// 示例页新增/编辑表单 —— 元数据字段用具名插槽渲染
+const demoDialogFormItems: FormItem[] = [
+  {
+    key: "name",
+    label: "名称",
+    type: "input",
+    props: { placeholder: "请输入名称", maxlength: 50 },
+  },
+  {
+    key: "status",
+    label: "状态",
+    type: "radiogroup",
+    props: {
+      options: [
+        { label: "启用", value: 0 },
+        { label: "停用", value: 1 },
+      ],
+    },
+  },
+  { key: "int_val", label: "整数", type: "number", props: { placeholder: "请输入整数" } },
+  { key: "bigint_val", label: "大整数", type: "number", props: { placeholder: "请输入大整数" } },
+  {
+    key: "float_val",
+    label: "浮点数",
+    type: "number",
+    props: { placeholder: "请输入浮点数", step: 0.01, precision: 2 },
+  },
+  { key: "bool_val", label: "布尔值", type: "switch" },
+  {
+    key: "date_val",
+    label: "日期",
+    type: "date",
+    props: { placeholder: "请选择日期", valueFormat: "YYYY-MM-DD", style: "width: 100%" },
+  },
+  {
+    key: "time_val",
+    label: "时间",
+    type: "timepicker",
+    props: { placeholder: "请选择时间", valueFormat: "HH:mm:ss", style: "width: 100%" },
+  },
+  {
+    key: "datetime_val",
+    label: "日期时间",
+    type: "datetime",
+    props: {
+      placeholder: "请选择日期时间",
+      valueFormat: "YYYY-MM-DD HH:mm:ss",
+      style: "width: 100%",
+    },
+  },
+  {
+    key: "text_val",
+    label: "长文本",
+    type: "input",
+    props: { type: "textarea", rows: 4, placeholder: "请输入长文本" },
+  },
+  {
+    key: "description",
+    label: "描述",
+    type: "input",
+    props: {
+      type: "textarea",
+      rows: 4,
+      maxlength: 100,
+      showWordLimit: true,
+      placeholder: "请输入描述",
+    },
+  },
+  { key: "json_val", label: "元数据", type: "input" /* 由 #json_val 插槽接管 */ },
+];
+
+const formData = ref<DemoForm>(createInitialFormData());
+
+const rules = reactive({
+  name: [{ required: true, message: "请输入名称", trigger: "blur" }],
+  status: [{ required: true, message: "请选择状态", trigger: "blur" }],
+});
+
+const dataFormRef = ref<{
+  resetFields: () => void;
+  clearValidate: () => void;
+  validate: (cb: (valid: boolean) => void) => void;
+} | null>(null);
+const submitLoading = ref(false);
+const demoFormRenderKey = ref(0);
+const metadataList = ref<{ key: string; value: string }[]>([]);
+
+const { importVisible, exportVisible, openImport, openExport } = useImportExport();
+
+const handleSearch = async (params: DemoSearchFormParams) => {
+  await searchBarRef.value?.validate();
+  replaceSearchParams({
+    name: params.name,
+    status: params.status,
+    tenant_id: params.tenant_id,
+    created_id: params.created_id ?? undefined,
+    updated_id: params.updated_id ?? undefined,
+    created_time:
+      Array.isArray(params.created_time) && params.created_time.length === 2
+        ? params.created_time
+        : undefined,
+    updated_time:
+      Array.isArray(params.updated_time) && params.updated_time.length === 2
+        ? params.updated_time
+        : undefined,
+  } as Record<string, unknown>);
+  getData();
+};
+
+const onResetSearch = async () => {
+  searchForm.value = {
+    name: undefined,
+    status: undefined,
+    tenant_id: undefined,
+    created_id: undefined,
+    updated_id: undefined,
+    created_time: [],
+    updated_time: [],
+  };
+  await resetSearchParams();
+};
+
+function buildDemoRowActions(row: DemoTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_example:demo:detail",
+      run: () => void openDetailDialog(row),
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      icon: "ri:edit-2-line",
+      perm: "module_example:demo:update",
+      run: () => void openEditDialog("edit", row),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_example:demo:delete",
+      run: () => deleteDemoRow(row),
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatDemoOperationCell(row: DemoTable) {
+  return renderTableOperationCell(buildDemoRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 demo-table-actions",
+  });
+}
+
+async function openDetailDialog(row: DemoTable) {
+  if (!row.id) return;
+  const response = await DemoAPI.getDemoDetail(row.id);
+  dialogVisible.type = "detail";
+  dialogVisible.title = "详情";
+  detailFormData.value = response.data.data ?? { ...row };
+  dialogVisible.visible = true;
+}
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await openEditDialog("add");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+async function openEditDialog(type: "add" | "edit", row?: DemoTable) {
+  dialogVisible.type = type === "add" ? "create" : "update";
+  if (type === "add") {
+    dialogVisible.title = "新增";
+    Object.assign(formData.value, createInitialFormData());
+    formData.value.id = undefined;
+    metadataList.value = [];
+    demoFormRenderKey.value += 1;
+  } else if (row?.id) {
+    dialogVisible.title = "修改";
+    demoFormRenderKey.value += 1;
+    const response = await DemoAPI.getDemoDetail(row.id);
+    Object.assign(formData.value, response.data.data);
+    if (formData.value.json_val && typeof formData.value.json_val === "object") {
+      metadataList.value = Object.entries(formData.value.json_val).map(([key, value]) => ({
+        key,
+        value: String(value),
+      }));
+    } else {
+      metadataList.value = [];
+    }
+  }
+  dialogVisible.visible = true;
+}
+
+async function resetForm() {
+  if (dataFormRef.value) {
+    dataFormRef.value.resetFields();
+    dataFormRef.value.clearValidate();
+  }
+  Object.assign(formData.value, createInitialFormData());
+  metadataList.value = [];
+}
+
+async function handleCloseDialog() {
+  dialogVisible.visible = false;
+  await resetForm();
+}
+
+async function handleSubmit() {
+  dataFormRef.value?.validate(async (valid: boolean) => {
+    if (!valid) return;
+    const submitData = { ...formData.value };
+    if (metadataList.value.length > 0) {
+      const metadataObj: Record<string, string> = {};
+      metadataList.value.forEach((item) => {
+        if (item.key.trim()) {
+          metadataObj[item.key.trim()] = item.value;
+        }
+      });
+      submitData.json_val = Object.keys(metadataObj).length > 0 ? metadataObj : undefined;
+    } else {
+      submitData.json_val = undefined;
+    }
+    const id = formData.value.id;
+    try {
+      if (id) {
+        await DemoAPI.updateDemo(id, { id, ...submitData });
+        await refreshUpdate();
+      } else {
+        await DemoAPI.createDemo(submitData);
+        await refreshCreate();
+      }
+      dialogVisible.visible = false;
+      await resetForm();
+    } catch (error: unknown) {
+      console.error(error);
+    }
+  });
+}
+
+const deleteDemoRow = async (row: DemoTable) => {
+  if (!row.id) return;
+  try {
+    await confirmDelete(`确定删除「${row.name ?? row.id}」吗？此操作不可恢复！`);
+    await DemoAPI.deleteDemo([row.id!]);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  }
+};
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await DemoAPI.deleteDemo(ids);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+async function runBatchStatus(status: number) {
+  const ids = selectedIds.value;
+  if (ids.length === 0) {
+    ElMessage.warning("请先在列表中勾选数据");
+    return;
+  }
+  try {
+    await confirmAction(
+      `确认对选中的 ${ids.length} 条数据${status === 0 ? "启用" : "停用"}？`,
+      "批量设置"
+    );
+    await DemoAPI.batchDemo({ ids, status });
+    // 成功 / 失败提示由 axios 拦截器统一处理
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshData();
+  } catch {
+    // 用户取消
+  }
+}
+
+async function handleCrudImportUpload(formData: FormData) {
+  try {
+    const res = await DemoAPI.importDemo(formData);
+    if (res.data.code === ResultEnum.SUCCESS) {
+      ElMessage.success(res.data.msg || "导入成功");
+      importVisible.value = false;
+      await refreshData();
+    }
+    // 非 SUCCESS 分支提示由 axios 拦截器统一处理
+  } catch (error) {
+    console.error("[Import]", error);
+    /* 接口错误已由拦截器提示 */
+  }
+}
+</script>
diff --git a/src/views/module_generator/gencode/components/FaCreateTableDialog.vue b/src/views/module_generator/gencode/components/FaCreateTableDialog.vue
new file mode 100644
index 0000000..58b4269
--- /dev/null
+++ b/src/views/module_generator/gencode/components/FaCreateTableDialog.vue
@@ -0,0 +1,175 @@
+<template>
+  <FaDialog
+    v-model="visible"
+    title="创建数据表"
+    width="min(800px, 94vw)"
+    append-to-body
+    dialog-class="create-table-dialog"
+    @opened="onDialogOpened"
+  >
+    <ElAlert type="info" :closable="false" show-icon class="mb-3 items-start!">
+      <template #title>
+        <span class="text-sm leading-relaxed"
+          >自带示例一键插入；会写 DDL 的可直接粘贴，支持多条语句。</span
+        >
+      </template>
+    </ElAlert>
+
+    <div class="sql-pane">
+      <div class="mb-2 flex flex-wrap items-center gap-2">
+        <ElDropdown trigger="click" @command="onSqlPresetCommand">
+          <ElButton type="primary" size="small">
+            插入示例模板
+            <ElIcon class="el-icon--right"><ArrowDown /></ElIcon>
+          </ElButton>
+          <template #dropdown>
+            <ElDropdownMenu>
+              <ElDropdownItem command="single-mysql">单表 · MySQL</ElDropdownItem>
+              <ElDropdownItem command="single-postgres">单表 · PostgreSQL</ElDropdownItem>
+              <ElDropdownItem command="master-mysql" divided>主子表 · MySQL</ElDropdownItem>
+              <ElDropdownItem command="master-postgres">主子表 · PostgreSQL</ElDropdownItem>
+            </ElDropdownMenu>
+          </template>
+        </ElDropdown>
+        <span class="text-xs text-(--el-text-color-secondary)">从模板开始比自己写更省事</span>
+      </div>
+
+      <ElScrollbar max-height="min(52vh, 420px)" class="sql-editor-scroll">
+        <div class="absolute z-36 right-5 top-2">
+          <ElLink type="primary" @click="copySql">
+            <ElIcon><CopyDocument /></ElIcon>
+            复制
+          </ElLink>
+        </div>
+        <Codemirror
+          ref="sqlRef"
+          v-model:value="sqlText"
+          :options="sqlOptions"
+          border
+          height="360px"
+          width="100%"
+        />
+      </ElScrollbar>
+    </div>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <ElButton type="primary" :loading="loading" @click="handleConfirm">创建表</ElButton>
+        <ElButton @click="handleCancel">取消</ElButton>
+      </div>
+    </template>
+  </FaDialog>
+</template>
+
+<script setup lang="ts">
+import "codemirror/mode/sql/sql.js";
+import "codemirror/theme/dracula.css";
+import { ref, watch } from "vue";
+import Codemirror from "codemirror-editor-vue3";
+import type { EditorConfiguration } from "codemirror";
+import type { CmComponentRef } from "codemirror-editor-vue3";
+import { ElMessage } from "element-plus";
+import { ArrowDown, CopyDocument } from "@element-plus/icons-vue";
+import { useClipboard } from "@vueuse/core";
+import { useSettingsStore } from "@stores";
+import { ThemeMode } from "@/enums/settings/theme.enum";
+import {
+  getExampleFromPresetMasterSub,
+  getExampleFromPresetSingle,
+} from "../utils/createTableSqlExamples";
+
+defineOptions({ name: "CreateTableDialog" });
+
+const visible = defineModel<boolean>({ default: false });
+
+defineProps<{
+  loading?: boolean;
+}>();
+
+interface Emits {
+  submit: [sql: string];
+}
+
+const emit = defineEmits<Emits>();
+
+const { copy } = useClipboard();
+const settingsStore = useSettingsStore();
+
+const sqlText = ref("");
+const sqlRef = ref<CmComponentRef>();
+
+const codeTheme = ref(settingsStore.theme === ThemeMode.DARK ? "dracula" : "default");
+
+const sqlOptions: EditorConfiguration = {
+  mode: "text/x-sql",
+  lineNumbers: true,
+  smartIndent: true,
+  indentUnit: 2,
+  tabSize: 2,
+  readOnly: false,
+  theme: codeTheme.value,
+  lineWrapping: true,
+  autofocus: false,
+};
+
+watch(
+  () => settingsStore.theme,
+  (t) => {
+    const newTheme = t === ThemeMode.DARK ? "dracula" : "default";
+    codeTheme.value = newTheme;
+    sqlOptions.theme = newTheme;
+    if (sqlRef.value?.cminstance) {
+      sqlRef.value.cminstance.setOption("theme", newTheme);
+    }
+  }
+);
+
+function onDialogOpened() {
+  sqlText.value = "";
+}
+
+function onSqlPresetCommand(cmd: string) {
+  switch (cmd) {
+    case "single-mysql":
+      sqlText.value = getExampleFromPresetSingle("mysql");
+      break;
+    case "single-postgres":
+      sqlText.value = getExampleFromPresetSingle("postgres");
+      break;
+    case "master-mysql":
+      sqlText.value = getExampleFromPresetMasterSub("mysql");
+      break;
+    case "master-postgres":
+      sqlText.value = getExampleFromPresetMasterSub("postgres");
+      break;
+  }
+}
+
+function copySql() {
+  if (!sqlText.value) {
+    ElMessage.warning("没有可复制的内容");
+    return;
+  }
+  copy(sqlText.value);
+  ElMessage.success("已复制");
+}
+
+function handleConfirm() {
+  const sql = sqlText.value.trim();
+  if (!sql) {
+    ElMessage.error("请填写 SQL");
+    return;
+  }
+  emit("submit", sql);
+}
+
+function handleCancel() {
+  visible.value = false;
+}
+</script>
+
+<style scoped lang="scss">
+.sql-pane {
+  position: relative;
+}
+</style>
diff --git a/src/views/module_generator/gencode/components/FaGenBasicStep.vue b/src/views/module_generator/gencode/components/FaGenBasicStep.vue
new file mode 100644
index 0000000..07c4fed
--- /dev/null
+++ b/src/views/module_generator/gencode/components/FaGenBasicStep.vue
@@ -0,0 +1,487 @@
+<template>
+  <ElForm ref="formRef" class="gen-basic-step" :model="info" :rules="rules" label-width="120px">
+    <!-- 顶部：生成回显 -->
+    <ElRow :gutter="12" class="mb-3">
+      <ElCol :span="24">
+        <ElCard shadow="never" class="gen-echo-card">
+          <div class="gen-echo-card__title">生成回显 / 生成文件路径</div>
+          <div class="gen-echo-grid">
+            <div class="gen-echo-item">
+              <div class="gen-echo-item__k">后端路径</div>
+              <code class="gen-echo-item__v">{{ backendModuleDirPreview }}</code>
+            </div>
+            <div class="gen-echo-item">
+              <div class="gen-echo-item__k">前端视图路径</div>
+              <code class="gen-echo-item__v">{{ frontendViewDirPreview }}</code>
+            </div>
+            <div class="gen-echo-item">
+              <div class="gen-echo-item__k">前端 API 文件</div>
+              <code class="gen-echo-item__v">{{ frontendApiFilePreview }}</code>
+            </div>
+            <div class="gen-echo-item">
+              <div class="gen-echo-item__k gen-echo-item__k--with-tip">
+                权限
+                <ElTooltip
+                  content="前两段为包名、模块名；第三段为操作类型（与接口/按钮一致）：query、detail、create、update、delete、patch、export、import、download。"
+                  placement="top"
+                >
+                  <ElIcon class="gen-echo-item__tip"><QuestionFilled /></ElIcon>
+                </ElTooltip>
+              </div>
+              <code class="gen-echo-item__v">{{ permissionPreview }}</code>
+            </div>
+          </div>
+          <div
+            v-if="info.sub_table_name && info.sub_table_fk_name && !info.master_sub_hint"
+            class="gen-echo-warn"
+          >
+            将额外生成子表代码（不创建子表菜单）
+          </div>
+        </ElCard>
+      </ElCol>
+    </ElRow>
+
+    <ElRow :gutter="16" class="gen-layout-row">
+      <ElCol :span="24" class="gen-layout-left">
+        <ElCard shadow="never" class="gen-form-card">
+          <template #header>
+            <div class="gen-form-card__header">
+              <span class="font-medium">基础信息</span>
+              <span class="gen-form-card__hint">切换步骤会先保存当前页</span>
+            </div>
+          </template>
+          <ElRow :gutter="16">
+            <ElCol :span="12">
+              <ElFormItem label="表名称" prop="table_name">
+                <ElInput v-model="info.table_name" placeholder="请输入表名称" />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :span="12">
+              <ElFormItem label="表描述" prop="table_comment">
+                <ElInput v-model="info.table_comment" placeholder="请输入表描述" />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :span="12">
+              <ElFormItem label="实体类名称" prop="class_name">
+                <ElInput v-model="info.class_name" placeholder="请输入" />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :span="12">
+              <ElFormItem prop="package_name">
+                <template #label>
+                  包名
+                  <ElTooltip
+                    content="插件包名（plugin 顶层目录）。三段式示例：module_example"
+                    placement="top"
+                  >
+                    <ElIcon><QuestionFilled /></ElIcon>
+                  </ElTooltip>
+                </template>
+                <div class="gen-package-row">
+                  <ElInput
+                    v-model="info.package_name"
+                    class="gen-package-row__input"
+                    placeholder="例如 module_example"
+                    clearable
+                  />
+                </div>
+              </ElFormItem>
+            </ElCol>
+            <ElCol :span="12">
+              <ElFormItem prop="module_name">
+                <template #label>
+                  模块名
+                  <ElTooltip content="包名下第二层目录。示例：demo / gen_demo" placement="top">
+                    <ElIcon><QuestionFilled /></ElIcon>
+                  </ElTooltip>
+                </template>
+                <ElInput v-model="info.module_name" placeholder="例如 demo" clearable />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :span="12">
+              <ElFormItem prop="business_name">
+                <template #label>
+                  业务名
+                  <ElTooltip
+                    content="模块下第三层目录（可为空）。示例：subdir；留空表示仅到模块目录"
+                    placement="top"
+                  >
+                    <ElIcon><QuestionFilled /></ElIcon>
+                  </ElTooltip>
+                </template>
+                <ElInput
+                  v-model="info.business_name"
+                  placeholder="例如 subdir（可留空）"
+                  clearable
+                />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :span="12">
+              <ElFormItem prop="function_name">
+                <template #label>
+                  功能名
+                  <ElTooltip content="写入本地时作为菜单名称，例如 用户管理" placement="top">
+                    <ElIcon><QuestionFilled /></ElIcon>
+                  </ElTooltip>
+                </template>
+                <ElInput v-model="info.function_name" placeholder="例如 用户管理" />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :span="12">
+              <ElFormItem>
+                <template #label>
+                  上级菜单
+                  <ElTooltip content="仅可选目录；留空则在侧栏根下创建模块目录" placement="top">
+                    <ElIcon><QuestionFilled /></ElIcon>
+                  </ElTooltip>
+                </template>
+                <ElTreeSelect
+                  v-model="info.parent_menu_id"
+                  :data="menuOptions"
+                  placeholder="不选=根目录下挂模块目录；选=挂到该目录下"
+                  check-strictly
+                  filterable
+                  default-expand-all
+                  :render-after-expand="false"
+                  clearable
+                  :style="'width: 100%'"
+                />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :span="24">
+              <ElFormItem label="备注" prop="description">
+                <ElInput v-model="info.description" type="textarea" :rows="3"></ElInput>
+              </ElFormItem>
+            </ElCol>
+            <ElCol :span="24">
+              <ElCard shadow="never" class="master-sub-card mb-4">
+                <ElRow :gutter="16">
+                  <ElCol :span="12">
+                    <ElFormItem prop="sub_table_name">
+                      <template #label>
+                        子表表名
+                        <ElTooltip
+                          content="数据库中已存在的物理表名，例如 gen_order_item"
+                          placement="top"
+                        >
+                          <ElIcon><QuestionFilled /></ElIcon>
+                        </ElTooltip>
+                      </template>
+                      <ElInput
+                        v-model="info.sub_table_name"
+                        placeholder="与下栏同时填写，如 gen_order_item"
+                        clearable
+                        @blur="emit('master-sub-blur')"
+                      />
+                    </ElFormItem>
+                  </ElCol>
+                  <ElCol :span="12">
+                    <ElFormItem prop="sub_table_fk_name">
+                      <template #label>
+                        子表外键列
+                        <ElTooltip
+                          content="子表中指向主表主键的列名，例如 order_id（类型需与主键匹配）"
+                          placement="top"
+                        >
+                          <ElIcon><QuestionFilled /></ElIcon>
+                        </ElTooltip>
+                      </template>
+                      <ElInput
+                        v-model="info.sub_table_fk_name"
+                        placeholder="与上栏同时填写，如 order_id"
+                        clearable
+                        @blur="emit('master-sub-blur')"
+                      />
+                    </ElFormItem>
+                  </ElCol>
+                </ElRow>
+                <ElAlert
+                  v-if="info.master_sub_hint"
+                  class="mt-1"
+                  type="warning"
+                  :closable="false"
+                  show-icon
+                  :title="info.master_sub_hint"
+                />
+                <ElAlert
+                  v-else-if="info.sub && info.sub_table_name && info.sub_table_fk_name"
+                  class="mt-1"
+                  type="success"
+                  :closable="false"
+                  show-icon
+                  title="主子表结构已从数据库加载，预览与生成将包含子表代码。"
+                />
+              </ElCard>
+            </ElCol>
+          </ElRow>
+        </ElCard>
+      </ElCol>
+    </ElRow>
+  </ElForm>
+</template>
+
+<script setup lang="ts">
+import { computed, inject, onUnmounted, ref, watch } from "vue";
+import type { FormInstance, FormRules } from "element-plus";
+import { QuestionFilled } from "@element-plus/icons-vue";
+import type { GenTableSchema } from "@/api/module_generator/gencode";
+import { GENCODE_BASIC_FORM_KEY } from "../gencodeInjectionKeys";
+
+defineOptions({ name: "GenBasicStep" });
+
+const info = defineModel<GenTableSchema>("info", { required: true });
+
+const props = defineProps<{
+  rules: FormRules;
+  menuOptions: OptionType[];
+}>();
+
+function findOptionByValue(options: OptionType[], value: number | string): any | null {
+  for (const opt of options) {
+    if (String(opt.value) === String(value)) return opt;
+    if (opt.children?.length) {
+      const hit = findOptionByValue(opt.children, value);
+      if (hit) return hit;
+    }
+  }
+  return null;
+}
+
+function inferPackageNameFromParentMenu(): string | null {
+  const pid = info.value.parent_menu_id;
+  if (pid == null) return null;
+  const node = findOptionByValue(props.menuOptions || [], pid);
+  const routePath = (node?.route_path ?? "").toString().trim();
+  if (!routePath) return null;
+  const seg = routePath.replace(/^\/+/, "").split("/", 1)[0]?.trim();
+  if (!seg) return null;
+  return seg.startsWith("module_") ? seg : `module_${seg}`;
+}
+
+const effectivePackageName = computed(() => {
+  return inferPackageNameFromParentMenu() || (info.value.package_name || "").trim();
+});
+
+const permissionPreview = computed(() => {
+  const pkg = effectivePackageName.value;
+  const mod = (info.value.module_name || "").trim();
+  if (!pkg || !mod) return "<module_xxx>:<module>:<操作>";
+  // 与后端 permission_prefix + 模板一致；第三段为操作类型，示例用 query
+  return `${pkg}:${mod}:query`;
+});
+
+const backendModuleDirPreview = computed(() => {
+  const pkg = effectivePackageName.value;
+  const mod = (info.value.module_name || "").trim();
+  if (!pkg || !mod) return "backend/app/plugin/<module_xxx>/<module>/";
+  return `backend/app/plugin/${pkg}/${mod}/`;
+});
+
+const frontendViewDirPreview = computed(() => {
+  const pkg = effectivePackageName.value;
+  const mod = (info.value.module_name || "").trim();
+  if (!pkg || !mod) return "frontend/web/src/views/<module_xxx>/<module>/";
+  return `frontend/web/src/views/${pkg}/${mod}/`;
+});
+
+const frontendApiFilePreview = computed(() => {
+  const pkg = effectivePackageName.value;
+  const mod = (info.value.module_name || "").trim();
+  if (!pkg || !mod) return "frontend/web/src/api/<module_xxx>/<module>.ts";
+  return `frontend/web/src/api/${pkg}/${mod}.ts`;
+});
+
+interface Emits {
+  "clear-master-sub": [];
+  "master-sub-blur": [];
+}
+
+const emit = defineEmits<Emits>();
+
+const formRef = ref<FormInstance>();
+const injected = inject(GENCODE_BASIC_FORM_KEY, undefined);
+
+/** 表名 → 合法目录片段（小写、下划线），用于无模块名时推导包名 */
+function slugFromTableName(table: string): string {
+  let s = table.trim().toLowerCase();
+  if (!s) return "";
+  if (s.startsWith("gen_")) s = s.slice(4);
+  else if (s.startsWith("tb_")) s = s.slice(3);
+  s = s
+    .replace(/[^a-z0-9_]/g, "_")
+    .replace(/_+/g, "_")
+    .replace(/^_|_$/g, "");
+  return s || "table";
+}
+
+watch(
+  () => [info.value.parent_menu_id, info.value.module_name, info.value.table_name] as const,
+  () => {
+    if (info.value.parent_menu_id != null) return;
+    const current = (info.value.package_name || "").trim();
+    if (current && current !== "gencode" && current !== "module_gencode") return;
+    const mod = (info.value.module_name || "").trim();
+    const tn = (info.value.table_name || "").trim();
+    const slug = tn ? slugFromTableName(tn) : "";
+    const next = mod
+      ? mod.startsWith("module_")
+        ? mod
+        : `module_${mod}`
+      : slug
+        ? `module_${slug}`
+        : "";
+    if (next) info.value.package_name = next;
+  },
+  { immediate: true }
+);
+
+watch(
+  formRef,
+  (v) => {
+    if (injected) injected.value = v;
+  },
+  { immediate: true }
+);
+
+onUnmounted(() => {
+  if (injected) injected.value = undefined;
+});
+</script>
+
+<style scoped lang="scss">
+.gen-basic-step {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+}
+
+.gen-basic-step :deep(.el-col) {
+  min-width: 0;
+}
+
+.gen-basic-step :deep(.el-form-item__content) {
+  min-width: 0;
+}
+
+.gen-basic-step :deep(.el-input-group) {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.gen-package-row {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+}
+
+.gen-package-row__input {
+  flex: 1;
+  min-width: 0;
+}
+
+.master-sub-card {
+  border: 1px solid var(--el-border-color-lighter);
+}
+
+.master-sub-card :deep(.el-card__header) {
+  padding: 8px 10px;
+}
+
+.master-sub-card :deep(.el-card__body) {
+  padding: 10px;
+}
+
+.gen-form-card {
+  overflow-x: hidden;
+  border: 1px solid var(--el-border-color-lighter);
+}
+
+.gen-form-card :deep(.el-card__body) {
+  overflow-x: hidden;
+}
+
+.gen-form-card__header {
+  display: flex;
+  gap: 12px;
+  align-items: baseline;
+  justify-content: space-between;
+}
+
+.gen-form-card__hint {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  white-space: nowrap;
+}
+
+.gen-echo-card {
+  border: 1px solid var(--el-border-color-lighter);
+}
+
+.gen-echo-card__title {
+  padding: 6px 8px;
+  font-size: 11px;
+  font-weight: 600;
+  background: var(--el-fill-color-light);
+  border-bottom: 1px solid var(--el-border-color-lighter);
+}
+
+.gen-echo-card :deep(.el-card__body) {
+  padding: 6px 8px;
+}
+
+.gen-echo-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px 12px;
+  padding: 6px 8px;
+}
+
+.gen-echo-item {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  min-width: 0;
+}
+
+.gen-echo-item__k {
+  flex: 0 0 auto;
+  margin-bottom: 0;
+  font-size: 11px;
+  color: var(--el-text-color-secondary);
+  white-space: nowrap;
+}
+
+.gen-echo-item__k--with-tip {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+}
+
+.gen-echo-item__tip {
+  font-size: 12px;
+  color: var(--el-text-color-placeholder);
+  cursor: help;
+}
+
+.gen-echo-item__v {
+  display: block;
+  flex: 1;
+  min-width: 0;
+  padding: 1px 6px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 11px;
+  white-space: nowrap;
+  background: var(--el-fill-color);
+  border-radius: 3px;
+}
+
+.gen-echo-warn {
+  padding: 0 8px 6px;
+  font-size: 11px;
+  color: var(--el-color-warning);
+}
+</style>
diff --git a/src/views/module_generator/gencode/components/FaGenCodeDrawer.vue b/src/views/module_generator/gencode/components/FaGenCodeDrawer.vue
new file mode 100644
index 0000000..d9aff83
--- /dev/null
+++ b/src/views/module_generator/gencode/components/FaGenCodeDrawer.vue
@@ -0,0 +1,150 @@
+<template>
+  <FaDrawer
+    v-model="drawerVisible"
+    :title="'【代码生成】' + (info.table_name || '')"
+    size="90%"
+    drawer-class="gencode-drawer"
+    append-to-body
+    @close="emit('close')"
+  >
+    <ElSteps :active="activeStep" finish-status="success" simple>
+      <ElStep title="基础配置" />
+      <ElStep title="字段配置" />
+      <ElStep title="预览代码" />
+    </ElSteps>
+
+    <div class="gencode-drawer-step-wrap mt-4">
+      <div v-show="activeStep === 0">
+        <GenBasicStep
+          v-model:info="info"
+          :rules="rules"
+          :menu-options="menuOptions"
+          @clear-master-sub="emit('clear-master-sub')"
+          @master-sub-blur="emit('master-sub-blur')"
+        />
+      </div>
+
+      <div v-show="activeStep === 1">
+        <GenColumnsStep
+          v-model:info="info"
+          :dict-options="dictOptions"
+          :loading="loading"
+          :bulk-set="bulkSet"
+        />
+      </div>
+
+      <GenPreviewStep
+        v-show="activeStep === 2"
+        v-model:preview-scope="previewScope"
+        v-model:preview-types="previewTypes"
+        v-model:code="code"
+        :preview-loading="previewLoading"
+        :preview-type-options="previewTypeOptions"
+        :filtered-tree-data="filteredTreeData"
+        :cm-options="cmOptions"
+        @file-click="emit('file-click', $event)"
+        @copy-code="emit('copy-code')"
+      />
+    </div>
+
+    <template #footer>
+      <ElButton type="danger" :icon="Close" @click="emit('close')">关闭</ElButton>
+      <ElButton v-if="activeStep !== 0" type="success" :icon="Back" @click="emit('prev-step')">
+        上一步
+      </ElButton>
+      <ElButton
+        v-if="activeStep !== 2"
+        type="primary"
+        :loading="nextStepLoading"
+        @click="emit('next-step')"
+      >
+        {{ nextStepButtonLabel }}
+        <ElIcon class="el-icon--right"><Right /></ElIcon>
+      </ElButton>
+      <ElTooltip
+        v-if="activeStep === 2"
+        content="打包为 ZIP 下载到本机，不会在服务器创建菜单或文件"
+        placement="top"
+      >
+        <ElButton type="warning" :icon="Download" :loading="loading" @click="emit('gen-download')">
+          下载代码
+        </ElButton>
+      </ElTooltip>
+      <ElTooltip
+        v-if="activeStep === 2"
+        content="在服务端项目目录生成源码，并自动创建目录/菜单/按钮（若名称未冲突）"
+        placement="top"
+      >
+        <ElButton type="primary" :icon="FolderOpened" :loading="loading" @click="emit('gen-write')">
+          写入本地
+        </ElButton>
+      </ElTooltip>
+    </template>
+  </FaDrawer>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import type { FormRules } from "element-plus";
+import { Close, Right, FolderOpened, Back, Download } from "@element-plus/icons-vue";
+import type { EditorConfiguration } from "codemirror";
+import type { GenTableSchema } from "@/api/module_generator/gencode";
+import type { DictTable } from "@/api/module_system/dict";
+import type { TreeNode } from "../types";
+import GenBasicStep from "./FaGenBasicStep.vue";
+import GenColumnsStep from "./FaGenColumnsStep.vue";
+import GenPreviewStep from "./FaGenPreviewStep.vue";
+
+defineOptions({ name: "GenCodeDrawer" });
+
+const info = defineModel<GenTableSchema>("info", { required: true });
+
+const props = defineProps<{
+  rules: FormRules;
+  activeStep: number;
+  menuOptions: OptionType[];
+  dictOptions: DictTable[];
+  loading: boolean;
+  nextStepLoading: boolean;
+  previewLoading: boolean;
+  previewTypeOptions: string[];
+  filteredTreeData: TreeNode[];
+  cmOptions: EditorConfiguration;
+  bulkSet: (field: string | string[], value: unknown) => void;
+}>();
+
+const nextStepButtonLabel = computed(() =>
+  props.activeStep === 0 ? "下一步：字段配置" : "下一步：预览代码"
+);
+
+const drawerVisible = defineModel<boolean>({ required: true });
+
+const previewScope = defineModel<"all" | "frontend" | "backend">("previewScope", {
+  required: true,
+});
+const previewTypes = defineModel<string[]>("previewTypes", { required: true });
+const code = defineModel<string>("code", { required: true });
+
+interface Emits {
+  close: [];
+  "prev-step": [];
+  "next-step": [];
+  "gen-download": [];
+  "gen-write": [];
+  "clear-master-sub": [];
+  "master-sub-blur": [];
+  "file-click": [data: TreeNode];
+  "copy-code": [];
+}
+
+const emit = defineEmits<Emits>();
+</script>
+
+<style scoped lang="scss">
+/* 新版 ElDrawer 内部用 Splitter，size 需为百分比或纯数字(px)，勿用 min()，否则面板宽度可能异常 */
+.gencode-drawer-step-wrap {
+  max-height: calc(100vh - 220px);
+  padding-right: 6px;
+  overflow: hidden auto;
+}
+</style>
diff --git a/src/views/module_generator/gencode/components/FaGenColumnsStep.vue b/src/views/module_generator/gencode/components/FaGenColumnsStep.vue
new file mode 100644
index 0000000..730b940
--- /dev/null
+++ b/src/views/module_generator/gencode/components/FaGenColumnsStep.vue
@@ -0,0 +1,381 @@
+<template>
+  <div class="elTableCustom">
+    <ElAlert
+      v-if="info.sub && !info.master_sub_hint && info.sub_table_name"
+      class="mb-3"
+      type="success"
+      :closable="false"
+      show-icon
+      title="当前已启用主子表：以下为「主表」字段配置；子表字段来自数据库结构，保存后可在预览中查看子表生成代码。"
+    />
+    <ElAlert
+      v-else-if="info.master_sub_hint"
+      class="mb-3"
+      type="warning"
+      :closable="false"
+      show-icon
+      :title="info.master_sub_hint"
+    />
+    <p class="gencode-columns-tip">
+      菜单与路由、接口路径的对应见「基础配置」第一步中的折叠「对照」表。
+    </p>
+    <ElAlert
+      v-if="columnKeyword.trim() && displayColumns.length === 0 && (info.columns?.length ?? 0) > 0"
+      class="mb-2"
+      type="warning"
+      :closable="false"
+      show-icon
+      title="无匹配列，请调整筛选词或清空筛选框"
+    />
+    <div class="mb-2 flex flex-wrap items-center gap-2">
+      <ElInput
+        v-model="columnKeyword"
+        clearable
+        placeholder="筛选列名或注释"
+        class="gencode-column-filter"
+        :prefix-icon="Search"
+      />
+      <span class="gencode-bulk-hint">批量设置：</span>
+      <ElSpace size="small">
+        <ElDropdown>
+          <ElButton size="small" type="primary" plain>查询</ElButton>
+          <template #dropdown>
+            <ElDropdownMenu>
+              <ElDropdownItem @click="bulkSet('is_query', true)">全选</ElDropdownItem>
+              <ElDropdownItem @click="bulkSet('is_query', false)">全不选</ElDropdownItem>
+            </ElDropdownMenu>
+          </template>
+        </ElDropdown>
+        <ElDropdown>
+          <ElButton size="small" type="success" plain>列表</ElButton>
+          <template #dropdown>
+            <ElDropdownMenu>
+              <ElDropdownItem @click="bulkSet('is_list', true)">全选</ElDropdownItem>
+              <ElDropdownItem @click="bulkSet('is_list', false)">全不选</ElDropdownItem>
+            </ElDropdownMenu>
+          </template>
+        </ElDropdown>
+        <ElDropdown>
+          <ElButton size="small" type="warning" plain>新增</ElButton>
+          <template #dropdown>
+            <ElDropdownMenu>
+              <ElDropdownItem @click="bulkSet('is_insert', true)">全选</ElDropdownItem>
+              <ElDropdownItem @click="bulkSet('is_insert', false)">全不选</ElDropdownItem>
+            </ElDropdownMenu>
+          </template>
+        </ElDropdown>
+        <ElDropdown>
+          <ElButton size="small" type="danger" plain>编辑</ElButton>
+          <template #dropdown>
+            <ElDropdownMenu>
+              <ElDropdownItem @click="bulkSet('is_edit', true)">全选</ElDropdownItem>
+              <ElDropdownItem @click="bulkSet('is_edit', false)">全不选</ElDropdownItem>
+            </ElDropdownMenu>
+          </template>
+        </ElDropdown>
+      </ElSpace>
+    </div>
+    <div class="data-table__content">
+      <ElTable
+        ref="dragTable"
+        v-loading="loading"
+        :data="displayColumns"
+        row-key="id"
+        :height="tableHeight"
+        highlight-current-row
+        border
+        stripe
+      >
+        <template #empty>
+          <ElEmpty :image-size="80" description="暂无数据" />
+        </template>
+        <ElTableColumn label="拖拽" width="56" fixed align="center">
+          <template #default>
+            <span
+              class="gencode-drag-handle"
+              :class="{ disabled: !!columnKeyword.trim() }"
+              title="拖拽排序（筛选时禁用）"
+            >
+              <ElIcon><Rank /></ElIcon>
+            </span>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="序号" type="index" width="60" fixed />
+        <ElTableColumn
+          label="列名"
+          prop="column_name"
+          min-width="60"
+          :show-overflow-tooltip="true"
+        />
+        <ElTableColumn
+          label="类型"
+          prop="column_type"
+          min-width="60"
+          :show-overflow-tooltip="true"
+        />
+        <ElTableColumn label="长度" prop="column_length" width="80" :show-overflow-tooltip="true">
+          <template #default="scope">
+            <ElInput v-model="scope.row.column_length" :disabled="!!scope.row.is_pk" />
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="注释" min-width="60">
+          <template #default="scope">
+            <ElInput v-model="scope.row.column_comment"></ElInput>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="后端类型" min-width="60">
+          <template #default="scope">
+            <ElSelect v-model="scope.row.python_type">
+              <ElOption label="str" value="str" />
+              <ElOption label="int" value="int" />
+              <ElOption label="float" value="float" />
+              <ElOption label="Decimal" value="Decimal" />
+              <ElOption label="date" value="date" />
+              <ElOption label="time" value="time" />
+              <ElOption label="datetime" value="datetime" />
+              <ElOption label="bytes" value="bytes" />
+              <ElOption label="dict" value="dict" />
+              <ElOption label="list" value="list" />
+            </ElSelect>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="后端属性" min-width="60">
+          <template #default="scope">
+            <ElInput v-model="scope.row.python_field"></ElInput>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="新增" width="60">
+          <template #default="scope">
+            <ElCheckbox v-model="scope.row.is_insert" />
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="编辑" width="60">
+          <template #default="scope">
+            <ElCheckbox v-model="scope.row.is_edit" />
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="列表" width="60">
+          <template #default="scope">
+            <ElCheckbox v-model="scope.row.is_list" />
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="查询" width="60">
+          <template #default="scope">
+            <ElCheckbox v-model="scope.row.is_query" />
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="查询方式" min-width="60">
+          <template #default="scope">
+            <ElSelect v-model="scope.row.query_type">
+              <ElOption label="=" value="EQ" />
+              <ElOption label="!=" value="NE" />
+              <ElOption label=">" value="GT" />
+              <ElOption label=">=" value="GTE" />
+              <ElOption label="<" value="LT" />
+              <ElOption label="<=" value="LTE" />
+              <ElOption label="LIKE" value="LIKE" />
+              <ElOption label="BETWEEN" value="BETWEEN" />
+            </ElSelect>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn
+          label="默认值"
+          prop="column_default"
+          min-width="60"
+          :show-overflow-tooltip="true"
+        >
+          <template #default="scope">
+            <ElInput v-model="scope.row.column_default" :disabled="!!scope.row.is_pk" />
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="自增" width="60">
+          <template #default="scope">
+            <ElCheckbox v-model="scope.row.is_increment" />
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="可空" width="60">
+          <template #default="scope">
+            <ElCheckbox v-model="scope.row.is_nullable" />
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="唯一" width="60">
+          <template #default="scope">
+            <ElCheckbox v-model="scope.row.is_unique" />
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="主键" width="60">
+          <template #default="scope">
+            <ElCheckbox v-model="scope.row.is_pk" />
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="表单类型">
+          <template #default="scope">
+            <ElSelect v-model="scope.row.html_type">
+              <ElOption label="文本框" value="input" />
+              <ElOption label="文本域" value="textarea" />
+              <ElOption label="下拉框" value="select" />
+              <ElOption label="单选框" value="radio" />
+              <ElOption label="复选框" value="checkbox" />
+              <ElOption label="日期控件" value="datetime" />
+              <ElOption label="图片上传" value="imageUpload" />
+              <ElOption label="文件上传" value="fileUpload" />
+              <ElOption label="富文本控件" value="editor" />
+            </ElSelect>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="字典类型" fixed="right">
+          <template #default="scope">
+            <ElSelect v-model="scope.row.dict_type" clearable filterable placeholder="请选择">
+              <ElOption
+                v-for="dict in dictOptions"
+                :key="dict.dict_type"
+                :label="dict.dict_name"
+                :value="dict.dict_type || ''"
+              >
+                <span :style="'float: left'">{{ dict.dict_name }}</span>
+                <span :style="'float: right; font-size: 13px; color: #8492a6'">
+                  {{ dict.dict_type }}
+                </span>
+              </ElOption>
+            </ElSelect>
+          </template>
+        </ElTableColumn>
+      </ElTable>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onBeforeUnmount, onMounted, ref, watch, nextTick } from "vue";
+import { Search } from "@element-plus/icons-vue";
+import { useDraggable } from "vue-draggable-plus";
+import type { GenTableSchema, GenTableColumnSchema } from "@/api/module_generator/gencode";
+import type { DictTable } from "@/api/module_system/dict";
+
+defineOptions({ name: "GenColumnsStep" });
+
+const info = defineModel<GenTableSchema>("info", { required: true });
+
+defineProps<{
+  dictOptions: DictTable[];
+  loading: boolean;
+  bulkSet: (field: string | string[], value: unknown) => void;
+}>();
+
+const columnKeyword = ref("");
+const dragTable = ref<any>(null);
+const dragContainer = ref<HTMLElement | null>(null);
+let draggableApi: { destroy?: () => void; pause?: () => void; start?: () => void } | null = null;
+
+// 计算表格高度：视口高度 - 顶部导航栏 - 步骤条 - 提示文字 - 筛选栏 - 底部按钮 - 边距
+// 大约：60(顶部) + 60(步骤) + 30(提示) + 50(筛选) + 80(底部按钮) + 100(边距) = 380px
+const tableHeight = computed(() => {
+  return "calc(100vh - 300px)"; // -80 底部按钮
+});
+
+const columnsModel = computed({
+  get: () => info.value.columns || [],
+  set: (v) => {
+    info.value.columns = v as GenTableColumnSchema[];
+  },
+});
+
+const displayColumns = computed(() => {
+  const cols = info.value.columns || [];
+  const q = columnKeyword.value.trim().toLowerCase();
+  if (!q) return cols;
+  return cols.filter((c) => {
+    const name = String(c.column_name ?? "").toLowerCase();
+    const comment = String(c.column_comment ?? "").toLowerCase();
+    return name.includes(q) || comment.includes(q);
+  });
+});
+
+function syncSortNumbers() {
+  const cols = columnsModel.value || [];
+  cols.forEach((c: any, idx: number) => {
+    c.sort = idx + 1;
+  });
+}
+
+async function setupRowDraggable() {
+  // 筛选状态下禁用拖拽：displayColumns 是子集，直接拖拽会导致索引映射混乱
+  if (columnKeyword.value.trim()) {
+    draggableApi?.destroy?.();
+    draggableApi = null;
+    dragContainer.value = null;
+    return;
+  }
+
+  await nextTick();
+  const el = dragTable.value?.$el as HTMLElement | undefined;
+  const tbody = el?.querySelector?.(".el-table__body-wrapper tbody") as HTMLElement | null;
+  if (!tbody) return;
+  dragContainer.value = tbody;
+
+  // 重新绑定
+  draggableApi?.destroy?.();
+  draggableApi = useDraggable(dragContainer, columnsModel, {
+    animation: 150,
+    draggable: "tr",
+    handle: ".gencode-drag-handle:not(.disabled)",
+    onEnd() {
+      syncSortNumbers();
+    },
+  });
+}
+
+onMounted(() => {
+  void setupRowDraggable();
+});
+
+watch(
+  () => [columnKeyword.value, (info.value.columns || []).length],
+  async () => {
+    await setupRowDraggable();
+  }
+);
+
+onBeforeUnmount(() => {
+  draggableApi?.destroy?.();
+  draggableApi = null;
+});
+</script>
+
+<style scoped lang="scss">
+.gencode-columns-tip {
+  margin: 0 0 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--el-text-color-secondary);
+}
+
+.gencode-column-filter {
+  width: 200px;
+  max-width: 100%;
+}
+
+.gencode-bulk-hint {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  user-select: none;
+}
+
+.gencode-drag-handle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 22px;
+  font-size: 14px;
+  line-height: 1;
+  color: var(--el-text-color-secondary);
+  cursor: grab;
+  user-select: none;
+}
+
+.gencode-drag-handle.disabled {
+  cursor: not-allowed;
+  opacity: 0.35;
+}
+</style>
diff --git a/src/views/module_generator/gencode/components/FaGenPreviewStep.vue b/src/views/module_generator/gencode/components/FaGenPreviewStep.vue
new file mode 100644
index 0000000..7e2b5ba
--- /dev/null
+++ b/src/views/module_generator/gencode/components/FaGenPreviewStep.vue
@@ -0,0 +1,199 @@
+<template>
+  <ElRow v-loading="previewLoading" element-loading-text="正在加载预览…">
+    <ElCol v-if="!previewLoading && isTreeEmpty" :span="24">
+      <ElEmpty>
+        <template #description>
+          <p class="mb-1 font-medium">暂无预览文件</p>
+          <p class="gencode-preview-empty-tip">
+            若刚保存过仍为空，可将「预览范围」改为「全部」；或返回上一步检查字段与主子表后重新进入。
+          </p>
+        </template>
+      </ElEmpty>
+    </ElCol>
+    <template v-else>
+      <ElCol :span="24" class="mb-2">
+        <div class="flex items-center gap-3">
+          <span class="text-sm text-[#909399]">预览范围</span>
+          <ElRadioGroup v-model="previewScope" size="small">
+            <ElRadioButton value="all">全部</ElRadioButton>
+            <ElRadioButton value="frontend">前端</ElRadioButton>
+            <ElRadioButton value="backend">后端</ElRadioButton>
+          </ElRadioGroup>
+          <span class="ml-3 text-sm text-[#909399]">类型</span>
+          <ElCheckboxGroup v-model="previewTypes" size="small">
+            <ElCheckboxButton v-for="t in previewTypeOptions" :key="t" :value="t">
+              {{ t }}
+            </ElCheckboxButton>
+          </ElCheckboxGroup>
+        </div>
+      </ElCol>
+      <ElCol :span="6">
+        <ElScrollbar max-height="72vh">
+          <ElTree
+            :data="filteredTreeData"
+            default-expand-all
+            highlight-current
+            @node-click="onTreeNodeClick"
+          >
+            <template #default="{ data }">
+              <!-- 优先使用 resolveLocalIconUrl（@utils/icons），无对应 svg 时再走 Iconify -->
+              <img
+                v-if="previewIconAssetUrl(data.label)"
+                :src="previewIconAssetUrl(data.label)"
+                class="inline-block h-[1em] w-[1em] shrink-0 align-middle object-contain"
+                alt=""
+                aria-hidden="true"
+              />
+              <FaSvgIcon
+                v-else
+                :icon="resolveIconForFaSvgIcon(getFileTreeNodeIcon(data.label))"
+                class="inline shrink-0 text-base"
+              />
+              <span class="ml-1" :title="data.full_path || data.label">
+                {{ data.label }}
+              </span>
+            </template>
+          </ElTree>
+        </ElScrollbar>
+      </ElCol>
+      <ElCol :span="18">
+        <ElScrollbar max-height="72vh">
+          <div class="absolute z-36 right-5 top-2">
+            <ElLink type="primary" @click="emit('copy-code')">
+              <ElIcon>
+                <CopyDocument />
+              </ElIcon>
+              复制代码
+            </ElLink>
+          </div>
+
+          <Codemirror
+            ref="cmRef"
+            v-model:value="code"
+            :options="cmOptions"
+            border
+            :readonly="true"
+            height="100%"
+            width="100%"
+          />
+        </ElScrollbar>
+      </ElCol>
+    </template>
+  </ElRow>
+</template>
+
+<script setup lang="ts">
+import "codemirror/mode/javascript/javascript.js";
+import "codemirror/mode/python/python.js";
+import "codemirror/mode/htmlmixed/htmlmixed.js";
+import "codemirror/theme/dracula.css";
+import { computed, inject, onUnmounted, ref, watch } from "vue";
+import Codemirror from "codemirror-editor-vue3";
+import type { EditorConfiguration } from "codemirror";
+import type { CmComponentRef } from "codemirror-editor-vue3";
+import FaSvgIcon from "@/components/base/fa-svg-icon/index.vue";
+import { resolveLocalIconUrl, resolveIconForFaSvgIcon } from "@utils";
+import { CopyDocument } from "@element-plus/icons-vue";
+import { GENCODE_CM_KEY } from "../gencodeInjectionKeys";
+import type { TreeNode } from "../types";
+
+defineOptions({ name: "GenPreviewStep" });
+
+const previewScope = defineModel<"all" | "frontend" | "backend">("previewScope", {
+  required: true,
+});
+const previewTypes = defineModel<string[]>("previewTypes", { required: true });
+
+const props = defineProps<{
+  previewLoading: boolean;
+  previewTypeOptions: string[];
+  filteredTreeData: TreeNode[];
+  cmOptions: EditorConfiguration;
+}>();
+
+const isTreeEmpty = computed(() => !props.filteredTreeData || props.filteredTreeData.length === 0);
+
+const code = defineModel<string>("code", { required: true });
+
+interface Emits {
+  "file-click": [data: TreeNode];
+  "copy-code": [];
+}
+
+const emit = defineEmits<Emits>();
+
+const cmRef = ref<CmComponentRef>();
+const injected = inject(GENCODE_CM_KEY, undefined);
+
+watch(
+  cmRef,
+  (v) => {
+    if (injected) injected.value = v;
+  },
+  { immediate: true }
+);
+
+onUnmounted(() => {
+  if (injected) injected.value = undefined;
+});
+
+function onTreeNodeClick(data: TreeNode) {
+  emit("file-click", data);
+}
+
+/** 与 `src/assets/images/svg/*.svg` 基名对齐，供本地文件优先展示 */
+function getFileTreeNodeIcon(label: string): string {
+  const baseName = label.split(/[/\\]/).pop() ?? label;
+  const lower = baseName.toLowerCase();
+  if (lower.endsWith(".py")) return "python";
+  if (lower.endsWith(".vue")) return "vue";
+  if (lower.endsWith(".tsx") || lower.endsWith(".ts")) return "typescript";
+  if (
+    lower.endsWith(".jsx") ||
+    lower.endsWith(".js") ||
+    lower.endsWith(".mjs") ||
+    lower.endsWith(".cjs")
+  )
+    return "item-js";
+  if (lower.endsWith(".json")) return "file-json";
+  if (lower.endsWith(".html") || lower.endsWith(".htm")) return "file-html";
+  if (
+    lower.endsWith(".css") ||
+    lower.endsWith(".scss") ||
+    lower.endsWith(".sass") ||
+    lower.endsWith(".less")
+  )
+    return "file-css";
+  if (lower.endsWith(".sql")) return "sql";
+  if (lower.endsWith(".java")) return "java";
+  if (lower.endsWith(".xml")) return "xml";
+  if (lower.endsWith(".md")) return "document";
+  if (lower.endsWith(".yaml") || lower.endsWith(".yml")) return "file-json";
+  if (/\.(png|jpe?g|gif|webp|svg|ico)$/i.test(lower)) return "file-image";
+  if (/\.(zip|rar|7z)$/i.test(lower)) return "file-zip";
+  if (/\.(pdf)$/i.test(lower)) return "file-pdf";
+  return "file";
+}
+
+/** 若 assets/images/svg 存在对应 svg 则返回 Vite 资源 URL，否则 undefined → 回退 Iconify */
+function previewIconAssetUrl(label: string): string | undefined {
+  return resolveLocalIconUrl(getFileTreeNodeIcon(label));
+}
+</script>
+
+<style scoped lang="scss">
+.gencode-preview-meta-tip {
+  margin: 0 0 8px;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--el-text-color-secondary);
+}
+
+.gencode-preview-empty-tip {
+  max-width: 420px;
+  margin: 0 auto;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--el-text-color-secondary);
+}
+</style>
diff --git a/src/views/module_generator/gencode/components/FaGencodeHelpPanel.vue b/src/views/module_generator/gencode/components/FaGencodeHelpPanel.vue
new file mode 100644
index 0000000..f9ad65a
--- /dev/null
+++ b/src/views/module_generator/gencode/components/FaGencodeHelpPanel.vue
@@ -0,0 +1,111 @@
+<template>
+  <ElCollapse class="gencode-help-collapse mb-4" accordion>
+    <ElCollapseItem name="rules">
+      <template #title>
+        <span class="gencode-help-collapse__title">
+          <ElIcon class="gencode-help-collapse__icon"><InfoFilled /></ElIcon>
+          菜单、页面路由与接口路径对照（写入本地时）
+        </span>
+      </template>
+      <ElTable :data="rows" border size="small" class="gencode-rules-table">
+        <ElTableColumn prop="parent" label="上级目录" min-width="88" />
+        <ElTableColumn prop="sidebar" label="侧栏结构（目录→菜单→按钮）" min-width="200" />
+        <ElTableColumn prop="page" label="浏览器地址（页面路由）" min-width="160" />
+        <ElTableColumn prop="api" label="前端请求的 HTTP 路径" min-width="160" />
+      </ElTable>
+      <p class="gencode-help-footnote">
+        包名、模块名、业务名见下方表单（业务名对应 plugin 下功能目录，可与
+        <code>module_example</code>
+        中
+        <code>demo</code>
+        、
+        <code>demo/subdir</code>
+        、
+        <code>gen_demo</code>
+        对照）。权限为
+        <code>包名:模块名:操作</code>
+        ，第三段是操作类型（如
+        <code>query</code>
+        、
+        <code>create</code>
+        ），与业务目录名无关。动态路由将
+        <code>module_xxx</code>
+        映射为接口前缀
+        <code>/xxx</code>
+        ，故页面 URL 与 API 前缀可以不同。仅「下载 ZIP」不会创建菜单。
+      </p>
+    </ElCollapseItem>
+  </ElCollapse>
+</template>
+
+<script setup lang="ts">
+import { InfoFilled } from "@element-plus/icons-vue";
+
+defineOptions({ name: "GencodeHelpPanel" });
+
+const rows = [
+  {
+    parent: "已选",
+    sidebar: "上级目录 → 短包名目录 → 功能菜单 → 按钮",
+    page: "/包名/业务名",
+    api: "/短包名/业务名",
+  },
+  {
+    parent: "未选",
+    sidebar: "module_包名 → 功能菜单 → 按钮（与 plugin 目录一致）",
+    page: "/module_包名/业务名",
+    api: "/短包名/业务名",
+  },
+];
+</script>
+
+<style scoped lang="scss">
+.gencode-help-collapse {
+  overflow: hidden;
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: var(--el-border-radius-base);
+}
+
+.gencode-help-collapse :deep(.el-collapse-item__header) {
+  padding: 8px 12px;
+  font-size: 13px;
+  font-weight: 500;
+  background: var(--el-fill-color-light);
+}
+
+.gencode-help-collapse :deep(.el-collapse-item__wrap) {
+  border-top: 1px solid var(--el-border-color-lighter);
+}
+
+.gencode-help-collapse :deep(.el-collapse-item__content) {
+  padding: 10px 12px 12px;
+}
+
+.gencode-help-collapse__title {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+}
+
+.gencode-help-collapse__icon {
+  flex-shrink: 0;
+}
+
+.gencode-rules-table :deep(.el-table__cell) {
+  font-size: 12px;
+}
+
+.gencode-help-footnote {
+  margin: 10px 0 0;
+  font-size: 12px;
+  line-height: 1.55;
+  color: var(--el-text-color-secondary);
+}
+
+.gencode-help-footnote code {
+  padding: 0 4px;
+  font-size: 11px;
+  background: var(--el-fill-color);
+  border-radius: 3px;
+}
+</style>
diff --git a/src/views/module_generator/gencode/components/FaImportDbTableDialog.vue b/src/views/module_generator/gencode/components/FaImportDbTableDialog.vue
new file mode 100644
index 0000000..bd2dd13
--- /dev/null
+++ b/src/views/module_generator/gencode/components/FaImportDbTableDialog.vue
@@ -0,0 +1,144 @@
+<template>
+  <FaDialog ref="dialogRef" v-model="open" title="导入表" width="min(960px, 96vw)" append-to-body>
+    <ElForm ref="importQueryRef" :model="query" :inline="true">
+      <ElFormItem label="表名称" prop="table_name">
+        <ElInput
+          v-model="query.table_name"
+          placeholder="请输入表名称"
+          clearable
+          :style="'width: 180px'"
+          @keyup.enter="emit('query')"
+        />
+      </ElFormItem>
+      <ElFormItem label="表描述" prop="table_comment">
+        <ElInput
+          v-model="query.table_comment"
+          placeholder="请输入表描述"
+          clearable
+          :style="'width: 180px'"
+          @keyup.enter="emit('query')"
+        />
+      </ElFormItem>
+      <ElFormItem>
+        <ElButton
+          v-hasPerm="['module_generator:dblist:query']"
+          type="primary"
+          icon="Search"
+          @click="emit('query')"
+        >
+          搜索
+        </ElButton>
+        <ElButton
+          v-hasPerm="['module_generator:dblist:query']"
+          icon="Refresh"
+          @click="emit('reset')"
+        >
+          重置
+        </ElButton>
+      </ElFormItem>
+    </ElForm>
+    <div>
+      <ElTable
+        ref="tableRef"
+        :data="data"
+        :height="tableHeight"
+        @row-click="onRowClick"
+        @selection-change="onSelectionChange"
+      >
+        <template #empty>
+          <ElEmpty :image-size="80" description="暂无数据" />
+        </template>
+        <ElTableColumn type="selection" width="55"></ElTableColumn>
+        <ElTableColumn label="序号" type="index" min-width="30" align="center" fixed>
+          <template #default="scope">
+            <span>
+              {{ ((query.page_no ?? 1) - 1) * (query.page_size ?? 10) + scope.$index + 1 }}
+            </span>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn
+          prop="database_name"
+          label="数据库名称"
+          :show-overflow-tooltip="true"
+        ></ElTableColumn>
+        <ElTableColumn
+          prop="table_name"
+          label="表名称"
+          :show-overflow-tooltip="true"
+        ></ElTableColumn>
+        <ElTableColumn
+          prop="table_comment"
+          label="表描述"
+          :show-overflow-tooltip="true"
+        ></ElTableColumn>
+        <ElTableColumn prop="table_type" label="表类型"></ElTableColumn>
+      </ElTable>
+      <FaPagination
+        v-model:page="query.page_no"
+        v-model:limit="query.page_size"
+        :total="total"
+        @pagination="emit('fetch')"
+      />
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <ElButton type="primary" :loading="confirmLoading" @click="emit('confirm')">确 定</ElButton>
+        <ElButton @click="open = false">取 消</ElButton>
+      </div>
+    </template>
+  </FaDialog>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from "vue";
+import type { FormInstance, TableInstance } from "element-plus";
+import type { DBTableSchema, GenTablePageQuery } from "@/api/module_generator/gencode";
+
+defineOptions({ name: "ImportDbTableDialog" });
+
+defineProps<{
+  data: DBTableSchema[];
+  total: number;
+  confirmLoading: boolean;
+}>();
+
+const open = defineModel<boolean>({ required: true });
+const query = defineModel<GenTablePageQuery>("query", { required: true });
+
+interface Emits {
+  query: [];
+  reset: [];
+  confirm: [];
+  fetch: [];
+  "selection-change": [rows: { table_name: string; table_comment: string }[]];
+}
+
+const emit = defineEmits<Emits>();
+
+const importQueryRef = ref<FormInstance>();
+const tableRef = ref<TableInstance>();
+const isFullscreen = ref(false);
+
+// 根据全屏状态计算表格高度
+const tableHeight = computed(() => {
+  return isFullscreen.value ? "calc(100vh - 320px)" : "100%";
+});
+
+function onRowClick(row: DBTableSchema) {
+  tableRef.value?.toggleRowSelection(row);
+}
+
+function onSelectionChange(selection: DBTableSchema[]) {
+  emit(
+    "selection-change",
+    selection.map((item) => ({
+      table_name: item.table_name || "",
+      table_comment: item.table_comment || "",
+    }))
+  );
+}
+
+defineExpose({
+  resetQueryForm: () => importQueryRef.value?.resetFields(),
+});
+</script>
diff --git a/src/views/module_generator/gencode/gencodeInjectionKeys.ts b/src/views/module_generator/gencode/gencodeInjectionKeys.ts
new file mode 100644
index 0000000..30549d7
--- /dev/null
+++ b/src/views/module_generator/gencode/gencodeInjectionKeys.ts
@@ -0,0 +1,10 @@
+import type { InjectionKey, Ref } from "vue";
+import type { FormInstance } from "element-plus";
+import type { CmComponentRef } from "codemirror-editor-vue3";
+
+/** 代码生成抽屉内 el-form 与父页 ref 同步（校验/重置） */
+export const GENCODE_BASIC_FORM_KEY: InjectionKey<Ref<FormInstance | undefined>> =
+  Symbol("gencodeBasicForm");
+
+/** 预览区 CodeMirror 与父页 ref 同步（主题） */
+export const GENCODE_CM_KEY: InjectionKey<Ref<CmComponentRef | undefined>> = Symbol("gencodeCm");
diff --git a/src/views/module_generator/gencode/index.vue b/src/views/module_generator/gencode/index.vue
new file mode 100644
index 0000000..1a7669d
--- /dev/null
+++ b/src/views/module_generator/gencode/index.vue
@@ -0,0 +1,1198 @@
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="gencodeSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="tableLoading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <ElSpace wrap>
+            <ElButton
+              v-hasPerm="['module_generator:gencode:create']"
+              type="primary"
+              plain
+              :icon="Plus"
+              @click="createTableVisible = true"
+            >
+              创建
+            </ElButton>
+            <ElButton
+              v-hasPerm="['module_generator:gencode:import']"
+              type="success"
+              plain
+              :icon="Upload"
+              @click="handleImportClick"
+            >
+              导入
+            </ElButton>
+            <ElButton
+              v-hasPerm="['module_generator:gencode:delete']"
+              type="danger"
+              plain
+              :icon="Delete"
+              :disabled="ids.length === 0"
+              @click="handleDelete()"
+            >
+              批量删除
+            </ElButton>
+            <ElButton
+              v-hasPerm="['module_generator:gencode:operate']"
+              type="warning"
+              plain
+              :icon="Download"
+              :disabled="tableNames.length === 0"
+              @click="handleGenTable('0')"
+            >
+              批量生成
+            </ElButton>
+          </ElSpace>
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        row-key="id"
+        :loading="tableLoading"
+        :data="tableListData"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="handleTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+
+    <FaCreateTableDialog
+      v-model="createTableVisible"
+      :loading="loading"
+      @submit="handleCreateTableSubmit"
+    />
+
+    <FaImportDbTableDialog
+      ref="importDbDialogRef"
+      v-model="importVisible"
+      v-model:query="formData"
+      :data="dbTableList"
+      :total="importTotal"
+      :confirm-loading="importLoading"
+      @query="handleImportQuery"
+      @reset="handleImportReset"
+      @confirm="handleImportTable"
+      @fetch="getDbList"
+      @selection-change="handleImportTableSelectionChange"
+    />
+
+    <FaGenCodeDrawer
+      v-model="editVisible"
+      v-model:preview-scope="previewScope"
+      v-model:preview-types="previewTypes"
+      v-model:code="code"
+      v-model:info="info"
+      :rules="rules"
+      :active-step="activeStep"
+      :menu-options="menuOptions"
+      :dict-options="dictOptions"
+      :loading="loading"
+      :next-step-loading="nextStepLoading"
+      :preview-loading="previewLoading"
+      :preview-type-options="previewTypeOptions"
+      :filtered-tree-data="filteredTreeData"
+      :cm-options="cmOptions"
+      :bulk-set="bulkSet"
+      @close="handleClose"
+      @prev-step="prevStep"
+      @next-step="nextStep"
+      @gen-download="handleGenTable('0', info)"
+      @gen-write="handleGenTable('1', info)"
+      @clear-master-sub="clearMasterSub"
+      @master-sub-blur="onMasterSubFieldBlur"
+      @file-click="handleFileTreeNodeClick"
+      @copy-code="handleCopyCode"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({
+  name: "GenCode",
+  inheritAttrs: false,
+});
+
+import { ref, reactive, computed, watchEffect, onActivated, nextTick, provide } from "vue";
+import "codemirror/theme/dracula.css";
+import { useClipboard } from "@vueuse/core";
+import { useRoute } from "vue-router";
+import type { EditorConfiguration } from "codemirror";
+import type { CmComponentRef } from "codemirror-editor-vue3";
+import { ElMessage, ElMessageBox, type FormInstance } from "element-plus";
+import { Plus, Upload, Delete, Download } from "@element-plus/icons-vue";
+import GencodeAPI, {
+  type GenTableSchema,
+  type DBTableSchema,
+  type GenTablePageQuery,
+} from "@/api/module_generator/gencode";
+import MenuAPI, { MenuTable } from "@/api/module_platform/menu";
+import DictAPI, { DictTable } from "@/api/module_system/dict";
+import { MenuTypeEnum } from "@/enums";
+import { useSettingsStore } from "@stores";
+import { useTable } from "@/hooks/core/useTable";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import FaGenCodeDrawer from "./components/FaGenCodeDrawer.vue";
+import FaImportDbTableDialog from "./components/FaImportDbTableDialog.vue";
+import FaCreateTableDialog from "./components/FaCreateTableDialog.vue";
+import { GENCODE_BASIC_FORM_KEY, GENCODE_CM_KEY } from "./gencodeInjectionKeys";
+import type { ColumnOption } from "@/types/component";
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction } from "@utils";
+import type { TreeNode } from "./types";
+
+// 文件数据接口
+interface FileData {
+  path: string;
+  file_name: string;
+  content: string;
+  full_path: string;
+}
+
+// 组件引用（与子组件 inject 同步，供校验 / CodeMirror 主题）
+const cmRef = ref<CmComponentRef>();
+const basicInfo = ref<FormInstance>();
+const importDbDialogRef = ref<InstanceType<typeof FaImportDbTableDialog>>();
+/** FaTable：勾选清空（删除后） */
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+
+/** useTable 初始化前的占位，供同步/删除/导入等在文件中靠前定义的函数调用 */
+const listRefresh = {
+  refreshData: async () => {},
+  refreshCreate: async () => {},
+  refreshRemove: async () => {},
+};
+
+const route = useRoute();
+const { hasAuth } = useAuth();
+
+provide(GENCODE_BASIC_FORM_KEY, basicInfo);
+provide(GENCODE_CM_KEY, cmRef);
+
+// 状态管理
+const loading = ref(false);
+const nextStepLoading = ref(false);
+const uniqueId = ref("");
+const editVisible = ref(false);
+const activeStep = ref(0);
+
+// UI状态
+const createTableVisible = ref(false);
+const importVisible = ref(false);
+
+// 表单和列表数据
+const dbTableList = ref<DBTableSchema[]>([]);
+const ids = ref<number[]>([]);
+const tableNames = ref<string[]>([]);
+
+// 导入弹窗专用状态
+const importLoading = ref(false);
+const importTotal = ref<number>(0);
+const formData = ref<GenTablePageQuery>({
+  page_no: 1,
+  page_size: 10,
+  table_name: undefined,
+  table_comment: undefined,
+});
+
+// 下拉选项数据
+const dictOptions = ref<DictTable[]>([]);
+const menuOptions = ref<OptionType[]>([]);
+
+// 表格数据
+type TableItem = {
+  table_name: string;
+  table_comment: string;
+};
+const tables = ref<TableItem[]>([]);
+
+// 导入按钮点击事件
+async function handleImportClick() {
+  importVisible.value = true;
+  await getDbList();
+}
+
+// 预览相关数据
+const preview = reactive({
+  open: false,
+  title: "代码预览",
+  data: {},
+  active_name: "controller.py",
+});
+
+/** 预览接口加载中（第三步） */
+const previewLoading = ref(false);
+
+const previewScope = ref<"all" | "frontend" | "backend">("all");
+const previewTypeOptions = ["ts", "vue", "python"];
+const previewTypes = ref<string[]>([...previewTypeOptions]);
+const code = ref<string>("");
+const treeData = ref<TreeNode[]>([]);
+
+const settingsStore = useSettingsStore();
+
+// 主题计算属性 - 使用 isDark 判断当前是否为暗色模式
+const codeTheme = computed(() => (settingsStore.isDark ? "dracula" : "default"));
+
+// CodeMirror配置（使用 computed 确保主题响应式）
+const cmOptions = computed<EditorConfiguration>(() => ({
+  mode: "text/javascript",
+  lineNumbers: true,
+  smartIndent: true,
+  indentUnit: 2,
+  tabSize: 2,
+  readOnly: false,
+  theme: codeTheme.value,
+  lineWrapping: true,
+  autofocus: false,
+}));
+
+// 监听主题变化并更新CodeMirror实例
+watchEffect(() => {
+  const theme = codeTheme.value;
+  if (cmRef.value?.cminstance) {
+    cmRef.value.cminstance.setOption("theme", theme);
+  }
+});
+
+// 工具函数
+const { copy } = useClipboard();
+
+// ===== 计算属性 =====
+
+// 过滤后的文件树数据
+const filteredTreeData = computed<TreeNode[]>(() => {
+  if (!treeData.value.length) return [];
+
+  // 基于原树按 scope/types 过滤叶子节点
+  const match = (label: string, parentPath: string[]): boolean => {
+    // scope 过滤：根据路径初步判断
+    if (previewScope.value !== "all") {
+      // 根据后端返回的格式，检查路径或文件名特征
+      const isPythonBackend =
+        parentPath.some((part) => part === "backend" || part === "python") || label.includes(".py");
+      const isVueFrontend =
+        parentPath.some((part) => part === "frontend" || part === "vue") ||
+        label.includes(".vue") ||
+        label.includes(".ts");
+
+      if (previewScope.value === "backend" && !isPythonBackend) return false;
+      if (previewScope.value === "frontend" && !isVueFrontend) return false;
+    }
+
+    // 类型过滤：根据文件内容特征判断类型
+    if (label.endsWith(".py")) return previewTypes.value.includes("python");
+    if (label.endsWith(".vue")) return previewTypes.value.includes("vue");
+    if (label.endsWith(".ts")) return previewTypes.value.includes("ts");
+
+    return true;
+  };
+
+  const cloneFilter = (node: TreeNode, parents: string[] = []): TreeNode | null => {
+    if (!node.children || node.children.length === 0) {
+      return match(node.label, parents) ? { ...node } : null;
+    }
+    const nextParents = [...parents, node.label];
+    const children = (node.children || [])
+      .map((c) => cloneFilter(c, nextParents))
+      .filter(Boolean) as TreeNode[];
+    if (!children.length) return null;
+    return { label: node.label, children };
+  };
+
+  const filtered = treeData.value.map((n) => cloneFilter(n)).filter(Boolean) as TreeNode[];
+  return filtered;
+});
+
+// ===== 功能函数 =====
+
+/** 一键复制代码 */
+const handleCopyCode = () => {
+  const content = code.value;
+
+  if (content) {
+    copy(content);
+    ElMessage.success("代码复制成功");
+  } else {
+    ElMessage.warning("没有可复制的代码");
+  }
+};
+
+/** 文件树节点点击事件 */
+function handleFileTreeNodeClick(data: TreeNode): void {
+  if (data && (!data.children || data.children.length === 0)) {
+    code.value = data.content || "";
+    void nextTick(() => applyPreviewEditorMode(data.label));
+  }
+}
+
+/** 递归构建树形结构 */
+function buildTree(data: FileData[]): TreeNode {
+  // 创建根节点
+  const root: TreeNode = { label: "前后端代码", children: [] };
+
+  data.forEach((item) => {
+    // 将路径分成数组（确保使用正斜杠）
+    const parts = item.path.split("/").filter((part) => part !== "");
+
+    let currentNode = root;
+
+    // 遍历路径部分，创建对应的文件夹节点
+    parts.forEach((part) => {
+      // 查找或创建当前部分的子节点
+      let node = currentNode.children?.find((child) => child.label === part);
+      if (!node) {
+        node = { label: part, children: [] };
+        currentNode.children?.push(node);
+      }
+      currentNode = node;
+    });
+
+    // 添加文件节点（保持原有目录树展示：文件节点仅显示文件名）
+    currentNode.children?.push({
+      label: item.file_name,
+      full_path: item.full_path,
+      content: item?.content,
+    });
+  });
+
+  return root;
+}
+
+/** 深度优先取第一个文件节点 */
+function findFirstLeafInTree(nodes: TreeNode[]): TreeNode | null {
+  for (const node of nodes) {
+    if (!node.children || node.children.length === 0) {
+      return node;
+    }
+    const leaf = findFirstLeafInTree(node.children);
+    if (leaf) return leaf;
+  }
+  return null;
+}
+
+/** 按文件名切换预览区语法高亮 */
+function applyPreviewEditorMode(fileLabel: string) {
+  const inst = cmRef.value?.cminstance;
+  if (!inst) return;
+  let mode = "text/javascript";
+  if (fileLabel.endsWith(".py")) mode = "text/x-python";
+  else if (fileLabel.endsWith(".vue")) mode = "text/html";
+  else if (fileLabel.endsWith(".ts")) mode = "text/typescript";
+  inst.setOption("mode", mode);
+}
+
+/** 获取生成预览 */
+async function handlePreview(row: GenTableSchema): Promise<void> {
+  if (!row.id) {
+    ElMessage.warning("无效的表ID");
+    return;
+  }
+
+  previewLoading.value = true;
+  try {
+    const response = await GencodeAPI.previewTable(row.id!);
+    const raw = response.data?.data;
+    if (!raw || typeof raw !== "object" || Object.keys(raw).length === 0) {
+      ElMessage.warning("预览内容为空，请先保存配置并检查字段与主子表设置");
+      treeData.value = [];
+      code.value = "";
+      preview.data = {};
+      return;
+    }
+
+    preview.data = raw;
+
+    const filesData = Object.entries(raw).map(([key, content]) => {
+      const pathParts = key.split("/");
+      let fileName = pathParts.pop() || "";
+      const path = pathParts.join("/");
+
+      if (fileName.endsWith(".j2")) {
+        fileName = fileName.substring(0, fileName.lastIndexOf(".j2"));
+      }
+
+      const contentStr = typeof content === "string" ? content : JSON.stringify(content);
+
+      return {
+        path,
+        file_name: fileName,
+        content: contentStr,
+        full_path: key,
+      } as FileData;
+    });
+
+    const treeRoot = buildTree(filesData);
+    // 预览树仅展示生成文件树（不额外展示“上级目录：xxx”）
+    treeData.value = [treeRoot];
+
+    await nextTick();
+    let firstLeaf: TreeNode | null = null;
+    for (const r of filteredTreeData.value) {
+      firstLeaf = findFirstLeafInTree([r]);
+      if (firstLeaf) break;
+    }
+    if (!firstLeaf) {
+      firstLeaf = findFirstLeafInTree(treeData.value);
+    }
+
+    code.value = firstLeaf?.content || "";
+    await nextTick();
+    if (firstLeaf?.label) {
+      applyPreviewEditorMode(firstLeaf.label);
+    }
+
+    preview.open = true;
+    preview.active_name = "model.py";
+  } catch (error) {
+    console.error("预览代码失败:", error);
+  } finally {
+    previewLoading.value = false;
+  }
+}
+
+/** 表格行内生成代码操作 */
+async function handleGenTable(targetGenType: string, row?: GenTableSchema): Promise<void> {
+  let tbNames: string | string[];
+
+  // 判断是单条还是批量操作
+  if (row) {
+    tbNames = [row.table_name || ""];
+  } else if (tableNames.value.length > 0) {
+    tbNames = tableNames.value;
+  } else {
+    ElMessage.error("请选择要生成的数据");
+    return;
+  }
+
+  loading.value = true;
+  try {
+    if (targetGenType === "1") {
+      if (!Array.isArray(tbNames) || tbNames.length !== 1 || !tbNames[0]) {
+        ElMessage.error("自定义路径只能生成单表代码");
+        loading.value = false;
+        return;
+      }
+      await GencodeAPI.genCodeToPath(tbNames[0]);
+    } else {
+      // ZIP压缩包下载
+      const tableNamesArray = Array.isArray(tbNames) ? tbNames : [tbNames];
+      const response = await GencodeAPI.batchGenCode(tableNamesArray);
+      const raw = response.data as Blob;
+      if (raw.size < 100 && raw.type.includes("json")) {
+        const text = await raw.text();
+        try {
+          const json = JSON.parse(text) as { msg?: string };
+          ElMessage.error(json.msg || "批量生成失败");
+          return;
+        } catch {
+          /* 非 JSON 小文件仍尝试下载 */
+        }
+      }
+      const blob = new Blob([raw], { type: "application/zip" });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = "code.zip";
+      link.click();
+      URL.revokeObjectURL(url);
+      ElMessage.success("已开始下载 code.zip");
+    }
+  } catch (error) {
+    console.error("生成代码失败:", error);
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 同步数据库操作 */
+async function handleSynchDb(row: GenTableSchema): Promise<void> {
+  const tableName = row.table_name || "";
+
+  if (!tableName) {
+    ElMessage.error("表名不能为空");
+    return;
+  }
+
+  const renderSummary = (p: any) => {
+    const added = p.added?.length ?? 0;
+    const removed = p.removed?.length ?? 0;
+    const changed = p.changed?.length ?? 0;
+    const unchanged = p.unchanged ?? 0;
+    return { added, removed, changed, unchanged };
+  };
+
+  const renderHtml = (title: string, p: any) => {
+    const s = renderSummary(p);
+    const list = (xs: string[]) => (xs?.length ? xs.slice(0, 20).join(", ") : "无");
+    return `
+      <div :style="'line-height:1.6'">
+        <div :style="'font-weight:600;margin-bottom:6px'">${title}</div>
+        <div>新增：<b>${s.added}</b>；删除：<b>${s.removed}</b>；变更：<b>${s.changed}</b>；未变：${s.unchanged}</div>
+        <div :style="'margin-top:6px'">新增列：${list(p.added || [])}</div>
+        <div>删除列：${list(p.removed || [])}</div>
+        <div>变更列：${list((p.changed || []).map((c: any) => c.column_name))}</div>
+        <div :style="'margin-top:8px;color:var(--el-text-color-secondary)'">提示：同步会尽量保留你已配置的 dict/html/query 等生成项，仅以数据库结构为准更新元信息。</div>
+      </div>
+    `;
+  };
+
+  try {
+    loading.value = true;
+    const previewRes = await GencodeAPI.syncDbPreview(tableName);
+    const preview = previewRes.data?.data as Record<string, any>;
+    const mainHtml = renderHtml(`主表：${tableName}`, preview);
+    const subHtml =
+      preview?.sub_table_name && preview?.sub
+        ? renderHtml(`子表：${preview.sub_table_name}`, preview.sub)
+        : "";
+
+    await ElMessageBox.confirm(`${mainHtml}${subHtml}`, "同步差异预览", {
+      confirmButtonText: "确认同步",
+      cancelButtonText: "取消",
+      type: "warning",
+      dangerouslyUseHTMLString: true,
+    });
+
+    await GencodeAPI.syncDb(tableName);
+    ElMessage.success("表结构已同步到代码生成配置");
+    await listRefresh.refreshData();
+  } catch (error) {
+    if (error !== "cancel") console.error("同步表结构失败:", error);
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 多选框选中数据 - 主表格 */
+function handleTableSelectionChange(selection: GenTableSchema[]): void {
+  ids.value = selection.map((item) => item.id!);
+  tableNames.value = selection.map((item) => item.table_name || "").filter(Boolean);
+}
+
+type ImportTableSelectionRow = { table_name: string; table_comment: string };
+
+/** 多选框选中数据 - 导入表格 */
+function handleImportTableSelectionChange(rows: ImportTableSelectionRow[]): void {
+  tables.value = rows;
+}
+
+/** 代码生成「上级菜单」仅展示目录节点，便于挂到目录下生成新菜单（不选菜单/按钮作为父级） */
+const filterMenuTypes = (nodes: MenuTable[]) => {
+  return nodes
+    .filter((node) => node.type === MenuTypeEnum.CATALOG)
+    .map((node: any): any => ({
+      ...node,
+      children: node.children ? filterMenuTypes(node.children) : [],
+    }));
+};
+
+/** 代码生成专用：保留 route_path，便于实时推断分系统 module_xxx */
+function formatMenuTreeWithMeta(nodes: any[]): any[] {
+  return nodes.map((node) => {
+    const formattedNode: any = {
+      value: node.id,
+      label: node.name,
+      disabled: node.status === false || String(node.status) === "false",
+      route_path: node.route_path,
+    };
+    if (node.children && node.children.length > 0) {
+      formattedNode.children = formatMenuTreeWithMeta(node.children);
+    }
+    return formattedNode;
+  });
+}
+
+/** 表格行内「代码生成」：先打开抽屉再拉数据，避免接口慢时误以为点不动 */
+async function handlePreviewTable(row?: GenTableSchema): Promise<void> {
+  const selectedTableId = row?.id ?? ids.value[0];
+  if (selectedTableId === undefined || selectedTableId === null) {
+    ElMessage.error("请选择要修改的数据");
+    return;
+  }
+
+  // 先用“列表行数据”把基础信息回显出来（接口慢时不至于看到空表单/旧数据闪烁）
+  Object.assign(info, {
+    id: row?.id ?? selectedTableId,
+    table_name: row?.table_name || info.table_name || "",
+    table_comment: row?.table_comment ?? info.table_comment ?? "",
+    class_name: row?.class_name ?? info.class_name ?? "",
+    package_name: row?.package_name ?? info.package_name ?? "",
+    module_name: row?.module_name ?? info.module_name ?? "",
+    business_name: row?.business_name ?? info.business_name ?? "",
+    function_name: row?.function_name ?? info.function_name ?? "",
+    description: row?.description ?? info.description ?? "",
+    parent_menu_id: row?.parent_menu_id ?? info.parent_menu_id ?? undefined,
+    sub_table_name: row?.sub_table_name ?? info.sub_table_name ?? "",
+    sub_table_fk_name: row?.sub_table_fk_name ?? info.sub_table_fk_name ?? "",
+  } as Partial<GenTableSchema>);
+  // 字段列表以 detail 接口为准，避免上一张表的 columns 残留
+  info.columns = [];
+  activeStep.value = 0;
+  editVisible.value = true;
+
+  try {
+    await loadTableDetail(selectedTableId);
+  } catch (e) {
+    console.error("获取表详情失败:", e);
+    ElMessage.error("获取表详情失败，请稍后重试");
+    // 保持抽屉打开，便于重试或关闭；勿因接口失败整抽屉被关掉像「点不动」
+    return;
+  }
+
+  try {
+    const [menu_response, dict_response] = await Promise.all([
+      MenuAPI.listMenu(),
+      DictAPI.listDictType({ page_no: 1, page_size: 100 }),
+    ]);
+    // 使用代码生成专用格式化：保留 route_path 供「分系统」实时回显
+    menuOptions.value = formatMenuTreeWithMeta(filterMenuTypes(menu_response.data.data));
+    dictOptions.value = dict_response.data.data.items;
+  } catch (e) {
+    console.error("菜单或字典加载失败:", e);
+    ElMessage.warning("菜单或字典选项加载失败，部分下拉可能为空");
+  }
+}
+
+/** 删除按钮操作 */
+async function handleDelete(row?: GenTableSchema): Promise<void> {
+  const tableIds = row?.id ? [row.id] : ids.value;
+
+  if (tableIds.length === 0) {
+    ElMessage.error("请选择要删除的数据");
+    return;
+  }
+
+  try {
+    await ElMessageBox.confirm(`是否确认删除选中的${tableIds.length}条数据？`, "删除确认", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+
+    await GencodeAPI.deleteTable(tableIds);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await listRefresh.refreshRemove();
+  } catch (error) {
+    if (error !== "cancel") {
+      console.error("删除表数据失败:", error);
+    }
+  }
+}
+
+type GencodeSearchForm = {
+  table_name?: string;
+  table_comment?: string;
+};
+
+function buildGencodeRowActions(row: GenTableSchema): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "preview",
+      label: "代码生成",
+      artType: "edit",
+      icon: "ri:magic-line",
+      iconColor: "var(--el-color-primary)",
+      perm: "module_generator:gencode:update",
+      run: () => void handlePreviewTable(row),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_generator:gencode:delete",
+      run: () => void handleDelete(row),
+    },
+    {
+      key: "sync",
+      label: "同步",
+      artType: "view",
+      icon: "ri:refresh-line",
+      iconColor: "var(--el-color-primary)",
+      perm: "module_generator:db:sync",
+      run: () => void handleSynchDb(row),
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatGencodeOperationCell(row: GenTableSchema) {
+  return renderTableOperationCell(buildGencodeRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 gencode-table-actions",
+  });
+}
+
+const searchForm = ref<GencodeSearchForm>({
+  table_name: undefined,
+  table_comment: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const gencodeSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "表名称",
+    key: "table_name",
+    type: "input",
+    placeholder: "请输入表名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "表描述",
+    key: "table_comment",
+    type: "input",
+    placeholder: "请输入表描述",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: [
+        { label: "未生成", value: 0 },
+        { label: "已生成", value: 1 },
+      ],
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const {
+  columns,
+  columnChecks,
+  data: tableListData,
+  loading: tableLoading,
+  pagination,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: GencodeAPI.listTable,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: (): ColumnOption<GenTableSchema>[] => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      {
+        prop: "table_name",
+        label: "表名称",
+        minWidth: 160,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "table_comment",
+        label: "表描述",
+        minWidth: 160,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "class_name",
+        label: "实体",
+        minWidth: 120,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "created_time",
+        label: "创建时间",
+        width: 168,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "updated_time",
+        label: "更新时间",
+        width: 168,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 220,
+        fixed: "right",
+        align: "center",
+        formatter: (row: GenTableSchema) => formatGencodeOperationCell(row),
+      },
+    ],
+  },
+});
+
+listRefresh.refreshData = refreshData;
+listRefresh.refreshCreate = refreshCreate;
+listRefresh.refreshRemove = refreshRemove;
+
+async function handleSearchBarSearch(params: GencodeSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams({
+    table_name: params.table_name,
+    table_comment: params.table_comment,
+  });
+  getData();
+}
+
+async function onResetSearch() {
+  searchForm.value = {
+    table_name: undefined,
+    table_comment: undefined,
+  };
+  await resetSearchParams();
+}
+
+/** 页面激活时执行（依赖 useTable 分页与刷新） */
+onActivated(async () => {
+  const time = route.query.t;
+  if (time == null || String(time) === uniqueId.value) return;
+  uniqueId.value = String(time);
+  const pageNo = Number(route.query.page_no || 1);
+  await nextTick();
+  const cur = (pagination as unknown as { current?: number }).current ?? 1;
+  if (cur !== pageNo) {
+    await handleCurrentChange(pageNo);
+  } else {
+    await refreshData();
+  }
+});
+
+/** 创建表 */
+async function handleCreateTableSubmit(sql: string): Promise<void> {
+  if (!sql || sql.trim() === "") {
+    ElMessage.error("请输入创建表SQL语句");
+    return;
+  }
+
+  loading.value = true;
+  try {
+    await GencodeAPI.createTable(sql);
+    createTableVisible.value = false;
+    await listRefresh.refreshCreate();
+  } catch (error) {
+    console.error("创建表数据失败:", error);
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 导入表操作 */
+async function handleImportTable(): Promise<void> {
+  if (tables.value.length === 0) {
+    ElMessage.error("请选择要导入的表");
+    return;
+  }
+
+  importLoading.value = true;
+  try {
+    // 提取表名数组
+    const tableNames = tables.value.map((table: TableItem) => table.table_name || "");
+    await GencodeAPI.importTable(tableNames);
+    importVisible.value = false;
+    await listRefresh.refreshData();
+  } catch (error) {
+    console.error("导入表失败:", error);
+  } finally {
+    importLoading.value = false;
+  }
+}
+
+/** 查询数据库表数据 */
+async function getDbList(): Promise<void> {
+  importLoading.value = true;
+  try {
+    const res = await GencodeAPI.listDbTable(formData.value);
+    if (res.data && res.data.data) {
+      dbTableList.value = res.data.data.items;
+      importTotal.value = res.data.data.total;
+    }
+  } catch (error) {
+    console.error("获取数据库表列表失败:", error);
+  } finally {
+    importLoading.value = false;
+  }
+}
+
+/** 导入弹窗搜索按钮操作 */
+async function handleImportQuery(): Promise<void> {
+  formData.value.page_no = 1;
+  await getDbList();
+}
+
+/** 导入弹窗重置按钮操作 */
+async function handleImportReset(): Promise<void> {
+  importDbDialogRef.value?.resetQueryForm();
+  await handleImportQuery();
+}
+
+// 表单数据（后端返回字段可能含 null，这里做更宽松的承载，避免 TS 因类型收窄报错）
+let info = reactive<
+  GenTableSchema & {
+    sub_table_name?: string | null;
+    sub_table_fk_name?: string | null;
+  }
+>({
+  id: undefined,
+  table_name: "",
+  table_comment: "",
+  sub_table_name: "",
+  sub_table_fk_name: "",
+  class_name: "",
+  package_name: "",
+  module_name: "",
+  business_name: "",
+  function_name: "",
+  description: "",
+  parent_menu_id: undefined,
+  pk_column: undefined,
+  sub_table: undefined,
+  columns: [],
+  sub: false,
+  master_sub_hint: undefined,
+});
+
+/** 主子表两项同填或同空，且子表名不得与主表相同 */
+function validateMasterSubPair(_rule: unknown, _value: unknown, callback: (e?: Error) => void) {
+  const sn = (info.sub_table_name || "").trim();
+  const fk = (info.sub_table_fk_name || "").trim();
+  if (Boolean(sn) !== Boolean(fk)) {
+    callback(new Error("子表表名与外键列须同时填写或同时留空"));
+    return;
+  }
+  if (sn && fk && sn === (info.table_name || "").trim()) {
+    callback(new Error("子表表名不能与主表表名相同"));
+    return;
+  }
+  callback();
+}
+
+function onMasterSubFieldBlur() {
+  void nextTick(() => {
+    basicInfo.value?.validateField("sub_table_name").catch(() => {});
+    basicInfo.value?.validateField("sub_table_fk_name").catch(() => {});
+  });
+}
+
+function clearMasterSub() {
+  info.sub_table_name = "";
+  info.sub_table_fk_name = "";
+  info.master_sub_hint = undefined;
+  info.sub = false;
+  info.sub_table = undefined;
+  void nextTick(() => {
+    basicInfo.value?.clearValidate(["sub_table_name", "sub_table_fk_name"]);
+  });
+}
+
+/** module_example 风格下业务名可空；模块名示例见 demo、gen_demo */
+function validateBusinessName(_rule: unknown, value: unknown, callback: (e?: Error) => void) {
+  const pkg = (info.package_name || "").trim();
+  const mod = (info.module_name || "").trim();
+  const isExampleStyle = pkg.startsWith("module_") && Boolean(mod) && !mod.startsWith("module_");
+  if (isExampleStyle) {
+    callback();
+    return;
+  }
+  if (value == null || !String(value).trim()) {
+    callback(new Error("业务名不能为空"));
+    return;
+  }
+  callback();
+}
+
+// 校验规则
+const rules = {
+  table_name: [{ required: true, message: "表名称不能为空", trigger: "blur" }],
+  class_name: [{ required: true, message: "实体名称不能为空", trigger: "blur" }],
+  package_name: [{ required: true, message: "生成包路径不能为空", trigger: "blur" }],
+  module_name: [{ required: true, message: "生成模块名不能为空", trigger: "blur" }],
+  business_name: [{ validator: validateBusinessName, trigger: "blur" }],
+  function_name: [{ required: true, message: "生成功能名不能为空", trigger: "blur" }],
+  /** 与后端一致：可选；不选时写入本地会按包名自动建目录菜单 */
+  sub_table_name: [{ validator: validateMasterSubPair, trigger: "blur" }],
+  sub_table_fk_name: [{ validator: validateMasterSubPair, trigger: "blur" }],
+};
+
+// ===== 工具函数
+/** 提交表单 - 保存配置（从基础配置进入字段配置时允许尚无列，便于先保存主表信息） */
+async function submitForm(options?: { requireColumns?: boolean }) {
+  const requireColumns = options?.requireColumns !== false;
+
+  // 检查是否有表ID
+  if (!info.id) {
+    ElMessage.error("无效的表ID");
+    return;
+  }
+
+  try {
+    loading.value = true;
+
+    if (requireColumns && (!info.columns || info.columns.length === 0)) {
+      ElMessage.error("请配置字段信息");
+      return;
+    }
+
+    // 提交表单数据，确保columns是必需的，并且parent_menu_id总是被包含
+    const tableData = {
+      ...info,
+      parent_menu_id: info.parent_menu_id ?? null, // 将undefined转换为null，确保属性被传输
+      columns: info.columns || [], // 确保columns存在
+    };
+    delete (tableData as Record<string, unknown>).sub_table;
+    delete (tableData as Record<string, unknown>).sub;
+    delete (tableData as Record<string, unknown>).pk_column;
+    delete (tableData as Record<string, unknown>).master_sub_hint;
+
+    const savedColumns = info.columns;
+    const res = await GencodeAPI.updateTable(tableData as GenTableSchema, info.id || 0);
+    if (res.data?.data) {
+      Object.assign(info, res.data.data as GenTableSchema);
+      if (savedColumns && savedColumns.length > 0) {
+        info.columns = savedColumns;
+      }
+    }
+    return true;
+  } catch (error) {
+    console.error("保存表单失败:", error);
+  } finally {
+    loading.value = false;
+  }
+}
+
+// 下一步
+async function nextStep(): Promise<void> {
+  if (activeStep.value < 3) {
+    nextStepLoading.value = true;
+    try {
+      // 下一步前先保存当前步骤数据
+      if (activeStep.value < 2) {
+        await submitForm({ requireColumns: activeStep.value !== 0 });
+      }
+
+      // 验证并进入下一步
+      if (activeStep.value === 0) {
+        const basicInfoValid = await basicInfo.value?.validate().catch(() => false);
+        if (!basicInfoValid) return;
+      } else if (activeStep.value === 1) {
+        if (!info.columns || info.columns.length === 0) {
+          ElMessage.error("请配置字段信息");
+          return;
+        }
+      }
+
+      activeStep.value++;
+
+      if (activeStep.value === 2 && info.id) {
+        await handlePreview({ id: info.id, table_name: info.table_name } as GenTableSchema);
+      }
+    } finally {
+      nextStepLoading.value = false;
+    }
+  }
+}
+
+// 上一步
+function prevStep(): void {
+  if (activeStep.value > 0) {
+    activeStep.value--;
+  }
+}
+
+// 批量设置字段属性
+function bulkSet(field: string | string[], value: any): void {
+  if (!info.columns || !Array.isArray(info.columns)) return;
+
+  const fieldsToUpdate = Array.isArray(field) ? field : [field];
+
+  info.columns.forEach((column) => {
+    if (column && typeof column === "object") {
+      fieldsToUpdate.forEach((f) => {
+        (column as Record<string, unknown>)[f] = value;
+      });
+    }
+  });
+}
+
+function close(): void {
+  editVisible.value = false;
+  activeStep.value = 0; // 重置步骤
+
+  // 清除表单验证状态
+  setTimeout(() => {
+    basicInfo.value?.resetFields();
+  }, 300);
+}
+
+/** 处理抽屉关闭事件 */
+function handleClose(): void {
+  close();
+}
+
+/** 加载表详情 */
+async function loadTableDetail(id: number | string) {
+  try {
+    loading.value = true;
+    const response = await GencodeAPI.detailTable(Number(id));
+
+    if (response?.data?.data) {
+      const data = response.data.data;
+
+      // 填充表单数据
+      Object.assign(info, { ...data });
+
+      // 处理列数据
+      if (data && data.columns && Array.isArray(data.columns)) {
+        // 深拷贝确保数据独立性
+        info.columns = JSON.parse(JSON.stringify(data.columns));
+        // 设置列的选中状态
+        (info.columns ?? []).forEach((item: any) => {
+          item.select = true;
+        });
+      }
+
+      // 重置当前步骤为第一步
+      activeStep.value = 0;
+    }
+  } catch (error) {
+    console.error("获取表详情失败:", error);
+    throw error;
+  } finally {
+    loading.value = false;
+  }
+}
+</script>
diff --git a/src/views/module_generator/gencode/types.ts b/src/views/module_generator/gencode/types.ts
new file mode 100644
index 0000000..f72945d
--- /dev/null
+++ b/src/views/module_generator/gencode/types.ts
@@ -0,0 +1,8 @@
+/** 预览文件树节点 */
+export interface TreeNode {
+  label: string;
+  /** 仅文件节点：完整生成路径（相对项目根），用于展示 */
+  full_path?: string;
+  content?: string;
+  children?: TreeNode[];
+}
diff --git a/src/views/module_generator/gencode/utils/buildCreateTableSql.ts b/src/views/module_generator/gencode/utils/buildCreateTableSql.ts
new file mode 100644
index 0000000..a9a1632
--- /dev/null
+++ b/src/views/module_generator/gencode/utils/buildCreateTableSql.ts
@@ -0,0 +1,135 @@
+/**
+ * 将「表结构」表单状态编译为可执行的 CREATE TABLE SQL（MySQL / PostgreSQL）。
+ */
+
+export type SqlDialect = "mysql" | "postgres";
+
+export interface ColDef {
+  name: string;
+  type: string;
+  nullable: boolean;
+  isPk: boolean;
+  comment: string;
+  /** 仅 MySQL：数字主键自增 */
+  autoIncrement?: boolean;
+}
+
+export interface VisualBuildState {
+  dialect: SqlDialect;
+  mainTableName: string;
+  mainComment: string;
+  mainColumns: ColDef[];
+  subEnabled: boolean;
+  subTableName: string;
+  subComment: string;
+  /** 子表上指向主表的外键列名 */
+  fkColumn: string;
+  /** 主表被引用列，一般为 id */
+  fkRefColumn: string;
+  subColumns: ColDef[];
+}
+
+function qMysql(name: string): string {
+  return `\`${name.replace(/`/g, "")}\``;
+}
+
+function buildMysqlTable(name: string, comment: string, columns: ColDef[]): string {
+  const lines: string[] = [];
+  const pkCols = columns.filter((c) => c.isPk).map((c) => qMysql(c.name));
+  for (const c of columns) {
+    let line = `  ${qMysql(c.name)} ${c.type}`;
+    if (c.isPk && c.autoIncrement) {
+      line += " NOT NULL AUTO_INCREMENT";
+    } else if (c.isPk) {
+      line += " NOT NULL";
+    } else if (!c.nullable) {
+      line += " NOT NULL";
+    } else {
+      line += " DEFAULT NULL";
+    }
+    if (c.comment) line += ` COMMENT '${c.comment.replace(/'/g, "''")}'`;
+    lines.push(line);
+  }
+  const tail: string[] = [];
+  if (pkCols.length) {
+    tail.push(`  PRIMARY KEY (${pkCols.join(", ")})`);
+  }
+  const uuidCol = columns.find((c) => c.name === "uuid");
+  if (uuidCol) {
+    tail.push(`  UNIQUE KEY ${qMysql(`uk_${name.replace(/`/g, "")}_uuid`)} (${qMysql("uuid")})`);
+  }
+  const allLines = [...lines, ...tail];
+  return (
+    `CREATE TABLE ${qMysql(name)} (\n${allLines.join(",\n")}\n)` +
+    ` ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='${comment.replace(/'/g, "''")}';`
+  );
+}
+
+function buildMysqlFk(subName: string, fkCol: string, mainName: string, refCol: string): string {
+  return (
+    `ALTER TABLE ${qMysql(subName)} ADD CONSTRAINT ${qMysql(`fk_${subName}_${fkCol}`)} ` +
+    `FOREIGN KEY (${qMysql(fkCol)}) REFERENCES ${qMysql(mainName)} (${qMysql(refCol)}) ON DELETE CASCADE;`
+  );
+}
+
+function buildPostgresTable(name: string, comment: string, columns: ColDef[]): string {
+  const lines: string[] = [];
+  const pkCols = columns.filter((c) => c.isPk).map((c) => c.name);
+  for (const c of columns) {
+    let line = `  ${c.name} ${c.type}`;
+    const isSerial = c.type.toUpperCase().includes("SERIAL");
+    if (!isSerial && !c.nullable) line += " NOT NULL";
+    lines.push(line);
+  }
+  const tail: string[] = [];
+  if (pkCols.length) {
+    tail.push(`  PRIMARY KEY (${pkCols.join(", ")})`);
+  }
+  const body = [...lines, ...tail].join(",\n");
+  return (
+    `CREATE TABLE ${name} (\n${body}\n);\n` +
+    `COMMENT ON TABLE ${name} IS '${comment.replace(/'/g, "''")}';`
+  );
+}
+
+function buildPostgresColumnComments(table: string, columns: ColDef[]): string {
+  return columns
+    .filter((c) => c.comment)
+    .map((c) => `COMMENT ON COLUMN ${table}.${c.name} IS '${c.comment.replace(/'/g, "''")}';`)
+    .join("\n");
+}
+
+function buildPostgresFk(subName: string, fkCol: string, mainName: string, refCol: string): string {
+  return (
+    `ALTER TABLE ${subName} ADD CONSTRAINT fk_${subName}_${fkCol} ` +
+    `FOREIGN KEY (${fkCol}) REFERENCES ${mainName}(${refCol}) ON DELETE CASCADE;`
+  );
+}
+
+/** 由表结构状态生成完整 SQL（单表或主子表） */
+export function buildSqlFromVisual(state: VisualBuildState): string {
+  const m = state.mainTableName.trim();
+  if (!m) return "";
+
+  const parts: string[] = [];
+
+  if (state.dialect === "mysql") {
+    parts.push(buildMysqlTable(m, state.mainComment || m, state.mainColumns));
+    if (state.subEnabled && state.subTableName.trim()) {
+      const s = state.subTableName.trim();
+      parts.push(buildMysqlTable(s, state.subComment || s, state.subColumns));
+      parts.push(buildMysqlFk(s, state.fkColumn, m, state.fkRefColumn));
+    }
+  } else {
+    parts.push(buildPostgresTable(m, state.mainComment || m, state.mainColumns));
+    parts.push(buildPostgresColumnComments(m, state.mainColumns));
+    if (state.subEnabled && state.subTableName.trim()) {
+      const s = state.subTableName.trim();
+      parts.push(buildPostgresTable(s, state.subComment || s, state.subColumns));
+      parts.push(buildPostgresColumnComments(s, state.subColumns));
+      parts.push(buildPostgresFk(s, state.fkColumn, m, state.fkRefColumn));
+    }
+  }
+
+  return parts.filter(Boolean).join("\n\n");
+}
diff --git a/src/views/module_generator/gencode/utils/createTableSqlExamples.ts b/src/views/module_generator/gencode/utils/createTableSqlExamples.ts
new file mode 100644
index 0000000..8f17f40
--- /dev/null
+++ b/src/views/module_generator/gencode/utils/createTableSqlExamples.ts
@@ -0,0 +1,16 @@
+import { buildSqlFromVisual } from "./buildCreateTableSql";
+import {
+  applySubColumns,
+  visualPresetMasterSub,
+  visualPresetSingle,
+} from "./createTableVisualPresets";
+
+/** 与「表结构」单表模板一致的 SQL（便于两种模式对齐） */
+export function getExampleFromPresetSingle(dialect: "mysql" | "postgres"): string {
+  return buildSqlFromVisual(visualPresetSingle(dialect));
+}
+
+/** 与「表结构」主子表模板一致的 SQL */
+export function getExampleFromPresetMasterSub(dialect: "mysql" | "postgres"): string {
+  return buildSqlFromVisual(applySubColumns(visualPresetMasterSub(dialect)));
+}
diff --git a/src/views/module_generator/gencode/utils/createTableVisualPresets.ts b/src/views/module_generator/gencode/utils/createTableVisualPresets.ts
new file mode 100644
index 0000000..7e1391a
--- /dev/null
+++ b/src/views/module_generator/gencode/utils/createTableVisualPresets.ts
@@ -0,0 +1,243 @@
+import type { ColDef, SqlDialect, VisualBuildState } from "./buildCreateTableSql";
+
+/** 与代码生成第三步「基本信息」联动时的输入（主表名、子表名、外键列名） */
+export interface GenTableCreateLink {
+  table_name?: string;
+  table_comment?: string;
+  sub_table_name?: string;
+  sub_table_fk_name?: string;
+}
+
+function mixinMysql(): ColDef[] {
+  return [
+    {
+      name: "status",
+      type: "varchar(10)",
+      nullable: false,
+      isPk: false,
+      comment: "是否启用(0:启用 1:禁用)",
+    },
+    { name: "description", type: "text", nullable: true, isPk: false, comment: "备注/描述" },
+    {
+      name: "created_time",
+      type: "datetime",
+      nullable: false,
+      isPk: false,
+      comment: "创建时间",
+    },
+    {
+      name: "updated_time",
+      type: "datetime",
+      nullable: false,
+      isPk: false,
+      comment: "更新时间",
+    },
+    { name: "created_id", type: "int", nullable: true, isPk: false, comment: "创建人ID" },
+    { name: "updated_id", type: "int", nullable: true, isPk: false, comment: "更新人ID" },
+    {
+      name: "is_deleted",
+      type: "tinyint(1)",
+      nullable: false,
+      isPk: false,
+      comment: "是否已删除(0:未删除 1:已删除)",
+    },
+    { name: "deleted_time", type: "datetime", nullable: true, isPk: false, comment: "删除时间" },
+    { name: "deleted_id", type: "int", nullable: true, isPk: false, comment: "删除人ID" },
+  ];
+}
+
+function mixinPostgres(): ColDef[] {
+  return [
+    {
+      name: "status",
+      type: "varchar(10)",
+      nullable: false,
+      isPk: false,
+      comment: "是否启用(0:启用 1:禁用)",
+    },
+    { name: "description", type: "text", nullable: true, isPk: false, comment: "备注/描述" },
+    {
+      name: "created_time",
+      type: "timestamp without time zone",
+      nullable: false,
+      isPk: false,
+      comment: "创建时间",
+    },
+    {
+      name: "updated_time",
+      type: "timestamp without time zone",
+      nullable: false,
+      isPk: false,
+      comment: "更新时间",
+    },
+    { name: "created_id", type: "integer", nullable: true, isPk: false, comment: "创建人ID" },
+    { name: "updated_id", type: "integer", nullable: true, isPk: false, comment: "更新人ID" },
+    {
+      name: "is_deleted",
+      type: "boolean",
+      nullable: false,
+      isPk: false,
+      comment: "是否已删除(0:未删除 1:已删除)",
+    },
+    {
+      name: "deleted_time",
+      type: "timestamp without time zone",
+      nullable: true,
+      isPk: false,
+      comment: "删除时间",
+    },
+    { name: "deleted_id", type: "integer", nullable: true, isPk: false, comment: "删除人ID" },
+  ];
+}
+
+function pkMysql(): ColDef[] {
+  return [
+    {
+      name: "id",
+      type: "bigint",
+      nullable: false,
+      isPk: true,
+      comment: "主键ID",
+      autoIncrement: true,
+    },
+    {
+      name: "uuid",
+      type: "varchar(64)",
+      nullable: false,
+      isPk: false,
+      comment: "UUID全局唯一标识",
+    },
+  ];
+}
+
+function pkPostgres(): ColDef[] {
+  return [
+    { name: "id", type: "SERIAL", nullable: false, isPk: true, comment: "主键ID" },
+    {
+      name: "uuid",
+      type: "varchar(64)",
+      nullable: false,
+      isPk: false,
+      comment: "UUID全局唯一标识",
+    },
+  ];
+}
+
+function buildSubColumns(dialect: SqlDialect, mainTableName: string, fkColumn: string): ColDef[] {
+  const isMysql = dialect === "mysql";
+  const mixin = isMysql ? mixinMysql() : mixinPostgres();
+  const subPk = isMysql ? pkMysql() : pkPostgres();
+  const fkColDef: ColDef = {
+    name: fkColumn,
+    type: "bigint",
+    nullable: false,
+    isPk: false,
+    comment: `关联 ${mainTableName}.${"id"}`,
+  };
+  const subBusiness: ColDef[] = [
+    {
+      name: "line_name",
+      type: "varchar(128)",
+      nullable: true,
+      isPk: false,
+      comment: "明细名称",
+    },
+    {
+      name: "qty",
+      type: isMysql ? "int" : "integer",
+      nullable: false,
+      isPk: false,
+      comment: "数量",
+    },
+  ];
+  return [...subPk, fkColDef, ...subBusiness, ...mixin];
+}
+
+export function applySubColumns(state: VisualBuildState): VisualBuildState {
+  if (!state.subEnabled) {
+    return { ...state, subColumns: [] };
+  }
+  return {
+    ...state,
+    subColumns: buildSubColumns(state.dialect, state.mainTableName, state.fkColumn),
+  };
+}
+
+/** 单表：带业务字段 name */
+export function visualPresetSingle(dialect: SqlDialect): VisualBuildState {
+  const isMysql = dialect === "mysql";
+  const mixin = isMysql ? mixinMysql() : mixinPostgres();
+  const pk = isMysql ? pkMysql() : pkPostgres();
+  const business: ColDef[] = [
+    { name: "name", type: "varchar(64)", nullable: true, isPk: false, comment: "名称" },
+  ];
+  return {
+    dialect,
+    mainTableName: "gen_demo_single",
+    mainComment: "代码生成-单表示例",
+    mainColumns: [...pk, ...business, ...mixin],
+    subEnabled: false,
+    subTableName: "gen_demo_order_item",
+    subComment: "子表示例",
+    fkColumn: "order_id",
+    fkRefColumn: "id",
+    subColumns: [],
+  };
+}
+
+/** 主子表：主表订单头 + 子表明细，子表含外键列 */
+export function visualPresetMasterSub(dialect: SqlDialect): VisualBuildState {
+  const isMysql = dialect === "mysql";
+  const mixin = isMysql ? mixinMysql() : mixinPostgres();
+  const pk = isMysql ? pkMysql() : pkPostgres();
+  const mainBusiness: ColDef[] = [
+    {
+      name: "order_title",
+      type: "varchar(128)",
+      nullable: true,
+      isPk: false,
+      comment: "订单标题",
+    },
+  ];
+  return applySubColumns({
+    dialect,
+    mainTableName: "gen_demo_order_master",
+    mainComment: "代码生成-主表示例（订单头）",
+    mainColumns: [...pk, ...mainBusiness, ...mixin],
+    subEnabled: true,
+    subTableName: "gen_demo_order_item",
+    subComment: "代码生成-子表示例（订单明细）",
+    fkColumn: "order_id",
+    fkRefColumn: "id",
+    subColumns: [],
+  });
+}
+
+/**
+ * 将第三步已填的主子表信息合并到表结构预设。
+ * 规则：子表名与外键列名同时非空时使用主子表模板；否则为单表模板（仅主表名/注释覆盖）。
+ */
+export function mergeGenTableLinkIntoVisual(
+  link: GenTableCreateLink,
+  dialect: SqlDialect
+): VisualBuildState {
+  const main = (link.table_name || "").trim();
+  const subSn = (link.sub_table_name || "").trim();
+  const subFk = (link.sub_table_fk_name || "").trim();
+  const hasSubPair = Boolean(subSn && subFk);
+  const base: VisualBuildState = hasSubPair
+    ? visualPresetMasterSub(dialect)
+    : visualPresetSingle(dialect);
+  if (main) base.mainTableName = main;
+  const mc = (link.table_comment || "").trim();
+  if (mc) base.mainComment = mc;
+  if (hasSubPair) {
+    base.subEnabled = true;
+    base.subTableName = subSn;
+    base.fkColumn = subFk;
+    base.fkRefColumn = "id";
+  } else {
+    base.subEnabled = false;
+  }
+  return applySubColumns(base);
+}
diff --git a/src/views/module_monitor/cache/index.vue b/src/views/module_monitor/cache/index.vue
new file mode 100644
index 0000000..aab0c47
--- /dev/null
+++ b/src/views/module_monitor/cache/index.vue
@@ -0,0 +1,614 @@
+<template>
+  <div class="fa-full-height">
+    <ElTabs>
+      <!-- 监控信息 Tab -->
+      <ElTabPane label="监控信息">
+        <div class="monitor-tab">
+          <ElRow :gutter="16">
+            <ElCol :span="24">
+              <ElCard shadow="hover">
+                <template #header>
+                  <div class="flex items-center gap-2">
+                    <FaSvgIcon icon="ri:database-2-line" class="text-lg" />
+                    <span class="font-medium">Redis监控信息</span>
+                  </div>
+                </template>
+                <FaDescriptions :column="descColumns" :scrollbar="false">
+                  <ElDescriptionsItem label="Redis版本">
+                    {{ cache.info?.redis_version || "-" }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem label="运行模式">
+                    {{ cache.info?.redis_mode === "standalone" ? "单机" : "集群" }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem label="端口">
+                    {{ cache.info?.tcp_port || "-" }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem label="客户端数">
+                    {{ cache.info?.connected_clients || 0 }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem label="运行时间(天)">
+                    {{ cache.info?.uptime_in_days || 0 }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem label="使用内存">
+                    {{ cache.info?.used_memory_human || "-" }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem label="使用CPU">
+                    {{
+                      cache.info?.used_cpu_user_children
+                        ? parseFloat(cache.info.used_cpu_user_children).toFixed(2)
+                        : "-"
+                    }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem label="内存配置">
+                    {{ cache.info?.maxmemory_human || "-" }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem label="AOF">
+                    {{ cache.info?.aof_enabled === "0" ? "关闭" : "开启" }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem label="RDB状态">
+                    {{ cache.info?.rdb_last_bgsave_status || "-" }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem label="Key数量">
+                    {{ cache.db_size || 0 }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem label="网络IO">
+                    {{ cache.info?.instantaneous_input_kbps || 0 }}kps/
+                    {{ cache.info?.instantaneous_output_kbps || 0 }}kps
+                  </ElDescriptionsItem>
+                </FaDescriptions>
+              </ElCard>
+            </ElCol>
+          </ElRow>
+
+          <ElRow :gutter="16" class="flex-1 min-h-0">
+            <ElCol :xs="24" :sm="12" class="mb-5">
+              <ElCard shadow="hover" class="flex-1 flex flex-col chart-card">
+                <template #header>
+                  <div class="flex items-center gap-2">
+                    <FaSvgIcon icon="ri:bar-chart-2-line" class="text-lg" />
+                    <span class="font-medium">命令统计</span>
+                  </div>
+                </template>
+                <div ref="commandstats" class="chart-container" />
+              </ElCard>
+            </ElCol>
+            <ElCol :xs="24" :sm="12" class="mb-5">
+              <ElCard shadow="hover" class="flex-1 flex flex-col chart-card">
+                <template #header>
+                  <div class="flex items-center gap-2">
+                    <FaSvgIcon icon="ri:pie-chart-2-line" class="text-lg" />
+                    <span class="font-medium">内存信息</span>
+                  </div>
+                </template>
+                <div ref="usedmemory" class="chart-container" />
+              </ElCard>
+            </ElCol>
+          </ElRow>
+        </div>
+      </ElTabPane>
+
+      <!-- 缓存管理 Tab -->
+      <ElTabPane label="缓存管理">
+        <div class="cache-mgmt-tab">
+          <ElRow :gutter="16" class="flex-1 min-h-0">
+            <!-- 缓存列表 -->
+            <ElCol :xs="24" :md="8" class="cache-mgmt-col mb-5 h-full">
+              <ElCard :loading="loading" shadow="hover" class="cache-mgmt-card">
+                <template #header>
+                  <div class="flex items-center justify-between">
+                    <div class="flex items-center gap-2">
+                      <FaSvgIcon icon="ri:list-unordered" class="text-lg" />
+                      <span class="font-medium">缓存列表</span>
+                    </div>
+                    <ElButton
+                      v-hasPerm="['module_monitor:cache:query']"
+                      type="primary"
+                      link
+                      icon="RefreshRight"
+                      @click="refreshCacheNames"
+                    />
+                  </div>
+                </template>
+                <div class="cache-table-wrap">
+                  <ElTable :loading="loading" :data="cacheNames" row-key="cache_name">
+                    <template #empty>
+                      <ElEmpty :image-size="80" description="暂无数据" />
+                    </template>
+                    <ElTableColumn prop="cache_name" label="缓存名称" show-overflow-tooltip>
+                      <template #default="{ row }">
+                        <ElButton
+                          v-hasPerm="['module_monitor:cache:query']"
+                          type="primary"
+                          link
+                          @click="getCacheKeyList(row)"
+                        >
+                          {{ row.cache_name }}
+                        </ElButton>
+                      </template>
+                    </ElTableColumn>
+                    <ElTableColumn prop="remark" label="备注" show-overflow-tooltip />
+                    <ElTableColumn label="操作" width="60" align="center">
+                      <template #default="{ row }">
+                        <ElPopconfirm
+                          :title="`确认删除缓存 ${row.cache_name} 吗？`"
+                          placement="top"
+                          @confirm="handleClearCacheName(row)"
+                        >
+                          <template #reference>
+                            <ElButton
+                              v-hasPerm="['module_monitor:cache:delete']"
+                              type="danger"
+                              size="small"
+                              link
+                              icon="delete"
+                            />
+                          </template>
+                        </ElPopconfirm>
+                      </template>
+                    </ElTableColumn>
+                  </ElTable>
+                </div>
+              </ElCard>
+            </ElCol>
+
+            <!-- 键名列表 -->
+            <ElCol :xs="24" :md="8" class="cache-mgmt-col mb-5 h-full">
+              <ElCard :loading="loading" shadow="hover" class="cache-mgmt-card">
+                <template #header>
+                  <div class="flex items-center justify-between">
+                    <div class="flex items-center gap-2">
+                      <FaSvgIcon icon="ri:key-2-line" class="text-lg" />
+                      <span class="font-medium">键名列表</span>
+                    </div>
+                    <ElButton
+                      v-hasPerm="['module_monitor:cache:query']"
+                      type="primary"
+                      link
+                      icon="RefreshRight"
+                      @click="refreshCacheKeys"
+                    />
+                  </div>
+                </template>
+                <div class="cache-table-wrap">
+                  <ElTable
+                    :loading="subLoading"
+                    :data="cacheKeys.map((key) => ({ cacheKey: key }))"
+                    row-key="cacheKey"
+                  >
+                    <template #empty>
+                      <ElEmpty :image-size="80" description="暂无数据" />
+                    </template>
+                    <ElTableColumn prop="cacheKey" label="缓存键名" show-overflow-tooltip>
+                      <template #default="{ row }">
+                        <ElButton
+                          v-hasPerm="['module_monitor:cache:detail']"
+                          type="primary"
+                          link
+                          @click="handleCacheValue(row.cacheKey)"
+                        >
+                          {{ row.cacheKey }}
+                        </ElButton>
+                      </template>
+                    </ElTableColumn>
+                    <ElTableColumn label="操作" width="60" align="center">
+                      <template #default="{ row }">
+                        <ElPopconfirm
+                          :title="`确认删除键 ${row.cacheKey} 吗？`"
+                          placement="top"
+                          @confirm="handleClearCacheKey(row.cacheKey)"
+                        >
+                          <template #reference>
+                            <ElButton
+                              v-hasPerm="['module_monitor:cache:delete']"
+                              type="danger"
+                              size="small"
+                              link
+                              icon="delete"
+                            />
+                          </template>
+                        </ElPopconfirm>
+                      </template>
+                    </ElTableColumn>
+                  </ElTable>
+                </div>
+              </ElCard>
+            </ElCol>
+
+            <!-- 缓存内容 -->
+            <ElCol :xs="24" :md="8" class="cache-mgmt-col mb-5 h-full">
+              <ElCard :loading="loading" shadow="hover" class="cache-mgmt-card">
+                <template #header>
+                  <div class="flex items-center justify-between">
+                    <div class="flex items-center gap-2">
+                      <FaSvgIcon icon="ri:file-text-line" class="text-lg" />
+                      <span class="font-medium">缓存内容</span>
+                    </div>
+                    <ElButton
+                      v-hasPerm="['module_monitor:cache:delete']"
+                      type="danger"
+                      link
+                      icon="delete"
+                      @click="handleClearCacheAll"
+                    >
+                      清理全部
+                    </ElButton>
+                  </div>
+                </template>
+                <div class="cache-form-wrap">
+                  <ElForm :model="cacheForm" label-suffix=":" label-position="top">
+                    <ElFormItem label="缓存名称">
+                      <ElInput v-model="cacheForm.cache_name" readonly placeholder="缓存名称" />
+                    </ElFormItem>
+                    <ElFormItem label="缓存键名">
+                      <ElInput v-model="cacheForm.cache_key" readonly placeholder="缓存键名" />
+                    </ElFormItem>
+                    <ElFormItem label="缓存内容" class="cache-value-item">
+                      <ElInput
+                        v-model="cacheForm.cache_value"
+                        type="textarea"
+                        readonly
+                        placeholder="缓存内容"
+                      />
+                    </ElFormItem>
+                  </ElForm>
+                </div>
+              </ElCard>
+            </ElCol>
+          </ElRow>
+        </div>
+      </ElTabPane>
+    </ElTabs>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ElMessageBox } from "element-plus";
+import CacheAPI, {
+  type CacheInfo,
+  type CacheForm,
+  type CacheMonitor,
+  type RedisInfo,
+} from "@/api/module_monitor/cache";
+import * as echarts from "echarts";
+import { useWindowSize } from "@vueuse/core";
+
+defineOptions({ name: "CacheMonitor" });
+
+const { width: winWidth } = useWindowSize();
+const descColumns = computed(() => (winWidth.value < 768 ? 2 : 6));
+
+const cacheNames = ref<CacheInfo[]>([]);
+const cacheKeys = ref<string[]>([]);
+const loading = ref(true);
+const subLoading = ref(false);
+const nowCacheName = ref("");
+const commandstats = ref<HTMLElement | null>(null);
+const usedmemory = ref<HTMLElement | null>(null);
+const cache = ref<CacheMonitor>({
+  info: {} as RedisInfo,
+  command_stats: [],
+  db_size: 0,
+});
+const cacheForm = ref<CacheForm>({
+  cache_name: "",
+  cache_key: "",
+  cache_value: "",
+});
+
+let commandstatsInstance: echarts.ECharts | null = null;
+let usedmemoryInstance: echarts.ECharts | null = null;
+
+const resetCacheForm = () => {
+  cacheKeys.value = [];
+  cacheForm.value = { cache_name: "", cache_key: "", cache_value: "" };
+};
+
+const getCacheNameList = async () => {
+  try {
+    loading.value = true;
+    const response = await CacheAPI.getCacheNames();
+    cacheNames.value = response.data.data;
+    resetCacheForm();
+  } catch (error) {
+    console.error("获取缓存列表出错:", error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const refreshCacheNames = () => {
+  getCacheNameList();
+};
+
+const handleClearCacheName = async (row: CacheInfo) => {
+  try {
+    await CacheAPI.deleteCacheName(row.cache_name);
+    refreshCacheNames();
+  } catch (error) {
+    console.error("清理缓存名称出错:", error);
+  }
+};
+
+const getCacheKeyList = async (row?: CacheInfo) => {
+  try {
+    const cacheName = row?.cache_name || nowCacheName.value;
+    if (!cacheName) return;
+    subLoading.value = true;
+    const response = await CacheAPI.getCacheKeys(cacheName);
+    cacheKeys.value = response.data.data;
+    nowCacheName.value = cacheName;
+    cacheForm.value = { cache_name: cacheName, cache_key: "", cache_value: "" };
+  } catch (error) {
+    console.error("获取缓存键名列表出错:", error);
+  } finally {
+    subLoading.value = false;
+  }
+};
+
+const refreshCacheKeys = () => {
+  getCacheKeyList();
+};
+
+async function handleClearCacheKey(cacheKey: string) {
+  try {
+    await CacheAPI.deleteCacheKey(cacheKey);
+    getCacheKeyList();
+  } catch (error) {
+    console.error("清理缓存键名出错:", error);
+  }
+}
+
+async function handleCacheValue(cacheKey: string) {
+  try {
+    loading.value = true;
+    const response = await CacheAPI.getCacheValue(nowCacheName.value, cacheKey);
+    cacheForm.value = response.data.data;
+  } catch (error) {
+    console.error("获取缓存内容失败:", error);
+  } finally {
+    loading.value = false;
+  }
+}
+
+const handleClearCacheAll = async () => {
+  try {
+    await ElMessageBox.confirm("确定要清理全部缓存吗？", "危险！", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    await CacheAPI.deleteCacheAll();
+    getCacheNameList();
+  } catch (error: unknown) {
+    if (error !== "cancel") {
+      console.error("清理全部缓存失败:", error);
+    }
+  }
+};
+
+const getInfo = async () => {
+  try {
+    loading.value = true;
+    const response = await CacheAPI.getCacheInfo();
+    cache.value = response.data.data || { info: {}, command_stats: [], dbSize: 0 };
+    initCharts();
+  } catch (error) {
+    console.error("获取缓存监控数据失败:", error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const initCharts = () => {
+  if (!commandstats.value || !usedmemory.value) return;
+
+  commandstatsInstance = echarts.init(commandstats.value, "macarons");
+  usedmemoryInstance = echarts.init(usedmemory.value, "macarons");
+
+  commandstatsInstance.setOption({
+    tooltip: { trigger: "item", formatter: "{a} <br/>{b} : {c} ({d}%)" },
+    series: [
+      {
+        name: "命令",
+        type: "pie",
+        roseType: "radius",
+        radius: ["20%", "70%"],
+        center: ["50%", "50%"],
+        data: cache.value.command_stats || [],
+        animationEasing: "cubicInOut",
+        animationDuration: 1000,
+        label: {
+          fontSize: 14,
+        },
+      },
+    ],
+  });
+
+  const usedMemory = cache.value.info?.used_memory_human || "0";
+  usedmemoryInstance.setOption({
+    tooltip: { formatter: `{b} <br/>{a} : ${usedMemory}` },
+    series: [
+      {
+        name: "峰值",
+        type: "gauge",
+        min: 0,
+        max: 1000,
+        radius: "70%",
+        detail: { formatter: usedMemory, fontSize: 16 },
+        data: [{ value: parseFloat(usedMemory) || 0, name: "内存消耗" }],
+        axisLabel: {
+          fontSize: 12,
+        },
+      },
+    ],
+  });
+
+  void nextTick(() => {
+    commandstatsInstance?.resize();
+    usedmemoryInstance?.resize();
+  });
+};
+
+onMounted(() => {
+  getCacheNameList();
+  getInfo();
+});
+
+onUnmounted(() => {
+  commandstatsInstance?.dispose();
+  usedmemoryInstance?.dispose();
+});
+</script>
+
+<style scoped lang="scss">
+// 与 dashboard 首页一致：自定义圆角 + 边框色
+:deep(.el-card) {
+  --el-card-border-radius: calc(var(--custom-radius) + 2px);
+
+  border: 1px solid var(--fa-card-border);
+}
+
+.fa-full-height {
+  :deep(.el-tabs) {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow: hidden;
+
+    > .el-tabs__content {
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      min-height: 0;
+
+      > .el-tab-pane {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        min-height: 0;
+        overflow: hidden;
+      }
+    }
+  }
+}
+
+.monitor-tab {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  height: 100%;
+  min-height: 0;
+  overflow-y: auto;
+}
+
+.chart-card {
+  height: 100%;
+
+  :deep(.el-card__body) {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+}
+
+.chart-container {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  min-height: 300px;
+}
+
+// === 缓存管理三栏 ===
+.cache-mgmt-tab {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  overflow-y: auto;
+}
+
+.cache-mgmt-col {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.cache-mgmt-card {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+
+  :deep(.el-card__body) {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-height: 0;
+
+    > .cache-table-wrap,
+    > .cache-form-wrap {
+      flex: 1;
+      min-height: 0;
+    }
+  }
+}
+
+.cache-table-wrap {
+  position: relative;
+  overflow: hidden;
+
+  :deep(.el-table) {
+    position: absolute;
+    inset: 0;
+    height: auto;
+
+    .el-table__inner-wrapper {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    }
+
+    .el-table__header-wrapper {
+      flex-shrink: 0;
+    }
+
+    .el-table__body-wrapper {
+      flex: 1;
+      overflow-y: auto;
+    }
+  }
+}
+
+.cache-form-wrap {
+  display: flex;
+  flex-direction: column;
+
+  .el-form {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-height: 0;
+  }
+}
+
+.cache-value-item {
+  flex: 1;
+  min-height: 0;
+  max-height: 60%;
+
+  :deep(.el-form-item__content) {
+    height: 100%;
+
+    .el-textarea {
+      height: 100%;
+
+      textarea {
+        height: 100% !important;
+        resize: none;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/module_monitor/online/index.vue b/src/views/module_monitor/online/index.vue
new file mode 100644
index 0000000..9a5d722
--- /dev/null
+++ b/src/views/module_monitor/online/index.vue
@@ -0,0 +1,285 @@
+<!-- 在线用户：Art + useTable -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="onlineSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <ElButton
+            v-hasPerm="['module_monitor:online:delete']"
+            type="danger"
+            plain
+            :loading="clearAllLoading"
+            @click="handleClearAll"
+          >
+            强退所有
+          </ElButton>
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        row-key="session_id"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({
+  name: "OnlineUser",
+  inheritAttrs: false,
+});
+
+import { h, ref, computed } from "vue";
+import { useTable } from "@/hooks/core/useTable";
+import OnlineAPI, { type OnlineUserTable } from "@/api/module_monitor/online";
+import type { ColumnOption } from "@/types/component";
+import { ElMessageBox } from "element-plus";
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction } from "@/utils/table";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import FaCopyButton from "@/components/others/fa-copy-button/index.vue";
+
+const { hasAuth } = useAuth();
+
+type OnlineSearchForm = {
+  ipaddr?: string;
+  name?: string;
+  login_location?: string;
+};
+
+function buildOnlineReplaceParams(u: OnlineSearchForm): Record<string, unknown> {
+  return {
+    ipaddr: u.ipaddr,
+    name: u.name,
+    login_location: u.login_location,
+  };
+}
+
+const searchForm = ref<OnlineSearchForm>({
+  ipaddr: undefined,
+  name: undefined,
+  login_location: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const onlineSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "IP地址",
+    key: "ipaddr",
+    type: "input",
+    placeholder: "请输入IP地址",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "用户名",
+    key: "name",
+    type: "input",
+    placeholder: "请输入用户名",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "登录位置",
+    key: "login_location",
+    type: "input",
+    placeholder: "请输入登录位置",
+    clearable: true,
+    span: 6,
+  },
+]);
+
+const clearAllLoading = ref(false);
+
+function kickSession(sessionId: string) {
+  (async () => {
+    try {
+      await ElMessageBox.confirm(`确认强制退出会话 ${sessionId}?`, "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      });
+      await OnlineAPI.deleteOnline(sessionId);
+      // 成功 / 失败提示由 axios 拦截器统一处理
+      await refreshData();
+    } catch {
+      // 用户取消或操作失败
+    }
+  })();
+}
+
+function buildOnlineRowActions(row: OnlineUserTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "kick",
+      label: "强退",
+      artType: "delete",
+      perm: "module_monitor:online:delete",
+      run: () => kickSession(row.session_id),
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatOnlineOperationCell(row: OnlineUserTable) {
+  return renderTableOperationCell(buildOnlineRowActions(row));
+}
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+} = useTable({
+  core: {
+    apiFn: OnlineAPI.listOnline,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: (): ColumnOption<OnlineUserTable>[] => [
+      { type: "globalIndex", width: 56, label: "序号" },
+      {
+        prop: "session_id",
+        label: "会话编号",
+        minWidth: 250,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "login_type",
+        label: "登录类型",
+        minWidth: 100,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "ipaddr",
+        label: "IP地址",
+        minWidth: 150,
+        formatter: (row: OnlineUserTable) =>
+          h("span", { class: "inline-flex items-center flex-wrap gap-0.5" }, [
+            row.ipaddr ?? "",
+            row.ipaddr
+              ? h(FaCopyButton, {
+                  text: row.ipaddr,
+                  style: { marginLeft: "2px" },
+                })
+              : null,
+          ]),
+      },
+      {
+        prop: "name",
+        label: "用户名",
+        minWidth: 100,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "user_name",
+        label: "账号",
+        minWidth: 100,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "login_location",
+        label: "登录位置",
+        minWidth: 220,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "os",
+        label: "操作系统",
+        minWidth: 120,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "login_time",
+        label: "登录时间",
+        width: 180,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 88,
+        fixed: "right",
+        align: "center",
+        formatter: (row: OnlineUserTable) => formatOnlineOperationCell(row),
+      },
+    ],
+  },
+});
+
+async function handleSearchBarSearch(params: OnlineSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildOnlineReplaceParams(params));
+  getData();
+}
+
+async function onResetSearch() {
+  searchForm.value = {
+    ipaddr: undefined,
+    name: undefined,
+    login_location: undefined,
+  };
+  await resetSearchParams();
+}
+
+function handleClearAll() {
+  (async () => {
+    try {
+      await ElMessageBox.confirm("确认强制退出所有用户?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      });
+      clearAllLoading.value = true;
+      await OnlineAPI.clearOnline();
+      // 成功 / 失败提示由 axios 拦截器统一处理
+      await refreshData();
+    } catch {
+      // 用户取消
+    } finally {
+      clearAllLoading.value = false;
+    }
+  })();
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/module_monitor/resource/index.vue b/src/views/module_monitor/resource/index.vue
new file mode 100644
index 0000000..27ec4f9
--- /dev/null
+++ b/src/views/module_monitor/resource/index.vue
@@ -0,0 +1,648 @@
+<!-- 资源管理：Art + useTable -->
+<template>
+  <div class="fa-full-height resource-monitor-page">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="resourceSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard
+      class="resource-monitor-card flex flex-col flex-1 min-h-0 fa-table-card"
+      :style="{ 'margin-top': showSearchBar ? '12px' : '0' }"
+    >
+      <div
+        class="resource-breadcrumb mb-3 shrink-0 flex flex-wrap items-center gap-2 border-b border-g-200 pb-3"
+      >
+        <ElTooltip content="资源文件管理系统: 点击路径可以快速返回上级目录">
+          <QuestionFilled class="mx-1 h-4 w-4" />
+        </ElTooltip>
+        <span class="text-sm">文件列表(当前路径)：</span>
+        <div class="breadcrumb-container min-w-0 flex-1">
+          <ElBreadcrumb separator="/">
+            <ElBreadcrumbItem
+              v-for="(item, index) in breadcrumbList"
+              :key="index"
+              :class="{ 'is-link': index < breadcrumbList.length - 1 }"
+              @click="handleBreadcrumbClick(item)"
+            >
+              {{ item.name }}
+            </ElBreadcrumbItem>
+          </ElBreadcrumb>
+        </div>
+      </div>
+
+      <FaTableHeader
+        class="resource-toolbar shrink-0"
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <ElSpace wrap>
+            <ElButton
+              v-hasPerm="['module_monitor:resource:upload']"
+              type="success"
+              plain
+              :icon="Plus"
+              @click="handleUpload"
+            >
+              上传文件
+            </ElButton>
+            <ElButton
+              v-hasPerm="['module_monitor:resource:create_dir']"
+              type="primary"
+              plain
+              :icon="FolderAdd"
+              @click="handleCreateDir"
+            >
+              新建文件夹
+            </ElButton>
+            <ElButton
+              v-hasPerm="['module_monitor:resource:delete']"
+              type="danger"
+              plain
+              :icon="Delete"
+              :disabled="selectedPaths.length === 0"
+              :loading="batchDeleting"
+              @click="handleBatchDelete"
+            >
+              批量删除
+            </ElButton>
+            <ElCheckbox
+              v-model="showHiddenFiles"
+              v-hasPerm="['module_monitor:resource:query']"
+              @change="onShowHiddenChange"
+            >
+              显示隐藏文件
+            </ElCheckbox>
+          </ElSpace>
+        </template>
+      </FaTableHeader>
+
+      <!-- 面包屑与表头已占用高度：表格高度须在独立 flex 子项内计算，否则分页会被挤出卡片 -->
+      <div class="resource-table-region min-h-0 flex flex-1 flex-col overflow-hidden">
+        <FaTable
+          row-key="file_url"
+          :show-table-header="false"
+          :loading="loading"
+          :data="data"
+          :columns="columns"
+          :pagination="pagination"
+          @selection-change="onTableSelectionChange"
+          @pagination:size-change="handleSizeChange"
+          @pagination:current-change="handleCurrentChange"
+        />
+      </div>
+    </ElCard>
+
+    <FaDialog
+      v-model="uploadDialogVisible"
+      title="上传文件"
+      width="500px"
+      @close="handleUploadClose"
+    >
+      <ElUpload
+        ref="uploadRef"
+        :auto-upload="false"
+        :multiple="true"
+        :file-list="uploadFileList"
+        drag
+        @change="handleUploadChange"
+      >
+        <ElIcon class="el-icon--upload"><UploadFilled /></ElIcon>
+        <div class="el-upload__text">
+          将文件拖到此处，或
+          <em>点击上传</em>
+        </div>
+        <template #tip>
+          <div class="el-upload__tip text-error">
+            不支持多文件上传，单个文件不超过100MB，多文件上传，取最后一个文件上传
+          </div>
+        </template>
+      </ElUpload>
+      <template #footer>
+        <ElButton @click="uploadDialogVisible = false">取消</ElButton>
+        <ElButton
+          v-hasPerm="['module_monitor:resource:upload']"
+          type="primary"
+          :loading="uploading"
+          @click="handleUploadConfirm"
+        >
+          确定上传
+        </ElButton>
+      </template>
+    </FaDialog>
+
+    <FaDialog v-model="createDirDialogVisible" title="新建文件夹" width="400px">
+      <ElForm :model="createDirForm" label-width="80px">
+        <ElFormItem label="文件夹名" required>
+          <ElInput
+            v-model="createDirForm.dir_name"
+            placeholder="请输入文件夹名称"
+            @keyup.enter="handleCreateDirConfirm"
+          />
+        </ElFormItem>
+      </ElForm>
+      <template #footer>
+        <ElButton @click="createDirDialogVisible = false">取消</ElButton>
+        <ElButton
+          v-hasPerm="['module_monitor:resource:create_dir']"
+          type="primary"
+          @click="handleCreateDirConfirm"
+        >
+          确定
+        </ElButton>
+      </template>
+    </FaDialog>
+
+    <FaDialog v-model="renameDialogVisible" title="重命名" width="400px">
+      <ElForm :model="renameForm" label-width="80px">
+        <ElFormItem label="新名称" required>
+          <ElInput
+            v-model="renameForm.new_name"
+            placeholder="请输入新名称"
+            @keyup.enter="handleRenameConfirm"
+          />
+        </ElFormItem>
+      </ElForm>
+      <template #footer>
+        <ElButton @click="renameDialogVisible = false">取消</ElButton>
+        <ElButton
+          v-hasPerm="['module_monitor:resource:rename']"
+          type="primary"
+          @click="handleRenameConfirm"
+        >
+          确定
+        </ElButton>
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({
+  name: "ResourceMonitor",
+  inheritAttrs: false,
+});
+
+import { h, ref, reactive, computed } from "vue";
+import {
+  ElMessage,
+  ElMessageBox,
+  ElIcon,
+  ElSpace,
+  ElTooltip,
+  type UploadFile,
+  type UploadFiles,
+  type UploadUserFile,
+} from "element-plus";
+import {
+  Delete,
+  Document,
+  Folder,
+  FolderAdd,
+  Plus,
+  QuestionFilled,
+  UploadFilled,
+} from "@element-plus/icons-vue";
+import { useTable } from "@/hooks/core/useTable";
+import { ResourceAPI, type ResourceItem } from "@/api/module_monitor/resource";
+import type { ColumnOption } from "@/types/component";
+import { useAuth } from "@/hooks/core/useAuth";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import { renderTableOperationCell, type TableOperationAction } from "@/utils/table";
+
+const { hasAuth } = useAuth();
+
+type ResourceSearchForm = {
+  name?: string;
+};
+
+function buildResourceReplaceParams(u: ResourceSearchForm): Record<string, unknown> {
+  return {
+    name: u.name,
+  };
+}
+
+function fetchResourceTableList(params: Record<string, unknown>) {
+  return ResourceAPI.listResource({
+    page_no: 1,
+    page_size: 10,
+    ...params,
+  });
+}
+
+const searchForm = ref<ResourceSearchForm>({
+  name: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const resourceSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "关键词",
+    key: "name",
+    type: "input",
+    placeholder: "请输入文件名或目录名",
+    clearable: true,
+    span: 6,
+  },
+]);
+
+const selectedRows = ref<ResourceItem[]>([]);
+const selectedPaths = computed(() => selectedRows.value.map((r) => r.file_url));
+
+function onTableSelectionChange(rows: ResourceItem[]) {
+  selectedRows.value = rows;
+}
+
+const breadcrumbList = ref([{ name: "资源根目录", path: "/" }]);
+const showHiddenFiles = ref(false);
+const currentPath = ref("/");
+
+const uploadDialogVisible = ref(false);
+const createDirDialogVisible = ref(false);
+const renameDialogVisible = ref(false);
+const uploading = ref(false);
+const batchDeleting = ref(false);
+
+const uploadRef = ref();
+const uploadFileList = ref<UploadUserFile[]>([]);
+
+const createDirForm = reactive({
+  dir_name: "",
+});
+
+const renameForm = reactive({
+  new_name: "",
+  old_path: "",
+});
+
+function formatFileSize(size?: number | null) {
+  if (!size || size === null) return "—";
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  let unitIndex = 0;
+  let fileSize = size;
+
+  while (fileSize >= 1024 && unitIndex < units.length - 1) {
+    fileSize /= 1024;
+    unitIndex++;
+  }
+
+  return `${fileSize.toFixed(1)} ${units[unitIndex]}`;
+}
+
+function updateBreadcrumb() {
+  if (currentPath.value === "/") {
+    breadcrumbList.value = [{ name: "资源根目录", path: "/" }];
+    return;
+  }
+
+  const parts = currentPath.value.split("/").filter((part) => part !== "");
+
+  breadcrumbList.value = [
+    { name: "资源根目录", path: "/" },
+    ...parts.map((part, index) => ({
+      name: part,
+      path: parts.slice(0, index + 1).join("/"),
+    })),
+  ];
+}
+
+function handleFilePreview(file: ResourceItem) {
+  let previewUrl = file.file_url;
+
+  if (previewUrl && !previewUrl.startsWith("http")) {
+    previewUrl = `${window.location.origin}${previewUrl}`;
+  }
+
+  window.open(previewUrl, "_blank");
+}
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+} = useTable({
+  core: {
+    apiFn: fetchResourceTableList,
+    apiParams: {
+      page_no: 1,
+      page_size: 20,
+    },
+    columnsFactory: (): ColumnOption<ResourceItem>[] => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      {
+        prop: "name",
+        label: "名称",
+        minWidth: 200,
+        formatter: (row: ResourceItem) =>
+          h("div", { class: "file-name flex items-center gap-2" }, [
+            h(ElIcon, { class: "file-icon" }, () => h(row.is_dir ? Folder : Document)),
+            h(
+              "span",
+              {
+                class:
+                  "file-name-clickable cursor-pointer text-theme hover:text-theme/80 hover:underline",
+                onClick: () => handleFileNameClick(row),
+              },
+              row.name
+            ),
+          ]),
+      },
+      {
+        prop: "size",
+        label: "大小",
+        minWidth: 120,
+        align: "center",
+        formatter: (row: ResourceItem) => (row.is_dir ? "" : h("span", formatFileSize(row.size))),
+      },
+      {
+        prop: "modified_time",
+        label: "修改时间",
+        minWidth: 180,
+        sortable: true,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 136,
+        fixed: "right",
+        align: "center",
+        formatter: (row: ResourceItem) => formatResourceOperationCell(row),
+      },
+    ],
+  },
+});
+
+function buildResourceRowActions(row: ResourceItem): TableOperationAction[] {
+  const actions: TableOperationAction[] = [];
+  if (!row.is_dir && hasAuth("module_monitor:resource:download")) {
+    actions.push({
+      key: "download",
+      label: "下载",
+      artType: "view",
+      icon: "ri:download-line",
+      run: () => void handleDownload(row),
+    });
+  }
+  if (hasAuth("module_monitor:resource:rename")) {
+    actions.push({
+      key: "rename",
+      label: "重命名",
+      artType: "edit",
+      run: () => void handleRenameOpen(row),
+    });
+  }
+  if (hasAuth("module_monitor:resource:delete")) {
+    actions.push({
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      run: () => void handleDelete(row),
+    });
+  }
+  return actions;
+}
+
+function formatResourceOperationCell(row: ResourceItem) {
+  return renderTableOperationCell(buildResourceRowActions(row), {
+    wrapperClass: "inline-flex items-center justify-center gap-1",
+  });
+}
+
+function handleBreadcrumbClick(item: { path: string }) {
+  currentPath.value = item.path;
+  updateBreadcrumb();
+  void getData({ path: currentPath.value === "/" ? undefined : currentPath.value });
+}
+
+function handleFileNameClick(row: ResourceItem) {
+  if (row.is_dir) {
+    if (currentPath.value === "/") {
+      currentPath.value = row.name;
+    } else {
+      currentPath.value = `${currentPath.value}/${row.name}`;
+    }
+    updateBreadcrumb();
+    void getData({ path: currentPath.value });
+  } else {
+    handleFilePreview(row);
+  }
+}
+
+async function handleSearchBarSearch(params: ResourceSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildResourceReplaceParams(params));
+  getData();
+}
+
+async function onResetSearch() {
+  searchForm.value = { name: undefined };
+  await resetSearchParams();
+}
+
+function onShowHiddenChange() {
+  getData();
+}
+
+function handleUpload() {
+  uploadDialogVisible.value = true;
+  uploadFileList.value = [];
+}
+
+function handleUploadChange(_file: UploadFile, fileList: UploadFiles) {
+  uploadFileList.value = fileList as UploadUserFile[];
+}
+
+async function handleUploadConfirm() {
+  if (uploadFileList.value.length === 0) {
+    ElMessage.warning("请选择要上传的文件");
+    return;
+  }
+
+  try {
+    uploading.value = true;
+    const formData = new FormData();
+    uploadFileList.value.forEach((file) => {
+      const raw = file.raw;
+      if (raw) formData.append("file", raw);
+    });
+
+    const targetPath = currentPath.value === "/" ? "" : currentPath.value;
+    formData.append("target_path", targetPath);
+
+    await ResourceAPI.uploadFile(formData);
+    uploadDialogVisible.value = false;
+    await refreshData();
+  } catch (error) {
+    console.error("Upload error:", error);
+  } finally {
+    uploading.value = false;
+  }
+}
+
+function handleUploadClose() {
+  uploadDialogVisible.value = false;
+  uploadFileList.value = [];
+}
+
+function handleCreateDir() {
+  createDirForm.dir_name = "";
+  createDirDialogVisible.value = true;
+}
+
+async function handleCreateDirConfirm() {
+  if (!createDirForm.dir_name.trim()) {
+    ElMessage.warning("请输入文件夹名称");
+    return;
+  }
+
+  try {
+    const parentPath = currentPath.value === "/" ? "" : currentPath.value;
+    await ResourceAPI.createDirectory({
+      parent_path: parentPath,
+      dir_name: createDirForm.dir_name.trim(),
+    });
+    createDirDialogVisible.value = false;
+    await refreshData();
+  } catch (error) {
+    console.error("Create directory error:", error);
+  }
+}
+
+function handleRenameOpen(item: ResourceItem) {
+  renameForm.old_path = item.file_url;
+  renameForm.new_name = item.name;
+  renameDialogVisible.value = true;
+}
+
+async function handleRenameConfirm() {
+  if (!renameForm.new_name.trim()) {
+    ElMessage.warning("请输入新名称");
+    return;
+  }
+
+  try {
+    await ResourceAPI.renameResource({
+      old_path: renameForm.old_path,
+      new_name: renameForm.new_name.trim(),
+    });
+    renameDialogVisible.value = false;
+    await refreshData();
+  } catch (error) {
+    console.error("Rename error:", error);
+  }
+}
+
+async function handleDownload(item: ResourceItem) {
+  try {
+    const response = await ResourceAPI.downloadFile(item.file_url);
+    const blob = response.data;
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = item.name;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    window.URL.revokeObjectURL(url);
+  } catch (error) {
+    console.error("Download error:", error);
+  }
+}
+
+async function handleDelete(item: ResourceItem) {
+  try {
+    await ElMessageBox.confirm(`确定要删除 ${item.name} 吗？`, "确认删除", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+
+    await ResourceAPI.deleteResource([item.file_url]);
+    selectedRows.value = [];
+    await refreshData();
+  } catch (error) {
+    if (error !== "cancel") {
+      console.error("Delete error:", error);
+    }
+  }
+}
+
+async function handleBatchDelete() {
+  if (selectedRows.value.length === 0) {
+    ElMessage.warning("请选择要删除的文件");
+    return;
+  }
+
+  try {
+    await ElMessageBox.confirm(
+      `确定要删除选中的 ${selectedRows.value.length} 个文件吗？`,
+      "确认删除",
+      {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }
+    );
+
+    batchDeleting.value = true;
+    const paths = selectedRows.value.map((item) => item.file_url);
+    await ResourceAPI.deleteResource(paths);
+    selectedRows.value = [];
+    await refreshData();
+  } catch (error) {
+    if (error !== "cancel") {
+      console.error("Batch delete error:", error);
+    }
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.resource-monitor-page :deep(.resource-monitor-card.el-card > .el-card__body) {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+
+:deep(.el-breadcrumb__item) {
+  &.is-link {
+    color: var(--el-color-primary);
+    cursor: pointer;
+
+    &:hover {
+      color: var(--el-color-primary-light-3);
+    }
+  }
+}
+</style>
diff --git a/src/views/module_monitor/server/index.vue b/src/views/module_monitor/server/index.vue
new file mode 100644
index 0000000..e61d7a9
--- /dev/null
+++ b/src/views/module_monitor/server/index.vue
@@ -0,0 +1,235 @@
+<template>
+  <div class="flex flex-col relative last:mb-0">
+    <ElRow :gutter="16">
+      <!-- CPU 使用情况 -->
+      <ElCol :xs="24" :sm="12" class="mb-5">
+        <ElCard :loading="loading" shadow="hover">
+          <template #header>
+            <div class="flex items-center gap-2">
+              <FaSvgIcon icon="ri:cpu-line" class="text-lg" />
+              <span class="font-medium">CPU使用情况</span>
+            </div>
+          </template>
+          <div class="flex items-center flex-col gap-4">
+            <div class="flex items-center gap-6 max-md:flex-col max-md:gap-3">
+              <ElProgress
+                type="circle"
+                :percentage="server.cpu?.used || 0"
+                :status="
+                  (server.cpu?.used || 0) > 80
+                    ? 'exception'
+                    : (server.cpu?.used || 0) > 60
+                      ? 'warning'
+                      : 'success'
+                "
+              >
+                <span class="text-sm">{{ (server.cpu?.used || 0).toFixed(1) }}%</span>
+              </ElProgress>
+              <FaDescriptions :column="2" size="small" :scrollbar="false">
+                <ElDescriptionsItem label="核心数">
+                  {{ server.cpu?.cpu_num || 0 }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="已用核心">
+                  {{ Math.floor(((server.cpu?.used || 0) * (server.cpu?.cpu_num || 0)) / 100) }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="用户使用率">
+                  {{ (server.cpu?.used || 0).toFixed(1) }}%
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="系统使用率">
+                  {{ (server.cpu?.sys || 0).toFixed(1) }}%
+                </ElDescriptionsItem>
+              </FaDescriptions>
+            </div>
+          </div>
+        </ElCard>
+      </ElCol>
+
+      <!-- 内存使用情况 -->
+      <ElCol :xs="24" :sm="12" class="mb-5">
+        <ElCard :loading="loading" shadow="hover">
+          <template #header>
+            <div class="flex items-center gap-2">
+              <FaSvgIcon icon="ri:ram-line" class="text-lg" />
+              <span class="font-medium">内存使用情况</span>
+            </div>
+          </template>
+          <div class="flex items-center flex-col gap-4">
+            <div class="flex items-center gap-6 max-md:flex-col max-md:gap-3">
+              <ElProgress
+                type="circle"
+                :percentage="server.mem?.usage || 0"
+                :status="
+                  (server.mem?.usage || 0) > 80
+                    ? 'exception'
+                    : (server.mem?.usage || 0) > 60
+                      ? 'warning'
+                      : 'success'
+                "
+              >
+                <span class="text-sm">{{ (server.mem?.usage || 0).toFixed(1) }}%</span>
+              </ElProgress>
+              <FaDescriptions :column="2" size="small" :scrollbar="false">
+                <ElDescriptionsItem label="总内存">
+                  {{ server.mem?.total }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="已用内存">
+                  {{ server.mem?.used }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="空闲内存">
+                  {{ server.mem?.free }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="Python内存">
+                  {{ server.py?.memory_usage ? server.py.memory_usage.toFixed(1) + "%" : "-" }}
+                </ElDescriptionsItem>
+              </FaDescriptions>
+            </div>
+          </div>
+        </ElCard>
+      </ElCol>
+    </ElRow>
+
+    <ElRow :gutter="16">
+      <!-- 服务器基本信息 -->
+      <ElCol :xs="24" :sm="12" class="mb-5">
+        <ElCard :loading="loading" shadow="hover">
+          <template #header>
+            <div class="flex items-center gap-2">
+              <FaSvgIcon icon="ri:server-line" class="text-lg" />
+              <span class="font-medium">服务器基本信息</span>
+            </div>
+          </template>
+          <FaDescriptions :column="1" size="small" :scrollbar="false">
+            <ElDescriptionsItem label="服务器名称">
+              {{ server.sys?.computer_name || "-" }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="操作系统">
+              {{ server.sys?.os_name || "-" }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="服务器IP">
+              {{ server.sys?.computer_ip || "-" }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="系统架构">
+              {{ server.sys?.os_arch || "-" }}
+            </ElDescriptionsItem>
+          </FaDescriptions>
+        </ElCard>
+      </ElCol>
+
+      <!-- Python运行环境 -->
+      <ElCol :xs="24" :sm="12" class="mb-5">
+        <ElCard :loading="loading" shadow="hover">
+          <template #header>
+            <div class="flex items-center gap-2">
+              <FaSvgIcon icon="ri:code-s-slash-line" class="text-lg" />
+              <span class="font-medium">Python运行环境</span>
+            </div>
+          </template>
+          <FaDescriptions :column="2" size="small" :scrollbar="false">
+            <ElDescriptionsItem label="Python名称">
+              {{ server.py?.name || "-" }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="Python版本">
+              {{ server.py?.version || "-" }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="启动时间">
+              {{ server.py?.start_time || "-" }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="运行时长">
+              {{ server.py?.run_time || "-" }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="安装路径" :span="2">
+              {{ server.py?.home || "-" }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="项目路径" :span="2">
+              {{ server.sys?.user_dir || "-" }}
+            </ElDescriptionsItem>
+          </FaDescriptions>
+        </ElCard>
+      </ElCol>
+    </ElRow>
+
+    <!-- 磁盘使用情况 -->
+    <ElRow :gutter="16">
+      <ElCol :span="24" class="mb-5">
+        <ElCard :loading="loading" shadow="hover">
+          <template #header>
+            <div class="flex items-center gap-2">
+              <FaSvgIcon icon="ri:hard-drive-2-line" class="text-lg" />
+              <span class="font-medium">磁盘使用情况</span>
+            </div>
+          </template>
+          <ElTable :data="server.disks" stripe>
+            <template #empty>
+              <ElEmpty :image-size="80" description="暂无数据" />
+            </template>
+            <ElTableColumn label="盘符路径" prop="dir_name" show-overflow-tooltip />
+            <ElTableColumn label="文件系统" prop="sys_type_name" align="center" width="100" />
+            <ElTableColumn label="盘符名称" prop="type_name" show-overflow-tooltip />
+            <ElTableColumn label="使用率" align="center" width="200">
+              <template #default="{ row }">
+                <ElProgress
+                  :percentage="Number(row.usage)"
+                  :status="row.usage > 80 ? 'exception' : row.usage > 60 ? 'warning' : 'success'"
+                  :stroke-width="16"
+                  text-inside
+                />
+              </template>
+            </ElTableColumn>
+            <ElTableColumn label="总大小" prop="total" align="center" width="100" />
+            <ElTableColumn label="已用" prop="used" align="center" width="100" />
+            <ElTableColumn label="可用" prop="free" align="center" width="100" />
+          </ElTable>
+        </ElCard>
+      </ElCol>
+    </ElRow>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import ServerAPI, { type ServerInfo } from "@/api/module_monitor/server";
+
+defineOptions({ name: "ServerMonitor" });
+
+const loading = ref(false);
+const server = ref<ServerInfo>({
+  cpu: { cpu_num: 0, used: 0, sys: 0, free: 0 },
+  mem: { total: "", used: "", free: "", usage: 0 },
+  sys: { computer_name: "", os_name: "", computer_ip: "", os_arch: "", user_dir: "" },
+  py: {
+    name: "",
+    version: "",
+    start_time: "",
+    run_time: "",
+    home: "",
+    memory_total: "",
+    memory_used: "",
+    memory_free: "",
+    memory_usage: 0,
+  },
+  disks: [],
+});
+
+async function getList() {
+  loading.value = true;
+  try {
+    const response = await ServerAPI.getServer();
+    server.value = response.data.data;
+  } catch (error) {
+    console.error("获取服务器信息失败:", error);
+  } finally {
+    loading.value = false;
+  }
+}
+
+onMounted(() => {
+  getList();
+});
+</script>
+
+<style scoped lang="scss">
+:deep(.el-card) {
+  --el-card-border-radius: calc(var(--custom-radius) + 2px);
+
+  border: 1px solid var(--fa-card-border);
+}
+</style>
diff --git a/src/views/module_platform/email/index.vue b/src/views/module_platform/email/index.vue
new file mode 100644
index 0000000..06f6425
--- /dev/null
+++ b/src/views/module_platform/email/index.vue
@@ -0,0 +1,1209 @@
+<!-- 邮件管理：Fa 布局 + useTable，3Tab 各自独立数据 -->
+<template>
+  <div class="fa-full-height">
+    <ElTabs v-model="activeTab" @tab-change="onTabChange">
+      <!-- Tab 1: SMTP 配置 -->
+      <ElTabPane label="SMTP 配置" name="config">
+        <FaSearchBar
+          v-show="configShowSearchBar"
+          v-model="configSearchForm"
+          :items="configSearchItems"
+          :is-expand="false"
+          :show-expand="true"
+          :show-reset="true"
+          :show-search="true"
+          :disabled-search="false"
+          :default-expanded="false"
+          include-audit
+          @search="handleConfigSearch"
+          @reset="onConfigResetSearch"
+        />
+
+        <ElCard class="fa-table-card" :style="{ 'margin-top': configShowSearchBar ? '12px' : '0' }">
+          <FaTableHeader
+            v-model:columns="configColumnChecks"
+            v-model:showSearchBar="configShowSearchBar"
+            :loading="configLoading"
+            @refresh="refreshConfig"
+          >
+            <template #left>
+              <FaTableHeaderLeft
+                :remove-ids="configSelectedIds"
+                :perm-create="['module_platform:email:update']"
+                :perm-delete="['module_platform:email:update']"
+                :delete-loading="configBatchDeleting"
+                :create-loading="configCreateLoading"
+                @add="handleConfigAdd"
+                @delete="handleConfigBatchDelete"
+              />
+            </template>
+          </FaTableHeader>
+
+          <FaTable
+            ref="configTableRef"
+            :loading="configLoading"
+            :data="configData"
+            :columns="configColumns"
+            :pagination="configPagination"
+            @selection-change="onConfigSelectionChange"
+            @pagination:size-change="handleConfigSizeChange"
+            @pagination:current-change="handleConfigCurrentChange"
+          />
+        </ElCard>
+      </ElTabPane>
+
+      <!-- Tab 2: 邮件模板 -->
+      <ElTabPane label="邮件模板" name="template">
+        <FaSearchBar
+          v-show="templateShowSearchBar"
+          v-model="templateSearchForm"
+          :items="templateSearchItems"
+          :is-expand="false"
+          :show-expand="true"
+          :show-reset="true"
+          :show-search="true"
+          :disabled-search="false"
+          :default-expanded="false"
+          include-audit
+          @search="handleTemplateSearch"
+          @reset="onTemplateResetSearch"
+        />
+
+        <ElCard
+          class="fa-table-card"
+          :style="{ 'margin-top': templateShowSearchBar ? '12px' : '0' }"
+        >
+          <FaTableHeader
+            v-model:columns="templateColumnChecks"
+            v-model:showSearchBar="templateShowSearchBar"
+            :loading="templateLoading"
+            @refresh="refreshTemplate"
+          >
+            <template #left>
+              <FaTableHeaderLeft
+                :remove-ids="templateSelectedIds"
+                :perm-create="['module_platform:email:update']"
+                :perm-delete="['module_platform:email:update']"
+                :delete-loading="templateBatchDeleting"
+                :create-loading="templateCreateLoading"
+                @add="handleTemplateAdd"
+                @delete="handleTemplateBatchDelete"
+              />
+            </template>
+          </FaTableHeader>
+
+          <FaTable
+            ref="templateTableRef"
+            :loading="templateLoading"
+            :data="templateData"
+            :columns="templateColumns"
+            :pagination="templatePagination"
+            @selection-change="onTemplateSelectionChange"
+            @pagination:size-change="handleTemplateSizeChange"
+            @pagination:current-change="handleTemplateCurrentChange"
+          />
+        </ElCard>
+      </ElTabPane>
+
+      <!-- Tab 3: 发送日志 -->
+      <ElTabPane label="发送日志" name="log">
+        <FaSearchBar
+          v-show="logShowSearchBar"
+          v-model="logSearchForm"
+          :items="logSearchItems"
+          :is-expand="false"
+          :show-expand="true"
+          :show-reset="true"
+          :show-search="true"
+          :disabled-search="false"
+          :default-expanded="false"
+          include-audit
+          :audit-item-options="{ showTenantId: true }"
+          @search="handleLogSearch"
+          @reset="onLogResetSearch"
+        />
+
+        <ElCard class="fa-table-card" :style="{ 'margin-top': logShowSearchBar ? '12px' : '0' }">
+          <FaTableHeader
+            v-model:columns="logColumnChecks"
+            v-model:showSearchBar="logShowSearchBar"
+            :loading="logLoading"
+            @refresh="refreshLog"
+          />
+
+          <FaTable
+            :loading="logLoading"
+            :data="logData"
+            :columns="logColumns"
+            :pagination="logPagination"
+            @pagination:size-change="handleLogSizeChange"
+            @pagination:current-change="handleLogCurrentChange"
+          />
+        </ElCard>
+      </ElTabPane>
+    </ElTabs>
+
+    <!-- SMTP 配置弹窗 -->
+    <FaDialog
+      v-model="configDialogVisible.visible"
+      :title="configDialogVisible.title"
+      width="640px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="configDialogVisible.type"
+      :confirm-loading="configSubmitting"
+      @cancel="handleCloseConfigDialog"
+      @confirm="handleSubmitConfig"
+    >
+      <FaForm
+        :key="configFormRenderKey"
+        scrollbar
+        max-height="70vh"
+        ref="configFormRef"
+        v-model="configFormData"
+        :items="configDialogFormItems"
+        :rules="configFormRules"
+        label-suffix=":"
+        :label-width="110"
+        label-position="right"
+        :span="24"
+        :gutter="16"
+        :show-reset="false"
+        :show-submit="false"
+        class="crud-dialog-art-form"
+      >
+        <template #smtp_password_help>
+          <span class="text-g-400" style="font-size: 12px">留空不修改原密码</span>
+        </template>
+      </FaForm>
+    </FaDialog>
+
+    <!-- 邮件模板弹窗 -->
+    <FaDialog
+      v-model="templateDialogVisible.visible"
+      :title="templateDialogVisible.title"
+      width="680px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="templateDialogVisible.type"
+      :confirm-loading="templateSubmitting"
+      @cancel="handleCloseTemplateDialog"
+      @confirm="handleSubmitTemplate"
+    >
+      <FaForm
+        :key="templateFormRenderKey"
+        scrollbar
+        max-height="70vh"
+        ref="templateFormRef"
+        v-model="templateFormData"
+        :items="templateDialogFormItems"
+        :rules="templateFormRules"
+        label-suffix=":"
+        :label-width="110"
+        label-position="right"
+        :span="24"
+        :gutter="16"
+        :show-reset="false"
+        :show-submit="false"
+        class="crud-dialog-art-form"
+      />
+    </FaDialog>
+
+    <!-- 发送测试邮件弹窗 -->
+    <FaDialog
+      v-model="sendVisible"
+      title="发送测试邮件"
+      width="520px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :confirm-loading="sendSubmitting"
+      @cancel="handleCloseSendDialog"
+      @confirm="handleSubmitSend"
+    >
+      <FaForm
+        ref="sendFormRef"
+        v-model="sendFormData"
+        :items="sendDialogFormItems"
+        :rules="sendFormRules"
+        label-suffix=":"
+        :label-width="110"
+        label-position="right"
+        :span="24"
+        :gutter="16"
+        :show-reset="false"
+        :show-submit="false"
+        class="crud-dialog-art-form"
+      />
+    </FaDialog>
+
+    <!-- 测试连接弹窗 -->
+    <FaDialog
+      v-model="testVisible"
+      title="测试 SMTP 连接"
+      width="420px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :confirm-loading="testSubmitting"
+      @cancel="handleCloseTestDialog"
+      @confirm="handleSubmitTest"
+    >
+      <FaForm
+        ref="testFormRef"
+        v-model="testFormData"
+        :items="testDialogFormItems"
+        :rules="testFormRules"
+        label-suffix=":"
+        :label-width="110"
+        label-position="right"
+        :span="24"
+        :gutter="16"
+        :show-reset="false"
+        :show-submit="false"
+        class="crud-dialog-art-form"
+      />
+    </FaDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { h } from "vue";
+import { useAuth } from "@/hooks/core/useAuth";
+import { useTable } from "@/hooks/core/useTable";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { confirmDelete, confirmBatchDelete } from "@/hooks/core/useConfirm";
+import { renderTableOperationCell, type TableOperationAction, resolveStatusColumns } from "@utils";
+import EmailAPI, {
+  type EmailConfigTable,
+  type EmailConfigCreateForm,
+  type EmailConfigUpdateForm,
+  type EmailTemplateTable,
+  type EmailTemplateCreateForm,
+  type EmailTemplateUpdateForm,
+  type EmailLogTable,
+} from "@/api/module_platform/email";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import FaStatusTag from "@/components/others/fa-status-tag/index.vue";
+
+defineOptions({ name: "Email" });
+
+const { hasAuth } = useAuth();
+const activeTab = ref("config");
+
+// ══════════════════ SMTP 配置 Tab ════════════════════
+
+type ConfigSearchForm = { name?: string };
+
+const configSearchForm = ref<ConfigSearchForm>({ name: undefined });
+const configShowSearchBar = ref(true);
+
+const configSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "配置名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入配置名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: [
+        { label: "启用", value: 0 },
+        { label: "停用", value: 1 },
+      ],
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const configTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const {
+  selectedIds: configSelectedIds,
+  batchDeleting: configBatchDeleting,
+  onTableSelectionChange: onConfigSelectionChange,
+} = useTableSelection<EmailConfigTable>();
+
+const configCreateLoading = ref(false);
+
+function buildConfigRowActions(row: EmailConfigTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "test",
+      label: "测试",
+      artType: "view",
+      perm: "module_platform:email:update",
+      run: () => openTestDialog(row),
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      perm: "module_platform:email:update",
+      run: () => openConfigDialog("update", row),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      perm: "module_platform:email:update",
+      run: () => deleteConfigRow(row),
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatConfigOperationCell(row: EmailConfigTable) {
+  return renderTableOperationCell(buildConfigRowActions(row));
+}
+
+const {
+  columns: configColumns,
+  columnChecks: configColumnChecks,
+  data: configData,
+  loading: configLoading,
+  pagination: configPagination,
+  getData: getConfigData,
+  replaceSearchParams: replaceConfigSearchParams,
+  resetSearchParams: resetConfigSearchParams,
+  handleSizeChange: handleConfigSizeChange,
+  handleCurrentChange: handleConfigCurrentChange,
+  refreshData: refreshConfig,
+  refreshCreate: refreshConfigCreate,
+  refreshUpdate: refreshConfigUpdate,
+  refreshRemove: refreshConfigRemove,
+} = useTable({
+  core: {
+    apiFn: EmailAPI.listConfig,
+    apiParams: { page_no: 1, page_size: 10 },
+    columnsFactory: resolveStatusColumns<EmailConfigTable>(() => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "name", label: "配置名称", minWidth: 140, showOverflowTooltip: true },
+      { prop: "smtp_host", label: "SMTP 服务器", minWidth: 160, showOverflowTooltip: true },
+      { prop: "smtp_port", label: "端口", width: 70 },
+      { prop: "smtp_user", label: "用户名", minWidth: 140, showOverflowTooltip: true },
+      { prop: "from_name", label: "发件人", width: 100, showOverflowTooltip: true },
+      {
+        prop: "use_tls",
+        label: "SSL/TLS",
+        width: 90,
+        status: {
+          true: { type: "success", text: "启用" },
+          false: { type: "info", text: "禁用" },
+        },
+      },
+      {
+        prop: "is_default",
+        label: "默认",
+        width: 70,
+        status: {
+          true: { type: "warning", size: "small", text: "默认" },
+          false: { type: "info", size: "small", text: "—" },
+        },
+      },
+      {
+        prop: "status",
+        label: "状态",
+        width: 70,
+        status: {
+          "0": { type: "success", size: "small", text: "正常" },
+          "1": { type: "danger", size: "small", text: "禁用" },
+        },
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 240,
+        fixed: "right",
+        align: "center",
+        formatter: (row: EmailConfigTable) => formatConfigOperationCell(row),
+      },
+    ]),
+  },
+});
+
+// ══════════════════ 邮件模板 Tab ════════════════════
+
+type TemplateSearchForm = { name?: string; template_code?: string };
+
+const templateSearchForm = ref<TemplateSearchForm>({ name: undefined, template_code: undefined });
+const templateShowSearchBar = ref(true);
+
+const templateSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "模板名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入模板名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "模板编码",
+    key: "template_code",
+    type: "input",
+    placeholder: "请输入模板编码",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: [
+        { label: "启用", value: 0 },
+        { label: "停用", value: 1 },
+      ],
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const templateTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const {
+  selectedIds: templateSelectedIds,
+  batchDeleting: templateBatchDeleting,
+  onTableSelectionChange: onTemplateSelectionChange,
+} = useTableSelection<EmailTemplateTable>();
+
+const templateCreateLoading = ref(false);
+
+function buildTemplateRowActions(row: EmailTemplateTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      perm: "module_platform:email:update",
+      run: () => openTemplateDialog("update", row),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      perm: "module_platform:email:update",
+      run: () => deleteTemplateRow(row),
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatTemplateOperationCell(row: EmailTemplateTable) {
+  return renderTableOperationCell(buildTemplateRowActions(row));
+}
+
+const {
+  columns: templateColumns,
+  columnChecks: templateColumnChecks,
+  data: templateData,
+  loading: templateLoading,
+  pagination: templatePagination,
+  getData: getTemplateData,
+  replaceSearchParams: replaceTemplateSearchParams,
+  resetSearchParams: resetTemplateSearchParams,
+  handleSizeChange: handleTemplateSizeChange,
+  handleCurrentChange: handleTemplateCurrentChange,
+  refreshData: refreshTemplate,
+  refreshCreate: refreshTemplateCreate,
+  refreshUpdate: refreshTemplateUpdate,
+  refreshRemove: refreshTemplateRemove,
+} = useTable({
+  core: {
+    apiFn: EmailAPI.listTemplate,
+    apiParams: { page_no: 1, page_size: 10 },
+    columnsFactory: resolveStatusColumns<EmailTemplateTable>(() => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "name", label: "模板名称", minWidth: 140, showOverflowTooltip: true },
+      {
+        prop: "template_code",
+        label: "模板编码",
+        width: 140,
+        formatter: (row: EmailTemplateTable) =>
+          h(FaStatusTag, { type: "info", size: "small", label: row.template_code }),
+      },
+      { prop: "subject", label: "邮件主题", minWidth: 200, showOverflowTooltip: true },
+      {
+        prop: "status",
+        label: "状态",
+        width: 70,
+        status: {
+          "0": { type: "success", size: "small", text: "正常" },
+          "1": { type: "danger", size: "small", text: "禁用" },
+        },
+      },
+      { prop: "description", label: "备注", minWidth: 120, showOverflowTooltip: true },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 160,
+        fixed: "right",
+        align: "center",
+        formatter: (row: EmailTemplateTable) => formatTemplateOperationCell(row),
+      },
+    ]),
+  },
+});
+
+// ══════════════════ 发送日志 Tab ════════════════════
+
+type LogSearchForm = { to_email?: string; biz_type?: string; template_code?: string };
+
+const logSearchForm = ref<LogSearchForm>({
+  to_email: undefined,
+  biz_type: undefined,
+  template_code: undefined,
+});
+const logShowSearchBar = ref(true);
+
+const logSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "收件人",
+    key: "to_email",
+    type: "input",
+    placeholder: "请输入邮箱",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "模板编码",
+    key: "template_code",
+    type: "input",
+    placeholder: "请输入模板编码",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: [
+        { label: "待发送", value: 0 },
+        { label: "成功", value: 1 },
+        { label: "失败", value: 2 },
+      ],
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const {
+  columns: logColumns,
+  columnChecks: logColumnChecks,
+  data: logData,
+  loading: logLoading,
+  pagination: logPagination,
+  getData: getLogData,
+  replaceSearchParams: replaceLogSearchParams,
+  resetSearchParams: resetLogSearchParams,
+  handleSizeChange: handleLogSizeChange,
+  handleCurrentChange: handleLogCurrentChange,
+  refreshData: refreshLog,
+} = useTable({
+  core: {
+    apiFn: EmailAPI.listLog,
+    apiParams: { page_no: 1, page_size: 10 },
+    columnsFactory: resolveStatusColumns<EmailLogTable>(() => [
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "to_email", label: "收件人", minWidth: 180, showOverflowTooltip: true },
+      { prop: "subject", label: "主题", minWidth: 200, showOverflowTooltip: true },
+      {
+        prop: "template_code",
+        label: "模板",
+        width: 120,
+        formatter: (row: EmailLogTable) =>
+          row.template_code
+            ? h(FaStatusTag, { type: "info", size: "small", label: row.template_code! })
+            : h("span", { class: "text-g-400" }, () => "—"),
+      },
+      {
+        prop: "biz_type",
+        label: "业务类型",
+        width: 110,
+        formatter: (row: EmailLogTable) =>
+          h(FaStatusTag, { size: "small", label: bizTypeLabel(row.biz_type) }),
+      },
+      {
+        prop: "status",
+        label: "发送状态",
+        width: 90,
+        status: {
+          1: { type: "success", text: "成功" },
+          0: { type: "danger", text: "失败" },
+        },
+      },
+      { prop: "retry_count", label: "重试", width: 60 },
+      {
+        prop: "error_msg",
+        label: "错误信息",
+        minWidth: 160,
+        showOverflowTooltip: true,
+        formatter: (row: EmailLogTable) =>
+          row.error_msg || h("span", { class: "text-g-400" }, () => "—"),
+      },
+      { prop: "created_time", label: "发送时间", width: 168, showOverflowTooltip: true },
+    ]),
+  },
+});
+
+// ══════════════════ SMTP 配置弹窗 ════════════════════
+
+const { dialogVisible: configDialogVisible } = useCrudDialog();
+const configFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const configSubmitting = ref(false);
+const configFormRenderKey = ref(0);
+const editingConfigId = ref<number | null>(null);
+
+const configFormData = ref<EmailConfigCreateForm & { id?: number }>({
+  name: "",
+  smtp_host: "",
+  smtp_port: 465,
+  smtp_user: "",
+  smtp_password: "",
+  from_name: "FastapiAdmin",
+  use_tls: true,
+  is_default: false,
+  timeout: 30,
+  description: "",
+});
+
+const initialConfigForm: EmailConfigCreateForm & { id?: number } = {
+  name: "",
+  smtp_host: "",
+  smtp_port: 465,
+  smtp_user: "",
+  smtp_password: "",
+  from_name: "FastapiAdmin",
+  use_tls: true,
+  is_default: false,
+  timeout: 30,
+  description: "",
+};
+
+const configFormRules = {
+  name: [{ required: true, message: "请输入配置名称", trigger: "blur" }],
+  smtp_host: [{ required: true, message: "请输入 SMTP 服务器地址", trigger: "blur" }],
+  smtp_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
+  smtp_user: [{ required: true, message: "请输入 SMTP 用户名", trigger: "blur" }],
+};
+
+const configDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "配置名称",
+    key: "name",
+    type: "input",
+    span: 24,
+    props: { placeholder: "如：企业邮箱", maxlength: 100 },
+  },
+  {
+    label: "SMTP 服务器",
+    key: "smtp_host",
+    type: "input",
+    span: 24,
+    props: { placeholder: "如：smtp.qq.com", maxlength: 255 },
+  },
+  { label: "SMTP 端口", key: "smtp_port", type: "number", span: 12, props: { min: 1, max: 65535 } },
+  { label: "超时(秒)", key: "timeout", type: "number", span: 12, props: { min: 5, max: 120 } },
+  {
+    label: "用户名",
+    key: "smtp_user",
+    type: "input",
+    span: 24,
+    props: { placeholder: "SMTP 登录用户名", maxlength: 255 },
+  },
+  {
+    label: "授权密码",
+    key: "smtp_password",
+    type: "input",
+    span: 24,
+    props: { type: "password", showPassword: true, placeholder: "SMTP 授权码", maxlength: 255 },
+    extra: editingConfigId.value ? "留空不修改原密码" : undefined,
+  },
+  {
+    label: "发件人名称",
+    key: "from_name",
+    type: "input",
+    span: 24,
+    props: { placeholder: "发件人显示名称", maxlength: 100 },
+  },
+  { label: "SSL/TLS", key: "use_tls", type: "switch", span: 12 },
+  { label: "设为默认", key: "is_default", type: "switch", span: 12 },
+  {
+    label: "备注",
+    key: "description",
+    type: "textarea",
+    span: 24,
+    props: { rows: 2, maxlength: 255, placeholder: "可选" },
+  },
+]);
+
+async function handleConfigAdd() {
+  configCreateLoading.value = true;
+  try {
+    await openConfigDialog("create");
+  } finally {
+    configCreateLoading.value = false;
+  }
+}
+
+async function openConfigDialog(type: "create" | "update", row?: EmailConfigTable) {
+  configDialogVisible.type = type;
+  editingConfigId.value = row?.id ?? null;
+  if (type === "create") {
+    configDialogVisible.title = "新增 SMTP 配置";
+    configFormData.value = { ...initialConfigForm };
+  } else if (row) {
+    configDialogVisible.title = "编辑 SMTP 配置";
+    const res = await EmailAPI.detailConfig(row.id!);
+    Object.assign(configFormData.value, res.data.data);
+    configFormData.value.smtp_password = "";
+  }
+  configFormRenderKey.value += 1;
+  configDialogVisible.visible = true;
+}
+
+async function handleSubmitConfig() {
+  const form: any = configFormRef.value;
+  if (!form) return;
+  const valid = await form.validate().catch(() => false);
+  if (!valid) return;
+  configSubmitting.value = true;
+  try {
+    const id = configFormData.value.id;
+    if (id) {
+      const body: EmailConfigUpdateForm = { ...configFormData.value };
+      if (!body.smtp_password) delete body.smtp_password;
+      await EmailAPI.updateConfig(id, body);
+      await refreshConfigUpdate();
+    } else {
+      await EmailAPI.createConfig(configFormData.value);
+      await refreshConfigCreate();
+    }
+    configDialogVisible.visible = false;
+  } catch {
+    /* ignore */
+  } finally {
+    configSubmitting.value = false;
+  }
+}
+
+function handleCloseConfigDialog() {
+  configDialogVisible.visible = false;
+  configFormRef.value?.resetFields();
+}
+
+// ══════════════════ 邮件模板弹窗 ════════════════════
+
+const { dialogVisible: templateDialogVisible } = useCrudDialog();
+const templateFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const templateSubmitting = ref(false);
+const templateFormRenderKey = ref(0);
+const editingTemplateId = ref<number | null>(null);
+
+const templateFormData = ref<EmailTemplateCreateForm & { id?: number }>({
+  name: "",
+  template_code: "",
+  subject: "",
+  body_html: "",
+  body_text: "",
+  variables: "",
+  description: "",
+});
+
+const initialTemplateForm: EmailTemplateCreateForm & { id?: number } = {
+  name: "",
+  template_code: "",
+  subject: "",
+  body_html: "",
+  body_text: "",
+  variables: "",
+  description: "",
+};
+
+const templateFormRules = {
+  name: [{ required: true, message: "请输入模板名称", trigger: "blur" }],
+  template_code: [{ required: true, message: "请输入模板编码", trigger: "blur" }],
+  subject: [{ required: true, message: "请输入邮件主题", trigger: "blur" }],
+  body_html: [{ required: true, message: "请输入 HTML 正文", trigger: "blur" }],
+};
+
+const templateDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "模板名称",
+    key: "name",
+    type: "input",
+    span: 24,
+    props: { placeholder: "如：注册欢迎邮件", maxlength: 100 },
+  },
+  {
+    label: "模板编码",
+    key: "template_code",
+    type: "input",
+    span: 24,
+    props: { placeholder: "如：register", maxlength: 100, disabled: !!editingTemplateId.value },
+  },
+  {
+    label: "邮件主题",
+    key: "subject",
+    type: "input",
+    span: 24,
+    props: { placeholder: "支持 {{ variable }} 变量替换", maxlength: 255 },
+  },
+  {
+    label: "HTML 正文",
+    key: "body_html",
+    type: "textarea",
+    span: 24,
+    props: { rows: 8, placeholder: "Jinja2 模板语法的 HTML 内容" },
+  },
+  {
+    label: "纯文本版本",
+    key: "body_text",
+    type: "textarea",
+    span: 24,
+    props: { rows: 3, placeholder: "纯文本降级版本，可选" },
+  },
+  {
+    label: "变量说明",
+    key: "variables",
+    type: "input",
+    span: 24,
+    props: { placeholder: 'JSON 格式，如 {"username":"用户名","link":"链接"}', maxlength: 500 },
+  },
+  {
+    label: "备注",
+    key: "description",
+    type: "textarea",
+    span: 24,
+    props: { rows: 2, maxlength: 255, placeholder: "可选" },
+  },
+]);
+
+async function handleTemplateAdd() {
+  templateCreateLoading.value = true;
+  try {
+    await openTemplateDialog("create");
+  } finally {
+    templateCreateLoading.value = false;
+  }
+}
+
+async function openTemplateDialog(type: "create" | "update", row?: EmailTemplateTable) {
+  templateDialogVisible.type = type;
+  editingTemplateId.value = row?.id ?? null;
+  if (type === "create") {
+    templateDialogVisible.title = "新增邮件模板";
+    templateFormData.value = { ...initialTemplateForm };
+  } else if (row) {
+    templateDialogVisible.title = "编辑邮件模板";
+    const res = await EmailAPI.detailTemplate(row.id!);
+    Object.assign(templateFormData.value, res.data.data);
+  }
+  templateFormRenderKey.value += 1;
+  templateDialogVisible.visible = true;
+}
+
+async function handleSubmitTemplate() {
+  const form: any = templateFormRef.value;
+  if (!form) return;
+  const valid = await form.validate().catch(() => false);
+  if (!valid) return;
+  templateSubmitting.value = true;
+  try {
+    const id = templateFormData.value.id;
+    if (id) {
+      await EmailAPI.updateTemplate(id, templateFormData.value as EmailTemplateUpdateForm);
+      await refreshTemplateUpdate();
+    } else {
+      await EmailAPI.createTemplate(templateFormData.value);
+      await refreshTemplateCreate();
+    }
+    templateDialogVisible.visible = false;
+  } catch {
+    /* ignore */
+  } finally {
+    templateSubmitting.value = false;
+  }
+}
+
+function handleCloseTemplateDialog() {
+  templateDialogVisible.visible = false;
+  templateFormRef.value?.resetFields();
+}
+
+// ══════════════════ 发送测试邮件弹窗 ════════════════════
+
+const sendVisible = ref(false);
+const sendSubmitting = ref(false);
+const sendFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const sendFormData = ref({ to_email: "", to_name: "", template_code: "", biz_type: "test" });
+
+const sendFormRules = {
+  to_email: [
+    { required: true, message: "请输入收件人邮箱", trigger: "blur" },
+    { type: "email", message: "邮箱格式不正确", trigger: "blur" },
+  ],
+  template_code: [{ required: true, message: "请选择模板", trigger: "change" }],
+};
+
+const sendDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "收件人邮箱",
+    key: "to_email",
+    type: "input",
+    span: 24,
+    props: { placeholder: "test@example.com" },
+  },
+  {
+    label: "收件人姓名",
+    key: "to_name",
+    type: "input",
+    span: 24,
+    props: { placeholder: "可选", maxlength: 100 },
+  },
+  {
+    label: "模板编码",
+    key: "template_code",
+    type: "select",
+    span: 24,
+    props: {
+      placeholder: "请选择邮件模板",
+      options:
+        templateData.value?.map((t: EmailTemplateTable) => ({
+          label: `${t.name} (${t.template_code})`,
+          value: t.template_code,
+        })) ?? [],
+    },
+  },
+  {
+    label: "业务类型",
+    key: "biz_type",
+    type: "input",
+    span: 24,
+    props: { placeholder: "如：test", maxlength: 50 },
+  },
+]);
+
+async function handleSubmitSend() {
+  const form: any = sendFormRef.value;
+  if (!form) return;
+  const valid = await form.validate().catch(() => false);
+  if (!valid) return;
+  sendSubmitting.value = true;
+  try {
+    await EmailAPI.sendEmail(sendFormData.value);
+    // 成功 / 失败提示由 axios 拦截器统一处理
+    sendVisible.value = false;
+  } catch {
+    /* ignore */
+  } finally {
+    sendSubmitting.value = false;
+  }
+}
+
+function handleCloseSendDialog() {
+  sendVisible.value = false;
+}
+
+// ══════════════════ 测试连接弹窗 ════════════════════
+
+const testVisible = ref(false);
+const testSubmitting = ref(false);
+const testFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const testFormData = ref({ config_id: 0, to_email: "", config_name: "" });
+const testFormRules = {
+  to_email: [
+    { required: true, message: "请输入测试收件人邮箱", trigger: "blur" },
+    { type: "email", message: "邮箱格式不正确", trigger: "blur" },
+  ],
+};
+
+const testDialogFormItems = computed<FormItem[]>(() => [
+  { label: "SMTP 配置", key: "config_name", type: "input", span: 24, props: { disabled: true } },
+  {
+    label: "测试收件人",
+    key: "to_email",
+    type: "input",
+    span: 24,
+    props: { placeholder: "输入接收测试邮件的邮箱" },
+  },
+]);
+
+function openTestDialog(row: EmailConfigTable) {
+  testFormData.value = { config_id: row.id ?? 0, to_email: "", config_name: row.name };
+  testVisible.value = true;
+}
+
+async function handleSubmitTest() {
+  const form: any = testFormRef.value;
+  if (!form) return;
+  const valid = await form.validate().catch(() => false);
+  if (!valid) return;
+  testSubmitting.value = true;
+  try {
+    await EmailAPI.testConfig({
+      config_id: testFormData.value.config_id,
+      to_email: testFormData.value.to_email,
+    });
+    // 成功 / 失败提示由 axios 拦截器统一处理
+    testVisible.value = false;
+  } catch {
+    /* ignore */
+  } finally {
+    testSubmitting.value = false;
+  }
+}
+
+function handleCloseTestDialog() {
+  testVisible.value = false;
+}
+
+// ══════════════════ 删除操作 ════════════════════
+
+async function deleteConfigRow(row: EmailConfigTable) {
+  if (!row.id) return;
+  try {
+    await confirmDelete(`确定删除配置「${row.name}」？`);
+    await EmailAPI.deleteConfig([row.id]);
+    configTableRef.value?.elTableRef?.clearSelection();
+    await refreshConfigRemove();
+  } catch {
+    /* 取消 */
+  }
+}
+async function handleConfigBatchDelete() {
+  if (configSelectedIds.value.length === 0) return;
+  try {
+    await confirmBatchDelete(configSelectedIds.value.length);
+    configBatchDeleting.value = true;
+    await EmailAPI.deleteConfig(configSelectedIds.value);
+    configTableRef.value?.elTableRef?.clearSelection();
+    await refreshConfigRemove();
+  } catch {
+    /* 取消 */
+  } finally {
+    configBatchDeleting.value = false;
+  }
+}
+
+async function deleteTemplateRow(row: EmailTemplateTable) {
+  if (!row.id) return;
+  try {
+    await confirmDelete(`确定删除模板「${row.name}」？`);
+    await EmailAPI.deleteTemplate([row.id]);
+    templateTableRef.value?.elTableRef?.clearSelection();
+    await refreshTemplateRemove();
+  } catch {
+    /* 取消 */
+  }
+}
+async function handleTemplateBatchDelete() {
+  if (templateSelectedIds.value.length === 0) return;
+  try {
+    await confirmBatchDelete(templateSelectedIds.value.length);
+    templateBatchDeleting.value = true;
+    await EmailAPI.deleteTemplate(templateSelectedIds.value);
+    templateTableRef.value?.elTableRef?.clearSelection();
+    await refreshTemplateRemove();
+  } catch {
+    /* 取消 */
+  } finally {
+    templateBatchDeleting.value = false;
+  }
+}
+
+// ══════════════════ 搜索逻辑 ════════════════════
+
+async function handleConfigSearch(p: ConfigSearchForm) {
+  replaceConfigSearchParams({ name: p.name || undefined } as unknown as ConfigSearchForm);
+  getConfigData();
+}
+function onConfigResetSearch() {
+  configSearchForm.value = { name: undefined };
+  void resetConfigSearchParams();
+}
+
+async function handleTemplateSearch(p: TemplateSearchForm) {
+  replaceTemplateSearchParams({
+    name: p.name || undefined,
+    template_code: p.template_code || undefined,
+  } as unknown as TemplateSearchForm);
+  getTemplateData();
+}
+function onTemplateResetSearch() {
+  templateSearchForm.value = { name: undefined, template_code: undefined };
+  void resetTemplateSearchParams();
+}
+
+async function handleLogSearch(p: LogSearchForm) {
+  replaceLogSearchParams({
+    to_email: p.to_email || undefined,
+    template_code: p.template_code || undefined,
+  } as unknown as LogSearchForm);
+  getLogData();
+}
+function onLogResetSearch() {
+  logSearchForm.value = { to_email: undefined, template_code: undefined };
+  void resetLogSearchParams();
+}
+
+// ══════════════════ Tab 切换 ════════════════════
+
+function onTabChange(tab: string | number) {
+  if (tab === "config") getConfigData();
+  else if (tab === "template") getTemplateData();
+  else if (tab === "log") getLogData();
+}
+
+// ══════════════════ 工具函数 ════════════════════
+
+function bizTypeLabel(type: string): string {
+  const map: Record<string, string> = {
+    register: "注册",
+    reset_password: "重置密码",
+    invite: "邀请",
+    expiry_warning: "到期提醒",
+    ticket_reply: "工单回复",
+    package_change: "套餐变更",
+    invoice_issued: "发票开具",
+    other: "其他",
+    test: "测试",
+  };
+  return map[type] || type;
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.el-tabs) {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+
+:deep(.el-tabs__content) {
+  flex: 1;
+  min-height: 0;
+  overflow: visible;
+}
+
+:deep(.el-tab-pane) {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+</style>
diff --git a/src/views/module_platform/invoice/index.vue b/src/views/module_platform/invoice/index.vue
new file mode 100644
index 0000000..13cd346
--- /dev/null
+++ b/src/views/module_platform/invoice/index.vue
@@ -0,0 +1,496 @@
+<template>
+  <div class="fa-full-height">
+    <ElTabs v-model="activeTab" @tab-change="onTabChange">
+      <!-- 平台端：全部发票 -->
+      <ElTabPane v-if="isSuperAdmin" label="发票管理" name="platform">
+        <FaSearchBar
+          v-show="platformShowSearchBar"
+          ref="platformSearchBarRef"
+          v-model="platformSearchForm"
+          :items="platformSearchItems"
+          :rules="{}"
+          :is-expand="false"
+          :show-expand="true"
+          :show-reset="true"
+          :show-search="true"
+          :disabled-search="false"
+          :default-expanded="false"
+          include-audit
+          @search="handlePlatformSearch"
+          @reset="handlePlatformReset"
+        />
+
+        <ElCard
+          class="fa-table-card"
+          :style="{ 'margin-top': platformShowSearchBar ? '12px' : '0' }"
+        >
+          <FaTableHeader
+            v-model:columns="platformColumnChecks"
+            v-model:showSearchBar="platformShowSearchBar"
+            :loading="platformLoading"
+            @refresh="getPlatformData"
+          />
+
+          <FaTable
+            ref="platformTableRef"
+            :loading="platformLoading"
+            :data="platformData"
+            :columns="platformColumns"
+            :pagination="platformPagination"
+            @pagination:size-change="handlePlatformSizeChange"
+            @pagination:current-change="handlePlatformCurrentChange"
+          />
+        </ElCard>
+      </ElTabPane>
+
+      <!-- 租户端：我的发票 -->
+      <ElTabPane label="我的发票" name="my">
+        <ElCard class="fa-table-card" :style="{ 'margin-top': '0' }">
+          <FaTableHeader :loading="myLoading" @refresh="getMyData">
+            <template #left>
+              <FaTableHeaderLeft
+                perm-create="tenant:admin"
+                :create-loading="createLoading"
+                @add="handleAdd"
+              />
+            </template>
+          </FaTableHeader>
+
+          <FaTable
+            ref="myTableRef"
+            :loading="myLoading"
+            :data="myData"
+            :columns="myColumns"
+            :pagination="myPagination"
+            @pagination:size-change="handleMySizeChange"
+            @pagination:current-change="handleMyCurrentChange"
+          />
+        </ElCard>
+      </ElTabPane>
+    </ElTabs>
+
+    <!-- 申请开票弹窗 -->
+    <FaDialog v-model="applyDialogVisible" title="申请开票" width="520px">
+      <FaForm
+        ref="applyFormRef"
+        v-model="applyFormData"
+        :items="applyFormItems"
+        :rules="applyRules"
+        :show-footer="false"
+      />
+      <template #footer>
+        <ElButton @click="applyDialogVisible = false">取消</ElButton>
+        <ElButton type="primary" :loading="applySubmitting" @click="submitApply">提交申请</ElButton>
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, computed } from "vue";
+import { ElMessageBox, ElButton, ElTabs, ElTabPane } from "element-plus";
+import { useTable } from "@/hooks/core/useTable";
+import { useAuth } from "@/hooks/core/useAuth";
+import InvoiceAPI from "@/api/module_platform/invoice";
+import type { InvoiceTable } from "@/api/module_platform/invoice";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import { renderTableOperationCell, type TableOperationAction, resolveStatusColumns } from "@utils";
+
+defineOptions({ name: "Invoice" });
+
+const { hasAuth } = useAuth();
+
+const activeTab = ref("my");
+const isSuperAdmin = ref(true);
+const platformShowSearchBar = ref(true);
+
+// ══════════════════ 平台端：全部发票 ════════════════════
+
+function buildPlatformRowActions(row: InvoiceTable): TableOperationAction[] {
+  const actions: TableOperationAction[] = [];
+  if (row.status === 0) {
+    actions.push({
+      key: "issue",
+      label: "开具",
+      artType: "edit",
+      perm: "module_platform:invoice:update",
+      run: () => issueInvoice(row),
+    });
+  }
+  if (row.status === 1) {
+    actions.push({
+      key: "void",
+      label: "作废",
+      artType: "delete",
+      perm: "module_platform:invoice:update",
+      run: () => voidInvoice(row),
+    });
+  }
+  return actions.filter((a) => a.perm != null && hasAuth(String(a.perm)));
+}
+
+function formatPlatformOpCell(row: InvoiceTable) {
+  const actions = buildPlatformRowActions(row);
+  if (actions.length === 0) return "—";
+  return renderTableOperationCell(actions, {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1",
+  });
+}
+
+const platformSearchForm = ref<Record<string, unknown>>({ tenant_id: "", status: undefined });
+
+const platformSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "租户ID",
+    key: "tenant_id",
+    type: "input",
+    placeholder: "租户ID",
+    span: 6,
+    props: { clearable: true },
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    placeholder: "状态",
+    span: 6,
+    props: {
+      clearable: true,
+      options: [
+        { label: "待开具", value: 0 },
+        { label: "已开具", value: 1 },
+        { label: "已作废", value: 2 },
+      ],
+    },
+  },
+  {
+    label: "创建时间",
+    key: "created_time",
+    type: "datetimerange",
+    span: 6,
+    props: {
+      type: "datetimerange",
+      rangeSeparator: "至",
+      startPlaceholder: "开始日期",
+      endPlaceholder: "结束日期",
+      format: "YYYY-MM-DD HH:mm:ss",
+      valueFormat: "YYYY-MM-DD HH:mm:ss",
+      style: { width: "100%" },
+    },
+  },
+  {
+    label: "更新时间",
+    key: "updated_time",
+    type: "datetimerange",
+    span: 6,
+    props: {
+      type: "datetimerange",
+      rangeSeparator: "至",
+      startPlaceholder: "开始日期",
+      endPlaceholder: "结束日期",
+      format: "YYYY-MM-DD HH:mm:ss",
+      valueFormat: "YYYY-MM-DD HH:mm:ss",
+      style: { width: "100%" },
+    },
+  },
+]);
+
+const platformSearchBarRef = ref();
+
+const {
+  columns: platformColumns,
+  columnChecks: platformColumnChecks,
+  data: platformData,
+  loading: platformLoading,
+  pagination: platformPagination,
+  getData: getPlatformData,
+  replaceSearchParams: replacePlatformSearchParams,
+  resetSearchParams: resetPlatformSearchParams,
+  handleSizeChange: handlePlatformSizeChange,
+  handleCurrentChange: handlePlatformCurrentChange,
+} = useTable({
+  core: {
+    apiFn: InvoiceAPI.listInvoices,
+    apiParams: {
+      page_no: 1,
+      page_size: 50,
+    },
+    columnsFactory: resolveStatusColumns<InvoiceTable>(() => [
+      { prop: "tenant_id", label: "租户ID", width: 80 },
+      { prop: "invoice_no", label: "发票号", width: 180, showOverflowTooltip: true },
+      { prop: "title", label: "抬头", minWidth: 180, showOverflowTooltip: true },
+      {
+        prop: "invoice_type",
+        label: "类型",
+        width: 110,
+        formatter: (row) => row.invoice_type || "—",
+      },
+      {
+        prop: "amount",
+        label: "金额",
+        width: 120,
+        formatter: (row) => `¥${((row.amount || 0) / 100).toFixed(2)}`,
+      },
+      {
+        prop: "status",
+        label: "状态",
+        width: 100,
+        status: {
+          0: { type: "warning", text: "待开具" },
+          1: { type: "success", text: "已开具" },
+          2: { type: "danger", text: "开票失败" },
+          3: { type: "info", text: "已作废" },
+        },
+      },
+      { prop: "address_info", label: "地址电话", width: 180, showOverflowTooltip: true },
+      { prop: "created_time", label: "申请时间", width: 160, showOverflowTooltip: true },
+      {
+        label: "操作",
+        prop: "operation",
+        width: 150,
+        fixed: "right",
+        align: "center",
+        formatter: (row: InvoiceTable) => formatPlatformOpCell(row),
+      },
+    ]),
+  },
+});
+
+function handlePlatformSearch() {
+  const params: Record<string, unknown> = {};
+  if (platformSearchForm.value.status !== undefined && platformSearchForm.value.status !== "") {
+    params.status = platformSearchForm.value.status;
+  }
+  const tid = parseInt(String(platformSearchForm.value.tenant_id || ""));
+  if (!isNaN(tid)) params.tenant_id = tid;
+  replacePlatformSearchParams(params);
+}
+
+function handlePlatformReset() {
+  platformSearchForm.value = { tenant_id: "", status: undefined };
+  resetPlatformSearchParams();
+}
+
+async function issueInvoice(row: InvoiceTable) {
+  try {
+    await InvoiceAPI.issueInvoice(row.id, {});
+    getPlatformData();
+  } catch {
+    /* ignore */
+  }
+}
+
+async function voidInvoice(row: InvoiceTable) {
+  try {
+    const { value } = await ElMessageBox.prompt("请输入作废原因", "作废发票", { type: "warning" });
+    await InvoiceAPI.voidInvoice(row.id, value);
+    getPlatformData();
+  } catch {
+    /* cancelled */
+  }
+}
+
+// ══════════════════ 租户端：我的发票 ════════════════════
+
+const {
+  columns: myColumns,
+  data: myData,
+  loading: myLoading,
+  pagination: myPagination,
+  getData: getMyData,
+  handleSizeChange: handleMySizeChange,
+  handleCurrentChange: handleMyCurrentChange,
+} = useTable({
+  core: {
+    apiFn: InvoiceAPI.tenantListInvoices,
+    apiParams: {
+      page_no: 1,
+      page_size: 50,
+    },
+    columnsFactory: resolveStatusColumns<InvoiceTable>(() => [
+      { prop: "invoice_no", label: "发票号", width: 180, showOverflowTooltip: true },
+      { prop: "title", label: "抬头", minWidth: 180, showOverflowTooltip: true },
+      {
+        prop: "invoice_type",
+        label: "类型",
+        width: 110,
+        formatter: (row) => row.invoice_type || "—",
+      },
+      {
+        prop: "amount",
+        label: "金额",
+        width: 120,
+        formatter: (row) => `¥${((row.amount || 0) / 100).toFixed(2)}`,
+      },
+      {
+        prop: "status",
+        label: "状态",
+        width: 100,
+        status: {
+          0: { type: "warning", text: "待开具" },
+          1: { type: "success", text: "已开具" },
+          2: { type: "danger", text: "开票失败" },
+          3: { type: "info", text: "已作废" },
+        },
+      },
+      {
+        prop: "created_time",
+        label: "申请时间",
+        width: 160,
+        showOverflowTooltip: true,
+        formatter: (row) => row.created_time || "—",
+      },
+    ]),
+  },
+});
+
+// ══════════════════ 申请开票弹窗 ════════════════════
+
+const applyDialogVisible = ref(false);
+const applySubmitting = ref(false);
+const applyFormRef = ref();
+let applyFormData = reactive({
+  order_id: null as number | null,
+  title: "",
+  invoice_type: "vat_normal",
+  tax_no: "",
+  address_info: "",
+  bank_info: "",
+});
+
+const applyFormItems: FormItem[] = [
+  {
+    label: "关联订单ID",
+    key: "order_id",
+    type: "inputNumber",
+    span: 24,
+    props: { min: 1, placeholder: "输入已支付订单ID" },
+  },
+  {
+    label: "发票抬头",
+    key: "title",
+    type: "input",
+    span: 24,
+    props: { placeholder: "公司全称或个人姓名", maxlength: 100 },
+  },
+  {
+    label: "发票类型",
+    key: "invoice_type",
+    type: "select",
+    span: 24,
+    props: {
+      options: [
+        { label: "普通发票", value: "vat_normal" },
+        { label: "增值税专用发票", value: "vat_special" },
+      ],
+    },
+  },
+  {
+    label: "税号",
+    key: "tax_no",
+    type: "input",
+    span: 24,
+    props: { placeholder: "统一社会信用代码（可选）", maxlength: 30 },
+  },
+  {
+    label: "银行信息",
+    key: "bank_info",
+    type: "input",
+    span: 24,
+    props: { placeholder: "开户行及账号（可选）", maxlength: 100 },
+  },
+  {
+    label: "地址电话",
+    key: "address_info",
+    type: "input",
+    span: 24,
+    props: { placeholder: "注册地址及电话（专票必填）", maxlength: 200 },
+  },
+];
+
+const applyRules = {
+  order_id: [{ required: true, message: "请输入订单ID", trigger: "blur" }],
+  title: [{ required: true, message: "请输入发票抬头", trigger: "blur" }],
+};
+
+const createLoading = ref(false);
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    openApplyDialog();
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+function openApplyDialog() {
+  Object.assign(applyFormData, {
+    order_id: null,
+    title: "",
+    invoice_type: "vat_normal",
+    tax_no: "",
+    address_info: "",
+    bank_info: "",
+  });
+  applyFormRef.value?.resetFields?.();
+  applyDialogVisible.value = true;
+}
+
+async function submitApply() {
+  const form: any = applyFormRef.value;
+  if (!form) return;
+  const valid = await form.validate().catch(() => false);
+  if (!valid) return;
+  applySubmitting.value = true;
+  try {
+    await InvoiceAPI.applyInvoice({
+      order_id: applyFormData.order_id!,
+      title: applyFormData.title,
+      invoice_type: applyFormData.invoice_type,
+      tax_no: applyFormData.tax_no || undefined,
+      address_info: applyFormData.address_info || undefined,
+      bank_info: applyFormData.bank_info || undefined,
+    });
+    applyDialogVisible.value = false;
+    getMyData();
+  } catch {
+    /* ignore */
+  } finally {
+    applySubmitting.value = false;
+  }
+}
+
+// ══════════════════ Tab 切换 ════════════════════
+
+function onTabChange(tab: string | number) {
+  if (tab === "platform") getPlatformData();
+  else if (tab === "my") getMyData();
+}
+
+// ══════════════════ 初始化 ════════════════════
+
+getMyData();
+</script>
+
+<style scoped lang="scss">
+:deep(.el-tabs) {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+
+:deep(.el-tabs__content) {
+  flex: 1;
+  min-height: 0;
+  overflow: visible;
+}
+
+:deep(.el-tab-pane) {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+</style>
diff --git a/src/views/module_platform/menu/index.vue b/src/views/module_platform/menu/index.vue
new file mode 100644
index 0000000..7de18c1
--- /dev/null
+++ b/src/views/module_platform/menu/index.vue
@@ -0,0 +1,1256 @@
+<!-- 菜单管理：Art + 树形表格；操作列最多 3 个外露，其余「更多」 -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="menuSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElTabs v-model="menuClientTab" @tab-change="handleMenuClientTabChange">
+      <ElTabPane label="PC 桌面菜单管理" name="pc" />
+      <ElTabPane label="APP 移动端菜单管理" name="app" />
+    </ElTabs>
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="loadMenuData"
+      >
+        <template #left>
+          <div class="inline-flex flex-wrap items-center gap-2">
+            <FaTableHeaderLeft
+              :remove-ids="selectedIds"
+              :perm-create="['module_platform:menu:create']"
+              :perm-delete="['module_platform:menu:delete']"
+              :perm-patch="['module_platform:menu:patch']"
+              :delete-loading="batchDeleting"
+              :create-loading="createLoading"
+              :more-loading="moreLoading"
+              @add="handleAdd"
+              @delete="handleBatchDelete"
+              @more="handleMoreClick"
+            />
+            <ElButton @click="toggleExpand" v-ripple>{{ isExpanded ? "收起" : "展开" }}</ElButton>
+          </div>
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="tableRef"
+        row-key="id"
+        :loading="loading"
+        :columns="columns"
+        :data="tableData"
+        :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+        :default-expand-all="false"
+        @selection-change="onTableSelectionChange"
+        @row-click="handleRowClick"
+      />
+    </ElCard>
+
+    <FaDrawer
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      :size="drawerSize"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <!-- 详情 -->
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="4"
+          :data="detailFormData"
+          :items="menuDetailItems"
+          :scrollbar="false"
+        >
+          <template #type="{ row }">
+            <FaStatusTag v-if="row?.type === MenuTypeEnum.CATALOG" type="warning" label="目录" />
+            <FaStatusTag v-if="row?.type === MenuTypeEnum.MENU" type="success" label="菜单" />
+            <FaStatusTag v-if="row?.type === MenuTypeEnum.BUTTON" type="danger" label="按钮" />
+            <FaStatusTag v-if="row?.type === MenuTypeEnum.EXTLINK" type="info" label="外链" />
+          </template>
+          <template #client="{ row }">
+            <FaStatusTag v-if="row?.client === MenuClientEnum.PC" type="primary" label="PC" />
+            <FaStatusTag
+              v-else-if="row?.client === MenuClientEnum.APP"
+              type="success"
+              label="APP"
+            />
+            <FaStatusTag v-else type="info" :label="(row as unknown as MenuTable)?.client || '—'" />
+          </template>
+          <template #icon="{ row }">
+            <template v-if="row?.icon">
+              <FaMenuRouteIcon :icon="row?.icon as string" :style="'vertical-align: -0.15em'" />
+            </template>
+          </template>
+        </FaDescriptions>
+      </template>
+
+      <!-- 新增、编辑表单 -->
+      <template v-else>
+        <FaForm
+          :key="menuFormRenderKey"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="menuDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="100"
+          label-position="right"
+          :span="12"
+          :gutter="16"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        >
+          <!-- 父级菜单(条件显示) -->
+          <template #parent_id>
+            <ElTreeSelect
+              v-model="formData.parent_id"
+              placeholder="选择上级菜单"
+              :data="menuOptions"
+              node-key="value"
+              filterable
+              check-strictly
+              :render-after-expand="false"
+              :disabled="createParentLocked"
+            />
+            <ElText v-if="createParentLocked" type="info" size="small" class="block mt-1">
+              在菜单下仅可新增按钮，父级已固定
+            </ElText>
+          </template>
+
+          <!-- 菜单类型(动态枚举按钮组) -->
+          <template #type>
+            <ElRadioGroup v-model="formData.type" @change="handleMenuTypeChange">
+              <ElRadio
+                v-if="allowedMenuTypeValues.includes(MenuTypeEnum.CATALOG)"
+                :value="MenuTypeEnum.CATALOG"
+              >
+                目录
+              </ElRadio>
+              <ElRadio
+                v-if="allowedMenuTypeValues.includes(MenuTypeEnum.MENU)"
+                :value="MenuTypeEnum.MENU"
+              >
+                菜单
+              </ElRadio>
+              <ElRadio
+                v-if="allowedMenuTypeValues.includes(MenuTypeEnum.BUTTON)"
+                :value="MenuTypeEnum.BUTTON"
+              >
+                按钮
+              </ElRadio>
+              <ElRadio
+                v-if="allowedMenuTypeValues.includes(MenuTypeEnum.EXTLINK)"
+                :value="MenuTypeEnum.EXTLINK"
+              >
+                外链
+              </ElRadio>
+            </ElRadioGroup>
+          </template>
+
+          <!-- 终端(禁用态+提示) -->
+          <template #client>
+            <ElRadioGroup v-model="formData.client" :disabled="createParentLocked">
+              <ElRadio :value="MenuClientEnum.PC">PC 桌面</ElRadio>
+              <ElRadio :value="MenuClientEnum.APP">APP 移动</ElRadio>
+            </ElRadioGroup>
+            <ElText v-if="createParentLocked" type="info" size="small" class="block mt-1">
+              子级终端与父菜单一致
+            </ElText>
+          </template>
+
+          <!-- 外链地址 -->
+          <template #link>
+            <ElInput v-model="formData.link" placeholder="请输入外链完整路径" />
+          </template>
+
+          <!-- 嵌入iframe -->
+          <template #is_iframe>
+            <ElRadioGroup v-model="formData.is_iframe">
+              <ElRadio :value="true">是</ElRadio>
+              <ElRadio :value="false">否</ElRadio>
+            </ElRadioGroup>
+          </template>
+
+          <!-- 路由名称 -->
+          <template #route_name>
+            <ElInput v-model="formData.route_name" placeholder="请输入路由名称" />
+          </template>
+
+          <!-- 路由路径 -->
+          <template #route_path>
+            <ElInput v-model="formData.route_path" placeholder="请输入路由路径，如 system" />
+          </template>
+
+          <!-- 组件路径 -->
+          <template #component_path>
+            <ElInput
+              v-model="formData.component_path"
+              placeholder="请输入组件路径，如system/user/index"
+              :style="'width: 95%'"
+            >
+              <template #prepend>src/views/</template>
+              <template #append>.vue</template>
+            </ElInput>
+          </template>
+
+          <!-- 激活菜单路径 -->
+          <template #active_path>
+            <ElInput
+              v-model="formData.active_path"
+              placeholder="请输入激活菜单路径，用于高亮父级菜单"
+            />
+          </template>
+
+          <!-- 路由参数(动态键值编辑器) -->
+          <template #params>
+            <template
+              v-if="
+                !formData.params || (Array.isArray(formData.params) && formData.params.length === 0)
+              "
+            >
+              <ElButton type="success" plain @click="formData.params = [{ key: '', value: '' }]">
+                添加路由参数
+              </ElButton>
+            </template>
+            <template v-else>
+              <div v-for="(item, index) in formData.params" :key="index">
+                <ElInput v-model="item.key" placeholder="参数名" :style="'width: 100px'" />
+                <span class="mx-1">=</span>
+                <ElInput v-model="item.value" placeholder="参数值" :style="'width: 100px'" />
+                <ElIcon
+                  v-if="formData.params.indexOf(item) === formData.params.length - 1"
+                  class="ml-2 cursor-pointer color-[var(--el-color-success)]"
+                  :style="'vertical-align: -0.15em'"
+                  @click="formData.params.push({ key: '', value: '' })"
+                >
+                  <CirclePlusFilled />
+                </ElIcon>
+                <ElIcon
+                  class="ml-2 cursor-pointer color-[var(--el-color-danger)]"
+                  :style="'vertical-align: -0.15em'"
+                  @click="formData.params.splice(formData.params.indexOf(item), 1)"
+                >
+                  <DeleteFilled />
+                </ElIcon>
+              </div>
+            </template>
+          </template>
+          <!-- 是否隐藏 -->
+          <template #hidden>
+            <ElRadioGroup v-model="formData.hidden">
+              <ElRadio :value="true">是</ElRadio>
+              <ElRadio :value="false">否</ElRadio>
+            </ElRadioGroup>
+          </template>
+
+          <!-- 始终显示 -->
+          <template #always_show>
+            <ElRadioGroup v-model="formData.always_show">
+              <ElRadio :value="true">是</ElRadio>
+              <ElRadio :value="false">否</ElRadio>
+            </ElRadioGroup>
+          </template>
+
+          <!-- 缓存页面 -->
+          <template #keep_alive>
+            <ElRadioGroup v-model="formData.keep_alive">
+              <ElRadio :value="true">开启</ElRadio>
+              <ElRadio :value="false">关闭</ElRadio>
+            </ElRadioGroup>
+          </template>
+
+          <!-- 权限标识 -->
+          <template #permission>
+            <ElInput v-model="formData.permission" placeholder="请输入权限标识，如sys:user:add" />
+          </template>
+
+          <!-- 图标 -->
+          <template #icon>
+            <FaIconSelect v-model="formData.icon" />
+          </template>
+
+          <!-- 重定向(动态placeholder) -->
+          <template #redirect>
+            <ElInput
+              v-model="formData.redirect"
+              :placeholder="
+                formData.type === MenuTypeEnum.CATALOG
+                  ? '目录必填，一般为默认子路由 path，如 /system/user'
+                  : '可选，请输入重定向路由'
+              "
+            />
+          </template>
+
+          <!-- 常驻标签栏 -->
+          <template #affix>
+            <ElRadioGroup v-model="formData.affix">
+              <ElRadio :value="true">是</ElRadio>
+              <ElRadio :value="false">否</ElRadio>
+            </ElRadioGroup>
+          </template>
+
+          <!-- 隐藏标签页 -->
+          <template #is_hide_tab>
+            <ElRadioGroup v-model="formData.is_hide_tab">
+              <ElRadio :value="true">是</ElRadio>
+              <ElRadio :value="false">否</ElRadio>
+            </ElRadioGroup>
+          </template>
+
+          <!-- 显示红点角标 -->
+          <template #show_badge>
+            <ElRadioGroup v-model="formData.show_badge">
+              <ElRadio :value="true">是</ElRadio>
+              <ElRadio :value="false">否</ElRadio>
+            </ElRadioGroup>
+          </template>
+
+          <!-- 文字角标内容 -->
+          <template #show_text_badge>
+            <ElInput v-model="formData.show_text_badge" placeholder="请输入文字角标内容" />
+          </template>
+        </FaForm>
+      </template>
+    </FaDrawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { h } from "vue";
+defineOptions({
+  name: "SysMenu",
+  inheritAttrs: false,
+});
+
+import { CirclePlusFilled, DeleteFilled } from "@element-plus/icons-vue";
+import { useUserStore, useAppStore } from "@stores";
+import { useTableColumns } from "@/hooks/core/useTableColumns";
+import { DeviceEnum } from "@/enums/settings/device.enum";
+import MenuAPI, {
+  type MenuForm,
+  type MenuPageQuery,
+  type MenuTable,
+} from "@/api/module_platform/menu";
+import { MenuClientEnum, MenuTypeEnum } from "@/enums/system/menu.enum";
+import { formatTree } from "@utils/common";
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction, resolveStatusColumns } from "@utils";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import FaMenuRouteIcon from "@/components/others/fa-menu-route-icon/index.vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+
+const { hasAuth } = useAuth();
+const userStore = useUserStore();
+
+type MenuSearchForm = {
+  name?: string;
+  status?: number;
+  created_time?: string[];
+};
+
+function buildMenuListQuery(p: MenuSearchForm): MenuPageQuery {
+  return {
+    name: p.name,
+    status: p.status,
+    created_time:
+      Array.isArray(p.created_time) && p.created_time.length === 2 ? p.created_time : undefined,
+  };
+}
+
+function buildMenuRowActions(
+  row: MenuTable,
+  ctx: {
+    onAdd?: (r: MenuTable) => void;
+    onDetail: (id: number) => void;
+    onEdit: (id: number) => void;
+    onDelete: (id: number) => void;
+  }
+): TableOperationAction[] {
+  const actions: TableOperationAction[] = [];
+  if (ctx.onAdd && (row.type === MenuTypeEnum.CATALOG || row.type === MenuTypeEnum.MENU)) {
+    actions.push({
+      key: "add",
+      label: "新增",
+      artType: "add",
+      perm: "module_platform:menu:create",
+      run: () => ctx.onAdd!(row),
+    });
+  }
+  actions.push(
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_platform:menu:detail",
+      run: () => ctx.onDetail(row.id!),
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      perm: "module_platform:menu:update",
+      run: () => ctx.onEdit(row.id!),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      perm: "module_platform:menu:delete",
+      run: () => ctx.onDelete(row.id!),
+    }
+  );
+  return actions.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatMenuOperationCell(row: MenuTable, ctx: Parameters<typeof buildMenuRowActions>[1]) {
+  const actions = buildMenuRowActions(row, ctx);
+  return renderTableOperationCell(actions, {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 menu-table-actions",
+  });
+}
+
+const menuClientTab = ref<"pc" | "app">("pc");
+const searchForm = ref<MenuSearchForm>({
+  name: undefined,
+  status: undefined,
+  created_time: undefined,
+});
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const statusOptions = ref([
+  { label: "启用", value: 0 },
+  { label: "停用", value: 1 },
+]);
+
+const menuSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "菜单名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入菜单名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: statusOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const tableRef = ref<{
+  elTableRef?: { toggleRowExpansion: (row: MenuTable, expanded?: boolean) => void };
+} | null>(null);
+const tableData = ref<MenuTable[]>([]);
+const loading = ref(false);
+const isExpanded = ref(false);
+const selectedRows = ref<MenuTable[]>([]);
+const selectedIds = computed(() =>
+  selectedRows.value.map((r) => r.id).filter((id): id is number => id != null && !Number.isNaN(id))
+);
+const batchDeleting = ref(false);
+const submitLoading = ref(false);
+const createLoading = ref(false);
+const moreLoading = ref(false);
+
+const menuOptions = ref<OptionType[]>([]);
+const fullMenuTree = ref<MenuTable[]>([]);
+const createParentLocked = ref(false);
+
+const detailFormData = ref<MenuTable>({});
+
+const menuDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] =
+  [
+    { label: "编号", prop: "id" },
+    { label: "菜单名称", prop: "name" },
+    { label: "菜单类型", prop: "type", slot: "type" },
+    { label: "终端", prop: "client", slot: "client" },
+    {
+      label: "可见范围",
+      prop: "scope",
+      tag: {
+        map: {
+          platform: { type: "warning", text: "仅平台" },
+          tenant: { type: "success", text: "租户可用" },
+        },
+      },
+    },
+    { label: "图标", prop: "icon", slot: "icon" },
+    { label: "权限标识", prop: "permission" },
+    { label: "路由名称", prop: "route_name" },
+    { label: "路由路径", prop: "route_path" },
+    { label: "组件路径", prop: "component_path" },
+    { label: "激活菜单路径", prop: "active_path" },
+    { label: "重定向", prop: "redirect" },
+    { label: "外链地址", prop: "link" },
+    { label: "父级编号", prop: "parent_id" },
+    { label: "父级菜单", prop: "parent_name" },
+    {
+      label: "是否缓存",
+      prop: "keep_alive",
+      tag: {
+        map: { true: { type: "success", text: "是" }, false: { type: "danger", text: "否" } },
+      },
+    },
+    {
+      label: "是否显示",
+      prop: "hidden",
+      tag: {
+        map: { true: { type: "success", text: "是" }, false: { type: "danger", text: "否" } },
+      },
+    },
+    {
+      label: "是否显示根路由",
+      prop: "always_show",
+      tag: {
+        map: { true: { type: "success", text: "是" }, false: { type: "danger", text: "否" } },
+      },
+    },
+    { label: "菜单标题", prop: "title" },
+    { label: "路由参数", prop: "params" },
+    {
+      label: "是否固定路由",
+      prop: "affix",
+      tag: {
+        map: { true: { type: "success", text: "是" }, false: { type: "danger", text: "否" } },
+      },
+    },
+    {
+      label: "嵌入iframe",
+      prop: "is_iframe",
+      tag: {
+        map: { true: { type: "success", text: "是" }, false: { type: "danger", text: "否" } },
+      },
+    },
+    {
+      label: "隐藏标签页",
+      prop: "is_hide_tab",
+      tag: {
+        map: { true: { type: "success", text: "是" }, false: { type: "danger", text: "否" } },
+      },
+    },
+    {
+      label: "显示红点角标",
+      prop: "show_badge",
+      tag: {
+        map: { true: { type: "success", text: "是" }, false: { type: "danger", text: "否" } },
+      },
+    },
+    { label: "文字角标内容", prop: "show_text_badge" },
+    {
+      label: "状态",
+      prop: "status",
+      tag: {
+        map: { 0: { type: "success", text: "启用" }, 1: { type: "danger", text: "停用" } },
+      },
+    },
+    { label: "排序", prop: "order" },
+    { label: "创建时间", prop: "created_time" },
+    { label: "更新时间", prop: "updated_time" },
+    { label: "描述", prop: "description", span: 4 },
+  ];
+
+// 菜单新增/编辑表单 —— 条件控制走 hidden，布局走 span:12(半宽)/24(全宽)
+const menuDialogFormItems = computed<FormItem[]>(() => {
+  const t = formData.value.type as MenuTypeEnum;
+  return [
+    { key: "type", label: "菜单类型", type: "input" },
+    {
+      key: "parent_id",
+      label: "父级菜单",
+      type: "input",
+      hidden: t === MenuTypeEnum.CATALOG,
+    },
+    { key: "name", label: "菜单名称", type: "input", props: { placeholder: "请输入菜单名称" } },
+    { key: "title", label: "菜单标题", type: "input", props: { placeholder: "请输入菜单标题" } },
+    { key: "icon", label: "图标", type: "input", hidden: t === MenuTypeEnum.BUTTON },
+    { key: "link", label: "外链地址", type: "input", hidden: t !== MenuTypeEnum.EXTLINK },
+    { key: "route_name", label: "路由名称", type: "input", hidden: t === MenuTypeEnum.BUTTON },
+    {
+      key: "permission",
+      label: "权限标识",
+      type: "input",
+      hidden: t !== MenuTypeEnum.BUTTON && t !== MenuTypeEnum.MENU,
+    },
+    {
+      key: "route_path",
+      label: "路由路径",
+      type: "input",
+      hidden: t !== MenuTypeEnum.CATALOG && t !== MenuTypeEnum.MENU,
+    },
+    {
+      key: "component_path",
+      label: "组件路径",
+      type: "input",
+      hidden: t !== MenuTypeEnum.MENU,
+    },
+    {
+      key: "active_path",
+      label: "激活菜单路径",
+      type: "input",
+      hidden: t !== MenuTypeEnum.CATALOG && t !== MenuTypeEnum.MENU,
+    },
+    {
+      key: "redirect",
+      label: "重定向",
+      type: "input",
+      hidden: t !== MenuTypeEnum.CATALOG && t !== MenuTypeEnum.MENU,
+    },
+    { key: "order", label: "排序", type: "number", props: { controlsPosition: "right", min: 1 } },
+    { key: "is_iframe", label: "嵌入iframe", type: "input", hidden: t !== MenuTypeEnum.EXTLINK },
+    {
+      key: "status",
+      label: "状态",
+      type: "radiogroup",
+      props: {
+        options: [
+          { label: "启用", value: 0 },
+          { label: "禁用", value: 1 },
+        ],
+      },
+    },
+    { key: "hidden", label: "是否隐藏", type: "input", hidden: t === MenuTypeEnum.BUTTON },
+    {
+      key: "always_show",
+      label: "始终显示",
+      type: "input",
+      hidden: t !== MenuTypeEnum.CATALOG && t !== MenuTypeEnum.MENU,
+    },
+    {
+      key: "keep_alive",
+      label: "缓存页面",
+      type: "input",
+      hidden: t !== MenuTypeEnum.MENU,
+    },
+    { key: "client", label: "终端", type: "input" },
+    {
+      key: "scope",
+      label: "可见范围",
+      type: "radiogroup",
+      props: {
+        options: [
+          { label: "租户可用", value: "tenant" },
+          { label: "仅平台", value: "platform" },
+        ],
+      },
+      hidden: t === MenuTypeEnum.BUTTON,
+    },
+    { key: "affix", label: "常驻标签栏", type: "input", hidden: t === MenuTypeEnum.BUTTON },
+    { key: "is_hide_tab", label: "隐藏标签页", type: "input", hidden: t === MenuTypeEnum.BUTTON },
+    { key: "show_badge", label: "显示红点角标", type: "input", hidden: t === MenuTypeEnum.BUTTON },
+    {
+      key: "show_text_badge",
+      label: "文字角标内容",
+      type: "input",
+      hidden: t === MenuTypeEnum.BUTTON || !formData.value.show_badge,
+    },
+    {
+      key: "params",
+      label: "路由参数",
+      type: "input",
+      span: 24,
+      hidden: t !== MenuTypeEnum.MENU,
+    },
+    {
+      key: "description",
+      label: "描述",
+      type: "input",
+      span: 24,
+      props: {
+        type: "textarea",
+        rows: 4,
+        maxlength: 100,
+        showWordLimit: true,
+        placeholder: "请输入描述",
+      },
+    },
+  ];
+});
+
+const formData = ref<MenuForm>({
+  id: undefined,
+  name: undefined,
+  type: MenuTypeEnum.CATALOG,
+  icon: undefined,
+  order: 999,
+  permission: "",
+  route_name: "",
+  route_path: "",
+  component_path: undefined,
+  redirect: undefined,
+  parent_id: undefined,
+  keep_alive: false,
+  hidden: false,
+  always_show: false,
+  title: "",
+  params: undefined,
+  affix: false,
+  link: undefined,
+  is_iframe: false,
+  is_hide_tab: false,
+  active_path: undefined,
+  show_badge: false,
+  show_text_badge: undefined,
+  status: 0,
+  scope: "tenant" as "platform" | "tenant",
+  description: undefined,
+  client: MenuClientEnum.PC,
+});
+
+const dialogVisible = reactive({
+  title: "",
+  visible: false,
+  type: "create" as "create" | "update" | "detail",
+});
+
+const appStore = useAppStore();
+const drawerSize = computed(() => (appStore.device === DeviceEnum.DESKTOP ? "900px" : "90%"));
+
+function typesAllowedUnderParent(parentType: MenuTypeEnum): MenuTypeEnum[] {
+  switch (parentType) {
+    case MenuTypeEnum.CATALOG:
+      return [MenuTypeEnum.CATALOG, MenuTypeEnum.MENU, MenuTypeEnum.EXTLINK];
+    case MenuTypeEnum.MENU:
+      return [MenuTypeEnum.BUTTON];
+    case MenuTypeEnum.BUTTON:
+    case MenuTypeEnum.EXTLINK:
+      return [];
+    default:
+      return [MenuTypeEnum.CATALOG, MenuTypeEnum.MENU, MenuTypeEnum.EXTLINK];
+  }
+}
+
+function findMenuNodeById(
+  id: number | undefined,
+  nodes: MenuTable[] = fullMenuTree.value
+): MenuTable | null {
+  if (id == null) return null;
+  for (const n of nodes) {
+    if (n.id === id) return n;
+    if (n.children?.length) {
+      const f = findMenuNodeById(id, n.children);
+      if (f) return f;
+    }
+  }
+  return null;
+}
+
+function filterMenuTypes(nodes: MenuTable[]): MenuTable[] {
+  return nodes
+    .filter((node) => node.type === MenuTypeEnum.CATALOG || node.type === MenuTypeEnum.MENU)
+    .map((node: MenuTable & { children?: MenuTable[] }) => ({
+      ...node,
+      children: node.children ? filterMenuTypes(node.children) : [],
+    }));
+}
+
+async function loadMenuData() {
+  loading.value = true;
+  try {
+    const res = await MenuAPI.listMenu({
+      ...buildMenuListQuery(searchForm.value),
+      menu_client: menuClientTab.value,
+    });
+    const tree = res.data.data || [];
+    fullMenuTree.value = tree;
+    tableData.value = tree;
+    menuOptions.value = formatTree(filterMenuTypes(tree));
+  } catch (e: unknown) {
+    console.error(e);
+  } finally {
+    loading.value = false;
+  }
+}
+
+function handleMenuClientTabChange(name: string | number) {
+  menuClientTab.value = name === "app" ? "app" : "pc";
+  void loadMenuData();
+}
+
+async function handleSearchBarSearch(params: MenuSearchForm) {
+  await searchBarRef.value?.validate?.();
+  searchForm.value = { ...params };
+  await loadMenuData();
+}
+
+function onResetSearch() {
+  searchForm.value = {
+    name: undefined,
+    status: undefined,
+    created_time: undefined,
+  };
+  void loadMenuData();
+}
+
+function onTableSelectionChange(rows: MenuTable[]) {
+  selectedRows.value = rows;
+}
+
+function toggleExpand() {
+  isExpanded.value = !isExpanded.value;
+  nextTick(() => {
+    const el = tableRef.value?.elTableRef;
+    if (!el || !tableData.value.length) return;
+    const walk = (rows: MenuTable[]) => {
+      rows.forEach((row) => {
+        if (row.children?.length) {
+          el.toggleRowExpansion(row, isExpanded.value);
+          walk(row.children);
+        }
+      });
+    };
+    walk(tableData.value);
+  });
+}
+
+async function deleteMenuRow(id: number) {
+  try {
+    await ElMessageBox.confirm("确认删除该项数据?", "警告", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+
+    await MenuAPI.deleteMenu([id]);
+    await userStore.getUserInfo();
+    selectedRows.value = [];
+    await loadMenuData();
+  } catch {
+    // 用户取消
+  }
+}
+
+const opCtx = {
+  onAdd: (r: MenuTable) => void handleOpenDialog("create", undefined, r),
+  onDetail: (id: number) => void handleOpenDialog("detail", id),
+  onEdit: (id: number) => void handleOpenDialog("update", id),
+  onDelete: deleteMenuRow,
+};
+
+const { columnChecks, columns } = useTableColumns<MenuTable>(
+  resolveStatusColumns(() => [
+    { type: "selection", width: 48, fixed: "left" },
+    { type: "index", label: "序号", width: 60, fixed: "left" },
+    { prop: "name", label: "菜单名称", minWidth: 200, showOverflowTooltip: true },
+    {
+      prop: "icon",
+      label: "图标",
+      width: 72,
+      align: "center",
+      formatter: (row: MenuTable) =>
+        row.icon
+          ? h(FaMenuRouteIcon, { icon: row.icon, style: { verticalAlign: "-0.15em" } })
+          : h("span", { class: "text-g-400" }, "—"),
+    },
+    {
+      prop: "status",
+      label: "状态",
+      width: 88,
+      status: {
+        0: { type: "success", text: "启用" },
+        1: { type: "danger", text: "停用" },
+      },
+    },
+    {
+      prop: "type",
+      label: "类型",
+      width: 88,
+      align: "center",
+      status: {
+        1: { type: "warning", text: "目录" },
+        2: { type: "success", text: "菜单" },
+        3: { type: "danger", text: "按钮" },
+        4: { type: "info", text: "外链" },
+      },
+    },
+    {
+      prop: "client",
+      label: "终端",
+      width: 88,
+      align: "center",
+      status: {
+        pc: { type: "primary", text: "PC" },
+        app: { type: "success", text: "APP" },
+      },
+    },
+    {
+      prop: "scope",
+      label: "可见范围",
+      width: 96,
+      align: "center",
+      status: {
+        platform: { type: "warning", text: "仅平台" },
+        tenant: { type: "success", text: "租户可用" },
+      },
+    },
+    { prop: "order", label: "排序", width: 80 },
+    { prop: "route_name", label: "路由名称", minWidth: 100, showOverflowTooltip: true },
+    { prop: "route_path", label: "路由路径", minWidth: 140, showOverflowTooltip: true },
+    { prop: "permission", label: "权限标识", minWidth: 160, showOverflowTooltip: true },
+    { prop: "component_path", label: "组件路径", minWidth: 140, showOverflowTooltip: true },
+    { prop: "active_path", label: "激活路径", minWidth: 100, showOverflowTooltip: true },
+    { prop: "redirect", label: "重定向", minWidth: 100, showOverflowTooltip: true },
+    { prop: "link", label: "外链地址", minWidth: 140, showOverflowTooltip: true },
+    {
+      prop: "keep_alive",
+      label: "是否缓存",
+      width: 96,
+      status: {
+        true: { type: "success", text: "是" },
+        false: { type: "danger", text: "否" },
+      },
+    },
+    {
+      prop: "hidden",
+      label: "是否隐藏",
+      width: 96,
+      status: {
+        true: { type: "success", text: "是" },
+        false: { type: "danger", text: "否" },
+      },
+    },
+    {
+      prop: "always_show",
+      label: "显示根路由",
+      width: 108,
+      status: {
+        true: { type: "success", text: "是" },
+        false: { type: "danger", text: "否" },
+      },
+    },
+    {
+      prop: "affix",
+      label: "固定路由",
+      width: 96,
+      status: {
+        true: { type: "success", text: "是" },
+        false: { type: "danger", text: "否" },
+      },
+    },
+    { prop: "title", label: "菜单标题", minWidth: 100, showOverflowTooltip: true },
+    {
+      prop: "is_iframe",
+      label: "嵌入iframe",
+      width: 100,
+      status: {
+        true: { type: "success", text: "是" },
+        false: { type: "danger", text: "否" },
+      },
+    },
+    {
+      prop: "is_hide_tab",
+      label: "隐藏标签页",
+      width: 100,
+      status: {
+        true: { type: "success", text: "是" },
+        false: { type: "danger", text: "否" },
+      },
+    },
+    {
+      prop: "show_badge",
+      label: "红点角标",
+      width: 96,
+      status: {
+        true: { type: "success", text: "是" },
+        false: { type: "danger", text: "否" },
+      },
+    },
+    { prop: "show_text_badge", label: "文字角标", width: 100, showOverflowTooltip: true },
+    {
+      prop: "params",
+      label: "路由参数",
+      minWidth: 100,
+      formatter: (row: MenuTable) =>
+        row.params == null
+          ? "—"
+          : typeof row.params === "object"
+            ? JSON.stringify(row.params)
+            : String(row.params),
+    },
+    { prop: "description", label: "描述", minWidth: 140, showOverflowTooltip: true },
+    { prop: "created_time", label: "创建时间", width: 168, showOverflowTooltip: true },
+    { prop: "updated_time", label: "更新时间", width: 168, showOverflowTooltip: true },
+    {
+      prop: "operation",
+      label: "操作",
+      width: 220,
+      fixed: "right",
+      align: "center",
+      formatter: (row: MenuTable) => formatMenuOperationCell(row, opCtx),
+    },
+  ])
+);
+
+const rules = reactive({
+  name: [
+    { required: true, message: "请输入菜单名称", trigger: "blur" },
+    { min: 2, max: 50, message: "长度 2 到 50 个字符", trigger: "blur" },
+  ],
+  parent_id: [{ required: true, message: "请选择父级菜单", trigger: "blur" }],
+  type: [{ required: true, message: "请选择菜单类型", trigger: "blur" }],
+  order: [{ required: true, message: "请输入排序", trigger: "blur" }],
+  permission: [{ required: true, message: "请输入权限标识", trigger: "blur" }],
+  route_name: [{ required: true, message: "请输入路由名称", trigger: "blur" }],
+  route_path: [{ required: true, message: "请输入路由路径", trigger: "blur" }],
+  component_path: [{ required: true, message: "请输入组件路径", trigger: "blur" }],
+  title: [
+    { required: true, message: "请输入菜单标题", trigger: "blur" },
+    { min: 2, max: 50, message: "长度 2 到 50 个字符", trigger: "blur" },
+  ],
+  keep_alive: [{ required: true, message: "请选择是否缓存", trigger: "change" }],
+  hidden: [{ required: true, message: "请选择是否隐藏", trigger: "change" }],
+  always_show: [{ required: true, message: "请选择始终显示", trigger: "change" }],
+  status: [{ required: true, message: "请选择状态", trigger: "change" }],
+  client: [{ required: true, message: "请选择终端", trigger: "change" }],
+  redirect: [
+    {
+      validator: (_rule: unknown, value: string | undefined, callback: (e?: Error) => void) => {
+        if (formData.value.type === MenuTypeEnum.CATALOG) {
+          if (value === undefined || value === null || String(value).trim() === "") {
+            callback(new Error("目录类型必须填写重定向地址"));
+            return;
+          }
+        }
+        callback();
+      },
+      trigger: "blur",
+    },
+  ],
+});
+
+const selectedMenuId = ref<number | undefined>();
+
+const initialFormData: MenuForm = {
+  id: undefined,
+  name: undefined,
+  type: MenuTypeEnum.MENU,
+  icon: undefined,
+  order: 1,
+  permission: "",
+  route_name: "",
+  route_path: "",
+  component_path: "",
+  redirect: "",
+  parent_id: undefined,
+  keep_alive: false,
+  hidden: false,
+  always_show: false,
+  title: "",
+  params: [] as { key: string; value: string }[],
+  affix: false,
+  link: undefined,
+  is_iframe: false,
+  is_hide_tab: false,
+  active_path: undefined,
+  show_badge: false,
+  show_text_badge: undefined,
+  status: 0,
+  description: undefined,
+  client: MenuClientEnum.PC,
+  scope: "tenant" as "platform" | "tenant",
+};
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const menuFormRenderKey = ref(0);
+
+async function resetForm() {
+  if (dataFormRef.value) {
+    dataFormRef.value.resetFields();
+    dataFormRef.value.clearValidate();
+  }
+  Object.assign(formData.value, initialFormData);
+}
+
+async function handleRowClick(row: MenuTable) {
+  selectedMenuId.value = row.id;
+}
+
+const allowedMenuTypeValues = computed(() => {
+  const pid = formData.value.parent_id;
+  const parentNode = findMenuNodeById(pid);
+  if (!parentNode?.type) {
+    return [MenuTypeEnum.CATALOG, MenuTypeEnum.MENU, MenuTypeEnum.EXTLINK];
+  }
+  return typesAllowedUnderParent(parentNode.type as MenuTypeEnum);
+});
+
+async function handleCloseDialog() {
+  dialogVisible.visible = false;
+  createParentLocked.value = false;
+  await resetForm();
+}
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+async function handleOpenDialog(
+  type: "create" | "update" | "detail",
+  id?: number,
+  parentRow?: MenuTable
+) {
+  dialogVisible.type = type;
+  createParentLocked.value = false;
+  if (id) {
+    const response = await MenuAPI.detailMenu(id);
+    if (type === "detail") {
+      dialogVisible.title = "菜单详情";
+      Object.assign(detailFormData.value, response.data.data ?? {});
+    } else if (type === "update") {
+      dialogVisible.title = "修改菜单";
+      Object.assign(formData.value, response.data.data ?? {});
+    }
+  } else {
+    dialogVisible.title = "新增菜单";
+    formData.value = { ...initialFormData };
+    menuFormRenderKey.value += 1;
+    if (parentRow?.id != null) {
+      formData.value.parent_id = parentRow.id;
+      formData.value.client = (parentRow.client as MenuClientEnum) || menuClientTab.value;
+      if (parentRow.type === MenuTypeEnum.MENU) {
+        createParentLocked.value = true;
+        formData.value.type = MenuTypeEnum.BUTTON;
+      } else if (parentRow.type === MenuTypeEnum.CATALOG) {
+        formData.value.type = MenuTypeEnum.MENU;
+      }
+    } else {
+      formData.value.client = menuClientTab.value;
+    }
+  }
+  dialogVisible.visible = true;
+}
+
+function handleMenuTypeChange() {
+  if (formData.value.type === MenuTypeEnum.MENU) {
+    formData.value.component_path = "";
+  }
+  nextTick(() => {
+    dataFormRef.value?.clearValidate("redirect");
+    if (formData.value.type === MenuTypeEnum.CATALOG) {
+      dataFormRef.value?.validateField("redirect")?.catch(() => {});
+    }
+  });
+}
+
+async function handleSubmit() {
+  const allowed = allowedMenuTypeValues.value;
+  if (!allowed.length) return;
+  const t = formData.value.type as MenuTypeEnum;
+  if (!allowed.includes(t)) {
+    formData.value.type = allowed[0] as MenuForm["type"];
+  }
+  dataFormRef.value?.validate(async (valid: boolean) => {
+    if (!valid) return;
+    submitLoading.value = true;
+    const id = formData.value.id;
+    try {
+      if (id) {
+        await MenuAPI.updateMenu(id, { id, ...formData.value });
+      } else {
+        await MenuAPI.createMenu(formData.value);
+      }
+      dialogVisible.visible = false;
+      await resetForm();
+      await loadMenuData();
+      await userStore.getUserInfo();
+    } catch (error: unknown) {
+      console.error(error);
+    } finally {
+      submitLoading.value = false;
+    }
+  });
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await ElMessageBox.confirm(`确定删除选中的 ${ids.length} 条数据吗？`, "批量删除", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    batchDeleting.value = true;
+    await MenuAPI.deleteMenu(ids);
+    await userStore.getUserInfo();
+    selectedRows.value = [];
+    await loadMenuData();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+async function handleMoreClick(status: number) {
+  const ids = selectedIds.value;
+  if (!ids.length) {
+    ElMessage.warning("请先选择要操作的数据");
+    return;
+  }
+  ElMessageBox.confirm(`确认${status === 0 ? "启用" : "停用"}该项数据?`, "警告", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  });
+  try {
+    await ElMessageBox.confirm("确认启用或停用该项数据?", "警告", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    moreLoading.value = true;
+    await MenuAPI.batchMenu({ ids, status });
+    await loadMenuData();
+  } catch {
+    // 用户取消
+  } finally {
+    moreLoading.value = false;
+  }
+}
+
+onMounted(() => {
+  void loadMenuData();
+});
+</script>
+
+<style scoped lang="scss">
+:deep(.menu-table-actions .inline-flex) {
+  vertical-align: middle;
+}
+</style>
diff --git a/src/views/module_platform/order/components/PaymentPage.vue b/src/views/module_platform/order/components/PaymentPage.vue
new file mode 100644
index 0000000..f490bb4
--- /dev/null
+++ b/src/views/module_platform/order/components/PaymentPage.vue
@@ -0,0 +1,357 @@
+<template>
+  <div class="payment-page">
+    <div v-if="loading" class="payment-loading">
+      <ElSkeleton :rows="6" animated />
+    </div>
+
+    <div v-else-if="paid" class="payment-success">
+      <div class="success-icon">✅</div>
+      <h2>支付成功</h2>
+      <p>订单 {{ orderNo }} 已完成支付</p>
+      <p class="amount">¥{{ (amount / 100).toFixed(2) }}</p>
+      <ElButton type="primary" @click="goOrders">查看订单</ElButton>
+    </div>
+
+    <div v-else-if="error" class="payment-error">
+      <h2>订单异常</h2>
+      <p>{{ error }}</p>
+      <ElButton @click="goOrders">返回</ElButton>
+    </div>
+
+    <div v-else class="payment-content">
+      <div class="order-info">
+        <h2>订单支付</h2>
+        <div class="info-row">
+          <span class="label">订单号</span>
+          <span class="value">{{ orderNo }}</span>
+        </div>
+        <div class="info-row">
+          <span class="label">金额</span>
+          <span class="value price">¥{{ (amount / 100).toFixed(2) }}</span>
+        </div>
+      </div>
+
+      <div class="pay-methods">
+        <h3>选择支付方式</h3>
+        <div class="method-list">
+          <div
+            class="method-item"
+            :class="{ active: selectedMethod === 'alipay' }"
+            @click="selectedMethod = 'alipay'"
+          >
+            <span class="method-icon">💳</span>
+            <span>支付宝</span>
+          </div>
+          <div
+            class="method-item"
+            :class="{ active: selectedMethod === 'wxpay' }"
+            @click="selectedMethod = 'wxpay'"
+          >
+            <span class="method-icon">💚</span>
+            <span>微信支付</span>
+          </div>
+        </div>
+      </div>
+
+      <div v-if="qrCodeUrl || payUrl" class="pay-result">
+        <div v-if="qrCodeUrl" class="qr-section">
+          <p class="hint">请使用{{ methodLabel }}扫码支付</p>
+          <img :src="qrCodeUrl" class="qr-code" alt="支付二维码" />
+        </div>
+        <div v-else-if="payUrl" class="redirect-section">
+          <p class="hint">即将跳转{{ methodLabel }}支付...</p>
+          <ElButton type="primary" @click="openPayUrl">立即支付</ElButton>
+        </div>
+        <div class="poll-status">
+          <ElTag :type="polling ? 'warning' : 'info'">
+            {{ polling ? "等待支付中..." : "未发起支付" }}
+          </ElTag>
+        </div>
+      </div>
+
+      <div class="actions" v-if="!paying">
+        <ElButton type="primary" size="large" @click="startPay" :loading="paying">
+          立即支付
+        </ElButton>
+        <ElButton size="large" @click="goOrders">稍后支付</ElButton>
+      </div>
+
+      <div class="actions" v-if="payUrl && !paying">
+        <ElButton type="success" size="large" @click="mockPaySuccess"> 模拟支付成功 </ElButton>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, computed } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { ElMessage } from "element-plus";
+import OrderAPI from "@/api/module_platform/order";
+
+defineOptions({ name: "PaymentPage" });
+
+const route = useRoute();
+const router = useRouter();
+
+const orderId = computed(() => {
+  const n = Number(route.params.orderId);
+  return Number.isNaN(n) ? 0 : n;
+});
+
+// 订单号无效时直接重定向
+if (orderId.value === 0) {
+  router.replace("/module_platform/order");
+}
+const loading = ref(true);
+const paid = ref(false);
+const paying = ref(false);
+const polling = ref(false);
+const error = ref("");
+const orderNo = ref("");
+const amount = ref(0);
+const qrCodeUrl = ref("");
+const payUrl = ref("");
+const selectedMethod = ref("alipay");
+let pollTimer: ReturnType<typeof setInterval> | null = null;
+
+const methodLabel = computed(() => (selectedMethod.value === "alipay" ? "支付宝" : "微信"));
+
+async function loadOrderStatus() {
+  try {
+    const res = await OrderAPI.queryPaymentStatus(orderId.value);
+    const data = res.data?.data;
+    if (data?.paid) {
+      paid.value = true;
+      orderNo.value = data.order_no || "";
+      amount.value = data.amount || 0;
+      stopPolling();
+    }
+  } catch {
+    // ignore
+  }
+}
+
+async function startPay() {
+  paying.value = true;
+  try {
+    const res = await OrderAPI.payOrder(orderId.value, { pay_method: selectedMethod.value });
+    const data = res.data?.data;
+    orderNo.value = data.order_no;
+    amount.value = data.amount;
+    qrCodeUrl.value = data.qr_code_url || "";
+    payUrl.value = data.pay_url || "";
+    startPolling();
+  } catch (e: any) {
+    ElMessage.error(e?.msg || "创建支付失败");
+  } finally {
+    paying.value = false;
+  }
+}
+
+function openPayUrl() {
+  if (payUrl.value) {
+    window.open(payUrl.value, "_blank");
+  }
+}
+
+async function mockPaySuccess() {
+  try {
+    await OrderAPI.mockPaymentCallback(orderId.value);
+    ElMessage.success("支付成功（模拟）");
+    paid.value = true;
+    stopPolling();
+  } catch (e: any) {
+    ElMessage.error(e?.msg || "模拟支付失败");
+  }
+}
+
+function startPolling() {
+  polling.value = true;
+  pollTimer = setInterval(async () => {
+    try {
+      const res = await OrderAPI.queryPaymentStatus(orderId.value);
+      const data = res.data?.data;
+      if (data?.paid) {
+        paid.value = true;
+        orderNo.value = data.order_no || orderNo.value;
+        amount.value = data.amount || amount.value;
+        stopPolling();
+        ElMessage.success("支付成功");
+      }
+    } catch {
+      // ignore
+    }
+  }, 2000);
+}
+
+function stopPolling() {
+  polling.value = false;
+  if (pollTimer) {
+    clearInterval(pollTimer);
+    pollTimer = null;
+  }
+}
+
+function goOrders() {
+  router.push("/self-service?tab=orders");
+}
+
+onMounted(async () => {
+  loading.value = true;
+  await loadOrderStatus();
+  loading.value = false;
+});
+
+onUnmounted(() => {
+  stopPolling();
+});
+</script>
+
+<style scoped lang="scss">
+.payment-page {
+  max-width: 520px;
+  padding: 24px;
+  margin: 40px auto;
+}
+
+.payment-loading {
+  padding: 40px;
+}
+
+.payment-content {
+  .order-info {
+    padding: 20px;
+    margin-bottom: 24px;
+    background: #f5f7fa;
+    border-radius: 8px;
+
+    h2 {
+      margin: 0 0 16px;
+      font-size: 20px;
+    }
+  }
+
+  .info-row {
+    display: flex;
+    justify-content: space-between;
+    padding: 8px 0;
+    font-size: 14px;
+
+    .label {
+      color: #909399;
+    }
+
+    .value.price {
+      font-size: 18px;
+      font-weight: 700;
+      color: #f56c6c;
+    }
+  }
+}
+
+.pay-methods {
+  margin-bottom: 24px;
+
+  h3 {
+    margin: 0 0 12px;
+    font-size: 15px;
+  }
+}
+
+.method-list {
+  display: flex;
+  gap: 12px;
+}
+
+.method-item {
+  display: flex;
+  flex: 1;
+  gap: 8px;
+  align-items: center;
+  padding: 14px 16px;
+  cursor: pointer;
+  border: 1px solid #dcdfe6;
+  border-radius: 6px;
+  transition: all 0.2s;
+
+  &:hover {
+    border-color: #409eff;
+  }
+
+  &.active {
+    background: #ecf5ff;
+    border-color: #409eff;
+  }
+
+  .method-icon {
+    font-size: 20px;
+  }
+}
+
+.pay-result {
+  margin-bottom: 24px;
+  text-align: center;
+
+  .hint {
+    margin-bottom: 16px;
+    font-size: 14px;
+    color: #909399;
+  }
+
+  .qr-code {
+    width: 200px;
+    height: 200px;
+    border: 1px solid #dcdfe6;
+    border-radius: 4px;
+  }
+
+  .poll-status {
+    margin-top: 12px;
+  }
+}
+
+.actions {
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+  margin-top: 24px;
+}
+
+.payment-success {
+  padding: 60px 20px;
+  text-align: center;
+
+  .success-icon {
+    margin-bottom: 16px;
+    font-size: 48px;
+  }
+
+  h2 {
+    margin: 0 0 8px;
+    font-size: 22px;
+    color: #67c23a;
+  }
+
+  p {
+    margin-bottom: 4px;
+    color: #606266;
+  }
+
+  .amount {
+    margin: 16px 0 24px;
+    font-size: 24px;
+    font-weight: 700;
+    color: #303133;
+  }
+}
+
+.payment-error {
+  padding: 60px 20px;
+  text-align: center;
+
+  h2 {
+    color: #f56c6c;
+  }
+}
+</style>
diff --git a/src/views/module_platform/order/index.vue b/src/views/module_platform/order/index.vue
new file mode 100644
index 0000000..f204236
--- /dev/null
+++ b/src/views/module_platform/order/index.vue
@@ -0,0 +1,652 @@
+<template>
+  <div class="fa-full-height">
+    <ElTabs v-model="activeTab" @tab-change="onTabChange">
+      <!-- 订单列表 -->
+      <ElTabPane label="订单列表" name="orders">
+        <FaSearchBar
+          v-show="orderShowSearchBar"
+          ref="orderSearchBarRef"
+          v-model="orderSearchForm"
+          :items="orderSearchItems"
+          :rules="{}"
+          :is-expand="false"
+          :show-expand="true"
+          :show-reset="true"
+          :show-search="true"
+          :disabled-search="false"
+          :default-expanded="false"
+          include-audit
+          @search="handleOrderSearch"
+          @reset="handleOrderReset"
+        />
+
+        <ElCard class="fa-table-card" :style="{ 'margin-top': orderShowSearchBar ? '12px' : '0' }">
+          <FaTableHeader
+            v-model:columns="orderColumnChecks"
+            v-model:showSearchBar="orderShowSearchBar"
+            :loading="orderLoading"
+            @refresh="getOrderData"
+          />
+
+          <FaTable
+            ref="orderTableRef"
+            :loading="orderLoading"
+            :data="orderData"
+            :columns="orderColumns"
+            :pagination="orderPagination"
+            @pagination:size-change="handleOrderSizeChange"
+            @pagination:current-change="handleOrderCurrentChange"
+          />
+        </ElCard>
+      </ElTabPane>
+
+      <!-- 支付记录 -->
+      <ElTabPane label="支付记录" name="payments">
+        <ElCard class="fa-table-card" :style="{ 'margin-top': '0' }">
+          <FaTableHeader :loading="paymentLoading" @refresh="getPaymentData" />
+
+          <FaTable
+            ref="paymentTableRef"
+            :loading="paymentLoading"
+            :data="paymentData"
+            :columns="paymentColumns"
+            :pagination="paymentPagination"
+            @pagination:size-change="handlePaymentSizeChange"
+            @pagination:current-change="handlePaymentCurrentChange"
+          />
+        </ElCard>
+      </ElTabPane>
+
+      <!-- 退款审核 -->
+      <ElTabPane label="退款审核" name="refunds">
+        <FaSearchBar
+          v-show="refundShowSearchBar"
+          ref="refundSearchBarRef"
+          v-model="refundSearchForm"
+          :items="refundSearchItems"
+          :rules="{}"
+          :is-expand="false"
+          :show-expand="true"
+          :show-reset="true"
+          :show-search="true"
+          :disabled-search="false"
+          :default-expanded="false"
+          :button-left-limit="0"
+          @search="handleRefundSearch"
+          @reset="handleRefundReset"
+        />
+
+        <ElCard class="fa-table-card" :style="{ 'margin-top': refundShowSearchBar ? '12px' : '0' }">
+          <FaTableHeader
+            v-model:columns="refundColumnChecks"
+            v-model:showSearchBar="refundShowSearchBar"
+            :loading="refundLoading"
+            @refresh="getRefundData"
+          />
+
+          <FaTable
+            ref="refundTableRef"
+            :loading="refundLoading"
+            :data="refundData"
+            :columns="refundColumns"
+            :pagination="refundPagination"
+            @pagination:size-change="handleRefundSizeChange"
+            @pagination:current-change="handleRefundCurrentChange"
+          />
+        </ElCard>
+      </ElTabPane>
+    </ElTabs>
+
+    <!-- 订单详情弹窗 -->
+    <FaDialog v-model="detailVisible" title="订单详情" width="560px" :show-footer="false">
+      <FaDescriptions
+        v-if="orderDetail"
+        :column="2"
+        border
+        :items="detailItems"
+        :data="orderDetail"
+      />
+    </FaDialog>
+
+    <!-- 驳回退款弹窗 -->
+    <FaDialog v-model="rejectVisible" title="驳回退款" width="420px">
+      <FaForm
+        ref="rejectFormRef"
+        v-model="rejectFormData"
+        :items="rejectFormItems"
+        :rules="rejectRules"
+        :show-footer="false"
+      />
+      <template #footer>
+        <ElButton @click="rejectVisible = false">取消</ElButton>
+        <ElButton type="danger" :loading="rejectSubmitting" @click="submitReject">驳回</ElButton>
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, computed } from "vue";
+import { ElMessageBox, ElButton, ElTabs, ElTabPane } from "element-plus";
+import { useTable } from "@/hooks/core/useTable";
+import { useAuth } from "@/hooks/core/useAuth";
+import OrderAPI from "@/api/module_platform/order";
+import type { OrderTable, PaymentRecordTable, RefundTable } from "@/api/module_platform/order";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import { renderTableOperationCell, type TableOperationAction, resolveStatusColumns } from "@utils";
+
+defineOptions({ name: "Order" });
+
+const { hasAuth } = useAuth();
+
+// ══════════════════ Tab ════════════════════
+const activeTab = ref("orders");
+const orderShowSearchBar = ref(true);
+const refundShowSearchBar = ref(true);
+
+// ══════════════════ 标签函数 ════════════════════
+function orderTypeLabel(t: string): string {
+  const m: Record<string, string> = {
+    new: "新购",
+    renew: "续费",
+    upgrade: "升级",
+    downgrade: "降级",
+  };
+  return m[t] || t;
+}
+
+function payMethodLabel(m: string): string {
+  const mp: Record<string, string> = { alipay: "支付宝", wxpay: "微信支付" };
+  return mp[m] || m;
+}
+
+// ══════════════════ 订单列表 ════════════════════
+
+function buildOrderRowActions(row: OrderTable): TableOperationAction[] {
+  const actions: TableOperationAction[] = [
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_platform:order:query",
+      run: () => showOrderDetail(row),
+    },
+  ];
+  if (row.status === 0) {
+    actions.push({
+      key: "cancel",
+      label: "取消",
+      artType: "delete",
+      perm: "module_platform:order:create",
+      run: () => cancelOrder(row.id),
+    });
+  }
+  return actions.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatOrderOpCell(row: OrderTable) {
+  return renderTableOperationCell(buildOrderRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1",
+  });
+}
+
+const orderSearchForm = ref<Record<string, unknown>>({ status: undefined, order_type: undefined });
+
+const orderSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "订单状态",
+    key: "status",
+    type: "select",
+    placeholder: "订单状态",
+    span: 6,
+    props: {
+      clearable: true,
+      options: [
+        { label: "待支付", value: 0 },
+        { label: "已支付", value: 1 },
+        { label: "已取消", value: 2 },
+        { label: "已退款", value: 3 },
+        { label: "已过期", value: 4 },
+      ],
+    },
+  },
+  {
+    label: "订单类型",
+    key: "order_type",
+    type: "select",
+    placeholder: "订单类型",
+    span: 6,
+    props: {
+      clearable: true,
+      options: [
+        { label: "新购", value: "new" },
+        { label: "续费", value: "renew" },
+        { label: "升级", value: "upgrade" },
+        { label: "降级", value: "downgrade" },
+      ],
+    },
+  },
+]);
+
+const {
+  columns: orderColumns,
+  columnChecks: orderColumnChecks,
+  data: orderData,
+  loading: orderLoading,
+  pagination: orderPagination,
+  getData: getOrderData,
+  replaceSearchParams: replaceOrderSearchParams,
+  resetSearchParams: resetOrderSearchParams,
+  handleSizeChange: handleOrderSizeChange,
+  handleCurrentChange: handleOrderCurrentChange,
+} = useTable({
+  core: {
+    apiFn: OrderAPI.listOrders,
+    apiParams: {
+      page_no: 1,
+      page_size: 20,
+    },
+    columnsFactory: resolveStatusColumns<OrderTable>(() => [
+      { prop: "order_no", label: "订单号", minWidth: 180, showOverflowTooltip: true },
+      { prop: "tenant_id", label: "租户ID", width: 80 },
+      { prop: "package_id", label: "套餐ID", width: 80 },
+      {
+        prop: "order_type",
+        label: "类型",
+        width: 90,
+        status: {
+          new: { type: "info", text: "新购" },
+          renew: { type: "info", text: "续费" },
+          upgrade: { type: "info", text: "升级" },
+          downgrade: { type: "info", text: "降级" },
+        },
+      },
+      {
+        prop: "amount",
+        label: "金额",
+        width: 120,
+        formatter: (row: OrderTable) => `¥${(row.amount / 100).toFixed(2)}`,
+      },
+      {
+        prop: "status",
+        label: "状态",
+        width: 90,
+        status: {
+          0: { type: "warning", text: "待支付" },
+          1: { type: "success", text: "已支付" },
+          2: { type: "info", text: "已取消" },
+          3: { type: "danger", text: "已退款" },
+          4: { type: "danger", text: "已过期" },
+        },
+      },
+      {
+        prop: "pay_method",
+        label: "支付方式",
+        width: 90,
+        formatter: (row: OrderTable) => (row.pay_method ? payMethodLabel(row.pay_method) : "—"),
+      },
+      {
+        prop: "pay_time",
+        label: "支付时间",
+        width: 160,
+        showOverflowTooltip: true,
+        formatter: (row: OrderTable) => row.pay_time || "—",
+      },
+      { prop: "expire_time", label: "过期时间", width: 160, showOverflowTooltip: true },
+      {
+        label: "操作",
+        prop: "operation",
+        width: 140,
+        fixed: "right",
+        align: "center",
+        formatter: (row: OrderTable) => formatOrderOpCell(row),
+      },
+    ]),
+  },
+});
+
+function handleOrderSearch() {
+  const params: Record<string, unknown> = {};
+  if (orderSearchForm.value.status !== undefined && orderSearchForm.value.status !== "") {
+    params.status = orderSearchForm.value.status;
+  }
+  if (orderSearchForm.value.order_type) params.order_type = orderSearchForm.value.order_type;
+  replaceOrderSearchParams(params);
+}
+
+function handleOrderReset() {
+  orderSearchForm.value = { status: undefined, order_type: undefined };
+  resetOrderSearchParams();
+}
+
+const detailVisible = ref(false);
+const orderDetail = ref<OrderTable | null>(null);
+
+async function showOrderDetail(row: OrderTable) {
+  try {
+    const res = await OrderAPI.detailOrder(row.id);
+    const data = res.data.data as OrderTable;
+    if (data) {
+      data.amount = data.amount / 100;
+      data.order_type = orderTypeLabel(data.order_type);
+      data.pay_method = data.pay_method ? payMethodLabel(data.pay_method) : "";
+    }
+    orderDetail.value = data;
+    detailVisible.value = true;
+  } catch {
+    /* ignore */
+  }
+}
+
+async function cancelOrder(orderId: number) {
+  try {
+    await ElMessageBox.confirm("确定取消该订单吗？", "确认取消", { type: "warning" });
+    await OrderAPI.cancelOrder(orderId);
+    getOrderData();
+  } catch {
+    /* cancelled */
+  }
+}
+
+const detailItems = computed<
+  import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[]
+>(() => {
+  if (!orderDetail.value) return [];
+  return [
+    { label: "订单ID", prop: "id" },
+    { label: "订单号", prop: "order_no" },
+    { label: "租户ID", prop: "tenant_id" },
+    { label: "套餐ID", prop: "package_id" },
+    { label: "订单类型", prop: "order_type" },
+    { label: "金额", prop: "amount" },
+    {
+      label: "状态",
+      prop: "status",
+      tag: {
+        map: {
+          "0": { type: "warning", text: "待支付" },
+          "1": { type: "success", text: "已支付" },
+          "2": { type: "info", text: "已取消" },
+          "3": { type: "warning", text: "已退款" },
+          "4": { type: "danger", text: "已过期" },
+        },
+      },
+    },
+    { label: "支付方式", prop: "pay_method" },
+    { label: "支付时间", prop: "pay_time" },
+    { label: "过期时间", prop: "expire_time" },
+    { label: "创建时间", prop: "created_time" },
+  ];
+});
+
+// ══════════════════ 支付记录 ════════════════════
+
+const {
+  columns: paymentColumns,
+  data: paymentData,
+  loading: paymentLoading,
+  pagination: paymentPagination,
+  getData: getPaymentData,
+  handleSizeChange: handlePaymentSizeChange,
+  handleCurrentChange: handlePaymentCurrentChange,
+} = useTable({
+  core: {
+    apiFn: OrderAPI.listPaymentRecords,
+    apiParams: {
+      page_no: 1,
+      page_size: 20,
+    },
+    columnsFactory: resolveStatusColumns<PaymentRecordTable>(() => [
+      { prop: "order_id", label: "订单ID", width: 80 },
+      {
+        prop: "transaction_id",
+        label: "交易流水号",
+        minWidth: 220,
+        showOverflowTooltip: true,
+        formatter: (row: PaymentRecordTable) => row.transaction_id || "—",
+      },
+      {
+        prop: "pay_method",
+        label: "支付方式",
+        width: 100,
+        formatter: (row: PaymentRecordTable) => payMethodLabel(row.pay_method),
+      },
+      {
+        prop: "amount",
+        label: "金额",
+        width: 120,
+        formatter: (row: PaymentRecordTable) => `¥${(row.amount / 100).toFixed(2)}`,
+      },
+      {
+        prop: "status",
+        label: "状态",
+        width: 90,
+        status: {
+          1: { type: "success", text: "成功" },
+          0: { type: "danger", text: "失败" },
+        },
+      },
+      { prop: "pay_time", label: "支付时间", width: 160, showOverflowTooltip: true },
+      { prop: "created_time", label: "创建时间", width: 160, showOverflowTooltip: true },
+    ]),
+  },
+});
+
+// ══════════════════ 退款审核 ════════════════════
+
+function buildRefundRowActions(row: RefundTable): TableOperationAction[] {
+  if (row.status !== 0) return [];
+  const actions: TableOperationAction[] = [
+    {
+      key: "approve",
+      label: "批准",
+      artType: "edit",
+      perm: "module_platform:order:update",
+      run: () => approveRefund(row.id),
+    },
+    {
+      key: "reject",
+      label: "驳回",
+      artType: "delete",
+      perm: "module_platform:order:update",
+      run: () => showRejectDialog(row.id),
+    },
+  ];
+  return actions.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatRefundOpCell(row: RefundTable) {
+  const actions = buildRefundRowActions(row);
+  if (actions.length === 0) return "—";
+  return renderTableOperationCell(actions, {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1",
+  });
+}
+
+const refundSearchForm = ref<Record<string, unknown>>({ status: undefined });
+
+const refundSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "退款状态",
+    key: "status",
+    type: "select",
+    placeholder: "退款状态",
+    span: 6,
+    props: {
+      clearable: true,
+      options: [
+        { label: "待审核", value: 0 },
+        { label: "已批准", value: 1 },
+        { label: "已驳回", value: 2 },
+        { label: "已完成", value: 3 },
+      ],
+    },
+  },
+]);
+
+const {
+  columns: refundColumns,
+  columnChecks: refundColumnChecks,
+  data: refundData,
+  loading: refundLoading,
+  pagination: refundPagination,
+  getData: getRefundData,
+  replaceSearchParams: replaceRefundSearchParams,
+  resetSearchParams: resetRefundSearchParams,
+  handleSizeChange: handleRefundSizeChange,
+  handleCurrentChange: handleRefundCurrentChange,
+} = useTable({
+  core: {
+    apiFn: OrderAPI.listRefunds,
+    apiParams: {
+      page_no: 1,
+      page_size: 20,
+    },
+    columnsFactory: resolveStatusColumns<RefundTable>(() => [
+      { prop: "refund_no", label: "退款单号", minWidth: 180, showOverflowTooltip: true },
+      { prop: "order_id", label: "订单ID", width: 80 },
+      {
+        prop: "amount",
+        label: "退款金额",
+        width: 120,
+        formatter: (row: RefundTable) => `¥${(row.amount / 100).toFixed(2)}`,
+      },
+      { prop: "reason", label: "退款原因", minWidth: 160, showOverflowTooltip: true },
+      {
+        prop: "status",
+        label: "状态",
+        width: 100,
+        status: {
+          0: { type: "warning", text: "待审核" },
+          1: { type: "success", text: "已批准" },
+          2: { type: "danger", text: "已驳回" },
+          3: { type: "info", text: "已完成" },
+        },
+      },
+      {
+        prop: "reject_reason",
+        label: "驳回原因",
+        minWidth: 140,
+        showOverflowTooltip: true,
+        formatter: (row: RefundTable) =>
+          row.reject_reason ? h("span", { style: "color: #f56c6c" }, row.reject_reason) : "—",
+      },
+      { prop: "review_time", label: "审核时间", width: 160, showOverflowTooltip: true },
+      { prop: "created_time", label: "申请时间", width: 160, showOverflowTooltip: true },
+      {
+        label: "操作",
+        prop: "operation",
+        width: 160,
+        fixed: "right",
+        align: "center",
+        formatter: (row: RefundTable) => formatRefundOpCell(row),
+      },
+    ]),
+  },
+});
+
+function handleRefundSearch() {
+  const params: Record<string, unknown> = {};
+  if (refundSearchForm.value.status !== undefined && refundSearchForm.value.status !== "") {
+    params.status = refundSearchForm.value.status;
+  }
+  replaceRefundSearchParams(params);
+}
+
+function handleRefundReset() {
+  refundSearchForm.value = { status: undefined };
+  resetRefundSearchParams();
+}
+
+async function approveRefund(refundId: number) {
+  try {
+    await ElMessageBox.confirm("确定批准该退款申请吗？款项将原路退回。", "确认批准", {
+      type: "warning",
+    });
+    await OrderAPI.approveRefund(refundId);
+    getRefundData();
+  } catch {
+    /* cancelled */
+  }
+}
+
+// ══════════════════ 驳回弹窗 ════════════════════
+const rejectVisible = ref(false);
+const rejectSubmitting = ref(false);
+const rejectFormRef = ref();
+let rejectFormData = reactive({ reject_reason: "" });
+const currentRefundId = ref<number | null>(null);
+
+const rejectFormItems: FormItem[] = [
+  {
+    label: "驳回原因",
+    key: "reject_reason",
+    type: "textarea",
+    span: 24,
+    props: { rows: 3, maxlength: 500, placeholder: "请输入驳回原因" },
+  },
+];
+
+const rejectRules = {
+  reject_reason: [{ required: true, message: "请输入驳回原因", trigger: "blur" }],
+};
+
+function showRejectDialog(refundId: number) {
+  currentRefundId.value = refundId;
+  rejectFormData.reject_reason = "";
+  rejectVisible.value = true;
+}
+
+async function submitReject() {
+  const form: any = rejectFormRef.value;
+  if (!form) return;
+  const valid = await form.validate().catch(() => false);
+  if (!valid) return;
+  rejectSubmitting.value = true;
+  try {
+    await OrderAPI.rejectRefund(currentRefundId.value!, {
+      reject_reason: rejectFormData.reject_reason,
+    });
+    rejectVisible.value = false;
+    getRefundData();
+  } catch {
+    /* ignore */
+  } finally {
+    rejectSubmitting.value = false;
+  }
+}
+
+// ══════════════════ Tab 切换 ════════════════════
+
+function onTabChange(tab: string | number) {
+  if (tab === "orders") getOrderData();
+  else if (tab === "payments") getPaymentData();
+  else if (tab === "refunds") getRefundData();
+}
+
+// ══════════════════ 初始化 ════════════════════
+
+getOrderData();
+</script>
+
+<style scoped lang="scss">
+:deep(.el-tabs) {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+
+:deep(.el-tabs__content) {
+  flex: 1;
+  min-height: 0;
+  overflow: visible;
+}
+
+:deep(.el-tab-pane) {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+</style>
diff --git a/src/views/module_platform/package/index.vue b/src/views/module_platform/package/index.vue
new file mode 100644
index 0000000..de2e606
--- /dev/null
+++ b/src/views/module_platform/package/index.vue
@@ -0,0 +1,706 @@
+<!-- 套餐管理：FA + useTable；含菜单权限管理 -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="pkgSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_package:package:create']"
+            :perm-delete="['module_package:package:delete']"
+            :perm-patch="['module_package:package:update']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            :more-loading="moreLoading"
+            @add="handleAdd"
+            @delete="handleBatchDelete"
+            @more="handleMoreClick"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="700px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="4"
+          :label-width="'110px'"
+          :data="detailFormData"
+          :items="pkgDetailItems"
+          max-height="75vh"
+        >
+          <template #price="{ row }"> ¥{{ (Number(row?.price ?? 0) / 100).toFixed(2) }} </template>
+          <template #period="{ row }">
+            {{ row?.period === "month" ? "按月" : "按年" }}
+          </template>
+        </FaDescriptions>
+      </template>
+      <template v-else>
+        <FaForm
+          scrollbar
+          max-height="75vh"
+          :key="pkgFormRenderKey"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="pkgDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="120"
+          label-position="right"
+          :span="12"
+          :gutter="20"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        >
+          <template #status>
+            <ElRadioGroup v-model="formData.status">
+              <ElRadio :value="0">正常</ElRadio>
+              <ElRadio :value="1">禁用</ElRadio>
+            </ElRadioGroup>
+          </template>
+          <template #period>
+            <ElRadioGroup v-model="formData.period">
+              <ElRadio value="month">按月</ElRadio>
+              <ElRadio value="year">按年</ElRadio>
+            </ElRadioGroup>
+          </template>
+        </FaForm>
+      </template>
+    </FaDialog>
+
+    <!-- 套餐菜单权限 -->
+    <FaDrawer
+      v-model="menuDialogVisible"
+      title="套餐菜单权限"
+      size="400px"
+      destroy-on-close
+      @close="menuDialogVisible = false"
+    >
+      <FaMenuTreeTable
+        ref="menuTreeTableRef"
+        :menu-tree="menuTreeData"
+        :checked-ids="menuCheckedIds"
+        :loading="menuTreeLoading"
+      />
+      <template #footer>
+        <ElButton @click="menuDialogVisible = false">取消</ElButton>
+        <ElButton type="primary" :loading="menuSaveLoading" @click="handleSaveMenus">保存</ElButton>
+      </template>
+    </FaDrawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useTable } from "@/hooks/core/useTable";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { useCrudForm } from "@/hooks/core/useCrudForm";
+import { confirmDelete, confirmBatchDelete, confirmToggleStatus } from "@/hooks/core/useConfirm";
+import PackageAPI, { type PackageForm, type PackageTable } from "@/api/module_platform/package";
+import MenuAPI from "@/api/module_platform/menu";
+import { useAuth } from "@/hooks/core/useAuth";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import FaMenuTreeTable from "@/components/others/fa-menu-tree-table/index.vue";
+import { renderTableOperationCell, type TableOperationAction, resolveStatusColumns } from "@utils";
+import { ElMessage } from "element-plus";
+
+defineOptions({
+  name: "Package",
+  inheritAttrs: false,
+});
+
+const { hasAuth } = useAuth();
+
+type PackageSearchForm = {
+  name?: string;
+  code?: string;
+  status?: number;
+};
+
+function buildPkgReplaceParams(p: PackageSearchForm): Record<string, unknown> {
+  return {
+    name: p.name || undefined,
+    code: p.code || undefined,
+    status: p.status || undefined,
+  };
+}
+
+function buildPkgRowActions(
+  row: PackageTable,
+  ctx: {
+    onDetail: (id: number) => void;
+    onEdit: (id: number) => void;
+    onDelete: (id: number) => void;
+    onToggleStatus: (row: PackageTable) => void;
+    onManageMenus: (id: number) => void;
+  }
+): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_package:package:query",
+      run: () => ctx.onDetail(row.id!),
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      perm: "module_package:package:update",
+      run: () => ctx.onEdit(row.id!),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      perm: "module_package:package:delete",
+      run: () => ctx.onDelete(row.id!),
+    },
+    {
+      key: "toggle-status",
+      label: row.status === 0 ? "禁用" : "启用",
+      artType: "more",
+      icon: "ri:toggle-line",
+      perm: "module_package:package:update",
+      run: () => ctx.onToggleStatus(row),
+    },
+    {
+      key: "menus",
+      label: "菜单权限",
+      artType: "more",
+      icon: "ri:menu-line",
+      perm: "module_package:package:update",
+      run: () => ctx.onManageMenus(row.id!),
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatPkgOperationCell(row: PackageTable, ctx: Parameters<typeof buildPkgRowActions>[1]) {
+  const actions = buildPkgRowActions(row, ctx);
+  return renderTableOperationCell(actions, {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 pkg-table-actions",
+  });
+}
+
+const searchForm = ref<PackageSearchForm>({
+  name: undefined,
+  code: undefined,
+  status: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const statusOptions = ref([
+  { label: "正常", value: 0 },
+  { label: "禁用", value: 1 },
+]);
+
+const pkgSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "套餐名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入套餐名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "套餐编码",
+    key: "code",
+    type: "input",
+    placeholder: "请输入套餐编码",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: statusOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const { selectedIds, batchDeleting, onTableSelectionChange } = useTableSelection<PackageTable>();
+
+const createLoading = ref(false);
+const moreLoading = ref(false);
+
+const opCtx = {
+  onDetail: (id: number) => void handleOpenDialog("detail", id),
+  onEdit: (id: number) => void handleOpenDialog("update", id),
+  onDelete: deletePkgRow,
+  onToggleStatus: (row: PackageTable) => togglePkgStatus(row),
+  onManageMenus: (id: number) => openMenuDialog(id),
+};
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: PackageAPI.listPackage,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: resolveStatusColumns<PackageTable>(() => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "name", label: "套餐名称", minWidth: 120, showOverflowTooltip: true },
+      { prop: "code", label: "套餐编码", minWidth: 100, showOverflowTooltip: true },
+      {
+        prop: "status",
+        label: "状态",
+        width: 80,
+        status: {
+          0: { type: "success", text: "正常" },
+          1: { type: "danger", text: "禁用" },
+        },
+      },
+      { prop: "sort", label: "排序", width: 60, align: "center" },
+      {
+        prop: "price",
+        label: "价格",
+        width: 100,
+        align: "right",
+        formatter: (row: PackageTable) => `¥${(Number(row.price ?? 0) / 100).toFixed(2)}`,
+      },
+      {
+        prop: "period",
+        label: "计费周期",
+        width: 90,
+        formatter: (row: PackageTable) => (row.period === "month" ? "按月" : "按年"),
+      },
+      { prop: "trial_days", label: "试用天数", width: 80, align: "center" },
+      { prop: "max_users", label: "最大用户数", width: 90, align: "center" },
+      { prop: "max_roles", label: "最大角色数", width: 90, align: "center" },
+      { prop: "max_depts", label: "最大部门数", width: 90, align: "center" },
+      { prop: "max_storage_mb", label: "存储(MB)", width: 90, align: "center" },
+      { prop: "rate_limit", label: "速率限制", width: 80, align: "center" },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 200,
+        fixed: "right",
+        align: "center",
+        formatter: (row: PackageTable) => formatPkgOperationCell(row, opCtx),
+      },
+    ]),
+  },
+});
+
+// 详情 & 表单
+const formData = ref<PackageForm>({});
+const detailFormData = ref<Partial<PackageTable>>({});
+const pkgFormRenderKey = ref(0);
+
+const pkgDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] = [
+  { label: "套餐名称", prop: "name" },
+  { label: "套餐编码", prop: "code" },
+  {
+    label: "状态",
+    prop: "status",
+    tag: { map: { 0: { type: "success", text: "正常" }, 1: { type: "danger", text: "禁用" } } },
+  },
+  { label: "排序", prop: "sort" },
+  { label: "价格", prop: "price", slot: "price" },
+  { label: "计费周期", prop: "period", slot: "period" },
+  { label: "试用天数", prop: "trial_days" },
+  { label: "最大用户数", prop: "max_users" },
+  { label: "最大角色数", prop: "max_roles" },
+  { label: "最大部门数", prop: "max_depts" },
+  { label: "最大存储(MB)", prop: "max_storage_mb" },
+  { label: "速率限制", prop: "rate_limit" },
+  { label: "描述", prop: "description", span: 4 },
+];
+
+const pkgDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "套餐名称",
+    key: "name",
+    type: "input",
+    props: {
+      placeholder: "请输入套餐名称",
+      maxlength: 100,
+    },
+    rules: [
+      { required: true, message: "请输入套餐名称", trigger: "blur" },
+      { max: 100, message: "最长 100 个字符", trigger: "blur" },
+    ],
+    span: 12,
+  },
+  {
+    label: "套餐编码",
+    key: "code",
+    type: "input",
+    props: {
+      placeholder: "请输入套餐编码（仅字母数字）",
+      maxlength: 100,
+    },
+    rules: [
+      { required: true, message: "请输入套餐编码", trigger: "blur" },
+      { pattern: /^[a-zA-Z0-9]+$/, message: "仅允许字母和数字", trigger: "blur" },
+      { min: 2, message: "至少 2 个字符", trigger: "blur" },
+    ],
+    span: 12,
+  },
+  {
+    label: "排序",
+    key: "sort",
+    type: "number",
+    props: {
+      placeholder: "排序",
+      min: 0,
+    },
+    span: 12,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "slot",
+    slot: "status",
+    span: 12,
+  },
+  {
+    label: "价格(分)",
+    key: "price",
+    type: "number",
+    props: {
+      placeholder: "价格（单位：分）",
+      min: 0,
+    },
+    rules: [
+      { required: true, message: "请输入价格", trigger: "blur" },
+      { type: "number", min: 0, message: "价格不能为负数", trigger: "blur" },
+    ],
+    span: 12,
+  },
+  {
+    label: "计费周期",
+    key: "period",
+    type: "slot",
+    slot: "period",
+    span: 12,
+  },
+  {
+    label: "试用天数",
+    key: "trial_days",
+    type: "number",
+    props: {
+      placeholder: "免费试用天数",
+      min: 0,
+    },
+    rules: [{ type: "number", min: 0, message: "不能为负数", trigger: "blur" }],
+    span: 12,
+  },
+  {
+    label: "最大用户数",
+    key: "max_users",
+    type: "number",
+    props: {
+      placeholder: "最大用户数",
+      min: 0,
+    },
+    rules: [{ required: true, message: "请输入最大用户数", trigger: "blur" }],
+    span: 12,
+  },
+  {
+    label: "最大角色数",
+    key: "max_roles",
+    type: "number",
+    props: {
+      placeholder: "最大角色数",
+      min: 0,
+    },
+    rules: [{ required: true, message: "请输入最大角色数", trigger: "blur" }],
+    span: 12,
+  },
+  {
+    label: "最大部门数",
+    key: "max_depts",
+    type: "number",
+    props: {
+      placeholder: "最大部门数",
+      min: 0,
+    },
+    rules: [{ required: true, message: "请输入最大部门数", trigger: "blur" }],
+    span: 12,
+  },
+  {
+    label: "最大存储(MB)",
+    key: "max_storage_mb",
+    type: "number",
+    props: {
+      placeholder: "最大存储(MB)",
+      min: 0,
+    },
+    rules: [{ required: true, message: "请输入最大存储", trigger: "blur" }],
+    span: 12,
+  },
+  {
+    label: "速率限制",
+    key: "rate_limit",
+    type: "number",
+    props: {
+      placeholder: "请求/10秒",
+      min: 10,
+    },
+    rules: [
+      { required: true, message: "请输入速率限制", trigger: "blur" },
+      { type: "number", min: 10, message: "最低 10 请求/10秒", trigger: "blur" },
+    ],
+    span: 12,
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "input",
+    props: {
+      type: "textarea",
+      placeholder: "套餐描述",
+      maxlength: 255,
+      rows: 2,
+    },
+    rules: [{ max: 255, message: "最长 255 个字符", trigger: "blur" }],
+    span: 24,
+  },
+]);
+
+const rules = reactive({
+  name: [
+    { required: true, message: "请输入套餐名称", trigger: "blur" },
+    { max: 100, message: "最长 100 个字符", trigger: "blur" },
+  ],
+  code: [
+    { required: true, message: "请输入套餐编码", trigger: "blur" },
+    { pattern: /^[a-zA-Z0-9]+$/, message: "仅允许字母和数字", trigger: "blur" },
+    { min: 2, message: "至少 2 个字符", trigger: "blur" },
+  ],
+  price: [
+    { required: true, message: "请输入价格", trigger: "blur" },
+    { type: "number", min: 0, message: "价格不能为负数", trigger: "blur" },
+  ],
+  trial_days: [{ type: "number", min: 0, message: "不能为负数", trigger: "blur" }],
+  max_users: [{ required: true, message: "请输入最大用户数", trigger: "blur" }],
+  max_roles: [{ required: true, message: "请输入最大角色数", trigger: "blur" }],
+  max_depts: [{ required: true, message: "请输入最大部门数", trigger: "blur" }],
+  max_storage_mb: [{ required: true, message: "请输入最大存储", trigger: "blur" }],
+  rate_limit: [
+    { required: true, message: "请输入速率限制", trigger: "blur" },
+    { type: "number", min: 10, message: "最低 10 请求/10秒", trigger: "blur" },
+  ],
+  description: [{ max: 255, message: "最长 255 个字符", trigger: "blur" }],
+});
+
+const { dialogVisible } = useCrudDialog();
+const dataFormRef = ref<any>(null);
+const { submitLoading, handleCloseDialog, handleOpenDialog, handleSubmit } =
+  useCrudForm<PackageForm>({
+    formData,
+    initialFormData: {
+      status: 0,
+      period: "month",
+      sort: 0,
+      price: 0,
+      trial_days: 0,
+      max_users: 10,
+      max_roles: 5,
+      max_depts: 10,
+      max_storage_mb: 1024,
+      rate_limit: 60,
+    },
+    dialogVisible,
+    dataFormRef,
+    formRenderKey: pkgFormRenderKey,
+    detailApi: PackageAPI.detailPackage as unknown as (
+      id: number
+    ) => Promise<{ data: { data?: PackageForm } }>,
+    createApi: PackageAPI.createPackage as unknown as (form: PackageForm) => Promise<unknown>,
+    updateApi: PackageAPI.updatePackage as unknown as (
+      id: number,
+      form: PackageForm
+    ) => Promise<unknown>,
+    detailFormData,
+    titles: { create: "新增套餐", update: "修改套餐", detail: "套餐详情" },
+    onCreateSuccess: refreshCreate,
+    onUpdateSuccess: refreshCreate,
+  });
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+async function deletePkgRow(id: number) {
+  try {
+    await confirmDelete();
+    await PackageAPI.deletePackage([id]);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  }
+}
+
+async function togglePkgStatus(row: PackageTable) {
+  const newStatus = row.status === 0 ? 1 : 0;
+  try {
+    await confirmToggleStatus(newStatus);
+    await PackageAPI.batchPackageStatus({ ids: [row.id!], status: Number(newStatus) });
+    // 成功提示由 axios 拦截器统一处理
+    await refreshData();
+  } catch {
+    // 用户取消 / 接口错误（已由拦截器提示）
+  }
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await PackageAPI.deletePackage(ids);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+function handleMoreClick() {
+  // 预留
+}
+
+// 菜单权限管理
+const menuDialogVisible = ref(false);
+const menuTreeLoading = ref(false);
+const menuSaveLoading = ref(false);
+const menuTreeData = ref<any[]>([]);
+const menuCheckedIds = ref<number[]>([]);
+const menuTreeTableRef = ref<InstanceType<typeof FaMenuTreeTable>>();
+const currentMenuPkgId = ref<number>(0);
+
+async function openMenuDialog(packageId: number) {
+  currentMenuPkgId.value = packageId;
+  menuTreeData.value = [];
+  menuCheckedIds.value = [];
+  menuTreeLoading.value = true;
+  menuDialogVisible.value = true;
+  try {
+    const menuRes = await MenuAPI.listMenu();
+    menuTreeData.value = menuRes.data.data ?? [];
+    const menuIdsRes = await PackageAPI.getPackageMenus(packageId);
+    menuCheckedIds.value = menuIdsRes.data.data ?? [];
+  } catch {
+    menuTreeData.value = [];
+  } finally {
+    menuTreeLoading.value = false;
+  }
+}
+
+async function handleSaveMenus() {
+  const checkedIds = menuTreeTableRef.value?.getCheckedIds?.() ?? [];
+  if (checkedIds.length === 0) {
+    ElMessage.warning("请至少选择一个菜单或功能按钮");
+    return;
+  }
+  menuSaveLoading.value = true;
+  try {
+    await PackageAPI.setPackageMenus(currentMenuPkgId.value, checkedIds);
+    menuDialogVisible.value = false;
+  } catch {
+    // 错误由全局拦截处理
+  } finally {
+    menuSaveLoading.value = false;
+  }
+}
+
+async function handleSearchBarSearch(params: PackageSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildPkgReplaceParams(params));
+  getData();
+}
+
+function onResetSearch() {
+  searchForm.value = {
+    name: undefined,
+    code: undefined,
+    status: undefined,
+  };
+  void resetSearchParams();
+}
+</script>
diff --git a/src/views/module_platform/plugin/index.vue b/src/views/module_platform/plugin/index.vue
new file mode 100644
index 0000000..78c1736
--- /dev/null
+++ b/src/views/module_platform/plugin/index.vue
@@ -0,0 +1,776 @@
+<!-- 插件市场：卡片展示 + 搜索筛选 -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="pluginSearchItems"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        layout="search,refresh"
+        @refresh="fetchData"
+      >
+        <template #left>
+          <ElButton
+            v-if="hasAuth('module_platform:plugin:create')"
+            type="primary"
+            @click="handleOpenDialog('create')"
+          >
+            <ElIcon><Plus /></ElIcon>
+            新增插件
+          </ElButton>
+        </template>
+      </FaTableHeader>
+
+      <!-- 加载 -->
+      <ElSkeleton v-if="loading && !data.length" :rows="4" animated style="margin-top: 16px">
+        <template #template>
+          <div
+            style="
+              display: grid;
+              grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+              gap: 16px;
+            "
+          >
+            <div v-for="i in 6" :key="i" style="height: 260px">
+              <ElSkeletonItem
+                variant="rect"
+                style="width: 100%; height: 100%; border-radius: var(--custom-radius)"
+              />
+            </div>
+          </div>
+        </template>
+      </ElSkeleton>
+
+      <!-- 卡片网格 -->
+      <ElScrollbar v-else-if="data.length" class="plugin-scroll">
+        <div class="plugin-grid">
+          <div
+            v-for="item in data"
+            :key="item.id"
+            class="plugin-card fa-card"
+            :class="{ 'is-installed': item.installed }"
+          >
+            <!-- 头部：图标 + 名称 + 状态徽章 -->
+            <div class="card-header">
+              <span class="card-icon" :class="categoryIconBg(item.category)">
+                <FaSvgIcon :icon="item.icon || 'ri:plug-2-line'" />
+              </span>
+              <div class="card-title-group">
+                <span class="card-title">{{ item.name }}</span>
+                <span class="card-badge" :class="item.status === 0 ? 'badge-on' : 'badge-off'">
+                  {{ item.status === 0 ? "启用" : "停用" }}
+                </span>
+              </div>
+            </div>
+
+            <!-- 描述 -->
+            <p class="card-desc">{{ item.description || "暂无描述" }}</p>
+
+            <!-- 标签行 -->
+            <div class="card-tags">
+              <ElTag size="small" effect="plain" :type="categoryTagType(item.category)">
+                {{ categoryLabel(item.category) }}
+              </ElTag>
+              <span class="tag-version">v{{ item.version || "1.0.0" }}</span>
+              <ElTag v-if="item.price === 0" size="small" effect="plain" type="success">免费</ElTag>
+              <ElTag v-else size="small" effect="plain" type="warning">
+                ¥{{ ((item.price ?? 0) / 100).toFixed(2) }}
+              </ElTag>
+            </div>
+
+            <!-- 底部 -->
+            <div class="card-footer">
+              <span class="footer-author">
+                <FaSvgIcon icon="ri:user-3-line" />{{ item.author || "—" }}
+              </span>
+              <div class="footer-actions">
+                <ElButton
+                  size="small"
+                  link
+                  type="primary"
+                  @click="handleOpenDialog('detail', item.id!)"
+                >
+                  详情
+                </ElButton>
+                <ElButton
+                  v-if="hasAuth('module_platform:plugin:install') && !item.installed"
+                  size="small"
+                  type="primary"
+                  @click="doInstall(item)"
+                >
+                  安装
+                </ElButton>
+                <ElDropdown v-if="showMore(item)" trigger="click">
+                  <ElButton size="small" link type="primary" class="more-btn">
+                    <ElIcon><MoreFilled /></ElIcon>
+                  </ElButton>
+                  <template #dropdown>
+                    <ElDropdownMenu>
+                      <ElDropdownItem
+                        v-if="hasAuth('module_platform:plugin:update')"
+                        @click="handleOpenDialog('update', item.id!)"
+                      >
+                        <ElIcon><Edit /></ElIcon>编辑
+                      </ElDropdownItem>
+                      <ElDropdownItem
+                        v-if="hasAuth('module_platform:plugin:install') && item.installed"
+                        @click="doToggle(item)"
+                      >
+                        <ElIcon>
+                          <FaSvgIcon
+                            :icon="
+                              item.status === 0 ? 'ri:forbid-2-line' : 'ri:checkbox-circle-line'
+                            "
+                          />
+                        </ElIcon>
+                        {{ item.status === 0 ? "禁用" : "启用" }}
+                      </ElDropdownItem>
+                      <ElDropdownItem
+                        v-if="hasAuth('module_platform:plugin:install') && item.installed"
+                        @click="doUninstall(item)"
+                        divided
+                      >
+                        <ElIcon><Delete /></ElIcon>卸载
+                      </ElDropdownItem>
+                      <ElDropdownItem
+                        v-if="hasAuth('module_platform:plugin:delete')"
+                        divided
+                        @click="deletePluginRow(item.id!)"
+                      >
+                        <ElIcon><Delete /></ElIcon>删除
+                      </ElDropdownItem>
+                    </ElDropdownMenu>
+                  </template>
+                </ElDropdown>
+              </div>
+            </div>
+          </div>
+        </div>
+      </ElScrollbar>
+
+      <ElEmpty v-else-if="!loading" description="暂无插件" style="margin-top: 40px" />
+
+      <!-- 分页 -->
+      <div v-if="total > 0" class="plugin-pagination">
+        <FaPagination
+          :page="pageNo"
+          :limit="pageSize"
+          :total="total"
+          :page-sizes="[12, 24, 48]"
+          :disabled="loading"
+          @pagination="onPaginationChange"
+        />
+      </div>
+    </ElCard>
+
+    <!-- ─── 对话框 ─── -->
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="720px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="2"
+          :data="detailFormData"
+          :items="pluginDetailItems"
+          max-height="75vh"
+        >
+          <template #icon>
+            <FaSvgIcon v-if="detailFormData.icon" :icon="detailFormData.icon" />
+            <span v-else>—</span>
+          </template>
+          <template #status>
+            <ElTag :type="detailFormData.status === 0 ? 'success' : 'danger'">
+              {{ detailFormData.status === 0 ? "启用" : "停用" }}
+            </ElTag>
+          </template>
+          <template #price>
+            {{
+              detailFormData.price === 0
+                ? "免费"
+                : "¥" + ((detailFormData.price ?? 0) / 100).toFixed(2)
+            }}
+          </template>
+        </FaDescriptions>
+      </template>
+      <template v-else>
+        <FaForm
+          scrollbar
+          max-height="75vh"
+          :key="pluginFormRenderKey"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="pluginDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="100"
+          label-position="right"
+          :span="24"
+          :gutter="16"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        >
+          <template #status>
+            <ElRadioGroup v-model="formData.status">
+              <ElRadio :value="0">启用</ElRadio>
+              <ElRadio :value="1">停用</ElRadio>
+            </ElRadioGroup>
+          </template>
+        </FaForm>
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted } from "vue";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useCrudForm } from "@/hooks/core/useCrudForm";
+import { confirmDelete } from "@/hooks/core/useConfirm";
+import PluginAPI, { type PluginForm, type PluginTable } from "@/api/module_platform/plugin";
+import { useAuth } from "@/hooks/core/useAuth";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import { ElTag, ElButton, ElIcon, ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
+import { Plus, Edit, Delete, MoreFilled } from "@element-plus/icons-vue";
+
+defineOptions({
+  name: "PluginMarketplace",
+  inheritAttrs: false,
+});
+
+const { hasAuth } = useAuth();
+
+// ─── 搜索表单 ───
+const searchForm = ref<{ name?: string; category?: string; status?: number }>({
+  name: "",
+  category: "",
+  status: undefined,
+});
+const showSearchBar = ref(true);
+
+const categoryOptions = ref([
+  { label: "工具", value: "tool" },
+  { label: "AI", value: "ai" },
+  { label: "监控", value: "monitor" },
+  { label: "业务", value: "business" },
+]);
+
+const statusOptions = ref([
+  { label: "启用", value: 0 },
+  { label: "停用", value: 1 },
+]);
+
+const pluginSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "插件名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入插件名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "分类",
+    key: "category",
+    type: "select",
+    props: { placeholder: "请选择分类", options: categoryOptions.value, clearable: true },
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: { placeholder: "请选择状态", options: statusOptions.value, clearable: true },
+    span: 6,
+  },
+]);
+
+// ─── 数据管理 ───
+const data = ref<PluginTable[]>([]);
+const loading = ref(false);
+const pageNo = ref(1);
+const pageSize = ref(12);
+const total = ref(0);
+
+async function fetchData() {
+  loading.value = true;
+  try {
+    const res = await PluginAPI.list({
+      page_no: pageNo.value,
+      page_size: pageSize.value,
+      ...searchForm.value,
+    });
+    const result = res.data?.data;
+    data.value = (result?.items as PluginTable[]) || [];
+    total.value = result?.total || 0;
+  } catch {
+    // ignore
+  } finally {
+    loading.value = false;
+  }
+}
+
+function onPaginationChange({ page, limit }: { page: number; limit: number }) {
+  pageNo.value = page;
+  pageSize.value = limit;
+  fetchData();
+}
+
+const columnChecks = ref([]);
+
+async function handleSearchBarSearch(params: Record<string, unknown>) {
+  searchForm.value = {
+    name: (params.name as string) ?? "",
+    category: (params.category as string) ?? "",
+    status: params.status !== undefined ? Number(params.status) : undefined,
+  };
+  pageNo.value = 1;
+  await fetchData();
+}
+
+async function onResetSearch() {
+  searchForm.value = { name: "", category: "", status: undefined };
+  pageNo.value = 1;
+  await fetchData();
+}
+
+// ─── 分类辅助函数 ───
+function categoryLabel(cat?: string): string {
+  const map: Record<string, string> = { tool: "工具", ai: "AI", monitor: "监控", business: "业务" };
+  return (cat && map[cat]) || cat || "—";
+}
+
+function categoryIconBg(cat?: string): string {
+  const map: Record<string, string> = {
+    tool: "icon-bg-default",
+    ai: "icon-bg-warning",
+    monitor: "icon-bg-success",
+    business: "icon-bg-info",
+  };
+  return (cat && map[cat]) || "icon-bg-default";
+}
+
+function categoryTagType(cat?: string): "success" | "warning" | "info" | "danger" | undefined {
+  const map: Record<string, "success" | "warning" | "info" | "danger" | undefined> = {
+    tool: "info",
+    ai: "warning",
+    monitor: "success",
+    business: undefined,
+  };
+  return cat ? map[cat] : "info";
+}
+
+// ─── 显示更多按钮 ───
+function showMore(row: PluginTable): boolean {
+  return (
+    hasAuth("module_platform:plugin:update") ||
+    hasAuth("module_platform:plugin:delete") ||
+    (hasAuth("module_platform:plugin:install") && !!row.installed)
+  );
+}
+
+// ─── 操作 ───
+async function deletePluginRow(id: number) {
+  try {
+    await confirmDelete("确认删除该插件?");
+    await PluginAPI.delete([id]);
+    await fetchData();
+  } catch {
+    // 用户取消
+  }
+}
+
+async function doInstall(row: PluginTable) {
+  if (!row.id) return;
+  try {
+    await PluginAPI.install(row.id);
+    // 成功 / 失败提示由 axios 拦截器统一处理
+    row.installed = true;
+  } catch {
+    /* 接口错误已由拦截器提示 */
+  }
+}
+
+async function doUninstall(row: PluginTable) {
+  if (!row.id) return;
+  try {
+    await PluginAPI.uninstall(row.id);
+    // 成功 / 失败提示由 axios 拦截器统一处理
+    row.installed = false;
+  } catch {
+    /* 接口错误已由拦截器提示 */
+  }
+}
+
+async function doToggle(row: PluginTable) {
+  if (!row.id) return;
+  try {
+    await PluginAPI.toggle(row.id);
+    // 成功 / 失败提示由 axios 拦截器统一处理
+    row.status = row.status === 0 ? 1 : 0;
+  } catch {
+    /* 接口错误已由拦截器提示 */
+  }
+}
+
+// ─── 对话框 ───
+const { dialogVisible } = useCrudDialog();
+const detailFormData = ref<PluginTable>({} as PluginTable);
+
+const pluginDetailItems = [
+  { label: "插件名称", prop: "name" },
+  { label: "插件编码", prop: "code" },
+  { label: "图标", prop: "icon", slot: "icon" },
+  { label: "版本", prop: "version" },
+  { label: "分类", prop: "category" },
+  { label: "作者", prop: "author" },
+  { label: "状态", prop: "status", slot: "status" },
+  { label: "价格", prop: "price", slot: "price" },
+  { label: "排序", prop: "sort" },
+  { label: "菜单路径", prop: "menu_path" },
+  { label: "权限前缀", prop: "permission_prefix" },
+  { label: "依赖插件", prop: "dependencies" },
+  { label: "描述", prop: "description", span: 4 },
+];
+
+const formData = ref<PluginForm>({
+  name: undefined,
+  code: undefined,
+  category: "tool",
+  version: "1.0.0",
+  status: 0,
+  price: 0,
+  sort: 0,
+  description: undefined,
+  author: undefined,
+  icon: undefined,
+  menu_path: undefined,
+  permission_prefix: undefined,
+  dependencies: undefined,
+});
+
+const initialFormData: PluginForm = { ...formData.value };
+const pluginFormRenderKey = ref(0);
+const dataFormRef = ref<any>(null);
+
+const rules = {
+  name: [{ required: true, message: "请输入插件名称", trigger: "blur" }],
+  code: [{ required: true, message: "请输入插件编码", trigger: "blur" }],
+  category: [{ required: true, message: "请选择分类", trigger: "change" }],
+};
+
+const pluginDialogFormItems: FormItem[] = [
+  {
+    label: "插件名称",
+    key: "name",
+    type: "input",
+    span: 12,
+    props: { placeholder: "请输入插件名称", clearable: true },
+  },
+  {
+    label: "插件编码",
+    key: "code",
+    type: "input",
+    span: 12,
+    props: { placeholder: "请输入插件编码", clearable: true },
+  },
+  {
+    label: "分类",
+    key: "category",
+    type: "select",
+    span: 12,
+    props: { options: categoryOptions.value, placeholder: "请选择分类", clearable: true },
+  },
+  {
+    label: "版本",
+    key: "version",
+    type: "input",
+    span: 12,
+    props: { placeholder: "版本号", clearable: true },
+  },
+  {
+    label: "作者",
+    key: "author",
+    type: "input",
+    span: 12,
+    props: { placeholder: "请输入作者", clearable: true },
+  },
+  {
+    label: "图标",
+    key: "icon",
+    type: "input",
+    span: 12,
+    props: { placeholder: "iconify 图标名", clearable: true },
+  },
+  {
+    label: "价格(分)",
+    key: "price",
+    type: "input-number",
+    span: 12,
+    props: { min: 0, placeholder: "0=免费" },
+  },
+  { label: "排序", key: "sort", type: "input-number", span: 12, props: { min: 0 } },
+  {
+    label: "菜单路径",
+    key: "menu_path",
+    type: "input",
+    span: 12,
+    props: { placeholder: "安装后的菜单路径", clearable: true },
+  },
+  {
+    label: "权限前缀",
+    key: "permission_prefix",
+    type: "input",
+    span: 12,
+    props: { placeholder: "权限前缀", clearable: true },
+  },
+  {
+    label: "依赖插件",
+    key: "dependencies",
+    type: "textarea",
+    span: 24,
+    props: { placeholder: "依赖插件编码(JSON数组)", rows: 2 },
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "textarea",
+    span: 24,
+    props: { placeholder: "请输入描述", rows: 3 },
+  },
+];
+
+const { submitLoading, handleCloseDialog, handleOpenDialog, handleSubmit } =
+  useCrudForm<PluginForm>({
+    formData,
+    initialFormData,
+    dialogVisible,
+    dataFormRef,
+    formRenderKey: pluginFormRenderKey,
+    detailApi: PluginAPI.detail as unknown as (
+      id: number
+    ) => Promise<{ data: { data?: PluginForm } }>,
+    createApi: PluginAPI.create,
+    updateApi: PluginAPI.update,
+    titles: { create: "新增插件", update: "编辑插件", detail: "插件详情" },
+    detailFormData,
+    onCreateSuccess: async () => {
+      await fetchData();
+    },
+    onUpdateSuccess: async () => {
+      await fetchData();
+    },
+    onSubmitSuccess: async () => {
+      await fetchData();
+    },
+  });
+
+onMounted(() => {
+  fetchData();
+});
+</script>
+
+<style scoped lang="scss">
+.fa-full-height {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.plugin-scroll {
+  flex: 1;
+  min-height: 0;
+  margin-top: 16px;
+}
+
+.plugin-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+  gap: 16px;
+}
+
+.plugin-card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  padding: 20px;
+  overflow: hidden;
+  transition:
+    box-shadow 0.3s,
+    transform 0.25s;
+
+  &:hover {
+    box-shadow: 0 8px 24px rgb(0 0 0 / 8%);
+    transform: translateY(-3px);
+  }
+
+  &.is-installed {
+    border-color: var(--el-color-success-light-5);
+  }
+
+  .card-header {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    margin-bottom: 12px;
+  }
+
+  .card-icon {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    font-size: 20px;
+    border-radius: 10px;
+
+    &.icon-bg-default {
+      color: var(--el-text-color-secondary);
+      background: var(--el-fill-color);
+    }
+
+    &.icon-bg-warning {
+      color: var(--el-color-warning);
+      background: var(--el-color-warning-light-9);
+    }
+
+    &.icon-bg-success {
+      color: var(--el-color-success);
+      background: var(--el-color-success-light-9);
+    }
+
+    &.icon-bg-info {
+      color: var(--el-color-info);
+      background: var(--el-color-info-light-9);
+    }
+  }
+
+  .card-title-group {
+    display: flex;
+    flex: 1;
+    gap: 8px;
+    align-items: center;
+    min-width: 0;
+  }
+
+  .card-title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 15px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+    white-space: nowrap;
+  }
+
+  .card-badge {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    padding: 1px 8px;
+    font-size: 11px;
+    font-weight: 500;
+    line-height: 1.6;
+    border-radius: 10px;
+
+    &.badge-on {
+      color: var(--el-color-success);
+      background: var(--el-color-success-light-9);
+    }
+
+    &.badge-off {
+      color: var(--el-color-danger);
+      background: var(--el-color-danger-light-9);
+    }
+  }
+
+  .card-desc {
+    display: -webkit-box;
+    min-height: calc(13px * 1.6 * 2);
+    margin: 0 0 12px;
+    overflow: hidden;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    font-size: 13px;
+    line-height: 1.6;
+    color: var(--el-text-color-secondary);
+    -webkit-box-orient: vertical;
+  }
+
+  .card-tags {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    align-items: center;
+    margin-bottom: 14px;
+  }
+
+  .tag-version {
+    font-size: 12px;
+    color: var(--el-text-color-placeholder);
+  }
+
+  .card-footer {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    justify-content: space-between;
+    padding-top: 12px;
+    margin-top: auto;
+    border-top: 1px solid var(--el-border-color-lighter);
+  }
+
+  .footer-author {
+    display: inline-flex;
+    flex-shrink: 0;
+    gap: 4px;
+    align-items: center;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+  }
+
+  .footer-actions {
+    display: flex;
+    flex-shrink: 0;
+    gap: 4px;
+    align-items: center;
+  }
+
+  .more-btn {
+    padding: 2px 4px;
+    font-size: 16px;
+  }
+}
+
+.plugin-pagination {
+  flex-shrink: 0;
+  padding-top: 16px;
+}
+</style>
diff --git a/src/views/module_platform/self_service/index.vue b/src/views/module_platform/self_service/index.vue
new file mode 100644
index 0000000..4d4600e
--- /dev/null
+++ b/src/views/module_platform/self_service/index.vue
@@ -0,0 +1,658 @@
+<template>
+  <div class="fa-full-height">
+    <ElTabs v-model="activeTab" @tab-change="onTabChange">
+      <!-- ─── 工作台 ─── -->
+      <ElTabPane label="工作台" name="workspace">
+        <ElScrollbar
+          v-if="workspace"
+          class="workspace-scroll"
+          :view-style="{ paddingRight: '4px' }"
+        >
+          <!-- 欢迎横幅 -->
+          <FaBasicBanner
+            class="workspace-banner"
+            :title="`${workspace.tenant.name}（${workspace.tenant.code}）`"
+            :subtitle="
+              workspace.package
+                ? `${workspace.package.name} · ${workspace.package.period === 'year' ? '年付' : '月付'} · 剩余 ${workspace.tenant.days_remaining} 天 · ${workspace.tenant.status_label}`
+                : `暂无套餐 · 剩余 ${workspace.tenant.days_remaining} 天 · ${workspace.tenant.status_label}`
+            "
+            boxStyle="bg-theme/5!"
+            titleColor="var(--fa-gray-900)"
+            subtitleColor="var(--fa-gray-500)"
+            :decoration="false"
+          />
+
+          <!-- 统计卡片行 -->
+          <ElRow :gutter="16" class="workspace-section">
+            <ElCol :xs="24" :sm="12" :md="6">
+              <FaStatsCard
+                icon="ri:user-line"
+                iconStyle="bg-theme"
+                boxStyle="bg-theme/10!"
+                title="用户"
+                :description="`上限 ${workspace.quota.max_users || '—'}`"
+                :count="workspace.quota.current_users"
+                textColor="var(--theme-color)"
+                :showArrow="false"
+              />
+            </ElCol>
+            <ElCol :xs="24" :sm="12" :md="6">
+              <FaStatsCard
+                icon="ri:shield-user-line"
+                iconStyle="bg-success"
+                boxStyle="bg-success/10!"
+                title="角色"
+                :description="`上限 ${workspace.quota.max_roles || '—'}`"
+                :count="workspace.quota.current_roles"
+                textColor="var(--el-color-success)"
+                :showArrow="false"
+              />
+            </ElCol>
+            <ElCol :xs="24" :sm="12" :md="6">
+              <FaStatsCard
+                icon="ri:organization-chart"
+                iconStyle="bg-info"
+                boxStyle="bg-info/10!"
+                title="部门"
+                :description="`上限 ${workspace.quota.max_depts || '—'}`"
+                :count="workspace.quota.current_depts"
+                textColor="var(--el-color-info)"
+                :showArrow="false"
+              />
+            </ElCol>
+            <ElCol :xs="24" :sm="12" :md="6">
+              <FaStatsCard
+                icon="ri:money-cny-box-line"
+                iconStyle="bg-warning"
+                boxStyle="bg-warning/10!"
+                title="套餐价格"
+                :description="
+                  workspace.package
+                    ? `${workspace.package.period === 'year' ? '年付' : '月付'}`
+                    : '—'
+                "
+                :count="workspace.package ? +(workspace.package.price / 100).toFixed(0) : 0"
+                separator=","
+                textColor="var(--el-color-warning)"
+                :showArrow="false"
+              />
+            </ElCol>
+          </ElRow>
+
+          <!-- 配额使用进度 -->
+          <ElRow :gutter="16" class="workspace-section">
+            <ElCol :xs="24" :sm="8" :md="8">
+              <FaProgressCard
+                :percentage="workspace.quota.usage_percent.users"
+                title="用户用量"
+                color="var(--theme-color)"
+                icon="ri:user-line"
+                iconStyle="bg-theme/12 text-theme"
+              />
+            </ElCol>
+            <ElCol :xs="24" :sm="8" :md="8">
+              <FaProgressCard
+                :percentage="workspace.quota.usage_percent.roles"
+                title="角色用量"
+                color="#67c23a"
+                icon="ri:shield-user-line"
+                iconStyle="bg-success/12 text-success"
+              />
+            </ElCol>
+            <ElCol :xs="24" :sm="8" :md="8">
+              <FaProgressCard
+                :percentage="workspace.quota.usage_percent.depts"
+                title="部门用量"
+                color="#409EFF"
+                icon="ri:organization-chart"
+                iconStyle="bg-info/12 text-info"
+              />
+            </ElCol>
+          </ElRow>
+
+          <!-- 近期订单时间轴 -->
+          <ElRow :gutter="16" class="workspace-section">
+            <ElCol :span="24">
+              <FaTimelineListCard
+                :list="recentOrderTimeline"
+                title="近期订单"
+                :subtitle="`共 ${recentOrderTimeline.length} 条记录`"
+                :maxCount="5"
+              />
+            </ElCol>
+          </ElRow>
+        </ElScrollbar>
+        <div v-else-if="workspaceLoading" class="workspace-loading">
+          <ElSkeleton :rows="10" animated />
+        </div>
+      </ElTabPane>
+
+      <!-- ─── 选购套餐 ─── -->
+      <ElTabPane label="选购套餐" name="packages">
+        <div v-if="!packagesLoading && packages.length" class="package-grid">
+          <div
+            v-for="pkg in packages"
+            :key="pkg.id"
+            class="package-card"
+            :class="{ 'package-card--current': pkg.is_current }"
+          >
+            <div class="package-card__header">
+              <h3>{{ pkg.name }}</h3>
+              <ElTag v-if="pkg.is_current" type="warning" size="small">当前套餐</ElTag>
+            </div>
+            <div class="package-card__price">
+              <span class="price-value">¥{{ (pkg.price / 100).toFixed(2) }}</span>
+              <span class="price-period">/{{ pkg.period === "year" ? "年" : "月" }}</span>
+            </div>
+            <div class="package-card__specs">
+              <div class="spec-item">
+                <span class="spec-label">最大用户数</span>
+                <span class="spec-value">{{ pkg.max_users || "无限" }}</span>
+              </div>
+              <div class="spec-item">
+                <span class="spec-label">最大角色数</span>
+                <span class="spec-value">{{ pkg.max_roles || "无限" }}</span>
+              </div>
+              <div class="spec-item">
+                <span class="spec-label">最大部门数</span>
+                <span class="spec-value">{{ pkg.max_depts || "无限" }}</span>
+              </div>
+              <div class="spec-item" v-if="pkg.trial_days > 0">
+                <span class="spec-label">试用天数</span>
+                <span class="spec-value">{{ pkg.trial_days }} 天</span>
+              </div>
+            </div>
+            <div class="package-card__actions">
+              <ElButton
+                v-for="action in pkg.available_actions"
+                :key="action"
+                :type="action === 'upgrade' ? 'primary' : 'default'"
+                @click="handleAction(action, pkg)"
+              >
+                {{ actionLabel(action) }}
+              </ElButton>
+            </div>
+          </div>
+        </div>
+        <ElEmpty v-else-if="!packagesLoading" description="暂无可用套餐" />
+        <ElSkeleton v-else :rows="6" animated />
+      </ElTabPane>
+
+      <!-- ─── 我的订单 ─── -->
+      <ElTabPane label="我的订单" name="orders">
+        <ElCard class="fa-table-card">
+          <FaTableHeader
+            v-model:columns="orderColumnChecks"
+            :loading="orderLoading"
+            @refresh="getOrderData"
+          />
+
+          <FaTable
+            ref="orderTableRef"
+            :loading="orderLoading"
+            :data="orderData"
+            :columns="orderColumns"
+            :pagination="orderPagination"
+            @pagination:size-change="handleOrderSizeChange"
+            @pagination:current-change="handleOrderCurrentChange"
+          />
+        </ElCard>
+      </ElTabPane>
+    </ElTabs>
+
+    <!-- ─── 套餐操作确认弹窗 ─── -->
+    <FaDialog v-model="actionDialogVisible" :title="actionDialogTitle" width="560px">
+      <div v-if="preview">
+        <FaDescriptions
+          :column="2"
+          border
+          size="small"
+          :data="preview"
+          :items="previewDescriptionItems"
+        >
+          <template #target_package>
+            <ElTag type="primary" size="small">{{ preview.target_package }}</ElTag>
+          </template>
+          <template #action>
+            <ElTag :type="actionTypeTag(preview.action)" size="small">{{
+              actionLabel(preview.action)
+            }}</ElTag>
+          </template>
+          <template #amount>
+            <span class="price">¥{{ (preview.amount / 100).toFixed(2) }}</span>
+            / {{ preview.period === "year" ? "年" : "月" }}
+          </template>
+        </FaDescriptions>
+
+        <div v-if="preview.gained_menus?.length" class="menu-change">
+          <h4 class="menu-change__title gain">新增菜单</h4>
+          <ElTag
+            v-for="m in preview.gained_menus"
+            :key="m.id"
+            type="success"
+            size="small"
+            style="margin: 2px"
+          >
+            {{ m.name }}
+          </ElTag>
+        </div>
+        <div v-if="preview.lost_menus?.length" class="menu-change">
+          <h4 class="menu-change__title loss">失去菜单</h4>
+          <ElTag
+            v-for="m in preview.lost_menus"
+            :key="m.id"
+            type="danger"
+            size="small"
+            style="margin: 2px"
+          >
+            {{ m.name }}
+          </ElTag>
+        </div>
+        <div v-if="preview.affected_roles?.length" style="margin-top: 12px">
+          <span class="text-warning">影响角色：</span>
+          <span
+            v-for="r in preview.affected_roles"
+            :key="r"
+            style="margin-left: 4px; color: #e6a23c"
+            >{{ r }}</span
+          >
+        </div>
+        <div v-if="preview.affected_users > 0" style="margin-top: 8px">
+          <span class="text-warning">影响用户数：{{ preview.affected_users }} 人</span>
+        </div>
+      </div>
+
+      <template #footer>
+        <ElButton @click="actionDialogVisible = false">取消</ElButton>
+        <ElButton type="primary" :loading="actionSubmitting" @click="confirmAction"
+          >确认下单</ElButton
+        >
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted } from "vue";
+import type { TabPaneName } from "element-plus";
+import { useRouter } from "vue-router";
+import { useTable } from "@/hooks/core/useTable";
+import FaStatsCard from "@/components/cards/fa-stats-card/index.vue";
+import FaProgressCard from "@/components/cards/fa-progress-card/index.vue";
+import FaTimelineListCard from "@/components/cards/fa-timeline-list-card/index.vue";
+import FaBasicBanner from "@/components/banners/fa-basic-banner/index.vue";
+import SelfServiceAPI from "@/api/module_platform/self_service";
+import type {
+  AvailablePackage,
+  PackageChangePreview,
+  SelfServiceOrderItem,
+  WorkspaceData,
+} from "@/api/module_platform/self_service";
+import { resolveStatusColumns } from "@utils";
+import type { DescriptionsItem } from "@/components/others/fa-descriptions/index.vue";
+
+defineOptions({ name: "SelfService" });
+
+const router = useRouter();
+const activeTab = ref("workspace");
+
+// ─── 工作台 ───
+const workspace = ref<WorkspaceData | null>(null);
+const workspaceLoading = ref(false);
+
+const recentOrderTimeline = computed(() => {
+  if (!workspace.value?.recent_orders?.length) return [];
+  return workspace.value.recent_orders.map((o) => {
+    const statusMap: Record<number, { label: string; color: string }> = {
+      0: { label: "待支付", color: "rgb(230, 162, 60)" },
+      1: { label: "已支付", color: "rgb(103, 194, 58)" },
+      2: { label: "已取消", color: "rgb(144, 147, 153)" },
+      3: { label: "已退款", color: "rgb(245, 108, 108)" },
+    };
+    const s = statusMap[o.status] || { label: "未知", color: "rgb(144, 147, 153)" };
+    return {
+      time: o.created_at || "—",
+      status: s.color,
+      content: `${o.order_no} - ¥${((o.amount || 0) / 100).toFixed(2)}`,
+      code: s.label,
+    };
+  });
+});
+
+async function loadWorkspace() {
+  workspaceLoading.value = true;
+  try {
+    const { data: res } = await SelfServiceAPI.getWorkspace();
+    workspace.value = (res?.data as WorkspaceData) || null;
+  } catch {
+    // ignore
+  } finally {
+    workspaceLoading.value = false;
+  }
+}
+
+// ─── 套餐 ───
+const packages = ref<AvailablePackage[]>([]);
+const packagesLoading = ref(false);
+
+// ─── 订单表格 ───
+const {
+  columns: orderColumns,
+  columnChecks: orderColumnChecks,
+  data: orderData,
+  loading: orderLoading,
+  pagination: orderPagination,
+  getData: getOrderData,
+  handleSizeChange: handleOrderSizeChange,
+  handleCurrentChange: handleOrderCurrentChange,
+} = useTable({
+  core: {
+    apiFn: SelfServiceAPI.listMyOrders,
+    apiParams: {
+      page_no: 1,
+      page_size: 20,
+    },
+    columnsFactory: resolveStatusColumns<SelfServiceOrderItem>(() => [
+      { prop: "order_no", label: "订单号", minWidth: 200, showOverflowTooltip: true },
+      { prop: "package_name", label: "套餐", width: 120 },
+      {
+        prop: "order_type",
+        label: "类型",
+        width: 100,
+        status: {
+          new: { type: "info", text: "新购" },
+          renew: { type: "info", text: "续费" },
+          upgrade: { type: "info", text: "升级" },
+          downgrade: { type: "info", text: "降级" },
+        },
+      },
+      {
+        prop: "amount",
+        label: "金额",
+        width: 120,
+        formatter: (row: SelfServiceOrderItem) => `¥${(row.amount / 100).toFixed(2)}`,
+      },
+      {
+        prop: "status",
+        label: "状态",
+        width: 100,
+        status: {
+          0: { type: "warning", text: "待支付" },
+          1: { type: "success", text: "已支付" },
+          2: { type: "info", text: "已取消" },
+          3: { type: "danger", text: "已退款" },
+        },
+      },
+      {
+        prop: "pay_method",
+        label: "支付方式",
+        width: 100,
+        formatter: (row: SelfServiceOrderItem) => row.pay_method || "—",
+      },
+      { prop: "pay_time", label: "支付时间", width: 160, showOverflowTooltip: true },
+      { prop: "created_at", label: "创建时间", width: 160, showOverflowTooltip: true },
+    ]),
+  },
+});
+
+// ─── 操作弹窗 ───
+const actionDialogVisible = ref(false);
+const actionSubmitting = ref(false);
+const actionLoading = ref(false);
+const preview = ref<PackageChangePreview | null>(null);
+const currentAction = ref("");
+const currentPackage = ref<AvailablePackage | null>(null);
+const actionDialogTitle = ref("确认操作");
+
+const previewDescriptionItems: DescriptionsItem[] = [
+  { label: "当前套餐", prop: "current_package" },
+  { label: "目标套餐", prop: "target_package", slot: "target_package" },
+  { label: "操作类型", prop: "action", slot: "action" },
+  { label: "应付金额", prop: "amount", slot: "amount" },
+];
+
+// ─── 标签函数 ───
+function actionLabel(action: string): string {
+  const map: Record<string, string> = {
+    buy: "购买",
+    renew: "续费",
+    upgrade: "升级",
+    downgrade: "降级",
+  };
+  return map[action] || action;
+}
+
+function actionTypeTag(
+  action: string
+): "primary" | "success" | "info" | "warning" | "danger" | undefined {
+  const map: Record<string, "primary" | "success" | "info" | "warning" | "danger" | undefined> = {
+    buy: "success",
+    renew: undefined,
+    upgrade: "primary",
+    downgrade: "warning",
+  };
+  return map[action];
+}
+
+// ─── 加载 ───
+async function loadPackages() {
+  packagesLoading.value = true;
+  try {
+    const { data: res } = await SelfServiceAPI.getAvailablePackages();
+    const payload = res?.data as unknown as { packages?: AvailablePackage[] } | undefined;
+    packages.value = payload?.packages || [];
+  } catch {
+    // ignore
+  } finally {
+    packagesLoading.value = false;
+  }
+}
+
+function onTabChange(tab: TabPaneName) {
+  if (tab === "workspace") loadWorkspace();
+  else if (tab === "packages") loadPackages();
+  else if (tab === "orders") getOrderData();
+}
+
+// ─── 动作处理 ───
+async function handleAction(action: string, pkg: AvailablePackage) {
+  currentAction.value = action;
+  currentPackage.value = pkg;
+  actionDialogTitle.value = `${actionLabel(action)} - ${pkg.name}`;
+  actionLoading.value = true;
+  preview.value = null;
+  actionDialogVisible.value = true;
+
+  try {
+    const { data: res } = await SelfServiceAPI.previewPackageChange(pkg.id);
+    preview.value = (res?.data as PackageChangePreview) || null;
+  } catch {
+    actionDialogVisible.value = false;
+  } finally {
+    actionLoading.value = false;
+  }
+}
+
+async function confirmAction() {
+  if (!currentPackage.value) return;
+  actionSubmitting.value = true;
+  try {
+    const { data: res } = await SelfServiceAPI.createOrder({
+      package_id: currentPackage.value.id,
+      order_type: currentAction.value as "buy" | "renew" | "upgrade" | "downgrade",
+    });
+    const orderData = res?.data as { order_id: number; amount?: number } | undefined;
+    actionDialogVisible.value = false;
+    if (orderData?.order_id && (orderData?.amount || 0) > 0) {
+      router.push(`/payment/${orderData.order_id}`);
+    } else {
+      activeTab.value = "orders";
+      getOrderData();
+    }
+  } catch {
+    // ignore
+  } finally {
+    actionSubmitting.value = false;
+  }
+}
+
+onMounted(() => {
+  loadWorkspace();
+});
+</script>
+
+<style scoped lang="scss">
+.fa-full-height {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+
+  :deep(.el-tabs) {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-height: 0;
+
+    .el-tabs__content {
+      flex: 1;
+      min-height: 0;
+      overflow: visible;
+    }
+
+    .el-tab-pane {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    }
+  }
+}
+
+/* ─── 工作台 ─── */
+.workspace-scroll {
+  flex: 1;
+  min-height: 0;
+}
+
+.workspace-banner {
+  margin-bottom: 16px;
+}
+
+.workspace-section {
+  margin-bottom: 16px;
+}
+
+.workspace-loading {
+  padding: 20px 0;
+}
+
+/* ─── 套餐卡片 ─── */
+.package-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 20px;
+}
+
+.package-card {
+  padding: 24px;
+  background: var(--default-box-color);
+  border: 1px solid var(--fa-card-border);
+  border-radius: calc(var(--custom-radius) + 4px);
+  transition: box-shadow 0.3s;
+
+  &:hover {
+    box-shadow: 0 4px 16px rgb(0 0 0 / 8%);
+  }
+
+  &--current {
+    background: #fdf6ec;
+    border-color: #e6a23c;
+  }
+
+  &__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 16px;
+
+    h3 {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 600;
+    }
+  }
+
+  &__price {
+    padding-bottom: 16px;
+    margin-bottom: 20px;
+    border-bottom: 1px solid #ebeef5;
+
+    .price-value {
+      font-size: 28px;
+      font-weight: 700;
+      color: #303133;
+    }
+
+    .price-period {
+      font-size: 14px;
+      color: #909399;
+    }
+  }
+
+  &__specs {
+    margin-bottom: 20px;
+  }
+
+  &__actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+}
+
+.spec-item {
+  display: flex;
+  justify-content: space-between;
+  padding: 6px 0;
+  font-size: 14px;
+
+  .spec-label {
+    color: #909399;
+  }
+
+  .spec-value {
+    font-weight: 500;
+    color: #303133;
+  }
+}
+
+/* ─── 弹窗 ─── */
+.menu-change {
+  margin-top: 12px;
+
+  &__title {
+    margin: 0 0 8px;
+    font-size: 14px;
+
+    &.gain {
+      color: #67c23a;
+    }
+
+    &.loss {
+      color: #f56c6c;
+    }
+  }
+}
+
+.price {
+  font-size: 16px;
+  font-weight: 700;
+  color: #f56c6c;
+}
+
+.text-warning {
+  font-size: 13px;
+  color: #e6a23c;
+}
+</style>
diff --git a/src/views/module_platform/tenant/index.vue b/src/views/module_platform/tenant/index.vue
new file mode 100644
index 0000000..146c485
--- /dev/null
+++ b/src/views/module_platform/tenant/index.vue
@@ -0,0 +1,926 @@
+<!-- 租户管理：Fa 布局 + useTable + renderTableOperationCell -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="tenantSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_system:tenant:create']"
+            :perm-delete="['module_system:tenant:delete']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            @add="handleAdd"
+            @delete="handleBatchDelete"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="1000px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="4"
+          :label-width="'100px'"
+          :data="detailFormData"
+          :items="tenantDetailItems"
+          max-height="75vh"
+        >
+          <template #logo_url="{ value }">
+            <img v-if="value" :src="String(value)" class="detail-image" alt="网站 Logo" />
+            <span v-else>-</span>
+          </template>
+          <template #favicon="{ value }">
+            <img
+              v-if="value"
+              :src="String(value)"
+              class="detail-image detail-favicon"
+              alt="网站图标"
+            />
+            <span v-else>-</span>
+          </template>
+          <template #login_bg="{ value }">
+            <img v-if="value" :src="String(value)" class="detail-image" alt="登录背景图" />
+            <span v-else>-</span>
+          </template>
+        </FaDescriptions>
+      </template>
+      <template v-else>
+        <ElTabs v-model="activeTab" type="border-card" tabPosition="left">
+          <ElTabPane label="基础信息" name="basic">
+            <FaForm
+              :key="tenantFormRenderKey"
+              scrollbar
+              max-height="65vh"
+              ref="dataFormRef"
+              v-model="formData"
+              :items="basicFormItems"
+              :rules="rules"
+              label-suffix=":"
+              :label-width="100"
+              label-position="right"
+              :span="12"
+              :gutter="16"
+              :show-reset="false"
+              :show-submit="false"
+              class="crud-dialog-art-form"
+            />
+          </ElTabPane>
+          <ElTabPane label="网站信息" name="website">
+            <FaForm
+              v-model="formData"
+              :items="websiteFormItems"
+              :label-width="100"
+              label-position="right"
+              :span="12"
+              :gutter="16"
+              :show-reset="false"
+              :show-submit="false"
+            />
+          </ElTabPane>
+          <ElTabPane label="品牌标识" name="brand">
+            <ElForm :model="formData" label-position="top">
+              <ElRow :gutter="24">
+                <ElCol :span="8">
+                  <ElFormItem label="网站 Logo">
+                    <FaUpload
+                      v-model="formData.logo_url"
+                      :data="{ type: 'tenant_logo' }"
+                      name="file"
+                      :max-file-size="5"
+                      :show-tip="true"
+                      :enable-preview="true"
+                      :enable-crop="true"
+                      crop-dialog-title="裁剪站点 Logo"
+                      crop-inner-title="调整 Logo"
+                      crop-preview-title="预览"
+                    />
+                  </ElFormItem>
+                </ElCol>
+                <ElCol :span="8">
+                  <ElFormItem label="网站图标">
+                    <FaUpload
+                      v-model="formData.favicon"
+                      :data="{ type: 'tenant_favicon' }"
+                      name="file"
+                      :max-file-size="5"
+                      :show-tip="true"
+                      :enable-preview="true"
+                      :enable-crop="true"
+                      crop-dialog-title="裁剪网站图标"
+                      crop-inner-title="调整图标"
+                      crop-preview-title="预览"
+                    />
+                  </ElFormItem>
+                </ElCol>
+                <ElCol :span="8">
+                  <ElFormItem label="登录背景图">
+                    <FaUpload
+                      v-model="formData.login_bg"
+                      :data="{ type: 'tenant_login_bg' }"
+                      name="file"
+                      :max-file-size="10"
+                      :show-tip="true"
+                      :enable-preview="true"
+                      :enable-crop="true"
+                      crop-dialog-title="裁剪登录背景"
+                      crop-inner-title="调整背景图"
+                      crop-preview-title="预览"
+                    />
+                  </ElFormItem>
+                </ElCol>
+              </ElRow>
+            </ElForm>
+          </ElTabPane>
+          <ElTabPane label="安全隐私" name="security">
+            <FaForm
+              v-model="formData"
+              :items="securityFormItems"
+              :label-width="100"
+              label-position="right"
+              :span="12"
+              :gutter="16"
+              :show-reset="false"
+              :show-submit="false"
+            />
+          </ElTabPane>
+          <ElTabPane label="用户协议" name="agreement">
+            <FaForm
+              v-model="formData"
+              :items="agreementFormItems"
+              :label-width="100"
+              label-position="right"
+              :span="24"
+              :gutter="16"
+              :show-reset="false"
+              :show-submit="false"
+            />
+          </ElTabPane>
+        </ElTabs>
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useTable } from "@/hooks/core/useTable";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { confirmDelete, confirmBatchDelete } from "@/hooks/core/useConfirm";
+import TenantAPI, {
+  type TenantCreateForm,
+  type TenantForm,
+  type TenantTable,
+  type TenantUpdateForm,
+} from "@/api/module_platform/tenant";
+import PackageAPI from "@/api/module_platform/package";
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction, resolveStatusColumns } from "@utils";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import { ElMessage, ElTabs, ElTabPane, ElForm, ElFormItem, ElRow, ElCol } from "element-plus";
+import { h, ref, computed, onMounted } from "vue";
+
+defineOptions({
+  name: "Tenant",
+  inheritAttrs: false,
+});
+
+const { hasAuth } = useAuth();
+
+type TenantSearchForm = {
+  name?: string;
+  code?: string;
+  status?: number;
+  created_time?: string[];
+};
+
+function buildTenantReplaceParams(p: TenantSearchForm): Record<string, unknown> {
+  return {
+    name: p.name,
+    code: p.code,
+    status: p.status,
+    created_time:
+      Array.isArray(p.created_time) && p.created_time.length === 2 ? p.created_time : undefined,
+  };
+}
+
+function buildTenantRowActions(
+  row: TenantTable,
+  ctx: {
+    onDetail: (id: number) => void;
+    onEdit: (id: number) => void;
+    onDelete: (id: number) => void;
+    onToggleStatus: (id: number) => void;
+  }
+): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_system:tenant:query",
+      run: () => ctx.onDetail(row.id!),
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      icon: "ri:edit-2-line",
+      perm: "module_system:tenant:update",
+      run: () => ctx.onEdit(row.id!),
+    },
+    {
+      key: "toggle",
+      label: row.status === 0 ? "禁用" : "启用",
+      artType: "edit",
+      icon: row.status === 0 ? "ri:forbid-2-line" : "ri:checkbox-circle-line",
+      perm: "module_system:tenant:patch",
+      run: () => ctx.onToggleStatus(row.id!),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_system:tenant:delete",
+      run: () => ctx.onDelete(row.id!),
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+const searchForm = ref<TenantSearchForm>({
+  name: undefined,
+  code: undefined,
+  status: undefined,
+  created_time: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const statusOptions = ref([
+  { label: "正常", value: 0 },
+  { label: "禁用", value: 1 },
+]);
+
+const tenantSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "租户名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入租户名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "租户编码",
+    key: "code",
+    type: "input",
+    placeholder: "请输入租户编码",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: statusOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+
+const { selectedIds, batchDeleting, onTableSelectionChange } = useTableSelection<TenantTable>();
+
+const createLoading = ref(false);
+
+async function deleteTenantRow(id: number) {
+  try {
+    await confirmDelete();
+    await TenantAPI.deleteTenant([id]);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    ElMessage.info("删除取消");
+  }
+}
+
+async function toggleTenantStatus(id: number) {
+  try {
+    await TenantAPI.toggleTenantStatus(id);
+    // 直接更新当前行的 status，确保 UI 即时响应
+    const row = (data.value as TenantTable[]).find((item) => item.id === id);
+    if (row) {
+      row.status = row.status === 0 ? 1 : 0;
+    }
+    await refreshData();
+  } catch {
+    /* 接口错误已由拦截器提示 */
+  }
+}
+
+const opCtx = {
+  onDetail: (id: number) => void handleOpenDialog("detail", id),
+  onEdit: (id: number) => void handleOpenDialog("update", id),
+  onDelete: deleteTenantRow,
+  onToggleStatus: toggleTenantStatus,
+};
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshUpdate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: TenantAPI.listTenant,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: resolveStatusColumns<TenantTable>(() => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "name", label: "租户名称", minWidth: 120, showOverflowTooltip: true },
+      { prop: "code", label: "租户编码", minWidth: 120, showOverflowTooltip: true },
+      {
+        prop: "status",
+        label: "状态",
+        width: 80,
+        status: {
+          0: { type: "success", text: "正常" },
+          1: { type: "danger", text: "禁用" },
+        },
+      },
+      { prop: "contact_name", label: "联系人", minWidth: 100, showOverflowTooltip: true },
+      { prop: "contact_phone", label: "联系电话", width: 110, showOverflowTooltip: true },
+      { prop: "start_time", label: "开始时间", width: 110, showOverflowTooltip: true },
+      { prop: "end_time", label: "结束时间", width: 110, showOverflowTooltip: true },
+      { prop: "created_time", label: "创建时间", width: 140, showOverflowTooltip: true },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 200,
+        fixed: "right",
+        align: "center",
+        formatter: (row: TenantTable) =>
+          renderTableOperationCell(buildTenantRowActions(row, opCtx)),
+      },
+    ]),
+  },
+});
+
+const detailFormData = ref<TenantTable>({ code: "", name: "", status: 0 });
+
+const tenantDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] =
+  [
+    { label: "租户名称", prop: "name" },
+    { label: "租户编码", prop: "code" },
+    {
+      label: "状态",
+      prop: "status",
+      tag: {
+        map: { 0: { type: "success", text: "正常" }, 1: { type: "danger", text: "禁用" } },
+      },
+    },
+    { label: "关联套餐ID", prop: "package_id" },
+    { label: "排序", prop: "sort" },
+    { label: "版本号", prop: "version" },
+    { label: "联系人", prop: "contact_name" },
+    { label: "联系电话", prop: "contact_phone" },
+    { label: "联系邮箱", prop: "contact_email" },
+    { label: "域名", prop: "domain" },
+    { label: "地址", prop: "address" },
+    { label: "Logo地址", prop: "logo_url", slot: "logo_url" },
+    { label: "网站图标", prop: "favicon", slot: "favicon" },
+    { label: "登录背景", prop: "login_bg", slot: "login_bg" },
+    { label: "帮助文档", prop: "help_doc" },
+    { label: "源码地址", prop: "git_code" },
+    { label: "备案号", prop: "keep_record" },
+    { label: "版权信息", prop: "copyright" },
+    { label: "隐私政策", prop: "privacy" },
+    { label: "服务条款", prop: "clause" },
+    { label: "开始时间", prop: "start_time" },
+    { label: "结束时间", prop: "end_time" },
+    { label: "创建时间", prop: "created_time" },
+    { label: "描述", prop: "description", span: 4 },
+  ];
+
+const formData = ref<TenantForm>({
+  name: "",
+  code: "",
+  status: 0,
+  description: "",
+  package_id: undefined,
+  start_time: undefined,
+  end_time: undefined,
+  contact_name: "",
+  contact_phone: "",
+  contact_email: "",
+  address: "",
+  domain: "",
+  logo_url: "",
+  sort: 0,
+  version: "",
+  favicon: "",
+  login_bg: "",
+  copyright: "",
+  keep_record: "",
+  help_doc: "",
+  privacy: "",
+  clause: "",
+  git_code: "",
+});
+
+const { dialogVisible } = useCrudDialog();
+
+const CODE_PATTERN = /^[A-Za-z0-9]+$/;
+
+const validateTimeRange = (_rule: unknown, _value: unknown, callback: (e?: Error) => void) => {
+  if (
+    formData.value.start_time &&
+    formData.value.end_time &&
+    formData.value.start_time > formData.value.end_time
+  ) {
+    callback(new Error("结束时间不能早于开始时间"));
+  } else {
+    callback();
+  }
+};
+
+const rules = reactive({
+  name: [{ required: true, message: "请输入租户名称", trigger: "blur" }],
+  code: [
+    { required: true, message: "请输入租户编码", trigger: "blur" },
+    {
+      pattern: CODE_PATTERN,
+      message: "编码仅允许字母与数字",
+      trigger: "blur",
+    },
+  ],
+  end_time: [{ validator: validateTimeRange, trigger: "change" }],
+});
+
+const initialFormData: TenantForm = {
+  name: "",
+  code: "",
+  status: 0,
+  description: "",
+  package_id: undefined,
+  start_time: undefined,
+  end_time: undefined,
+  contact_name: "",
+  contact_phone: "",
+  contact_email: "",
+  address: "",
+  domain: "",
+  logo_url: "",
+  sort: 0,
+  version: "",
+  favicon: "",
+  login_bg: "",
+  copyright: "",
+  keep_record: "",
+  help_doc: "",
+  privacy: "",
+  clause: "",
+  git_code: "",
+};
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const submitLoading = ref(false);
+const tenantFormRenderKey = ref(0);
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+async function handleOpenDialog(type: "create" | "update" | "detail", id?: number) {
+  dialogVisible.type = type;
+  if (id) {
+    const detailRes = await TenantAPI.detailTenant(id);
+    const detailData = detailRes.data?.data ?? detailRes.data;
+    if (type === "detail") {
+      dialogVisible.title = "租户详情";
+      Object.assign(detailFormData.value, detailData);
+    } else if (type === "update") {
+      dialogVisible.title = "修改租户";
+      formData.value = { ...initialFormData, ...detailData };
+    }
+  } else {
+    dialogVisible.title = "新增租户";
+    formData.value = { ...initialFormData };
+    formData.value.id = undefined;
+  }
+  tenantFormRenderKey.value += 1;
+  dialogVisible.visible = true;
+}
+
+async function handleCloseDialog() {
+  dialogVisible.visible = false;
+  dataFormRef.value?.resetFields();
+  dataFormRef.value?.clearValidate();
+  formData.value = { ...initialFormData };
+}
+
+const activeTab = ref("basic");
+
+const packageOptions = ref<{ label: string; value: number }[]>([]);
+const packageLoading = ref(false);
+
+async function fetchPackageOptions() {
+  packageLoading.value = true;
+  try {
+    const res = await PackageAPI.listPackage({ page_no: 1, page_size: 100 });
+    const list = (res.data?.data?.items ?? res.data?.data ?? []) as { id: number; name: string }[];
+    packageOptions.value = list.map((p) => ({ label: p.name, value: p.id }));
+  } catch {
+    packageOptions.value = [];
+  } finally {
+    packageLoading.value = false;
+  }
+}
+
+onMounted(() => {
+  fetchPackageOptions();
+});
+
+const basicFormItems = computed<FormItem[]>(() => [
+  {
+    label: "租户名称",
+    key: "name",
+    type: "input",
+    props: { placeholder: "请输入租户名称", maxlength: 100 },
+  },
+  {
+    label: "租户编码",
+    key: "code",
+    type: "input",
+    props: {
+      placeholder: "字母与数字，创建后不可改",
+      maxlength: 100,
+      disabled: dialogVisible.type === "update",
+    },
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      style: { width: "100%" },
+      options: [
+        { label: "正常", value: 0 },
+        { label: "禁用", value: 1 },
+      ],
+    },
+  },
+  {
+    label: "关联套餐",
+    key: "package_id",
+    type: "select",
+    props: {
+      placeholder: "请选择套餐",
+      options: packageOptions.value,
+      loading: packageLoading.value,
+      clearable: true,
+      style: { width: "100%" },
+    },
+  },
+  {
+    label: "排序",
+    key: "sort",
+    type: "number",
+    props: { placeholder: "请输入排序值", min: 0, style: { width: "100%" } },
+  },
+  {
+    label: "联系人",
+    key: "contact_name",
+    type: "input",
+    props: { placeholder: "请输入联系人姓名", maxlength: 64 },
+  },
+  {
+    label: "联系电话",
+    key: "contact_phone",
+    type: "input",
+    props: { placeholder: "请输入联系电话", maxlength: 20 },
+  },
+  {
+    label: "联系邮箱",
+    key: "contact_email",
+    type: "input",
+    props: { placeholder: "请输入联系邮箱", maxlength: 128 },
+  },
+  {
+    label: "域名",
+    key: "domain",
+    type: "input",
+    slots: {
+      prepend: () => h("span", "https://"),
+      append: () => h("span", ".com"),
+    },
+    props: { placeholder: "请输入域名", maxlength: 255 },
+  },
+  {
+    label: "地址",
+    key: "address",
+    type: "input",
+    props: { placeholder: "请输入地址", maxlength: 255 },
+  },
+  {
+    label: "开始时间",
+    key: "start_time",
+    type: "datetime",
+    props: {
+      style: { width: "100%" },
+      placeholder: "可选",
+      type: "datetime",
+      valueFormat: "YYYY-MM-DD HH:mm:ss",
+    },
+  },
+  {
+    label: "结束时间",
+    key: "end_time",
+    type: "datetime",
+    props: {
+      style: { width: "100%" },
+      placeholder: "可选",
+      type: "datetime",
+      valueFormat: "YYYY-MM-DD HH:mm:ss",
+    },
+  },
+]);
+
+const websiteFormItems: FormItem[] = [
+  {
+    label: "版本号",
+    key: "version",
+    type: "input",
+    props: { placeholder: "如 v1.0.0", maxlength: 20 },
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 3,
+      maxlength: 255,
+      placeholder: "请输入描述",
+    },
+  },
+];
+
+const securityFormItems: FormItem[] = [
+  {
+    label: "帮助文档",
+    key: "help_doc",
+    type: "input",
+    span: 24,
+    props: { placeholder: "帮助文档链接", maxlength: 500 },
+  },
+  {
+    label: "源码地址",
+    key: "git_code",
+    type: "input",
+    span: 24,
+    props: { placeholder: "Git 仓库地址", maxlength: 500 },
+  },
+  {
+    label: "备案号",
+    key: "keep_record",
+    type: "input",
+    span: 24,
+    props: { placeholder: "ICP 备案号", maxlength: 100 },
+  },
+  {
+    label: "版权信息",
+    key: "copyright",
+    type: "input",
+    span: 24,
+    props: { placeholder: "如 © 2024 Company", maxlength: 255 },
+  },
+  {
+    label: "隐私政策",
+    key: "privacy",
+    type: "input",
+    span: 24,
+    props: { placeholder: "隐私政策链接", maxlength: 500 },
+  },
+];
+
+const agreementFormItems: FormItem[] = [
+  {
+    label: "服务条款",
+    key: "clause",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 5,
+      maxlength: 500,
+      placeholder: "服务条款链接",
+    },
+  },
+];
+
+async function handleSearchBarSearch(params: TenantSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildTenantReplaceParams(params));
+  getData();
+}
+
+function onResetSearch() {
+  searchForm.value = {
+    name: undefined,
+    code: undefined,
+    status: undefined,
+    created_time: undefined,
+  };
+  void resetSearchParams();
+}
+
+async function handleSubmit() {
+  const formRef = dataFormRef.value;
+  if (!formRef) return;
+  const valid = await (formRef as unknown as { validate: () => Promise<boolean> })
+    .validate()
+    .catch(() => false);
+  if (!valid) return;
+  submitLoading.value = true;
+  const id = formData.value.id as number | undefined;
+  try {
+    if (id) {
+      const payload: TenantUpdateForm = {
+        name: formData.value.name,
+        code: formData.value.code,
+        status: formData.value.status,
+        description: formData.value.description,
+        package_id: formData.value.package_id,
+        start_time: formData.value.start_time,
+        end_time: formData.value.end_time,
+        contact_name: formData.value.contact_name,
+        contact_phone: formData.value.contact_phone,
+        contact_email: formData.value.contact_email,
+        address: formData.value.address,
+        domain: formData.value.domain,
+        logo_url: formData.value.logo_url,
+        favicon: formData.value.favicon,
+        login_bg: formData.value.login_bg,
+        copyright: formData.value.copyright,
+        keep_record: formData.value.keep_record,
+        help_doc: formData.value.help_doc,
+        privacy: formData.value.privacy,
+        clause: formData.value.clause,
+        git_code: formData.value.git_code,
+        sort: formData.value.sort,
+        version: formData.value.version,
+      };
+      await TenantAPI.updateTenant(id, payload);
+      await refreshUpdate();
+    } else {
+      const payload: TenantCreateForm = {
+        name: formData.value.name as string,
+        code: formData.value.code as string,
+        status: formData.value.status,
+        description: formData.value.description,
+        package_id: formData.value.package_id,
+        start_time: formData.value.start_time,
+        end_time: formData.value.end_time,
+        contact_name: formData.value.contact_name,
+        contact_phone: formData.value.contact_phone,
+        contact_email: formData.value.contact_email,
+        address: formData.value.address,
+        domain: formData.value.domain,
+        logo_url: formData.value.logo_url,
+        favicon: formData.value.favicon,
+        login_bg: formData.value.login_bg,
+        copyright: formData.value.copyright,
+        keep_record: formData.value.keep_record,
+        help_doc: formData.value.help_doc,
+        privacy: formData.value.privacy,
+        clause: formData.value.clause,
+        git_code: formData.value.git_code,
+        sort: formData.value.sort,
+        version: formData.value.version,
+      };
+      await TenantAPI.createTenant(payload);
+      await refreshCreate();
+    }
+    dialogVisible.visible = false;
+    dataFormRef.value?.resetFields();
+    dataFormRef.value?.clearValidate();
+    formData.value = { ...initialFormData };
+  } catch (error: unknown) {
+    console.error(error);
+  } finally {
+    submitLoading.value = false;
+  }
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await TenantAPI.deleteTenant(ids);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.tenant-table-actions {
+  :deep(.inline-flex) {
+    vertical-align: middle;
+  }
+}
+
+.detail-image {
+  max-width: 120px;
+  max-height: 80px;
+  object-fit: contain;
+  border: 1px solid var(--el-border-color-light);
+  border-radius: 4px;
+}
+
+.detail-favicon {
+  max-width: 48px;
+  max-height: 48px;
+}
+</style>
diff --git a/src/views/module_swagger/docs/index.vue b/src/views/module_swagger/docs/index.vue
new file mode 100644
index 0000000..4b6767f
--- /dev/null
+++ b/src/views/module_swagger/docs/index.vue
@@ -0,0 +1,48 @@
+<!-- 接口文档 -->
+<template>
+  <div class="box-border w-full h-full" v-loading="isLoading">
+    <iframe
+      ref="iframeRef"
+      :src="iframeUrl"
+      frameborder="0"
+      class="w-full h-full min-h-[calc(100vh-120px)] border-none"
+      @load="handleIframeLoad"
+    ></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { IframeRouteManager } from "@/router";
+
+defineOptions({ name: "Docs", inheritAttrs: false });
+
+const url = import.meta.env.VITE_APP_BASE_API + "/docs";
+
+const route = useRoute();
+const isLoading = ref(true);
+const iframeUrl = ref(url);
+const iframeRef = ref<HTMLIFrameElement | null>(null);
+
+onBeforeUnmount(() => {
+  window.onresize = null;
+});
+/**
+ * 初始化 iframe URL
+ * 从路由配置中获取对应的外部链接地址
+ */
+onMounted(() => {
+  const iframeRoute = IframeRouteManager.getInstance().findByPath(route.path);
+
+  if (iframeRoute?.meta?.link) {
+    iframeUrl.value = iframeRoute.meta.link;
+  }
+});
+
+/**
+ * 处理 iframe 加载完成事件
+ * 隐藏加载状态
+ */
+const handleIframeLoad = (): void => {
+  isLoading.value = false;
+};
+</script>
diff --git a/src/views/module_swagger/redoc/index.vue b/src/views/module_swagger/redoc/index.vue
new file mode 100644
index 0000000..856f08c
--- /dev/null
+++ b/src/views/module_swagger/redoc/index.vue
@@ -0,0 +1,48 @@
+<!-- 接口文档 -->
+<template>
+  <div class="box-border w-full h-full" v-loading="isLoading">
+    <iframe
+      ref="iframeRef"
+      :src="iframeUrl"
+      frameborder="0"
+      class="w-full h-full min-h-[calc(100vh-120px)] border-none"
+      @load="handleIframeLoad"
+    ></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { IframeRouteManager } from "@/router";
+
+defineOptions({ name: "Redoc", inheritAttrs: false });
+
+const url = import.meta.env.VITE_APP_BASE_API + "/redoc";
+
+const route = useRoute();
+const isLoading = ref(true);
+const iframeUrl = ref(url);
+const iframeRef = ref<HTMLIFrameElement | null>(null);
+
+onBeforeUnmount(() => {
+  window.onresize = null;
+});
+/**
+ * 初始化 iframe URL
+ * 从路由配置中获取对应的外部链接地址
+ */
+onMounted(() => {
+  const iframeRoute = IframeRouteManager.getInstance().findByPath(route.path);
+
+  if (iframeRoute?.meta?.link) {
+    iframeUrl.value = iframeRoute.meta.link;
+  }
+});
+
+/**
+ * 处理 iframe 加载完成事件
+ * 隐藏加载状态
+ */
+const handleIframeLoad = (): void => {
+  isLoading.value = false;
+};
+</script>
diff --git a/src/views/module_system/auth/login/index.vue b/src/views/module_system/auth/login/index.vue
new file mode 100644
index 0000000..ef97bb3
--- /dev/null
+++ b/src/views/module_system/auth/login/index.vue
@@ -0,0 +1,692 @@
+<!-- 登录页：顶栏固定；仅插画列与表单区随布局切换 -->
+<template>
+  <div class="login-page-root flex h-screen w-full flex-col overflow-hidden">
+    <FaLoginCenterBackdrop v-if="panelAlign === 'center'" viewport-fixed />
+    <FaAuthTopBar v-model:panel-align="panelAlign" />
+
+    <div
+      class="login-auth-split relative z-1 flex min-h-0 flex-1 overflow-hidden"
+      :class="`login-auth-split--${panelAlign}`"
+    >
+      <div
+        v-if="panelAlign !== 'center'"
+        class="login-auth-split__col login-auth-split__col--illustration"
+      >
+        <FaLoginLeftView hide-top-branding />
+      </div>
+
+      <div
+        class="login-auth-split__col login-auth-split__col--form login-page-panel relative flex min-h-0 min-w-0 flex-col"
+        :class="panelAlign === 'center' ? 'bg-transparent' : 'bg-(--el-bg-color-page)'"
+      >
+        <div
+          class="login-page-panel__main relative z-1 flex min-h-0 flex-1 flex-col overflow-hidden px-5 pb-2 pt-14 md:px-10 md:pt-18"
+        >
+          <ElScrollbar>
+            <div
+              class="login-page-panel__scroll pb-6"
+              :class="panelAlign === 'center' && 'login-page-panel__scroll--centered'"
+            >
+              <div
+                class="login-panel-align-row flex w-full items-center justify-center max-sm:min-h-0"
+                :class="
+                  panelAlign === 'center'
+                    ? 'min-h-0 flex-1 py-4'
+                    : 'min-h-[min(720px,calc(100vh-13rem))]'
+                "
+              >
+                <div class="auth-right-wrap">
+                  <div class="form">
+                    <div class="form-intro">
+                      <h3 class="title">{{ panelTitle }}</h3>
+                      <p class="sub-title">{{ panelSubTitle }}</p>
+                    </div>
+
+                    <template v-if="authPanel === 'login'">
+                      <template v-if="loginFlowMode === 'account'">
+                        <FaLoginAccountForm
+                          ref="accountFormRef"
+                          v-model:is-passing="isPassing"
+                          v-model:is-click-pass="isClickPass"
+                          v-model:login-form="loginForm"
+                          :rules="rules"
+                          :captcha-state="captchaState"
+                          :code-loading="codeLoading"
+                          :demo-account-key="demoAccountKey"
+                          :accounts="accounts"
+                          :form-key="formKey"
+                          :is-dark="isDark"
+                          :drag-verify-text-color="dragVerifyTextColor"
+                          :loading="loading"
+                          @submit="handleSubmit"
+                          @setup-account="setupAccount"
+                          @get-captcha="getCaptcha"
+                          @open-mobile="openMobileLogin"
+                          @open-qr="openQrLogin"
+                          @forget="setAuthPanel('forget')"
+                          @register="setAuthPanel('register')"
+                          @oauth="handleOAuthLogin"
+                        />
+                      </template>
+
+                      <FaLoginMobilePanel
+                        v-else-if="loginFlowMode === 'mobile'"
+                        @back="backToAccountLogin"
+                        @register="setAuthPanel('register')"
+                      />
+
+                      <FaLoginQrPanel
+                        v-else-if="loginFlowMode === 'qr'"
+                        @back="backToAccountLogin"
+                        @register="setAuthPanel('register')"
+                      />
+                    </template>
+
+                    <FaLoginRegisterPanel
+                      v-else-if="authPanel === 'register'"
+                      ref="registerPanelRef"
+                      v-model:register-agreement-read="registerAgreementRead"
+                      v-model:register-form="registerForm"
+                      :register-rules="registerRules"
+                      :form-key="formKey"
+                      :register-loading="registerLoading"
+                      :show-email="true"
+                      :user-agreement-href="userAgreementHref"
+                      @submit="submitRegister"
+                      @to-login="setAuthPanel('login')"
+                    />
+
+                    <FaLoginForgetPanel
+                      v-else
+                      ref="forgetPanelRef"
+                      v-model:forget-form="forgetForm"
+                      :forget-rules="forgetRules"
+                      :form-key="formKey"
+                      :forget-loading="forgetLoading"
+                      @submit="submitForget"
+                      @to-login="setAuthPanel('login')"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </ElScrollbar>
+        </div>
+
+        <footer
+          class="login-page-footer login-page-footer--pinned shrink-0 pb-[max(0.75rem,env(safe-area-inset-bottom))] pt-3"
+          :class="panelAlign === 'center' && 'login-page-footer--floating-layout'"
+        >
+          <div class="login-footer-text text-sm">
+            <div class="login-footer-row">
+              <a
+                :href="configStore.configData?.git_code?.config_value || '#'"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="login-page-footer__link"
+              >
+                {{ configStore.configData?.copyright?.config_value || "" }}
+              </a>
+            </div>
+            <span class="login-page-footer__sep login-footer-sep-center">|</span>
+            <div class="login-footer-row">
+              <a
+                :href="configStore.configData?.help_doc?.config_value || '#'"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="login-page-footer__link"
+              >
+                帮助
+              </a>
+              <span class="login-page-footer__sep">|</span>
+              <a
+                :href="configStore.configData?.privacy?.config_value || '#'"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="login-page-footer__link"
+              >
+                隐私
+              </a>
+              <span class="login-page-footer__sep">|</span>
+              <a
+                :href="configStore.configData?.clause?.config_value || '#'"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="login-page-footer__link"
+              >
+                条款
+              </a>
+              <span
+                v-if="configStore.configData?.keep_record?.config_value"
+                class="login-page-footer__sep"
+                >|</span
+              >
+              <span
+                v-if="configStore.configData?.keep_record?.config_value"
+                class="login-page-footer__record"
+              >
+                {{ configStore.configData.keep_record.config_value }}
+              </span>
+            </div>
+          </div>
+        </footer>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { LocationQuery, RouteLocationRaw } from "vue-router";
+import AuthAPI, {
+  type CaptchaInfo,
+  type LoginFormData,
+  type OAuthProvider,
+} from "@/api/module_system/auth";
+import type { TenantRegisterForm } from "@/api/module_system/auth";
+import UserAPI, { type ForgetPasswordForm, type RegisterForm } from "@/api/module_system/user";
+import { useConfigStore, useAppStore, useSettingsStore, useUserStore } from "@stores";
+import { Auth, HttpError, startOAuthLogin } from "@utils";
+import { ElMessage, ElNotification, type FormRules } from "element-plus";
+import type { Account, AccountKey } from "./types";
+import FaLoginAccountForm from "@/components/views/fa-login/forms/FaLoginAccountForm.vue";
+import FaLoginForgetPanel from "@/components/views/fa-login/panels/FaLoginForgetPanel.vue";
+import FaLoginMobilePanel from "@/components/views/fa-login/panels/FaLoginMobilePanel.vue";
+import FaLoginQrPanel from "@/components/views/fa-login/panels/FaLoginQrPanel.vue";
+import FaLoginRegisterPanel from "@/components/views/fa-login/panels/FaLoginRegisterPanel.vue";
+import FaAuthTopBar from "@/components/views/fa-login/widgets/FaAuthTopBar.vue";
+import { useLoginPanelAlign } from "@/components/views/fa-login/composables/useLoginPanelAlign";
+
+defineOptions({ name: "Login" });
+
+type AuthPanel = "login" | "register" | "forget";
+
+/** 登录区内：账号密码 ↔ 手机号 ↔ 扫码（扫码 / 手机号为演示交互） */
+type LoginFlowMode = "account" | "mobile" | "qr";
+
+const configStore = useConfigStore();
+const settingStore = useSettingsStore();
+const appStore = useAppStore();
+const { isDark } = storeToRefs(settingStore);
+const { t, locale } = useI18n();
+
+const { panelAlign } = useLoginPanelAlign();
+
+const authPanel = ref<AuthPanel>("login");
+const loginFlowMode = ref<LoginFlowMode>("account");
+
+const panelTitle = computed(() => {
+  if (authPanel.value === "register") return t("login.reg");
+  if (authPanel.value === "forget") return t("login.resetPassword");
+  if (
+    authPanel.value === "login" &&
+    (loginFlowMode.value === "mobile" || loginFlowMode.value === "qr")
+  ) {
+    return t("login.qrLoginTitle");
+  }
+  return t("login.title");
+});
+
+const panelSubTitle = computed(() => {
+  if (authPanel.value === "register") return t("register.subTitle");
+  if (authPanel.value === "forget") return t("forgetPassword.subTitle");
+  if (authPanel.value === "login" && loginFlowMode.value === "mobile") {
+    return t("login.mobileLoginSubTitle");
+  }
+  if (authPanel.value === "login" && loginFlowMode.value === "qr") {
+    return t("login.qrLoginSubTitle");
+  }
+  return t("login.subTitle");
+});
+
+const userAgreementHref = computed(() => configStore.configData?.clause?.config_value || "#");
+
+function setAuthPanel(panel: AuthPanel) {
+  authPanel.value = panel;
+  if (panel !== "login") {
+    loginFlowMode.value = "account";
+  }
+  nextTick(() => {
+    accountFormRef.value?.clearValidate?.();
+    registerPanelRef.value?.clearValidate?.();
+    forgetPanelRef.value?.clearValidate?.();
+  });
+}
+
+function openMobileLogin() {
+  loginFlowMode.value = "mobile";
+}
+
+function openQrLogin() {
+  loginFlowMode.value = "qr";
+}
+
+function backToAccountLogin() {
+  loginFlowMode.value = "account";
+  nextTick(() => {
+    getCaptcha();
+    loginForm.captcha = "";
+    accountFormRef.value?.resetDragVerify?.();
+    isPassing.value = false;
+    isClickPass.value = false;
+  });
+}
+
+function handleOAuthLogin(provider: OAuthProvider) {
+  startOAuthLogin(provider);
+}
+
+async function tryConsumeOAuthCallback() {
+  const q = route.query;
+  const oauthError = q.oauth_error as string | undefined;
+  const access = q.access_token as string | undefined;
+  const refresh = q.refresh_token as string | undefined;
+
+  if (!oauthError && !(access && refresh)) return;
+
+  const rest: Record<string, unknown> = { ...q };
+  delete rest.oauth_error;
+  delete rest.access_token;
+  delete rest.refresh_token;
+  delete rest.token_type;
+
+  if (oauthError) {
+    ElMessage.error(decodeURIComponent(oauthError));
+    await router.replace({ path: route.path, query: rest as LocationQuery });
+    return;
+  }
+
+  if (access && refresh) {
+    try {
+      Auth.setTokens(access, refresh, true);
+      userStore.setToken(access, refresh);
+      userStore.setLoginStatus(true);
+      ElNotification({
+        title: t("login.oauthNoticeTitle"),
+        message: t("login.oauthLoginSuccess"),
+        type: "success",
+      });
+      await router.replace(resolveRedirectTarget(rest as LocationQuery));
+      if (settingStore.showGuide) {
+        appStore.showGuide(true);
+      }
+    } catch (error) {
+      console.error("[Login] OAuth callback:", error);
+      ElMessage.error(t("login.oauthLoginFailed"));
+      await router.replace({ path: route.path, query: rest as LocationQuery });
+    }
+  }
+}
+
+const dragVerifyTextColor = computed(() =>
+  isDark.value ? "rgba(255, 255, 255, 0.45)" : "var(--fa-gray-700)"
+);
+const formKey = ref(0);
+
+watch(locale, () => {
+  formKey.value++;
+});
+
+watch(authPanel, (panel) => {
+  if (panel !== "login") return;
+  if (loginFlowMode.value !== "account") return;
+  getCaptcha();
+  loginForm.captcha = "";
+  accountFormRef.value?.resetDragVerify?.();
+  isPassing.value = false;
+  isClickPass.value = false;
+});
+
+const accounts = computed<Account[]>(() => [
+  {
+    key: "super",
+    label: t("login.roles.super"),
+    username: "super",
+    password: "123456",
+    roles: ["R_SUPER"],
+  },
+  {
+    key: "admin",
+    label: t("login.roles.admin"),
+    username: "admin",
+    password: "123456",
+    roles: ["R_ADMIN"],
+  },
+  {
+    key: "user",
+    label: t("login.roles.user"),
+    username: "user",
+    password: "123456",
+    roles: ["R_USER"],
+  },
+]);
+
+const demoAccountKey = ref<AccountKey>("super");
+const userStore = useUserStore();
+const router = useRouter();
+const route = useRoute();
+const isPassing = ref(false);
+const isClickPass = ref(false);
+
+const accountFormRef = ref<InstanceType<typeof FaLoginAccountForm> | null>(null);
+const registerPanelRef = ref<InstanceType<typeof FaLoginRegisterPanel> | null>(null);
+const forgetPanelRef = ref<InstanceType<typeof FaLoginForgetPanel> | null>(null);
+
+const loading = ref(false);
+const registerLoading = ref(false);
+const forgetLoading = ref(false);
+const codeLoading = ref(false);
+
+const registerAgreementRead = ref(false);
+
+const registerForm = reactive<RegisterForm & { email: string }>({
+  username: "",
+  password: "",
+  confirmPassword: "",
+  email: "",
+});
+
+const forgetForm = reactive<ForgetPasswordForm>({
+  username: "",
+  new_password: "",
+  confirmPassword: "",
+});
+
+const validateRegisterPassword = (_rule: unknown, value: string, callback: (e?: Error) => void) => {
+  if (!value) {
+    callback(new Error(t("login.message.password.required")));
+    return;
+  }
+  if (registerForm.confirmPassword) {
+    registerPanelRef.value?.validateField?.("confirmPassword");
+  }
+  callback();
+};
+
+const validateRegisterConfirm = (_rule: unknown, value: string, callback: (e?: Error) => void) => {
+  if (!value) {
+    callback(new Error(t("login.message.password.required")));
+    return;
+  }
+  if (value !== registerForm.password) {
+    callback(new Error(t("login.message.password.inconformity")));
+    return;
+  }
+  callback();
+};
+
+const registerRules = computed<FormRules<RegisterForm & { email: string }>>(() => ({
+  username: [{ required: true, message: t("login.message.username.required"), trigger: "blur" }],
+  password: [
+    { required: true, validator: validateRegisterPassword, trigger: "blur" },
+    { min: 6, message: t("login.message.password.min"), trigger: "blur" },
+  ],
+  confirmPassword: [
+    { required: true, message: t("login.message.password.required"), trigger: "blur" },
+    { min: 6, message: t("login.message.password.min"), trigger: "blur" },
+    { validator: validateRegisterConfirm, trigger: "blur" },
+  ],
+  email: [
+    { required: true, message: t("login.email.required"), trigger: "blur" },
+    {
+      type: "email",
+      message: t("login.email.invalid"),
+      trigger: "blur",
+    },
+  ],
+}));
+
+const validateForgetConfirm = (_rule: unknown, value: string, callback: (e?: Error) => void) => {
+  if (!value) {
+    callback(new Error(t("login.message.password.required")));
+    return;
+  }
+  if (value !== forgetForm.new_password) {
+    callback(new Error(t("login.message.password.inconformity")));
+    return;
+  }
+  callback();
+};
+
+const forgetRules = computed<FormRules<ForgetPasswordForm>>(() => ({
+  username: [{ required: true, message: t("login.message.username.required"), trigger: "blur" }],
+  new_password: [
+    { required: true, message: t("login.message.password.required"), trigger: "blur" },
+    { min: 6, message: t("login.message.password.min"), trigger: "blur" },
+  ],
+  confirmPassword: [
+    { required: true, message: t("login.message.password.required"), trigger: "blur" },
+    { min: 6, message: t("login.message.password.min"), trigger: "blur" },
+    { validator: validateForgetConfirm, trigger: "blur" },
+  ],
+}));
+
+const loginForm = reactive<LoginFormData>({
+  username: "",
+  password: "",
+  captcha: "",
+  captcha_key: "",
+  remember: true,
+  login_type: "PC端",
+});
+
+const captchaState = reactive<CaptchaInfo>({
+  enable: false,
+  key: "",
+  img_base: "",
+});
+
+const rules = computed<FormRules>(() => {
+  const base: FormRules = {
+    username: [
+      {
+        required: true,
+        trigger: "blur",
+        message: t("login.message.username.required"),
+      },
+    ],
+    password: [
+      {
+        required: true,
+        trigger: "blur",
+        message: t("login.message.password.required"),
+      },
+      {
+        min: 6,
+        message: t("login.message.password.min"),
+        trigger: "blur",
+      },
+    ],
+  };
+  if (captchaState.enable) {
+    base.captcha = [
+      {
+        required: true,
+        trigger: "blur",
+        message: t("login.message.captchaCode.required"),
+      },
+    ];
+  }
+  return base;
+});
+
+function setupAccount(key: AccountKey) {
+  const selected = accounts.value.find((a: Account) => a.key === key);
+  demoAccountKey.value = key;
+  loginForm.username = selected?.username ?? "";
+  loginForm.password = selected?.password ?? "";
+}
+
+async function getCaptcha() {
+  try {
+    codeLoading.value = true;
+    const response = await AuthAPI.getCaptcha();
+    const data = response.data.data;
+    loginForm.captcha_key = data.key;
+    captchaState.img_base = data.img_base;
+    captchaState.enable = data.enable;
+  } catch {
+    captchaState.enable = false;
+    loginForm.captcha = "";
+    loginForm.captcha_key = "";
+  } finally {
+    codeLoading.value = false;
+  }
+}
+
+function resolveRedirectTarget(query: LocationQuery): RouteLocationRaw {
+  const defaultPath = "/";
+  const rawRedirect = (query.redirect as string) || defaultPath;
+  try {
+    const resolved = router.resolve(rawRedirect);
+    return {
+      path: resolved.path,
+      query: resolved.query,
+    };
+  } catch {
+    return { path: defaultPath };
+  }
+}
+
+let notificationInstance: ReturnType<typeof ElNotification> | null = null;
+
+const showVoteNotification = () => {
+  notificationInstance = ElNotification({
+    title: "⭐ FastapiAdmin 完全开源 · 期待您的 Star 支持 🙏",
+    message: `项目持续迭代中，若对您有所帮助，欢迎点亮 Star 支持！
+    <br/><a href="https://github.com/fastapiadmin/FastapiAdmin" target="_blank" style="color: var(--el-color-primary); text-decoration: none; font-weight: 500;">Github仓库 →</a>
+    <br/><a href="https://gitee.com/fastapiadmin/FastapiAdmin" target="_blank" style="color: var(--el-color-warning); text-decoration: none; font-weight: 500;">Gitee仓库 →</a>`,
+    type: "success",
+    position:
+      panelAlign.value === "right" || panelAlign.value === "center"
+        ? "bottom-left"
+        : "bottom-right",
+    duration: 0,
+    dangerouslyUseHTMLString: true,
+  });
+};
+
+let voteTimer: ReturnType<typeof setTimeout> | null = null;
+
+onMounted(async () => {
+  setupAccount("super");
+  await configStore.getConfig(true);
+  await tryConsumeOAuthCallback();
+  if (userStore.isLogin) {
+    await router.replace(resolveRedirectTarget(route.query));
+    return;
+  }
+  getCaptcha();
+  voteTimer = setTimeout(showVoteNotification, 500);
+});
+
+onActivated(() => {
+  if (authPanel.value !== "login" || loginFlowMode.value !== "account") return;
+  getCaptcha();
+  loginForm.captcha = "";
+});
+
+onBeforeUnmount(() => {
+  if (voteTimer !== null) clearTimeout(voteTimer);
+  notificationInstance?.close();
+  notificationInstance = null;
+});
+
+watch(
+  () => route.fullPath,
+  () => {
+    if (authPanel.value !== "login" || loginFlowMode.value !== "account") return;
+    getCaptcha();
+    loginForm.captcha = "";
+  }
+);
+
+const handleSubmit = async () => {
+  if (!accountFormRef.value) return;
+
+  try {
+    const valid = await accountFormRef.value.validate?.();
+    if (!valid) return;
+
+    if (!isPassing.value) {
+      isClickPass.value = true;
+      return;
+    }
+
+    loading.value = true;
+
+    await userStore.login(loginForm);
+    await router.replace(resolveRedirectTarget(route.query));
+
+    if (settingStore.showGuide) {
+      appStore.showGuide(true);
+    }
+  } catch (error) {
+    await getCaptcha();
+    if (!(error instanceof HttpError)) {
+      console.error("[Login] Unexpected error:", error);
+      ElNotification({
+        title: "提示",
+        message: error instanceof Error ? error.message : String(error),
+        type: "error",
+      });
+    }
+  } finally {
+    loading.value = false;
+    accountFormRef.value?.resetDragVerify?.();
+  }
+};
+
+async function submitRegister() {
+  if (!registerAgreementRead.value) {
+    ElMessage.warning(t("login.message.agree.required"));
+    return;
+  }
+  if (!registerPanelRef.value) return;
+  try {
+    await registerPanelRef.value.validate?.();
+    registerLoading.value = true;
+    // 租户自助注册（PRD §4.5）
+    const regData: TenantRegisterForm = {
+      username: registerForm.username,
+      password: registerForm.password,
+      email: registerForm.email || `${registerForm.username}@temp.com`,
+    };
+    await AuthAPI.tenantRegister(regData);
+    loginForm.username = registerForm.username;
+    loginForm.password = registerForm.password;
+    registerForm.username = "";
+    registerForm.password = "";
+    registerForm.confirmPassword = "";
+    registerForm.email = "";
+    registerAgreementRead.value = false;
+    setAuthPanel("login");
+  } catch (error) {
+    console.error("[Login] register:", error);
+  } finally {
+    registerLoading.value = false;
+  }
+}
+
+async function submitForget() {
+  if (!forgetPanelRef.value) return;
+  try {
+    await forgetPanelRef.value.validate?.();
+    forgetLoading.value = true;
+    await UserAPI.forgetPassword(forgetForm);
+    loginForm.username = forgetForm.username;
+    loginForm.password = forgetForm.new_password;
+    forgetForm.username = "";
+    forgetForm.new_password = "";
+    forgetForm.confirmPassword = "";
+    setAuthPanel("login");
+  } catch (error) {
+    console.error("[Login] forget password:", error);
+  } finally {
+    forgetLoading.value = false;
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@use "../../../../components/views/fa-login/fa-login";
+</style>
diff --git a/src/views/module_system/auth/login/types.ts b/src/views/module_system/auth/login/types.ts
new file mode 100644
index 0000000..0708c84
--- /dev/null
+++ b/src/views/module_system/auth/login/types.ts
@@ -0,0 +1,9 @@
+export type AccountKey = "super" | "admin" | "user";
+
+export interface Account {
+  key: AccountKey;
+  label: string;
+  username: string;
+  password: string;
+  roles: string[];
+}
diff --git a/src/views/module_system/dept/index.vue b/src/views/module_system/dept/index.vue
new file mode 100644
index 0000000..a74ae71
--- /dev/null
+++ b/src/views/module_system/dept/index.vue
@@ -0,0 +1,552 @@
+<!-- 部门配置：FA + 树形表格（对齐 system/menu 模版） -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="deptSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      :audit-item-options="{ showTenantId: true }"
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="loadDeptData"
+      >
+        <template #left>
+          <div class="inline-flex flex-wrap items-center gap-2">
+            <FaTableHeaderLeft
+              :remove-ids="selectedIds"
+              :perm-create="['module_system:dept:create']"
+              :perm-delete="['module_system:dept:delete']"
+              :perm-patch="['module_system:dept:patch']"
+              :delete-loading="batchDeleting"
+              :create-loading="createLoading"
+              :more-loading="moreLoading"
+              @add="handleAdd"
+              @delete="handleBatchDelete"
+              @more="handleMoreClick"
+            />
+            <ElButton @click="toggleExpand" v-ripple>{{ isExpanded ? "收起" : "展开" }}</ElButton>
+          </div>
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="tableRef"
+        row-key="id"
+        :loading="loading"
+        :columns="columns"
+        :data="tableData"
+        :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+        :default-expand-all="false"
+        @selection-change="onTableSelectionChange"
+      />
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="640px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="4"
+          :data="detailFormData"
+          :items="deptDetailItems"
+          max-height="75vh"
+        />
+      </template>
+      <template v-else>
+        <FaForm
+          :key="deptFormRenderKey"
+          scrollbar
+          max-height="75vh"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="deptDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="100"
+          label-position="right"
+          :span="24"
+          :gutter="16"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        >
+          <template #status>
+            <ElRadioGroup v-model="formData.status">
+              <ElRadio :value="0">启用</ElRadio>
+              <ElRadio :value="1">停用</ElRadio>
+            </ElRadioGroup>
+          </template>
+        </FaForm>
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useTableColumns } from "@/hooks/core/useTableColumns";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { useCrudForm } from "@/hooks/core/useCrudForm";
+import { confirmDelete, confirmBatchDelete, confirmToggleStatus } from "@/hooks/core/useConfirm";
+import DeptAPI, {
+  type DeptForm,
+  type DeptPageQuery,
+  type DeptTable,
+} from "@/api/module_system/dept";
+import { useAuth } from "@/hooks/core/useAuth";
+import { useUserStore } from "@stores";
+import {
+  formatTree,
+  renderTableOperationCell,
+  type TableOperationAction,
+  resolveStatusColumns,
+} from "@utils";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import { ElMessage } from "element-plus";
+
+defineOptions({
+  name: "Dept",
+  inheritAttrs: false,
+});
+
+const { hasAuth } = useAuth();
+const userStore = useUserStore();
+
+type DeptSearchForm = {
+  name?: string;
+  status?: number;
+  created_time?: string[];
+};
+
+function buildDeptQuery(p: DeptSearchForm): DeptPageQuery {
+  return {
+    name: p.name,
+    status: p.status,
+    created_time:
+      Array.isArray(p.created_time) && p.created_time.length === 2 ? p.created_time : undefined,
+  };
+}
+
+function buildDeptRowActions(
+  row: DeptTable,
+  ctx: {
+    onAddChild: (parentId: number) => void;
+    onDetail: (id: number) => void;
+    onEdit: (id: number) => void;
+    onDelete: (id: number) => void;
+  }
+): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "add",
+      label: "新增",
+      artType: "add",
+      perm: "module_system:dept:create",
+      run: () => ctx.onAddChild(row.id!),
+    },
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_system:dept:detail",
+      run: () => ctx.onDetail(row.id!),
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      perm: "module_system:dept:update",
+      run: () => ctx.onEdit(row.id!),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      perm: "module_system:dept:delete",
+      run: () => ctx.onDelete(row.id!),
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatDeptOperationCell(row: DeptTable, ctx: Parameters<typeof buildDeptRowActions>[1]) {
+  const actions = buildDeptRowActions(row, ctx);
+  return renderTableOperationCell(actions, {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 dept-table-actions",
+  });
+}
+
+const searchForm = ref<DeptSearchForm>({
+  name: undefined,
+  status: undefined,
+  created_time: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const statusOptions = ref([
+  { label: "启用", value: 0 },
+  { label: "停用", value: 1 },
+]);
+
+const deptSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "部门名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入部门名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: statusOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const tableRef = ref<{
+  elTableRef?: { toggleRowExpansion: (row: DeptTable, expanded?: boolean) => void };
+} | null>(null);
+const tableData = ref<DeptTable[]>([]);
+const loading = ref(false);
+const isExpanded = ref(false);
+const deptOptions = ref<OptionType[]>([]);
+
+// ─── 表格多选 ───
+const { selectedRows, selectedIds, batchDeleting, onTableSelectionChange } =
+  useTableSelection<DeptTable>();
+
+const createLoading = ref(false);
+const moreLoading = ref(false);
+
+async function loadDeptData() {
+  loading.value = true;
+  try {
+    const res = await DeptAPI.listDept(buildDeptQuery(searchForm.value));
+    const tree = res.data.data || [];
+    tableData.value = tree;
+    deptOptions.value = formatTree(tree);
+  } catch (e: unknown) {
+    console.error(e);
+  } finally {
+    loading.value = false;
+  }
+}
+
+async function deleteDeptRow(id: number) {
+  try {
+    await confirmDelete();
+    await DeptAPI.deleteDept([id]);
+    await userStore.getUserInfo();
+    selectedRows.value = [];
+    await loadDeptData();
+  } catch {
+    // 用户取消
+  }
+}
+
+// ─── 对话框状态 ───
+const { dialogVisible } = useCrudDialog();
+
+const detailFormData = ref<DeptTable>({ code: "" });
+
+const deptDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] =
+  [
+    { label: "部门名称", prop: "name" },
+    { label: "部门编码", prop: "code" },
+    { label: "上级部门", prop: "parent_name" },
+    {
+      label: "状态",
+      prop: "status",
+      tag: {
+        map: { "0": { type: "success", text: "启用" }, "1": { type: "danger", text: "停用" } },
+      },
+    },
+    { label: "排序", prop: "order" },
+    { label: "创建时间", prop: "created_time" },
+    { label: "更新时间", prop: "updated_time" },
+    { label: "描述", prop: "description", span: 4 },
+  ];
+
+const formData = ref<DeptForm>({
+  id: undefined,
+  name: undefined,
+  code: "",
+  order: 1,
+  parent_id: undefined,
+  status: 0,
+  description: undefined,
+});
+
+const CODE_PATTERN = /^[A-Za-z][A-Za-z0-9_]{1,15}$/;
+
+const rules = reactive({
+  name: [{ required: true, message: "请输入部门名称", trigger: "blur" }],
+  code: [
+    { required: true, message: "请输入部门编码", trigger: "blur" },
+    {
+      pattern: CODE_PATTERN,
+      message: "字母开头，2-16位字母/数字/下划线",
+      trigger: "blur",
+    },
+  ],
+  order: [{ required: true, message: "请输入排序", trigger: "blur" }],
+  status: [{ required: true, message: "请选择状态", trigger: "blur" }],
+});
+
+const initialFormData: DeptForm = {
+  id: undefined,
+  name: undefined,
+  code: "",
+  order: 1,
+  parent_id: undefined,
+  status: 0,
+  description: undefined,
+};
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const deptFormRenderKey = ref(0);
+
+// ─── CRUD 表单 ───
+const { submitLoading, handleCloseDialog, handleOpenDialog, handleSubmit } = useCrudForm<DeptForm>({
+  formData,
+  initialFormData,
+  dialogVisible,
+  dataFormRef,
+  formRenderKey: deptFormRenderKey,
+  detailApi: DeptAPI.detailDept,
+  createApi: DeptAPI.createDept,
+  updateApi: DeptAPI.updateDept,
+  titles: { create: "新增部门", update: "修改部门", detail: "部门详情" },
+  detailFormData,
+  onCreateSuccess: async () => {
+    await loadDeptData();
+  },
+  onUpdateSuccess: async () => {
+    await loadDeptData();
+  },
+  onSubmitSuccess: async () => {
+    await userStore.getUserInfo();
+  },
+});
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+const opCtx = {
+  onAddChild: (parentId: number) =>
+    void handleOpenDialog("create", undefined, { parent_id: parentId }),
+  onDetail: (id: number) => void handleOpenDialog("detail", id),
+  onEdit: (id: number) => void handleOpenDialog("update", id),
+  onDelete: deleteDeptRow,
+};
+
+const { columnChecks, columns } = useTableColumns<DeptTable>(
+  resolveStatusColumns(() => [
+    { type: "selection", width: 48, fixed: "left" },
+    { type: "globalIndex", width: 56, label: "序号" },
+    { prop: "name", label: "部门名称", minWidth: 120, showOverflowTooltip: true },
+    { prop: "code", label: "部门编码", minWidth: 120, showOverflowTooltip: true },
+    {
+      prop: "status",
+      label: "状态",
+      width: 88,
+      status: {
+        0: { type: "success", text: "启用" },
+        1: { type: "danger", text: "停用" },
+      },
+    },
+    { prop: "order", label: "排序", width: 88, showOverflowTooltip: true },
+    { prop: "description", label: "描述", minWidth: 100, showOverflowTooltip: true },
+    { prop: "created_time", label: "创建时间", width: 168, showOverflowTooltip: true },
+    { prop: "updated_time", label: "更新时间", width: 168, showOverflowTooltip: true },
+    {
+      prop: "operation",
+      label: "操作",
+      width: 220,
+      fixed: "right",
+      align: "center",
+      formatter: (row: DeptTable) => formatDeptOperationCell(row, opCtx),
+    },
+  ])
+);
+
+const deptDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "部门名称",
+    key: "name",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入部门名称", maxlength: 50 },
+  },
+  {
+    label: "部门编码",
+    key: "code",
+    type: "input",
+    span: 24,
+    props: {
+      placeholder: "字母开头，2-16位字母/数字/下划线",
+      maxlength: 16,
+      showWordLimit: true,
+    },
+  },
+  {
+    label: "上级部门",
+    key: "parent_id",
+    type: "treeselect",
+    span: 24,
+    props: {
+      placeholder: "请选择上级部门",
+      data: deptOptions.value,
+      filterable: true,
+      checkStrictly: true,
+      renderAfterExpand: false,
+    },
+  },
+  {
+    label: "排序",
+    key: "order",
+    type: "number",
+    span: 24,
+    props: {
+      controlsPosition: "right",
+      min: 1,
+      max: 999,
+    },
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 4,
+      maxlength: 100,
+      showWordLimit: true,
+      placeholder: "请输入描述",
+    },
+  },
+]);
+
+async function handleSearchBarSearch(params: DeptSearchForm) {
+  await searchBarRef.value?.validate?.();
+  searchForm.value = { ...params };
+  await loadDeptData();
+}
+
+function onResetSearch() {
+  searchForm.value = {
+    name: undefined,
+    status: undefined,
+    created_time: undefined,
+  };
+  void loadDeptData();
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await DeptAPI.deleteDept(ids);
+    await userStore.getUserInfo();
+    selectedRows.value = [];
+    await loadDeptData();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+async function handleMoreClick(status: number) {
+  const ids = selectedIds.value;
+  if (!ids.length) {
+    ElMessage.warning("请先选择要操作的数据");
+    return;
+  }
+  try {
+    await confirmToggleStatus(status);
+    moreLoading.value = true;
+    await DeptAPI.batchDept({ ids, status });
+    await loadDeptData();
+    await userStore.getUserInfo();
+  } catch {
+    // 用户取消或操作失败
+  } finally {
+    moreLoading.value = false;
+  }
+}
+
+function toggleExpand() {
+  isExpanded.value = !isExpanded.value;
+  nextTick(() => {
+    const el = tableRef.value?.elTableRef;
+    if (!el || !tableData.value.length) return;
+    const walk = (rows: DeptTable[]) => {
+      rows.forEach((row) => {
+        if (row.children?.length) {
+          el.toggleRowExpansion(row, isExpanded.value);
+          walk(row.children);
+        }
+      });
+    };
+    walk(tableData.value);
+  });
+}
+
+onMounted(() => {
+  void loadDeptData();
+});
+</script>
diff --git a/src/views/module_system/dict/components/DataDrawer.vue b/src/views/module_system/dict/components/DataDrawer.vue
new file mode 100644
index 0000000..0426adb
--- /dev/null
+++ b/src/views/module_system/dict/components/DataDrawer.vue
@@ -0,0 +1,855 @@
+<!-- 字典数据抽屉：Art 搜索 + useTable；固定 dict_type / dict_type_id 由父级传入 -->
+<template>
+  <FaDrawer
+    v-model="drawerVisible"
+    :title="'【' + dictLabel + '】字典数据'"
+    direction="rtl"
+    :size="drawerSize"
+  >
+    <div class="drawer-content">
+      <FaSearchBar
+        v-show="showSearchBar"
+        ref="searchBarRef"
+        v-model="searchForm"
+        :items="dictDataSearchItems"
+        :rules="searchBarRules"
+        :is-expand="false"
+        :show-expand="true"
+        :show-reset="true"
+        :show-search="true"
+        :disabled-search="false"
+        :default-expanded="false"
+        @search="handleSearchBarSearch"
+        @reset="onResetSearch"
+      />
+
+      <ElCard
+        class="fa-table-card drawer-table-card"
+        :style="{ 'margin-top': showSearchBar ? '12px' : '0' }"
+      >
+        <FaTableHeader
+          v-model:columns="columnChecks"
+          v-model:showSearchBar="showSearchBar"
+          :loading="loading"
+          @refresh="refreshData"
+        >
+          <template #left>
+            <FaTableHeaderLeft
+              :remove-ids="selectedIds"
+              :perm-create="['module_system:dict_data:create']"
+              :perm-export="['module_system:dict_data:export']"
+              :perm-delete="['module_system:dict_data:delete']"
+              :perm-patch="['module_system:dict_data:patch']"
+              :delete-loading="batchDeleting"
+              :create-loading="createLoading"
+              :more-loading="moreLoading"
+              @add="handleAdd"
+              @export="openExport"
+              @delete="handleBatchDelete"
+              @more="handleMoreClick"
+            />
+          </template>
+        </FaTableHeader>
+
+        <FaTable
+          ref="faTableRef"
+          :loading="loading"
+          :data="data"
+          :columns="columns"
+          :pagination="pagination"
+          @selection-change="onTableSelectionChange"
+          @pagination:size-change="handleSizeChange"
+          @pagination:current-change="handleCurrentChange"
+        />
+      </ElCard>
+
+      <FaDialog
+        v-model="dialogVisible.visible"
+        :title="dialogVisible.title"
+        width="720px"
+        dialog-class="crud-embed-dialog"
+        modal-class="crud-embed-dialog"
+        :form-mode="dialogVisible.type"
+        :confirm-loading="submitLoading"
+        @cancel="handleCloseDialog"
+        @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+      >
+        <template v-if="dialogVisible.type === 'detail'">
+          <FaDescriptions
+            :column="2"
+            :data="detailFormData"
+            :items="dictDataDetailItems"
+            max-height="70vh"
+          />
+        </template>
+        <template v-else>
+          <FaForm
+            :key="dictDataFormRenderKey"
+            scrollbar
+            max-height="70vh"
+            ref="dataFormRef"
+            v-model="formData"
+            :items="dictDataDialogFormItems"
+            :rules="rules"
+            label-suffix=":"
+            :label-width="100"
+            label-position="right"
+            :span="24"
+            :gutter="16"
+            :show-reset="false"
+            :show-submit="false"
+            class="crud-dialog-art-form"
+          >
+            <template #css_class>
+              <ElSelect
+                v-model="formData.css_class"
+                placeholder="请选择常用颜色或输入自定义"
+                clearable
+                filterable
+                allow-create
+                default-first-option
+              >
+                <ElOption value="primary" label="主要(primary)">
+                  <span class="tag-option-preview" :style="getTagPreviewStyle('primary')">
+                    主要(primary)
+                  </span>
+                </ElOption>
+                <ElOption value="success" label="成功(success)">
+                  <span class="tag-option-preview" :style="getTagPreviewStyle('success')">
+                    成功(success)
+                  </span>
+                </ElOption>
+                <ElOption value="warning" label="警告(warning)">
+                  <span class="tag-option-preview" :style="getTagPreviewStyle('warning')">
+                    警告(warning)
+                  </span>
+                </ElOption>
+                <ElOption value="danger" label="危险(danger)">
+                  <span class="tag-option-preview" :style="getTagPreviewStyle('danger')">
+                    危险(danger)
+                  </span>
+                </ElOption>
+                <ElOption value="info" label="信息(info)">
+                  <span class="tag-option-preview" :style="getTagPreviewStyle('info')">
+                    信息(info)
+                  </span>
+                </ElOption>
+              </ElSelect>
+            </template>
+            <template #list_class>
+              <ElSelect v-model="formData.list_class" placeholder="请选择列表类样式" clearable>
+                <ElOption value="default" label="默认(default)">
+                  <span class="tag-option-preview tag-option-preview--default">默认(default)</span>
+                </ElOption>
+                <ElOption value="primary" label="主要(primary)">
+                  <span class="tag-option-preview" :style="getTagPreviewStyle('primary')">
+                    主要(primary)
+                  </span>
+                </ElOption>
+                <ElOption value="success" label="成功(success)">
+                  <span class="tag-option-preview" :style="getTagPreviewStyle('success')">
+                    成功(success)
+                  </span>
+                </ElOption>
+                <ElOption value="warning" label="警告(warning)">
+                  <span class="tag-option-preview" :style="getTagPreviewStyle('warning')">
+                    警告(warning)
+                  </span>
+                </ElOption>
+                <ElOption value="danger" label="危险(danger)">
+                  <span class="tag-option-preview" :style="getTagPreviewStyle('danger')">
+                    危险(danger)
+                  </span>
+                </ElOption>
+                <ElOption value="info" label="信息(info)">
+                  <span class="tag-option-preview" :style="getTagPreviewStyle('info')">
+                    信息(info)
+                  </span>
+                </ElOption>
+              </ElSelect>
+            </template>
+            <template #is_default>
+              <ElRadioGroup v-model="formData.is_default">
+                <ElRadio :value="true">是</ElRadio>
+                <ElRadio :value="false">否</ElRadio>
+              </ElRadioGroup>
+            </template>
+            <template #status>
+              <ElSwitch
+                v-model="formData.status"
+                inline-prompt
+                :active-value="'0'"
+                :inactive-value="'1'"
+              />
+            </template>
+          </FaForm>
+        </template>
+      </FaDialog>
+
+      <FaExportDialog
+        v-model="exportVisible"
+        :content-config="dictDataExportContentConfig"
+        :query-params="exportQueryParams"
+        :page-data="data"
+        :selection-data="selectedRows"
+      />
+    </div>
+  </FaDrawer>
+</template>
+
+<script setup lang="ts">
+import { h } from "vue";
+import { useTable } from "@/hooks/core/useTable";
+import { useImportExport } from "@/hooks/core/useImportExport";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { confirmDelete, confirmBatchDelete, confirmToggleStatus } from "@/hooks/core/useConfirm";
+import { cleanEmptyArrayParams, stripPaginationParams } from "@/utils/query";
+import type { ColumnOption } from "@/types/component";
+import DictAPI, {
+  type DictDataForm,
+  type DictDataPageQuery,
+  type DictDataTable,
+} from "@/api/module_system/dict";
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction, resolveStatusColumns } from "@utils";
+import { useDictStore, useAppStore } from "@stores";
+import { DeviceEnum } from "@/enums/settings/device.enum";
+import type { IObject } from "@/components/modal/types";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import FaStatusTag from "@/components/others/fa-status-tag/index.vue";
+import { ElMessage } from "element-plus";
+
+defineOptions({ name: "DictDataDrawer", inheritAttrs: false });
+
+const props = defineProps<{
+  dictType: string;
+  dictLabel: string;
+  dictTypeId: number;
+}>();
+
+const drawerVisible = defineModel<boolean>({ required: true });
+
+const TAG_TYPE_STYLE_MAP: Record<string, { background: string; color: string; border: string }> = {
+  primary: {
+    background: "var(--el-color-primary-light-9)",
+    color: "var(--el-color-primary)",
+    border: "var(--el-color-primary-light-7)",
+  },
+  success: {
+    background: "var(--el-color-success-light-9)",
+    color: "var(--el-color-success)",
+    border: "var(--el-color-success-light-7)",
+  },
+  warning: {
+    background: "var(--el-color-warning-light-9)",
+    color: "var(--el-color-warning)",
+    border: "var(--el-color-warning-light-7)",
+  },
+  danger: {
+    background: "var(--el-color-danger-light-9)",
+    color: "var(--el-color-danger)",
+    border: "var(--el-color-danger-light-7)",
+  },
+  info: {
+    background: "var(--el-color-info-light-9)",
+    color: "var(--el-color-info)",
+    border: "var(--el-color-info-light-7)",
+  },
+};
+
+const dictStore = useDictStore();
+const appStore = useAppStore();
+const { hasAuth } = useAuth();
+const drawerSize = computed(() => (appStore.device === DeviceEnum.DESKTOP ? "80%" : "60%"));
+
+function getTagPreviewStyle(value?: string) {
+  const preset = value ? TAG_TYPE_STYLE_MAP[value] : undefined;
+  if (preset) {
+    return {
+      backgroundColor: preset.background,
+      color: preset.color,
+      borderColor: preset.border,
+    };
+  }
+  if (!value) return {};
+  return {
+    backgroundColor: value,
+    color: "#fff",
+    borderColor: value,
+  };
+}
+
+type DictDataSearchForm = {
+  dict_label?: string;
+  status?: number;
+  created_time?: string[];
+};
+
+function normalizeDictDataQuery(params: Record<string, unknown>): DictDataPageQuery {
+  return cleanEmptyArrayParams({ ...params }, [
+    "created_time",
+    "updated_time",
+  ]) as unknown as DictDataPageQuery;
+}
+
+async function fetchDictDataListMerged(params: Record<string, unknown>) {
+  const q: DictDataPageQuery = {
+    page_no: Number(params.current) || Number(params.page_no) || 1,
+    page_size: Number(params.size) || Number(params.page_size) || 20,
+    dict_label: params.dict_label as string | undefined,
+    dict_type: props.dictType,
+    dict_type_id: props.dictTypeId,
+    status:
+      params.status !== undefined && params.status !== null ? Number(params.status) : undefined,
+    created_time: Array.isArray(params.created_time)
+      ? (params.created_time as string[])
+      : undefined,
+    updated_time: Array.isArray(params.updated_time)
+      ? (params.updated_time as string[])
+      : undefined,
+  };
+  return DictAPI.listDictData(q);
+}
+
+const searchForm = ref<DictDataSearchForm>({
+  dict_label: undefined,
+  status: undefined,
+  created_time: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const statusOptions = ref([
+  { label: "启用", value: 0 },
+  { label: "停用", value: 1 },
+]);
+
+const dictDataSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "字典标签",
+    key: "dict_label",
+    type: "input",
+    placeholder: "请输入字典标签",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: statusOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+  {
+    label: "创建时间",
+    key: "created_time",
+    type: "datetimerange",
+    span: 6,
+    props: {
+      type: "datetimerange",
+      rangeSeparator: "至",
+      startPlaceholder: "开始日期",
+      endPlaceholder: "结束日期",
+      format: "YYYY-MM-DD HH:mm:ss",
+      valueFormat: "YYYY-MM-DD HH:mm:ss",
+      style: { width: "100%" },
+    },
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const { selectedRows, selectedIds, batchDeleting, onTableSelectionChange } =
+  useTableSelection<DictDataTable>();
+
+const createLoading = ref(false);
+const moreLoading = ref(false);
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  searchParams,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshUpdate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: fetchDictDataListMerged,
+    apiParams: {
+      page_no: 1,
+      page_size: 20,
+      dict_type: props.dictType,
+      dict_type_id: props.dictTypeId,
+    },
+    columnsFactory: resolveStatusColumns<DictDataTable>(() => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "dict_label", label: "标签", minWidth: 150, showOverflowTooltip: true },
+      {
+        prop: "status",
+        label: "状态",
+        width: 100,
+        status: {
+          0: { type: "success", text: "启用" },
+          1: { type: "danger", text: "停用" },
+        },
+      },
+      {
+        prop: "dict_type",
+        label: "类型",
+        minWidth: 180,
+        formatter: (row: DictDataTable) =>
+          h(FaStatusTag, { type: "primary", label: row.dict_type ?? "" }),
+      },
+      { prop: "dict_value", label: "值", minWidth: 100, showOverflowTooltip: true },
+      { prop: "css_class", label: "样式属性", minWidth: 100, showOverflowTooltip: true },
+      { prop: "list_class", label: "列表类样式", minWidth: 100, showOverflowTooltip: true },
+      { prop: "dict_sort", label: "排序", width: 72 },
+      {
+        prop: "is_default",
+        label: "是否默认",
+        width: 100,
+        status: {
+          true: { type: "success", text: "是" },
+          false: { type: "danger", text: "否" },
+        },
+      },
+      { prop: "description", label: "描述", minWidth: 100, showOverflowTooltip: true },
+      { prop: "created_time", label: "创建时间", width: 168, showOverflowTooltip: true },
+      { prop: "updated_time", label: "更新时间", width: 168, showOverflowTooltip: true },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 220,
+        fixed: "right",
+        align: "center",
+        formatter: (row: DictDataTable) => formatDictDataOperationCell(row),
+      },
+    ]),
+  },
+});
+
+const dictDataCrudCols = computed(() =>
+  columns.value.map((c: ColumnOption<DictDataTable>) => {
+    const t = (c as { type?: string }).type;
+    return {
+      prop: c.prop,
+      label: c.label,
+      type: t === "selection" ? ("selection" as const) : ("default" as const),
+      show: true,
+    };
+  })
+);
+
+const exportQueryParams = computed(() => {
+  const sp = stripPaginationParams(searchParams as Record<string, unknown>);
+  return normalizeDictDataQuery({
+    ...sp,
+    dict_type: props.dictType,
+    dict_type_id: props.dictTypeId,
+  });
+});
+
+const dictDataExportContentConfig = computed(() => ({
+  permPrefix: "module_system:dict_data",
+  cols: dictDataCrudCols.value,
+  exportsBlobAction: async (params: IObject) => {
+    const merged = normalizeDictDataQuery({
+      ...(exportQueryParams.value as unknown as Record<string, unknown>),
+      ...params,
+      dict_type: props.dictType,
+      dict_type_id: props.dictTypeId,
+    } as Record<string, unknown>);
+    const res = await DictAPI.exportDictData(merged as DictDataPageQuery);
+    return res.data as Blob;
+  },
+}));
+
+const { dialogVisible } = useCrudDialog();
+
+const detailFormData = ref<DictDataTable>({});
+
+const dictDataDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] =
+  [
+    { label: "数据标签", prop: "dict_label" },
+    { label: "数据类型", prop: "dict_type" },
+    { label: "数据值", prop: "dict_value" },
+    { label: "样式属性", prop: "css_class" },
+    { label: "列表样式属性", prop: "list_class" },
+    {
+      label: "是否默认",
+      prop: "is_default",
+      tag: {
+        map: { true: { type: "success", text: "是" }, false: { type: "danger", text: "否" } },
+      },
+    },
+    {
+      label: "状态",
+      prop: "status",
+      tag: {
+        map: { "0": { type: "success", text: "启用" }, "1": { type: "danger", text: "停用" } },
+      },
+    },
+    { label: "排序", prop: "dict_sort" },
+    { label: "描述", prop: "description" },
+    { label: "创建时间", prop: "created_time" },
+    { label: "更新时间", prop: "updated_time" },
+  ];
+
+const formData = ref<DictDataForm>({
+  id: undefined,
+  dict_sort: 1,
+  dict_label: "",
+  dict_value: "",
+  dict_type: "",
+  css_class: "",
+  list_class: undefined,
+  is_default: false,
+  status: 0,
+  description: "",
+  dict_type_id: undefined,
+});
+
+const rules = reactive({
+  dict_label: [{ required: true, message: "请输入字典标签", trigger: "blur" }],
+  dict_type: [{ required: true, message: "请输入字典类型", trigger: "blur" }],
+  dict_value: [{ required: true, message: "请输入字典键值", trigger: "blur" }],
+  status: [{ required: true, message: "请选择状态", trigger: "blur" }],
+  dict_sort: [{ required: true, message: "请输入排序", trigger: "blur" }],
+  is_default: [{ required: true, message: "请选择是否默认", trigger: "blur" }],
+});
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const submitLoading = ref(false);
+const dictDataFormRenderKey = ref(0);
+
+const dictDataDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "数据类型",
+    key: "dict_type",
+    type: "input",
+    span: 24,
+    props: {
+      placeholder: "请输入数据类型",
+      maxlength: 50,
+      disabled: true,
+    },
+  },
+  {
+    label: "数据标签",
+    key: "dict_label",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入数据标签", maxlength: 255 },
+  },
+  {
+    label: "数据值",
+    key: "dict_value",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入数据值", maxlength: 255 },
+  },
+  {
+    label: "样式属性",
+    key: "css_class",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "列表类样式",
+    key: "list_class",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "是否默认",
+    key: "is_default",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "排序",
+    key: "dict_sort",
+    type: "number",
+    span: 24,
+    props: {
+      controlsPosition: "right",
+      min: 1,
+      style: { width: "100px" },
+    },
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 4,
+      maxlength: 100,
+      showWordLimit: true,
+      placeholder: "请输入描述",
+    },
+  },
+]);
+
+const initialFormData: DictDataForm = {
+  id: undefined,
+  dict_sort: 1,
+  dict_label: "",
+  dict_value: "",
+  dict_type: "",
+  css_class: "",
+  list_class: undefined,
+  is_default: false,
+  status: 0,
+  description: "",
+  dict_type_id: props.dictTypeId,
+};
+
+const { exportVisible, openExport } = useImportExport();
+
+async function handleSearchBarSearch(params: DictDataSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams({
+    dict_label: params.dict_label,
+    status: params.status,
+    created_time:
+      Array.isArray(params.created_time) && params.created_time.length === 2
+        ? params.created_time
+        : undefined,
+    dict_type: props.dictType,
+    dict_type_id: props.dictTypeId,
+  } as Record<string, unknown>);
+  getData();
+}
+
+function onResetSearch() {
+  searchForm.value = {
+    dict_label: undefined,
+    status: undefined,
+    created_time: undefined,
+  };
+  void resetSearchParams();
+}
+
+async function resetForm() {
+  dataFormRef.value?.resetFields();
+  dataFormRef.value?.clearValidate();
+  Object.assign(formData.value, {
+    ...initialFormData,
+    dict_type_id: props.dictTypeId,
+    dict_type: props.dictType,
+  });
+}
+
+async function handleCloseDialog() {
+  dialogVisible.visible = false;
+  await resetForm();
+}
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+async function handleOpenDialog(type: "create" | "update" | "detail", id?: number) {
+  dialogVisible.type = type;
+  if (id) {
+    const response = await DictAPI.detailDictData(id);
+    if (type === "detail") {
+      dialogVisible.title = "字典数据详情";
+      detailFormData.value = response.data.data ?? {};
+    } else if (type === "update") {
+      dialogVisible.title = "修改字典数据";
+      Object.assign(formData.value, response.data.data);
+    }
+  } else {
+    dialogVisible.title = "新增字典数据";
+    Object.assign(formData.value, initialFormData);
+    formData.value.dict_type = props.dictType;
+    formData.value.dict_type_id = props.dictTypeId;
+    formData.value.status = 0;
+    formData.value.id = undefined;
+  }
+  dictDataFormRenderKey.value += 1;
+  dialogVisible.visible = true;
+}
+
+async function handleSubmit() {
+  dataFormRef.value?.validate(async (valid: boolean) => {
+    if (!valid) return;
+    const id = formData.value.id;
+    try {
+      if (id) {
+        await DictAPI.updateDictData(id, { id, ...formData.value });
+        await refreshUpdate();
+      } else {
+        await DictAPI.createDictData(formData.value);
+        await refreshCreate();
+      }
+      dialogVisible.visible = false;
+      await resetForm();
+      dictStore.clearDictData();
+      if (formData.value.dict_type) {
+        await dictStore.getDict([formData.value.dict_type]);
+      }
+    } catch (error: unknown) {
+      console.error(error);
+    }
+  });
+}
+
+function buildDictDataRowActions(row: DictDataTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_system:dict_data:detail",
+      run: () => void handleOpenDialog("detail", row.id),
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      icon: "ri:edit-2-line",
+      perm: "module_system:dict_data:update",
+      run: () => void handleOpenDialog("update", row.id),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_system:dict_data:delete",
+      run: () => {
+        if (row.id != null) deleteDictDataRow(row.id);
+      },
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatDictDataOperationCell(row: DictDataTable) {
+  return renderTableOperationCell(buildDictDataRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 dict-data-drawer-actions",
+  });
+}
+
+async function deleteDictDataRow(id: number) {
+  try {
+    await confirmDelete();
+    await DictAPI.deleteDictData([id]);
+    dictStore.clearDictData();
+    if (props.dictType) await dictStore.getDict([props.dictType]);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    ElMessage.error("删除失败");
+  }
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await DictAPI.deleteDictData(ids);
+    dictStore.clearDictData();
+    if (props.dictType) await dictStore.getDict([props.dictType]);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+async function handleMoreClick(status: number) {
+  const ids = selectedIds.value;
+  if (!ids.length) {
+    ElMessage.warning("请先选择要操作的数据");
+    return;
+  }
+  try {
+    await confirmToggleStatus(status);
+    moreLoading.value = true;
+    await DictAPI.batchDictData({ ids, status });
+    await refreshData();
+    dictStore.clearDictData();
+    if (props.dictType) await dictStore.getDict([props.dictType]);
+  } catch {
+    // 用户取消
+  } finally {
+    moreLoading.value = false;
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.drawer-content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+}
+
+.drawer-table-card {
+  flex: 1;
+  min-height: 0;
+}
+
+.tag-option-preview {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 120px;
+  padding: 4px 10px;
+  font-size: 12px;
+  line-height: 18px;
+  text-align: center;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+
+.tag-option-preview--default {
+  color: var(--el-text-color-regular);
+  background: var(--el-fill-color-light);
+  border-color: var(--el-border-color-lighter);
+}
+</style>
diff --git a/src/views/module_system/dict/index.vue b/src/views/module_system/dict/index.vue
new file mode 100644
index 0000000..9e123c8
--- /dev/null
+++ b/src/views/module_system/dict/index.vue
@@ -0,0 +1,570 @@
+<!-- 字典类型：Fa 布局；操作列最多 3 个外露 +「更多」 -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="dictTypeSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      :audit-item-options="{ showTenantId: true }"
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_system:dict_type:create']"
+            :perm-export="['module_system:dict_type:export']"
+            :perm-delete="['module_system:dict_type:delete']"
+            :perm-patch="['module_system:dict_type:patch']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            :more-loading="moreLoading"
+            @add="handleAdd"
+            @export="openExport"
+            @delete="handleBatchDelete"
+            @more="handleMoreClick"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="640px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="2"
+          :data="detailFormData"
+          :items="dictDetailItems"
+          max-height="70vh"
+        >
+          <template #dict_type="{ row }">
+            <FaStatusTag type="primary" :label="(row as unknown as DictTable)?.dict_type" />
+          </template>
+        </FaDescriptions>
+      </template>
+      <template v-else>
+        <FaForm
+          :key="dictFormRenderKey"
+          scrollbar
+          max-height="70vh"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="dictDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="100"
+          label-position="right"
+          :span="24"
+          :gutter="16"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        >
+          <template #status>
+            <ElRadioGroup v-model="formData.status">
+              <ElRadio :value="0">启用</ElRadio>
+              <ElRadio :value="1">停用</ElRadio>
+            </ElRadioGroup>
+          </template>
+        </FaForm>
+      </template>
+    </FaDialog>
+
+    <FaExportDialog
+      v-model="exportVisible"
+      :content-config="dictTypeExportContentConfig"
+      :query-params="exportQueryParams"
+      :page-data="data"
+      :selection-data="selectedRows"
+    />
+
+    <DataDrawer
+      v-if="drawerVisible"
+      v-model="drawerVisible"
+      :dict-type="currentDictType"
+      :dict-label="currentDictLabel"
+      :dict-type-id="currentDictTypeId"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { h } from "vue";
+import { useTable } from "@/hooks/core/useTable";
+import { useImportExport } from "@/hooks/core/useImportExport";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { useCrudForm } from "@/hooks/core/useCrudForm";
+import { confirmDelete, confirmBatchDelete, confirmToggleStatus } from "@/hooks/core/useConfirm";
+import { cleanEmptyArrayParams, stripPaginationParams } from "@/utils/query";
+import type { ColumnOption } from "@/types/component";
+import DictAPI, {
+  type DictForm,
+  type DictPageQuery,
+  type DictTable,
+} from "@/api/module_system/dict";
+import { useDictStore } from "@stores";
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction, resolveStatusColumns } from "@utils";
+import type { IObject } from "@/components/modal/types";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import FaStatusTag from "@/components/others/fa-status-tag/index.vue";
+import DataDrawer from "./components/DataDrawer.vue";
+import { ElMessage } from "element-plus";
+
+defineOptions({
+  name: "Dict",
+  inheritAttrs: false,
+});
+
+type DictTypeSearchForm = {
+  dict_name?: string;
+  dict_type?: string;
+  status?: number;
+  created_time?: string[];
+  updated_time?: string[];
+};
+
+const dictStore = useDictStore();
+const { hasAuth } = useAuth();
+
+const searchForm = ref<DictTypeSearchForm>({
+  dict_name: undefined,
+  dict_type: undefined,
+  status: undefined,
+  created_time: undefined,
+  updated_time: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const statusOptions = ref([
+  { label: "启用", value: 0 },
+  { label: "停用", value: 1 },
+]);
+
+const dictTypeSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "字典名称",
+    key: "dict_name",
+    type: "input",
+    placeholder: "请输入字典名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "字典类型",
+    key: "dict_type",
+    type: "input",
+    placeholder: "请输入字典类型",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: statusOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+
+// ─── 表格多选 ───
+const { selectedRows, selectedIds, batchDeleting, onTableSelectionChange } =
+  useTableSelection<DictTable>();
+
+const createLoading = ref(false);
+const moreLoading = ref(false);
+
+// ─── 对话框状态 ───
+const { dialogVisible } = useCrudDialog();
+
+const detailFormData = ref<DictTable>({});
+
+const dictDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] =
+  [
+    { label: "字典名称", prop: "dict_name" },
+    { label: "字典类型", prop: "dict_type", slot: "dict_type" },
+    {
+      label: "状态",
+      prop: "status",
+      tag: {
+        map: { "0": { type: "success", text: "启用" }, "1": { type: "danger", text: "停用" } },
+      },
+    },
+    { label: "描述", prop: "description" },
+    { label: "创建时间", prop: "created_time" },
+    { label: "更新时间", prop: "updated_time" },
+  ];
+
+const formData = ref<DictForm>({
+  id: undefined,
+  dict_name: "",
+  dict_type: "",
+  status: 0,
+  description: undefined,
+});
+
+const rules = reactive({
+  dict_name: [{ required: true, message: "请输入字典名称", trigger: "blur" }],
+  dict_type: [{ required: true, message: "请选择字典类型", trigger: "blur" }],
+  status: [{ required: true, message: "请选择字典状态", trigger: "blur" }],
+});
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const dictFormRenderKey = ref(0);
+
+const initialFormData: DictForm = {
+  id: undefined,
+  dict_name: "",
+  dict_type: "",
+  status: 0,
+  description: undefined,
+};
+
+// ─── CRUD 表单 ───
+const { submitLoading, handleCloseDialog, handleOpenDialog, handleSubmit } = useCrudForm<DictForm>({
+  formData,
+  initialFormData,
+  dialogVisible,
+  dataFormRef,
+  formRenderKey: dictFormRenderKey,
+  detailApi: DictAPI.detailDictType,
+  createApi: DictAPI.createDictType,
+  updateApi: DictAPI.updateDictType,
+  titles: { create: "新增字典", update: "修改字典", detail: "字典详情" },
+  detailFormData,
+  onCreateSuccess: async () => {
+    await refreshCreate();
+  },
+  onUpdateSuccess: async () => {
+    await refreshUpdate();
+  },
+  onSubmitSuccess: async () => {
+    dictStore.clearDictData();
+    if (formData.value.dict_type) {
+      await dictStore.getDict([formData.value.dict_type]);
+    }
+  },
+});
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+const dictDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "字典名称",
+    key: "dict_name",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入字典名称", maxlength: 50 },
+  },
+  {
+    label: "字典类型",
+    key: "dict_type",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入字典类型", maxlength: 50 },
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 4,
+      maxlength: 100,
+      showWordLimit: true,
+      placeholder: "请输入描述",
+    },
+  },
+]);
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  searchParams,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshUpdate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: DictAPI.listDictType,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: resolveStatusColumns<DictTable>(() => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "dict_name", label: "字典名称", minWidth: 140, showOverflowTooltip: true },
+      {
+        prop: "dict_type",
+        label: "字典类型",
+        minWidth: 180,
+        formatter: (row: DictTable) =>
+          h(FaStatusTag, { type: "primary", label: row.dict_type ?? "" }),
+      },
+      {
+        prop: "status",
+        label: "状态",
+        width: 88,
+        status: {
+          0: { type: "success", text: "启用" },
+          1: { type: "danger", text: "停用" },
+        },
+      },
+      { prop: "description", label: "描述", minWidth: 140, showOverflowTooltip: true },
+      { prop: "created_time", label: "创建时间", width: 168, showOverflowTooltip: true },
+      { prop: "updated_time", label: "更新时间", width: 168, showOverflowTooltip: true },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 220,
+        fixed: "right",
+        align: "center",
+        formatter: (row: DictTable) => formatDictOperationCell(row),
+      },
+    ]),
+  },
+});
+
+const dictTypeCrudCols = computed(() =>
+  columns.value.map((c: ColumnOption<DictTable>) => {
+    const t = (c as { type?: string }).type;
+    return {
+      prop: c.prop,
+      label: c.label,
+      type: t === "selection" ? ("selection" as const) : ("default" as const),
+      show: true,
+    };
+  })
+);
+
+const exportQueryParams = computed(() => {
+  const sp = stripPaginationParams(searchParams as Record<string, unknown>);
+  return cleanEmptyArrayParams(sp) as unknown as DictPageQuery;
+});
+
+const dictTypeExportContentConfig = computed(() => ({
+  permPrefix: "module_system:dict_type",
+  cols: dictTypeCrudCols.value,
+  exportsBlobAction: async (params: IObject) => {
+    const merged = cleanEmptyArrayParams({
+      ...(exportQueryParams.value as unknown as Record<string, unknown>),
+      ...params,
+    } as Record<string, unknown>);
+    const res = await DictAPI.exportDictType(merged as unknown as DictPageQuery);
+    return res.data as Blob;
+  },
+}));
+
+const { exportVisible, openExport } = useImportExport();
+
+const drawerVisible = ref(false);
+const currentDictType = ref("");
+const currentDictLabel = ref("");
+const currentDictTypeId = ref(0);
+
+async function handleSearchBarSearch(params: DictTypeSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams({
+    dict_name: params.dict_name,
+    dict_type: params.dict_type,
+    status: params.status,
+    created_time:
+      Array.isArray(params.created_time) && params.created_time.length === 2
+        ? params.created_time
+        : undefined,
+  } as Record<string, unknown>);
+  getData();
+}
+
+function onResetSearch() {
+  searchForm.value = {
+    dict_name: undefined,
+    dict_type: undefined,
+    status: undefined,
+    created_time: undefined,
+  };
+  void resetSearchParams();
+}
+
+function buildDictRowActions(row: DictTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "dictData",
+      label: "字典",
+      artType: "view",
+      icon: "ri:book-2-line",
+      iconColor: "var(--el-color-warning)",
+      perm: "module_system:dict_data:query",
+      run: () => handleDictDataDrawer(row),
+    },
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_system:dict_type:detail",
+      run: () => void handleOpenDialog("detail", row.id),
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      icon: "ri:edit-2-line",
+      perm: "module_system:dict_type:update",
+      run: () => void handleOpenDialog("update", row.id),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_system:dict_type:delete",
+      run: () => {
+        if (row.id != null) deleteDictTypeRow(row.id);
+      },
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatDictOperationCell(row: DictTable) {
+  return renderTableOperationCell(buildDictRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 dict-table-actions",
+  });
+}
+
+function handleDictDataDrawer(dictTypeRow: DictTable) {
+  currentDictType.value = dictTypeRow.dict_type || "";
+  currentDictLabel.value = dictTypeRow.dict_name || "";
+  currentDictTypeId.value = dictTypeRow.id ?? 0;
+  drawerVisible.value = true;
+}
+
+async function deleteDictTypeRow(id: number) {
+  try {
+    await confirmDelete();
+    await DictAPI.deleteDictType([id]);
+    dictStore.clearDictData();
+    const dictTypes = Object.keys(dictStore.dictData);
+    if (dictTypes.length > 0) await dictStore.getDict(dictTypes);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  }
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await DictAPI.deleteDictType(ids);
+    dictStore.clearDictData();
+    const dictTypes = Object.keys(dictStore.dictData);
+    if (dictTypes.length > 0) await dictStore.getDict(dictTypes);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+async function handleMoreClick(status: number) {
+  const ids = selectedIds.value;
+  if (!ids.length) {
+    ElMessage.warning("请先选择要操作的数据");
+    return;
+  }
+  try {
+    await confirmToggleStatus(status);
+    moreLoading.value = true;
+    await DictAPI.batchDictType({ ids, status });
+    await refreshData();
+    dictStore.clearDictData();
+    const dictTypes = Object.keys(dictStore.dictData);
+    if (dictTypes.length > 0) await dictStore.getDict(dictTypes);
+  } catch {
+    // 用户取消
+  } finally {
+    moreLoading.value = false;
+  }
+}
+</script>
diff --git a/src/views/module_system/log/index.vue b/src/views/module_system/log/index.vue
new file mode 100644
index 0000000..e4d65f8
--- /dev/null
+++ b/src/views/module_system/log/index.vue
@@ -0,0 +1,719 @@
+<!-- 日志管理：登录日志 + 操作日志 -->
+<template>
+  <div class="fa-full-height">
+    <ElTabs v-model="activeTab" type="card">
+      <ElTabPane label="操作日志" name="operation">
+        <FaSearchBar
+          v-show="opShowSearchBar"
+          ref="opSearchBarRef"
+          v-model="opSearchForm"
+          :items="opSearchItems"
+          :rules="opSearchBarRules"
+          :is-expand="false"
+          :show-expand="true"
+          :show-reset="true"
+          :show-search="true"
+          :disabled-search="false"
+          :default-expanded="false"
+          include-audit
+          :audit-item-options="{ showTenantId: true }"
+          @search="handleOpSearch"
+          @reset="onOpResetSearch"
+        />
+
+        <ElCard class="fa-table-card" :style="{ 'margin-top': opShowSearchBar ? '12px' : '0' }">
+          <FaTableHeader
+            v-model:columns="opColumnChecks"
+            v-model:showSearchBar="opShowSearchBar"
+            :loading="opLoading"
+            @refresh="opRefreshData"
+          >
+            <template #left>
+              <FaTableHeaderLeft
+                :remove-ids="opSelectedIds"
+                :perm-export="['module_system:log:export']"
+                :perm-delete="['module_system:log:delete']"
+                :delete-loading="opBatchDeleting"
+                @export="openOpExport"
+                @delete="handleOpBatchDelete"
+              />
+            </template>
+          </FaTableHeader>
+
+          <FaTable
+            ref="opTableRef"
+            :loading="opLoading"
+            :data="opData"
+            :columns="opColumns"
+            :pagination="opPagination"
+            @selection-change="onOpTableSelectionChange"
+            @pagination:size-change="opHandleSizeChange"
+            @pagination:current-change="opHandleCurrentChange"
+          />
+        </ElCard>
+
+        <FaDialog
+          v-model="opDialogVisible.visible"
+          :title="opDialogVisible.title"
+          width="960px"
+          dialog-class="crud-embed-dialog"
+          modal-class="crud-embed-dialog"
+          form-mode="detail"
+          @confirm="handleOpCloseDialog"
+        >
+          <FaDescriptions
+            :column="8"
+            :data="opFormData"
+            :items="opDetailItems"
+            label-width="200px"
+            max-height="75vh"
+          >
+            <template #request_method="{ row }">
+              <ElTag :type="getMethodType(row?.request_method as string)">{{
+                row?.request_method
+              }}</ElTag>
+            </template>
+            <template #response_code="{ row }">
+              <ElTag :type="getStatusCodeType(row?.response_code as number)">{{
+                row?.response_code
+              }}</ElTag>
+            </template>
+            <template #request_payload="{ row }">
+              <FaJsonPretty
+                :value="(row as unknown as OperationLogTable)?.request_payload"
+                height="80px"
+              />
+            </template>
+            <template #response_json="{ row }">
+              <FaJsonPretty
+                :value="(row as unknown as OperationLogTable)?.response_json"
+                height="140px"
+              />
+            </template>
+          </FaDescriptions>
+        </FaDialog>
+
+        <FaExportDialog
+          v-model="opExportVisible"
+          :content-config="opExportContentConfig"
+          :query-params="opExportQueryParams"
+          :page-data="opData"
+          :selection-data="opSelectedRows"
+        />
+      </ElTabPane>
+
+      <ElTabPane label="登录日志" name="login">
+        <FaSearchBar
+          v-show="loginShowSearchBar"
+          ref="loginSearchBarRef"
+          v-model="loginSearchForm"
+          :items="loginSearchItems"
+          :rules="loginSearchBarRules"
+          :is-expand="false"
+          :show-expand="true"
+          :show-reset="true"
+          :show-search="true"
+          :disabled-search="false"
+          :default-expanded="false"
+          include-audit
+          :audit-item-options="{ showTenantId: true }"
+          @search="handleLoginSearch"
+          @reset="onLoginResetSearch"
+        />
+
+        <ElCard class="fa-table-card" :style="{ 'margin-top': loginShowSearchBar ? '12px' : '0' }">
+          <FaTableHeader
+            v-model:columns="loginColumnChecks"
+            v-model:showSearchBar="loginShowSearchBar"
+            :loading="loginLoading"
+            @refresh="loginRefreshData"
+          >
+            <template #left>
+              <FaTableHeaderLeft
+                :remove-ids="loginSelectedIds"
+                :perm-delete="['module_system:login_log:delete']"
+                :delete-loading="loginBatchDeleting"
+                @delete="handleLoginBatchDelete"
+              />
+            </template>
+          </FaTableHeader>
+
+          <FaTable
+            ref="loginTableRef"
+            :loading="loginLoading"
+            :data="loginData"
+            :columns="loginColumns"
+            :pagination="loginPagination"
+            @selection-change="onLoginTableSelectionChange"
+            @pagination:size-change="loginHandleSizeChange"
+            @pagination:current-change="loginHandleCurrentChange"
+          />
+        </ElCard>
+
+        <FaDialog
+          v-model="loginDialogVisible.visible"
+          :title="loginDialogVisible.title"
+          width="640px"
+          dialog-class="crud-embed-dialog"
+          modal-class="crud-embed-dialog"
+          form-mode="detail"
+          @confirm="handleLoginCloseDialog"
+        >
+          <FaDescriptions
+            :column="2"
+            :data="loginFormData"
+            :items="loginDetailItems"
+            label-width="120px"
+            max-height="75vh"
+          >
+            <template #status="{ row }">
+              <ElTag :type="row?.status === 1 ? 'success' : 'danger'">{{
+                row?.status === 1 ? "成功" : "失败"
+              }}</ElTag>
+            </template>
+          </FaDescriptions>
+        </FaDialog>
+      </ElTabPane>
+    </ElTabs>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { h } from "vue";
+import { useTable } from "@/hooks/core/useTable";
+import { useImportExport } from "@/hooks/core/useImportExport";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { confirmDelete, confirmBatchDelete } from "@/hooks/core/useConfirm";
+import { cleanEmptyArrayParams, stripPaginationParams } from "@/utils/query";
+import type { ColumnOption } from "@/types/component";
+import OperationLogAPI, {
+  type OperationLogPageQuery,
+  type OperationLogTable,
+  type LoginLogTable,
+  LoginLogAPI,
+} from "@/api/module_system/log";
+import { useAuth } from "@/hooks/core/useAuth";
+import {
+  renderTableOperationCell,
+  type TableOperationAction,
+  resolveStatusColumns,
+  type StatusType,
+} from "@utils";
+import type { IObject } from "@/components/modal/types";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import FaStatusTag from "@/components/others/fa-status-tag/index.vue";
+import FaCopyButton from "@/components/others/fa-copy-button/index.vue";
+
+defineOptions({
+  name: "Log",
+  inheritAttrs: false,
+});
+
+const { hasAuth } = useAuth();
+
+const activeTab = ref<"operation" | "login">("operation");
+
+// ==================== 操作日志 ====================
+
+type OpSearchForm = {
+  request_path?: string;
+  created_id?: number;
+  created_time?: string[];
+};
+
+const opSearchForm = ref<OpSearchForm>({
+  request_path: undefined,
+  created_id: undefined,
+  created_time: undefined,
+});
+const opShowSearchBar = ref(true);
+const opSearchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const opSearchBarRules: Record<string, unknown> = {};
+
+const opSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "请求路径",
+    key: "request_path",
+    type: "input",
+    placeholder: "请输入请求路径",
+    clearable: true,
+    span: 6,
+  },
+]);
+
+function buildOpReplaceParams(p: OpSearchForm): Record<string, unknown> {
+  return {
+    request_path: p.request_path,
+    created_id: p.created_id,
+    created_time:
+      Array.isArray(p.created_time) && p.created_time.length === 2 ? p.created_time : undefined,
+  };
+}
+
+const opTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const {
+  selectedRows: opSelectedRows,
+  selectedIds: opSelectedIds,
+  batchDeleting: opBatchDeleting,
+  onTableSelectionChange: onOpTableSelectionChange,
+} = useTableSelection<OperationLogTable>();
+
+const {
+  columns: opColumns,
+  columnChecks: opColumnChecks,
+  data: opData,
+  loading: opLoading,
+  pagination: opPagination,
+  searchParams: opSearchParams,
+  getData: opGetData,
+  replaceSearchParams: opReplaceSearchParams,
+  resetSearchParams: opResetSearchParams,
+  handleSizeChange: opHandleSizeChange,
+  handleCurrentChange: opHandleCurrentChange,
+  refreshData: opRefreshData,
+  refreshRemove: opRefreshRemove,
+} = useTable({
+  core: {
+    apiFn: OperationLogAPI.list,
+    apiParams: { page_no: 1, page_size: 10 },
+    columnsFactory: (): ColumnOption<OperationLogTable>[] => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "request_path", label: "请求路径", minWidth: 200, showOverflowTooltip: true },
+      {
+        prop: "request_method",
+        label: "请求方法",
+        minWidth: 100,
+        formatter: (row: OperationLogTable) =>
+          h(FaStatusTag, {
+            type: getMethodType(row.request_method),
+            label: row.request_method ?? "",
+          }),
+      },
+      {
+        prop: "response_code",
+        label: "状态码",
+        minWidth: 100,
+        formatter: (row: OperationLogTable) =>
+          h(FaStatusTag, {
+            type: getStatusCodeType(row.response_code),
+            label: String(row.response_code ?? ""),
+          }),
+      },
+      { prop: "process_time", label: "处理时间", minWidth: 120 },
+      { prop: "description", label: "描述", minWidth: 120, showOverflowTooltip: true },
+      { prop: "created_time", label: "创建时间", width: 168, showOverflowTooltip: true },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 160,
+        fixed: "right",
+        align: "center",
+        formatter: (row: OperationLogTable) => formatOpActionCell(row),
+      },
+    ],
+  },
+});
+
+const opCrudCols = computed(() =>
+  opColumns.value.map((c: ColumnOption<OperationLogTable>) => ({
+    prop: c.prop,
+    label: c.label,
+    type:
+      (c as { type?: string }).type === "selection" ? ("selection" as const) : ("default" as const),
+    show: true,
+  }))
+);
+
+const opExportQueryParams = computed(() => {
+  const sp = stripPaginationParams(opSearchParams as Record<string, unknown>);
+  return cleanEmptyArrayParams({ ...sp }) as unknown as OperationLogPageQuery;
+});
+
+const opExportContentConfig = computed(() => ({
+  permPrefix: "module_system:log",
+  cols: opCrudCols.value,
+  exportsBlobAction: async (params: IObject) => {
+    const res = await OperationLogAPI.export(
+      cleanEmptyArrayParams({
+        ...(opExportQueryParams.value as unknown as Record<string, unknown>),
+        ...params,
+      }) as OperationLogPageQuery
+    );
+    return res.data as Blob;
+  },
+}));
+
+const opFormData = ref<OperationLogTable>({} as OperationLogTable);
+
+const opDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] = [
+  { label: "描述", prop: "description", span: 8 },
+  { label: "请求路径", prop: "request_path" },
+  { label: "请求方法", prop: "request_method", slot: "request_method" },
+  { label: "响应状态码", prop: "response_code", slot: "response_code" },
+  { label: "处理时间", prop: "process_time" },
+  { label: "请求参数", prop: "request_payload", slot: "request_payload", span: 8 },
+  { label: "响应数据", prop: "response_json", slot: "response_json", span: 8 },
+  { label: "创建时间", prop: "created_time" },
+];
+
+const { dialogVisible: opDialogVisible, closeDialog: opCloseDialog } = useCrudDialog();
+const { exportVisible: opExportVisible, openExport: openOpExport } = useImportExport();
+
+async function handleOpSearch(params: OpSearchForm) {
+  await opSearchBarRef.value?.validate?.();
+  opReplaceSearchParams(buildOpReplaceParams(params));
+  opGetData();
+}
+
+function onOpResetSearch() {
+  opSearchForm.value = { request_path: undefined, created_id: undefined, created_time: undefined };
+  void opResetSearchParams();
+}
+
+async function handleOpCloseDialog() {
+  opCloseDialog();
+  Object.assign(opFormData.value, {});
+}
+
+async function handleOpOpenDetail(id: number) {
+  opDialogVisible.title = "操作日志详情";
+  const response = await OperationLogAPI.detail(id);
+  Object.assign(opFormData.value, response.data.data ?? {});
+  opDialogVisible.visible = true;
+}
+
+async function deleteOpRow(id: number) {
+  try {
+    await confirmDelete();
+    await OperationLogAPI.delete([id]);
+    opTableRef.value?.elTableRef?.clearSelection();
+    await opRefreshRemove();
+  } catch {
+    /* 用户取消 */
+  }
+}
+
+function buildOpRowActions(row: OperationLogTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_system:log:detail",
+      run: () => {
+        if (row.id != null) void handleOpOpenDetail(row.id);
+      },
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_system:log:delete",
+      run: () => {
+        if (row.id != null) deleteOpRow(row.id);
+      },
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatOpActionCell(row: OperationLogTable) {
+  return renderTableOperationCell(buildOpRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 log-table-actions",
+  });
+}
+
+async function handleOpBatchDelete() {
+  const ids = opSelectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    opBatchDeleting.value = true;
+    await OperationLogAPI.delete(ids);
+    opTableRef.value?.elTableRef?.clearSelection();
+    await opRefreshRemove();
+  } catch {
+    /* 用户取消 */
+  } finally {
+    opBatchDeleting.value = false;
+  }
+}
+
+// ==================== 登录日志 ====================
+
+type LoginSearchForm = { username?: string; status?: number; created_time?: string[] };
+
+const loginSearchForm = ref<LoginSearchForm>({
+  username: undefined,
+  status: undefined,
+  created_time: undefined,
+});
+const loginShowSearchBar = ref(true);
+const loginSearchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const loginSearchBarRules: Record<string, unknown> = {};
+
+const loginStatusOptions = ref([
+  { label: "成功", value: 1 },
+  { label: "失败", value: 2 },
+]);
+
+const loginSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "用户名",
+    key: "username",
+    type: "input",
+    placeholder: "请输入用户名",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "登录状态",
+    key: "status",
+    type: "select",
+    props: { placeholder: "请选择状态", options: loginStatusOptions.value, clearable: true },
+    span: 6,
+  },
+  {
+    label: "登录时间",
+    key: "created_time",
+    type: "datetimerange",
+    span: 6,
+    props: {
+      type: "datetimerange",
+      rangeSeparator: "至",
+      startPlaceholder: "开始日期",
+      endPlaceholder: "结束日期",
+      format: "YYYY-MM-DD HH:mm:ss",
+      valueFormat: "YYYY-MM-DD HH:mm:ss",
+      style: { width: "100%" },
+    },
+  },
+]);
+
+function buildLoginReplaceParams(p: LoginSearchForm): Record<string, unknown> {
+  return {
+    username: p.username || undefined,
+    status:
+      p.status !== undefined && p.status !== null && p.status !== ("" as unknown as number)
+        ? Number(p.status)
+        : undefined,
+    created_time:
+      Array.isArray(p.created_time) && p.created_time.length === 2 ? p.created_time : undefined,
+  };
+}
+
+const loginTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const {
+  selectedIds: loginSelectedIds,
+  batchDeleting: loginBatchDeleting,
+  onTableSelectionChange: onLoginTableSelectionChange,
+} = useTableSelection<LoginLogTable>();
+
+const {
+  columns: loginColumns,
+  columnChecks: loginColumnChecks,
+  data: loginData,
+  loading: loginLoading,
+  pagination: loginPagination,
+  getData: loginGetData,
+  replaceSearchParams: loginReplaceSearchParams,
+  resetSearchParams: loginResetSearchParams,
+  handleSizeChange: loginHandleSizeChange,
+  handleCurrentChange: loginHandleCurrentChange,
+  refreshData: loginRefreshData,
+  refreshRemove: loginRefreshRemove,
+} = useTable({
+  core: {
+    apiFn: LoginLogAPI.list,
+    apiParams: { page_no: 1, page_size: 10 },
+    columnsFactory: resolveStatusColumns<LoginLogTable>(() => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      {
+        prop: "status",
+        label: "登录状态",
+        width: 88,
+        status: {
+          1: { type: "success", text: "成功" },
+          0: { type: "danger", text: "失败" },
+        },
+      },
+      { prop: "username", label: "用户名", minWidth: 120, showOverflowTooltip: true },
+      {
+        prop: "login_ip",
+        label: "登录IP",
+        minWidth: 140,
+        formatter: (row: LoginLogTable) =>
+          h("span", { class: "inline-flex items-center gap-0.5" }, [
+            row.login_ip ?? "",
+            row.login_ip
+              ? h(FaCopyButton, { text: row.login_ip, style: { marginLeft: "2px" } })
+              : null,
+          ]),
+      },
+      { prop: "login_location", label: "登录地点", minWidth: 160, showOverflowTooltip: true },
+      { prop: "request_os", label: "操作系统", minWidth: 120 },
+      { prop: "request_browser", label: "浏览器", minWidth: 180, showOverflowTooltip: true },
+      { prop: "msg", label: "提示消息", minWidth: 200, showOverflowTooltip: true },
+      { prop: "created_time", label: "登录时间", width: 168, showOverflowTooltip: true },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 120,
+        fixed: "right",
+        align: "center",
+        formatter: (row: LoginLogTable) => formatLoginActionCell(row),
+      },
+    ]),
+  },
+});
+
+const loginFormData = ref<LoginLogTable>({} as LoginLogTable);
+
+const loginDetailItems = [
+  { label: "登录状态", prop: "status", slot: "status" },
+  { label: "用户名", prop: "username" },
+  { label: "登录IP", prop: "login_ip" },
+  { label: "登录地点", prop: "login_location" },
+  { label: "操作系统", prop: "request_os" },
+  { label: "浏览器", prop: "request_browser" },
+  { label: "提示消息", prop: "msg", span: 2 },
+  { label: "登录时间", prop: "created_time" },
+];
+
+const { dialogVisible: loginDialogVisible, closeDialog: loginCloseDialog } = useCrudDialog();
+
+async function handleLoginSearch(params: LoginSearchForm) {
+  await loginSearchBarRef.value?.validate?.();
+  loginReplaceSearchParams(buildLoginReplaceParams(params));
+  loginGetData();
+}
+
+function onLoginResetSearch() {
+  loginSearchForm.value = { username: undefined, status: undefined, created_time: undefined };
+  void loginResetSearchParams();
+}
+
+async function handleLoginOpenDetail(id: number) {
+  loginDialogVisible.title = "登录日志详情";
+  const response = await LoginLogAPI.detail(id);
+  Object.assign(loginFormData.value, response.data.data ?? {});
+  loginDialogVisible.visible = true;
+}
+
+function handleLoginCloseDialog() {
+  loginCloseDialog();
+}
+
+async function deleteLoginRow(id: number) {
+  try {
+    await confirmDelete();
+    await LoginLogAPI.delete([id]);
+    loginTableRef.value?.elTableRef?.clearSelection();
+    await loginRefreshRemove();
+  } catch {
+    /* 用户取消 */
+  }
+}
+
+function buildLoginRowActions(row: LoginLogTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_system:login_log:query",
+      run: () => {
+        if (row.id != null) void handleLoginOpenDetail(row.id);
+      },
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_system:login_log:delete",
+      run: () => {
+        if (row.id != null) deleteLoginRow(row.id);
+      },
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatLoginActionCell(row: LoginLogTable) {
+  return renderTableOperationCell(buildLoginRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 loginlog-table-actions",
+  });
+}
+
+async function handleLoginBatchDelete() {
+  const ids = loginSelectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    loginBatchDeleting.value = true;
+    await LoginLogAPI.delete(ids);
+    loginTableRef.value?.elTableRef?.clearSelection();
+    await loginRefreshRemove();
+  } catch {
+    /* 用户取消 */
+  } finally {
+    loginBatchDeleting.value = false;
+  }
+}
+
+// 修复：登录日志 tab 在组件挂载时数据已请求但 DOM 未就绪，首次切换到时重新请求
+const loginTabLoaded = ref(false);
+watch(activeTab, (tab) => {
+  if (tab === "login" && !loginTabLoaded.value) {
+    loginTabLoaded.value = true;
+    nextTick(() => {
+      loginGetData();
+    });
+  }
+});
+
+// ==================== 通用 ====================
+
+function getStatusCodeType(code?: number): StatusType {
+  if (code === undefined) return "info";
+  if (code >= 200 && code < 300) return "success";
+  if (code >= 300 && code < 400) return "warning";
+  return "danger";
+}
+
+function getMethodType(method?: string): StatusType {
+  if (method === undefined) return "info";
+  if (method === "GET") return "info";
+  if (method === "POST") return "success";
+  if (method === "PUT" || method === "PATCH") return "warning";
+  if (method === "DELETE") return "danger";
+  return "info";
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.el-tabs) {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+
+:deep(.el-tabs__content) {
+  flex: 1;
+  min-height: 0;
+  overflow: visible;
+}
+
+:deep(.el-tab-pane) {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+</style>
diff --git a/src/views/module_system/notice/index.vue b/src/views/module_system/notice/index.vue
new file mode 100644
index 0000000..e01ebe5
--- /dev/null
+++ b/src/views/module_system/notice/index.vue
@@ -0,0 +1,722 @@
+<!-- 公告通知：Fa 布局 + useTable，与 dict 页一致 -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="noticeSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      :audit-item-options="{ showTenantId: true }"
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    >
+      <template #created_id>
+        <FaUserTableSelect
+          :model-value="searchForm.created_id == null ? undefined : searchForm.created_id"
+          @update:model-value="(v: number | undefined) => (searchForm.created_id = v)"
+          @confirm-click="afterUserSelectSearch"
+          @clear-click="afterUserSelectSearch"
+        />
+      </template>
+    </FaSearchBar>
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_system:notice:create']"
+            :perm-export="['module_system:notice:export']"
+            :perm-delete="['module_system:notice:delete']"
+            :perm-patch="['module_system:notice:patch']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            :more-loading="moreLoading"
+            @add="handleAdd"
+            @export="openExport"
+            @delete="handleBatchDelete"
+            @more="handleMoreClick"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="920px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="4"
+          :data="detailFormData"
+          :items="noticeDetailItems"
+          label-width="120px"
+          max-height="75vh"
+        >
+          <template #notice_type="{ row }">
+            <FaStatusTag
+              :type="row?.notice_type === '1' ? 'primary' : 'warning'"
+              :label="noticeTypeLabel(row?.notice_type as string)"
+            />
+          </template>
+          <template #notice_content>
+            <ElScrollbar class="notice-html-preview" view-class="p-3">
+              <template v-if="detailHasRenderableContent">
+                <div v-html="detailContentHtml" />
+              </template>
+              <p v-else class="notice-html-empty">暂无内容</p>
+            </ElScrollbar>
+          </template>
+        </FaDescriptions>
+      </template>
+      <template v-else>
+        <FaForm
+          :key="noticeFormRenderKey"
+          scrollbar
+          max-height="75vh"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="noticeDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="100"
+          label-position="right"
+          :span="24"
+          :gutter="16"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        >
+          <template #status>
+            <ElRadioGroup v-model="formData.status">
+              <ElRadio :value="0">启用</ElRadio>
+              <ElRadio :value="1">停用</ElRadio>
+            </ElRadioGroup>
+          </template>
+          <template #notice_content>
+            <FaWangEditor
+              :model-value="formData.notice_content ?? ''"
+              height="min(38vh, 280px)"
+              placeholder="请输入公告内容，支持完整排版与插入..."
+              :exclude-keys="[]"
+              @update:model-value="(v: string) => (formData.notice_content = v)"
+            />
+          </template>
+        </FaForm>
+      </template>
+    </FaDialog>
+
+    <FaExportDialog
+      v-model="exportVisible"
+      :content-config="noticeExportContentConfig"
+      :query-params="exportQueryParams"
+      :page-data="data"
+      :selection-data="selectedRows"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useTable } from "@/hooks/core/useTable";
+import { useImportExport } from "@/hooks/core/useImportExport";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { useCrudForm } from "@/hooks/core/useCrudForm";
+import { confirmDelete, confirmBatchDelete, confirmToggleStatus } from "@/hooks/core/useConfirm";
+import { cleanEmptyArrayParams, stripPaginationParams } from "@/utils/query";
+import type { ColumnOption } from "@/types/component";
+import NoticeAPI, {
+  type NoticeForm,
+  type NoticePageQuery,
+  type NoticeTable,
+} from "@/api/module_system/notice";
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction, resolveStatusColumns } from "@utils";
+import { useDictStore, useNoticeStore } from "@stores";
+import type { IObject } from "@/components/modal/types";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import { ElMessage, ElScrollbar } from "element-plus";
+import DOMPurify from "dompurify";
+
+defineOptions({
+  name: "Notice",
+  inheritAttrs: false,
+});
+
+const dictStore = useDictStore();
+const noticeStore = useNoticeStore();
+const { hasAuth } = useAuth();
+
+type NoticeSearchForm = {
+  notice_title?: string;
+  notice_type?: string;
+  status?: number;
+  created_time?: string[];
+  created_id?: number;
+};
+
+function normalizeNoticeQuery(params: Record<string, unknown>): NoticePageQuery {
+  return cleanEmptyArrayParams({ ...params }) as unknown as NoticePageQuery;
+}
+
+function noticeTypeLabel(val?: string) {
+  if (!val) return "";
+  const lab = dictStore.getDictLabel("sys_notice_type", val);
+  if (typeof lab === "string") return lab;
+  return lab.dict_label ?? val;
+}
+
+const searchForm = ref<NoticeSearchForm>({
+  notice_title: undefined,
+  notice_type: undefined,
+  status: undefined,
+  created_time: undefined,
+  created_id: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const statusOptions = ref([
+  { label: "启用", value: 0 },
+  { label: "停用", value: 1 },
+]);
+
+const noticeTypeSearchOptions = computed(() =>
+  dictStore.getDictArray("sys_notice_type").map((item) => ({
+    label: item.dict_label,
+    value: item.dict_value,
+  }))
+);
+
+const noticeSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "标题",
+    key: "notice_title",
+    type: "input",
+    placeholder: "请输入标题",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "类型",
+    key: "notice_type",
+    type: "select",
+    props: {
+      placeholder: "请选择类型",
+      options: noticeTypeSearchOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: statusOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+
+// ─── 表格多选 ───
+const { selectedRows, selectedIds, batchDeleting, onTableSelectionChange } =
+  useTableSelection<NoticeTable>();
+
+const createLoading = ref(false);
+const moreLoading = ref(false);
+
+// ─── 对话框状态 ───
+const { dialogVisible } = useCrudDialog();
+
+const detailFormData = ref<NoticeTable>({});
+
+const noticeDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] =
+  [
+    { label: "标题", prop: "notice_title" },
+    { label: "类型", prop: "notice_type", slot: "notice_type" },
+    {
+      label: "状态",
+      prop: "status",
+      tag: {
+        map: { "0": { type: "success", text: "启用" }, "1": { type: "danger", text: "停用" } },
+      },
+    },
+    { label: "描述", prop: "description" },
+    { label: "内容", prop: "notice_content", slot: "notice_content", span: 4 },
+    { label: "创建人", prop: "created_by.name" },
+    { label: "更新人", prop: "updated_by.name" },
+    { label: "创建时间", prop: "created_time" },
+    { label: "更新时间", prop: "updated_time" },
+  ];
+
+/** 详情富文本 HTML（用于预览，已做 XSS 净化） */
+const detailContentHtml = computed({
+  get: () => {
+    const raw = detailFormData.value.notice_content ?? "";
+    return DOMPurify.sanitize(raw);
+  },
+  set: (v: string) => {
+    detailFormData.value.notice_content = v;
+  },
+});
+
+/** 详情是否有可视文本 */
+const detailHasRenderableContent = computed(() => {
+  const raw = detailFormData.value.notice_content ?? "";
+  if (!raw.trim()) return false;
+  const plain = raw
+    .replace(/<[^>]+>/g, " ")
+    .replace(/\s+/g, " ")
+    .trim();
+  return plain.length > 0;
+});
+
+const formData = ref<NoticeForm>({
+  id: undefined,
+  notice_title: "",
+  notice_type: "",
+  notice_content: "",
+  status: 0,
+  description: undefined,
+});
+
+const rules = reactive({
+  notice_title: [{ required: true, message: "请输入公告通知标题", trigger: "blur" }],
+  notice_type: [{ required: true, message: "请选择公告通知类型", trigger: "blur" }],
+  notice_content: [{ required: true, message: "请输入公告通知内容", trigger: "blur" }],
+  status: [{ required: true, message: "请选择公告通知状态", trigger: "blur" }],
+});
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const noticeFormRenderKey = ref(0);
+
+const initialFormData: NoticeForm = {
+  id: undefined,
+  notice_title: "",
+  notice_type: "",
+  notice_content: "",
+  status: 0,
+  description: undefined,
+};
+
+// ─── CRUD 表单 ───
+const { submitLoading, handleCloseDialog, handleOpenDialog, handleSubmit } =
+  useCrudForm<NoticeForm>({
+    formData,
+    initialFormData,
+    dialogVisible,
+    dataFormRef,
+    formRenderKey: noticeFormRenderKey,
+    detailApi: NoticeAPI.detailNotice,
+    createApi: NoticeAPI.createNotice,
+    updateApi: NoticeAPI.updateNotice,
+    titles: { create: "新增公告通知", update: "修改公告通知", detail: "公告通知详情" },
+    detailFormData,
+    onCreateSuccess: async () => {
+      await refreshCreate();
+    },
+    onUpdateSuccess: async () => {
+      await refreshUpdate();
+    },
+    onSubmitSuccess: async () => {
+      await noticeStore.getNotice();
+    },
+  });
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+const noticeDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "标题",
+    key: "notice_title",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入标题", maxlength: 50 },
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 2,
+      maxlength: 100,
+      showWordLimit: true,
+      placeholder: "请输入描述",
+    },
+  },
+  {
+    label: "类型",
+    key: "notice_type",
+    type: "select",
+    span: 24,
+    props: {
+      placeholder: "请选择类型",
+      clearable: true,
+      class: "w-full! max-w-md",
+      options: dictStore.getDictArray("sys_notice_type").map((item) => ({
+        label: item.dict_label,
+        value: item.dict_value,
+      })),
+    },
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "内容",
+    key: "notice_content",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+]);
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  searchParams,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshUpdate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: NoticeAPI.listNotice,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: resolveStatusColumns<NoticeTable>(() => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "notice_title", label: "通知标题", minWidth: 140, showOverflowTooltip: true },
+      {
+        prop: "status",
+        label: "状态",
+        width: 88,
+        status: {
+          0: { type: "success", text: "启用" },
+          1: { type: "danger", text: "停用" },
+        },
+      },
+      {
+        prop: "notice_type",
+        label: "类型",
+        minWidth: 100,
+        status: {
+          "1": { type: "primary", text: "通知" },
+          "2": { type: "warning", text: "公告" },
+        },
+      },
+      { prop: "notice_content", label: "内容", minWidth: 200, showOverflowTooltip: true },
+      { prop: "description", label: "描述", minWidth: 140, showOverflowTooltip: true },
+      { prop: "created_time", label: "创建时间", width: 168, showOverflowTooltip: true },
+      { prop: "updated_time", label: "更新时间", width: 168, showOverflowTooltip: true },
+      {
+        prop: "created_id",
+        label: "创建人",
+        minWidth: 100,
+        formatter: (row: NoticeTable) => row.created_by?.name ?? "—",
+      },
+      {
+        prop: "updated_id",
+        label: "更新人",
+        minWidth: 100,
+        formatter: (row: NoticeTable) => row.updated_by?.name ?? "—",
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 220,
+        fixed: "right",
+        align: "center",
+        formatter: (row: NoticeTable) => formatNoticeOperationCell(row),
+      },
+    ]),
+  },
+});
+
+const noticeCrudCols = computed(() =>
+  columns.value.map((c: ColumnOption<NoticeTable>) => {
+    const t = (c as { type?: string }).type;
+    return {
+      prop: c.prop,
+      label: c.label,
+      type: t === "selection" ? ("selection" as const) : ("default" as const),
+      show: true,
+    };
+  })
+);
+
+const exportQueryParams = computed(() => {
+  const sp = stripPaginationParams(searchParams as Record<string, unknown>);
+  return normalizeNoticeQuery(sp);
+});
+
+const noticeExportContentConfig = computed(() => ({
+  permPrefix: "module_system:notice",
+  cols: noticeCrudCols.value,
+  exportsBlobAction: async (params: IObject) => {
+    const merged = normalizeNoticeQuery({
+      ...(exportQueryParams.value as unknown as Record<string, unknown>),
+      ...params,
+    } as Record<string, unknown>);
+    const res = await NoticeAPI.exportNotice(merged as NoticePageQuery);
+    return res.data as Blob;
+  },
+}));
+
+const { exportVisible, openExport } = useImportExport();
+
+function buildNoticeReplaceParams(p: NoticeSearchForm): Record<string, unknown> {
+  return {
+    notice_title: p.notice_title,
+    notice_type: p.notice_type,
+    status: p.status,
+    created_id: p.created_id,
+    created_time:
+      Array.isArray(p.created_time) && p.created_time.length === 2 ? p.created_time : undefined,
+  };
+}
+
+async function handleSearchBarSearch(params: NoticeSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildNoticeReplaceParams(params));
+  getData();
+}
+
+async function applyNoticeSearchFromForm() {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildNoticeReplaceParams(searchForm.value));
+  getData();
+}
+
+async function afterUserSelectSearch() {
+  await nextTick();
+  await applyNoticeSearchFromForm();
+}
+
+function onResetSearch() {
+  searchForm.value = {
+    notice_title: undefined,
+    notice_type: undefined,
+    status: undefined,
+    created_time: undefined,
+    created_id: undefined,
+  };
+  void resetSearchParams();
+}
+
+async function deleteNoticeRow(id: number) {
+  try {
+    await confirmDelete();
+    await NoticeAPI.deleteNotice([id]);
+    await noticeStore.getNotice();
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    ElMessage.info("删除取消");
+  }
+}
+
+function buildNoticeRowActions(row: NoticeTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_system:notice:detail",
+      run: () => {
+        if (row.id != null) void handleOpenDialog("detail", row.id);
+      },
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      icon: "ri:edit-2-line",
+      perm: "module_system:notice:update",
+      run: () => {
+        if (row.id != null) void handleOpenDialog("update", row.id);
+      },
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_system:notice:delete",
+      run: () => {
+        if (row.id != null) deleteNoticeRow(row.id);
+      },
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatNoticeOperationCell(row: NoticeTable) {
+  return renderTableOperationCell(buildNoticeRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 notice-table-actions",
+  });
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await NoticeAPI.deleteNotice(ids);
+    await noticeStore.getNotice();
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    ElMessage.info("删除取消");
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+async function handleMoreClick(status: number) {
+  const ids = selectedIds.value;
+  if (!ids.length) {
+    ElMessage.warning("请先选择要操作的数据");
+    return;
+  }
+  try {
+    await confirmToggleStatus(status);
+    moreLoading.value = true;
+    await NoticeAPI.batchNotice({ ids, status });
+    await refreshData();
+    await noticeStore.getNotice();
+  } catch {
+    // 用户取消或操作失败
+  } finally {
+    moreLoading.value = false;
+  }
+}
+
+onMounted(async () => {
+  await dictStore.getDict(["sys_notice_type"]);
+});
+</script>
+
+<style scoped lang="scss">
+/* 富文本预览区域阅读样式（与 FaWangEditor 输出 HTML 展示一致） */
+.notice-html-preview {
+  box-sizing: border-box;
+  min-height: 120px;
+  max-height: min(360px, 45vh);
+  background-color: var(--el-bg-color);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: calc(var(--custom-radius) / 3 + 2px);
+}
+
+.notice-html-empty {
+  margin: 0;
+  font-size: 14px;
+  color: var(--el-text-color-placeholder);
+}
+
+.notice-html-preview :deep(h1),
+.notice-html-preview :deep(h2),
+.notice-html-preview :deep(h3) {
+  margin: 12px 0 8px;
+}
+
+.notice-html-preview :deep(p) {
+  margin: 8px 0;
+  line-height: 1.6;
+}
+
+.notice-html-preview :deep(table) {
+  margin: 12px 0;
+}
+
+.notice-html-preview :deep(table th),
+.notice-html-preview :deep(table td) {
+  padding: 8px 12px;
+}
+
+.notice-html-preview :deep(pre) {
+  padding: 12px;
+  margin: 12px 0;
+  overflow-x: auto;
+  background-color: var(--el-fill-color-light);
+  border-radius: 4px;
+}
+
+.notice-html-preview :deep(blockquote) {
+  padding-left: 16px;
+  margin: 12px 0;
+  color: var(--el-text-color-regular);
+  border-left: 4px solid var(--el-color-primary);
+}
+
+.notice-html-preview :deep(img) {
+  max-width: 100%;
+  height: auto;
+}
+</style>
diff --git a/src/views/module_system/params/index.vue b/src/views/module_system/params/index.vue
new file mode 100644
index 0000000..3369d1f
--- /dev/null
+++ b/src/views/module_system/params/index.vue
@@ -0,0 +1,536 @@
+<!-- 系统配置：Fa 布局 + useTable，与 notice 页一致 -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="paramSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      :audit-item-options="{ showTenantId: true }"
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_system:param:create']"
+            :perm-export="['module_system:param:export']"
+            :perm-delete="['module_system:param:delete']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            @add="handleAdd"
+            @export="openExport"
+            @delete="handleBatchDelete"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="640px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="4"
+          :data="detailFormData"
+          :items="paramDetailItems"
+          max-height="75vh"
+        />
+      </template>
+      <template v-else>
+        <FaForm
+          :key="paramFormRenderKey"
+          scrollbar
+          max-height="75vh"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="paramDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="100"
+          label-position="right"
+          :span="24"
+          :gutter="16"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        >
+          <template #config_type>
+            <ElRadioGroup v-model="formData.config_type">
+              <ElRadio :value="true">是</ElRadio>
+              <ElRadio :value="false">否</ElRadio>
+            </ElRadioGroup>
+          </template>
+        </FaForm>
+      </template>
+    </FaDialog>
+
+    <FaExportDialog
+      v-model="exportVisible"
+      :content-config="paramExportContentConfig"
+      :query-params="exportQueryParams"
+      :page-data="data"
+      :selection-data="selectedRows"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useTable } from "@/hooks/core/useTable";
+import { useImportExport } from "@/hooks/core/useImportExport";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { useCrudForm } from "@/hooks/core/useCrudForm";
+import { confirmDelete, confirmBatchDelete } from "@/hooks/core/useConfirm";
+import { cleanEmptyArrayParams, stripPaginationParams } from "@/utils/query";
+import type { ColumnOption } from "@/types/component";
+import ParamsAPI, {
+  type ConfigForm,
+  type ConfigPageQuery,
+  type ConfigTable,
+} from "@/api/module_system/params";
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction } from "@utils";
+import { useConfigStore } from "@stores";
+import type { IObject } from "@/components/modal/types";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+
+defineOptions({
+  name: "Params",
+  inheritAttrs: false,
+});
+
+const configStore = useConfigStore();
+const { hasAuth } = useAuth();
+
+type ParamSearchForm = {
+  config_name?: string;
+  config_key?: string;
+  config_type?: string;
+  created_time?: string[];
+};
+
+function normalizeParamQuery(params: Record<string, unknown>): ConfigPageQuery {
+  const p = cleanEmptyArrayParams({ ...params });
+  if (p.config_type === "true" || p.config_type === true) p.config_type = true;
+  else if (p.config_type === "false" || p.config_type === false) p.config_type = false;
+  return p as unknown as ConfigPageQuery;
+}
+
+function buildParamReplaceParams(p: ParamSearchForm): Record<string, unknown> {
+  return {
+    config_name: p.config_name,
+    config_key: p.config_key,
+    config_type: p.config_type,
+    created_time:
+      Array.isArray(p.created_time) && p.created_time.length === 2 ? p.created_time : undefined,
+  };
+}
+
+const searchForm = ref<ParamSearchForm>({
+  config_name: undefined,
+  config_key: undefined,
+  config_type: undefined,
+  created_time: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const builtinOptions = ref([
+  { label: "是", value: "true" },
+  { label: "否", value: "false" },
+]);
+
+const paramSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "配置名称",
+    key: "config_name",
+    type: "input",
+    placeholder: "请输入配置名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "配置键名",
+    key: "config_key",
+    type: "input",
+    placeholder: "请输入配置键名",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "系统内置",
+    key: "config_type",
+    type: "select",
+    props: {
+      placeholder: "请选择系统内置",
+      options: builtinOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: [
+        { label: "启用", value: 0 },
+        { label: "停用", value: 1 },
+      ],
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+
+// ─── 表格多选 ───
+const { selectedRows, selectedIds, batchDeleting, onTableSelectionChange } =
+  useTableSelection<ConfigTable>();
+
+const createLoading = ref(false);
+
+// ─── 对话框状态 ───
+const { dialogVisible } = useCrudDialog();
+
+const detailFormData = ref<ConfigTable>({} as ConfigTable);
+
+const paramDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] =
+  [
+    { label: "配置名称", prop: "config_name" },
+    {
+      label: "系统内置",
+      prop: "config_type",
+      tag: {
+        map: { true: { type: "success", text: "是" }, false: { type: "danger", text: "否" } },
+      },
+    },
+    { label: "配置键", prop: "config_key" },
+    { label: "配置值", prop: "config_value" },
+    { label: "描述", prop: "description" },
+    { label: "创建时间", prop: "created_time" },
+    { label: "更新时间", prop: "updated_time" },
+  ];
+
+const formData = ref<ConfigForm>({
+  id: undefined,
+  config_name: "",
+  config_key: "",
+  config_value: "",
+  config_type: false,
+  description: "",
+});
+
+const rules = reactive({
+  config_name: [{ required: true, message: "请输入系统配置名称", trigger: "blur" }],
+  config_key: [{ required: true, message: "请输入系统配置键", trigger: "blur" }],
+  config_value: [{ required: true, message: "请输入系统配置值", trigger: "blur" }],
+  config_type: [{ required: true, message: "请选择系统配置类型", trigger: "blur" }],
+});
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const paramFormRenderKey = ref(0);
+
+const initialFormData: ConfigForm = {
+  id: undefined,
+  config_name: "",
+  config_key: "",
+  config_value: "",
+  config_type: false,
+  description: "",
+};
+
+// ─── CRUD 表单 ───
+const { submitLoading, handleCloseDialog, handleOpenDialog, handleSubmit } =
+  useCrudForm<ConfigForm>({
+    formData,
+    initialFormData,
+    dialogVisible,
+    dataFormRef,
+    formRenderKey: paramFormRenderKey,
+    detailApi: ParamsAPI.detailParams,
+    createApi: ParamsAPI.createParams,
+    updateApi: ParamsAPI.updateParams,
+    titles: { create: "新增系统配置", update: "修改系统配置", detail: "系统配置详情" },
+    detailFormData,
+    onCreateSuccess: async () => {
+      await refreshCreate();
+    },
+    onUpdateSuccess: async () => {
+      await refreshUpdate();
+    },
+    onSubmitSuccess: async () => {
+      configStore.isConfigLoaded = false;
+      await configStore.getConfig();
+    },
+  });
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+const paramDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "配置名称",
+    key: "config_name",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入配置名称", maxlength: 50 },
+  },
+  {
+    label: "配置键",
+    key: "config_key",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入配置键", maxlength: 50 },
+  },
+  {
+    label: "配置值",
+    key: "config_value",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入配置值", maxlength: 100 },
+  },
+  {
+    label: "系统内置",
+    key: "config_type",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 4,
+      maxlength: 100,
+      showWordLimit: true,
+      placeholder: "请输入描述",
+    },
+  },
+]);
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  searchParams,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshUpdate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: ParamsAPI.listParams,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: (): ColumnOption<ConfigTable>[] => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "config_name", label: "配置名称", minWidth: 120, showOverflowTooltip: true },
+      { prop: "config_key", label: "配置键", minWidth: 200, showOverflowTooltip: true },
+      { prop: "config_value", label: "配置值", minWidth: 200, showOverflowTooltip: true },
+      {
+        prop: "config_type",
+        label: "系统内置",
+        minWidth: 100,
+        status: {
+          true: { type: "success", text: "是" },
+          false: { type: "danger", text: "否" },
+        },
+      },
+      { prop: "description", label: "描述", minWidth: 120, showOverflowTooltip: true },
+      { prop: "created_time", label: "创建时间", width: 168, showOverflowTooltip: true },
+      { prop: "updated_time", label: "更新时间", width: 168, showOverflowTooltip: true },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 220,
+        fixed: "right",
+        align: "center",
+        formatter: (row: ConfigTable) => formatParamOperationCell(row),
+      },
+    ],
+  },
+});
+
+const paramCrudCols = computed(() =>
+  columns.value.map((c: ColumnOption<ConfigTable>) => {
+    const t = (c as { type?: string }).type;
+    return {
+      prop: c.prop,
+      label: c.label,
+      type: t === "selection" ? ("selection" as const) : ("default" as const),
+      show: true,
+    };
+  })
+);
+
+const exportQueryParams = computed(() => {
+  const sp = stripPaginationParams(searchParams as Record<string, unknown>);
+  return normalizeParamQuery(sp);
+});
+
+const paramExportContentConfig = computed(() => ({
+  permPrefix: "module_system:param",
+  cols: paramCrudCols.value,
+  exportsBlobAction: async (params: IObject) => {
+    const merged = normalizeParamQuery({
+      ...(exportQueryParams.value as unknown as Record<string, unknown>),
+      ...params,
+    } as Record<string, unknown>);
+    const res = await ParamsAPI.exportParams(merged as ConfigPageQuery);
+    return res.data as Blob;
+  },
+}));
+
+const { exportVisible, openExport } = useImportExport();
+
+async function handleSearchBarSearch(params: ParamSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildParamReplaceParams(params));
+  getData();
+}
+
+function onResetSearch() {
+  searchForm.value = {
+    config_name: undefined,
+    config_key: undefined,
+    config_type: undefined,
+    created_time: undefined,
+  };
+  void resetSearchParams();
+}
+
+async function deleteParamRow(id: number) {
+  try {
+    await confirmDelete();
+    await ParamsAPI.deleteParams([id]);
+    configStore.isConfigLoaded = false;
+    await configStore.getConfig();
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  }
+}
+
+function buildParamRowActions(row: ConfigTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_system:param:detail",
+      run: () => {
+        if (row.id != null) void handleOpenDialog("detail", row.id);
+      },
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      icon: "ri:edit-2-line",
+      perm: "module_system:param:update",
+      run: () => {
+        if (row.id != null) void handleOpenDialog("update", row.id);
+      },
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_system:param:delete",
+      run: () => {
+        if (row.id != null) deleteParamRow(row.id);
+      },
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatParamOperationCell(row: ConfigTable) {
+  return renderTableOperationCell(buildParamRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 param-table-actions",
+  });
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await ParamsAPI.deleteParams(ids);
+    configStore.isConfigLoaded = false;
+    await configStore.getConfig();
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+</script>
diff --git a/src/views/module_system/position/index.vue b/src/views/module_system/position/index.vue
new file mode 100644
index 0000000..99e676e
--- /dev/null
+++ b/src/views/module_system/position/index.vue
@@ -0,0 +1,566 @@
+<!-- 岗位管理：FA + useTable；操作列前 3 个为 FaButtonTable，其余收入「更多」下拉 -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="positionSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      :audit-item-options="{ showTenantId: true }"
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_system:position:create']"
+            :perm-export="['module_system:position:export']"
+            :perm-delete="['module_system:position:delete']"
+            :perm-patch="['module_system:position:patch']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            :more-loading="moreLoading"
+            @add="handleAdd"
+            @export="openExport"
+            @delete="handleBatchDelete"
+            @more="handleMoreClick"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="640px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="4"
+          :data="detailFormData"
+          :items="positionDetailItems"
+          max-height="75vh"
+        />
+      </template>
+      <template v-else>
+        <FaForm
+          scrollbar
+          max-height="75vh"
+          :key="positionFormRenderKey"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="positionDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="100"
+          label-position="right"
+          :span="24"
+          :gutter="16"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        >
+          <template #status>
+            <ElRadioGroup v-model="formData.status">
+              <ElRadio :value="0">启用</ElRadio>
+              <ElRadio :value="1">停用</ElRadio>
+            </ElRadioGroup>
+          </template>
+        </FaForm>
+      </template>
+    </FaDialog>
+
+    <FaExportDialog
+      v-model="exportVisible"
+      :content-config="positionExportContentConfig"
+      :query-params="exportQueryParams"
+      :page-data="data"
+      :selection-data="selectedRows"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useTable } from "@/hooks/core/useTable";
+import { useImportExport } from "@/hooks/core/useImportExport";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { useCrudForm } from "@/hooks/core/useCrudForm";
+import { confirmDelete, confirmBatchDelete, confirmToggleStatus } from "@/hooks/core/useConfirm";
+import { cleanEmptyArrayParams, stripPaginationParams } from "@/utils/query";
+import type { ColumnOption } from "@/types/component";
+import PositionAPI, {
+  type PositionForm,
+  type PositionPageQuery,
+  type PositionTable,
+} from "@/api/module_system/position";
+import { useAuth } from "@/hooks/core/useAuth";
+import { useUserStore } from "@stores";
+import type { IObject } from "@/components/modal/types";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import { resolveStatusColumns, renderTableOperationCell } from "@utils";
+import { ElMessage } from "element-plus";
+
+defineOptions({
+  name: "Position",
+  inheritAttrs: false,
+});
+
+const { hasAuth } = useAuth();
+const userStore = useUserStore();
+
+type PositionSearchForm = {
+  name?: string;
+  status?: number;
+  created_time?: string[];
+  created_id?: number;
+};
+
+function normalizePositionQuery(params: Record<string, unknown>): PositionPageQuery {
+  return cleanEmptyArrayParams({ ...params }) as unknown as PositionPageQuery;
+}
+
+function buildPositionReplaceParams(p: PositionSearchForm): Record<string, unknown> {
+  return {
+    name: p.name,
+    status: p.status,
+    created_id: p.created_id,
+    created_time:
+      Array.isArray(p.created_time) && p.created_time.length === 2 ? p.created_time : undefined,
+  };
+}
+
+type RowAction = {
+  key: string;
+  label: string;
+  artType: "add" | "edit" | "delete" | "view" | "more";
+  icon?: string;
+  perm: string;
+  disabled?: boolean;
+  run: () => void;
+};
+
+function buildPositionRowActions(
+  row: PositionTable,
+  ctx: {
+    onDetail: (id: number) => void;
+    onEdit: (id: number) => void;
+    onDelete: (id: number) => void;
+  }
+): RowAction[] {
+  const all: RowAction[] = [
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_system:position:detail",
+      run: () => ctx.onDetail(row.id!),
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      perm: "module_system:position:update",
+      run: () => ctx.onEdit(row.id!),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      perm: "module_system:position:delete",
+      run: () => ctx.onDelete(row.id!),
+    },
+  ];
+  return all.filter((a) => hasAuth(a.perm));
+}
+
+function formatPositionOperationCell(
+  row: PositionTable,
+  ctx: Parameters<typeof buildPositionRowActions>[1]
+) {
+  return renderTableOperationCell(buildPositionRowActions(row, ctx), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 position-table-actions",
+  });
+}
+
+const searchForm = ref<PositionSearchForm>({
+  name: undefined,
+  status: undefined,
+  created_time: undefined,
+  created_id: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const statusOptions = ref([
+  { label: "启用", value: 0 },
+  { label: "停用", value: 1 },
+]);
+
+const positionSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "岗位名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入岗位名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: statusOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const { selectedRows, selectedIds, batchDeleting, onTableSelectionChange } =
+  useTableSelection<PositionTable>();
+
+const createLoading = ref(false);
+const moreLoading = ref(false);
+
+const opCtx = {
+  onDetail: (id: number) => void handleOpenDialog("detail", id),
+  onEdit: (id: number) => void handleOpenDialog("update", id),
+  onDelete: deletePositionRow,
+};
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  searchParams,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshUpdate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: PositionAPI.listPosition,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: resolveStatusColumns<PositionTable>(() => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "name", label: "岗位名称", minWidth: 100, showOverflowTooltip: true },
+      {
+        prop: "status",
+        label: "状态",
+        width: 88,
+        status: {
+          0: { type: "success", text: "启用" },
+          1: { type: "danger", text: "停用" },
+        },
+      },
+      { prop: "order", label: "岗位排序", width: 100, showOverflowTooltip: true },
+      { prop: "description", label: "描述", minWidth: 120, showOverflowTooltip: true },
+      { prop: "created_time", label: "创建时间", width: 168, showOverflowTooltip: true },
+      { prop: "updated_time", label: "更新时间", width: 168, showOverflowTooltip: true },
+      {
+        prop: "created_id",
+        label: "创建人",
+        minWidth: 100,
+        formatter: (row: PositionTable) => row.created_by?.name ?? "—",
+      },
+      {
+        prop: "updated_id",
+        label: "更新人",
+        minWidth: 100,
+        formatter: (row: PositionTable) => row.updated_by?.name ?? "—",
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 200,
+        fixed: "right",
+        align: "center",
+        formatter: (row: PositionTable) => formatPositionOperationCell(row, opCtx),
+      },
+    ]),
+  },
+});
+
+const positionCrudCols = computed(() =>
+  columns.value.map((c: ColumnOption<PositionTable>) => {
+    const t = (c as { type?: string }).type;
+    return {
+      prop: c.prop,
+      label: c.label,
+      type: t === "selection" ? ("selection" as const) : ("default" as const),
+      show: true,
+    };
+  })
+);
+
+const exportQueryParams = computed(() => {
+  return normalizePositionQuery(stripPaginationParams(searchParams)) as unknown as Record<
+    string,
+    unknown
+  >;
+});
+
+const positionExportContentConfig = computed(() => ({
+  permPrefix: "module_system:position",
+  cols: positionCrudCols.value,
+  exportsBlobAction: async (params: IObject) => {
+    const merged = normalizePositionQuery({
+      ...(exportQueryParams.value as Record<string, unknown>),
+      ...params,
+    } as Record<string, unknown>);
+    const res = await PositionAPI.exportPosition(merged as PositionPageQuery);
+    return res.data as Blob;
+  },
+}));
+
+const detailFormData = ref<PositionTable>({});
+
+const positionDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] =
+  [
+    { label: "岗位名称", prop: "name" },
+    { label: "排序", prop: "order" },
+    {
+      label: "状态",
+      prop: "status",
+      tag: {
+        map: { "0": { type: "success", text: "启用" }, "1": { type: "danger", text: "停用" } },
+      },
+    },
+    { label: "创建人", prop: "created_by.name" },
+    { label: "更新人", prop: "updated_by.name" },
+    { label: "创建时间", prop: "created_time" },
+    { label: "更新时间", prop: "updated_time" },
+    { label: "描述", prop: "description", span: 4 },
+  ];
+
+const formData = ref<PositionForm>({
+  id: undefined,
+  name: undefined,
+  code: undefined,
+  order: 1,
+  status: 0,
+  description: undefined,
+});
+
+const { dialogVisible } = useCrudDialog();
+
+const rules = reactive({
+  name: [{ required: true, message: "请输入岗位名称", trigger: "blur" }],
+  code: [{ required: true, message: "请输入岗位编码", trigger: "blur" }],
+  order: [{ required: true, message: "请输入岗位排序", trigger: "blur" }],
+  status: [{ required: true, message: "请选择岗位状态", trigger: "blur" }],
+});
+
+const initialFormData: PositionForm = {
+  id: undefined,
+  name: undefined,
+  code: undefined,
+  order: 1,
+  status: 0,
+  description: undefined,
+};
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const positionFormRenderKey = ref(0);
+
+// ─── CRUD 表单 ───
+const { submitLoading, handleCloseDialog, handleOpenDialog, handleSubmit } =
+  useCrudForm<PositionForm>({
+    formData,
+    initialFormData,
+    dialogVisible,
+    dataFormRef,
+    formRenderKey: positionFormRenderKey,
+    detailApi: PositionAPI.detailPosition,
+    createApi: PositionAPI.createPosition,
+    updateApi: PositionAPI.updatePosition,
+    titles: { create: "新增岗位", update: "修改岗位", detail: "岗位详情" },
+    detailFormData,
+    onCreateSuccess: async () => {
+      await refreshCreate();
+    },
+    onUpdateSuccess: async () => {
+      await refreshUpdate();
+    },
+    onSubmitSuccess: async () => {
+      await userStore.getUserInfo();
+    },
+  });
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+const positionDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "岗位名称",
+    key: "name",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入岗位名称", maxlength: 50 },
+  },
+  {
+    label: "岗位编码",
+    key: "code",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入岗位编码", maxlength: 64 },
+  },
+  {
+    label: "排序",
+    key: "order",
+    type: "number",
+    span: 24,
+    props: { controlsPosition: "right", min: 1 },
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 4,
+      maxlength: 100,
+      showWordLimit: true,
+      placeholder: "请输入描述",
+    },
+  },
+]);
+const { exportVisible, openExport } = useImportExport();
+
+async function handleSearchBarSearch(params: PositionSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildPositionReplaceParams(params));
+  getData();
+}
+
+function onResetSearch() {
+  searchForm.value = {
+    name: undefined,
+    status: undefined,
+    created_time: undefined,
+    created_id: undefined,
+  };
+  void resetSearchParams();
+}
+
+async function deletePositionRow(id: number) {
+  try {
+    await confirmDelete();
+    await PositionAPI.deletePosition([id]);
+    await userStore.getUserInfo();
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    ElMessage.info("删除取消");
+  }
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await PositionAPI.deletePosition(ids);
+    await userStore.getUserInfo();
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+async function handleMoreClick(status: number) {
+  const ids = selectedIds.value;
+  if (!ids.length) {
+    ElMessage.warning("请先选择要操作的数据");
+    return;
+  }
+  try {
+    await confirmToggleStatus(status);
+    moreLoading.value = true;
+    await PositionAPI.batchPosition({ ids, status });
+    await refreshData();
+    await userStore.getUserInfo();
+  } catch {
+    // 用户取消
+  } finally {
+    moreLoading.value = false;
+  }
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.position-table-actions .inline-flex) {
+  vertical-align: middle;
+}
+</style>
diff --git a/src/views/module_system/role/components/FaPermissonDrawer.vue b/src/views/module_system/role/components/FaPermissonDrawer.vue
new file mode 100644
index 0000000..7058001
--- /dev/null
+++ b/src/views/module_system/role/components/FaPermissonDrawer.vue
@@ -0,0 +1,268 @@
+<!-- 角色授权 -->
+<template>
+  <FaDrawer
+    v-model="drawerVisible"
+    :title="'【' + props.roleName + '】权限分配'"
+    :size="drawerSize"
+    destroy-on-close
+    @close="handleCancel"
+  >
+    <div class="drawer-perm-content flex flex-col flex-1 overflow-hidden">
+      <ElContainer class="h-full min-h-0 flex-1">
+        <!-- 数据权限 -->
+        <ElAside>
+          <div
+            class="border-r border-r-(--el-border-color-lighter) b-r-solid h-full p-[20px] box-border"
+          >
+            <div class="flex items-center">
+              <div class="flex gap-[10px]">
+                <div class="w-[10px] bg-(--el-color-primary)"></div>
+                <div>
+                  <span class="text-[16px]">数据授权</span>
+                  <ElTooltip placement="right">
+                    <template #content>
+                      <span>授权用户可操作的数据范围</span>
+                    </template>
+                    <ElIcon class="ml-1 inline-block cursor-pointer">
+                      <QuestionFilled />
+                    </ElIcon>
+                  </ElTooltip>
+                </div>
+              </div>
+            </div>
+            <div class="mt-3">
+              <ElForm ref="dataFormRef" :model="permissionState">
+                <ElFormItem prop="data_scope">
+                  <ElSelect v-model="permissionState.data_scope">
+                    <ElOption :key="1" label="仅本人数据权限" :value="1" />
+                    <ElOption :key="2" label="本部门数据权限" :value="2" />
+                    <ElOption :key="3" label="本部门及以下数据权限" :value="3" />
+                    <ElOption :key="4" label="全部数据权限" :value="4" />
+                    <ElOption :key="5" label="自定义数据权限" :value="5" />
+                  </ElSelect>
+                </ElFormItem>
+              </ElForm>
+
+              <ElScrollbar
+                v-if="permissionState.data_scope === 5 && deptTreeData.length"
+                class="mt-5 max-h-[72vh] b-1 b-solid b-[var(--el-border-color-lighter)] p-10px box-border"
+              >
+                <ElInput v-model="deptFilterText" placeholder="部门名称" />
+                <ElTree
+                  ref="deptTreeRef"
+                  node-key="value"
+                  show-checkbox
+                  :data="deptTreeData"
+                  :filter-node-method="handleFilter"
+                  default-expand-all
+                  :highlight-current="true"
+                  :style="'height: calc(100% - 60px); margin-top: 10px'"
+                  @check="deptTreeCheck"
+                >
+                  <template #empty>
+                    <ElEmpty :image-size="80" description="暂无数据" />
+                  </template>
+                </ElTree>
+              </ElScrollbar>
+            </div>
+          </div>
+        </ElAside>
+
+        <!-- 菜单权限 -->
+        <ElMain>
+          <div class="flex gap-[10px]">
+            <div class="w-[10px] bg-(--el-color-primary)"></div>
+            <div>
+              <span class="text-[16px]">菜单授权</span>
+              <ElTooltip placement="right">
+                <template #content>
+                  <span>勾选菜单和对应的功能按钮权限</span>
+                </template>
+                <ElIcon class="ml-1 inline-block cursor-pointer">
+                  <QuestionFilled />
+                </ElIcon>
+              </ElTooltip>
+            </div>
+          </div>
+          <div class="mt-3 flex-1 min-h-0">
+            <FaMenuTreeTable
+              ref="menuTreeTableRef"
+              :menu-tree="rawMenuTree"
+              :checked-ids="menuCheckedIds"
+              :loading="loading"
+            />
+          </div>
+        </ElMain>
+      </ElContainer>
+    </div>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <ElButton @click="handleCancel">取 消</ElButton>
+        <ElButton type="primary" :loading="loading" @click.stop="handleDrawerSave">确 定</ElButton>
+      </div>
+    </template>
+  </FaDrawer>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch, onMounted, nextTick } from "vue";
+import { QuestionFilled } from "@element-plus/icons-vue";
+import type { TreeInstance } from "element-plus";
+import { listToTree, formatTree, type CascaderNode } from "@utils";
+import FaMenuTreeTable from "@/components/others/fa-menu-tree-table/index.vue";
+import RoleAPI, { permissionDataType } from "@/api/module_system/role";
+import DeptAPI from "@/api/module_system/dept";
+import MenuAPI, { MenuTable } from "@/api/module_platform/menu";
+import { DeviceEnum } from "@/enums/settings/device.enum";
+import { useUserStore, useAppStore } from "@stores";
+import { ElMessage } from "element-plus";
+
+const props = defineProps<{
+  roleName: string;
+  roleId: number;
+  modelValue: boolean;
+}>();
+
+interface Emits {
+  "update:modelValue": [v: boolean];
+  saved: [];
+}
+
+const emit = defineEmits<Emits>();
+
+const appStore = useAppStore();
+const drawerSize = computed(() => (appStore.device === DeviceEnum.DESKTOP ? "740px" : "90%"));
+
+const drawerVisible = computed({
+  get: () => props.modelValue,
+  set(v) {
+    emit("update:modelValue", v);
+  },
+});
+
+const deptTreeRef = ref<TreeInstance>();
+const deptFilterText = ref("");
+const dataFormRef = ref();
+const loading = ref(false);
+const deptTreeData = ref<CascaderNode[]>([]);
+const rawMenuTree = ref<MenuTable[]>([]);
+const menuCheckedIds = ref<number[]>([]);
+const menuTreeTableRef = ref<InstanceType<typeof FaMenuTreeTable>>();
+
+const permissionState = ref<permissionDataType>({
+  role_ids: [],
+  menu_ids: [],
+  data_scope: 1,
+  dept_ids: [],
+});
+
+const init = async () => {
+  loading.value = true;
+  try {
+    const deptResponse = await DeptAPI.listDept();
+    deptTreeData.value = formatTree(listToTree(deptResponse.data.data));
+
+    const menuResponse = await MenuAPI.listMenu();
+    rawMenuTree.value = menuResponse.data.data || [];
+
+    const roleResponse = await RoleAPI.detailRole(props.roleId);
+    const savedMenuIds = roleResponse.data.data.menus?.map((menu: any) => menu.id) || [];
+
+    permissionState.value = {
+      role_ids: [props.roleId],
+      menu_ids: savedMenuIds,
+      data_scope: roleResponse.data.data.data_scope || 1,
+      dept_ids: roleResponse.data.data.depts?.map((dept: any) => dept.id) || [],
+    };
+
+    menuCheckedIds.value = savedMenuIds;
+
+    await nextTick();
+
+    if (permissionState.value.data_scope === 5 && deptTreeRef.value) {
+      await deptTreeRef.value.setCheckedKeys(permissionState.value.dept_ids);
+    }
+  } catch (error: unknown) {
+    const msg = error instanceof Error ? error.message : String(error);
+    ElMessage.error("获取权限数据失败: " + msg);
+  } finally {
+    loading.value = false;
+  }
+};
+
+function handleCancel() {
+  drawerVisible.value = false;
+}
+
+async function handleDrawerSave() {
+  try {
+    if (props.roleId === 1) {
+      ElMessage.warning("系统默认角色，不可操作");
+      return;
+    }
+    loading.value = true;
+
+    const checkedIds = menuTreeTableRef.value?.getCheckedIds() ?? [];
+    const menu_ids = expandMenuIdsWithAncestors(checkedIds, rawMenuTree.value);
+
+    const submitData: permissionDataType = {
+      role_ids: [props.roleId],
+      menu_ids,
+      data_scope: permissionState.value.data_scope,
+      dept_ids: (deptTreeRef.value?.getCheckedKeys() || []).map((key) => Number(key)),
+    };
+
+    await RoleAPI.setPermission(submitData);
+
+    const userStore = useUserStore();
+    await userStore.getUserInfo();
+
+    drawerVisible.value = false;
+    emit("saved");
+  } catch (error: unknown) {
+    console.error(error);
+  } finally {
+    loading.value = false;
+  }
+}
+
+const deptTreeCheck = (checkedIds: number[]) => {
+  permissionState.value.dept_ids = checkedIds;
+};
+
+function handleFilter(value: string, data: { [key: string]: any }) {
+  if (!value) return true;
+  return data.label?.includes(value);
+}
+
+/** 将选中的菜单/按钮 ID 展开为包含所有祖先菜单的完整集合 */
+function expandMenuIdsWithAncestors(checkedIds: number[], roots: MenuTable[]): number[] {
+  const parentById = new Map<number, number | undefined>();
+  const walk = (nodes: MenuTable[], parent: number | undefined) => {
+    for (const n of nodes) {
+      const id = n.id!;
+      parentById.set(id, parent);
+      if (n.children?.length) walk(n.children as MenuTable[], id);
+    }
+  };
+  walk(roots, undefined);
+  const out = new Set<number>();
+  for (const id of checkedIds) {
+    let cur: number | undefined = id;
+    while (cur !== undefined) {
+      out.add(cur);
+      cur = parentById.get(cur);
+    }
+  }
+  return [...out];
+}
+
+watch(deptFilterText, (val) => {
+  deptTreeRef.value!.filter(val);
+});
+
+onMounted(async () => {
+  await init();
+});
+</script>
diff --git a/src/views/module_system/role/index.vue b/src/views/module_system/role/index.vue
new file mode 100644
index 0000000..ac41b6d
--- /dev/null
+++ b/src/views/module_system/role/index.vue
@@ -0,0 +1,678 @@
+<!-- 角色管理：Art + useTable；操作列最多 3 个外露 +「更多」 -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="roleSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      :audit-item-options="{ showTenantId: true }"
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_system:role:create']"
+            :perm-export="['module_system:role:export']"
+            :perm-delete="['module_system:role:delete']"
+            :perm-patch="['module_system:role:patch']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            :more-loading="moreLoading"
+            @add="handleAdd"
+            @export="openExport"
+            @delete="handleBatchDelete"
+            @more="handleMoreClick"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="640px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="4"
+          :data="detailFormData"
+          :items="roleDetailItems"
+          max-height="75vh"
+        >
+          <template #data_scope="{ row }">
+            <FaStatusTag v-if="row?.data_scope === 1" type="primary" label="仅本人数据权限" />
+            <FaStatusTag v-else-if="row?.data_scope === 2" type="info" label="本部门数据权限" />
+            <FaStatusTag
+              v-else-if="row?.data_scope === 3"
+              type="warning"
+              label="本部门及以下数据权限"
+            />
+            <FaStatusTag v-else-if="row?.data_scope === 4" type="success" label="全部数据权限" />
+            <FaStatusTag v-else type="danger" label="自定义数据权限" />
+          </template>
+          <template #depts="{ row }">
+            <template
+              v-if="
+                (row as unknown as RoleTable)?.depts &&
+                (row as unknown as RoleTable).depts!.length > 0
+              "
+            >
+              <ElTag
+                v-for="dept in (row as unknown as RoleTable).depts!"
+                :key="dept.id"
+                type="info"
+                :style="'margin-right: 4px; margin-bottom: 4px'"
+              >
+                {{ dept.name }}
+              </ElTag>
+            </template>
+            <span v-else :style="'color: var(--el-text-color-placeholder)'">-</span>
+          </template>
+        </FaDescriptions>
+      </template>
+      <template v-else>
+        <FaForm
+          :key="roleFormRenderKey"
+          scrollbar
+          max-height="75vh"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="roleDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="100"
+          label-position="right"
+          :span="24"
+          :gutter="16"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        >
+          <template #status>
+            <ElRadioGroup v-model="formData.status">
+              <ElRadio :value="0">启用</ElRadio>
+              <ElRadio :value="1">停用</ElRadio>
+            </ElRadioGroup>
+          </template>
+        </FaForm>
+      </template>
+    </FaDialog>
+
+    <FaPermissonDrawer
+      v-if="drawerVisible"
+      v-model="drawerVisible"
+      :role-name="checkedRole.name"
+      :role-id="checkedRole.id"
+      @saved="refreshData"
+    />
+
+    <FaExportDialog
+      v-model="exportVisible"
+      :content-config="roleExportContentConfig"
+      :query-params="exportQueryParams"
+      :page-data="data"
+      :selection-data="selectedRows"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { h } from "vue";
+import { useTable } from "@/hooks/core/useTable";
+import { useImportExport } from "@/hooks/core/useImportExport";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { useCrudForm } from "@/hooks/core/useCrudForm";
+import { confirmDelete, confirmBatchDelete, confirmToggleStatus } from "@/hooks/core/useConfirm";
+import { cleanEmptyArrayParams, stripPaginationParams } from "@/utils/query";
+import { renderTableOperationCell, type TableOperationAction, resolveStatusColumns } from "@utils";
+import type { ColumnOption } from "@/types/component";
+import RoleAPI, {
+  type RoleForm,
+  type RoleTable,
+  type TablePageQuery,
+} from "@/api/module_system/role";
+import { useAuth } from "@/hooks/core/useAuth";
+import { useUserStore } from "@stores";
+import type { IObject } from "@/components/modal/types";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import StatusTag from "@/components/others/fa-status-tag/index.vue";
+import { ElMessage } from "element-plus";
+import FaPermissonDrawer from "./components/FaPermissonDrawer.vue";
+
+defineOptions({
+  name: "Role",
+  inheritAttrs: false,
+});
+
+const { hasAuth } = useAuth();
+
+type RoleSearchForm = {
+  name?: string;
+  status?: number;
+  created_time?: string[];
+};
+
+function normalizeRoleQuery(params: Record<string, unknown>): TablePageQuery {
+  const p = cleanEmptyArrayParams({ ...params });
+  return p as unknown as TablePageQuery;
+}
+
+function buildRoleReplaceParams(p: RoleSearchForm): Record<string, unknown> {
+  return {
+    name: p.name,
+    status: p.status,
+    created_time:
+      Array.isArray(p.created_time) && p.created_time.length === 2 ? p.created_time : undefined,
+  };
+}
+
+function deptsCell(row: RoleTable) {
+  const list = row.depts;
+  if (!list?.length) {
+    return h("span", { style: { color: "var(--el-text-color-placeholder)" } }, "-");
+  }
+  const tags = list.slice(0, 3).map((dept) =>
+    h(StatusTag, {
+      key: dept.id,
+      type: "info",
+      label: dept.name ?? "",
+      style: { marginRight: "4px", marginBottom: "4px" },
+    })
+  );
+  if (list.length > 3) {
+    tags.push(
+      h(StatusTag, { type: "info", label: `+${list.length - 3}`, style: { marginBottom: "4px" } })
+    );
+  }
+  return h("span", { class: "inline-flex flex-wrap items-center" }, tags);
+}
+
+function buildRoleRowActions(
+  row: RoleTable,
+  ctx: {
+    onPerm: (id: number, name: string) => void;
+    onDetail: (id: number) => void;
+    onEdit: (id: number) => void;
+    onDelete: (id: number) => void;
+  }
+): TableOperationAction[] {
+  const isSys = row.id === 1;
+  const warnSys = () => ElMessage.warning("系统默认角色，不可操作");
+
+  const all: TableOperationAction[] = [
+    {
+      key: "perm",
+      label: "分配权限",
+      artType: "view",
+      icon: "ri:shield-keyhole-line",
+      iconColor: "var(--el-color-primary)",
+      perm: "module_system:role:permission",
+      disabled: isSys,
+      run: () => {
+        if (isSys) {
+          warnSys();
+          return;
+        }
+        ctx.onPerm(row.id!, row.name);
+      },
+    },
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_system:role:detail",
+      run: () => ctx.onDetail(row.id!),
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      icon: "ri:edit-2-line",
+      perm: "module_system:role:update",
+      disabled: isSys,
+      run: () => {
+        if (isSys) {
+          warnSys();
+          return;
+        }
+        ctx.onEdit(row.id!);
+      },
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_system:role:delete",
+      disabled: isSys,
+      run: () => {
+        if (isSys) {
+          warnSys();
+          return;
+        }
+        ctx.onDelete(row.id!);
+      },
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatRoleOperationCell(row: RoleTable, ctx: Parameters<typeof buildRoleRowActions>[1]) {
+  return renderTableOperationCell(buildRoleRowActions(row, ctx), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 role-table-actions",
+  });
+}
+
+const searchForm = ref<RoleSearchForm>({
+  name: undefined,
+  status: undefined,
+  created_time: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const statusOptions = ref([
+  { label: "启用", value: "true" },
+  { label: "停用", value: "false" },
+]);
+
+const roleSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "角色名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入角色名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: statusOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+
+// ─── 表格多选 ───
+const { selectedRows, selectedIds, batchDeleting, onTableSelectionChange } =
+  useTableSelection<RoleTable>();
+
+const createLoading = ref(false);
+const moreLoading = ref(false);
+
+const drawerVisible = ref(false);
+const checkedRole = ref({ id: 0, name: "" });
+
+function handleOpenAssignPermDialog(roleId: number, roleName: string) {
+  checkedRole.value = { id: roleId, name: roleName };
+  drawerVisible.value = true;
+}
+
+async function deleteRoleRow(id: number) {
+  try {
+    await confirmDelete();
+    await RoleAPI.deleteRole([id]);
+    const userStore = useUserStore();
+    await userStore.getUserInfo();
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  }
+}
+
+// ─── 对话框状态 ───
+const { dialogVisible } = useCrudDialog();
+
+const detailFormData = ref<RoleTable>({} as RoleTable);
+
+const roleDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] =
+  [
+    { label: "角色名称", prop: "name" },
+    { label: "排序", prop: "order" },
+    { label: "角色编码", prop: "code" },
+    { label: "数据权限", prop: "data_scope", slot: "data_scope" },
+    { label: "所属部门", prop: "depts", slot: "depts" },
+    {
+      label: "状态",
+      prop: "status",
+      tag: {
+        map: { "0": { type: "success", text: "启用" }, "1": { type: "danger", text: "停用" } },
+      },
+    },
+    { label: "创建时间", prop: "created_time" },
+    { label: "更新时间", prop: "updated_time" },
+    { label: "描述", prop: "description", span: 4 },
+  ];
+
+const formData = ref<RoleForm>({
+  id: undefined,
+  name: undefined,
+  order: 1,
+  code: "",
+  status: 0,
+  description: undefined,
+});
+
+const CODE_PATTERN = /^[A-Za-z][A-Za-z0-9_]{1,15}$/;
+
+const rules = reactive({
+  name: [{ required: true, message: "请输入角色名称", trigger: "blur" }],
+  code: [
+    { required: true, message: "请输入角色编码", trigger: "blur" },
+    {
+      pattern: CODE_PATTERN,
+      message: "字母开头，2-16位字母/数字/下划线",
+      trigger: "blur",
+    },
+  ],
+  order: [{ required: true, message: "请输入角色排序", trigger: "blur" }],
+  status: [{ required: true, message: "请选择状态", trigger: "blur" }],
+});
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const roleFormRenderKey = ref(0);
+
+const initialFormData: RoleForm = {
+  id: undefined,
+  name: undefined,
+  order: 1,
+  code: "",
+  status: 0,
+  description: undefined,
+};
+
+// ─── CRUD 表单 ───
+const { submitLoading, handleCloseDialog, handleOpenDialog, handleSubmit } = useCrudForm<RoleForm>({
+  formData,
+  initialFormData,
+  dialogVisible,
+  dataFormRef,
+  formRenderKey: roleFormRenderKey,
+  detailApi: RoleAPI.detailRole,
+  createApi: RoleAPI.createRole,
+  updateApi: RoleAPI.updateRole,
+  titles: { create: "新增角色", update: "修改角色", detail: "角色详情" },
+  detailFormData,
+  onCreateSuccess: async () => {
+    await refreshCreate();
+  },
+  onUpdateSuccess: async () => {
+    await refreshUpdate();
+  },
+  onSubmitSuccess: async () => {
+    const userStore = useUserStore();
+    await userStore.getUserInfo();
+  },
+});
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+const opCtx = {
+  onPerm: handleOpenAssignPermDialog,
+  onDetail: (id: number) => void handleOpenDialog("detail", id),
+  onEdit: (id: number) => void handleOpenDialog("update", id),
+  onDelete: deleteRoleRow,
+};
+
+const roleDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "角色名称",
+    key: "name",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入角色名称" },
+  },
+  {
+    label: "排序",
+    key: "order",
+    type: "number",
+    span: 24,
+    props: {
+      controlsPosition: "right",
+      min: 0,
+      style: { width: "100px" },
+    },
+  },
+  {
+    label: "角色编码",
+    key: "code",
+    type: "input",
+    span: 24,
+    props: {
+      placeholder: "字母开头，2-16位字母/数字/下划线",
+      maxlength: 16,
+      showWordLimit: true,
+    },
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 4,
+      maxlength: 100,
+      showWordLimit: true,
+      placeholder: "请输入描述",
+    },
+  },
+]);
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  searchParams,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshUpdate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: RoleAPI.listRole,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: resolveStatusColumns<RoleTable>(() => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "name", label: "角色名称", minWidth: 100, showOverflowTooltip: true },
+      { prop: "code", label: "角色编码", minWidth: 100, showOverflowTooltip: true },
+      {
+        prop: "data_scope",
+        label: "数据权限",
+        minWidth: 200,
+        status: {
+          1: { type: "primary", text: "仅本人数据权限" },
+          2: { type: "info", text: "本部门数据权限" },
+          3: { type: "warning", text: "本部门及以下数据权限" },
+          4: { type: "success", text: "全部数据权限" },
+          5: { type: "danger", text: "自定义数据权限" },
+        },
+      },
+      {
+        prop: "depts",
+        label: "所属部门",
+        minWidth: 200,
+        formatter: (row: RoleTable) => deptsCell(row),
+      },
+      { prop: "order", label: "排序", width: 80, showOverflowTooltip: true },
+      {
+        prop: "status",
+        label: "状态",
+        width: 88,
+        status: {
+          0: { type: "success", text: "启用" },
+          1: { type: "danger", text: "停用" },
+        },
+      },
+      { prop: "description", label: "描述", minWidth: 100, showOverflowTooltip: true },
+      { prop: "created_time", label: "创建时间", width: 168, showOverflowTooltip: true },
+      { prop: "updated_time", label: "更新时间", width: 168, showOverflowTooltip: true },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 220,
+        fixed: "right",
+        align: "center",
+        formatter: (row: RoleTable) => formatRoleOperationCell(row, opCtx),
+      },
+    ]),
+  },
+});
+
+const roleCrudCols = computed(() =>
+  columns.value.map((c: ColumnOption<RoleTable>) => {
+    const t = (c as { type?: string }).type;
+    return {
+      prop: c.prop,
+      label: c.label,
+      type: t === "selection" ? ("selection" as const) : ("default" as const),
+      show: true,
+    };
+  })
+);
+
+const exportQueryParams = computed(() => {
+  const sp = stripPaginationParams(searchParams as Record<string, unknown>);
+  return normalizeRoleQuery(sp) as unknown as Record<string, unknown>;
+});
+
+const roleExportContentConfig = computed(() => ({
+  permPrefix: "module_system:role",
+  cols: roleCrudCols.value,
+  exportsBlobAction: async (params: IObject) => {
+    const base = { ...(exportQueryParams.value as Record<string, unknown>) };
+    const merged = normalizeRoleQuery({ ...base, ...params } as Record<string, unknown>);
+    const res = await RoleAPI.exportRole(merged as TablePageQuery);
+    return res.data as Blob;
+  },
+}));
+
+const { exportVisible, openExport } = useImportExport();
+
+async function handleSearchBarSearch(params: RoleSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildRoleReplaceParams(params));
+  getData();
+}
+
+function onResetSearch() {
+  searchForm.value = {
+    name: undefined,
+    status: undefined,
+    created_time: undefined,
+  };
+  void resetSearchParams();
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await RoleAPI.deleteRole(ids);
+    const userStore = useUserStore();
+    await userStore.getUserInfo();
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+async function handleMoreClick(status: number) {
+  const ids = selectedIds.value;
+  if (!ids.length) {
+    ElMessage.warning("请先选择要操作的数据");
+    return;
+  }
+  try {
+    await confirmToggleStatus(status);
+    moreLoading.value = true;
+    await RoleAPI.batchRole({ ids, status });
+    await refreshData();
+    const userStore = useUserStore();
+    await userStore.getUserInfo();
+  } catch {
+    // 用户取消
+  } finally {
+    moreLoading.value = false;
+  }
+}
+</script>
diff --git a/src/views/module_system/ticket/index.vue b/src/views/module_system/ticket/index.vue
new file mode 100644
index 0000000..42d1d6a
--- /dev/null
+++ b/src/views/module_system/ticket/index.vue
@@ -0,0 +1,794 @@
+<!-- 工单管理：Fa 布局 + useTable，与公告通知页一致 -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="ticketSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      :audit-item-options="{ showTenantId: true }"
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_system:ticket:create']"
+            :perm-export="['module_system:ticket:export']"
+            :perm-delete="['module_system:ticket:delete']"
+            :perm-patch="['module_system:ticket:patch']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            :more-loading="moreLoading"
+            @add="handleAdd"
+            @export="openExport"
+            @delete="handleBatchDelete"
+            @more="handleMoreClick"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="960px"
+      dialog-class="crud-embed-dialog"
+      modal-class="crud-embed-dialog"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="4"
+          :data="detailFormData"
+          :items="ticketDetailItems"
+          label-width="120px"
+          max-height="75vh"
+        >
+          <template #ticket_type="{ row }">
+            <FaStatusTag
+              :type="typeTag(row?.ticket_type as string)"
+              :label="typeLabel(row?.ticket_type as string)"
+            />
+          </template>
+          <template #status="{ row }">
+            <FaStatusTag
+              :type="statusTag(row?.status as string)"
+              :label="statusLabel(row?.status as string)"
+            />
+          </template>
+          <template #ticket_content>
+            <ElScrollbar class="ticket-html-preview" view-class="p-3">
+              <template v-if="detailHasRenderableContent">
+                <div v-html="detailContentHtml" />
+              </template>
+              <p v-else class="ticket-html-empty">暂无内容</p>
+            </ElScrollbar>
+          </template>
+          <template #reply_content>
+            <ElScrollbar v-if="detailFormData.reply" class="ticket-html-preview" view-class="p-3">
+              <div v-html="sanitizedReply" />
+            </ElScrollbar>
+            <p v-else class="ticket-html-empty">暂无回复</p>
+          </template>
+        </FaDescriptions>
+      </template>
+      <template v-else>
+        <FaForm
+          :key="ticketFormRenderKey"
+          scrollbar
+          max-height="75vh"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="ticketDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="100"
+          label-position="right"
+          :span="24"
+          :gutter="16"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        >
+          <template #ticket_type>
+            <ElSelect v-model="formData.ticket_type" placeholder="请选择工单类型">
+              <ElOption label="💡 建议" value="suggestion" />
+              <ElOption label="🐛 缺陷" value="bug" />
+              <ElOption label="⚡ 优化" value="optimize" />
+              <ElOption label="📋 其他" value="other" />
+            </ElSelect>
+          </template>
+          <template #status>
+            <ElRadioGroup v-model="formData.status">
+              <ElRadio :value="0">待处理</ElRadio>
+              <ElRadio :value="1">处理中</ElRadio>
+              <ElRadio :value="2">已完成</ElRadio>
+              <ElRadio :value="3">已关闭</ElRadio>
+            </ElRadioGroup>
+          </template>
+          <template #assigned_id>
+            <FaUserTableSelect
+              :model-value="formData.assigned_id == null ? undefined : formData.assigned_id"
+              @update:model-value="
+                (v: number | undefined) => (formData.assigned_id = v ?? undefined)
+              "
+            />
+          </template>
+          <template #ticket_content>
+            <FaWangEditor
+              :model-value="formData.ticket_content ?? ''"
+              height="min(38vh, 320px)"
+              placeholder="请详细描述您的问题、建议或优化想法..."
+              :exclude-keys="[]"
+              @update:model-value="(v: string) => (formData.ticket_content = v)"
+            />
+          </template>
+          <template #reply_content>
+            <FaWangEditor
+              :model-value="formData.reply_content ?? ''"
+              height="min(38vh, 280px)"
+              placeholder="请输入回复内容..."
+              :exclude-keys="[]"
+              @update:model-value="(v: string) => (formData.reply_content = v)"
+            />
+          </template>
+        </FaForm>
+      </template>
+    </FaDialog>
+
+    <FaExportDialog
+      v-model="exportVisible"
+      :content-config="ticketExportContentConfig"
+      :query-params="exportQueryParams"
+      :page-data="data"
+      :selection-data="selectedRows"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useTable } from "@/hooks/core/useTable";
+import { useImportExport } from "@/hooks/core/useImportExport";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { useCrudForm } from "@/hooks/core/useCrudForm";
+import { confirmDelete, confirmBatchDelete, confirmToggleStatus } from "@/hooks/core/useConfirm";
+import { cleanEmptyArrayParams, stripPaginationParams } from "@/utils/query";
+import type { ColumnOption } from "@/types/component";
+import TicketAPI, {
+  type TicketForm,
+  type TicketPageQuery,
+  type TicketTable,
+} from "@/api/module_system/ticket";
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction, resolveStatusColumns } from "@utils";
+import type { IObject } from "@/components/modal/types";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import { ElMessage, ElSelect, ElOption, ElRadioGroup, ElRadio, ElScrollbar } from "element-plus";
+import DOMPurify from "dompurify";
+
+defineOptions({
+  name: "Ticket",
+  inheritAttrs: false,
+});
+
+const { hasAuth } = useAuth();
+
+type TicketSearchForm = {
+  title?: string;
+  ticket_type?: string;
+  status?: number;
+  created_time?: string[];
+  created_id?: number;
+  assigned_id?: number;
+};
+
+function normalizeTicketQuery(params: Record<string, unknown>): TicketPageQuery {
+  return cleanEmptyArrayParams({ ...params }) as unknown as TicketPageQuery;
+}
+
+const TYPE_MAP: Record<string, string> = {
+  suggestion: "建议",
+  bug: "缺陷",
+  optimize: "优化",
+  other: "其他",
+};
+
+const STATUS_MAP: Record<string, string> = {
+  "0": "待处理",
+  "1": "处理中",
+  "2": "已完成",
+  "3": "已关闭",
+};
+
+function typeLabel(t: string) {
+  return TYPE_MAP[t] || t;
+}
+function statusLabel(s: string) {
+  return STATUS_MAP[s] || s;
+}
+function typeTag(t: string): any {
+  return { suggestion: "success", bug: "danger", optimize: "warning", other: "info" }[t] || "info";
+}
+function statusTag(s: string): any {
+  return { "0": "warning", "1": "", "2": "success", "3": "info" }[s] || "info";
+}
+
+const searchForm = ref<TicketSearchForm>({
+  title: undefined,
+  ticket_type: undefined,
+  status: undefined,
+  created_time: undefined,
+  created_id: undefined,
+  assigned_id: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const statusOptions = ref([
+  { label: "待处理", value: "0" },
+  { label: "处理中", value: "1" },
+  { label: "已完成", value: "2" },
+  { label: "已关闭", value: "3" },
+]);
+
+const ticketTypeSearchOptions = ref([
+  { label: "💡 建议", value: "suggestion" },
+  { label: "🐛 缺陷", value: "bug" },
+  { label: "⚡ 优化", value: "optimize" },
+  { label: "📋 其他", value: "other" },
+]);
+
+const ticketSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "工单标题",
+    key: "title",
+    type: "input",
+    placeholder: "请输入工单标题",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "工单类型",
+    key: "ticket_type",
+    type: "select",
+    props: {
+      placeholder: "请选择类型",
+      options: ticketTypeSearchOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: statusOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+  {
+    label: "处理人",
+    key: "assigned_id",
+    type: "input",
+    span: 6,
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+
+// ─── 表格多选 ───
+const { selectedRows, selectedIds, batchDeleting, onTableSelectionChange } =
+  useTableSelection<TicketTable>();
+
+const createLoading = ref(false);
+const moreLoading = ref(false);
+
+// ─── 对话框状态 ───
+const { dialogVisible } = useCrudDialog();
+
+const detailFormData = ref<TicketTable & { reply_content?: string }>(
+  {} as TicketTable & { reply_content?: string }
+);
+
+const ticketDetailItems: import("@/components/others/fa-descriptions/index.vue").DescriptionsItem[] =
+  [
+    { label: "工单标题", prop: "title", span: 4 },
+    { label: "工单类型", prop: "ticket_type", slot: "ticket_type" },
+    {
+      label: "状态",
+      prop: "status",
+      slot: "status",
+    },
+    { label: "处理人", prop: "assigned_by.name" },
+    { label: "描述", prop: "description", span: 4 },
+    { label: "详细内容", prop: "ticket_content", slot: "ticket_content", span: 4 },
+    { label: "回复内容", prop: "reply", slot: "reply_content", span: 4 },
+    { label: "创建人", prop: "created_by.name" },
+    { label: "更新人", prop: "updated_by.name" },
+    { label: "创建时间", prop: "created_time" },
+    { label: "更新时间", prop: "updated_time" },
+  ];
+
+/** 详情富文本 HTML（用于预览，已做 XSS 净化） */
+const detailContentHtml = computed({
+  get: () => {
+    const raw = detailFormData.value.ticket_content ?? "";
+    return DOMPurify.sanitize(raw);
+  },
+  set: (v: string) => {
+    detailFormData.value.ticket_content = v;
+  },
+});
+
+/** 回复富文本 HTML（已做 XSS 净化） */
+const sanitizedReply = computed(() => {
+  const raw = detailFormData.value.reply ?? "";
+  return raw ? DOMPurify.sanitize(raw) : "";
+});
+
+/** 详情是否有可视文本 */
+const detailHasRenderableContent = computed(() => {
+  const raw = detailFormData.value.ticket_content ?? "";
+  if (!raw.trim()) return false;
+  const plain = raw
+    .replace(/<[^>]+>/g, " ")
+    .replace(/\s+/g, " ")
+    .trim();
+  return plain.length > 0;
+});
+
+const formData = ref<TicketForm & { reply_content?: string }>({
+  id: undefined,
+  title: "",
+  ticket_type: "suggestion",
+  ticket_content: "",
+  status: 0,
+  description: undefined,
+  assigned_id: undefined,
+  reply_content: undefined,
+});
+
+const rules = reactive({
+  title: [{ required: true, message: "请输入工单标题", trigger: "blur" }],
+  ticket_type: [{ required: true, message: "请选择工单类型", trigger: "blur" }],
+  ticket_content: [{ required: true, message: "请输入工单内容", trigger: "blur" }],
+  status: [{ required: true, message: "请选择状态", trigger: "blur" }],
+});
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const ticketFormRenderKey = ref(0);
+
+const initialFormData: TicketForm & { reply_content?: string } = {
+  id: undefined,
+  title: "",
+  ticket_type: "suggestion",
+  ticket_content: "",
+  status: 0,
+  description: undefined,
+  assigned_id: undefined,
+  reply_content: undefined,
+};
+
+// ─── CRUD 表单 ───
+const { submitLoading, handleCloseDialog, handleOpenDialog, handleSubmit } = useCrudForm<
+  TicketForm & { reply_content?: string }
+>({
+  formData,
+  initialFormData,
+  dialogVisible,
+  dataFormRef,
+  formRenderKey: ticketFormRenderKey,
+  detailApi: TicketAPI.detailTicket,
+  createApi: TicketAPI.createTicket,
+  updateApi: TicketAPI.updateTicket,
+  titles: { create: "提交工单", update: "处理工单", detail: "工单详情" },
+  detailFormData,
+  onCreateSuccess: async () => {
+    await refreshCreate();
+  },
+  onUpdateSuccess: async () => {
+    await refreshUpdate();
+  },
+  onSubmitSuccess: async () => {
+    await refreshData();
+  },
+});
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+const ticketDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "工单标题",
+    key: "title",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入工单标题", maxlength: 200 },
+  },
+  {
+    label: "工单类型",
+    key: "ticket_type",
+    type: "select",
+    span: 12,
+    props: {
+      placeholder: "请选择类型",
+      clearable: true,
+    },
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "input",
+    span: 12,
+    placeholder: "",
+  },
+  {
+    label: "处理人",
+    key: "assigned_id",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "详细描述",
+    key: "ticket_content",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "回复内容",
+    key: "reply_content",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+]);
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  searchParams,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshUpdate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: TicketAPI.listTicket,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: resolveStatusColumns<TicketTable>(() => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      { prop: "title", label: "工单标题", minWidth: 180, showOverflowTooltip: true },
+      {
+        prop: "ticket_type",
+        label: "工单类型",
+        width: 100,
+        status: {
+          suggestion: { type: "success", text: "建议" },
+          bug: { type: "danger", text: "缺陷" },
+          optimize: { type: "warning", text: "优化" },
+          other: { type: "info", text: "其他" },
+        },
+      },
+      {
+        prop: "status",
+        label: "状态",
+        width: 100,
+        status: {
+          "0": { type: "warning", text: "待处理" },
+          "1": { type: "info", text: "处理中" },
+          "2": { type: "success", text: "已完成" },
+          "3": { type: "info", text: "已关闭" },
+        },
+      },
+      {
+        prop: "assigned_by",
+        label: "处理人",
+        minWidth: 100,
+        formatter: (row: TicketTable) => row.assigned_by?.name ?? "—",
+      },
+      { prop: "ticket_content", label: "内容摘要", minWidth: 200, showOverflowTooltip: true },
+      { prop: "created_time", label: "创建时间", width: 168, showOverflowTooltip: true },
+      {
+        prop: "created_by",
+        label: "创建人",
+        minWidth: 100,
+        formatter: (row: TicketTable) => row.created_by?.name ?? "—",
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 280,
+        fixed: "right",
+        align: "center",
+        formatter: (row: TicketTable) => formatTicketOperationCell(row),
+      },
+    ]),
+  },
+});
+
+const ticketCrudCols = computed(() =>
+  columns.value.map((c: ColumnOption<TicketTable>) => {
+    const t = (c as { type?: string }).type;
+    return {
+      prop: c.prop,
+      label: c.label,
+      type: t === "selection" ? ("selection" as const) : ("default" as const),
+      show: true,
+    };
+  })
+);
+
+const exportQueryParams = computed(() => {
+  const sp = stripPaginationParams(searchParams as Record<string, unknown>);
+  return normalizeTicketQuery(sp);
+});
+
+const ticketExportContentConfig = computed(() => ({
+  permPrefix: "module_system:ticket",
+  cols: ticketCrudCols.value,
+  exportsBlobAction: async (params: IObject) => {
+    const merged = normalizeTicketQuery({
+      ...(exportQueryParams.value as unknown as Record<string, unknown>),
+      ...params,
+    } as Record<string, unknown>);
+    const res = await TicketAPI.exportTicket(merged as TicketPageQuery);
+    return res.data as unknown as Blob;
+  },
+}));
+
+const { exportVisible, openExport } = useImportExport();
+
+function buildTicketReplaceParams(p: TicketSearchForm): Record<string, unknown> {
+  return {
+    title: p.title,
+    ticket_type: p.ticket_type,
+    status: p.status,
+    created_id: p.created_id,
+    assigned_id: p.assigned_id,
+    created_time:
+      Array.isArray(p.created_time) && p.created_time.length === 2 ? p.created_time : undefined,
+  };
+}
+
+async function handleSearchBarSearch(params: TicketSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildTicketReplaceParams(params));
+  getData();
+}
+
+function onResetSearch() {
+  searchForm.value = {
+    title: undefined,
+    ticket_type: undefined,
+    status: undefined,
+    created_time: undefined,
+    created_id: undefined,
+    assigned_id: undefined,
+  };
+  void resetSearchParams();
+}
+
+async function deleteTicketRow(id: number) {
+  try {
+    await confirmDelete();
+    await TicketAPI.deleteTicket([id]);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  }
+}
+
+function buildTicketRowActions(row: TicketTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_system:ticket:detail",
+      run: () => {
+        if (row.id != null) void handleOpenDialog("detail", row.id);
+      },
+    },
+    {
+      key: "process",
+      label: "处理",
+      artType: "edit",
+      icon: "ri:settings-line",
+      perm: "module_system:ticket:update",
+      run: () => {
+        if (row.id != null) void handleOpenDialog("update", row.id);
+      },
+    },
+    {
+      key: "close",
+      label: "关闭",
+      artType: "delete",
+      icon: "ri:close-circle-line",
+      perm: "module_system:ticket:update",
+      run: () => {
+        if (row.id != null) void closeTicket(row.id);
+      },
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_system:ticket:delete",
+      run: () => {
+        if (row.id != null) deleteTicketRow(row.id);
+      },
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatTicketOperationCell(row: TicketTable) {
+  return renderTableOperationCell(buildTicketRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 ticket-table-actions",
+  });
+}
+
+async function closeTicket(id: number) {
+  try {
+    await TicketAPI.updateTicket(id, { status: 3 });
+    // 成功 / 失败提示由 axios 拦截器统一处理
+    await refreshData();
+  } catch {
+    /* 接口错误已由拦截器提示 */
+  }
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await TicketAPI.deleteTicket(ids);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+async function handleMoreClick(status: number) {
+  const ids = selectedIds.value;
+  if (!ids.length) {
+    ElMessage.warning("请先选择要操作的数据");
+    return;
+  }
+  try {
+    await confirmToggleStatus(status);
+    moreLoading.value = true;
+    await TicketAPI.batchTicket({ ids, status });
+    await refreshData();
+  } catch {
+    // 用户取消
+  } finally {
+    moreLoading.value = false;
+  }
+}
+</script>
+
+<style scoped lang="scss">
+/* 富文本预览区域阅读样式（与 FaWangEditor 输出 HTML 展示一致） */
+.ticket-html-preview {
+  box-sizing: border-box;
+  min-height: 120px;
+  max-height: min(360px, 45vh);
+  background-color: var(--el-bg-color);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: calc(var(--custom-radius) / 3 + 2px);
+}
+
+.ticket-html-empty {
+  margin: 0;
+  font-size: 14px;
+  color: var(--el-text-color-placeholder);
+}
+
+.ticket-html-preview :deep(h1),
+.ticket-html-preview :deep(h2),
+.ticket-html-preview :deep(h3) {
+  margin: 12px 0 8px;
+}
+
+.ticket-html-preview :deep(p) {
+  margin: 8px 0;
+  line-height: 1.6;
+}
+
+.ticket-html-preview :deep(table) {
+  margin: 12px 0;
+}
+
+.ticket-html-preview :deep(table th),
+.ticket-html-preview :deep(table td) {
+  padding: 8px 12px;
+}
+
+.ticket-html-preview :deep(pre) {
+  padding: 12px;
+  margin: 12px 0;
+  overflow-x: auto;
+  background-color: var(--el-fill-color-light);
+  border-radius: 4px;
+}
+
+.ticket-html-preview :deep(blockquote) {
+  padding-left: 16px;
+  margin: 12px 0;
+  color: var(--el-text-color-regular);
+  border-left: 4px solid var(--el-color-primary);
+}
+
+.ticket-html-preview :deep(img) {
+  max-width: 100%;
+  height: auto;
+}
+</style>
diff --git a/src/views/module_system/user/components/FaDeptTree.vue b/src/views/module_system/user/components/FaDeptTree.vue
new file mode 100644
index 0000000..9de264c
--- /dev/null
+++ b/src/views/module_system/user/components/FaDeptTree.vue
@@ -0,0 +1,215 @@
+<!-- 部门树（无外层卡片，由用户页左侧 ElCard 统一包裹） -->
+<template>
+  <div class="dept-tree-root">
+    <div class="dept-tree-toolbar">
+      <ElInput
+        v-model="deptName"
+        class="dept-tree-search"
+        placeholder="部门名称"
+        size="small"
+        clearable
+      >
+        <template #prefix>
+          <ElIcon class="dept-tree-search__prefix-icon">
+            <Search />
+          </ElIcon>
+        </template>
+        <template #suffix>
+          <ElTooltip :content="treeExpanded ? '收起全部' : '展开全部'" placement="top">
+            <span
+              class="dept-tree-expand-trigger"
+              role="button"
+              tabindex="0"
+              @click.stop="toggleTreeExpandAll"
+              @keydown.enter.prevent="toggleTreeExpandAll"
+            >
+              <ElIcon :size="15">
+                <Switch />
+              </ElIcon>
+            </span>
+          </ElTooltip>
+        </template>
+      </ElInput>
+    </div>
+
+    <ElTree
+      ref="deptTreeRef"
+      class="dept-tree-body"
+      node-key="value"
+      :data="deptOptions"
+      :props="{ children: 'children', label: 'label', disabled: 'disabled' }"
+      :expand-on-click-node="false"
+      :filter-node-method="handleFilter"
+      default-expand-all
+      @node-click="handleNodeClick"
+    >
+      <template #empty>
+        <ElEmpty :image-size="80" description="暂无数据" />
+      </template>
+    </ElTree>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Search, Switch } from "@element-plus/icons-vue";
+import DeptAPI, { DeptPageQuery } from "@/api/module_system/dept";
+import { formatTree } from "@utils";
+import type { FilterNodeMethodFunction, TreeInstance } from "element-plus";
+
+interface Props {
+  modelValue?: string | number;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  modelValue: undefined,
+});
+
+const deptOptions = ref<OptionType[]>([]); // 部门列表
+const deptTreeRef = ref<TreeInstance>(); // 部门树
+const deptName = ref(); // 部门名称
+/** 与「全部展开」状态同步，用于按钮提示（手动展开单节点后可能不完全一致） */
+const treeExpanded = ref(true);
+
+const emits = defineEmits(["node-click", "update:modelValue"]);
+
+const deptId = useVModel(props, "modelValue", emits);
+
+watch(deptName, (val) => {
+  deptTreeRef.value?.filter(val);
+});
+
+type TreeStoreNode = {
+  childNodes?: TreeStoreNode[];
+  expand: () => void;
+  collapse: () => void;
+};
+
+function getTreeRoot() {
+  const tree = deptTreeRef.value as TreeInstance & { store?: { root: TreeStoreNode } };
+  return tree?.store?.root;
+}
+
+/** 展开整棵树 */
+function expandAllTreeNodes() {
+  const root = getTreeRoot();
+  if (!root) return;
+  const walk = (node: TreeStoreNode) => {
+    node.childNodes?.forEach((child) => {
+      if (child.childNodes?.length) {
+        child.expand();
+        walk(child);
+      }
+    });
+  };
+  walk(root);
+}
+
+/** 收起整棵树 */
+function collapseAllTreeNodes() {
+  const root = getTreeRoot();
+  if (!root) return;
+  const walk = (node: TreeStoreNode) => {
+    node.childNodes?.forEach((child) => {
+      walk(child);
+      child.collapse();
+    });
+  };
+  walk(root);
+}
+
+function toggleTreeExpandAll() {
+  if (treeExpanded.value) {
+    collapseAllTreeNodes();
+    treeExpanded.value = false;
+  } else {
+    expandAllTreeNodes();
+    treeExpanded.value = true;
+  }
+}
+
+interface Tree {
+  [key: string]: any;
+}
+
+/**
+ * 部门筛选
+ */
+const handleFilter: FilterNodeMethodFunction = (value: string, data: Tree) => {
+  if (!value) return true;
+  return data.label.includes(value);
+};
+
+/** 部门树节点 Click */
+function handleNodeClick(data: { [key: string]: any }) {
+  deptId.value = data.value;
+  emits("node-click");
+}
+
+const queryFormData = reactive<DeptPageQuery>({
+  name: undefined,
+  status: undefined,
+  created_time: undefined,
+});
+
+const loading = ref(true);
+
+onBeforeMount(async () => {
+  loading.value = true;
+  try {
+    const response = await DeptAPI.listDept(queryFormData);
+    deptOptions.value = formatTree(response.data.data);
+  } finally {
+    loading.value = false;
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.dept-tree-root {
+  box-sizing: border-box;
+  padding: 16px 6px 12px 10px;
+}
+
+.dept-tree-toolbar {
+  display: flex;
+  align-items: stretch;
+
+  .dept-tree-search {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .dept-tree-search__prefix-icon {
+    color: var(--el-text-color-placeholder);
+  }
+
+  .dept-tree-expand-trigger {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px;
+    margin-right: -2px;
+    vertical-align: middle;
+    color: var(--el-text-color-secondary);
+    cursor: pointer;
+    border-radius: var(--el-border-radius-small);
+    transition:
+      color 0.15s ease,
+      background-color 0.15s ease;
+
+    &:hover {
+      color: var(--el-color-primary);
+      background-color: var(--el-fill-color-light);
+    }
+
+    &:focus-visible {
+      outline: 2px solid var(--el-color-primary-light-5);
+      outline-offset: 1px;
+    }
+  }
+}
+
+.dept-tree-body {
+  margin-top: 10px;
+}
+</style>
diff --git a/src/views/module_system/user/index.vue b/src/views/module_system/user/index.vue
new file mode 100644
index 0000000..19e9398
--- /dev/null
+++ b/src/views/module_system/user/index.vue
@@ -0,0 +1,944 @@
+<!-- 用户管理：左部门树 + 右 Art 表格 -->
+<template>
+  <div class="fa-full-height user-manage-page">
+    <div
+      class="user-manage-body box-border flex gap-4 h-full max-md:block max-md:gap-0 max-md:h-auto"
+    >
+      <div class="user-dept-panel shrink-0 w-58 h-full max-md:w-full max-md:h-auto max-md:mb-5">
+        <ElCard class="tree-card fa-card-xs flex flex-col h-full mt-0" shadow="hover">
+          <template #header>
+            <b>部门</b>
+          </template>
+          <ElScrollbar class="dept-tree-scroll min-h-0 flex-1">
+            <FaDeptTree
+              v-model="deptFilterId"
+              class="dept-tree-inner"
+              @node-click="handleDeptNodeClick"
+            />
+          </ElScrollbar>
+        </ElCard>
+      </div>
+
+      <div class="user-main-panel flex flex-col grow min-w-0 min-h-0">
+        <FaSearchBar
+          v-show="showSearchBar"
+          ref="searchBarRef"
+          v-model="searchForm"
+          :items="userSearchItems"
+          :rules="searchBarRules"
+          :is-expand="false"
+          :show-expand="true"
+          :show-reset="true"
+          :show-search="true"
+          :disabled-search="false"
+          :default-expanded="false"
+          include-audit
+          :audit-item-options="{ showTenantId: true }"
+          @search="handleSearchBarSearch"
+          @reset="onResetSearch"
+        />
+
+        <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+          <FaTableHeader
+            v-model:columns="columnChecks"
+            v-model:showSearchBar="showSearchBar"
+            :loading="loading"
+            @refresh="refreshData"
+          >
+            <template #left>
+              <FaTableHeaderLeft
+                :remove-ids="selectedIds"
+                :perm-create="['module_system:user:create']"
+                :perm-import="['module_system:user:import']"
+                :perm-export="['module_system:user:export']"
+                :perm-delete="['module_system:user:delete']"
+                :perm-patch="['module_system:user:patch']"
+                :import-loading="uploadLoading"
+                :delete-loading="batchDeleting"
+                :create-loading="createLoading"
+                :more-loading="moreLoading"
+                @add="handleAdd"
+                @import="openImport"
+                @export="openExport"
+                @delete="handleBatchDelete"
+                @more="handleMoreClick"
+              />
+            </template>
+          </FaTableHeader>
+
+          <FaTable
+            ref="faTableRef"
+            row-key="id"
+            :loading="loading"
+            :data="data"
+            :columns="columns"
+            :pagination="pagination"
+            @selection-change="onTableSelectionChange"
+            @pagination:size-change="handleSizeChange"
+            @pagination:current-change="handleCurrentChange"
+          />
+        </ElCard>
+      </div>
+    </div>
+
+    <FaDrawer
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      append-to-body
+      :size="drawerSize"
+      :form-mode="dialogVisible.type"
+      :confirm-loading="submitLoading"
+      @cancel="handleCloseDialog"
+      @confirm="dialogVisible.type === 'detail' ? handleCloseDialog() : handleSubmit()"
+    >
+      <template v-if="dialogVisible.type === 'detail'">
+        <FaDescriptions
+          :column="2"
+          :data="detailFormData"
+          :items="userDetailItems"
+          :scrollbar="false"
+        >
+          <!-- 头像 → 自定义渲染 -->
+          <template #avatar="{ row }">
+            <ElAvatar v-if="row?.avatar" :src="row?.avatar as string" size="small" />
+            <ElAvatar v-else icon="UserFilled" size="small" />
+          </template>
+          <!-- 性别 → 三种状态 Tag -->
+          <template #gender="{ row }">
+            <FaStatusTag v-if="row?.gender === '0'" type="success" label="男" />
+            <FaStatusTag v-else-if="row?.gender === '1'" type="warning" label="女" />
+            <FaStatusTag v-else type="info" label="未知" />
+          </template>
+          <!-- 角色 → 数组 join 渲染 -->
+          <template #roles="{ row }">
+            {{
+              (row as unknown as UserInfo)?.roles
+                ? (row as unknown as UserInfo).roles!.map((item) => item.name).join("、")
+                : ""
+            }}
+          </template>
+          <!-- 岗位 → 数组 join 渲染 -->
+          <template #positions="{ row }">
+            {{
+              (row as unknown as UserInfo)?.positions
+                ? (row as unknown as UserInfo).positions!.map((item) => item.name).join("、")
+                : ""
+            }}
+          </template>
+        </FaDescriptions>
+      </template>
+      <template v-else>
+        <FaForm
+          :key="userFormRenderKey"
+          ref="dataFormRef"
+          v-model="formData"
+          :items="userDialogFormItems"
+          :rules="rules"
+          label-suffix=":"
+          :label-width="100"
+          label-position="right"
+          :span="24"
+          :gutter="16"
+          :show-reset="false"
+          :show-submit="false"
+          class="crud-dialog-art-form"
+        >
+          <template #dept_id>
+            <ElTreeSelect
+              v-model="formData.dept_id"
+              placeholder="请选择上级部门"
+              :data="deptOptions"
+              :props="{ children: 'children', label: 'label', disabled: 'disabled' }"
+              filterable
+              check-strictly
+              :render-after-expand="false"
+            />
+          </template>
+          <template #role_ids>
+            <ElSelect v-model="formData.role_ids" multiple placeholder="请选择角色">
+              <ElOption
+                v-for="item in roleOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+                :disabled="item.disabled"
+              />
+            </ElSelect>
+          </template>
+          <template #position_ids>
+            <ElSelect v-model="formData.position_ids" multiple placeholder="请选择岗位">
+              <ElOption
+                v-for="item in positionOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+                :disabled="item.disabled"
+              />
+            </ElSelect>
+          </template>
+        </FaForm>
+      </template>
+    </FaDrawer>
+
+    <FaImportDialog
+      v-model="importVisible"
+      :content-config="userImportContentConfig"
+      default-template-file-name="user_import_template.xlsx"
+      :loading="uploadLoading"
+      @upload="handleImportUpload"
+    />
+
+    <FaExportDialog
+      v-model="exportVisible"
+      :content-config="userExportContentConfig"
+      :query-params="exportQueryParams"
+      :page-data="data"
+      :selection-data="selectedRows"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({
+  name: "User",
+  inheritAttrs: false,
+});
+
+import { h } from "vue";
+import { UserFilled } from "@element-plus/icons-vue";
+import { ElAvatar } from "element-plus";
+import { ResultEnum } from "@/enums/api/result.enum";
+import { useAppStore } from "@stores";
+import { DeviceEnum } from "@/enums/settings/device.enum";
+import { useTable } from "@/hooks/core/useTable";
+import { useImportExport } from "@/hooks/core/useImportExport";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { useCrudDialog } from "@/hooks/core/useCrudDialog";
+import { confirmDelete, confirmBatchDelete, confirmToggleStatus } from "@/hooks/core/useConfirm";
+import { cleanEmptyArrayParams, stripPaginationParams } from "@/utils/query";
+import UserAPI, {
+  type UserForm,
+  type UserInfo,
+  type UserPageQuery,
+} from "@/api/module_system/user";
+import {
+  formatTree,
+  renderTableOperationCell,
+  type TableOperationAction,
+  resolveStatusColumns,
+} from "@utils";
+import PositionAPI from "@/api/module_system/position";
+import DeptAPI from "@/api/module_system/dept";
+import RoleAPI from "@/api/module_system/role";
+import { useUserStore } from "@stores";
+import { useAuth } from "@/hooks/core/useAuth";
+import type { ColumnOption } from "@/types/component";
+import type { DescriptionsItem } from "@/components/others/fa-descriptions/index.vue";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import type { IContentConfig, IObject } from "@/components/modal/types";
+import FaDeptTree from "./components/FaDeptTree.vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+
+const { hasAuth } = useAuth();
+const userStore = useUserStore();
+
+type UserSearchForm = {
+  username?: string;
+  name?: string;
+  status?: number;
+  created_id?: number;
+  created_time?: string[];
+};
+
+function buildUserReplaceParams(u: UserSearchForm): Record<string, unknown> {
+  return {
+    username: u.username,
+    name: u.name,
+    status: u.status,
+    created_id: u.created_id,
+    created_time:
+      Array.isArray(u.created_time) && u.created_time.length === 2 ? u.created_time : undefined,
+  };
+}
+
+function fetchUserTableList(params: Record<string, unknown>) {
+  return UserAPI.listUser({
+    page_no: 1,
+    page_size: 10,
+    ...params,
+    dept_id:
+      deptFilterId.value !== undefined && deptFilterId.value !== null && deptFilterId.value !== ""
+        ? Number(deptFilterId.value)
+        : undefined,
+  });
+}
+
+function buildUserRowActions(
+  row: UserInfo,
+  ctx: {
+    onResetPwd: (row: UserInfo) => void;
+    onDetail: (id: number) => void;
+    onEdit: (id: number) => void;
+    onDelete: (id: number) => void;
+  }
+): TableOperationAction[] {
+  const sys = row.is_superuser === true;
+  const all: TableOperationAction[] = [
+    {
+      key: "resetPwd",
+      label: "重置密码",
+      artType: "edit",
+      icon: "ri:refresh-line",
+      perm: "module_system:user:update",
+      disabled: sys,
+      run: () => {
+        if (sys) return;
+        ctx.onResetPwd(row);
+      },
+    },
+    {
+      key: "detail",
+      label: "详情",
+      artType: "view",
+      perm: "module_system:user:detail",
+      run: () => ctx.onDetail(row.id!),
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      perm: "module_system:user:update",
+      disabled: sys,
+      run: () => {
+        if (sys) return;
+        ctx.onEdit(row.id!);
+      },
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      perm: "module_system:user:delete",
+      disabled: sys,
+      run: () => {
+        if (sys) return;
+        ctx.onDelete(row.id!);
+      },
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatUserOperationCell(row: UserInfo, ctx: Parameters<typeof buildUserRowActions>[1]) {
+  const actions = buildUserRowActions(row, ctx);
+  return renderTableOperationCell(actions, {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 user-table-actions",
+  });
+}
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const userFormRenderKey = ref(0);
+const submitLoading = ref(false);
+const uploadLoading = ref(false);
+const createLoading = ref(false);
+const moreLoading = ref(false);
+const deptFilterId = ref<string | number | undefined>(undefined);
+
+const appStore = useAppStore();
+const drawerSize = computed(() => (appStore.device === DeviceEnum.DESKTOP ? "450px" : "90%"));
+const deptOptions = ref<OptionType[]>();
+const roleOptions = ref<Array<{ value: number; label: string; disabled?: boolean }>>();
+const positionOptions = ref<Array<{ value: number; label: string; disabled?: boolean }>>();
+const { importVisible, exportVisible, openImport, openExport } = useImportExport();
+const detailFormData = ref<UserInfo>({});
+
+// 用户详情描述项配置 —— 数据驱动 + 关键字段用具名插槽覆盖
+const userDetailItems: DescriptionsItem[] = [
+  { label: "编号", prop: "id" },
+  { label: "头像", prop: "avatar", slot: "avatar" }, // 自定义插槽渲染
+  { label: "账号", prop: "username" },
+  { label: "用户名", prop: "name" },
+  { label: "性别", prop: "gender", slot: "gender" }, // 三种状态 Tag
+  { label: "部门", prop: "dept.name" }, // 嵌套属性 a.b.c
+  { label: "角色", prop: "roles", slot: "roles" }, // 数组 join 渲染
+  { label: "岗位", prop: "positions", slot: "positions" }, // 数组 join 渲染
+  { label: "邮箱", prop: "email" },
+  { label: "手机号", prop: "mobile" },
+  {
+    label: "是否超管",
+    prop: "is_superuser",
+    tag: {
+      map: { true: { type: "success", text: "是" }, false: { type: "info", text: "否" } },
+    },
+  },
+  {
+    label: "状态",
+    prop: "status",
+    tag: {
+      map: { 0: { type: "success", text: "启用" }, 1: { type: "danger", text: "停用" } },
+    },
+  },
+  { label: "上次登录时间", prop: "last_login" },
+  { label: "创建人", prop: "created_by.name" },
+  { label: "更新人", prop: "updated_by.name" },
+  { label: "创建时间", prop: "created_time" },
+  { label: "更新时间", prop: "updated_time" },
+  { label: "描述", prop: "description", span: 4 },
+];
+
+// 用户新增/编辑表单配置 —— 三个复杂字段（部门树、角色多选、岗位多选）用插槽渲染
+const userDialogFormItems = computed<FormItem[]>(() => [
+  {
+    key: "username",
+    label: "账号",
+    type: "input",
+    props: { placeholder: "请输入账号", disabled: !!formData.value.id },
+  },
+  { key: "name", label: "用户名", type: "input", props: { placeholder: "请输入用户名" } },
+  {
+    key: "gender",
+    label: "性别",
+    type: "select",
+    props: {
+      placeholder: "请选择性别",
+      options: [
+        { label: "男", value: "0" },
+        { label: "女", value: "1" },
+        { label: "未知", value: "2" },
+      ],
+    },
+  },
+  {
+    key: "mobile",
+    label: "手机号",
+    type: "input",
+    props: { placeholder: "请输入手机号码", maxlength: 11 },
+  },
+  {
+    key: "email",
+    label: "邮箱",
+    type: "input",
+    props: { placeholder: "请输入邮箱", maxlength: 50 },
+  },
+  { key: "dept_id", label: "部门", type: "input" /* 实际渲染由 #dept_id 插槽接管 */ },
+  { key: "role_ids", label: "角色", type: "input" /* 实际渲染由 #role_ids 插槽接管 */ },
+  { key: "position_ids", label: "岗位", type: "input" /* 实际渲染由 #position_ids 插槽接管 */ },
+  {
+    key: "password",
+    label: "密码",
+    type: "input",
+    hidden: !!formData.value.id,
+    props: { placeholder: "请输入密码", type: "password", showPassword: true, clearable: true },
+  },
+  { key: "is_superuser", label: "是否超管", type: "switch" },
+  {
+    key: "status",
+    label: "状态",
+    type: "radiogroup",
+    props: {
+      options: [
+        { label: "启用", value: 0 },
+        { label: "停用", value: 1 },
+      ],
+    },
+  },
+  {
+    key: "description",
+    label: "描述",
+    type: "input",
+    props: {
+      type: "textarea",
+      rows: 4,
+      maxlength: 100,
+      showWordLimit: true,
+      placeholder: "请输入描述",
+    },
+  },
+]);
+
+const searchForm = ref<UserSearchForm>({
+  username: undefined,
+  name: undefined,
+  status: undefined,
+  created_id: undefined,
+  created_time: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const statusOptions = ref([
+  { label: "启用", value: 0 },
+  { label: "停用", value: 1 },
+]);
+
+const userSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "账号",
+    key: "username",
+    type: "input",
+    placeholder: "请输入账号",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "用户名",
+    key: "name",
+    type: "input",
+    placeholder: "请输入用户名",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: statusOptions.value,
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const { selectedRows, selectedIds, batchDeleting, onTableSelectionChange } =
+  useTableSelection<UserInfo>();
+
+async function handleResetPassword(row: UserInfo) {
+  try {
+    const { value } = await ElMessageBox.prompt(
+      `请输入用户【${row.username ?? ""}】的新密码`,
+      "重置密码",
+      { confirmButtonText: "确定", cancelButtonText: "取消" }
+    );
+    if (!value || value.length < 6) {
+      ElMessage.warning("密码至少需要6位字符，请重新输入");
+      return;
+    }
+    await UserAPI.resetUserPassword(row.id!, { password: value });
+  } catch {
+    // 用户取消
+  }
+}
+
+async function deleteUserRow(id: number) {
+  try {
+    await confirmDelete();
+    await UserAPI.deleteUser([id]);
+    const idSet = [id];
+    if (userStore.basicInfo.id && idSet.includes(userStore.basicInfo.id)) {
+      userStore.clearUserInfo();
+    }
+    // 成功 / 失败提示由 axios 拦截器统一处理
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  }
+}
+
+const opCtx = {
+  onResetPwd: handleResetPassword,
+  onDetail: (id: number) => void handleOpenDialog("detail", id),
+  onEdit: (id: number) => void handleOpenDialog("update", id),
+  onDelete: deleteUserRow,
+};
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  searchParams,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshUpdate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: fetchUserTableList,
+    apiParams: {
+      page_no: 1,
+      page_size: 20,
+    },
+    columnsFactory: resolveStatusColumns<UserInfo>(() => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      {
+        prop: "avatar",
+        label: "头像",
+        width: 72,
+        align: "center",
+        formatter: (row: UserInfo) =>
+          h(
+            ElAvatar,
+            {
+              size: 28,
+              src: row.avatar || undefined,
+            },
+            () => (!row.avatar ? h(UserFilled) : undefined)
+          ),
+      },
+      { prop: "username", label: "账号", minWidth: 100, showOverflowTooltip: true },
+      { prop: "name", label: "用户名", minWidth: 100, showOverflowTooltip: true },
+      {
+        prop: "status",
+        label: "状态",
+        width: 88,
+        status: {
+          0: { type: "success", text: "启用" },
+          1: { type: "danger", text: "停用" },
+        },
+      },
+      {
+        prop: "dept",
+        label: "部门",
+        minWidth: 100,
+        formatter: (row: UserInfo) => row.dept?.name ?? "—",
+      },
+      {
+        prop: "gender",
+        label: "性别",
+        width: 88,
+        status: {
+          "0": { type: "success", text: "男" },
+          "1": { type: "warning", text: "女" },
+        },
+      },
+      { prop: "created_time", label: "创建时间", width: 168, showOverflowTooltip: true },
+      { prop: "updated_time", label: "更新时间", width: 168, showOverflowTooltip: true },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 280,
+        fixed: "right",
+        align: "center",
+        formatter: (row: UserInfo) => formatUserOperationCell(row, opCtx),
+      },
+    ]),
+  },
+});
+
+const userCrudCols = computed(() =>
+  columns.value.map((c: ColumnOption<UserInfo>) => {
+    const t = (c as { type?: string }).type;
+    return {
+      prop: c.prop,
+      label: c.label,
+      type: t === "selection" ? ("selection" as const) : ("default" as const),
+      show: true,
+    };
+  })
+);
+
+const exportQueryParams = computed(() => {
+  const sp = stripPaginationParams(searchParams);
+  if (
+    deptFilterId.value !== undefined &&
+    deptFilterId.value !== null &&
+    deptFilterId.value !== ""
+  ) {
+    (sp as Record<string, unknown>).dept_id = Number(deptFilterId.value);
+  }
+  const q = cleanEmptyArrayParams(sp) as Record<string, unknown>;
+  if (typeof q.status === "string") {
+    const s = q.status;
+    if (s === "true" || s === "false") {
+      q.status = s === "true";
+    }
+  }
+  return q;
+});
+
+const userImportContentConfig = computed<IContentConfig>(() => ({
+  permPrefix: "module_system:user",
+  cols: userCrudCols.value,
+  indexAction: async () => ({}),
+  importTemplate: () => UserAPI.downloadTemplateUser(),
+}));
+
+const userExportContentConfig = computed(() => ({
+  permPrefix: "module_system:user",
+  cols: userCrudCols.value,
+  exportsBlobAction: async (params: IObject) => {
+    const merged = cleanEmptyArrayParams({
+      ...(exportQueryParams.value as Record<string, unknown>),
+      ...params,
+    } as Record<string, unknown>) as Record<string, unknown>;
+    if (typeof merged.status === "string") {
+      const s = merged.status;
+      if (s === "true" || s === "false") {
+        merged.status = s === "true";
+      }
+    }
+    const res = await UserAPI.exportUser(merged as unknown as UserPageQuery);
+    return res.data as Blob;
+  },
+}));
+
+const formData = ref<UserForm>({
+  id: undefined,
+  username: undefined,
+  name: undefined,
+  dept_id: undefined,
+  dept_name: undefined,
+  role_ids: undefined,
+  role_names: undefined,
+  position_ids: undefined,
+  position_names: undefined,
+  password: undefined,
+  gender: undefined,
+  email: undefined,
+  mobile: undefined,
+  is_superuser: false,
+  status: 0,
+  description: undefined,
+});
+
+const { dialogVisible } = useCrudDialog();
+
+const rules = reactive({
+  username: [{ required: true, message: "请输入账号", trigger: "blur" }],
+  name: [{ required: true, message: "请输入用户名", trigger: "blur" }],
+  password: [{ required: true, message: "请输入密码", trigger: "blur" }],
+  gender: [{ required: false, message: "请选择性别", trigger: "blur" }],
+  email: [
+    {
+      pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
+      message: "请输入正确的邮箱地址",
+      trigger: "blur",
+    },
+  ],
+  mobile: [
+    {
+      pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+      message: "请输入正确的手机号码",
+      trigger: "blur",
+    },
+  ],
+  is_superuser: [{ required: true, message: "请选择是否超管", trigger: "blur" }],
+  status: [{ required: true, message: "请选择状态", trigger: "blur" }],
+});
+
+const initialFormData: UserForm = {
+  id: undefined,
+  username: undefined,
+  name: undefined,
+  dept_id: undefined,
+  dept_name: undefined,
+  role_ids: undefined,
+  role_names: undefined,
+  position_ids: undefined,
+  position_names: undefined,
+  password: undefined,
+  gender: undefined,
+  email: undefined,
+  mobile: undefined,
+  is_superuser: false,
+  status: 0,
+  description: undefined,
+};
+
+async function handleSearchBarSearch(params: UserSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildUserReplaceParams(params));
+  await getData();
+}
+
+function onResetSearch() {
+  searchForm.value = {
+    username: undefined,
+    name: undefined,
+    status: undefined,
+    created_id: undefined,
+    created_time: undefined,
+  };
+  deptFilterId.value = undefined;
+  void resetSearchParams();
+}
+
+async function handleDeptNodeClick() {
+  await getData();
+}
+
+async function handleImportUpload(formDataUpload: FormData) {
+  uploadLoading.value = true;
+  try {
+    const response = await UserAPI.importUser(formDataUpload);
+    if (response.data.code === ResultEnum.SUCCESS) {
+      ElMessage.success(`${response.data.msg}，${response.data.data}`);
+      importVisible.value = false;
+      await refreshData();
+    }
+    // 失败分支提示由 axios 拦截器统一处理
+  } catch (error: unknown) {
+    console.error(error);
+    // 接口错误已由拦截器提示
+  } finally {
+    uploadLoading.value = false;
+  }
+}
+
+async function resetForm() {
+  if (dataFormRef.value) {
+    dataFormRef.value.resetFields();
+    dataFormRef.value.clearValidate();
+  }
+  Object.assign(formData.value, initialFormData);
+}
+
+async function handleCloseDialog() {
+  dialogVisible.visible = false;
+  await resetForm();
+}
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+async function handleOpenDialog(type: "create" | "update" | "detail", id?: number) {
+  dialogVisible.type = type;
+  if (id) {
+    const response = await UserAPI.detailUser(id);
+    if (type === "detail") {
+      dialogVisible.title = "用户详情";
+      Object.assign(detailFormData.value, response.data.data ?? {});
+    } else if (type === "update") {
+      dialogVisible.title = "修改用户";
+      Object.assign(formData.value, response.data.data);
+      formData.value.role_ids = (response.data.data.roles || []).map((item) => item.id as number);
+      formData.value.position_ids = (response.data.data.positions || []).map(
+        (item) => item.id as number
+      );
+    }
+  } else {
+    dialogVisible.title = "新增用户";
+    Object.assign(formData.value, initialFormData);
+    formData.value.id = undefined;
+    userFormRenderKey.value += 1;
+  }
+  dialogVisible.visible = true;
+  await nextTick();
+  if (dataFormRef.value) {
+    dataFormRef.value.clearValidate();
+  }
+
+  const deptResponse = await DeptAPI.listDept({});
+  deptOptions.value = formatTree(deptResponse.data.data);
+
+  const roleResponse = await RoleAPI.listRole();
+  const roleRows = roleResponse.data.data.items ?? [];
+  roleOptions.value = roleRows
+    .filter((item) => item.id !== undefined && item.name !== undefined)
+    .map((item) => ({
+      value: item.id as number,
+      label: item.name as string,
+      disabled: item.status === 1,
+    }))
+    .filter((opt) => !opt.disabled);
+
+  const positionResponse = await PositionAPI.listPosition();
+  const positionRows = positionResponse.data.data.items ?? [];
+  positionOptions.value = positionRows
+    .filter((item) => item.id !== undefined && item.name !== undefined)
+    .map((item) => ({
+      value: item.id as number,
+      label: item.name as string,
+      disabled: item.status === 1,
+    }))
+    .filter((opt) => !opt.disabled);
+}
+
+async function handleSubmit() {
+  dataFormRef.value?.validate(async (valid: boolean) => {
+    if (!valid) return;
+    submitLoading.value = true;
+    const id = formData.value.id;
+    try {
+      if (id) {
+        await UserAPI.updateUser(id, formData.value);
+        await refreshUpdate();
+      } else {
+        await UserAPI.createUser(formData.value);
+        await refreshCreate();
+      }
+      dialogVisible.visible = false;
+      await resetForm();
+      if (id === userStore.basicInfo.id) {
+        await userStore.getUserInfo();
+      }
+    } catch (error: unknown) {
+      console.error(error);
+    } finally {
+      submitLoading.value = false;
+    }
+  });
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await UserAPI.deleteUser(ids);
+    if (userStore.basicInfo.id && ids.includes(userStore.basicInfo.id)) {
+      userStore.clearUserInfo();
+    } else {
+      console.info(`删除 ${ids.length} 条数据`);
+    }
+    selectedRows.value = [];
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+async function handleMoreClick(status: number) {
+  const ids = selectedIds.value;
+  if (!ids.length) {
+    ElMessage.warning("请先选择要操作的数据");
+    return;
+  }
+  try {
+    await confirmToggleStatus(status);
+    moreLoading.value = true;
+    await UserAPI.batchUser({ ids, status });
+    await refreshData();
+  } catch {
+    // 用户取消
+  } finally {
+    moreLoading.value = false;
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+/* 左侧部门树内容区：card body 纵向 flex + 滚动条占满剩余高度（布局在 index，内边距在 DeptTree） */
+.tree-card :deep(.el-card__body) {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  padding: 0;
+}
+</style>
diff --git a/src/views/module_task/cronjob/job/index.vue b/src/views/module_task/cronjob/job/index.vue
new file mode 100644
index 0000000..92310eb
--- /dev/null
+++ b/src/views/module_task/cronjob/job/index.vue
@@ -0,0 +1,1221 @@
+<!-- 调度任务：主区调度器状态 + 任务卡片列表（getSchedulerJobs 全量、前端筛选）；抽屉内执行日志表用 useTable 分页 -->
+<template>
+  <div class="fa-full-height job-page flex flex-col min-h-0">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="jobSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard
+      class="flex flex-1 min-h-0 flex-col fa-table-card job-page-card"
+      :style="{ 'margin-top': showSearchBar ? '12px' : '0' }"
+    >
+      <FaTableHeader
+        v-model:columns="jobColumnChecks"
+        v-model:showSearchBar="showSearchBar"
+        layout="search,refresh"
+        :loading="jobLoading"
+        @refresh="refreshJobList"
+      >
+        <template #left>
+          <div class="scheduler-inline">
+            <div class="scheduler-metrics">
+              <div class="scheduler-metric">
+                <span class="scheduler-metric__label">调度器</span>
+                <ElTag
+                  :type="getSchedulerStatusType(schedulerStatus.status)"
+                  size="small"
+                  effect="dark"
+                >
+                  {{ getSchedulerStatusLabel(schedulerStatus.status) }}
+                </ElTag>
+              </div>
+              <ElDivider direction="vertical" />
+              <div class="scheduler-metric">
+                <span class="scheduler-metric__label">运行中</span>
+                <ElTag
+                  :type="schedulerStatus.is_running ? 'success' : 'info'"
+                  size="small"
+                  effect="dark"
+                >
+                  {{ schedulerStatus.is_running ? "是" : "否" }}
+                </ElTag>
+              </div>
+              <ElDivider direction="vertical" />
+              <div class="scheduler-metric">
+                <span class="scheduler-metric__label">任务</span>
+                <span class="scheduler-metric__count">{{ schedulerStatus.job_count }}</span>
+              </div>
+            </div>
+            <ElDivider direction="vertical" />
+            <div class="scheduler-actions">
+              <ElButton
+                v-hasPerm="['module_task:cronjob:job:scheduler']"
+                type="success"
+                icon="VideoPlay"
+                :disabled="schedulerStatus.status !== '停止'"
+                size="small"
+                @click="handleStartScheduler"
+              >
+                启动
+              </ElButton>
+              <ElButton
+                v-hasPerm="['module_task:cronjob:job:scheduler']"
+                type="warning"
+                icon="VideoPause"
+                :disabled="schedulerStatus.status !== '运行中'"
+                size="small"
+                @click="handlePauseScheduler"
+              >
+                暂停
+              </ElButton>
+              <ElButton
+                v-hasPerm="['module_task:cronjob:job:scheduler']"
+                type="primary"
+                icon="RefreshRight"
+                :disabled="schedulerStatus.status !== '暂停'"
+                size="small"
+                @click="handleResumeScheduler"
+              >
+                恢复
+              </ElButton>
+              <ElButton
+                v-hasPerm="['module_task:cronjob:job:scheduler']"
+                type="danger"
+                icon="SwitchButton"
+                :disabled="schedulerStatus.status === '停止'"
+                size="small"
+                @click="handleShutdownScheduler"
+              >
+                关闭
+              </ElButton>
+              <ElDivider direction="vertical" />
+              <ElButton
+                v-hasPerm="['module_task:cronjob:job:task']"
+                type="danger"
+                icon="Delete"
+                :disabled="schedulerStatus.job_count === 0"
+                size="small"
+                plain
+                @click="handleClearAllJobs"
+              >
+                清空任务
+              </ElButton>
+              <ElButton
+                v-hasPerm="['module_task:cronjob:job:query']"
+                type="info"
+                icon="Monitor"
+                size="small"
+                @click="handleOpenConsole"
+              >
+                控制台
+              </ElButton>
+              <ElButton
+                v-hasPerm="['module_task:cronjob:job:scheduler']"
+                type="primary"
+                icon="Refresh"
+                size="small"
+                plain
+                @click="handleSyncJobs"
+              >
+                同步
+              </ElButton>
+            </div>
+          </div>
+        </template>
+      </FaTableHeader>
+
+      <!-- 卡片骨架：初始加载时显示 -->
+      <ElSkeleton
+        v-if="jobLoading && (!jobList || jobList.length === 0)"
+        animated
+        class="job-skeleton"
+      >
+        <template #template>
+          <div class="job-skeleton-grid">
+            <div v-for="i in 12" :key="i" class="job-skeleton-card">
+              <ElSkeletonItem
+                variant="rect"
+                style="width: 100%; height: 100%; border-radius: var(--custom-radius)"
+              />
+            </div>
+          </div>
+        </template>
+      </ElSkeleton>
+
+      <ElScrollbar v-else class="job-cards-container mt-3 min-h-0 flex-1">
+        <ElEmpty
+          v-if="!jobLoading && (!jobList || jobList.length === 0)"
+          :image-size="80"
+          description="暂无数据"
+        />
+        <ElRow v-else :gutter="16">
+          <ElCol
+            v-for="job in jobList"
+            :key="job.id"
+            :xs="24"
+            :sm="12"
+            :md="6"
+            :lg="4"
+            class="job-card-col"
+          >
+            <ElCard shadow="hover" :class="`job-card job-card--${getJobStatusClass(job.status)}`">
+              <template #header>
+                <div class="job-card-title">
+                  <span
+                    class="job-card-dot"
+                    :class="`job-card-dot--${getJobStatusClass(job.status)}`"
+                  />
+                  <span class="job-card-name" :title="job.name">{{ job.name }}</span>
+                  <ElTag :type="getJobStatusType(job.status)" size="small" effect="dark">
+                    {{ getJobStatusLabel(job.status) }}
+                  </ElTag>
+                </div>
+              </template>
+
+              <div class="job-card-body">
+                <div class="job-card-body-row">
+                  <FaSvgIcon :icon="getTriggerIcon(job.trigger)" class="job-card-meta-icon" />
+                  <span class="job-card-meta-text">{{ formatTrigger(job.trigger) }}</span>
+                </div>
+                <div class="job-card-body-row">
+                  <FaSvgIcon icon="ri:time-line" class="job-card-meta-icon" />
+                  <span class="job-card-meta-text">{{ job.next_run_time || "暂无" }}</span>
+                </div>
+              </div>
+
+              <template #footer>
+                <ElRow :gutter="8">
+                  <ElCol :span="6">
+                    <ElButton
+                      v-hasPerm="['module_task:cronjob:job:task']"
+                      :type="job.status === 1 ? 'primary' : 'warning'"
+                      size="small"
+                      plain
+                      class="w-full"
+                      :icon="job.status === 1 ? 'VideoPlay' : 'VideoPause'"
+                      :disabled="job.status !== 1 && job.status !== 0"
+                      @click="job.status === 1 ? handleResumeJob(job.id) : handlePauseJob(job.id)"
+                    >
+                      {{ job.status === 1 ? "恢复" : "暂停" }}
+                    </ElButton>
+                  </ElCol>
+                  <ElCol :span="6">
+                    <ElButton
+                      v-hasPerm="['module_task:cronjob:job:task']"
+                      type="success"
+                      size="small"
+                      plain
+                      class="w-full"
+                      icon="CaretRight"
+                      :disabled="job.status === 2 || job.status === 3"
+                      @click="handleRunJobNow(job.id)"
+                    >
+                      调试
+                    </ElButton>
+                  </ElCol>
+                  <ElCol :span="6">
+                    <ElButton
+                      v-hasPerm="['module_task:cronjob:job:query']"
+                      type="info"
+                      size="small"
+                      plain
+                      class="w-full"
+                      icon="List"
+                      @click="handleOpenExecutionLogDrawer(job)"
+                    >
+                      记录
+                    </ElButton>
+                  </ElCol>
+                  <ElCol :span="6">
+                    <ElButton
+                      v-hasPerm="['module_task:cronjob:job:task']"
+                      type="danger"
+                      size="small"
+                      plain
+                      class="w-full"
+                      icon="Close"
+                      :disabled="job.status === 3"
+                      @click="handleRemoveJob(job.id)"
+                    >
+                      移除
+                    </ElButton>
+                  </ElCol>
+                </ElRow>
+              </template>
+            </ElCard>
+          </ElCol>
+        </ElRow>
+      </ElScrollbar>
+    </ElCard>
+
+    <FaDialog v-model="consoleVisible" title="调度器控制台" width="900px">
+      <div class="terminal-wrapper">
+        <Terminal name="scheduler-console" :show-header="false" theme="dark" />
+      </div>
+      <template #footer>
+        <ElButton @click="handleRefreshConsole">刷新</ElButton>
+        <ElButton @click="handleClearConsole">清空</ElButton>
+        <ElButton type="primary" @click="consoleVisible = false">关闭</ElButton>
+      </template>
+    </FaDialog>
+
+    <FaDrawer v-model="executionLogDrawerVisible" title="执行记录" direction="rtl" size="80%">
+      <div class="execution-log-drawer flex flex-col min-h-0">
+        <FaSearchBar
+          ref="logSearchBarRef"
+          v-model="logSearchForm"
+          :items="logSearchItems"
+          :rules="logSearchBarRules"
+          :is-expand="false"
+          :show-expand="false"
+          :show-reset="true"
+          :show-search="true"
+          :disabled-search="false"
+          :default-expanded="false"
+          @search="handleLogSearchBarSearch"
+          @reset="onLogResetSearch"
+        />
+        <ElCard class="fa-table-card log-table-card mt-3 flex flex-1 min-h-0 flex-col">
+          <FaTableHeader
+            v-model:columns="logColumnChecks"
+            layout="search,refresh"
+            :loading="logLoading"
+            @refresh="refreshLogData"
+          >
+            <template #left>
+              <FaTableHeaderLeft
+                :remove-ids="logSelectedIds"
+                :perm-delete="['module_task:cronjob:job:delete']"
+                :delete-loading="logBatchDeleting"
+                @delete="handleLogBatchDelete"
+              />
+            </template>
+          </FaTableHeader>
+          <FaTable
+            ref="logfaTableRef"
+            row-key="id"
+            :loading="logLoading"
+            :data="logTableData"
+            :columns="logColumns"
+            :pagination="logPaginationBind"
+            @selection-change="onLogTableSelectionChange"
+            @pagination:size-change="logHandleSizeChange"
+            @pagination:current-change="logHandleCurrentChange"
+          >
+          </FaTable>
+        </ElCard>
+      </div>
+    </FaDrawer>
+
+    <FaDialog v-model="jobStateVisible" title="执行元数据" width="800px">
+      <FaJsonPretty :value="jobStateData" height="400px" />
+      <template #footer>
+        <ElButton type="primary" @click="jobStateVisible = false">关闭</ElButton>
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineOptions({
+  name: "Job",
+  inheritAttrs: false,
+});
+
+import JobAPI, { SchedulerStatus, SchedulerJob, JobLogTable } from "@/api/module_task/cronjob/job";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import { useTable } from "@/hooks/core/useTable";
+import type { ColumnOption } from "@/types/component";
+import { ElButton, ElDivider, ElMessageBox } from "element-plus";
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction } from "@/utils/table";
+import { computed, h, nextTick, onMounted, ref } from "vue";
+import { Terminal, TerminalApi } from "vue-web-terminal";
+
+const { hasAuth } = useAuth();
+
+const schedulerStatus = ref<SchedulerStatus>({
+  status: "未知",
+  is_running: false,
+  job_count: 0,
+});
+
+type JobSearchForm = {
+  name?: string;
+  status?: number;
+};
+
+const searchForm = ref<JobSearchForm>({
+  name: undefined,
+  status: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const jobSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "任务名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入任务名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "任务状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      clearable: true,
+      options: [
+        { label: "运行中", value: 0 },
+        { label: "暂停中", value: 1 },
+        { label: "已停止", value: 2 },
+      ],
+    },
+    span: 6,
+  },
+]);
+
+async function loadSchedulerStatus() {
+  try {
+    const statusRes = await JobAPI.getSchedulerStatus();
+    schedulerStatus.value = statusRes.data.data;
+  } catch (error: unknown) {
+    console.error(error);
+  }
+}
+
+/** 调度器任务列表为全量列表接口，无分页；筛选在前端完成 */
+const jobList = ref<SchedulerJob[]>([]);
+const jobLoading = ref(false);
+/** 主区域为卡片列表无表格列配置，仅占位满足 FaTableHeader v-model */
+const jobColumnChecks = ref<ColumnOption<SchedulerJob>[]>([]);
+
+function matchesJobStatusFilter(jobStatus: number | undefined, filter?: number): boolean {
+  if (filter === undefined) return true;
+  const map: Record<number, number[]> = {
+    0: [0], // 运行中
+    1: [1], // 暂停
+    2: [2], // 停止
+  };
+  const allowed = map[filter];
+  if (!allowed) return true;
+  return allowed.includes(jobStatus ?? -1);
+}
+
+async function fetchSchedulerJobs() {
+  jobLoading.value = true;
+  try {
+    const res = await JobAPI.getSchedulerJobs();
+    const raw = res.data?.data;
+    const list: SchedulerJob[] = Array.isArray(raw) ? raw : [];
+    const nameQ = searchForm.value.name?.trim();
+    const statusQ = searchForm.value.status;
+    jobList.value = list.filter((j) => {
+      if (nameQ && !(j.name ?? "").includes(nameQ)) return false;
+      if (!matchesJobStatusFilter(j.status, statusQ)) return false;
+      return true;
+    });
+    await loadSchedulerStatus();
+  } catch (error: unknown) {
+    console.error(error);
+    jobList.value = [];
+  } finally {
+    jobLoading.value = false;
+  }
+}
+
+const refreshJobList = fetchSchedulerJobs;
+
+async function handleSearchBarSearch() {
+  await searchBarRef.value?.validate?.();
+  await fetchSchedulerJobs();
+}
+
+async function onResetSearch() {
+  searchForm.value = {
+    name: undefined,
+    status: undefined,
+  };
+  await fetchSchedulerJobs();
+}
+
+onMounted(() => {
+  void fetchSchedulerJobs();
+});
+
+type LogSearchForm = {
+  status?: number;
+  trigger_type?: string;
+};
+
+function buildLogReplaceParams(u: LogSearchForm): Record<string, unknown> {
+  return {
+    status: u.status,
+    trigger_type: u.trigger_type,
+  };
+}
+
+const logSearchForm = ref<LogSearchForm>({
+  status: undefined,
+  trigger_type: undefined,
+});
+
+const logSearchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const logSearchBarRules: Record<string, unknown> = {};
+
+const logSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "执行状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      clearable: true,
+      options: [
+        { label: "待执行", value: "pending" },
+        { label: "执行中", value: "running" },
+        { label: "成功", value: "success" },
+        { label: "失败", value: "failed" },
+        { label: "超时", value: "timeout" },
+        { label: "已取消", value: "cancelled" },
+      ],
+    },
+    span: 8,
+  },
+  {
+    label: "触发方式",
+    key: "trigger_type",
+    type: "select",
+    props: {
+      placeholder: "请选择",
+      clearable: true,
+      options: [
+        { label: "Cron表达式", value: "cron" },
+        { label: "时间间隔", value: "interval" },
+        { label: "固定日期", value: "date" },
+        { label: "一次性任务", value: "manual" },
+      ],
+    },
+    span: 8,
+  },
+]);
+
+const currentLogJobId = ref<string | undefined>(undefined);
+function buildLogRowActions(row: JobLogTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      perm: "module_task:cronjob:job:delete",
+      run: () => deleteLogRow(row.id),
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatLogOperationCell(row: JobLogTable) {
+  return renderTableOperationCell(buildLogRowActions(row));
+}
+
+const logfaTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const logSelectedRows = ref<JobLogTable[]>([]);
+const logSelectedIds = computed(() =>
+  logSelectedRows.value.map((r) => r.id).filter((id): id is number => typeof id === "number")
+);
+const logBatchDeleting = ref(false);
+
+function onLogTableSelectionChange(rows: JobLogTable[]) {
+  logSelectedRows.value = rows;
+}
+
+const {
+  columns: logColumns,
+  columnChecks: logColumnChecks,
+  data: logTableData,
+  loading: logLoading,
+  pagination: logPagination,
+  getData: getLogData,
+  replaceSearchParams: replaceLogSearchParams,
+  resetSearchParams: resetLogSearchParams,
+  handleSizeChange: logHandleSizeChange,
+  handleCurrentChange: logHandleCurrentChange,
+  refreshData: refreshLogData,
+  refreshRemove: refreshLogRemove,
+} = useTable({
+  core: {
+    apiFn: JobAPI.getJobLogList,
+    immediate: false,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+      job_id: "",
+      status: undefined,
+      trigger_type: undefined,
+    },
+    columnsFactory: (): ColumnOption<JobLogTable>[] => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      {
+        prop: "job_id",
+        label: "任务ID",
+        minWidth: 80,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "job_name",
+        label: "任务名称",
+        minWidth: 140,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "trigger_type",
+        label: "触发方式",
+        minWidth: 120,
+        status: {
+          cron: { type: "info", text: "Cron表达式" },
+          interval: { type: "info", text: "时间间隔" },
+          date: { type: "info", text: "固定日期" },
+          manual: { type: "info", text: "一次性任务" },
+        },
+      },
+      {
+        prop: "status",
+        label: "状态",
+        minWidth: 80,
+        status: {
+          pending: { type: "info", text: "待执行" },
+          running: { type: "primary", text: "执行中" },
+          success: { type: "success", text: "成功" },
+          failed: { type: "danger", text: "失败" },
+          timeout: { type: "warning", text: "超时" },
+          cancelled: { type: "info", text: "已取消" },
+        },
+      },
+      {
+        prop: "next_run_time",
+        label: "下次执行时间",
+        minWidth: 200,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "result",
+        label: "执行结果",
+        minWidth: 100,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "error",
+        label: "错误信息",
+        minWidth: 100,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "job_state",
+        label: "执行元数据",
+        minWidth: 100,
+        formatter: (row: JobLogTable) => {
+          if (!row.job_state) return h("span", null, "—");
+          return h(
+            ElButton,
+            { type: "primary", size: "small", link: true, onClick: () => handleViewJobState(row) },
+            () => "查看"
+          );
+        },
+      },
+      {
+        prop: "created_time",
+        label: "创建时间",
+        minWidth: 160,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "updated_time",
+        label: "更新时间",
+        minWidth: 160,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 88,
+        fixed: "right",
+        align: "center",
+        formatter: (row: JobLogTable) => formatLogOperationCell(row),
+      },
+    ],
+  },
+});
+
+async function deleteLogRow(id: number | undefined) {
+  if (id == null) return;
+  try {
+    await ElMessageBox.confirm("确认删除该执行记录？", "警告", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    await JobAPI.deleteJobLog([id]);
+    logfaTableRef.value?.elTableRef?.clearSelection();
+    await refreshLogRemove();
+  } catch {
+    // 用户取消
+  }
+}
+
+async function handleLogBatchDelete() {
+  const ids = logSelectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await ElMessageBox.confirm("确认删除选中的执行记录？", "批量删除", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    logBatchDeleting.value = true;
+    await JobAPI.deleteJobLog(ids);
+    logSelectedRows.value = [];
+    await refreshLogRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    logBatchDeleting.value = false;
+  }
+}
+
+const logPaginationBind = computed(() => {
+  const p = logPagination as unknown as {
+    current?: number;
+    size?: number;
+    total?: number;
+    page_no?: number;
+    page_size?: number;
+  };
+  return {
+    current: p.current ?? p.page_no ?? 1,
+    size: p.size ?? p.page_size ?? 10,
+    total: p.total ?? 0,
+  };
+});
+
+async function handleLogSearchBarSearch(params: LogSearchForm) {
+  await logSearchBarRef.value?.validate?.();
+  if (!currentLogJobId.value) return;
+  replaceLogSearchParams({
+    ...buildLogReplaceParams(params),
+    job_id: currentLogJobId.value,
+  });
+  getLogData();
+}
+
+async function onLogResetSearch() {
+  logSearchForm.value = {
+    status: undefined,
+    trigger_type: undefined,
+  };
+  await resetLogSearchParams();
+  if (currentLogJobId.value) {
+    replaceLogSearchParams({ job_id: currentLogJobId.value });
+    getLogData();
+  }
+}
+
+const consoleVisible = ref(false);
+
+const executionLogDrawerVisible = ref(false);
+const jobStateVisible = ref(false);
+const jobStateData = ref<any>(null);
+
+function getSchedulerStatusType(status: string) {
+  switch (status) {
+    case "运行中":
+      return "success";
+    case "暂停":
+      return "warning";
+    case "停止":
+      return "danger";
+    default:
+      return "info";
+  }
+}
+
+function getSchedulerStatusLabel(status: string) {
+  return status || "未知";
+}
+
+function getJobStatusType(status: number) {
+  switch (status) {
+    case 0:
+      return "success";
+    case 1:
+      return "warning";
+    case 2:
+      return "danger";
+    case 3:
+      return "info";
+    default:
+      return "info";
+  }
+}
+
+function getJobStatusLabel(status: number) {
+  switch (status) {
+    case 0:
+      return "运行中";
+    case 1:
+      return "暂停中";
+    case 2:
+      return "已停止";
+    case 3:
+      return "未知";
+    default:
+      return status;
+  }
+}
+
+function formatTrigger(trigger: string) {
+  if (!trigger) {
+    return "-";
+  }
+
+  if (trigger.includes("cron")) {
+    const match = trigger.match(/cron\[([^\]]+)\]/);
+    if (match) {
+      const params = match[1]!;
+      // 提取关键参数
+      const month = params.match(/month='([^']+)'/);
+      const day = params.match(/day='([^']+)'/);
+      const hour = params.match(/hour='([^']+)'/);
+      const minute = params.match(/minute='([^']+)'/);
+      const second = params.match(/second='([^']+)'/);
+      const dayOfWeek = params.match(/day_of_week='([^']+)'/);
+
+      // 构建简化的 cron 表达式
+      const parts = [];
+      if (second && second[1] !== "'*'") parts.push(`秒:${second[1]}`);
+      if (minute && minute[1] !== "'*'") parts.push(`分:${minute[1]}`);
+      if (hour && hour[1] !== "'*'") parts.push(`时:${hour[1]}`);
+      if (day && day[1] !== "'*'") parts.push(`日:${day[1]}`);
+      if (month && month[1] !== "'*'") parts.push(`月:${month[1]}`);
+      if (dayOfWeek && dayOfWeek[1] !== "'*'") parts.push(`周:${dayOfWeek[1]}`);
+
+      if (parts.length === 0) {
+        return "Cron: 每分钟";
+      }
+      return `Cron: ${parts.join(" ")}`;
+    }
+    return trigger;
+  }
+
+  if (trigger.includes("interval")) {
+    const match = trigger.match(/interval\[([^\]]+)\]/);
+    return match ? `间隔时长: ${match[1]}` : trigger;
+  }
+
+  if (trigger.includes("date")) {
+    const match = trigger.match(/date\[([^\]]+)\]/);
+    return match ? `执行日期: ${match[1]}` : trigger;
+  }
+
+  return trigger;
+}
+
+async function handleSyncJobs() {
+  try {
+    await JobAPI.syncJobsToDb();
+    await refreshJobList();
+  } catch (error: any) {
+    console.error(error);
+  }
+}
+
+async function handleStartScheduler() {
+  try {
+    await JobAPI.startScheduler();
+    await refreshJobList();
+  } catch (error: any) {
+    console.error(error);
+  }
+}
+
+async function handlePauseScheduler() {
+  try {
+    await JobAPI.pauseScheduler();
+    await refreshJobList();
+  } catch (error: any) {
+    console.error(error);
+  }
+}
+
+async function handleResumeScheduler() {
+  try {
+    await JobAPI.resumeScheduler();
+    await refreshJobList();
+  } catch (error: any) {
+    console.error(error);
+  }
+}
+
+async function handleShutdownScheduler() {
+  try {
+    await ElMessageBox.confirm("确定要关闭调度器吗？", "警告", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    await JobAPI.shutdownScheduler();
+    await refreshJobList();
+  } catch (error: any) {
+    if (error !== "cancel") {
+      console.error(error);
+    }
+  }
+}
+
+async function handleClearAllJobs() {
+  try {
+    await ElMessageBox.confirm(
+      "确定要清空所有任务吗？\n" +
+        "此操作会将所有待执行任务的日志标记为已取消，不会删除历史执行记录。\n" +
+        "如需删除所有执行记录，请使用执行记录的批量删除功能。",
+      "警告",
+      {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+        dangerouslyUseHTMLString: false,
+      }
+    );
+    await JobAPI.clearAllJobs();
+    await refreshJobList();
+  } catch (error: any) {
+    if (error !== "cancel") {
+      console.error(error);
+    }
+  }
+}
+
+async function handleOpenConsole() {
+  consoleVisible.value = true;
+  await handleRefreshConsole();
+}
+
+async function handleRefreshConsole() {
+  try {
+    const response = await JobAPI.getSchedulerConsole();
+    const data = response.data.data || "暂无任务信息";
+    TerminalApi.pushMessage("scheduler-console", {
+      type: "normal",
+      content: data,
+    });
+  } catch (error: any) {
+    console.error(error);
+    TerminalApi.pushMessage("scheduler-console", {
+      type: "normal",
+      class: "error",
+      content: "获取控制台信息失败",
+    });
+  }
+}
+
+function handleClearConsole() {
+  TerminalApi.clear("scheduler-console");
+}
+
+async function handlePauseJob(jobId: string) {
+  try {
+    await JobAPI.pauseJob(jobId);
+    await refreshJobList();
+  } catch (error: any) {
+    console.error(error);
+  }
+}
+
+async function handleResumeJob(jobId: string) {
+  try {
+    await JobAPI.resumeJob(jobId);
+    await refreshJobList();
+  } catch (error: any) {
+    console.error(error);
+  }
+}
+
+async function handleRunJobNow(jobId: string) {
+  try {
+    await JobAPI.runJobNow(jobId);
+    await refreshJobList();
+  } catch (error: any) {
+    console.error(error);
+  }
+}
+
+async function handleRemoveJob(jobId: string) {
+  try {
+    await ElMessageBox.confirm("确认移除该任务?", "警告", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    await JobAPI.removeJob(jobId);
+    await refreshJobList();
+  } catch {
+    ElMessageBox.close();
+  }
+}
+
+async function handleOpenExecutionLogDrawer(job: SchedulerJob) {
+  currentLogJobId.value = job.id;
+  logSearchForm.value = {
+    status: undefined,
+    trigger_type: undefined,
+  };
+  executionLogDrawerVisible.value = true;
+  await nextTick();
+  replaceLogSearchParams({
+    job_id: job.id,
+    page_no: 1,
+    page_size: 10,
+  });
+  getLogData();
+}
+
+function getJobStatusClass(status: number) {
+  switch (status) {
+    case 0:
+      return "running";
+    case 1:
+      return "paused";
+    case 2:
+      return "stopped";
+    default:
+      return "unknown";
+  }
+}
+
+function getTriggerIcon(trigger: string | undefined) {
+  const t = (trigger ?? "").toLowerCase();
+  if (t.includes("cron")) return "ri:timer-line";
+  if (t.includes("interval")) return "ri:repeat-line";
+  if (t.includes("date")) return "ri:calendar-event-line";
+  return "ri:flashlight-line";
+}
+
+function handleViewJobState(row: JobLogTable) {
+  const jobState = row.job_state;
+  if (jobState) {
+    try {
+      jobStateData.value = JSON.parse(jobState);
+    } catch {
+      jobStateData.value = jobState;
+    }
+    jobStateVisible.value = true;
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.job-page :deep(.data-table) {
+  height: 100%;
+}
+
+.terminal-wrapper {
+  height: 500px;
+}
+
+.scheduler-inline {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  align-items: center;
+
+  .el-divider--vertical {
+    height: 18px;
+    margin: 0 2px;
+  }
+}
+
+.scheduler-metrics {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+}
+
+.scheduler-metric {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  white-space: nowrap;
+
+  &__label {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+  }
+
+  &__count {
+    font-size: 14px;
+    font-weight: 700;
+    color: var(--el-color-warning);
+  }
+}
+
+.scheduler-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  align-items: center;
+
+  .el-divider--vertical {
+    height: 18px;
+    margin: 0 2px;
+  }
+}
+
+.job-page-card {
+  :deep(.el-card__body) {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-height: 0;
+    overflow: hidden;
+  }
+}
+
+.job-card-col {
+  margin-bottom: 16px;
+}
+
+.job-card {
+  transition: box-shadow 0.25s;
+
+  &:hover {
+    box-shadow: 0 4px 12px rgb(0 0 0 / 6%);
+  }
+
+  :deep(.el-card__header) {
+    padding: 8px 14px;
+  }
+
+  :deep(.el-card__body) {
+    padding: 8px 14px;
+  }
+
+  :deep(.el-card__footer) {
+    padding: 8px 14px;
+  }
+}
+
+.job-card-title {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  min-width: 0;
+}
+
+.job-card-dot {
+  flex-shrink: 0;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+
+  &--running {
+    background: var(--el-color-success);
+  }
+
+  &--paused {
+    background: var(--el-color-warning);
+  }
+
+  &--stopped {
+    background: var(--el-color-danger);
+  }
+
+  &--unknown {
+    background: var(--el-color-info);
+  }
+}
+
+.job-card-body {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+  overflow: hidden;
+
+  &-row {
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    min-width: 0;
+    overflow: hidden;
+  }
+}
+
+.job-card-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 14px;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+.job-card-meta-icon {
+  flex-shrink: 0;
+  font-size: 13px;
+  color: var(--el-color-primary-light-3);
+}
+
+.job-card-meta-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  white-space: nowrap;
+}
+
+.execution-log-drawer {
+  height: 100%;
+}
+
+.log-table-card {
+  flex: 1;
+  min-height: 0;
+}
+
+.execution-log-drawer :deep(.el-card.data-table) {
+  flex: 1;
+  min-height: 0;
+}
+/* ── 卡片骨架 ── */
+.job-skeleton {
+  margin-top: 12px;
+}
+
+.job-skeleton-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  gap: 16px;
+}
+
+.job-skeleton-card {
+  height: 200px;
+}
+</style>
diff --git a/src/views/module_task/cronjob/node/index.vue b/src/views/module_task/cronjob/node/index.vue
new file mode 100644
index 0000000..968008d
--- /dev/null
+++ b/src/views/module_task/cronjob/node/index.vue
@@ -0,0 +1,1041 @@
+<!-- 定时任务节点：Art + useTable -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="nodeSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_task:cronjob:node:create']"
+            :perm-delete="['module_task:cronjob:node:delete']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            @add="handleAdd"
+            @delete="handleBatchDelete"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        row-key="id"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      width="1000px"
+      @close="handleCloseDialog"
+      @opened="handleDialogOpened"
+    >
+      <ElSplitter direction="horizontal" :style="'height: 500px'">
+        <ElSplitterPanel size="300px" :min="200" :max="400">
+          <ElScrollbar :style="'height: 100%'">
+            <FaForm
+              :key="nodeFormRenderKey"
+              ref="dataFormRef"
+              v-model="formData"
+              :items="nodeDialogFormItems"
+              :rules="rules"
+              label-suffix=":"
+              label-width="85px"
+              :span="24"
+              :gutter="16"
+              :show-reset="false"
+              :show-submit="false"
+              class="crud-dialog-art-form node-splitter-art-form"
+            >
+              <template #jobstore>
+                <ElSelect v-model="formData.jobstore" placeholder="请选择存储器">
+                  <ElOption
+                    v-for="item in dictStore.getDictArray('sys_job_store')"
+                    :key="item.dict_value"
+                    :label="item.dict_label"
+                    :value="item.dict_value"
+                  />
+                </ElSelect>
+              </template>
+              <template #executor>
+                <ElSelect v-model="formData.executor" placeholder="请选择执行器">
+                  <ElOption
+                    v-for="item in dictStore.getDictArray('sys_job_executor')"
+                    :key="item.dict_value"
+                    :label="item.dict_label"
+                    :value="item.dict_value"
+                  />
+                </ElSelect>
+              </template>
+              <template #args>
+                <div class="dynamic-params">
+                  <div v-for="(_item, index) in argsList" :key="index" class="param-item">
+                    <ElInput v-model="argsList[index]" placeholder="参数值" />
+                    <ElButton
+                      type="danger"
+                      icon="Delete"
+                      circle
+                      @click="argsList.splice(index, 1)"
+                    />
+                  </div>
+                  <ElButton type="primary" icon="Plus" @click="argsList.push('')">
+                    添加位置参数
+                  </ElButton>
+                </div>
+              </template>
+              <template #kwargs>
+                <div class="dynamic-params">
+                  <div v-for="(item, index) in kwargsList" :key="index" class="param-item">
+                    <ElInput v-model="item.key" placeholder="键" />
+                    <ElInput v-model="item.value" placeholder="值" />
+                    <ElButton
+                      type="danger"
+                      icon="Delete"
+                      circle
+                      @click="kwargsList.splice(index, 1)"
+                    />
+                  </div>
+                  <ElButton
+                    type="primary"
+                    icon="Plus"
+                    @click="kwargsList.push({ key: '', value: '' })"
+                  >
+                    添加关键词参数
+                  </ElButton>
+                </div>
+              </template>
+              <template #coalesce>
+                <ElRadioGroup v-model="formData.coalesce">
+                  <ElRadio :value="true">是</ElRadio>
+                  <ElRadio :value="false">否</ElRadio>
+                </ElRadioGroup>
+              </template>
+              <template #max_instances>
+                <ElInputNumber
+                  v-model="formData.max_instances"
+                  controls-position="right"
+                  :min="1"
+                  :max="10"
+                />
+              </template>
+            </FaForm>
+          </ElScrollbar>
+        </ElSplitterPanel>
+
+        <ElSplitterPanel>
+          <div class="code-editor-container">
+            <div class="code-editor-header">
+              <span class="code-editor-title">处理器</span>
+              <span class="code-editor-tip">定义 handler(*args, **kwargs) 函数</span>
+            </div>
+            <Codemirror
+              ref="codeEditorRef"
+              v-model:value="formData.func"
+              :options="codeEditorOptions"
+              border
+              height="calc(100% - 40px)"
+              width="100%"
+            />
+          </div>
+        </ElSplitterPanel>
+      </ElSplitter>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <ElButton @click="handleCloseDialog">取消</ElButton>
+          <ElButton type="primary" :loading="submitLoading" @click="handleSubmit">确定</ElButton>
+        </div>
+      </template>
+    </FaDialog>
+
+    <FaDialog
+      v-model="executeDialogVisible"
+      title="调试节点"
+      width="700px"
+      @close="handleCloseExecuteDialog"
+    >
+      <FaForm
+        :key="executeFormRenderKey"
+        ref="executeFormRef"
+        v-model="executeFormData"
+        :items="executeDialogFormItems"
+        :rules="executeRules"
+        label-suffix=":"
+        label-width="85px"
+        :span="24"
+        :gutter="16"
+        :show-reset="false"
+        :show-submit="false"
+        class="crud-dialog-art-form execute-debug-art-form"
+      >
+        <template #trigger>
+          <ElRadioGroup v-model="executeFormData.trigger">
+            <ElRadio value="now">立即执行</ElRadio>
+            <ElRadio value="cron">Cron表达式</ElRadio>
+            <ElRadio value="interval">时间间隔</ElRadio>
+            <ElRadio value="date">固定日期</ElRadio>
+          </ElRadioGroup>
+        </template>
+        <template #trigger_args>
+          <template v-if="executeFormData.trigger === 'cron'">
+            <ElPopover
+              :visible="openCron"
+              width="700px"
+              trigger="click"
+              :persistent="false"
+              placement="auto-end"
+              popper-class="node-cron-popover-fix"
+            >
+              <template #reference>
+                <ElInput
+                  v-model="executeFormData.trigger_args"
+                  placeholder="请输入 * * * * * ? *"
+                  @click="openCron = true"
+                />
+              </template>
+              <vue3CronPlus i18n="cn" @change="handlechangeCron" @close="openCron = false" />
+            </ElPopover>
+          </template>
+          <template v-else-if="executeFormData.trigger === 'interval'">
+            <ElPopover
+              :visible="openInterval"
+              width="600px"
+              trigger="click"
+              :persistent="false"
+              placement="auto-end"
+            >
+              <template #reference>
+                <ElInput
+                  v-model="executeFormData.trigger_args"
+                  placeholder="请点击设置间隔时间"
+                  @click="openInterval = true"
+                />
+              </template>
+              <IntervalTab
+                :cron-value="executeFormData.trigger_args"
+                @confirm="handleIntervalConfirm"
+                @cancel="openInterval = false"
+              />
+            </ElPopover>
+          </template>
+          <template v-else-if="executeFormData.trigger === 'date'">
+            <ElDatePicker
+              v-model="executeFormData.trigger_args"
+              type="datetime"
+              format="YYYY-MM-DD HH:mm:ss"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择执行时间"
+              :style="'width: 100%'"
+            />
+          </template>
+        </template>
+      </FaForm>
+
+      <template #footer>
+        <ElButton @click="handleCloseExecuteDialog">取消</ElButton>
+        <ElButton type="primary" :loading="submitLoading" @click="handleExecuteNode">确认</ElButton>
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineOptions({
+  name: "Node",
+  inheritAttrs: false,
+});
+
+import NodeAPI, { NodeTable, NodeForm, TriggerType } from "@/api/module_task/cronjob/node";
+import { useDictStore } from "@stores";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import IntervalTab from "@/components/others/fa-interval-tab/index.vue";
+import type { ColumnOption } from "@/types/component";
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction } from "@utils";
+import { useTable } from "@/hooks/core/useTable";
+import { computed, nextTick, onMounted, reactive, ref } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { vue3CronPlus } from "vue3-cron-plus";
+import "vue3-cron-plus/dist/index.css";
+import Codemirror, { CmComponentRef } from "codemirror-editor-vue3";
+import type { EditorConfiguration } from "codemirror";
+import "codemirror/mode/python/python.js";
+import "codemirror/theme/dracula.css";
+
+const dictStore = useDictStore();
+const { hasAuth } = useAuth();
+
+const BATCH_DELETE_NODE_MSG =
+  "确认删除选中的节点吗？\n" +
+  "此操作将同时删除节点定义并移除调度器中的相关任务。\n" +
+  "正在运行的任务会被立即移除，待执行任务的日志将被标记为已取消。";
+
+type NodeSearchForm = {
+  name?: string;
+  code?: string;
+};
+
+function buildNodeReplaceParams(u: NodeSearchForm): Record<string, unknown> {
+  return {
+    name: u.name,
+    code: u.code,
+  };
+}
+
+const searchForm = ref<NodeSearchForm>({
+  name: undefined,
+  code: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const nodeSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "节点名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入节点名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "节点编码",
+    key: "code",
+    type: "input",
+    placeholder: "请输入节点编码",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      options: [
+        { label: "启用", value: 0 },
+        { label: "停用", value: 1 },
+      ],
+      clearable: true,
+    },
+    span: 6,
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const selectedRows = ref<NodeTable[]>([]);
+const selectedIds = computed(() =>
+  selectedRows.value.map((r) => r.id).filter((id): id is number => typeof id === "number")
+);
+const batchDeleting = ref(false);
+
+function onTableSelectionChange(rows: NodeTable[]) {
+  selectedRows.value = rows;
+}
+
+async function deleteNodeRow(id: number | undefined) {
+  if (id == null) return;
+  try {
+    await ElMessageBox.confirm("确认删除该节点吗？将从调度器移除相关任务。", "警告", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    await NodeAPI.deleteNode([id]);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  }
+}
+
+function buildNodeRowActions(row: NodeTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "execute",
+      label: "调试",
+      artType: "more",
+      icon: "ri:play-circle-line",
+      iconColor: "var(--el-color-primary)",
+      perm: "module_task:cronjob:node:execute",
+      run: () => handleOpenExecuteDialog(row),
+    },
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      icon: "ri:edit-2-line",
+      perm: "module_task:cronjob:node:update",
+      run: () => {
+        if (row.id != null) void handleOpenDialog("update", row.id);
+      },
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_task:cronjob:node:delete",
+      run: () => {
+        void deleteNodeRow(row.id);
+      },
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatNodeOperationCell(row: NodeTable) {
+  return renderTableOperationCell(buildNodeRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1 cronjob-node-table-actions",
+  });
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await ElMessageBox.confirm(BATCH_DELETE_NODE_MSG, "警告", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    batchDeleting.value = true;
+    await NodeAPI.deleteNode(ids);
+    selectedRows.value = [];
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshCreate,
+  refreshUpdate,
+  refreshRemove,
+} = useTable({
+  core: {
+    apiFn: NodeAPI.listNode,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: (): ColumnOption<NodeTable>[] => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      {
+        prop: "name",
+        label: "节点名称",
+        minWidth: 140,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "code",
+        label: "节点编码",
+        minWidth: 120,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "jobstore",
+        label: "存储器",
+        minWidth: 80,
+      },
+      {
+        prop: "executor",
+        label: "执行器",
+        minWidth: 80,
+      },
+      {
+        prop: "created_time",
+        label: "创建时间",
+        minWidth: 180,
+        sortable: true,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 220,
+        fixed: "right",
+        align: "center",
+        formatter: (row: NodeTable) => formatNodeOperationCell(row),
+      },
+    ],
+  },
+});
+
+async function handleSearchBarSearch(params: NodeSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildNodeReplaceParams(params));
+  getData();
+}
+
+async function onResetSearch() {
+  searchForm.value = {
+    name: undefined,
+    code: undefined,
+  };
+  await resetSearchParams();
+}
+
+const codeEditorOptions: EditorConfiguration = {
+  mode: "python",
+  lineNumbers: true,
+  smartIndent: true,
+  indentUnit: 4,
+  tabSize: 4,
+  theme: "dracula",
+  lineWrapping: true,
+  autofocus: false,
+};
+
+const dataFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const executeFormRef = ref<InstanceType<typeof FaForm> | null>(null);
+const nodeFormRenderKey = ref(0);
+const executeFormRenderKey = ref(0);
+const submitLoading = ref(false);
+const createLoading = ref(false);
+const openCron = ref(false);
+const openInterval = ref(false);
+const codeEditorRef = ref<CmComponentRef>();
+
+const defaultCodeBlock = `def handler(*args, **kwargs):
+    """
+    Demo: 调用工程中的方法处理数据
+
+    演示如何:
+    1. 从工程中导入方法
+    2. 调用处理器处理数据
+    3. 返回处理结果
+    """
+
+    # 从工程中导入方法
+    from app.plugin.module_task.cronjob.node.handlers.demo_handler import (
+        demo_handler,
+        process_data
+    )
+
+    print("=" * 50)
+    print("Demo 任务开始执行")
+    print("=" * 50)
+
+    # 1. 调用 demo_handler
+    print("1. 调用 demo_handler:")
+    result1 = demo_handler("参数1", "参数2", key="value")
+    print(f"   返回: {result1}")
+
+    # 2. 调用 process_data 计算平均值
+    print("2. 数据处理 - 计算平均值:")
+    numbers = [10, 20, 30, 40, 50]
+    result2 = process_data(numbers, operation="avg")
+    print(f"   输入: {numbers}")
+    print(f"   结果: {result2}")
+
+    # 3. 调用 process_data 计算总和
+    print("3. 数据处理 - 计算总和:")
+    result3 = process_data(numbers, operation="sum")
+    print(f"   输入: {numbers}")
+    print(f"   结果: {result3}")
+
+    print("=" * 50)
+    print("Demo 任务执行完成")
+    print("=" * 50)
+
+    return {
+        "status": "success",
+        "demo_result": result1,
+        "avg_result": result2,
+        "sum_result": result3
+    }
+`;
+
+const formData = ref<NodeForm>({
+  id: undefined,
+  name: "",
+  code: undefined,
+  jobstore: "default",
+  executor: "default",
+  func: defaultCodeBlock,
+  args: undefined,
+  kwargs: undefined,
+  coalesce: false,
+  max_instances: 1,
+  start_date: undefined,
+  end_date: undefined,
+});
+
+const argsList = ref<string[]>([]);
+const kwargsList = ref<{ key: string; value: string }[]>([]);
+
+const executeDialogVisible = ref(false);
+const currentExecuteNode = ref<NodeTable | null>(null);
+const executeFormData = ref<{
+  node_display_name: string;
+  trigger: TriggerType;
+  trigger_args?: string;
+  start_date?: string;
+  end_date?: string;
+}>({
+  node_display_name: "",
+  trigger: "now",
+  trigger_args: undefined,
+  start_date: undefined,
+  end_date: undefined,
+});
+
+const executeDialogFormItems = computed<FormItem[]>(() => {
+  const trig = executeFormData.value.trigger;
+  const showRange = !!trig && trig !== "now" && trig !== "date";
+  let triggerArgsLabel = "执行参数";
+  if (trig === "cron") triggerArgsLabel = "Cron表达式";
+  else if (trig === "interval") triggerArgsLabel = "间隔时间";
+  else if (trig === "date") triggerArgsLabel = "执行时间";
+
+  return [
+    {
+      label: "节点名称",
+      key: "node_display_name",
+      type: "input",
+      span: 24,
+      props: { disabled: true },
+    },
+    {
+      label: "执行方式",
+      key: "trigger",
+      type: "input",
+      span: 24,
+      placeholder: "",
+    },
+    {
+      label: triggerArgsLabel,
+      key: "trigger_args",
+      type: "input",
+      span: 24,
+      placeholder: "",
+      hidden: trig === "now" || !trig,
+    },
+    {
+      label: "开始时间",
+      key: "start_date",
+      type: "datetime",
+      span: 24,
+      hidden: !showRange,
+      props: {
+        type: "datetime",
+        format: "YYYY-MM-DD HH:mm:ss",
+        valueFormat: "YYYY-MM-DD HH:mm:ss",
+        placeholder: "请选择开始时间（可选）",
+        style: { width: "100%" },
+      },
+    },
+    {
+      label: "结束时间",
+      key: "end_date",
+      type: "datetime",
+      span: 24,
+      hidden: !showRange,
+      props: {
+        type: "datetime",
+        format: "YYYY-MM-DD HH:mm:ss",
+        valueFormat: "YYYY-MM-DD HH:mm:ss",
+        placeholder: "请选择结束时间（可选）",
+        style: { width: "100%" },
+      },
+    },
+  ];
+});
+
+const dialogVisible = reactive({
+  title: "",
+  visible: false,
+  type: "create" as "create" | "update" | "detail",
+});
+
+const rules = reactive({
+  name: [{ required: true, message: "请输入节点名称", trigger: "blur" }],
+  code: [{ required: true, message: "请输入节点编码", trigger: "blur" }],
+});
+
+const nodeDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "节点名称",
+    key: "name",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入节点名称", maxlength: 50 },
+  },
+  {
+    label: "节点编码",
+    key: "code",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入节点编码", maxlength: 32 },
+  },
+  {
+    label: "存储器",
+    key: "jobstore",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "执行器",
+    key: "executor",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "位置参数",
+    key: "args",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "关键字参数",
+    key: "kwargs",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "合并运行",
+    key: "coalesce",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "最大实例数",
+    key: "max_instances",
+    type: "number",
+    span: 24,
+    props: {
+      controlsPosition: "right",
+      min: 1,
+      max: 10,
+    },
+  },
+]);
+
+const executeRules = reactive({
+  trigger: [{ required: true, message: "请选择执行方式", trigger: "change" }],
+  trigger_args: [{ required: true, message: "请设置执行参数", trigger: "blur" }],
+});
+
+const initialFormData: Partial<NodeForm> = {
+  id: undefined,
+  name: "",
+  code: undefined,
+  jobstore: "sqlalchemy",
+  executor: "default",
+  func: defaultCodeBlock,
+  args: undefined,
+  kwargs: undefined,
+  coalesce: false,
+  max_instances: 5,
+  start_date: undefined,
+  end_date: undefined,
+};
+
+async function resetForm() {
+  dataFormRef.value?.resetFields();
+  dataFormRef.value?.clearValidate();
+  Object.assign(formData.value, initialFormData);
+  argsList.value = [];
+  kwargsList.value = [];
+}
+
+async function handleCloseDialog() {
+  dialogVisible.visible = false;
+  resetForm();
+}
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await handleOpenDialog("create");
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+async function handleOpenDialog(type: "create" | "update", id?: number) {
+  dialogVisible.type = type;
+  if (id) {
+    const response = await NodeAPI.detailNode(id);
+    dialogVisible.title = "修改节点";
+    Object.assign(formData.value, response.data.data);
+    const data = response.data.data;
+    argsList.value = data.args ? data.args.split(",").map((v: string) => v.trim()) : [];
+    kwargsList.value = data.kwargs
+      ? Object.entries(JSON.parse(data.kwargs)).map(([key, value]) => ({
+          key,
+          value: String(value),
+        }))
+      : [];
+  } else {
+    dialogVisible.title = "新增节点";
+    formData.value.id = undefined;
+    argsList.value = [];
+    kwargsList.value = [];
+  }
+  nodeFormRenderKey.value += 1;
+  dialogVisible.visible = true;
+}
+
+function handleDialogOpened() {
+  nextTick(() => {
+    setTimeout(() => {
+      codeEditorRef.value?.refresh?.();
+    }, 100);
+  });
+}
+
+async function handleSubmit() {
+  dataFormRef.value?.validate(async (valid: any) => {
+    if (valid) {
+      submitLoading.value = true;
+      const id = formData.value.id;
+      try {
+        const submitData = {
+          ...formData.value,
+          args: argsList.value.filter((v) => v.trim()).join(",") || undefined,
+          kwargs:
+            kwargsList.value.filter((v) => v.key.trim()).length > 0
+              ? JSON.stringify(
+                  Object.fromEntries(
+                    kwargsList.value.filter((v) => v.key.trim()).map((v) => [v.key, v.value])
+                  )
+                )
+              : undefined,
+        };
+        if (id) {
+          await NodeAPI.updateNode(id, submitData);
+        } else {
+          await NodeAPI.createNode(submitData);
+        }
+        dialogVisible.visible = false;
+        resetForm();
+        if (id) {
+          await refreshUpdate();
+        } else {
+          await refreshCreate();
+        }
+      } catch (error: any) {
+        console.error(error);
+      } finally {
+        submitLoading.value = false;
+      }
+    }
+  });
+}
+
+const handlechangeCron = (cronStr: string) => {
+  if (typeof cronStr == "string") {
+    executeFormData.value.trigger_args = cronStr;
+  }
+};
+
+const handleIntervalConfirm = (value: string) => {
+  executeFormData.value.trigger_args = value;
+  openInterval.value = false;
+};
+
+function handleOpenExecuteDialog(row: NodeTable) {
+  currentExecuteNode.value = row;
+  executeFormData.value.node_display_name = row.name ?? "";
+  executeFormData.value.trigger = "now";
+  executeFormData.value.trigger_args = undefined;
+  executeFormData.value.start_date = undefined;
+  executeFormData.value.end_date = undefined;
+  executeFormRenderKey.value += 1;
+  executeDialogVisible.value = true;
+}
+
+function handleCloseExecuteDialog() {
+  executeDialogVisible.value = false;
+  currentExecuteNode.value = null;
+  executeFormRef.value?.resetFields();
+}
+
+async function handleExecuteNode() {
+  if (executeFormData.value.trigger !== "now") {
+    const execForm = executeFormRef.value;
+    const elForm = execForm?.ref;
+    if (!elForm) return;
+    const valid = await elForm.validate().catch(() => false);
+    if (!valid) return;
+  }
+
+  try {
+    submitLoading.value = true;
+    const params: any = {
+      trigger: executeFormData.value.trigger,
+    };
+
+    if (executeFormData.value.trigger !== "now") {
+      params.trigger_args = executeFormData.value.trigger_args;
+      params.start_date = executeFormData.value.start_date;
+      params.end_date = executeFormData.value.end_date;
+    }
+
+    await NodeAPI.executeNode(currentExecuteNode.value?.id as number, params);
+
+    handleCloseExecuteDialog();
+
+    await refreshUpdate();
+  } catch (error: any) {
+    ElMessage.error({
+      message: error.response?.data?.msg || "调试失败",
+      type: "error",
+      duration: 3000,
+    });
+    console.error(error);
+  } finally {
+    submitLoading.value = false;
+  }
+}
+
+onMounted(async () => {
+  await dictStore.getDict(["sys_job_store", "sys_job_executor"]);
+});
+</script>
+
+<!-- popover 挂载到 body，需单独写；修复 vue3-cron-plus 全局 .el-tag--info { margin-left: -60px } 误伤多选下拉里 tag -->
+<style scoped lang="scss">
+.code-editor-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding-left: 16px;
+}
+
+.code-editor-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 0;
+}
+
+.code-editor-title {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.code-editor-tip {
+  font-size: 12px;
+}
+
+.dynamic-params {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.param-item {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.execution-log-drawer {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.pagination-container {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 16px;
+}
+
+.node-splitter-art-form :deep(.el-row > .el-col:last-child),
+.execute-debug-art-form :deep(.el-row > .el-col:last-child) {
+  display: none;
+}
+
+.node-splitter-art-form :deep(.el-form-item__content),
+.execute-debug-art-form :deep(.el-form-item__content) {
+  max-width: 100%;
+}
+
+.node-splitter-art-form :deep(section) {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+
+.node-cron-popover-fix {
+  .vue3-cron-plus-container .el-select .el-tag {
+    margin-left: 0 !important;
+  }
+
+  /* 具体秒数等多选行：避免文案与选择器挤在同一行错位 */
+  .vue3-cron-plus-container .tabBody .el-radio.long {
+    align-items: flex-start;
+    height: auto;
+    white-space: normal;
+
+    .el-radio__label {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px 8px;
+      align-items: center;
+      line-height: 1.5;
+    }
+
+    .el-select {
+      flex: 1 1 200px;
+      min-width: 180px;
+      max-width: 100%;
+    }
+  }
+}
+</style>
diff --git a/src/views/module_task/workflow/definition/components/FaDynamicNode.vue b/src/views/module_task/workflow/definition/components/FaDynamicNode.vue
new file mode 100644
index 0000000..9e5a0bd
--- /dev/null
+++ b/src/views/module_task/workflow/definition/components/FaDynamicNode.vue
@@ -0,0 +1,180 @@
+<template>
+  <div
+    class="dynamic-node"
+    :class="nodeClass"
+    @mouseenter="showHandles = true"
+    @mouseleave="showHandles = false"
+  >
+    <div class="node-content">
+      <span class="node-label">{{ nodeData.label }}</span>
+      <span v-if="nodeData.config && Object.keys(nodeData.config).length > 0" class="node-badge">
+        {{ Object.keys(nodeData.config).length }}
+      </span>
+    </div>
+    <Handle
+      v-if="nodeType.code !== 'input'"
+      :id="'top-' + id"
+      type="target"
+      :position="Position.Top"
+      :class="{ 'handle-visible': showHandles }"
+      :style="{ background: nodeType.color || '#3b82f6' }"
+    />
+    <Handle
+      v-if="nodeType.code !== 'input'"
+      :id="'left-' + id"
+      type="target"
+      :position="Position.Left"
+      :class="{ 'handle-visible': showHandles }"
+      :style="{ background: nodeType.color || '#3b82f6' }"
+    />
+    <Handle
+      v-if="nodeType.code !== 'output'"
+      :id="'right-' + id"
+      type="source"
+      :position="Position.Right"
+      :class="{ 'handle-visible': showHandles }"
+      :style="{ background: nodeType.color || '#3b82f6' }"
+    />
+    <Handle
+      v-if="nodeType.code !== 'output'"
+      :id="'bottom-' + id"
+      type="source"
+      :position="Position.Bottom"
+      :class="{ 'handle-visible': showHandles }"
+      :style="{ background: nodeType.color || '#3b82f6' }"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from "vue";
+import { Handle, Position } from "@vue-flow/core";
+
+interface Props {
+  id?: string;
+  data?: Record<string, any>;
+  nodeStatus?: number;
+}
+
+const props = withDefaults(defineProps<Props>(), {});
+
+const showHandles = ref(false);
+
+const nodeData = computed(
+  () => props.data ?? { label: "", config: {}, type: undefined, category: undefined }
+);
+
+const nodeType = computed(() => {
+  return {
+    code: nodeData.value?.type || "custom",
+    name: nodeData.value?.label || "自定义节点",
+    color: getCategoryColor(nodeData.value?.category),
+  };
+});
+
+function getCategoryColor(category: string | undefined) {
+  const colorMap = {
+    trigger: "#e6a23c",
+    action: "#409eff",
+    condition: "#67c23a",
+    control: "#909399",
+  };
+  return colorMap[category as keyof typeof colorMap] || "#409eff";
+}
+
+const nodeClass = computed(() => {
+  if (nodeData.value?.type === "input") {
+    return "start-node";
+  }
+  if (nodeData.value?.type === "output") {
+    return "end-node";
+  }
+  return "custom-node";
+});
+</script>
+
+<style scoped lang="scss">
+.vue-flow__node-input {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 80px !important;
+  height: 80px !important;
+  padding: 0 !important;
+  color: #fff !important;
+  cursor: pointer !important;
+  background: linear-gradient(135deg, #67c23a 0%, #5daf34 100%) !important;
+  border: 3px solid #5daf34 !important;
+  border-radius: 50% !important;
+  box-shadow:
+    0 6px 12px rgb(103 194 58 / 40%),
+    0 2px 4px rgb(0 0 0 / 10%) !important;
+}
+
+.vue-flow__node-output {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 80px !important;
+  height: 80px !important;
+  padding: 0 !important;
+  color: #fff !important;
+  cursor: pointer !important;
+  background: linear-gradient(135deg, #f56c6c 0%, #e04e4e 100%) !important;
+  border: 3px solid #e04e4e !important;
+  border-radius: 50% !important;
+  box-shadow:
+    0 6px 12px rgb(245 108 108 / 40%),
+    0 2px 4px rgb(0 0 0 / 10%) !important;
+}
+
+.dynamic-node {
+  padding: 12px 16px;
+  cursor: pointer;
+  border: 2px solid #409eff;
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgb(64 158 255 / 20%);
+}
+
+.vue-flow__node-input .dynamic-node,
+.vue-flow__node-output .dynamic-node {
+  padding: 0;
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.node-content {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.node-label {
+  font-size: 12px;
+  font-weight: 600;
+  text-align: center;
+  letter-spacing: 0.5px;
+}
+
+.node-badge {
+  padding: 0 6px;
+  font-size: 10px;
+  font-weight: 500;
+  color: #fff;
+  background: #409eff;
+  border-radius: 10px;
+}
+
+.vue-flow__handle {
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+.vue-flow__handle.handle-visible,
+.vue-flow__handle.vue-flow__handle-connecting,
+.vue-flow__handle.vue-flow__handle-valid {
+  opacity: 1;
+}
+</style>
diff --git a/src/views/module_task/workflow/definition/components/FaEdgeConfigPanel.vue b/src/views/module_task/workflow/definition/components/FaEdgeConfigPanel.vue
new file mode 100644
index 0000000..494221c
--- /dev/null
+++ b/src/views/module_task/workflow/definition/components/FaEdgeConfigPanel.vue
@@ -0,0 +1,204 @@
+<template>
+  <div class="edge-config-panel">
+    <div class="panel-header">
+      <span>连线配置</span>
+      <ElButton type="text" class="close-btn" @click="handleClose">
+        <ElIcon><Close /></ElIcon>
+      </ElButton>
+    </div>
+
+    <ElScrollbar class="panel-content" view-class="p-4">
+      <FaForm
+        v-model="formData"
+        :items="edgeFormItems"
+        label-width="80px"
+        size="small"
+        label-position="right"
+        :span="24"
+        :gutter="12"
+        :show-reset="false"
+        :show-submit="false"
+        class="panel-art-form"
+      >
+        <template #color>
+          <ElColorPicker v-model="formData.color" />
+        </template>
+      </FaForm>
+
+      <div class="panel-actions">
+        <ElButton type="primary" size="small" @click="handleSave">保存</ElButton>
+        <ElButton type="danger" size="small" @click="handleDelete">删除连线</ElButton>
+      </div>
+    </ElScrollbar>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch, computed } from "vue";
+import { ElButton, ElColorPicker, ElIcon, ElScrollbar } from "element-plus";
+import { Close } from "@element-plus/icons-vue";
+
+interface Props {
+  edge?: Record<string, any>;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  edge: () => ({}),
+});
+
+const emit = defineEmits(["close", "save", "delete"]);
+
+const formData = ref({
+  label: props.edge?.label || "",
+  type: props.edge?.type || "smoothstep",
+  color: props.edge?.style?.stroke || "#000000",
+  strokeWidth: props.edge?.style?.strokeWidth || 2,
+  animated: props.edge?.animated || false,
+  condition: props.edge?.data?.condition || "",
+  description: props.edge?.data?.description || "",
+});
+
+const edgeFormItems = computed(() => [
+  {
+    label: "连线名称",
+    key: "label",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入连线名称" },
+  },
+  {
+    label: "连线类型",
+    key: "type",
+    type: "select",
+    span: 24,
+    props: {
+      placeholder: "请选择连线类型",
+      options: [
+        { label: "折线", value: "smoothstep" },
+        { label: "曲线", value: "default" },
+        { label: "直线", value: "straight" },
+      ],
+    },
+  },
+  {
+    label: "连线颜色",
+    key: "color",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "线条宽度",
+    key: "strokeWidth",
+    type: "number",
+    span: 24,
+    props: { min: 1, max: 10 },
+  },
+  {
+    label: "启用动画",
+    key: "animated",
+    type: "switch",
+    span: 24,
+  },
+  {
+    label: "条件表达式",
+    key: "condition",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 3,
+      placeholder: "请输入条件表达式",
+    },
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 2,
+      placeholder: "请输入描述信息",
+    },
+  },
+]);
+
+watch(
+  () => props.edge,
+  (newEdge) => {
+    if (newEdge) {
+      formData.value = {
+        label: newEdge.label || "",
+        type: newEdge.type || "smoothstep",
+        color: newEdge.style?.stroke || "#000000",
+        strokeWidth: newEdge.style?.strokeWidth || 2,
+        animated: newEdge.animated || false,
+        condition: newEdge.data?.condition || "",
+        description: newEdge.data?.description || "",
+      };
+    }
+  },
+  { deep: true }
+);
+
+function handleClose() {
+  emit("close");
+}
+
+function handleSave() {
+  emit("save", formData.value);
+}
+
+function handleDelete() {
+  emit("delete");
+}
+</script>
+
+<style scoped lang="scss">
+.edge-config-panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.panel-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  font-weight: 600;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.close-btn {
+  padding: 4px;
+}
+
+.panel-content {
+  flex: 1;
+}
+
+.panel-actions {
+  display: flex;
+  gap: 8px;
+  padding-top: 16px;
+  border-top: 1px solid #e5e7eb;
+}
+
+.panel-actions .el-button {
+  flex: 1;
+}
+
+.panel-art-form :deep(.el-row > .el-col:last-child) {
+  display: none;
+}
+
+.panel-art-form :deep(.el-form-item__content) {
+  max-width: 100%;
+}
+
+.panel-art-form :deep(section) {
+  padding: 0;
+}
+</style>
diff --git a/src/views/module_task/workflow/definition/components/FaNodeConfigPanel.vue b/src/views/module_task/workflow/definition/components/FaNodeConfigPanel.vue
new file mode 100644
index 0000000..cb3bcb8
--- /dev/null
+++ b/src/views/module_task/workflow/definition/components/FaNodeConfigPanel.vue
@@ -0,0 +1,269 @@
+<template>
+  <div class="node-config-panel">
+    <div class="panel-header">
+      <span>节点配置</span>
+      <ElButton type="text" class="close-btn" @click="handleClose">
+        <ElIcon><Close /></ElIcon>
+      </ElButton>
+    </div>
+
+    <ElScrollbar class="panel-content" view-class="p-4">
+      <FaForm
+        v-model="formData"
+        :items="nodePanelFormItems"
+        label-width="80px"
+        size="small"
+        label-position="right"
+        :span="24"
+        :gutter="12"
+        :show-reset="false"
+        :show-submit="false"
+        class="panel-art-form"
+      >
+        <template #type>
+          <ElSelect v-model="formData.type" placeholder="请选择节点类型" @change="handleTypeChange">
+            <ElOption v-for="t in nodeTypes" :key="t.id" :label="t.name" :value="t.code" />
+          </ElSelect>
+        </template>
+        <template #args>
+          <div>
+            <ElInput
+              v-model="formData.args"
+              placeholder="多个参数用逗号分隔，如: arg1, arg2, arg3"
+            />
+            <div class="field-hint">多个参数用逗号分隔</div>
+          </div>
+        </template>
+        <template #kwargsStr>
+          <div>
+            <ElInput
+              v-model="formData.kwargsStr"
+              type="textarea"
+              :rows="4"
+              placeholder='JSON格式，如: {"key": "value", "count": 10}'
+            />
+            <div class="field-hint">JSON 格式的关键字参数</div>
+          </div>
+        </template>
+      </FaForm>
+
+      <div class="panel-actions">
+        <ElButton type="primary" size="small" @click="handleSave">保存</ElButton>
+        <ElButton type="danger" size="small" @click="handleDelete">删除节点</ElButton>
+      </div>
+    </ElScrollbar>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch, onMounted, computed } from "vue";
+import {
+  ElButton,
+  ElInput,
+  ElSelect,
+  ElOption,
+  ElMessage,
+  ElIcon,
+  ElScrollbar,
+} from "element-plus";
+import { Close } from "@element-plus/icons-vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import WorkflowNodeTypeAPI, {
+  type WorkflowNodeTypeOption,
+} from "@/api/module_task/workflow/node-type";
+
+interface Props {
+  node?: Record<string, any>;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  node: () => ({}),
+});
+
+const emit = defineEmits(["close", "save", "delete"]);
+
+const nodeTypes = ref<WorkflowNodeTypeOption[]>([]);
+
+const formData = ref({
+  type: props.node?.type || "",
+  label: props.node?.data?.label || "",
+  args: props.node?.data?.args || "",
+  kwargsStr: props.node?.data?.kwargsStr || "{}",
+  description: props.node?.data?.description || "",
+});
+
+const nodePanelFormItems = computed<FormItem[]>(() => [
+  {
+    label: "节点类型",
+    key: "type",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "节点名称",
+    key: "label",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入节点名称" },
+  },
+  {
+    label: "位置参数",
+    key: "args",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "关键字参数",
+    key: "kwargsStr",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 2,
+      placeholder: "请输入描述信息",
+    },
+  },
+]);
+
+const loadNodeTypes = async () => {
+  try {
+    const res = await WorkflowNodeTypeAPI.getWorkflowNodeTypeOptions();
+    if (res.data) {
+      nodeTypes.value = res.data.data || [];
+    }
+  } catch {
+    ElMessage.error("加载节点类型失败");
+  }
+};
+
+const handleTypeChange = async (typeCode: string) => {
+  const nodeType = nodeTypes.value.find((t) => t.code === typeCode);
+  if (nodeType) {
+    formData.value.args = nodeType.args || "";
+    formData.value.kwargsStr = nodeType.kwargs || "{}";
+  }
+};
+
+watch(
+  () => props.node,
+  (newNode) => {
+    if (newNode) {
+      const kwargsData = newNode.data?.kwargs;
+      let kwargsStr = "{}";
+      if (kwargsData) {
+        if (typeof kwargsData === "string") {
+          kwargsStr = kwargsData;
+        } else if (typeof kwargsData === "object") {
+          kwargsStr = JSON.stringify(kwargsData, null, 2);
+        }
+      }
+
+      Object.assign(formData.value, {
+        type: newNode.type || "",
+        label: newNode.data?.label || "",
+        args: newNode.data?.args || "",
+        kwargsStr,
+        description: newNode.data?.description || "",
+      });
+    }
+  },
+  { deep: true, immediate: true }
+);
+
+function handleClose() {
+  emit("close");
+}
+
+function handleSave() {
+  try {
+    if (formData.value.kwargsStr && formData.value.kwargsStr.trim()) {
+      JSON.parse(formData.value.kwargsStr);
+    }
+  } catch {
+    ElMessage.error("关键字参数 JSON 格式错误");
+    return;
+  }
+
+  emit("save", {
+    type: formData.value.type,
+    label: formData.value.label,
+    args: formData.value.args,
+    kwargs: formData.value.kwargsStr,
+    description: formData.value.description,
+  });
+}
+
+function handleDelete() {
+  emit("delete");
+}
+
+onMounted(() => {
+  loadNodeTypes();
+  if (props.node?.type) {
+    handleTypeChange(props.node.type);
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.node-config-panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.panel-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  font-weight: 600;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.close-btn {
+  padding: 4px;
+}
+
+.panel-content {
+  flex: 1;
+}
+
+.field-hint {
+  margin-top: 4px;
+  font-size: 12px;
+  color: #909399;
+}
+
+.panel-actions {
+  display: flex;
+  gap: 8px;
+  padding-top: 16px;
+  border-top: 1px solid #e5e7eb;
+}
+
+.panel-actions .el-button {
+  flex: 1;
+}
+
+.panel-art-form :deep(.el-row > .el-col:last-child) {
+  display: none;
+}
+
+.panel-art-form :deep(.el-form-item__content) {
+  max-width: 100%;
+}
+
+.panel-art-form :deep(section) {
+  padding: 0;
+}
+</style>
diff --git a/src/views/module_task/workflow/definition/components/FaWorkflowDesignDrawer.vue b/src/views/module_task/workflow/definition/components/FaWorkflowDesignDrawer.vue
new file mode 100644
index 0000000..5c3d8e3
--- /dev/null
+++ b/src/views/module_task/workflow/definition/components/FaWorkflowDesignDrawer.vue
@@ -0,0 +1,1025 @@
+<template>
+  <ElDrawer
+    v-model="dialogVisible"
+    :title="drawerTitle"
+    :close-on-click-modal="true"
+    size="80%"
+    class="workflow-drawer"
+    @close="handleClose"
+  >
+    <ElContainer class="workflow-create-content">
+      <ElSplitter direction="horizontal" :style="'height: 100%'">
+        <ElSplitterPanel size="250px" :min="200" :max="400">
+          <ElScrollbar :style="'height: 100%'">
+            <div class="panel-section">
+              <div class="section-title">基础信息</div>
+              <FaForm
+                ref="formRef"
+                v-model="formData"
+                :items="workflowBaseFormItems"
+                :rules="formRules"
+                label-width="50px"
+                label-position="right"
+                size="small"
+                :span="24"
+                :gutter="12"
+                :show-reset="false"
+                :show-submit="false"
+                class="workflow-base-art-form"
+              />
+            </div>
+
+            <ElDivider :style="'margin: 4px 0'" />
+
+            <div class="panel-section">
+              <div class="section-title">节点</div>
+              <ElInput
+                v-model="searchKeyword"
+                placeholder="搜索节点名称"
+                clearable
+                size="small"
+                class="search-box"
+              >
+                <template #prefix>
+                  <ElIcon><Search /></ElIcon>
+                </template>
+              </ElInput>
+              <ElSpace direction="vertical" :size="8" fill :style="'width: 100%; margin-top: 8px'">
+                <ElTag
+                  v-for="item in filteredNodes"
+                  :key="item.id"
+                  :type="getCategoryType(item.category)"
+                  effect="plain"
+                  draggable="true"
+                  :style="'justify-content: center; cursor: move; user-select: none'"
+                  @dragstart="onDragStart($event, item)"
+                  @dragend="onDragEnd"
+                >
+                  {{ item.name }}
+                  <span :style="'margin-left: 4px; font-size: 10px; opacity: 0.7'">
+                    [{{ getCategoryText(item.category) }}]
+                  </span>
+                </ElTag>
+              </ElSpace>
+            </div>
+          </ElScrollbar>
+        </ElSplitterPanel>
+
+        <ElSplitterPanel>
+          <div class="canvas-main">
+            <div class="canvas-container" @click="handleCanvasClick">
+              <VueFlow
+                v-model:nodes="nodes"
+                v-model:edges="edges"
+                class="basic-flow"
+                :default-viewport="{ zoom: 1.5 }"
+                :min-zoom="0.2"
+                :max-zoom="4"
+                :node-types="nodeTypesRegistry"
+                :default-edge-options="defaultEdgeOptions"
+                @node-click="onNodeClick"
+                @edge-click="onEdgeClick"
+                @drop="onDrop"
+                @dragover="onDragOver"
+              >
+                <Controls />
+                <Background pattern-color="#aaa" :gap="16" />
+                <Panel position="top-right" class="workflow-toolbar">
+                  <ElButton
+                    class="vue-flow__controls-button"
+                    title="格式化画布"
+                    :icon="Grid"
+                    @click="handleFormatCanvas"
+                  />
+                  <ElDropdown trigger="click" @command="handleEdgeStyleChange">
+                    <ElButton class="vue-flow__controls-button" title="连线样式" :icon="Share" />
+                    <template #dropdown>
+                      <ElDropdownMenu>
+                        <ElDropdownItem
+                          command="bezier"
+                          :class="{ active: edgeStyle === 'bezier' }"
+                        >
+                          平滑曲线
+                        </ElDropdownItem>
+                        <ElDropdownItem
+                          command="smoothstep"
+                          :class="{ active: edgeStyle === 'smoothstep' }"
+                        >
+                          阶梯折线
+                        </ElDropdownItem>
+                        <ElDropdownItem
+                          command="straight"
+                          :class="{ active: edgeStyle === 'straight' }"
+                        >
+                          直线
+                        </ElDropdownItem>
+                      </ElDropdownMenu>
+                    </template>
+                  </ElDropdown>
+                  <ElButton
+                    class="vue-flow__controls-button"
+                    :title="edgeAnimated ? '关闭动画' : '开启动画'"
+                    :icon="VideoPlay"
+                    @click="handleEdgeAnimatedChange(!edgeAnimated)"
+                  />
+                  <ElDropdown trigger="click">
+                    <ElButton class="vue-flow__controls-button" title="布局方向">
+                      <ElIcon><Rank /></ElIcon>
+                    </ElButton>
+                    <template #dropdown>
+                      <ElDropdownMenu>
+                        <ElDropdownItem
+                          @click="
+                            layoutDirection = 'LR';
+                            handleLayout();
+                          "
+                        >
+                          横向布局
+                        </ElDropdownItem>
+                        <ElDropdownItem
+                          @click="
+                            layoutDirection = 'TB';
+                            handleLayout();
+                          "
+                        >
+                          纵向布局
+                        </ElDropdownItem>
+                      </ElDropdownMenu>
+                    </template>
+                  </ElDropdown>
+                </Panel>
+                <MiniMap pannable zoomable />
+              </VueFlow>
+            </div>
+          </div>
+        </ElSplitterPanel>
+
+        <ElSplitterPanel v-if="updateState" size="320px" :min="280" :max="400">
+          <FaNodeConfigPanel
+            v-if="updateState === 'node'"
+            :node="selectedNode"
+            @close="handleClosePanel"
+            @save="handleSaveNode"
+            @delete="handleDeleteNode"
+          />
+          <FaEdgeConfigPanel
+            v-if="updateState === 'edge'"
+            :edge="selectedEdge"
+            @close="handleClosePanel"
+            @save="handleSaveEdge"
+            @delete="handleDeleteEdge"
+          />
+        </ElSplitterPanel>
+      </ElSplitter>
+    </ElContainer>
+
+    <template #footer>
+      <div class="drawer-footer">
+        <ElButton @click="handleClose">取消</ElButton>
+        <ElButton type="primary" @click="handleFinish">保存</ElButton>
+      </div>
+    </template>
+  </ElDrawer>
+</template>
+
+<script setup lang="ts">
+import { ref, watch, computed, onMounted, markRaw, type Component } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { Panel, VueFlow, useVueFlow } from "@vue-flow/core";
+import { Background } from "@vue-flow/background";
+import { MiniMap } from "@vue-flow/minimap";
+import { Controls } from "@vue-flow/controls";
+import type { Node, Edge, DefaultEdgeOptions, MarkerType } from "@vue-flow/core";
+import { Search, Share, VideoPlay, Rank, Grid } from "@element-plus/icons-vue";
+import dagre from "dagre";
+import "@vue-flow/core/dist/style.css";
+import "@vue-flow/core/dist/theme-default.css";
+import "@vue-flow/controls/dist/style.css";
+import "@vue-flow/minimap/dist/style.css";
+
+import FaDynamicNode from "./FaDynamicNode.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import WorkflowDefinitionAPI, {
+  type WorkflowTable,
+  type WorkflowForm,
+} from "@/api/module_task/workflow/definition";
+import WorkflowNodeTypeAPI from "@/api/module_task/workflow/node-type";
+import FaNodeConfigPanel from "./FaNodeConfigPanel.vue";
+import FaEdgeConfigPanel from "./FaEdgeConfigPanel.vue";
+
+defineOptions({
+  name: "WorkflowCreateDrawer",
+  inheritAttrs: false,
+});
+
+interface Props {
+  visible?: boolean;
+  workflow?: WorkflowTable;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  visible: false,
+  workflow: undefined,
+});
+
+const emit = defineEmits(["update:visible", "refresh"]);
+
+const formRef = ref<InstanceType<typeof FaForm> | null>(null);
+const workflowId = ref<number>();
+
+const formData = ref<Partial<WorkflowForm>>({
+  code: "",
+  name: "",
+  description: "",
+});
+
+const formRules = {
+  code: [{ required: true, message: "请输入流程编码", trigger: "blur" }],
+  name: [{ required: true, message: "请输入流程名称", trigger: "blur" }],
+};
+
+const workflowBaseFormItems = computed<FormItem[]>(() => [
+  {
+    label: "编码",
+    key: "code",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入流程编码" },
+  },
+  {
+    label: "名称",
+    key: "name",
+    type: "input",
+    span: 24,
+    props: { placeholder: "请输入流程名称" },
+  },
+  {
+    label: "描述",
+    key: "description",
+    type: "input",
+    span: 24,
+    props: {
+      type: "textarea",
+      rows: 2,
+      placeholder: "请输入流程描述",
+    },
+  },
+]);
+
+const dialogVisible = computed({
+  get: () => props.visible,
+  set: (val) => emit("update:visible", val),
+});
+
+const drawerTitle = computed(() => {
+  return props.workflow ? "编辑工作流" : "创建工作流";
+});
+
+const {
+  onInit,
+  onConnect,
+  addEdges,
+  getNodes: getNodesRef,
+  getEdges: getEdgesRef,
+  setEdges,
+  setNodes,
+  screenToFlowCoordinate,
+  addNodes,
+} = useVueFlow();
+
+const defaultEdgeOptions: DefaultEdgeOptions = {
+  type: "smoothstep",
+  animated: true,
+  markerEnd: "arrowclosed" as MarkerType,
+};
+
+const edgeStyle = ref<string>("smoothstep");
+const edgeAnimated = ref<boolean>(true);
+
+const handleEdgeStyleChange = (value: string) => {
+  edgeStyle.value = value;
+  defaultEdgeOptions.type = value;
+  setEdges(
+    getEdgesRef.value.map((edge) => ({
+      ...edge,
+      type: value,
+    }))
+  );
+};
+
+const handleEdgeAnimatedChange = (value: boolean) => {
+  edgeAnimated.value = value;
+  defaultEdgeOptions.animated = value;
+  setEdges(
+    getEdgesRef.value.map((edge) => ({
+      ...edge,
+      animated: value,
+    }))
+  );
+};
+
+const layoutDirection = ref<"LR" | "TB">("LR");
+
+const handleLayout = () => {
+  const currentNodes = getNodesRef.value;
+  const currentEdges = getEdgesRef.value;
+
+  if (currentNodes.length === 0) {
+    ElMessage.warning("画布中没有节点，无法布局");
+    return;
+  }
+
+  const dagreGraph = new dagre.graphlib.Graph();
+  dagreGraph.setDefaultEdgeLabel(() => ({}));
+
+  const nodeWidth = 180;
+  const nodeHeight = 60;
+
+  dagreGraph.setGraph({
+    rankdir: layoutDirection.value,
+    nodesep: 80,
+    ranksep: 120,
+    marginx: 50,
+    marginy: 50,
+  });
+
+  currentNodes.forEach((node) => {
+    dagreGraph.setNode(node.id, { width: nodeWidth, height: nodeHeight });
+  });
+
+  currentEdges.forEach((edge) => {
+    dagreGraph.setEdge(edge.source, edge.target);
+  });
+
+  dagre.layout(dagreGraph);
+
+  const layoutedNodes = currentNodes.map((node) => {
+    const nodeWithPosition = dagreGraph.node(node.id);
+    return {
+      ...node,
+      position: {
+        x: nodeWithPosition.x - nodeWidth / 2,
+        y: nodeWithPosition.y - nodeHeight / 2,
+      },
+    };
+  });
+
+  setNodes(layoutedNodes);
+  setEdges(
+    currentEdges.map((edge) => ({
+      ...edge,
+      type: edgeStyle.value,
+      animated: edgeAnimated.value,
+    }))
+  );
+  ElMessage.success("画布布局完成");
+};
+
+const handleFormatCanvas = () => {
+  const currentNodes = getNodesRef.value;
+  const currentEdges = getEdgesRef.value;
+
+  if (currentNodes.length === 0) {
+    ElMessage.warning("画布中没有节点，无法格式化");
+    return;
+  }
+
+  const dagreGraph = new dagre.graphlib.Graph();
+  dagreGraph.setDefaultEdgeLabel(() => ({}));
+
+  const nodeWidth = 180;
+  const nodeHeight = 60;
+
+  dagreGraph.setGraph({
+    rankdir: layoutDirection.value,
+    nodesep: 100,
+    ranksep: 150,
+    marginx: 80,
+    marginy: 80,
+  });
+
+  currentNodes.forEach((node) => {
+    dagreGraph.setNode(node.id, { width: nodeWidth, height: nodeHeight });
+  });
+
+  currentEdges.forEach((edge) => {
+    dagreGraph.setEdge(edge.source, edge.target);
+  });
+
+  dagre.layout(dagreGraph);
+
+  const layoutedNodes = currentNodes.map((node) => {
+    const nodeWithPosition = dagreGraph.node(node.id);
+    return {
+      ...node,
+      position: {
+        x: nodeWithPosition.x - nodeWidth / 2,
+        y: nodeWithPosition.y - nodeHeight / 2,
+      },
+    };
+  });
+
+  setNodes(layoutedNodes);
+  setEdges(
+    currentEdges.map((edge) => ({
+      ...edge,
+      type: edgeStyle.value,
+      animated: edgeAnimated.value,
+    }))
+  );
+  ElMessage.success("画布格式化完成");
+};
+
+const nodes = ref<Node[]>([]);
+const edges = ref<Edge[]>([]);
+
+const searchKeyword = ref("");
+
+type LoadedNodeType = {
+  id: number;
+  type: string;
+  name: string;
+  category: string;
+  args?: string;
+  kwargs?: string;
+};
+
+const allNodes = ref<LoadedNodeType[]>([]);
+
+const filteredNodes = computed(() => {
+  if (!searchKeyword.value) {
+    return allNodes.value;
+  }
+  const keyword = searchKeyword.value.toLowerCase();
+  return allNodes.value.filter((node) => node.name.toLowerCase().includes(keyword));
+});
+
+type ElTagType = "success" | "warning" | "info" | "primary" | "danger";
+
+const getCategoryType = (category: string): ElTagType => {
+  const typeMap: Record<string, ElTagType> = {
+    trigger: "warning",
+    action: "primary",
+    condition: "success",
+    control: "info",
+  };
+  return typeMap[category] || "info";
+};
+
+const getCategoryText = (category: string) => {
+  const textMap: Record<string, string> = {
+    trigger: "触发器",
+    action: "动作",
+    condition: "条件",
+    control: "控制",
+  };
+  return textMap[category] || category;
+};
+
+const nodeTypesRegistry = ref<Record<string, Component>>({});
+
+const updateState = ref("");
+const selectedEdge = ref<Edge>();
+const selectedNode = ref<Node>();
+const loading = ref(false);
+
+const getNodes = () => getNodesRef.value;
+const getEdges = () =>
+  getEdgesRef.value.map((edge) => ({
+    id: edge.id,
+    source: edge.source,
+    target: edge.target,
+    label: typeof edge.label === "string" ? edge.label : undefined,
+    type: edge.type,
+    animated: edge.animated,
+    style: edge.style,
+    data: edge.data,
+  }));
+
+const loadNodeTypes = async () => {
+  loading.value = true;
+  try {
+    const res = await WorkflowNodeTypeAPI.getWorkflowNodeTypeOptions();
+    if (res.data && res.data.data) {
+      allNodes.value = res.data.data.map((nodeType: any) => ({
+        id: nodeType.id,
+        type: nodeType.code,
+        name: nodeType.name,
+        category: nodeType.category || "action",
+        args: nodeType.args || "",
+        kwargs: nodeType.kwargs || "{}",
+      }));
+
+      const newTypes: Record<string, Component> = {};
+      res.data.data.forEach((nodeType: any) => {
+        newTypes[nodeType.code] = markRaw(FaDynamicNode);
+      });
+
+      nodeTypesRegistry.value = newTypes;
+    }
+  } catch {
+    ElMessage.error("加载节点类型失败");
+  } finally {
+    loading.value = false;
+  }
+};
+
+onMounted(() => {
+  loadNodeTypes();
+});
+
+onInit((vueFlowInstance) => {
+  vueFlowInstance.fitView();
+  if (workflowId.value) {
+    (async () => {
+      try {
+        const res = await WorkflowDefinitionAPI.getWorkflowDetail(workflowId.value!);
+        if (res.data && res.data.data) {
+          nodes.value = res.data.data.nodes || [];
+          edges.value = res.data.data.edges || [];
+          saveToHistory(nodes.value as Node[], edges.value as Edge[]);
+        }
+      } catch {
+        ElMessage.error("流程加载失败");
+      }
+    })();
+  } else {
+    saveToHistory(nodes.value as Node[], edges.value as Edge[]);
+  }
+});
+
+onConnect((connection) => {
+  addEdges({
+    ...connection,
+    type: edgeStyle.value,
+    animated: edgeAnimated.value,
+  });
+  saveToHistory(nodes.value as Node[], edges.value as Edge[]);
+});
+
+function handleValidate() {
+  const errors = [];
+  const warnings = [];
+
+  const allNodesList = getNodes();
+  const allEdgesList = getEdges();
+
+  if (allNodesList.length === 0) {
+    errors.push("流程中没有节点");
+  }
+
+  const nodeIds = new Set(allNodesList.map((n: Node) => n.id));
+  allEdgesList.forEach((edge: Edge) => {
+    if (!nodeIds.has(edge.source)) {
+      errors.push(`连线 ${edge.label || edge.id} 的源节点不存在`);
+    }
+    if (!nodeIds.has(edge.target)) {
+      errors.push(`连线 ${edge.label || edge.id} 的目标节点不存在`);
+    }
+  });
+
+  const orphanNodes = allNodesList.filter(
+    (node: Node) => !allEdgesList.some((e: Edge) => e.source === node.id || e.target === node.id)
+  );
+
+  if (orphanNodes.length > 0) {
+    warnings.push(
+      `有 ${orphanNodes.length} 个孤立节点: ${orphanNodes.map((n: Node) => n.data.label).join(", ")}`
+    );
+  }
+
+  if (errors.length > 0) {
+    ElMessageBox.alert(
+      `<div :style="'max-height: 300px; overflow-y: auto;'">
+        <strong>错误 (${errors.length}):</strong>
+        <ul>${errors.map((e) => `<li :style="'color: #f56c6c;'">${e}</li>`).join("")}</ul>
+        ${
+          warnings.length > 0
+            ? `<strong>警告 (${warnings.length}):</strong>
+        <ul>${warnings.map((w) => `<li :style="'color: #e6a23c;'">${w}</li>`).join("")}</ul>`
+            : ""
+        }
+      </div>`,
+      "流程验证结果",
+      {
+        confirmButtonText: "确定",
+        dangerouslyUseHTMLString: true,
+      }
+    );
+    throw new Error("验证失败");
+  } else if (warnings.length > 0) {
+    ElMessageBox.alert(
+      `<div :style="'max-height: 300px; overflow-y: auto;'">
+        <strong>流程验证通过，但有警告 (${warnings.length}):</strong>
+        <ul>${warnings.map((w) => `<li :style="'color: #e6a23c;'">${w}</li>`).join("")}</ul>
+      </div>`,
+      "流程验证结果",
+      {
+        confirmButtonText: "确定",
+        dangerouslyUseHTMLString: true,
+      }
+    );
+  }
+}
+
+const onEdgeClick = (event: any) => {
+  event.event.stopPropagation();
+  selectedEdge.value = event.edge;
+  updateState.value = "edge";
+};
+
+const handleCanvasClick = (event: MouseEvent) => {
+  if (
+    event.target instanceof HTMLElement &&
+    (event.target.classList.contains("vue-flow__node") || event.target.closest(".vue-flow__node"))
+  ) {
+    return;
+  }
+  updateState.value = "";
+  selectedNode.value = undefined;
+  selectedEdge.value = undefined;
+};
+
+const onNodeClick = (event: any) => {
+  event.event.stopPropagation();
+  selectedNode.value = event.node;
+  updateState.value = "node";
+};
+
+function onDrop(event: DragEvent) {
+  handleNodeDrop(event, screenToFlowCoordinate, addNodes);
+}
+
+function handleClosePanel() {
+  updateState.value = "";
+  selectedNode.value = undefined;
+  selectedEdge.value = undefined;
+}
+
+function handleSaveNode(data: any) {
+  if (!selectedNode.value) return;
+  const nodeId = selectedNode.value!.id;
+  if (nodeId && updateNodeData(nodeId, data, getNodes, setNodes)) {
+    saveToHistory(nodes.value as Node[], edges.value as Edge[]);
+  }
+}
+
+function handleDeleteNode() {
+  if (!selectedNode.value) return;
+  const nodeId = selectedNode.value!.id;
+  if (!nodeId) return;
+  (async () => {
+    try {
+      await ElMessageBox.confirm("确定要删除该节点吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      });
+      deleteNode(nodeId, getNodes, setNodes, getEdges, setEdges);
+      handleClosePanel();
+      saveToHistory(nodes.value as Node[], edges.value as Edge[]);
+    } catch {
+      // 用户取消
+    }
+  })();
+}
+
+function handleSaveEdge(data: any) {
+  if (!selectedEdge.value) return;
+  const edgeId = selectedEdge.value!.id;
+  if (edgeId && updateEdgeData(edgeId, data, getEdges, setEdges)) {
+    saveToHistory(nodes.value as Node[], edges.value as Edge[]);
+  }
+}
+
+function handleDeleteEdge() {
+  if (!selectedEdge.value) return;
+  const edgeId = selectedEdge.value!.id;
+  if (!edgeId) return;
+  (async () => {
+    try {
+      await ElMessageBox.confirm("确定要删除该连线吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      });
+      deleteEdge(edgeId, getEdges, setEdges);
+      handleClosePanel();
+      saveToHistory(nodes.value as Node[], edges.value as Edge[]);
+    } catch {
+      // 用户取消
+    }
+  })();
+}
+
+function handleSave() {
+  const workflowData = {
+    nodes: nodes.value,
+    edges: edges.value,
+  };
+
+  const saveData = {
+    ...formData,
+    nodes: workflowData.nodes,
+    edges: workflowData.edges,
+  };
+
+  if (workflowId.value) {
+    return WorkflowDefinitionAPI.updateWorkflow(workflowId.value, saveData as WorkflowForm);
+  } else {
+    return (async () => {
+      const res = await WorkflowDefinitionAPI.createWorkflow(saveData as WorkflowForm);
+      if (res.data && res.data.data) {
+        workflowId.value = res.data.data.id;
+      }
+    })();
+  }
+}
+
+watch(
+  () => props.workflow,
+  (newWorkflow) => {
+    if (newWorkflow) {
+      Object.assign(formData.value, {
+        code: newWorkflow.code,
+        name: newWorkflow.name,
+        description: newWorkflow.description,
+      });
+      workflowId.value = newWorkflow.id;
+      nodes.value = newWorkflow.nodes || [];
+      edges.value = newWorkflow.edges || [];
+    } else {
+      Object.assign(formData.value, {
+        code: "",
+        name: "",
+        description: "",
+      });
+      workflowId.value = undefined;
+      nodes.value = [];
+      edges.value = [];
+    }
+  },
+  { immediate: true }
+);
+
+const handleFinish = async () => {
+  if (!formRef.value) return;
+
+  try {
+    await formRef.value.validate?.();
+    await handleValidate();
+    await handleSave();
+    emit("refresh");
+    handleClose();
+  } catch (error) {
+    console.error("保存流程失败", error);
+  }
+};
+
+const handleClose = () => {
+  emit("update:visible", false);
+};
+
+// 历史记录管理
+// 避免 Vue Flow 泛型导致 TypeScript 深度递归，用 object[] 替代
+type HistorySnapshot = { nodes: object[]; edges: object[] };
+const history = ref<HistorySnapshot[]>([]);
+const historyIndex = ref(-1);
+
+function saveToHistory(nodesData: Node[], edgesData: Edge[]) {
+  history.value = history.value.slice(0, historyIndex.value + 1);
+  history.value.push({ nodes: nodesData, edges: edgesData });
+  historyIndex.value = history.value.length - 1;
+}
+
+// 拖拽相关函数
+function onDragStart(event: DragEvent, node: LoadedNodeType) {
+  if (event.dataTransfer) {
+    event.dataTransfer.setData("application/vueflow", JSON.stringify(node));
+    event.dataTransfer.effectAllowed = "move";
+  }
+}
+
+function onDragEnd() {
+  // 拖拽结束
+}
+
+function onDragOver(event: DragEvent) {
+  event.preventDefault();
+  if (event.dataTransfer) {
+    event.dataTransfer.dropEffect = "move";
+  }
+}
+
+function handleNodeDrop(
+  event: DragEvent,
+  screenToFlowCoordinate: (position: { x: number; y: number }) => { x: number; y: number },
+  addNodes: (nodes: Node[]) => void
+) {
+  const data = event.dataTransfer?.getData("application/vueflow");
+  if (!data) return;
+
+  const nodeType = JSON.parse(data);
+  const position = screenToFlowCoordinate({ x: event.clientX, y: event.clientY });
+
+  const newNode: Node = {
+    id: `node-${Date.now()}`,
+    type: nodeType.type,
+    position,
+    data: {
+      label: nodeType.name,
+      type: nodeType.type,
+      category: nodeType.category,
+      args: nodeType.args,
+      kwargs: nodeType.kwargs,
+    },
+  };
+
+  addNodes([newNode]);
+}
+
+// 节点操作函数
+function updateNodeData(
+  nodeId: string,
+  data: any,
+  getNodes: () => Node[],
+  setNodes: (nodes: Node[]) => void
+) {
+  const currentNodes = getNodes();
+  const nodeIndex = currentNodes.findIndex((n) => n.id === nodeId);
+  if (nodeIndex === -1) return false;
+
+  const updatedNodes = [...currentNodes];
+  const targetNode = updatedNodes[nodeIndex]!;
+  updatedNodes[nodeIndex] = {
+    ...targetNode,
+    data: {
+      ...targetNode.data,
+      ...data,
+    },
+  };
+  setNodes(updatedNodes);
+  return true;
+}
+
+function deleteNode(
+  nodeId: string,
+  getNodes: () => Node[],
+  setNodes: (nodes: Node[]) => void,
+  getEdges: () => Edge[],
+  setEdges: (edges: Edge[]) => void
+) {
+  const currentNodes = getNodes();
+  const currentEdges = getEdges();
+  const filteredNodes = currentNodes.filter((n) => n.id !== nodeId);
+  const filteredEdges = currentEdges.filter((e) => e.source !== nodeId && e.target !== nodeId);
+  setNodes(filteredNodes);
+  setEdges(filteredEdges);
+}
+
+// 边操作函数
+function updateEdgeData(
+  edgeId: string,
+  data: any,
+  getEdges: () => Edge[],
+  setEdges: (edges: Edge[]) => void
+) {
+  const currentEdges = getEdges();
+  const edgeIndex = currentEdges.findIndex((e) => e.id === edgeId);
+  if (edgeIndex === -1) return false;
+
+  const updatedEdges = [...currentEdges];
+  updatedEdges[edgeIndex] = {
+    ...updatedEdges[edgeIndex]!,
+    ...data,
+    data: {
+      ...updatedEdges[edgeIndex]!.data,
+      ...data,
+    },
+  };
+  setEdges(updatedEdges);
+  return true;
+}
+
+function deleteEdge(edgeId: string, getEdges: () => Edge[], setEdges: (edges: Edge[]) => void) {
+  const currentEdges = getEdges();
+  const filteredEdges = currentEdges.filter((e) => e.id !== edgeId);
+  setEdges(filteredEdges);
+}
+</script>
+
+<style scoped lang="scss">
+.workflow-drawer {
+  :deep(.el-drawer__body) {
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+.workflow-create-content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+:deep(.el-splitter) {
+  flex: 1;
+}
+
+:deep(.el-splitter-panel) {
+  overflow: hidden;
+}
+
+.basic-info-section {
+  padding: 12px;
+
+  .section-title {
+    margin-bottom: 12px;
+    font-size: 14px;
+    font-weight: bold;
+  }
+}
+
+.panel-section {
+  padding: 12px;
+
+  .section-title {
+    margin-bottom: 12px;
+    font-size: 14px;
+    font-weight: bold;
+  }
+}
+
+.search-box {
+  margin-bottom: 12px;
+}
+
+.canvas-main {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding: 0;
+}
+
+.canvas-container {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  min-height: 400px;
+  overflow: hidden;
+}
+
+.canvas-container :deep(.vue-flow) {
+  width: 100%;
+  height: 100%;
+}
+
+:deep(.vue-flow__controls) {
+  display: flex;
+  flex-direction: column;
+}
+
+:deep(.vue-flow__controls-button) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  color: #000;
+  cursor: pointer;
+  border: none;
+}
+
+:deep(.el-dropdown) {
+  display: flex;
+}
+
+.workflow-toolbar {
+  display: flex;
+  gap: 4px;
+  padding: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
+}
+
+.drawer-footer {
+  display: flex;
+  gap: 12px;
+  justify-content: flex-end;
+}
+
+.workflow-base-art-form :deep(.el-row > .el-col:last-child) {
+  display: none;
+}
+
+.workflow-base-art-form :deep(.el-form-item__content) {
+  max-width: 100%;
+}
+
+.workflow-base-art-form :deep(section) {
+  padding: 0;
+}
+</style>
diff --git a/src/views/module_task/workflow/definition/index.vue b/src/views/module_task/workflow/definition/index.vue
new file mode 100644
index 0000000..b790509
--- /dev/null
+++ b/src/views/module_task/workflow/definition/index.vue
@@ -0,0 +1,396 @@
+<!-- 工作流定义：Art + useTable -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="workflowSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_task:workflow:definition:create']"
+            :perm-delete="['module_task:workflow:definition:delete']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            @add="handleAdd"
+            @delete="handleBatchDelete"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        row-key="id"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      >
+      </FaTable>
+    </ElCard>
+
+    <FaWorkflowDesignDrawer
+      v-model:visible="createVisible"
+      :workflow="selectedWorkflow"
+      @refresh="onDrawerRefresh"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineOptions({
+  name: "Workflow",
+  inheritAttrs: false,
+});
+
+import WorkflowDefinitionAPI, { type WorkflowTable } from "@/api/module_task/workflow/definition";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import FaWorkflowDesignDrawer from "./components/FaWorkflowDesignDrawer.vue";
+import { useTable } from "@/hooks/core/useTable";
+import type { ColumnOption } from "@/types/component";
+import { useAuth } from "@/hooks/core/useAuth";
+import { renderTableOperationCell, type TableOperationAction } from "@/utils/table";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { computed, ref } from "vue";
+
+const { hasAuth } = useAuth();
+
+const BATCH_DELETE_MSG = "确认删除选中的工作流吗？";
+
+type WorkflowSearchForm = {
+  name?: string;
+  code?: string;
+  status?: number;
+};
+
+function buildWorkflowReplaceParams(u: WorkflowSearchForm): Record<string, unknown> {
+  return {
+    name: u.name,
+    code: u.code,
+    status: u.status,
+  };
+}
+
+const searchForm = ref<WorkflowSearchForm>({
+  name: undefined,
+  code: undefined,
+  status: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const workflowSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "流程名称",
+    key: "name",
+    type: "input",
+    placeholder: "请输入流程名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "流程编码",
+    key: "code",
+    type: "input",
+    placeholder: "请输入流程编码",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      clearable: true,
+      options: [
+        { label: "草稿", value: 0 },
+        { label: "已发布", value: 1 },
+        { label: "已归档", value: 2 },
+      ],
+    },
+    span: 6,
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const selectedRows = ref<WorkflowTable[]>([]);
+const selectedIds = computed(() =>
+  selectedRows.value.map((r) => r.id).filter((id): id is number => typeof id === "number")
+);
+const batchDeleting = ref(false);
+const createLoading = ref(false);
+
+function onTableSelectionChange(rows: WorkflowTable[]) {
+  selectedRows.value = rows;
+}
+
+async function deleteWorkflowRow(id: number | undefined) {
+  if (id == null) return;
+  try {
+    await ElMessageBox.confirm("确认删除该工作流吗？", "警告", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    await WorkflowDefinitionAPI.deleteWorkflow([id]);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  }
+}
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await ElMessageBox.confirm(BATCH_DELETE_MSG, "批量删除", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    batchDeleting.value = true;
+    await WorkflowDefinitionAPI.deleteWorkflow(ids);
+    selectedRows.value = [];
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+function buildWorkflowRowActions(row: WorkflowTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [];
+  if (row.status === 0) {
+    all.push({
+      key: "publish",
+      label: "发布",
+      artType: "add",
+      perm: "module_task:workflow:definition:update",
+      run: () => handlePublish(row),
+    });
+  }
+  if (row.status === 1) {
+    all.push({
+      key: "execute",
+      label: "执行",
+      artType: "view",
+      perm: "module_task:workflow:definition:execute",
+      run: () => handleExecute("execute", row),
+    });
+  }
+  all.push(
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      perm: "module_task:workflow:definition:update",
+      run: () => handleEdit(row),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      perm: "module_task:workflow:definition:delete",
+      run: () => deleteWorkflowRow(row.id),
+    }
+  );
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatWorkflowOperationCell(row: WorkflowTable) {
+  return renderTableOperationCell(buildWorkflowRowActions(row));
+}
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshRemove,
+  refreshUpdate,
+} = useTable({
+  core: {
+    apiFn: WorkflowDefinitionAPI.getWorkflowList,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: (): ColumnOption<WorkflowTable>[] => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      {
+        prop: "id",
+        label: "ID",
+        width: 88,
+        align: "center",
+      },
+      {
+        prop: "name",
+        label: "名称",
+        minWidth: 160,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "code",
+        label: "编码",
+        minWidth: 120,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "status",
+        label: "状态",
+        minWidth: 100,
+        align: "center",
+        status: {
+          0: { type: "info", text: "草稿" },
+          1: { type: "success", text: "已发布" },
+          2: { type: "warning", text: "已归档" },
+        },
+      },
+      {
+        prop: "description",
+        label: "描述",
+        minWidth: 160,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "created_time",
+        label: "创建时间",
+        minWidth: 180,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 160,
+        fixed: "right",
+        align: "center",
+        formatter: (row: WorkflowTable) => formatWorkflowOperationCell(row),
+      },
+    ],
+  },
+});
+
+async function handleSearchBarSearch(params: WorkflowSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildWorkflowReplaceParams(params));
+  getData();
+}
+
+async function onResetSearch() {
+  searchForm.value = {
+    name: undefined,
+    code: undefined,
+    status: undefined,
+  };
+  await resetSearchParams();
+}
+
+const selectedWorkflow = ref<WorkflowTable>();
+const createVisible = ref(false);
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    handleCreate();
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+function handleCreate() {
+  selectedWorkflow.value = undefined;
+  createVisible.value = true;
+}
+
+function handleEdit(record: WorkflowTable) {
+  selectedWorkflow.value = record;
+  createVisible.value = true;
+}
+
+function onDrawerRefresh() {
+  void refreshUpdate();
+}
+
+async function handlePublish(record: WorkflowTable) {
+  try {
+    await ElMessageBox.confirm("确定要发布此工作流吗？发布后可执行。", "确认发布", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    if (!record.id) {
+      ElMessage.error("工作流ID不存在");
+      return;
+    }
+    await WorkflowDefinitionAPI.publishWorkflow(record.id, {});
+    await refreshUpdate();
+  } catch {
+    /* 接口错误已由拦截器提示 */
+  }
+}
+
+async function handleExecute(action: string, record: WorkflowTable) {
+  if (action !== "execute") return;
+  try {
+    await ElMessageBox.confirm("确定要立即执行此工作流吗？", "确认执行", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    });
+    if (!record.id) {
+      ElMessage.error("工作流ID不存在");
+      return;
+    }
+    const res = await WorkflowDefinitionAPI.executeWorkflow({
+      workflow_id: record.id,
+      variables: {},
+    });
+    if (res.data?.data) {
+      const result = res.data.data;
+      ElMessage.success(`工作流执行${result.status === 0 ? "成功" : "失败"}`);
+    }
+    await refreshUpdate();
+  } catch {
+    ElMessage.error("执行失败");
+  }
+}
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/module_task/workflow/node-type/index.vue b/src/views/module_task/workflow/node-type/index.vue
new file mode 100644
index 0000000..75584a8
--- /dev/null
+++ b/src/views/module_task/workflow/node-type/index.vue
@@ -0,0 +1,692 @@
+<!-- 工作流节点类型：ElSplitter + Codemirror -->
+<template>
+  <div class="fa-full-height">
+    <FaSearchBar
+      v-show="showSearchBar"
+      ref="searchBarRef"
+      v-model="searchForm"
+      :items="nodeTypeSearchItems"
+      :rules="searchBarRules"
+      :is-expand="false"
+      :show-expand="true"
+      :show-reset="true"
+      :show-search="true"
+      :disabled-search="false"
+      :default-expanded="false"
+      include-audit
+      @search="handleSearchBarSearch"
+      @reset="onResetSearch"
+    />
+
+    <ElCard class="fa-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
+      <FaTableHeader
+        v-model:columns="columnChecks"
+        v-model:showSearchBar="showSearchBar"
+        :loading="loading"
+        @refresh="refreshData"
+      >
+        <template #left>
+          <FaTableHeaderLeft
+            :remove-ids="selectedIds"
+            :perm-create="['module_task:workflow:node-type:create']"
+            :perm-delete="['module_task:workflow:node-type:delete']"
+            :delete-loading="batchDeleting"
+            :create-loading="createLoading"
+            @add="handleAdd"
+            @delete="handleBatchDelete"
+          />
+        </template>
+      </FaTableHeader>
+
+      <FaTable
+        ref="faTableRef"
+        row-key="id"
+        :loading="loading"
+        :data="data"
+        :columns="columns"
+        :pagination="pagination"
+        @selection-change="onTableSelectionChange"
+        @pagination:size-change="handleSizeChange"
+        @pagination:current-change="handleCurrentChange"
+      />
+    </ElCard>
+
+    <FaDialog
+      v-model="dialogVisible"
+      :title="dialogTitle"
+      width="1000px"
+      destroy-on-close
+      @close="handleCloseDialog"
+      @opened="handleDialogOpened"
+    >
+      <ElSplitter direction="horizontal" :style="'height: 500px'">
+        <ElSplitterPanel size="320px" :min="240" :max="420">
+          <ElScrollbar :style="'height: 100%'">
+            <FaForm
+              :key="nodeTypeFormRenderKey"
+              ref="formRef"
+              v-model="formData"
+              :items="nodeTypeDialogFormItems"
+              :rules="rules"
+              label-suffix=":"
+              label-width="85px"
+              :span="24"
+              :gutter="16"
+              :show-reset="false"
+              :show-submit="false"
+              class="crud-dialog-art-form node-splitter-art-form"
+            >
+              <template #args>
+                <div class="dynamic-params">
+                  <div v-for="(_item, index) in argsList" :key="index" class="param-item">
+                    <ElInput v-model="argsList[index]" placeholder="参数值" />
+                    <ElButton
+                      type="danger"
+                      icon="Delete"
+                      circle
+                      @click="argsList.splice(index, 1)"
+                    />
+                  </div>
+                  <ElButton type="primary" icon="Plus" @click="argsList.push('')">
+                    添加位置参数
+                  </ElButton>
+                </div>
+              </template>
+              <template #kwargs>
+                <div class="dynamic-params">
+                  <div v-for="(item, index) in kwargsList" :key="index" class="param-item">
+                    <ElInput v-model="item.key" placeholder="键" />
+                    <ElInput v-model="item.value" placeholder="值" />
+                    <ElButton
+                      type="danger"
+                      icon="Delete"
+                      circle
+                      @click="kwargsList.splice(index, 1)"
+                    />
+                  </div>
+                  <ElButton
+                    type="primary"
+                    icon="Plus"
+                    @click="kwargsList.push({ key: '', value: '' })"
+                  >
+                    添加关键词参数
+                  </ElButton>
+                </div>
+              </template>
+            </FaForm>
+          </ElScrollbar>
+        </ElSplitterPanel>
+
+        <ElSplitterPanel>
+          <div class="code-editor-container">
+            <div class="code-editor-header">
+              <span class="code-editor-title">handler 代码</span>
+              <span class="code-editor-tip">须定义 handler(*args, **kwargs) 函数</span>
+            </div>
+            <Codemirror
+              ref="codeEditorRef"
+              v-model:value="formData.func"
+              :options="codeEditorOptions"
+              border
+              height="calc(100% - 40px)"
+              width="100%"
+            />
+          </div>
+        </ElSplitterPanel>
+      </ElSplitter>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <ElButton @click="dialogVisible = false">取消</ElButton>
+          <ElButton type="primary" :loading="submitting" @click="submitForm">保存</ElButton>
+        </div>
+      </template>
+    </FaDialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineOptions({
+  name: "WorkflowNodeType",
+  inheritAttrs: false,
+});
+
+import WorkflowNodeTypeAPI, {
+  type WorkflowNodeTypeForm,
+  type WorkflowNodeTypeTable,
+} from "@/api/module_task/workflow/node-type";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import type FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { FormItem } from "@/components/forms/fa-form/index.vue";
+import type FaForm from "@/components/forms/fa-form/index.vue";
+import { useAuth } from "@/hooks/core/useAuth";
+import { useTableSelection } from "@/hooks/core/useTableSelection";
+import { confirmDelete, confirmBatchDelete } from "@/hooks/core/useConfirm";
+import { renderTableOperationCell, type TableOperationAction } from "@utils";
+import { useTable } from "@/hooks/core/useTable";
+import type { ColumnOption } from "@/types/component";
+import { ElMessage } from "element-plus";
+import type { FormRules } from "element-plus";
+import { computed, nextTick, ref } from "vue";
+import Codemirror, { CmComponentRef } from "codemirror-editor-vue3";
+import type { EditorConfiguration } from "codemirror";
+import "codemirror/mode/python/python.js";
+import "codemirror/theme/dracula.css";
+
+const { hasAuth } = useAuth();
+
+type NodeTypeSearchForm = {
+  name?: string;
+  code?: string;
+  category?: string;
+};
+
+function buildNodeTypeReplaceParams(u: NodeTypeSearchForm): Record<string, unknown> {
+  return {
+    name: u.name,
+    code: u.code,
+    category: u.category,
+  };
+}
+
+const searchForm = ref<NodeTypeSearchForm>({
+  name: undefined,
+  code: undefined,
+  category: undefined,
+});
+
+const showSearchBar = ref(true);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
+const searchBarRules: Record<string, unknown> = {};
+
+const nodeTypeSearchItems = computed<SearchFormItem[]>(() => [
+  {
+    label: "名称",
+    key: "name",
+    type: "input",
+    placeholder: "名称",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "编码",
+    key: "code",
+    type: "input",
+    placeholder: "编码",
+    clearable: true,
+    span: 6,
+  },
+  {
+    label: "分类",
+    key: "category",
+    type: "select",
+    props: {
+      placeholder: "全部",
+      clearable: true,
+      options: [
+        { label: "触发器", value: "trigger" },
+        { label: "动作", value: "action" },
+        { label: "条件", value: "condition" },
+        { label: "控制", value: "control" },
+      ],
+    },
+    span: 6,
+  },
+  {
+    label: "状态",
+    key: "status",
+    type: "select",
+    props: {
+      placeholder: "请选择状态",
+      clearable: true,
+      options: [
+        { label: "启用", value: 0 },
+        { label: "停用", value: 1 },
+      ],
+    },
+    span: 6,
+  },
+  {
+    label: "创建时间",
+    key: "created_time",
+    type: "datetimerange",
+    span: 6,
+    props: {
+      type: "datetimerange",
+      rangeSeparator: "至",
+      startPlaceholder: "开始日期",
+      endPlaceholder: "结束日期",
+      format: "YYYY-MM-DD HH:mm:ss",
+      valueFormat: "YYYY-MM-DD HH:mm:ss",
+      style: { width: "100%" },
+    },
+  },
+]);
+
+const faTableRef = ref<{ elTableRef?: { clearSelection: () => void } } | null>(null);
+const { selectedIds, batchDeleting, onTableSelectionChange } =
+  useTableSelection<WorkflowNodeTypeTable>();
+const createLoading = ref(false);
+
+function categoryLabel(c?: string) {
+  const m: Record<string, string> = {
+    trigger: "触发器",
+    action: "动作",
+    condition: "条件",
+    control: "控制",
+  };
+  return c ? m[c] || c : "-";
+}
+
+const deleteNodeTypeRow = async (row: WorkflowNodeTypeTable) => {
+  if (!row.id) return;
+  try {
+    await confirmDelete(`确定删除节点类型「${row.name ?? row.id}」吗？`);
+    await WorkflowNodeTypeAPI.deleteWorkflowNodeType([row.id]);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  }
+};
+
+async function handleBatchDelete() {
+  const ids = selectedIds.value;
+  if (ids.length === 0) return;
+  try {
+    await confirmBatchDelete(ids.length);
+    batchDeleting.value = true;
+    await WorkflowNodeTypeAPI.deleteWorkflowNodeType(ids);
+    faTableRef.value?.elTableRef?.clearSelection();
+    await refreshRemove();
+  } catch {
+    // 用户取消
+  } finally {
+    batchDeleting.value = false;
+  }
+}
+
+function buildNodeTypeRowActions(row: WorkflowNodeTypeTable): TableOperationAction[] {
+  const all: TableOperationAction[] = [
+    {
+      key: "edit",
+      label: "编辑",
+      artType: "edit",
+      icon: "ri:edit-2-line",
+      perm: "module_task:workflow:node-type:update",
+      run: () => void openDialog(row.id),
+    },
+    {
+      key: "delete",
+      label: "删除",
+      artType: "delete",
+      icon: "ri:delete-bin-4-line",
+      perm: "module_task:workflow:node-type:delete",
+      run: () => void deleteNodeTypeRow(row),
+    },
+  ];
+  return all.filter((a) => a.perm != null && hasAuth(a.perm));
+}
+
+function formatNodeTypeOperationCell(row: WorkflowNodeTypeTable) {
+  return renderTableOperationCell(buildNodeTypeRowActions(row), {
+    wrapperClass: "inline-flex flex-wrap items-center justify-end gap-1",
+  });
+}
+
+const {
+  columns,
+  columnChecks,
+  data,
+  loading,
+  pagination,
+  getData,
+  replaceSearchParams,
+  resetSearchParams,
+  handleSizeChange,
+  handleCurrentChange,
+  refreshData,
+  refreshRemove,
+  refreshCreate,
+  refreshUpdate,
+} = useTable({
+  core: {
+    apiFn: WorkflowNodeTypeAPI.getWorkflowNodeTypeList,
+    apiParams: {
+      page_no: 1,
+      page_size: 10,
+    },
+    columnsFactory: (): ColumnOption<WorkflowNodeTypeTable>[] => [
+      { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
+      {
+        prop: "id",
+        label: "ID",
+        width: 88,
+        align: "center",
+      },
+      {
+        prop: "name",
+        label: "名称",
+        minWidth: 140,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "code",
+        label: "编码",
+        minWidth: 120,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "category",
+        label: "分类",
+        minWidth: 100,
+        formatter: (row) => categoryLabel(row.category),
+      },
+      {
+        prop: "sort_order",
+        label: "排序",
+        width: 88,
+        align: "center",
+      },
+      {
+        prop: "is_active",
+        label: "启用",
+        width: 88,
+        align: "center",
+        status: {
+          true: { type: "success", text: "是" },
+          false: { type: "info", text: "否" },
+        },
+      },
+      {
+        prop: "created_time",
+        label: "创建时间",
+        minWidth: 170,
+        showOverflowTooltip: true,
+      },
+      {
+        prop: "operation",
+        label: "操作",
+        width: 160,
+        fixed: "right",
+        align: "center",
+        formatter: (row: WorkflowNodeTypeTable) => formatNodeTypeOperationCell(row),
+      },
+    ],
+  },
+});
+
+async function handleSearchBarSearch(params: NodeTypeSearchForm) {
+  await searchBarRef.value?.validate?.();
+  replaceSearchParams(buildNodeTypeReplaceParams(params));
+  getData();
+}
+
+async function onResetSearch() {
+  searchForm.value = {
+    name: undefined,
+    code: undefined,
+    category: undefined,
+  };
+  await resetSearchParams();
+}
+
+// ─── Codemirror ──────────────────────────────────────────────────
+
+const codeEditorOptions: EditorConfiguration = {
+  mode: "python",
+  lineNumbers: true,
+  smartIndent: true,
+  indentUnit: 4,
+  tabSize: 4,
+  theme: "dracula",
+  lineWrapping: true,
+  autofocus: false,
+};
+
+const codeEditorRef = ref<CmComponentRef>();
+
+// ─── 表单 ────────────────────────────────────────────────────────
+
+const dialogVisible = ref(false);
+const dialogTitle = ref("新增节点类型");
+const editingId = ref<number | null>(null);
+const submitting = ref(false);
+const formRef = ref<InstanceType<typeof FaForm> | null>(null);
+const nodeTypeFormRenderKey = ref(0);
+
+const defaultForm = (): WorkflowNodeTypeForm => ({
+  name: "",
+  code: "",
+  category: "action",
+  func: `def handler(*args, **kwargs):
+    """
+    编写你的处理逻辑
+    可访问:
+    - args: 位置参数
+    - kwargs: 关键字参数
+    """
+    print("handler executed")
+    return {"status": "success"}
+`,
+  args: "",
+  kwargs: "{}",
+  sort_order: 0,
+  is_active: true,
+});
+
+const formData = ref<WorkflowNodeTypeForm>(defaultForm());
+const argsList = ref<string[]>([]);
+const kwargsList = ref<{ key: string; value: string }[]>([]);
+
+const nodeTypeDialogFormItems = computed<FormItem[]>(() => [
+  {
+    label: "名称",
+    key: "name",
+    type: "input",
+    span: 24,
+    props: { maxlength: 128, showWordLimit: true },
+  },
+  {
+    label: "编码",
+    key: "code",
+    type: "input",
+    span: 24,
+    props: { maxlength: 64, showWordLimit: true, disabled: !!editingId.value },
+  },
+  {
+    label: "分类",
+    key: "category",
+    type: "select",
+    span: 24,
+    props: {
+      style: { width: "100%" },
+      options: [
+        { label: "触发器", value: "trigger" },
+        { label: "动作", value: "action" },
+        { label: "条件", value: "condition" },
+        { label: "控制", value: "control" },
+      ],
+    },
+  },
+  {
+    label: "位置参数",
+    key: "args",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "关键字参数",
+    key: "kwargs",
+    type: "input",
+    span: 24,
+    placeholder: "",
+  },
+  {
+    label: "排序",
+    key: "sort_order",
+    type: "number",
+    span: 24,
+    props: { min: 0 },
+  },
+  {
+    label: "启用",
+    key: "is_active",
+    type: "switch",
+    span: 24,
+  },
+]);
+
+const rules: FormRules = {
+  name: [{ required: true, message: "请输入名称", trigger: "blur" }],
+  code: [{ required: true, message: "请输入编码", trigger: "blur" }],
+  category: [{ required: true, message: "请选择分类", trigger: "change" }],
+};
+
+function resetForm() {
+  Object.assign(formData.value, defaultForm());
+  editingId.value = null;
+  argsList.value = [];
+  kwargsList.value = [];
+  formRef.value?.resetFields();
+  formRef.value?.clearValidate();
+}
+
+function handleCloseDialog() {
+  resetForm();
+}
+
+function handleDialogOpened() {
+  nextTick(() => {
+    setTimeout(() => {
+      codeEditorRef.value?.refresh?.();
+    }, 100);
+  });
+}
+
+async function handleAdd() {
+  createLoading.value = true;
+  try {
+    await openDialog();
+  } finally {
+    createLoading.value = false;
+  }
+}
+
+async function openDialog(id?: number) {
+  resetForm();
+  dialogTitle.value = id ? "编辑节点类型" : "新增节点类型";
+  editingId.value = id ?? null;
+  if (id) {
+    try {
+      const res = await WorkflowNodeTypeAPI.getWorkflowNodeTypeDetail(id);
+      const d = res.data?.data as WorkflowNodeTypeTable | undefined;
+      if (d) {
+        formData.value.name = d.name || "";
+        formData.value.code = d.code || "";
+        formData.value.category = (d.category as WorkflowNodeTypeForm["category"]) || "action";
+        formData.value.func = d.func || "";
+        formData.value.sort_order = d.sort_order ?? 0;
+        formData.value.is_active = d.is_active ?? true;
+        argsList.value = d.args ? d.args.split(",").map((v: string) => v.trim()) : [];
+        kwargsList.value = d.kwargs
+          ? Object.entries(JSON.parse(d.kwargs)).map(([key, value]) => ({
+              key,
+              value: String(value),
+            }))
+          : [];
+      }
+    } catch {
+      ElMessage.error("加载详情失败");
+      return;
+    }
+  }
+  nodeTypeFormRenderKey.value += 1;
+  dialogVisible.value = true;
+}
+
+async function submitForm() {
+  if (!formRef.value) return;
+  await formRef.value.validate();
+
+  if (!formData.value.func || !formData.value.func.trim()) {
+    ElMessage.error("请输入 handler 代码");
+    return;
+  }
+
+  submitting.value = true;
+  try {
+    const submitData = {
+      ...formData.value,
+      args: argsList.value.filter((v) => v.trim()).join(",") || undefined,
+      kwargs:
+        kwargsList.value.filter((v) => v.key.trim()).length > 0
+          ? JSON.stringify(
+              Object.fromEntries(
+                kwargsList.value.filter((v) => v.key.trim()).map((v) => [v.key, v.value])
+              )
+            )
+          : undefined,
+    };
+    if (editingId.value) {
+      await WorkflowNodeTypeAPI.updateWorkflowNodeType(editingId.value, submitData);
+      dialogVisible.value = false;
+      await refreshUpdate();
+    } else {
+      await WorkflowNodeTypeAPI.createWorkflowNodeType(submitData);
+      dialogVisible.value = false;
+      await refreshCreate();
+    }
+  } catch {
+    /* 接口错误已由拦截器提示 */
+  } finally {
+    submitting.value = false;
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.code-editor-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.code-editor-header {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  background: var(--el-fill-color-light);
+  border-bottom: 1px solid var(--el-border-color-lighter);
+}
+
+.code-editor-title {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.code-editor-tip {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}
+
+.dynamic-params {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.param-item {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+
+  .el-input {
+    flex: 1;
+  }
+}
+</style>
diff --git a/src/views/module_task/workflow/types.ts b/src/views/module_task/workflow/types.ts
new file mode 100644
index 0000000..1330c3c
--- /dev/null
+++ b/src/views/module_task/workflow/types.ts
@@ -0,0 +1,162 @@
+import type { CSSProperties } from "vue";
+
+export type NodeType =
+  | "input"
+  | "output"
+  | "trigger"
+  | "action"
+  | "condition"
+  | "control"
+  | "integration"
+  | "custom";
+
+export type EdgeType = "default" | "straight" | "step" | "smoothstep" | "bezier";
+
+export type HandlePosition = "left" | "right" | "top" | "bottom";
+
+export interface NodeConfigSchema {
+  type: string;
+  properties: Record<string, PropertySchema>;
+}
+
+export interface PropertySchema {
+  type: "string" | "number" | "boolean" | "select" | "textarea" | "json" | "code";
+  label: string;
+  description?: string;
+  default?: any;
+  required?: boolean;
+  options?: Array<{ label: string; value: any }>;
+  placeholder?: string;
+  validation?: {
+    min?: number;
+    max?: number;
+    pattern?: string;
+  };
+}
+
+export interface DynamicNodeData {
+  label: string;
+  nodeTypeCode: string;
+  config: Record<string, any>;
+  description?: string;
+}
+
+export interface Node {
+  id: string;
+  position: { x: number; y: number };
+  type?: NodeType;
+  data?: DynamicNodeData;
+  label?: string;
+  style?: CSSProperties;
+  class?: string | string[];
+  sourcePosition?: HandlePosition;
+  targetPosition?: HandlePosition;
+  hidden?: boolean;
+  selected?: boolean;
+  draggable?: boolean;
+  connectable?: boolean;
+  deletable?: boolean;
+  selectable?: boolean;
+  focusable?: boolean;
+  dragHandle?: string;
+  extent?: "parent" | [number, number] | [[number, number], [number, number]];
+  parentNode?: string;
+  expandParent?: boolean;
+  zIndex?: number;
+}
+
+export interface Edge {
+  id?: string;
+  source: string;
+  target: string;
+  sourceHandle?: string;
+  targetHandle?: string;
+  type?: EdgeType;
+  label?: string;
+  labelStyle?: CSSProperties;
+  labelShowBg?: boolean;
+  labelBgStyle?: CSSProperties;
+  labelBgPadding?: [number, number];
+  labelBgBorderRadius?: number;
+  style?: CSSProperties;
+  class?: string | string[];
+  animated?: boolean;
+  hidden?: boolean;
+  selected?: boolean;
+  deletable?: boolean;
+  selectable?: boolean;
+  focusable?: boolean;
+  updatable?: boolean | "source" | "target";
+  markerStart?: Marker | string;
+  markerEnd?: Marker | string;
+  pathOptions?: {
+    offset?: number;
+    borderRadius?: number;
+    curvature?: number;
+  };
+  interactionWidth?: number;
+}
+
+export interface Marker {
+  type: "arrow" | "arrowclosed";
+  color?: string;
+  width?: number;
+  height?: number;
+  orient?: "auto" | "auto-start-reverse";
+}
+
+export interface WorkflowTemplate {
+  id: string;
+  name: string;
+  description?: string;
+  nodes: Node[];
+  edges: Edge[];
+}
+
+export interface WorkflowStats {
+  totalNodes: number;
+  totalEdges: number;
+  nodeTypes: Record<NodeType, number>;
+}
+
+export interface NodeConfig {
+  id: string;
+  type: NodeType;
+  data: DynamicNodeData;
+}
+
+export interface EdgeConfig {
+  id: string;
+  source: string;
+  target: string;
+  label?: string;
+  type?: EdgeType;
+  animated?: boolean;
+}
+
+export interface NodeTypeDefinition {
+  code: string;
+  name: string;
+  category: "trigger" | "action" | "condition" | "control" | "integration" | "custom";
+  description?: string;
+  icon?: string;
+  color?: string;
+  configSchema: NodeConfigSchema;
+  inputSchema?: Record<string, any>;
+  outputSchema?: Record<string, any>;
+  handler: string;
+  isSystem: boolean;
+  isActive: boolean;
+  sortOrder: number;
+}
+
+export interface NodeTemplate {
+  id: string;
+  nodeTypeCode: string;
+  name: string;
+  description?: string;
+  defaultConfig: Record<string, any>;
+  isPublic: boolean;
+  tags?: string[];
+  thumbnail?: string;
+}
diff --git a/src/views/redirect/index.vue b/src/views/redirect/index.vue
new file mode 100644
index 0000000..2b61386
--- /dev/null
+++ b/src/views/redirect/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <div />
+</template>
+
+<script setup lang="ts">
+import { useRoute, useRouter } from "vue-router";
+
+const route = useRoute();
+const router = useRouter();
+
+const { params, query } = route;
+const { path } = params;
+
+router.replace({ path: "/" + path, query });
+</script>
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..a54f7df
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "noImplicitOverride": true,
+    "noFallthroughCasesInSwitch": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "lib": ["ES2024", "DOM", "DOM.Iterable"],
+    "types": ["vite/client", "node"],
+    "skipLibCheck": true,
+    "paths": {
+      "@/*": ["./src/*"],
+      "@views/*": ["./src/views/*"],
+      "@imgs": ["./src/assets/images"],
+      "@icons": ["./src/assets/images/svg"],
+      "@utils": ["./src/utils"],
+      "@utils/*": ["./src/utils/*"],
+      "@stores": ["./src/store"],
+      "@stores/*": ["./src/store/*"],
+      "@plugins": ["./src/plugins"],
+      "@styles": ["./src/styles"],
+      "@api/*": ["./src/api/*"],
+      "@fa_imgs/*": ["./src/assets/fa_imgs/*"],
+      "@fa_imgs": ["./src/assets/fa_imgs"]
+    }
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/types/import/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "build/vitePluginStart.ts"
+  ],
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..566ccee
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,317 @@
+import { defineConfig, loadEnv } from "vite";
+import vue from "@vitejs/plugin-vue";
+import autoprefixer from "autoprefixer";
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "url";
+import vueDevTools from "vite-plugin-vue-devtools";
+import viteCompression from "vite-plugin-compression";
+import Components from "unplugin-vue-components/vite";
+import AutoImport from "unplugin-auto-import/vite";
+import ElementPlus from "unplugin-element-plus/vite";
+import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
+import tailwindcss from "@tailwindcss/vite";
+import vitePluginStart from "./build/vitePluginStart";
+import { name, version, engines, dependencies, devDependencies } from "./package.json";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const __APP_INFO__ = {
+  pkg: { name, version, engines, dependencies, devDependencies },
+  buildTimestamp: Date.now(),
+};
+
+/**
+ * 返回所有 Element Plus 组件的样式入口（style/index + style/css）。
+ *
+ * 这些路径路由懒加载组件首次渲染时若未预热，vite optimizer 会重新处理
+ * → "new dependencies optimized → reloading" 循环，导致菜单切换卡顿 + 整页刷新。
+ * 提前加入 optimizeDeps.include 可消除此问题（仅影响 dev 启动预编译，不影响生产）。
+ *
+ * - style/css：预编译 CSS（兜底）
+ * - style/index：SCSS 入口。useSource: true 时必须预热，否则懒加载触发 optimizer。
+ *
+ * 性能权衡
+ * --------
+ * - 当前实现：一次性预热 ~244 个 EP 路径（122 个组件 × 2 入口），dev 启动慢 1-2 分钟
+ *   但后续路由切换零卡顿。
+ * - 未来优化：扫描 src/ 中实际用到的 el-xxx 组件名，只预热这部分。
+ *   实测本项目用到了约 70 个不同 EP 组件，可减少 40%+ 预热开销。
+ *   需在新增 EP 组件时同步更新扫描结果，否则会再次触发菜单卡顿。
+ */
+function elementPlusStyleIncludes(): string[] {
+  // 预构建所有 Element Plus 组件的样式，避免开发时访问新页面触发依赖优化刷新
+  const componentsDir = path.join(
+    process.cwd(),
+    "node_modules",
+    "element-plus",
+    "es",
+    "components"
+  );
+  try {
+    const result: string[] = [];
+    for (const entry of fs.readdirSync(componentsDir, { withFileTypes: true })) {
+      if (!entry.isDirectory()) continue;
+      const styleDir = path.join(componentsDir, entry.name, "style");
+      // 只包含实际存在 style 目录的组件
+      if (fs.existsSync(styleDir) && fs.statSync(styleDir).isDirectory()) {
+        result.push(`element-plus/es/components/${entry.name}/style/index`);
+        result.push(`element-plus/es/components/${entry.name}/style/css`);
+      }
+    }
+    return result;
+  } catch {
+    return [];
+  }
+}
+
+export default ({ mode }: { mode: string }) => {
+  const root = process.cwd();
+  const env = loadEnv(mode, root);
+  const isProduction = mode === "production";
+
+  return defineConfig({
+    define: {
+      __APP_VERSION__: JSON.stringify(env.VITE_VERSION),
+      __APP_NAME__: JSON.stringify(env.VITE_APP_TITLE),
+      __APP_INFO__: JSON.stringify(__APP_INFO__),
+    },
+    base: env.VITE_BASE_URL,
+    server: {
+      host: true,
+      port: Number(env.VITE_PORT),
+      open: true,
+      proxy: {
+        [env.VITE_APP_BASE_API]: {
+          target: env.VITE_API_BASE_URL, // 代理目标地址：https://后端地址
+          secure: false, // 请求是否https
+          changeOrigin: true, // 是否跨域
+          // rewrite: (path: string) => path.replace(new RegExp("^" + env.VITE_APP_BASE_API), ""),
+        },
+      },
+    },
+    resolve: {
+      alias: {
+        "@": fileURLToPath(new URL("./src", import.meta.url)),
+        "@views": resolvePath("src/views"),
+        "@views/*": resolvePath("src/views/*"),
+        "@imgs": resolvePath("src/assets/images"),
+        "@icons": resolvePath("src/assets/images/svg"),
+        "@utils": resolvePath("src/utils"),
+        "@stores": resolvePath("src/store"),
+        "@plugins": resolvePath("src/plugins"),
+        "@styles": resolvePath("src/styles"),
+        "@api": resolvePath("src/api"),
+        "@fa_imgs": resolvePath("src/assets/fa_imgs"),
+        "@fa_imgs/*": resolvePath("src/assets/fa_imgs/*"),
+      },
+    },
+    build: {
+      target: "es2024",
+      outDir: "dist",
+      chunkSizeWarningLimit: 4000,
+      minify: isProduction ? "terser" : false,
+      terserOptions: isProduction
+        ? {
+            compress: {
+              keep_infinity: true,
+              drop_console: true,
+              drop_debugger: true,
+              pure_funcs: ["console.log", "console.info"],
+            },
+            format: {
+              comments: true,
+            },
+          }
+        : {},
+      rollupOptions: {
+        output: {
+          manualChunks(id) {
+            if (!id.includes("node_modules")) return;
+            if (id.includes("echarts") || id.includes("zrender")) return "echarts";
+            if (id.includes("element-plus")) return "element-plus";
+            if (id.includes("@wangeditor")) return "wangeditor";
+            if (id.includes("codemirror")) return "codemirror";
+            if (id.includes("exceljs")) return "exceljs";
+            if (id.includes("@vue-flow") || id.includes("dagre")) return "vue-flow";
+            if (id.includes("highlight.js") || id.includes("highlightjs")) return "highlight";
+            if (id.includes("xgplayer")) return "xgplayer";
+            if (id.includes("markdown-it")) return "markdown";
+            if (id.includes("@iconify-json")) return "iconify-icons";
+            if (id.includes("xlsx")) return "xlsx";
+            if (id.includes("crypto-js")) return "crypto";
+            if (id.includes("js-beautify")) return "beautify";
+            if (id.includes("dayjs")) return "dayjs";
+            if (
+              id.includes("vue/") ||
+              id.includes("vue-router") ||
+              id.includes("pinia") ||
+              id.includes("vue-i18n") ||
+              id.includes("@vueuse")
+            )
+              return "vue-vendor";
+
+            const module = id
+              .toString()
+              .replace(/^.*[/\\]node_modules[/\\]\.pnpm[/\\][^/\\]+[/\\]node_modules[/\\]/, "")
+              .split("node_modules/")
+              .pop()
+              ?.split("/")[0];
+            if (
+              !module ||
+              [
+                "birpc",
+                "hookable",
+                "tslib",
+                "copy-anything",
+                "danmu.js",
+                "lodash-unified",
+                "perfect-debounce",
+              ].includes(module)
+            )
+              return;
+            return module;
+          },
+          entryFileNames: "js/[name].[hash].js",
+          chunkFileNames: "js/[name].[hash].js",
+          assetFileNames: (assetInfo: any) => {
+            const info = assetInfo.name.split(".");
+            let extType = info[info.length - 1];
+            if (/\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/i.test(assetInfo.name)) {
+              extType = "media";
+            } else if (/\.(png|jpe?g|gif|svg)(\?.*)?$/.test(assetInfo.name)) {
+              extType = "img";
+            } else if (/\.(woff2?|eot|ttf|otf)(\?.*)?$/i.test(assetInfo.name)) {
+              extType = "fonts";
+            }
+            return `${extType}/[name].[hash].[ext]`;
+          },
+        },
+      },
+      dynamicImportVarsOptions: {
+        warnOnError: true,
+        exclude: [],
+        include: ["src/views/**/*.vue"],
+      },
+    },
+    plugins: [
+      vue(),
+      vitePluginStart(),
+      tailwindcss(),
+      AutoImport({
+        imports: ["vue", "vue-router", "pinia", "@vueuse/core", "vue-i18n"],
+        dts: "src/types/import/auto-imports.d.ts",
+        resolvers: [ElementPlusResolver()],
+        eslintrc: {
+          enabled: true,
+          filepath: "./.auto-import.json",
+          globalsPropValue: true,
+        },
+        vueTemplate: true,
+      }),
+      Components({
+        dirs: ["src/components"],
+        dts: "src/types/import/components.d.ts",
+        resolvers: [ElementPlusResolver()],
+      }),
+      ElementPlus({
+        useSource: true,
+      }),
+      viteCompression({
+        verbose: false, // 是否在控制台输出压缩结果
+        disable: false, // 是否禁用
+        algorithm: "gzip", // 压缩算法
+        ext: ".gz", // 压缩后的文件名后缀
+        threshold: 10240, // 只有大小大于该值的资源会被处理 10240B = 10KB
+        deleteOriginFile: false, // 压缩后是否删除原文件
+      }),
+      /** 仅开发启用：避免生产包体积膨胀与运行期 DevTools 开销 */
+      ...(isProduction ? [] : [vueDevTools()]),
+    ],
+    optimizeDeps: {
+      include: [
+        "@vue-flow/core",
+        "@vue-flow/background",
+        "@vue-flow/controls",
+        "@vue-flow/minimap",
+        "vue",
+        "vue-router",
+        "vue-i18n",
+        "vue-json-pretty",
+        "vue-web-terminal",
+        "vue3-cron-plus",
+        "vuedraggable",
+        "vue-draggable-plus",
+        "element-plus",
+        "@element-plus/icons-vue",
+        "element-plus/es",
+        "element-plus/es/locale/lang/en",
+        "element-plus/es/locale/lang/zh-cn",
+        "pinia",
+        "axios",
+        "@vueuse/core",
+        "codemirror",
+        "codemirror-editor-vue3",
+        "@wangeditor-next/editor",
+        "@wangeditor-next/editor-for-vue",
+        "exceljs",
+        "echarts/core",
+        "echarts/renderers",
+        "echarts/charts",
+        "echarts/components",
+        "nprogress",
+        "qs",
+        "path-to-regexp",
+        "path-browserify",
+        "xgplayer",
+        "@iconify/vue",
+        "qrcode.vue",
+        "xlsx",
+        "highlight.js",
+        "dagre",
+        "dompurify",
+        "js-beautify",
+        "markdown-it",
+        "markdown-it-highlightjs",
+        "clipboard",
+        "crypto-js",
+        "file-saver",
+        "mitt",
+        "ohash",
+        "pinia-plugin-persistedstate",
+        ...elementPlusStyleIncludes(),
+      ],
+    },
+    css: {
+      preprocessorOptions: {
+        scss: {
+          additionalData: `
+            // Element Plus 主题色（@use with 直接改 common/var 模块默认值）。
+            @use "@styles/element-plus/theme.scss" as *;
+            // 业务工具 mixin 注入（供 src 内 SCSS 文件直接使用，无需手动引入）。
+            @use "@styles/core/mixin.scss" as *;
+          `,
+        },
+      },
+      postcss: {
+        plugins: [
+          autoprefixer(),
+          {
+            postcssPlugin: "internal:charset-removal",
+            AtRule: {
+              charset: (atRule: any) => {
+                if (atRule.name === "charset") {
+                  atRule.remove();
+                }
+              },
+            },
+          },
+        ],
+      },
+    },
+  });
+};
+
+function resolvePath(paths: string) {
+  return path.resolve(__dirname, paths);
+}
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 0000000..947326c
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,19 @@
+import { defineConfig } from "vitest/config";
+import vue from "@vitejs/plugin-vue";
+import path from "node:path";
+
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "src"),
+      "@utils": path.resolve(__dirname, "src/utils"),
+      "@stores": path.resolve(__dirname, "src/store"),
+    },
+  },
+  test: {
+    globals: true,
+    environment: "jsdom",
+    include: ["src/**/*.{test,spec}.{ts,js}"],
+  },
+});